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;
}
.flex{
	display: flex;
	justify-content: center;
	align-items: center;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 50px;
}
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';
}
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; display: block;  font-size:0;}
body {color:#444; font-family:Microsoft Yahei, Arial, Helvetica, sans-serif; }
.clearfix{ *zoom:1;}
.clearfix:before, .clearfix:after {  content:"";  display:table;}
.clearfix:after{    clear:both;    overflow:hidden;}

.fl{ float:left;}
.fr{ float:right;}
.section{ width:92%; max-width:1360px; margin:auto;  }
.img-box{width: 100%;overflow: hidden; }
.top-header{width: 100%;background: #f4f4f4;overflow: hidden;}
.top-header .wec{color: #818181;line-height:35px;}
.top-header .header-a{ line-height: 20px; padding:9px 0;}
.top-header .header-a a{display:block; float:left; color: #5e5e5e; padding: 0 15px; border-right: 1px solid #cccccc;}
.top-header .header-a a.cn{background: url("../cn.jpg") no-repeat left center ; border: 0;color: #2d2929; padding-left: 30px;}
.top-header .header-a a.en{background: url("../en.jpg") no-repeat left center ;border: 0;color: #2d2929;padding-left: 30px;}
.top-header .header-a a:hover{color: #015cb9;}
/*header*/

.s-kf{position:fixed;z-index:55;right:0;bottom:30%;width:44px;}
.kf-box{margin-bottom:4px;cursor:pointer;outline:none;position: relative;}
.kf-box i{display:block;width:44px;height:44px;}
.kf-box .qq{background:#1d3a90 url(../qq.png) no-repeat center center;}
.kf-box .tel{background:#1d3a90 url(../zj.png) no-repeat center center;}
.kf-box .ewm{background:#1d3a90 url(../ewm.png) no-repeat center center;}
.kf-box .top{background:#1d3a90 url(../side_icon.jpg) no-repeat center center;}
.kf-box .kf-tooltiptext {  visibility: hidden; ;  width:190px; overflow: hidden; background:#fff; text-align: center;  padding:10px 10px;  position: absolute;  z-index: 1;  bottom: 100%;  right: 100%;   opacity: 0; border:1px solid #ccc;border-radius:3px;box-shadow:0 2px 5px #ccc; transition: opacity 1s; top: 0;}
.kf-box .kf-tooltiptext .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.kf-box .kf-tooltiptext .i-qq{width:44px;height:44px;background:url(../side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.kf-box .kf-tooltiptext .i-tel{width:44px;height:44px;background:url(../side_con_icon02.png) no-repeat center center;display:block;}
.kf-box .kf-tooltiptext h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.kf-box .kf-tooltiptext .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.kf-box .kf-tooltiptext .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif; font-weight: bold;}
.kf-box .kf-tooltiptext .qrcode-img img{margin: auto;}
.kf-box .kf-tooltiptext p{font-size:16px;color:#93959c;}
.kf-box:hover .kf-tooltiptext {  visibility: visible;  opacity: 1;}
.qq-div{height: 50px;}
.tel-div{height: 50px;}
.ewm-div{height: 125px;}


.header{width: 100%; }
.header .section{padding: 20px 0;overflow: hidden;}
.header .logo{ float: left;}
.header .logo img{max-width: 100%;display:block;}
.header .kh{ float: left; margin: 15px 0 0 25px; padding-left: 25px; border-left: 1px solid #dfdfdf;}
.header .kh h4{font-size: 27px; color: #363636; line-height: 35px;}
.header .kh p{font-size: 22px; color: #585858;line-height: 35px;}

.header .tel{ float: right; margin-top: 25px;}


.header .menu{width: 100%; background: #cb0101;}
.header .menu ul{ width:92%; max-width:1360px; margin:auto;   }
.header .menu ul li{float:left;position: relative; text-align:center;  width:12.3%; border-left: 1px solid #d53131;  }
.header .menu ul li a{display:block; text-align:center;font-size: 16px;line-height: 55px; color: #fff;}
.header .menu ul li a:hover{background: #f02727; color: #fff;}
.header .menu ul li a.on{background: #f02727;color: #fff;}
.header .menu ul li:last-child{border-right: 1px solid #d53131;  }
.header .menu li .drop{ background: #f02727; overflow:hidden; position:absolute; width:100%; left:0; top:55px; display:none; z-index: 999;}
.header .menu li .drop ul{ width:100%; margin:0 auto; }
.header .menu li .drop li{ width:100%; }
.header .menu li .drop li a{font-size: 15px; padding:0;line-height: 42px;}
.header .menu li .drop li a:hover{background: #cb0101; color: #fff;}
.m_menu{ background: url(../icon_nav.jpg) no-repeat center;  background-size:100%;width:40px; position:absolute; right:5px; top:0; height:68px; display:none;}


.main-g-s{width: 100%;  overflow: hidden; padding: 10px 0; line-height: 40px; background: #e3e3e3;}
.main-g-s .keywords{float: left; }
.main-g-s .keywords span{color: #565656; font-size: 18px;}
.main-g-s .keywords a{color: #888888; font-size: 15px;}
.main-g-s .search{  width:315px; float: right; border-radius:25px;  height:40px; overflow:hidden;border:1px solid #e0e0e0;}
.main-g-s .search input.username{  width:80%; float:left; border:none;   height:40px; line-height:40px;  font-size:12px; color:#c4c4c4; background: #fff; text-indent:0.5em; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;}
.main-g-s .search input.da_button{ width:20%;float:left; border:none;   height:40px; line-height:40px;   font-size:12px; color:#CCC; background:#fff url(../search.jpg) no-repeat center center;  -webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none; appearance: none; }

.i-title{width: 100%; text-align: center;}
.i-title h2{ color: #1f1f1f;  font-weight: bold;}
.i-title span{ display:inline-block;line-height: 60px; height: 60px;  font-size: 40px;  }
.i-title p{color:#b5b5b5; font-size: 18px; padding: 10px 0;}
.i-title span.lx{background: url("../lx.jpg") no-repeat center center; height: 28px; width:110px;}
.i-title em{color: #d40000; font-style: normal;}

.n-title{width: 100%; text-align: center;}
.n-title h2{ color: #1f1f1f; font-size: 30px; }
.n-title span{color: #000d73; font-size: 30px;  line-height: 60px; height: 60px;   }
.n-title p{color:#d3d3d3; text-transform: uppercase;  font-size: 15px; padding: 10px 0;}

.i-more{width: 100%; padding: 40px 0;}
.i-more a{display: block; background: #d40000; line-height: 40px; color: #fff; font-size: 16px; text-align: center; margin: auto; width: 190px;border-radius: 8px; height: 40px; }



.i-product{width: 100%; padding:60px 0 40px 0; overflow: hidden; background: #fff;}
.aui-nav-content-box { width: 100%; position: relative; margin-top: 20px; }
.aui-nav-list-box { width:510px; margin: auto; overflow: hidden; zoom: 1; border-bottom: none; z-index: 110; display: block; }
.aui-nav-list-box ul li { float: left; color: #000; height: 60px; cursor: pointer; line-height: 45px; width: 150px; margin: 0 10px; text-align: center; font-size: 22px; }
.aui-nav-list-box ul li a {display: block;width: 100%; background: url("../x.jpg") no-repeat center bottom; padding-bottom: 15px; color: #565656; }
.aui-nav-list-box ul .aui-current a { background: url("../xx.jpg") no-repeat center bottom; color: #565656;}
.aui-nav-list-box ul li a:hover{ color: #565656;}
.aui-nav-list-item { display: none;}
.product-list{width: 100%; padding-top: 40px; overflow: hidden; }
.product-list ul{ width:100%;}
.product-list ul li{ width:33.3333%; margin-bottom: 15px;  float: left; overflow: hidden; }
.product-list ul li a{display: block;width: 96%; margin: auto;  background: #fff;position: relative;}
.product-list .img-box{width: 100%;overflow: hidden; }
.product-list .img-box img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.product-list .img-txt{width: 100%; height:100%;overflow: hidden;position: absolute;  background:rgba(203,1,1,0.5);visibility: hidden; opacity: 0; top: 0;z-index: 10; text-align: center; }
.product-list .img-txt h4{width:100%; font-size: 20px; overflow: hidden; color: #fff; height: 28px; line-height:28px;position: absolute; top: 45%; z-index: 11; }
.product-list ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}
.product-list ul li a:hover .img-txt{ color: #fff;  visibility: visible; opacity: 1;}



.i-about{width: 100%; overflow: hidden; padding: 50px 0;}
.i-about img{max-width:100%;display: block;}
.i-about .about-fl{width:50%;position: relative;}
.i-about .about-fl img{margin-top: 50px;}
.i-about .about-fr{width:46%;float: right; font-size: 15px; line-height: 40px; color: #565656;}
.i-about .about-fr img{margin-bottom: 50px;}
.i-about .about-fr p{text-indent: 2em;}

/*i-solution*/
.i-produce{width: 100%; padding:60px 0; margin-top: 40px; overflow: hidden;}
.i-produce img{max-width: 100%;display: block;}
.i-produce-fl{width: 68%; overflow: hidden;  float: left;position: relative; margin: 50px 0 15px 0;}
.i-produce-fl h4{position: absolute; z-index: 10; bottom: 10%; font-size: 24px; left: 10%; color: #292929;}
.i-produce-fr{width: 20%; overflow: hidden;  float: right;position: relative; background: #cb0101;   margin: 50px 0 15px 0; padding: 71px 5%; color: #fff; border-radius: 8px;}
.i-produce-fr h5{ font-size: 25px; line-height: 60px;text-align: center}
.i-produce-fr p{ font-size: 14px; line-height: 30px;}
.i-produce-ul{width: 100%; overflow: hidden; }
.i-produce-ul ul{width: 100%; overflow: hidden; }
.i-produce-ul ul li{width:25%; float: left;color: #292929; text-align: center;}
.i-produce-ul ul li img{display: block; margin:auto;transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-produce-ul ul li h4{ font-size: 25px; padding: 10px 0;}
.i-produce-ul ul li:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}

.i-partners{width: 100%; padding:60px 0 10px 0; overflow: hidden;}
.i-partners .i-title{ margin-bottom: 40px;}

.mr_frbox{padding:24px 0;}
.mr_frUl{width:100%;overflow:hidden;}
.mr_frUl ul{width:100%;overflow:hidden;}
.mr_frUl ul li{display:inline-block;float:left;width:20%;overflow:hidden;}
.mr_frUl ul li img{width: 90%; margin:10px auto; border: 1px solid #bfbfbf;}
.p-m{width: 80px; height: 32px;overflow:hidden; margin:10px auto; position: relative;}
.p-m .prev{position:absolute;top:50%;width:32px;height:32px; margin-top:-16px;background:url("../p-l.png") no-repeat;cursor:pointer;}
.p-m .next{position:absolute;top:50%;width:32px;height:32px; margin-top:-16px;background:url("../n-r.png") no-repeat;cursor:pointer;}
.p-m .prev{left:0;}
.p-m .next{right:0;}
.p-m .prev:hover{background:url("../p-l-h.png") no-repeat;}
.p-m .next:hover{background:url("../n-r-h.png") no-repeat;}



/*.scroll_horizontal{position:relative;width:1360px;margin:10px auto;}*/
/*.scroll_horizontal .box{overflow:hidden;position:relative;width:1360px;margin:0 auto;}*/
/*.scroll_horizontal .list{overflow:hidden;width:3808px;}*/
/*.scroll_horizontal .list li{float:left;width:272px;  text-align:center;}*/
/*.scroll_horizontal .list li img{width: 90%; margin: auto; border: 1px solid #bfbfbf;}*/
/*.scroll_horizontal  .p-m{width: 80px; height: 32px; margin:10px auto; position: relative;}*/
/*.scroll_horizontal .plus{position:absolute;top:50%;width:32px;height:32px; margin-top:-16px;background:url("../p-l.png") no-repeat;cursor:pointer;}*/
/*.scroll_horizontal .minus{position:absolute;top:50%;width:32px;height:32px; margin-top:-16px;background:url("../n-r.png") no-repeat;cursor:pointer;}*/
/*.scroll_horizontal .plus{left:0;}*/
/*.scroll_horizontal .minus{right:0;}*/
/*.scroll_horizontal .plus:hover{background:url("../p-l-h.png") no-repeat;}*/
/*.scroll_horizontal .minus:hover{background:url("../n-r-h.png") no-repeat;}*/

.i-case{width: 100%; padding:10px 0 60px 0; overflow: hidden;}
.i-case img{max-width: 100%;display: block;}
.i-case-fl{width: 57%; float: left;overflow: hidden;position: relative; margin-top: 50px;}
.i-case-fr{width: 42%; float: right;overflow: hidden;position: relative; margin-top: 50px; }
.i-case-ul ul{width: 100%; overflow: hidden; margin-top: 60px;}
.i-case-ul ul li{width:33.33%; float: left;overflow: hidden; margin:10px 0;  text-align: center;}
.i-case-ul ul li img{display: block; margin:0 auto; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
/*.i-case-ul ul li:hover img,.i-case-fl:hover img,.i-case-fr:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}*/

.i-supplier{width: 100%; padding:60px 0 10px 0; overflow: hidden;}
.i-supplier .supplier-box{width: 100%;background:url("../i-supplier.jpg") no-repeat center bottom; padding-bottom: 40px; overflow: hidden; margin-top: 50px;}
.i-supplier .supplier-box ul{width: 100%;}
.i-supplier .supplier-box ul li{width: 20%; float: left; }
.i-supplier .supplier-box ul li a{display: block;width:92%;margin:10px auto; border:1px solid #efefef;background: #fff;}
.i-supplier .supplier-box ul li img{width: 100%; display: block; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-supplier .supplier-box ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}


/*i-i-advantage*/
.i-advantage{width:100%; overflow: hidden;  padding:50px 0 40px 0;background:#cb0101 url("../i-advantage.jpg") no-repeat top center;}
.i-advantage-dl{width:90%; overflow: hidden; margin: 80px auto 0 auto;}
.i-advantage dl{width: 48%; float: left;position: relative; margin: 20px 0;}
.i-advantage dl dt{width: 100%; max-width:336px; }
.i-advantage dl dt img{max-width: 100%; border: 12px solid #e4a542;}
.i-advantage dl dd{width: 50%;background: #fff;position: absolute;z-index: 10; top: 10%; padding: 30px 40px 10px 40px;}
.i-advantage dl dd h3{color: #3a3a3a; font-size: 27px; font-weight: bold;}
.i-advantage dl dd em{display: block; width: 58px; height: 2px; margin: 20px 0; background: #e4a542;}
.i-advantage dl dd span{color: #d6d6d6; font-size: 50px;font-weight: bold;}
.i-advantage dl dd p{color: #3a3a3a; font-size: 15px; line-height: 30px; min-height: 150px; margin-bottom: 5px;}
.i-advantage .dl-left{ float: left;}
.i-advantage .dl-left dt{ float: left;}
.i-advantage .dl-left dd{ right:0;}
.i-advantage .dl-left dd span{float: right;}
.i-advantage .dl-right{ float: right;}
.i-advantage .dl-right dt{ float: right;}
.i-advantage .dl-right dd{ left: 0;}

.i-news{width: 100%; padding:60px 0; overflow: hidden;}
.i-news-title{width: 96%;height: 65px; margin:10px 2% 20px 2%;text-align: center; border-bottom: 2px solid #e3e3e3;position: relative; }
.i-news-title span{ display: block; padding-left: 30px; float: left; line-height: 65px; font-size: 20px; border-bottom: 2px solid #0054a5; font-weight: bold;position: absolute; bottom:-2px;;z-index: 10;  color: #0054a5; }
.i-news-title a{float: right; text-transform: uppercase;line-height: 65px; font-size: 14px; color: #333; }
.i-news-title span.news-icon{background: url("../icon05.jpg") no-repeat left center;}
.i-news-title span.qa-icon{background: url("../icon06.jpg") no-repeat left center;}

.i-news-fl{width: 70%; float: left;}
.i-news-fl .i-news-img{width: 100%; overflow: hidden;background: #f8f8f8;}
.i-news-fl .i-news-img  ul{ width:100%;}
.i-news-fl .i-news-img  ul li{ width:33.33%; margin: 10px 0; float: left; overflow: hidden; }
.i-news-fl .i-news-img  ul li a{display: block;width: 90%; margin: auto;}
.i-news-fl .i-news-img  .news-img{width: 100%;overflow: hidden; }
.i-news-fl .i-news-img  .news-img img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-news-fl .i-news-img  .news-txt{width:100%; margin: 20px auto;}
.i-news-fl .i-news-img  .news-txt h2{font-size: 20px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.i-news-fl .i-news-img  .news-txt p{ font-size: 14px;line-height: 24px; color: #777;height: 48px; overflow: hidden; margin: 10px 0; }
.i-news-fl .i-news-img  .news-txt span{display: block; font-size: 20px; font-weight: bold;  color: #0145a3; height: 50px;line-height: 50px; margin: 10px 0;}
.i-news-fl .i-news-img .more{color: #0145a3;font-size: 14px; border-bottom: 1px solid #1f339a; width: 100px; line-height: 30px;}
.i-news-fl .i-news-img  ul li a:hover h2{ color: #015cb9;}
.i-news-fl .i-news-img  ul li a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.i-news-fl .i-news-txt{width: 100%; overflow: hidden;background: #f8f8f8; margin-top: 15px;}
.i-news-fl .i-news-txt ul{width: 100%; margin-top: 10px;}
.i-news-fl .i-news-txt ul li{width: 46%; margin:5px 2%; float: left; display:block;  height:30px; line-height: 30px;overflow: hidden; }
.i-news-fl .i-news-txt ul li a{width: 100%;display: block;  height:30px; line-height: 30px; overflow: hidden;    color: #444444; font-size: 14px;  }
.i-news-fl .i-news-txt .news-list-title{ width: 78%; float: left;}
.i-news-fl .i-news-txt .news-list-time{  width: 20%;float: right; text-align: right; color: #939292;}
.i-news-fl .i-news-txt ul li i{display: block; width: 8px; margin-right:5px;  background: url("../ld.jpg") no-repeat left center;  height:30px;float: left; }
.i-news-fl .i-news-txt ul li a:hover{ color: #015cb9;}

.i-news-fr{width: 28%;float: right;background: #f8f8f8;}
.i-news-fr .i-news-img{width: 90%; margin: auto; overflow: hidden;}
.i-news-fr .i-news-img  ul{ width:100%;}
.i-news-fr .i-news-img  ul li{ width:100%; margin: 10px 0; float: left; overflow: hidden; }
.i-news-fr .i-news-img  ul li a{display: block;width: 100%;background: #fff; margin: auto;}
.i-news-fr .i-news-img  .news-img{width: 100%;overflow: hidden; }
.i-news-fr .i-news-img  .news-img img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.i-news-fr .i-news-img  .news-txt{width:90%; margin: 20px auto;}
.i-news-fr .i-news-img  .news-txt h2{font-size: 20px; overflow: hidden; color: #000; height: 28px; line-height:28px; }
.i-news-fr .i-news-img  .news-txt p{ font-size: 14px;line-height: 24px; color: #777;margin: 10px 0; }
.i-news-fr .i-news-img  .news-txt span{ font-size: 14px;  color: #0145a3;}
.i-news-fr .i-news-img .more{color: #0145a3;font-size: 14px; border-bottom: 1px solid #1f339a; width: 100px; line-height: 30px;}
.i-news-fr .i-news-img  ul li a:hover h2{ color: #015cb9;}
.i-news-fr .i-news-img  ul li a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.i-news-fr .i-news-txt{width: 90%; margin: auto; }
.i-news-fr .i-news-txt ul{width: 100%; }
.i-news-fr .i-news-txt ul li{width: 100%; margin:2px 0; float: left; display:block;  height:30px; line-height: 30px;overflow: hidden; }
.i-news-fr .i-news-txt ul li a{width: 100%;display: block;  height:30px; line-height: 30px; overflow: hidden;    color: #444444; font-size: 14px;  }
.i-news-fr .i-news-txt .news-list-title{ width: 78%; float: left;}
.i-news-fr .i-news-txt ul li i{display: block; width: 8px; margin-right:5px;  background: url("../ld.jpg") no-repeat left center;  height:30px;float: left; }
.i-news-fr .i-news-txt ul li a:hover h2{ color: #015cb9;}




/*banner*/
.banner{width: 100%; height: 350px;overflow: hidden;}
.banner img{display: block; border: 0;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban01{background: url("../cp-ban01.jpg") no-repeat center;}
.cp-ban02{background: url("../cp-ban02.jpg") no-repeat center;}
.cp-ban03{background: url("../cp-ban03.jpg") no-repeat center;}
.kh-ban{background: url("../kh-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;}


.main-about{width:100%; overflow: hidden; margin:40px 0;}
.main-about .content-box{width: 100%; margin:30px auto; font-size: 16px; text-align: center; line-height: 34px; color: #666666;}
.main-about .content-box p{padding: 10px 0;}
.main-about .content-box img{max-width:100%; margin: auto;}

.main-gs{width:100%; overflow: hidden; margin:40px 0;}
.main-gs ul{ width:100%; margin-top: 40px;}
.main-gs ul li{ width:25%; margin-bottom: 15px;  float: left; overflow: hidden; }
.main-gs ul li a{display: block;width: 96%; margin: auto;  background: #fff;position: relative;}
.main-gs .img-box{width: 100%;overflow: hidden; }
.main-gs .img-box img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-gs .img-txt{width: 100%; overflow: hidden;text-align: center; }
.main-gs .img-txt h4{width:100%; font-size: 16px;  color: #333;  line-height:28px; padding: 10px 0; }
.main-gs ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}




.main{width:100%; overflow: hidden; margin:40px 0;}
.main .main-fl{width:20%; max-width: 233px; float: left; }
.main .main-fl h1{ padding: 20px 10px 20px 15px; color:#333333; }
.main .main-fl .main-class{  width: 100%;overflow: hidden; margin-top: 10px;border-bottom: 1px solid #dcdcdc;  }
.main .main-fl .main-class li{ width:100%;  height:42px; line-height:42px; padding: 9px 0;background: url("../ul.jpg")no-repeat left center;}
.main .main-fl .main-class li a{display:block; padding-left: 20px; height: 42px;line-height:42px;  color:#666666; font-size:16px;    }
.main .main-fl .main-class li a:hover{background: #cb0101 url("../ul-hover.jpg")no-repeat right center;color:#fff; }
.main .main-fl .main-class li a.on{background: #cb0101 url("../ul-hover.jpg")no-repeat right center;color:#fff;}

.main .main-fl .l-tel{margin-top: 25px;}
.main .main-fl .l-tel img{max-width: 100%;}
.main .main-fr{width:78%; float: right; }
.main .main-fr .main-nav { width: 100%; margin-top: 16px; line-height: 30px; padding: 10px 0; font-size: 14px; border-bottom: 1px solid #c9c9c9; }
.main .content-box{width: 100%; margin:30px auto; font-size: 16px; line-height: 34px; color: #666666;}
.main .content-box img{max-width: 100%; margin:0 auto;}


.product-ul{ width:100%;}
.product-ul li{ width:33.3333%; margin-bottom: 15px;  float: left; overflow: hidden; }
.product-ul li a{display: block;width: 96%; margin: auto;  text-align: center; background: #fff;position: relative;}
.product-ul .img-box{width: 100%;overflow: hidden; }
.product-ul .img-box img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.product-ul li h4{width:100%; font-size: 17px;line-height: 35px; margin-top: 10px; color: #333; }
.product-ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}


.zzzs-ul{ width:100%;}
.zzzs-ul li{ width:33.3333%; margin-bottom: 15px;  float: left; overflow: hidden; }
.zzzs-ul li a{display: block;width: 96%; margin: auto;text-align: center; background: #fff;position: relative;}
.zzzs-ul .img-box{width: 100%;overflow: hidden; border: 1px solid #c9c9c9;  }
.zzzs-ul .img-box img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.zzzs-ul li h4{width:100%; font-size: 17px;line-height: 35px; margin-top: 10px; color: #333; }
.zzzs-ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}

.kh-ul{ width:100%;}
.kh-ul li{ width:25%; float: left; overflow: hidden; }
.kh-ul li a{display: block;width: 90%; margin:15px auto;text-align: center;overflow: hidden;  background: #fff;position: relative; box-shadow: 0 0 10px #ccc;]}
.kh-ul img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.kh-ul li a:hover img{transform: scale(1.15, 1.15);transition: transform 0.6s ease 0s;}


.cp-title{font-size: 30px; font-weight: bold; text-align: center; padding: 20px 0; color: #333;}

.news-ul{width: 100%; overflow: hidden; margin-top: 15px;}
.news-ul{width: 100%; margin-top: 10px;}
.news-ul li{width: 100%; margin:5px 0;; display:block;  height:30px; line-height: 30px;overflow: hidden; }
.news-ul li a{width: 100%;display: block;  height:30px; line-height: 30px; overflow: hidden;    color: #444444; font-size: 14px;  }
.news-ul .news-list-title{ width: 78%; float: left;}
.news-ul .news-list-time{  width: 20%;float: right; text-align: right; color: #939292;}
.news-ul li i{display: block; width: 8px; margin-right:5px;  background: url("../ld.jpg") no-repeat left center;  height:30px;float: left; }
.news-ul li a:hover{ color: #015cb9;}


.news-title{font-size: 30px; font-weight: bold; text-align: center; padding: 20px 0; color: #333;}
.news-time{font-size: 14px;  text-align: center; padding: 20px 0; border-bottom: 1px solid #eee; color: #333;}
.news-intro{font-size: 15px;  padding: 20px 0; line-height: 30px; color: #333;}



/*联系我们*/
.main .contact-box{width: 100%; overflow: hidden; margin-top: 50px; }
.main .contact-box dl{width:42%; float: left; box-shadow: 0 0 10px #ccc; margin: 10px 2%;  padding: 10px 1%;}
.main .contact-box dl dt{width: 22%;float: left;}
.main .contact-box dl dt img{margin: 10px auto;}
.main .contact-box dl dd{width: 75%;float: left;}
.main .contact-box dl dd{font-size: 15px; line-height: 30px;color: #444;}
.my-map {  overflow: hidden; margin:30px auto; width: 100%; height: 350px; }
.my-map .icon { background: url(../marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-red { background-position: -11px -5px; }
.amap-container{height: 100%;}


.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:#365ed0; color:#fff;}

.foot-link{width: 100%; background:#5d5d5d; overflow: hidden;}
.foot-link .section{border-bottom: 1px solid #898989;overflow: hidden;padding:25px 0;line-height: 30px;}
.foot-link .foot-link-fl{width: 9%;float: left;font-size: 20px; color: #fff;}
.foot-link .foot-link-fr{width: 90%;float: left;}
.foot-link .foot-link-fr a{display: block; margin-right: 15px; float: left; font-size: 15px; color: #b4b4b4;}

.foot-box{width: 100%; background:#5d5d5d; padding:40px 0 20px 0;overflow: hidden;}
.foot-box .foot-menu{width: 30%; max-width: 420px;  float: left;}
.foot-box .foot-menu ul{overflow: hidden;}
.foot-box .foot-menu ul li{width: 31%; float: left;line-height: 25px; font-size: 14px; margin-right:1%;}
.foot-box .foot-menu ul li a{display: block; background: url("../jt.jpg") no-repeat left center; color: #fff; padding-left: 15px;}
.foot-box .foot-menu ul li a:hover{color: #365ed0;}
.foot-box .foot-tel{overflow: hidden;font-size: 20px; color: #fff; font-weight: bold;border-top: 1px solid #898989; margin-top: 40px; background: url("../icon01.jpg") no-repeat left center;padding:10px 0 5px 25px; }
.foot-box .foot-contact{width: 40%;max-width: 420px; float: left;color: #fff; font-size: 14px;line-height: 25px; margin-left: 100px;}
.foot-box .foot-contact h3{ font-weight: bold;  padding-left: 25px;font-size: 14px;line-height: 25px;}
.foot-box .foot-contact h3.adr{background: url("../icon02.jpg") no-repeat left center;}
.foot-box .foot-contact h3.mail{background: url("../icon03.jpg") no-repeat left center;}
.foot-box .foot-contact p{ padding-left: 25px;}

.foot-box .foot-wx{ width: 15%; float: right;}
.foot-box a{ color: #fff;}


.footer{width: 100%;color: #727272; background:#5d5d5d;line-height: 40px;overflow: hidden;}

.footer a{color: #727272;}






@media (max-width:1200px){
    .top-header{display: none;}
    .header{ height: auto; background: #fff;position: fixed; top:0 ; z-index: 999999999;}
    .header .kh{display: none;}
    .header .tel{  float: left;   margin:0 0 0 20px;}
    .header .tel img{height: 35px;}
    .header .section{width: 100%; padding:14px 0; }
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:68px; background:#cb0101; width:100%; display:none;z-index: 999;}
    .header .menu ul{width: 100%;}
    .header .menu ul li{ width:100%;  border-left:0; border-bottom:1px solid #f22020;}
    .header .menu ul li a{ padding:0; line-height: 40px; color: #fff;}
    .header .menu li .drop ul{ width:100%; padding:0;}
    .header .menu li .drop{ position:static;}
    .header .menu li .drop .hide{ display:none;}
    .header .menu li .drop li{ width:100%; text-align:left;  box-sizing:border-box; border:none;}
    .header .logo{padding: 0 10px;}
    .header .logo img{ height: 40px;}
    .i-produce-fl{width: 100%;}
    .i-produce-fr{width: 90%;    padding: 10px 5%;}
    .i-produce img{width: 100%;}
    .i-produce-ul ul li{width: 23%; margin: 10px 1%;}
    .main-g-s .keywords{width: 100%; text-align: center;}
    .main-g-s .keywords span{font-size: 14px;}
    .main-g-s .keywords a{font-size: 12px;}
    .main-g-s .search{margin: auto; float: none;}
    .foot-link{display: none;}
    .zzzs-ul{font-size: 0;}
    .zzzs-ul li{display: inline-block; vertical-align: top; float: none;}
    .i-partners .i-title{margin-bottom: 10px;}
    .i-produce{padding: 30px 0 10px 0;}
    .i-product{padding: 10px 0;}
    .i-produce{padding: 10px 0;    margin-top: 10px;}
    .i-about,.i-news,.i-supplier{padding: 10px 0;}
    .i-advantage-dl{margin: 0 auto;}
    .i-supplier .supplier-box{ margin-top: 10px;}
    .i-partners{padding: 10px 0;}
    .scroll_horizontal{width:1088px;}
    .scroll_horizontal .box{width:1088px;}
    .scroll_horizontal .list li{width:272px; }

}
@media (max-width:999px) {
    .foot-box .foot-menu ul li {
        width: 50%;
        margin: 0;
    }
    .scroll_horizontal{width:544px;}
    .scroll_horizontal .box{width:544px;}
    .scroll_horizontal .list li{width:272px; }
}
/*banner媒体查询*/
@media (max-width:768px){
    .i-title span.lx{width: 20px;}
    .i-title span{font-size: 25px;}
    .i-title p{font-size: 15px;}
    .i-about .about-fl{width: 100%;margin: 0;}
    .i-about .about-fl img{margin:0 auto;}
    .i-about .about-fr{width: 100%; margin-top: 30px;}

    .i-produce-ul ul li{width: 48%; margin: 10px 1%;}
    .i-produce-ul ul li h4{font-size: 14px; padding: 15px 0;}
    .i-advantage dl{width: 100%;}
    .i-news-fl{width: 100%;}
    .i-news-fr{width: 100%;}
}


@media (max-width:658px){
    .product-list ul li{width: 50%;}
    .banner{height: auto; padding-top:29.15%; margin-top: 68px; background-size: 100%;}
    .ab-ban{background: url("../w-ab-ban.jpg") no-repeat center; background-size: cover;}
    .cp-ban01{background: url("../w-cp-ban01.jpg") no-repeat center; background-size: cover;}
    .cp-ban02{background: url("../w-cp-ban02.jpg") no-repeat center; background-size: cover;}
    .cp-ban03{background: url("../w-cp-ban03.jpg") no-repeat center; background-size: cover;}
    .kh-ban{background: url("../w-kh-ban.jpg") no-repeat center; background-size: cover;}
    .cn-ban{background: url("../w-cn-ban.jpg") no-repeat center; background-size: cover;}
    .zs-ban{background: url("../w-zs-ban.jpg") no-repeat center; background-size: cover;}
    .news-ban{background: url("../w-news-ban.jpg") no-repeat center; background-size: cover;}

    .kh-ul li{width: 33.333%;}
    .i-news-fl .i-news-img ul li{width: 100%;}
    .aui-nav-list-box { width:100%; }
    .aui-nav-list-box ul li { width: 31.33%; margin: 0 1%;  font-size: 15px; }
    .i-news-fl .i-news-txt ul li{width: 96%;  margin: 5px 2%;}
    .i-news-fr{width: 100%;}
    .i-produce-fl h4{position: static; text-align: center; padding: 15px 0;}
    .i-advantage-dl{width: 100%;}
    .i-advantage dl dt{width: 100%;overflow: hidden; max-width: 100%;}
    .i-advantage dl dt img{width: 100%; box-sizing: border-box;}
    .i-advantage dl dd{width: 90%;overflow: hidden; padding:20px 5%;position: static;}
    .foot-box .foot-menu{width: 100%;}
    .foot-box .foot-menu ul li{width: 50%;margin: 0;}
    .foot-box .foot-contact{width: 100%;    margin:10px 0;}
    .foot-box .foot-wx{width: 100%;}
    .foot-box .foot-wx img{margin: auto;}
    .main .main-fl{width: 100%;}
    .main .main-fr{width: 100%;}
    .product-ul li{width: 50%;}
    .zzzs-ul li{width: 50%;}
    .main-g-s .keywords{line-height: 25px;}
    .main-gs ul li{width: 50%;}
    .main .contact-box dl{width: 96%;}
    .scroll_horizontal{width:272px;}
    .scroll_horizontal .box{width:272px;}
    .scroll_horizontal .list li{width:136px; }
}

@media (max-width:525px){

}

@media (max-width:428px){
    .product-ul li{width: 100%;}
    .main-g-s .search{width: 100%;}
    .zzzs-ul li{width: 100%;}
    .mr_frUl ul li{display:inline;float:left;width:33.333%;overflow:hidden;}
}