body{font-size:14px;color:#666666; font-family:"Open Sans",Roboto,Helvetica,Tahoma,Arial,"Microsoft YaHei"!important; word-wrap: break-word; background:#FFFFFF; }
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form, input,textarea,p,em,button{margin:0;padding:0; } 
a{text-decoration:none; color:#666666;font-size:14px; }
a:hover{ text-decoration:none;}
fieldset,img {border:0;} 
em,strong,th,i{font-style:normal;} 
input,textarea,select,option{ outline:none; color:#333; }
ul,li{list-style:none; margin:0; padding:0;}
embed,object {margin: 0;vertical-align:top;}
.clear{ clear:both; padding:0px; margin:0px; height:0%; font-size:0px; overflow:hidden; line-height:0;}
.left{ float:left;}
.right{ float:right;}
.bgqhui{background:#f0ede8;}
input::-webkit-input-placeholder{
   color:#142f5f;
}
input::-moz-placeholder{
	color:#142f5f;
}
input:-moz-placeholder{
	color:#142f5f;
}
input:-ms-input-placeholder{
	color:#142f5f;
}

/*top*/
.topbg{ width:100%; background:#0075c2; position:relative;overflow:hidden;}
.top{ width:92%; height:100px; max-width:1400px; margin:0 auto; position:relative; overflow:hidden;}
.logo{ width:236px; height:40px; position:absolute; left:0; top:30px; overflow:hidden;}
.logo img{ width:100%;}
.mane{ width:78.5%; height:100%; position:absolute; right:0; top:0; overflow:hidden; }
.mane li{float:left; height:100px; margin:0 1%;  position:relative; overflow:hidden;}
.mane a{ display:block; position:relative; top:50%;transform:translateY(-50%);color:#FFFFFF; font-size:12px; padding-bottom:5px; margin-top:5px;}
.mane a:after {content: ' '; position:relative;z-index: 2;top: 5px;left: 50%;display: block;width: 100%; height: 1px;transform: translate(-50%);}
.mane a:hover:after {height: 2px;animation: ad_width .3s linear forwards;background: #FFFFFF;}
@keyframes ad_width {
    from {
        width: 0
    }
 
    to {
        width: 100%
    }
}
.mtag{ display:none;}
/*banner*/
.bnbg{ width:100%; height:0; padding-bottom:27.5%; position:relative; overflow:hidden;}
.banner{width:92%; height:0; padding-bottom:26%; max-width:1400px; margin:1% auto; position:relative; overflow:hidden;}
.banner h2{ display:block; width:90%; font-size:2.2vw; color:#FFFFFF; line-height:180%; margin-top:3%;}
.banner ul{ width:66%; max-height:30%; position:absolute; bottom:6%; left:0; overflow:hidden;}
.banner li{  line-height:180%; float:left; overflow:hidden; }
.bnlia{width:30%; margin-right:1.33%;}
.bnlib{width:33%; margin-right:1.33%;}
.bnlic{width:33%; margin-right:1.33%;}
.banner li p{ width:100%; margin:3% 0;}
.banner li span{ color:#f9c385; font-size:1.2vw;}
.banner li i{ color:#FFFFFF; font-size:0.75vw;}

/*f1*/
.f1{ width:92%; max-width:1220px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f1 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f1boxa{ width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden;}
.f1bal{ width:48%; float:left; position:relative; overflow:hidden;}
.f1bal article{ display:block; position:relative; }
.f1bal p{ display:block; width:100%; margin:2.8% 0; overflow:hidden;}
.f1bal p img{ display:inline-block; max-width:8%; float:left; margin-top:1.5%;}
.f1bal p span{display:inline-block; width:88%; float:left; margin-left:4%; line-height:160%; font-size:22px; color:#142f5f; overflow:hidden;}
.f1bar{ width:49.5%; float:right; position:relative; overflow:hidden}
.f1bar img{ display:block; width:100%; z-index:1;}
.f1bar span{ display:block; width:100%; padding:10px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; line-height:160%; position:relative; overflow:hidden;}

.f1boxb{width:100%; position:relative; margin:20px auto 0 auto; overflow:hidden;}
.f1boxb dl{ width:24%; float:left; position:relative; overflow:hidden;}
.f1bmr{ margin-right:1.33%;}
.f1boxb dt{ width:100%; height:0; padding-bottom:68%; position:relative; overflow:hidden}
.f1boxb dt img{ display:block; width:100%;}
.f1boxb dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f1boxb dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}

/*f2*/
.f2{ width:92%; max-width:1400px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f2 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f2box{ width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden;}
.f2map{ width:56.7%; float:left; position:relative; overflow:hidden;}
.f2map img{ display:block; width:100%;}
.f2r{ width:33%; float:right; margin-right:7%; position:relative; overflow:hidden;}
.f2r p{ display:block; width:100%; margin:10% 0 0 0; padding-bottom:10px; border-bottom:#dcdcdc 1px solid; overflow:hidden;}
.f2r p i{ display:inline-block; width:18%; float:left; font-size:3.6vw; font-weight:normal; color:#142f5f; text-align:center; overflow:hidden;}
.f2r p span{display:inline-block; width:80%; float:left; margin-left:2%; margin-top:8%; line-height:160%; font-size:22px; color:#142f5f; overflow:hidden;}

/*f3*/
.f3{ width:92%; max-width:1220px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f3 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f3box{ width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden; }
.f3box dl{ width:24%; float:left; position:relative; overflow:hidden;}
.f3bmr{ margin-right:1.33%;}
.f3box dt{ width:100%; height:0; padding-bottom:68%; position:relative; overflow:hidden}
.f3box dt img{ display:block; width:100%;}
.f3box dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f3box dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}

/*f4*/
.f4{ width:92%; max-width:1220px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f4 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f4box{ width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden; }
.f4box dl{ width:15.7%; float:left; position:relative; margin-bottom:20px; overflow:hidden;}
.f4mr{ margin-right:1.12%;}
.f4box dt{ border-top:#c9c9c9 1px solid; border-left:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; height:0; padding-bottom:143%; position:relative; overflow:hidden;}
.f4box dt img{ display:block; width:100%;}
.f4box dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f4box dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}

.f4boxb{ width:100%; position:relative; margin:0 auto; overflow:hidden; }
.f4boxb dl{ width:24%; float:left; position:relative; margin-bottom:20px; overflow:hidden;}
.f4bmr{ margin-right:1.33%;}
.f4boxb dt{ border-top:#c9c9c9 1px solid; border-left:#c9c9c9 1px solid; border-right:#c9c9c9 1px solid; height:0; padding-bottom:105%;  position:relative; overflow:hidden;}
.f4boxb dt img{ display:block; width:100%;}
.f4boxb dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f4boxb dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}
.f4taga{ display:block;width:24%; float:left; position:relative; margin-bottom:20px; margin-right:1.33%; color:#142f5f; text-align:center; font-size:14px; overflow:hidden;}
.f4tagb{display:block;width:24%; float:left; position:relative; margin-bottom:20px; text-align:center; color:#142f5f; font-size:14px; overflow:hidden;}


/*f5*/
.f5bg{ width:100%; padding-bottom:3%; background:url(../image/f5bg.jpg) center top no-repeat; background-size:cover; position:relative; margin:4% auto 0 auto; overflow:hidden;}
.f5{ width:92%; max-width:1220px;  position:relative;  margin:3% auto 0 auto; overflow:hidden; }
.f5 h2{ display:block; width:100%; font-size:2vw; color:#FFFFFF; text-align:center; overflow:hidden;}
.f5box{width:100%; position:relative; margin:3% auto 0 auto; text-align:center; overflow:hidden;}
.f5box dl{ display:inline-block; width:31.2%; margin:0 2%; overflow:hidden;}
.f5box dt{ width:100%; height:0; padding-bottom:69.8%; overflow:hidden;}
.f5box dt img{ width:100%;}
.f5box dd{ color:#FFFFFF; padding:3% 0; font-size:16px;}

.f5boxb{width:100%; position:relative; margin:3% auto 0 auto; text-align:center; overflow:hidden;}
.f5boxb dl{ float:left; overflow:hidden;}
.f5ba{width:31.2%; margin-right:1.7%;}
.f5ba dt{ padding-bottom:69.8%;}
.f5bb{width:16.2%; }
.f5bb dt{ padding-bottom:135%;}
.f5bc{width:16.2%; margin-left:1.7%; }
.f5bc dt{ padding-bottom:135%;}
.f5boxb dt{ width:100%; height:0;  overflow:hidden;}
.f5boxb dt img{ width:100%;}
.f5boxb dd{ color:#FFFFFF; padding:3% 0; font-size:16px;}

/*f6*/
.f6bg{ width:100%; background:#f7f8f8; position:relative; padding:4% 0 3% 0; overflow:hidden;}
.f6{ width:92%; max-width:1220px;  position:relative;  margin:0 auto; text-align:center; overflow:hidden;}
.f6 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f6pic{ width:52.1%; position:relative;  margin:3% auto 0 auto; z-index:1;}
.f6l{ width:40%; position:absolute; top:20%; left:0; z-index:2; text-align:right; font-size:22px; color:#142f5f; overflow:hidden; }
.f6l p{ width:100%; margin-bottom:15%; overflow:hidden;}
.f6r{ width:40%; position:absolute; top:20%; right:0; z-index:2; text-align:left; font-size:22px; color:#142f5f; overflow:hidden; }
.f6r p{ width:100%; margin-bottom:15%; overflow:hidden;}
.f6img{ display:inline-block; width:10.2%; float:right;}
.f6span{display:inline-block; width:75.8%; float:left;}
.f6imgb{display:inline-block; width:10.2%; float:left;}
.f6spanb{display:inline-block; width:75.8%; float:right;}

/*f7*/
.f7{ width:92%; max-width:1220px;  position:relative;  margin:4% auto 0 auto; overflow:hidden;}
.f7 dl{ width:100%;  position:relative; margin-bottom:4%; overflow:hidden;}
.f7l{ float:left;}
.f7r{ float:right;}
.f7 dt{ width:43.6%; position:relative; overflow:hidden;}
.f7 dd{ width:43.6%; position:relative; overflow:hidden}
.f7box{ width:100%; height:0; padding-bottom:58%; position:relative;}
.f7con{position:absolute; left:0; top:50%;transform:translateY(-50%);}
.f7bt{ width:100%; margin-bottom:3%; font-size:2vw; color:#142f5f; font-weight:bold;}
.f7info{ width:100%; line-height:160%; font-size:1.1vw; color:#142f5f;}

/*f8*/
.f8bg{ width:100%; background:#f7f8f8; position:relative; padding:4% 0; overflow:hidden;}
.f8{ width:92%; max-width:1220px;  position:relative;  margin:0 auto; text-align:center; overflow:hidden;}
.f8 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f8pic{width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden;}
.f8pic img{ display:block; width:100%;}
.f8txt{width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden;}
.f8txt dl{width:100%;  position:relative; margin-bottom:3%; overflow:hidden;}
.f8txt dt{ width:43.6%; position:relative; float:left; text-align:left; line-height:180%; font-size:22px; color:#142f5f; overflow:hidden;}
.f8txt dd{ width:43.6%; padding-left:6.4%; position:relative; float:right; text-align:left; border-left:#bdbcbc 1px solid; overflow:hidden; }
.f8txt dd img{ display:block; max-width:100%; margin-bottom:3%;}

.albnbg{width:100%; position:relative; margin:0 auto; overflow:hidden;}
.albn{ width:100%; height:0; padding-bottom:43%; position:relative; z-index:1; overflow:hidden; }
.albn li{ width:100%; position:absolute; left:0; top:0; text-align:center; overflow:hidden;}
.albn li img{ width:100%; margin:0 auto; position:relative; z-index:1; }
.albn li span{ display:block; width:96%; font-size:16px; padding:20px 2%; text-align:center; color:#FFFFFF; background:rgba(0,0,0,0.6); position:absolute; left:0; bottom:0; overflow:hidden; z-index:2; }
.bnover{display:none; }
.bncur{display:block;z-index:2;}
.bnpre{ display:none; width:38px; height:71px; background:url(../image/zy.png) 0px 0px no-repeat; text-indent:-99999px; font-size:0; position:absolute; top:43%; left:4%; z-index:2; cursor:pointer;}
.bnnext{ display:none; width:38px; height:71px; background:url(../image/zy.png) -38px 0 no-repeat; text-indent:-99999px; font-size:0;  position:absolute; top:43%; right:4%; z-index:2; cursor:pointer;}

.f8box{ width:100%; position:relative; margin:15px auto 0 auto; overflow:hidden; }
.f8box dl{ width:24%; float:left; position:relative; overflow:hidden;}
.f8bmr{ margin-right:1.33%;}
.f8box dt{ width:100%; height:0; padding-bottom:67.5%; position:relative; overflow:hidden}
.f8box dt img{ display:block; width:100%;}
.f8box dd{ width:100%; height:68px; padding:5px 0; background:#0075c1; text-align:center; color:#FFFFFF; font-size:16px; position:relative; overflow:hidden;}
.f8box dd p{ display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}

/*f9*/
.f9{ width:92%; max-width:1220px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f9 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f9box{ width:100%; position:relative; margin:3% auto 0 auto; overflow:hidden; }
.f9box li{ width:32%;  float:left; position:relative; text-align:center; margin-bottom:1.9%; overflow:hidden; }
.f9mr{ margin-right:1.9%;}
.f9con{ border:#dcdcdc 1px solid; height:0; padding-bottom:28%; position:relative; overflow:hidden;}
.f9con img{ display:block; width:100%; margin:0 auto; position:relative; z-index:1;}
.f9txt{ display:none;width:100%; height:100%; text-align:center; color:#FFFFFF; font-size:14px; background:rgba(26,131,199,0.9); position:absolute; left:0; top:0; z-index:2; overflow:hidden;}
.f9txt p{display:block; width:96%; position:absolute; left:2%; top:50%;transform:translateY(-50%); overflow:hidden;}


/*f10*/
.f10bg{ width:100%; background:#f7f8f8; position:relative; padding:4% 0 3% 0; margin:4% auto 0 auto; overflow:hidden;}
.f10{ width:92%; max-width:1220px; min-height:300px;  position:relative;  margin:0 auto; text-align:center; overflow:hidden;}
.f10 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}

/*f11*/
.f11{ width:92%; max-width:1220px; margin:4% auto 0 auto; position:relative; overflow:hidden;}
.f11 h2{ display:block; width:100%; font-size:2vw; color:#142f5f; text-align:center; overflow:hidden;}
.f11box{ width:100%; position:relative; margin:3% auto 0 auto; text-align:center; overflow:hidden; }
.f11lb{ display:block; width:42%; margin:0 auto 20px auto; padding:0 2%; position:relative; overflow:hidden; z-index:1;}
.f1txt{ display:inline-block; width:48%; height:38px; line-height:38px; border:#e5e5e5 1px solid; border-radius: 19px; }
.f1tl{ float:left;}
.f1tr{ float:right;}
.f1txt input{display:inline-block; width:88%; height:32px; line-height:32px; margin:4px auto; border:none;}
.f1txtb{ display:inline-block; width:100%; height:38px; line-height:38px; border:#e5e5e5 1px solid; border-radius: 19px; }
.f1txtb input{display:inline-block; width:92%; height:32px; line-height:32px; margin:4px auto; border:none;}
.f11sle{ display:block; width:42%; margin:0 auto 20px auto; padding:0 2%; position:relative; z-index:2; }
.f1txtc{ display:block; width:100%; position:relative; text-align:left;}
select{ width:92%; height:32px; line-height:32px; border: solid 1px #FFFFFF; margin:4px auto;}
.f1txtc dl{ position:relative;}
.f1txtc dt{ height:38px; line-height:38px; border:#e5e5e5 1px solid; background:#FFFFFF; border-radius: 19px; position:relative; overflow:hidden; cursor:pointer;}
.f1txtc dt i{ display:block; width:18px; height:10px; position:absolute; right:2%; top:0; }
.f1txtc dt span{ display:block; width:93%; margin:0 auto; color:#142f5f;overflow:hidden; }
.f1txtc dd{ display:none; width:100%; height:200px;  padding:10px 0; background:#FFFFFF;  border:#e5e5e5 1px solid; border-radius: 10px; position:absolute; left:0; top:40px; overflow-y:auto;}
.f1txtc dd p{ display:block; width:94%; padding:5px 3%; margin:0 auto; cursor:pointer; overflow:hidden}
.f1txtc dd p:hover{ background:#142f5f; color:#FFFFFF;}
.f11sub{ display:block; width:190px; height:50px; line-height:50px; background:#0075c2; border-radius: 25px; text-align:center; color:#FFFFFF; font-size:16px; position:relative; margin:4% auto 20px auto; cursor:pointer; border:none;}

/*f12*/
.f12bg{ width:100%; height:0; padding-bottom:28%; position:relative; margin:4% auto 0 auto; overflow:hidden;}
.f12{ width:92%; max-width:1220px;  position:relative;  margin:3% auto 0 auto; text-align:center; overflow:hidden;}
.f12 h2{ display:block; width:100%; font-size:2vw; color:#FFFFFF; text-align:center; overflow:hidden;}
.f12box{ width:100%; position:relative; margin:5% auto 0 auto; color:#FFFFFF; overflow:hidden; }
.f12l{ display:inline-block; width:10.9%; margin-right:2%;}
.f12l img{display:inline-block; width:100%;}
.f12r{ display:inline-block; text-align:left;}
.f12r p{ margin-bottom:2%;}
.f12r span{ font-size:16px; padding-left:10px;}

/*footer*/
.foot{width:92%; max-width:1400px; margin:0 auto; position:relative; text-align:center; padding:20px 0; color:#cccccc; line-height:200%; overflow:hidden;}

/*fanh*/
.fhtop{ width:60px; height:62px; background:url(../image/dingbu.png); position:fixed; right:0; bottom:5%; z-index:9999; cursor:pointer;}
.fhtopov{ display:none;opacity: 0; }
.fhtopcur{display:block;opacity: 1;}

@media screen and (max-width: 1600px) {
	/*top*/
	.mane li{margin:0 0.5%;}
	/*f2*/
	.f2r p span{ margin-top:4%;}
	
	/*f6*/
	/*.f6l p{ margin-bottom:25%;}
	.f6r p{ margin-bottom:25%;}*/
	
	/*footer*/
	
}

@media screen and (max-width: 1200px) {
	/*top*/
	//.mane{ display:none;}
	/*mtag*/
	.mtag{ display:none; width: 30px; height:25px; position:absolute; right:0; top:37.5px; overflow:hidden; }
	.mico{ display:block; width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:0; border-radius: 1.5px; }
	.mico::before{content: ''; display: block;width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:8px; border-radius: 1.5px;}
	.mico::after{content: ''; display: block;width: 30px;height: 3px;background: #FFFFFF; position:absolute; top:16px; border-radius: 1.5px;}
	.mclose{ display: none;width: 30px;height: 3px;background: #FFFFFF;transform: rotate(45deg); margin-top:10px; border-radius: 1.5px; }
	.mclose::after{content: '';display: block;width: 30px;height: 3px;background: #FFFFFF;transform: rotate(-90deg); border-radius: 1.5px;}
	
	/*footer*/
	
}