@charset "utf-8";
/* CSS Document */
@import "reset.css";
/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/*栅格5等分定义*/
 /* define bootstrap 5 columns */  
        .col-xs-1-5,  
        .col-sm-1-5,  
        .col-md-1-5,  
        .col-lg-1-5 {  
            position: relative;  
            min-height: 1px;  
            padding-right: 10px;  
            padding-left: 10px; 
        }  
   
        .col-xs-1-5 {  
            width: 20%;  
            float: left;  
        }  
       
 

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}
/*img{ width: 100%!important;}*/
/*globe*/
.top{width:100%;  background:#f1f0f1; height:auto; overflow:hidden; }
.logo{float: left; margin:30px 0 ; }
.call{ margin: 10px;font-family: "微软雅黑"; float: right; padding-top: 30px;}
.call span{ font-size: 21px; padding: 0 5px; color: #f97d23;  } 
.call font{ font-size:18px ;}
.call em{ font-size: 25px;  color: #f97d23; line-height: 25px;  }
.nav_box{ border-bottom: 1px solid #dedede; width: 100%;  border-top:1px solid #dedede; }

.navbar-brand{ padding:29px 15px;	 height: auto;	}
nav.navbar.bootsnav{ border: none; margin-bottom: 150px;}
nav.navbar ul> li.on { background: #0071CA; }
nav.navbar ul > li.on a{ color: #fff;}
nav.navbar ul > li.active {background: #0071CA;}
nav.navbar ul > li.active a {color: #fff;}
.navbar-nav{ float: left;}
nav.navbar.bootsnav ul.nav > li > a{ font-size: 14px;	}
nav.navbar.bootsnav ul.nav > li:hover{ background: #0071CA;height: 100%;}
/*nav.navbar.bootsnav ul.nav > li:after{content: ""; width:100%;height:0;   color: #fff; position: absolute;  bottom: 0; top:0;transition: all 0.5s ease 0s;}
nav.navbar.bootsnav ul.nav > li:hover:after{ height: 100%;color: #fff; }*/
nav.navbar.bootsnav ul.nav > li.dropdown > a.dropdown-toggle:after{
		    content: "";
		    font-family: 'FontAwesome';
		    font-size: 12px;
		    font-weight: 500;
		    position: absolute;
		    top: 35%;
		    right: 10%;
		    color: #333;
		    transition: all 0.4s ease 0s;
		}
nav.navbar.bootsnav ul.nav > li.dropdown.on > a.dropdown-toggle:after{
		    content: "";
		    transform: rotate(90deg);
		}
.dropdown-menu.multi-dropdown{
		    position: absolute;
		    left: -100% !important;
		}
nav.navbar.bootsnav li.dropdown ul.dropdown-menu{
		    box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
		    border: none;}

.clearfix:before,
.clearfix:after { content: "+";display: table;}

.clearfix:after {clear: both;}
.bs-slider{background:none !important;}

/*搜索*/
.search{width:100%;  height:auto; overflow:hidden;  }
.search_text{ line-height:70px; text-align:left; font-size: 12px;}
.search_box{  float: left; margin-top: 20px; }
.pro_img{ float: left; margin-top: 10px;}
.img_box{padding-left: 0; padding-right: 0; overflow: hidden; float: left; }
.img_box img{ transition: all 0.5s ease 0s; display: inline-block;}
.img_box:hover img{-webkit-transform: scale(1.1); }
.img_box span{width:100%;height:50px; color: #fff; position: absolute; bottom: 0;transition: all 0.5s ease 0s; background-color: rgba(7,114,199,0.8);}
.img_box:hover span{ height: 65px;cursor: pointer;background-color: rgba(1,175,64,0.8);}
.img_box span a{ color: #fff; display:inline-block; line-height: 50px; }
.about{width:100%; height: auto; overflow: hidden; margin-top: 80px; float: left; margin-bottom:80px;}
.about_box{ width: 100%; height: auto; margin-bottom: 50px; }
.about_box em{font-size: 21px; line-height: 21px; color: #0071CA;}
.about_box h2{ color: #222222; line-height: 50px; font-size: 25px;}
.about_box span{ width: 10%; height: 3px; background: #01af40; display: block; margin: 0 auto;}
.pro{width:100%; height: auto; overflow: hidden; float: left; padding-top: 80px; border-top: 1px dashed #E0E0E0; margin-bottom:60px;}
.menu{  padding-left: 0;}
.menu .tit{ position: relative; width: 100%; border:5px solid #0873c8; padding: 15px; padding-top: 60px;}
.menu .tit span.bebas{ position: absolute; top:20px; padding: 10px; left: -22px; width: 100%; color: #0873c8; font-size: 28px; background: #fff;}
.menu .tit h3{ line-height: 60px; font-size: 22px; margin-top:30px;}
.menu .tit .line{ width: 50px; height: 3px; background: #01a63d;}
.menu .menu_box{ padding:10px 0;}
.menu .menu_box ul li{ width: 100%; height:50px; position: relative; border-bottom: 1px solid #ddd; overflow: hidden; font-size: 16px;}
.menu .menu_box ul li span{ position: absolute; line-height:60px; right:100%; color: #fff; transition: all .5s; -webkit-transition: all .5s;}
.menu .menu_box ul li:hover a,.menu .menu_box ul li.active a{ background: #0873c8; color: #fff;}
.menu .menu_box ul li:hover span,.menu .menu_box ul li.active span{ right:15px;}
.menu .menu_box ul li a{ padding: 15px; line-height: 30px; width: 100%; display: inline-block; transition: all .5s; -webkit-transition: all .5s;}
.pro_box li{padding-right: 5px; padding-left: 5px;}
.pro_box li a{ display: inline-block; width: 100%; height: auto; float: left;overflow: hidden;}
.pro_box li img{ width:100%; height: auto; transition: all 0.5s ease 0s; display: block ; overflow: hidden;}
.pro_box li img:hover{-webkit-transform: scale(1.1); }
.pro_box li span{ line-height: 40px;font-size: 14px;}
.list_left{ padding-left: 0; padding-right:0;}
.list_right{padding-left: 0; padding-right:0;}
/* scrollpic */
.scroll{ width: 100%; height: auto; float: left; padding-top: 50px; padding-bottom: 80px; background: url(../images/scrollpic.jpg);}
.scroll h2{color: #222222; line-height: 50px; font-size: 25px;}
/* scrollpic */
.scrollpic{max-width:1170px;}
#myscroll{display:block; width:100%; position:relative; height:150px; overflow:hidden;}
#myscroll #myscrollbox{display:block; float:left; position:absolute; left:0; top:0; width:1000000px;}
#myscroll ul{display:block; float:left; list-style-type:none; padding:0; margin:0;}
#myscroll ul li{display:block; float:left; padding:0; margin: 0;}
#myscroll ul li a{display:block; float:left; width:275px;  margin:9px; position:relative; height:150px; color:#333;}
.mybtns{margin: 0 auto; margin-top:40px; width:90px;}
#mybtns{margin-bottom:10px; width:100%; display:block; height:42px;}
#mybtns a{width:42px; height:42px; display:block; float:left; margin-right:1px; background-color: #0873c8; }
#mybtns a:hover{background-color: #01914b;}
#mybtns a:hover, #myscroll, #mybtns a,#myscroll a:hover .intro, #myscroll a .intro,#myscroll #myscrollbox{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#mybtns #left{background-image:url(../images/jt_l.png);}
#mybtns #right{background-image:url(../images/jt_r.png);}
/* 选项卡切换 */
.tab_box {	width: 100%; padding-top:100px; float: left; margin-bottom: 80px;}
.yyly_left ul {padding: 0;}
.yyly_left ul li {list-style: none;padding-right:6px; padding-left:0;}
.yyly_left ul li a {display: block;width: 100%;background: #f7f7f7;color:#797979;margin-bottom:6px; padding: 10px; border: 1px solid #E7E7E7;}
.yyly_left ul li a:hover{ background: #0071CA; color: #fff;}
.yyly_left ul li span{ position: absolute; top:20px;right: 10px; font-size: 16px; color: #0071CA;}
.yyly_right{ float: left;}
/* 定制 */
.dz{ width: 100%; height: auto; background: url(../images/dz.jpg);  float: left; padding-top:80px; padding-bottom:80px;}
.dz h2{ font-size: 30px; color: #fff; }
.dz_box{  padding-top:50px;  margin: 0 auto;}
.dz_box span{ color: #fff;text-align: center;line-height: 50px; font-size:16px;}
/* 新闻 */
.news_box{float: left; }
.news_box li{ margin-bottom: 10px; padding:20px;}
.news_box li img{ width:25%; height:auto; float: left; margin-right: 10px;}
.news_box li td{ float: left;padding-left: 10px;}
.news_box li a{ line-height: 30px; font-size: 15px; color:#616161 ;}
.news_box li a:hover{color: #0071CA;}
.news_box li p{ line-height: 21px; color:#9F9F9F;}
/* 底部导航*/
.db_nav{ float: left; border-top: 1px solid #999; width: 100%;}
.db_nav li{float: left;}
.db_nav li a{ padding: 6px 23px; display: inline-block; line-height: 30px; font-size: 14px; color: #999;}
.db_nav li a:hover{ background: #0071CA; color: #fff;}
/* footer */
.footer{ width: 100%; float: left; background: #E8E8E8;}
.foot_img{ margin-top: 40px; margin-bottom: 40px;}
.footer p{ text-align: left; line-height: 25px;}
.foot_img_right{  float: left;}
.foot{ width: 100%; float: left; background:#222222;}
.foot p{ line-height: 35px; color: #E0E0E0;}

/* 内页*/
.title_box{  margin-top:5px;}
.ny_title{ overflow: hidden; padding-top: 20px; padding-bottom:10px; margin-bottom:15px; border: 1px solid #E3E3E3; background: #f9f9f9;}
.ny_title h2{ font-size: 23px; color: #0071CA;}
/* 内页nav */
.ny_nav{ float: left; margin-bottom:15px ;}
.ny_nav ul{ width: 100%; text-align: center;}
.ny_nav ul li{ padding: 10px 20px; text-align: center; margin:5px 5px; border: 1px solid #E0E0E0; display: inline-block; }
.ny_nav ul li:hover{ background: #0071CA;}
.ny_nav ul li:hover a{ color: #fff;}
.ny_content{ float: left; overflow: hidden; width: 100%;}
.content_box{  height:auto; overflow: hidden;min-height:400px;  padding:50px; text-align: left; line-height: 25px;border-top: 1px dashed #E3E3E3;background:#f5f5f5; margin-bottom:30px;}
.content_box h3{font-size:18px}
.content_box p{ line-height: 25px; color:#666; font-size: 13px;}
.content_box ul li{ padding: 5px;}
.content_pro{overflow: hidden; position: relative; }
.content_pro img{ transition: all 0.5s ease 0s; display: inline-block;}
.content_pro a.tit{width:100%;height:50px; display: inline-block; color: #fff; position: absolute;z-index: 999; left: 0; bottom: 0;transition: all 0.5s ease 0s; background-color: rgba(7,114,199,0.8); line-height: 50px;}
.content_pro:hover a.tit{ height: 65px;cursor: pointer;background-color: rgba(1,175,64,0.8);}
.pag_pro{text-align: center; height: auto; margin-bottom:40px;}
.ny_news{ padding:30px; border: 1px solid #F8F8F8;  background: #fff; transition: all 0.5s ease 0s;margin-bottom:30px;}
.ny_news:hover{box-shadow: 5px 5px 25px #888888;  -moz-box-shadow: 5px 5px 25px #888888; /* 老的 Firefox */ transition: all 0.5s ease 0s;}
.ny_news h3{ font-size: 16px; text-align: left; line-height: 35px;}
.ny_news p{ font-size: 12px; line-height: 18px;}
.ny_news:hover h3{ color: #0071CA;}
.ny_left_img{height: auto; }
.ny_left_tit{overflow: hidden;}
.ny_left_tit h2{ width: 100%; border-bottom: 1px dashed #bcbcbc; line-height: 35px; font-size: 16px;}
.call_btn{ margin-top: 10px; background: #f54500; border:0; padding:10px 30px; font-size: 16px;font-family: "微软雅黑";}
.ny_text{ overflow: hidden; padding-top: 50px;}
.ny_text_title{ width:100% ; line-height: 35px; border-bottom: 1px solid #C3C3C3; margin-bottom: 20px; }
.ny_text_box{ width: 100%; height: auto;float:left;}
/**/
.pages .pagination li a {color: #6F6F6F;}
.pages .pagination li.active a {background: #0071CA none repeat scroll 0 0;border-color: #000;color: #fff;}
/**/
.pager li > a, .pager li > span{ border: 0;background:none;}
.pager li > a:hover, .pager li > span:hover{ background:none; color:#0071CA;}
.pager .next>a, .pager .next>span,.pager .previous>a, .pager .previous>span{ float:none; color: #6F6F6F;}
/*=====================*/

.info_box {width: 100%;margin: 20px auto;}
.newsinfo {border-bottom: 1px dotted #ccc;color: #666;font-size: 12px;height: auto;line-height: 20px;padding-bottom: 15px;text-align: center;width: 100%;}
.newsinfo span {color: #ff0000;font-family: Georgia, "Times New Roman", Times, serif;font-size: 14px;font-weight: bold;}

@media (max-width: 1600px){....}

@media (max-width: 1400px){....}

@media (max-width: 1200px){
	.col-lg-1-5 {  
                width: 20%;  
                float: left;  
            }  
 .about{width:100%; height: auto; overflow: hidden; margin-top: 40px; float: left; margin-bottom:40px;}
.about_right{ padding-top: 5px;}
	.pro{width:100%; height: auto; overflow: hidden; float: left; padding-top:20px; border-top: 1px dashed #E0E0E0;}
	.menu .tit{ padding-top: 40px;}
	.menu .tit span.bebas{font-size: 24px; top:10px;}
	.menu .tit h3{ font-size:18px;margin-top:10px;}
	.menu .menu_box ul li{ height: 40px;}
	.menu .menu_box ul li span{ line-height: 40px;}
	.menu .menu_box ul li a{ padding: 5px 15px;}
}
@media only screen and (max-width:990px){
	.col-md-1-5 {  
                width: 20%;  
                float: left;  
            } 
		   
	.pro{width:100%; height: auto; overflow: hidden; float: left; padding-top:20px; margin-bottom: 20px; border-top: 1px dashed #E0E0E0;}
	.menu{ padding-left: 15px;}
	.menu .tit{ padding: 0; border: 0;}
	.menu .tit span.bebas{ position: relative; left: 0; padding: 0; top:10px; }
	.menu .tit h3{ line-height: 40px; font-size: 18px;margin-top:10px;}
	.menu .menu_box{ width: 100%; height: auto; overflow: hidden;}
	.menu .menu_box ul li{ width: auto; float: left; margin: 0 5px 5px 0; height:35px; border-bottom:0; overflow: hidden;}
	.menu .menu_box ul li a{ padding:0 20px; line-height:35px; width:auto; background: #0873c8; color: #fff;}
		}
@media (max-width: 768px){	
	 .col-sm-1-5 {  
                width: 20%;  
                float: left;  
            }  
 .about{width:100%; height: auto; overflow: hidden; margin-top:30px; float: left; margin-bottom:30px;}
 .logo {float: left; margin:10px 0 ; }
 .call {font-family: "微软雅黑"; float: right; padding-top: 20px;line-height: 12px;  }
 .call span{ font-size: 13px; padding: 0 5px; color: #f97d23;  } 
 .call font{ font-size:12px ;}
 .call em{ font-size: 14px;  color: #f97d23;  }
/*.navbar-brand{ padding:15px ;	 height: auto;	}
nav.bootsnav.navbar-sidebar .navbar-header{
        float: none;
        display: block;
        width: 260px;
        padding: 2px 15px;
        margin: 2px 0 0 0 !important;
    }*/
.search_text{ line-height:25px; text-align:left; font-size: 12px;}
.search_box{  float: left; margin-top: 0px; }
.img_box span{width:100%;height:35px; color: #fff; position: absolute; bottom: 0;transition: all 0.5s ease 0s; background-color: rgba(7,114,199,0.8);}
.img_box:hover span{ height: 45px;cursor: pointer;background-color: rgba(1,175,64,0.8);}
.img_box span a{ color: #fff; display:inline-block; line-height: 35px; }
.about{width:100%; height: auto; overflow: hidden; margin-top: 30px; float: left;}
.about img{width: 100%}
.about_box{ width: 100%; height: auto; margin-bottom:20px; }
.about_box em{font-size: 16px; line-height:18px; color: #0071CA;}
.about_box h2{ color: #222222; line-height:40px; font-size: 23px;}
.about_box span{ width: 10%; height: 3px; background: #01af40; display: block; margin: 0 auto;}
.tab_box {	width: 100%; padding-top:50px; float: left; margin-bottom:30px;}
.yyly_left ul li a {display: block;width: 100%;background: #f7f7f7;height:70px; color:#797979;margin-bottom:5px; padding: 10px; border: 1px solid #E7E7E7;}
.yyly_left ul li span{ position: absolute; top:35px;right: 10px; font-size: 16px; color: #0071CA;}
.dz{ width: 100%; height: auto; background: url(../images/dz.jpg);  float: left; padding-top:40px; padding-bottom:40px; margin-bottom:10px;}
.dz_box span{ color: #fff;text-align: center;line-height:25px; font-size:12px;}
.dz_box{  padding-top:20px;  margin: 0 auto;}
/* 新闻 */
.news_box{ float: left;  }
.news_box li{ margin-bottom:5px; padding:10px;}
.news_box li img{ width:25%; height:auto; float: left; margin-right: 10px;}
.news_box li td{ float: left;padding-left: 10px;}
.news_box li h2{ line-height:25px; font-size: 16px;}
.news_box li p{ line-height: 21px;}
.foot_img{ margin-top: 20px; margin-bottom:20px;}
/* 内页*/
.title_box{  margin-top:20px;}
.ny_title h2{ font-size: 23px; color: #0071CA; text-align: left;}
.content_box{ width: 100%;  height: auto; min-height:400px; padding: 30px 20px; text-align: left; line-height: 25px;border: 1px solid #E3E3E3;background: #f9f9f9; margin-bottom:30px;}
.content_box{  height: auto; min-height:400px; padding:15px; text-align: left; line-height: 25px;border: 1px solid #E3E3E3;background: #f9f9f9; margin-bottom:10px;}
.content_pro a.tit{color: #fff; position: absolute; bottom: 0; left: 0; height: 30px; line-height: 30px;}
.pag_pro{text-align: center; height: auto; margin-bottom:20px;}
.ny_news{ padding:10px; border: 1px solid #F8F8F8;  background: #fff; transition: all 0.5s ease 0s; margin-bottom:10px; }
.ny_news h3{ font-size: 14px; text-align: left; line-height: 30px;}
.ny_news p{ font-size: 12px; line-height: 18px;}
.ny_text_box img{ width:100% !important; height: auto !important;}
.pager .next>a, .pager .next>span,.pager .previous>a, .pager .previous>span{ float:none; color: #6F6F6F;}

}

@media (max-width: 480px){	
.call {font-family: "微软雅黑"; float: right;margin-top: 0px;  }
.call span{ font-size: 12px;  color: #f97d23;  } 
.call font{ font-size:10px ;}
.call em{ font-size: 10px;  color: #f97d23; line-height: 10px; text-align: left;   }
.search_text{ line-height:30px; text-align:left; font-size: 12px;}

}


#pages{display: flex; justify-content: center;}
#pages li a{display: inline-block; padding: 15px 20px; border: 1px solid #ddd; color: #333; margin: 1px;}
#pages li a:hover{ background: #0071CA; color: #fff; border-color: #0071CA;}
#pages li span{display: inline-block; padding: 15px 20px; border: 1px solid #ddd; color: #aaa; margin: 1px;}