@charset "utf-8";
/* CSS Document */
html {font-size: 100%;overflow-y: scroll;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;}
*{ margin:0; padding:0;}
body{ width:100%; max-width: 750px; min-width: 320px;  margin:0 auto; padding:0;font-size:12px; font-size:3.2vw; background:#fff;font-family: "微软雅黑"; overflow: hidden;}
img{ border:0px; }
.fl{ float:left;}
.fr{ float:right;}
.clearfix{*zoom:1;}
.clearfix:after{display:block; overflow:hidden; clear:both; height:0; visibility:hidden; content:".";}
a{ text-decoration:none; }
li{ list-style:none;}
input,select,area,textarea{outline: 0; -moz-outline: 0;/*-webkit-appearance: none;*/font-family: "微软雅黑";}
table{border-collapse:collapse;}
em,i{ font-style: normal;}
@media only screen and (min-width: 320px) and (max-width: 750px) {img {max-width: 100%}}

.auto{width: 95%; margin: 0 auto;}
.pr{position: relative;}
.ani{transition: all .5s ease;-moz-transition: all .5s ease;-webkit-transition: all .5s ease;-o-transition: all .5s ease;}
.blank{width: 100%; padding: 2% 0;display: block; overflow: hidden;}
/* swiper-container */
.swiper-container{width: 100%;height: 19em;}
.swiper-pagination .swiper-pagination-bullet{border: 2px solid #FFFFFF; background: none; opacity: 1; margin: 8px 0 !important;}
.swiper-pagination .swiper-pagination-bullet-active{background:#f47117;border: 2px solid #f47117;}

.head{width: 100%; background: #FFFFFF;}
.logo{padding: 3% 0;}
.lg_img{display: block; width:37.5%; font-size: 0;}
.lg_mu{font-size: 0; display: block; width:8.5%;}

.bg{width: 100%; min-height: 100%; position: absolute; top: 0; z-index: 999; display: none; background: #FFFFFF; max-width: 750px;min-width: 320px;}
.bg_top{padding:3% 2.5%;}
.gz{margin-top: 2%;}
.gz a{display: block; float: left;color: #666666; line-height: 1em; border-right:2px solid #666666; padding-right: 0.5em; margin-right: 0.5em;}
.gz a:last-child{border: 0;}
.close{width:8%; font-size: 0;}
.menu{margin-top: 10%;}
.mcell{position: relative;}
.ma{display: block;text-align: center;color: #333333;line-height:3.5em;}
.mxl{background: #f2f4f8;padding: 3% 0; display: none;}
.mxl a{display: block; text-align: center; line-height: 2.6em; color: #8b99ba;}
.mcell.hover .ma{background: #183475; color: #FFFFFF;}
.bg_bot{margin-top: 5%;;}
.bf{text-align: center;}
.bf_bor{width:3.4em; height: 0.4em; border-bottom: 1px solid #b0b9cf; display: inline-block;vertical-align: middle;}
.bf_wz{color: #697aa0; display: inline-block;padding: 0 1.3em;vertical-align: middle;}
.bf_fx{text-align: center; margin-top:5%;}
.bf_fx a{display: inline-block; width:10%; height: 1.3em;}
.bf1{background: url(../images/14.png) no-repeat center center; background-size: 1.13em;}
.bf2{background: url(../images/15.png) no-repeat center center; background-size: 1.58em;}
.bf3{background: url(../images/16.png) no-repeat center center; background-size: 1.7em;}
.bf4{background: url(../images/17.png) no-repeat center center; background-size: 1.42em;}
.bf1:hover{background: url(../images/9h.png) no-repeat center center; background-size: 1.13em;}
.bf2:hover{background: url(../images/10h.png) no-repeat center center; background-size: 1.58em;}
.bf3:hover{background: url(../images/11h.png) no-repeat center center; background-size: 1.7em;}
.bf4:hover{background: url(../images/12h.png) no-repeat center center; background-size: 1.42em;}
.bf_ser{width: 80%; margin: 0 auto; margin-top: 6%; border-bottom:2px solid #183475;}
.ser_inp{width: 90%; height: 2.4em; line-height: 2.4em;border: 0;}
.ser_inp::-webkit-input-placeholder{color: #8b99ba;}
.ser_btn{width: 10%; height: 2.4em; background: url(../images/18.png) no-repeat center center; border: 0; background-size:1.55em;}
.bg_txt{margin-top:6%; padding:2% 0; text-align: center;color: #bdc5d7; line-height: 1.8em;}
.bg_txt a{color: #bdc5d7;}

.index_title{color:#666666; text-align: center;}
.it_h3{color: #000000;}


.all{ 
	position: relative;
	overflow: hidden;
 -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;}
  
.all:after{
  content: "";
  position: absolute;
  height: 0%;
  left: 50%;
  top: 50%;
  width: 100%;
  z-index: -1;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
.all:after{
  width: 0%;
  border-radius: 50%;
  opacity: 0;
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -webkit-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}

.foot{background: #183475;}
.foot_top{padding:5% 0;}
.foot_logo{display: block; width:46%; font-size: 0; margin: 0 auto;}
.foot_menu{text-align: center; margin-top:4%;}
.foot_menu a{display:block;float: left; color: #FFFFFF; font-weight: bold;width: 16.5%; line-height: 2em;height: 2em; overflow: hidden; }
.fx{text-align: center;margin-top: 5%;}
.fx a{display: inline-block; width:10%; height: 1.3em;}
.fx1{background: url(../images/9.png) no-repeat center center; background-size: 1.13em;}
.fx2{background: url(../images/10.png) no-repeat center center; background-size: 1.58em;}
.fx3{background: url(../images/11.png) no-repeat center center; background-size: 1.7em;}
.fx4{background: url(../images/12.png) no-repeat center center; background-size: 1.42em;}
.fx1:hover{background: url(../images/9h.png) no-repeat center center; background-size: 1.13em;}
.fx2:hover{background: url(../images/10h.png) no-repeat center center; background-size: 1.58em;}
.fx3:hover{background: url(../images/11h.png) no-repeat center center; background-size: 1.7em;}
.fx4:hover{background: url(../images/12h.png) no-repeat center center; background-size: 1.42em;}
.foot_bottom{text-align: center;color: #FFFFFF;background: #0c1f4a; line-height: 1.8em; padding: 1.5% 0;}
.foot_bottom a{color: #FFFFFF;}


.font16{font-size:12px;font-size: 2.1vw;}
.font18{font-size:12px;font-size: 2.4vw;}
.font20{font-size:12px;font-size: 2.7vw;}
.font22{font-size:12px;font-size: 2.9vw;}
.font24{font-size:12px;font-size: 3.2vw;}
.font26{font-size:14px;font-size: 3.45vw;}
.font28{font-size:14px;font-size: 3.7vw;}
.font30{font-size:16px;font-size: 4vw;}
.font32{font-size:16px;font-size: 4.25vw;}
.font34{font-size:18px;font-size: 4.65vw;}
.font36{font-size:18px;font-size: 4.8vw;}
.font38{font-size:20px;font-size: 5vw;}
.font40{font-size:20px;font-size: 5.3vw;}
.font42{font-size:22px;font-size: 5.6vw;}
.font44{font-size:22px;font-size: 5.87vw;}
.font46{font-size:24px;font-size: 6.14vw;}
.font48{font-size:24px;font-size: 6.4vw;}
.font50{font-size:26px;font-size: 6.7vw;}
.font52{font-size:26px;font-size: 6.9vw;}
.font54{font-size:28px;font-size: 7.2vw;}
.font56{font-size:28px;font-size: 7.5vw;}
.font58{font-size:30px;font-size: 7.7vw;}
.font60{font-size:30px;font-size: 8vw;}
.font64{font-size:32px;font-size: 8.5vw;}
.font80{font-size:40px;font-size: 10.6vw;}
.font0,.font{font-size: 0;line-height:0;}

@media screen and (min-width:750px) and (max-width:2000px){
	.font16{font-size: 16px;}
	.font18{font-size: 18px;}
	.font20{font-size: 20px;}
	.font22{font-size: 22px;}
	.font24,body{font-size:24px;}
	.font26{font-size: 26px;}
	.font28{font-size: 28px;}
	.font30{font-size: 30px;}
	.font32{font-size: 32px;}
	.font34{font-size: 34px;}
	.font36{font-size: 36px;}
	.font38{font-size: 38px;}
	.font40{font-size: 40px;}
	.font42{font-size: 42px;}
	.font44{font-size: 44px;}
	.font46{font-size: 46px;}
	.font48{font-size: 48px;}
	.font50{font-size: 50px;}
	.font52{font-size: 52px;}
	.font54{font-size: 54px;}
	.font56{font-size: 56px;}
	.font58{font-size: 58px;}
	.font60{font-size: 60px;}
	.font64{font-size: 64px;}
	.font80{font-size: 80px;}
	.font100{font-size: 100px;}
}


.bf2 { position:relative;}
.bf2 img { position:absolute; top:-140px; left:-20px; display:none}
.fx2 { position:relative;}
.fx2 img { position:absolute; top:-140px; left:-20px; display:none}