body {
 font-family:Microsoft YaHei,Arial,"宋体";
 line-height:1.5;
 -webkit-user-select:none;
 fill:currentColor;
 -webkit-tap-highlight-color:transparent;
 -webkit-text-size-adjust:none;
 -webkit-touch-callout:none;
 margin: 0;
 padding: 0;
 overflow-x: hidden; 
}
*{margin:0;padding:0;}
ul{list-style: none;}
.header {

 	position: relative;
    box-sizing: border-box;
    height: 8.69vw;
    background-color: #fff;
}
a{text-decoration : none }
.header > img {
 position: absolute;
 width: 9.3%; 
 left: 7.96vw; top: 1.93vw;
 cursor:pointer;
}

.header > nav{
 position: absolute;
 top: 2.53vw;right: 2.92vw;
}

.nav1 a img {width:calc(90vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav2 a img {width:calc(91vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav3 a img {width:calc(111vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav4 a img {width:calc(90vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav5 a img {width:calc(91vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav6 a img {width:calc(90vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav7 a img {width:calc(90vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.nav8 a img {width:calc(112vw / 19.21); height: calc(23vw / 19.21); vertical-align:middle;}
.lang{
	margin: 0;
	height: calc(16vw / 19.21);
}
.lang a{
	font-size: calc(16vw / 19.21);
	width: 2vw;
	height: 0.88vw;
	line-height: 0.88vw;
	background: #083c92;

}

.header > ul {
    list-style: none;
    position: absolute;
 	top:4.8vw;right: 2.92vw;
 	margin: 0;
 	padding: 0;
}

.header > ul li {
	float: left;
	font-size: 1.15vw;
	color: #000;
	margin-left: 3.22vw;
	vertical-align: middle;
}
.header > ul li a{color:#6e6e6e; font-family:arial}
.nav1 a ul li a{color:#fff}
.nav1:hover,.nav2:hover,.nav3:hover,.nav4:hover,.nav5:hover,.nav6:hover,.nav7:hover,.nav8:hover{
	border-bottom:2px solid #083c92;
	padding-bottom:calc(12vw / 19.21);
}


.jssorl-009-spin img {
	animation-name:jssorl-009-spin;
	animation-duration:1.6s;
	animation-iteration-count:infinite;
	animation-timing-function:linear
}
@keyframes jssorl-009-spin {
	from {
	transform:rotate(0);
}
to {
	transform:rotate(360deg);
}
}.jssorb051 .i {
	position:absolute;
	cursor:pointer
}
.jssorb051 .i .b {
	fill:#c0bfc0;
	
}
.jssorb051 .i:hover .b {
	fill:#c0bfc0;
}
.jssorb051 .iav .b {
	fill:#fff;
}
.jssorb051 .i.idn {
	opacity:.3
}
.jssora051 {
	display:block;
	position:absolute;
	cursor:pointer
}
.jssora051 .a {
	fill:none;
	stroke:#fff;
	stroke-width:360;
	stroke-miterlimit:10
}
.jssora051:hover {
	opacity:.8
}
.jssora051.jssora051dn {
	opacity:.5
}
.jssora051.jssora051ds {
	opacity:.3;
	pointer-events:none
}

.product {text-align: left;width: 82.92vw;
margin: 0 auto;}
.product > h2{font-size: 1.56vw;margin-top:calc(112vw / 19.21);margin-bottom: 1.25vw;color:#083c92;font-weight: bold;
font-family: Microsoft YaHei,Arial,"宋体";
}
.product > p{font-size: 1.04vw;margin: 0;}
.yyly{margin-top:calc(30vw / 19.2);}
.yyly > img {margin-right:calc(66vw / 19.2)}



		.content_5{width:90.21vw; height:35vw;
			
			margin: 0 auto;

		 overflow:auto; background:#fff; 
		 clear:both;
		 margin-top: calc(80vw / 19.21);
		 }

		.content_5 h4{margin:0 0 10px 10px; color:#333;}

		.content_5 .images_container{width:240vw; overflow:hidden; min-height:80px;}

		.content_5 .images_container img,.content_6 .images_container img{
			width: calc(637vw / 19.21);
			height: calc(861vw / 19.21);
			display:block; float:left; margin:0; border:none;
			 padding:0; background:; }

		.content_5 .images_container img:first-child{margin-left:0px;}

		.content_5 .images_container img:last-child{margin-right:0px;}


	.menus ul{width: 165.82vw;border-bottom:2px solid #009fe9;position:relative;float:left}
	.menus li{float:left;width:33.16vw;height:44.82vw;
		text-align:center;cursor:pointer;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
	.menus li:nth-child(2){background:url(../img/product.jpg) ;
background-size: 100% auto; 
background-repeat: no-repeat; 
	}
	.menus .bg{width:33.16vw;height:44.82vw;
background:url(../img/product.jpg) ;
background-size: 100% auto; 
background-repeat: no-repeat; 
		position:absolute;left:0;top:0;background:#009fe9;z-index:-1;-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
	.tab{width:750px;height:500px;border:1px solid #000;margin-top:20px;line-height:500px;text-align:center;color:#888;display:none}
	.show{display:block}




.newindex,.new {text-align: left;
	width: 82.92vw;
	margin: 0 auto;
	margin-top: calc(103vw / 19.21);
}
.newindex > h2{
	color: 083c92;
	font-family: Microsoft YaHei,Arial,"宋体";
	font-weight: bold;
	font-size: 1.56vw;
}
.newindex > ul{
	width: 82.92vw;
	padding: 0;
	margin: 0;
}
.newindex > ul li{
width: calc(82.92vw / 4.01);;
float: left;
}

.newindex > ul li a img{width: 18.9vw}
.newindex > ul li a p{width: calc(231vw / 19.21);
margin-top: calc(20vw / 19.21);
}
.newindex .time{font-size: calc(17vw / 19.21);

}
.newindex .jian{font-size: calc(17vw / 19.21);

display: block;
margin-top: calc(23vw / 19.21);
letter-spacing:1.5;
width:calc(363vw / 19.21);
}

.footer{
	width:100%;
	background: #083c92;
	margin: 0;
	padding-top: calc(75vw / 19.21);
}
.footer .nav{
	width: calc(1423vw / 19.21);
	color: #fff;
	margin: 0 auto;
	
}
.foot{float: left;}
.foot-left,.foot-right{display: inline-block;}
.foot-right{float: right;}
.foot-left ul{
	text-align: left;
	padding: 0;
	text-align: left;
	margin-top: 0;
}
.foot-left ul li{float: left;
margin-right: calc(50vw / 19.21);
font-size:  calc(15vw / 19.21);
letter-spacing: 1.5;
font-family: Microsoft YaHei,Arial,"宋体";
font-weight: bold;
}
.foot-left ul li a{color: #fff;}
.foot-left ul li:nth-child(8){
	margin-right: 0;
}
.foot-left > .xin{margin-top:calc(44vw / 19.21);margin-bottom:calc(24vw / 19.21);}

.foot-left > .xin span{
font-size: calc(15vw / 19.21);
padding-top: calc(7vw / 19.21);
padding-left: calc(13vw / 19.21);
padding-right: calc(13vw / 19.21);
padding-bottom: calc(7vw / 19.21);
border: 1px solid #fff;
border-radius: 5px;
margin-right: calc(28vw / 19.21);
}
.foot-left > .address{
	font-size: calc(14vw / 19.21);
	margin-top: calc(13vw / 19.21);
}

.foot-right > img{
	width: calc(200vw / 19.21);
	text-align:right;
}
.foot-right > p{font-size:calc(12vw / 19.21);}
.footer .bd{margin: 0 auto;text-align:center;padding-bottom: calc(16vw / 19.21);}
.footer .bd > img{width: calc(130vw / 19.21); text-align: center;}




.btn { display: inline-block; position: relative; box-sizing: border-box; -webkit-appearance: none; text-align: left; text-decoration: none; color: #333; background: none;  }
.btn:hover .btn__hover, .btn.is-active .btn__hover { width: 100%; }

.btn__hover { position: absolute; z-index: 1; top: 0; left: 0; bottom: 0; width: 0; background: #083c92; color: #FFF; -webkit-transition: width 0.3s linear; transition: width 0.3s linear; overflow: hidden; font-size: 20px; font-weight: bold;}
.btn__hover a{font-size: 16px; font-weight: bold;color: #fff;}
.btn__hover .heading__small-text{color: #fff;}
.btn__hover span{border: 1px solid #fff;margin-right: 5px; padding:3px 5px; margin-top: 5px; display: inline-block;}
.btn__hover-in { box-sizing: border-box; height: 100%; position: relative; z-index: 1; }

.btn__front { position: relative; box-sizing: border-box; z-index: 0; }

.btn_link { width: 350px; height: 44px; border: 3px solid #333; color: #333; line-height: 38px; text-align: center; font-family: sans-serif, "Arial", "Microsoft Yahei","Hiragino Sans GB"; font-weight: normal; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; }
.btn_link .btn__hover:before { content: attr(data-hover); display: block; width: 343px; height: 38px; color: #FFF; }

.btn_submit { height: 66px; line-height: 66px; width: 100%; white-space: nowrap; font-family: sans-serif, "Arial", "Microsoft Yahei","Hiragino Sans GB"; font-weight: normal; font-size: 20px; letter-spacing: 0em; color: #282828; text-transform: uppercase; }
.btn_submit .icon-arrow { position: relative; top: 1px; margin-left: 10px; fill: currentColor; -webkit-transition: -webkit-transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275); transition: transform 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275); }
.btn_submit .btn__hover-in, .btn_submit .btn__front { padding: 0 0 0 70px; }
.btn_submit:hover .icon-arrow { -webkit-transform: translate(20px, 0); -ms-transform: translate(20px, 0); transform: translate(20px, 0); }

.btn_transparent { font-family: sans-serif, "Arial", "Microsoft Yahei","Hiragino Sans GB"; font-weight: normal; font-size: 10px; letter-spacing: 0.3em; color: #777; text-transform: uppercase; line-height: 35px; }
.btn_transparent .btn__hover { background: none; color: #333; }
.btn_transparent .btn__hover-in { color: #333; }
.btn_transparent .btn__hover-in:before { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: #333; }
.btn_tab { float: left; width: calc(550vw / 19.21); height: calc(560vw / 19.21); }
.btn_tab .btn__hover-in { width: calc(550vw / 19.21);height:calc(560vw / 19.21); }
.btn_tab .heading { color: inherit;font-size: calc(20vw / 19.21); color:# 060303; }
.btn_tab .btn__front{ padding: 0;padding-left:calc(90vw / 19.21) ;padding-top:calc(30vw / 19.21) ; }
.heading__small-text {
    margin-bottom: 5px;
    display: block;
    font-size: calc(43vw / 19.21); 
    letter-spacing: 0.15em;
    color: #083c92;
    font-weight: 800;
    font-family: Microsoft YaHei,Arial,"宋体";
	font-weight:bold;
	height:calc(71vw / 19.21); 
	overflow:hidden
}

.product-tre{
	font-size:calc(18vw / 19.21);
	word-wrap: break-word; word-break: normal;margin-top: calc(20vw / 19.21);; 
	font-weight: 200;
	
	color:#6a6a6a;
	font-family:;letter-spacing:2px;
}
.product-one{width: calc(10vw / 19.21); height: calc(24vw / 19.21); background-color: #083c92;display: block;margin-bottom: calc(55vw / 19.21);

}
/**banner***/

/* slider */




/* slider */
#banner { position: relative; width:100%; height: 82.5vh;  overflow: hidden;  }

#banner_list img { border: 0px; width:100% }

#banner_bg { position: absolute; bottom: 0; background-color: #000; height: 30px; filter: Alpha(Opacity=30); opacity: 0.3; z-index: 1000; cursor: pointer; width: 478px; }

#banner_info { position: absolute; bottom: 0; left: 5px; height: 22px; color: #fff; z-index: 1001; cursor: pointer }

#banner_text { position: absolute; width: 120px; z-index: 1002; right: 3px; bottom: 3px; }

#banner ul { position: absolute; list-style-type: none; filter: Alpha(Opacity=80); opacity: 0.8; z-index: 1002; margin: 0; padding: 0; bottom:4%; left:50%; margin-left: -13.12vw }

#banner ul li { 
	width: calc(116vw / 19.21);
	height: calc(12vw / 19.21);
	 float: left; display: block; color: #FFF; background: #c0bfbe; cursor: pointer; 
	 margin-right:calc(81vw / 19.21); 
font-size:0;
	}

#banner ul li.on { background-color: #fff; }

#banner_list a { position: absolute; }




/**about***/
.about,.about2 {text-align: center;}
.about > h2,.about2 > h2,.join_qy > h2,.investor_top > h2,.investor_mid > h2,.new > h2{font-size: calc(34vw / 19.21);margin-top: 2.34vw;margin-bottom: 1.25vw;color: #083c92;font-weight: bold;

font-family: Microsoft YaHei,Arial,"宋体"; letter-spacing: 1.5;
}
.newindex > h2{font-size: 1.56vw;margin-top: 2.34vw;margin-bottom: 1.25vw;color: #083c92;font-weight: bold;

font-family: Microsoft YaHei,Arial,"宋体"; letter-spacing: 1.5;
}
.about > p{font-size: 1.04vw;margin: 0;}
.dline{border-bottom: calc(6vw / 19.21) solid #083c92; padding-bottom: calc(10vw / 19.21)}

.about .yghd{width: calc(1560vw / 19.21);
	margin: 0 auto;
	margin-top: calc(64vw / 19.21);
	padding: 0;
}
.about .yghd ul{padding: 0; margin: 0;}
.about .yghd ul li{float: left;width: 33.33%;}

.about .yghd ul li a{width:calc(470vw / 19.21);text-align: left;}
.about .yghd ul li a > img{width:calc(470vw / 19.21); text-align: left;height:calc(324vw / 19.21);}
.about .yghd ul li a p{width:calc(470vw / 19.21);color:#595758 ;border-bottom: 1px solid #e8e8e8; border-top: 1px solid #e8e8e8; margin: 0 auto;margin-top:calc(9vw / 19.21); font-size: calc(17vw / 19.21); text-align: left;padding-top:calc(6vw / 19.21); padding-bottom: calc(6vw / 19.21);  }
.about .yghd ul li a p span{color: #a6a6a6;text-align: right;letter-spacing: 1.5;float: right;}

.about2{margin-top: calc(68vw / 19.21);}

.about2 .zc{width: calc(1510vw / 19.21);
			height: calc(295vw / 19.21);
			display: block;
			background: #f3f3f3;
			margin: 0 auto;
			margin-top: calc(93vw / 19.21);
			margin-bottom: calc(96vw / 19.21);
			display:block;
}
.about2 .zc_l{width:calc(292vw / 19.21);
			height: 100%;
			background: #064a89;
			color: #fff;
			line-height: calc(295vw / 19.21);
			font-size: calc(83vw / 19.21);
			font-weight: 800;
			float: left;
			display: block;
}
.about2 .zc_r{margin-top: calc(42vw / 19.21);
margin-left: calc(45vw / 19.21);
width: calc(1100vw / 19.21);
height: 100%;
float: left;
text-align: left;
}
.about2 .zc_r p{font-size: calc(20vw / 19.21);color: #083ca4;}
.about2 .zc_r ul{margin-top: calc(40vw / 19.21);margin-left: 0;padding-left: 0; margin-bottom: 0;}
.about2 .zc_r ul li{font-size: calc(19vw / 19.21);}

.about2 .zc_r a{width: calc(142vw / 19.21);height: calc(54vw / 19.21);background:#083ca4;line-height: calc(54vw / 19.21); color: #fff;font-size: calc(25vw / 19.21); display: inline-block;text-align: center; font-weight: bold; margin-top: 0;float: right;}

/**join***/
.join_top{background: url("../img/join_job.jpg");width: calc(1272vw / 19.21);height:calc(165vw / 19.21) ;display: block; border:1px solid #f3f3f3;
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
margin: 0 auto;margin-top:  calc(67vw / 19.21);
}

.join_top .zl{width: calc(270vw / 19.21);height:calc(58vw / 19.21) ;line-height:calc(58vw / 19.21) ; display:inline-block;position: relative;left:calc(734vw / 19.21) ;top: calc(75vw / 19.21) ; border:1px solid #9e9ea0;color:#9e9ea0 ;text-align:center  }
.join_top .job51{width: calc(223vw / 19.21);height:calc(58vw / 19.21) ;line-height:calc(58vw / 19.21) ; display:inline-block;position: relative;left:calc(737vw / 19.21) ;top: calc(75vw / 19.21) ;  border:1px solid #9e9ea0;color:#9e9ea0;text-align:center  }
.zl:hover,.job51:hover{color:#083c92;border:1px solid #083c92}
.join_qy{width: calc(1314vw / 19.21);margin: 0 auto;}
.join_qy p{font-size: calc(23vw / 19.21);color: #9e9ea0;line-height: 1.5; margin-top: calc(60vw / 19.21)}

.join_mid{background: url("../img/join_mid.jpg");width: calc(1314vw / 19.21);height:calc(385vw / 19.21) ;display: block; 
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
margin: 0 auto;margin-top:  calc(90vw / 19.21);
}
.search{margin: 0 auto; width: calc(1314vw / 19.21); margin-top:calc(47vw / 19.21); }
.search input{ width: calc(1207vw / 19.21); height:calc(92vw / 19.21);background: url("../img/search.jpg"); background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;border: 0;padding-left: calc(26vw / 19.21);color: #a4a4a4;font-size: calc(22vw / 19.21);}
.search .s_input{font-weight: bold; font-size: calc(30vw / 19.21);color: #070909;margin-left:calc(15vw / 19.21); }



.list_dl{margin: 0 auto; width: calc(1314vw / 19.21); margin-top:calc(47vw / 19.21);
padding: 0;}
.list_dt{ color: #20221f;
	
	padding-top: calc(56vw / 19.21);
    padding-bottom: calc(30vw / 19.21);
    padding-left: calc(30vw / 19.21);
    font-size:  calc(23vw / 19.21);
    font-weight: bold;
	cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative;border-bottom:1px solid #aca5a1;}
.list_dt span{color: #676868;font-size: calc(19vw / 19.21);margin-left: calc(200vw / 19.21);
position: absolute;
left: calc(200vw / 19.21);
 }	
.list_dt:hover{background:#fafafa}
.list_dt:hover ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4}
#open{background:#fafafa;border-bottom: 0;}
#open ._after{display:block;width:3px;height:100%;position:absolute;left:0;top:0;background:#4285f4}
.list_dt_icon{position:absolute;right:calc(43vw / 19.21);top:calc(44vw / 19.21);display:block;width:calc(33vw / 19.21);height:calc(33vw / 19.21);background:url(../img/jia.png) no-repeat;background-size:cover}
#open .list_dt_icon{background:url(../img/jian.png) no-repeat;background-size:cover}
.list_dd{display:none}
.list_li{background:#fafafa;list-style-type:none;
	color: #686868;
  	font-size: calc(16vw / 19.21);
    padding-left: calc(30vw / 19.21);
    padding-bottom: calc(27vw / 19.21);
	cursor:pointer;}


.list_li .job_c{width: calc(1003vw / 19.21);
				height: auto;
				display: inline-block;
 }

.job_sq{
width: calc(114vw / 19.21);
color: #083c92;
font-size: calc(28vw / 19.21);
font-weight: bold;
margin-left: calc(116vw / 19.21);
}

/*****投资******/
.investor_top{margin-top:calc(82vw / 19.21); text-align: center; }
.tzgg{ margin-top: calc(42vw / 19.21); }
.tzgg ul{width:calc(1744vw / 19.21);
margin: 0 auto;
 }
.tzgg ul li{float: left;width: 25%;
}
.tzgg ul li a{border: 1px solid #e1e1e1;display: inline-block;width: calc(386vw / 19.21);padding-top: calc(12vw / 19.21);padding-left: calc(11vw / 19.21); padding-bottom: calc(12vw / 19.21);padding-right: calc(11vw / 19.21); }
.tzgg ul li a > img {
	width: calc(386vw / 19.21);

}
.tzgg ul li a p{color: #898989;font-size: calc(19vw / 19.21);padding-top: calc(13vw / 19.21);text-align: left;font-weight: bold;}
.tzgg ul li a p span{font-size: calc(16vw / 19.21); font-weight: 400;display: block;}
.tzgg ul li a .xxnr{display:block;width:calc(97vw / 19.21);height:calc(28vw / 19.21);background:url(../img/xxnr.jpg) no-repeat;background-size:cover;border: 0;curosr:pointer;float: right;margin-top: calc(43vw / 19.21);margin-bottom: calc(20vw / 19.21);}

.investor_mid{margin-top:calc(64vw / 19.21); text-align: center; margin-bottom: calc(56vw / 19.21);}

.tzgg ul{width:calc(1744vw / 19.21);
margin: 0 auto;
 }

 .join_email{background: url("../img/email.jpg");width: calc(1693vw / 19.21);height:calc(77vw / 19.21) ;display: block; 
background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;
margin: 0 auto;margin-top:  calc(64vw / 19.21);margin-bottom: calc(38vw / 19.21);
}

.investor_mid ul{display: inline-block;width: calc(1865vw / 19.21);margin: 0 auto;margin-top: calc(60vw / 19.21);}
.investor_mid ul li{float: left;width: calc(620vw / 19.21); }
.investor_mid ul li a{ width:calc(350vw / 19.21);display: block;position: relative;left:calc(140vw / 19.21);  }
.investor_mid ul li:nth-child(2){border-right:1px solid #b4b4b4;border-left:1px solid #b4b4b4;}
.investor_mid ul li a .xx_o{font-size: calc(24vw / 19.21); color: #727171; width:calc(348vw / 19.21);text-align: left; }
.investor_mid ul li a .xx_s{font-size: calc(26vw / 19.21); color: #727171; font-weight: bold;width:calc(348vw / 19.21);text-align: left;margin-top: calc(20vw / 19.21);}
.investor_mid ul li a .xx_t{font-size: calc(17vw / 19.21); color: #727171;width:calc(348vw / 19.21);text-align: left;margin-top: calc(37vw / 19.21);}

/********contact*********/
.contact{margin-left: calc(317vw / 19.21);margin-top: calc(81vw / 19.21);display:inline-block;margin-bottom:calc(70vw / 19.21);}
.contact div{width: calc(650vw / 19.21);;float: left;}
.contact div h3{color:#083c92;font-size: calc(20vw / 19.21); }
.contact div p{color: #9fa0a0;font-size: calc(12vw / 19.21);margin-top:calc(36vw / 19.21); }


/********news*********/
.new .yghd ul li{float: left;width: 33.33%;}
.new > p{font-size: 1.04vw;margin: 0;}
.dline{border-bottom: calc(6vw / 19.21) solid #083c92; padding-bottom: calc(10vw / 19.21)}


.new{text-align: center;}
.new .yghd{width: calc(1405vw / 19.21);
	margin: 0 auto;
	margin-top: calc(64vw / 19.21);
	padding: 0;
	min-height: calc(405vw / 19.2);
	
	overflow:hidden;
}

.new .yghd ul{padding: 0; margin: 0;width: calc(1405vw / 19.21);}
.new .yghd ul li{float: left;width: 33.33%;text-align: center;margin-bottom: 30px;}
.new > h2{text-align: center;}

.new .yghd ul li a{width:calc(382vw / 19.21);}
.new .yghd ul li a > img{width:calc(382vw / 19.21); text-align: left;}
.new .yghd ul li a p{width:calc(382vw / 19.21);color:#2c2928 ; margin: 0 auto;height:4vw;
text-decoration:underline;
font-size: calc(17vw / 19.21); text-align: left;padding-top:calc(6vw / 19.21); padding-bottom: calc(6vw / 19.21); line-height: 1.5; }
.new .yghd ul li a p span{color: #2c2928;text-align: left;letter-spacing: 1.5;   display: block;text-decoration:none;
}
.new .yghd ul li a .new_con{width: calc(382vw / 19.21); font-size:calc(13vw / 19.21); line-height: 1.5;text-decoration:none;margin-top: calc(23vw / 19.21);display: block;}
.new .yghd ul li .new_lg{font-size:calc(15vw / 19.21);color: #2c2928;text-align: left;height:calc(15vw / 19.21);display: inline-block; }
.new .more,.new .more2{text-align: center;padding-top: calc(15vw / 19.21);padding-bottom: calc(15vw / 19.21);padding-left: calc(26vw / 19.21);padding-right: calc(26vw / 19.21);
color: #fff;font-size: calc(27vw / 19.21);background: #083c92;border-radius: 5px;vertical-align: middle;margin-top: calc(39vw / 19.21);position: relative;top:calc(39vw / 19.21);

}




/***********mark**********/
.mark1 {width: 100%;background-repeat:no-repeat; background-size:100% 100%;-moz-background-size:100% 100%;height: calc(751vw / 19.21);}
.mark1 ul,.menus3 ul{margin-top:3; padding-left: 0;border:0;}
.mark1 ul li,.menus3 ul li{float: left;margin-right:calc(55vw / 19.21);  cursor:pointer;}
.menus3 .homa{margin-top:-2.45vw;margin-right:calc(83vw / 19.2);display:inline-block; }
.menus3 ul li a > img {width: calc(96vw / 19.21);margin-bottom: 10px;}

.menus3 .homa span a > img {width: calc(144vw / 19.21);}
.menus3 ul li a p{width: calc(36vw / 19.21); font-size:calc(31vw / 19.21); word-wrap: break-word; color: #898989;margin: 0 auto;line-height: 1;}
.menus3 ul li a:hover p {width: calc(56vw / 19.21); font-size:calc(48vw / 19.21); word-wrap: break-word; color: #083c92;margin: 0 auto;font-weight: bold;margin-left: calc(44vw / 19.21);}
.menus3 .homa span a p {width: calc(56vw / 19.21); font-size:calc(48vw / 19.21); word-wrap: break-word; color: #083c92;margin: 0 auto;font-weight: bold;margin-left: calc(44vw / 19.21);}




.menus{width:100%;margin:0;min-height:auto;}
.menus ul{width:100%;position:relative;float:left}
.menus li{float:left;width:calc(96vw / 19.2);height:130px;text-align:center;cursor:pointer;
			-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.menus li:nth-child(2){color:#fff}
.menus .bg{width:150px;height:240px;position:absolute;left:0;top:0;background:#009fe9;z-index:-1;
			-webkit-transition:all .5s;-moz-transition:all .5s;-ms-transition:all .5s;-o-transition:all .5s;transition:all .5s}
.tab{width:100%;height:auto;border:0px solid #000;margin-top:20px;
			text-align:center;color:#888;display:none}
.show{display:block}.title{text-align:center;padding:20px;background:#ccc}

.mark_list1,.mark_list3,.mark_list5,.mark_list7,.mark_list9{background:#083c92;width:100%;height:calc(915vw / 19.2);display:block;line-height:1.5;margin:0;}
.mark_con{width:calc(1104vw / 19.2); height:calc(203vw / 19.2); border-left:2px solid #fff;margin: 0 auto;margin-top:calc(70vw / 19.2);
color:#fff;font-size:calc(52vw / 19.2);text-align:left;padding:0 0 0 1.93vw;
}
.mark_con span{font-size:calc(52vw / 19.2) !important;line-height:1; padding-bottom:calc(10vw / 19.2);border-bottom:1px solid #fff;}
.tab .mark_con p{font-size:calc(17vw/19.2) !important;line-height:1.5;margin-top:calc(43vw/19.2);}

.mark_list2,.mark_list4,.mark_list6,.mark_list8,.mark_list10,.mark_list12{background:#fff;width:100%;height:calc(915vw / 19.2);display:block;line-height:1.5;margin:0;}
.mark_list2 .mark_con,.mark_list4 .mark_con,.mark_list6 .mark_con,.mark_list8 .mark_con,.mark_list10 .mark_con{width:calc(1104vw / 19.2); height:calc(203vw / 19.2); border-left:2px solid #083c92;margin: 0 auto;margin-top:calc(70vw / 19.2);
color:#083c92;font-size:calc(52vw / 19.2);text-align:left;padding:0 0 0 1.93vw;
}
.mark_list2 .mark_con span{font-size:calc(52vw / 19.2) !important;line-height:1; padding-bottom:calc(10vw / 19.2);border-bottom:1px solid #083c92;}
.mark_list2 .mark_con p{color:#9fa0a0}
/********************************/



.com {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  height: calc(940vw / 19.2);
  overflow: hidden;
}
.com__content {
  position: relative;
  -webkit-box-flex: 8;
  -webkit-flex: 8;
      -ms-flex: 8;
          flex: 8;
  background: #064a89;
  padding: 10vh 10vw;
}
.com__section {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  height:calc(940vw / 19.2);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: 0 10%;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}
.com__section.active {
  opacity: 1;
  visibility: visible;
}
.com__section-half {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  height: 100vh;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.com__section--text h1 {
  margin-bottom: 3vh;
  font-size: 48px;
  font-weight: 300;
  color: #22E2ED;
}
.com__section--text p {
  margin: 0;
  color: rgba(255, 255, 255, 0.9);
  max-width: 600px;
  font-size: 20px;
}
.com__section--text img {

  margin: 0 auto;
}
.com__section--text.centered {
  text-align: center;
}
.com__section--text-img {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.com__nav {
  width: calc(724vw / 19.2);
   background-color: #064a89;
}
.com__nav-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;

  overflow: visible;
  margin-top: calc(325vw / 19.2);
  
           
}
.com__nav-item {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  position: relative;
  overflow: visible;

  background: #22E2ED;
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);

 background: url(../img/shuline.jpg) no-repeat;
		  background-repeat: repeat-y; 
    
         background-position:calc(48vw / 19.2);

}
.com__nav-item .active {
   -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
          width: calc(724vw / 19.2);
          height: calc(102vw / 19.2);
		
}
.com__nav-item:last-child {
  border-bottom: none;
}
/*.com__nav-item:hover {
  -webkit-box-flex: 1.2;
  -webkit-flex: 1.2;
      -ms-flex: 1.2;
          flex: 1.2;
          width: calc(724vw / 19.2);
          height: calc(102vw / 19.2);
		  
}*/


.com__nav-link {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-flow: column wrap;
      -ms-flex-flow: column wrap;
          flex-flow: column wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 0 ;
  position: absolute;
 
  height: calc(102vw / 19.2);

  
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: right center;
      -ms-transform-origin: right center;
          transform-origin: right center;
  -webkit-transition: all 0s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0s cubic-bezier(0.23, 1, 0.32, 1);
}
.com__nav-link.flex-row {
  -webkit-flex-flow: row wrap;
      -ms-flex-flow: row wrap;
          flex-flow: row wrap;
}
.com__nav-link.centered {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}
.com__nav-link .com__section-half {
  height: auto;
}
.com__nav-link .com__section-half:nth-child(2) {
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
}

.blue-line {
  display: block;
  width: 80%;
  height: 14px;
  background: #22E2ED;
  margin-bottom: 12px;
}

.white-line {
  display: block;
  width: 60%;
  height: 5px;
  background: rgba(255, 255, 255, 0.9);
  margin-bottom: 7px;
}
.white-line:nth-of-type(3) {
  width: 50%;
}

.white-circle {
  display: block;
  width: 30px;
  height: 30px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.9);
}
.com__nav-item:hover .com__nav-link{
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

/* animation classes */
.animate {
  -webkit-transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
          transition: all 0.5s cubic-bezier(0.23, 1, 0.32, 1);
}

.slideInLeft {
  -webkit-transform: translate3d(-100%, 0, 0);
          transform: translate3d(-100%, 0, 0);
  opacity: 0;
}

.slideInRight {
  -webkit-transform: translate3d(100%, 0, 0);
          transform: translate3d(100%, 0, 0);
  opacity: 0;
}

.scaleIn {
  -webkit-transform: scale(0);
      -ms-transform: scale(0);
          transform: scale(0);
}

.scaleInLeft {
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  -webkit-transform-origin: left center;
      -ms-transform-origin: left center;
          transform-origin: left center;
}

.delay-1 {
  -webkit-transition-delay: 0.05s;
          transition-delay: 0.05s;
}

.delay-2 {
  -webkit-transition-delay: 0.1s;
          transition-delay: 0.1s;
}

.delay-3 {
  -webkit-transition-delay: 0.15s;
          transition-delay: 0.15s;
}

.delay-4 {
  -webkit-transition-delay: 0.2s;
          transition-delay: 0.2s;
}

.delay-5 {
  -webkit-transition-delay: 0.25s;
          transition-delay: 0.25s;
}

.prd1{width:calc(818vw / 19.2) ;height:calc(732vw / 19.2)  ;}

.active .com__nav-link{
  -webkit-transform: scaleX(1);
      -ms-transform: scaleX(1);
          transform: scaleX(1);
}

/******导航******/
.nav2:hover .nav__submenu {
  display: block;
}
.nav__submenu {
  font-weight: 300;
  text-transform: none;
  display: none;
  position: absolute;
  width: 190px;



}
.nav__submenu-item {float: left;margin:0 5px !important;}
.nav__submenu-item :hover{color:#fff;}
.nav__submenu-item a{color: #fff;font-weight: bold; border-bottom: 1px solid #fff;padding:0;margin:0 10px; line-height: 30px; margin-top: 50px;margin-bottom: 20px;font-size: 14px;}
.nav__submenu-2{float:normal !important; width:100%;margin-left:0 !important;}
.nav__submenu-2 a{border:0;line-height: 22px;padding: 0; margin: 0;text-align: center;}
.nav__submenu-2:hover{border-bottom:0 !important;}
.nav__submenu-2 a:hover{border-bottom:0 !important; text-decoration:none;color:#fff;}

.infolist2{color:#9fa0a0;}
.espcms_form_group{float:left;width:50%;display:inline-block}
.col5{background:#efeff0;border:0;height:calc(58vw / 19.2);width:calc(440vw / 19.2);margin-left:calc(50vw / 19.2);}


.footerline{width:calc(220vw / 19.2);border-bottom:1px solid #fff;height:calc(55vw / 19.2)}





.left,.center,.l,.right,.r{display:inline;float:left;}
.right,.r{float:right;}

.area{width:950px;}/*Ò³ÃæÊôÐÔ */
li.nodot{background:none!important;padding-left:0px!important;}/* È¥µôÁÐ±íÇ°×º */


.area{width:980px;}/*×ÜÌå¿í¶È*/
.menuA li,#contentE .btns a{background:url(icon.gif) no-repeat}
/* E°å¿éCSSÑùÊ½ */
#contentE .left .list12 li {
background:url("bg01.gif") no-repeat 0 4px transparent;
padding-left:14px;
}
#channelNav{display:none;}
#contentE .pic,.same .pic,.pubFun .pp li{position:relative;}
#contentE .label{position:absolute;top:140px;left:21px;_left:2px;height:15px;width:120px;margin:0 auto;color:#FFF;line-height:14px;text-align:right;padding:3px 5px 0 0}
#contentE .label i{position:absolute;height:18px;width:120px;left:0;top:0;background:#000;filter:alpha(opacity=60);opacity: 0.60;}
#contentE .label em,.same .pic .label em,.pubFun .pp .label em{margin:0;position:relative;z-index:2;color:#FFF;font:12px/14px "ËÎÌå";margin-right:3px;}

#contentE{width: calc(1650vw / 19.21);margin:20px auto 0;border:0;}
#contentE .left{width: calc(550vw / 19.21);
height: calc(560vw / 19.21);}
#contentE .bord{width:162px;height:360px;border-right:1px #E2E2E2 solid}
#contentE .left h2{height:20px;padding:8px 17px 0}
#contentE .left .info{width:127px;margin:1px auto 4px;text-align:left;line-height:20px}
#contentE .left .pic span{display:block;margin:9px auto 2px;line-height:20px}
#contentE .left .line{width:89%}
#contentE .left .list12 ul{width:131px;margin:9px auto 0}
#contentE .left .list12 li{padding-left:12px}
#contentE .left .more{padding-right:15px;line-height:22px}

#contentE .btns{position:relative;height:1px;font-size:0}
#contentE .btns a{position:absolute;width:120px;height:37px;top:-65px;
}
#contentE .btns .up{background:url(../img/indexlf.jpg) no-repeat;left:calc(180vw / 19.21);background-size:120px 36px; }
#contentE .btns .down{background:url(../img/indexrl.jpg) no-repeat;left:calc(350vw / 19.21);
-ms-left:calc(350vw / 19.21);
background-size:120px 36px; }

#contentE .btns .uN,#contentE .btns  a:hover.uN{cursor:none;background-position:0 -160px}
#contentE .btns .dN,#contentE .btns  a:hover.dN{cursor:none;background-position:-20px -160px}

#contentE .cons{width: calc(1650vw / 19.21);overflow:hidden;position:relative;height: calc(560vw / 19.21);}
#contentE .con{float:left;width:9999px;position:absolute;left:0;top:0;}

#contentE .tBG{height:7px;font-size:0;width:100%}

