@charset "utf-8";
/* CSS Document */
@font-face{
	font-family: "pingfang";
	src: url(font/PingFangMedium.ttf);
}
@font-face{
	font-family: "pingfang1";
	src: url(font/PingFangLight.ttf);
}

@font-face{
	font-family: "pingfang2";
	src: url(font/PingFangHeavy.ttf);
}
@font-face{
	font-family: "pingfang3";
	src: url(font/PingFangBold.ttf);
}
@font-face{
	font-family: "FuturaLTMedium";
	src: url(font/FuturaLTMedium.ttf);
}
@font-face{
	font-family: "TuskerGrotesk";
	src: url(font/Tusker_Grotesk_4500_Medium.ttf);
}
*{margin:0;padding:0;box-sizing: border-box;font-family: "pingfang"}
	a{text-decoration: none;}
	li{list-style: none;}
	.clearfix:after {visibility: hidden;display: block;font-size: 0;content:" ";clear:both;height: 0;}
	.clearfix{clear: both;}
	
.head{background:rgba(0, 0, 0, .8); width:100%; height: 60px; position:relative;}
	.head .logo{ float:left; width:35%;display: flex; padding-left:9%;}
	.head .logo p{font-size:18px;color:#fff;margin-left: 1.5rem;margin-top:10px; }
	.head .logo p span{display: block;font-size:14px;color: lightgray}
	.head .logo p span i{ font-size:12px; font-style:normal;}
	.logo_img{margin-top:16px;}
	.logo_img img{ height:34px;}
	.nav{ position:absolute; right:3%; top:0; width:65%; height:60px; line-height:56px; text-align:right;}
	@media screen and (min-width:1500px) {	
		.nav{ right:6%;	}
	}
	@media screen and (min-width:1920px) {	
		.nav{ right:10%;	}
	}
	.nav li{ display:inline-block; text-align:center; margin-left:7.5%;}
	.nav li a{color: lightgray; display:block; position:relative; font-size:14px;}
	.nav li a span{font-size:12px;}
	.nav li a.on:after{ content:''; position:absolute; bottom:8px; left:0; height: 4.5%; width: 100%; background: #fff;}
	
	.nav li.guanfang{}
	.nav li.guanfang a{ display:block;width: 86px; height: 28px;line-height:26px; border: 1px solid #fff;color: #fff; border-radius: 20px;margin-top:15px;margin-right:0}

	.banner{width:100%;}
	.banner img{width:100%;display: block;}
	
	.plan_box{max-width:1100px;margin:0 auto; position:relative; padding-left:100px;}

	.plan_img{width:calc(50% - 40px);}
	.plan_img img{display: block;width:100%;}

	.plan_box .plan{position:absolute;top:40px;left:458px;}
	.plan{width:50%;margin-left:40px;}
	.plan>p{font-size:13px;font-family: "FuturaLTMedium";}
	.plan>p:nth-child(2){font-family: "TuskerGrotesk";}
	.plan h1{font-size:46px;margin-top:10px;}
	.plan>span{font-size:40px;color:#37587c;display: block;margin:20px 0;}
	
	.plan_img .jieshao{position:absolute;left:50%;bottom:10px;}
	.jieshao p{font-size:20px;line-height: 40px;}
	
	.about_box{background:#d8deec;}
	.about_box1{max-width:1200px;margin:0 auto;padding-top:60px;position:relative;}
	
	.about_box1>span{font-size:14px;position:absolute;top:100px;left:-40px;transform:rotate(90deg);font-family: "FuturaLTMedium";}
	.about_box1>span em{ font-style:normal; font-family: "TuskerGrotesk";}
	.about{margin-left:60px;text-align: center;position:relative;}
	.about h2{font-size:40px;margin-bottom:40px;position:relative;text-align: left;}
	.about h2 span{color:#37587c;position: absolute;right:0;top:-10px; width:100px; text-align:right;}
	.about h2 span i{ display:inline-block; width:27px;height: 4px;background:#fff; margin-left:10px}
	.about p{font-size:18px;line-height: 40px;text-align: left;}
	.about img{display:block;width:auto;margin:0 auto;margin-top:40px;}
	
	.goucheng_box{background:#f1edf1;}
	.goucheng_box1{max-width:1200px;margin:0 auto;padding:60px 0;display: flex; position:relative}
	.goucheng_box1 .plan{width:240px;margin-left:0;}
	.goucheng_box1 .plan h1{font-size:40px;}
	.goucheng{width:calc(100% - 280px);margin-left:40px overflow:hidden}
	.goucheng a{color:#000;padding-top:20px; display:block}
	
	.csr_box{background:#fff;border-radius: 10px;}
	.csr{background:#fff;box-shadow: 0 3px  7px rgba(0,0,0,0.2);border-radius: 10px;padding:20px 0 20px 20px;position:relative; }
	.csr img{display: block;width:75px;position:absolute;left: 20px;top:-10px;}
	.csr h3{font-size:30px; margin-left:90px;}
	.csr p{font-size:14px;color:#38587c;text-align: right;margin-top:20px;margin-right: 20px;}
	.csr_box h4{margin-top:30px;font-size:20px;color:#38587c;padding:0 20px;}
	.csr_box>p{font-size:18px;line-height: 32px;padding:20px;}
	
	.daoshi_box{margin:60px auto;max-width: 1200px;}
	.daoshi_box h2,.money_box h2{font-size:30px;text-align: center;}
	.daoshi_box>p,.money_box>p{font-size:14px;margin-top:30px;text-align: center;font-family: "FuturaLTMedium";}
	.daoshi_box>p em,.money_box>p em{ font-style:normal; font-family: "TuskerGrotesk";}
	.daoshi_box p span,.money_box p span{display: block;width:40px;height: 4px;background:#38587c;margin:30px auto;}
	.daoshi{display: flex;flex-wrap:wrap;}
	.daoshi_jjr{width:25%;text-align: center;margin-bottom:30px;}
	.daoshi_img{width:45%;margin:0 auto;border-radius: 50%;overflow: hidden;}
	.daoshi_img img{width:100%;}
	.daoshi_jjr a h4{font-size:18px;margin:10px 0;color:#000;}
	.daoshi_jjr a p{font-size:14px;color:#38587c;}
	
	
	.kecheng{background:#3d588f;color:#fff;padding-bottom:60px;}
	.kecheng .about h2 span{color:#fff;}
	.kc_about{max-width:960px;margin:0 auto; position:relative;}
	
	.kc_about .img img{width:100%;}
	.kc_about .content h5{font-size:14px;font-weight:500;}
	.kc_about .content h3{font-size:25px;color:#16397c;margin-top:10px;margin-bottom:20px;}
	.kc_about .content p{font-size:18px;position:relative;}
	
	.zhuanye{ width:675px; height:360px; position:relative;}
	.zhuanye .img{max-width:380px;position: absolute;top:-40px;left:-30px;}
	.zhuanye .content{ margin-left:380px; padding-top:80px;}

	
	.zh_kc{width:675px; height:360px; position:relative; top:-120px;}
	.zh_kc .content{width:calc(100% - 350px);text-align: right; padding-top:120px;}
	.zh_kc .img{max-width:380px; position: absolute; right:0px; top:0;}
	
	.sc_kc_box{width:380px; position:absolute; right:0; top:0;}
	.sc_kc{width:380px; height:670px; text-align: right;position:relative;}
	.sc_kc .content{ padding-top:80px;}
	.sc_kc .img{max-width:380px;position: absolute; right:-43px; top:237px;}
	
	.money_box{margin-top:0px;}
	.money{max-width: 1050px;margin:0 auto;}
	.money table{width:100%;border-spacing: 0;
  border-collapse: collapse;text-align: center;line-height: 32px;}
	.money table thead{background:#3d588f;color:#fff;}
	.money table td{border:1px solid #fff;}
	.money table tbody tr:nth-child(odd) { background-color: #f1edf1;}
	.money table tbody tr:nth-child(even) {background-color: #d8deec;}
	.money table tr td a{color:#000;}
	
	.minge{font-size:18px;text-align: center;margin-top:30px;margin-bottom:40px;color:#3d588f;}
	.minge span{padding:0 10px;}
	.huanjing_box .about_box1>span{left:-80px; top:140px;}
	.huanjing_box h2 span i{ background:#000;}
	.huanjing{display: flex;flex-wrap: wrap;padding:30px 0;}
	.environment{width:calc(33.33% - 10px);margin:10px 10px 20px 0;position:relative;}
/*	.environment:nth-child(2){margin:10px 15px;}*/
	.environment img{width:100%;border-radius: 10px;}
	.environment p{background:rgba(255,255,255,0.75);color:#3b588c;width:45px;font-size:18px;border-radius: 5px;padding:10px 10px;font-weight: bold;position: absolute;top:-20px;left:25px;}
	.hz_goucheng{ width:1200px; margin:0 auto;}
	.goucheng_box1.hezuo .plan{width:50%;}
	.hezuo .plan>span{opacity: 0;}
	
	.jigou_box{width:calc(100% - 240px);margin-left:40px; overflow:hidden}
	.jigou{ float:left; width:calc(33.33% - 10px);margin:0 10px 10px 0;border-radius: 10px; overflow:hidden;}
	.jigou a{padding:0;}
	.jigou img{ width:100%; display:block;}
	
	.foot_box{margin-top:60px;}
	.foot{max-width: 1200px;margin:0 auto;display: flex; padding-bottom:30px;}
	.yingye,.dizhi{width:37.5%;text-align: left;}
	.yingye p{padding-left:40px;font-size:14px; line-height: 2;background:url(../images/icon.png) no-repeat;background-size:20px 20px;background-position:top 10px left;}

	.dizhi p{padding-left:40px;font-size:14px; line-height: 2;background:url(../images/icon1.png) no-repeat;background-size:20px 20px;background-position:top 10px left;}
	
	.ewm{width:25%;text-align:center; background-color: #F8F8F8; text-align: center; padding-bottom: 20px;  padding-top: 20px;}
	.ewm h2{font-size:18px;color: #90a0a5;display: inline;}
	.ewm p{font-size:14px;margin:10px 0 25px 0;}
	.ewm img{display: inline-block;width:130px;}
	
	.video_box{max-width: 1200px;margin:30px auto;display: flex;}
	.video_box span i{ display:inline-block; width:27px;height: 4px;background:#000; margin-left:10px}
	.video_box .plan{width:30%;}
	.shipin{width:70%;}

.shipin video source{height: 100%;display: block;}
	.shipin video{border-radius: 10px;overflow: hidden;outline: none;width:770px;height:450px;}


	.foot_box .banquan{background:#f2f2f2;color:#666;padding:20px 40px;display: flex;}
.banquan>p{flex: 1;font-size:14px; text-align:center;}
	.banquan>p a{color:#5377b5;}
	.banquan .xieyi{flex: 1;text-align: right;}
	.banquan .xieyi a{font-size:14px;color:#000;padding:0 10px;border-right: 1px solid #000; }
	.banquan .xieyi a:last-child{border:none;}
	
	
	.biao{padding:20px;background:#d9dee8;}
	.biao form{max-width:1200px;margin:0 auto;display: flex;}
	.biao form input{width:calc(40% - 10px);margin-right: 10px;height:45px;font-size:14px;border:none;background:#fff;padding-left:15px;display: block;outline: none; }
	.biao form button{border:none;display: block;outline: none;background:#43588b;color:#fff;width:20%; cursor:pointer; font-size:14px;}