/*头部*/
header{width: 100%;}
.index-top{width:100%;height: 40px;background: #f4f4f4;color: #666565;font-size:14px;}
.top-nei{width:1200px;margin: 0 auto;height: 100%;padding: 0 10px;box-sizing: border-box;}
.top-nei p{line-height: 40px;float: left;}
.top-con{height: 100%;float: right;line-height: 40px;padding-left: 40px;box-sizing: border-box;background: url(../img/top_con_ico.png)no-repeat left center;background-size:28px 28px;}
.top-con a{color: #666666;}
.top-con a:hover{color: #f67d34;}
.header-top{width: 100%;height: 110px;}
.header-top-box{width: 1200px;margin: 0 auto;height: 110px;}
.header-top-box .logo{height: 110px;float: left;width: 200px;line-height: 110px;overflow: hidden;text-indent: 200px;}
.header-top-box .logo a{display: block;}
.header-top-span{height: 60px;width: 600px;float: left;padding: 0 0 0 40px;box-sizing: border-box;border-left: 1px solid #cecece;font-weight: bold;margin-top: 30px;}
.header-top-span h2{font-size: 28px;line-height: 1;}
.header-top-span i{font-size: 18px;line-height: 32px;font-weight: 500;}
.header-top-contact{height: 46px;margin-top: 35px;padding-left:50px;box-sizing: border-box;background: url(../img/header_top_contact_ico.png)no-repeat left center;background-size: 45px 45px;}
.header-top-contact p{font-size: 14px;color: #666666;line-height: 20px;font-weight: bold;}
.header-top-contact h5{font-size: 26px;font-weight: bold;line-height: 1;}
strong{color: #f67d34;}
nav{width: 100%;background: #131313;}
nav ul{width: 100%;max-width: 1200px;margin: 0 auto;}
nav ul li{width: 11.11%;float: left;height: 60px;text-align: center;letter-spacing: 1px;position: relative;transition: all .5s;-webkit-transition:  all .5s;}
nav ul li a{display: block;height: 60px;}
nav ul li h3{font-size: 16px;color: #ffffff;font-weight: 500;line-height: 60px;}
nav ul li.spa{background: #f67d34;}
nav ul li:hover{background: #f67d34;}
/*轮播图*/
#banner{width: 100%;overflow: hidden;position: relative;}
.swiper-slide{width: 100%;}
.swiper-slide img{width: 100%;display: block;}
.swiper-container-banner{overflow: hidden;}
.swiper-pagination-banner{position: absolute;z-index: 88;text-align: center;}
.swiper-container-banner .swiper-pagination-bullet{height: .15rem !important;width: .15rem !important;background: #FFFFFF;opacity: .6;}
.swiper-container-banner .swiper-pagination-bullet-active{background: #f67d34 !important;opacity: 1;}
.page-banner{width:100%;}
.page-banner img{width:100%;}
.section-box{width: 12rem;margin: 0 auto;}
/*搜索*/
#search{width: 100%;}
.search-box{width: 100%;max-width: 1200px;margin: 0 auto;height: 60px;}
.search-keyword{line-height: 60px;float: left;font-size: 16px;color: #313131;padding-left: 22px;box-sizing: border-box;background: url(../img/search_keyword_ico.png)no-repeat left center;}
.search-keyword a{color: #313131;margin: 0 10px;}
.search-keyword a:hover{color: #f67d34;}
.search-inp{float: right;height: 34px;width: 295px;margin-top: 12px;font-size: 14px;border: 1px solid #cecece;box-sizing: border-box;}
.search-inp input{width: 232px;float: left;height: 32px;border: 0;padding:0 20px;box-sizing: border-box;}
.search-inp button{width: 60px;height: 32px;color: #ffffff;float: right;cursor: pointer;border: 0;background: #f67d34;}
.search-inp img{width: 20px;height: 20px;}
/*sparkles*/
#sparkles{width: 100%;height: 9.25rem;background: url(../img/sparkles_bg.jpg)no-repeat;background-size: 100% 100%;}



/*product*/
#product{padding: .8rem 0 .65rem;box-sizing: border-box;width: 100%;background: url(../img/product_bg.jpg)no-repeat center bottom;background-size: 100% 13.54rem;}

.content-left{float: left;width: 240px;}
.content-box .content-left{box-shadow: none;border: .01rem solid #e5e5e5;box-sizing: border-box;}
.left-nav{background: #FFFFFF;}
.left-nav:first-child{margin-top: 0;}
.left-nav-top{width: 100%;height: 80px;padding-top: 15px;box-sizing: border-box;background: #262626;text-align: center;}
.left-nav-top a{color: #FFFFFF;}
.left-nav-top h3{line-height: 32px;width: 100%;height: 32px;overflow: hidden;font-size: 22px;font-weight: 500;}
.left-nav-top h5{line-height: 20px;font-size: 16px;text-transform: uppercase;font-weight: 300;}
.left-nav-con{padding: 0 0 10px;box-sizing: border-box;}
.left-nav-list-title{height: 46px;line-height: 46px;font-size: 18px;background: #f3f3f3;overflow: hidden;width: 100%;font-weight: bold;padding-left: 45px;box-sizing: border-box;position: relative;}
.left-nav-list-title a{color: #333333;display: block;width: 100%;height: 100%;}
.left-nav-list-title:hover{background:#f67d34;}
.left-nav-list-title:hover a{color: #FFFFFF;}
.left-nav-con ul{padding:10px 20px;box-sizing: border-box;}
.left-nav-con ul li{line-height: 32px;font-size: 14px;padding-left: 20px;box-sizing: border-box;height: 32px;width: 100%;overflow: hidden;position: relative;}
.left-nav-con ul li:before{content: '';width: 4px;height: 4px;border-radius: 50%;background: #999999;position: absolute;top: 14px;left: 0;}
.left-nav-con ul li a{color: #333333;transition: color .3s;}
.left-nav-con ul li:hover a{color: #f67d34;}
.left-nav-con ul li:hover:before{background: #f67d34;}
.left-nav-contact{padding: 20px 12px;box-sizing: border-box;}
.left-nav-contact p{font-size: 16px;line-height: 26px;padding-left: 40px;box-sizing: border-box;background: url(../img/nav_contact_ico01.png)no-repeat left center;background-size: 30px 30px;margin: 20px 0;font-weight: 500;}
.left-nav-contact p:nth-child(2){background: url(../img/nav_contact_ico02.png)no-repeat left center;background-size: 30px 30px;}
.left-nav-contact p:nth-child(3){background: url(../img/nav_contact_ico03.png)no-repeat left center;background-size: 30px 30px;}
.left-nav-contact p:nth-child(4){background: url(../img/nav_contact_ico04.png)no-repeat left top;background-size: 30px 30px;}

.section-box{width: 12rem;margin: 0 auto;}
.product-nav{width: 100%;color: #343434;padding-top: .35rem;box-sizing: border-box;}
.product-nav-top{width: 100%;height: .48rem;line-height: .48rem;box-sizing: border-box;font-weight: 500;}
.product-nav-top h2{font-size: .28rem;line-height: 1;float: left;width: 1.5rem;font-weight: bold;}
.product-nav-top a{float: right;font-size: .18rem;}
.product-nav-botm{width: 100%;height: 1.9rem;border-bottom: .02rem solid #e5e5e5;border-top: .02rem solid #e5e5e5;box-sizing: border-box;padding: .05rem 0;}
.product-nav-list{width: 100%;height: .44rem;line-height: .44rem;border-top: .01rem dashed #e8e8e8;box-sizing: border-box;position: relative;}
.product-nav-list:first-child{border-top: 0;}
.product-nav-list .product-more{display: block;width: .2rem;height: .2;border-radius: 50%;text-align: center;line-height: .2rem;font-size: .2rem;background: #cccaca;color: #FFFFFF;position: absolute;right: .08rem;top: .12rem;transition: all .3s;transform: scale(.8);}
.product-nav-list .product-more:hover{background: #f67d34;}
.product-nav-list h3{float: left;font-weight: bold;width: 1.1rem;font-size: .16rem;padding: 0 .05rem;box-sizing: border-box;position: relative;}
.product-nav-list a{cursor: pointer;}
.product-nav-list h3 a{color: #343434;transition: all .3s;}
.product-nav-list h3 a:hover{color: #f67d34;}
.product-nav-list h3:after{content: '';height: .18rem;width: .01rem;background: #cccccc;position: absolute;right: 0;top: .12rem;}
.product-nav-list ul{width: 10.9rem;float: right;padding: 0 .5rem 0 .2rem;box-sizing: border-box;overflow: hidden;}
.product-nav-list ul li{font-weight: 500;float: left;width: 1.5rem;overflow: hidden;font-size: .16rem;}
.product-nav-list ul li a{color: #666666;transition: all .3s;}
.product-nav-list ul li a:hover{color: #f67d34;}

.index-pro-list{width: 12rem;margin: .3rem auto 0;}
.index-pro-list ul li{width: 3.8rem;height: 3.2rem;float: left;position: relative;overflow: hidden;margin-left: .3rem;margin-top: .3rem;}
.index-pro-list ul li:nth-child(3n+1){margin-left: 0;}
.index-pro-img{width: 100%;height: 2.55rem;overflow: hidden;}
.index-pro-img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.index-pro-text{width: 100%;height: .65rem;background: #FFFFFF;border: .01rem solid #e1e1e1;border-top: 0;box-sizing: border-box;text-align: center;padding: 0 .1rem;position: absolute;left: 0;bottom: 0;transition: all .5s;}
.index-pro-text h4{font-size: .16rem;line-height: .65rem;}
.index-pro-text a{display: block;height: .36rem;width: 1.72rem;background: #FFFFFF;border-radius: .18rem;margin: 0 auto;transform: translateY(1rem);text-align: center;line-height: .36rem;font-size: .16rem;transition: all .5s;color: #f67d34;}
.index-pro-list ul li:hover .index-pro-text{height: 1rem;background: #f67d34;border: 0;}
.index-pro-list ul li:hover .index-pro-text h4{color: #FFFFFF;}
.index-pro-list ul li:hover .index-pro-text a{transform: translateY(-.15rem);}
.index-pro-list ul li:hover .index-pro-img img{transform: scale(1.2);}
.pro-more{width: 100%;height: .46rem;text-align: center;font-size: .16rem;border: .01rem solid #e1e1e1;box-sizing: border-box;margin-top: .32rem;background: #FFFFFF;line-height: .46rem;}
.pro-more a{display: block;width: 100%;}
.pro-more i{display: inline-block;height: .15rem;width: .3rem;background: url(../img/pro_more_ico.png)no-repeat center center;background-size: .15rem .15rem;margin-top: .02rem;}

.index-contact{width: 100%;height: 2.5rem;background: url(../img/index_contact_bg.jpg)no-repeat;background-size: 100% 100%;padding: .4rem 2.6rem 0;box-sizing: border-box;}
.index-contact-box{width: 6.6rem;float: right;}
.index-contact-box h3{width: 100%;height: .63rem;line-height: .62rem;font-size: .34rem;font-weight: bold;color: #FFFFFF;background: url(../img/index_contact_h3_bg.png)no-repeat;background-size: 100% 100%;text-align: center;}
.index-contact-box h3 b{color: #dfc9a1;}
.index-contact-box p{font-size: .18rem;font-weight: 500;color: #FFFFFF;line-height: .4rem;text-align: center;}
.index-contact-box ul{width: 5rem;margin: .3rem auto 0;}
.index-contact-box ul li{width: 2.4rem;height: .46rem;border-radius: .23rem;text-align: center;background: #FFFFFF;color: #46505e;font-size: .18rem;line-height: .46rem;float: left;font-weight: bold;cursor: pointer;transition: all .3s;}
.index-contact-box ul li:last-child{background: #dfc9a1;margin-left: .2rem;}
.index-contact-box ul li a{color: #46505e;display: block;}
.index-contact-box ul li:hover{background: #f67d34;color: #FFFFFF;}
.index-contact-box ul li:hover a{color: #FFFFFF;}

.pro-list{width: 100%;padding: .1rem .24rem;box-sizing: border-box;margin: 0;}
.pro-list ul li{width: 2.8rem;height: 2.35rem;margin-left: .2rem;margin-top: .2rem;}
.pro-list .index-pro-img{height: 1.9rem;}
.pro-list .index-pro-text{height: .45rem;}
.pro-list .index-pro-text h4{line-height: .45rem;}
.pro-list ul li .index-pro-text a{height: .28rem;width: 1.28rem;line-height: .28rem;font-size: .14rem;}
.pro-list ul li:hover .index-pro-text{height: .75rem;}
.pro-list ul li:hover .index-pro-text a{transform: translateY(-.08rem);}

/*gallery-thumbs-custom*/
#custom{width: 100%;position: relative;padding: .9rem 0 0;box-sizing: border-box;}
.sec-title{margin: 0 auto;text-align: center;height: 1rem;width: 4rem;}
.sec-title h2{font-size: .4rem;font-weight: 500;width: 100%;line-height: .58rem;position: relative;}
.sec-title h2:before{content: '';width: 4.25rem;height: .01rem;background: #c7c7c7;position: absolute;top: 50%;left: -4.25rem;}
.sec-title h2:after{content: '';width: 4.25rem;height: .01rem;background: #c7c7c7;position: absolute;top: 50%;right: -4.25rem;}
.sec-title p{font-size: .2rem;color: #030303;line-height: .3rem;}
.gallery-thumbs-custom{width: 12rem;height: 2rem;overflow: hidden;position: absolute !important;top: 2.4rem;left: 50%;transform: translateX(-50%);z-index: 10 !important;}
.gallery-thumbs-custom ul li{text-align: center;height: 100%;cursor: pointer;padding-top: .38rem;box-sizing: border-box;}
.gallery-thumbs-custom ul li i{height: .83rem;width: .83rem;display: block;margin: 0 auto;}
.gallery-thumbs-custom ul li i img{width: 100%;height: 100%;}
.gallery-thumbs-custom ul li i:nth-child(2){display: none;}
.gallery-thumbs-custom ul li p{font-size: .16rem;line-height: .3rem;}
.gallery-thumbs-custom ul li.swiper-slide-thumb-active{background: #f67d34;}
.gallery-thumbs-custom ul li.swiper-slide-thumb-active i{display: none;}
.gallery-thumbs-custom ul li.swiper-slide-thumb-active i:nth-child(2){display: block;}
.gallery-thumbs-custom ul li.swiper-slide-thumb-active p{color: #FFFFFF;}
.gallery-top-custom{width: 100%;margin-top: 2.3rem;overflow: hidden;}
.gallery-top-custom ul li img{width: 100%;display: block;}


/*reason*/
#reason{width: 100%;padding: 1rem 0 0;box-sizing: border-box;}
.reason-box{width: 100%;height: 6rem;padding: .4rem 0;box-sizing: border-box;}
.reason-img{width: 9.5rem;height: 100%;}
.reason-img img{width: 100%;height: 100%;display: block;}
.reason-text{width: 9.6rem;height: 100%;position: relative;}
.reason-text:before{content: '';height: 5.83rem;width: 2.44rem;background: url(../img/reason_text_boimg01.png)no-repeat;background-size: 100% 100%;position: absolute;right: 0;bottom: -.4rem;z-index: 20;}
.reason-text img{width: .96rem;height: .52rem;margin-left: 1.4rem;display: block;}
.reason-text h3{width: 100%;line-height: .54rem;padding-left: 1.4rem;box-sizing: border-box;font-size: .36rem;font-weight: 500;}
.reason-text i{font-style: oblique;font-size: .16rem;opacity: .25;padding-left: 1.4rem;box-sizing: border-box;line-height: 1;text-transform: uppercase;}
.reason-text ul{width: 100%;margin-top: .3rem;display: block !important;}
.reason-text ul li{height: .9rem;width: 100% !important;padding-left: 1.4rem;padding-top: .2rem;box-sizing: border-box;cursor: pointer;}
.reason-text ul li p{font-size: .2rem;line-height: .4rem;padding-left: .4rem;box-sizing: border-box;position: relative;font-weight: bold;letter-spacing: .02rem;}
.reason-text ul li p:before{content: '';height: .16rem;width: .16rem;border: .01rem solid #bfbfbf;border-radius: 50%;box-sizing: border-box;position: absolute;left: 0;top: .12rem;}
.reason-text ul li p b{font-size: .28rem;}
.reason-text ul li.swiper-slide-thumb-active{background: url(../img/reason_text_li_bg01.png)no-repeat;background-size: 7.6rem 1.2rem;height: 1.2rem;}
.reason-text ul li.swiper-slide-thumb-active strong{color: #FFFFFF;}
.reason-text ul li.swiper-slide-thumb-active p{color: #FFFFFF;}
.reason-text ul li.swiper-slide-thumb-active p:before{border: .01rem solid #FFFFFF;}
.reason-text ul li.swiper-slide-thumb-active span{font-size: .14rem;color: #FFFFFF;line-height: .3rem;text-transform: uppercase;}
.reason-box-two{background: #f7f7f7;padding: 1.3rem 0 .88rem;height: 7.2rem;}
.reason-box-two .reason-text{padding-left: 2.5rem;box-sizing: border-box;}
.reason-box-two .reason-text ul li{padding-left: 2.4rem;}
.reason-box-two .reason-text ul li.swiper-slide-thumb-active{background: url(../img/reason_text_li_bg02.png)no-repeat left center;background-size: 7.6rem 1.2rem;height: 1.2rem;}
.reason-box-two .reason-text:before{content: '';height: 5.89rem;width: 2.89rem;background: url(../img/reason_text_boimg02.png)no-repeat;background-size: 100% 100%;position: absolute;left: 0;bottom: -.4rem;}
.reason-box-two .reason-text ul{position: relative;}
.reason-box-two .reason-text ul li p b{color: #010101;}

.index-contacts{background: url(../img/index_contacts_bg.jpg)no-repeat;background-size: 100% 100%;}
.index-contacts h3 b{color: #351f12;}
.index-contacts .index-contact-box ul li{background: #f5d8b0;}
.index-contacts .index-contact-box ul li:nth-child(2){background: #643d25;}
.index-contacts .index-contact-box ul li a{color: #FFFFFF;}
/*case*/
#case{width: 100%;padding: .9rem 0 .6rem;box-sizing: border-box;}
.case-box{width: 100%;margin-top: .7rem;overflow: hidden;}
.swiper-container-case{width: 12.15rem;position: relative;}
.swiper-container-case ul li{position: relative;width: 100%;}
.swiper-container-case ul li img{width: 100%;display: block;}
.index-case-text{width: 5.3rem;height: 3.8rem;background: rgba(242,242,242,.9);padding: .5rem;box-sizing: border-box;position: absolute;top: 1.48rem;right: -2.6rem;}
.index-case-text h3{font-size: .36rem;line-height: .54rem;font-weight: 500;}
.index-case-text p{font-size: .18rem;line-height: .3rem;text-align: justify;height: .9rem;overflow: hidden;}
.index-case-text a,.index-case-text i{display: inline-block;width: 1.65rem;height: .52rem;line-height: .52rem;text-align: center;background: #000000;color: #FFFFFF;font-size: .16rem;margin-top: .55rem;border-radius: .03rem;transition: all .3s;cursor: pointer;}
.index-case-text i{margin-left: .1rem;}
.index-case-text a:hover,.index-case-text i:hover{background: #f67d34;}
.navigation-case i{position: absolute;display: block;height: .4rem;width: .4rem;line-height: .4rem;text-align: center;font-size: .32rem;cursor: pointer;position: absolute;top: .9rem;z-index: 10;}
.navigation-case i:first-child{right: -1.4rem;}
.navigation-case i:last-child{right: -2.65rem;}
.swiper-container-case .swiper-pagination-case{position: absolute;font-size: .22rem;top: .9rem;line-height: .4rem;right: -2.28rem;width: .9rem;height: .4rem;bottom: auto;left: auto;text-align: center;z-index: 10;}
.swiper-container-case .swiper-pagination-case span{}
.swiper-container-case .swiper-pagination-case span.swiper-pagination-current{font-size: .26rem;}
.case-team{width: 12rem;margin: .5rem auto 0;}
.case-team ul li{width: 25%;text-align: center;padding: 0 .1rem;box-sizing: border-box;float: left;}
.case-team ul li img{width: .83rem;height: .83rem;border-radius: 50%;}
.case-team ul li h4{font-size: .18rem;font-weight: 500;}
.case-team ul li p{font-size: .14rem;}

/*about*/
#about{width: 100%;padding: .6rem 0 .75rem;box-sizing: border-box;background: url(../img/about_bg.jpg)no-repeat;background-size: 100% 100%;}
.about-box{width: 12rem;margin: .6rem auto 0;}
.about-box-text{width: 6.4rem;padding-right: .3rem;box-sizing: border-box;}
.about-box-text h3{font-size: .76rem;line-height: .84rem;color: #e5e5e5;text-transform: uppercase;font-weight: bold;position: relative;margin-bottom: .3rem;}
.about-box-text h3 i{line-height: 1;font-size: .24rem;color: #000000;position: absolute;top: .4rem;left: 0;font-weight: 500;}
.about-box-text p{font-size: .16rem;color: #666666;line-height: .28rem;text-indent: 2em;text-align: justify;}
.about-box-text a{display: inline-block;padding: 0 .6rem;line-height: .46rem;background: #f67d34;color: #FFFFFF;font-size: .16rem;margin-top: .5rem;border-radius: .05rem;letter-spacing: .02rem;font-weight: 500;}
.about-box-img{width: 5.55rem;}
.about-box-img img{width: 100%;display: block;}
.about-botm{width: 12rem;margin: .6rem auto 0;position: relative;}
.about-botm h4{width: 50%;display: inline-block;line-height: .5rem;text-align: center;font-size: .2rem;font-weight: 500;position: relative;}
.about-botm h4:before{content: '';width: 12rem;height: .01rem;background: #e5e5e5;position: absolute;bottom: 0;left: 0;}
.about-botm h4:after{content: '';width: 100%;height: .01rem;background: #f67d34;position: absolute;bottom: 0;left: 0;}
.swiper-container-about{width: 12rem;overflow: hidden;margin: .3rem auto 0;}
.swiper-container-about ul li img{width: 100%;display: block;}
.swiper-container-about ul li p{width: 100%;line-height: .4rem;background: #e6e6e6;color: #000000;font-size: .18rem;text-align: center;}
.navigation-about i{cursor: pointer;height: .78rem;width: .78rem;text-align: center;line-height: .78rem;font-size: .4rem;position: absolute;top: 1.3rem;border: .02rem solid #e1e1e1;box-sizing: border-box;color: #c4c4c4;background: #f7f7f7;border-radius: 50%;font-weight: 300;}
.navigation-about i:first-child{left: -1.5rem;}
.navigation-about i:last-child{right: -1.5rem;}
.index-contactss{background: url(../img/index_contactss_bg.jpg)no-repeat;background-size: 100% 100%;}
/*news*/
#news{width: 100%;padding: .65rem 0 .6rem;box-sizing: border-box;}
.news-box{width: 12rem;margin: 0 auto;color: #000000;}
.news-box-top{width: 100%;padding: .4rem .3rem .45rem;box-sizing: border-box;border: .01rem solid #e5e5e5;}
.news-box-top-left{width: 4.9rem;}
.news-box-top-left h2{font-size: .5rem;font-weight: bold;line-height: .62rem;}
.news-box-top-left h4{font-size: .2rem;line-height: .3rem;font-weight: 500;}
.news-box-top-left i{font-size: .14rem;line-height: .2rem;transform: scale(.6) translateX(-1.6rem);display: block;}
.news-box-top-left p{font-size: .16rem;color: #666666;line-height: .28rem;font-weight: 500;}
.news-box-top-right{width: 6.1rem;border-bottom: .02rem solid #dedede;box-sizing: border-box;padding-bottom: .3rem;box-sizing: border-box;}
.news-box-top-right h3{text-align: center;width: 100%;font-size: .2rem;line-height: .48rem;position: relative;}
.news-box-top-right h3:before{content: '';height: .02rem;width: 1.94rem;background: #dedede;position: absolute;top: 50%;left: 0;}
.news-box-top-right h3:after{content: '';height: .02rem;width: 1.94rem;background: #dedede;position: absolute;top: 50%;right: 0;}
.news-box-top-right ul{width: 100%;margin-top: .1rem;}
.news-box-top-right ul li{text-align: center;width: 25%;float: left;margin-top: .2rem;}
.news-box-top-right ul li img{width: .36rem;height: .36rem;}
.news-box-top-right ul li p{font-size: .18rem;font-weight: 500;line-height: .24rem;}
.news-box-list{width: 100%;margin-top: .15rem;}
.news-box-li{width: 3.92rem;float: left;margin-left: .12rem;}
.news-box-li:first-child{margin-left: 0;}
.news-box-li-top{width: 100%;height: 1.7rem;background: #000000;transition: all .3s;}
.news-box-li:hover .news-box-li-top{background: #f67d34;}
.news-box-li-top h5{width: .9rem;height: 100%;text-align: center;padding-top: .56rem;box-sizing: border-box;color: #FFFFFF;line-height: .3rem;font-size: .2rem;float: left;font-weight: 500;letter-spacing: .02rem;}
.news-box-li-top img{width: 3rem;height: 1.7rem;display: block;float: right;}
.news-box-li-con{width: 100%;border: .01rem solid #e5e5e5;box-sizing: border-box;border-top: 0;padding: .2rem .1rem 0;}
.news-box-li-con ul li{width: 100%;height: .6rem;line-height: .6rem;border-bottom: .01rem dashed #e6e6e6;box-sizing: border-box;padding-left: .15rem;position: relative;overflow: hidden;font-size: .16rem;}
.news-box-li-con ul li:last-child{border-bottom: 0;}
.news-box-li-con ul li:before{content: '';height: .05rem;width: .05rem;border-radius: 50%;background: #cccccc;position: absolute;left: .02rem;top: .28rem;}
.news-box-li-con ul li:hover:before{background: #f67d34;}


/*footer*/
footer{width: 100%;color: #FFFFFF;background: #191a19;}
.footer-box{width: 12rem;margin: 0 auto;height: 2.6rem;padding-top: .4rem;box-sizing: border-box;}
.footer-box-logo{width: 4.75rem;float: left;padding: .24rem .1rem 0;box-sizing: border-box;position: relative;}
.footer-box-logo:after{content: '';width: .01rem;height: 1.57rem;background: #555555;position: absolute;right: 0;top: .24rem;}
.footer-box-logo h4{font-size: .18rem;font-weight: 500;line-height: .32rem;}
.footer-box-logo p{font-size: .14rem;text-transform: uppercase;opacity: .65;line-height: .28rem;}
.footer-box-logo ul{margin-top: .3rem;}
.footer-box-logo ul li{font-size: .14rem;line-height: .24rem;}
.footer-box-logo ul li a{color: #FFFFFF;}
.footer-box-contact{float: left;width: 5.2rem;padding: .24rem .1rem 0 1.6rem;box-sizing: border-box;}
.footer-box-contact h4{font-size: .18rem;font-weight: 500;line-height: .32rem;}
.footer-box-contact p{font-size: .16rem;text-transform: uppercase;opacity: .65;line-height: .28rem;}
.footer-box-contact ul{margin-top: .3rem;}
.footer-box-contact ul li{font-size: .14rem;line-height: .24rem;}
.footer-box-qrcode{width: 1.8rem;float: right;text-align: center;}
.footer-box-qrcode img{width: 1.5rem;height: 1.5rem;}
.footer-box-qrcode p{font-size: .14rem;line-height: .3rem;margin-top: .1rem;}
.footer-links{width: 100%;border-top: .01rem solid #555555;height: 1.2rem;}
.footer-links-box{width: 12rem;margin: 0 auto;padding-top: .35rem;box-sizing: border-box;}
.footer-links-box-left{width: 1.15rem;float: left;font-size: .14rem;opacity: .23;line-height: .18rem;text-align: center;}
.footer-links-box-right{width: 10.85rem;float: right;f}
.footer-links-box-right ul li{ont-size: .12rem;margin-right: .15rem;line-height: .18rem;float: left;}
.footer-links-box-right a{color: #FFFFFF;transition: all .3s;opacity: .22;}
.footer-links-box-right a:hover{opacity: .8;}
/*公共*/
#content{width: 1200px;margin: 0 auto;padding: 20px 0 40px;box-sizing: border-box;}
#content-banner{width: 100%;}
#content-banner img{width: 100%;display: block;}
.content-nav{line-height: 44px;width: 100%;font-size: 14px;color: #000000;}
.page-nav{height: 40px;width: 100%;margin-bottom: 20px;}
.page-nav-left{width: 890px;line-height:40px;float: left;padding-left:20px;box-sizing: border-box;background: url(../img/page_nav_ico.png)no-repeat 2px center;background-size: 14px 18px;}
.page-nav-left ul li{float: left;padding: 0 24px;box-sizing: border-box;position: relative;font-size: 14px;font-weight: 500;text-align: center;}
.page-nav-left ul li a{color: #656666;transition: all .3s;}
.page-nav-left ul li a:hover{color: #ca9b6d;}
.page-nav-left ul li:before{content: '';height: 14px;width: 2px;background: #cccccc;position: absolute;top: 13px;left: 0;}
.page-nav-left ul li:first-child:before{opacity: 0;}
.select{width: 290px;height:36px;float: right;border-radius: 5px;}
.select input{width: 235px;height: 34px;float: left;padding:0 20px;box-sizing: border-box;border: 0;border-radius: 5px;}
.select button{width: 52px;float: right;border: 0;background: #f67d34;border-top-right-radius: 5px;border-bottom-right-radius: 5px;height:36px;cursor: pointer;}
.select button img{width: 18px;height: 19px;}
.content-list{float: right;width: 930px;}
.content-list-box:first-child{margin-top: 0;}
.content-list-title{height: 48px;line-height: 48px;width: 100%;}
.content-list-box:first-child .content-list-title{border-bottom: 2px solid #e1e3e6;border-top: 0;}
.content-list-title img{float: left;height: 36px;width: 36px;margin-top: 7px;margin-right: 12px;}
.content-list-title span{line-height: 48px;margin-left: 10px;color: #7c7c7c;text-transform: uppercase;font-size: 18px;}
.content-list-title-hot{font-size: 20px;height: 48px;text-align: center;padding: 0 22px 0 50px;float: left;color: #000000;font-weight: 600;letter-spacing: 2px;position: relative;}
.content-list-title-hot:before{content: '';height: 48px;width: 50px;background: url(../img/content_list_title_hot_bg.png)no-repeat center center;background-size: 22px 22px;position: absolute;top: 0;left: 0;}
.content-list-title-hot:after{content: '';width: 100%;height: 2px;background: #f67d34;position: absolute;bottom: -2px;left: 0;}
.content-list-title a{font-size: 14px;color: #333333;float: right;margin-right: 28px;font-weight: bold;transition: all .3s;}
.content-list-title a:hover{color: #f67d34;}

.product-right .pro-list{padding: 10px 0 30px;box-sizing: border-box;}
.product-right .pro-list ul li{width: 293px;margin:8px;}
.product-right .pro-list .pro-img{width: 293px;height: 290px;}
.product-right .pro-list .pro-title{height: 50px;line-height: 50px;}
.pro-news-list{width: 100%;padding: 20px 20px;box-sizing: border-box;}
.pro-news-list ul li{width: 47%;float: left;line-height: 30px;font-size: 14px;color: #595858;height: 30px;margin-left: 6%;position: relative;padding-left: 20px;box-sizing: border-box;}
.pro-news-list ul li:before{content: '';position: absolute;top: 12px;left: 0;height: 6px;width: 6pox;border-radius: 50%;background: #cccccc;transition: all .3s;}
.pro-news-list ul li h4{font-size: 14px;float: left;height: 30px;width: 300px;overflow: hidden;}
.pro-news-list ul li span{float: right;font-size: 14px;}
.pro-news-list ul li:nth-child(odd){margin-left: 0;}
.pro-news-list ul li a:hover{color: #f67d34;}
.pro-news-list ul li:hover:before{background: #f67d34;}
.pro-list-row{padding: 15px 20px;box-sizing: border-box;}
.pro-list-row ul li{width: 100%;padding: 22px;box-sizing: border-box;border:1px solid #e5e5e5;height: 234px;margin-top: 22px;transition: all .5s;}
.pro-list-row .pro-img{width: 280px;height: 190px;float: left;overflow: hidden;}
.pro-list-row .pro-img img{width: 100%;height: 100%;transition: all .5s;}
.pro-list-row .pro-content{width: 540px;float: right;height: 190px;padding:10px 10px 0 0;box-sizing: border-box;}
.pro-list-row .pro-content h3{font-size: 18px;line-height: 30px;font-weight: bold;height: 30px;overflow: hidden;}
.pro-list-row .pro-content p{font-size: 14px;color: #666565;text-align: justify;height: 56px;line-height: 28px;margin-top: 15px;overflow: hidden;}
.pro-list-row .pro-content a{height: 32px;width:130px;display: block;margin-top: 30px;float: right;border: 1px solid #f67d34;box-sizing: border-box;border-radius: 5px;color: #f67d34;font-size: 16px;font-weight: bold;transition: all .3s;text-align: center;line-height: 32px;}
.pro-list-row ul li:hover{border:1px solid #f67d34}
.pro-list-row ul li:hover .pro-img img{transform: scale(1.2);}
.pro-list-row ul li:hover .pro-content a{background: #f67d34;color: #FFFFFF;}


.page{width: 100%;height: 60px;line-height: 30px;padding: 15px 2%;box-sizing: border-box;font-size: 14px;}
.page a{display: block;height: 30px;padding: 0 10px;box-sizing: border-box;border: 1px solid #b2b1b1;border-radius: 5px;float: left;margin: 0 2px;background: #FFFFFF;}
.page span{float: left;padding: 0 10px;box-sizing: border-box;color: #f67d34;background: #FFFFFF;border: 1px solid #b2b1b1;border-radius: 5px;height: 30px;}
.page-list{float: right;}

.content-pro .content-left{width: 300px;}
.content-pro .content-list{width: 1260px;}

/*详情页*/
.pro-desc{width: 100%;}
.swiper-container-show{width: 385px;height: 385px;overflow: hidden;border-right: 1px solid #e1e3e6;}
.swiper-container-show ul li img{width: 100%;height: 100%;display: block;}
.pro-desc-con{width: 540px;height: 385px;padding: 20px 40px 0 50px;box-sizing: border-box;}
.pro-desc-con h1{font-size: 20px;color: #010101;font-weight: bold;line-height: 70px;height: 70px;overflow: hidden;border-bottom: 2px solid #e6e6e6;margin-bottom: 20px;}
.pro-desc-con p{font-size: 14px;color: #000000;line-height: 38px;text-align: justify;height: 38px;overflow: hidden;font-weight: bold;}
.pro-desc-con ul{margin-top: 70px;width: 100%;}
.pro-desc-con ul li{width: 50%;float: left;height: 54px;line-height: 54px;text-align: center;font-size: 28px;color: #f67d34;font-weight: bold;background: #f2f2f2;}
.pro-contact{padding-bottom: 20px;box-sizing: border-box;}
.pro-contact img{max-width: 100%;}
.pro-desc-con ul li:first-child{background: #f67d34;text-align: left;padding-left: 46px;color: #FFFFFF;cursor: pointer;font-size: 20px;position: relative;box-sizing: border-box;}
.pro-desc-con ul li:first-child:before{content: '';width: 30px;height: 54px;background: url(../img/pro_desc_con_ico.png)no-repeat center center;background-size: 28px 23px;position: absolute;top: 0;right: 60px;}
.pro-desc-con ul li:nth-child(2){letter-spacing: -2px;}
/*news-desc*/
.news-con{width: 100%;padding: 20px;box-sizing: border-box;}
.news-con h1{height: 60px;line-height: 60px;text-align: center;border-bottom: 1px dashed #b1b3b2;font-size: 20px;font-weight: bold;}
.news-con-at{text-align: center;line-height: 40px;font-size: 14px;color: #b1b2b2;}
.news-con-at span{margin: 0 20px;}
.news-text img{margin: 20px 0;max-width:100%;}
.news-text{padding: 20px 30px;box-sizing: border-box;}
.news-con p{line-height: 32px;font-size: 16px;color: #808080;text-indent: 2px;}
.news-key{line-height: 26px;font-size: 14px;padding-left: 50px;box-sizing: border-box;color: #f67d34;}
.page-x{width: 100%;height: 26px;line-height: 26px;color: #f67d34;font-size: 14px;padding: 0 50px;box-sizing: border-box;}
.page-x ul li{float: left;width: 400px;padding-right: 20px;box-sizing: border-box;height: 26px;overflow: hidden;}
.review-list{width: 100%;padding: 10px 30px;box-sizing: border-box;}
.review-list ul li{padding: 25px 0;box-sizing: border-box;border-bottom: 1px solid #f0f0f0;}
.review-list ul li:last-child{border: 0;}
.review-list-top{font-size: 18px;color: #f67d34;font-weight: 400;line-height: 32px;}
.review-list-top span{margin-right: 60px;}
.review-list-user{line-height: 24px;color: #4c4b4b;font-size: 14px;}
.review-list-adm{border: 1px dashed #90a79c;line-height: 24px;padding: 10px 12px;box-sizing: border-box;margin-top: 10px;font-size:14px;}
.review-list-adm strong{color: #f67d34;}
.review-form{width: 92%;margin: 30px 4%;}
.review-form-text{width: 100%;border: 1px dashed #f67d34;height: 115px;}
.review-form-text textarea{width: 100%;height: 100%;border: 0;padding: 15px;box-sizing: border-box;font-size: 14px;color: #4d413e;}
.review-form span{font-size: 14px;color: #4d413e;margin-left: 15px;line-height: 30px;}
.review-form-btn{text-align: right;}
.review-form-btn button{width: 100px;margin-left:8px;height: 32px;border: 0;font-size: 20px;color: #FFFFFF;background: #272727;cursor: pointer;}
.review-form-btn button:nth-child(2){background: #f67d34;}

.pro-list-dan{width: 100%;}
.pro-list-dan ul{padding: 20px 0 0;box-sizing: border-box;}
.pro-list-dan ul li{width: 100%;padding: 0;margin-bottom: 20px;float: none;height: auto;border: 0;}
.pro-list-dan ul li:after{opacity: 0;}
.pro-list-dan ul li:before{opacity: 0;}
.pro-list-dan ul li .pro-img{height: 160px;overflow: hidden;}
.pro-list-dan ul li .pro-img img{width: 100%;height: 100%;display: block;transition: all .3s;}
.pro-list-dan ul li .pro-text{height: 38px;background: #f2f2f2;transition: all .3s;}
.pro-list-dan ul li .pro-text h4{line-height: 38px;text-align: center;font-size: 14px;color: #666565;transition: all .3s;font-weight: bold;}
.pro-list-dan ul li:hover .pro-text{background: #f67d34;}
.pro-list-dan ul li:hover .pro-text h4{color: #FFFFFF;}
.pro-list-dan ul li:hover .pro-img img{transform: scale(1.2);}
.news-list-dan{padding:10px 0;box-sizing: border-box;}
.news-list-dan ul li{border: 0;padding: 0;}
.news-list-dan ul li:before{opacity: 0;}
.news-list-dan ul li:after{opacity: 0;}
.news-list-dan ul{padding-bottom: 0;}
.news-list-dan ul li{overflow: hidden;}
.news-list-dan ul li i{width: 18px;height: 18px;text-align: center;line-height: 16px;border: 1px solid #b8b7b7;border-radius: 2px;font-size: 12px;margin-right: 12px;margin-top: 9px;font-style: normal;display: block;float: left;}
.news-list-dan ul li:hover i{color: #FFFFFF;background: #f67d34;border-color: #f67d34;}
.left-nav-news-hot ul li{line-height: 36px;height: 36px;}

/*新闻*/
.news-company{padding: 40px 0 36px;box-sizing: border-box;}
.news-company-hot{width: 100%;padding: 25px 35px;box-sizing: border-box;background: linear-gradient(to top,#f2f2f2,#ffffff,#f2f0f1);}
.news-hot-img{width: 280px;height: 190px;}
.news-hot-img img{width: 100%;height: 100%;display: block;}
.news-hot-text{width: 550px;height: 190px;padding-top: 20px;box-sizing: border-box;}
.news-hot-text h4{font-size: 18px;line-height: 34px;height: 34px;overflow: hidden;position: relative;font-weight: bold;}
.news-hot-text p{font-size: 14px;color: #666565;line-height: 20px;height: 40px;overflow: hidden;margin-top: 10px;}
.news-hot-text span{font-size: 14px;color: #666565;line-height: 24px;margin-top: 5px;display: block;}
.news-hot-text a{display: block;width: 130px;height: 32px;text-align: center;line-height: 30px;font-size: 16px;float: right;margin-top: 15px;border-radius: 5px;transition: all .3s;color: #f67d34;border: 1px solid #f67d34;box-sizing: border-box;}
.news-hot-text a:hover{background: #f67d34;color: #FFFFFF;}
.news-company-list{width: 100%;padding: 20px 32px 0;box-sizing: border-box;}
.news-company-list ul li{width: 280px;float: left;margin-left: 10px;border: 1px solid #e5e5e5;box-sizing: border-box;}
.news-company-list ul li:first-child{margin-left: 0;}
.company-list-img{width: 100%;height: 190px;overflow: hidden;}
.company-list-img img{width: 100%;height: 100%;display: block;transition: all .5s;}
.company-list-text{width: 100%;padding: 12px 20px;box-sizing: border-box;}
.company-list-text h4{font-size: 14px;line-height: 24px;height: 24px;overflow: hidden;color: #666565;}
.company-list-text span{font-size: 14px;line-height: 24px;}
.news-company-list ul li:hover .company-list-img img{transform: scale(1.2);}
.news-company-list ul li:hover .company-list-text h4{color: #f67d34;}
.news-pro-box{width: 100%;padding: 50px 0 32px;box-sizing: border-box;}
.gallery-thumbs-newss{width: 760px;overflow: hidden;margin: 0 auto;}
.gallery-thumbs-newss ul li{text-align: center;height: 32px;line-height: 30px;text-align: center;border:1px solid #f67d34;box-sizing: border-box;cursor: pointer;font-size: 16px;border-radius: 5px;font-weight: bold;color: #f67d34;}
.gallery-thumbs-newss ul li.swiper-slide-thumb-active{background: #f67d34;color: #FFFFFF;}
.gallery-top-newss{width: 100%;overflow: hidden;margin-top: 35px;}
.gallery-top-newss .swiper-slide{padding: 0 30px;box-sizing: border-box;}
.news-pro-list{width: 100%;}
.news-pro-list ul li{width: 415px;margin-left: 35px;line-height: 36px;float: left;position: relative;padding-left: 13px;box-sizing: border-box;height: 36px;}
.news-pro-list ul li:nth-child(2n+1){margin-left: 0;}
.news-pro-list ul li:before{content: '';height:6px;width: 6px;border-radius: 50%;background: #cccccc;position: absolute;top: 15px;left: 0;}
.news-pro-list ul li h4{width: 310px;float: left;height:36px;overflow: hidden;font-size:14px;font-weight: 500;}
.news-pro-list ul li span{float: right;font-weight: 500;font-size:14px;}
.news-pro-list ul li:hover:before{background: #f67d34;}
.news-pro-list ul li:hover a{color: #f67d34;}


/*news-list*/
.news-list-row{width: 100%;padding: 20px;box-sizing: border-box;}
.news-list-row ul li{width: 100%;height: 234px;padding: 22px 20px;box-sizing: border-box;border: 1px solid #e5e5e5;margin-top: 20px;transition: all .3s;}
.news-img{width: 280px;height: 190px;overflow: hidden;}
.news-img img{width: 100%;height: 100%;display: block;transition: all .3s;}
.row-news-text{width: 540px;height: 190px;padding-top: 20px;box-sizing: border-box;}
.row-news-text h4{font-size: 18px;line-height: 34px;height: 34px;overflow: hidden;position: relative;font-weight: bold;}
.row-news-text p{font-size: 14px;color: #666565;line-height:20px;height:40px;overflow: hidden;margin-top: 10px;}
.row-news-text span{font-size: 14px;color: #666565;line-height: 24px;margin-top: 5px;display: block;}
.row-news-text a{display: block;width: 130px;height: 32px;text-align: center;line-height: 30px;font-size: 16px;float: right;margin-top: 15px;border-radius: 5px;transition: all .3s;color: #f67d34;border: 1px solid #f67d34;box-sizing: border-box;}
.row-news-text a:hover{background: #f67d34;color: #FFFFFF;}
.news-list-row ul li:hover{border: 1px solid #f67d34;}
.news-list-row ul li:hover .news-img img{transform: scale(1.2);}
/*case*/
.case-list-row .news-img{width: 400px;}
.case-list-row .row-news-text{width: 420px;}

/*contact*/
.message-box{width: 100%;height: 430px;padding: 75px 108px;box-sizing: border-box;background: #FFFFFF;}
.message-box input{width: 48%;float: left;margin-left: 4%;height: 60px;border: 3px solid #eeeeee;box-sizing: border-box;padding: 0 20px;font-size:18px;}
.message-box input:first-child{margin-left: 0;}
.message-box textarea{width: 100%;height: 160px;border: 3px solid #eeeeee;padding: 20px;box-sizing: border-box;margin-top:20px;font-size: 18px;}
.message-box button{display: inline-block;width: 120px;height:40px;text-align: center;line-height: 40px;font-size: 16px;float: right;margin-top: 40px;border-radius: 5px;transition: all .3s;color: #333333;background: linear-gradient(to top,#efeeee,#ffffff);border: 1px solid #d9d8d7;box-sizing: border-box;cursor: pointer;}
.message-box button:hover{background: linear-gradient(to top,#d90303,#d43e3e);color: #FFFFFF;border: 0;}
.contact-map{width: 100%;height: 430px;}
#map{width: 100%;height: 100%;}
.about-con{width: 100%;padding: 0 0 30px;box-sizing: border-box;}
.about-con-box{padding: 0 40px;box-sizing: border-box;}
.about-con h1{height: 90px;line-height: 90px;text-align: center;font-size: 22px;font-weight: bold;color: #000000;position: relative;}
.about-con h1:before{content: '';width: 100%;height: 2px;background: #e1e3e6;position: absolute;bottom: 0;left: 0;}
.about-con h1:after{content: '';width:500px;height:2px;background: #f67d34;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.about-con h2{display: inline-block;line-height: 40px;padding: 0 15px;box-sizing: border-box;font-size: 18px;border: 1px dashed #b1b3b2;margin-left: 50%;transform: translateX(-50%);color: #3f3f3f;position: relative;font-weight: 500;}
.about-con h2:before{content: '';width:320px;height: 1px;border-bottom: 1px dashed #b1b3b2;box-sizing: border-box;position: absolute;top: 50%;left: -330px;}
.about-con h2:after{content: '';width: 320px;height: 1px;border-bottom: 1px dashed #b1b3b2;box-sizing: border-box;position: absolute;top: 50%;right: -330px;}
.about-con h3{display: inline-block;padding: 5px;box-sizing: border-box;background: #c10000;color: #FFFFFF;margin: 50px 0 20px 50%;height: 51px;border-radius: 26px;border-top-left-radius: 0;transform: translateX(-50%);}
.about-con h3 i{display: inline-block;padding: 0 36px;box-sizing: border-box;border-radius: 20px;line-height: 40px;font-weight: 500;border-top-left-radius: 0;border: 1px solid #FFFFFF;font-size: 24px;height: 40px;}
.about-con p{margin-top: 20px;line-height:32px;font-size: 16px;color: #808080;text-align: justify;}
.about-con img{max-width: 100%;display: block;}
.about-list{width: 100%;}
.about-list-top{width: 100%;height: 150px;background: #262626;text-align: center;color: #FFFFFF;position: relative;padding:10px 0 0;box-sizing: border-box;}
.about-list-top:before{content: '';width: 173px;height: 80px;background: url(../img/about_list_top_ico.png)no-repeat;background-size: 100% 100%;position: absolute;left: 0;top: 26px;}
.about-list-top:after{content: '';width: 100%;height: 10px;background: #c10000;position: absolute;bottom: 0;left: 0;}
.about-list-top h2{font-size: 48px;font-weight: bold;line-height: 80px;position: relative;letter-spacing: 4px;}
.about-list-top h2:after{content: '';width: 60px;height:4px;background: #f67d34;position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);}
.about-list-top p{font-size: 20px;letter-spacing: 4px;line-height: 44px;}
.about-list ul{width: 100%;padding: 0 70px;box-sizing: border-box;}
.about-list ul li{width: 100%;height: 400px;margin-top: 48px;}
.about-list-text{width: 260px;padding-top: 50px;box-sizing: border-box;float: left;}
.about-list-text h4{font-size: 18px;line-height: 42px;color: #555555;border-bottom: 2px solid #7d7d7d;border-top:2px solid #7d7d7d;box-sizing: border-box;width: 100%;}
.about-list-text i{font-size: 18px;color: #666666;line-height: 40px;text-transform: uppercase;}
.about-list-text h3{font-size: 60px;color: #c10000;font-weight: bold;line-height: 86px;}
.about-list-text p{font-size: 16px;color: #666666;line-height: 30px;text-align: justify;margin-top: 10px;}
.about-list-img{width:800px;height: 400px;float: right;}
.about-list-img img{width: 100%;height: 100%;display: block;}
.about-list ul li:nth-child(2n) .about-list-text{float: right;}
.about-list ul li:nth-child(2n) .about-list-img{float: left;}
.about-list-botm{width: 100%;padding: 0 60px 50px;box-sizing: border-box;}
.about-list-botm p{margin-top: 20px;line-height: 32px;font-size: 16px;color: #808080;padding: 0 30px;box-sizing: border-box;text-indent: 2px;}
.about-list-botm img{max-width: 100%;display: block;}

.contact-box{width: 100%;height: 290px;background: url(../img/contact_box_bg.jpg)no-repeat;background-size: 100% 100%;padding: 30px 80px 0;box-sizing: border-box;}
.contact-box-title{width:400px;height: 70px;border-bottom: 2px solid #e4e4e5;box-sizing: border-box;letter-spacing: 2px;}
.contact-box-title h3{font-size: 24px;color: #f67d34;line-height: 32px;font-weight: bold;}
.contact-box-title p{font-size: 12px;color: #020202;line-height: 20px;text-transform: uppercase;font-weight: bold;letter-spacing: 0;}
.contact-box ul{margin-top: 10px;}
.contact-box ul li{width: 100%;padding-left: 40px;box-sizing: border-box;font-size: 16px;color: #333333;line-height: 40px;height: 40px;font-weight: bold;}
.contact-box ul li:nth-child(1){background: url(../img/nav_contact_ico01.png)no-repeat left center;background-size: 30px 30px;}
.contact-box ul li:nth-child(2){background: url(../img/nav_contact_ico02.png)no-repeat left center;background-size: 30px 30px;}
.contact-box ul li:nth-child(3){background: url(../img/nav_contact_ico03.png)no-repeat left center;background-size: 30px 30px;}
.contact-box ul li:nth-child(4){background: url(../img/nav_contact_ico04.png)no-repeat left center;background-size: 30px 30px;}
.contacts{width: 470px;height: 350px;border-radius: 10px;background: none;padding: 30px 20px 0 35px;box-sizing: border-box;margin-top: 46px;margin-left: 26px;margin-bottom: 40px;}
.messages{width: 390px;margin-left: 15px;margin-top: 46px;border-radius: 10px;height: 350px;padding: 30px 20px 0 35px;box-sizing: border-box;}
.messages .contact-box-title{width: 100%;}
.message-box-con table{width: 330px;margin-top: 20px;}
.message-box-con table td{font-size: 16px;color: #323233;line-height: 34px;height: 46px;}
.message-box-con table td:first-child{width: 80px !important;}
.message-box-con table td i{color: #fd010d;}
.message-box-con table td input{width: 100%;height: 34px;border: 1px solid #ebebeb;padding: 0 15px;box-sizing: border-box;}
.message-box-con table td button{width: 150px;height: 40px;border:1px solid #f2f2f2;box-sizing: border-box;background: #f67d34;color: #FFFFFF;font-size: 16px;margin-top: 20px;cursor: pointer;font-weight: bold;}