@charset "utf-8";
/*<div class="mask" style="background-color: rgba(0, 0, 0, 0);"></div>*/
.mask{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.centaur{ font-family: centaur;}

/*	百度地图	*/
.bdmap{ height: 500px;}
.bdmap-list{}
.bdmap-list-item{}
.bdmap-list-item.cur{}
.bdmap-sync{}
.bdmap-sync-item{}
.bdmap-sync-item.act{}
.bdmap-info{ position: fixed; left: 0; top: 0; visibility: hidden; overflow: hidden; z-index: -9999;}
.bdmap-info-item{ width: 300px;}

/*	弹窗	*/
.pop-mod video,
.pop-mod iframe{ display: none; width: 100%; height: 100%; min-width: 100%; min-height: 100%;}
.x-show.pop-mod video,
.x-show.pop-mod iframe{ display: block;}

.pop-alert .pop-cont{ width: 800px; height: 600px;}

.pop-info{}
.pop-mod.x-show .pop-close{ margin-right: 0;}
.pop-info .pop-close{ right: 42px; top: 35px; margin-right: 0; width: 30px; height: 30px; background: url(../image/temp/png20.png) no-repeat; background-size: contain;}
.pop-info .pop-close:before{ display: none;}
.pop-info .pop-cont{ width: 1136px; height: 620px;}
.pop-info .img{ float: left; width: 50%;}
.pop-info .img img{ display: block; width: 100%;}
.pop-info .ul{ padding: 96px 52px; overflow: hidden;}
.pop-info .li{ font-size: 16px; line-height: 2.25; overflow: hidden;}
.pop-info .li + .li{ margin-top: 16px;}
.pop-info .li .l{ float: left; font-weight: bold;}
.pop-info .li .d{ overflow: hidden;}
.pop-info .t_more{ margin-top: 78px;}

/*	视频	*/
.video{ }
.video-box{ position: relative; height: 600px;}
.video-box .vjs-big-play-button{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; cursor: pointer;}
.video-box .vjs-big-play-button:before{ content: '\e7a3'; position: absolute; left: 50%; top: 50%; width: 94px; border: 2px solid; border-radius: 999px; font-size: 60px; color: #fff; text-align: center;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
	
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* ****************************************************** */

.t_more{ position: relative; display: inline-block; padding-right: 78px; font-size: 18px;
	transform-style: preserve-3d;
	transform: scale(1);
}
.t_more:before,
.t_more:after{ content: ''; position: absolute; top: 50%;
}
.t_more:before{ right: 0; width: 39px; height: 39px; border-radius: 999px; background-color: rgba(78,126,209,0.5); z-index: 1;
	transition: .5s transform;
	
	transform: translate(50%, -50%) scale(0);
}
.t_more:after{ right: 0; margin: 0; width: 59px; border-top: 1px solid #0e1d5d; z-index: 3;
	transition: .5s margin;
	
	transform: translateY(-50%);
}
.t_more .arr{ position: absolute; top: 50%; right: 0; width: 19px; height: 19px; border-radius: 999px; background-color: #587ecb; z-index: 2;
	transition: .5s background;
	transform: translate(50%, -50%);
}
.t_more .arr:before,
.t_more .arr:after{ content: ''; position: absolute; right: 5px; top: 50%; width: 12px; border-bottom: 1px solid #0b1b61; opacity: 0;
	transition: .5s transform;
	transform-origin: right;
}
.t_more .arr:before{
	transform: rotate(0);
}
.t_more .arr:after{ margin-top: -1px;
	transform: rotate(0);
}

.home1{ position: relative; overflow: hidden;}
.home1 .slick-mod{ background-color: #000;}
.home1 .slick-item{}
.home1 .slick-item .img{ position: relative; height: 100vh; overflow: hidden;}
.home1 .slick-item .img img,
.home1 .slick-item .img video{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.home1 .slick-dots{ bottom: 25px;}
.home1 .slick-dot{ position: relative; margin: 0 10px; width: 66px; height: 13px; background-color: transparent;}
.home1 .slick-dot:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 3px; background-color: rgba(255,255,255,0.7);}
.home1 .slick-active:before{ background-color: #4463ff;}
.home1 .slick-dot.slick-active,
.home1 .slick-dot.slick-active:hover{ background-color: transparent;}
.home1 .h60{ position: absolute; left: 0; right: 0; bottom: 50%; color: #fff; text-align: center; font-size: 60px; z-index: 2;}

.home2{ padding: 116px 0 120px;}
.home2 .h36{ margin-bottom: 13px; text-align: center;}
.home2 .word{ margin: auto; width: 567px; height: 96px;}
.home2 .word img{ display: block; width: 100%;}


.home3{ position: relative; overflow: hidden; z-index: 1;}
.home3 .head{ position: relative;}
.home3 .head .large-wrap:before{ content: ''; position: absolute; left: 0; top: 0; right: 170px; padding-bottom: 43%; background-color: #0e1d5d;}
.home3 .head .tit{ position: relative; margin: auto; padding: 164px 0 50px; width: 500px; color: #fff; text-align: center;}
.home3 .head .light{ position: absolute; left: 0; right: 0; top: 0; margin: auto; padding-bottom: 46%; width: 420px; background: url(../image/temp/png21.png) no-repeat; background-size: contain; overflow: hidden; z-index: 1;}
.home3 .head .light .wave{ position: absolute; left: 0; right: 0; bottom: 100%; width: 100%; padding-bottom: 100%; background-color: #192c80; border-radius: 999px; opacity: 1; z-index: 1;

  animation-name: light;
  animation-duration: 5s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.home3 .head .light .wave:nth-child(1){
	animation-delay: 0;
}
.home3 .head .light .wave:nth-child(2){
	animation-delay: 1s;
}
.home3 .head .light .wave:nth-child(3){
	animation-delay: 2s;
}
.home3 .head .light .wave:nth-child(4){
	animation-delay: 3s;
}
.home3 .head .light .wave:nth-child(5){
	animation-delay: 4s;
}

.home3 .head .light .mask{ background: url(../image/temp/png2.png) center top no-repeat; background-size: contain; z-index: 2;}
.home3 .head .h44{ position: relative; margin-bottom: 8px; font-size: 44px; z-index: 1;}
.home3 .head .h24{ position: relative; line-height: 1.25; text-transform: uppercase; z-index: 1;}
.home3 .list{ padding-bottom: 58px; background-color: #eee;}
.home3 .list-item{ position: relative; padding-bottom: 280px;}
.home3 .list-item .pad{}
.home3 .list-item .scale{ position: relative; padding-bottom: 52.55%; overflow: hidden;}
.home3 .list-item .img,
.home3 .list-item .i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.home3 .list-item .img{
	transform: scale(0.7);
}
.home3 .list-item .i{ position: absolute; left: 0; top: 0; width: 100%;
	transform: scale(1.3);
}
.home3 .list-item .cont{ position: relative; margin-top: -110px; padding: 87px 145px; width: 914px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden;
	transform: translateX(-30%);
}
.home3 .list-item .h36{ margin-bottom: 14px;}
.home3 .list-item .p{ margin-bottom: 30px; font-size: 16px; line-height: 1.7142;}
.home3 .list-item .t_more{ margin-bottom: 55px;}
.home3 .list-item .h40{ font-size: 40px; line-height: 1; text-transform: uppercase; color: #014da2;word-break: break-word;}
.home3 .list-item .no{ position: absolute; font-size: 560px; line-height: 1; color: #fff;}
.home3 .list-item .part{ position: absolute;}
.home3 .list-item .part img{ display: block; width: 100%;}
.home3 .list-item:nth-child(odd) .pad{ margin-left: 310px;}
.home3 .list-item:nth-child(even) .pad{ margin-right: 310px;}
.home3 .list-item.li1 .cont{ margin-left: 110px;}
.home3 .list-item.li2 .cont{ float: right; margin-right: 110px;
	transform: translateX(30%);
}
.home3 .list-item.li3 .cont{}
.home3 .list-item.li1 .no{ bottom: 180px; right: 0;}
.home3 .list-item.li2 .no{ bottom: 170px; left: 0;}
.home3 .list-item.li3 .no{ bottom: 230px; right: 0;}
.home3 .list-item.li1 .part{ bottom: 75px; left: 60px;}
.home3 .list-item.li2 .part{ bottom: 125px; right: 55px;}
.home3 .list-item.li3 .part{ bottom: 130px; left: 120px;}

.home4{ padding: 154px 0 172px;}
.home4 .head{ margin-bottom: 38px; text-align: center;}
.home4 .head .h44{ line-height: 1.2727;}
.home4 .head .h24{ text-transform: uppercase;}
.home4 .list{ margin-bottom: 42px;}
.home4 .list-item{ position: relative; padding: 35px 310px 40px; cursor: pointer;}
.home4 .list-item:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0; background-color: #f4f4f4;
	transition-property: transform, opacity;
	transition-duration: .5s;
	transition-timing-function: cubic-bezier(.63,.32,.35,.63);

	transform: scaleY(0);
}
.home4 .list-item:hover:before{ opacity: 1;
	transform: scaleY(1);
}
.home4 .list-item .date{ position: relative; float: left; text-align: center;}
.home4 .list-item .date .h18{}
.home4 .list-item .date .b{ display: block; margin-top: -9px; font-size: 72px; line-height: 1;}
.home4 .list-item .date .y{ position: absolute; top: 100%; left: 0; right: 0; margin-top: 8px;}
.home4 .list-item .date .y:before{ content: ''; position: absolute; top: 0; left: 0; right: 0; margin: -5px auto 0; width: 17px; border-top: 1px solid #909090;}
.home4 .list-item .cont{ position: relative; margin-left: 140px;}
.home4 .list-item .cont .h18{ margin-bottom: 20px;}
.home4 .list-item .cont .p{ height: 46px; line-height: 1.7142; overflow: hidden;}
.home4 .center{ text-align: center;}
.home4 .center .more{ position: relative; display: inline-block; padding: 0 35px 7px; border-bottom: 1px solid #909090; font-size: 16px; text-align: center; text-transform: uppercase;}
.home4 .center .more span{ display: block;
	transition: .5s transform;
}

.x-footer.gray{ background-color: #eee;}

.intelligent_city1{ margin-bottom: 188px; padding-bottom: 95px;}
.intelligent_city1 .video{ position: relative; overflow: hidden;}
.intelligent_city1 .slick-mod{ background-color: #000;}
.intelligent_city1 .slick-list{}
.intelligent_city1 .slick-track{}
.intelligent_city1 .slick-item{}
.intelligent_city1 .slick-item .img{ position: relative; overflow: hidden;}
.intelligent_city1 .slick-item .img:before{ content: ''; display: block; padding-bottom: 51.78%;}
.intelligent_city1 .slick-item .img img,
.intelligent_city1 .slick-item .img video{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.intelligent_city1 .slick-dots{ bottom: 25px; text-align: left;}
.intelligent_city1 .slick-dot{ position: relative; margin: 0 10px; width: 66px; height: 13px; background-color: transparent;}
.intelligent_city1 .slick-dot:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 3px; background-color: rgba(255,255,255,0.7);}
.intelligent_city1 .slick-active:before{ background-color: #4463ff;}
.intelligent_city1 .slick-dot.slick-active,
.intelligent_city1 .slick-dot.slick-active:hover{ background-color: transparent;}
.intelligent_city1 .cont{ position: absolute; right: 0; bottom: 0; margin-bottom: -95px; padding: 96px 100px; width: 914px; height: 410px; background-color: rgba(11,27,97,0.95); color: #fff; z-index: 3;}
.intelligent_city1 .cont .t2{ margin-bottom: 45px; text-transform: uppercase;}

.intelligent_city2{ text-align: center;}
.intelligent_city2 .t1{}
.intelligent_city2 .t2{ margin-bottom: 8px; text-transform: uppercase;}
.intelligent_city2 .t3{ margin-bottom: 20px;}
.intelligent_city2 .p{ margin: 0 auto 42px; width: 690px; line-height: 1.7142;}
.intelligent_city2 .t_more{ margin-bottom: 80px;}
.intelligent_city2 .img{ margin: auto; width: 1000px;}
.intelligent_city2 .img img{ display: block; width: 100%;}

.intelligent_city3{ position: relative; padding-bottom: 500px; background-color: #eee;}
.intelligent_city3:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 320px; background-color: #fff;}
.intelligent_city3 .part{ position: absolute; right: 45px; top: 100%;}
.intelligent_city3 .part img{ display: block; width: 100%;}
.intelligent_city3 .pad{ margin-left: 310px;}
.intelligent_city3 .scale{ position: relative; padding-bottom: 52.55%; overflow: hidden;}
.intelligent_city3 .img,
.intelligent_city3 .i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.intelligent_city3 .img{
	transform: scale(0.7);
}
.intelligent_city3 .img img{ display: block; width: 100%;}
.intelligent_city3 .i{ position: absolute; left: 0; top: 0; width: 100%;
	transform: scale(1.3);
}
.intelligent_city3 .cont{ position: absolute; left: 0; top: 100%; margin-top: -180px; padding: 90px 150px 98px; width: 54.4%; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden;}
.intelligent_city3 .cont .t1{ text-transform: uppercase;}
.intelligent_city3 .cont .t2{ margin-bottom: 6px; text-transform: uppercase;}
.intelligent_city3 .cont .t3{ margin-bottom: 23px;}
.intelligent_city3 .cont .p{ margin-bottom: 42px; margin-right: 30%;}
.intelligent_city3 .cont .t_more{}

.wisdom_lamppost1{ position: relative; margin-bottom: 190px; padding-bottom: 52px;}
.wisdom_lamppost1 .large-wrap:before{ content: ''; position: absolute; top: 75px; bottom: -52px; left: 310px; right: 0; background-color: #0b1b61;}
.wisdom_lamppost1 .video{ position: relative; margin-right: 170px; background-color: #000; overflow: hidden;}
.wisdom_lamppost1 .slick-mod{ background-color: #000;}
.wisdom_lamppost1 .slick-item{}
.wisdom_lamppost1 .slick-item .img{ position: relative; overflow: hidden;}
.wisdom_lamppost1 .slick-item .img:before{ content: ''; display: block; padding-bottom: 52.31%;}
.wisdom_lamppost1 .slick-item .img img,
.wisdom_lamppost1 .slick-item .img video{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; object-fit: cover;}
.wisdom_lamppost1 .slick-dots{ bottom: 25px;}
.wisdom_lamppost1 .slick-dot{ position: relative; margin: 0 10px; width: 66px; height: 13px; background-color: transparent;}
.wisdom_lamppost1 .slick-dot:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 3px; background-color: rgba(255,255,255,0.7);}
.wisdom_lamppost1 .slick-active:before{ background-color: #4463ff;}
.wisdom_lamppost1 .slick-dot.slick-active,
.wisdom_lamppost1 .slick-dot.slick-active:hover{ background-color: transparent;}
.wisdom_lamppost1 .cont{ position: absolute; top: 75px; bottom: 0; right: 0; width: 170px; z-index: 3;}
.wisdom_lamppost1 .t1{ position: absolute; top: 50%; left: 50%; color: #fff; white-space: nowrap;
	-webkit-writing-mode: vertical-lr;
	writing-mode: vertical-lr;
	writing-mode: tb-lr;
	
	transform: translate(-50%, -50%);
}

.wisdom_lamppost2{}
.wisdom_lamppost2 .head{ margin-bottom: 35px; text-align: center;}
.wisdom_lamppost2 .head .t1{}
.wisdom_lamppost2 .head .t2{ margin-bottom: 9px; text-transform: uppercase;}
.wisdom_lamppost2 .head .t3{}
.wisdom_lamppost2 .list{ position: relative; height: 840px; background: url(../image/temp/img22.jpg) center bottom no-repeat; background-size: contain;}
.wisdom_lamppost2 .list-item{ position: absolute;}
.wisdom_lamppost2 .list-item:nth-child(odd){ }
.wisdom_lamppost2 .list-item:nth-child(odd) .t1{ margin-right: -30px;}
.wisdom_lamppost2 .list-item:nth-child(odd) .t1:before{ right: 100%; margin-right: 10px;}
.wisdom_lamppost2 .list-item:nth-child(odd) .s{ float: left; margin-right: 10px;}
.wisdom_lamppost2 .list-item:nth-child(odd) .ul{ padding-right: 60px;}
.wisdom_lamppost2 .list-item:nth-child(odd) .img{ left: 100%; margin-left: -30px;}
.wisdom_lamppost2 .list-item:nth-child(even){ text-align: right;}
.wisdom_lamppost2 .list-item:nth-child(even) .t1{ margin-left: -30px;}
.wisdom_lamppost2 .list-item:nth-child(even) .t1:before{ left: 100%; margin-left: 10px;}
.wisdom_lamppost2 .list-item:nth-child(even) .s{ float: right; margin-left: 10px;}
.wisdom_lamppost2 .list-item:nth-child(even) .ul{ padding-left: 60px;}
.wisdom_lamppost2 .list-item:nth-child(even) .img{ right: 100%; margin-right: -30px;}
.wisdom_lamppost2 .li1{ top: 55px; left: 50%; margin-left: 210px;}
.wisdom_lamppost2 .li2{ top: 220px; right: 50%; margin-right: 150px;}
.wisdom_lamppost2 .li3{ top: 276px; left: 50%; margin-left: 110px;}
.wisdom_lamppost2 .li4{ top: 410px; right: 50%; margin-right: 80px;}
.wisdom_lamppost2 .li5{ top: 465px; left: 50%; margin-left: 120px;}
.wisdom_lamppost2 .li6{ top: 575px; right: 50%; margin-right: 80px;}
.wisdom_lamppost2 .li7{ top: 600px; left: 50%; margin-left: 60px;}
.wisdom_lamppost2 .li8{ top: 700px; right: 50%; margin-right: 80px;}
.wisdom_lamppost2 .li9{ top: 720px; left: 50%; margin-left: 100px;}
.wisdom_lamppost2 .list-item .t1{ position: relative; height: 1.5em;}
.wisdom_lamppost2 .list-item .t1:before{ content: ''; position: absolute; top: 50%; margin-top: 2px; width: 14px; height: 14px; border: 3px solid #095fac; border-radius: 999px;
	transform: translateY(-50%);
}
.wisdom_lamppost2 .list-item .t2{ text-transform: uppercase;}
.wisdom_lamppost2 .list-item .ul{ opacity: 0; visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: .5s;
}
.wisdom_lamppost2 .list-item .li{ position: relative; display: inline-block; margin-right: 30px; vertical-align: top; font-size: 18px;}
.wisdom_lamppost2 .list-item .li:before{ content: ''; position: absolute; top: 50%; right: 100%; margin-right: 10px; width: 5px; height: 5px; background-color: #095fac; border-radius: 999px;
	transform: translateY(-50%);
}
.wisdom_lamppost2 .list-item .s{ position: relative;}
.wisdom_lamppost2 .list-item .l{ position: relative; height: 100%; overflow: hidden; opacity: 0; visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: .5s;
}
.wisdom_lamppost2 .list-item .l:after{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px dashed #587ecb;
	transform: translateY(-50%);
}
.wisdom_lamppost2 .list-item .img{ position: absolute; top: 50%; padding: 10px; width: 193px; height: 193px; background-color: #cdd8ef; background-clip: content-box; border: 1px solid #587ecb; border-radius: 999px; opacity: 0; visibility: hidden;
	transition-property: transform, opacity;
	transition-duration: .5s;
	
	transform: translateY(-50%);
}
.wisdom_lamppost2 .list-item .img:after{ position: absolute;}
.wisdom_lamppost2 .list-item .img img{ position: absolute; left: 50%; top: 50%; width: 121px; border-radius: 999px;
	transform: translate(-50%, -50%);
}
.wisdom_lamppost2 .list-item:hover .img,
.wisdom_lamppost2 .list-item:hover .l,
.wisdom_lamppost2 .list-item:hover .ul{ opacity: 1; visibility: visible;}

.wisdom_lamppost3{ padding: 190px 0 200px; background-color: #eee;}
.wisdom_lamppost3 .head{ margin-bottom: 25px; text-align: center;}
.wisdom_lamppost3 .head .t1{}
.wisdom_lamppost3 .head .t2{ text-transform: uppercase;}
.wisdom_lamppost3 .unit{ position: relative; overflow: hidden;}
.wisdom_lamppost3 .unit:before{ content: ''; float: right; margin-left: 20px; width: 50%; height: 1px;}
.wisdom_lamppost3 .unit-l{ position: relative; overflow: hidden;}
.wisdom_lamppost3 .unit-r{ position: absolute; left: 50%; right: 0; top: 0; bottom: 0;}
.wisdom_lamppost3 .inner-l{ position: relative; float: left; margin-right: 20px; width: 50.95%; height: 100%;}
.wisdom_lamppost3 .inner-r{ height: 100%; overflow: hidden;}
.wisdom_lamppost3 .unit .ul{ position: relative; height: 100%;}
.wisdom_lamppost3 .unit .li{ position: absolute; width: 100%;}
.wisdom_lamppost3 .unit .li:nth-child(1){ top: 0; bottom: 50%; margin-bottom: 10px;}
.wisdom_lamppost3 .unit .li:nth-child(2){ bottom: 0; top: 50%; margin-top: 10px;}
.wisdom_lamppost3 .unit .t{ position: absolute; left: 0; right: 0; bottom: 0; padding: 17px; background-color: rgba(0,0,0,0.5); color: #fff; text-align: center;}
.wisdom_lamppost3 .unit .img{}
.wisdom_lamppost3 .unit .img img{ display: block; width: 100%;}
.wisdom_lamppost3 .slick-mod{}
.wisdom_lamppost3 .slick-item{}
.wisdom_lamppost3 .slick-arrow{ width: 46px; height: 46px; border-radius: 999px; background-color: rgba(255,255,255,0.3);}
.wisdom_lamppost3 .slick-arrow:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px;
	transform: translate(-50%, -50%);
}
.wisdom_lamppost3 .slick-prev{}
.wisdom_lamppost3 .slick-prev:before{ content: '\e739'; margin-left: -2px;}
.wisdom_lamppost3 .slick-next{}
.wisdom_lamppost3 .slick-next:before{ content: '\e738'; margin-right: -2px;}
.wisdom_lamppost3 .slick-arrow:hover{ background-color: #3f5fff;}

.wisdom_lamppost4{ padding: 188px 0 194px;}
.wisdom_lamppost4 .head{ margin-bottom: 38px; text-align: center;}
.wisdom_lamppost4 .head .t1{}
.wisdom_lamppost4 .head .t2{ text-transform: uppercase;}
.wisdom_lamppost4 .center{ text-align: center;}
.wisdom_lamppost4 .slick-mod{ margin: 0 10% 60px;}
.wisdom_lamppost4 .slick-item{}
.wisdom_lamppost4 .slick-item .pad{ margin: 15px; padding: 72px 50px 0; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); text-align: center;}
.wisdom_lamppost4 .slick-item .t1{ margin-bottom: 10px;}
.wisdom_lamppost4 .slick-item .t2{}
.wisdom_lamppost4 .slick-item .more{ display: inline-block; margin-top: 10px; color: #587ecb; text-decoration: underline; cursor: pointer; opacity: 0;}
.wisdom_lamppost4 .slick-arrow{ width: 46px; height: 46px; border: 1px solid #e0e0e0; border-radius: 999px;}
.wisdom_lamppost4 .slick-arrow:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.wisdom_lamppost4 .slick-prev{ left: auto; right: 100%; margin-right: 40px;}
.wisdom_lamppost4 .slick-prev:before{ content: '\e739'; margin-left: -2px;}
.wisdom_lamppost4 .slick-next{ right: auto; left: 100%; margin-left: 40px;}
.wisdom_lamppost4 .slick-next:before{ content: '\e738'; margin-right: -2px;}
.wisdom_lamppost4 .slick-arrow:hover{ background-color: #3f5fff; border-color: #3f5fff;}
.wisdom_lamppost4 .slick-arrow:hover:before{ color: #fff;}
.wisdom_lamppost4 .slick-item:hover .pad{ box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.2);}
.wisdom_lamppost4 .slick-item:hover .more{ opacity: 1;}

.wisdom_lamppost5{ padding: 188px 0 198px; background-color: #eee;}
.wisdom_lamppost5 .head{ margin-bottom: 38px; text-align: center;}
.wisdom_lamppost5 .head .t1{}
.wisdom_lamppost5 .head .t2{ text-transform: uppercase;}
.wisdom_lamppost5 .center{ text-align: center;}
.wisdom_lamppost5 .slick-mod{ margin: 0 10% 60px;}
.wisdom_lamppost5 .slick-item{}
.wisdom_lamppost5 .slick-item .pad{ margin: 10px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); text-align: center;}
.wisdom_lamppost5 .slick-item .img{ position: relative; overflow: hidden;}
.wisdom_lamppost5 .slick-item .img:before{ content: ''; display: block; padding-bottom: 75%;}
.wisdom_lamppost5 .slick-item .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.wisdom_lamppost5 .slick-item .cont{ margin-bottom: 10px; padding: 47px 70px 54px;}
.wisdom_lamppost5 .slick-item .t1{ margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.wisdom_lamppost5 .slick-item .t2{ height: 3em; color: #666; overflow: hidden;}
.wisdom_lamppost5 .slick-arrow{ width: 46px; height: 46px; background-color: #fff; border-radius: 999px;}
.wisdom_lamppost5 .slick-arrow:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.wisdom_lamppost5 .slick-prev{ left: auto; right: 100%; margin-right: 40px;}
.wisdom_lamppost5 .slick-prev:before{ content: '\e739'; margin-left: -2px;}
.wisdom_lamppost5 .slick-next{ right: auto; left: 100%; margin-left: 40px;}
.wisdom_lamppost5 .slick-next:before{ content: '\e738'; margin-right: -2px;}
.wisdom_lamppost5 .slick-arrow:hover{ background-color: #3f5fff;}
.wisdom_lamppost5 .slick-arrow:hover:before{ color: #fff;}

.smart_home1{ margin-bottom: 184px; padding-bottom: 95px;}
.smart_home1 .img{ position: relative; padding-bottom: 51.78%;}
.smart_home1 .i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.smart_home1 .cont{ position: absolute; right: 0; bottom: 0; margin-bottom: -95px; padding: 96px 100px; width: 914px; height: 410px; background-color: rgba(11,27,97,0.95); color: #fff;}
.smart_home1 .cont .t2{ margin-bottom: 45px; text-transform: uppercase;}

.smart_home2{}
.smart_home2 .head{ margin-bottom: 74px; text-align: center;}
.smart_home2 .head .t1{}
.smart_home2 .head .t2{ text-transform: uppercase;}
.smart_home2 .list{ margin: 0 6.42%; padding-bottom: 264px; overflow: hidden;}
.smart_home2 .list-item{ position: relative; float: left; width: 33.33%; text-align: center;}
.smart_home2 .list-item:before,
.smart_home2 .list-item:after{ content: ''; position: absolute; top: 100%; left: 50%; margin-top: 55px;
	transform: translateX(-50%);
}
.smart_home2 .list-item:before{ border-left: 1px solid #e0e0e0; height: 999px;}
.smart_home2 .list-item:after{ width: 13px; height: 13px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 999px;}
.smart_home2 .list-item .t1{}
.smart_home2 .list-item .t2{}
.smart_home2 .list-item .img{}
.smart_home2 .list-item .img img{ display: block; width: 100%;}

.smart_home3{ position: relative; padding-bottom: 500px; background-color: #eee;}
.smart_home3:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 340px; background-color: #fff;}
.smart_home3 .head{ margin-bottom: 76px; padding-top: 106px; color: #fff; text-align: center;}
.smart_home3 .head:before{ content: ''; position: absolute; top: 0; left: 0; right: 170px; height: 650px; background-color: #0e1d5d;}
.smart_home3 .head .t1{ position: relative;}
.smart_home3 .head .t2{ position: relative; text-transform: uppercase;}
.smart_home3 .part{ position: absolute; right: 45px; top: 100%;}
.smart_home3 .part img{ display: block; width: 100%;}
.smart_home3 .pad{ margin-left: 310px;}
.smart_home3 .scale{ position: relative; padding-bottom: 52.55%; overflow: hidden;}
.smart_home3 .img,
.smart_home3 .i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.smart_home3 .img{
	transform: scale(0.7);
}
.smart_home3 .i{ position: absolute; left: 0; top: 0; width: 100%;
	transform: scale(1.3);
}
.smart_home3 .cont{ position: absolute; left: 0; top: 100%; margin-top: -110px; margin-left: 110px; padding: 88px 140px 94px; width: 54.4%; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden;}
.smart_home3 .cont .t1{ margin-bottom: 22px;}
.smart_home3 .cont .t2{ margin-bottom: 70px; line-height: 1.75; text-transform: uppercase;}
.smart_home3 .cont .t_more{}

.smart_culture1{ margin-bottom: 100px;}
.smart_culture1 .unit{ padding: 110px 130px 118px; background-color: #0e1d5d; color: #fff;}
.smart_culture1 .head{ margin-bottom: 80px; text-align: center;}
.smart_culture1 .head .t1{}
.smart_culture1 .head .t2{ text-transform: uppercase;}
.smart_culture1 .list{}
.smart_culture1 .list .dl{ line-height: 1.875; overflow: hidden;}
.smart_culture1 .list .dl + .dl{ margin-top: 12px;}
.smart_culture1 .list .dt{ float: left; margin-right: 38px;min-width: 145px;}
.smart_culture1 .list .dd{ word-break: keep-all; overflow: hidden;}
.smart_culture1 .list .s{ margin-right: 38px;}
.smart_culture1 .list .cur{ color: #4463ff;}

.smart_culture2{ margin-bottom: 200px;}
.smart_culture2 .list{}
.smart_culture2 .list-item{ position: relative; margin-bottom: 100px;}
.smart_culture2 .list-item .img{ position: relative;}
.smart_culture2 .list-item .img:before{ content: ''; display: block; padding-bottom: 52.54%;}
.smart_culture2 .list-item .i{ position: absolute; left: 0; top: 0; width: 100%;}
.smart_culture2 .list-item .cont{ position: absolute; top: 50%; padding: 5%; width: 620px; background-color: rgba(255,255,255,0.85); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.1);
	transform: translateY(-50%);
}
.smart_culture2 .list-item .t1{ margin-bottom: 20px;}
.smart_culture2 .list-item .t2{ margin-bottom: 15px;}
.smart_culture2 .list-item .p{ margin-bottom: 58px;}
.smart_culture2 .list-item:nth-child(odd){}
.smart_culture2 .list-item:nth-child(even){}
.smart_culture2 .list-item:nth-child(odd) .img{ margin-left: 29.76%;}
.smart_culture2 .list-item:nth-child(even) .img{ margin-right: 29.76%;}
.smart_culture2 .list-item:nth-child(odd) .cont{ left: 0;}
.smart_culture2 .list-item:nth-child(even) .cont{ right: 0;}
.smart_culture2 .center{ text-align: center;}
.smart_culture2 .load{ position: relative; display: inline-block; padding-left: 48px; font-size: 16px;}
.smart_culture2 .load:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 27px; height: 27px; background: url(../image/temp/png10.png) center no-repeat; background-size: contain;
	animation: 2s load linear infinite;
}

.smart_products1{ margin-bottom: 187px; padding-bottom: 95px;}
.smart_products1 .img{ position: relative; padding-bottom: 51.78%;}
.smart_products1 .i{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;}
.smart_products1 .cont{ position: absolute; right: 0; bottom: 0; margin-bottom: -95px; padding: 94px 100px 88px; width: 914px; background-color: rgba(11,27,97,0.95); color: #fff;}
.smart_products1 .cont .t1{ margin-bottom: 8px;}
.smart_products1 .cont .t2{ margin-bottom: 23px; line-height: 1.15; text-transform: uppercase;}
.smart_products1 .cont .t3{ line-height: 1.875;}

.smart_products2{ position: relative; padding-bottom: 10px; background-color: #eee;}
.smart_products2:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 280px; background-color: #fff;}
.smart_products2 .slick-dot{ margin: 0; padding: 0; background: none;}
.smart_products2 .slick-dot.slick-active, .slick-dot.slick-active:hover{ background: none;}
.smart_products2 .head{ margin-bottom: 82px; text-align: center;}
.smart_products2 .head .t1{}
.smart_products2 .head .t2{ text-transform: uppercase;}
.smart_products2 .unit1{ position: relative; margin-bottom: 320px; padding-top: 95px;}
.smart_products2 .unit1:before{ content: ''; position: absolute; left: 0; right: 170px; top: 0; padding-bottom: 39.28%; background-color: #0e1d5d;}
.smart_products2 .unit1 .tit{ position: absolute; left: 128px; color: #fff; line-height: 1;}
.smart_products2 .unit1 .t1{ float: left; width: 1em;}
.smart_products2 .unit1 .t2{ float: left; width: 1em; margin-left: 25px;}
.smart_products2 .unit1 .slick-mod{ position: relative; margin-left: 310px;}
.smart_products2 .unit1 .slick-item{}
.smart_products2 .unit1 .slick-item .img{ position: relative;}
.smart_products2 .unit1 .slick-item .img:before{ content: ''; display: block; padding-bottom: 52.55%;}
.smart_products2 .unit1 .slick-item .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.smart_products2 .unit1 .slick-dots{ top: 100%; bottom: auto; text-align: right;}
.smart_products2 .unit1 .slick-dot{ position: relative;}
.smart_products2 .unit1 .slick-dot:before{ content: ''; position: absolute; left: 50%; top: 50%; border: 115px solid transparent; pointer-events: none;}
.smart_products2 .unit1 .slick-dot .h18{ position: relative; width: 6em; text-align: center;}
.smart_products2 .unit1 .slick-dot:nth-child(odd):before{ border-top-color: #fff;
	transform: translate(-50%, -18%);
}
.smart_products2 .unit1 .slick-dot:nth-child(even):before{ border-bottom-color: #fff;
	transform: translate(-50%, -82%);
}
.smart_products2 .unit1 .slick-dot:nth-child(1){ margin-top: 27px; margin-right: 45px;}
.smart_products2 .unit1 .slick-dot:nth-child(2){ margin-top: 72px; }
.smart_products2 .unit1 .slick-dot:nth-child(3){ margin-top: -25px; margin-right: 40px;}
.smart_products2 .unit1 .slick-dot:nth-child(4){ margin-top: 26px; margin-right: 105px;}
.smart_products2 .unit1 .slick-dot:nth-child(5){ margin-top: 15px; margin-right: 130px;}
.smart_products2 .unit1 .slick-dot:hover{ color: #fff;}
.smart_products2 .unit1 .slick-dot:nth-child(odd):hover:before{ border-top-color: #4463ff;}
.smart_products2 .unit1 .slick-dot:nth-child(even):hover:before{ border-bottom-color: #4463ff;}
.smart_products2 .unit1 .slick-dot.slick-active:hover{ background: none;}
.smart_products2 .unit1 .slick-dot.slick-active{ color: #fff;}
.smart_products2 .unit1 .slick-dot.slick-active:nth-child(odd):before{ border-top-color: #4463ff;}
.smart_products2 .unit1 .slick-dot.slick-active:nth-child(even):before{ border-bottom-color: #4463ff;}
.smart_products2 .unit1 .other{ position: absolute; left: 110px; top: 100%; padding: 50px; margin-top: -50px; width: 514px; text-align: center; background-color: #fff; z-index: 3;}
.smart_products2 .unit2{ position: relative; margin-bottom: 224px;}
.smart_products2 .unit2:before,
.smart_products2 .unit2:after{ content: ''; position: absolute; width: 67px; height: 67px; background-color: #fff; border-radius: 999px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.smart_products2 .unit2:before{ top: 230px; right: 50%; margin-right: 420px;}
.smart_products2 .unit2:after{ bottom: 35px; left: 50%; margin-left: 457px;}
.smart_products2 .unit2 .tit{ margin-bottom: 67px; text-align: center;}
.smart_products2 .unit2 .tit .t1{ margin-bottom: 8px;}
.smart_products2 .unit2 .tit .t2{}
.smart_products2 .unit2 .slick-mod{}
.smart_products2 .unit2 .slick-item{}
.smart_products2 .unit2 .slick-item .img{ position: relative; margin: auto; width: 880px; border-radius: 999px; overflow: hidden;}
.smart_products2 .unit2 .slick-item .img:before{ content: ''; display: block; padding-bottom: 100%;}
.smart_products2 .unit2 .slick-item .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.smart_products2 .unit2 .slick-dots{ position: static; text-align: center;}
.smart_products2 .unit2 .slick-dot{ position: absolute; background-color: #fff; border-radius: 999px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.smart_products2 .unit2 .slick-dot:before{ content: ''; display: block; padding-bottom: 100%;}
.smart_products2 .unit2 .slick-dot:nth-child(1){ bottom: 340px; right: 50%; margin-right: 618px; width: 175px;}
.smart_products2 .unit2 .slick-dot:nth-child(2){ bottom: 56px; right: 50%; margin-right: 400px; width: 220px;}
.smart_products2 .unit2 .slick-dot:nth-child(3){ bottom: 498px; left: 50%; margin-left: 495px; width: 195px;}
.smart_products2 .unit2 .slick-dot:nth-child(4){ bottom: 225px; left: 50%; margin-left: 640px; width: 175px;}
.smart_products2 .unit2 .slick-dot .h18{ position: absolute; left: 0; right: 0; top: 50%;
	transform: translateY(-50%);
}
.smart_products2 .unit2 .slick-dot:hover{ background-color: #4463ff; color: #fff;}
.smart_products2 .unit2 .other{ position: absolute; left: 50%; bottom: -32px; margin-left: 150px; width: 250px; height: 250px; background-color: #fff; border-radius: 999px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.smart_products2 .unit2 .t_more{ position: absolute; left: 50%; top: 50%; padding-right: 50px; height: 50px;
	transform: translateX(-50%);
}
.smart_products2 .unit2 .t_more .s{ position: absolute; left: 50%; bottom: 100%; white-space: nowrap;
	transform: translateX(-50%);
}
.smart_products2 .unit3{ position: relative;}
.smart_products2 .unit3 .part{ position: absolute; right: 50%; bottom: 0; margin-right: 19%;}
.smart_products2 .unit3 .tit{ margin-bottom: 86px; text-align: center;}
.smart_products2 .unit3 .tit .t1{ margin-bottom: 8px;}
.smart_products2 .unit3 .tit .t2{}
.smart_products2 .unit3 .list{ position: relative;}
.smart_products2 .unit3 .list-item{ position: relative;}
.smart_products2 .unit3 .list-item{}
.smart_products2 .unit3 .li1{ margin-right: 36.31%;}
.smart_products2 .unit3 .li2{ margin-left: 44.05%;
	transform: translateY(-32%);
}
.smart_products2 .unit3 .img{ position: relative; overflow: hidden;}
.smart_products2 .unit3 .img:before{ content: ''; display: block;}
.smart_products2 .unit3 .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.smart_products2 .unit3 .cont{ position: absolute; left: 0; right: 0; bottom: 0; padding: 27px 45px; background-color: rgba(0,0,0,0.5); color: #fff;}
.smart_products2 .unit3 .cont .s{ margin-right: 18px;}
.smart_products2 .unit3 .li1 .img:before{ padding-bottom: 56%;}
.smart_products2 .unit3 .li2 .img:before{ padding-bottom: 63.82%;}
.smart_products2 .unit3 .other{ position: absolute; bottom: 0; right: 100%; margin-right: 3%; width: 42.55%; background-color: #0e1d5d; color: #fff;}
.smart_products2 .unit3 .other:before{ content: ''; display: block; padding-bottom: 95%;}
.smart_products2 .unit3 .t_more{ position: absolute; left: 12.5%; bottom: 56px; white-space: nowrap;}
.smart_products2 .unit3 .t_more:before{ background-color: rgba(255,255,255,0.5);}
.smart_products2 .unit3 .t_more:after{ border-color: #fff;}
.smart_products2 .unit3 .t_more .arr{ background-color: rgba(255,255,255,0.5);}
.smart_products2 .unit3 .t_more .arr:before,
.smart_products2 .unit3 .t_more .arr:after{ border-color: #fff;}
.smart_products2 .unit3 .t_more:hover .arr{ background-color: transparent;}

.smart_products3{ padding: 190px 0 200px;}
.smart_products3 .head{ margin-bottom: 88px; text-align: center;}
.smart_products3 .head .t1{}
.smart_products3 .head .t2{ margin-bottom: 20px; text-transform: uppercase;}
.smart_products3 .scroll-tab{ position: relative;}
.smart_products3 .scroll-prev,
.smart_products3 .scroll-next{ position: absolute; bottom: 40px; width: 46px; height: 46px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 999px; cursor: pointer; z-index: 1;}
.smart_products3 .scroll-prev:before,
.smart_products3 .scroll-next:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.smart_products3 .scroll-prev{ left: 0;}
.smart_products3 .scroll-next{ right: 0;}
.smart_products3 .scroll-prev:before{ content: '\e739';}
.smart_products3 .scroll-next:before{ content: '\e738';}
.smart_products3 .scroll-prev:hover,
.smart_products3 .scroll-next:hover{ background-color: #3f5fff; border-color: #3f5fff;}
.smart_products3 .scroll-prev:hover:before,
.smart_products3 .scroll-next:hover:before{ color: #fff;}
.smart_products3 .scroll-box{ position: relative; margin: 0 102px; font-size: 0; overflow: hidden;}
.smart_products3 .scroll-track{ display: table; white-space: nowrap;}
.smart_products3 .scroll-item{ display: inline-block; padding: 0 20px; width: 246px; vertical-align: top; cursor: pointer;}
.smart_products3 .tab-term{ position: relative; padding-bottom: 48px; text-align: center;}
.smart_products3 .tab-term:before,
.smart_products3 .tab-term:after{ content: ''; position: absolute; left: 50%; color: #e0e0e0;
	transform: translateX(-50%);
}
.smart_products3 .tab-term:before{ bottom: 0; height: 38px; border-left: 1px solid;}
.smart_products3 .tab-term:after{ bottom: 25px; width: 13px; height: 13px; background-color: #fff; border: 1px solid; border-radius: 999px;}
.smart_products3 .tab-term .icon{ position: relative; margin: 0 auto 12px; width: 122px;}
.smart_products3 .tab-term .icon img{ display: block; width: 100%;}
.smart_products3 .tab-term .icon .i2{ display: none;}
.smart_products3 .tab-term:hover,
.smart_products3 .tab-term.cur{ color: #4463ff;}
.smart_products3 .tab-term:hover .i1,
.smart_products3 .tab-term.cur .i1{ display: none;}
.smart_products3 .tab-term:hover .i2,
.smart_products3 .tab-term.cur .i2{ display: block;}
.smart_products3 .tab-term:hover:before,
.smart_products3 .tab-term.cur:before{ color: #4463ff;}
.smart_products3 .tab-term:hover:after,
.smart_products3 .tab-term.cur:after{ bottom: 15px; background-color: #4463ff; color: #4463ff;}
.smart_products3 .tab-item{ display: none;}
.smart_products3 .tab-item.act{ display: block;}
.smart_products3 .tab-item .img{}
.smart_products3 .tab-item .img img{ display: block; width: 100%;}

.company_profile1{}
.company_profile1 .img{ position: relative; overflow: hidden;}
.company_profile1 .img:before{ content: ''; display: block; padding-bottom: 51.78%;}
.company_profile1 .img img{ position: absolute; left: 0; top: 0; width: 100%;}

.company_profile2{ padding: 200px 0 150px;}
.company_profile2 .head{ margin-bottom: 74px; text-align: center;}
.company_profile2 .head .himg{ margin: 0 auto 15px; width: 557px;}
.company_profile2 .head .himg img{ display: block; width: 100%;}
.company_profile2 .head .t1{ margin-bottom: 14px; line-height: 1.25; text-transform: uppercase;}
.company_profile2 .head .t2{ margin-bottom: 40px; line-height: 1.875;}
.company_profile2 .ul{ position: relative; margin: auto; width: 503px; height: 735px;}
.company_profile2 .li{ position: absolute; overflow: hidden;}
.company_profile2 .l1{ left: 0; top: 0; width: 228px; height: 228px;
	transform: translate(23px, 0);
}
.company_profile2 .l2{ left: 40px; top: 55px; width: 198px; height: 310px;
	transform: translate(123px, 75px);
}
.company_profile2 .l3{ left: 0; bottom: 0; width: 363px; height: 451px;
	transform: translate(-120px, -60px);
}
.company_profile2 .l4{ right: 0; bottom: 0; width: 421px; height: 287px;
	transform: translate(180px, -75px);
}
.company_profile2 .li img{ display: block; width: 100%;}

.company_profile3{ margin-bottom: 200px;}
.company_profile3 .head{ margin-bottom: 80px; text-align: center;}
.company_profile3 .head .t1{}
.company_profile3 .head .t2{ text-transform: uppercase;}
.company_profile3 .slick-mod{ margin: 0 auto 45px; width: 85.71%;}
.company_profile3 .slick-item{ padding: 0 48px; text-align: center;}
.company_profile3 .slick-item .img{ margin: 0 auto 35px; width: 135px; height: 135px; overflow: hidden;}
.company_profile3 .slick-item .img img{ display: block; width: 100%;}
.company_profile3 .slick-item .h36{ margin-bottom: 17px;}
.company_profile3 .slick-item .p{}
.company_profile3 .slick-paging{ position: relative; text-align: center;}
.company_profile3 .slick-paging:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #e0e0e0;}
.company_profile3 .slick-arrow{ display: inline-block; position: relative; top: 0; margin: 0 27px; width: 46px; height: 46px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 999px; vertical-align: top;
	transform: none;
}
.company_profile3 .slick-arrow:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.company_profile3 .slick-prev{ left: 0;}
.company_profile3 .slick-prev:before{ content: '\e739'; margin-left: -2px;}
.company_profile3 .slick-next{ right: 0;}
.company_profile3 .slick-next:before{ content: '\e738'; margin-right: -2px;}
.company_profile3 .slick-arrow:hover{ background-color: #3f5fff; border-color: #3f5fff;}
.company_profile3 .slick-arrow:hover:before{ color: #fff;}

.company_profile4{ position: relative; background-color: #eee;}
.company_profile4:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; height: 290px; background-color: #fff;}
.company_profile4 .head{ margin-bottom: 78px; padding-top: 110px; text-align: center; color: #fff;}
.company_profile4 .head:before{ content: ''; position: absolute; left: 0; right: 170px; top: 0; padding-bottom: 38.69%; background-color: #0e1d5d;}
.company_profile4 .head .t1{ position: relative;}
.company_profile4 .head .t2{ position: relative; text-transform: uppercase;}
.company_profile4 .list{}
.company_profile4 .list-item{ position: relative; padding-bottom: 200px;}
.company_profile4 .list-item .pad{}
.company_profile4 .list-item .scale{ position: relative; padding-bottom: 52.55%; overflow: hidden;}
.company_profile4 .list-item .img,
.company_profile4 .list-item .i{ position: absolute; left: 0; right: 0; top: 0; bottom: 0; overflow: hidden;}
.company_profile4 .list-item .img{
	transform: scale(0.7);
}
.company_profile4 .list-item .img img{ display: block; width: 100%;}
.company_profile4 .list-item .i{ position: absolute; left: 0; top: 0; width: 100%;
	transform: scale(1.3);
}
.company_profile4 .list-item .cont{ position: relative; margin-top: -200px; padding: 87px 145px; width: 914px; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); opacity: 0; visibility: hidden;
	transform: translateX(-30%);
}
.company_profile4 .list-item .h36{ margin-bottom: 14px;}
.company_profile4 .list-item .p{ line-height: 1.7142;}
.company_profile4 .list-item .tab-mod{ margin-top: 36px;}
.company_profile4 .list-item .tab-bar{ margin-bottom: 23px; border-bottom: 1px solid #eee;}
.company_profile4 .list-item .tab-term{ position: relative; display: inline-block; padding: 13px 0; vertical-align: top; cursor: pointer;}
.company_profile4 .list-item .tab-term + .tab-term{ margin-left: 30px;}
.company_profile4 .list-item .tab-term:before{ content: ''; position: absolute; left: 0; right: 0; top: 100%; margin-top: -1px; border: 1px solid #4463ff; opacity: 0;}
.company_profile4 .list-item .tab-term.cur{ color: #4463ff;}
.company_profile4 .list-item .tab-term.cur:before{ opacity: 1;}
.company_profile4 .list-item .tab-cont{}
.company_profile4 .list-item .tab-item{ display: none; line-height: 1.7142;}
.company_profile4 .list-item .tab-item.act{ display: block;}
.company_profile4 .list-item .part{ position: absolute;}
.company_profile4 .list-item .part img{ display: block; width: 100%;}
.company_profile4 .list-item:nth-child(odd) .pad{ margin-left: 310px;}
.company_profile4 .list-item:nth-child(even) .pad{ margin-right: 310px;}
.company_profile4 .list-item.li1 .cont{ margin-left: 110px;}
.company_profile4 .list-item.li2 .cont{ float: right; margin-right: 110px;
	transform: translateX(30%);
}
.company_profile4 .list-item.li1 .part{ top: 38%; right: 32px;}
.company_profile4 .list-item.li2 .part{ top: 30%; left: 35px;}

.company_profile5{ padding: 135px 0 200px;}
.company_profile5 .unit{ position: relative; margin: auto; width: 800px;}
.company_profile5 .img{ position: relative; height: 800px; border-radius: 999px; overflow: hidden;}
.company_profile5 .img img{ display: block; width: 100%;}
.company_profile5 .cont{ position: absolute; top: 294px; left: 0; right: 0; color: #fff; text-align: center;}
.company_profile5 .cont .t1{}
.company_profile5 .cont .t2{ margin-bottom: 24px; text-transform: uppercase;}
.company_profile5 .cont .t3{ margin-bottom: 88px;}
.company_profile5 .cont .other{ position: relative; margin: auto; width: 192px; height: 192px; background-color: #4463ff; border-radius: 999px;}
.company_profile5 .cont .t_more{ position: absolute; left: 50%; top: 50%; padding-right: 50px; height: 50px;
	transform: translateX(-50%);
}
.company_profile5 .cont .t_more .s{ position: absolute; left: 50%; bottom: 100%; white-space: nowrap;
	transform: translateX(-50%);
}
.company_profile5 .cont .t_more:before{ background-color: rgba(255,255,255,0.5);}
.company_profile5 .cont .t_more:after{ border-color: #fff;}
.company_profile5 .cont .t_more .arr{ background-color: rgba(255,255,255,0.5);}
.company_profile5 .cont .t_more .arr:before,
.company_profile5 .cont .t_more .arr:after{ border-color: #fff;}
.company_profile5 .cont .t_more:hover .arr{ background-color: transparent;}

.company_profile6{ margin-bottom: 280px;}
.company_profile6 .map{ margin-right: 42.86em; height: 750px;}
.company_profile6 .map .bdmap-info-item{ visibility: visible;}
.company_profile6 .bdmap-info-item{ position: fixed; width: 470px; z-index: -9999; visibility: hidden;}
.company_profile6 .infowin{}
.company_profile6 .infowin .logo{ float: left; margin-right: 10px; width: 84px;}
.company_profile6 .infowin .logo img{ display: block; width: 100%;}
.company_profile6 .infowin .desc{ overflow: hidden;}
.company_profile6 .infowin .desc .t{ margin-bottom: 7px;}
.company_profile6 .infowin .desc .p{}
.company_profile6 .cont{ position: absolute; top: 140px; right: 0; padding: 103px 148px; width: 50%; background-color: #0e1d5d; color: #fff;}
.company_profile6 .cont .tit{ margin-bottom: 40px;}
.company_profile6 .cont .tit .t1{}
.company_profile6 .cont .tit .t2{ text-transform: uppercase;}
.company_profile6 .info{ margin-bottom: 58px;}
.company_profile6 .info .li{ position: relative; padding-left: 48px;}
.company_profile6 .info .li + .li{ margin-top: 15px;}
.company_profile6 .info .icon{ position: absolute; left: 0; top: 50%; width: 30px; height: 30px; overflow: hidden;
	transform: translateY(-50%);
}
.company_profile6 .info .icon img{ display: block; width: 100%;}
.company_profile6 .code{}
.company_profile6 .code .li{ position: relative; float: left; width: 24%; overflow: hidden;}
.company_profile6 .code .li:before{ content: ''; display: block; padding-bottom: 100%;}
.company_profile6 .code .li + .li{ margin-left: 20px;}
.company_profile6 .code .li img{ position: absolute; left: 0; top: 0; width: 100%;}

.light_collection1{ margin-bottom: 200px; padding-bottom: 93px;}
.light_collection1 .slick-mod{}
.light_collection1 .slick-item{}
.light_collection1 .slick-item .img{ position: relative; overflow: hidden;}
.light_collection1 .slick-item .img:before{ content: ''; display: block; padding-bottom: 51.78%;}
.light_collection1 .slick-item .i{ position: absolute; left: 0; top: 0; width: 100%;}
.light_collection1 .slick-dots{ top: 100%; bottom: auto; padding: 15px 50px; text-align: left;}
.light_collection1 .slick-dot{ position: relative; margin: 0 10px; width: 67px; height: 67px; background-color: transparent; border-radius: 0;}
.light_collection1 .slick-dot:before{ content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; height: 3px; background-color: #cbcbcb;}
.light_collection1 .slick-dot.slick-active,
.light_collection1 .slick-dot.slick-active:hover{ background-color: transparent;}
.light_collection1 .slick-dot.slick-active:before,
.light_collection1 .slick-dot.slick-active:hover:before{ background-color: #0b1b61;}
.light_collection1 .cont{ position: absolute; right: 0; bottom: 0; margin-bottom: -93px; padding: 92px 0 70px; width: 694px; background-color: rgba(11,27,97,0.95); text-align: center; color: #fff; z-index: 3;}
.light_collection1 .cont .t1{ margin-bottom: 6px;}
.light_collection1 .cont .t2{ text-transform: uppercase;}

.light_collection2{ margin-bottom: 200px;}
.light_collection2 .tab{ margin-bottom: 88px; text-align: center;}
.light_collection2 .tab-link{ position: relative; display: inline-block; margin: 0 28px; padding: 0 20px 11px; border-bottom: 1px solid transparent; vertical-align: top;}
.light_collection2 .tab-link.cur{ border-bottom-color: #4463ff; color: #4463ff;}
.light_collection2 .list{ margin-bottom: 84px;}
.light_collection2 .list-width,
.light_collection2 .list-item{ width: calc( (100% - 40px) / 3 );}
.light_collection2 .list-item{ margin-bottom: 22px; overflow: hidden;}
.light_collection2 .list-item .t{ position: absolute; left: 0; right: 0; bottom: 0; padding: 19px; background-color: rgba(0,0,0,0.5); text-align: center; color: #fff;}
.light_collection2 .list-space{ width: 20px;}
.light_collection2 .center{ text-align: center;}
.light_collection2 .load{ position: relative; display: inline-block; padding-left: 48px;}
.light_collection2 .load:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; margin: auto; width: 27px; height: 27px; background: url(../image/temp/png10.png) center no-repeat; background-size: contain;
	animation: 2s load linear infinite;
}

.company_news1{ margin-bottom: 195px;}
.company_news1 .list{}
.company_news1 .list-item{ margin-bottom: 100px; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05); background: right bottom no-repeat; overflow: hidden;}
.company_news1 .list-item .img{ float: left; width: 47.32%; overflow: hidden;}
.company_news1 .list-item .img img{ display: block; width: 100%;}
.company_news1 .list-item .cont{ position: relative; padding: 6.25% 5.35% 10px 10.71%; overflow: hidden;}
.company_news1 .list-item .t1{ margin-bottom: 20px; white-space: nowrap; text-overflow: ellipsis;  overflow: hidden;}
.company_news1 .list-item .p{ margin-bottom: 44px; height: 96px; line-height: 1.7142; word-break: break-all; text-align: justify; text-justify: inter-ideograph; overflow: hidden;}
.company_news1 .list-item .date{ position: absolute; left: 5%; top: 25%; line-height: 1; text-align: center;}
.company_news1 .list-item .date .d{ position: relative; margin-bottom: 10px; font-size: 72px;}
.company_news1 .list-item .date .d:after{ content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 18px; border-bottom: 1px solid #909090;}
.company_news1 .list-item .date .y{ font-size: 18px;}
.company_news1 .list-item .date .s{ display: none;}

.announcements_circulars1{ margin-bottom: 195px;}
.announcements_circulars1 .list{ margin-bottom: 80px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
.announcements_circulars1 .list-item{ position: relative; margin-left: 20px; margin-bottom: 20px; width: calc( (100% - 41px) / 3 ); box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);}
.announcements_circulars1 .list-item:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; width: 60%; background-color: #0b1b61; opacity: 0;
	transition-property: width, opacity;
	transition-duration: .3s;
}
.announcements_circulars1 .list-item:nth-child(3n + 1){ margin-left: 0;}
.announcements_circulars1 .list-item .link{ position: relative; display: block; padding: 60px 50px 70px 60px;}
.announcements_circulars1 .list-item .date{ float: left; margin-bottom: 28px; line-height: 1; text-align: center; color: #587ecb;}
.announcements_circulars1 .list-item .date .d{ position: relative; margin-bottom: 10px; font-size: 72px;}
.announcements_circulars1 .list-item .date .d:after{ content: ''; position: absolute; left: 0; right: 0; top: 100%; margin: auto; width: 18px; border-bottom: 1px solid #4463ff;}
.announcements_circulars1 .list-item .date .y{ font-size: 18px;}
.announcements_circulars1 .list-item .date .s{ display: none;}
.announcements_circulars1 .list-item .t1{ clear: both;}

.investor_relations1{ margin-bottom: 200px;}
.investor_relations1 .unit{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.investor_relations1 .img{ position: relative; width: 41.3%; overflow: hidden;}
.investor_relations1 .img:before{ content: ''; display: block; padding-bottom: 108.06%;}
.investor_relations1 .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.investor_relations1 .cont{ padding: 89px 96px 83px 118px; width: 58.7%;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}
.investor_relations1 .cont .tit{ margin-bottom: 43px;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;	
}
.investor_relations1 .cont .t1{ }
.investor_relations1 .cont .t2{ text-transform: uppercase;}
.investor_relations1 .scroll{ height: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;	
}
.investor_relations1 .xrow{ line-height: 1.7142; overflow: hidden;}
.investor_relations1 .xrow .l{ float: left; min-width: 13em; text-align: right;}
.investor_relations1 .xrow .d{ overflow: hidden;}
.investor_relations1 .xrow .link{ text-transform: uppercase;}
.investor_relations1 .mCSB_inside > .mCSB_container{ margin-right: 110px;}
.investor_relations1 .mCSB_scrollTools{ width: 4px;}
.investor_relations1 .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #f7f7f7;}
.investor_relations1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #4463ff;}

.investor_relations2{ margin-bottom: 200px;}
.investor_relations2 .list{ position: relative; padding-bottom: 49.52%;}
.investor_relations2 .list-item{ position: absolute; width: calc( (100% - 40px) / 3 ); text-align: center; overflow: hidden;}
.investor_relations2 .list-item:before{ content: ''; display: block; padding-bottom: 75.13%;}
.investor_relations2 .list-item:nth-child(1){ left: 0; top: 0; background-color: #0b1b61; color: #fff;}
.investor_relations2 .list-item:nth-child(2){ left: 50%; top: 0;
	transform: translateX(-50%);
}
.investor_relations2 .list-item:nth-child(2) .icon svg{ fill: none; stroke: #333; stroke-width: 3;}
.investor_relations2 .list-item:nth-child(2) .icon circle{ fill: #333; stroke-width: 0;}
.investor_relations2 .list-item:nth-child(3){ left: 50%; bottom: 0; background-color: #e4e3e3;
	transform: translateX(-50%);
}
.investor_relations2 .list-item:nth-child(3) .icon svg{ fill: none; stroke: #333; stroke-width: 3;}
.investor_relations2 .list-item:nth-child(4){ right: 0; top: 0; bottom: 0; background: url(../image/temp/img73.jpg) center no-repeat; background-size: cover; color: #fff;}
.investor_relations2 .list-item:nth-child(4) .inner:before,
.investor_relations2 .list-item:nth-child(4) .inner:after{ content: ''; position: absolute; left: 50%; top: 100%;
	transform: translateX(-50%);
}
.investor_relations2 .list-item:nth-child(4) .inner:before{ margin-top: 85px; width: 13px; height: 13px; border-radius: 99px; border: 1px solid;}
.investor_relations2 .list-item:nth-child(4) .inner:after{ margin-top: 98px; border-left: 1px solid; height: 999px;}
.investor_relations2 .list .link{ position: absolute; left: 0; right: 0; top: 0; bottom: 0;}
.investor_relations2 .list .inner{ position: absolute; left: 0; right: 0; top: 50%;
	transform: translateY(-50%);
}
.investor_relations2 .list .icon{ margin: auto; margin-bottom: 37px; width: 110px; height: 110px;}
.investor_relations2 .list .icon img{ display: block; width: 100%;}
.investor_relations2 .list .icon svg{ fill: none; stroke: #fff; stroke-width: 3;}
.investor_relations2 .list .t1{ margin-bottom: 3px;}
.investor_relations2 .list .t2{ text-transform: uppercase;}

.investor_relations3{ margin-bottom: 290px;}
.investor_relations3 .unit{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.investor_relations3 .img{ position: relative; width: 53%; overflow: hidden;}
.investor_relations3 .img:before{ content: ''; display: block; padding-bottom: 91.25%;}
.investor_relations3 .img img{ position: absolute; left: 0; top: 0; width: 100%;}
.investor_relations3 .inner{ position: absolute; left: 110px; right: 200px; top: 50%; color: #fff;
	transform: translateY(-50%);
}
.investor_relations3 .inner .tit{ margin-bottom: 47px;}
.investor_relations3 .inner .tit .t1{}
.investor_relations3 .inner .tit .t2{ text-transform: uppercase;}
.investor_relations3 .inner .dl{}
.investor_relations3 .inner .dl + .dl{ margin-top: 39px;}
.investor_relations3 .inner .dt{ margin-bottom: 11px;}
.investor_relations3 .inner .dd{ line-height: 2;}
.investor_relations3 .inner .dd{}
.investor_relations3 .cont{ position: relative; width: 47%;
}
.investor_relations3 .box{ margin-left: -95px; margin-top: 90px; margin-bottom: -90px; padding: 89px 96px 83px 118px; height: 100%; background-color: #fff; box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}
.investor_relations3 .cont .tit{ margin-bottom: 5px;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;	
}
.investor_relations3 .cont .t1{ }
.investor_relations3 .cont .t2{ text-transform: uppercase;}
.investor_relations3 .scroll{ height: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;	
}
.investor_relations3 .scroll .dl{}
.investor_relations3 .scroll .dl + .dl{ margin-top: 23px;}
.investor_relations3 .scroll .dt{ margin-bottom: 15px;}
.investor_relations3 .scroll .dd{ line-height: 1.7142;}
.investor_relations3 .scroll .link{ text-transform: uppercase;}
.investor_relations3 .mCSB_inside > .mCSB_container{ margin-right: 85px;}
.investor_relations3 .mCSB_scrollTools{ width: 4px;}
.investor_relations3 .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #f7f7f7;}
.investor_relations3 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #4463ff;}

.introduction1{ position: relative; margin-bottom: 187px; padding-bottom: 52px;}
.introduction1 .large-wrap:before{ content: ''; position: absolute; left: 165px; right: 0; top: 75px; bottom: -52px; background-color: #0b1b61;}
.introduction1 .unit{
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
.introduction1 .img{ position: relative; width: 55.65%; overflow: hidden;}
.introduction1 .img:before{ content: ''; display: block; padding-bottom: 83.42%;}
.introduction1 .img .i{ position: absolute; left: 0; top: 0; width: 100%;}
.introduction1 .cont{ padding: 188px 60px 58px 95px; width: 45.35%; color: #fff; z-index: 2;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;	
}
.introduction1 .tit{ margin-bottom: 47px;
	-webkit-box-flex: 0;
	-webkit-flex-grow: 0;
	-ms-flex-positive: 0;
	flex-grow: 0;
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;	
}
.introduction1 .tit .t1{}
.introduction1 .tit .t2{ text-transform: uppercase;}
.introduction1 .scroll{ height: 0;
	-webkit-box-flex: 1;
	-webkit-flex-grow: 1;
	-ms-flex-positive: 1;
	flex-grow: 1;
	-webkit-flex-shrink: 1;
	-ms-flex-negative: 1;
	flex-shrink: 1;	
}
.introduction1 .scroll .p{ line-height: 1.7142; word-break: break-all; text-align: justify; text-justify: inter-ideograph;}
.introduction1 .scroll .p + .p{ margin-top: 24px;}
.introduction1 .mCSB_scrollTools{ width: 4px;}
.introduction1 .mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #162877;}
.introduction1 .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #4463ff;}

.introduction2{ margin-bottom: 146px;}
.introduction2 .tit{ margin-bottom: 24px; text-align: center;}
.introduction2 .tit .t1{}
.introduction2 .tit .t2{ text-transform: uppercase;}
.introduction2 .scroll-tab{ position: relative; margin: 0 170px;}
.introduction2 .scroll-tab:before{ content: ''; position: absolute; left: 0; right: 0; top: 50%; border-top: 1px solid #e0e0e0;}
.introduction2 .scroll-prev,
.introduction2 .scroll-next{ position: absolute; top: 50%; width: 46px; height: 46px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 999px; cursor: pointer; z-index: 1;
	transform: translateY(-50%);
}
.introduction2 .scroll-prev:before,
.introduction2 .scroll-next:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.introduction2 .scroll-prev{ left: 0;}
.introduction2 .scroll-next{ right: 0;}
.introduction2 .scroll-prev:before{ content: '\e739';}
.introduction2 .scroll-next:before{ content: '\e738';}
.introduction2 .scroll-prev:hover,
.introduction2 .scroll-next:hover{ background-color: #3f5fff; border-color: #3f5fff;}
.introduction2 .scroll-prev:hover:before,
.introduction2 .scroll-next:hover:before{ color: #fff;}
.introduction2 .scroll-prev.disabled:hover,
.introduction2 .scroll-next.disabled:hover{ background-color: #fff; border-color: #e0e0e0;}
.introduction2 .scroll-prev.disabled:hover:before,
.introduction2 .scroll-next.disabled:hover:before{ color: #333;}
.introduction2 .scroll-prev.disabled,
.introduction2 .scroll-next.disabled{ cursor: default;}
.introduction2 .scroll-box{ margin: 0 120px; font-size: 0; overflow: hidden;}
.introduction2 .scroll-track{ display: table; padding: 36px 0; white-space: nowrap;}
.introduction2 .scroll-item{ display: inline-block; width: 220px; vertical-align: top; cursor: pointer;}
.introduction2 .tab-term{ position: relative; text-align: center;}
.introduction2 .tab-term:before{ content: ''; position: absolute; left: 50%; top: 50%; border: 7px solid transparent; border-top: 15px solid; color: #b2b5b5;
	transform-origin: center 25%;
}
.introduction2 .tab-term:nth-child(1):before{
	transform: translate(-50%, -25%) rotate(-130deg);
}
.introduction2 .tab-term:nth-child(2):before{
	transform: translate(-50%, -25%) rotate(-88deg);
}
.introduction2 .tab-term:nth-child(3):before{
	transform: translate(-50%, -25%) rotate(-60deg);
}
.introduction2 .tab-term:nth-child(4):before{
	transform: translate(-50%, -25%) rotate(0deg);
}
.introduction2 .tab-term:nth-child(5):before{
	transform: translate(-50%, -25%) rotate(55deg);
}
.introduction2 .tab-term .t{
	transform: translateY(100%);
}
.introduction2 .tab-term:hover,
.introduction2 .tab-term.cur,
.introduction2 .tab-term:hover:before,
.introduction2 .tab-term.cur:before{ color: #4463ff;}
.introduction2 .tab-cont{ margin-bottom: 45px;}
.introduction2 .tab-item{ display: none; text-align: center;}
.introduction2 .tab-item.act{ display: block;}
.introduction2 .tab-item .img{ margin: auto; width: 900px; height: 364px; overflow: hidden;}
.introduction2 .tab-item .img img{ display: block; width: 100%;}

.introduction3{ margin-bottom: 196px;}
.introduction3 .tit{ margin-bottom: 80px; text-align: center;}
.introduction3 .tit .t1{}
.introduction3 .tit .t2{ text-transform: uppercase;}
.introduction3 .slick-mod{ padding: 0 75px;}
.introduction3 .slick-item{ padding: 0 10px; text-align: center;}
.introduction3 .slick-item .img{ position: relative; margin-bottom: 33px; overflow: hidden;}
.introduction3 .slick-item .img:before{ content: ''; display: block; padding-bottom: 74.69%;}
.introduction3 .slick-item .i{ position: absolute; left: 0; top: 0; width: 100%;}
.introduction3 .slick-arrow{ margin-top: -30px; width: 46px; height: 46px; background-color: #fff; border: 1px solid #e0e0e0; border-radius: 999px;}
.introduction3 .slick-arrow:before{ position: absolute; left: 50%; top: 50%; margin-top: 1px; font-size: 22px; color: #333;
	transform: translate(-50%, -50%);
}
.introduction3 .slick-prev{ left: 0;}
.introduction3 .slick-prev:before{ content: '\e739'; margin-left: -2px;}
.introduction3 .slick-next{ right: 0;}
.introduction3 .slick-next:before{ content: '\e738'; margin-right: -2px;}
.introduction3 .slick-arrow:hover{ background-color: #3f5fff; border-color: #3f5fff;}
.introduction3 .slick-arrow:hover:before{ color: #fff;}







@-webkit-keyframes light {
  0% {
    bottom: 100%;
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    bottom: 50%;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: -100%;
    opacity: 0;
  }
}

@keyframes light {
  0% {
    bottom: 100%;
    opacity: 1;
  }
  40% {
    opacity: 1;
  }
  50% {
    bottom: 50%;
  }
  60% {
    opacity: 0;
  }
  100% {
    bottom: -100%;
    opacity: 0;
  }
}





/* ****************************************************** */
	
/* 详情页 */
.article{ padding: 60px 0;}
.article-title{ margin-bottom: 40px; text-align: center;}
.article-title .h24{ margin-bottom: 20px;}
.article-title .info{ color: #707070;}
.article-title .info span{ margin: 0 15px;}
.article-cont{ margin-bottom: 30px;}
.article-cont .p{ margin-bottom: 20px; text-align: justify; text-justify: inter-ideograph;}
.article-cont img{ max-width: 100%; height: auto !important;}
.article-paging{ overflow: hidden; padding: 20px 0; border-top: 1px solid #eee; border-bottom: 1px solid #eee; line-height: 26px;}
.article-prev, .article-next{ position: relative; width: 40%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.article-prev{ float: left; padding-left: 30px;}
.article-next{ float: right; padding-right: 30px; text-align: right;}
.article-prev:before, .article-next:before{ position: absolute; top: 2px; font-size: 16px;
	font-family: "xfont" !important;
	font-style: normal;
	-webkit-font-smoothing: antialiased;
	-webkit-text-stroke-width: 0.2px;
	-moz-osx-font-smoothing: grayscale;
}
.article-prev:before{ content:"\e739"; left: 0;}
.article-next:before{ content:"\e738"; right: 0;}
.article-paging a:hover{ opacity: 0.8;}
.article .share-mod{ padding: 30px 0;}
.article .share-item{ font-size: 20px;}

/* 搜索结果页 */
.result{ padding: 60px 0;}
.result .key{ color: #4463ff;}
.result .h24{}
.result .h24 span{ margin-left: 30px; font-size: 18px; color: #707070; }
.result .list{ margin-bottom: 50px; }
.result .list-item{ padding: 30px 0; border-bottom: 1px solid #d1d1d1; }  
.result .list .h18{ margin-bottom: 15px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.result .list .p{ color: #707070; text-align: justify; text-justify: inter-ideograph;}
.result .list a:hover{ color: #4463ff;}

/*	网站地图	*/
.sitemap{ padding: 60px 0;}
.sitemap dl{ padding: 20px 0; border-bottom: 1px solid #eee;}
.sitemap dt{ font-size: 16px;}
.sitemap dd{ margin-top: 20px; padding-left: 4em;}
.sitemap dd a{ margin-right: 20px;}
.sitemap a:hover{ color: #4463ff;}


/* ************************** 效果类 **************************** */

/*	图片缩放	*/
.scaleimg{ overflow: hidden;}
.scaleimg img{ width: 100%; height: auto;
	-webkit-transition: transform 1s;
	transition: transform 1s;
	
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;

	-webkit-transform: scale(1);
	transform: scale(1);
}

/*	左进右出划过效果	*/
.liro{ position: relative; overflow: hidden;}
.liro:before{ content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background-color: rgba(255,255,255,0.3);
	-webkit-transform-origin: right center;
	transform-origin: right center;

	-webkit-transform: scaleX(0);
	-ms-transform: scaleX(0);
	transform: scaleX(0);

	-webkit-transition: transform .5s;
	transition: transform .5s;
}

/*	晃动	*/
@-webkit-keyframes shake{ 	
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	50% {
		-webkit-transform:rotate(-5deg);
		transform:rotate(-5deg);
	}
	75% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}
@keyframes shake{ 	
	0% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
	25% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	50% {
		-webkit-transform:rotate(-5deg);
		transform:rotate(-5deg);
	}
	75% {
		-webkit-transform:rotate(5deg);
		transform:rotate(5deg);
	}
	100% {
		-webkit-transform:rotate(0deg);
		transform:rotate(0deg);
	}
}

@keyframes load{ 	
	0% {
		transform: rotate(0deg);
	}
	100% {
		transform: rotate(360deg);
	}
}

@media screen and (max-width: 1900px){
	.home3 .list-item .cont{ padding: 5.1% 8.6%; width: 54.4%;}
	.home3 .list-item.li1 .cont{ margin-left: 6.54%;}
	.home3 .list-item.li2 .cont{ margin-right: 6.54%;}
	.home3 .list-item.li1 .no{ font-size: 460px;}
	
	.home4 .list-item{ padding: 2% 18%;}
	
	.intelligent_city3 .cont .p{ margin-right: 0;}
	
	.wisdom_lamppost2 .head{ margin-bottom: -100px;}
	.wisdom_lamppost2 .list{
		transform-origin: center bottom;
		transform: scale(0.75);
	}
		
	.smart_products2 .unit2 .box{
		transform: scale(0.8);
	}
	
	.smart_products2 .unit2 .slick-dot .h18{
		transform: translateY(-50%) scale(1.2);
	}
	
	.smart_products2 .unit2 .t_more{
		transform: translateX(-50%) scale(1.2);
	}
	
	.smart_products2 .unit1 .other{ left: 0; width: 350px;}
}

@media screen and (max-width: 1400px){
	
	.pop-info .pop-cont{ width: 800px; height: auto;}
	.pop-info .ul{ padding: 50px;}
	.pop-info .t_more{ margin-top: 30px;}

	.home3 .list-item .no{ font-size: 360px;}
	
	.home4 .list-item{ padding: 2% 10%;}
	
	.intelligent_city1{ margin-bottom: 100px; padding-bottom: 0;}
	.intelligent_city1 .video{ height: auto;}
	.intelligent_city1 .cont{ position: static; margin-bottom: 0; width: 100%;}
	.intelligent_city1 .slick-dots{ text-align: center;}
	
	.intelligent_city3{ padding-bottom: 25%;}
	.intelligent_city3 .cont{ padding: 5%;}
	
	.smart_home1{ margin-bottom: 100px; padding-bottom: 0;}
	.smart_home1 .cont{ position: static; margin-bottom: 0; width: 100%;}
	
	.smart_home3{ padding-bottom: 25%;}
	.smart_home3 .head:before{ height: 550px;}
	.smart_home3 .cont{ padding: 5%;}
	
	.smart_culture2 .list-item:nth-child(n) .img{ margin: 0;}
	.smart_culture2 .list-item .cont{ position: static; width: 100%;
		transform: none;
	}
	
	.smart_products1{ margin-bottom: 100px; padding-bottom: 0;}
	.smart_products1 .cont{ position: static; margin-bottom: 0; padding: 94px 100px 88px; width: 100%;}
	
	.company_profile6 .map{ margin-right: 0;}
	.company_profile6 .cont{ position: static; width: 100%;}
	
	.light_collection1 .cont{ width: 400px;}
	
	.company_news1 .list-item .cont{ padding: 5% 2% 10px 12%;}
	.company_news1 .list-item .date{ top: 22%;}
	.company_news1 .list-item .p{ margin-bottom: 20px;}
	
	.investor_relations1 .cont{ padding: 50px;}
	.investor_relations1 .cont .tit{ margin-bottom: 20px;}
	
	.investor_relations2 .list .inner{
		transform: translateY(-50%) scale(0.8);
	}
	.investor_relations2 .list-item:nth-child(4) .inner::after{ border-left: 2px solid;}
	
	.investor_relations3 .inner{ left: 0; right: 70px;
		transform: translateY(-50%) scale(0.8);
	}
	.investor_relations3 .box{ padding: 50px;}
		
	.introduction1 .cont{ padding: 125px 50px 0 50px;}
	.introduction1 .cont .tit{ margin-bottom: 20px;}
	
	.introduction2 .scroll-tab{ margin: 0;}
	
	.company_profile6{ margin-bottom: 100px;}
	
	.smart_products2 .unit3 .t_more{ left: 7%;}
	
}
@media screen and (max-width: 1300px){
	.smart_products2 .unit2 .box{ margin: -100px 0;
		transform: scale(0.6);
	}
	
	.company_news1 .list-item .cont{  padding-top: 2%;}
	.company_news1 .list-item .date{ top: 6%;}
}

/*	pc 端	*/
@media screen and (min-width: 1021px){
	
	/*	仅在 pc 端触发的效果类	*/
	
	.scaleimg:hover img{
		-webkit-transform: scale(1.1);
		transform: scale(1.1);
	}

	.liro:hover:before{
		-webkit-transform-origin: left center;
		transform-origin: left center;

		-webkit-transform: scaleX(1);
		-ms-transform: scaleX(1);
		transform: scaleX(1);
	}

	.shake:hover{
		-webkit-animation: shake .5s;
		animation: shake .5s;
	}
	
	
	
	.t_more:hover:before{
		transform: translate(50%, -50%) scale(1);
	}
	.t_more:hover:after{ margin-right: -5px;}
	.t_more:hover .arr{ background-color: transparent;}
	.t_more:hover .arr:before{ opacity: 1;
		transform: rotate(45deg);
	}
	.t_more:hover .arr:after{ opacity: 1;
		transform: rotate(-45deg);
	}
	
	.home4 .center .more:hover span{
		transform: scale(1.1);
	}
	
	.company_news1 .list-item:hover{ background-image: url(../image/temp/img69.jpg);}

	.announcements_circulars1 .list-item:hover,
	.announcements_circulars1 .list-item:hover .date{ color: #fff;}
	.announcements_circulars1 .list-item:hover:before{ width: 100%; opacity: 1;}
	
}

/*	pc 端 1024 - 1280	*/
@media screen and (min-width: 1021px) and (max-width: 1279px){
	
	

}

/*	pc 端 1280 以上	*/
@media screen and (min-width: 1280px){

	
	
}

/*	移动端 1024 以下	*/
@media screen and (max-width: 1020px){
	
/*	返回顶部	*/
	.gotop .s{ font-size: 0.2rem;}
	
/*	百度地图	*/
	.bdmap{ height: 6rem;}
	.bdmap-list{}
	.bdmap-list-item{}
	.bdmap-list-item.cur{}
	.bdmap-sync{}
	.bdmap-sync-item{}
	.bdmap-sync-item.act{}
	.bdmap-info-item{ width: 3rem;}

/*	弹窗	*/
	.pop-alert .pop-dialog{ width: 7rem; height: 5rem;}
	
	.pop-info .pop-close{ right: 0.5rem; top: 0.5rem; width: 0.5rem; height: 0.5rem;}
	.pop-info .pop-cont{ width: 7rem; height: auto;}
	.pop-info .img{ width: 100%;}
	.pop-info .ul{ padding: 0.5rem;}
	.pop-info .li{ font-size: 0.3rem; line-height: 1.5;}
	.pop-info .li + .li{ margin-top: 0.1rem;}
	.pop-info .t_more{ margin-top: 0.3rem;}

	
/*	视频	*/
	.video-box{ height: 6rem;}
	.video-box .vjs-big-play-button:before{ width: 0.94rem; font-size: 0.6rem;}
	
/* ****************************************************** */

	.t_more{ padding-right: 1rem; font-size: 0.3rem;}
	.t_more:before{ width: 0.2rem; height: 0.2rem;}
	.t_more:after{ width: 0.6rem;}

	.home1{ }
	.home1 .h60{ font-size: 0.6rem;}
	.home1 .slick-item .img{ height: 5rem;}
	.home1 .slick-dots{ bottom: 0.3rem;}
	.home1 .slick-dot{ margin: 0 0.1rem; width: 0.5rem; height: 0.2rem;}

	.home2{ padding: 1rem 0;}
	.home2 .h36{ margin-bottom: 0.2rem;}
	.home2 .word{ width: 6rem; height: auto;}

	.home3 .head{ background-color: #0e1d5d;}
	.home3 .head .large-wrap:before{ display: none;}
	.home3 .head .tit{ padding: 1rem 0; width: 100%; background-size: 3rem;}
	.home3 .head .light{ width: 50%;}
	.home3 .head .h44{ margin-bottom: 0.1rem; font-size: 0.5rem;}
	.home3 .list{ padding-bottom: 0.5rem;}
	.home3 .list-item{ padding-bottom: 0;}
	.home3 .list-item + .list-item{ margin-top: 0.3rem;}
	.home3 .list-item .img,
	.home3 .list-item .i{
		transform: scale(1);
	}
	.home3 .list-item.li2 .cont,
	.home3 .list-item .cont{ margin-top: 0; padding: 0.5rem; width: 100%; opacity: 1; visibility: visible;
		transform: none;
	}
	.home3 .list-item .h36{ margin-bottom: 0.2rem;}
	.home3 .list-item .p{ margin-bottom: 0.3rem; font-size: 0.28rem;}
	.home3 .list-item .h40{ font-size: 0.6rem;}
	.home3 .list-item .no,
	.home3 .list-item .part{ display: none;}
	.home3 .list-item:nth-child(odd) .pad{ margin-left: 0;}
	.home3 .list-item:nth-child(even) .pad{ margin-right: 0;}
	.home3 .list-item.li1 .cont{ margin-left: 0;}
	.home3 .list-item.li2 .cont{ float: none; margin-right: 0;}

	.home4{ padding: 1rem 0;}
	.home4 .head,
	.home4 .list{ margin-bottom: 0.5rem;}
	.home4 .head .h44{ font-size: 0.6rem;}
	.home4 .list-item{ padding: 0;}
	.home4 .list-item + .list-item{ margin-top: 0.3rem; padding: 0.3rem 0; border-top: 1px solid #f4f4f4;}
	.home4 .list-item:before{ display: none;}
	.home4 .list-item .date{ float: none; text-align: left;}
	.home4 .list-item .date .b{ display: inline; margin-top: 0; font-size: 0.3rem; line-height: 1.5;}
	.home4 .list-item .date .b:before{ content: '.';}
	.home4 .list-item .date .y{ position: static; margin-top: 0;}
	.home4 .list-item .date .y:before{ display: none;}
	.home4 .list-item .cont{ margin-left: 0;}
	.home4 .list-item .cont .h18{ margin-bottom: 0.2rem;}
	.home4 .list-item .cont .p{ display: none;}
	.home4 .center .more{ padding: 0 0.5rem 0.1rem; font-size: 0.3rem;}

	.intelligent_city1{ margin-bottom: 1rem;}
	.intelligent_city1 .cont{ padding: 0.5rem; height: auto;}
	.intelligent_city1 .cont .t1{ margin-bottom: 0.2rem; line-height: 1.2;}
	.intelligent_city1 .cont .t2{ margin-bottom: 0.3rem; line-height: 1.1;}

	.intelligent_city2 .t1{ margin-bottom: 0.2rem; line-height: 1.2;}
	.intelligent_city2 .t2{ margin-bottom: 0.2rem; line-height: 1.1;}
	.intelligent_city2 .t3{ margin-bottom: 0.3rem;}
	.intelligent_city2 .p{ margin-bottom: 0.5rem; width: 100%; line-height: 1.7142;}
	.intelligent_city2 .t_more{ margin-bottom: 0.5rem;}
	.intelligent_city2 .img{ width: 100%;}

	.intelligent_city3{ padding-bottom: 1rem;}
	.intelligent_city3:before{ height: 5rem;}
	.intelligent_city3 .part{ display: none;}
	.intelligent_city3 .pad{ margin-left: 0;}
	.intelligent_city3 .cont{ position: static; margin-top: 0; padding: 0.5rem; width: 100%; opacity: 1; visibility: visible;}
	.intelligent_city3 .cont .t1{ line-height: 1.2;}
	.intelligent_city3 .cont .t2{ margin-bottom: 0.1rem;}
	.intelligent_city3 .cont .t3{ margin-bottom: 0.2rem;}
	.intelligent_city3 .cont .p{ margin-bottom: 0.5rem; margin-right: 0;}

	.wisdom_lamppost1{ margin-bottom: 0; padding-bottom: 0.5rem;}
	.wisdom_lamppost1 .large-wrap:before{ top: 0.5rem; left: 1rem; right: 0.25rem; bottom: -0.5rem;}
	.wisdom_lamppost1 .video{ margin-right: 0.8rem;}
	.wisdom_lamppost1 .cont{ top: 0.5rem; right: 0.25rem; width: 0.8rem;}

	.wisdom_lamppost2{ padding: 1rem 0;}
	.wisdom_lamppost2 .head{ margin-bottom: 0.3rem;}
	.wisdom_lamppost2 .head .t2{ margin-bottom: 0.1rem;}
	.wisdom_lamppost2 .list{ height: auto; background: none;
		transform: scale(1);
	}
	.wisdom_lamppost2 .list-item{ position: relative; top: 0; left: 0; right: auto; margin: 0; padding-left: 3rem;}
	.wisdom_lamppost2 .list-item + .list-item{ margin-top: 0.5rem;}
	.wisdom_lamppost2 .list-item:nth-child(odd){ }
	.wisdom_lamppost2 .list-item:nth-child(odd) .t1{ margin-right: 0;}
	.wisdom_lamppost2 .list-item:nth-child(odd) .t1:before{ margin-right: 0.1rem;}
	.wisdom_lamppost2 .list-item:nth-child(odd) .s{ float: none; margin-right: 0;}
	.wisdom_lamppost2 .list-item:nth-child(odd) .ul{ padding-right: 0;}
	.wisdom_lamppost2 .list-item:nth-child(odd) .img{ left: auto; right: 100%; margin-right: 0.8rem;}
	.wisdom_lamppost2 .list-item:nth-child(even){ text-align: left;}
	.wisdom_lamppost2 .list-item:nth-child(even) .t1{ margin-left: 0;}
	.wisdom_lamppost2 .list-item:nth-child(even) .t1:before{ left: auto; right: 100%; margin-right: 0.1rem; margin-left: 0;}
	.wisdom_lamppost2 .list-item:nth-child(even) .s{ float: none; margin-left: 0;}
	.wisdom_lamppost2 .list-item:nth-child(even) .ul{ padding-left: 0;}
	.wisdom_lamppost2 .list-item:nth-child(even) .img{ margin-right: 0.8rem;}
	.wisdom_lamppost2 .list-item .t1{}
	.wisdom_lamppost2 .list-item .t1:before{ margin-top: 0; width: 0.26rem; height: 0.26rem;}
	.wisdom_lamppost2 .list-item .ul{ opacity: 1; visibility: visible;}
	.wisdom_lamppost2 .list-item .li{ display: block; font-size: 0.28rem;}
	.wisdom_lamppost2 .list-item .li:before{ margin-right: 0.1rem;}
	.wisdom_lamppost2 .list-item .l{ display: none;}
	.wisdom_lamppost2 .list-item .img{ top: 0.2rem; padding: 0.1rem; width: 2rem; height: 2rem; opacity: 1; visibility: visible;	
		transform: none;
	}
	.wisdom_lamppost2 .list-item .img img{ width: 1.2rem;}

	.wisdom_lamppost3{ padding: 1rem 0;}
	.wisdom_lamppost3 .head{ margin-bottom: 0.3rem;}
	.wisdom_lamppost3 .unit:before{ display: none;}
	.wisdom_lamppost3 .unit-l{ margin-bottom: 0.2rem;}
	.wisdom_lamppost3 .unit-r{ position: static;}
	.wisdom_lamppost3 .inner-l{ float: none; margin-right: 0; width: 100%;}
	.wisdom_lamppost3 .unit .li{ position: relative; margin-top: 0.2rem;}
	.wisdom_lamppost3 .unit .li:nth-child(1){ bottom: auto; margin-bottom: 0;}
	.wisdom_lamppost3 .unit .li:nth-child(2){ top: 0; margin-top: 0.2rem;}
	.wisdom_lamppost3 .unit .t{ padding: 0.2rem;}
	.wisdom_lamppost3 .slick-arrow{ width: 0.6rem; height: 0.6rem;}
	.wisdom_lamppost3 .slick-arrow:before{ margin-top: 0; font-size: 0.3rem;}

	.wisdom_lamppost4{ padding: 1rem 0;}
	.wisdom_lamppost4 .head{ margin-bottom: 0.3rem;}
	.wisdom_lamppost4 .slick-mod{ margin: 0 0 0.5rem; padding: 0 10%;}
	.wisdom_lamppost4 .slick-item .pad{ margin: 0.2rem; padding-top: 0.5rem;}
	.wisdom_lamppost4 .slick-item .t1{ margin-bottom: 0.1rem;}
	.wisdom_lamppost4 .slick-item .more{ margin-top: 0.1rem; opacity: 1;}
	.wisdom_lamppost4 .slick-arrow{ width: 0.6rem; height: 0.6rem;}
	.wisdom_lamppost4 .slick-arrow:before{ font-size: 0.3rem;}
	.wisdom_lamppost4 .slick-prev{ left: 0; right: auto; margin-right: 0;}
	.wisdom_lamppost4 .slick-next{ right: 0; left: auto; margin-left: 0;}

	.wisdom_lamppost5{ padding: 1rem 0;}
	.wisdom_lamppost5 .head{ margin-bottom: 0.3rem;}
	.wisdom_lamppost5 .slick-mod{ margin: 0 0 0.5rem; padding: 0 10%;}
	.wisdom_lamppost5 .slick-item .pad{ margin: 0.2rem;}
	.wisdom_lamppost5 .slick-item .cont{ margin-bottom: 0.2rem; padding: 0.5rem;}
	.wisdom_lamppost5 .slick-item .t1{ margin-bottom: 0.1rem;}
	.wisdom_lamppost5 .slick-arrow{ width: 0.6rem; height: 0.6rem;}
	.wisdom_lamppost5 .slick-arrow:before{ font-size: 0.3rem;}
	.wisdom_lamppost5 .slick-prev{ left: 0; right: auto; margin-right: 0;}
	.wisdom_lamppost5 .slick-next{ right: 0; left: auto; margin-left: 0;}

	.smart_home1{ margin-bottom: 1rem;}
	.smart_home1 .cont{ padding: 0.5rem; height: auto;}
	.smart_home1 .cont .t1{ margin-bottom: 0.2rem; line-height: 1.2;}
	.smart_home1 .cont .t2{ margin-bottom: 0.3rem; line-height: 1.1;}

	.smart_home2 .head{ margin-bottom: 0.5rem;}
	.smart_home2 .list{ margin: 0; padding-bottom: 0;}
	.smart_home2 .list-item{ float: none; width: 100%; text-align: center;}
	.smart_home2 .list-item + .list-item{ margin-top: 0.5rem;}
	.smart_home2 .list-item:before,
	.smart_home2 .list-item:after{ display: none;}

	.smart_home3{ padding-bottom: 1rem;}
	.smart_home3:before{ height: 5rem;}
	.smart_home3 .head{ margin-bottom: 0.5rem; padding-top: 1rem; color: #333;}
	.smart_home3 .head:before{ display: none;}
	.smart_home3 .part{ display: none;}
	.smart_home3 .pad{ margin-left: 0;}
	.smart_home3 .cont{ position: static; margin-top: 0; margin-left: 0; padding: 0.5rem; width: 100%; opacity: 1; visibility: visible;}
	.smart_home3 .cont .t1{ line-height: 1.2;}
	.smart_home3 .cont .t2{ margin-bottom: 0.1rem;}
	
	.smart_culture1{ margin-bottom: 1rem;}
	.smart_culture1 .unit{ padding: 0.5rem;}
	.smart_culture1 .head{ margin-bottom: 0.5rem;}
	.smart_culture1 .head .t1{ margin-bottom: 0.1rem; line-height: 1.2;}
	.smart_culture1 .list .dl + .dl{ margin-top: 0.2rem;}
	.smart_culture1 .list .dl + .dl .s{ display: block;}
	.smart_culture1 .list .dt{ float: none; margin-right: 0;}
	.smart_culture1 .list .s{ margin-right: 0.3rem;}

	.smart_culture2{ margin-bottom: 1rem;}
	.smart_culture2 .list-item .cont{ position: static; padding: 0.5rem; width: 100%;
		transform: none;
	}
	.smart_culture2 .list-item .t1,
	.smart_culture2 .list-item .t2{ margin-bottom: 0.2rem;}
	.smart_culture2 .list-item .p{ margin-bottom: 0.5rem;}
	.smart_culture2 .list-item:nth-child(n){ margin: 0 0 0.5rem;}
	.smart_culture2 .load{ padding-left: 0.5rem; font-size: 0.3rem;}
	.smart_culture2 .load:before{ width: 0.3rem; height: 0.3rem;}	
	
	.smart_products1{ margin-bottom: 0.5rem; padding-bottom: 0;}
	.smart_products1 .cont{ position: static; margin-bottom: 0; padding: 0.5rem; width: 100%;}
	.smart_products1 .cont .t1{ margin-bottom: 0.2rem; line-height: 1.2;}
	.smart_products1 .cont .t2{ margin-bottom: 0.2rem; list-height: 1.1;}

	.smart_products2{ padding-bottom: 1rem;}
	.smart_products2:before{ display: none;}
	.smart_products2 .slick-dot{ margin: 0; padding: 0; background: none;}
	.smart_products2 .slick-dot.slick-active, .slick-dot.slick-active:hover{ background: none;}
	.smart_products2 .head{ margin-bottom: 0.5rem; padding-top: 0.5rem;}
	.smart_products2 .unit1{ margin-bottom: 0.5rem; padding-top: 0;}
	.smart_products2 .unit1:before{ display: none;}
	.smart_products2 .unit1 .tit{ position: static; margin-bottom: 0.5rem; text-align: center; color: #333;}
	.smart_products2 .unit1 .t1{ float: none; margin-bottom: 0.2rem; width: 100%;}
	.smart_products2 .unit1 .t2{ float: none; width: 100%; margin-left: 0;}
	.smart_products2 .unit1 .slick-mod{ margin-left: 0;}
	.smart_products2 .unit1 .slick-dots{ top: auto; bottom: 0.3rem; text-align: center;}
	.smart_products2 .unit1 .slick-dot{ background-color: #fff; width: 0.5rem; height: 0.1rem; border-radius: 0;}
	.smart_products2 .unit1 .slick-dot:before,
	.smart_products2 .unit1 .slick-dot .h18{ display: none;}
	.smart_products2 .unit1 .slick-dot:nth-child(n){ margin: 0 0.1rem;}
	.smart_products2 .slick-dot.slick-active, .smart_products2 .slick-dot.slick-active:hover{ background-color: #4463ff;}
	.smart_products2 .unit1 .other{ position: static; padding: 0.5rem; margin-top: 0; width: 100%;}
	.smart_products2 .unit2{ margin-bottom: 0.5rem;}
	.smart_products2 .unit2:before,
	.smart_products2 .unit2:after{ display: none;}
	.smart_products2 .unit2 .tit{ margin-bottom: 0.5rem;}
	.smart_products2 .unit2 .tit .t1{ margin-bottom: 0.1rem;}
	.smart_products2 .unit2 .box{ margin: 0;
		transform: scale(1);
	}
	.smart_products2 .unit2 .slick-item .img{ width: 100%; border-radius: 0;}
	.smart_products2 .unit2 .slick-dots{ position: absolute; bottom: 0.3rem;}
	.smart_products2 .unit2 .slick-dot{ position: static; background-color: #fff; height: 0.1rem; border-radius: 0;}
	.smart_products2 .unit2 .slick-dot:before{ display: none;}
	.smart_products2 .unit2 .slick-dot:nth-child(n){ margin: 0 0.1rem; padding: 0; width: 0.5rem;}
	.smart_products2 .unit2 .slick-dot .h18{ display: none;}
	.smart_products2 .unit2 .slick-dot.slick-active, .smart_products2 .unit2 .slick-dot.slick-active:hover{ background-color: #4463ff;}
	.smart_products2 .unit2 .other{ position: static; margin-left: 0; margin-top: 0.5rem; width: 100%; height: auto; border-radius: 0; background-color: transparent; box-shadow: 0 0 0; text-align: center;}
	.smart_products2 .unit2 .t_more{ position: static; padding-right: 1rem; height: auto;
		transform: none;
	}
	.smart_products2 .unit2 .t_more .s{ position: static;
		transform: none;
	}
	.smart_products2 .unit3 .part{ display: none;}
	.smart_products2 .unit3 .tit{ margin-bottom: 0.5rem;}
	.smart_products2 .unit3 .tit .t1{ margin-bottom: 0.2rem;}
	.smart_products2 .unit3 .xr-item{ position: relative;}
	.smart_products2 .unit3 .li1{ margin-right: 0; margin-bottom: 0.3rem;}
	.smart_products2 .unit3 .li2{ margin-left: 0;
		transform: none;
	}
	.smart_products2 .unit3 .cont{ padding: 0.2rem 0.5rem;}
	.smart_products2 .unit3 .cont .s{ margin-right: 0.2rem;}
	.smart_products2 .unit3 .other{ position: static; margin-right: 0; margin-top: 0.5rem; width: 100%; background-color: transparent; color: #333; text-align: center;}
	.smart_products2 .unit3 .other:before{ display: none;}
	.smart_products2 .unit3 .t_more{ position: static;}
	.smart_products2 .unit3 .t_more:before{ background-color: rgba(78,126,209,0.5);}
	.smart_products2 .unit3 .t_more:after{ border-color: #0e1d5d;}
	.smart_products2 .unit3 .t_more .arr{ background-color: #587ecb;}
	.smart_products2 .unit3 .t_more .arr:before,
	.smart_products2 .unit3 .t_more .arr:after{ border-color: #0b1b61;}
	.smart_products2 .unit3 .t_more:hover .arr{ background-color: #587ecb;}

	.smart_products3{ padding: 1rem 0;}
	.smart_products3 .head{ margin-bottom: 0.5rem;}
	.smart_products3 .head .t2{ margin-bottom: 0.2rem;}
	.smart_products3 .scroll-prev, .smart_products3 .scroll-next{ display: none;}
	.smart_products3 .scroll-box{ margin: 0;}
	.smart_products3 .scroll-item{ padding: 0 0.2rem; width: 2.4rem;}
	.smart_products3 .tab-term{ padding-bottom: 1.2rem;}
	.smart_products3 .tab-term:before{ bottom: 0; height: 0.8rem;}
	.smart_products3 .tab-term:after{ bottom: 0.8rem;}
	.smart_products3 .tab-term .icon{ margin-bottom: 0.2rem; width: 1.6rem;}
	.smart_products3 .tab-term:hover:after,
	.smart_products3 .tab-term.cur:after{ bottom: 0.3rem;}
	
	.company_profile2{ padding: 1rem 0;}
	.company_profile2 .head{ margin-bottom: 0.5rem;}
	.company_profile2 .head .himg{ margin-bottom: 0.2rem; width: 5rem;}
	.company_profile2 .head .t1{ margin-bottom: 0.2rem;}
	.company_profile2 .head .t2{ margin-bottom: 0.5rem;}
	.company_profile2 .ul{ width: 5.03rem; height: 7.35rem;
		transform: scale(0.8);
	}
	.company_profile2 .li{
		transform: translate(0, 0);
	}
	.company_profile2 .l1{ width: 2.28rem; height: 2.28rem;}
	.company_profile2 .l2{ left: 0.4rem; top: 0.55rem; width: 1.98rem; height: 3.1rem;}
	.company_profile2 .l3{ width: 3.63rem; height: 4.51rem;}
	.company_profile2 .l4{ width: 4.21rem; height: 2.87rem;}

	.company_profile3{ margin-bottom: 0;}
	.company_profile3 .head{ margin-bottom: 0.5rem;}
	.company_profile3 .slick-mod{ margin-bottom: 0.5rem; width: 100%;}
	.company_profile3 .slick-item{ padding: 0 0.5rem;}
	.company_profile3 .slick-item .img{ margin-bottom: 0.3rem; width: 2rem; height: 2rem;}
	.company_profile3 .slick-item .h36{ margin-bottom: 0.2rem;}
	.company_profile3 .slick-arrow{ margin: 0 0.2rem; width: 0.6rem; height: 0.6rem;}
	.company_profile3 .slick-arrow:before{ font-size: 0.3rem;}

	.company_profile4:before{ height: 3rem;}
	.company_profile4 .head{ margin-bottom: 0.5rem; padding-top: 1rem; color: #333;}
	.company_profile4 .head:before{ display: none;}
	.company_profile4 .list-item{ padding-bottom: 1rem;}
	.company_profile4 .list-item .cont{ margin-top: 0; padding: 0.5rem; width: 100%; opacity: 1; visibility: visible;
		transform: none;
	}
	.company_profile4 .list-item .h36{ margin-bottom: 0.2rem;}
	.company_profile4 .list-item .tab-mod{ margin-top: 0.5rem;}
	.company_profile4 .list-item .tab-bar{ margin-bottom: 0.2rem;}
	.company_profile4 .list-item .tab-term{ padding: 0.2rem 0;}
	.company_profile4 .list-item .tab-term + .tab-term{ margin-left: 0.1rem;}
	.company_profile4 .list-item .part{ display: none;}
	.company_profile4 .list-item:nth-child(n) .pad{ margin: 0;}
	.company_profile4 .list-item .i,
	.company_profile4 .list-item .img{
		transform: scale(1)
	}
	.company_profile4 .list-item.li1 .cont{ margin-left: 0;}
	.company_profile4 .list-item.li2 .cont{ float: none; margin-right: 0;
		transform: none;
	}

	.company_profile5{ padding: 1rem 0;}
	.company_profile5 .unit{ width: 7rem;}
	.company_profile5 .img{ height: 7rem;}
	.company_profile5 .cont{ top: 1rem;}
	.company_profile5 .cont .t2{ margin-bottom: 0.2rem;}
	.company_profile5 .cont .t3{ margin-bottom: 0.5rem;}
	.company_profile5 .cont .other{ width: 3rem; height: 3rem;}
	.company_profile5 .cont .t_more{ padding-right: 0.5rem; height: 0.5rem;}

	.company_profile6{ margin-bottom: 1rem;}
	.company_profile6 .map{ margin-right: 0; height: 6rem;}
	.company_profile6 .bdmap-info-item{ width: 5.5rem;}
	.company_profile6 .infowin .logo{ margin-right: 0.1rem; margin-top: 0.1rem; width: 1rem;}
	.company_profile6 .infowin .desc .t{ margin-bottom: 0.05rem;}
	.company_profile6 .cont{ position: static; padding: 0.5rem; width: 100%;}
	.company_profile6 .cont .tit{ margin-bottom: 0.5rem;}
	.company_profile6 .info{ margin-bottom: 0.5rem;}
	.company_profile6 .info .li{ padding-left: 0.5rem;}
	.company_profile6 .info .li + .li{ margin-top: 0.2rem;}
	.company_profile6 .info .icon{ width: 0.4rem; height: 0.4rem;}
	.company_profile6 .code .li{ width: calc( (99% - 0.4rem) / 3 );}
	.company_profile6 .code .li + .li{ margin-left: 0.2rem;}
	
	.light_collection1{ margin-bottom: 1rem; padding-top: 1rem; padding-bottom: 0;}
	.light_collection1 .slick-dots{ top: auto; bottom: 0; padding: 0; text-align: center;}
	.light_collection1 .slick-dot{ margin: 0 0.1rem; width: 0.6rem; height: 0.6rem;}
	.light_collection1 .cont{ position: static; margin-bottom: 0; margin-bottom: 0.5rem; padding: 0; width: 100%; background-color: transparent; color: #333;}
	.light_collection1 .cont .t1{ margin-bottom: 0.1rem;}

	.light_collection2{ margin-bottom: 1rem;}
	.light_collection2 .tab{ margin-bottom: 0.5rem;}
	.light_collection2 .tab-link{ margin: 0 0.1rem; padding: 0 0.1rem 0.1rem;}
	.light_collection2 .list{ margin-bottom: 0.5rem;}
	.light_collection2 .list-width,
	.light_collection2 .list-item{ width: 3.4rem;}
	.light_collection2 .list-item{ margin-bottom: 0.2rem;}
	.light_collection2 .list-item .t{ padding: 0.1rem; font-size: 0.2rem;}
	.light_collection2 .list-space{ width: 0.2rem;}
	.light_collection2 .load{ padding-left: 0.5rem;}
	.light_collection2 .load:before{ width: 0.3rem; height: 0.3rem;}
	
	.company_news1{ margin-bottom: 1rem;}
	.company_news1 .list-item{ margin-bottom: 0.5rem;}
	.company_news1 .list-item .img{ float: none; width: 100%;}
	.company_news1 .list-item .cont{ padding: 0.5rem;}
	.company_news1 .list-item .t1{ margin-bottom: 0.2rem;}
	.company_news1 .list-item .p{ margin-bottom: 0.5rem; height: auto;}
	.company_news1 .list-item .date{ position: static; margin-bottom: 0.2rem; line-height: 1.5; text-align: left;}
	.company_news1 .list-item .date .d{ display: none;}
	.company_news1 .list-item .date .y{ display: inline; font-size: 0.3rem;}
	.company_news1 .list-item .date .s{ display: inline;}
	
	.announcements_circulars1{ margin-bottom: 1rem;}
	.announcements_circulars1 .list{ margin-bottom: 0.5rem;
		display: block;
	}
	.announcements_circulars1 .list-item{ margin-left: 0; margin-bottom: 0.2rem; width: 100%;}
	.announcements_circulars1 .list-item:nth-child(n){ margin-left: 0;}
	.announcements_circulars1 .list-item .link{ padding: 0.5rem;}
	.announcements_circulars1 .list-item .date{ float: none; margin-bottom: 0.2rem; text-align: left;}
	.announcements_circulars1 .list-item .date .d{ display: none;}
	.announcements_circulars1 .list-item .date .y{ font-size: 0.3rem;}
	.announcements_circulars1 .list-item .date .s{ display: inline;}
	
	.investor_relations1{ margin-bottom: 1rem;}
	.investor_relations1 .unit{ display: block;}
	.investor_relations1 .img{ width: 100%;}
	.investor_relations1 .cont{ display: block; padding: 0.5rem; width: 100%;}
	.investor_relations1 .cont .tit{ margin-bottom: 0.3rem;}
	.investor_relations1 .scroll{ padding-right: 0.2rem; height: 5rem; overflow: auto;}
	.investor_relations1 .xrow + .xrow{ margin-top: 0.2rem;}
	.investor_relations1 .xrow .l{ float: none; text-align: left;}
	.investor_relations1 .mCSB_inside > .mCSB_container{ margin-right: 0.2rem;}

	.investor_relations2{ margin-bottom: 1rem;}
	.investor_relations2 .list{ padding-bottom: 0; overflow: hidden;}
	.investor_relations2 .list-item{ position: static; width: 100%;}
	.investor_relations2 .list-item:before{ display: none;}
	.investor_relations2 .list-item + .list-item{ margin-top: 0.2rem;}
	.investor_relations2 .list-item:nth-child(2){
		transform: none;
	}
	.investor_relations2 .list-item:nth-child(3){
		transform: none;
	}
	.investor_relations2 .list-item:nth-child(4) .inner:before,
	.investor_relations2 .list-item:nth-child(4) .inner:after{ display: none;}
	.investor_relations2 .list .link{ display: block; position: static; padding: 0.5rem;}
	.investor_relations2 .list .inner{ position: static;
		transform: none;
	}
	.investor_relations2 .list .icon{ margin-bottom: 0.3rem; width: 1rem; height: 1rem;}

	.investor_relations3{ margin-bottom: 1rem;}
	.investor_relations3 .unit{ display: block;}
	.investor_relations3 .img{ width: 100%;}
	.investor_relations3 .img:before{display: none;}
	.investor_relations3 .img img{ height: 100%; object-fit: cover;}
	.investor_relations3 .inner{ position: relative; left: 0; right: 0; top: 0; padding: 0.5rem;
		transform: none;
	}
	.investor_relations3 .inner .tit{ margin-bottom: 0.3rem;}
	.investor_relations3 .inner .dl + .dl{ margin-top: 0.2rem;}
	.investor_relations3 .inner .dt{ margin-bottom: 0.1rem;}
	.investor_relations3 .cont{ width: 100%;}
	.investor_relations3 .box{ display: block; margin-left: 0; margin-top: 0; margin-bottom: 0; padding: 0.5rem;}
	.investor_relations3 .cont .tit{ margin-bottom: 5px;}
	.investor_relations3 .scroll{ padding-right: 0.2rem; height: 5rem; overflow: auto;}
	.investor_relations3 .scroll .dl + .dl{ margin-top: 0.2rem;}
	.investor_relations3 .scroll .dt{ margin-bottom: 0.2rem;}
	.investor_relations3 .mCSB_inside > .mCSB_container{ margin-right: 0.2rem;}

	.introduction1{ margin-bottom: 1rem; padding-bottom: 0;}
	.introduction1 .large-wrap:before{ display: none;}
	.introduction1 .unit{ display: block;}
	.introduction1 .img{ width: 100%;}
	.introduction1 .cont{ display: block; padding: 0.5rem; width: 100%; background-color: #0b1b61;}
	.introduction1 .cont .tit{ margin-bottom: 0.3rem;}
	.introduction1 .scroll{ padding-right: 0.2rem; height: 5rem; overflow: auto;}
	.introduction1 .scroll .p + .p{ margin-top: 0.2rem;}
	.introduction1 .row + .row{ margin-top: 0.2rem;}
	.introduction1 .row .l{ float: none;}
	.introduction1 .mCSB_inside > .mCSB_container{ margin-right: 0.2rem;}


	.introduction2{ margin-bottom: 1rem;}
	.introduction2 .tit{ margin-bottom: 0.2rem;}
	.introduction2 .scroll-tab{ margin: 0;}
	.introduction2 .scroll-prev,
	.introduction2 .scroll-next{ width: 0.6rem; height: 0.6rem;}
	.introduction2 .scroll-prev:before,
	.introduction2 .scroll-next:before{ font-size: 0.3rem;}
	.introduction2 .scroll-box{ margin: 0 0.8rem;}
	.introduction2 .scroll-track{ padding: 0.5rem 0;}
	.introduction2 .scroll-item{ width: 2rem;}
	.introduction2 .tab-cont{ margin-bottom: 0.3rem;}
	.introduction2 .tab-item .img{ width: 100%; height: auto;}

	.introduction3{ margin-bottom: 1rem;}
	.introduction3 .tit{ margin-bottom: 0.5rem;}
	.introduction3 .slick-mod{ padding: 0 0.7rem;}
	.introduction3 .slick-item{ padding: 0;}
	.introduction3 .slick-item .img{ margin-bottom: 0.2rem;}
	.introduction3 .slick-arrow{ margin-top: -0.325rem; width: 0.6rem; height: 0.6rem;}
	.introduction3 .slick-arrow:before{ font-size: 0.3rem;}
	
	
	
	
	

/* ****************************************************** */
	
/* 移动端详情页 */
	.article{ padding: 0.8rem 0;}
	.article-title{ margin-bottom: 0.4rem;}
	.article-title .h24{ margin-bottom: 0.2rem;}
	.article-title .info span{ margin:0 0.1rem;}
	.article-cont{ margin-bottom: 0.3rem;}
	.article-cont .p{ margin-bottom: 0.2rem;}
	.article-paging{ padding: 0.3rem 0; line-height:1.5;}
	.article-prev{ margin-bottom: 0.2rem;}
	.article-prev, .article-next{ float: none; padding: 0 0 0 0.5rem; width: 100%; text-align: left;}
	.article-prev:before, .article-next:before{ right: auto; left: 0; width: 0.42rem; height: 0.42rem; font-size: 0.28rem;}
	
	.article .share-mod{ padding: 0.5rem 0;}
	.article .share-box .share-item{ width: 0.6rem; font-size: 0.4rem;}

/* 移动端搜索结果页 */
	.result{ padding: 0.8rem 0;}
	.result .h24{}
	.result .h24 span{ margin-left: 0.3rem; font-size: 0.3rem;}
	.result .list{ margin-bottom: 0.5rem;}
	.result .list-item{ padding: 0.4rem 0;}
	.result .list .h18{ margin-bottom: 0.2rem;}

/* 移动端网站地图 */
	.sitemap{ padding: 0.4rem 0;}
	.sitemap dl{ padding: 0.3rem 0;}
	.sitemap dt{ font-size: 0.32rem;}
	.sitemap dd{ margin-top: 0.2rem;}
	.sitemap dd a{ margin-right: 0.2rem;}
	
}