@charset "utf-8";body,button,dd,dl,form,h1,h2,h3,h4,h5,h6,html,input,li,ol,p,pre,td,textarea,th,ul{margin:0;padding:0;}
li,ol,ul{list-style:none;}
body{position:relative;color:#666;font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Arial,"PingFang SC","Hiragino Sans GB",sans-serif;}
a{color:#666;text-decoration:none;}
a:hover{text-decoration:none;}
img{ border: 0;}
*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box}
.container{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
@media (min-width:768px){.container{width:750px;}
}
@media (min-width:992px){.container{width:970px;}
}
@media (min-width:1200px){.container{width:1170px;}
}
@media (min-width:1360px){.container{width:1280px;}
}
.container-fluid{margin-right:auto;margin-left:auto;padding-right:15px;padding-left:15px;}
.row{margin-right:-15px;margin-left:-15px;}
.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9,.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{position:relative;padding-right:15px;padding-left:15px;min-height:1px;}
.col-xs-1,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9{float:left;}
.col-xs-12{width:100%;}
.col-xs-11{width:91.66666667%;}
.col-xs-10{width:83.33333333%;}
.col-xs-9{width:75%;}
.col-xs-8{width:66.66666667%;}
.col-xs-7{width:58.33333333%;}
.col-xs-6{width:50%;}
.col-xs-5{width:41.66666667%;}
.col-xs-4{width:33.33333333%;}
.col-xs-3{width:25%;}
.col-xs-2{width:16.66666667%;}
.col-xs-1{width:8.33333333%;}
@media (min-width:768px){.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-4-more,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-8-more,.col-sm-9{float:left;}
.col-sm-12{width:100%;}
.col-sm-11{width:91.66666667%;}
.col-sm-10{width:83.33333333%;}
.col-sm-9{width:75%;}
.col-sm-8{width:66.66666667%;}
.col-sm-8-more{width:69.66666667%;}
.col-sm-7{width:58.33333333%;}
.col-sm-6{width:50%;}
.col-sm-5{width:41.66666667%;}
.col-sm-4{width:33.33333333%;}
.col-sm-4-more{width:30.33333333%;}
.col-sm-3{width:25%;}
.col-sm-2{width:16.66666667%;}
.col-sm-1{width:8.33333333%;}
}
@media (min-width:992px){.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9{float:left;}
.col-md-12{width:100%;}
.col-md-11{width:91.66666667%;}
.col-md-10{width:83.33333333%;}
.col-md-9{width:75%;}
.col-md-8{width:66.66666667%;}
.col-md-7{width:58.33333333%;}
.col-md-6{width:50%;}
.col-md-5{width:41.66666667%;}
.col-md-4{width:33.33333333%;}
.col-md-3{width:25%;}
.col-md-2{width:16.66666667%;}
.col-md-1{width:8.33333333%;}
}
@media (min-width:1200px){.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9{float:left;}
.col-lg-12{width:100%;}
.col-lg-11{width:91.66666667%;}
.col-lg-10{width:83.33333333%;}
.col-lg-9{width:75%;}
.col-lg-8{width:66.66666667%;}
.col-lg-7{width:58.33333333%;}
.col-lg-6{width:50%;}
.col-lg-5{width:41.66666667%;}
.col-lg-4{width:33.33333333%;}
.col-lg-3{width:25%;}
.col-lg-2{width:16.66666667%;}
.col-lg-1{width:8.33333333%;}
}
.header{position:relative;height:54px;background:#000;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.logo{float:left;}
.logo a{display:block;}
.logo img{display:block;padding:5px;height:44px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.nav{position:absolute;top:54px;z-index:3;display:none;width:100%;background:#fff;}
.nav ul li{clear:both;}
.nav ul li a{display:block;text-indent:10px;line-height:40px;}
.navbar{float:right;display:block;height:54px;}
.navbar img{padding:12px;height:31px;-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.nav ul li a.active,.nav ul li a:hover{background:rgba(0,0,0,.05);color:#dc0000;}
@media (min-width:768px){.fixed{position:fixed;top:0;z-index:2;width:100%;}
.header{padding:20px 0;}
.logo img{padding:0;height:54px;}
.navbar{display:none;}
.nav{position:static;top:auto;float:right;display:block;width:auto;background:0 0;}
.nav ul li{float:left;clear:none;margin-top:8px;margin-left:26px;line-height:40px;}
.nav ul li a{display:block;color:#fff;text-indent:0;}
.nav ul li a.active,.nav ul li a:hover{background:0 0;color:#dc0000;}
.nav ul li a.active span,.nav ul li a:hover span{display:block;width:100%;height:3px;border-radius:50px;background:#dc0000;}
}
@media (min-width:1200px){.header{background:rgba(0,0,0,.8);}
.nav ul li{margin-left:60px;}
}
.swiper-container{margin-right:auto;margin-left:auto;width:100%;height:100%;}
.swiper-slide{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;background:#fff;text-align:center;font-size:18px;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.swiper-slide img{display:block;width:100%;}
.swiper-pagination-bullet{border-radius:50px;background:#fff;opacity:.5;}
.swiper-pagination-bullet-active{width:18px;background:#cf000d;opacity:1;}
.brand-container{padding:30px 0 80px;background:url(../images/bind.jpg) #b1b1b1 no-repeat bottom;color:#fff;text-align:center;}
.title{margin-top:10px;font-size:40px;line-height:60px;}
.sub-title{margin-top:10px;letter-spacing:10px;font-size:16px;font-family:Arial,Helvetica,sans-serif;}
.line{margin:20px auto;width:80%;height:1px;background:#fff;}
.brand-txt{font-size:16px;line-height:1.8;}
.product{position:relative;margin-top:-50px;}
.product ul li{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-bottom:20px;}
.product ul li a{display:block;padding:3px;background:#fff;box-shadow:0 0 8px rgba(0,0,0,.1);}
.pro-pic{overflow:hidden;padding-bottom:57%;width:100%;height:0;}
.pro-pic img{display:block;width:100%;}
.pro-dl{display:-webkit-box;display:-webkit-flex;display:flex;overflow:hidden;padding:10px;}
.pro-dl dt{position:relative;overflow:hidden;margin-right:15px;width:43%;}
.pro-dl dt div{padding-bottom:35%;}
.pro-dl dt img{position:absolute;top:0;right:0;bottom:0;left:0;display:block;margin:auto;padding:auto;max-width:100%;max-height:100%;}
.pro-dl dd{-webkit-box-flex:1;-webkit-flex:1;flex:1;}
.pro-dl dd h3{color:#333;font-size:18px;line-height:30px;}
.pro-dl dd p{color:#666;font-size:16px;}
.rowover{ overflow:hidden;}
.more{ display:block; width:160px; border:2px solid #e71a19; margin:0px auto 20px; text-align:center; border-radius:50px; color:#e71a19; padding:10px 0;}
.more span{ background:url(../images/jtr.png) no-repeat; width:24px; height:13px; display:inline-block; margin-left:5px;}
.more:hover{ background:#e71a19; color:#fff;}
.more:hover span{ background:url(../images/jtr2.png) no-repeat; }
@media (min-width:768px){.line{width:500px;}
.brand-txt{font-size:18px;}
.more{position:absolute;right:-60px;padding:20px 10px;width:24px;border:2px solid #cf000d;border-radius:50px;color:#cf000d;text-align:center;font-size:14px; bottom:0;webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.more span{ margin-left:0; margin-top:5px;}
}
.news{ background:url(../images/news.jpg) no-repeat;  margin:40px auto 0; background-size: 100% 100%; padding-bottom: 40px;}
.news_title{ text-align:center; color:#fff; position:relative; padding-top:40px;}
.news_title img{ position:absolute; top:-23px; left:50%; margin-left:-23px;}
.news-con{ margin-top: 60px; padding-bottom: 30px;overflow: hidden;}
.news-dl{ overflow: hidden; background: #fff;  margin-bottom: 20px;}
.news-dl dt{ width: 100%; display: block; overflow: hidden; position: relative; height: 150px;}
.news-dl dt img{ width: 100%; display: block; min-height: 150px;}
.news-dl dt span{ background: #e71a19; top: 0; color: #fff; position: absolute; left: 0; top: 0; padding: 10px; text-align: center;}
.news-dl dt span strong{ display: block; font-size: 16px;}
.news-dl dd{ padding: 15px;}
.news-dl dd h3{ color: #333;}
.news-dl dd p{ margin-top: 10px; line-height: 24px;}
.news-ul{ overflow: hidden;}
.news-ul li{ margin-bottom: 15px; overflow: hidden;}
.news-ul li a{display: -webkit-box;display: -webkit-flex;display: flex;}
.news-ul li a span{ background: #dbdbdb; border: 3px solid #fff;float: left;color: #999;margin-right: 15px; width:100px; height:100px; padding-top:25px;display: block;text-align: center;}
.news-ul li a span strong{ display: block; font-size: 21px; font-weight: 400;}
.txt{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; color: #fff;}
.txt h3{ font-weight: 400;}
.txt p{ margin-top: 10px; line-height: 24px;}
.more2{ display:block; width:160px; border:2px solid #e71a19; margin:0px auto 20px; text-align:center; border-radius:50px; color:#e71a19; padding:10px 0;}
.more2 span{ background:url(../images/jtr.png) no-repeat; width:24px; height:13px; display:inline-block; margin-left:5px;}
.more2:hover{ background:#e71a19; color:#fff;}
.more2:hover span{ background:url(../images/jtr2.png) no-repeat; }
.coop_title{ text-align:center; color:#000; position:relative; padding-top:40px;}
.coop_title img{ position:absolute; top:-23px; left:50%; margin-left:-23px;}
#div1{ width: 100%; height:100px; position: relative; margin: 30px auto 20px;overflow: hidden;}
#div1 ul {  position: relative; }
#div1 ul li {  float: left; list-style: none; padding-right:10px;}
#div1 ul li img { width: 140px; height:100px; display: inline-block;}
.record_Top{width:90%;height:50px;background:url(../images/record_Bg.png) center center no-repeat;background-size:contain;text-align:center;line-height:50px;margin:30px auto 0;color:#fff}
.maquee{width:100%;overflow:hidden;margin:0 auto 60px;height:140px;}
.maquee li{line-height:36px; font-size: 16px; }
.maquee li a{ display: block;}
.maquee li a:hover{ text-decoration: underline;}
.maquee li a span{ float: right;}
.face-box{ overflow: hidden; margin-top: 30px; margin-bottom: 40px;}
.face-box img:hover{ opacity: 0.95;}
.face{ background:url(../images/bg2.jpg) #feeddb no-repeat center; background-size: cover;margin:40px auto 0; padding-bottom: 40px;}
.face .news_title{color: #000;}
.face-lfet{ width: 50%; float: left;}
.face-lfet dt{ background:url(../images/face1.jpg) #ff4d42 no-repeat; background-size:contain; padding: 20px; color: #fff; height: 240px;}
.face-lfet dt h3{ font-size: 24px; border-bottom: 1px  solid #fff; width: 140px; padding-bottom: 10px; margin-bottom:15px; margin-top: 10px;}
.face-lfet dt p{ line-height: 1.6;}
.face-lfet dt a{ color: #fff;}
.face-lfet dd{ width: 100%; overflow: hidden;}
.face-lfet dd img{ width: 100%; display: block;}
.face-center dt{ width: 100%; overflow: hidden;}
.face-center dt img{ width: 100%; display: block;}
.face-center dd{ background:url(../images/face5.jpg)  no-repeat; background-size:100%; padding: 20px; color: #fff; height: 240px; text-align: center; line-height:1.6;}
.face-center dd img{ display: block; margin: 0px auto; width: 70px;}
.face-center{ width: 50%; float: left;}
.face-right{ width: 100%; overflow: hidden;}
.face-right img{ width: 100%; display: block;}
.honor .news_title{color: #000;}
.honor-box{ padding-bottom: 40px; margin-top: 30px; overflow: hidden;}
.honor-box ul{ overflow: hidden; padding-bottom: 30px;}
.honor-box ul li{ width: 50%; float: left; padding: 1%;}
.ffirst,.flast{ display: none;}
.honor-box ul li img{ width: 100%; display: block;}
.message{background:url(../images/bg3.jpg)  no-repeat; background-size:100% 100%; margin-top: 10px;}
.message-box{background:url(../images/ms.png) bottom  no-repeat; background-size:100%; overflow: hidden; margin: 30px auto 0; padding-bottom: 20px;}
.message-con{ background:#fff; overflow: hidden; width: 93%; margin: 0px auto 20px; padding-top: 20px;}
.message-con dl{ padding-right: 30px;}
.message-con dl dt{ border: 1px solid #e6e6e6;}
.message-con dl dt img{ width: 100%; display: block;}
.message-con dl dd{ margin-top: 10px;}
.message-con dl dd ul li{    display: -webkit-box;display: -webkit-flex;display: flex; margin-top: 10px;}
.message-con dl dd ul li p{    -webkit-box-flex: 1;-webkit-flex: 1;flex: 1; line-height: 19px;}
.message-con dl dd ul li  img{ width: 19px; height: 19px; margin-right: 10px; margin-top: 2px;}
.frombox{ margin-top: 30px;}
.frombox ul li{ border: 1px solid #e6e6e6; background: #f5f5f5; border-radius: 3px; margin-bottom: 10px;display: -webkit-box;display: -webkit-flex;display: flex; }
.frombox ul li input{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1;  background: none; border: 0; outline: 0;}
.frombox ul li label{ margin-right: 10px; border-right: 1px solid #e6e6e6; padding: 5px 10px;}
.frombox ul li label img{ vertical-align: -5px;}
.frombox ul li textarea{ background: none; padding: 10px; border: 0; outline: 0;}
.frombox p{ font-size: 12px; color: #e71a19;}
.btn{ background: #e71a19; border-radius: 3px; width: 240px; outline: 0;border: 0; display: block; margin: 20px auto; color: #fff; font-size: 16px; padding: 12px ; cursor: pointer;}
.foot{ overflow: hidden;background:url(../images/foot.png) bottom  no-repeat; background-size:100% 100%;}
.foot-tp{ background: #333434; line-height: 30px; text-align: center; padding: 10px 0; color: #fff;}
.foot-tp span{ padding: 0 15px; font-family: "宋体"; color: #999;}
.foot-tp a{ color: #fff;}
.foot-bt{ border-top: 1px solid #676767; text-align: center;line-height:20px; padding: 10px 0; color: #676767; font-size: 12px;}
.foot-ct{ overflow: hidden; padding: 30px 0; }
.foot-ct .col-xs-5,.foot-ct .col-xs-7{display:none;}
.linebox{ border-left: 1px solid #676767;border-right: 1px solid #676767; padding: 20px 30px; overflow: hidden;}
.linebox li{ width: 50%; float: left; line-height: 30px;text-align: center;}
.linebox li a{ color: #fff;}
.foot-ewm{display: -webkit-box;display: -webkit-flex;display: flex;}
.foot-ewm dt{-webkit-box-flex: 1;-webkit-flex: 1;flex: 1; color: #fff; line-height: 30px; padding-top: 10px;}
.foot-ewm dt h3{ font-size: 28px; margin-bottom: 8px;}
.foot-ewm dd{ text-align: center; padding-top: 15px;}
.foot-ewm dd span{ width: 110px; height: 110px; background: #fff; padding: 5px; display: block; margin: 0px auto;}
.foot-ewm dd span img{ width: 100px;}
.foot-ewm dd p{ color: #fff; margin-top: 10px; font-size: 12px;}
.p1{ color: #a9a9a9;}
.p2{ font-size: 12px;}
@media (min-width:768px){
.news-dl dd p{ height: 120px; overflow: hidden;}
#div1{ height:200px; }
#div1 ul li img { width: 280px; height:200px; }
.maquee li{padding-left:50px;}
.maquee li a span{ margin-right: 30px;}
.face-box-lf{ width: 54%; float: left;}
.face-right{ width: 46%; float: left;}
.face-lfet dt,.face-center dd { height: 287px;}
.honor-box{ height: 300px; overflow: hidden;}
.honor-box-bg{background: #e71a19; width: 70%; padding: 30px;height: 490px; }
.honor-box ul{  margin-top: -455px; margin-left: 30px;}
.ffirst,.flast{ display: block;}
.honor-box ul li{ float: left; width: 25%; padding: 0;}
.honor-box ul p{float: left;  width: 25%;}
.honor-box ul p img{ margin: 20px auto; width: 124px; display: block;}
.honor-box ul li img{ width: 100%; display: block;}
.honor-box ul li a .hover,.honor-box ul li a:hover .hover2{ display: none;}
.honor-box ul li a:hover .hover{ display: block;}
.message{ margin-top: 80px;}
.message-box{ padding-bottom: 30px; margin-top: 60px;}
.message-con{ background:url(../images/bt.png) bottom  no-repeat;background-size:100%; width: 86%; padding:50px 40px 20px;}
.frombox{ padding-left: 30px; margin-top: 0;}
.foot-bt{ font-size: 14px; padding: 15px 0;}
.foot-ewm{ margin-top: 0;}
.foot-ct .col-xs-5,.foot-ct .col-xs-7{display:block;}

}
@media (min-width:992px){
  .face-lfet dt,.face-center dd { height: 375px; padding-top: 60px;}
  .face-center dd img{ width: 110px; margin-bottom: 10px;}
  .honor-box{ height: 380px; }
  .foot-ewm{ padding-left: 50px;}
  .foot-tp span{ padding: 0 30px;}
}
@media (min-width:1200px){
  .face-lfet dt,.face-center dd { height: 455px; padding: 80px 40px;}
  .face-center dd img{ width: 124px; margin-bottom: 30px;}
    .face-lfet dt h3{ margin-top: 40px; font-size: 30px;}
    .honor-box{ height:450px;}
}
@media (min-width:1360px){
  .face-lfet dt,.face-center dd { height: 499px;}
  .face-lfet dt h3{ margin-top: 60px;}
  .honor-box{ height:483px;}
}



.inhead{ background:#000;}
.inbox{ overflow:hidden; min-height:600px;}
.inbanner{ width:100%; overflow:hidden;}
.inbanner img{ width:100%; display:block;}
.about-group{  padding:30px 0; overflow:hidden;}
.ab-group-pic img{ width:100%; display:block;}
.ab-group-txt{ overflow:hidden; color:#000;}
.ab-group-txt h3,.ab-face-right h3{ font-size:26px; margin-top:20px;color:#000;}
.ab-group-txt h1,.ab-face-right h1{ font-size:36px;color:#000; font-weight:bolder;}
.ab-group-txt h4,.ab-face-right h4{ width:80px; height:5px; background:#ff0000; margin-left:3px; margin-top:10px;}
.ab-group-txt p{ line-height:1.6; margin-top:20px;}
.about-con{ background:url(../images/about2.jpg) no-repeat center; padding:50px 0; background-size:100% 100%;}
.about-con-box{ background:rgba(255,255,255,0.9); padding:20px 20px 40px; text-align:center; font-size:16px; color:#000; line-height:2;}
.about-con-box h4{ height:2px; width:300px; background:#ff0000; display:block; margin:-10px auto 20px;}
.ab-face-left{ padding:20px; color:#fff; text-align:right; line-height:1.8; font-size:16px; background:#ff0000;}
.about-group2{ padding:0;}
.about-title{ background:#ff0000; padding:20px;}
.about-title h3{ font-size:26px; margin-top:20px;color:#fff;}
.about-title h1{ font-size:36px;color:#fff; font-weight:bolder;}
.about-title h4{ width:80px; height:5px; background:#fff; margin-left:3px; margin-top:10px;}
.tabs-vertical ul{ overflow:hidden; background:#ff0000;}
.tabs-vertical ul li{ float:left;}
.tabs-vertical ul li a{display:block;padding:6px 10px ; color:#fff; font-size:16px;}
.tabs-vertical ul li a small{ font-size:12px; margin-left:4px;}
.tabs-vertical ul li a.tab-active{background-color:#fff; color:#444;}
.tabs-vertical .tabs-content-placeholder{overflow:hidden; padding:20px 0; line-height:1.6;}
.tabs-vertical .tabs-content-placeholder div{display:none}
.tabs-vertical .tabs-content-placeholder div.tab-content-active{display:block}
.tabs-vertical .tabs-content-placeholder div p{color:#565a5c;line-height:1.5;text-align:left;margin:5px 0 20px}.tabs-vertical .tabs-content-placeholder div img{max-width:100%;}
.about-time .col-sm-3{ min-height:0;}
.about-honor-title{ text-align:center; padding:30px 0;}
.about-honor-title h3{ font-size:26px; margin-top:20px;color:#000;}
.about-honor-title h1{ font-size:36px;color:#000; font-weight:bolder;}
.about-honor-title h4{ width:80px; height:5px; background:#ff0000; margin:10px auto; display:block;}
.about-honor-title2{ text-align:center; padding:30px 0;}
.about-honor-title2 h3{ font-size:26px; margin-top:20px;color:#fff;}
.about-honor-title2 h1{ font-size:36px;color:#fff; font-weight:bolder;}
.about-honor-title2 h4{ width:80px; height:5px; background:#ff0000; margin:10px auto; display:block;}
#certify{position:relative;margin:0 auto; overflow:hidden;}
#certify .swiper-container{padding-bottom:60px; height:270px;}
#certify .swiper-slide{width:280px;height:220px;}
#certify .swiper-slide img{display:block}
#certify .swiper-slide p{line-height:98px;padding-top:0;text-align:center;color:#636363;font-size:1.1em;margin:0}
#certify .swiper-pagination{width:100%;bottom:20px}
#certify .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 5px;border:3px solid #fff;background-color:#d5d5d5;width:10px;height:10px;opacity:1}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active{border:3px solid #ff0000;background-color:#fff}
#certify .swiper-button-prev,#certify .swiper-button-next{ display:none;}
#certify .swiper-button-prev{left:0px;width:45px;height:45px;background: url(../images/wm_button_icon.png) no-repeat;background-position:0 0;background-size:100%; margin-top:-40px;outline:0;}
#certify .swiper-button-prev:hover{background-position:0 -46px;background-size:100%}
#certify .swiper-button-next{right:0px;width:45px;height:45px;background:url(../images/wm_button_icon.png) no-repeat;background-position:0 -93px;background-size:100%; margin-top:-40px; outline:0;}
#certify .swiper-button-next:hover{background-position:0 -139px;background-size:100%}
@media (min-width:768px){
.ab-group-pic{ padding-right:30px;}
.about-group{ background:url(../images/abbig.jpg) repeat-y center;padding:60px 0;}
.about-con{ margin-top:80px;}
.about-con-box{padding:30px 110px 50px;}
.about-group2{ padding:50px 0;}
.ab-face-left{ padding:30px 60px 30px 30px; font-size:18px; background:none;}
.ab-face-right{ padding-top:30px;}
.about-time{ background:url(../images/abou5.jpg) no-repeat top right; margin-top:50px; overflow:hidden;}
.about-title { height:242px;}
.about-bg1{ background:#ff7373;height:242px;}
.about-bg2{ background:#ffb3b3;height:242px;}
.tabs-vertical ul { padding-bottom:30px;}
.tabs-vertical ul li{ float:none; border-bottom:2px solid #fff; margin:0 20px;}
.tabs-vertical ul li a{border:1px solid transparent;border-bottom:0;border-top:0;padding:12px 15px;font-size:48px; font-weight:lighter;}
.tabs-vertical ul li a small{ font-size:18px; margin-left:20px;}
.tabs-vertical ul li a.tab-active{ background: url(../images/sjx.png) no-repeat right; color:#fff;  }
.tabs-vertical ul li:first-child a{border-left:0}
.tabs-vertical .tabs-content-placeholder{padding:40px;}
.about-honor{ background:url(../images/about4.jpg) no-repeat top center; overflow:hidden;}
#certify .swiper-button-prev,#certify .swiper-button-next{ display: block;}
#certify{ overflow: inherit !important;}
	}
@media (min-width:992px){
	#certify .swiper-slide{width:520px;height:355px;}
#certify .swiper-container{ height:430px; margin:40px auto;}
	}
@media (min-width:1200px){
.tabs-vertical ul li{ margin:0 50px;}
.about-con-box{padding:30px 160px 50px;}
	}

.coop-ab{position:relative; margin:0px auto;}
.coop-ab-left{ background:#f3f3f3; padding:20px; overflow:hidden;}
.coop-ab-left img{ float:left; margin-right:20px;}
.coop-ab-left p{ padding-right:0px; line-height:1.8; font-size:14px; color:#333;}
.coop-ab-right{ width:100%;}
.coop-ab-right img{ width:100%; display:block;}
.cop-bot{ background:url(../images/co2.jpg) no-repeat center; overflow:hidden;}
.mKeBanner,.mKeBanner div{text-align:center}
.imageflow img{-webkit-box-shadow:2px 2px 2px 2px hsla(0,0%,0%,.1);box-shadow:2px 2px 2px 2px hsla(0,0%,0%,.1)}
.imageflow{overflow:hidden;position:relative;text-align:left;visibility:hidden;width:1200px;margin:0 auto}
.imageflow img{border:0;position:absolute;top:0;visibility:hidden;-ms-interpolation-mode:bicubic}
.imageflow p{margin:0 auto;text-align:center}
.imageflow .loading{border:1px solid #ccc;height:15px;left:50%;margin-left:-106px;padding:5px;position:relative;visibility:visible;width:200px}
.imageflow .loading_bar{background:#ccc;height:15px;visibility:visible;width:1%}
.imageflow .caption{font-weight:700;position:relative;text-align:center;z-index:10000}
.imageflow .scrollbar{border-bottom:1px solid #b3b3b3;position:relative;visibility:hidden;z-index:10001;height:1px}
.imageflow .slider{background-image:url(../../Images/Index/slider.png);background-repeat:no-repeat;height:14px;margin:-6px 0 0 -7px;position:absolute;width:14px;z-index:10002}
.imageflow .images{overflow:hidden;white-space:nowrap}
.imageflow .button{cursor:pointer;height:17px;position:relative;width:17px}
.imageflow .previous{background:url(../../Images/Index/button_left.png) top left no-repeat;float:left;margin:-7px 0 0 -30px}
.imageflow .next{background:url(../../Images/Index/button_right.png) top left no-repeat;float:right;margin:-7px -30px 0 30px}

@media (min-width:768px){
.coop-ab{ padding:70px 0; position:relative; width:1100px; margin:0px auto;}
.coop-ab-right{ position:absolute; right:0; top:120px; width:424px;}
.coop-ab-right img{ width:auto; display:block;}
.coop-ab-left{padding:80px; width:750px; height:560px;overflow: inherit; }
.coop-ab-left p{ padding-right:120px; padding-top:30px; font-size:16px;}
.coop-ab-left img{ margin-top:-193px;}
	}


.join-box{ width:100%; padding:0 10px; margin:20px auto ; position:relative; z-index:2;}
.join-box dl{ box-shadow:0 0 5px rgba(0,0,0,0.2); background:#fff; overflow:hidden; border-left:8px solid #eb4335;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;margin-bottom:10px;}
.join-box dl dd{-webkit-box-flex:1;-webkit-flex:1;flex:1; border-left:1px solid #e6e6e6; margin-left:10px; padding-left:10px; color:#444; height:198px; overflow:hidden;transition:height 1s;
-moz-transition:height 1s; /* Firefox 4 */
-webkit-transition:height 1s; /* Safari and Chrome */
-o-transition:height 1s}
.join-box dl dd:hover{ height:auto; cursor:pointer;}
.join-box dl dd h3{ margin-top:10px;}
.join-box dl dd p{ margin-bottom:20px; margin-top:10px; line-height:1.8;}
.join-box dl dt{ width:100px; margin-left:10px;}
.join-box dl dt h3{ color:#000; font-size:24px; font-weight:400; margin-top:20px;}
.join-box dl dt p{ color:#eb4335; font-weight:bold; margin-top:10px;}
.contact-box{ margin:40px auto 60px; overflow:hidden;}
.contact-left{ background:#2d2d2d; padding:60px 20px; text-align:center;  color:#fff;}
.contact-left h2{ font-size:36px; margin:20px 0;}
.contact-left div{ margin-top:30px;}
.contact-left div img{ display:block; margin:10px auto;}
.contact-left div span{ display:block; margin-bottom:10px;}
.contact-left div p{ line-height:1.6;}
.contact-left div h3{ font-size:24px;}
.contact-right h3{ font-size:30px; color:#000;  padding:20px 0 40px;}
.contact-right ul{ overflow:hidden;}
.contact-right ul li{ border:1px solid #e6e6e6; border-radius:3px; margin-right:20px; padding:15px; width:45%; float:left;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; overflow:hidden; margin-bottom:20px;}
.contact-right ul li input{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0;}
.contact-right ul li textarea{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0; min-height:180px;}
.contact-right ul li label{ width:80px;}
.btn-btn{ background:#e71a19; border-radius:3px; padding:15px 40px; width:200px; color:#fff; border:0; font-size:16px; cursor:pointer; margin-top:30px; outline:0;}
.adress{ width:100%; overflow:hidden;}
.adress img{ width:100%; display:block;}
.pro-box{ overflow: hidden; }
.pro-box ul { overflow: hidden; padding-bottom: 20px;}
.pro-box ul li{ margin-top: 20px;}
.pro-box ul li a{display: block;padding: 3px;background: #fff;box-shadow: 0 0 8px rgba(0,0,0,.1);}
.pro-box ul li.col-xs-6{    padding-right: 8px;padding-left:8px;}
.pagecode-bot{ border-top: 2px solid #e71a19; margin: 10px auto 30px; padding-top: 20px; overflow: hidden;}
.pagecode{ float: right;}
.pagecode a{ width:20px; height: 20px; display: inline-block; border-radius: 50px; line-height: 20px; text-align: center;}
.pagecode a.on{ background-color: #e71a19; color: #fff;}
.pagecode a.end{ color: #000;}
.pagecode span{ padding: 0 10px; vertical-align: 5px;}
.a_con{ width: 20px; height: 17px; display: inline-block; background:url(../images/jt.png); margin-top: 5px ; margin-right: 20px;}
.a_lf{ background-position: 0 0;}
.a_rg{background-position: -20px 0 ;}
.a_lf:hover,.on{ background-position:0  -17px ;}
.a_rg:hover,.on{background-position:-20px  -17px ;}
@media (min-width:768px){
.join-box{ width:1000px; margin:-80px auto 40px;}
.join-box dl{ padding:40px; }
.join-box dl dd{margin-left:40px; padding-left:40px;}
.join-box dl dt{ width:auto;}
.join-box dl dt h3{ font-size:30px;}
.contact-left{width:94%;}
.contact-right{ padding-left:40px;}
}

.inbox2{ background:url(../images/bg2.jpg) repeat-y; overflow:hidden; min-height:400px; background-size:100%;}
.brand-box{ background:#fff; min-height:200px; margin:30px auto; padding:30px;}
.maquee2_left h3{ color:#000; margin-bottom:10px;}
.maquee2_left_p{ margin-bottom:20px; line-height:1.6;}
.maquee2-box{ background:#fff; height:280px;}
.maquee2-title{ background:#e71a19; padding:10px; color:#fff;}
.maquee2{ overflow:hidden; padding:10px 0; height:230px; }
.maquee2 ul li{ line-height:32px;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;}
.maquee2 ul li span.span-name{ width:120px; text-indent:20px;}
.maquee2 ul li span.span-box{-webkit-box-flex:1;-webkit-flex:1;flex:1; }
.maquee2 ul li:nth-of-type(odd){ background:#f4f4f4;}
.span-ul{ overflow:hidden; margin-top:20px;}
.span-ul li{ border:1px solid #e6e6e6; border-radius:3px; margin-right:20px; padding:15px; float:left;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; overflow:hidden; margin-bottom:20px; background:#fff;}
.span-ul li input{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0;}
.span-ul li textarea{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0; min-height:180px;}
.span-ul li label{ width:80px;}
.brand{ overflow:hidden; padding-bottom:50px;}

.news-box-ul{ overflow:hidden; padding:20px 0;}
.news-box-ul li dl{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; padding:0 0 20px; }
.news-box-ul li dl dt{ width:30%; height:0; padding-bottom:40%; overflow:hidden; margin-right:20px;}
.news-box-ul li dl dt img{ width:100%; display:block;}
.news-box-ul li dl dd{ -webkit-box-flex:1;-webkit-flex:1;flex:1;}
.news-box-ul li dl dd h4{ border-bottom:1px solid #e6e6e6; padding-bottom:8px; margin-bottom:8px; font-weight:400; line-height:30px;}
.news-box-ul li dl dd h4 span{ float:right;}
.news-box-ul li dl dd h4 strong{ font-size:30px; font-weight:lighter; margin-right:10px;}
.news-box-ul li dl dd h3{ font-size:14px; color:#000; margin-top:10px;}
.news-box-ul li dl dd p{ margin-top:6px; font-size:12px; line-height:20px; overflow:hidden;}
.newsin{background:#f2f2f2; margin:20px auto; min-height:400px; border-top: 2px solid #e71a19;}
.newsin-title{ text-align: center; font-size: 30px; padding: 25px; color: #333;}
.newsin-p{ background: #e5e5e5; text-align: center; padding: 16px 0;}
.newsinbox{ padding: 20px; line-height: 1.8;}
.newsinbox img{ max-width: 100%;}
.dlbox{ background:#fff; border-radius:5px; padding:20px; text-align:left;}
.dlbox h3{ color:#333; font-size:24px;}
.dlbox h4{ font-weight:400; color:#333; margin-bottom:10px;}
.dlbox dt{ width:100%; height:0; padding-bottom:60%; overflow:hidden;}
.dlbox dt img{ width:100%; display:block;}
.dlbox dd ul{ border-bottom:1px solid #e6e6e6; overflow:hidden; padding-bottom:5px;}
.dlbox dd ul li{ line-height:24px; float:left; width:50%; font-size:14px;}
.dlbox dd p{ font-size:12px; height:80px; margin-top:10px; line-height:20px; overflow:hidden;}

.join2{ background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.2); margin:-40px auto 0px; position:relative; z-index:1;}
.join2-title{ text-align:center; padding:40px 0;}
.join2-title h1{ color:#333;}
.join2-title h3{ height:2px ; width:200px; margin:5px auto; background:#ff0000;}
.join2-title h4{ color:#ff0000;}
.join2-box h3{ color:#333; margin-bottom:10px;}
.join2-box p{ line-height:2; margin-bottom:40px;}
.join2-box{ padding:0 20px 20px;}
.jion2-bot ul{ overflow:hidden;}
.jion2-bot ul li{ border:1px solid #e6e6e6; border-radius:3px; margin-right:20px; padding:15px; width:100%; float:left;display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex; overflow:hidden; margin-bottom:20px;}
.jion2-bot ul li input{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0;}
.jion2-bot ul li textarea{ -webkit-box-flex:1;-webkit-flex:1;flex:1; border:0; outline:0; min-height:180px;}
.jion2-bot ul li label{ width:50px;}
.jion2-bot .btn-btn{ margin:10px auto 30px; display:block;}
@media (min-width:768px){
.maquee2_left{ padding-right:50px;}
.span-ul li{ width:45%;}
.news-box-ul li dl dd span.span-row{ width:50px; height:36px; border:2px solid #e71a19; display:block; float:right; background:url(../images/jtr.png) no-repeat center; margin-right:10px;}
.news-box-ul li dl dd p{ height:80px; margin-bottom:10px;}
.news-box-ul li dl{ padding:30px; }
.news-box-ul li dl dd h3{margin-top:20px;}
.news-box-ul{ margin:0 -40px;}
.newsin{ margin: 50px auto;}
.newsinbox{ padding: 40px;}
.join2-box{ padding:0 60px 40px;}
.jion2-bot{ padding:0 60px;}
.jion2-bot ul li{ width:45%;}

}