@charset "utf-8";
/* CSS Document */
html {font-size: 100%;}
*{ margin:0; padding:0;}
body{ width:100%;  margin:0; padding:0; font-size:3.2vw; background:#FFFFFF;font-family: "微软雅黑"; overflow-x: 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%}}
@media only screen and (max-width: 750px) {img {max-width: 100%}}

.head,.gr_head,.banner,.content,.foot{ max-width:750px; min-width: 320px; width: 100%; margin: 0 auto;}
.auto{width: 93.5%; margin: 0 auto;}
.pr{position: relative;}

/* 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:100%;height:auto; position:relative;}
.slides li a{ display:block; font-size: 0; width:100%; height:100%;}
.flex-control-nav{width: 100%; text-align: center;text-align:center;font-size: 0; margin-top:3%;}
.flex-control-nav li{display:inline-block;margin:0 5px;*display:inline;zoom:1; }
.flex-control-nav a{display:inline-block;width:6px;height:6px;border-radius: 50%; overflow:hidden;background:#e51314;border: 2px solid #e51314; cursor:pointer;}
.flex-control-nav .flex-active{background:#FFFFFF;}
.flex-direction-nav{z-index:3; left:0;width:100%;top:45%;}
.flex-direction-nav li a{display:block;width:50px;height:50px;overflow:hidden;cursor:pointer;position:absolute ;}

.head{width: 100%; position: fixed; top: 0; left: 0; background: #FFFFFF; z-index: 9;}
.hei{width: 100%; display: block; overflow: hidden; clear: both;}
.logo{padding:2.5% 0;}
.lo_ps{width:17%;text-align:center;}
.l_tx{width:68%; border-radius: 50%; overflow: hidden; display:block;margin:0 auto;}
.l_img{width: 60.5%; text-align: center; margin-top:3.5%;}
.l_img span{width:47%; display: inline-block;}
.l_menu{width:7.5%; margin-top:3.5%;}
.l_menu img{width:100%;}

.foot{background: #323232; color: #FFFFFF; text-align: center; padding:4% 0; width: 100%; }
.foot_top{padding-bottom:3%;}
.ft_img{width: 16%; margin: 0 auto; display: block;}
.ft_txt{color: #a2a2a2; line-height: 2.4em;}
.foot_bottom{line-height:2em;}
.foot_bottom a{color: #FFFFFF;}

.menu_bg{width: 100%; height: 100%;max-width:750px; background: rgba(0,0,0,0.5);position: fixed; top: 0; left: 0; z-index: 999; display: none;}
.menu{width: 50%; height: 100%; background: #444444; position: absolute; top: 0; right: 0;}
.menu_ul{padding-top:20%;}
.mli{text-align: center; line-height:1.5em; margin-top: 2em;}
.mli a{color: #FFFFFF;}
.m_close{display: block; width: 15%;  font-size: 0; position: absolute; top:5%; right:8%;}
.m_bot{width: 82%; bottom: 5%; left:9%; position: absolute;}
.m_ph{color: #FFFFFF;}
.m_ser{text-align: center; border: 2px solid #FFFFFF; border-radius: 2em; overflow: hidden; margin-top:8%;}
.m_txt{width:69%; height: 2.2em; padding: 0 6%; background: none; border: 0; color: #FFFFFF;}
.m_btn{width: 19%;height: 2.2em; border: 0; background: url(../images/9.png) no-repeat left center; background-size: 1.17em;}

.gh_logo{padding:2.5% 0;}
.gh_return{width: 2.2%;}
.gh_txt{width: 92%; text-align: center; line-height: 1em;}
.bg{background: #f2f2f2;}

.font16{font-size: 2.1vw;}
.font18{font-size: 2.4vw;}
.font20{font-size: 2.7vw;}
.font22{font-size: 2.9vw;}
.font24{font-size: 3.2vw;}
.font26{font-size: 3.45vw;}
.font28{font-size: 3.7vw;}
.font30{font-size: 4vw;}
.font32{font-size: 4.25vw;}
.font34{font-size: 4.65vw;}
.font36{font-size: 4.8vw;}
.font38{font-size: 5vw;}
.font40{font-size: 5.3vw;}
.font46{font-size: 6.14vw;}
.font48{font-size: 6.4vw;}
.font54{font-size: 7.2vw;}
.font58{font-size: 7.7vw;}
.font100{font-size:13.3vw;}
.font0,.font{font-size: 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;}
	.font46{font-size: 46px;}
	.font48{font-size: 48px;}
	.font54{font-size: 54px;}
	.font58{font-size: 58px;}
	.font100{font-size: 100px;}
}
.close{display: block; width: 1rem;height:1rem;background:url(../images/sp_close.png) no-repeat center center;background-size: cover; position: absolute;left:0; top: 0;}



.ph_kf {display: block;
    width: 190px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    color: #FFFFFF;
    background: #b10d18;
    font-size: 15px;
    font-weight: bold;
    margin-top: 22px;
	margin:0 auto}
	
.ph_kf span {
    background: url(/images/13.png) no-repeat left center;
    display: inline-block;
    padding-left: 35px;
}