@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:#ffffff;font-family: "微软雅黑"; position: relative;}
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;}
table{border-collapse:collapse;}
em,i{ font-style: normal;}
@media only screen and (min-width: 320px) and (max-width: 750px) {img {max-width: 100%; height: auto;}}

.auto{width: 94%; 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;}

/* flexslider */
.flexslider{position:relative;  max-width: 750px; min-width: 320px; width: 100%; margin: 0 auto;height:auto;overflow:hidden;}
.slides{position:relative;z-index:1;}
.slides li{ width:100vw;height:45vw; position:relative;}
.slides li a{ display:block; font-size: 0; width:100%; height:100%;    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.flex-control-nav{width: 100%; position:absolute;bottom:5%;z-index:2; right:0;text-align:center;}
.flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1;}
.flex-control-nav a{display:inline-block;width:25px;height:4px;line-height:40px;overflow:hidden;background:#a9c5d8;cursor:pointer;}
.flex-control-nav .flex-active{background:#e60013;}
.flex-direction-nav{z-index:3; left:0;width:100%;top:45%; display:none;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute;}
.lh-text{width:70vw; height:20vw; position:absolute; left:-100%; top:25%; opacity:0; }
.lh-text.on{left:5vw;top:25%; opacity:1;transition:ease-in-out 1s;}

.ly_banner { width:100vw; height:30vw; background-position:center; background-repeat:no-repeat; background-size:cover; }

.head{width: 100%; padding:2% 0; background: #ffffff; position: relative; z-index: 99;}
.logo{display: block;font-size: 0; width:62%;}
.mig{width:11.5%; height: 100%; position: absolute; top: 0; right: 0; background: url(../images/menu.png) no-repeat center center;background-size: 100%;}

.yqlj{padding:5% 0;}
.yqlj a{display:inline-block; float: left; color: #999999; line-height: 2em; margin-right:0.7rem;}
.yqlj a:hover{text-decoration: underline; color: #146092;}
.foot{text-align: center; background: #333333; color: #7c7c7c; line-height:1.8em; padding: 3% 0;}
.foot a{color: #7c7c7c;}
.hei{display: block; width: 100%;height: 5.2em; overflow: hidden; clear: both;}
.bottom{padding: 0.5em 0; width: 100%; max-width: 750px;min-width: 320px; position: fixed; bottom: 0; z-index: 99; background: #f1f1f1;}
.ba{width: 33.3%; text-align: center;}
.ba_tb{width: 100%; height: 3em; display: block; background-position: center; background-repeat: no-repeat;}
.ba_wz{color: #006bb2; line-height: 1.2em; display: block;}
.ba1{background-image: url(../images/7.png); background-size: 2.4em;}
.ba2{background-image: url(../images/8.png); background-size: 2.25em;}
.ba3{background-image: url(../images/9.png); background-size: 1.7em;}

.bg{width: 100%; height: 100%; overflow: hidden; position: absolute; top: 0; left: 0; background: rgba(0,0,0,0.5); z-index: 999;display: none;}
.bg_right{width: 40%; height: 100%; background: #066caf; right: 0; top: 0; position: absolute;}
.close{width: 14%; display: block;font-size: 0;margin: 8%; }
.ma{display: block; padding: 0 12%; color:#FFFFFF; height: 2.7em; line-height: 2.7em;}
.ma span{display: block; background-image: url(../images/11.png); background-position: right center; background-repeat: no-repeat; background-size: 0.7em; }
.mdiv.hover .ma{background: #00538a;}
.mdiv.hover .ma span{background-image: url(../images/11h.png);}
.mdiv:hover .ma{background: #00538a;}
.mdiv:hover .ma span{background-image: url(../images/11h.png);}
.m_pos{margin-top:-3.1em; display: none; width: 100%; height: 100%; position: absolute; left: -100%; background: #FFFFFF;}
.m_pos a{display: block; width: 100%; height: 3em; line-height: 3em; color: #333333; text-align: center;}
.m_pos a:hover{background: #0c5b90; color: #FFFFFF;}
.code{width: 72%; margin:8% auto; font-size: 0;}
.ph{padding: 0 12%; color: #FFFFFF; line-height: 1.5em;}
.ph p{margin-top:5%; padding-left: 2.3em; background-repeat: no-repeat; background-position: 3% 0.3em;}
.pf1{ background-image: url(../images/13.png); background-size: 1em;}
.pf2{ background-image: url(../images/14.png); background-size: 1.1em;}
.pf3{ background-image: url(../images/15.png); background-size: 1.1em;}




























.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;}
.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;}
	.font100{font-size: 100px;}
}