body,div,ul,li,a,dl,dd,dt,input,p,h1,h2,h3,h4,h5,h6,form,img{ margin: 0; padding: 0; }
html{ margin: 0; padding: 0; font-size:12px;}
html,body{
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    -o-text-size-adjust: none;
    text-size-adjust: none;
}
h1,h2,h3,h4,h5,h6{ font-weight:normal;}
input,textarea,select,button,area {
    appearance:button;
    -moz-appearance:button;
    -webkit-appearance:button;
    outline:none;
    font-family:'Microsoft YaHei';
}
.flex{
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
    line-height: 1;
}
.jszcbox .jszcimg{
	width: 55px;
    padding: 5px 0 0 0;
    line-height: 1;
}
ul,li,dl,dd,dt{list-style: none;}
a{  text-decoration:none;  color:#2b292f;
    -webkit-transition: all ease-in .2s;
    -ms-transition: all ease-in .2s;
    -moz-transition: all ease-in .2s;
    -o-transition: all ease-in .2s;
    transition: all ease-in .2s;
}
img{border: 0;  font-size:0;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }

.clearfix {overflow: auto; *zoom:1;/*IE/7/6*/}
.clearfix:before,.clearfix:after {content: "";display: table;}
.clearfix:after {clear: both;}
.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1200px; margin:auto;  }

/*header*/
.header{width: 100%; overflow: hidden; padding: 20px 0; background: #fff;}
.header .section{position: relative;}
.header .logo{width: 66%;  float: left;}
.header .logo img{max-width: 100%;display:block;}
.header .tel{  width: 17%;padding-left: 58px;float: left;background: url(../tel.jpg) no-repeat left center;}
.header .tel span{ color: #000; font-size: 16px;}
.header .tel p{ color: #d0241a; font-size: 29px;}
.header .lang{ width: 8%;border-radius: 8px; margin-top: 10px; float: right; position: relative; }
.header .lang .lang-zh{ width:100%;background: #e21c22; color: #fff; border-radius: 6px; }
.header .lang .lang-zh a{color: #fff; display: block;text-align: center; padding: 10px 0; background: url("../xj.jpg") no-repeat 80px 17px;}
.header .lang .lang-en{ width:100%; background: #e21c22; opacity: 0;  border-radius: 6px; transition: opacity 1s;  visibility: hidden;  position: absolute;  z-index: 1;  top: 100%;  left: 0; color: #fff;}
.header .lang .lang-en a{color: #fff; display: block;text-align: center; padding: 10px 0;}
.header .lang:hover .lang-en{  visibility: visible;  opacity: 1;}

.menu{width: 100%; border-top: 1px solid #e5e5e5;}
.menu ul li{width: 12.28%; margin: 0 1%;  float:left;line-height: 57px; }
.menu ul li a{display:block; text-align:center;font-size: 16px;line-height: 57px; border-bottom: 3px solid #fff; color: #1f1f1f;}
.menu ul li a:hover{border-bottom: 3px solid #d1231a; }
.menu ul li a.on{border-bottom: 3px solid #d1231a;}
.menu ul li a.en{display: none;}
.menu li .drop{ background:#777; overflow:hidden; position:absolute; width:100%; left:0; top:70px; display:none;}
.menu li .drop ul{ width:1000px; margin:0 auto; padding:15px 0;}
.menu li .drop li{ width:33.3333%; float:left;}
.menu li .drop li a{ padding:0;}
.m_menu{ background: url(../icon_nav.png) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:60px; display:none;}
.h60{width: 100%; height: 60px; display: none;}

.i-title{width: 100%; text-align: center;}
.i-title h2{ color: #1f1f1f; font-size: 31px;}
.i-title em{background: #cc0010; margin:20px auto; height: 4px; display: block;width: 50px;}
.i-title span{ display: block; width: 100%; height: 8px; background: url("../i-title.png") no-repeat center; }
.i-title p{width: 70%; margin:5px auto; line-height: 25px; color:#707070; font-size: 14px;}

.i-title .c-f{color: #fff;}
.i-title .bf{background: #fff;}


.i-more{width: 100%; padding: 40px 0;}
.i-more a{display: block; background: #cc0010; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 190px; height: 40px; }
.i-more a:hover{box-shadow: 0 0 10px #333;}

#gghf1{ width: 100%; height:200px; overflow:hidden; position:relative;}
.gghf1{width: 1920px; height:200px; position:absolute; left:50%; margin-left:-960px;}
.gghf1 img{ width: 100%; height:auto;}

/*i-product*/
.i-product{width: 100%; padding:60px 0; overflow: hidden; background-color:#f6f6f6;}
.i-product-box{width: 100%; margin-top: 50px; overflow: hidden;}
.i-product-box .i-pro-fl{width:20%; float: left;}
.i-product-box .i-pro-fl h1{ background: #7c7c7c url("../cj.png") no-repeat 180px 30px; padding: 25px 0 25px 30px;  font-size: 26px; color: #fff; }
.i-product-box .i-pro-fl .i-pro-class{width: 100%;background: #ededed; }
.i-product-box .i-pro-fl .i-pro-class a{ display: block; width: 85%; color: #414141; padding:13px 0 13px 15%; font-size: 15px; background: #ededed; border-bottom: 1px solid #d5d5d5;}
.i-product-box .i-pro-fl .co-contact{width: 94%; height:111px; padding:20px 3%;background: url("../co-contact.jpg"); color: #fff;}
.i-product-box .i-pro-fl .co-contact h4{font-size: 19px;}
.i-product-box .i-pro-fl .co-contact span{ font-size: 24px;}
.i-product-box .i-pro-fl .co-contact p{font-size: 16px;}
.i-product-box .i-pro-fr{width: 79%; float: right; }
.i-product-box .i-pro-fr ul{width: 100%; font-size: 0; overflow: hidden;}
.i-product-box .i-pro-fr ul li{width: 33.333%;display: inline-block; margin-bottom:20px;  vertical-align: top; text-align: center;}
.i-product-box .i-pro-fr ul li a{display:block; width: 94%; margin: auto; color: #2b2b2b;}
.i-product-box .i-pro-fr .img{width: 100%; overflow: hidden;}
.i-product-box .i-pro-fr ul li img{width:100%; height:207px; display: block;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-product-box .i-pro-fr ul li h2{ font-size: 16px; height: 40px; overflow: hidden; line-height: 40px; background: #ededed; }
.i-product-box .i-pro-fr ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
/*i-about*/
.i-about{width: 100%; overflow: hidden; padding: 50px 0;}
.i-about h1{ font-size: 32px; color: #323232; text-align: center;}
.about-box{width: 100%; overflow: hidden; margin-top: 50px;}
.about-box .about-txt{width: 100%; overflow: hidden; text-align: center; line-height: 28px;}
.about-box .about-txt p{ font-size: 14px; color: #7b7b7b;}
.about-box .about-num{width: 100%; padding:53px 0;}
.product-num-box{  width: 100%;}
.product-num-content{  width: 100%;    margin: 0 auto;  text-align: center;  font-size: 0;}
.product-num-item{  text-align: center;  position: relative;  display: inline-block;  width:33%;  font-size: 16px;  color: #000;  line-height: 20px;}
.product-num-jus{  display: inline-block;  margin: 80px 0;  width: 162px;  height: 56px;  font-size: 22px;  color: #fff;  line-height: 48px;  letter-spacing: 2px;  border: 4px solid #fff;  cursor: pointer;  font-weight: 500;  -webkit-transition: all .3s linear;  -moz-transition: all .3s linear;  transition: all .3s linear;  text-decoration: none;}
.product-num-nub{  display: inline-block;  width: 100%;  font-size: 44px;  color: #1b1b1b;  line-height: 62px; font-family: Arial; }
.product-num-add{  font-size: 16px;  color: #1b1b1b;   position: absolute; }
.mt{ top: 18px; right:100px;}
.yy{top: 18px; right: 100px; }
.mm{top: 18px; right: 70px;}

/*i-sj*/
.i-sj{width: 100%; padding:60px 0; overflow: hidden; background: url("../qysj.jpg") no-repeat top center;}
.i-sj-ul{width: 100%; background: #fff; overflow: hidden;}
.i-sj-ul ul{width: 100%; font-size: 0; overflow: hidden;}
.i-sj-ul ul li{width:25%; margin: 10px 0; display: inline-block; vertical-align: top; text-align: center;}
.i-sj-ul ul li a{color: #fff; display: block; width: 94%; margin: auto; overflow: hidden}
.i-sj-ul ul li img{max-width:100%; display: block; margin:0 auto;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-sj-ul ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}

.i-customer{width: 100%; background:#f6f6f6; padding:50px 0; overflow: hidden; }
.i-customer ul{width: 100%; overflow: hidden; font-size: 0; margin-top: 10px;}
.i-customer ul li{width:23%; margin: 10px 1%;  display: inline-block; vertical-align: top; text-align: center;}
.i-customer ul li a{display:block;color: #fff;}
.i-customer .img{width: 100%; overflow: hidden;}
.i-customer ul li img{max-width:100%; display: block; margin:0 auto;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-customer ul li h2{background: #fff; padding: 8px 0; font-size: 16px; color:#353535;}
.i-customer ul li a:hover h2{color:#cc0010;}
.i-customer ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}

.i-exhibition{width: 100%; background: #fff; padding:30px 0; overflow: hidden; }
.i-exhibition .i-exhibition-box{width:100%; max-width: 1190px; overflow: hidden; margin: 30px auto  10px auto;  }
.i-exhibition img{display:block;width: 100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-exhibition-box a{display: block; width: 100%; overflow: hidden;}
.i-exhibition-box .i-exhibition-fl{ width: 24.5%; float: left;}
.i-exhibition-box .i-exhibition-fl ul{width: 100%;}
.i-exhibition-box .i-exhibition-fl ul li{width: 100%; margin-bottom: 7px; overflow: hidden;}
.i-exhibition-box .i-exhibition-m{width: 24.5%; margin-left: 0.5%; float: left;overflow: hidden;}
.i-exhibition-box .i-exhibition-fll{width:24.5%;margin-left: 0.5%; float: left;}
.i-exhibition-box .i-exhibition-fll ul{width: 100%;}
.i-exhibition-box .i-exhibition-fll ul li{width:100%; margin-bottom: 7px; float: left;overflow: hidden;}
.i-exhibition-box .i-exhibition-fll ul li a:hover img{transform: scale(1.1, 1.1);  transition: transform 0.6s ease 0s;}
.i-exhibition-box .i-exhibition-mm{width: 24.5%;margin-left: 0.5%; float: left;overflow: hidden;}
.i-exhibition-box a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}
.i-exhibition-box .i-exhibition-fr ul li a:hover img{transform: scale(1.2, 1.2);  transition: transform 0.6s ease 0s;}


/*i-news*/
.i-news{width: 100%; padding:60px 0 20px 0; overflow: hidden; background: #f5f5f5;}
.i-news .news-box{width: 100%; margin-top: 50px; overflow: hidden;}
.i-news .news-box .news-video{width: 40%; float: left;}
.i-news .news-box .news-video video{width: 100%!important;}
.i-news .news-list{width: 55%; float: right; overflow: hidden; }
.i-news .news-list dl{ width:100%; margin-bottom: 20px; overflow: hidden; }
.i-news .news-list dl a{display: block;width: 100%;  background: #fff;}
.i-news .news-list dl dt {width:20%; float: left; padding: 20px 0; text-align: center; background: #3d4457; }
.i-news .news-list dl dt h2{font-size: 27px;  overflow: hidden; color: #fff;line-height: 35px; height: 35px;  }
.i-news .news-list dl dt p{font-size: 20px; line-height: 35px; color: #babfcd;height: 35px; overflow: hidden; }
.i-news .news-list dl dd{width:75%; float: right;}
.i-news .news-list dl dd h4{font-size: 17px; line-height: 22px; color: #242424;}
.i-news .news-list dl dd p{font-size: 13px; line-height: 22px; color: #666666; padding-top: 5px;}
.i-news .news-list dl a:hover h2{ color: #fff;}



.n-title{width: 100%; text-align: center; margin-bottom: 30px;}
.n-title h2{ color: #1f1f1f; font-size: 31px;}
.n-title em{background: #cc0010; margin:20px auto; height: 4px; display: block;width: 50px;}
.n-title span{ display: block; width: 100%; height: 8px; background: url("../i-title.png") no-repeat center; }
.n-title p{width: 70%; margin:5px auto; line-height: 25px; color:#707070; font-size: 14px;}


/*banner*/
.banner{width: 100%; height: 380px;overflow: hidden;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.cn-ban{background: url("../cn-ban.jpg") no-repeat center;}
.zs-ban{background: url("../zs-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}
.video-ban{background: url("../video-ban.jpg") no-repeat center;}

.main-nav { width: 100%; overflow:hidden; }
.main-nav .left-nav {  float: left;  }
.main-nav .left-nav a { float: left; height: 60px;  line-height: 60px; padding: 0 30px; text-align: center; display: block; font-size: 16px; color: #333; }
.main-nav .left-nav a:hover{ background:#cc0010;color: #fff; }
.main-nav .left-nav a.on{ background:#cc0010;color: #fff; }
.main-nav .right-now {  float: right; height: 60px;  line-height: 60px;}
.main-nav .right-now a {  float: left;  font-size: 14px;  color: #999;  transition: color .3s;}
.main-nav .right-now a.hm{background: url("../ico4.png") no-repeat left center; padding-left: 16px;}
.main-nav .right-now i {  width: 4px;  height: 60px;  display: block;  float: left;  background: url(../case26.png) no-repeat center;  margin: 0 12px;}


/*about*/
.main-about{width: 100%; padding: 50px 0 80px 0; overflow: hidden;}
.main-about .ab-box{width:90%;  font-size: 16px;  margin:0 auto;line-height: 28px; color: #444;}
.main-about .ab-box p{padding-bottom: 8px;}
.main-about .ab-box span{width:100%; overflow: hidden; line-height: 30px; margin: 20px 0; display: block; color: #cc0010; font-weight: bold; border-left:4px solid #cc0010; padding-left: 10px;}
.main-about .ab-box img{max-width:100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}

/*新闻中心*/
.main-news{width:100%; overflow: hidden;background: #f1f1f1; padding:45px 0  60px 0;}
.main-news .news-box{ width: 75%; float:left;}
.main-news ul {width: 100%; overflow: hidden;}
.main-news ul li{width: 100%; margin-bottom: 20px;   float: left; }
.main-news ul li a{display: block;width: 92%; background: #fff; padding:20px 4%;}
.main-news ul li h2{font-size: 20px; font-weight: normal;  color: #111;   margin-bottom: 5px; transition: color .3s;}
.main-news ul li .time {color: #999;  line-height: 26px;  font-size: 14px;  padding-left: 30px;  background: url(../case31.png) no-repeat left center;}
.main-news ul li .font {font-size: 14px;  color: #666;  line-height: 24px;  margin-top: 14px;  overflow: hidden}
.main-news ul li a:hover{box-shadow: 0 0 10px #ccc;}
.main-news .news-class{width: 20%;background: #fff; float:right; overflow: hidden;}
.main-news .news-class h4{font-size: 22px;  color: #111;  padding: 10px 10px;  border-bottom: 1px solid #ccc;}
.main-news .news-class a{display:block;  padding:10px 0 10px 20px;color: #cc0010; background:#fff url(../case23.png) no-repeat 5px 18px; font-size: 16px;}

.news-detail{width: 100%; background: #fff; padding: 60px 0; overflow: hidden;}
.news-detail .news-detail-fl{width:75%;}
.news-detail .news-detail-fl img{max-width:100%; margin:10px auto;}
.news-detail .news-detail-fl h2{ width: 100%; text-align: center; font-size: 30px; color: #000; padding: 19px 0;    }
.news-detail .news-time{width: 100%; padding: 10px 0; font-size: 14px; line-height: 24px; border-bottom: 1px solid #e6e6e6; color: #666666; text-align: center;}
.news-detail .news-detail-fl .news-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-detail-fl .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-detail-fl .news-intro p{padding: 5px 0;}
.news-detail .news-detail-fr{width:20%; }
.news-detail .news-detail-fr h4{font-size: 22px;  color: #333;  padding: 10px 10px;  border-bottom: 1px solid #ccc;}
.news-detail .news-detail-fr a{display:block;  padding:10px 0 10px 20px;color: #cc0010; background:#fff url(../case23.png) no-repeat 5px 18px; font-size: 16px;}

/*产品中心*/
.main-product {width: 100%; overflow: hidden; background: #fff; padding: 50px 0;}
.pro-class{width: 100%; text-align: center; overflow: hidden; margin-bottom: 50px;}
.pro-class a{display:inline-block; padding:10px 10px; background: #ddd; border-radius: 3px; font-size: 14px; margin:10px 10px;}
.pro-class a:hover{background: #cc0010; color: #fff;}
.main-product .list { width: 100%; font-size: 0;}
.main-product .list li{ width: 23%;  display: inline-block; vertical-align: top; margin:0 1% 30px 1%;    overflow: hidden;    position: relative}
.main-product .list li a{display: block;width: 100%;position: relative;}
.main-product .list .pro-box{width: 100%; position: relative;overflow: hidden;}
.main-product .list .pro-box img {width:100%; height: 207px; display: block; transition: transform .3s}
.main-product .list .con{visibility: hidden;width: 100%; height:100%; background:url("../conn.png");color: #fff;text-align: center;padding: 5px 0;position: absolute;z-index: 1;bottom:0;left:0;opacity: 0;transition: opacity 1s;}
.main-product .list .more {display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; background: #cc0010; color: #fff; font-size: 14px; border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -70px;}
.main-product .list h4 { font-size: 16px; text-align: center;  background: #eee; color: #444;line-height: 40px;overflow: hidden; height: 40px;}
.main-product .list li a:hover .con{ visibility: visible;  opacity: 1;}
.main-product .list li:hover img { transform: scale(1.2);}

.cp-detail-content{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.cp-detail-content .cp-de-box{width:100%; overflow: hidden;}
.cp-detail-content .cp-de-box img{max-width: 100%;}
.cp-detail-content .cp-de-box .cp-img{ width: 100%;  text-align: center;}
.cp-detail-content .cp-de-box .cp-img img{display:block; margin: auto;}
.cp-detail-content .cp-de-box .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.cp-detail-content .cp-de-box .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.cp-detail-content .cp-de-box .cp-intro img{max-width:100%; margin:10px auto;}
.cp-detail-content .cp-de-box .cp-intro p{padding: 5px 0;}
.cp-detail-content .cp-de-box .cp-de-memo{ width:45%; float: right;}
.cp-detail-content .cp-de-box .cp-de-memo h2{width: 100%; font-size: 34px; color: #000;  padding: 10px 0;  }
.cp-detail-content .cp-de-box .cp-de-memo dl{width: 100%; overflow: hidden;padding: 5px 0; line-height: 25px;}
.cp-detail-content .cp-de-box .cp-de-memo dl dt{width: 20%; font-size: 14px; font-weight: bold; color: #111; float: left;}
.cp-detail-content .cp-de-box .cp-de-memo dl dd{width: 80%; font-size: 14px;color: #444; float: left;}
.cp-detail-content .cp-de-box .cp-de-memo a{display: block;width: 150px; height: 40px; line-height: 40px; margin-top: 10px; font-size: 14px;  color:#fff; background: #cc0010; text-align: center; border-radius: 5px;}
/*视频展示*/
.main-video {width: 100%; overflow: hidden; background: #fff; padding: 50px 0;}
.main-video .list { width: 100%; font-size: 0;}
.main-video .list li { width: 31.33%; display: inline-block; vertical-align: top;  margin:0 1% 30px 1%;    overflow: hidden;    position: relative}
.main-video .list li a{display: block;width: 100%;position: relative;}
.main-video .list .video-box{width: 100%; position: relative;overflow: hidden;}
.main-video .list .video-box img {width:100%; height: 210px; display: block; transition: transform .3s}
.main-video .list .con{visibility: hidden;width: 100%; height:100%; background:url("../conn.png");color: #fff;text-align: center;padding: 5px 0;position: absolute;z-index: 1;bottom:0;left:0;opacity: 0;transition: opacity 1s;}
.main-video .list li a:hover .con{ visibility: visible;  opacity: 1;}
.main-video .list h4 { font-size: 16px; text-align: center;  background: #eee; color: #444;   line-height: 40px; overflow: hidden;  height: 40px;}
.main-video .list .video-bf {display: block; width: 100%;  height: 100%;      background:url("../bf.png") no-repeat center center;  }
.main-video .list li:hover img { transform: scale(1.2);}

.video-detail-content{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.video-detail-content .video-de-box{width:100%;text-align: center;}
.video-detail-content h4{ width: 100%; text-align: center; font-size: 25px; color: #000; line-height: 54px; padding: 19px 0;  font-weight: bold; }


/*体系证书*/
.main-certificate{width: 100%; padding: 50px 0 80px 0; overflow: hidden;}
.main-certificate .certificate-box{width:90%;  font-size: 16px;  margin:0 auto;line-height: 28px; color: #444;}
.main-certificate .certificate-box p{padding-bottom: 8px;}
.main-certificate .certificate-box span{width:100%; overflow: hidden; line-height: 30px; margin: 20px 0; display: block; color: #cc0010; font-weight: bold; border-left:4px solid #cc0010; padding-left: 10px;}
.main-certificate .certificate-box img{max-width:100%;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-certificate .list { width: 100%; font-size: 0;}
.main-certificate .list li{ width: 23%;  display: inline-block; vertical-align: top; margin:0 1% 30px 1%;    overflow: hidden;    position: relative}
.main-certificate .list li a{display: block;width: 100%;position: relative;}
.main-certificate .list .pro-box{width: 100%; position: relative;overflow: hidden;}
.main-certificate .list .pro-box img {width:100%; height: 207px; display: block; transition: transform .3s}
.main-certificate .list .con{visibility: hidden;width: 100%; height:100%; background:url("../conn.png");color: #fff;text-align: center;padding: 5px 0;position: absolute;z-index: 1;bottom:0;left:0;opacity: 0;transition: opacity 1s;}
.main-certificate .list .more {display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; background: #cc0010; color: #fff; font-size: 14px; border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -70px;}
.main-certificate .list h4 { font-size: 16px; text-align: center;  background: #eee; color: #444;line-height: 40px; overflow: hidden;  height: 40px;}
.main-certificate .list li a:hover .con{ visibility: visible;  opacity: 1;}
.main-certificate .list li:hover img { transform: scale(1.2);}

.certificate-detail-content{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.certificate-detail-content .cp-de-box{width:100%;}
.certificate-detail-content .cp-de-box img{max-width: 100%;}
.certificate-detail-content .cp-de-box h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 40px; padding: 25px 0;    }
.certificate-detail-content .cp-de-box .cp-img{ width: 100%;  text-align: center;}
.certificate-detail-content .cp-de-box .cp-img img{display:block; margin: auto;}
.certificate-detail-content .cp-de-box .cp-intro{width: 100%; line-height: 28px; padding: 30px 0; font-size: 14px; color: #333;}
.certificate-detail-content .cp-de-box .cp-intro span{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.certificate-detail-content .cp-de-box .cp-intro img{max-width:100%; margin:10px auto;}
.certificate-detail-content .cp-de-box .cp-intro p{padding: 5px 0;}


.main-public {overflow: hidden; padding: 50px 0;}
.main-public {width: 100%; overflow: hidden; background: #fff; padding: 50px 0;}
.public-class{width: 100%; text-align: center; overflow: hidden; margin-bottom: 50px;}
.public-class a{display:inline-block; padding:10px 50px; background: #ddd; border-radius: 5px; font-size: 14px; margin: 0 10px;}
.public-class a:hover{background: #cc0010; color: #fff;}
.main-public .list { width: 100%;font-size: 0;}
.main-public .list li{ width: 23%; display: inline-block; vertical-align: top;  margin:0 1% 30px 1%;    position: relative}
.main-public .list li a{display: block;width: 100%;position: relative;}
.main-public .list .public-box{width: 100%; position: relative;overflow: hidden;}
.main-public .list .public-box img {max-width:100%; display: block; transition: transform .3s}
.main-public .list .con{visibility: hidden;width: 100%; height:100%; background:url("../conn.png");color: #fff;text-align: center;padding: 5px 0;position: absolute;z-index: 1;bottom:0;left:0;opacity: 0;transition: opacity 1s;}
.main-public .list .more {display: block; width: 140px; height: 40px; text-align: center; line-height: 40px; background: #cc0010; color: #fff; font-size: 14px; border-radius: 20px; position: absolute; top: 50%; left: 50%; margin-left: -70px;}
.main-public .list h4 { font-size: 16px; text-align: center;  background: #eee; color: #444; line-height: 40px; overflow: hidden;  height: 40px;}
.main-public .list li a:hover .con{ visibility: visible;  opacity: 1;}
.main-public .list li:hover img { transform: scale(1.2);}


/*联系我们*/
.main-contact{width:100%; overflow: hidden;padding: 50px 0; }
.main-contact .con-content{width: 100%; overflow: hidden; }
.main-contact .con-fl{width:35%; float: left;  }
.main-contact .con-fl h3{font-size: 25px; padding: 8px 0; color: #000; }
.main-contact .con-fl p{font-size: 15px; line-height: 30px;color: #444;}
.main-contact .con-fl img{margin-top: 10px;}
.main-contact .con-fr{width: 60%; float: right;  }
.main-contact .con-fr img{max-width: 99%; border: 1px solid #eee;}


.qt-pagination{ width:94%; margin:auto; overflow:hidden; padding:30px 0; text-align:center;}
.qt-pagination a{ background-color: #fff;border: 1px solid #e3e3e3;padding: 0 10px;margin-right: 3px; min-width: 30px;  height: 30px;  line-height: 30px;   display: inline-block;   text-align: center;
}
.qt-pagination .pages{ background:#cc0010; color:#fff;}


.i-link{width: 100%; background: #57679f; padding: 10px 0;overflow: hidden; line-height: 25px;}
.i-link span{display: block;float: left; font-size: 16px; color: #fff;}
.i-link a{display: block;font-size: 13px; float: left;color: #fff;}
.foot-box{width: 100%; background:#686868; padding:40px 0 50px 0; overflow: hidden;}
.foot-box .foot-logo{width: 100%; padding-bottom: 20px;}
.foot-box .foot-contact{width: 35%; float: left; }
.foot-box .foot-contact ul{ width: 100%;}
.foot-box .foot-contact ul h3{ font-size:20px;color: #fff; padding-bottom: 20px;}
.foot-box .foot-contact ul li{width: 100%; line-height: 25px;color: #fff; padding: 2px 0; font-size: 13px;}
.foot-box .foot-product{width: 30%;float: left;}
.foot-box .foot-product ul{ float: left;}
.foot-box .foot-product ul h3{ font-size:20px;color: #fff;padding-bottom: 20px;}
.foot-box .foot-product ul li{width: 45%; float: left; line-height: 25px; font-size: 13px; background: url("../jian.png") no-repeat 0 8px; padding-left: 5%;}
.foot-box .foot-product ul li a{ color: #fff;}
.foot-box .foot-product ul li a:hover{color: #cc0010;}
.foot-box .foot-memo{ width:23%;float: left; }
.foot-box .foot-memo p{width: 100%;color: #fff; font-size: 13px;line-height: 22px; padding: 10px 0;}
.foot-box .foot-wx{width: 10%;float: right; text-align: center;}
.foot-box .foot-wx img{max-width:100%; display: block; margin: auto;}
.foot-box .foot-wx p{width: 100%;color: #fff; font-size: 13px;line-height: 25px; padding: 10px 0;}
.footer{width: 100%;color: #fff; background:#686868;line-height: 30px; padding: 10px 0; border-top: 1px solid #818181; overflow: hidden;}

.footer a{color: #fff;}

.m-foot{display: none; width: 100%; overflow: hidden; background: rgba(204,204,204,0.5); position: fixed; bottom: 0; z-index: 99999999999;}
.m-foot a{display: block; float: left; background: #d92322; color: #fff; width: 48%; margin: 10px 1%; text-align: center; font-size: 0; padding: 10px 0;}
.m-foot i{display: inline-block; width: 28px; height: 28px; margin-left: 20%; float: left;  }
.m-foot i.yj{background: url("../yj.png"); background-size: 100%;}
.m-foot i.tel{background: url("../tel.png"); background-size: 100%;}
.m-foot span{display: inline-block;width: 60px; height: 28px;line-height: 28px;font-size: 15px; float: left; margin-left: 2%;}


.fuwuzixun{position: absolute; width: 20%; top: 30%; left: 68%;}
.fuwuzixun a{display: inline-block; width: 45%;}
.fuwuzixun img{width: 100%; max-width:150px; height:auto;}

@media (max-width:1800px){
    .fuwuzixun{left: 72%;}
}

@media (max-width:1500px){
    .fuwuzixun{left: 75%;}
}

@media (max-width:1500px){
    .fuwuzixun{left: 75%;}
}

@media (max-width:1350px){
    .fuwuzixun{left: 78%;}
}

@media (max-width:1350px){
    .fuwuzixun{left: 78%;}
}

@media (max-width:1260px){
    .i-product-box .i-pro-fl{display: none;}
    .i-product-box .i-pro-fr{width: 100%;}
    .banner{ padding-top: 21.5%; height: auto; background-size: 100%;}

}


@media (max-width:1200px){

    .gghf1{display: none;}

}
@media (max-width:1120px){

}


@media (max-width:1024px){

}
@media (max-width:999px){
    .header{z-index: 9999; background: #fff;padding: 15px 0;}
    .header .section{width: 100%;}
    .menu .section{width: 100%;}
    .m_menu{ display:block;}
    .menu { position:absolute; left:0; top:72px; background:#00599f; width:100%; display:none;z-index: 999;}
    .menu ul li{ width:100%;  margin: 0;}
    .menu ul li a{ padding:0; line-height: 40px; color: #fff; border-bottom: 1px solid #1573bd;}
    .menu li .drop ul{ width:100%; padding:0;}
    .menu li .drop{ position:static;}
    .menu li .drop .hide{ display:none;}
    .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .menu ul li a.on{border-bottom: 1px solid #1573bd;}
    .header .logo{padding-left:8px;}
    .header .logo img{height: 42px;}
    .header .tel{display: none;}
    .header .lang{display: none;}
    .m_menu{height: 42px;}
    .menu ul li a.en{display:block;}
}
@media (max-width:856px){
    .i-news .news-box .news-video{width: 100%;}
    .i-news .news-list{width: 100%;}
    .i-news .news-list dl{margin: 20px 0;}
    .foot-box .foot-contact{width: 48%; margin: 10px 1%; float:left;}
    .foot-box .foot-product{width: 48%; margin: 10px 1%; float:left;}
    .foot-box .foot-memo{width: 100%; margin: 10px 0; float:left;}
    .foot-box .foot-wx{width: 100%; margin: 10px 0;float:left;}
}
/*banner媒体查询*/
@media (max-width:768px){
    .i-sj-ul ul li{width: 50%;}
    .i-customer ul li{width: 48%;}
    .mt{right: 0;}
    .yy{right: 0;}
    .mm{right: 0;}
    .i-title h2,.n-title h2,.news-detail .news-detail-fl h2,.cp-detail-content .cp-de-box h2{font-size: 25px;}
}


@media (max-width:658px){
    .header .logo img{height: auto;}
    .m_menu{height: 36px;}
    .menu {  top:63px;}
    .i-title p{width: 90%;}
    .i-product-box .i-pro-fr ul li{width: 50%;}
    .i-about h1{font-size: 24px;}
    .main-news .news-class{display: none;}
    .main-news .news-box{width: 100%;}
    .news-detail .news-detail-fl{width: 100%;}
    .news-detail .news-detail-fr{display: none;}
    .main-product .list li{width: 48%;}
    .main-certificate .list li{width: 48%;}
    .pro-class a{margin: 5px 2px;    padding: 10px 5px;}
    .main-video .list li{width: 48%;}
    .main-contact .con-fl{width: 100%;}
    .main-contact .con-fr{width: 100%;}
    .product-num-item{width: 100%; max-width: 220px; margin: 3px 0;}
    .main-public .list li{width: 48%;}
    .banner{padding-top: 38%;}
    .ab-ban{background: url("../wap-ab-ban.jpg") no-repeat center;background-size: 100%;}
    .cp-ban{background: url("../wap-cp-ban.jpg") no-repeat center;background-size: 100%;}
    .cn-ban{background: url("../wap-cn-ban.jpg") no-repeat center;background-size: 100%;}
    .zs-ban{background: url("../wap-zs-ban.jpg") no-repeat center;background-size: 100%;}
    .news-ban{background: url("../wap-news-ban.jpg") no-repeat center;background-size: 100%;}
    .video-ban{background: url("../wap-video-ban.jpg") no-repeat center;background-size: 100%;}
    .i-more{padding: 15px 0;}
    .qt-pagination{padding: 15px 0;}
    .pro-class{margin-bottom: 25px;}
    .i-product,.i-about,.i-sj,.i-customer,.i-news,.main-about,.main-news,.main-product,.main-video,.main-certificate,.main-contact,.cp-detail-content,.cp-detail-content,.news-detail{padding: 30px 0;}
    .cp-detail-content .cp-de-box h2{font-size: 28px;}
    .m-foot{display: block;}
    .fuwuzixun{top:7%; left: 68%; width:30%;}
    #gghf1{background: url("../gghf2.jpg"); background-size: 100%; padding-top: 58.5%; height: auto;}
    .gghf1{display: none;}
    .fuwuzixun{ top: auto;   bottom:8%;  left: 20%;  width: 60%;}

}

@media (max-width:525px){
    .menu {  top:53px;}
    .i-product-box .i-pro-fr ul li img{height: 140px;}
    .main-product .list .pro-box img{height: 140px;}
    .main-video .list .video-box img{height: 140px;}
}

@media (max-width:428px){


}