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:"宋体";
	
}
.flex{
	display: flex !important;
	justify-content: center;
	align-items: center;
}
.jszcbox {
    margin: 5px 0 0 0 !important;
}
.jszcbox .jszctext{
	width: 75px;
}
.jszcbox .jszcimg{
	width: 50px;
    margin: 5px 0 0 0;
}
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:#525252; background: #fff; font-family:宋体, 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%; background: #fff;}
.header .section{position: relative;}
.header .logo{padding: 3px 0; float: left;}
.header .logo img{max-width: 100%;display:block; margin-left: 100px;}
.header .menu{float: left;margin-left: 100px;}
.header .menu ul li{float:left;line-height: 81px; position: relative;}
.header .menu ul li a{display:block;  padding: 0 30px; text-align:center;font-size: 16px;line-height: 81px; color: #6c6c6c;}
.header .menu ul li a:hover{ color: #b77b59;}
.header .menu ul li a.on{color: #b77b59;}
.header .menu li a.on,.header .menu li a:hover{ color:#b77b59}
.header .menu li .drop{ background:#fff; overflow:hidden; position:absolute; left:0; top:81px; display:none;z-index: 999;}
.header .menu li .drop ul{ margin:0 auto; border-top: 3px solid #b77b59;}
.header .menu li .drop ul li{ width:100%; float:left;line-height: 42px; border-bottom: 1px solid #eee; }
.header .menu li .drop li a{ padding:0;line-height: 42px;  font-size: 14px;}
.header .menu li .drop dl{width:150px; border-top: 3px solid #b77b59; text-align: center;}
.header .menu li .drop dl dt{width: 100%;}
.header .menu li .drop dl dt img{height: 80px;display: block; margin: auto;}
.header .menu li .drop dl dd{width: 100%; line-height: 22px; font-size: 12px; font-weight: bold;}


.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: #b77b59; margin:10px auto; height: 3px; display: block;width: 145px;}
.i-title p{color:#707070; font-size: 14px;}
.i-title span{ display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; }
.i-title .c-f{color: #fff;}
.i-title .bf{background: #fff;}
.n-title{width: 100%; text-align: center;}
.n-title h2{ color: #1f1f1f; font-size: 26px; font-weight: bold;}
.n-title em{background: #b77b59; margin:10px auto; height: 3px; display: block;width: 45px;}
.n-title p{color:#707070; font-size: 14px;}
.n-title span{ display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 20px; }
.n-title .c-f{color: #fff;}
.n-title .bf{background: #fff;}


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

/*i-solution*/
.i-solution{width: 100%; padding:60px 0; overflow: hidden; ;}
.i-solution-ul ul{width: 100%; overflow: hidden;}
.i-solution-ul ul li{width: 48%; text-align: center;}
.i-solution-ul ul li a{display: block;}
.i-solution-ul ul li img{display: block; max-width: 100%;}

.i-about{width: 100%; overflow: hidden; padding: 50px 0}
.i-about .about-fl{width:32%; max-width: 359px; float: left; position: relative; text-align: center;}
.i-about .about-fl h2{display: block;width: 100%;  font-weight: bold; font-size: 30px;color: #221e26;}
.i-about .about-fl em{width:50px; margin:20px auto; height: 2px; background: #221e26; display: block;}
.i-about .about-fl span{display: block; width:100%; font-size:22px; color: #333333;}
.i-about .about-fl img{max-width:100%;display: block; margin:20px auto;}
.i-about .about-fr{width:66%;float: right;}
.i-about .about-fr p{ color: #666; font-size: 21px;  text-indent: 2em;}
.i-about .about-fr span{  display: block; width:100%; text-indent: 2em;font-size: 20px;  padding:20px 0; color: #333; font-weight: bold;}
.i-about .about-fr a{ display: block;width:245px; margin-top: 20px;  font-size: 20px;text-align: center; height: 50px; line-height: 50px; border: 1px solid #221e26;}



/*i-news*/
.i-news{width: 100%; padding:60px 0; overflow: hidden; }
.i-news h2{ color: #1a1c1b; font-size: 60px; padding: 50px 0; text-align: center; border-top: 2px solid #bababa;}
.news-list{width: 100%; padding-top: 20px; overflow: hidden; }

.news-list dl{width: 48%;float: left; margin:0 1%; border-bottom: 1px solid #c3c3c3;background: #ececec;}
.news-list dl a{display: block;width: 90%; margin: 20px auto; overflow: hidden;position: relative;   }
.news-list dl dt{width: 30%; float: left; overflow: hidden;}
.news-list dl dt img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.news-list dl dd{width: 66%; margin: 0 2%; float: right; color: #5e5e5e; }
.news-list dl dd p{font-size: 22px;}
.news-list dl dd span{display: block; width: 21px;height: 21px; bottom: 2px; right: 10px; position: absolute;}
.news-list dl a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}
.news-list dl:nth-child(3){border: 0;}
.news-list dl:nth-child(4){border: 0;}

.join-box{width: 100%;}
.join-box img{max-width: 100%;display: block;}


.wybs-box{width: 100%;}
.wybs-box img{max-width: 100%;display: block;}



/*banner*/
.banner{width: 100%; height: 400px; overflow: hidden;}
.ab-ban{background: url("../ab-ban.jpg") no-repeat center;}
.cp-ban{background: url("../cp-ban.jpg") no-repeat center;}
.news-ban{background: url("../news-ban.jpg") no-repeat center;}
.mp-abn{width: 100%; display: none;}

/*about*/
.main-about{width: 100%; padding: 50px 0 80px 0; overflow: hidden; border-bottom: 1px solid #d7d7d7;}
.main-about p{width:90%; margin:auto; padding-bottom: 15px; font-size: 18px; text-indent: 2em; color: #525252; line-height: 24px;}

.i-fc{width: 100%; padding: 50px 0 80px 0;overflow: hidden;}
.i-fc h2{font-size:40px; text-align: center; color: #2c2c2c; padding: 50px 0;}
.i-fc ul{width: 100%;overflow: hidden;}
.i-fc ul li{width: 50%; margin: 10px 0; float: left; }
.i-fc ul li img{max-width: 100%; display: block; margin: auto;}
.i-fc ul li h4{font-size: 24px; padding: 10px 0; text-align: center;}
.i-fc .more{display: block; width: 120px; height: 40px; line-height: 40px; font-size: 16px; background: #b77b59; margin:20px auto;overflow: hidden; text-align: center; color: #fff; border-radius: 5px;}


    /*新闻中心*/
.main-news{width:100%; overflow: hidden; margin:60px 0;}
.main-news h2{ color: #1a1c1b; font-size: 50px;  text-align: center;  margin: 40px 0;}
.main-news dl{width: 100%;background: #ececec; overflow: hidden; margin: 20px 0; }
.main-news dl a{display: block;width: 96%; margin: 20px auto; overflow: hidden;position: relative;  }
.main-news dl dt{float: left; overflow: hidden;}
.main-news dl dt img{width:100%; transform: translateZ(0px);transition: transform 0.3s ease 0s;}
.main-news dl dd{width: 76%; margin: 0 2%; float: right; color: #5e5e5e; }
.main-news dl dd h4{ font-size: 22px; font-weight: bold;}
.main-news dl dd span{display: block; width: 21px;height: 21px; bottom: 2px; right: 10px; position: absolute;}
.main-news dl a:hover img{transform: scale(1.05, 1.05);transition: transform 0.6s ease 0s;}



.news-detail{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}
.news-detail h2{ width: 100%; text-align: center; font-size: 30px; color: #000; line-height: 54px; 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-intro{width: 100%; padding-top: 20px; line-height: 28px; font-size: 14px; color: #333;}
.news-detail .news-intro h3{font-weight: bold; color: #111; padding: 5px 5px; background:#fff;font-size: 16px;}
.news-detail .news-intro p{padding: 5px 0;}
.news-detail .news-intro img{max-width: 100%;}
/*产品中心*/

.main-product{width: 100%; background: #fff; padding: 50px 0; overflow: hidden;}

.main-product .product-fl{width:20%; float: left;}
.main-product .product-fl ul{width: 100%; background: #dfdfdf;}
.main-product .product-fl ul li{width: 100%; border-bottom: 1px solid #b2b2b2;}
.main-product .product-fl ul li a{  display: block;  width: 100%;  font-size: 20px;  color: #525252;  line-height: 60px; text-align: center; }
.main-product .product-fl ul li a.on{ background: #c7c7c7;}
.main-product .product-fl ul li a:hover{ background: #c7c7c7;}

.main-product .product-fr{width:78%;float: right; max-width: 828px; border-top: 1px solid #c7c5b9;}
.main-product .product-fr h2{ width: 100%; text-align: center; font-size: 34px; color: #000; line-height: 54px; padding: 19px 0;    }
.main-product .product-fr img{max-width: 100%;display: block;}



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


.footer{width: 100%;color: #6c6c6c; border-top: 2px solid #bababa; background: #fff;  padding:40px 0;overflow: hidden;}
.footer .section{max-width: 1033px;}
.footer .foot-fl{float: left;}
.footer .foot-fr{float: right;}
.f-logo{float: left;}
.f-logo-txt{float: left;line-height: 71px; font-size: 14px; padding: 0 30px;}
.f-tel{float: left;line-height: 20px; padding: 15px 30px; background: url("../b-x.jpg") no-repeat left center;  }

.f-wx{float: left; padding: 0 30px;background: url("../b-x.jpg") no-repeat left center;}
.f-wx dl{width: 100%;}
.f-wx dl dd{float: left;line-height: 20px;  padding: 15px 10px; }
.f-wx dl dt{float: left;}
.f-tm{float: right; padding: 0 30px;background: url("../b-x.jpg") no-repeat left center;}
.f-tm dl{width: 100%;}
.f-tm dl dd{float: left;line-height: 20px;  padding: 15px 10px;}
.f-tm dl dt{float: left;}
.footer span{color: #747474;}
.footer a{color: #727272;}
.foot-copy{width: 100%; overflow: hidden; padding: 10px 0; text-align: center;}
.foot-copy a{display: inline-block; margin: 0 10px;}
@media (max-width:1260px){

}


@media (max-width:1200px){
    .header .menu ul li a{padding:0 15px;}
    .i-news h2{font-size: 40px;}
    .footer .foot-fl{width: 100%; max-width: 538px; margin: auto; float: none;overflow: hidden;}
    .footer .foot-fr{width: 100%; max-width: 500px; margin: auto; float: none;overflow: hidden;}
    .f-wx{background: none;}
}
@media (max-width:1120px){

}


@media (max-width:1024px){
    .header .menu ul li a{padding:0 10px;}

}
@media (max-width:999px){
    .header{z-index: 9999; background: #fff;}
    .header .section{width: 100%;}
    .m_menu{ display:block;}
    .header .menu { position:absolute; left:0; top:60px; background:#888; width:100%; display:none;z-index: 999; margin: 0;}
    .header .menu ul li{ width:100%; border-bottom:1px solid #999;}
    .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 .menu li .drop dl{width: 100%;}
    .header .logo{padding: 5px 0;}
    .header .logo img{ height: 50px; margin-left: 5px;}

    .i-about .about-fl{width: 100%; margin: auto; float: none;}
    .i-about .about-fl img{width: 100%;}
    .i-about .about-fr{width: 100%;}
    .i-about .about-fr a{margin: auto;}
    .main-product .product-fl{width: 30%;}
    .main-product .product-fl ul li a{font-size: 16px;}
    .main-product .product-fr{width: 68%;}
}

/*banner媒体查询*/
@media (max-width:768px){
    .banner{ height: auto;}
    .mp-abn{width: 100%; display:block;}
}


@media (max-width:658px){

    .i-news h2{font-size: 30px;}

    .i-solution-ul ul li{width: 48%; margin: 10px 1%;}
    .i-about{ padding: 0;}
    .main-news h2{font-size: 30px;}
    .main-news dl dt{width: 100%;}
    .main-news dl dd{width: 96%;}
    .news-list dl{width: 98%;}
    .f-logo{width: 100%;text-align: center;}
    .f-logo-txt{width: 100%;text-align: center; line-height: 25px; padding: 5px 0;}
    .f-tel{width:100%;text-align: center; padding: 5px 0; background: none;}
    .f-wx{width: 50%;padding: 5px 0;}
    .f-wx dl dd{width: 100%; padding: 5px 0; text-align: center;}
    .f-wx dl dt{width: 100%; text-align: center;}
    .f-tm{width: 50%;padding: 5px 0;background: none; }
    .f-tm dl dd{width: 100%; padding: 5px 0; text-align: center;}
    .f-tm dl dt{width: 100%; text-align: center;}
    .main-product .product-fl{width: 100%;}
    .main-product .product-fr{width: 100%;}
    .news-detail h2{font-size: 24px; line-height: 30px;}
}

@media (max-width:525px){
    .f-wx{width: 50%;}
    .f-wx dl dd{width: 100%; padding: 5px 0; text-align: center;}
    .f-wx dl dt{width: 100%; text-align: center;}
    .f-tm{width: 50%;}
    .f-tm dl dd{width: 100%; padding: 5px 0; text-align: center;}
    .f-tm dl dt{width: 100%; text-align: center;}
    .i-fc ul li{width: 48%; margin: 10px 1%;}
    .main-product .product-fl ul li a{font-size: 16px; line-height: 38px;}

}

@media (max-width:428px){

}