@charset "UTF-8";
/*common*/
body{color: #535A6E;min-width: 1180px;}
.gray-bg{background: #F7F8FA;}.white-bg{background: #fff;}
.gray-c{color: #9FA3B1;}
.mr40{margin-right: 40px;}
/*pagination start*/
.pagination>*{box-sizing: border-box;-webkit-box-sizing: border-box;}
.pagination{padding: 0px 40px;line-height: 30px;height: 30px;}
.pagination .page-btn{width: 30px;height: 30px;line-height: 30px;display: inline-block;border: 1px solid #E5E5E5;color: #333;text-align: center;line-height: 30px;margin-right: 5px;}
.pagination .page-btn.disabled{color: #999;cursor: not-allowed;}
.pagination .page-btn.page-arrow{width: 50px;}
.pagination .page-btn.on{background: #FF8939;color: #fff;border-color: #FF8939;}
.pagination .page-jump input{height: 24px;}
.pagination .page-jump a{width: 38px;height: 24px;}
/*pagination end*/

/*header start*/
.header{padding: 0;border-bottom: 0;}
.header .nav{position: relative;}
.header .nav .mask{position: absolute;left: 58px;bottom: 0;height: 4px;width: 64px;background: #FC6326;}
.header .nav li{float: left;font-size: 16px;padding-left: 58px;position: relative;}
.header .logo-warp{display: inline-block; padding: 24px 0;}
.nav li a{padding: 26px 0 25px;display: inline-block;}
.nav li.on a,.nav li:hover a{color : #FC6326;}
/*.nav li.on span{position: absolute;left: 0;bottom: -27px;right: 0;height: 4px;background: #FC6326;}*/
.header .menu-btn{display: none;background: url("../images/menu_ico.png") no-repeat center center;background-size: 100% 100%;}

/*footer*/
.footer{background: #41444D;padding: 28px 0 18px;}
.footer .navs a{color: #A5A8B3;margin: 0 20px;}
.footer .copyright{font-size: 12px;color: #6A6C73;margin-top: 17px;}
.back-top-wrap{width: 100%;position: fixed;bottom: 0;}
.back-top-wrap .back-top-inner{width: 1180px;margin: 0 auto;position: relative;}
.back-top{position: absolute;right: -80px;bottom: 170px;display: none;}
.back-top a{display: block;width: 50px;height: 50px;background: url("../images/back_top.png");}
.back-top .top{background-position: 0 -50px;}
.back-top .qr-code{background-position: 0 0;}
.back-top .qr-code:hover{background-position: -50px 0;}
.qr-code-wrap{position: absolute;width: 215px;height: 100px;left: -245px;top: 0;background: #fff;box-shadow: 0 1px 4px rgba(0,0,0,.1);padding: 15px;display: none;}
.qr-code-box{width: 100px;height: 100px;background: #ccc;margin-right: 15px;}
.qr-code-box img{width: 100%;height: 100%;}
.qr-code-des h2{font-size: 16px;color: #535A6E;}
.qr-code-des p{color: #888D9D;line-height: 18px;}

/*index start*/
.container{width: 1180px;}
.container-lg{width: 1200px;margin: 0 auto;}.container-sm{width: 1000px;margin: 0 auto;}
.main{padding: 0;}
.banner{width: 100%;height: 400px;background-color: #DEDFE3;}
.banner img{width:100%;height:100%;}

.banner{position: relative;overflow: hidden;}
.banner li{width: 100%;height: 400px;position: relative;float: left;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.banner .banner-des{position: absolute;top: 100px;color: #333;}
.banner .banner-des.white-c{color: #fff;}
.banner .banner-des h2{font-size: 32px;}
.banner .banner-des .banner-btn{display: inline-block;border-radius: 6px;color: #fff;background-color: #f06358;padding: 5px 28px;margin-top: 48px;}
.banner .banner-des .banner-btn.gre-bg{background-color: #4aa553;}
.banner .banner-des .banner-btn.blue-bg{background-color: #16a3b1;}
.banner .banner-des .banner-btn.blue-bg1{background-color: #136fb7;}
.banner .banner-left-des{left: 100px;}
.banner .banner-right-des{right: 100px;}
.banner li img{width: 100%;height: 100%;}
.banner .bd .banner-text{width: 100%;position: absolute;left: 0;bottom: 0;right: 0;height: 45px;line-height: 45px;background: rgba(0,0,0,.6);color: #fff;padding: 0 20px;font-size: 16px;}
.banner .hd{position: absolute;right: 0;bottom: 10px;left: 0;text-align: center;}
.banner .hd span{display: inline-block;width: 8px;height: 8px;border-radius: 50%;border: 1px solid rgba(255,255,255,.6);margin-right: 4px;}
.banner .hd span.on{background: #FF6700;border:none;}
.min-banner{height: 250px;background-size: cover;background-repeat: no-repeat;background-position: center center;}
.banner-btns {width: 64px;height: 64px;position: absolute;top: 183px;display: block;background: url(../images/banner-btn.png) no-repeat;display: none;}
.left-btn {left: 74px;background-position: 0 -64px;}
.right-btn {right: 74px;}
.banner:hover .banner-btns {display: block;}

.product-list{padding: 60px 0;background-color: #F7F8FA;}
.product-across{padding: 50px 0 30px;}
.product-list h3{font-weight: normal;font-size: 26px;color: #535A6E;}
.product-list .section-des{margin-bottom: 40px;}
.product-list li{width: 220px;height: 220px;background-color: #fff;padding-top: 40px;text-align: center;float: left;margin-right: 20px;transition: all .3s ease-in;-webkit-transform: all .3s ease-in;}
.product-across li{padding-top: 20px;width: 308px;margin-bottom: 20px;padding-left: 36px;padding-right: 36px;}
.product-across li:nth-child(3n){margin-right: 0;}
.product-list li:last-child{margin-right: 0;}
.product-list li .product-logo{display: block;width: 90px;height: 90px;line-height: 90px;border-radius: 50%;background-image: -webkit-linear-gradient(to bottom, #FFA981, #FF8D59);background-image: linear-gradient(to bottom,#FFA981,#FF8D59);margin: 0 auto;}
.product-list li .product-name{font-size: 18px;color: #535A6E;font-weight: bold;margin: 10px 0 0;}
.product-across li .product-name{font-size: 16px;margin-bottom: 2px;}
.product-list li .product-des{color: #C3C6CE;}
.product-across li .product-des{line-height: 20px;}
.product-list li span .icon{color: #fff;}
.product-list li .icon{font-size: 45px;}
.product-list li:hover{box-shadow: 0 20px 16px rgba(83,90,110,.1);}

.news{padding-top: 35px;margin-bottom: 100px;}
.news .news-item{width: 580px;}
.news .news-item .item-tit-wrap{padding: 0 10px;margin-bottom: 27px;}
.news .news-item .news-item-tit{border-bottom: 1px solid #E5E5E5;line-height: 50px;}
.news .news-item .news-item-tit .tit{font-size: 26px;position: relative;display: inline-block;}
.news .news-item .news-item-tit .tit i{position: absolute;left: 0;bottom: -6px;right: 0;height: 2px;background-color: #888D9D;display: inline-block;}
.more-ico{display: inline-block;width: 16px;height: 16px;background: url("../images/more_ico.png");margin-left: 3px;}
.more:hover .more-ico{background-position: 0 -16px;}
.news-list li .thum{width: 160px;height: 120px;margin-right: 20px;}
.news-list li{padding: 10px;transition: all .3s ease-in;-webkit-transform: all .3s ease-in;}
.news-list li:hover{box-shadow: 0 3px 6px rgba(0,0,0, .1);}
.news-des .des-tit{font-size: 16px;}
.news-des .des-intro{height: 40px;line-height: 20px;color: #888D9D;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;margin: 10px 0;}
.news-des .news-time{color: #C3C6CE;}
.teamwork{margin-bottom: 110px;}
.teamwork h2{font-size: 26px;color: #535A6E;font-weight: normal;text-align: center;margin-bottom: 37px;}
.teamwork ul li{width: 180px;height: 80px;float: left;margin-right: 20px;margin-bottom: 20px;}
.teamwork ul li:nth-child(6n){margin-right: 0;}
.teamwork ul li img{width: 100%;height: 100%;}

/*product*/
.section{padding: 47px 0 0;}
.section-gray{background: #F7F8FA;}
.section h3{font-weight: normal;font-size: 26px;color: #535A6E;margin-bottom: 20px;}
.section .section-des,.product-list .section-des{color: #9FA3B1;line-height: 22px;}
.section .section-btn{width: 120px;height: 40px;border-radius: 4px;line-height: 40px;text-align: center;color: #fff;background: #FC6326;display: inline-block;transition: all .3s ease-in;-webkit-transform: all .3s ease-in;margin: 28px 0;}
.section .section-btn i{margin-right: 6px;}
.section .section-btn:hover{background: #FFA981;}
.section .img-space{padding: 50px 0 70px;}
.advantage h3{font-size: 26px;color: #535A6E;font-weight: normal;padding: 40px 0;}
.advan-list{border-bottom: 1px solid #F5F6F7;padding-bottom: 40px;}
.advan-list li{width: 90%;padding: 20px;float: left;background: #F7F8FA;margin-right: 20px;margin-bottom: 20px;margin-left:3%;}
.advan-list li:nth-child(2n){margin-right: 0;}
.advan-list li img{width: 90px;height: 90px;margin-right: 20px;}
.advan-list li .advan-des-tit{font-size: 16px;font-weight: bold;}
.advan-list li .advan-intro{color: #9FA3B1;}

.agency-list{background: #fff;padding: 0 0 52px;}
.agency-list li{background: #F7F8FA;padding: 30px 35px 0;width: 210px;margin-bottom: 20px;}
.agency-list li .product-logo{width: 73px;height: 80px;line-height: 80px;background: url("../images/polygon.png");border-radius: 0;}
.agency-list li .icon{font-size: 36px;}
.agency-list li:nth-child(4n) {margin-right: 0;}
.contact-wrap {padding: 48px 0 52px;background: #F7F8FA;}
.contact-wrap .contact{height: 500px;}
.contact-box{margin-bottom: 32px;}
.contact-wrap .contact{width: 640px;padding: 0 30px;}
.contact-wrap .agency-apply{width: 385px;padding: 0 35px 0 30px;}
.contact-tit{font-size: 26px;font-weight: normal;color: #535A6E;padding: 15px 0;}

.contact-tit .icon{font-size: 24px;margin-right: 10px;}
.flat-tit{font-size: 16px;font-weight: bold;color: #535A6E;padding-left: 11px;position: relative;}
.flat-tit:before{content: "";display: inline-block;width: 3px;height: 16px;background: #FC6326;position: absolute;top: 6px;left: 0px;}
.flat-tit.blue:before{background: #3193DA;}
.contact-des{padding-left: 11px;color: #888D9D;line-height: 30px;}
.more-contact p{color: #888D9D;}
.agency-apply{height: 500px;}
.agency-apply .form-input{width: 333px;border-radius: 0;font-size: 12px;}
.agency-apply .form-label{width: auto;}
.agency-apply .form-text{margin-left: 40px;}
.agency-apply .form-item{padding-bottom: 20px;}
.agency-apply .form-item .select{border-radius: 0;font-size: 12px;min-width: 168px;}
.agency-apply .form-item .select.mr0{margin-right: 0;}
.agency-apply .apply-btn{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #FC6326;border-radius: 4px;margin-top: 20px;}
.news-type{margin-top: 40px;margin-bottom: 40px;}
.news-type a{display: inline-block;width: 140px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #DEDFE3;float: left;border-radius: 0 4px 4px 0;font-size: 18px;}
.news-type a.nobr{border-right: 0;border-radius: 4px 0 0 4px;}
.news-type a.on{background-color: #FC6326;color: #fff;border-color: #FC6326;}
.news-wrap .news-list ul{width: 1200px;margin-bottom: 50px;}
.news-wrap .news-list ul li{float: left;padding: 20px;width: 240px;height: 280px;margin-right: 20px;}
.news-wrap .news-list ul li img{width: 100%;height: 180px;margin-bottom: 10px;}
.news-wrap .news-list ul li .news-tit{font-size: 16px;color: #535A6E;margin-bottom: 4px;}
.news-wrap .news-list ul li .news-intro{line-height: 20px;color: #9FA3B1;max-height: 60px;overflow: hidden;}
.news-wrap .news-list .list-inner{padding-bottom: 50px;}
.news-detail{padding-bottom: 100px;}
.news-detail .news-crumbs{padding: 25px 0;}
.news-detail .detail-tit{border-bottom: 1px solid #F5F6F7;padding-bottom: 22px;margin-bottom: 30px;}
.news-detail .detail-tit h1{font-size: 26px;}

/*recruit*/
.zp-list li{padding: 30px 43px 0;width: 294px;}
.zp-list li .product-name{font-size: 16px;margin: 12px 0 2px;}
.job-wrap{width: 100%;min-height: 740px;border: 1px solid #E5E5E5;margin-bottom: 50px;}
.job-wrap .job-title{height: 50px;background-color: #F7F8FA;}
.job-wrap .job-title span{display: inline-block;float: left;width: 200px;line-height: 48px;text-align: center;cursor: pointer;font-size: 18px;border-top: 2px solid transparent;}
.job-wrap .job-title span.on{color: #FC6326;border-top: 2px solid #FC6326;background-color: #fff;}
.job-wrap .job-con{padding: 0 36px;}
.job-wrap .job-con .job-con-inner h4{font-size: 16px;color: #FC6326;margin: 40px 0;border-bottom: 1px dashed #F0F0F0;padding-bottom: 15px;}
.job-intro-box{margin-bottom: 38px;}
.job-intro-box h5{font-size: 14px;}

/*about*/
.about-con {margin-top: 50px;}
.about-con .left-nav{width: 160px;float: left;margin-right: 100px;}
.left-nav .side-item-a{display: inline-block;width: 100%;height: 40px;line-height: 40px;text-indent: 23px;border-bottom: 1px dashed #E5E5E5;}
.left-nav li:hover .side-item-a{color: #FC6326;}
.left-nav li.on:hover  .side-item-a{color: #fff;}
.left-nav .on .side-item-a{background: #FC6326;color: #fff;border-bottom: 1px solid #E5E5E5;}
.right-con .right-con-tit{font-size: 24px;font-weight: normal;line-height: 30px;margin-bottom: 30px;}
.section_p{border-bottom: 1px solid #E5E5E5;margin-bottom: 40px;}
.section_p.nobd{border-bottom: none;}
.map-box{width: 100%;height: 520px;margin-bottom: 50px;}
.contact-us-wrap .contact-us-inner{width: 445px;}
.contact-us-wrap .contact-us-inner h3{font-size: 16px;background: #F7F8FA;padding: 0 20px;line-height: 40px;font-weight: normal;}
.contact-us-wrap .contact-us-inner .inner-box{padding: 20px;}
.honor-list {margin-bottom: 100px;}
.honor-list li{float: left;margin-right: 55px;margin-bottom: 50px;}
.honor-list li:nth-child(3n){margin-right: 0;}
.honor-list .honor-list-box{padding: 16px 15px;box-shadow: 0 3px 6px rgba(0,0,0,.1);}
.honor-list li p{text-align: center;margin-top: 16px;}

.about-news-list{padding-bottom: 60px;}
.about-news-list ul{margin-bottom: 40px;}
.about-news-list li{border-bottom: 1px solid #E9E9E9;padding: 20px 0;}
.about-news-list li img{width: 160px;height: 120px;margin-right: 20px;}
.about-news-list li .time{color: #C3C6CE;}
.about-news-list li a:hover{color: #FC6326;}
.about-news-list li .news-con-des{line-height: 20px;padding: 6px 0 8px;}

@media screen and (max-width: 1460px) {	
	.header .mask{display:block;}
                .news-wrap .news-list ul{width:24%;}
                .header .nav {background-color: white;display:inline-table;position:absolute;left: -495px;right: 0;top: 0;bottom: 0;z-index: 10;transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0); transition: all .3s ease-out; 
-webkit-transition: all .3sease-out;overflow-y: auto; -webkit-overflow-scrolling: touch;}
               .product-across li{width:37%;margin-left:10%;padding:0 5px;margin-right:0px;}
               .advan-list{width:100%;}
               .container{width:100%;}
           
            
}

@media screen and (max-width: 1200px) {
                body{width:100%;min-width:180px;}
                .container-lg{width:100%;}
                .header{width:100%;height:72px;position:fixed;top:0px;background-color:white;z-index:2;}
	.header .mask{display:block;}
                .news-wrap .news-list ul{width:100%;}
                .news-wrap .news-list ul li{width:27%;margin-right:0px;}        
                .news .news-item .news-item-tit .tit{z-index:-1;}	
                .container{width:100%;}
                .news .news-item{width:100%;}
                .product-list li{width:30%;margin-bottom:20px;margin-left:7%;}
                .contact-wrap .contact{width:96%;padding:0 2%;}
                .contact-wrap .agency-apply{width:96%;padding:2%;}
                .about-con .left-nav{width:100%;margin-bottom:20px;}
                .about-con .left-nav ul{width:100%;text-align:center;}
                .about-con .left-nav ul>li{float:left;width:20%;}
                .fix{overflow:visible;}
                .fix>p{width:80%;margin-left:5%;}
                .right-con .right-con-tit{width:50%;padding-left:15px;}
                .mb30{width:96%;padding:0 2%;}
                h3{padding-left:10px;}
                .back-top{position:absolute;right:0px;bottom:521px;left:80%;}
                .banner{width:100%;margin-top:72px;z-index:-1;}
                .banner li{width:100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
             
}

@media screen and (max-width: 970px) {
	body{color: #535A6E;min-width: 0;}
	body.disable-scroll {overflow: hidden;}
                .header{width:100%;height:72px;position:fixed;top:0;background-color:white;z-index:2;}
	.header .nav{display: none;}
	.container{width: 100%;min-width: auto;padding: 0 0px;}
                .news-wrap .news-list ul{width:100%;}
                .product-across li{margin-left:8%;}
                .agency-list li{margin-left:7%;}              
                .contact-wrap .agency-apply{width:96%;}
                .agency-apply .form-item .select.mr0{width:100%;max-width:47%;}
                .zp-list li{width:40%;margin-left:44px;padding:0;margin-bottom:20px;}
                .job-wrap .job-title span{width:20%;display:block;font-size: 16px;}
                .about-con .left-nav{width:100%;float:none;}
                .product-list li{margin-bottom:20px;margin-left:13%;width:16%;margin-right:0;}
                .container-lg{width:100%;}
                .news .news-item{width:100%;margin-left:0%;}
                .news .news-item .news-item-tit .tit{z-index:-1;}
                .contact-wrap .contact{width:96%;}
                .job-wrap{border:none;}
                .container-sm{width:100%;}
               .news-detail .news-crumbs{width:80%;padding-left:20px;}
               section>span{width:100%;display:block;}
               .teamwork ul li{width:30%;}
               .product-across li .product-des{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
               .product-list li .product-des{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
              .about-con .left-nav ul{width:100%;}
              .about-con .left-nav ul>li{float:left;width:20%;}
              .left-nav .on .side-item-a{float:left;}
              .fix{padding-left:3%;padding-right:3%;overflow:hidden;}
              .right-con .right-con-tit{width:30%;margin-top:20px;}
              .back-top{position:absolute;right:0px;left:59%;}
              .banner{width:100%;margin-top:72px;z-index:-1;}
              .banner li{width:100%;background-size:100% 100%;background-position:center center;background-repeat:no-repeat;}
              .section .section-des, .product-list .section-des{padding:0 26px;}
    
}

@media screen and (max-width: 640px) {
	body{color: #535A6E;min-width: 0;}
                .header{width:100%;position:fixed;background-color:white;z-index:2;}
	.header .logo-warp {padding: 20px 0;}
	.header .logo-warp  img{margin-left:10px;}
	.header .mask{display:none;}
	.header .menu-btn{display: block;width: 36px;height: 36px;position: absolute;right: 10px;top: 16px;z-index: 11;}
	.header .menu-btn.active{position: fixed;right: 15px;}
	.header .nav{background-color: #ccc;display: block;position: fixed;left: 0;right: 0;top: 0;bottom:0;z-index: 10;transform: translate3d(100%,0,0);-webkit-transform: translate3d(100%,0,0);transition: all .3s ease-out;-webkit-transition: all .3s ease-out;overflow-y: auto;-webkit-overflow-scrolling: touch;}
	.header .menu-btn.active ~ .nav{transform: translate3d(0,0,0);-webkit-transform: translate3d(0,0,0);}
	.header .nav li{padding-left:0;}
	.header .nav .nav-wrapper,
	.header .nav .nav-item{height: auto;}
	.header .nav .nav-wrapper{background-color: #eee;padding-top: 72px;}
	.header .nav .nav-item{float: none;}
	.header .nav .nav-item a{margin-left: 0;line-height: 44px;font-size: 14px;padding:0 18px; display: block;}
	.header .nav .nav-item.on a{background-color: #F5F5F5;color: #FC6326;font-weight: bold;width:}	
	.header .nav  .menu-wrapper{height: 44px;}
	.product-list{ padding: 20px 0;}
	.container{width: 100%;min-width: auto;padding: 0;}
	.container-lg {width:100%;}
	.product-list li {width:40%;margin-right: 0px;padding-top:0;padding-right:0;padding-left:0;margin-left:8%;margin-top:10px;}
	.news{padding-top:10px;margin-top: 0px;margin-bottom: 20px;}
	.news .news-item {width: 100%; margin-bottom: 20px;}
                .news .news-item .news-item-tit .tit{z-index:-1;}
	.teamwork{margin-bottom:20px;}
                .product-des{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 3;-webkit-box-orient: vertical;padding:0px 5px 0px 0px;}
                .advan-list li{margin-right:0;padding:20px 0px;}
                .advan-list li img{padding-left:5px;}
                .more-contact p{width:92%;padding-left:4%;}
                .contact-wrap .contact {width:100%;padding:0px;height: auto;margin-bottom: 40px}
                .contact-tit{padding-left:20px;}
                .contact-wrap .agency-apply{width:100%;}
                .agency-apply .form-text {margin-left:38px;text-align:center;}
                .agency-apply .form-input{width:90%;}
                .teamwork ul li{width:40%;padding-left:2%;}
                .footer{width:100%;}
                .contact-wrap .agency-apply{padding:0px;}
                .contact-box{padding-left:20px;}
                .agency-apply .form-label{padding-left:4%;}
                .agency-apply .apply-btn{width:94%;}
                .agency-apply .form-item .select{min-width:48%;}
                .product-across li .product-des{padding:0px 7px 0px 0px;}
                .product-list li .product-des{padding-left:5px;width:100%;display: -webkit-box;overflow: hidden;text-overflow: ellipsis;word-wrap: break-word;white-space: normal !important;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
               .news-wrap .news-list ul{width:100%;}
               .news-wrap .news-list ul li{width:88%;}
               .footer .navs a{margin:0 10px;}
               .job-wrap .job-title span{width:20%;}
               .job-wrap{border:none;}
               .about-con .left-nav{width:100%;float:none;padding-left:0;}
               .right-con .right-con-tit{width:90%;margin-left:8%;margin-top:20px;}
               .mb30{width:90%;margin-left:5%;}       
               .fix>p{width:90%;margin-left:5%;}
               .p>span{width:90%;margin-left:5%;display:block;}
               h3{padding-left:10px;}
               .back-top{position:fixed;left:84%;bottom:95px;}
               .back-top .qr-code{background-position:0 0;}
               .news-detail .detail-tit h1{width:90%;}
               section>span{width:90%;display:block;}
               .gray-c{width:85%;display:block;}  
               .about-con .left-nav>ul{width:100%;}        
               .about-con .left-nav ul>li{width:20%;float:left;text-align:center;}
               .left-nav .side-item-a{text-indent:0px;}
               .container-sm{width:94%;margin-left:10px;}
               .news-detail .news-crumbs{width:96%;}
               .banner{width:100%;height:230px;position:relative;z-index:-1;}
               .banner ul li{background-size:100% 100%;background-position: center center;background-repeat: no-repeat;width:100%;height:230px;}
              .banner-btns{position:absolute;top:100px;}
              .section .section-des, .product-list .section-des{padding:0 26px;}
   
}