@charset "utf-8";
/* CSS Document */
/* reset */
body,h1,h2,h3,h4,h5,p,dl,dd,ul,ol,form,input,textarea,th,td,select,figure,figcaption{margin:0;padding:0;}
body,html{-webkit-tap-highlight-color:transparent;}
em,i{font-style:normal;}
li {list-style:none;}
span{margin: 0;padding: 0;}
a {text-decoration:none;color:inherit;}
a:hover{text-decoration:none;color:inherit;}
a:focus{text-decoration: none;outline: none;}
img {border:none;vertical-align:middle;}
table{border-collapse:collapse;}
input,textarea{outline:none;background:#fff;border:none;}
textarea{resize:none;overflow:auto;}
body{font-size:12px;font-family:"微软雅黑";overflow-x:hidden;}
/* end reset */

/* public */
.clear{zoom:1;}
.clear:after{content:'';display:block; clear:both;}
.fl{float:left;_display:inline;}
.fr{float:right;_display:inline;}
.clearfix{*zoom: 1;}
.clearfix:before,.clearfix:after{content:'\0020';display: block;height: 0;clear: both;visibility: hidden;}
.img_box div{display:table-cell;vertical-align:middle;text-align:center;}
.img_box img{vertical-align:middle;border:none;display:inline-block;max-width:100%;max-height:100%;}
h1,h2,h3,h4,h5{font-weight:normal;}
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;margin: 0;
    font-weight: normal;}
.claerfix{height: 0;}
.clearfix::after{content:" ";clear: both;zoom:1;height: 0;}
.mar_top{/*margin-top:60px*/}
.content , .footer { width:90%;max-width:1500px; margin:10px auto;  }
.h_nav li a:-webkit-any-link{ display:block;}


.sidebar-wrapper { position: relative; height: 100%; overflow: auto;display:none;font-size:20px;}
#dowebok {background-color: #333;}
#dowebok .nav { margin-top: 80px; line-height: 60px; list-style-type: none;}
#dowebok .nav a { display: block;padding:0 20px; color: #fff; text-decoration: none;}
#dowebok .nav a:hover {background-color: #000;}
[data-simplersidebar='active']{box-shadow:3px 0px 3px 0px rgba(0, 0, 0, 0.5);}


.banner{position:relative;}
.banner img{width:100%;}
.banner .pagination{position:absolute;left:0;bottom:20px; margin:auto;padding:0;text-align:center;width: 100%;z-index:30;}
.banner .swiper-pagination-bullet{display:inline-block;width:7px;height:7px;background:#eee;border:1px solid #eee;margin:0 10px;cursor:pointer;opacity:1;border-radius:5px;-moz-transition: all 0.5s ease-in;-webkit-transition: all 0.5s ease-in;-o-transition: all 0.5s ease-in;transition: all 0.5s ease-in;}
.banner .swiper-pagination-bullet-active{background:none;width:7px;height:7px;border:1px solid #eee;}

 
.banner .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%237d7d7d'%2F%3E%3C%2Fsvg%3E");z-index: 100;position:absolute;cursor:pointer;display:inline-block;  width:45px; height:45px; top:52%; left: 5%}
.banner .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%237d7d7d'%2F%3E%3C%2Fsvg%3E");z-index: 100;position:absolute;cursor:pointer;display:inline-block; width:45px; height:45px;top:52%; right: 5%}


.other_banner{width:100%;height:auto;}
.other_banner img{width:100%;}





.header{
    width:100%;
    height:90px;
    position:fixed;
    top:0;
    z-index: 100;
		background: rgba(0,0,0,.4)
}
 
.header h1{
/*    width:220px;*/
    height:90px;
    line-height:90px;
    float:left;
}
.header .menu{
    width:40px;
    height:25px;
    float:right;
    display:inline-block;
    margin-top:35px;
    background:url(/static/index/template/image/menu.png) no-repeat;
    background-size:40px 25px;
}
.header .search_btn{
    width:50px;
    height:25px;
    margin-top:30px;
    display:inline-block;
    float:right;
    cursor:pointer;
    border-right:1px solid #c9c9c9;
}
.header a.en{
    width:80px;
    height:25px;
    line-height:25px;
    text-align:center;
    margin-top:30px;
    display:inline-block;
    font-size:15px;
    color:#fff;
    float:right;
}

/*手机下拉*/
.xialaph{ position:fixed; left:0; top:60px; float:left; width: 100%; padding:0 15px 50px 15px;  display: none;  z-index:9999; background:#fff;   }
.xialaph .ul2,
.xialaph .ul3{  display: none;  }
.xialaph h4 a{  color: #000000;  font-size:15px;line-height: 55px;  }
.xialaph h4{ float:left; width:100%; position:relative;}
.xialaph li:last-child h4::before{  content: '';  position: absolute;  bottom: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h4:hover a,
.xialaph h5:hover a{  color: #2c3d71; }
.xialaph h4::after{  content: '';  position: absolute;  top: 0;  left: 0;  width: 100%;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.1;*/  }
.xialaph h5 a{  color: #000000;  font-size:14px; line-height: 45px;  }
.xialaph h5{ float:left; width:100%;  position: relative;  }
.xialaph h5::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5; /*opacity: 0.05;*/  }
.xialaph li:last-child h5::after{  display: none;  }
.xialaph h4 img{  width: 15px;  height: 8px;  float: right;  margin-top: 24px;  cursor: pointer; padding-right: 30px; }
.xialaph h5 img{  width: 11px;  height: 6px;  float: right;  margin-top: 26px;  margin-right: 18px;  cursor: pointer;  }
.xialaph h4.active img.img_s,
.xialaph h5.active img.img_s{  display: none;  }
.xialaph h4.active img.img_d,
.xialaph h5.active img.img_d{  display: block;  }
.xialaph .ul2{ float:left; width:100%; padding:0 15px;}
.xialaph .ul3{  padding-top: 12px;  padding-bottom: 18px;  padding-left: 15px;  position: relative;  }
.xialaph .ul3::after{  content: '';  position: absolute;  bottom: 0;  left: 0;  right: 0;  height: 1px;  background-color: #e5e5e5;  }
.xialaph li:last-child .ul3::after{  display: none;  }
.xialaph .ul3 li a{  color: #333;  font-size: 14px;  line-height: 35px;   }
.xialaph .ul3 li{  padding-top: 5px;  }
.xialaph .ul3 li:first-child{  padding-top: 0;  }
.xialaph .phsou{  position: relative;  margin-top: 34px;
}
.xialaph .phsou input{  width: 100%;  height: 56px;  background-color: #fff; color: #aaa;  font-size: 14px;  padding-left: 20px;  border: 1px solid #e5e5e5;  }
.xialaph .phsou img{  cursor: pointer;  width: 21px;  height: 22px;  position: absolute;  top: 17px; right: 29px;  }
.img_d, .disno{  display: none;  }


/*.header .nav{
    height:90px;
    font-size:15px;
    color:#9d9d9d;
    float:right;
    text-align:center;
}*/
/*.header .nav li{
   !* width:75px;*!
    !*height:90px;
    line-height:90px;*!
    float:left;
    display:inline-block;
    cursor:pointer;
    margin-right:40px;
    position:relative;
    color:#fff;
}
.header .nav li.on,
.header .nav li:hover{
    background:url(../images/nav_bg.jpg) no-repeat top center;
    background-size:66px 3px;
}*/
/*.header .nav li a{
    display:block;
}*/

.header .header_form{
    position:absolute;
    right:0;
    bottom:-52px;
    z-index: 200;
    width:260px;
    height:50px;
    background:#fff;
    border:1px solid #eee;
    padding:0 10px;
    display:none;
}
.header .header_form form{
    width:260px;
    position:absolute;
    margin-top:8px;
}
.header .header_form input.text{
    width:260px;
    height:35px;
    text-indent:10px;
    background:#e4e4e4;
    font-size:15px;
    color:#595959;
}
.header .header_form input.submit{
    width:35px;
    height:35px;
    position:absolute;
    right:0;
    top:0;
    display:inline-block;
    cursor:pointer;
}


.header2{
 /*   background:#fff;*/
    border-bottom:1px solid #ccc;
}
.header2 a.en{
   /* color:#3c3c3c;*/
}
.header2 .nav{
    color:#3c3c3c;
}
.header2 .nav li{
    color:#3c3c3c;
}
.header2 .search_btn{

}


 

.service_group a{
    display:inline-block;
    border-radius:100px;
    margin:0 5px;
}
.service_group a.bds_weixin{
    background:#ccc url(../images/weixin_tag.png) no-repeat center center;
}
.service_group a.bds_sqq{
    background:#ccc url(../images/qq_tag.png) no-repeat center center;
}
.service_group a.bds_mail{
    background:#ccc url(../images/email_tag.png) no-repeat center center;
}
.service_group a.bds_weixin:hover{
    background:#ffaa00 url(../images/weixin_tag.png) no-repeat center center;
}
.service_group a.bds_sqq:hover{
    background:#ffaa00 url(../images/qq_tag.png) no-repeat center center;
}
.service_group a.bds_mail:hover{
    background:#ffaa00 url(../images/email_tag.png) no-repeat center center;
}



.htit1{
		width: 100%;
    height:80px;
    line-height:80px;
    font-size:26px;
    color:#535353;
    margin:30px 0 50px;
    background:url(../image/htit1.png) no-repeat bottom center;
    display:inline-block;
		text-align: center;
}

 

.index_pro{
   /* text-align:center;*/
}
 
.index_pro .hd{
    min-height:35px;
    text-align:center;
    text-align:left;
    margin-bottom:40px;
    color:#ccc;
}


.index_pro .list_box{
    width:23.5%;
	float:left;
	margin-right:2%;
}
.index_pro .list_box:nth-child(4){
   
	margin-right:0;
    
}

.index_pro .list_box .img_box{
    width:100%;
   
    position:relative;
}
.prodname{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    height: 35px;
}
.index_pro .list_box .img_box .mask{
    width:100%;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.index_pro .list_box:hover>a>.img_box>.mask{
    opacity:1;
    filter: alpha(opacity=100);
}
.index_pro .list_box .img_box div{
    width:100%;
    
}
.index_pro .list_box .text_box{
    width:100%;
    height:40px;
    line-height:20px;
    background:#fff;
    font-size:15px;
    color:#464646;
    padding:15px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.text_box p{
    /*text-align: center;*/
}
.text_box video{
    width: 80%!important;
    height:  auto !important;
}
.index_pro .list_box:hover>a>.text_box{
    background:#2c3d71;
    color:#fff;
}
.index_pro .more_group{
    margin:0 0 30px 0;
}










.more_group{
    width:180px;
    height:40px;
    line-height:40px;
    text-align:center;
    display:inline-block;
    font-size:14px;
    color:#737373;
    position:relative;
    border:1px solid #ccc;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;

}
.more_group span{
    width:180px;
    height:40px;
    position:absolute;
    left:0;
    top:0;
    z-index: 2;
		
}
.more_group span em{
    display:none;
}
.more_group i{
    width:0;
    height:40px;
    display:inline-block;
    background:#2c3d71;
    position:absolute;
    top:0;
    left:0;
    z-index: 1;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}
.more_group:hover{
    color:#fff;
    border:1px solid #fff;
}
.more_group:hover>i{
    width:100%;
}
.more_group:hover>span>em{
    display:inline-block;
}












.min_nav{
    height:50px;
    line-height:50px;
    font-size:15px;
    color:#636363;
}
.min_nav li{
    display:inline-block;
}
.min_nav li a:hover{
    text-decoration: underline;
}





.about{
    /*padding:50px 0;*/
}
.about h4{
    font-size:22px;
    color:#2c2c2c;
    margin-bottom:20px;
}
.about p{
    font-size:15px;
    color:#636363;
    line-height:28px;
    margin-bottom:10px;
}
.about .list_box{
    margin-bottom:35px;
}
.about .pic_box{
    width:100%;
    margin-bottom:35px;
}
.about .pic_box img{
    width:100%;
}



.contact{
    text-align:center;
}
.contact .contact_box{
    text-align:left;
    border-top:1px solid #ccc;
    padding:40px 0;
}
.contact .contact_box h4{
    font-size:18px;
    color:#353535;
}
.contact .contact_box h5{
    font-size:14px;
    color:#b4b4b4;
}
.contact .contact_box .text_box{
    padding:20px 0;
}
.contact .contact_box .text_box p{
    font-size:15px;
    color:#6d6d6d;
    margin-bottom:10px;
    line-height:40px;
}
.contact .contact_box .text_box p span{
    margin-right: 40px;
        padding-left: 40px;
        line-height: 40px;
        /*height: 40px;*/
        display: inline-block;
}
.contact .form_box{
    padding-bottom:40px;
}
.contact .form_box .bl{
    width:28%;
    float:left;
}
.contact .form_box .br{
    width:70%;
    float:right;
}
.contact .form_box input.text{
    width:100%;
    height:45px;
    background:#f1f1f1;
    margin-bottom:10px;
    text-indent:10px;
    font-size:15px;
}
.contact .form_box textarea{
    width:97%;
    padding:1.5%;
    height:131px;
    background:#f1f1f1;
    margin-bottom:10px;
    font-size:15px;font-family:"微软雅黑";
}
.contact .form_box p.subp{
    width:100%;
    text-align:center;
    clear:both;
}
.contact .form_box input.submit{
    width:240px;
    height:50px;
    display:inline-block;
    line-height:50px;
    text-align:center;
    font-size:15px;
    color:#6e6e6e;
    font-family: '微软雅黑';
    background:#f1f1f1;
    border-radius:50px;
    cursor:pointer;
    margin:40px 0;
}
.contact .form_box input.submit:hover{
    background:#2c3d71;
    color:#fff;
}




.map .map_slide{
    margin-bottom:20px;
}
.map .map_slide .hd{
    text-align:left;
    margin-bottom:30px;
}
.map .map_slide .hd li{
    display:inline-block;
    text-align:left;
    font-size:16px;
    color:#6d6d6d;
    padding:5px;
    cursor:pointer;
}
.map .map_slide .hd li.on{
    color:#2d2d2d;
}
.map .map_slide .bd{
    max-width:1920px;
    width:100%;
}
.map .map_slide .bd .map_box{
    max-width:100%;
    height:574px;
}
.map .map_slide .bd .map_box img{
    width:100%;
    height:100%;
}




.service{
    text-align:center;
    margin-bottom:20px;
}
.service .service_slide{
    background:#eee;
    position:relative;
    padding:100px 0;
}
.service .service_slide span.line{
    width:100%;
    height:1px;
    background:#ccc;
    display:block;
    position:absolute;
    left:0;
    top:111px;
}


.service .service_slide .list_box{
    width:800px;
    height:170px;
    display:inline-block;
}
.service .service_slide .list_box .img_box{
    width:255px;
    height:170px;
    background:#fff;
    display:inline-block;
    float:left;
}
.service .service_slide .list_box .img_box div{
    width:255px;
    height:170px;
}
.service .service_slide .text_box{
    width:510px;
    height:170px;
    font-size:15px;
    color:#777;
    line-height:24px;
    display:inline-block;
    float:right;
    text-align:left;
}
.service .service_slide .text_box h4{
    font-size:18px;
    color:#3e3e3e;
    margin-bottom:10px;
}


.service_slide .pagination{
    margin:auto;
    padding:0;
    text-align:center;
    width: 100%;
    margin-bottom:80px;
}
.service_slide .swiper-pagination-bullet{
    display:inline-block;
    width:70px;
    height:4px;
    background:#c3c3c3;
    cursor:pointer;
    opacity:1;
    border-radius:5px;
    -moz-transition: all 0.5s ease-in;
    -webkit-transition: all 0.5s ease-in;
    -o-transition: all 0.5s ease-in;
    transition: all 0.5s ease-in;
}
.service_slide .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
    margin:0 10px;
}

.service_slide .swiper-pagination-bullet-active{
    background:none;
    background:#f19149;
}

.service_slide .service_btn span.sprev,
.service_slide .service_btn span.snext{cursor:pointer;position:absolute;display:inline-block;width:45px;height:45px;top:56%;z-index: 8}
.service_slide .service_btn span.sprev{left:60px; background:#c1c1c1 url(../images/b_prev.png) no-repeat center center;}
.service_slide .service_btn span.snext{right:60px; background:#c1c1c1 url(../images/b_next.png) no-repeat center center;}
.service_slide .service_btn span.sprev:hover{background:#848484 url(../images/b_prev.png) no-repeat center center;opacity:1;}
.service_slide .service_btn span.snext:hover{background:#848484 url(../images/b_next.png) no-repeat center center;opacity:1;}






.pro_type{
    padding:40px 0;
    color:#d2d2d2;
}
.pro_type li{
   
    height:35px;
    line-height:35px;
    text-align:center;
    display:inline-block;
    font-size:15px;
    color:#4c4c4c;
    background:#fff;
	margin-right:10px;
	 
    margin-bottom:10px;
}
.pro_type li:hover{
    background:#fff;
    color:#fff;
    border-radius: 32px;
}
.pro_type li a{
    display:block; padding:0 15px; background:#fff;
    border-radius: 32px;
}
.pro_type .container a.on, .pro_type .container a:hover{
    background:#2c3d71;
    color:#fff;
    border-radius: 32px;
}




.pro{
    text-align:center;
    padding-bottom:20px;
    width: 30%;
    float: right;
}
.pro .list_box{
   /* width: 50%;*/
    text-align: center;
    margin: 0 auto;
    margin-bottom: 30px;
}

.pro .list_box:nth-child(4n){
	/*margin-right:0;*/
}
.pro .list_box img{
 width:100%;  
}
 
 
.pro .list_box .text_box{
    width:100%;
    height:40px;
    line-height:20px;
    background:#fff;
    font-size:15px;
    color:#464646;
    padding:15px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.pro .list_box:hover>a>.text_box{
    background:#2c3d71;
    color:#fff;
}



.pages{
    padding:60px 0;
    text-align:center;
}
.pages a{
    height:40px;
    padding:0 15px;
    display:inline-block;
    background:#fff;
    font-size:17px;
    line-height:40px;
    color:#989898;
    border:1px solid #989898;
    border-radius:3px;
    margin:0 3px;
}
.pages a.on,
.pages a:hover{
    background:#ffaa00;
    color:#fff;
    border:1px solid #ffaa00;
}

/* 产品留言 */
			.inquiry_mes{padding: 3.6% 0;/* background:url(../images/message-b.jpg)no-repeat center */;border-top: 1px solid #ebebeb;}
			.inquiry_mes h2{margin: 0 0 30px 0;font-size: 50px;color: #424242;text-align: center;}
			.inquiry_mes .mes_box{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 0 auto;width:70%;}
			.inquiry_mes .mes_box .mes_item{margin-bottom: 16px;width: 49.3%;}
			.inquiry_mes .mes_box .mes_item input{padding: 3% 2.6%;width: 100%;font-size: 14px;box-sizing: border-box;outline: none;border: 1px solid #e3e3e3;}
			.inquiry_mes .mes_box .mes_item2{width: 100%;}
			.inquiry_mes .mes_box .mes_item2 textarea{padding: 1% 1.2%;width: 100%;height: 110px;resize: none;outline: none;box-sizing: border-box;font-size: 16px;border: 1px solid #e3e3e3;}
			.inquiry_mes .mes_box .Submit{margin-top: 2.6%;width: 100%;}
			.inquiry_mes .mes_box .Submit input{padding: 16px 35px;color: #fff;background: #ffaa00;border: none;outline: none;border-radius: 6px;cursor: pointer;}
			@media only screen and (max-width:1200px){
				.inquiry_mes .mes_box{width:100%;}
			}
			@media only screen and (max-width:768px){
				.inquiry_mes h2{font-size: 36px;}
			}
			@media only screen and (max-width:480px){
				.inquiry_mes h2{font-size: 24px;}
				.inquiry_mes .mes_box .mes_item{width: 100%;}
				.inquiry_mes .mes_box .mes_item2 textarea{padding: 2% 2.6%;}
				.inquiry_mes .mes_box .Submit input{padding: 14px 10px;}
			}


.prov{
    padding:40px 0;
    float: left;
    width: 70%;
}
.prov .container{
    position:relative;
}
.prov_slide{
    width:1040px;
    margin:0 auto;
}
.prov_slide .hd{
    text-align:center;
    width:450px;
    margin:0 auto;
    margin-top:20px;
    overflow:hidden;
}
.prov_slide .hd ul li{
    border:2px solid #ccc;
    width:123px;
    height:113px;
    margin:0 12px;
    cursor:pointer;
	display:inline-block;
}
.prov_slide .hd ul li.on{
    border:2px solid #ffb92d;
}
.prov_slide .hd ul li .img_box{
    width:123px;
    height:113px;
}
.prov_slide .hd ul li .img_box div{
    width:123px;
    height:113px;
}
.prov_slide .bd{
    width:1040;
    height:456px;
    background:#fff;
    text-align:center;
}
.prov_slide .bd .img_box{
    width:1040;
    height:456px;
    display:inline-block;
}
.prov_slide .bd .img_box div{
    width:1040;
    height:456px;
}

.prov_slide span.sPrev,
.prov_slide span.sNext{
    width:40px;
    height:40px;
    line-height:40px;
    text-align:center;
    font-size:25px;
    font-family: '宋体';
    display:inline-block;
    color:#fff;
    background:#cdcdcd;
    cursor:pointer;
    position:absolute;
    top:26%;
}
.prov_slide span.sPrev{
    left:0;
}
.prov_slide span.sNext{
    right:0;
}
.prov_slide span.sPrev:hover,
.prov_slide span.sNext:hover{
    background:#ffaa00;
}

.pro_cont{
	    width: 100%;
}
.pro_cont img{
	    width: 100%;
	    height: 100%;
}
.prov_text .text_box img{width:100%;}
.htit2{
   /* height:50px; */
    line-height:28px;
    text-align:left;
    font-size:16px;
    color:#464646;
    border-bottom:4px solid #ebebeb;
    margin-bottom:20px;
    margin-top: 20px;
    padding-bottom: 10px;
}

.prov .prov_text{
/*    width:50%;*/
}
.prov .prov_text .text_box{
    font-size:15px;
    color:#464646;
    line-height:25px;
    text-align: left;
}

.prov .prov_text .inquiry_btn span{display: inline-block;padding: 1.5% 4%;background: #FFAA00;color: #fff;border-radius: 6px;font-size: 18px;}





.pro_other{
    text-align:center;
    padding-bottom:40px;
}
.pro_other .container{
    max-width:1320px;
    width:100%;
    margin:0 auto;
}
.pro_other .list_box{
    width:320px;
    display:inline-block;
    margin-bottom:30px;
}
.pro_other .list_box .img_box{
    width:320px;
    height:290px;
    position:relative;
}
.pro_other .list_box .img_box .mask{
    width:320px;
    height:290px;
    position:absolute;
    left:0;
    top:0;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}
.pro_other .list_box:hover>a>.img_box>.mask{
    opacity:1;
    filter: alpha(opacity=100);
}
.pro_other .list_box .img_box div{
    width:320px;
    height:290px;
}
.pro_other .list_box .text_box{
    width:100%;
    height:40px;
    line-height:20px;
    background:#fff;
    font-size:15px;
    color:#464646;
    padding:15px 0;
    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    transition: all .3s;
}
.pro_other .list_box:hover>a>.text_box{
    background:#ffaa00;
    color:#fff;
}








.news{
    padding-bottom:90px;
    text-align:center;
}
.news .hgroup{
    margin-bottom:30px;
    text-align:left;
}
.news .hgroup a{
    display:inline-block;
    text-align:left;
    font-size:16px;
    color:#6d6d6d;
    padding:5px;
    cursor:pointer;
}
.news .hgroup a.on{
    color:#2d2d2d;
}


.news .news_box .list_box{
    width:23.5%;
    margin-bottom:50px;
	margin-right:2%;
	float:left;
}
.news .news_box .list_box:nth-child(4n){
   
	margin-right:0;
}
.news .news_box .list_box .img_box{
    width:100%;
    margin-bottom:15px;
}

.news .news_box .list_box .img_box div{
    width:100%;
    
}
.news .news_box .list_box .text_box{
    font-size:15px;
    color:#838383;
    text-align:left;
    width:100%;
	height:100%;
	padding-bottom:8px;
    border-bottom:1px solid #ccc;
    position:relative;
}
.news .news_box .list_box .text_box span{
    font-size:14px;
	line-height:23px;
	overflow:hidden;  
   
}
.news .news_box .list_box .text_box h4{
    font-size:16px;
    color:#434343;
	height:40px;
	line-height:40px;
	overflow:hidden;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.news .news_box .list_box .text_box p{
    font-size:14px;
	line-height:24px;
	height:48px;
	overflow:hidden;  
   
}
 
.news .news_box .list_box .text_box i{
    width:0;
    height:1px;
    display:inline-block;
    background:#ffaa00;
    position:absolute;
    left:0;
    bottom:-1px;
    -webkit-transition: all .6s;
    -moz-transition: all .6s;
    transition: all .6s;
}
.news .news_box .list_box:hover>a>.text_box>i{
    width:100%;
}
.news .news_box .list_box .text_box .tag_box{
    display:inline-block;
    position:absolute;
    top:0;
    right:5px;
}
.news .news_box .list_box .text_box .tag_box span{
    width:20px;
    height:20px;
    display:inline-block;
}
.news .news_box .list_box .text_box .tag_box span.box1{
    background:url(../images/index_news_tag1.png) no-repeat center center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
.news .news_box .list_box .text_box .tag_box span.box2{
    background:url(../images/index_news_tag2.png) no-repeat center center;
    -webkit-transition: all .4s;
    -moz-transition: all .4s;
    transition: all .4s;
}
 


.news_v{
    margin-bottom:70px;
}
.news_v .container{
    border-bottom:1px solid #ccc;
}
.news_v .news_v_box{
  
    margin:0 auto;
    padding-top:20px;
}
.news_v .news_v_box .htit{
    font-size:15px;
    color:#969696;
    text-align:center;
    padding:20px;
    border-bottom:1px solid #ccc;
}
.news_v .news_v_box .htit h3{
    font-size:20px;
    color:#3b3b3b;
    margin-bottom:5px;
}
.news_v .news_v_box .text_box{
    font-size:15px;
    color:#575757;
    line-height:22px;
    padding:30px 0;
}
.news_v .news_v_box .text_box p.n_next{
    text-align:right;
}
.news_v .news_v_box .text_box img{
max-width:100%;
}


.other_news{
    padding-bottom:40px;
}
.other_news h3{
    height:40px;
    line-height:40px;
    text-align:left;
    font-size:16px;
    color:#434343;
    margin-bottom:15px;
}




.honor{
    text-align:center;
    padding-bottom:60px;
}
.honor .swiper-slide{
    width:380px;
    margin-bottom:20px;
}
.honor .swiper-slide .img_box{
    width:380px;
    height:265px;
    display:inline-block;
}
.honor .swiper-slide .img_box div{
    width:380px;
    height:265px;
}
.honor .swiper-slide p{
    width:100%;
    height:60px;
    line-height:60px;
    font-size:16px;
    color:#444;
}

.honor .swiper-pagination-bullet{display:inline-block;width:10px;height:10px;background:#b6b6b6;cursor:pointer;opacity:1;}
.honor .swiper-pagination-bullet-active{background:#ffaa00;}


.zhanting{
    text-align:center;
    padding-bottom:50px;
}
.zhanting .zhanting_box{}
.zhanting_box .img_box{
    width:365px;
    height:265px;
    border:1px solid #eee;
    display:inline-block;
    position:relative;
    margin-bottom:40px;
    cursor:pointer;
}
.zhanting_box .img_box:hover .mask{
    opacity:1;
    filter: alpha(opacity=1);
}
.zhanting_box .img_box div{
    width:365px;
    height:265px;
}
.zhanting_box .img_box .mask{
    width:365px;
    height:265px;
    display:inline-block;
    position:absolute;
    left:0;
    top:0;
    background:url(../images/ztbg.png) no-repeat center center;
    -webkit-transition: opacity .3s ease-in-out;
    -moz-transition: opacity .3s ease-in-out;
    -o-transition: opacity .3s ease-in-out;
    transition: opacity .3s ease-in-out;
    opacity:0;
    filter: alpha(opacity=0);
}


/* 主页产品 */


.index_pro .content_tit {/*background: url(/static/index/template/image/title-bg.png) no-repeat center center;*/width: 320px; height:120px;text-align: center;margin: 0 auto 70px;}
.index_pro .content_tit h3 {display: block;font-size: 30px;padding-top: 50px;}
.new_pro_type ul{ border:1px solid #e5e5e5; position: relative}
.new_pro_type .biaozhun_pro{ display:block; width:16.6%; padding:20px 0; float:left; box-sizing: border-box;border-right:1px solid #e5e5e5;cursor:pointer}
.new_pro_type .biaozhun_pro:nth-child(6){ border-right:0}
.new_pro_type .biaozhun_pro a{ display:block;}
.new_pro_type .biaozhun_pro .pic_box{ height:51px; margin-bottom:25px;}
.new_pro_type .biaozhun_pro:hover .pic_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
.new_pro_type .biaozhun_pro span{height:30px;font-size: 18px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:3px;}
.new_pro_type .biaozhun_pro strong{font-size: 14px;color: #4c4e54; display:block; text-align:center;}
.new_pro_type  .biaozhun_pro.on , #s_pro_type .biaozhun_pro:hover {background: #2c3d71;  position: relative}
.new_pro_type  .biaozhun_pro.on span, #s_pro_type  .biaozhun_pro:hover span{color:#fff;background: none ; }

.new_pro_type .m_biaozhun_pro{ display:block; width:16.6%; padding:20px 0; float:left; box-sizing: border-box;border-right:1px solid #e5e5e5;cursor:pointer}

.new_pro_type .m_biaozhun_pro a{ display:block;}
.new_pro_type .m_biaozhun_pro .pic_box{ height:51px; margin-bottom:25px;}
.new_pro_type .m_biaozhun_pro:hover .pic_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
.new_pro_type .m_biaozhun_pro span{height:30px;font-size: 18px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:3px;}
.new_pro_type .m_biaozhun_pro strong{font-size: 14px;color: #4c4e54; display:block; text-align:center;}
.new_pro_type  .m_biaozhun_pro.on , #s_pro_type .m_biaozhun_pro:hover {background: #2c3d71;  position: relative}
.new_pro_type  .m_biaozhun_pro.on span, #s_pro_type  .m_biaozhun_pro:hover span{color:#fff;background: none ; }


#s_pro_type ul{ border:1px solid #e5e5e5; position: relative}
#s_pro_type .cate_pro{ display:block; width:16.6%; padding:20px 0; float:left; box-sizing: border-box;border-right:1px solid #e5e5e5;border-bottom:1px solid #e5e5e5;cursor:pointer}
#s_pro_type .cate_pro:nth-child(6){ border-right:0}
#s_pro_type .cate_pro a{ display:block;}
#s_pro_type .cate_pro .pic_box{ height:51px; margin-bottom:25px;}
#s_pro_type .cate_pro:hover .pic_box{ transform:rotateY(180deg);-webkit-transform:rotateY(180deg); /* Safari and Chrome */-moz-transform:rotateY(180deg); /* Firefox */}
#s_pro_type .cate_pro span{height:30px;font-size: 18px;color: #4c4e54; display:block; text-align:center; text-transform:uppercase; padding-bottom:3px;}
#s_pro_type .cate_pro strong{font-size: 14px;color: #4c4e54; display:block; text-align:center;}
#s_pro_type  .cate_pro.on , #s_pro_type .cate_pro:hover {background: #2c3d71;  position: relative}
#s_pro_type  .cate_pro.on span, #s_pro_type  .cate_pro:hover span{color:#fff;background: none ; }

.index_pro .show .sprev{display: inline-block;width:140px;height:40px;background:#000;margin:0 40px;background:url(../images/index_pro_prevo1.png) no-repeat center;border:1px solid #ccc;cursor: pointer;}
.index_pro .show .snext{display: inline-block;width:140px;height:40px;background:#000;margin:0 40px;background:url(../images/index_pro_nexto1.png) no-repeat center;border:1px solid #ccc;cursor: pointer;}
.youshi{width: 100%; clear: both; margin-top: 50px; /*background: #f0f0f0;*/ padding-bottom: 10px}
.youshi .content_tit{width: 320px;height: 120px;text-align: center;margin: 0 auto 70px;padding-top: 80px}
.youshi .content_tit h6{font-weight: normal; font-size: 12px; margin-top: 20px}
.youshi .content_tit h3{display: block;font-size: 30px; margin-top: 10px}
.youshi .conBox{margin:50px auto; max-width:1200px; width:100%; overflow:hidden;}
.youshi .conBox dl{width: 47%;float: left;overflow: hidden; margin-bottom:60px; margin-left:3%;}
.youshi .conBox dt{width: 81px;height: 81px;float: left;}
.youshi .conBox dd{width: calc(100% - 101px);float: left;padding-left: 20px; padding-top:5px;}
.youshi .conBox dd p{font-size: 16px;color: #222;margin-bottom: 15px;}
.youshi .conBox dd p.p1{ color:#222; font-size:18px;}

.zhanhui{width: 85%; clear: both;   padding-bottom: 10px; margin: 0 auto}
.zhanhui .content_tit{width: 320px;height: 120px;text-align: center;margin: 0 auto 70px;padding-top: 30px}
.zhanhui .content_tit h6{font-weight: normal; font-size: 12px; margin-top: 20px}
.zhanhui .content_tit h3{display: block;font-size: 30px; margin-top: 10px}
.zhanhui .bd{position: relative}
.zhanhui .list_box .img_box{width:100%;position:relative;}
.zhanhui .list_box .prodname{font-size:15px; text-align: center; overflow: hidden;
    text-overflow: ellipsis;white-space: nowrap;height: 35px; line-height: 35px}
.zhanhui .swiper-button-prev{ background: url('/static/index/template/image/jt1.png') ; width: 25px;height: 70px;}
.zhanhui .swiper-button-next{ background: url('/static/index/template/image/jt2.png') ; width: 25px;height: 70px;}
.zhanhui .swiper-button-next,.zhanhui  .swiper-button-prev{top:38%; }
.zhanhui  .swiper-button-prev{left: -3%}
.zhanhui  .swiper-button-next{right: -3%}

.zhanhui_m{display: none}

.partner{width: 85%; clear: both;   padding-bottom: 10px; margin: 20px auto; overflow: auto}
.partner .content_tit{text-align: center;margin:0 auto 50px;padding-top: 30px}
.partner .content_tit h3{display: block;font-size: 30px; margin-top: 10px}
.partner .bd{position: relative; }
.partner .list_box{float: left; margin:0 30px 20px 0; }
.partner .list_box img{width:208px;height:96px;border: 1px #ebebeb solid }
.partner .list_box img:hover{ border: 1px #0096ff solid; }


.yous a{ float:left; width:23.5%; margin:0 2% 2% 0}
.yous img{width:100%;}
.yous a:nth-child(4n){margin-right:0;}

.certficate a{ float:left;}
.certficate img{width:60%;}
.certficate a:nth-child(4n){margin-right:0;}

.certficate_m{display: none}

.map{max-width:1200px; width:100%;;overflow: hidden;margin: 0 auto;  overflow:hidden;}
.map img{ width:100%;}

@media (max-width: 800px){
    .conBox dl{width: 100%;float: none;overflow: hidden;}

}

@media only screen and ( max-width: 1000px){
	#s_pro_type li{width:33.3%;}
	#s_pro_type li:nth-child(3n){border-right:0;}
}

@media only screen and (max-width: 680px){
	#s_pro_type li{padding:5px 0;}
	.index_pro .show .sprev,.index_pro .show .snext{margin:0 2px;}
}
@media only screen and (max-width: 479px){
	.index_pro .show .sprev,.index_pro .show .snext{margin:0 2px;width:77px}
	.mar_top{/*margin-top:25px*/}
	.index_pro .content_tit{/*margin:0 auto 30px;*/}
    .index_pro .bd ul li:nth-child(3),.index_pro .bd ul li:nth-child(4){display: none}
    .index_pro .list_box{width: 49%;}
    .index_pro .list_box:nth-child(2){margin-right: 0}
    #s_pro_type li span{font-size:12px}


    .youshi{width: 100%; clear: both; margin-top: 50px;margin-bottom: 50px; /*background: #f0f0f0;*/ padding-bottom: 50px}
    .youshi .content_tit{width: 320px;text-align: center;margin: 0 auto 20px;padding-top: 50px}
    .youshi .content_tit h6{font-weight: normal; font-size: 10px; margin-top: 10px}
    .youshi .content_tit h3{display: block;font-size: 24px; }
    .youshi .conBox{margin:10px auto; max-width:1200px; width:100%; overflow:hidden;}
    .youshi .conBox dl{width: 96%;float: left;overflow: hidden; margin-bottom:20px; margin-left:2%;}
    .youshi .conBox dt{width: 81px;height: 81px;float: left;}
    .youshi .conBox dd{width: calc(100% - 101px);float: left;padding-left: 20px; padding-top:5px;}
    .youshi .conBox dd p{font-size:14px;color: #222;margin-bottom: 5px;}
    .youshi .conBox dd p.p1{ color:#222; font-size:16px;}

    .zhanhui{display: none}
    .zhanhui_m{width: 85%; clear: both;   padding-bottom: 10px; margin: 0 auto; display: block}
    .zhanhui_m .content_tit{width: 320px;height: 120px;text-align: center;margin: 0 auto 20px;padding-top: 30px}
    .zhanhui_m .content_tit h6{font-weight: normal; font-size: 12px; margin-top: 20px}
    .zhanhui_m .content_tit h3{display: block;font-size: 30px; margin-top: 10px}
    .zhanhui_m .bd{position: relative}
    .zhanhui_m .list_box .img_box{width:100%;position:relative;}
    .zhanhui_m .list_box .prodname{font-size:15px; text-align: center; overflow: hidden;
        text-overflow: ellipsis;white-space: nowrap;height: 35px; line-height: 35px}
    .zhanhui_m .swiper-button-prev{ background: url('/static/index/template/image/jt1.png') ; width: 25px;height: 70px;}
    .zhanhui_m .swiper-button-next{ background: url('/static/index/template/image/jt2.png') ; width: 25px;height: 70px;}
    .zhanhui_m .swiper-button-next,.zhanhui_m  .swiper-button-prev{top:38%; }
    .zhanhui_m .swiper-button-prev{left: -3%}
    .zhanhui_m .swiper-button-next{right: -3%}
    .zhanhui_m .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom,
    .zhanhui_m .swiper-pagination-fraction{
        text-align: center;
    }
    .zhanhui_m .pagination{margin-top: 0px}

    .certficate{display: none}
    .certficate_m{display: block}
    .certficate_m a{ float:left;}
    .certficate_m img{width:100%;}
    .certficate_m a:nth-child(4n){margin-right:0;}

    .partner ul li{width: 45%; }
    .partner .content_tit{margin:0 auto 20px}
    .partner .list_box{margin:0 2.5% 10px 2.5%}
    .partner .bd img{width: 80% !important;}
    .certficate img{width: 100%}


    .header h1{width: 220px;}
    .new_pro_type .biaozhun_pro span{ font-size: 12px!important;}
    .new_pro_type .m_biaozhun_pro span{ font-size: 12px!important;}
    .pro{float: unset}

}

  .adv .content_tit{background: url(/static/index/template/image/title-bg.png) no-repeat center center;width: 100%;height: 120px;text-align: center; margin: 0 auto 40px;position:relative}
  .adv .content_tit h3{display: block; font-size:30px;padding-top: 50px;}
  .adv .content_tit a {position: absolute;bottom: 0;right: 10%;font-size: 16px;line-height: 16px;
}




.b-link-stroke{
	position:relative;
	overflow:hidden;
}

.b-link-stroke .b-wrapper1{
	position:absolute;
	width:100%;
	height:100%;
	top:0;
	left:0;
	text-align:center;
	color:#ffffff;
}
.b-link-stroke .b-wrapper1:hover{
	background:rgba(8, 8, 8, 0.64);
	
}
 
.b-animate-go{
	text-decoration:none;
}
.b-animate{
	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
	-o-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	visibility:hidden; /* lt-ie9 */
}
/* lt-ie9 */
.b-animate-go:hover .b-animate{
	visibility:visible;
}
 
.b-animate-go:hover .b-from-left{
	left:0;
}
.b-from-right{
	position:relative;
	right:-100%;
	color: #fff;
    font-size: 16px;
	top: 50%;
    transform: translatey(-50%);
}
.b-animate-go:hover .b-from-right{
	right:0;
}
 label.b-from-right {
    width: 100px;
    height: 2px;
    display: block;
    background: #fff;
    margin: 0 auto;
}

.b-scale{
	position:relative;
	transform:scale(0);
	-moz-transform:scale(0);
	-ms-transform:scale(0);
	-o-transform:scale(0);
	-webkit-transform:scale(0);
}
.b-animate-go:hover .b-scale, h1{
	transform:scale(1);
	-moz-transform:scale(1);
	-ms-transform:scale(1);
	-o-transform:scale(1);
	-webkit-transform:scale(1);
}


@media only screen and (max-width: 479px){
.b-link-stroke .b-wrapper1 {
    position: relative;
    width: 100%;
    height: auto;
    top: auto;
    left: auto;
    text-align: center;
    color: #333;
}
    .min_nav{
        line-height: unset;
        margin-top: 10px !important;
    }
.b-from-right {
    position: relative;
    right: auto;
    color: #333;
	font-size: 14px;
	line-height:35px;
    top: auto;
	transform:translatey(0);
	
}
.b-animate {
    visibility:visible;
}
}


@media only screen and (max-width: 479px){
	.adv .content_tit{margin:0 auto ;}
}
/* 主页新闻 */
.content .content_tit{background: url(/static/index/template/image/title-bg.png) no-repeat center center;width: 320px;text-align: center; margin: 0 auto 30px;}
.content .content_tit h3{display: block; font-size:30px;padding-top: 50px;}
.dy{ height:auto;overflow:hidden;}
/* .dy .content{ background:url(../img/dy.jpg) no-repeat right top;} */
.dyt{ height:60px; overflow:hidden;}
.dyt li{ font:18px "Microsoft YaHei"; float:left; width:170px;}
/* .dyt .li1{ background:url(../img/dy_line.png) no-repeat 90px center;} */
.dyt li a{ display:block; color:#222;}
.dyt li a:hover,.dyt .cur a{ font-weight:bold; color:#ffe368;}
.dy2 dl{ width:100%; overflow:hidden; height:100px; margin-bottom:28px; border:1px solid #ebebeb;}
.dy2 dt{width:15%; height:90px; overflow:hidden; background:#ebebeb; font:40px Arial; color:#333; text-align:center; padding-top:10px; float:left;}
.dy2 dt em{ display:block; font:14px "Microsoft YaHei"; color:#333;}
.dy2 dd{ width:80%; float:right; padding-right:24px;}
.dy2 dd h3{ font:16px "Microsoft YaHei"; line-height:40px; height:40px; overflow:hidden; margin-top:12px;}
.dy2 dd h3 a{ display:block; color:#111; font-weight:bold;}
.dy2 dd p{ font:14px "Microsoft YaHei"; line-height:24px; color:#777; overflow:hidden; height:24px;}
.dy2 h5 a{ display:block; width:98px; height:32px; border:1px solid #b8b8b8; overflow:hidden; font:18px "Microsoft YaHei", Times, serif; text-transform:uppercase; line-height:32px; color:#333; text-align:center;}
.dy2 h5 a:h over{ background:#ffe368; color:#fff; border:1px solid #ffe368;}
.dy2 .dy3 dl:hover dt{background:#FFE368;color:#fff}
.dy2 .dy3 dl:hover dt em{color:#fff}
.dy3 .cur{ background:#fafafa; border:1px solid #fafafa;}
./* dy3 .cur dt,.dy3 .cur dt em{ background:#c30118; color:#fff;} */
.dy2 .cur dd h3 a{ color:#c30118;}

/* 主页关于 */
.about{ height:auto;overflow:hidden;position:relative;/* background:url(../images/img/about_bg.jpg) no-repeat center; */} 

.about dl{ height:auto; margin:65px 0 70px;background-color:#fff;padding-bottom: 25px;position: relative;}
.about dl:before{content:"";position: absolute;width:600px;height:250px;background-color: #2c3d71;left:-30px;bottom: 0;z-index: 0;visibility: visible;}
.about dt{ position:relative;width:50%;height:390px; float:left;}
.about dt img{ display:block;width:100%; height:100%;-webkit-transition: 1s;
-moz-transition: 1s;
transition: 1s;}
.about dt a:hover img{-webkit-transform:scale(1.1,1.1);
    -moz-transform:scale(1.1,1.1);
    -transform:scale(1.1,1.1);}
.about dd{ width:50%; float:right; box-sizing: border-box;padding: 30px 15px 0 30px; overflow:hidden;text-align: justify}
.about dd h3 a{ display:block; font:40px "微软雅黑"; font-weight:bold; color:#000;}
.about dd h3 em{ display:block; font-size:16px; padding-top:10px; color:#222; font-family:"Microsoft YaHei";}
.about dd p{ font:15px "Microsoft YaHei"; line-height:30px; color:#666; margin-top:28px; height:auto;}
.about dd span a{display:block; width:98px; height:32px; background: #2c3d71; overflow:hidden; font:18px "Times New Roman", Times, serif; text-transform:uppercase; line-height:32px; color:#fff; text-align:center; margin-top:30px;}
.about dd span a:hover{ width:96px; height:30px; border:1px solid #ccc; background:none; color:#2c3d71;}
@media only screen and (max-width: 479px){
	.content .content_tit{margin:0 auto 30px;}
	.about  dl {margin:0}
}

        /* foot-start */
.footWrap{ height:318px; padding-top:52px;overflow:hidden; clear: both}
.foot{ height:50px; background:#f1f1f1; font:14px "Microsoft YaHei"; line-height:50px; color:#999;}
.foot em{ padding:0 12px;}
.foot a{ color:#999;}

i, em { font-style:normal; }
.footWrap{ height:auto; padding-top:52px;overflow:hidden; background:#f0f0f0}
.footWrap .footer{ width:90%;max-width: 1500px; margin:0 auto;padding-bottom:30px}
.tit1{ height:47px; font:20px "Microsoft YaHei"; font-weight:bold; line-height:47px; overflow:hidden; color:#222;  margin-bottom:30px;}
.fnav{ width:30%; padding-right:50px; /*overflow:hidden;*/}
.fnav span{ display:block;}
.fnav span a{ display:inline-block; min-width:100px; font:14px "Microsoft YaHei"; color:#222; line-height:42px;padding-right:48px;padding-left:22px;}
.fnav span a:hover{ color:#2c3d71; font-weight:bold;}
.flx{ width:40%; overflow:hidden;}
.flx span{ display:block;font:14px "Microsoft YaHei"; color:#222; line-height:42px;}
.flx span i{ font-size:18px; color:#2c3d71; font-weight:bold;}
.code{ width:20%; overflow:hidden;}
.code p{ width:95px; text-align:center; font:12px "Microsoft YaHei"; line-height:35px; color:#999;padding-right:15px;}
.code p img{ display:block; width:95px; height:95px;}
.foot{ height:50px; background:#ececec; font:14px "Microsoft YaHei";/* line-height:50px;*/ color:#999;}
.foot em{ padding:0 12px;}
.foot a{ color:#999;}

.link2{
	display: none;
	margin-top:10px;
}

.link2 .design2{display:none;}

.link {
    width: 20%;
    float: right;
    position: relative;
}

@media only screen and (max-width: 1400px){
	.footer .link{width:25%;}
}

@media only screen and (max-width: 1150px){
	.footer .link{display:none}
	.footer .link2{display:block;}
}

@media only screen and (max-width: 890px){
	.footer .design{display:none}
	.footer .design2{display:inline;padding:10px 0;}
}


/* 证书-xin */

.environment{ padding: 30px 0;}
.environment .environment-img{background-size: 100% 100%;margin:0 auto;}
.environment .environment-img a{vertical-align:middle}
.environment .environment-img img{display:block;margin:0 auto;width:100%;}
/* .environment .swiper-container{ padding: 0 100px;} */
.environment .swiper-slide{}
.environment .swiper-slide .tit{line-height:1;text-align:center;color:#a38639;font-size:16px;margin:35px auto 0;opacity:0;filter:alpha(opacity=0);transition:all .4s ease;-ms-transition:all .4s ease;-o-transition:all .4s ease;-webkit-transition:all .4s ease;-moz-transition:all .4s ease}
.environment .swiper-slide-active .tit{opacity:1;filter:alpha(opacity=100)}
.environment .swiper-button-prev{ background-image: url(../images/img/left2.png); left:50px;}
.environment .swiper-button-next{ background-image: url(../images/img/right2.png); right:50px;}
@media (max-width:1000px){
.environment{padding-bottom:6%}
}
@media (max-width:768px){
.swiper-button-next,.swiper-button-prev{width:42px;height:42px}
.environment .environment-img{padding:23px}
.environment .swiper-slide .tit{font-size:14px;margin-top:10px}
.environment .swiper-button-prev{ background-image: url(../images/img/left2.png); left:10px;}
.environment .swiper-button-next{ background-image: url(../images/img/right2.png); right:10px;}
}

 /* 新闻列表 */
.nyNews{margin: 40px 0;}
.nyNews li{padding:20px 0;border-bottom:1px solid #e1e1e1;}
.nyNews li:hover{border-bottom-color:#e1e1e1;}
.nyNews li .pic{width:20%;overflow:hidden;float:left;}
.nyNews li .pic img{width: 100%;cursor: pointer;-webkit-transition:1s all;-o-transition: 1s all;transition: 1s all;}
.nyNews li:hover .pic img{transform: scale(1.1);}
.nyNews li .wenz{width:75%;float:right;}
.nyNews li .wenz h3{margin:5px 0 10px;font-size:18px;color:#333;}
.nyNews li .wenz h3 a{color:#333;}
.nyNews li .wenz h3 a:hover{color:#ffaa00;}
.nyNews li .wenz p{font-size:14px;color:#6e6e6e;line-height:26px;height:78px;overflow:hidden;}
.nyNews li .wenz .date{color:#6e6e6e;margin-top:13px;}
.nyNews li .wenz .date span img{margin:-1px 4px 0 0;}
.nyNews li .wenz .bdsharebuttonbox{line-height:40px;}
.nyNews li .wenz .bdsharebuttonbox .bds_more{vertical-align:middle;float:none;background:url('../images/icon06.png');padding:0;display:inline-block;margin:-2px 0 0 0;width:13px;height:12px;}
.nyNews li .wenz .date a.fr{float:right;background:none;margin:0;color:#6e6e6e;border:2px solid #e1e1e1;padding:9px 26px; line-height:18px;-webkit-transition:.5s all;-o-transition: .5s all;transition: .5s all;}
.nyNews li .wenz .date a span{background: url('../images/icon39.png') no-repeat left;padding-left:18px; }
.nyNews li .wenz .date a.fr:hover{background-color:#ffaa00;color:#fff;border-color:#ffaa00;}
.nyNews li .wenz .date a.fr:hover span{background: url('../images/icon3939.png') no-repeat left;}

@media screen and (max-width: 1000px) {
/* 新闻列表 */
.nyNews li .pic{width:220px;height:125px;}
.nyNews li .wenz{width:calc(100% - 235px) !important;}

.nyNews li .wenz .date{margin-top:9px;}
}

@media screen and (max-width: 767px) {	
.nyNews{}
    .nyNews li{margin-bottom:10px;background:none !important;}
    .nyNews li .pic{width:100px;}
    .nyNews li .wenz{width:calc(100% - 110px) !important;}
    .nyNews li .wenz p{ line-height:20px; height:40px;}
    .nyNews li .wenz .date{}
    .nyNews li .wenz h3{font-size:16px;margin:0;white-space:normal;}    
}

/* 内页关于 */
/* .about_jian{
    padding:60px 0 0;
} */
.about_jian h4{
    font-size:22px;
    color:#2c2c2c;
    margin-bottom:20px;
}
.about_jian p{
    font-size:15px;
    color:#636363;
    line-height:28px;
    margin-bottom:10px;
	/*	text-align: justify;*/
}
.about_jian .list_box{
    margin-bottom:35px;
}
.about_jian .pic_box{
    width:100%;
    margin-bottom:35px;
}
.about_jian .pic_box img{
    width:100%;
}


/********************企业文化**********************/
.culture{padding-bottom: 30px;}

.culture li {
  width: 46.67%;
  margin-left: 1.665%;
  margin-right: 1.665%;
  margin-bottom: 24px;
  border-radius: 46px 0;
  overflow: hidden;
  background-color: #f2f2f2;
  float: left;
}
.culture li .pd16 {
  padding: 16px;
  height: 96px;
}
.culture li:hover {
  background: url(../images/culture_bg.png) no-repeat center center #f08200 /cover;
}
.culture li:hover .culture_right p{
  color:#fff
}
.culture li:hover .culture_left {
  background-color: #fff;
}
.culture li:hover .culture_left .tb_cel {
  color: #f08200;
}
.culture li:hover .culture_right .tb_cel {
  color: #fff;
}
.culture .culture_left {
  width: 100px;
	height:100%
  background-color: #f08200;
  border-radius: 25px 0;
  overflow: hidden;
}
.culture .culture_left > div{
	color:#ffaa00;
	text-align: left;
	font-size:20px;
	height:90px;
	word-wrap:break-word;
	box-sizing: border-box;
	padding:20px 0 0 5px
}
.culture .li: hover .culture_left >div{
	color:#636363;
}
.culture .culture_right {
  width: 65%;
  padding-right: 8%;
}

@media (max-width: 1356px) { 
	.culture .culture_right {
    width: 72%;
    padding-right: 1.5%;
  }
	}

@media (max-width: 991px) {
	/********************企业文化**********************/
	.culture li {
	  width: 96.67%;
	  max-width: 560px;
	  margin-left: auto;
	  margin-right: auto;
	  float: none;
	}
	.culture .culture_right {
	  width: 65%;
	  padding-right: 8%;
	}
	.con_us_div {
	  height: auto;
	}
	.map {
	  height: 500px;
	}
	.pro_bg {
	  height: auto;
	}
	.pro_bg .c_title {
	  padding-top: 60px;
	}
	}
	
	@media (max-width: 750px) {
		.text_m {
		  font-size: 16px;
		  line-height: 1.3;
		}
		/********************企业文化**********************/
		.culture li {
		  border-radius: 30px 0;
		}
		.culture li .pd16 {
		  padding: 10px;
		  height: 62px;
		}
		.culture .culture_left {
		  width: 98px;
		  border-radius: 20px 0;
		  overflow: hidden;
		}
		.culture .culture_right {
		  width: 70%;
		  padding-right: 2%;
		}
		.con_us li {
		  width: 50%;
		  margin-bottom: .1rem;
		}
		.con_us li span {
		  width: 40px;
		  height: 40px;
		  background-size: 40px 40px;
		}
		.con_us li p {
		  font-size: 12px;
		  line-height: 20px;
		  min-height: 60px;
		  max-height: 60px;
		}
		.map {
		  height: 7rem;
		}
		.pro_bg {
		  height: auto;
		}
		.pro_bg .c_title {
		  padding-top: .5rem;
		}
		.pro_bg .index_product li {
		  margin-bottom: .4rem;
		}
		}
		
		/* 历史进程 */
		.history {
		    padding:0 0 60px
		}
		
		.history .font-set{
			text-align: center;
			margin-left:-28px;
		}
		
		.flow {
		    margin-top:75px;
		    position:relative;
		    left:-15px
		}
		.flow-list {
		    float:right;
		    width:100%;
		    position:relative
		}
		.flow-list .flow-warrper {
		    float:right;
		    width:50%;
		    left:-18px;
		    position:relative
		}
		.flow-list .flow-warrper:before {
		    content:'';
		    width:1px;
		    height:100%;
		    background:#666;
		    position:absolute;
		    left:18px
		}
		.flow-list:first-child .flow-warrper:before {
		    height:200%;
		    top:-40px
		}
		.flow-list:last-child .desc {
		    margin-bottom:0
		}
		.flow-list:last-child .flow-warrper:before {
		    display:none
		}
		.flow-list:nth-child(2n) .flow-warrper {
		    float:left;
		    left:17px
		}
		.flow-list:nth-child(2n) .flow-warrper:before {
		    content:'';
		    width:1px;
		    height:100%;
		    background:#666;
		    position:absolute;
		    right:16px;
		    left:auto
		}
		.flow-list:nth-child(2n) .pro {
		    float:right;
		    margin-right:0;
		    margin-left:35px
		}
		.flow-list:nth-child(2n) .desc {
		    float:right;
		    width:calc(100% - 100px)
		}
		.flow-list:nth-child(2n) .desc h3 {
		    text-align:right
		}
		.flow-list:nth-child(2n) .desc p {
		    text-align:right
		}
		.flow-list.this .pro:after {
		    opacity:0
		}
		.flow-list .pro {
		    position:relative;
		    float:left;
		    width:34px;
		    height:45px;
		    background-color:#fff!important;
		    border-radius:50%;
		    margin-right:35px;
		    z-index:2
		}
		.flow-list .pro:after {
		    content:'';
		    transition:opacity .6s;
		    position:absolute;
		    width:100%;
		    height:100%;
		    left:0;
		    top:0;
		    background:url(../images/icon38-c.png) no-repeat center;
		    opacity:0
		}
		.flow-list .flow-warrper:hover > .pro:after{
			opacity:1
		}
		.flow-list .desc {
		    float:left;
		    width:calc(100% - 85px);
		    position:relative;
		    margin-bottom:55px
		}
		.flow-list .desc h3 {
		    text-align:left;
		    font-size:24px;
		    font-family:syzt;
		    margin-bottom:10px;
		    color:#ffaa00
		}
		.flow-list .desc .img{
			text-align: right;
		}
		.flow-list .desc img{
			width:325px;
			height:180px;
		}
		.flow-list .desc p {
				margin-top:10px;
		    font-size:14px;
		    line-height:20px;
		    color:#636363
		}
		
		/* service */
		.about_service .join2{
			text-align:center;
		}
		.about_service .join2 .con-box{
			margin: 50px 0;
		}
		.about_service .join2 .con-box h3{
			font-size:34px;
			color: #595757;
			padding-bottom: 50px;
		}
		
		.about_service .join2 .con-box .list-box{
			width: 135px;
			display: inline-block;
			margin-right: 36px;
			transition:all 0.4s ease-in-out;
			-webkit-transition:all 0.4s ease-in-out;
			-moz-transition:all 0.4s ease-in-out;
			-o-transition:all 0.4s ease-in-out;
		}
		.about_service .join2 .con-box .list-box:hover{
			transform:translate(0,-10px);
			-webkit-transform:translate(0,-10px);
			-moz-transform:translate(0,-10px);
			-o-transform:translate(0,-10px);
			-ms-transform:translate(0,-10px);
		}
		.about_service .join2 .con-box .list-box .img_box{
			width: 100%;
			height:100%;
			overflow: hidden;
		}
		
		.about_service .join2 .con-box .list-box p{
			font-size:18px;
			color: #595757;
			padding-top: 20px;
			text-align: center;
		}
		
		
		
		.partner .list-box{
			width: 100%;
			margin:0 0 138px;
		}
		.partner .list-box .img_box{
			width: 40%;
			overflow: hidden;
			float: left;
			margin-top: 76px;
			margin-left: 200px;
		}
		
		.partner .list-box .con-box{
			width: 43%;
			float: right;
		}
		
		.partner .list-box .con-box .title{
		
		}
		
		.partner .list-box .con-box .title h3{
			font-size:25px;
			color: #595757;
		}
		
		.partner .list-box .con-box .title p{
			font-size:12px;
			color: #8e8e8e;
			padding:12px 0;
		}
		
		
		.partner .list-box .con-box .text-box{
			border-left:2px solid #8e8e8e;
			padding-left:10px;
		}
		
		.partner .list-box .con-box .text-box h3{
			font-size:16px;
			color: #ffaa00;
			position:relative;
			font-weight: bold;
		}
		.partner .list-box .con-box .text-box h3:after{
			width: 9px;
			height: 9px;
			border-radius: 100%;
			background:#8e8e8e;
			position:absolute;
			top: 6px;
		    left: -15px;
			content: "";
		}
		.partner .list-box .con-box .text-box p{
			font-size:14px;
			color: #595757;
			padding: 12px 0;
			text-align:left;
		}
		.partner .list-box:nth-child(1){
			margin:0 0 70px 0;
		}
		.partner .list-box:nth-child(1) .con-box{
			float: left;
			width: 35%;
			padding-right: 0;
			padding-left:200px;
		}
		.partner .list-box:nth-child(1) .con-box .text-box p{
			padding:10px 0 0;
		}
		.partner .list-box:nth-child(1) .img_box{
			float: right;
			width: 44%;
			margin-top:0;
			margin-left: 0;
		
		}
		
		.hotline{
			width: 100%;
			position:relative;
			max-width: 1920px;
			margin: 0 auto;
		}
		
		.hotline .pic-box{
			width: 100%;
		}
		
		.hotline .logo2{
			width: 197px;
			height:97px;
			position:absolute;
			bottom: 140px;
			left: 28%;
			background:#fff;
		}
		
		.hotline .logo2 .img_box{
			line-height: 97px;
			width: 197px;
		}
		
		.hotline .text-box{
			width: 100%;
			background:#333333;
			margin-top: -3px;
			height:140px;
		}
		
		.hotline .text-box h3{
			background:#fff;
			width: 197px;
			height:97px;
			line-height: 97px;
			text-align:center;
			font-size:22px;
			margin-left: 28%;
			float: left;
		}
		
		.hotline .text-box p{
			font-size:30px;
			color: #ffffff;
			float: left;
			width: 700px;
			padding:30px 0 0 20px;
		
		}
		.join2 .img_box img{width:100%;height:100%}
		@media only screen and (max-width: 1350px){
			.partner .list-box .img_box{margin-left:110px}
			.partner .list-box:nth-child(1) .con-box{padding-left:140px;}
		}
		
		@media only screen and (max-width: 990px){
			.partner .list-box .img_box{display:none}
			.partner .list-box .con-box{    width: 100%;float: right;}
				.partner .list-box:nth-child(1) .img_box{display: none;}
			.partner .list-box:nth-child(1) .con-box{float: left;width: 100%;padding-left:0}
			.partner .list-box {margin:30px 0 30px}
			.about_service .join2{text-align:left}
			.about_service .join2 .con-box .list-box{width:29.7%; margin-right:5%;}
			.about_service .join2 .con-box .list-box:nth-child(3){ margin-right:0;}
		}
		
		@media only screen and (max-width: 900px){
			.about_service .join2 .con-box .list-box {float:left;}
			.about_service .join2 .con-box{margin: 0 0 0 0;}
		}
		@media only screen and (max-width:480px){
			.about_service .join2 .con-box .list-box{width:29%; margin-right:6.5%;}
			.about_service .join2 .con-box .list-box:nth-child(3){ margin-right:0;}

		}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
}
.pagination > li {
    display: inline;
}
.pagination > li > a,
.pagination > li > span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > li:first-child > a,
.pagination > li:first-child > span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination > li:last-child > a,
.pagination > li:last-child > span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}
.pagination > li > a:hover,
.pagination > li > span:hover,
.pagination > li > a:focus,
.pagination > li > span:focus {
    z-index: 3;
    color: #23527c;
    background-color: #eee;
    border-color: #ddd;
}
.pagination > .active > a,
.pagination > .active > span,
.pagination > .active > a:hover,
.pagination > .active > span:hover,
.pagination > .active > a:focus,
.pagination > .active > span:focus {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}
.pagination > .disabled > span,
.pagination > .disabled > span:hover,
.pagination > .disabled > span:focus,
.pagination > .disabled > a,
.pagination > .disabled > a:hover,
.pagination > .disabled > a:focus {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination-lg > li > a,
.pagination-lg > li > span {
    padding: 10px 16px;
    font-size: 18px;
    line-height: 1.3333333;
}
.pagination-lg > li:first-child > a,
.pagination-lg > li:first-child > span {
    border-top-left-radius: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-lg > li:last-child > a,
.pagination-lg > li:last-child > span {
    border-top-right-radius: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-sm > li > a,
.pagination-sm > li > span {
    padding: 5px 10px;
    font-size: 12px;
    line-height: 1.5;
}
.pagination-sm > li:first-child > a,
.pagination-sm > li:first-child > span {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-sm > li:last-child > a,
.pagination-sm > li:last-child > span {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
}
.pager {
    padding-left: 0;
    margin: 20px 0;
    text-align: center;
    list-style: none;
}
.pager li {
    display: inline;
}
.pager li > a,
.pager li > span {
    display: inline-block;
    padding: 5px 14px;
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
}
.pager li > a:hover,
.pager li > a:focus {
    text-decoration: none;
    background-color: #eee;
}
.pager .next > a,
.pager .next > span {
    float: right;
}
.pager .previous > a,
.pager .previous > span {
    float: left;
}
.pager .disabled > a,
.pager .disabled > a:hover,
.pager .disabled > a:focus,
.pager .disabled > span {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
}
/*about_server end  */