*,html,ul{margin: 0; padding: 0; list-style: none;}
body{color: #222021; font:14px/24px Arial,"Microsoft YaHei","微软雅黑",sans-serif; background:#fff; min-width: 1200px;
      max-width: 1920px;}
ul li{list-style: none;}
a{color: #222021; text-decoration: none; outline: none;}
img{max-width: 100%; max-height: 100%; border: 0;}
table{border-collapse: collapse; border-spacing: 0; empty-cells: show;}
table .new td{color:#f60; font-weight: bold;}
i{font-style: normal;}
.fl{float: left;}
.fr{float: right;}
.clear{line-height: 0; height: 0; font-size: 0; content: ''; clear: both; zoom: 1;}
*{box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}
.contail{width: 1200px; margin: 0 auto;}

/*去除图片放大效果*/
.pro-show-t .picFocus .hd ul li img,.module1 .list ul li .img img,.module3 .list ul li .img img,.pro-content img,.module3 .contail .cont .title img,.footer-t .code a img,.page-content .content .cont .p img{
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -o-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    -webkit-transition: all 0s;
    -moz-transition: all 0s;
    transition: all 0s;
}

/*回顶部*/
#goTopBtn{position: fixed; line-height: 40px; width: 40px; bottom: 35px; height: 40px; cursor: pointer; display: none;
background: url(../images/goTopBtn.png)  no-repeat center center; background-size: 100%;}
/*头部*/
#headers-box{position: relative; width: 100%;}
#headers-box.on{position: fixed; left: 0; top: 0; z-index: 99999;}
.header{display: block; width: 100%; height: 70px; border-bottom: 1px solid #eee; background: #fdfdfd;}
.header .logo{width: 200px; height: 70px; float: left;}
.header .logo a{width: 200px; height: 70px; display: table-cell; text-align: center; vertical-align: middle;}
.header .logo a img{max-width: 200px; max-height: 70px;}
.header .nav{float: left; width: auto; padding-left: 150px;}
.header .nav ul{display: block; float: left; width: 100%;}
.header .nav ul .item{float: left; padding: 26px 0; margin: 0 8px; position: relative;}
.header .nav ul .item .a1{display: block; padding: 0 10px; font-size: 16px; line-height: 18px; color: #333; position: relative; transition: color 1s;-moz-transition: color 1s;-webkit-transition: color 1s;-o-transition: color 1s;}
.header .nav ul .item .a1 i{display: block; width: 0; height: 3px; background: #0b26f1; position: absolute; left: 0; bottom: -26px; transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.header .nav ul .item .a1:hover i,.header .nav ul .item.on .a1 i{width: 100%;}
.header .nav ul .item .a1:hover,.header .nav ul .item.on .a1{color: #0b26f1;}
.header .mall{float: right; width: auto; background: #0b26f1;}
.header .mall a{display: inline-block; width: auto; padding: 24px 60px;}
.header .mall a span{display: inline-block; padding-left: 30px; background: url(../images/mall.png) no-repeat left center; background-size: 22px 22px; font-size: 16px; line-height: 22px; color: #fff;}

.header .nav2{width: 1920px; height: auto; background: #fff; position: absolute; left: 0; top: 71px; z-index: 99;display: none;}
/*新品*/
.header #nav2-2{margin-left: -785px;}
.header #nav2-2 .nav2-content{width: 790px; margin: 0 auto;}
.header .nav2 .nav2-2{display: block; width: 100%; position: relative;}
.header .nav2 .nav2-2 dd{display: block; width: 100%;}
.header .nav2 .nav2-list{width: 100%; padding: 20px 0;min-height: 230px;}
.header .nav2 .nav2-list a{display: inline-block; padding: 0 20px; font-size: 16px; color: #222021; line-height: 20px; position: relative;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.header .nav2 .nav2-list i{display: block; width: 0; height: 0; border:7px solid transparent; border-left-color: #333; position: absolute; right: -7px; top: 1px;transition: border 0.5s;-moz-transition: border 0.5s;-webkit-transition: border 0.5s;-o-transition: border 0.5s;}
.header .nav2 .nav2-img{width: 380px; height: 230px; /*background: #efefef;*/background: #fff; overflow: hidden; zoom: 1; position: absolute; right: 0; top: 0; z-index: 999; opacity: 0;transition: opacity 1s;-moz-transition: opacity 1s;-webkit-transition: opacity 1s;-o-transition: opacity 1s;}
.header .nav2 .nav2-img span{width: 380px; height: 230px; display: table-cell; text-align: center; vertical-align: middle;}
.header .nav2 .nav2-img img{max-width: 380px; max-height: 230px;}
.header .nav2 .nav2-list a:hover,.header .nav2 .nav2-2 dd.on a{color: #0b26f1;}
.header .nav2 .nav2-list a:hover i,.header .nav2 .nav2-2 dd.on i{border-left-color: #0b26f1;}
.header .nav2 .nav2-2 dd:hover .nav2-img,.header .nav2 .nav2-2 dd.on .nav2-img{opacity: 1}
/*产品系列*/
.header #nav2-3{margin-left: -854px;}
.header .nav2 .nav2-content{padding: 30px 0;}
.header .nav2 .nav2-3{display: block; width: 100%;}
.header .nav2 .nav2-3 dd{float: left; width: 16.66%; padding-bottom: 20px;}
.header .nav2 .nav2-3 dd .img{width: 100px; height: 82px; margin: 0 auto;}
.header .nav2 .nav2-3 dd .img span{width: 100px; height: 82px; display: table-cell; text-align: center; vertical-align: middle;}
.header .nav2 .nav2-3 dd .img span img{max-width: 100px; max-height: 82px;}
.header .nav2 .nav2-3 dd .title{font-size: 16px; line-height: 18px; color: #d0aa7c; text-align: center; margin-top: 15px;}
.header .nav ul .item:hover .nav2{/*opacity: 1;*/display: block;}
.header .nav ul .item .nav2.on{display: block;}

.flexslider .slides > li{max-height: 600px; overflow: hidden; zoom: 1;}

/*公司活动*/
.ind-activity{height: 70px; background: #ebedf2; padding: 10px 0; overflow: hidden; zoom: 1;}
.ind-activity .cont{width: 540px; margin-left: 260px; overflow: hidden; zoom: 1;}
.ind-activity .cont .titles{float: left; padding: 13px 34px; font-size: 18px; font-weight: 600; position: relative;}
.ind-activity .cont .titles i{display: block; width: 22px; height: 18px; background: url(../images/hd.png) no-repeat left center; background-size: 22px 18px; position: absolute; left: 0; top: 16px;}
.hdscroll{height: 50px; overflow: hidden; zoom: 1;}
.hdscroll .box{width: 400px; padding-left: 35px; height: 195px; overflow: hidden; zoom: 1;}
.hdscroll .box ul li{display: block; width: 100%; float: left; line-height: 30px; font-size: 14px;}
.hdscroll .box ul li a{display: block; width: 250px; float: left; margin-right: 10px; line-height: 30px; font-size: 14px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.hdscroll .box ul li span{display: block; float: left; line-height: 30px; font-size: 14px;}
.hdscroll .box ul li a:hover{color: #0b26f1;}

/*热门产品推荐*/
.module1{width: 100%; height: auto;background: #f8f8f8;}
.module-title{text-align: center; padding-top: 40px;}
.module-title .title{font-size: 30px; line-height: 30px;}
.module-title .all{line-height: 30px; padding: 10px 0;}
.module-title .all a{font-size: 16px; line-height: 30px; color: #0b26f1;}
.module1 .picScroll{width: 1200px; position: relative;}
.picScroll .hd{overflow: hidden; height: 10px; background: none; position: absolute; left: 50%; bottom: 0; zoom: 1;}
.module1 .picScroll .hd ul{overflow: hidden; zoom: 1;}
.module1 .picScroll .hd ul li{float: left; width: 10px; height: 10px; overflow: hidden; margin: 0 8px; text-indent:-999px; cursor: pointer; background: #ccc; border-radius: 100%;}
.module1 .picScroll .hd ul li.on{background: #0b26f1;}
.module1 .picScroll .bd{padding-bottom: 50px;}
.module1 .picScroll .bd ul{overflow: hidden; zoom: 1;}
.module1 .picScroll .bd ul li{margin: 0 15px; float: left; overflow: hidden; text-align: center; zoom: 1;}
.module1 .picScroll .bd ul li .pic{width: 390px; height: 320px; background: #e2e2e2;}
.module1 .picScroll .bd ul li .pic a{width: 390px; height: 320px; display: table-cell; text-align: center; vertical-align: middle;}
.module1 .picScroll .bd ul li .pic img{max-width: 390px; max-height: 320px;}
.module1 .picScroll .bd ul li .cont{width: 390px; background: #fff; padding: 20px;}
.module1 .picScroll .bd ul li .title a{display: block; width: 100%; font-size: 16px; line-height: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.module1 .picScroll .bd ul li .etitle a{display: block; width: 100%; font-size: 14px; line-height: 30px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.module1 .picScroll .bd ul li:hover .title a{color: #0b26f1;}
.module1 .list{padding-top: 60px; padding-bottom: 40px;}
.module1 .list ul{display: block; width: 100%;}
.module1 .list ul li{width: 16.6%; float: left; padding: 10px 0; vertical-align:bottom;}
.module1 .list ul li .box{border-left: 1px solid #e5e5e5;}
.module1 .list ul li.on .box{border-left: 0;}
.module1 .list ul li .img{width: 100px; height: 82px; text-align: center; margin: 0 auto;}
.module1 .list ul li .img img{width: 100px; height: 82px;}
.module1 .list ul li .title{font-size: 18px; line-height: 18px; color: #d0aa7c; text-align: center; padding: 14px 0;}
.module1 .list ul li .title a{font-size: 18px; line-height: 18px; color: #d0aa7c; text-align: center;}

/*module2*/
.module2{position: relative; max-height: 570px; overflow: hidden; zoom: 1;}
.module2 .contail{position: absolute; left: 50%; top: 50%; margin-left: -600px; height: 232px; margin-top: -116px; z-index: 10;}
.module2 .contail .show-t{color: #fff; text-align: left;}
.module2 .contail .show-t .title{font-size: 30px; line-height: 30px;}
.module2 .contail .show-t .etitle{font-size: 18px; line-height: 18px; margin-top: 20px;}
.module2 .contail .show-b{margin-top: 70px;}
.module2 .contail .show-b ul{}
.module2 .contail .show-b li{float: left; width: 180px; color: #d0aa7c; text-align: center;}
.module2 .contail .show-b li.on1{width: 150px; padding-left: 0;}
.module2 .contail .show-b li.on2{border-left: 1px solid #999; border-right: 1px solid #999;}
.module2 .contail .show-b li.on3{padding-right: 0;}
.module2 .contail .show-b .title{font-size: 24px; line-height: 24px;}
.module2 .contail .show-b .etitle{font-size: 14px; line-height: 28px; padding-top: 16px;}
.module2 .contail .show-b li.on1 .etitle{padding-right: 20px;}
.module2 .contail .show-b li.on2 .etitle{padding-right: 30px; padding-left: 30px;}
.module2 .contail .show-b li.on3 .etitle{padding-left: 40px; padding-right: 40px;}

/*module3*/
.module3{height: auto;}
.module3 .contail{height: 100%; height: 600px; background: url(../images/bj-01.png) no-repeat top center; background-size: 100%; position: relative;}
.module3 .contail .cont{padding-left: 150px; padding-top: 70px; text-align: center;}
.module3 .contail .cont .title{text-align: center;}
.module3 .contail .cont .etitle{font-size: 16px; color: #888; line-height: 22px; margin-top: 28px;}
.module3 .contail .icon{width: 140px; height: 140px; position: absolute; left: 218px; top: 0; overflow: hidden; zoom: 1;}
.module3 .list{width: 100%; background: #f1f1f1;}
.module3 .list ul{display: block; width: 1200px; margin: 0 auto;}
.module3 .list ul li{width: 33.3%; float: left; text-align: center; padding: 10px 0;}
.module3 .list ul li .box{padding: 30px 0;}
.module3 .list ul li .img{width: 80px; height: 80px; margin: 0 auto; text-align: center;}
.module3 .list ul li .img img{width: 80px; height: 80px;}
.module3 .list ul li .title{font-size: 30px; line-height: 30px; margin-top: 30px;}
.module3 img{max-width:100%;}
/*.module3 .list ul li:hover .box{box-shadow: 0px 0px 10px #ddd;}*/

/*首页新闻中心*/
.ind-news{padding-top: 25px;}
.ind-news .list{padding-top: 35px; padding-bottom: 50px;}
.ind-news .list ul{}
.ind-news .list ul li{width: 380px; float: left; margin-left: 30px;}
.ind-news .list ul li.on{margin-left: 0;}
.ind-news .list ul li .img{width: 380px; height: 200px; overflow: hidden; zoom: 1;}
.ind-news .list ul li .img a{width: 380px; height: 200px; display: table-cell; text-align: center; vertical-align: middle;}
.ind-news .list ul li .img img{max-width: 380px; max-height: 200px;}
.ind-news .list ul li .title{font-size: 18px; line-height: 18px; padding: 0 8px; margin-top: 30px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.ind-news .list ul li .etitle{font-size: 14px; line-height: 20px; color: #999; padding: 0 8px; margin-top: 15px; height: 40px; overflow: hidden;}
.ind-news .list ul li .more{margin-top: 30px; padding-left: 8px;}
.ind-news .list ul li .more a{display: inline-block; width: auto; font-size: 14px; line-height: 18px; border-bottom: 1px solid #333; padding: 4px 0; padding-right: 6px; padding-left: 2px; position: relative; overflow: hidden; zoom: 1; transition: border-bottom 0.5s,padding-right 0.5s;-moz-transition: border-bottom 0.5s,padding-right 0.5s;-webkit-transition: border-bottom 0.5s,padding-right 0.5s;-o-transition: border-bottom 0.5s,padding-right 0.5s;letter-spacing: 0px; transition: all 150ms linear 0s;}
.ind-news .list ul li .more .icon{display: block; width: 14px; height: 12px; background: url(../images/icon-more.png) no-repeat center; background-size: 100%; position: absolute; left: -15px; top: 7px; transition: left 0.5s;-moz-transition: left 0.5s;-webkit-transition: left 0.5s;-o-transition: left 0.5s;}
.ind-news .list ul li .more .line{display: block; width: 0; height: 1px; background: #0b26f1; position: absolute; left: 0; top: 0; transition: width 0.2s;-moz-transition: width 0.2s;-webkit-transition: width 0.2s;-o-transition: width 0.2s;}
.ind-news .list ul li .more a:hover{padding-right: 35px; color: #0b26f1; border-bottom: 1px solid #0b26f1;letter-spacing: 5px; transition: all 150ms linear 0s;}
.ind-news .list ul li .more a:hover .icon{left: 85px;}
.ind-news .list ul li .more a:hover .line{width: 100%;}

/*尾部*/
.footer{background: #313131;}
.footer-t{padding-top: 40px; padding-bottom: 30px; border-bottom: 1px solid #444;}
.footer-t .list{display: block; float: left;}
.footer-t .list li{float: left; width: 200px; padding: 0 15px; text-align: left;}
.footer-t .list li span{display: block; color: #fff; font-size: 16px; line-height: 30px; padding-bottom: 5px;}
.footer-t .list li a{font-size: 14px; line-height: 30px; color: #777;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.footer-t .list li a:hover,.footer-t .etitle a:active{color: #fff;}

.footer-t .code{float: left; margin-left: 70px; width: 171px; height: 171px; overflow: hidden; zoom: 1;}
.footer-t .code a{width: 171px; height: 171px; display: table-cell; text-align: center; vertical-align: middle;}
.footer-t .code a img{max-width: 171px; max-height: 171px;}
.footer-t .code .title{font-size: 14px; line-height: 30px; color: #777; text-align: center; padding-top: 5px;}
.footer-b{padding-bottom: 25px; padding-top: 10px;}
.footer-b .link{text-align: center;}
.footer-b .link a{font-size: 14px; line-height: 30px; color: #777;}
.footer-b .title{font-size: 14px; line-height: 30px; color: #777; text-align: center;}
.footer-b .etitle{font-size: 14px; line-height: 30px; color: #ccc; text-align: center;}
.footer-b .etitle a{color: #777; padding: 0 10px;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.footer-b .etitle a:hover{color: #fff;}

/*产品系列*/
.banner{position: relative; max-height: 300px; overflow: hidden; zoom: 1;}

/*内容版块*/
.content-section{background: #f7f7f8; padding-bottom: 40px;}
/*位置*/
.position .contail{padding: 31px 0;}
.position .gt{color: #0b26f1;}
.position ul{display: block; float: left; width: 100%;}
.position ul li{float: left;font-size: 14px; line-height: 18px; padding: 0 2px;}
.position ul li:first-child a{color: #999;}
.position ul li:hover a{color: #0b26f1;}
/*show-section-L*/
.show-section-L{width: 270px;}
.nav2-title{width: 100%; background: #d0aa7c; padding: 36px 0;}
.nav2-title .title{font-size: 18px; line-height: 18px; color: #fff; text-align: center;}
.nav2-title .title span{font-size: 14px; line-height: 18px; vertical-align: middle; padding-left: 10px;}
.nav2-list{width: 100%; background: #fff;}
.nav2-list ul{display: block; width: 100%;}
.nav2-list ul li{display: block; width: 100%; background: #fff; border-top: 1px dashed #e5e5e5; position: relative; transition: background 1s,border 1s;-moz-transition: background 1s,border 1s;-webkit-transition: background 1s,border 1s;-o-transition: background 1s,border 1s;}
.nav2-list ul li:first-child{border-top: none;}
.nav2-list ul li a{display: block; width: 100%; height: 100%; padding: 26px 30px;}
.nav2-list ul li .title{font-size: 16px; line-height: 18px; text-align: left;}
.nav2-list ul li i{display: block; width: 18px; height: 16px; background: url(../images/icon-02.png) no-repeat center; background-size: 100%; position: absolute; right: 30px; top: 26px;}
.nav2-list ul li:hover,.nav2-list ul li.on{background: #0b26f1;}
.nav2-list ul li:hover .title,.nav2-list ul li.on .title{color: #fff;}
.nav2-list ul li:hover i,.nav2-list ul li.on i{background: url(../images/icon-03.png) no-repeat center;}
.nav2-list ul li.on{border: none;}

/*show-section-R*/
.show-section-R{width: 900px;}
/*产品系列*/
.pro-list .list{display: block; width: 100%;}
.pro-list .list li{display: block; width: 290px; float: left; margin-left: 15px; margin-bottom: 30px; background: #fff; overflow: hidden; zoom: 1;}
.pro-list .list li.on{margin-left: 0;}
.pro-list .list li .box{width: 100%; height: 100%; position: relative;}
.pro-list .list li .img{width: 290px; height: 220px;}
.pro-list .list li .img a{width: 290px; height: 220px; display: table-cell; text-align: center; vertical-align: middle;}
.pro-list .list li .img img{max-width: 290px; max-height: 220px;}
.pro-list .list li .cont{padding: 25px 20px 20px; text-align: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-list .list li .cont .title{font-size: 16px; line-height: 30px; color: #222021; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-list .list li .cont .des{font-size: 14px; line-height: 30px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-list .list li .conts{width: 100%; height: 0; background: #d0aa7c; background: rgba(208,170,124,0.7); filter:Alpha(opacity=70); position: absolute; left: 0; top: 0; color: #fff; overflow: hidden; transition: height 0.5s;-moz-transition: height 0.5s;-webkit-transition: height 0.5s;-o-transition: height 0.5s; zoom: 1;}
.pro-list .list li .conts .center{width: 100%; position: absolute; left: 0; top: 50%; margin-top: -48px; text-align: center;}
.pro-list .list li .conts .title{width: 100%; font-size: 16px; line-height: 30px; text-align: center; color: #fff; padding: 0 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.pro-list .list li .conts .more{width: 100px; height: 30px; line-height: 30px; margin: 0 auto; margin-top: 25px; transition: background 300ms; position: relative; overflow: hidden; zoom: 1;}
.pro-list .list li .conts .more .span1{display: block; width: 100%; font-size: 14px; line-height: 30px; color: #fff; text-align: center; position: relative; z-index: 99; transition: color 1s;-moz-transition: color 1s;-webkit-transition: color 1s;-o-transition: color 1s;}
.pro-list .list li:hover .conts{height: 100%;}
.pro-list .list li .conts .more .span1:hover{color: #0b26f1; text-decoration: underline;}
.pro-list .list li .conts .set_8_button{padding: 0; margin-right: 0;}

/*page*/
.page{width: 100%; margin-top: 10px;}
.page ul{display: block; width: 100%; text-align: center; zoom: 1;}
.page ul li{display: inline-block; text-align: center; margin: 0 4px;}
.page ul li a,.page ul li span{display: inline-block; font-size: 14px; line-height: 36px; color: #8c8c8c; text-align: center; padding: 0 15px; border: 1px solid #8c8c8c;}
.page ul li:hover a,.page ul li.on a,.page ul li.active span,.page ul li:hover span{color: #0b26f1; border: 1px solid #0b26f1;}

/*产品详情*/
.pro-show{}
.pro-show-t{background: #fff; padding: 30px; padding-bottom: 50px;}
.pro-show-t .picFocus{width: 450px; height: auto; float: left; position: relative; overflow: hidden; zoom: 1;}
.pro-show-t .picFocus .bd li{width: 450px; height: 450px; background: #f8f8f8; overflow: hidden; zoom: 1;}
.pro-show-t .picFocus .bd li a{width: 450px; height: 450px; display: table-cell; text-align: center; vertical-align: middle;}
.pro-show-t .picFocus .bd img{max-width: 450px; max-height: 450px;}
.pro-show-t .picFocus .hd{width: 100%; margin-top: 20px; overflow: hidden; zoom: 1;}
.pro-show-t .picFocus .hd ul{margin-right: -15px; overflow: hidden; zoom: 1;}
.pro-show-t .picFocus .hd ul li{float: left; width: 100px; height: 100px; margin-right: 15px;}
.pro-show-t .picFocus .hd ul li a{width: 100px; height: 100px; display: table-cell; text-align: center; vertical-align: middle;}
.pro-show-t .picFocus .hd ul li img{max-width: 100px; max-height: 100px; border: 1px solid #d2d2d2; cursor: pointer;}
.pro-show-t .picFocus .hd ul li.on img{border-color: #0b26f1;}

.pro-introduction{float: left; width: 510px; margin-left: 100px;}
.pro-title{font-size: 36px; line-height: 44px; color: #222021; text-align: left;}
.pro-des{font-size: 14px; line-height: 30px; color: #8c8c8c; text-align: left; margin-top: 25px;}
.colour{background: #f7f7f7; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; margin-top: 35px;}
.colour .cont{padding: 0 20px;}
.colour .cont .title{width: 100%; font-size: 14px; line-height: 30px; color: #222021; text-align: left; padding-top: 18px; position: relative;}
.colour .cont .title span{display: block; width: 12px; height: 2px; background: #a7a6a6; position: absolute; right: 0; top: 32px;}
.colour .cont .show{display: block; width: 100%; margin-top: 20px; overflow: hidden; zoom: 1;}
.colour .cont .show li{display: block; width: 100%; float: left; margin: 20px 0;}
.colour .cont .show li .icon{display: block; width: 18px; height: 18px; background: #e8cba9; border-radius: 100%; float: left;}
.colour .cont .show li .etitle{float: left; font-size: 14px; line-height: 18px; color: #222021; text-align: left;}
.colour .cont .show li .etitle.m1{width: 100px; margin-left: 20px; overflow: hidden; zoom: 1;}
.colour .cont .show li .etitle.m2{min-width: 200px; max-width: 250px; overflow: hidden; zoom: 1;}
.pro-introduction .rmb{margin-top: 30px;}
.pro-introduction .rmb .title{float: left; font-size: 24px; line-height: 24px; color: #222021; padding: 18px 0;}
.pro-introduction .rmb .title span{padding-left: 10px;}
.pro-introduction .rmb .botton{float: left; width: 200px; height: 60px; background: #d0aa7c; line-height: 60px; border-radius: 50px; margin-left: 30px; overflow: hidden; zoom: 1; position: relative;}
.pro-introduction .rmb .botton a{color: #fff; padding-right: 30px;}
.pro-introduction .rmb .botton i{display: block; width: 18px; height: 16px; background: url(../images/icon-03.png) no-repeat center; background-size: 100%; position: absolute; right: 50px; top: 50%; margin-top: -8px; transition: right 0.5s;-moz-transition: right 0.5s;-webkit-transition: right 0.5s;-o-transition: right 0.5s;}
.pro-introduction .rmb .botton:hover i{right: 40px;}
.pro-introduction .rmb .etitle{float: left; font-size: 14px; line-height: 24px; color: #8c8c8c; text-align: left; margin-left: 10px; padding-top: 30px;}
.pro-introduction .rmb .botton .set_4_button1{position: relative; font-weight: normal; text-align: center; width: auto; float: none; padding: 0; line-height: 60px; border: none; overflow: hidden; position: relative; z-index: 0; cursor: pointer; color: #fff; margin-right: 0;}

.pro-show-b{margin-top: 40px;}
.newProduct{}
.newProduct-title{font-size: 24px; line-height: 24px; color: #d0aa7c; text-align: left; padding: 18px 0;}
.newProduct ul{display: block; width: 100%;}
.newProduct ul li{display: block; width: 100%; background: #fff; margin-bottom: 20px;}
.newProduct ul li .img{width: 270px; height: 200px; background: #e2e2e2; overflow: hidden; zoom: 1;}
.newProduct ul li .img a{width: 270px; height: 200px; display: table-cell; text-align: center; vertical-align: middle;}
.newProduct ul li .img img{max-width: 270px; max-height: 200px;}
.newProduct ul li .cont{padding: 25px 20px 20px;}
.newProduct ul li .title{white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newProduct ul li .title a{font-size: 16px; line-height: 30px; color: #222021;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.newProduct ul li .etitle{font-size: 14px; line-height: 30px; color: #999; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.newProduct ul li:hover .title a{color: #0b26f1;}

.pro-ditails{background: #fff;}
.pro-ditails-title{border-bottom: 1px solid #eee;}
.pro-ditails-title span{display: inline-block; width: auto; font-size: 24px; line-height: 24px; color: #0b26f1; padding: 22px 30px; border-bottom: 2px solid #0b26f1;}
.pro-content{width: 100%; height: auto; max-width: 900px; padding: 15px 0; overflow: hidden;}

/*常见问题*/
.common-problem{width: 100%; padding-bottom: 40px;}
.common-problem ul{display: block; width: 100%;}
.common-problem ul li{display: block; width: 100%; height: auto; background: #fff;}
.common-problem ul li .box{width: 100%; height: 100%; padding: 30px; margin-top: 1px; box-shadow: none; transition: box-shadow 0.4s;-moz-transition: box-shadow 0.4s;-webkit-transition: box-shadow 0.4s;-o-transition: box-shadow 0.4s;position: relative; z-index: 99;}
.common-problem ul li .cont{padding-left: 42px;}
.common-problem ul li .title{font-size: 16px; line-height: 24px; text-align: left; color: #222021; position: relative;}
.common-problem ul li .etitle{font-size: 14px; line-height: 24px; color: #8c8c8c; text-align: left; margin-top: 30px; position: relative;}
.common-problem ul li .cont i{display: block; width: 30px; height: 30px; font-size: 16px; line-height: 30px; color: #fff; text-align: center; border-radius: 4px; position: absolute; left: -42px; top: 0;}
.common-problem ul li .cont i.icon1{background: #aaa;}
.common-problem ul li .cont i.icon2{background: #d0aa7c;}
.common-problem ul li:hover .box{box-shadow: 0px 0px 3px 5px #eee;}

.service-promise{background: #fff;}
.service-promise ul{display: block; padding: 40px 20px 0;}
.service-promise ul li{width: 50%; float: left; margin-bottom: 40px; padding: 0 20px; text-align: center;}
.service-promise ul li .box{width: 100%; height: 100%; border: 1px solid #e6e6e6; padding-top: 40px; padding-bottom: 60px;box-shadow: none; transition: box-shadow 0.4s,border 0.4s;-moz-transition: box-shadow 0.4s,border 0.4s;-webkit-transition: box-shadow 0.4s,border 0.4s;-o-transition: box-shadow 0.4s,border 0.4s;position: relative; z-index: 99;}
.service-promise ul li .img{width: 120px; height: 100px; margin: 0 auto; overflow: hidden; zoom: 1;}
.service-promise ul li .img img{width: 120px; height: 100px; text-align: center;}
.service-promise ul li .title{font-size: 30px; line-height: 30px; color: #222021; font-weight: 600; margin-top: 30px;}
.service-promise ul li .etitle{font-size: 18px; line-height: 18px; color: #8c8c8c; margin-top: 20px;}
.service-promise ul li:hover .box{box-shadow: 0px 0px 3px 5px #eee; border: 1px solid #fff;}

/*联系我们  品牌  商业合作*/
.page-content{background: #fff; padding: 30px 0 50px; max-width: 900px; overflow: hidden; zoom: 1;}
.page-content .content{text-align: left; padding-top: 30px;}
.contact-title{font-size: 16px; color: #222021; line-height: 18px; font-weight: 600;}
.page-content .content .cont{font-size: 14px; line-height: 36px; margin-top: 15px;}
.page-content .content .cont .p{max-width: 840px; overflow: hidden;}
.page-content .content .cont .p img{border: 1px solid #e5e5e5;}
.page-content .about,.page-content .contact{padding: 0 30px;}
.about-title{font-size: 18px; line-height: 30px; color: #d0aa7c; font-weight: 600;}
.page-content .content .conts li{display: block; width: 100%; margin-top: 40px;}
.page-content .content .conts li.on{margin-top: 35px;}
.page-content .content .conts li .title{font-size: 20px; line-height: 24px; font-weight: 600;}
.page-content .content .conts li .etitle{font-size: 14px; line-height: 30px; margin-top: 5px;}
.page-content .content .business{padding: 0 15px;}
.business-title{font-size: 30px; line-height: 72px; color: #d0aa7c; padding-left: 15px;}
.page-content .business .brand{}
.page-content .business .brand ul{}
.page-content .business .brand li{display: block; width: 33.3%; float: left; padding: 0 15px;}
.page-content .business .brand li .box{width: 100%; height: 100%; padding-bottom: 10px; position: relative;}
.page-content .business .brand li .img{width: 100%; height: 100%; overflow: hidden; zoom: 1;}
.page-content .business .brand li .img a{width: 100%; height: 100%; display: table-cell; text-align: center; vertical-align: middle;}
.page-content .business .brand li .img img{max-width: 100%; max-height: 100%;}
.page-content .business .brand li .title{font-size: 16px; line-height: 18px; padding: 20px 0;}
.page-content .business .brand li i{display: block; width: 100px; height: 84px; position: absolute; left: 0; top: 0; background-size: 100%;}
.page-content .business .brand li i.icon1{background: url(../images/coo-01.jpg) no-repeat center;}
.page-content .business .brand li i.icon2{background: url(../images/coo-02.jpg) no-repeat center;}
.page-content .business .brand li i.icon3{width: 104px; background: url(../images/coo-03.jpg) no-repeat center;}
.bgeee{width: 100%; height: 1px; background: #eee;}
.page-content .business .process{margin-top: 20px;}
.page-content .business .process ul{}
.page-content .business .process li{float: left; width: 20%; text-align: center; padding-bottom: 40px;}
.page-content .business .process li .box{}
.page-content .business .process li .img{width: 100px; height: 104px; margin: 0 auto; text-align: center;}
.page-content .business .process li .img img{width: 100px; height: 104px; display: table-cell; vertical-align: middle; text-align: center;}
.page-content .business .process li .cont{text-align: center; padding: 0 5px;}
.page-content .business .process li .title{font-size: 24px; line-height: 48px;}
.page-content .business .process li .etitle{font-size: 14px; line-height: 24px; color: #8c8c8c;}
.page-content .business .message{margin-top: 10px; padding: 0 15px;}
.page-content .business .message input{display: block; float: left; width: 360px; height: 50px; line-height: 50px; border: 1px solid #e6e6e6; font-size: 18px; color: #aaa; text-align: left; padding-left: 20px;}
.page-content .business .message input.dh{float: right;}
.page-content .business .message textarea{display: block; float: left; width: 100%; min-height: 160px; margin-top: 20px; font-size: 18px; line-height: 30px; color: #aaa; border: 1px solid #e6e6e6; padding: 5px 20px;}
.page-content .business .message .botton{float: left; width: 230px; height: 50px; background: #0b26f1; line-height: 50px; border-radius: 50px; margin-top: 30px; overflow: hidden; zoom: 1;}
.page-content .business .message button{background: #0b26f1; border: none; border-radius: 50px; font-size: 18px; color: #fff;}
.page-content .business .message .set_4_button1{position: relative; font-weight: normal; text-align: center; width: auto; float: none; padding: 0; line-height: 50px; border: none; overflow: hidden; position: relative; z-index: 0; cursor: pointer; color: #fff; margin-right: 0;}

/*新品*/
.banner.xp .contail .cont{padding-left: 128px;}
.banner.xp .contail .cont .title{text-align: left;}
.banner.xp .contail .cont .etitle{text-align: left; margin-left: 0; letter-spacing: 30px; color: #fff; font-size: 18px; line-height: 26px; padding-left: 15px;}
.new-product{padding-bottom: 20px;}
.new-product ul{display: block; width: 100%;}
.new-product ul li{display: block; width: 100%; background: #fff; margin-bottom: 20px;}
.new-product ul li .box{padding: 40px 100px 40px 140px; box-shadow: none; transition: box-shadow 0.4s;-moz-transition: box-shadow 0.4s;-webkit-transition: box-shadow 0.4s;-o-transition: box-shadow 0.4s;}
.new-product ul li:hover .box{box-shadow: 0px 0px 3px 8px #eee;}
.new-product ul li .conts-L{float: left; width: 420px; text-align: left;}
.new-product ul li .conts-L .title{font-size: 30px; line-height: 40px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.new-product ul li .conts-L .info{margin-top: 15px;}
.new-product ul li .conts-L .info dd{display: block; font-size: 14px; line-height: 24px; color: #8c8c8c; padding: 10px 0; padding-left: 25px; position: relative;}
.new-product ul li .conts-L .info dd i{display: block; width: 12px; height: 12px; background: url(../images/info.png) no-repeat center; background-size: 100%; position: absolute; left: 0; top: 16px;}
.new-product ul li .conts-L .rmb{font-size: 24px; line-height: 24px; margin-top: 25px;}
.new-product ul li .conts-L .more{float: left; width: 170px; height: 50px; line-height: 50px; margin-top: 20px;}
.und-more{width: 100%; height: 100%; background: #fff; line-height: 50px; border: 1px solid #e9e9e9; border-radius: 50px; overflow: hidden; zoom: 1; position: relative;}
.und-more span{display: block; width: 0; height: 100%; background: #0b26f1; position: absolute; left: 0 ; top: 0; transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s; z-index: 1;}
.und-more .mores,.und-more a{display: block; width: 100%; text-align: center; color: #1e1e1e; font-size: 14px; position: absolute; left: 50%; margin-left: -100px; z-index: 10;transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;font-weight: normal;}
.und-more i{display: block; width: 12px; height: 12px; background: url(../images/icon-more1.png) no-repeat center; background-size: 100%; position: absolute; right: 40px; top: 50%; margin-top: -6px; transition: right 0.5s;-moz-transition: right 0.5s;-webkit-transition: right 0.5s;-o-transition: right 0.5s; z-index: 2;}
.und-more:hover span{width: 100%;}
.und-more:hover i{right: 30px; background: url(../images/icon-more2.png) no-repeat center;}
.und-more:hover .mores,.und-more:hover a{color: #fff;}
.new-product ul li .conts-R{float: right;}
.new-product ul li .conts-R .img{width: 520px; height: 400px;}
.new-product ul li .conts-R .img span{width: 520px; height: 400px; display: table-cell; text-align: center; vertical-align: middle;}
.new-product ul li .conts-R .img img{max-width: 520px; max-height: 400px;}

/*新闻中心*/
.news-list{padding-bottom: 10px;}
.news-list ul{display: block; width: 100%; height: auto;}
.news-list ul li{display: block; width: 100%; background: #fff; margin-bottom: 30px;}
.news-list ul li .box{width: 100%; height: 100%; padding: 30px;}
.news-list ul li .img{width: 300px; height: 160px; float: left; overflow: hidden; zoom: 1;}
.news-list ul li .img a{width: 300px; height: 160px; display: table-cell; text-align: center; vertical-align: middle;}
.news-list ul li .img img{max-width: 300px; max-height: 160px;}
.news-list ul li .cont{float: right; width: 515px; text-align: left;}
.news-list ul li .cont .title a{font-size: 20px; line-height: 20px;}
.news-list ul li .cont .time{font-size: 14px; line-height: 18px; color: #bec1c3; margin-top: 18px;}
.news-list ul li .cont .des{font-size: 14px; height: 24px; line-height: 24px; color: #8c8c8c; overflow: hidden; zoom: 1; margin-top: 15px;}
.news-list ul li .cont .more{width: 170px; height: 50px; line-height: 50px; margin-top: 15px;}
.news-list ul li:hover .box{box-shadow: 0px 0px 10px #ddd;}
.news-list ul li .cont .title:hover a{color: #0b26f1;}

/*新闻中心详情*/
.news-detail{background: #fff;}
.news-detail-content{padding: 30px; padding-bottom: 40px;}
.news-detail-title{font-size: 20px; line-height: 22px; font-weight: 600; text-align: center;}
.news-detail-etitle{width: 100%; padding: 11px 160px; border-bottom: 1px solid #eee;}
.news-detail-etitle .etitles{float: left; font-size: 14px; line-height: 36px; color: #bec1c3; padding-left: 20px; background-size: 14px 14px; margin-left: 30px;}
.news-detail-etitle .time{background: url(../images/time.png) no-repeat left 10px;}
.news-detail-etitle .look{background: url(../images/look.png) no-repeat left 10px;}
.fenxiang{height: 30px; overflow: hidden;}
.fenxiang .span{float:left; font-size: 14px; line-height: 36px; color: #bec1c3; padding-left: 30px; padding-right: 10px;}
.news-detail-cont{font-size: 14px; line-height: 36px; color: #8c8c8c; text-align: left; text-indent: 2em; padding: 25px 0; padding-bottom: 30px;}
.nextpage{width: 100%;}
.nextpage ul li{display: block; width: 100%; text-align: left; font-size: 16px; line-height: 30px;}
.nextpage ul li a{font-size: 16px; line-height: 30px; color: #222021; transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.nextpage ul li a:hover,.nextpage ul li.on a{color: #0b26f1;}

.recommend{background: #fff; margin-top: 30px;}
.recommend-cont{padding: 30px; padding-bottom: 0;}
.recommend-cont .name{font-size: 24px; line-height: 24px; color: #d0aa7c;}
.recommend-cont .name span{font-size: 14px; line-height: 24px; color: #8c8c8c; padding-left: 10px;}
.recommend-cont .list{margin-top: 5px;}
.recommend-cont .list li{width: 100%;height: 70px;line-height: 70px; float: left; padding-left: 10px; padding-right: 5px; border-top: 1px solid #eee; position: relative;}
.recommend-cont .list li.on{border-top: 0;}
.recommend-cont .list li:hover{border-bottom: 0;}
.recommend-cont .list li .title{float: left;}
.recommend-cont .list li .title a{font-size: 16px; color: #222021; transition: color 0.5s;-moz-transition: color 0.5s;-webkit-transition: color 0.5s;-o-transition: color 0.5s;}
.recommend-cont .list li span{display: inline-block; float: right; font-size: 14px;color: #8c8c8c;}
.recommend-cont .list li .title a:hover{color: #0b26f1;}
.recommend-cont .list li i{display: block; width: 0; z-index: 100; height: 1px; background: #0b26f1; position: absolute; left: 0; bottom: 0; opacity: 0.5; transition: width 0.5s;-moz-transition: width 0.5s;-webkit-transition: width 0.5s;-o-transition: width 0.5s;}
.recommend-cont .list li:hover i{width: 100%; opacity: 0.3;}

/*招贤纳士*/


.careers .sideMenu{padding: 0 30px;}
.careers .sideMenu .careers-name{height: 70px; line-height: 70px; background: #fff; padding: 0 30px; font-size: 16px; color: #333; font-weight: normal; border-bottom: 1px solid #eee; cursor: pointer;}
.careers .sideMenu .careers-name em{float: right; display: block; width: 40px; height: 32px; background: url(../images/icon-05.png) no-repeat center; margin-top: 16px; cursor: pointer;}
.careers .sideMenu .careers-name.on em{background: url(../images/icon-06.png) no-repeat center;}
.careers .sideMenu .careers-cont{padding: 30px; font-size: 14px; line-height: 36px; color: #8c8c8c; background: #f7f7f7;}
.page-content{padding: 0; padding-bottom: 40px;}