.header{width: 100%; background:none; position: fixed; left:0; top:0; z-index: 99; -webkit-transition:all .5s ease; transition:all .5s ease}
.header .logo{width:70px; height: 70px; background:url(../images/logo.png) no-repeat left center; background-size: 100%; display: block;}
.header .wrapper{display:-webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; align-items: center; height: 95px; position: relative;}
@media all and (max-width:1680px){
.header .wrapper{width:auto; padding:0 30px;}
}
.header::after{height: 1px; content: ''; background: rgba(255, 255, 255, 0.2); position: absolute; left:0; bottom:0; width:100%; display: block;}
.header-rt{}
.header-nav{display:-webkit-flex; display: -ms-flexbox; display: flex;}
.header-nav li{display: block; margin:0 20px; position: relative;}
.header-nav li.product-nav{position: static;}
.nav-a{display: block;font-size: 16px;color: #fff;line-height: 95px;position: relative; text-transform: uppercase; transition: all .5s; -webkit-transition: all .5s;}
.nav-a:after{content: '';width: 0%;height: 2px;background: #fff;position: absolute;left: 0;bottom: 30px;transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover{color: #fff; text-decoration:none; transition: all .5s;-webkit-transition: all .5s;}
.nav-a:hover:after{width: 100%; transition: all .5s;-webkit-transition: all .5s;}
.nav-a.active{color:#ffff00}
.header-sub{width: 230px; height: auto; position: absolute; z-index: 99; transform: translateX(-20px); top: 95px; background: rgba(234,234,234,.96); display: none; text-align: center;}
.header-nav li.product-nav .header-sub{width: 100%; left: 0; transform: translateX(0);}
.header-sub.on{display: block;}
.header-sub.sub-item{padding:10px 0; text-align: left;}
.header-sub.sub-item a{display:block; font-size: 16px; padding:8px 0 8px 15px; color: #333; line-height: 20px; transition: all .5s; -webkit-transition: all .5s;}
.header-sub.sub-item a:hover{color: #fff; background: #921f22;}
.header-sub .sub-box{display:-webkit-flex; display: -ms-flexbox; display: flex; padding:30px 30px;}
.header-sub .sub-box-item{width: 48%; text-align: left; margin-right:4%; display: flex; justify-content: space-between;}
.header-sub .sub-box-item .sortimage{width: 48%;}
.header-sub .sub-box-item .sortfont{width: 48%;}
.header-sub .sub-box-item:nth-child(2){margin-right:0;}
.header-sub .sub-box-item h2{font-size:18px; color:#000; line-height: 1; font-family: 'Lato-Bold'; margin-bottom:10px;}
.header-sub .sub-box-item h2 a{color:#921f22;}
.header-sub .sub-box-item dd a{display: block;line-height: 30px; font-size:16px; color:#333;}
.header-sub .sub-box-item dd a:hover{color:#921f22}
.header.active{width:100%; position: fixed; left:0; top:0; z-index: 99; background: rgba(0, 0, 0, 0.7);}
.header.active::after{background: rgba(0, 0, 0, 0.7); display: none;}
.mob-btn{width: 26px; overflow: hidden; display: none; cursor: pointer; position:fixed; top:16px; right:3%;}
.mob-btn1,.mob-btn2,.mob-btn3{width: 100%;height: 3px;margin-bottom: 5px;background: #fff;}
.mob-btn2{}
.mob-btn div{transition: all .5s;}
.mob-btn.cli .mob-btn1{-webkit-transform: rotate(40deg); -ms-transform: rotate(40deg); transform: rotate(40deg); transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.mob-btn.cli .mob-btn2{ opacity: 0; transition: all .5s;}
.mob-btn.cli .mob-btn3{-webkit-transform: rotate(-40deg); -ms-transform: rotate(-40deg); transform: rotate(-40deg); position: relative; transform-origin:0%; -ms-transform-origin:0%; -webkit-transform-origin:0%; -moz-transform-origin:0%; transition: all .5s;}
.header .header-right{position: relative;line-height: 95px;}
.header .header-right .iconfont{font-size:22px; margin-right:5px; color: #fff;}
.head-lang-top {display: flex; align-items: center; cursor: pointer; color:#fff;}
.head-lang-btm {margin-top:-1px; position: absolute; top: 100%; left: 50%; transform: translateX(-50%); background: #fff; width: 100px; padding:0; display: none; z-index: 999; /*height: 300px; overflow-y: scroll;*/}
.head-lang-btm{background: #eee;}
.head-lang-btm a { padding: 8px 10px; line-height: 1.5; display: block; color: #333; text-align: center;}
.head-lang-btm a:hover{background: #921f22; color:#fff;}
.head-lang-top.act .head-lang-icon .iconfont {transform: rotate(180deg);}
.topblank{height: 0;}
.topproblank{height: 95px; background: rgba(0, 0, 0, 0.7);}
/**内容**/
.PC_ban{display: block;}
.Mob_ban,.Fast-nav{display: none;}
.banner{width: 100%;position: relative;}
.banner .swiper-button-next,.banner .swiper-button-prev{width: 40px;height: 40px; border-radius:50%; border:1px solid #fff; right:0px; display: none;}
.banner .swiper-button-next i,.banner .swiper-button-prev i { position: absolute; left:10px; top:8px; font-size: 18px; line-height: 1; color:#fff}
.banner .swiper-button-prev{left:0px;}
.banner .swiper-button-next {transform: rotate(-180deg);-ms-transform: rotate(-180deg);-webkit-transform: rotate(-180deg);}
.banner .swiper-slide {overflow: hidden;text-align: center;position: relative;}
.banner .swiper-slide:before{content: ''; background:rgba(0,0,0,.2); width:100%; height:100%; position:absolute; left:0; top:0;}
.banner .swiper-slide img{width:100%;}
.banner .swiper-pagination{bottom:10px;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 10px;width:10px;border-radius: 12px;margin: 0 3px;opacity:1;background-color: #fff;}
.banner .swiper-pagination-bullet-active{width:25px !important; height: 10px; border-radius: 12px; background: #ff0 !important;opacity: 1 !important;}
.banner .banfont{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:50%; text-align: center;}
.banner .swiper-slide-active .banfont h2{font-size:30px; font-family: 'Lato-Bold'; line-height: 1.5; color:#fff; animation: bannertextright 1s ease both 400ms;}
.banner .swiper-slide-active .banfont p{font-size:18px; color:#eee; margin-top:20px; animation: bannertextdow 1s ease both 800ms;}
.banner .swiper-button-next{right: 20px!important;left: auto!important;}
.banner .swiper-button-prev{left: 20px!important;}
.banner .abanfont{position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); width:60%; text-align: center;}
.banner .abanfont h2{font-size:30px; font-family: 'Lato-Bold'; line-height: 1.5; color:#fff; animation: bannertextdow 1s ease both 400ms;}
.banner .abanfont p{font-size:18px; color:#eee; margin-top:20px; line-height: 1.5; animation: bannertextdow 1s ease both 800ms;}
@keyframes bannertextright {0% {transform: translateX(-80px);opacity: 0;}100% {transform: translateX(0);opacity: 1;}}
@keyframes bannertextdow {0% {transform: translateY(20px);opacity: 0;}100% {transform: translateY(0);opacity: 1;}}
@keyframes aniWidth {
	0% {width: 0%}
	100% {width: 100%}
}
.swiper-button-prev:after,.swiper-container-rtl .swiper-button-next:after{content:'prev'; display: none;}
.swiper-button-next:after,.swiper-container-rtl .swiper-button-prev:after{content:'next'; display: none;}
@media all and (max-width:1100px){
.banner .swiper-pagination{bottom:0;}
.banner .swiper-pagination-clickable .swiper-pagination-bullet{height: 5px;width:5px;}
.banner .swiper-pagination-bullet-active{width:15px !important; height: 5px;}
.banner .banfont{width:90%;}
.banner .swiper-slide-active .banfont h2{font-size:20px;}
.banner .swiper-slide-active .banfont p{font-size:14px; margin-top:10px; line-height: 1.2; display: none;}
}
.padding-lg{padding:80px 0;}
.padding-l{padding:60px 0;}
.idx_prosort{padding:80px 0 20px;}
.nopadding{padding:20px 0 0;}
.idx_prosort .wrapper { position: relative;}
.idx_prosort .honor_swiper { height: 100%; margin-top:10px; position: relative; overflow: hidden;}
.idx_prosort .honor_swiper h2 {font-size:20px; text-align: center; font-family: 'Lato-Bold'; padding:12px 0; transition:  all 0.5s ease;}
.idx_prosort .honor_swiper .swiper-slide{overflow: hidden;}
.idx_prosort .honor_swiper .swiper-slide:hover h2 {color: #921f22}
.idx_prosort .honor_swiper .swiper-slide img{transition: all .5s ease;}
.idx_prosort .honor_swiper .swiper-slide:hover img{transform: scale(1.05); opacity: .8;}
.idx_prosort .swiper-button-prev i,.idx_prosort .swiper-button-next i{ position: absolute; left:15px; top:12px; font-size: 22px; line-height: 1; color:#000;}
.idx_prosort .swiper-button-prev{z-index: 9; top:48%;width: 45px;height: 45px; background:rgba(255, 255, 255, .8); border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_prosort .swiper-button-next{z-index: 9; top: 48%;width: 45px;height: 45px; background:rgba(255, 255, 255, .8); border-radius: 5px; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_prosort .swiper-button-prev:hover,.idx_prosort .swiper-button-next:hover{background: #af7b4c;}
.idx_prosort .swiper-button-prev:hover i,.idx_prosort .swiper-button-next:hover i{ color:#fff;}
.idx_prosort .swiper-button-next i{ position: absolute; left:8px; transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}

.indextit{padding:0 0 30px;}
.indextit h2{font-size:30px; font-family: 'Lato-Bold'; color:#921f22;}
.indextit .titcen{font-size:16px; line-height: 1.5; padding:5px 0 10px; color:#666;}
.indextit span{display: block;}
.idx_project .indextit h2{color:#af7b4c;}
.idx_project .indextit .titcen{color:#ccc; font-size: 18px; padding:15px 0 15px;}
.homenews{}
.homenews li{width:32%; margin-right:2%; margin-top:2%; overflow: hidden;}
.homenews li:nth-child(3n){margin-right:0;}
.homenews li:nth-child(-n+3){margin-top:0;}
.homenews li img{transition: all .5s ease;}
.homenews li:hover img{transform: scale(1.05); opacity: .9;}
.homenews li .newstitle{font-size:18px; line-height: 1.5; margin:15px 0; font-family: 'Lato-SemiBold'; color:#222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.homenews li .newstitlea{font-size:16px; padding:20px 0 0;}
.homenews li .newsdesc{font-size:16px; line-height: 1.6; display: none;}
.link-btn{background: #af7b4c; width:max-content; margin-top:20px; margin-bottom:10px; padding:8px 30px; display: block; border-radius: 50px; color:#fff; transition: all 0.5s ease;}
.link-btn.white{background: none; color:#af7b4c; border:1px solid #af7b4c;padding:5px 20px;}
.link-btn:hover{background:#8f643e; color:#fff; padding:5px 40px;}
.link-btn.white:hover{background: #8f643e; color:#fff; padding:5px 30px; border:1px solid #8f643e}
.homeitem{padding:40px 0 0;}
.homeitem li{display: flex; justify-content: space-between; flex-direction: row-reverse; margin-top:80px;}
.homeitem li:nth-child(2n){flex-direction: row;}
.homeitem h2{font-size:30px; color:#921f22; font-family: 'Lato-SemiBold'; line-height:1.6; margin-bottom:20px;}
.homeitem li .homeitem-l{width:50%; overflow: hidden;}
.homeitem li .homeitem-r{width:44%; padding:20px 0 0;}
.homeitem li .itemdesc{padding:5px 0; font-size:18px;}
.homeitem li .itemdesc p{padding:5px 0;}
.homeitem li .homeitem-l img{transition: all .5s ease;}
.homeitem li .homeitem-l:hover img{transform: scale(1.05); opacity: .9;}

.homeabout {background-image: url(../images/img_06.jpg); background-size: cover; background-position: center; background-repeat: no-repeat;}
.homeabout .wrapper{padding:30px 0 70px;}
.homeabout .aboutdesc { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; justify-content: space-between; position: relative; z-index: 8;}
.homeabout .aboutdesc .aboutVideo {width: 60%; transition: all 0.5s ease;}
.homeabout .aboutdesc .aboutVideo video {width: 100%; height: 100%; object-fit: cover;}
.homeabout .aboutdesc .content { width: 32%; position: absolute; right:50px; top:50%;-webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 20;}
.homeabout .aboutdesc .content .desc { padding: 10px 0; font-size: 18px; line-height:1.8}
.homeabout .aboutdesc .content .videotitle {font-size:30px; font-family: 'Lato-Bold'; color:#921f22;}
/* .homeabout.active .aboutdesc .content { mix-blend-mode: difference; } */
.homeabout.active .aboutdesc .aboutVideo{width:100%; margin-bottom:-1px;}
.homeabout.active .wrapper{padding:0; width:100%;}
.homeabout.active .aboutdesc .content .desc { color: #fff;}
.homeabout.active .aboutdesc .content .videotitle { color: #fff;}
.homeabout.active .link-btn.white{background: none; color:#fff; border:1px solid #fff}
/* 产品系列 */
.idx_project {background:#1f1f1f; padding:80px 0 130px;}
.idx_project .wrapper { display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: space-between; position: relative;}
.idx_project .wrapper .project-left{ width:35%;}
.idx_project .wrapper .project_swiper{width:60%; overflow: hidden;}
.idx_project .wrapper .project_swiper h2 {font-size:18px; line-height: 1.6; color:#eee; padding:15px 0; transition:  all 0.5s ease;}
.idx_project .wrapper .project_swiper .swiper-slide{overflow: hidden;}
.idx_project .wrapper .project_swiper .swiper-slide:hover h2 {color: #fff}
.idx_project .wrapper .project_swiper .swiper-slide img{transition: all .5s ease;}
.idx_project .wrapper .project_swiper .swiper-slide:hover img{transform: scale(1.05); opacity: .8;}
.idx_project .btns{position: absolute; left:40%; bottom:-40px;}
.idx_project .swiper-button-prev i,.idx_project .swiper-button-next i{font-size: 22px; line-height: 1; color:#af7b4c;}
.idx_project .swiper-button-prev,.idx_project .swiper-button-next{z-index: 9; left:0; bottom:0; width: 45px; height: 45px; border: 2px solid #af7b4c; cursor: pointer;display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; justify-content: center; align-items: center; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.idx_project .swiper-button-prev:hover,.idx_project .swiper-button-next:hover{background: #af7b4c;}
.idx_project .swiper-button-prev:hover i,.idx_project .swiper-button-next:hover i{ color:#fff;}
.idx_project .swiper-button-prev i{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.idx_project .swiper-button-prev{left:60px;}
.idx_project .link-btn{border-radius: 4px;}
/* 底部 */
.comMsg-flex{border-bottom: 1px solid rgba(255, 255, 255, .1); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; padding:50px 0 40px;}
.comMsg-flex .title{font-size: 30px; color:#fff; text-transform: uppercase; font-family: 'Lato-Bold';}
.comMsg-flex .title1{font-size: 18px; color:#eee;}
.comMsg-flex .title2{font-size: 16px;}
.comMsg-desc{width: 65%;}
.comMsg-form{width: 32%; display: flex; align-items: flex-end; padding-bottom: 10px;}
.comMsg-form .form-input{width:100%; position: relative; line-height: 45px;}
.comMsg-form input{width: 100%; height:45px; border-radius: 45px; background: rgba(255, 255, 255, .2); padding: 0 0 0 20px;}
.comMsg-form .btn{width:120px;height: 45px;text-align:center; background: #921f22; color:#fff; position: absolute;right: 0;top: 0;border-radius: 45px;user-select: none;cursor: pointer;transition: all .4s ease;}
.comMsg-form .btn:hover{background: #c24801;}

.footer{width: 100%; background: #222; color: rgba(255, 255, 255, 0.6); font-size: 16px;}
.footer .foot{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; justify-content: space-between; padding:50px 0;}
.footer .footer-lx .item{margin-top:15px; line-height: 1.6;}
.footer .footer-lx .item:first-child{margin-top: 0;}
.footer .footer-lx .item a{position: relative; width:max-content; font-family: 'Lato-SemiBold';}
.footer .footer-lx .item .lx-l{width:30px;}
.footer .footer-lx .item .lx-r{width:calc(100% - 30px);}
.footer .footer-lx .item a::after{content: "";position: absolute;width: 0;height: 1px;bottom: 0;background: #999;right: 0;opacity: 0;transition: width .4s ease, opacity .1s ease .4s;}
.footer .footer-lx .item a:hover::after{right: auto;left: 0;opacity: 1;width: 100%;transition: width .4s ease .1s, opacity .1s ease;}
.footer .share{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex;}
.footer .share a{width:38px; height: 38px; background: #000; margin-right:10px; border-radius: 50px; display: flex; align-items: center; justify-content: center;}
.footer .share a:hover{background: #921f22;}
.footer .iconfont{font-size:20px; display: block;}
.footer .footer-lx{width: 500px;}
.footer .footer-menu{width: calc(100% - 800px);}
.footer h2{margin-bottom: 10px; font-family: 'Lato-Bold'; text-transform: uppercase;}
.footer h2 a{color:#fff; font-size:16px;}
.footer-copyright{ border-top:1px solid rgba(255, 255, 255, 0.1)}
.footer-copyright .copyright-l{padding:30px 0;}
.footer-copyright .share{padding:30px 0;}
.footer a{color: rgba(255, 255, 255, 0.6);}
.footer a:hover{color: rgba(255, 255, 255, 1);}
@keyframes footerCode{
    0%{transform: translateY(-10px);}
    100%{transform: translateY(0);}
}
/* 侧边栏 */
.slide-kefu{position: fixed;top: 50%;right: 5px;transform: translateY(-50%);z-index: 6666; display: none;}
.slide-box{width: 50px;background: #fff;border-radius: 4px;box-shadow: 0px 0 14px 0px rgba(152, 152, 152, 0.24);padding: 2px 0; display: block}
.slide-kefu .item{position: relative; cursor: pointer;}
.slide-kefu .item::before{content: "";position: absolute;width: 30px;height: 1px;background: #ddd;left: 0;right: 0;margin: 0 auto;top:-1px;}
.slide-kefu .item:first-child::before{display: none;}
.slide-kefu .item .ico{height: 45px; display: flex; align-items: center; justify-content: center; transition: all .4s ease;}
.slide-kefu .item .ico .iconfont{font-size:20px; color:#222;}
.slide-kefu .item .info{display: none;position: absolute;right: 0;top: 50%;right:56px;margin-top: -24px;}
.slide-kefu .item .info span{width: 160px;height: 45px;line-height: 1;font-size:14px;background: #2790d6;border-radius: 5px;box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.06);position: relative;color: #fff; display: flex; align-items: center; justify-content: center;}
.slide-kefu .item .info span::after, .slide-kefu .item .wechat::after{content: "";position: absolute;right: -6px;top: 50%;margin-top: -6px;border-top: 6px solid transparent;border-bottom: 6px solid transparent;border-left: 6px solid #2790d6;width: 0;height: 0;}
.slide-kefu .item:hover .info{display: block;}
.slide-kefu .item .wechat{display: none;position: absolute;width: 120px;right: 56px;z-index: 3;height: 120px;top: 50%;margin-top: -60px;border-radius: 6px;padding: 6px;background: #2790d6;}
.slide-kefu .item .wechat img{width: auto; background: #fff; padding:6px; box-sizing: border-box;border-radius: 4px;}
.slide-kefu .item:hover .wechat{display: block;}
.slide-kefu .item.menu{display: none;}
.slide-kefu .item.menu .ico{width: 40px;height: 40px;box-shadow: 0px 0 14px 0px rgba(152, 152, 152, 0.24);background: #fff;border-radius: 50%;padding: 0;}
.slide-kefu .item.menu .ico .iconfont{color:#2790d6;}
@media all and (max-width:1100px){
.header .logo{width:35px; height: 35px;}
.header .wrapper{height: 55px; position: static;}
.header::after{display: none;}
.header{background: rgba(0, 0, 0, 0.85);}
.header.active{background: rgba(0, 0, 0, 0.85);}
.header .header-right{position: fixed;line-height: 55px; right:calc(3% + 40px)}
.header .header-right .iconfont{font-size:18px;}
.head-lang-btm a { padding: 5px 5px;}
.topblank{height: 55px;}

	.header-nav{width: 100%;height: calc(100% - 55px);position: fixed;top: 55px;left: 0;background: rgba(0, 0, 0, 0.85);padding:10px 3%;box-sizing: border-box; box-sizing: -webkit-border-box;display: none;}
	.header-nav li{width: 100%;	margin: 0; position: relative;}
	.header-nav li:first-of-type{display: none;}
    .header-nav li.product-nav{position: relative;}
	.mob-btn{display: block;}
	.nav-cover{width: 30%;height: 48px; z-index: 10; position: absolute;top: 0;right: 0; cursor:pointer}
	.nav-a{width: 100%;border-bottom: 1px solid #555; line-height: 48px;padding:0 5px;box-sizing: border-box; box-sizing: -webkit-border-box;position: relative;}
	.nav-a:after{display: none;}
	.nav-a:before{content: ""; position: absolute; top: 20px; right: 13px; width: 8px; height: 8px; border-right: 2px solid #7c8287; border-top: 2px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
	.arrow.nav-a:before{display: none; transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg);}
	.header-nav li.on .nav-a:before{top: 23px; transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); transition: all .5s ease; -webkit-transition: all .5s ease;}
	.header-sub{/*display: block;*/width:100%; position: relative;top: initial;left: inherit;background: initial;transform: translateX(0);padding:5px 0;border-bottom: 1px solid #000; background:none;}

.header-sub .sub-box{display:-webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction: column; padding:5px 5px;}

.header-sub .sub-box-item{width: 100%; text-align: left; margin-right:0; padding:5px 0; flex-direction: column;}
.header-sub .sub-box-item .sortimage{width: 100%; display: none;}
.header-sub .sub-box-item .sortfont{width: 100%;}
.header-sub .sub-box-item:nth-child(2n){margin-right:0;}
.header-sub .sub-box-item h2{font-size:16px; color:#eee; font-family: 'Lato-Regular'; line-height: 1.8; margin-bottom: 6px; font-weight: normal;}
.header-sub .sub-box-item h2 a{color:#eee;}
.header-sub .sub-box-item dd a{display: block;line-height: 25px; color:#aaa;}
.header-sub .sub-box-item dd a:hover{color:#fff}

.header-sub.sub-item a{color: #eee; font-size:14px;padding: 4px 10px;text-align: left; display: block;}
.header-sub.sub-item a:hover{background:none; color:#2790d6;}


.padding-lg{padding:20px 0;}
.idx_prosort{padding:20px 0 20px;}
.nopadding{padding:20px 0 0;}
.idx_prosort .wrapper { position: relative;}
.idx_prosort .honor_swiper { margin-top:0px;}
.idx_prosort .honor_swiper h2 {font-size:16px;}
.idx_prosort .swiper-button-prev i,.idx_prosort .swiper-button-next i{left:10px; top:8px; font-size: 18px;}
.idx_prosort .swiper-button-next i{left:5px; top:8px;}
.idx_prosort .swiper-button-prev{width: 35px;height: 35px;}
.idx_prosort .swiper-button-next{width: 35px;height: 35px;}

.indextit{padding:0 0 15px;}
.indextit h2{font-size:18px;}
.indextit .titcen{font-size:14px; line-height: 1.5; padding:5px 0 10px;}
.idx_project .indextit .titcen{color:#ccc; font-size: 14px; padding:5px 0 10px;}

.homenews{padding-bottom:10px;}
.homenews li{width:100%; margin-right:0; overflow: hidden; margin:5px 0; position: relative;}
.homenews li:first-child{margin:0 0 5px;}
.homenews li .newstitle{font-size:16px; margin:0; line-height: 1.5; position: absolute; left:0; right:0; bottom:0; padding:8% 3% 2%; color:#fff; background-image:linear-gradient(to top, rgba(0,0,0,0.7), rgba(0,0,0,0));}
.homenews li .newsdesc{font-size:16px; line-height: 1.6; display: none;}
.homenews li .newstitlea{font-size:16px; line-height: 1.5; padding:12px 0 5px;}
.link-btn{margin-top:10px; padding:5px 15px; line-height: 1.6;}
.link-btn.white{padding:3px 15px;}
.link-btn:hover{padding:3px 25px;}
.link-btn.white:hover{padding:3px 25px;}

.homeitem{padding:10px 0 0; border-top:2px solid #bbb;}
.homeitem li{flex-direction:column; margin-top:20px;}
.homeitem li:nth-child(2n){flex-direction: column;}
.homeitem h2{font-size:18px; margin-bottom:0;}
.homeitem li .homeitem-l{width:100%; overflow: hidden;}
.homeitem li .homeitem-r{width:100%; padding:10px 0 0;}
.homeitem li .itemdesc{padding:5px 0; font-size:14px; line-height: 1.6;}
.homeitem li .itemdesc p{padding:5px 0;}

.homeabout {background: none;}
.homeabout .wrapper{padding:0;}
.homeabout .aboutdesc {flex-direction: column; position: static; z-index: 8;}
.homeabout .aboutdesc .aboutVideo {width: 100%;}
.homeabout .aboutdesc .content { width: 100%; position: static; right:0; top:0;-webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); z-index: 20; padding: 0 3% 20px;}
.homeabout .aboutdesc .content .desc {font-size: 14px; line-height:1.6}
.homeabout .aboutdesc .content .videotitle {font-size:18px;}
/* .homeabout.active .aboutdesc .content { mix-blend-mode: difference; } */
.homeabout.active .aboutdesc .aboutVideo{width:100%; margin-bottom:0;}
.homeabout.active .wrapper{padding:0; width:100%;}
.homeabout.active .aboutdesc .content .desc { color: #555;}
.homeabout.active .aboutdesc .content .videotitle { color: #af7b4c;}
.homeabout.active .link-btn.white{background: none; color:#555; border:1px solid #555}
/* 产品系列 */
.idx_project {background:#1f1f1f; padding:20px 0 40px;}
.idx_project .wrapper {flex-direction: column;}
.idx_project .wrapper .project-left{ width:100%; padding-bottom:10px;}
.idx_project .wrapper .project_swiper{width:100%; overflow: hidden;}
.idx_project .wrapper .project_swiper h2 {font-size:16px;}
.idx_project .btns{position: absolute; left:45%; bottom:-10px;}
.idx_project .swiper-button-prev i,.idx_project .swiper-button-next i{font-size: 16px; margin-left:-5px;}

.idx_project .swiper-button-next i{margin-left:5px;}
.idx_project .swiper-button-prev,.idx_project .swiper-button-next{z-index: 9; left:0; bottom:0; width: 30px; height: 30px;}
.idx_project .swiper-button-prev{left:50px;}
/* 底部 */
.comMsg-flex{padding:20px 0 15px; flex-direction: column; line-height: 1.6;}
.comMsg-flex .title{font-size: 18px;}
.comMsg-flex .title1{font-size: 14px;}
.comMsg-flex .title2{font-size: 12px;}
.comMsg-desc{width: 100%;}
.comMsg-form{width: 100%; padding-bottom: 10px; padding-top:10px;}
.comMsg-form .form-input{line-height: 34px;}
.comMsg-form input{width: 100%; height:34px;}
.comMsg-form .btn{width:100px;height: 34px;}

.footer{width: 100%; background: #222; color: rgba(255, 255, 255, 0.6); font-size: 14px;}
.footer .foot{flex-direction: column; padding:0 0 20px;}
.footer .footer-lx .item{margin-top:5px; line-height: 1.6;}
.footer h2{margin-bottom:5px;}
.footer .footer-lx{width: 100%;}
.footer .footer-menu{width:100%; display: none;}

.footer-copyright{padding:12px 0 0; text-align: center;}
.footer-copyright .copyright-l{width:100%; padding:0;}
.footer-copyright .share{width:100%; display: flex; justify-content: center; padding:10px 0;}
.footer-copyright .share a{width:34px; height: 34px;}
.footer-copyright .iconfont{font-size:18px;}
}
/***静态*/
.sortlist{padding:20px 0;}
.sortlist li{width:48%; position: relative; overflow: hidden;}
.sortcontent {position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 40px 50px; color:#fff; box-sizing: border-box; text-align: left; background: rgba(0, 0, 0, 0.3);}
.sortlist img{width:100%; transition: all .5s ease;}
.sortcontent-tit { font-size: 24px; margin-bottom: 10px;}
.sortcontent-list a{ font-size: 18px; color:#eee; margin-top:5px; position: relative; display: block; width:max-content;}
.sortcontent-list a::before{content: ''; display: block; width: 0; height: 1px; position: absolute; left:0; bottom:0; background: #eee; transition: all .5s ease;}
.sortcontent-list a:hover::before{width:100%;}
.sortcontent-list a:hover{color:#fff;}

.location{border-bottom: 1px solid #d2c9c4; padding:15px 0; font-size:16px;}
.location .iconfont{display: inline-block; margin-right:5px;}
.aboutcontent{padding:20px 0; font-size:16px;}
.aboutcontent h2{font-size:24px; margin-bottom:6px; color:#921f22; font-family: 'Lato-Bold';}
.aboutcontent p{padding:5px 0;}
.aboutcon-item{display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap; flex-direction: row; padding:40px 0;}
.aboutcon-item:nth-child(2n){flex-direction: row-reverse;}
.aboutcon-item .aboutcon-item-l{width:55%;}
.aboutcon-item .aboutcon-item-r{width:42%;}

.allcases {padding:40px 0; position: relative;}
.allproduct,.customd,.customc,.customb,.customa {padding:0; position: relative;}
.allcases .swiper-container,
.allproduct .swiper-container,
.customa .swiper-container,
.customb .swiper-container,
.customc .swiper-container,
.customd .swiper-container {width: 100%;}
.allcases .swiper-container .swiper-wrapper .swiper-slide,
.allproduct .swiper-container .swiper-wrapper .swiper-slide,
.customa .swiper-container .swiper-wrapper .swiper-slide,
.customb .swiper-container .swiper-wrapper .swiper-slide,
.customc .swiper-container .swiper-wrapper .swiper-slide,
.customd .swiper-container .swiper-wrapper .swiper-slide{cursor: pointer;}
.allcases .swiper-container .swiper-wrapper .swiper-slide .pic{ width: 100%;overflow: hidden; border-radius: 6px;}
.allcases .swiper-container .swiper-wrapper .swiper-slide img{width: 100%; display: block; object-fit: cover; transition: all .5s; opacity:0.5; transform: scale(0.90);}
.allcases .swiper-container .swiper-wrapper .swiper-slide-active img{transform: scale(1); opacity:1;}
.allcases .prev,
.allcases .next,
.allproduct .prev,
.allproduct .next{position: absolute; border-radius: 2px; background: rgba(50,50,50,0.8); top:47%; z-index: 10; display: flex;justify-content: center; align-items: center; width: 50px; height: 50px; line-height: 50px; cursor: pointer; transition: ease all .3s;}
.customa .prev,
.customa .next,
.customb .prev,
.customb .next,
.customc .prev,
.customc .next,
.customd .prev,
.customd .next{position: absolute; border-radius: 2px; background: rgba(50,50,50,0.8); top:47%; z-index: 10; display: flex;justify-content: center; align-items: center; width: 50px; height: 50px; line-height: 50px; border-radius: 50px; cursor: pointer; transition: ease all .3s;}
.allcases .prev i,
.allcases .next i,
.allproduct .prev i,
.allproduct .next i,
.customa .prev i,
.customa .next i,
.customb .prev i,
.customb .next i,
.customc .prev i,
.customc .next i,
.customd .prev i,
.customd .next i{font-size: 18px; display: block; color:#fff; padding-left: 5px;}
.allcases .next i,
.allproduct .next i,
.customa .next i,
.customb .next i,
.customc .next i,
.customd .next i{transform:rotate(-180deg);-ms-transform:rotate(-180deg);-moz-transform:rotate(-180deg);-webkit-transform:rotate(-180deg);-o-transform:rotate(-180deg);}
.allcases .prev {left:3%;}
.allcases .next {right:3%;}
.allproduct .prev,.customa .prev,.customb .prev,.customc .prev,.customd .prev {left:0;}
.allproduct .next,.customa .next,.customb .next,.customc .next,.customd .next {right:0;}
/* .allcases .prev {transform: translateX(-150%);}
.allcases .next {transform: translateX(150%);} */
.allcases .prev:hover,
.allproduct .prev:hover,
.customa .prev:hover,
.customb .prev:hover,
.customc .prev:hover,
.customd .prev:hover{background:#af7b4c;}
.allcases .next:hover,
.allproduct .next:hover,
.customa .next:hover,
.customb .next:hover,
.customc .next:hover,
.customd .next:hover{background:#af7b4c;}
.allcases .prev:hover i,
.allcases .next:hover i,
.allproduct .prev:hover i,
.allproduct .next:hover i,
.customa .prev:hover i,
.customa .next:hover i,
.customb .prev:hover i,
.customb .next:hover i,
.customc .prev:hover i,
.customc .next:hover i,
.customd .prev:hover i,
.customd .next:hover i{color: #fff;}

.prosm-tit{font-size:24px; color:#af7b4c; font-family: 'Lato-Bold'; text-align: center; line-height: 1.5;}
.proxxcs{background:#333;}
.proxxcs .prosm-tit{color:#fff; padding:0 0 20px;}
.proxxcs img{display: block; margin:15px auto; width:100%;}
.prosm-desc{padding:10px 0 60px; font-size:16px;}
.productlist{padding-top:0;}
.productlist li{width:32%; margin-right:2%; margin-top:20px;}
.productlist li:nth-child(3n){margin-right:0;}

.productlist .img{margin:0; position: relative;}
.productlist .img>img{transition: transform .35s;}
.productlist li:hover .img>img{transform: scale(.94);}
.productlist li .img:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.5s;}

.productlist .imgbox{ position: relative;}
.productlist .imgbox::before{content: ''; position: absolute; display: block; left:0; top:0; width:100%; height: 100%; background:#af7b4c; opacity: 0; z-index: 1; transform: scale(0); transition: all .5s ease;}
.productlist li:hover .imgbox::before{opacity: 0.7; transform: scale(1);}
.productlist li h2{font-size:16px; padding:10px 0;}
.table-box{padding:20px 10% 0;}
.table-box table,td,tr,th{border-collapse:collapse; width: 100%;}
.table-box table td{width:auto; border-bottom: #555 solid 1px; padding:15px 0 15px 60px; font-size:16px; line-height: 1.5;color: #b7babf;}

.caselist{display: flex; flex-wrap: wrap;}
.caselist>.item{width: 32%; border: 1px solid #cabcb2; display: block; background: none; margin-right:2%; margin-top: 2%; box-sizing: border-box;}
.caselist>.item:nth-of-type(3n){margin-right:0px;}
.caselist>.item:nth-of-type(-n+3){margin-top:0px;}
.caselist>.item .img{margin:0; position: relative;}
.caselist>.item .img>img{transition: transform .35s;}
.caselist>.item:hover .img>img{transform: scale(1);}
.caselist>.item .pname{font-size:16px; padding:0 20px; height:65px; line-height:22px; position: relative; background:none; display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
.caselist>.item .img:before { content:''; width:0%; height:0%; background-color:rgba(0 ,0,0,0.3); position:absolute; z-index:2; top:0; display:block; transition: all 0.5s;}
.caselist>.item span { width:48px; height:48px; display: none; position:absolute; z-index:3; left:50%; margin-left:-24px; top:50%; margin-top:-25px; border: solid 1px #fff; border-radius:60px; font-size:24px; color:#fff; line-height:48px; text-align:center; box-sizing:border-box;}
.caselist>.item:hover .img:before { width:100%; height:100%;}
.caselist>.item:hover span { display:block;}
.caselist>.item .pname:after { width:0%; height:100%; z-index: 0; content:""; display: block; position:absolute; left:0; bottom:0; background:#af7b4c; transition: all 0.5s;}
.caselist>.item:hover .pname em{ width:100%; padding:0 20px; height:65px; z-index: 1; position:absolute; left:0; bottom:0; color:#fff; display:-webkit-flex; display: -ms-flexbox; display: flex; align-items: center;}
.caselist>.item:hover .pname:after { width:100%;}

.casesort{padding:0 0 40px;}
.casesort ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: center;}
.casesort li{padding:0 10px;}
.casesort li a{border-radius: 60px; display: block; padding:6px 30px; background-color: #fff; border: 1px solid #921f22; font-size:16px; transition: all .5s ease;}
.casesort li a:hover{background-color: #921f22; color:#fff;}
.casesort li a.active{background-color: #921f22; color:#fff;}

.header.cur .nav-a{color: #333;}
.header.cur::after{display: block; background: #d2c9c4;}
.header.cur .head-lang-top,.header.cur .header-right .iconfont{color:#333;}
.nybanner{position: relative;}
.nybanner .neiyetitle{position: absolute; left: 0; bottom: 40px; width: 100%; color: #fff; font-size: 15px; text-transform: uppercase;}
.nybanner .neiyetitle a{color: #fff;}
.nybanner .neiyetitle span{font-size: 30px; text-transform: uppercase; display: block; color:#fff;}
.nybanner .neiyetitle em{padding:0 8px;}
.wrapper-l{width:230px; position: sticky; float:left; top:140px;}

.search-box { height:48px; background:rgba(255, 255, 255, .7); border:1px solid #d2c9c4}
.search-input {width: calc(100% - 40px);}
.search-input input { font-size: 12px; line-height: 48px; color: #666; background:none; width: 100%; padding:0 0 0 10px; box-sizing: border-box; transition: all 0.5s ease;}
.search-but{cursor: pointer; width: 40px; text-align: center;}
.search-but .iconfont{font-size:20px; display: block; line-height: 48px; color:#000;}

.wrapper-r{width:calc(100% - 300px); padding-top:50px; float:right;}
.fenleilist{padding: 20px 0 60px;}
.fenleilist h2{font-size: 16px; border-bottom: 1px solid #d2c9c4; margin-top: 10px; margin-bottom: 10px; padding-left: 10px; color:#000; font-weight: bold;}
.fenleilist li{display: block;}
.fenleilist li a{display: block; line-height:32px; font-size:14px; padding-left: 10px; color: #333; position: relative; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.fenleilist li a:before{content: " ";position: absolute;top: 50%;width: 0px;height: 2px;background: #921f22;left: 0;transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease;
-o-transition: all .5s ease;}
.fenleilist li a:hover{color: #921f22; padding-left: 20px;}
.fenleilist li:hover a:before{width: 15px; background: #921f22;}
.fenleilist li.active,.fenleilist li.active a{color: #921f22; font-weight: bold;}
.sortimg{display: flex; justify-content: space-between; align-items: center; flex-direction: row; flex-wrap: wrap;}
.sortimg-l{width:66%;}
.sortimg-r{width:29%;}
.sortimg-r .sorttitle{font-size: 24px; line-height: 1.5; margin-bottom: 15px; color:#921f22}
.sortimg-r .sortfont{font-size: 16px; color:#666;}
.sortimg-r .sortfontview{line-height: 1.5;}
.sortimg-r .sortfontview p{padding:5px 0;}
.promain{overflow: hidden; padding: 40px 0;}
.promain li{width:32%; margin-right:2%; margin-top: 2%;}
.promain li:nth-child(-n+3){margin-top: 0;}
.promain li:nth-child(3n){margin-right: 0;}
.promain li .pic{overflow: hidden;position: relative;padding: 10px; background: #fff;}
.promain li .pic img{width: 100%;display: block; transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.promain li .pic:hover img{opacity: .8; transform: scale(1.05);}
.promain li .wenzi{padding: 20px 20px 20px 40px;position: relative;}
.promain li .wenzi:before{content: " ";width: 1px;height: 100%;background: #999;top: -20px;left: 20px;position: absolute;transition: all .5s ease;-moz-transition: all .5s ease;  -webkit-transition: all .5s ease; -o-transition: all .5s ease;}
.promain li .wenzi .title{font-size: 20px; line-height:26px; height: 52px; color: #000; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.promain li .wenzi .sort{font-size: 16px; color: #777; margin-top: 5px;}
.productxxcs{padding:60px 0 0;}
.productxxcs h3{font-size:24px; line-height: 1.2; color:#921f22; text-transform: uppercase;}
.productxxcs img{width:100%;display: block;}

.liaojie{width: 150px;text-align: center;border: 1px solid #7f7f7f;line-height: 50px;height: 50px;color: #333;margin-top: 40px;position: relative;}
.liaojie p{display: block;position: absolute;width: 100%;height: 100%;z-index: 99; text-transform: uppercase;}
.liaojie:after{content: " ";width: 0px;height: 50px;background: #921f22;display: block;position: absolute;top: 0;left: 0;transition: all .5s ease; -moz-transition: all .5s ease; -webkit-transition: all .5s ease; -o-transition: all .5s ease; z-index: 9;}
.liaojie:hover:after{width: 100%;}
.liaojie:hover p{color: #fff;}

.proxxcs .liaojie{width: 180px;border: 0px solid #7f7f7f;color: #fff; margin: 60px auto 0; background: #af7b4c;}
.proxxcs .liaojie p{color: #fff;}
/*custom*/
.diyboxfont{text-align: center; font-size: 18px; width:80%; margin:0px auto; line-height: 1.5;}
.diyboxfont p{padding:5px 0;}
.diybox { background-color: #f3f3f3; background: #f3f3f3 url(../images/cusbg.png) center;}
.diybox .cont {margin-top: 50px; display: flex; justify-content: space-between;}
.diybox .cont .img {width:48%; overflow: hidden; position: relative;}
.diybox .cont .img:hover::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); content: ""; display: block;}
.diybox .cont .img img { width: 100%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.diybox .cont .img:hover img { -webkit-transform: scale(1.04); transform: scale(1.04);}
.diybox .cont .cont-tit{position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 85%; z-index: 2;}
.diybox .cont .cont-tit h3{text-align: center; font-size:24px; color:#fff; transform: translateY(10px);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.diybox .cont .cont-tit span{font-size: 16px; color: #fff; display: block; padding:5px 0; opacity: 0; transform: translateY(10px);-webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.diybox .cont .img:hover .cont-tit h3{transform: translateY(20px);}
.diybox .cont .img:hover .cont-tit span{opacity: 1; transform: translateY(20px); color:#ddd}
.contlist{background: #fff;}
.contlist .wrapper{display: flex; justify-content: space-between; flex-wrap: wrap; flex-direction: row;}
.contlist .conttitle {text-align: center; font-size:30px; font-family: 'Lato-Bold'; padding:0 0 50px;}
.contlist .item{width:20%;}
.contlist .item .f_img { position: relative; z-index: 1; display: flex; align-items: center; justify-content: center;}
.contlist .item .f_img .img {margin:0px auto; width: 14.625vw; height: 14.625vw; overflow: hidden; border-radius: 50%; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.contlist .item .f_img .img img { width: 100%; height: 100%; object-fit: cover;}
.contlist .item .f_img .but { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 10.625vw; height: 10.625vw; border-radius: 50%; background-color: rgba(0, 0, 0, 0.8); z-index: 2; display: flex; align-items: center; flex-direction: column; justify-content: center; color: #fff; opacity: 0; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -o-transition: all 0.5s ease; transition: all 0.5s ease;}
.contlist .item .f_img .but span { font-size: 16px; margin-bottom: 20px; text-transform: uppercase;}
.contlist .item .font { font-size:22px; text-align: center; padding:30px 0 0;}
.contlist .item .f_img:hover .img { -webkit-transform: scale(1.1); transform: scale(1.1);}
.contlist .item .f_img:hover .but { opacity: 1;}
.customize{width: 100%;}
.customize .customize-item{display: block; padding:100px 0; background-color: #e8e4e1; position: relative;}
/* .customize .customize-ite:after { content: ""; display: block; width: 50%; position: absolute; z-index: 0; right: 0; top: 0; height: 100%; background-color: #333;} */
.customize .wrapper{display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.customize .customize-item:nth-child(2n) .wrapper{flex-direction: row-reverse;}
.customize .customize-item:nth-child(2n){padding:100px 0; margin:0; background-color: #fff;}
.customize .customize-font{width: 30%;}
.customize .customize-font .custtitle{ position: relative; z-index: 2; padding-bottom:25px; line-height: 2; color:#222;}
.customize .customize-font .custtitle::after{ position: absolute; content: ""; width: 120%; height: 2px; background: #999; left: 0; bottom: 0;}
.customize .customize-item:nth-child(2n) .customize-font .custtitle::after{left: auto; right: 0;}
.customize .customize-item:nth-child(2n) .customize-font .custtitle{text-align: right;}
.customize .customize-font .custtitle .num{font-size: 30px; font-family: 'Barlow-Medium';}
.customize .customize-font .custtitle .numtit{font-size: 24px; font-family: 'Lato-Bold';}
.customize .customize-font .cusdesc{font-size:16px; padding:30px 0 0; color:#666;}
.customize .customize-img{width: 68%; position: relative; z-index: 1;}
.customize .customize-img img{width: 100%;}

.problem { font-size: 16px;}
.problem ul { padding:0;}
.problem ul li {background: #f6f6f6; padding:10px 30px;}
.problem ul li:nth-child(2n){background: none;}
.problem ul li h3 { position: relative; cursor: pointer; font-size: 18px; font-weight: normal; line-height: 60px; background: url(../images/wen.jpg) no-repeat left center; background-size: 25px; padding-left:50px;}
.problem ul li h3:after { position: absolute; content: ""; display: block; width: 12px; height: 12px; top: 50%; right: 15px; margin-top: -7px; border-left: 2px solid #BFBFBF; border-top: 2px solid #BFBFBF; -webkit-transform: rotate(225deg); -ms-transform: rotate(225deg); -o-transform: rotate(225deg); transform: rotate(225deg); transition: all 0.5s ease;}
.problemcoment { background: url(../images/da.jpg) no-repeat left 25px; background-size: 25px; color:#666; font-size:16px; line-height: 1.6; display: none; border-top: 1px solid #ccc; padding:20px 0 10px 50px;}
.problem ul li.cur h3 { color: #d5532e;}
.problem ul li.cur h3:after { border-color: #d5532e; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.contact{}
.contact-r{width:42%; padding:50px 0 0;}
.feedback{background:#2c2c2c; padding:50px; width:50%;}
.feedback .row{margin-bottom: 15px; line-height: 1.1;}
.contact .rowtitle{color: #af7b4c; font-size:30px; font-family: 'Lato-Bold'; text-align: center;}
.contact .contact-r .rowtitle{text-align: left;}
.feedback .row-label{height: 35px;line-height: 35px; color: #af7b4c;}
.feedback .row-input input {background: none;width: 100%;height:45px;border: none; border-radius:5px; padding-left: 2%; border: 1px solid #af7b4c;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .row-input textarea{background: none;width:100%;height: 100px; padding:1% 2%;border-radius:5px; line-height: 24px; border: 1px solid #af7b4c;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.feedback .row-right{margin-top: 20px;}
.feedback .row-right input{background: #af7b4c;border-radius:100px;width: 100%;border: none; font-size: 16px; line-height:46px; height:46px;color: #fff;cursor: pointer;}
.contact .contactcontent{font-size:18px; padding:20px 0 0; line-height: 1.5;}
.contact .contactcontent p{padding:5px 0;}
/*新闻*/
.newscon-lt{width: calc(100% - 550px);width: -webkit-calc(100% - 550px);}
.newscon-rt{width: 420px;}
.news-title{font-size: 24px;color: #000;line-height: 1;margin-bottom: 30px;}
.newsview{border-bottom:1px solid #cabcb2; padding:0 0 15px;}
.newsview-tit{font-size: 24px; margin-bottom: 10px; color:#000; line-height: 1.5;}
.newsview-desc{font-size: 14px;color: #999;}
.viewcontent{font-size: 16px;color: #333;line-height: 2; margin-top: 20px; min-height: 350px;}
.viewcontent img{display: block; width: 100%; margin:10px auto;}

.newstj{}
.newstj li{}
.newstj li+li{padding:30px 0 0;}
.newstj-img{width: 35%;overflow: hidden;}
.newstj-img img{width: 100%;transition: all .5s ease; -webkit-transition:all .5s ease;}
.newstj-font{width: calc(100% - 40%);width: -webkit-calc(100% - 40%);}
.newstj-tit{font-size: 16px;overflow: hidden; text-overflow: ellipsis; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; transition: all .5s ease; -webkit-transition:all .5s ease;}
@media all and (max-width:1100px){
.topproblank{height: 0;}
.padding-lg{padding:20px 0;}
.padding-l{padding:20px 0;}
.nybanner{position: relative;}
.nybanner .neiyetitle{ bottom: 2%; font-size: 12px;}
.nybanner .neiyetitle span{font-size: 16px;}
.nybanner .neiyetitle em{padding:0 8px;}

.location{ padding:7px 3%; font-size:14px;}
.aboutcontent{padding:0; font-size:14px;}
.aboutcontent h2{font-size:16px; margin-bottom:0;}
.aboutcontent p{padding:5px 0;}
.aboutcon-item{flex-direction: column; padding:10px 0;}
.aboutcon-item:nth-child(2n){flex-direction: column;}
.aboutcon-item .aboutcon-item-l{width:100%;}
.aboutcon-item .aboutcon-item-r{width:100%; margin-top: 10px;}

.wrapper-l{width:100%; position: static; float:none; top:0; padding:20px 0 0;}

.search-box { height:34px; background:rgba(255,255,255,0.4);}
.search-input input { font-size: 12px; line-height: 34px;}
.search-but .iconfont{font-size:18px; display: block; line-height: 34px; color:#000;}

.wrapper-r{width:100%; padding-top:20px; float:none;}
.fenleilist{padding: 10px 0;}
.fenleilist h2{font-size: 16px; border-bottom: 1px solid #d2c9c4; line-height: 36px; margin-top: 0px; margin-bottom: 0px; padding-left: 10px; cursor: pointer; position: relative;}


.fenleilist h2:before{content: ""; position: absolute; top: 14px; right: 13px; width: 8px; height: 8px; border-right: 2px solid #7c8287; border-top: 2px solid #7c8287; border-left: 0; border-bottom: 0; transform: rotate(135deg); -moz-transform: rotate(135deg); -ms-transform: rotate(135deg); -o-transform: rotate(135deg); -webkit-transform: rotate(135deg); transition: all .5s ease; -webkit-transition: all .5s ease;}

.fenleilist h2.cur:before{top: 14px; transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); -webkit-transform: rotate(315deg); transition: all .5s ease; -webkit-transition: all .5s ease;}

.fenleilist ul{display: none;padding:5px 0;}
.fenleilist li a{line-height:26px;}

.sortimg{flex-direction: column;}
.sortimg-l{width:100%;}
.sortimg-r{width:100%;}
.sortimg-r .sorttitle{font-size: 16px; margin-bottom: 5px; margin-top: 10px;}

.promain{overflow: hidden; padding: 20px 0;}
.promain li{width:49.5%; margin-right:1%; margin-top: 1%;}
.promain li:nth-child(-n+3){margin-top: 1%;}
.promain li:nth-child(3),.promain li:nth-child(9){margin-right:1%;}
.promain li:nth-child(2n){margin-right: 0;}
.promain li .pic{padding: 0px;}
.promain li .wenzi{padding: 10px 0 10px 25px;position: relative;}
.promain li .wenzi:before{top: -10px;left: 10px;}
.promain li .wenzi .title{font-size: 16px; line-height:1.5; height: auto;}
.promain li .wenzi .sort{font-size: 14px; margin-top: 5px;}
.wrapperpro{width:100%; padding:0 3%; box-sizing: border-box;}
.sortimg-r .sortfont{font-size: 14px;}
.productxxcs{padding:20px 0 0;}
.productxxcs h3{font-size:16px;}

.liaojie{width: 120px;line-height: 36px;height: 36px;margin-top: 15px;}
.liaojie:after{height: 36px;}

.allcases .prev,
.allcases .next,
.allproduct .prev,
.allproduct .next{ border-radius: 1px; width: 32px; height: 32px; line-height: 32px;}
.customa .prev,
.customa .next,
.customb .prev,
.customb .next,
.customc .prev,
.customc .next,
.customd .prev,
.customd .next{ border-radius: 1px; width: 32px; height: 32px; line-height: 32px;}
.proxxcs{background:#333;}
.proxxcs .prosm-tit{padding:0 0 20px;}
.proxxcs img{margin:10px auto;}
.proxxcs .liaojie{width: 150px;line-height: 40px;height: 40px;margin-top: 15px; background: #af7b4c;}

.prosm-tit{font-size:16px;}
.prosm-desc{padding:0 0 30px; font-size:14px;}

.caselist{display: flex; flex-wrap: wrap;}
.caselist>.item{width: 49.5%; border: 0px solid #cabcb2; display: block; background: none; margin-right:1%; margin-top: 1%; box-sizing: border-box;}
.caselist>.item:nth-of-type(2n){margin-right:0px;}
.caselist>.item:nth-of-type(3),.caselist>.item:nth-of-type(9){margin-right:1%;}
.caselist>.item:nth-of-type(-n+3){margin-top:1%;}
.caselist>.item .pname{font-size:14px; padding:0; height:40px; line-height:1.8;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.caselist>.item span { width:36px; height:36px; margin-left:-18px; margin-top:-18px; font-size:18px; line-height:36px;}
.caselist>.item:hover .pname em{ padding:0 10px; height:40px;}

.productlist{padding-top:10px;}
.productlist li{width:49.5%; margin-right:1%; margin-top:1%;}
.productlist li:nth-child(2n){margin-right:0;}
.productlist li h2{font-size:14px; padding:10px 0;}

.allcases {padding:20px 0;}
.casesort{padding:0 0 15px;}
.casesort ul{display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; flex-wrap: wrap; flex-direction:row; justify-content: center;}
.casesort li{padding:0 3px;}
.casesort li a{ padding:2px 15px; font-size:14px;}

.problem { font-size: 14px;}
.problem ul li {background: #f6f6f6; padding:6px 10px;}
.problem ul li h3 {font-size: 16px; line-height: 40px; background-size: 18px; padding-left:28px;}
.problem ul li h3:after { width: 8px; height: 8px;; right: 10px; margin-top: -4px;}
.problemcoment { background: url(../images/da.jpg) no-repeat left 15px; background-size: 18px; font-size:14px; padding:10px 0 10px 28px;}

.contact{}
.contact-r{width:100%; padding:30px 0 0;}
.feedback{background:none; padding:0px; width:100%;}
.feedback .row{margin-bottom: 10px; line-height: 1.1;}
.contact .rowtitle{font-size:18px;}
.contact .contact-r .rowtitle{text-align: center;}
.feedback .row-label{height: 30px;line-height: 30px; color: #af7b4c;}
.feedback .row-input input {height:35px;}
.feedback .row-input textarea{height: 100px; line-height: 22px;}
.feedback .row-right{margin-top: 15px;}
.feedback .row-right input{font-size: 14px; line-height:36px; height:36px;}
.contact .contactcontent{font-size:16px; padding:15px 0; line-height: 1.6;}
.contact .contactcontent p{padding:5px 0;}

/*custom*/
.diyboxfont{font-size: 14px; width:100%; text-align: left;}
.diybox .cont {margin-top: 0; display: flex; flex-direction: column;}
.diybox .cont .img {width:100%; margin-top: 15px;}
.diybox .cont .img::after{position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.35); content: ""; display: block;}
.diybox .cont .cont-tit{ width: 96%;}
.diybox .cont .cont-tit h3{text-align: center; font-size:20px;}
.diybox .cont .cont-tit span{font-size: 14px; opacity: 1;}
.diybox .cont .img:hover .cont-tit h3{transform: translateY(10px);}
.diybox .cont .img:hover .cont-tit span{opacity: 1; transform: translateY(10px); color:#ddd}
.contlist{background: #fff;}
.contlist .conttitle { font-size:18px; padding:0;}
.contlist .item{width:50%; margin-top: 20px;}
.contlist .item .f_img {}
.contlist .item .f_img .img {margin:0px auto; width: 30vw; height: 30vw;}

.contlist .item .f_img .but { width: 15vw; height: 15vw;}
.contlist .item .f_img .but span { font-size: 12px; margin-bottom: 5px; text-transform: uppercase;}
.contlist .item .font { font-size:16px; padding:5px 0 0;}

.customize .customize-item{display: block; padding:25px 0; background-color: #e8e4e1; position: relative;}
.customize .wrapper{flex-direction: column;}
.customize .customize-item:nth-child(2n) .wrapper{flex-direction: column;}
.customize .customize-item:nth-child(2n){padding:25px 0; margin:0; background-color: #fff;}
.customize .customize-font{width: 100%;}

.customize .customize-font .custtitle{ position: relative; z-index: 2; padding-bottom:10px; line-height: 1.5; color:#222;}
.customize .customize-font .custtitle::after{ width: 100%;}
.customize .customize-item:nth-child(2n) .customize-font .custtitle::after{left: auto; right: 0;}
.customize .customize-item:nth-child(2n) .customize-font .custtitle{text-align: left;}
.customize .customize-font .custtitle .num{font-size: 18px;}
.customize .customize-font .custtitle .numtit{font-size: 16px;}
.customize .customize-font .cusdesc{font-size:14px; padding:10px 0 15px; color:#666;}
.customize .customize-img{width: 100%;}

.sortlist{padding:20px 0;}
.sortlist li{width:100%; position: relative; overflow: hidden; margin:10px 0;}
.sortcontent { padding:4%;}
.sortcontent-tit { font-size: 18px;}
.sortcontent-list a{ font-size: 16px;}
}