@charset "utf-8";

html,body{font-family: '寰蒋闆呴粦'!important}
.wrap {  max-width:1440px; margin:0 auto;border-top: 1px solid #ddd}
.company { overflow:hidden;}
.company-fixd .pany-1{ position:fixed; z-index:1; left:0; top:0; right:0; }
.fixd-3 .pany-2,
.fixd-2 .pany-2{ position:fixed; z-index:2; left:0; top:0; right:0; margin-top:0 !important; }
.fixd-3 .pany-3{ position:fixed; z-index:2; left:0; top:auto; bottom:0; right:0; margin-top:0 !important; }
.company-box { position:relative; z-index:4; }
.company-box .wrap-box { position:relative;}
.company .pany-1 .wrap-box{ background:url('/comdata/6491746/201806/20180628092147dc8ec5.png') no-repeat 0 0 #fff; background-size:100% auto; text-align:center; }
.company .pany-1 h2 { font-size:2.5em; color:#035190; font-weight:normal; padding-right:1em; padding-top:140px;  }
.company .pany-1 h2 em { display:inline-block; margin:0 5px;}
.company .pany-1 .img { margin:30px 0 90px; }
.company .pany-1 .img img { width:664px; height:269px;}
.company .pany-1 .down{  padding-bottom:50px; }
.company-box .down { 
	display:block; background:url('/comdata/6491746/201806/2018062809214781b814.png') no-repeat; 
	width:64px; height:64px; margin:0 auto 20px auto;
}
.company-box .down:hover { background-image:url('/comdata/6491746/201806/20180628092147a2b279.png'); }
.company .pany-2  .wrap-box { background:url('/comdata/6491746/201806/20180628092148d96cc3.jpg') no-repeat right 0 #03a3ea; background-size:auto 100%; color:#fff; text-align:center; min-height:800px;}
.company .pany-2 h2 { font-size:6.6em; font-weight:normal; padding:180px 0 70px;}
.company .pany-2 h2 sup { margin-left:10px;}
.company .pany-2 .txt { font-size:3.2em; }
.company .pany-2 .txt>p{
	color: #fff;
}

.company .pany-3  .wrap-box{ background:#fff;  color:#035190;   text-align:center;}
.company .pany-3 .wrap{ padding:80px 0 100px;}
.company .pany-3 .l { width:100%;margin-bottom: 30px;  }
.company .pany-3 .r { width:100%; }
.company .pany-3 .box h2 { font-size:3em; font-weight:normal;}
.rH2{ margin:100px 0 40px 0; }
.lH2{ margin-bottom: 40px }
.company .pany-3 .box .img{ margin:60px auto;  position:relative;}
.company .pany-3 .box .img .com-num { position:absolute; left:50%; top:50%; margin:-72px 0 0 -84px;}
.company .pany-3 .box .img img { width:308px; height:308px;}
.company .pany-3 .box .txt{ font-size:2em; }
.company .pany-3 .box .txt p{
	color: #035190
}
.company .pany-3 .box .txt span { display:inline-block; margin:0 0.4em;}
.company .pany-3 .bottom { margin-top:100px;}
.company .pany-3 .bottom h2 { font-size:3em; font-weight:normal; }
.company .pany-3 .bottom h1 { font-size:6em; font-weight:normal; margin:40px 0 30px; }
.company .pany-3 .bottom .txt { font-size:2em; margin-bottom:60px;}
.company .pany-3 .bottom .txt span{ display:inline-block; margin:0 5px;}
.company .pany-4  .wrap-box{ background:url('/comdata/6491746/201806/20180628092147ef370f.jpg') no-repeat center top; color:#f00000; background-size:cover; min-height:800px; }
.company .pany-4 dl { padding:40px 40px; float:left; background:#1b5e7d; color:#fff; white-space:nowrap;}
.company .pany-4 dl dt { font-size:11em; float:left; line-height:1.2; margin-right:10px; }
.company .pany-4 dl dt em { font-weight:bold;}
.company .pany-4 dl dd {font-size:5em; line-height:1.2; float:left; overflow:hidden; text-align:left;   white-space:nowrap; display:block;}
.company .pany-4 .box { margin-top:110px; color:#4f4f4f; margin-left:50px;  }
.company .pany-4 .box ul { margin-left:-2px; height:315px;  overflow:hidden;}
.company .pany-4 .box li { float:left; width:50%; margin-left:1px; position:relative;}
.company .pany-4 .box li i { width:1px; background:#4f4f4f; height:90%; left:0; top:10%; position:absolute;}
.company .pany-4 .box li .w { padding:0 0 0 10%;}
.company .pany-4 .box li h2 { font-size:4.5em; }
.company .pany-4 .box li .txt { font-size:1.8em; line-height:1.4; min-height:8.4em;}
.pany-4 .bx-wrapper .bx-pager { display:none;}
.pany-4 .bx-wrapper .bx-controls-direction a { 
	display:block; margin-top:-30px; 
	color:#666; background:none; 
	font-size:10em; 
	font-family:"\5b8b\4f53","sans","fallback";
	width:60px; height:91px; text-align:center; 
	line-height:91px; 
	background:url('/comdata/6491746/201806/201806280921476f8441.png') no-repeat left bottom; 
	overflow:hidden;
}
.pany-4 .bx-wrapper .bx-controls-direction .bx-prev { left:-90px; }
.pany-4 .bx-wrapper .bx-controls-direction .bx-next { 
	right:-40px; background-position:right top;
}
.pany-4 .bx-wrapper .bx-controls-direction a.disabled { 
	display:block; opacity:0.4; filter:alpha(opacity=40); 
	cursor:default;
}
.pany-4 .bx-wrapper .bx-controls-direction a:hover { color:#ff0000;}
.pany-4 .bx-wrapper .bx-controls-direction a.disabled:hover { color:#666;}
.pany-5 { background:#1b5e7d;}
.pany-5 img { position:absolute; left:0; top:0; width:100%; height:auto;}
.fixd-5 .pany-5 img { position:fixed; z-index:99; left:0; top:0; right:0; }
.pany-5 .wrap-box { 
	text-align:center; position:relative; 
	z-index:100; color:#fff; padding:160px 0;
}
.pany-5 h1 {font-size:7.5em; font-weight:normal; }
.pany-5 .d {width:8px; height:8px; background:#fff; border-radius:100%; margin:50px auto 45px; }
.pany-5 h2 {font-size:5em; font-weight:normal;}
.pany-5 p {font-size:2.4em; padding:0.7em 0 ;color: #fff;}



@media only screen and (max-width: 1480px) {
	body, input, select, button, textarea { font-size:10px;}
	.wrap { margin:0 50px;}
	.main1 { margin-top:80px; }
	.company-fixd .pany-1{top: 60px;}
	.company .pany-1 .img img{ width:500px; height:203px; }
	.company .pany-2 .wrap-box{ min-height:600px;}
	.company .pany-2 h2 { padding-top:90px;}
	.company .pany-4 .wrap-box{ min-height:700px;}
	.company .pany-1 h2 { padding-top:60px;}
	
}
@media only screen and (max-width: 1420px) {
	body, input, select, button, textarea { font-size:9px;}
	.main1 { margin-top:60px;}
}
@media only screen and (max-width: 1280px) {
	.wrap { margin:0 20px;}
	.company .pany-4 .box{ margin-left:20px;}
	.pany-4 .bx-wrapper .bx-prev{ left:-45px;}
	.pany-4 .bx-wrapper .bx-next{ right:-25px;}
	.company .pany-3 .box .img img { width:250px; height:250px;}

	.company .pany-2 h2{ font-size: 5.6em; }
	.company .pany-2 .txt{font-size: 3em;}
	.pany-5 h2{ font-size: 4.5em; }
	.pany-5 p{ font-size: 2.3em; }
	.pany-5 .wrap-box{padding-top: 75px}

	.company .pany-4 dl{ padding:35px; }
	.company .pany-4 dl dt{ font-size: 10em; }
	.company .pany-4 dl dd{font-size: 4em;}
	.company .pany-4 .box li h2{ font-size: 4em; }
	.company .pany-4 .box li .txt{ font-size: 1.6em; }
	.pany-4 .bx-wrapper .bx-controls-direction .bx-prev{ left: -22px; }
	.pany-4 .bx-wrapper .bx-next{right: 7px!important;}
	.pany-4 .bx-wrapper .bx-controls-direction a{margin-top: 0;width:32px;}

}

@media only screen and (max-width: 1000px) {

	.company .pany-4 .wrap-box{ min-height:500px;}
	.company .pany-3 .box .img img { width:200px; height:200px;}
	.company .pany-3 .box .txt { font-size:1.5em;}
	.company .pany-4 dl dt { font-size:8em;}
	.company .pany-4 dl dd { font-size:4em;}
	.company .pany-4 .box li h2 { font-size:4em;}
	.company .pany-4 .box li .txt { font-size:1.6em;}

}
@media only screen and (max-width: 992px) {
	.company .pany-2 h2{ font-size: 4.6em; }
	.company .pany-2 .txt{font-size: 2.6em;}
	.company-box .down{ margin-bottom: -10px; }

	.pany-5 h1{ font-size: 6em; }
	.pany-5 h2{ font-size: 3.5em; }
	.pany-5 p{ font-size: 2em; }
	.pany-5 .wrap-box{ padding:10px 0; }
	.company .pany-4 dl dt{ font-size: 6.5em; }
	.company .pany-4 dl dd{font-size: 3em;}
	.company .pany-4 .box li h2{font-size: 3em}
	.company .pany-4 .box li .txt{ font-size: 1.4em; }


}

@media only screen and (max-width: 768px) {
	.wrap { margin:0 10px;}
	.main1 { margin-top:80px !important;}
	.company .pany-1 .img img { width:80%; height:auto;}
	.company-box .down { transform:scale(0.8,0.8); -webkit-transform:scale(0.8,0.8);}
	.company .pany-1 h2 { padding-right:0;}
	.company .pany-1 .img { margin:30px 0;}
	.company { height:auto !important;}
	.company-fixd .pany-1 { position:relative; top:0 !important;}
	.company .pany-3,
	.company .pany-4,
	.company .pany-2 { margin-top:0 !important;}
	.company .pany-3 { position:relative;}
	.company .pany-2 .wrap-box{min-height:0; padding:50px 0;}
	.company .pany-2 h2 { padding:20px 0; font-size:3em;}
	.company .pany-2 .txt { font-size:2em;}
	.company .pany-2 h2 sup img{ width:20px; height:auto; }
	.company .pany-3 .r,
	.company .pany-3 .l { float:none; width:auto;}
	.company .pany-3 .l { margin-bottom:80px;}
	.company .pany-3 .box .img { margin:30px 0;}
	.company .pany-3 .bottom h2 { font-size:2.5em;}
	.company .pany-3 .bottom h1 { font-size:4em;}
	.company .pany-3 .bottom h1 span { display:block;}
	.company .pany-3 .bottom .txt span{  }
	.company .pany-3 .bottom .txt { font-size:1.8em;}
	.company .pany-3 .bottom .txt br { display:none;}
	.company .pany-3 .wrap { padding:50px 0;}
	.company .pany-3 .box .img img { width:150px; height:150px;}
	.company .pany-4 dl { padding:20px; float:none;}

	.company .pany-4 .box { margin-top:50px;}
	.company .pany-4 .box li i { display:none;}
	.company .pany-4 .wrap-box{ min-height:400px; background-position:right center;}
	.company .pany-4 .box li { margin-left:0;}
	.company .pany-4 .box ul { margin-left:0;}
	.company .pany-4 .box li .w { padding:0;}
	.company .pany-4 .box li .txt { min-height:11.2em;}
	.company .pany-4 .box { margin:20px 20px;}

	.pany-5 h1{ font-size: 5em; }
	.pany-5 h2{ font-size: 3em; }
	.pany-5 p{ font-size: 1.5em; }
	
	.company .pany-4 dl{ padding:55px 80px; }
	.company .pany-4 dl dt{ font-size: 4em;margin-top: -27px; }
	.company .pany-4 dl dd{font-size: 2em;margin-top: -27px;}
	.company .pany-4 .box li h2{font-size: 2.5em}
	.company .pany-4 .box li .txt{ font-size: 1.2em; }
	.bx-wrapper .bx-controls-direction a{top: 30%!important;width: 16px!important;}

}

@media(max-width:480px){
	.company .pany-1 h2{font-size: 2.2em;}
	.company .pany-2 h2{ font-size: 3em; }
	.company .pany-2 .txt{font-size: 1.6em;}
	.company .pany-3 .l{ margin-bottom: 40px; }

	.pany-5 h1{ font-size: 4em; }
	.pany-5 h2{ font-size: 2.2em; }
	.pany-5 p{ font-size: 1.2em; }

	.company .pany-4 dl dt{ font-size: 3em;margin: -15px 0 0 -55px; }
	.company .pany-4 dl dd{ font-size:1.5em;margin-top:-19px; }
	.company .pany-4 .box li h2{font-size: 2em}
	.company .pany-4 .box li .txt{ font-size: 1em; }
	.company .pany-4 .box li{ text-align:center; }
	.pany-4 .bx-wrapper .bx-controls-direction .bx-prev{top: 45%;}
	.pany-4 .bx-wrapper .bx-controls-direction .bx-next{top: 45%;}

}
@media(max-width:320px){
	.company .pany-1 h2{font-size: 2em;}
	.company .pany-2 h2{ font-size: 2em; }
	.company .pany-2 .txt{font-size: 1.2em;}

	.company .pany-3 .box h2{ font-size: 2em; }
	.company .pany-3 .box .txt{ font-size: 1.2em; }
	.company .pany-3 .l{ margin-bottom: 35px; }

	.pany-5 h1{ font-size: 4em; }
	.pany-5 h2{ font-size: 2em; }
	.pany-5 p{ font-size: 1.2em; }

	.company .pany-4 .box li h2{font-size: 1.2em}
	.company .pany-4 .box li .txt{ font-size: .625em; }
	.pany-4 .bx-wrapper .bx-controls-direction .bx-prev{top: 30%;}
	.pany-4 .bx-wrapper .bx-controls-direction .bx-next{top: 30%;}
	.company .pany-4 dl{padding:30px 40px;}
	.company .pany-4 dl dt{ font-size: 2em;margin-top: -15px }
	.company .pany-4 dl dd{font-size: 1em;margin-top: -15px}
}


