﻿/* 技术支持 开元（重庆）科技有限公司 */
a{color:#333;}
a:hover{color: #a5cdee;}
img{max-width: 100%;}
.pr{position: relative;}
.wrapper{width:78%; max-width: 1480px; margin:0 auto;}
.disflex{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.disflex_1{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.content{width: 100%; overflow: hidden;}
.ovh{overflow: hidden;}
.padt80{padding:80px 0 0;}
.pad80{padding:80px 0;}
.tac{text-align: center;}


.header{height: 74px;}
.header.por{width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.header_content{width: 100%; position: fixed; top: 0; left: 0; right: 0; z-index: 99;}
.header_content:after{content: ''; width: 100%; height: 1px; background:rgba(255,255,255,0.32); position: absolute; left:0; bottom: 0; right: 0; z-index: -1;}
.header.por:after, .header.fix:after{content: ''; width: 100%; background: rgba(0,0,0,0.3); backdrop-filter: blur(15px); position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1;}
.logo{float: left; line-height: 74px;}
.logo img{max-height: 66px;}
.logoh{display: inline-block;}
.logob{display: none;}
.navbox{float: right;}
.navico{display:none;}
.hsbg{width:100%; height:100%; position:fixed; left:0; top:0; bottom:0; right:0; background:#000; opacity:0.3; z-index:90; display:none;}
.nav{float: left; font-size: 18px;}
.nav ul{float: left;}
.nav ul li{float: left; position: relative; margin: 0 35px; line-height:74px;}
.nav ul li a{padding: 0 5px; display: block; color: #333; position: relative;}
.nav ul li ul{position: absolute; top: 74px; left: 50%; width:140px; margin-left: -70px; background: rgba(0,0,0,0.3); backdrop-filter: blur(15px);  border-radius: 0 0 5px 5px; display: none;}
.nav ul li ul li{width: 100%; margin: 0; text-align: center; font-size: 16px; position: relative; line-height: 20px; border-bottom:1px solid rgba(255,255,255,0.4);}
.nav ul li ul li:last-child{border-bottom-width: 0;}
.nav ul li ul li a{ padding:15px 5px;}
.nav ul li.on a, .nav ul li.on a:hover, .nav ul li a:hover{color: #a5cdee;}
.nav ul li ul li a, .nav ul li.on ul li a, .nav ul li:hover ul li a, .nav ul li.on:hover ul li a{ color: #fff;}
.nav ul li.on ul li a:hover, .nav ul li ul li a:hover{ color: #a5cdee;}

.language{float: right; position: relative; margin-left:40px;}
.language_btn{line-height: 74px; font-size: 18px; background: url(../images/yyico.png) no-repeat left center; padding-left:34px; display: block;}
.language_btn span{ background: url(../images/yyjico.png) no-repeat right center; padding-right:20px; display: block;}
.language ul{position: absolute; top: 74px; left: 50%; width:140px; margin-left: -70px; background: rgba(0,0,0,0.3); backdrop-filter: blur(15px);  border-radius: 0 0 5px 5px; display: none;}
.language ul li{width: 100%; margin: 0; text-align: center; font-size: 16px; position: relative; line-height: 20px; border-bottom:1px solid rgba(255,255,255,0.4);}
.language ul li:last-child{border-bottom-width: 0;}
.language ul li a{ padding:15px 5px; display: block;color: #fff;}
.language ul li a:hover{color: #a5cdee;}
.language:hover ul{display: block;}

.header.por .logoh{display: none;}
.header.por .logob{display: inline-block;}
.header.por .nav ul li a{color: #fff;}
.header.por .nav ul li a:hover, .header.por .nav ul li.on a{ color: #a5cdee;}
.header.por .nav ul li ul li a, .header.por .nav ul li.on ul li a, .header.por .nav ul li ul li:hover a, .header.por .nav ul li.on ul li:hover a{color: #fff;}
.header.por .nav ul li ul li a:hover, .header.por .nav ul li.on ul li a:hover{ color: #a5cdee;}


.header.por .language_btn{color: #fff; background: url(../images/yyicob.png) no-repeat left center;}
.header.por .language_btn span{ background: url(../images/yyjicob.png) no-repeat right center;}

.banner{width: 100%; overflow: hidden; padding:300px 3% 220px; color: #fff; text-align: center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.banner img{width: 100%;}
.banner .h1{text-shadow: 1px 2px 0px rgba(141, 183, 206, 1); font-size: 60px; font-weight: bold;}
.banner .h1 i{padding:0 20px; display: inline-block; font-weight: normal;}
.banner .h2{font-size: 36px; margin-top:50px;}
.banner .banul{padding-top: 40px; display: inline-block; margin:0 auto;}
.banner .banul ul{display: block;}
.banner ul li{float: left; font-size: 18px; line-height: 24px; padding:20px 15px 0; text-align: left;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.banner ul li span{width: 14px; height: 14px; border-radius: 2px; border: 1px #fff solid; display: inline-block; float: left; margin:4px 5px 0 0;}
.banner ul li.on span{background: #8db7ce; position: relative; border-color: #8db7ce;}
.banner ul li.on span:after{content: ''; width: 4px; height: 10px; border-right: 1px #fff solid; border-bottom:1px #fff solid; position: absolute; left: 5px; top: 0; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.banner .h3{padding-top: 20px;}
.banner .h3 a{display: inline-block; margin:20px 10px 0; line-height: 54px; border-radius: 10px; font-size: 20px; padding:0 40px;}
.banner .h3 a.banbtn1{background: #8db7ce; color: #fff;}
.banner .h3 a.banbtn2{background: #fff; color: #2d2421;}



.ititle{font-size: 48px; font-weight: bold; line-height: 50px; position: relative; display: inline-block; text-align: center;}
.ititle em{color: #8db7ce; opacity: 0.16; display: block; text-transform: uppercase;}
.ititle span{display: block; margin-top:-30px; position: relative; z-index: 1;}
.ifwzzbg{background: #f7f9fa;}
.ifwzz{margin-top: 50px; position: relative; width: 100%;}
.ifwzz_hd{width: 80%;}
.ifwzz_hd ul{width: 100%; white-space: nowrap;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;}
.ifwzz_hd li{width: 44%; min-height: 590px; padding:40px; display: inline-block; border-radius: 20px; color: #fff; cursor: pointer; margin-right: -36%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.ifwzz_hd li.active{margin-right: -40px; box-shadow: 0px 3px 9px 0px rgba(47, 109, 174, 0.18); border: 2px #fff solid;}
.ifwzz_hd li:nth-child(1){background: #8db7ce;}
.ifwzz_hd li:nth-child(2){background: #a5b748;}
.ifwzz_hd li:nth-child(3){background: #e4decf;}
.ifwzz_hd li:nth-child(4){background: #c1e8fe;}

.ifwzz_bd{width:47%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; z-index: 2;}
.ifwzz_bd .tabbox{ border-radius: 20px; overflow: hidden; width: 100%; height: 100%;}
.ifwzz_bd .tabbox img{ width: 100%; height: 100%; object-fit: cover;display: block;}
.ifwzz_hd .h3{white-space:normal; font-size: 30px; font-weight: bold;}
.ifwzz_txt{white-space:normal; font-size: 16px; margin-top: 30px;}
.ifwzzmod{margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; padding:50px 0; display: none;}
.ifwzzmod .swiper-wrapper {  position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;  transform: translate3d(0px,0,0);}
.ifwzzmod .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.ifwzzmod .swiper-slide-active, .ifwzzmod .swiper-slide-duplicate-active{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 3;}
.ifwzzmod dl{font-size: 14px; color: #fff; box-shadow: 0px 4px 9px 0px rgba(49, 57, 63, 0.16); position: relative; border-radius: 10px; overflow: hidden;}
.ifwzzmod dl dt{width: 100%; height: 300px;}
.ifwzzmod dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.ifwzzmod dl dd{padding:30px 15px 15px; overflow:hidden; display: block; position: absolute; left: 0; right: 0; bottom: 0;
	background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6), rgba(0,0,0,0.9));
	background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6), rgba(0,0,0,0.9));
	background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6), rgba(0,0,0,0.9));
	background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6), rgba(0,0,0,0.9));
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.6), rgba(0,0,0,0.9));}
.ifwzzmod dl dd .h3{font-weight: bold;}
.ifwzzmod dl dd .ifwzz_txt{margin-top:10px; font-size: 12px; opacity: 0.8;}
.ifwzzmod .swiper-slide-active dl{margin-left:-50px; margin-right:-50px;}

.ifwxmbg{background: url(../images/ifwbg.jpg) no-repeat center center; background-size: cover;}
.ifwxm{width: 100%; position: relative;}
.ifwxma1{margin:0 auto; max-width:460px; width: 30%; padding:200px 0; position: relative;text-align: center;}
.ifwxm .h1{color: #686868; font-size: 32px; font-weight: bold; text-align: center;}
.ifwxm .h2{color: #000; font-size: 22px; font-weight: bold; margin-top: 10px;}
.ifwxma1 .h1{color: #e4e3e3; font-size: 90px; line-height:90px; margin-top:-50px;}
.ifwxma1 .h2{color: #01224a;}
.ifwxmtxt{color: #313131; font-size: 16px; line-height: 30px; margin-top: 20px;}
.ifwxmbtn{display: inline-block; line-height: 48px; border-radius: 5px; background: #59a3e0; color: #fff; padding:0 30px; font-size: 24px; margin-top: 30px;}
.ifwxma{position: absolute; background: url(../images/ifwico.png) no-repeat center center; background-size: 100% 100%;text-align: center; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;-webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.ifwxma.a2{left: 0; top: 100px; width: 270px; height: 270px;}
.ifwxma.a3{right: 0; top: -40px; width: 300px; height: 300px;}
.ifwxma.a4{left: 13%; bottom: -20px; width: 210px; height: 210px;}
.ifwxma.a5{right: 8%; bottom: 10px; width: 280px; height: 280px; }
.ifwlcbg{background: url(../images/ilcbg.jpg) no-repeat center center; background-size: cover;}
.ifwlcbg .wrapper{background: url(../images/ilcbg2.jpg) no-repeat center center; background-size: cover; border-radius: 30px; border: 1px #fff solid; padding:60px 30px;  -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; overflow: hidden;}
.ifwlc{width: 100%; text-align: center; margin-top: 60px;}
.ifwlc_box{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; margin:0 auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.ifwlc_box dl{display: inline-block; position: relative; width: 270px;}
.ifwlc_box dl dt img{width: 100%;}
.ifwlc_box dl dd{position: absolute; top: 45px; right: 50px; left: 50px; text-align: center;}
.ifwlc_box dl dd .h2{color: #8db7ce; font-size: 24px; margin-top: 3px;}
.ifwlc_box dl dd p{color: #636363; font-size: 15px; margin-top: 5px;}
.ifwlc_btn{display: inline-block; padding:0 20px; border-radius: 5px; line-height: 48px; background: #a5cdee; font-size: 24px; color: #fff; margin-top: 60px;}
.ifwlc_btn:hover{color: #fff;}
.icasebg{background: #f7f9fa;}
.icase{padding-top:40px;}
.icase ul{width: 101%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.icase li{float: left; margin:15px 1% 0 0; width: 24%; border-radius: 25px; background: #fff; padding:15px; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.icase li .h1{width: 100%; padding-bottom: 60%; position: relative; overflow:hidden; border-radius: 10px;}
.icase li .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.icase li .h2{color: #333; font-size: 20px; margin-top: 15px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.icase li p{margin-top: 15px; font-size: 16px; color: #333; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.icase li span{display: inline-block; margin: 20px 0; background: #a5cdee; border-radius: 5px; padding:0 20px; color: #fff; font-size: 16px; line-height: 40px;}
.icase li:hover .h2{color: #a5cdee}
.iteam_ititle{width: 80%; margin-top: 50px;}
.iteam{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;width: 100%; margin-top: -80px;}
.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;box-sizing:content-box;transform:translate3d(0px,0,0)}
.iteam .swiper-slide {flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;background-position: center; background-size: cover;}
.iteam.swiper-container-fade .swiper-slide {pointer-events:none; transition-property:opacity;}
.iteam .pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translate3d(0,0,0);z-index:10}
.iteam_next, .iteam_prev{position: absolute; bottom: 50px; z-index: 2; cursor: pointer; padding:16px; cursor: pointer; border: 1px #a2a2a2 solid; border-radius: 50%;}
.iteam_next i, .iteam_prev i{width: 32px; height: 32px; background: url(../images/ysjtico.png) no-repeat; display: block;}
.iteam_prev{left:80px;}
.iteam_next{left:180px;}
.iteam_prev i{ background-position: left top;}
.iteam_next i{ background-position: left bottom;}
.iteam_prev:hover i{background-position: right top;}
.iteam_next:hover i{ background-position: right bottom;}
.iteam_prev:hover, .iteam_next:hover{background: #a5cdee; border-color: #a5cdee;}
.iteam dl{background: #f7f9fa; padding:80px 5%; border-radius: 30px; margin-top: 230px; position: relative;}
.iteam dl dt{width: 55%;}
.iteam dl dt p{font-size: 16px; line-height: 30px; height: 150px; overflow: hidden; color: #110E08;}
.iteam dl dt .h2{font-size: 24px; margin-top: 50px; text-align: right; font-weight: bold;}
.iteam dl dd{width:30%; position: absolute; bottom: 0; right: 5%;}
.ihzbg{background: #f7fafd;}
.ihz_earth{width: 50%; float: left;}
.ihz_earth video{width: 100%; height: 450px;}
.ihzbox{width: 40%; float: right;}
.ihz_title{font-size: 18px; font-weight: bold; margin-top:50px;}
.ihz_txt{font-size: 14px; color: #636363; margin-top:20px; line-height: 30px;}
.ihz_btn a{display: inline-block; margin-top: 50px; background: #a5cdee; color: #fff; border-radius: 5px; padding:0 30px; font-size: 14px; line-height: 42px;}
.ihz_img{padding-top: 40px;}
.ihz_img ul{width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.ihz_img li{float: left; margin:10px 2% 0 0; width: 31.33%;}
.ihz_img li .h1{ width: 100%; padding-bottom: 50%; position: relative; overflow: hidden;}
.ihz_img li .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.izlkbd{position: relative; padding:0 45px; margin-top: 60px;}
.izlk{position:relative; width: 100%; overflow:hidden;}
.izlk .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.izlk .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.izlk_next, .izlk_prev{position: absolute; top: 40%; z-index: 2; cursor: pointer; width: 18px; height: 44px; background: url(../images/zlkjt.png) no-repeat; cursor: pointer;}
.izlk_prev{left:0; background-position: right top;}
.izlk_next{right:0; background-position: right bottom;}
.izlk_prev:hover{background-position: left top;}
.izlk_next:hover{ background-position: left bottom;}
.izlk_li{position: relative; border-radius: 20px; overflow: hidden; cursor: pointer; width: 100%; padding-bottom: 140%; margin-bottom: 15%; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.izlk_li img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.izlk_li:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; top: 0; background: rgba(0,0,0,0.5);}
.izlk_info{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; color: #fff; padding:20px;}
.izlk_info .h2{font-size: 20px;}
.izlk_info p{font-size:16px; margin-top: 10px; display: none;}
.izlk_li:hover{padding-bottom:155%; margin-bottom: 0;}
.izlk_li:hover .izlk_info p{display: block;}
.izlk_li:hover:after{ top: initial; height: 50%;
	background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.izlk_more{margin-top: 50px; font-size: 18px; color: #8db7ce; border:1px #8db7ce solid; display: inline-block; padding:0 30px; border-radius: 5px; line-height: 42px;}
.icontactbg{background: url(../images/ilxbg.jpg) no-repeat center center; background-size: cover; color: #010101;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;overflow: inherit;}
.icontact{width: 45%; float: left;}
.icontact .h2{font-size: 48px; font-weight: bold; padding:20px 0 40px;}
.icontact li{padding:10px 0; font-size: 16px;}
.iewmimg{width: 140px; height: 140px;}
.icontact_form{width: 50%; float: right; border-radius: 30px; border: 1px #fff solid; background: url(../images/ilxbg2.jpg) no-repeat center center; background-size: cover; padding:50px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.icontact_form .h1{font-size: 30px; font-weight: bold;}
.icontact_form .h3{color: #454545; font-size: 16px; margin-top: 10px;}
.icontact_form ul{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.icontact_form li{width: 48%; margin-top: 30px;}
.icontact_form li.w100{width: 100%;}
.icontact_form li .h2{font-size: 16px;}
.icontact_form .ilxinp, .icontact_form .ilxselect{ width: 100%; height: 48px; line-height: 48px; padding:0 15px; background: #fff; border-radius: 5px; border:0 none; background: #fff; margin-top: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size: 14px; color: #333;}
.icontact_form .h4{margin-top: 20px; font-size: 16px; line-height: 22px;}
.icontact_form .ilxcheck{width: 20px; height: 20px; border-radius: 5px; border:0 none; background: #fff; margin-right:5px; float: left; position: relative;}
.icontact_form .ilxcheck:after{content: ''; position: absolute; top: 0; left: 0; bottom: 0; right: 0; border:1px #fff solid; border-radius: 2px;}
.icontact_form.fl{float: left;}
.icontact.fr{float: right;}
.icontact_form li .layui-form-select .layui-input{ width: 100%; height: 48px; line-height: 48px; padding:0 15px; background: #fff; border-radius: 5px; border:0 none; background: #fff; margin-top: 10px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size: 14px; color: #333;}
.icontact_form li .layui-form-selected dl{top: 50px;}
.icontact_form li .layui-form-select dl dd.layui-this{background-color: #a5cdee;}
.icontact_form .h4 .layui-form-checkbox{height: 22px; line-height: 20px; padding-right: 22px;}
.icontact_form .h4 .layui-form-checkbox i{width: 18px; height: 18px; line-height: 18px; font-size: 15px;border-left:1px solid #fff; border-color: #fff; border-radius: 2px; background: #fff;}
.icontact_form .h4 .layui-form-checkbox{background-color:initial;}
.icontact_form .h4 .layui-form-checked i, .icontact_form .h4  .layui-form-checked:hover i{border-color: #a5cdee; background: #a5cdee; color: #fff;}


.ilxbtn{width: 140px; height: 42px; line-height: 42px; background: #a5cdee; border-radius: 5px; color: #fff; font-size: 16px; text-align: center; border: 0 none; margin-top:40px; display: inline-block; cursor: pointer;}
.bfabg{background: url(../images/fabg.jpg) no-repeat center center; background-size: cover; color: #fff; padding:50px 0; text-align: center;}
.bfabg .h2{font-size: 26px; font-weight: bold;}
.bfabg .h3 a{display: inline-block; padding:0 60px; line-height: 54px; border-radius: 10px; background: #fff; font-size: 20px; margin-top:40px;}
.footer{width: 100%; overflow: hidden; background: #151515; color: #fff; font-size: 16px;}
.footer a, .footer a:hover{color: #fff;}
.footer a:hover{opacity: 0.9;}
.foot_info{text-align: center; padding:50px 0; text-align: center;}
.foot_info .h1{font-size: 20px;}
.foot_info .h2{font-size: 20px; padding-top: 40px;}
.foot_info .h2 a{margin:10px 50px; display: inline-block;}
.foot_info p{margin-top: 30px;}
.foot_bot{background: #000; border-top: 1px #a0a0a0 solid; padding:20px 0; width: 100%; overflow: hidden;}
.foot_bot .h2{float: left; line-height: 30px;}
.foot_bot ul{float: right;}
.foot_bot ul li{float: left; margin-left: 25px;}
.fixbox{position: fixed; right: 20px; bottom: 20%; z-index: 39; display: none;}
.fixbox ul{ background: #fff; border-radius: 52px;box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); padding:5px 0; display: none;}
.fixbox ul li{width: 52px; text-align: center; padding:8px 0;}
.fixbox ul li span{display: block; color: #7f7f80; font-size: 14px; margin-top:2px; overflow: hidden;}
.fixbox .fixflbtn, .fixbox .fixtop{width: 52px; height: 52px; border-radius: 52px; display: block; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); margin-top: 6px;}
.fixbox .fixflbtn{background: url(../images/fixfl.png) no-repeat center center #fff;}
.fixbox .fixtop{background: url(../images/fixtop.png) no-repeat center center #fff;}
.fixbox.on ul{display: block;}
.fixbox.on .fixflbtn{display: none;}


.nbanner{ line-height: 50px; position: relative; color: #fff; padding:280px 0 200px;}
.nbanner .h1{color: #fff; font-size: 75px; font-weight: bold; opacity: 0.2; display: block; text-transform: uppercase;}
.nbanner .h2{display: block; font-size: 46px; font-weight: bold; margin-top:-20px; position: relative; z-index: 1; padding-bottom: 40px;}
.nbanner .h2:after{content: ''; width: 126px; height: 4px; background: #fff; position: absolute; left: 0; bottom: 0;}
.projectlist{width:100%; overflow: hidden;}
.project_img{float: left; width: 50%; border-radius: 30px; overflow: hidden;}
.project_img img{width: 100%;}
.project_info{width: 42%; float: right; padding-top: 100px;}
.project_info .h1{font-size: 20px; color: #636363;}
.project_info .h2{font-size:36px; color: #01224a; margin-top: 20px;}
.project_info .project_txt{margin-top: 30px; color: #636363; font-size: 16px; line-height: 28px;}
.project_info .h3 a{font-size:14px; color: #a5cdee; margin: 30px 15px 0 0; display: inline-block; padding:0 30px; border-radius: 5px; border: 1px #a5cdee solid; line-height: 32px; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; -ms-transition:all 0.3s; -o-transition:all 0.3s; transition:all 0.3s;}
.project_info .h3 a:hover{color: #fff; background: #a5cdee;}
.project_info .h3 a.on{color: #fff; background: #a5cdee;}
.project_info .h3 a.on:hover{opacity:0.7;}
.projectlist:nth-child(even){background: url(../images/fwxmcbg.jpg) no-repeat center center; background-size: cover;}
.projectlist:nth-child(even) .project_img{float: right;}
.projectlist:nth-child(even) .project_info{float: left;}
.phelp_l{width: 30%; float: left;}
.phelp_l .phelp_limg{margin-top: 100px;}
.phelp_r{width: 65%; float: right; overflow: hidden;}
.phelp_r dl{width: 100%; display: block; font-size: 16px; padding: 30px 0; border-bottom: 1px #d0d0d0 solid;}
.phelp_r dl:first-child{border-top: 1px #d0d0d0 solid;}
.phelp_r dt{width: 100%; display: block; overflow:hidden; cursor: pointer; position: relative;}
.phelp_r dt .h2{font-size: 20px; font-weight: bold;padding-right: 30px;}
.phelp_r dt a{float: right; width: 16px; height: 10px; background: url(../images/helpico.png) no-repeat; display: inline-block; position: absolute; top: 50%; right: 0; margin-top: -5px; -webkit-transition: all 300ms linear 0s;
    -moz-transition: all 300ms linear 0s; -ms-transition: all 300ms linear 0s;  -o-transition: all 300ms linear 0s; transition: all 300ms linear 0s;}
.phelp_r dl dt.on a{-webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg);}
.phelp_r dd{width: 100%; display: none;padding:15px 0 0; line-height: 30px;}
.caselist{padding-top:40px;}
.caselist ul{width: 101%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.caselist li{float: left; margin:15px 1% 0 0; width: 32.33%; border-radius: 25px; background: #fff; padding:15px; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.caselist li .h1{width: 100%; padding-bottom: 60%; position: relative; overflow:hidden; border-radius: 10px;}
.caselist li .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.caselist li .h2{color: #333; font-size: 20px; margin-top: 15px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.caselist li p{margin-top: 15px; font-size: 16px; color: #333; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.caselist li span{display: inline-block; margin: 20px 0; background: #a5cdee; border-radius: 5px; padding:0 20px; color: #fff; font-size: 16px; line-height: 40px;}
.caselist li:hover .h2{color: #a5cdee;}
.nsearch{width: 100%; overflow: hidden;}
.nsearch_ul{float: right;}
.nsearch_li, .nsearch_box{float: left; border:1px #d3e0fb solid; border-radius: 10px; overflow: hidden; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.nsearch_li{ margin-right: 30px; width: 210px;}
.nsearch_box{width: 360px;}
.nsearch_inp, .nsearch_select{height: 50px; line-height: 50px; border:0 none; background: none; padding:0 15px; font-size: 18px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.nsearch_btn{width:50px; height: 50px; border:0 none; background: url(../images/ssico.png) no-repeat center center #a5cdee;}
.banner_article{width: 100%; height: 288px;}
.article_hd{width: 100%; overflow: hidden; border-bottom: 1px #bfbfbf solid; padding-bottom: 15px;}
.article_hd .h2{font-size: 25px; font-weight: bold;}
.article_hd .h3{margin-top: 10px; color: #636363; line-height: 20px; font-size: 14px;}
.article_hd .h3 span{display: inline-block; margin:5px 35px 0 0;}
.article_hd .h3 span img{float: left;}
.article_bd{width: 100%; overflow: hidden; margin-top:30px; font-size: 16px; color: #747474; line-height: 30px;}
.article_link{margin-top:30px; padding-top: 15px; font-size: 16px; width: 100%; overflow: hidden; border-top: 1px #e1e1e1 solid;}
.article_link .fl, .article_link .fr{margin-top:15px; max-width: 380px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.article_link a{color: #747474;}
.article_link a:hover{color: #000;}
.share_title{font-size: 36px; font-weight: bold; text-align: center;}
.share_title span{color: #a5cdee;}
.casesbox{width:100%; position: relative; padding:40px 0;}
.casesswiper{width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block; padding:20px 0;}
.casesswiper.swiper-horizontal {touch-action: pan-y;}
.casesswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform;  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);  box-sizing: content-box; transition-property: transform;  box-sizing: content-box; transform: translate3d(0px,0,0);}
.casesswiper .swiper-android .swiper-slide, .casesswiper .swiper-ios .swiper-slide, .casesswiper .swiper-wrapper {transform: translate3d(0px,0,0);}
.casesswiper .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.casesbox.swiper-backface-hidden .swiper-slide { transform: translateZ(0);-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.casesbox .swiper-horizontal>.casescrollbar, .casesbox .casescrollbar.swiper-scrollbar-horizontal { position: absolute; left: var(--swiper-scrollbar-sides-offset,1%); bottom: var(--swiper-scrollbar-bottom,4px); top: var(--swiper-scrollbar-top,auto); z-index: 50;  height: var(--swiper-scrollbar-size,4px);  width: calc(100% - 2 * var(--swiper-scrollbar-sides-offset,1%));}
.casesbox .casescrollbar { position: relative; touch-action: none; background: rgba(0,0,0,.1);}
.casesbox .swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: #a5cdee;left: 0; top: 0;}
.casesbox .swiper-notification {position: absolute;left: 0;  top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.casesbox .casescui{position: absolute; left: 10%; right: 10%; bottom: 0;}
.casesli{width: 96%; margin:0 2%; border-radius: 25px; background: #fff; padding:15px; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.casesli .h1{width: 100%; padding-bottom: 60%; position: relative; overflow:hidden; border-radius: 10px;}
.casesli .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.casesli .h2{color: #333; font-size: 20px; margin-top: 15px; font-weight: bold; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.casesli p{margin-top: 15px; font-size: 16px; color: #333; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden;}
.casesli span{display: inline-block; margin: 20px 0; background: #a5cdee; border-radius: 5px; padding:0 20px; color: #fff; font-size: 16px; line-height: 40px;}
.casesli:hover .h2{color: #a5cdee}

.hwlccont{background: #f7f9fa;}
.hwlccont .share_title{float: left; margin-left:11%;}
.hwlccont .share_title span{display: block; overflow: hidden;}
.hwlcbox{width: 80%; float: right;}
.hwlcwiper{width: 100%; margin-left: auto; margin-right: auto; position: relative; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.hwlcwiper.swiper-horizontal {touch-action: pan-y;}
.hwlcwiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform;  transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);  box-sizing: content-box; transition-property: transform;  box-sizing: content-box; transform: translate3d(0px,0,0);}
.hwlcwiper .swiper-android .swiper-slide, .hwlcwiper .swiper-ios .swiper-slide, .hwlcwiper .swiper-wrapper {transform: translate3d(0px,0,0);}
.hwlcwiper .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform;}
.hwlcbox.swiper-backface-hidden .swiper-slide { transform: translateZ(0);-webkit-backface-visibility: hidden; backface-visibility: hidden;}
.hwlcbox dl{width: 90%; margin-left:10%; overflow: hidden; border-radius: 30px; background: #fff;}
.hwlcbox dl dt{width: 100%; padding-bottom: 50%; position: relative; overflow:hidden;}
.hwlcbox dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.hwlcbox dl dd{padding:20px; display: block;}
.hwlcbox dl dd .h3{font-size: 14px; color: #636363;}
.hwlcbox dl dd .h2{font-size: 20px;font-weight: bold; line-height: 24px; max-height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px;}
.hwlcbox dl dd p{font-size: 16px; line-height: 24px; height: 48px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; color: #636363;}
.hwlcbox dl dd span{display:block; color: #a5cdee; font-size: 14px; margin-top:15px; background: url(../images/hwlcmore.png) no-repeat right center; line-height: 20px;}
.yxzsgbox{position: relative; width: 100%; padding-bottom: 40px; margin-top: 60px;}
.yxzsgswiper{width: 100%; height:950px; margin-left: auto;margin-right: auto; position: relative; overflow: hidden; overflow: clip;list-style: none; padding: 0;z-index: 1;display: block;}
.yxzsgswiper.swiper-horizontal { touch-action: pan-y;}
.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.yxzsgswiper.swiper-grid>.swiper-wrapper {flex-wrap: wrap;}
.yxzsgswiper.swiper-grid-column>.swiper-wrapper { flex-wrap: wrap; flex-direction: column;}
.yxzsgswiper .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; background: #fff;      height: calc((100% - 30px) / 2) !important;}
.yxzsgswiper.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden;}
.yxzsgpagination{ position: absolute; text-align: center; transition: .3s opacity; transform: translate3d(0,0,0); z-index: 10;}
.yxzsgbox .swiper-horizontal>.swiper-pagination-bullets, .yxzsgbox .swiper-pagination-bullets.swiper-pagination-horizontal, .yxzsgbox .swiper-pagination-custom, .yxzsgbox .swiper-pagination-fraction { bottom: 0; left: 0; width: 100%;}
.yxzsgbox .swiper-pagination-bullet { width: 12px; height: 12px; border-radius:12px; margin:0 6px; display: inline-block; background: #b5b5b5;}
.yxzsgbox .swiper-pagination-bullet-active { background:#a5cdee;}
.yxzsgbox .swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;}
.yxzsgswiper .swiper-notification {position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000;}
.yxzsgbox dl{width: 100%; overflow: hidden; border-radius: 20px; background: #f8f8f8;}
.yxzsgbox dl dt{width: 100%; height: 240px; position: relative; overflow:hidden;}
.yxzsgbox dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.yxzsgbox dl dd{padding:20px; display: block;}
.yxzsgbox dl dd .h3{font-size: 14px; color: #636363;}
.yxzsgbox dl dd .h2{font-size: 20px;font-weight: bold; line-height: 24px; height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px;}
.yxzsgbox dl dd p{font-size: 16px; line-height: 24px; height: 48px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; color: #636363;}
.yxzsgbox dl dd span{display:inline-block; color: #fff; border-radius: 5px; padding:0 35px; line-height: 35px; font-size: 14px; margin-top:15px; background:#a5cdee;}
.flfgcont{position: relative; z-index: 1;}
.flfgcont:after{content: ''; height: 50%; position: absolute; top: 0; left: 0; right: 0; z-index: -1; background: #f7f9fa;}

.flfgbox{position: relative; padding-top: 50px;}
.flfgswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.flfgswiper .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.flfgswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.flfg_prev, .flfg_next{position: absolute; top: -40px; z-index: 2; cursor: pointer; width: 58px; height: 58px; border-radius: 10px; cursor: pointer;box-shadow: 0px 1px 27px 0px rgba(122, 168, 206, 0.2);}
.flfg_prev{right:80px; background: url(../images/flfgjt.png) no-repeat right top #a5cdee;}
.flfg_next{right:0px; background: url(../images/flfgjt.png) no-repeat right bottom #a5cdee;}
.flfg_prev.swiper-button-disabled{background: url(../images/flfgjt.png) no-repeat left top #fff;}
.flfg_next.swiper-button-disabled{background: url(../images/flfgjt.png) no-repeat left bottom #fff;}
.flfgbox dl{width: 96%; margin:0 2%; border-radius: 25px; background: #fff; padding:15px; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.flfgbox dt{width: 100%; padding-bottom: 60%; position: relative; overflow:hidden; border-radius: 10px;}
.flfgbox dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;}
.flfgbox dd{padding:20px; display: block;}
.flfgbox dl dd .h2{font-size: 20px;font-weight: bold; line-height: 24px; max-height: 48px; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.flfgbox dl dd p{font-size: 16px; line-height: 24px; height: 48px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; color: #636363;}
.flfgbox dl dd .h3{ margin-top: 10px; width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.flfgbox dl dd .h3 em{font-size: 14px; color: #636363; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.flfgbox dl dd .h3 span{font-size: 14px; line-height: 42px; border-radius: 42px; background: #a5cdee; color: #fff; padding:0 35px;}


.fltdbox{position: relative; padding-top: 50px;}
.fwtdswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.fwtdswiper .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.fwtdswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.flfg_prev, .flfg_next{position: absolute; top: -40px; z-index: 2; cursor: pointer; width: 58px; height: 58px; border-radius: 10px; cursor: pointer;box-shadow: 0px 1px 27px 0px rgba(122, 168, 206, 0.2);}
.flfg_prev{right:80px; background: url(../images/flfgjt.png) no-repeat right top #a5cdee;}
.flfg_next{right:0px; background: url(../images/flfgjt.png) no-repeat right bottom #a5cdee;}
.flfg_prev.swiper-button-disabled{background: url(../images/flfgjt.png) no-repeat left top #fff;}
.flfg_next.swiper-button-disabled{background: url(../images/flfgjt.png) no-repeat left bottom #fff;}
.fltdbox dl{width: 92%; margin:0 4%; border-radius: 25px; background: #fff; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33);overflow: hidden;}
.fltdbox dt{width: 100%; padding-bottom: 80%; position: relative; overflow:hidden; background:#d7d7d9;}
.fltdbox dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fltdbox dd{padding:20px; display: block;}
.fltdbox dl dd .h2{font-size: 20px;font-weight: bold; line-height: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.fltdbox dl dd p{font-size: 16px; line-height: 24px; height: 48px;display: -webkit-box; -webkit-line-clamp:2; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; color: #636363;}
.fltdbox dl dd .h3{ margin-top: 10px; width: 100%; overflow: hidden;}
.fltdbox dl dd .h3 em{font-size: 16px; line-height: 34px; border-radius: 5px; color: #a5cdee; float: left; display: inline-block; padding:0 10px; background: #f2f8fc; }
.fltdbox dl dd .h3 span{font-size: 16px; line-height: 34px; float: right; display: inline-block; background: url(../images/fwtdico.png) no-repeat left center; padding-left: 20px;color: #000306;}
.fltdbox dl:hover dt img{transform: scale(1.1, 1.1)}

.fwtdbg{background: url(../images/fwtdbg.jpg) no-repeat center center; background-size: cover;}
.ystdgbox{position: relative; padding: 50px 0 30px;}
.ystdgswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.ystdgswiper .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.ystdgswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.ystdgbox .swiper-horizontal>.swiper-pagination-bullets, .ystdgbox .swiper-pagination-bullets.swiper-pagination-horizontal, .ystdgbox .swiper-pagination-custom, .ystdgbox .swiper-pagination-fraction {position: absolute; bottom: 0px; left: 0px; width: 100%; text-align: center;}
.swiper-pagination-bullet { width: 12px; height: 12px; border-radius:12px; margin:0 6px; display: inline-block; background: #b5b5b5;}
.swiper-pagination-bullet-active { background:#a5cdee;}
.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer;}

.ystdgbox dl{width: 92%; margin:0 4%; overflow: hidden; text-align: center;}
.ystdgbox dt{width: 100%; padding-bottom: 120%; border-radius:10px; position: relative; overflow:hidden; background:#d7d7d9;}
.ystdgbox dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.ystdgbox dd{padding:20px; display: block;}
.ystdgbox dl dd .h2{font-size: 20px;font-weight: bold; line-height: 24px; border-bottom: 2px #a0bcda solid; padding-bottom:15px;}
.ystdgbox dl dd .h2 span{font-size: 16px; color: #585858;}
.ystdgbox dl dd .h3{margin-top: 15px; font-size: 16px; color: #000000;}
.ystdgbox dl dd p{font-size: 15px; line-height: 24px; display: -webkit-box; -webkit-line-clamp:3; -webkit-box-orient: vertical; overflow: hidden; margin-top: 10px; color: #636363;}
.ystdgbox dl:hover dt img{transform: scale(1.1, 1.1)}

.hzyycont .share_title{width: 40%; float: right; text-align: left;position: relative; bottom: -40px;}
.hzyy_hd{width: 100%; overflow: hidden;}
.hzyy_hd ul{width: 55%;}
.hzyy_hd li{float: left; background: #eff0f1; border-radius: 34px; line-height: 34px; display: inline-block; min-width: 70px; text-align: center; padding:0 15px; margin:10px 10px 0 0; font-size: 16px; cursor: pointer;}
.hzyy_hd li.on{background: #a5cdee; color: #fff;}
.hzyy_hd li a{display: block;}
.hzyy_hd li a:hover{color: #a5cdee;}
.hzyy_hd li.on a:hover{color: #fff;}


.hzyybd{position: relative; margin-top: 50px;}
.hzyyswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.hzyyswiper .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.hzyyswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.hzyy_next, .hzyy_prev{position: absolute; bottom: 40px; z-index: 2; cursor: pointer; width: 36px; height: 36px; border-radius: 36px; cursor: pointer; left: 38%; border: 1px #a5cdee solid;}
.hzyy_prev{background: url(../images/hzyyjt.png) no-repeat right top #a5cdee;}
.hzyy_next{margin-left: 50px;  background: url(../images/hzyyjt.png) no-repeat right bottom #a5cdee;}
.hzyy_prev.swiper-button-disabled{background: url(../images/hzyyjt.png) no-repeat left top; border-color: #a3a3a4;}
.hzyy_next.swiper-button-disabled{background: url(../images/hzyyjt.png) no-repeat left bottom; border-color: #a3a3a4;}

.hzyybd dl{border-radius: 30px; padding:15px; width: 70%; margin:100px 15% 0; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.hzyybd dl a{width: 100%;  display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; align-items: flex-start; -webkit-align-items: flex-start; -moz-align-items: flex-start; -ms-align-items: flex-start; -o-align-items: flex-start; align-items: flex-start;}
.hzyybd dl dt{width: 45%; margin-right:5%; position: relative;}
.hzyybd dl dt .h3{width: 100%; padding-bottom:140%; position: relative; overflow: hidden; border-radius: 20px; border:4px #fff solid;}
.hzyybd dl dt .h3 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.hzyybd dl dt em{width: 80px; height: 80px; border-radius: 80px; line-height: 80px; background: #a5cdee; position: absolute; left: -40px; top: 50%; margin-top: -40px; display: block; z-index: 2; color: #fff; font-size: 30px; text-align: center;}
.hzyybd dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1; padding:40px 0 60px;}
.hzyybd dl dd .h1{font-size: 20px; font-weight: bold;}
.hzyybd dl dd .h2{font-size: 16px; line-height: 24px; color: #000306;margin-top: 15px; background: url(../images/yzyyico.png) no-repeat left center; padding-left: 30px; display: none;}
.hzyybd dl dd .hzyy_txt{font-size: 15px; line-height: 24px; display: -webkit-box; -webkit-line-clamp:6; -webkit-box-orient: vertical; overflow: hidden; margin-top: 15px; color: #636363;}
.hzyybd dl dd span{padding:4px 4px 4px 20px; background: #a5cdee; line-height: 34px; border-radius: 34px; display: none; margin-top: 30px; color: #fff; font-size: 16px;}
.hzyybd dl dd span i{float: right; width: 34px; height: 34px; border-radius: 34px; background: url(../images/hzyymore.png) no-repeat center center #f1eadf; margin-left:10px;}
.hzyybd .swiper-slide-active dl{ width: 92%; margin:0 4%; background: #ebf3ff; border:1px #fff solid;box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.46);}
.hzyybd .swiper-slide-active dl dd .h2{display: block;}
.hzyybd .swiper-slide-active dl dd span{display: inline-block;}
.hzyybd .swiper-slide-active dl dt em{display:none;}

.team_nl{width: 30%; float: left; border-bottom: 2px #a0bcda solid; padding-bottom: 30px;}
.team_nl .h1{width: 100%; padding-bottom: 111%; border-radius:10px; position: relative; overflow:hidden; background:#d7d7d9;}
.team_nl .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.team_nl .h2{font-size: 20px;font-weight: bold; line-height: 24px; padding-top:30px;}
.team_nl .h2 span{font-size: 16px; color: #585858;}
.team_nl .h3{margin-top: 15px; font-size: 16px; color: #000000;}
.team_nr{width: 65%; float: right; font-size: 16px;}
.teamn_title{font-size: 24px; font-weight: bold; margin-top:30px;}
.teamn_txt{margin-top:20px; color: #636363; line-height: 30px;}
.teamn_info{width: 100%; overflow: hidden; padding-bottom: 20px;}
.teamn_info li{float: left; width: 45%; margin:30px 5% 0 0; line-height: 24px;}
.teamn_info li i{display: inline-block; width: 18px; height: 18px; border-radius: 18px; background:#a5cdee; float: left; margin:3px 10px 0 0; position: relative;}
.teamn_info li i:after{content: ''; width: 4px; height: 10px; border-right: 1px #fff solid; border-bottom:1px #fff solid; position: absolute; left: 6px; top: 2px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.teamn_subtitle{margin-top:30px; font-size: 20px; font-weight: bold; position: relative; padding-bottom:10px;}
.teamn_subtitle:after{content: ''; width: 28px; height: 3px; background: #a5cdee; position: absolute; left: 0; bottom: 0;}
.zrmbox{width: 100%; padding-top:30px; overflow: hidden;}
.zrmbox ul{width: 102%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.zrmbox li{width:23%; float: left; margin:30px 2% 0 0; border-radius: 30px; overflow: hidden; position: relative;}
.zrmbox li .h1{width: 100%; padding-bottom: 140%; overflow: hidden; border-radius:10px; position: relative; overflow:hidden; background:#d7d7d9;}
.zrmbox li img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.zrmbox li dl{position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; padding:20px; color: #fff;}
.zrmbox li dl dt{font-size: 20px; font-weight: bold;}
.zrmbox li dl dd{font-size: 16px; margin-top:10px;}
.zrmbox li .h1:after{content: ''; position: absolute; left: 0; right: 0; bottom: 0; height: 50%;
	background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.5));
}
.zrmbox li:hover .h1:after{
	background:-webkit-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-moz-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-ms-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-o-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
}
.znmbox{width: 100%; padding-top:30px; overflow: hidden;}
.znmbox ul{width: 102%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex;  -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.znmbox li{width:31.33%; float: left; margin:30px 2% 0 0; padding:18px; background: #f5f5f5; border-radius: 30px; overflow: hidden; position: relative; border: 2px #e5e5e5 solid;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.znmbox li .h1{width: 100%; padding-bottom: 100%; overflow: hidden; border-radius:20px; position: relative; overflow:hidden; background:#d7d7d9;}
.znmbox li img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.znmbox li dl{ padding:15px; border: 2px #e7e7e7 solid;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; border-radius: 15px; margin-top: 18px;}
.znmbox li dl dt{font-size: 20px; font-weight: bold;}
.znmbox li dl dd{font-size: 16px; margin-top:10px; color: #878787; width: 100%; overflow: hidden;}
.znmbox li:hover{background: #a5cdee;border-color: #a5cdee;}
.znmbox li:hover dl{border-color: #c7e0f4;}
.znmbox li:hover dl dt, .znmbox li:hover dl dd{color: #fff;}
.zjnbg{background: #f7f9fa;}
.zjnbg .share_title{text-align: left;}

.zjnbd{position: relative; padding-top: 50px; width: 100%;}
.zjnbd:after{content: ''; position: absolute; top: 0; left: 0; width: 78%; height: 1px; background: #e0e0e0;}
.zjnswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.zjnswiper .swiper-slide {width: 100%;flex-shrink: 0; height: 100%; position: relative; transition-property: transform;}
.zjnswiper .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; transform: translate3d(0px,0,0);}
.zjn_next, .zjn_prev{position: absolute; top: -18px; right: 11%; z-index: 2; cursor: pointer; width: 36px; height: 36px; cursor: pointer; background: url(../images/zlknjt.png) no-repeat;}
.zjn_prev{margin-right: 40px; background-position: left top;}
.zjn_next{background-position: left bottom;}
.zjn_prev:hover{ background-position: right top;}
.zjn_next:hover{ background-position: right bottom;}
.zjnbd .swiper-slide{width: 25%;}
.zjnbd .zjnli{margin:0 6% 0 0;}
.zjnbd .zjnli dl{border-radius: 20px; overflow: hidden; position: relative;}
.zjnbd .zjnli dl dt{width: 100%; padding-bottom: 90%; overflow: hidden; position: relative; overflow:hidden; background:#d7d7d9;}
.zjnbd .zjnli dl dt img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.zjnbd .zjnli dl dd{position: absolute; left: 5%; bottom: 15px; right: 5%; z-index: 2; font-size: 20px; font-weight: bold; color: #000;}
.zjnbd .zjnli dl ul{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; background: rgba(0,0,0, 0.3); padding:20px 4%; color: #fff; font-size: 16px; display: none; line-height: 28px;}
.zjnbd .zjnli dl ul li{display: inline-block; float: left; text-align: center; width: 25%;}
.zjnbd .zjnli dl ul li em, .zjnbd .zjnli dl ul li span{display: block;}
.zjnbd .zjnli dl ul li em{color: #cfcfcf; padding-bottom:10px;}
.zjnbd .zjnli h3{width: 55%; padding:0 10%; background: url(../images/zjnico.png) no-repeat right 10% center #a5cdee; background-size: 50px auto; color: #fff; font-size: 16px; line-height:70px; border-radius: 0 0 15px 15px; display: none;}
.zjnbd .swiper-slide.swiper-slide-active {width: 32%;}
.zjnbd .swiper-slide-active .zjnli dl{border-radius: 20px;}
.zjnbd .swiper-slide-active .zjnli dl:after{content: ''; position: absolute; top: 0; right: 0; bottom: 0; left: 0;
	background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
}
.zjnbd .swiper-slide-active .zjnli dl dt{ padding-bottom: 110%;}
.zjnbd .swiper-slide-active .zjnli dl dd{ bottom:56%; color: #fff; text-align: center;}
.zjnbd .swiper-slide-active .zjnli dl ul{display: block;}
.zjnbd .swiper-slide-active .zjnli h3{display: block;}
.hzhb_hd{width: 100%; overflow: hidden; font-size: 16px; text-align: center;}
.hzhb_hd a{display: inline-block; line-height: 48px; margin:0 10px 20px; padding:0 30px;}
.hzhb_hd a.on{background: #a5cdee; color: #fff;}
.hzbb_bd{width: 100%; overflow: hidden;}
.hzbb_bd ul{width: 102%;}
.hzbb_bd ul li{width: 23%; float: left; margin:30px 2% 0 0;}
.hzbb_bd ul li .h1{width: 100%; padding-bottom:40%; overflow: hidden; position: relative; overflow:hidden; border: 1px #d1d1d1 solid;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.hzbb_bd ul li .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.mapbox{width: 100%; height: 500px;}
.lxcbg{background: url(../images/lx_cbg.jpg) no-repeat center center; background-size: cover;}
.contactinfo{width: 100%; padding-top: 30px;}
.contactinfo ul{display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: center; -moz-justify-content: center; -ms-justify-content:center; -o-justify-content: center; justify-content:center;}
.contactinfo ul li{width:29.33%; margin:40px 2% 0; position: relative;}
.contactinfo ul li .h1{position: absolute; top: 45px; left: 0; width: 85px;}
.contactinfo ul li dl{margin-left: 46px; height: 100%; min-height:180px; background:#fff; padding:20px 20px 20px 65px;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.contactinfo ul li dl .h2{font-size: 20px; font-weight: bold;}
.contactinfo .contacttxt{color: #636363; font-size: 16px; line-height: 26px; margin-top:15px;}
.lxyycont{box-shadow: 1px 2px 28px 1px rgba(56, 56, 56, 0.08); width: 100%; position: relative; border-radius: 40px; }
.lxyyimg{width: 36%; height: 100%; position: absolute; top: 0; bottom: 0; right: 0;}
.lxyyimg img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.lxyyform{padding:50px 6%; width: 64%;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; background: url(../images/lx_zxbg.png) no-repeat right top;}
.lxyyform .share_title{text-align: left;}
.lxyyform_subtit{font-size: 20px; color: #9e9e9e; margin-top:5px;}
.lxyyform_ico{width: 100%; overflow: hidden;}
.lxyyform_ico li{float: left; margin:20px 20px 0 0;}
.lxyyform_box{width: 100%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;-webkit-justify-content: space-between; -moz-justify-content: space-between; -ms-justify-content:space-between; -o-justify-content: space-between; justify-content:space-between;}
.lxyyform_box dl{width: 48%; margin-top: 20px; border-bottom: 1px #434343 solid;}
.lxyyform_box dl.w100{width: 100%;}
.lxyyform_box dl dt{font-size: 18px;}
.lxyyform_box dl dt i{color: #ff0000;}
.lxyyform_box .lxyyform_inp, .lxyyform_box .lxyyform_select{ object-fit: cover; width: 100%; height: 40px; line-height: 40px; background: #fff; border-radius: 5px; border:0 none; background: #fff; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box; font-size: 16px; color: #333;}
.lxyyform_box dl .layui-form-select .layui-input{border:0 none; line-height: 40px; padding-left: 0; font-size: 16px;}
.lxyyform_box dl .layui-form-select dl{top: 40px; margin-top: 0;}
.lxyyform_box dl .layui-form-select dl dd.layui-this{background-color: #a5cdee;}
.lxyyform_checkbox{margin-top:20px; font-size: 14px; width: 100%; overflow: hidden;}
.lxyyform_checkbox input{float: left; margin:4px 5px 0 0;}
.lxyyform_checkbox a{color: #a5cdee;}
.lxyyform_checkbox .layui-form-checkbox{height: 22px; line-height: 20px; padding-right: 22px;}
.lxyyform_checkbox .layui-form-checkbox i{width: 18px; height: 18px; line-height: 18px; font-size: 15px;border-left:1px solid #d2d2d2; border-radius: 2px;}
.lxyyform_checkbox .layui-form-checked i, .lxyyform_checkbox  .layui-form-checked:hover i{border-color: #a5cdee; background: #a5cdee; color: #fff;}
.lxyyform_btn{ width: 220px; margin-top:30px; display: inline-block; line-height: 48px; border-radius: 48px; background: #a5cdee; color: #fff; font-size: 18px; font-weight: bold; padding:4px 4px 4px 20px;}
.lxyyform_btn i{width: 48px; height: 48px; border-radius: 48px; display: inline-block; float: right; background: url(../images/lx_yybtn.png) no-repeat center center #f1eadf;}
.lxyyform_btn:hover{color: #fff;}
.share_title.tal{text-align: left;}
.abtcbg{background: url(../images/abt_cbg.png) no-repeat left bottom;}
.abthbg{background: #f7f9fa;}
.abtcont{width: 100%;}
.abtcimg{float: left; width: 48%;}
.abtcbox{float: right; width: 48%;}
.abtctit{font-size: 36px; font-weight: bold; padding:20px 0;}
.abtctxt{font-size: 16px; color: #636363; line-height:28px;}
.abtnum{width: 100%; overflow: hidden; padding-top: 60px; text-align: center;}
.abtnum ul{margin:0 auto; display: inline-block;}
.abtnum li{padding:0 80px; float: left; margin-top:20px;}
.abtnum li .h2{font-size: 40px; color: #a5cdee; font-weight: bold;}
.abtnum li .h2 span{font-size: 64px;}
.abtnum li p{font-size: 16px; margin-top:10px;}
.abtwhbox{width: 100%; overflow: hidden; padding-top: 30px;}
.abtwhbox ul{width: 102%;}
.abtwhbox li{width: 23%; margin:20px 2% 0 0; position: relative; float: left;}
.abtwhbox li .h1{width: 100%; padding-bottom:120%; position: relative; overflow: hidden;}
.abtwhbox li .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.abtwhbox li dl{position: absolute; left: 0; right: 0; bottom: 0; z-index: 2; padding:20px; color: #fff;}
.abtwhbox li dl dt{font-size: 20px; font-weight: bold; line-height: 24px;}
.abtwhbox li dl dt img{width: 24px; height: 24px; float: left; margin-right: 5px;}
.abtwhbox li dl dd{font-size: 15px; margin-top:10px; display: none;}
.abtwhbox li:hover dl dd{display: block;}
.abtwhbox li:after{content: ''; width: 100%; height: 80%; position: absolute; left: 0; right: 0; bottom: 0;
    background:-webkit-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-moz-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-ms-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:-o-linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
	background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.9));
}
.abtwhbox li:hover:after{
	background:-webkit-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-moz-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-ms-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:-o-linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
	background:linear-gradient(to bottom, rgba(165,205,238,0), rgba(165,205,238,0.9));
}
.zsblack{ position: relative; padding:0 80px; margin-top: 50px;}
.zsbox{margin-left: auto; margin-right: auto; overflow: hidden; list-style: none; padding: 0; z-index: 1; width: 100%; padding:60px 0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.zsbox .swiper-wrapper {  position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;  transform: translate3d(0px,0,0);}
.zsbox .swiper-slide {flex-shrink: 0; width: 100%; height: 100%; position: relative; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1);}
.zsbox .swiper-slide-prev, .zsbox .swiper-slide-next{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -ms-transform: scale(1.1); -o-transform: scale(1.1); transform: scale(1.1); z-index: 2;}
.zsbox .swiper-slide-active, .zsbox .swiper-slide-duplicate-active{ -webkit-transform: scale(1.25); -moz-transform: scale(1.25); -ms-transform: scale(1.25); -o-transform: scale(1.25); transform: scale(1.25); z-index: 3;}

.zsbox .zs-pagination {position: absolute;text-align: center; transition: .3s opacity; transform: translate3d(0,0,0);z-index: 10;bottom: 10px; left: 0; width: 100%; display: none;}
.zsbox .swiper-pagination-bullet {  width: 8px; height: 8px; margin: 0 4px; display: inline-block; border-radius: 100%; background: #000;  opacity: .2; cursor: pointer;}
.zsbox .swiper-pagination-bullet-active { opacity: 1; background:#023ed8;}
.zs_prev, .zs_next{position: absolute; width: 36px; height: 36px; border-radius: 36px; border:1px #a0a0a0 solid; top: 50%; transform: translateY(-50%);  -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%);  -o-transform: translateY(-50%); -moz-transform: translateY(-50%); cursor: pointer;}
.zs_prev{left: 0;}
.zs_next{right: 0}
.falcbox{width:100%; position:relative; margin-top: 60px;}
.falcbox .swiper{width: 100%;  height: 100%; margin-left: auto; margin-right: auto; overflow: hidden; overflow: clip; list-style: none; padding: 0; z-index: 1; display: block;}
.falcbox .swiper-horizontal{ touch-action: pan-y;}
.falcbox .swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; transition-timing-function: var(--swiper-wrapper-transition-timing-function,initial);  box-sizing: content-box;}
.falcbox .swiper-android .swiper-slide, .falcbox .swiper-ios .swiper-slide, .falcbox .swiper-wrapper { transform: translate3d(0px,0,0);}
.falcbox .swiper-slide{flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; display: block; }
.falcbox .swiper-free-mode>.swiper-wrapper {transition-timing-function: ease-out; margin: 0 auto;}
.falcbox .fzlc_bd dl{display: block; overflow: hidden;}
.falcbox .fzlc_bd dl dt{width: 50%; float:right;}
.falcbox .fzlc_bd dl dd{width: 45%; float: left;}
.falcbox .fzlc_bd dl dt .h2{font-size: 45px; color: #a5cdee; font-weight: bold;}
.falcbox .fzlc_bd dl dt .falctxt{margin-top: 20px; font-size: 16px; line-height: 30px; color: #636363;}
.falcbox .fzlc_nian{margin-top: 60px; position: relative;}
.falcbox .fzlc_nian .swiper-wrapper{justify-content: flex-end;}
.falcbox .fzlc_nian:after{content: ''; height: 1px; background: #1e67ac; position: absolute; top: 26px; left: 2%; right: 2%;}
.falcbox .fzlc_hd{ position: relative; color: #a5cdee; font-size: 20px; font-weight: bold;}
.falcbox .fzlc_hd .swiper-slide {text-align: center; position: relative;}
.falcbox .fzlc_hd .swiper-slide i{width: 6px; height: 6px; border-radius: 6px; display: inline-block; position: absolute; top: 22px; left: 50%; margin-left:-5px; background: #fff; border:2px #a5cdee solid;}
.falcbox .fzlc_hd .swiper-slide span{ padding-top: 50px; display: block; cursor: pointer; line-height: 30px;}
.falcbox .fzlc_hd .swiper-slide-thumb-active i{background: #a5cdee; border-color: #a5cdee; }
.falcbox .fzlc_hd .swiper-slide-thumb-active i:after{content: '';width: 24px; height: 24px; border-radius: 24px; display: inline-block; position: absolute; top: -9px; left:-9px; background: #a5cdee; opacity: 0.28;}
.falcbox .falc_prev, .falcbox .falc_next{position: absolute; bottom: 30px; width: 48px; height: 48px; border-radius: 48px; z-index: 3; cursor: pointer;}
.falcbox .falc_prev{left: 5%; background: url(../images/fzls_jl.png) no-repeat center center #a5cdee;}
.falcbox .falc_next{right: 5%; background: url(../images/fzls_jr.png) no-repeat center center #a5cdee;}
.falcbox .falc_prev.swiper-button-disabled, .falcbox .falc_next.swiper-button-disabled{ cursor: default;}
.falcbox .falc_prev.swiper-button-disabled{background: url(../images/fzls_jl.png) no-repeat center center #dee0e1;}
.falcbox .falc_next.swiper-button-disabled{background: url(../images/fzls_jr.png) no-repeat center center #dee0e1;}
.banner_projectn{padding:160px 0; width: 100%; overflow: hidden; color: #fff; text-align: center;}
.banner_projectn .h2{font-size: 46px; font-weight: bold;}
.banner_projectn p{font-size: 16px; line-height: 30px; margin-top:30px;}
.fwn_title{padding-top: 25px; position: relative; text-align: center;}
.fwn_title:after{content: ''; position: absolute; top: 0; left: 50%; margin-left: -14px; width: 28px; height: 4px; border-radius: 4px;	
	background:-webkit-linear-gradient(to right, rgba(165,205,238,0), rgba(165,205,238,1));
	background:-moz-linear-gradient(to right, rgba(165,205,238,0), rgba(165,205,238,1));
	background:-ms-linear-gradient(to right, rgba(165,205,238,0), rgba(165,205,238,1));
	background:-o-linear-gradient(to right, rgba(165,205,238,0), rgba(165,205,238,1));
	background:linear-gradient(to right, rgba(165,205,238,0), rgba(165,205,238,1));
}
.fwn_title em{color: #545b61; font-size: 20px; font-weight: bold; padding-bottom: 10px; display: block; overflow: hidden;}
.fwn_title span{ color: #010101; font-size: 36px; font-weight: bold; display: block; overflow: hidden;}
.fwn_syrqbg{background: #f8fafb;}
.fwn_ylcxbg{background: #f9f9f9;}
.fwn_lcsmbg{background: url(../images/fwn_lcbg.jpg) no-repeat center center; background-size: cover;}
.fwn_hxys{width: 100%; overflow: hidden; padding-top: 30px;}
.fwn_hxys ul{width: 102%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.fwn_hxys ul li{width: 48%; float: left; margin:30px 2% 0 0; background: url(../images/fwn_hxysbg.png) no-repeat top left #f6fafd; border-radius: 30px; overflow: hidden;}
.fwn_hxys ul li dl{ width: 100%; padding:40px 10%; display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;  -webkit-align-items: center; -moz-align-items: center; -ms-align-items: center; -o-align-items: center; align-items: center;}
.fwn_hxys ul li dl dt{width: 110px; margin-right: 40px;}
.fwn_hxys ul li dl dd{-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
.fwn_hxys ul li dl dd .h2{font-size: 20px; color: #01224a; font-weight: bold;}
.fwn_hxys ul li dl dd p{font-size: 16px; color: #636363; margin-top:15px;}
.fwnsyrq_l{width: 44%; float: left; padding:30px 0 0 4%;}
.fwnsyrq_l .fwn_title{text-align: left;}
.fwnsyrq_l .fwn_title:after{left: 0; margin-left:0;}
.fwnsyrq_l ul{width: 100%; overflow: hidden; display: block; padding-top: 20px; font-size: 20px; font-weight: bold;}
.fwnsyrq_l ul li{padding:0 30px; position: relative; line-height: 25px; margin-top:30px;}
.fwnsyrq_l ul li:after{content: ''; width: 5px; height: 5px; border-radius: 15px; border: 5px #a5cdee solid; position: absolute; left: 0; top:5px; }
.fwnsyrq_r{width: 49%; float: right;box-shadow: 0px 3px 16px 0px rgba(187, 209, 226, 0.52); background: #fbfcfd; border:1px #fff solid; border-radius: 20px; padding:40px; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fwnsyrq_r .h1{font-size: 20px; font-weight: bold;}
.fwnsyrq_r .h1 span{font-size: 35px;}
.fwnsyrq_r .h2{font-size: 24px; margin-top:20px; font-weight: bold;}
.fwnsyrq_r p{font-size: 16px; line-height: 30px; margin-top:20px;}
.fwnsyrq_r ul{display: block; width: 100%; overflow: hidden; margin-top:20px;}
.fwnsyrq_r ul li{width: 50%; float: left; font-size: 16px; margin-top:20px; padding-left: 25px; background: url(../images/fwn_syrqico.png) no-repeat left center;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fwnsyrq_r .h3{margin-top:50px; text-align: center;}
.fwnsyrq_r .h3 a{display: inline-block; padding:0 60px; line-height: 60px; border-radius: 60px; color: #fff; background: #a5cdee; font-size: 20px; font-weight: bold;}

.fltdbox{position: relative; padding-top: 50px;}
.fwnlcswiper{position:relative; width: 100%; overflow:hidden; padding:10px 0;}
.fwnlc_li{width: 25%; float: left;}
.fwnlcbox{width: 100%; margin-top:50px;}
.fwnlc_t{ width: 90%; margin:0 auto; padding:20px; background: #fff; border-radius: 10px; box-shadow: 0px 3px 10px 0px rgba(187, 209, 226, 0.33);-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fwnlc_t dt{line-height: 44px; font-size: 20px; font-weight: bold;}
.fwnlc_t dt img{width: 44px; height: 44px; float: left; margin-right: 10px;}
.fwnlc_t dd{margin-top:15px; font-size: 16px; line-height: 24px; height: 96px;}
.fwnlc_b{padding:60px 5% 0; margin-top:60px; position: relative; z-index: 1;}
.fwnlc_b:after{content: ''; width: 100%; height: 1px; border-top: 1px #a5cdee dashed; position: absolute; top: 0; left: 0; right: 0;}
.fwnlc_b:before{content: ''; width: 10px; height: 10px; border-radius: 10px; background: #a5cdee; border: 4px #fff solid; position: absolute; top: -9px; left: 50%; margin-left: -9px;}
.fwnlc_b dl{background: #eef6ff; border:1px solid #a5cdee; border-radius: 10px; padding:30px 20px; position: relative; display: block; text-align: center;}
.fwnlc_b dl:after{content: ''; position: absolute; top: 0; left:-5px; bottom: 0; right: 20px; z-index: -1; border-radius: 10px 0 0 10px; background: #a5cdee;}
.fwnlc_b dl dt{color: #a5cdee; font-size: 58px; font-weight: bold;}
.fwnlc_b dl dd{font-size: 16px; color: #636363; margin-top:10px;}
.fwnlc_li:hover .fwnlc_b dl{background: #a5cdee;}
.fwnlc_li:hover .fwnlc_b dl dt, .fwnlc_li:hover .fwnlc_b dl dd{color: #fff;}
.fwn_cxtitle{font-size: 36px; font-weight: bold; width: 30%; position: absolute; top: 0; left: 0;}
.fwnlcxbox{width: 100%;}
.fwnlcxbox ul{ display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; margin:0 auto; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; -o-flex-wrap: wrap; flex-wrap: wrap;}
.fwnlcxbox li{width: 10%; margin-right: 2%; float: left; padding-top: 26%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fwnlcxbox li dl{width: 100%;}
.fwnlcxbox li dl dt{width: 100%; float: left;}
.fwnlcxbox li dl dt .h1{width:100%; padding-bottom:130%; overflow: hidden; position: relative; overflow:hidden; border: 1px #d1d1d1 solid;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; -ms-box-sizing:border-box; -o-box-sizing:border-box; box-sizing:border-box;}
.fwnlcxbox li dl dt .h1 img{display: block; position: absolute; top: 0; left: 0; bottom: 0; right: 0; object-fit: cover; width: 100%; height: 100%; margin:auto;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.fwnlcxbox li dl dd{width: 40%; float: right; display: none;}
.fwnlcxbox li dl dd .fwnlcxtxt{font-size: 14px; color: #636363; margin-top:40px;}
.fwnlcxbox li dl dd .h2{font-size: 20px; font-weight: bold; margin-top:40px;}
.fwnlcxbox li dl dd .fwnlcxbtn{width: 100px; height: 100px; position: relative; z-index: 1; background: #fff; border:1px #a5cdee solid; color: #fff; display: block; margin-top:80px; overflow: hidden;}
.fwnlcxbox li dl dd .fwnlcxbtn span{padding:15px 10px; display: inline-block; font-size: 16px; font-weight: bold;}
.fwnlcxbox li dl dd .fwnlcxbtn:after{content: '';width: 100px; height: 150px; position: absolute; top: -62px ;left: -34px; z-index: -1; background: #a5cdee; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);}
.fwnlcxbox li dl dd .fwnlcxbtn:before{content: ''; width: 22px; height:22px; position: absolute; right: 15px; bottom: 15px; background: url(../images/fwn_jt.png) no-repeat;}
.fwnlcxbox li.on{width: 64%; margin-right: 0; padding-top: 0;}
.fwnlcxbox li.on dl dd{display: block;}
.fwnlcxbox li.on dl dt{width: 55%;}













@media all and (max-width:1600px) {
	.wrapper{width: 92%;}
	.nav ul li{margin:0 30px;}
	.project_info{padding-top: 60px;}
	.hzyybd dl dd{padding-top:20px;}
	
}

@media all and (max-width:1400px) {
	.nav ul li{margin:0 16px;}
	.banner{padding:250px 3% 170px;}
	.banner .h1{font-size: 48px;}
	.banner .h2{font-size: 30px;}
	.project_info{padding-top: 50px;}
	.nbanner{ padding:230px 0 150px;}
	.banner_article{ height: 230px;}
	.hzyybd dl dd{padding-top:10px;}
	.hzyybd dl dt em{width: 50px; height: 50px; border-radius: 50px; line-height: 50px; left: -25px; margin-top: -25px; font-size: 20px;}
	.abtnum li{padding:0 60px;}
	.fwnlc_t dd{height: 120px;}

}
@media all and (max-width:1200px) {
	.nav ul li{margin:0 10px;}
	.project_info{padding-top: 30px;}
	.nbanner{ padding:200px 0 120px;}
	.hwlcbox{width: 76%;}
	.zjnbd .swiper-slide{width: 32%;}
	.zjnbd .swiper-slide.swiper-slide-active {width: 40%;}
	.contactinfo ul li{width: 46%;}
	.abtnum li{padding:0 40px;}
	.fwnsyrq_r ul li{width: 100%;}
	.fwnlc_t dd{height: 144px;}


}
@media all and (max-width:1024px) {
	.hzyy_next, .hzyy_prev{left: 78%;}

}
@media all and (max-width:980px) {
	.header{height: 60px;}
	.logo{line-height:60px;}
	.logo img{max-height:54px;}
	.navico{display:block; padding:9px; float: right; margin:8px 0 0;}
	.navico span{ background:#333; display: block; width: 20px;  height: 2px;  margin-top: 5px;  position: relative;  z-index: 1;  transform-origin: 20px center;border-radius: 2px;
transition: transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, background 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s, opacity 0.55s ease 0s, -webkit-transform 0.5s cubic-bezier(0.77, 0.2, 0.05, 1) 0s;}
	.navico.on{position: fixed; top: 0;right: 20px;z-index: 9999;}
	.navico.on span {opacity: 1;transform: rotate(45deg);}
	.navico.on span:nth-last-child(2) {opacity: 0;}
	.navico.on span:nth-last-child(3) {opacity: 1; transform: rotate(-45deg);}	
	.nav{width: 240px; position: fixed; top: 0; right: -240px; bottom: 0; background: #fff; z-index: 98; overflow-y: auto;}
	.nav ul{padding:60px 20px 20px; display: block;}
	.nav ul li{width: 100%; margin: 0; font-size: 16px; line-height: 50px; position: relative; margin-top: 10px;}
	.nav ul li a{ padding:0; position: relative;}
	.nav ul li ul{position: relative; top: inherit; left: inherit; padding:0; display: block; width: 100%; margin:0; background: none;}
	.nav ul li ul li{ line-height: 25px; text-align: left; border-width:0px; display: none;}
	.nav ul li:hover a:after, .nav ul li.on a:after{display: none;}	
	.nav ul li a, .nav ul li:hover a, .nav ul li ul li a, .nav ul li:hover ul li a, .nav ul li ul li ul li a, .nav ul li.on ul li ul li a{ color: #333;}
	.nav ul li ul li a, .nav ul li.on ul li a, .nav ul li:hover ul li a, .nav ul li.on:hover ul li a{color: #333;}
	.nav ul li.on a{color: #a5cdee;}
	.nav ul li ul li a{margin-left:20px; padding:10px 0;line-height: 20px;}
	.nav ul li ul li ul{display: block;position: inherit; top: inherit; left: inherit; width: 100%;}
	.nav ul li ul li ul li{display: block;}
	.nav ul li ul li ul li a{margin-left:40px;line-height: 25px;}	
	.nav ul li ul:after{content: ''; width: 0;height: 0;border: 5px solid;border-color: #b9b9b9 transparent  transparent transparent; position: absolute; top: -50px; right: 0; z-index: 999; margin: 22px 15px 18px;}
	.nav ul li ul.toggle:after{border-color: transparent transparent  #b9b9b9 transparent; margin: 16px 15px 24px;}
	.nav ul li ul:before{content: ''; width: 50px; height: 50px; position: absolute; top: -50px; right: 0; z-index: 998;}
	.nav ul li ul.toggle li{display: block;}
	.nav ul li ul li ul:after, .nav ul li ul li ul:before{display: none;}
	.banner{padding:200px 3% 120px;}
	.banner .h1{font-size: 40px;}
	.banner .h2{font-size: 24px;}
	.language{margin:0 20px 0 0;}
	.language_btn{line-height: 60px; font-size: 16px; background-size: 20px; padding-left: 28px;}
	.language_btn span{ background-size: 12px auto;}
	.language ul{top: 60px; width: 120px; margin-left:-60px;}
	.language ul li{font-size: 14px;}
	.language ul li a{padding:10px 5px;}
	.header.por .navico span{background: #fff;}
	.header.por .navico.on span{background: #333;}
	.header.por .nav ul li a{color: #333;}
	.header.por .nav ul li.on a{ color: #a5cdee;}
	.header.por .nav ul li ul li a, .header.por .nav ul li.on ul li a, .header.por .nav ul li ul li:hover a, .header.por .nav ul li.on ul li:hover a{color: #333;}
	
	.ititle{font-size:30px; line-height: 36px;}
	.ititle span{margin-top:-20px;}
	.ifwxm{ display: flex; justify-content: center; flex-wrap: wrap;max-width: 500px; margin:20px auto 0;}
	.ifwxma{position: initial;}
	.ifwxma1{width: 100%; max-width: 520px; padding:20px 0; text-align: center;}
	.ifwxm .h1{font-size: 28px; margin-top: -15px;}
	.ifwxm .h2{font-size: 16px; margin-top: 5px;}
	.ifwxmtxt{font-size: 12px; line-height: 20px; margin-top: 10px;}
	.ifwxma1 .h1{float: initial; font-size: 36px; line-height: 30px; margin-top:0; color:#686868; opacity: 0.6;}
	.ifwxma1 .h2{padding-bottom:5px;font-size: 20px;}
	.ifwxma1 .ifwxmtxt{font-size: 14px;}
	.ifwxma.a2, .ifwxma.a3, .ifwxma.a4, .ifwxma.a5{width: 160px; height: 160px; padding:15px;}
	.ifwxma.a3, .ifwxma.a5{ margin-top:70px;}
	.ifwxma.a4{margin-top: -10px;}
	.ifwxmbtn{line-height: 35px; font-size: 16px;}
	.icase li{width: 49%;}
	.iteam dl{padding:40px 5%; margin-top: 180px;}
	.iteam_next, .iteam_prev{bottom: 30px;}
	.iteam_prev{left: 30px;}
	.iteam_next{left: 120px;}
	.icontact_form li{width: 100%;}
	.project_info{padding-top: 10px;}
	.caselist li{width: 49%;}
	.zrmbox li{width: 31.33%;}
	.znmbox li{width: 48%;}
	.abtnum li{padding:0 20px;}
	.abtwhbox li{width: 48%;}
	.fwnlc_t dt{font-size: 16px;}
	.fwnlc_t dd{font-size: 14px;}


	

}

@media all and (min-width:0) and (max-width:768px) {
	.padt80{padding:40px 0 0;}
	.pad80{padding:40px 0;}	
	.ititle{font-size: 24px; line-height: 30px;}
	.ititle span{margin-top:-15px;}
	.ifwzzbg .ititle{display: block;}
	.ifwzz{margin-top:20px; display: none;}
	.ifwzz_hd{width: 100%;}
	.ifwzz_hd ul{white-space: normal;}
	.ifwzz_hd li{padding:18px; width: 43%; min-height: 300px; border-radius: 15px; margin-right:-38%;}
	.ifwzz_hd li.active{margin-right: -20px;}
	.ifwzz_hd .h3{font-size: 18px;}
	.ifwzz_txt{font-size: 12px; margin-top: 15px;}
	.ifwzz_bd .tabbox{border-radius: 15px;}
	.ifwzzmod{display: block;}
	.ifwxmbg .wrapper{width: 100%;}
	.ifwxmbg .ititle{display: block;}
	.ifwlcbg .wrapper{padding:30px 0;}
	.ifwxma1{padding:20px;}
	.ifwlc{margin-top:30px;}
	.ifwlc_box{ width: 260px;}
	.ifwlc_box dl{margin-bottom: 15px;width: 260px;}
	.ifwlc_box dl dt img{transform: rotate(90deg);}
	.ifwlc_box dl dd .h2{font-size: 20px;}
	.ifwlc_box dl dd p{font-size: 14px;}
	.ifwlc_btn{font-size: 18px; margin-top: 30px;}
	.icase{padding-top: 20px;}
	.icase li{padding:15px; border-radius: 20px;}
	.icase li .h2{font-size: 16px; margin-top: 10px;}
	.icase li p{font-size: 12px; margin-top: 10px;}
	.icase li span{margin:15px 0; font-size: 13px; line-height: 35px;}
	.izlk_info .h2{font-size: 16px;}
	.izlk_info p{font-size:12px;}
	.izlkbd{margin-top:30px; padding:0 35px;}
	.izlk_more{margin-top:10px;}
	.izlk_next, .izlk_prev{background-size: 54px auto;width: 10px; height:22px;}
	.iteam dl{padding:20px 5%; margin: 150px 0 50px; border-radius: 20px;}
	.iteam dl dt p{font-size: 12px; line-height: 20px; height: 60px;}
	.iteam dl dt .h2{font-size: 16px; margin-top: 15px;}
	.iteam_next i, .iteam_prev i{background-size: 55px auto; width: 16px; height: 16px;}
	.iteam_next, .iteam_prev{padding:10px;}
	.iteam_next, .iteam_prev{bottom: 0;}
	.iteam_prev{left: 20px;}
	.iteam_next{left: 80px;}
	.ihz_earth, .ihzbox{width: 100%; float:normal;}
	.ihz_earth video{height: 200px;}
	.ihzbox{margin-top:30px;}
	.ihz_title{margin-top:30px; font-size: 16px;}
	.ihz_txt{font-size: 12px; line-height: 24px; margin-top: 15px;}
	.ihz_btn a{line-height: 35px; margin-top: 30px;}
	.ihz_img{padding-top: 20px;}
	.icontact, .icontact_form{width: 100%;}
	.icontact_form{margin-top: 30px;}
	.icontact .h2{font-size: 24px; padding:10px 0 20px;}
	.icontact li{font-size: 14px; padding:6px 0;}
	.icontact_form{padding:25px; border-radius: 20px;}
	.icontact_form .h1{font-size: 20px;}
	.icontact_form .h3{font-size: 13px;}
	.icontact_form li{margin-top: 20px;}
	.icontact_form li .h2{font-size: 14px;}
	.icontact_form .h4{font-size: 14px;}
	.ilxbtn{margin-top: 25px; font-size: 14px;}
	.bfabg .h2{font-size: 18px;}
	.bfabg .h3 a{padding:0 40px; line-height: 42px; margin-top: 25px; font-size: 15px;}
	.footer{font-size: 13px;}
	.foot_info .h1{font-size: 15px;}
	.foot_info .h2{font-size: 14px; padding-top: 20px;}
	.foot_info .h2 a{margin:10px 15px;}
	.foot_info p{margin-top:10px;}
	.foot_info{padding:30px 0;}
	.foot_bot{ text-align: center;}
	.foot_bot .h2{width: 100%; overflow: hidden;}
	.foot_bot ul{display: inline-block; margin:20px auto 0; float: inherit;}
	.fixbox{right: 10px;}
	.fixbox ul li{padding:5px 0;width: 44px;}
	.fixbox ul li img{width: 25px; height: 25px;}
	.fixbox ul li span{font-size: 12px;}
	.fixbox .fixflbtn, .fixbox .fixtop{width: 44px; height: 44px; border-radius: 44px;}
	.banner{padding:130px 3% 50px;}
	.banner .h1{font-size: 22px;text-shadow: 1px 1px 0px rgba(141, 183, 206, 1);}
	.banner .h1 i{display: none;}
	.banner .h1 span{display: block; overflow: hidden; padding:10px 0 15px; position: relative;}
	.banner .h1 span:after{content: ''; position: absolute; left: 50%; bottom: 0; transform: translateX(-50%); width: 40px; height: 2px; background: #fff;}
	.banner .h2{font-size: 15px; margin-top:30px;}
	.banner .banul{padding-top: 20px;}
	.banner ul li{font-size: 13px; padding:10px 8px 0;}
	.banner .h3 a{line-height: 40px; font-size: 15px; padding:0 25px;margin: 10px 5px 0;}
	.project_img, .project_info{width: 100%; float: initial;}
	.project_img{border-radius: 20px;}
	.project_info .h1{font-size: 16px;}
	.project_info .h2{font-size: 22px; margin-top: 10px;}
	.project_info .project_txt{margin-top: 15px; font-size: 14px; line-height: 24px;}
	.project_info .h3 a{margin: 15px 15px 0 0;}
	.nbanner{ padding:120px 0 50px; line-height: 34px;}
	.nbanner .h1{font-size: 36px;}
	.nbanner .h2{font-size: 26px; padding-bottom: 20px;}
	.nbanner .h2:after{width: 60px; height: 2px;}
	.phelp_l, .phelp_r{width: 100%;  float: initial;}
	.phelp_l .phelp_limg{margin-top: 40px;}
	.phelp_r{margin-top: 30px;}
	.phelp_r dl{font-size: 13px; padding:20px 0;}
	.phelp_r dt .h2{font-size: 16px;}
	.phelp_r dd{line-height: 28px;}
	.caselist{padding-top: 10px;}
	.caselist li{padding:15px; border-radius: 20px;}
	.caselist li .h2{font-size: 16px; margin-top: 10px;}
	.caselist li p{font-size: 12px; margin-top: 10px;}
	.caselist li span{margin:15px 0; font-size: 13px; line-height: 35px;}
	.nsearch_inp, .nsearch_select{height: 40px; line-height: 40px; font-size: 14px; padding:0 5px;}
	.nsearch_btn{width: 40px; height: 40px; background-size:18px}
	.nsearch_ul{width: 100%;display: -moz-box; display: -ms-flexbox; display: -webkit-box; display: -webkit-flex; display: box; display: flexbox; display: flex; }
	.nsearch_li{ margin-right: 10px; width: 120px; border-radius: 8px;}
	.nsearch_box{width: 100%;-webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-box-flex: 1; -moz-box-flex: 1;}
	.banner_article{ height: 120px;}
	.article_hd{padding-bottom:8px;}
	.article_hd .h2{font-size: 18px; font-weight: bold;}
	.article_hd .h3{margin-top: 5px; font-size: 12px;}
	.article_hd .h3 span{margin:5px 15px 0 0;}
	.article_bd{margin-top:20px; font-size: 14px; line-height: 24px;}
	.article_link{margin-top:20px; padding-top: 10px; font-size: 14px;}
	.article_link .fl, .article_link .fr{width: 100%; display: block; float: initial;}
	.share_title{font-size: 20px;}
	.casesbox{padding:10px 0;}
	.casesli{padding:15px; border-radius: 20px;}
	.casesli .h2{font-size: 16px; margin-top: 10px;}
	.casesli p{font-size: 12px; margin-top: 10px;}
	.casesli span{margin:15px 0; font-size: 13px; line-height: 35px;}
	.hwlcbox dl{border-radius: 20px;}
	.hwlcbox dl dd{padding:15px;}
	.hwlcbox dl dd .h3{font-size: 12px;}
	.hwlcbox dl dd .h2{font-size: 16px;}
	.hwlcbox dl dd p{font-size: 14px; line-height: 20px; height: 40px;}
	.yxzsgbox{margin-top: 30px;padding-bottom:30px;}
	.yxzsgswiper{height: 800px;}
	.yxzsgbox dl dt{height: 180px;}
	.yxzsgbox dl dd .h3{font-size: 12px;}
	.yxzsgbox dl dd .h2{font-size: 16px;}
	.yxzsgbox dl dd p{font-size: 14px; line-height: 20px; height: 40px;}
	.yxzsgbox dl dd span{padding: 0 25px;}
	.swiper-pagination-bullet{width: 8px; height: 8px; border-radius: 8px;}

	.flfgbox{padding-top: 20px;}
	.flfgbox dl dd .h2, .fltdbox dl dd .h2{font-size: 16px;}
	.flfgbox dl dd p{font-size: 14px; height: 40px; line-height: 20px;}
	.flfgbox dl dd .h3 span{padding:0 25px;}
	.flfg_prev, .flfg_next{top: -25px;}
	.flfg_prev{right: 40px;}
	.flfg_prev, .flfg_next, .flfg_prev.swiper-button-disabled, .flfg_next.swiper-button-disabled{width: 29px; height: 29px; background-size: 58px auto;}
	.fltdbox{padding-top: 20px;}
	.fltdbox dd, .ystdgbox dd{padding:15px;}
	.fltdbox dl dd .h3 em{line-height: 28px; font-size: 14px;}
	.fltdbox dl dd .h3 span{font-size: 14px;}
	.fltdbox dl dd p{font-size: 14px; height: 40px; line-height: 20px; margin-top: 5px;}
	.ystdgbox{padding:15px 0 5px;}
	.ystdgbox dl dd .h2{font-size: 16px; padding-bottom:10px;}
	.ystdgbox dl dd .h3{margin-top:10px; font-size: 14px;}
	.ystdgbox dl dd p{font-size: 13px; line-height: 20px;}
	.hzyyswiper{padding-bottom:55px;}
	.hzyybd{margin-top:25px;}
	.hzyybd dl{border-radius: 20px; margin-top: 0;}
	.hzyybd dl dt .h3{border-width: 2px;}
	.hzyybd dl dd{padding-bottom: 10px;}
	.hzyybd dl dd .h1{font-size: 16px;}
	.hzyybd dl dd .h2{font-size: 14px; background-size: 10px auto; padding-left: 15px; margin-top:6px;}
	.hzyybd dl dd .hzyy_txt{font-size: 12px; line-height: 18px; margin-top:10px;}
	.hzyybd dl dd span{margin-top:15px; line-height: 28px; font-size: 13px;}
	.hzyybd dl dd span i{width: 28px; height: 28px; background-size: 10px auto;}
	.hzyy_next, .hzyy_prev{left: 10%; bottom: 0;}
	.hzyycont .share_title{bottom: 0; width: 100%; overflow: hidden; text-align: center;}
	.hzyy_hd{padding-top: 10px;}
	.hzyy_hd ul{width: 100%;}
	.hzyy_hd li{font-size: 14px; min-width: 50px;}
	.team_nl{padding-bottom:15px; width: 100%; max-width: 440px;}
	.team_nl .h2{font-size: 16px; padding-top:15px;}
	.team_nl .h3{margin-top:8px; font-size: 14px;}
	.team_nr{width: 100%; font-size: 14px;}
	.teamn_title{font-size: 18px; margin-top:20px;}
	.teamn_txt{line-height: 24px; margin-top:10px;}
	.teamn_info{padding-bottom:10px;}
	.teamn_info li{width: 100%; margin:15px 0 0;}
	.teamn_subtitle{margin-top:20px; font-size: 16px;}
	.zrmbox{padding-top:15px;}
	.zrmbox li{width: 48%; margin-top: 15px; border-radius: 20px;}
	.zrmbox li dl{padding:15px;}
	.zrmbox li dl dt{font-size: 15px;}
	.zrmbox li dl dd{font-size: 12px; margin-top:5px;}
	.znmbox{padding-top:15px;}
	.znmbox li{padding:10px; border-radius: 20px; margin-top:15px;}
	.znmbox li .h1{border-radius: 15px;}
	.znmbox li dl{margin-top: 10px; padding:10px; border-radius: 8px;}
	.znmbox li dl dt{font-size: 15px;}
	.znmbox li dl dd{font-size: 12px; margin-top:5px;}
	.zjnbd .swiper-slide{width: 72%;}
	.zjnbd .swiper-slide.swiper-slide-active {width: 76%;}
	.zjnbd .zjnli{margin:0;}
	.zjnbd .zjnli dl ul{font-size: 12px; padding:15px 4%;}
	.zjnbd .zjnli dl ul li em{ padding-bottom: 5px;}
	.zjnbd .zjnli dl dd{font-size: 16px;}
	.zjnbd .zjnli h3{background-size: 30px auto; line-height: 40px; font-size: 14px;}
	.lxyycont{border-radius: 20px;}
	.lxyyimg, .lxyyimg img{position: inherit; width: 100%;}
	.lxyyform{width: 100%; padding:25px; background-size: 130px auto;}
	.lxyyform_subtit{font-size: 16px;}
	.lxyyform_box dl dt{font-size: 15px;}
	.lxyyform_box .lxyyform_inp, .lxyyform_box .lxyyform_select, .lxyyform_box dl .layui-form-select .layui-input{font-size: 13px;}
	.lxyyform_btn{width: 140px; line-height: 40px; border-radius: 40px; font-size: 15px;}
	.lxyyform_btn i{width: 40px; height: 40px; border-radius: 40px; background-size: 16px auto;}
	.contactinfo{padding-top: 15px;}
	.contactinfo ul li{width: 100%; margin:15px 0 0;}
	.contactinfo ul li .h1{width: 50px; top: 40px;}
	.contactinfo ul li dl{margin-left:24px; padding:15px 15px 15px 40px; min-height: 130px; height:initial;}
	.contactinfo ul li dl .h2{font-size: 16px;}
	.contactinfo .contacttxt{line-height: 20px; font-size: 14px;}
	.abtcbg{background-size: 234px auto;}
	.abtcimg, .abtcbox{width: 100%;}
	.abtctit{font-size: 20px;}
	.abtctxt{font-size: 14px; line-height: 24px;}
	.abtnum{padding-top: 20px;}
	.abtnum ul{display:flex; flex-wrap:wrap;}
	.abtnum li{width:50%; box-sizing:border-box; text-align:center; padding:0 10px;}
	.abtnum li .h2{font-size: 20px;}
	.abtnum li .h2 span{font-size: 32px;}
	.abtnum li p{font-size: 14px; margin-top:5px;}
	.abtwhbox{padding-top: 15px;}
	.abtwhbox li{margin-top:10px;}
	.abtwhbox li dl{padding:12px;}
	.abtwhbox li dl dt{font-size: 16px;}
	.abtwhbox li dl dd{font-size: 13px; margin-top:5px;}

	.zsblack{padding:0 40px;}
	.zsblack{margin-top:20px;}
	.zs_prev, .zs_next{width: 24px; height: 24px; border-radius: 24px;}
	.zsbox{padding:40px 0;}
	.falcbox{margin-top:30px;}
	.falcbox .fzlc_nian{margin-top:20px;}
	.falcbox .fzlc_nian .swiper-wrapper{justify-content: normal;}
	.falcbox .falc_prev, .falcbox .falc_next{width: 24px; height: 24px; border-radius: 24px; background-size: 24px;}
	.falcbox .falc_prev{left: 1%;}
	.falcbox .falc_next{right: 1%;}
	.falcbox .falc_prev.swiper-button-disabled, .falcbox .falc_next.swiper-button-disabled{background-size: 24px;}
	.falcbox .fzlc_hd .swiper-slide span{font-size: 13px; padding-top: 38px;}
	.falcbox .fzlc_bd dl dd, .falcbox .fzlc_bd dl dt{width: 100%;}
	.falcbox .fzlc_bd dl dt{margin-top:20px;}
	.falcbox .fzlc_bd dl dt .h2{font-size: 20px;}
	.falcbox .fzlc_bd dl dt .falctxt{margin-top:10px; font-size: 13px;line-height: 24px;}
	.banner_projectn{padding:60px 0;}
	.banner_projectn .h2{font-size: 26px;}
	.banner_projectn p{font-size: 14px; line-height: 24px; margin-top:15px;}
	.fwn_title{padding-top: 15px;}
	.fwn_title em{font-size: 16px; padding-bottom: 5px;}
	.fwn_title span{font-size: 24px;}
	.fwn_hxys{padding-top: 15px;}
	.fwn_hxys ul, .fwn_hxys ul li{width: 100%;}
	.fwn_hxys ul li{margin:15px 0 0; background-size: 140px auto; border-radius: 20px;}
	.fwn_hxys ul li dl{padding:20px 8%;}
	.fwn_hxys ul li dl dt{width: 55px;}
	.fwn_hxys ul li dl dd .h2{font-size: 16px;}
	.fwn_hxys ul li dl dd p{font-size: 14px; margin-top:8px;}
	.fwnsyrq_l, .fwnsyrq_r{width: 100%; float: initial;}
	.fwnsyrq_l{padding:0 4%; box-sizing: border-box;}
	.fwnsyrq_r{margin-top:30px; padding:20px;}
	.fwnsyrq_l ul{padding-top: 10px; font-size: 16px;}
	.fwnsyrq_l ul li{margin-top:15px;}
	.fwnsyrq_r .h1{font-size: 16px;}
	.fwnsyrq_r .h1 span{font-size: 24px;}
	.fwnsyrq_r .h2{font-size: 18px; margin-top: 10px;}
	.fwnsyrq_r p{font-size: 14px; line-height: 24px; margin-top:10px;}
	.fwnsyrq_r ul{margin-top:10px;}
	.fwnsyrq_r ul li{margin-top:15px; font-size: 14px; background-size: 8px auto; padding-left:20px;}
	.fwnsyrq_r .h3{margin-top:30px;}
	.fwnsyrq_r .h3 a{line-height: 45px; padding:0 50px; font-size: 16px;}
	.fwnlcswiper{overflow: inherit;}
	.fwnlcbox{margin-top:25px;}
	.fwnlc_li{width: 100%; position: relative; padding:0 0 20px 110px; box-sizing: border-box;}
	.fwnlc_li:after{content: ''; width: 1px; height: 100%; border-right: 1px #a5cdee dashed; position: absolute; top: 0; left: 95px; right: 0;}
	.fwnlc_li:before{content: ''; width: 8px; height: 8px; border-radius: 8px; background: #a5cdee; border: 3px #fff solid; position: absolute; top: 0; left: 95px; margin-left: -5px; z-index: 2;}
	.fwnlc_li:last-child:after{display: none;}




	.fwnlc_t{padding:15px; width: 100%;}
	.fwnlc_t dt{line-height: 28px; font-size: 18px;}
	.fwnlc_t dt img{width:28px; height: 28px;}
	.fwnlc_t dd{font-size: 14px; line-height: 20px; min-height: 80px; height: inherit; margin-top:10px;}
	.fwnlc_b{padding:0; margin-top:0; position: absolute; top: 0; left: 0; width:85px;}
	.fwnlc_b dl{padding:20px 10px;}
	.fwnlc_b dl:after{left: -3px;}
	.fwnlc_b dl dt{font-size: 25px;}
	.fwnlc_b dl dd{font-size: 12px; margin-top:3px;}
	.fwnlc_b:before, .fwnlc_b:after{display: none;}

	.fwn_cxtitle{position: initial; width: 100%; text-align: center; font-size: 24px;}
	.fwnlcxbox{margin-top: 30px;}
	.fwnlcxbox li{width: 0; display: none; position: relative;}
	.fwnlcxbox li.on{width: 100%; display: block;}
	.fwnlcxbox li dl dd .fwnlcxtxt{margin-top:10px; font-size: 13px;}
	.fwnlcxbox li dl dd .h2{font-size: 16px; margin-top:10px;}
	.fwnlcxbox li dl dd .fwnlcxbtn{margin-top:30px; width: 64px; height: 64px; position: absolute; top: 20px; right: 0;}
	.fwnlcxbox li dl dd .fwnlcxbtn span{padding:5px; font-size: 14px;}
	.fwnlcxbox li dl dd .fwnlcxbtn:after{width: 80px; height: 130px;}
	.fwnlcxbox li dl dd .fwnlcxbtn:before{background-size: 14px auto; width: 14px; height: 14px; bottom: 10px; right: 10px;}



}
@media all and (max-width:480px) {
	.icase ul, .icase li{width: 100%;}
	.icase li{margin:15px 0 0;}
	.iteam_ititle{margin-top:20px;}
	.iteam dl{margin-top: 120px;}
	.caselist ul, .caselist li{width: 100%;}
	.caselist li{margin:15px 0 0;}
	.fwnlcxbox li.on dl dd{width: 100%;}
	
}
@media all and (max-width:380px) {
	.ifwxma.a3, .ifwxma.a4, .ifwxma.a5{margin-top: 10px;}
	
}
@media all and (max-width:320px) {
	.zrmbox ul, .zrmbox li{width:100%;}
	.znmbox ul, .znmbox li{width:100%;}
	
}




































