@charset "utf-8";
/* CSS Document */
.flexslider { margin-top: 151px; }
.index1{width: 100%; background: #dddddd; background:url(../images/about2.jpg)  no-repeat center center; overflow:hidden; min-height:514px;}
.i1_left{width: 42%; font-size: 0; position: relative;}
.i1_left img{width: 100%; height: auto;}
.i1_pos{position: absolute; top:23%; right:28%; z-index: 99; font-size: 18px; color: #FFFFFF;}
.ab_top{ position: relative;}
.ab_bor{width: 140px; height: 140px; border: 3px solid #b2d7ed; border-radius: 50%;-moz-border-radius: 50%; overflow: hidden;}
.ab_wz{    font-size: 20px;  position: absolute; top: 47px; left: 0; text-align: center; width: 146px;}
.rm_bot{font-size: 18px; margin-top: 30%;}
.rm_price{color: #3177d9; margin: 10px 0;}
.rm_price span{font-size: 48px; margin-right: 15px;}
.i1_right{width:26%; margin-left: 15%; margin-top: 3%;}
.i1r_wz{font-size: 14px; color: #6f6f6f; line-height: 24px;}
.i1r_ts{font-size: 24px; color: #3177d9; line-height: 36px; margin-top: 5%;}
.i1r_more{font-size: 0; margin-top: 10%; display: block;}
.index1:hover .i1r_more{margin-top: 9%;}

.index2{margin-top: 6%;}
.i2_a{width: 154px;  display: block; float: left; color: #6f6f6f; margin: 0 22px; }
.i2_img{display: block;width: 150px; height: 150px; border: 2px solid #FFFFFF; border-radius: 50%;-moz-border-radius: 50%; overflow: hidden; background-position: center; background-repeat: no-repeat; transition-duration: .5s;}
.i2_wz{display: block; text-align: center; font-size: 14px; line-height: 30px; height: 30px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 5px;}
.i2_a:hover{color: #3177d9;}
.i2_a:hover .i2_img{border: 2px solid #3177d9;}
.i2_a.hover{color: #3177d9;}
.i2_a.hover .i2_img{border: 2px solid #3177d9;}
.i2_con{margin-top: 20px; width: 100%; height: 600px; position: relative;}
.i2_cell{ width: 100%; height: 600px; background: #fff; opacity: 0; position: absolute; transition-duration:1s; top: 0; left: 0; z-index: 1;}
.i2_cell.on{opacity: 1; z-index: 9;}
.i2c_left{width: 420px;padding: 0 43px; margin-top: 120px; font-size: 14px; color: #6f6f6f; text-align: right;}
.i2c_right{width:690px; height: 600px; background-position: center; background-repeat: no-repeat; background-size: contain;}
.i2c_h3{font-weight: bold; color: #3177d9; font-size: 40px; position: relative; display: block;}
.i2c_pr{position: relative; z-index: 9;}
.i2c_ph{font-size: 90px; color: #f1f1f1; position: absolute; bottom:-10px; left: 0;}
.i2c_h4{margin-top: 15px; font-size: 24px; color: #a3a8a8; font-weight: bold;}
.i2c_h5{color:#6f6f6f;font-size: 18px; margin-top: 25px;}
.i2c_wz{line-height: 26px; margin-top: 15px;}
.i2c_more{display: block; font-size: 0; margin-top: 50px;}
.i2_cell:hover .i2c_more{margin-top: 40px;}

.index3{width: 100%;  position: relative;}
.i3_tb{position: absolute; top:-311px; right: 0; z-index: 9;}
.i3_cell{width: 100%; height: 330px; margin-bottom:3px; position: relative; overflow: hidden;}
.i3_img{display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center;}
.is_tr { position:absolute; top:0; right:0; width:50%; height:100%; z-index: 8; }
.i3_bg{width: 100%; height: 100%; position: absolute; top: 0; left: 0%; z-index: 9; transition-duration: .5s;}
.i3_pos{width:53.5%; height: 100%; position: absolute; right:0%; top: 0;transition-duration: .5s; }
.i3_pa{width:540px;color: #FFFFFF; margin-right: 40px; margin-top:5%;}
.i3_h3{font-size: 24px; font-weight: bold;}
.i3_wz{font-size: 14px; line-height: 26px; padding-left: 15px; border-left: 2px solid #ffffff; margin-top: 5%;}
.i3_more{margin-top:8%;}
.i3_cell:last-child{margin-bottom: 0;}
.i3_cell:hover .i3_bg{ left: -10%;}
.i3_cell:hover .i3_pos{ right: 10%;}


.indexc{width: 100%;}

.index4{background: #efefef; position: relative; padding: 50px 0 ;}
.i4_title{font-size: 90px; font-weight: bold; color: #fafafa; position: absolute; top:10px; left: 20%;}
.i4_main{position: relative; z-index: 99; padding-top: 30px;}
.i4_li{width: 275px; transition-duration: .5s; position: relative;top: 0;}
.i4_li a{display: block; position: relative; z-index: 9; padding: 35px 0; padding-bottom: 80px;}
.i4_li:first-child{ margin-left: 35px;}
.i4_img{display: block; width: 240px; height: 160px; background-repeat: no-repeat; background-position: center;}
.i4_bot{font-size: 14px; color: #6f6f6f; line-height: 24px; margin-top: 15px;}
.i4_date,.i4_more{ color: #a3a8a8; opacity: 1;transition-duration: .5s;}
.i4_wz{margin: 10px 0; height: 32px; overflow: hidden;}
.i4_tb{padding-bottom: 45px; border-bottom: 2px solid #3177d9; display: inline-block; font-size: 0;line-height: 0;opacity: 0; transition-duration: .5s; position: absolute; bottom: 0; left: 0;}
.i4_li:after{content: ""; width:345px; height: 100%; background: #FFFFFF; position: absolute; 
top:0; left:-35px; opacity: 0; transition-duration: .5s;}
.i4_li:hover{ top: -30px;}
.i4_li:hover:after{ opacity: 1;}
.i4_li:hover .i4_more{ opacity:0;}
.i4_li:hover .i4_tb{ opacity:1;}
.i4_li:hover .i4_bot,.i4_li:hover .i4_date,.i4_li:hover .i4_more{color: #3177d9;}
.i4_pos{font-size: 0; position: absolute; bottom: 0; left: 0;}

.index5{width: 100%; height: 160px; position: relative; overflow:hidden; background-repeat: no-repeat; background-position: center;}
.i5_pos{position: absolute; top: 0; left: 0; font-size: 0;}
.i5_con{width: 460px; height: 460px; margin:80px auto; background: #3177d9; border-radius: 50%; -moz-border-radius: 50%; overflow: hidden;}
.i5_bor{width: 442px; height: 442px; border: 1px solid #FFFFFF; border-radius: 50%;-moz-border-radius: 50%; overflow: hidden; margin: 8px;}
.i5_wid{width: 370px; margin: 0 auto; color: #FFFFFF; margin-top:50px; text-align: center;}
.i5_h3{font-size: 72px; font-weight: bold; line-height: 1em;}
.i5_h3.zh-cn{font-size: 55px;}
.i5_wz{font-size: 14px; line-height: 24px;}
.i5_tb{padding-top: 10px; margin-top: 10px;}
.tb1{background: url(../images/6.png) no-repeat top center;}
.tb2{background: url(../images/7.png) no-repeat top center;}
.tb3{background: url(../images/8.png) no-repeat top center;}
.tb4{background: url(../images/9.png) no-repeat top center;}

.index6{padding: 140px 0;}
.i6t_left{font-size: 72px; font-weight: bold; /*color: #fafafa;*/}
.i6t_right{margin-top: 20px; margin-right:30px; line-height: 24px; font-size: 14px; color: #929292; width: 720px; padding-left: 40px; border-left: 2px solid #929292;}
.i6_bottom{margin-top: 90px;}
.i6_li{width: 200px; height: 70px; float: left;}
.i6_li a{display: block; width: 100%; height: 100%; background-position: center; background-repeat: no-repeat;}


.index_video { width:1200px; height:300px; margin:auto; background:url(../images/about1.jpg) no-repeat center; position:relative;  }
.index_video a { width:1200px; height:300px; background:url(../images/about1.jpg) no-repeat center; position:absolute; left:0; top:0; }


.index_video .video { display:none; width:100%; height:100%; background:rgba(0, 0, 0, 0.8); position:fixed; left:0; top:0; z-index:1; }

#myVideo { width:0; height:0; background:#000; position:absolute; left:50%; top:50%; }



 
.biaoge{ width:1210px; margin:0 auto; background:none;  }

.biaogetitle{
	width:100%;
	height:50px;
	line-height:50px;
	font-size:25px;
	text-align:center;
	border-bottom:#333 solid 1px;
	}

.biaoge .biaoge4{
	width:290px;	
	float:left;
	margin-right:10px;
	
	 
	}
.biaoge .biaoge4 .logo{
	width:100%;
	}	
.biaoge .biaoge4 .logo img{
	width:290px;
	}	
.biaoge .biaoge4  .wenzi{
	margin-top:10px;
	color:#043266;
	font-weight:bold;
	 
	float:left;
	text-align:left;
	width:100%;
	}	
.biaoge .biaoge4  .wenzi p{
	color:#043266;
	font-weight:bold;
	font-size:14px;
	line-height:25px;
	 
	}
.biaoge .biaoge4  .wenzi .div{
	color:#043266;
	font-weight:bold;
	 
	}
				
.pheight{height:475px; margin-bottom:50px;}

@media (max-width: 1440px){.pheight{height:340px; margin-bottom:50px;} }