@charset "utf-8";
* { padding: 0; margin: 0; outline: 0; text-decoration: none; list-style: none;}
html,body{font-size: 14px;font-family:"Microsoft YaHei","Arial";border:0;}
input{ border:none; }
body{overflow-x:hidden; }
img { border: none; }
audio,canvas,video{ display: inline-block; *display: inline; *zoom: 1;}
a{color: #000;}
.fl{ float: left;}
.fr{float: right;}
.clear:after{ content: ''; display: table; clear: both; }
.w1626{ width:1626px; margin:0 auto;}
.w1400{width: 1400px;margin: 0 auto;}
.w1300{width: 1300px;margin: 0 auto;}
.w1600{width: 1600px;margin: 0 auto;}
.bge2{background: #e2e2e2;}
.bgf8{background: #f8f8f8;}
.bgf2f3f4{background: #f2f3f4;}
.img100 img{width: 100%;vertical-align: bottom;}
h3{font-size: 32px; color: #4b453f;}
.margin-tb120{margin: 120px auto;}
.margin-tb60{margin: 60px auto;}
.margin-tb90{margin: 90px auto;}
.padding-tb120{padding: 120px 0;}
.padding-tb80{padding: 80px 0;}
.text-center{text-align: center;}
.table{display: table;width: 100%;height: 100%;}
.table-cell{display: table-cell;vertical-align: middle;}
.border-bottom{border-bottom: 1px solid #e1e1e1;}
.pc-show{display: block;}
.wap-show{display: none;}
/*index*/
.header{position: relative;z-index: 999;width: 100%;height: 114px;background: none;}
.header .w1600{position: relative;}
.header-con{position: fixed;width: 100%;height: 114px;z-index: 999;left: 0;top:0;background: #f7f8f8;}
.index-body .header-con{background: none;}
.logo{position: absolute;left: 0;top:0;z-index: 9999;}
.logo img{height: 114px;vertical-align: bottom;}
.nav{margin-right: 228px;}
.nav-list li{float: left;margin-left: 75px;}
.nav-list li:after{display: table;clear: both;content: '';}
.nav-yi{line-height: 114px;position: relative;float: left;color: #4a4a4a;}
.nav-yi:after{content: ''; position: absolute;width:0;top:50%;margin-top: 25px;left: 50%;border-top: 2px solid #4a4a4a;transform: translateX(-50%);-webkit-transform: translateX(-50%);}
.nav-list li.active .nav-yi:after{width: 100%;}
.header-right{position: absolute;right:0;top:45px;padding-left: 34px;}
.header-right:before{content: '';position: absolute;left: 0;top:25%;height: 50%;border-left: 1px solid #4a4a4a;}
.header-right img{vertical-align: middle;}
.language{margin-left: 20px;}
.header-right .forlink{width: 64px;}
.language a{margin-left: 10px;line-height: 25px;}
.banner-bg{position: absolute;left: 0;top:0;width: 100%;}
.banner-bg-txt{position: absolute;right: 0;bottom:0;width: 8%;text-align: center;}
.banner-bg-txt img{width: auto;vertical-align: bottom;}
.banner-bg-line{height: 0;border-left: 1px solid #838383;margin-left: 50%;margin-bottom:12px;opacity: 0;}
.banner-bg-txt p{opacity: 0;}
.banner-bg-txt.active .banner-bg-line{animation:tolong 2s 1.5s both;-webkit-animation:tolong 2s 1.5s both;}
@keyframes tolong{
	0%{height: 0;opacity: 0;}
	100%{height: 52px;opacity: 1;}
}
.banner-bg-txt.active p{animation:toshow 2s both;-webkit-animation:toshow 2s both;}
@keyframes toshow{
	0%{transform:translateY(100px);-webkit-transform:translateY(100px);opacity: 0;}
	100%{transform:translateY(0);-webkit-transform:translateY(0);opacity: 1}
}
.banner{width: 92%;}
.banner-dots{padding:50px 50px 30px;min-width: 400px;position: relative;}
.banner-btn{margin-left: 50px;}
.banner-dots-con div{margin-right: 18px;margin-top: 6px;cursor: pointer;position: relative;}
.banner-dots-con b{position: absolute;left: 0;bottom:100%;margin-bottom: 5px;display: none;}
.banner-dots-con span{display: block;width: 30px;height: 4px;background: #fff;}
.banner-dots-con div.active span{background: #000000;}
.banner-dots-con div.active b{display: block;}
.banner-btns{width: 21px;height: 15px;background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer;}
.banner-btns1{background-image: url("../images/btn1.png");margin-right: 30px;}
.banner-btns2{background-image: url("../images/btn2.png");}
.banner-wz{opacity: 0; margin-top:-6%; transform: translateY(100%);-webkit-transform: translateY(100%);transition: all 2s;-webkit-transition: all 2s;}
.banner .swiper-slide.swiper-slide-active .banner-wz{transform: translateY(0);-webkit-transform: translateY(0);opacity: 1;}
.banner-con{position: absolute;left: 0;top:0;right:0;bottom:0;}
.banner-wz img{width: auto;max-width: 90%;}
.banner-wz2 img{width: auto;max-width: 90%;}
.banner-wz2{opacity: 0; position: absolute; left: 8%;bottom:6%; transform: translateX(100%);-webkit-transform: translateX(100%);transition: all 2s;-webkit-transition: all 2s;}
.banner .swiper-slide.swiper-slide-active .banner-wz2{transform: translateX(0);-webkit-transform: translateX(0);opacity: 1;}

.title1{margin-bottom: 60px;}
.title1 h3 span{font-weight: normal;font-size: 16px;margin-left: 5px;}
.pro-btns{width: 20px;height: 14px;background-repeat: no-repeat;background-size: cover;background-position: center;cursor: pointer;margin: 12px 10px 0;}
.pro-btns1{background-image: url("../images/btn5.jpg");}
.pro-btns2{background-image: url("../images/btn6.jpg");}
.pro-btns1.swiper-button-disabled{background-image: url("../images/btn3.jpg");}
.pro-btns2.swiper-button-disabled{background-image: url("../images/btn4.jpg");}
.pro-list .img100{margin-bottom: 35px;overflow: hidden;}
.pro-list span{font-size: 12px; color: #9c9c9d;margin-left: 15px;text-transform: uppercase;}
.shipin{text-align: center;background: #000;}
.shipin video{height:720px;vertical-align: bottom;}
.poster{position: relative;cursor: pointer;}
.play{position: absolute;width: 89px;height: 89px; border-radius: 100%;-webkit-border-radius:100%; background: url("../images/play.png") no-repeat center;background-size: cover;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
.sptc{position: fixed;z-index: 99999;background: rgba(0,0,0,0.5);left: 0;right: 0;top: 0;bottom:0;display: none;}
.video_t{position: absolute;left: 50%;top:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);width: 1270px;max-width: 90%;}
.video_t a{position: absolute;width: 38px;height: 38px;right: -19px;top:-19px;}
.video_t a img{width: 100%;vertical-align: bottom;}
.video_t video{width: 100%;vertical-align: bottom;}
.maigelan{width: 1490px;max-width: 94%;position: relative;}
.mai-con{position: absolute;left: 0;top:0;height: 100%;width: 36.5%;}
.mai-con span{font-size: 20px; color: #4b453f;}
.mai-con h3{margin: 5px 0;}
.mai-con b{display: block;margin-bottom: 20px; color: #313538;}
.redmore{position: absolute;left: 0;bottom:-50px;}
.redmore p{color: #000;font-weight: bold;margin-bottom: 8px;}
.redmore i{display: block;width: 50%;border-top: 2px solid #000;}
.maigelan-img{width: 60.5%;position: relative;}
.maiplay-txt{position: absolute;left: 40px;bottom:40px;z-index: 99;color: #fff;font-size: 38px;line-height: 1em;}
.maidot{position: absolute;left: 0;bottom:-42px;}
.maidots{float: left;width: 30px;height: 3px;background: #cac6c3;margin-right: 20px;position: relative;cursor: pointer;}
.maidots i{position: absolute;left: 0;top:0;width: 0;height: 100%;background: #4a4340;}
.maigelan-ab{padding-bottom: 60px;}
.news{background: #e5e7e9;margin-bottom: 0 !important;}
.news-title{padding: 180px 0;width: 25%}
.news-list{width: 75%;}
.news-list a{display: block;padding: 180px 0;}
.news-list li{width: 33.33%;float: left;}
.news-title-txt{margin: 0 auto;width: 90px;}
.news-title-txt h3{margin-bottom: 150px;}
.news-title-txt p{font-size: 16px;}
.news-title-txt a{text-transform: uppercase;position: relative;padding-bottom: 8px;}
.news-title-txt a:after{content: '';position: absolute;left: 0;bottom:0;border-bottom: 2px solid #000;width: 100%;}
.news-list-txt{width: 330px;max-width: 94%;margin: 0 auto;}
.news-list h4{color: #4b453f;height:2.8em;}
.riqi{margin: 20px 0;}
.date{font-size: 10px; color: #fff;text-transform: uppercase;background: #4b453f;padding: 1px 5px;}
.dates{font-size: 12px;color: rgba(75,69,63,.54);}
.news-list-txt p{color:#666;line-height: 1.4em;height: 7em;overflow: hidden;display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 5;  }
.gdxx{margin-top: 40px;font-size: 10px;font-weight: bold;color: #1f1f1f;text-transform: uppercase;margin-left: 5px;}
.footer-top{padding: 40px 0;}
.logo2{width: 98px;margin-right: 60px;}
.footer-top-txt h4{color: #444;font-size: 18px;font-weight: normal;}
.footer-top-txt p{margin: 10px 0 20px;color: #969696;}
.footer-top-txt span{color: #969696;margin-right: 20px;}
.footer-top-txt span i{color: #000;font-style: normal;}
.share{text-align: right;}
.share p{color:rgba(0,0,0,0.75);}
.share h5{ color: rgba(30,30,30,.75);font-size: 24px;font-weight: normal;text-transform: uppercase;}
.weixinbo{margin-top: 9px;margin-left: 20px;}
.weixinbo-list{width: 88px;border:2px solid #aeadaf;border-radius: 5px;-webkit-border-radius: 5px;line-height: 28px;margin-left: 15px;position: relative;}
.weixinbo .weixinbo-list a{position: absolute;top:0;left: 0;right: 0;bottom:0;background: none !important;margin: 0;padding: 0;height: 32px;}
.weixinbo-list .img{vertical-align: bottom;margin-left: 5px;width: 28px;height: 28px;}
.weixinbo-list span{color: rgba(30,30,30,.54);margin-right: 14px;}
.weixinbo-list .img1{background-image: url(../images/weixin2.png);}
.weixinbo-list .img2{background-image: url(../images/weibo2.png);}
.footer-bot{padding: 50px 0 60px;border-top: 1px solid #e0e0e0;font-size: 12px; color: #999;}
.footer-bot a{font-size: 12px; color: #999;}
.footer-bot-right a{margin: 0 32px;}
.toTop{position: fixed;z-index: 998;right: 0;bottom: 100px;width: 50px;height: 50px;cursor: pointer;display: none;}
.toTop polyline{stroke: #212d50;}
.toTop circle,.toTop polyline{fill: none;stroke: #ccd2d9;stroke-linecap: round;stroke-linejoin: round;}
/*2-0品牌*/
.nav-ny{border-bottom: 1px solid #e5e5e5;}
.nav-ny li{display: inline-block;margin: 0 130px;line-height: 100px;}
.nav-ny li a{color: #999;}
.nav-ny li.active a{color: #4a4a4a;}
.maigelan-ab2 .maigelan{width: 1600px;}
.maigelan-ab2 .maigelan-img{width: 56.5%;}
.maigelan-ab2 .mai-con h3{margin-bottom: 60px;}
.maigelan-ab2 .mai-con p{margin-top: 20px;}
.pptz{overflow: hidden;}
.pptz .margin-tb120{position: relative;}
.pptz .title1{position: absolute;left: 0;top:0;}
.title1 b{font-size: 20px;margin-bottom: 5px;display: block;}
.title1 i{display: block;width: 62px;height: 4px;background: #0d0c0b;margin-top: 30px;}
.pptz-list{margin-left: 300px;}
.pptz-list li{float: left;width: 45%;margin-right: 10%;position: relative;margin-top: 100px;}
.pptz-list li:nth-child(even){margin-right: 0;}
.pptz-list li:nth-child(1),.pptz-list li:nth-child(2){margin-top: 0;}
.order{position: absolute;top:0;left: 0;color: #999;font-size: 28px;line-height: 1em;}
.pptz-list-text{margin-left: 60px;}
.pptz-list-text h5{font-size: 18px;font-weight: normal;margin-bottom: 25px;}
.mission-top{position: relative;border-bottom: 1px solid #e0e0e0;}
.mission-top-text{margin-left: 200px;padding-top: 15px;}
.mission-top-text p{color: #999;}
.title2 h3{font-size: 20px;color: #000;}
.mission-list li{float: left;width: 33%;margin-top: 70px;position: relative;text-align: left;margin-right: 0.5%;}
.mission-list li:last-child{margin-right: 0;}
.mission-list b{position: absolute;left: 40px;top:40px;color: #fff;}
.mission-list b:before{content: "";position: absolute; width: 35px;left: 100%;top:50%;border-top: 1px solid #fff;margin-left: 10px;}
.mission-con{position: absolute;bottom:27px;width: 100%;}
.mission-des{width: 290px;margin: 0 auto;background: rgba(255,255,255,.6);}
.mission-des{position: relative;padding: 11px 5px;box-sizing: border-box;border-radius: 10px;-webkit-border-radius: 10px;}
.mission-des span{position: absolute;left: 12px;top:1px;font-size: 36px;color: rgba(34,34,34,.75);width: 36px;}
.mission-des span img{width:100%;vertical-align: bottom;}
.mission-des p{margin-left: 50px;}
.mxal{margin-top: 60px;}


.values{color: #fff;background-size: cover;background-position: center;background-repeat: no-repeat;}
.values h3{color: #fff;}
.values p{max-width: 100%;width: 534px;margin: 0 auto;color: rgba(255,255,255,.75);}
.values i{display: block;width: 56px;border-top: 2px solid #fff;margin: 60px auto 0;}
.about-box .mission-top-text{padding-top: 0;}
.about-list{margin-top: 50px;}
.about-list li{float: left;width: 20%;box-sizing: border-box;}
.about-list li img{display: block;margin: 0 auto;}
.about-list li p{text-align: justify;}
.about-list-con{border-right: 1px solid #dfe0e0;margin-top: 25px;height: 180px;}
.about-list-text{max-width: 94%;margin: 0 auto;width: 200px;}
.about-list-text h4{text-align: center;font-size: 18px;font-weight: normal;margin-bottom: 50px;}
.about-list li:last-child .about-list-con{border:none;}
.honors .pagination1{text-align: center;margin-top: 70px;}
.honors .pagination1 span.swiper-pagination-bullet{width: 15px;height: 15px;background: #b9baba;opacity: 1;margin: 15px;}
.honors .pagination1 span.swiper-pagination-bullet-active{background: url('../images/i6.png') no-repeat center;background-size: cover;}
@keyframes tb{
	0% {
	    transform: scale(1);
	    -webkit-transform: scale(1);
	}
	50% {
	    transform: scale(1.06);
	    -webkit-transform: scale(1.06);
	}
	100% {
	    transform: scale(1);
	    -webkit-transform: scale(1);
	}
}
.honors .swiper-slide .img{background: #edeff0;}
.honors .swiper-slide p{text-align: center;max-width: 94%;margin: 15px auto 0;color: #666;}
/*产品*/
.product-page{padding-bottom: 150px;border-bottom: 1px solid #e6e6e6;}
.product-page .w1300{position: relative;min-height: 200px;}
.pro-type{width: 220px;position: absolute;top:0;left: 0;padding-top: 40px;}
.pro-type h3{font-size: 20px;color: #4a4a4a;margin-bottom: 20px;}
.pro-type ul{border-top: 1px solid #e0e0e0;}
.pro-type li{border-bottom: 1px solid #e0e0e0;}
.pro-type li a{display: block;padding-left: 20px;color: #a3a3a3;position: relative;line-height: 46px;}
.pro-type li.active a{color: #000;font-weight: bold;}
.pro-type li a:after{content: '';position: absolute;width: 16px;height: 16px;top:50%;right: 0;margin-top: -8px;background: url("../images/i7.jpg") no-repeat center;background-size: cover;}
.product-box{margin-left: 280px;padding-top: 40px;}
.cppx-box{position: relative;z-index: 8;}
.cppx{position: relative;cursor: pointer;}
.cppx:after{content: '';position: absolute;width: 14px;height: 14px;right: 0;top:2px;background: url("../images/i8.jpg") no-repeat center;background-size: cover;}
.cppx p{padding:0 20px;}
.cppx ul{position: absolute;width: 100%;box-shadow: 0 0 4px #ddd;padding:5px 0;top:25px;left: 0;display: none;background: #fff;max-height: 180px;}
.cppx li{padding: 0 20px;cursor: pointer;margin: 4px 0;}
.pro-list-title{padding: 0 5px;background: #4a4a4a;color: #fff;line-height: 40px;margin: 25px 0;}
.pro-lb li{float: left;width: 32%;margin-right: 2%;margin-bottom: 50px;}
.pro-lb li:nth-child(3n){margin-right: 0;}
.pro-lb li .img100{position: relative;background: #f7f7f9;overflow: hidden;}
.shadow1{position: absolute;left: 0;top:0;right: 0;bottom:0;background: rgba(74,74,74,.75);z-index: 3;opacity: 0;}
.entrydetails{position: absolute;left: 50%;bottom:-40px;z-index: 6;width: 138px;line-height: 38px;border:1px solid #fff;text-align: center;margin-left: -70px;color: #fff;opacity: 0;}
.pro-lb li h4{font-weight: normal;font-size: 14px;margin: 24px 0;}
.pro-lb li p{font-size: 12px;color: #a3a3a3;line-height: 1.8em;height: 5.4em;display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.return-ligt{color: #999;font-size: 12px;text-decoration: underline;position: relative;padding-left: 20px;}
.return-ligt:before{width: 12px;height: 10px;position: absolute;content: '';background: url("../images/i9.png") no-repeat center;background-size: cover;left: 0;top:50%;margin-top: -5px;}
.cpxq-top{margin: 90px 0;position: relative;min-height: 300px;}
.cpxq-img{width: 68.5%;position: relative;}
.cpxq-img .pagination2{text-align: center;margin-top: 40px;position: absolute;width: 100%;z-index: 9;}
.cpxq-img .pagination2 span.swiper-pagination-bullet{width: 9px;height: 9px;background: none;border: 1px solid #c5c5c5; opacity: 1;margin: 0 5px;background: #fff;}
.cpxq-img .pagination2 span.swiper-pagination-bullet-active{background:#222;border-color: #222;}
.cpxq-img .swiper-container{/*background: url(../images/0004.jpg) no-repeat center;background-size: cover;*/background: #f7f8f8}
.cpxq-con{position: absolute;right: 0;height: 100%;width: 24.5%;top:0;}
.cpxq-con-a{margin-bottom: 50px;}
.cpxq-con-a span{font-size: 22px;color: #222;}
.cpxq-con-a b{font-size: 12px;color: #fff;background: #0b2339;font-weight: normal;padding:2px 7px;}
.cpxq-con-b h4{font-size: 14px;color: rgba(34,34,34,.75);margin-bottom: 12px;}
.cpxq-con-b{margin-bottom: 20px;}
.cpxq-con-b p{color: rgba(34,34,34,.75);line-height: 2em;text-align: justify;}
.cpxq-con-c{margin: 35px 0;}
.cpxq-con-c a{display: block;background: #eff0f1;line-height: 42px;padding-left: 68px;position: relative;}
.cpxq-con-c i{position: absolute;width: 22px;height: 22px;top:50%;margin-top: -11px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.cpxq-con-c i.i10{background-image: url("../images/i10.png");left: 14px;}
.cpxq-con-c i.i11{background-image: url("../images/i11.png");right: 22px;}
.forlink.bdsharebuttonbox a{width: 24px;height: 24px;padding: 0;margin: 0 4px;background-size: cover;background-repeat: no-repeat;background-position: center;}
.forlink.bdsharebuttonbox span{line-height: 24px;margin-right: 16px;font-weight: bold;}
.forlink.bdsharebuttonbox a.weixin{background-image: url("../images/weixin.png");}
.forlink.bdsharebuttonbox a.weibo{background-image: url("../images/weibo.png");}
.cpcs{background: #f7f7f7;margin-top:120px;}
.cpcs-page{border-top: 1px solid #bababa;border-bottom: 1px solid #bababa;}
.cpcs-page:nth-child(1){border-bottom: none;}
.cpcs-page h5{position: relative;font-size: 14px;color: #222;line-height: 80px;cursor: pointer;padding-left: 32px;}
.cpcs-page h5 i{content: '';  position: absolute;  width: 14px;  height: 14px;  top: 50%;  right: 0;  margin-top: -7px; background-size: cover;background-repeat: no-repeat;background-position: center;}
.cpcs-page h5 i.i12{background-image: url("../images/i12.png");left: 0;}
.cpcs-page h5 i.i13{background-image: url("../images/jian.png");right: 36px;}
.cpcs-page.active h5 i.i13{background-image: url("../images/i7.jpg");}
.cpcs-con{margin: 0 32px;padding-bottom: 50px;}
.cpcs-con p,.cpcs-con span{word-break: break-all;}
.cpxq-cpcs,.cpcs-con table{width: 100% !important;}
.cpcs-con td{border:none !important;}
.cpcs-page2 .cpcs-con{display: none;}
.cpxq-cpcs th{text-align: left;padding: 20px 0 40px;min-width: 60px;word-break: break-all;}
.cpxq-cpcs td{padding-top: 10px;color: #666;word-break: break-all;}
.cpxq-cpcs li{width: 23%;float: left;padding-right: 2%;}
.cpxq-cpcs li b{font-size: 14px;color: #222;display: block;margin: 20px 0 40px;}
.cpxq-cpcs li p{color: #666;margin-top: 10px;}
.cpxq-cpjg-top{font-size: 18px;}
.cpxq-cpjg li{float: left;width: 32%;margin-right: 2%;margin-top: 30px;}
.cpxq-cpjg li:nth-child(3n){margin-right: 0;}
.cpxq-cpjg-text1{font-size: 18px;font-weight: bold;color: #222;text-transform: uppercase;}
.cpxq-cpjg-text2{font-size: 16px;margin: 8px 0;}
.cpxq-cpjg-text3{font-size: 16px;}
.cpxq-cpjg-text{width: 50%;}
.cpxq-cpjg-img{width: 48%;margin-left: 2%;}
.cpxq-cpjg-img img{max-width: 100%;vertical-align: bottom;}
/*视频*/
.video-title span{font-size: 20px;color: #4b453f;}
.video-title b{font-size: 25px;color: #4b453f;margin-left: 10px;}
.video-box{background: #000;padding:0 !important;margin-top: 40px;position: relative;}
.video-box video{width: 100%;vertical-align: bottom;}
.video-box-hb{position: absolute;left: 0;right: 0;top:0;bottom:0;cursor: pointer;z-index: 9;background-size: cover;background-position: center;background-repeat: no-repeat;}
.xcplb .title1 b{font-size: 20px;}
.xcplb .title1 h3{font-size: 25px;}
.xcplb li{float: left;width: 49%;margin-right: 2%;margin-bottom: 3%;}
.xcplb li:nth-child(even){margin-right: 0;}
.xcsp-con{position: relative;margin-top: 30px;padding-right: 120px;}
.xcsp-con h4{font-size: 16px;font-weight: normal; margin-bottom: 8px;}
.xcsp-con p{font-size: 12px;color: #999;}
.spbtn{position: absolute;right: 0;top:0;font-size: 16px;color: rgba(0,0,0,.45);padding-right: 45px;cursor: pointer;}
.spbtn:after{content: ''; position: absolute; width: 28px;height: 28px;background: url("../images/btn300.png") no-repeat center;background-size: cover;top:50%;margin-top: -14px;right: 0;}
.video-title i{display: block;width: 106px;margin: 20px auto;border-top: 1px solid #000;}
.video-title p{color: rgba(0,0,0,0.65);line-height: 1.6em;}
.xcplb li video{width: 100%;}
.xcplb li .img100{position: relative;}
.poster2{position: absolute; cursor: pointer; left: 0;top:0;right: 0;bottom:0; z-index: 9; background-size: cover;background-position: center;background-repeat: no-repeat;}
.poster2 .play{width: 48px;height: 48px;}
.xcplb li.active .playbox{display: none;}
/*形象*/
.view{width: 99%;margin: 0 auto;}
.preview .swiper-slide{width: 24%;margin: 0 0.5%;}
.preview{position: relative;margin-top: 2%;}
.preview .swiper-slide{cursor: pointer;border:2px solid #fff;box-sizing: border-box;}
.preview .swiper-slide.active-nav{border-color: #000;}
.arrow{position: absolute;width: 26px;height: 26px;top:50%;margin-top: -13px;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 10;}
.preview .arrow-left{left: 2%;background-image: url("../images/btn7.png");}
.preview .arrow-right{right:2%;background-image: url("../images/btn8.png");}
.headquarters .video-title{text-align: center;}
.headquarters .video-title span{font-size: 18px;font-weight: bold;}
.headquarters .video-title b{font-size: 20px;}
.headquarters-list{margin-top: 60px;}
.headquarters-list li{float: left;text-align: center;width: 48%;padding: 0 1%;}
.headquarters-list li:last-child{margin-right: 0;}
.headquarters-list li img{vertical-align: middle;}
.headquarters-list li p{color: rgba(0,0,0,0.75);display: inline-block;vertical-align: middle;margin-left: 8px;}
/*新闻*/
.xinwen-box{border-bottom: 1px solid #e1e1e1;padding-bottom: 50px;}
.xinwen-box li{float: left;width: 31%;margin-right: 3.5%;margin-bottom:130px;border-top: 1px solid #6a7074;}
.xinwen-box li span{display: block; padding: 20px 0;  line-height: 1em;  font-size: 18px;  color: #000000; font-family: Arial;}
.xinwen-box li:nth-child(3n){margin-right: 0;}
.xinwen-box li h4{margin-bottom: 18px; font-size: 18px;  line-height: 1.6em;  height: 3.2em; overflow: hidden;color: #000;font-weight: normal;}
.xinwen-box li .img100{overflow: hidden;}
.xinwen-box li p{color: #858585; font-size: 12px;  line-height: 2em;  height: 10em;  overflow: hidden; margin-bottom: 34px;}
.xinwen-box li p a{color: #7d7d7e;display: block;}
.more1{display: block;width: 80px;text-transform: uppercase;font-size: 12px; color: #595959;border-bottom: 1px solid #595959;line-height: 32px;position: relative;margin-top: 15px;}
.more1:after{content: '';position: absolute;width: 16px;height: 8px;background: url("../images/i19.jpg") no-repeat center;background-size: cover;right: 0;top:50%;margin-top: -4px;}

.ckgdxw{padding: 50px 0;}
.ckgdxw a{color: #000;}
.ckgdxw img{margin-top: 10px;}
.xwxq-top{border-bottom: 2px solid #d9d9d9;position: relative;padding-bottom: 15px;padding-right: 140px;}
.xwxq-top-bt{font-size: 22px;color: #222;line-height: 1.6em;position: relative;}
.xwxq-top-bt:after{content: '';position: absolute;left: 0;border-bottom: 2px solid #222;bottom:-20px;width: 100%;}
.xwxq-top .cpxq-con-d{position: absolute;right: 0;top:2px;}
.xwxq-top .cpxq-con-d span{color: rgba(34,34,34,.75);}
.xwnr p,.xwnr span{font-family: "Microsoft YaHei", "Arial" !important;color: rgba(34,34,34,.75); line-height: 2em;text-indent: 2em;}
.xwnr img{display: block;max-width: 100%;height: auto !important;margin: 20px auto;float: none !important;}
.xwnr-list{margin-bottom: 50px;}
.xwxq-page{background: #e5e5e5;padding: 15px 25px;}
.xwxq-page a{position: relative;color: #a0a0a0;}
.xwxq-page span{position: absolute;width: 42px;top:0;}
.xwxq-page a.fl{padding-left: 70px;}
.xwxq-page a.fl span{left: 18px;}
.xwxq-page a.fr{padding-right: 70px;}
.xwxq-page a.fr span{right: 18px;}
.xwxq-page a:after{content: '';position: absolute;width: 16px;height: 16px;top:50%;margin-top: -8px;background-size: cover;background-position: center;background-repeat: no-repeat;}
.xwxq-page a.fl:after{background-image: url("../images/i23.png");left: 0;}
.xwxq-page a.fr:after{background-image: url("../images/i24.png");right: 0;}
/*联系*/
.headquarters-list2{margin-top: 0;}
.headquarters-list2 li{float: left;margin-right: 218px;}
.headquarters-list2 li:last-child{margin-right: 0;}
.headquarters-list2 h3{font-size: 20px; color: #4b453f;font-weight: normal;}
.headquarters-list2 a,.headquarters-list2 p,.headquarters-list2 span{ color: #a3a4a5;}
.headquarters-list2 span{display: inline-block;}
.headquarters-list2 .text-center{margin-bottom: 50px;}
.headquarters-list2 p{margin-top: 15px;word-break: break-all;}
.map-img{width: 50%;}
.map-box{position: relative;}
.map-left{position: absolute;top:0;left: 0;height: 100%;width: 50%;}
.map-list{width: 432px;margin-right: 16%;max-width: 82%;}
.map-list h4{font-size: 20px;font-weight: normal;}
.map-list ul{margin-top: 25px;border-bottom:1px solid #a0a0a0;}
.map-list li{border-top: 1px solid #a0a0a0;padding: 25px 0;}
.map-list li h5 a{font-weight: bold;}
.map-list li a{color: #313538;}
.map-list li p{color: rgba(49,53,56,.75);line-height: 1.5em;}
.map-list li h5{margin-bottom: 15px;}
.menu-handler{width: 30px; height: 32px; cursor: pointer; position: absolute;right:12px;top:14px; transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -webkit-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); -moz-transition: all 0s cubic-bezier(0.445, 0.145, 0.355, 1); display: none; }
.menu-handler .burger{  height: 2px; background: #6bb2c2; display: block;width: 20px; position: absolute; z-index: 5; left: 5px;
    transform-origin: center; -webkit-transform-origin: center; -moz-transform-origin: center;
    -o-transform-origin: center; -ms-transform-origin: center;
    border-radius: 2px;-webkit-border-radius: 2px;top: 8px;}
.menu-handler .burger-2 {top: 15px; }
.menu-handler .burger-3 {top: 22px;}
.menu-handler.active .burger-1 { top:15px; -moz-transform: rotate(225deg); -webkit-transform: rotate(225deg); -o-transform: rotate(225deg); -ms-transform: rotate(225deg); transform: rotate(225deg); }
.menu-handler.active .burger-2 { -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0); filter: alpha(opacity=0); opacity: 0; -moz-opacity: 0; -khtml-opacity: 0; -webkit-opacity: 0; }
.menu-handler.active .burger-3 { top: 15px; -moz-transform: rotate(-225deg); -webkit-transform: rotate(-225deg); -o-transform: rotate(-225deg); -ms-transform: rotate(-225deg); transform: rotate(-225deg); }
.hide-xl,.show-type{display: none;}
.footer-bot-left span,.footer-bot-left a{display: inline-block;}
.page1 {vertical-align:middle;text-align:center; padding:34px 0 0; font-size:12px; color:#606060; line-height:20px; clear:both; background:#fff; margin-top:-1px; position:relative; z-index:10; background:url(../images/page_line.jpg) repeat-x top left;}
.page1 input {vertical-align:middle;}
.page1 span{display:inline-block;margin:0 2px; position:relative; top:2px; margin-right:28px;}
.page1 span em{ color:#171717; font-family:Arial, Helvetica, sans-serif;font-style: normal;}
.page1 span i{ color:#171717; font-family:'Microsoft YaHei';font-style: normal;}
.page1 a{vertical-align:middle;display:inline-block;width:22px;height:24px;line-height:24px;text-align:center;color:#000;font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.page1 a.on,.page a:hover{background:#333137;color:#fff; }
.page1 a.prev {width:auto; margin:0px 42px 0px 12px; font-family:'Microsoft YaHei';}
.page1 a.next {width:auto; margin:0px 12px 0px 42px; font-family:'Microsoft YaHei';}
.page1 a.first {width:auto; font-family:'Microsoft YaHei';}
.page1 a.last {width:auto; font-family:'Microsoft YaHei'; margin-right:12px;}
.page1 .txtnum{width:21px; height:19px; line-height:22px;background:#fff; border:1px solid #333137; float:left; margin:0;}
.page1 .txtnum input{width:19px; height:20px; line-height:20px;*line-height:20px; text-align:center;color:#333; font-family:Arial, Helvetica,N sans-serif; font-size:12px; background:none; border:none; float:left;}
.page1 a.go{width:21px; height:21px; line-height:21px;background:url(../images/right.svg) no-repeat center #333137;color:#F5EDEC; float:left; position:relative;  top:2px; background-size:8px 7px;}
.page1_go {  display:inline-block; width:44px; height:21px; position:relative; top:5px;}
.page1 li{display: inline-block;}
.mission-top-text p,.mai-con p,.about-list li p{color: #666;}
.xwlb-my .page1{padding-top: 0;}
.xinwen-box li p a:hover{color: #686666;}
.moreproduct{display: block;width: 140px;line-height: 40px;text-align: center;color: #808080;border:1px solid #808080;margin:50px auto 0;}

/*工程照明*/
.gczm-a{height: 450px;background-size: cover;background-repeat: no-repeat;background-position: center;}

.gczm-a-des{width: 920px;max-width: 100%;position: relative;margin: 0 auto;}
.gczm-a-title{position: absolute;top:-6px;left: 0;}
.gczm-a-title b{font-size: 30px;position: relative;}
.gczm-a-title b:after{position: absolute;left: 100%;top:50%;border-top: 1px solid #000;content: '';width: 86px;margin-left: 15px;}
.gczm-a-title p{font-weight: bold;font-size: 24px;color: rgba(75,69,63,.45);width: 150px;line-height: 1.2em;margin-top: 10px;}

.gczm-a-text{margin-left: 260px;line-height: 2em;}
.gczm-a-text p{color: #4a4a4a;}

.gczm-b{padding: 80px 0 40px;}
.title2 h3{font-size: 30px; color: #222;font-weight: bold;}
.title2 h4{font-size: 16px; color: #222;font-weight: normal;margin-top: 25px;line-height: 1.6em;}
.title2 p{ color: rgba(34,34,34,.75);line-height: 1.6em;margin-top: 5px;}
.title2 i{display: block;width: 76px;height: 6px;background: #989898;margin: 20px auto 0;}

.zmlist li{position: relative;text-align: center;}
.zmlist .img100{width: 50%;}
.zmlist li:nth-child(odd) .img100{float: right;}
.zmlist li:nth-child(even) .img100{float: left;}
.zmlist-con{position: absolute;width: 50%;height: 100%;top:0;}
.zmlist li:nth-child(odd) .zmlist-con{left: 0;}
.zmlist li:nth-child(even) .zmlist-con{right: 0;}
.zmlist-des{width: 520px;margin: 0 auto;}
.zmlist li:nth-child(odd) .zmlist-text{float: right;}
.zmlist li:nth-child(even) .zmlist-text{float: left;}

.over-hide{overflow: hidden;position: relative;}

.zmlist h4{font-size: 30px;font-weight: bold;color: #222;}
.zmlist p{color: rgba(0,0,0,.75);margin: 18px 0 25px;}
.ljgd{width: 270px;display: block;line-height: 42px;border:1px solid #222;}
.ljgd:hover{background: #222;color: #fff;}
.zmxq-img-left{position: absolute;left: 0;top:0;width: 50%;padding-top: 40px;}
.zmxq-img{width: 100%;overflow: hidden;}
.zmxq-con{float: right;width: 45%;border-top: 1px solid #6a7074;line-height: 1.8em;color: #7d7d7e;margin-top: 40px;}
.zmxq-cons-top{padding: 30px 0;}
.zmxq-cons h4{font-size: 20px;color: #000; font-weight: normal; line-height: 1.4em; }
.zmxq-cons h5{font-size: 16px;color: #000;font-weight: normal;}
.zmxq-img .arrow{width: 48px;height: 48px;margin-top: -24px;}
.zmxq-img .arrow-left{left: -48px;background-image: url("../images/btn7-1.png");}
.zmxq-img .arrow-right{right:-48px;background-image: url("../images/btn8-1.png");}

.cpxq-top{margin-top: 50px;}
.btn0000 div{position: absolute;width: 48px;height:48px;top:50%;margin-top: -24px;background-size: cover;background-position: center;background-repeat: no-repeat;z-index: 9;cursor: pointer;}
.btn00001{left: -48px;background-image: url(../images/btn7.png);}
.btn00002{right: -48px;background-image: url(../images/btn8.png);}
.header.active .logo img{height:90px;}


.cpxq-img:hover .btn00001,.zmxq-img:hover .arrow-left{left: 10px;}
.cpxq-img:hover .btn00002,.zmxq-img:hover .arrow-right{right: 10px;}


.cppx.active:after{transform: rotate(180deg);-webkit-transform: rotate(180deg);}
.header-con,.nav-yi,.header-con,.header-right,.moreproduct,.redmore i,.header .logo img,.nav-yi:after,.news-list a,.shadow1,.entrydetails,.cppx:after,.cpxq-con-c a,.menu-handler .burger,.toTop circle,.toTop polyline,.return-ligt:before,.cpxq-con-c i.i11,.btn0000 div,.zmxq-img .arrow{
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
}
.imgscale img,.xinwen-box li p a{
	transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
	-webkit-transition: all 0.8s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;
}

.more1{
    transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);
    -webkit-transition: all .3s cubic-bezier(0.89, 0.04, 0.21, 0.93);
}

.maidots.active i{animation:extend 4s linear;-webkit-animation:extend 4s linear;}
@keyframes extend{
    0%{width: 0;}
    100%{width: 100%;}
}
@-webkit-keyframes extend{
    0%{width: 0;}
    100%{width: 100%;}
}
.playbox:hover .play{animation:toShadow 1.5s linear infinite;-webkit-animation:toShadow 1.5s linear infinite;-moz-animation:toShadow 1.5s linear infinite;-o-animation:toShadow 1.5s linear infinite;}
@keyframes toShadow{
	0%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
	50%{
		box-shadow: 0 0 50px #ddd;
		-webkit-box-shadow: 0 0 50px #ddd;
	}
	100%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
}
@-webkit-keyframes toShadow{
	0%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
	50%{
		box-shadow: 0 0 50px #ddd;
		-webkit-box-shadow: 0 0 50px #ddd;
	}
	100%{
		box-shadow: 0 0 0 #ddd;
		-webkit-box-shadow: 0 0 0 #ddd;
	}
}