@charset "utf-8";
/*初始化样式*/
html{height:100%;font-size: 100px; background-color: #000;}
body{padding:0;height:100%;margin:0 auto;zoom:1;font-family:"微软雅黑",Arial,"宋体";color:#333;width:100%;max-width: 7.5rem; }
dd,div,dl,dt,form,li,ul{padding:0;margin:0}
.ul,.ul li{list-style:none}
.h1,.h2,.h3,.h4,.h5,.h6,.p{padding:0;margin:0}
p{margin:0}
/*强制去除表单自带的样式*/
input,select,textarea{border-radius:0;-webkit-border-radius:0;color:#414446}
input:focus{outline:0}
body.hide{overflow:hidden}
button,input,select,textarea{outline:0}
/*强制去除textarea自带的样式*/
textarea{resize:none}
input,select,textarea{background:0 0;border:none;margin:0;padding:0}
/*html5设置*/
article,aside,figcaption,figure,footer,header,hgroup,nav,section{display:block}
figcaption,figure{margin:0;padding:0}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
img{border:none;border:0;vertical-align:top;max-width:100%}
span{outline:0}
a{color:#414446;text-decoration:none;color:#333}
a:focus{outline:0;-moz-outline:none}
a:hover{text-decoration:none;color:#fff}
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
:after,:before{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;position:relative;overflow-x:hidden}
.animate5s{transition:all .5s linear;-webkit-transition:all .5s linear;-moz-transition:all .5s linear;-ms-transition:all .5s linear;-o-transition:all .5s linear}
.animate3s{transition:all .3s linear;-webkit-transition:all .3s linear;-moz-transition:all .3s linear;-ms-transition:all .3s linear;-o-transition:all .3s linear}
.textover{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.textovers{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.t-center{text-align:center}
.t-left{text-align:left}
.t-right{text-align:right}
/*清楚浮动*/
.clear{clear:both;height:0;overflow:hidden}
.clearfix:after{content:".";display:block;height:0;visibility:hidden;clear:both;font-size:0}
.clearfix{zoom:1}
/*初始化样式*/
.f_l{float:left;display:inline-block}
.f_r{float:right;display:inline-block}
/**动画**/
[data-animation]{opacity:0}
.animated{opacity:1}
.container{ width: 7.4rem; }
.color_main{ color:#0065a3; }
.color0{ color:#fff; }
.color1{ color:#333; }
.color2{ color:#555555; }
.color3{ color:#666666; }
.color4{ color:#999999; }
.f46{ font-size: 0.46rem; }
.f40{ font-size: 0.4rem; }
.f34{ font-size: 0.34rem; }
.f32{ font-size: 0.32rem; }
.f30{ font-size: 0.3rem; }
.f26{ font-size: 0.26rem; }
.f28{ font-size: 0.28rem; }
.f24{ font-size: 0.24rem; }
.f22{ font-size: 0.22rem; }
.f20{ font-size: 0.2rem; }
.f18{ font-size: 0.18rem; }
.fzup{ text-transform: uppercase; }

.Ohide{ overflow: hidden; }
/**头部**/
#Header{ position: absolute; width: 100%; left:0; top:0; color:#fff; padding:0.15rem 0; }
#Header .cn{ font-size: 0.26rem; line-height: 1.2em; }
#Header .en{ font-size: 0.22rem; line-height: 1.2em; }
#Header{}

/**Banner**/
#Banner{}
#Banner .Box{ position: absolute; display: block; left: 0; width: 100%; top:2.25rem; }
#Banner .Btn{ line-height: 1.8em; padding:0 0.15rem; border-radius: 0.05rem; color:#fff; background:#0065a3; display: inline-block; position: relative; }
#Banner .Btn:after{ content: ""; border:0.05rem solid transparent; border-top:0.08rem solid #0065a3; border-bottom:0 none; position: absolute; left: 50%; margin-left: -0.05rem; top:100%; }
#Banner .title{ line-height: 1.2em; color:#ffea00; margin:0.18rem 0 0.05rem; }
#Banner .word{ color:#fff; line-height: 1.2em; }
#Banner .word2{ margin-top: 0.1rem; line-height: 1.2em; }
#Banner .cont{ color:#fff; padding-top: 0.15rem; }
#Banner .cont .word{ opacity: 0.7; }

.JtBox{ display: block; position: absolute; left: 0; bottom:-0.01rem; border:7.5rem solid transparent; border-bottom-width: 0.65rem; border-top:0; }
.jt_color0{ border-bottom-color:#fff; }
.jt_color1{ border-bottom-color:#0065a3; }
.TitBox{ padding:0.2rem 0 0.42rem; }
.TitBox .icon{}
.TitBox .icon img{ display: block; margin:0 auto; }
.TitBox .title{ font-size: 0.4rem; line-height: 1.3em; font-weight: bold; }
.TitBox .longtitle{ font-size: 0.24rem; line-height: 1.4em; text-transform: uppercase; }
#Main{}
#Block1{ padding-bottom: 0.85rem; background: #fff; position: relative; }
#Block1 .TitBox{ padding-bottom: 0.2rem; }
#Block1 .Box{ font-size: 0; text-align: center; }
#Block1 .Box a{ display: inline-block; width: 49.15%; font-size: 0.24rem; line-height: 0.76rem; border-radius: 0.05rem; text-align: center; }
#Block1 .Box a strong{ font-size: 0.34rem; vertical-align: middle; margin-left: 0.08rem }
#Block1 .Box .tel1{ width:57%; background:url(../images/i_bg1.png) no-repeat center/100% 100%; color:#fff; }
#Block1 .Box .tel2{ background-color: #ffea00; color:#333333; margin-left: 1.7%; }
#Block2{ background-color: #0065a3; padding-bottom: 1.15rem; padding-top: 0.1rem; position: relative; }
#Block2 .word{ line-height: 1.4em; color:#fff; margin-bottom: 0.2em; }
#Block2 .word2{ color:#fff; opacity: 0.6; line-height: 1.5em; margin-bottom: 1.5em; }
#Block2 .ul{ color:#ffffff; font-size: 0; padding-top: 0.6rem; }
#Block2 .ul li{ vertical-align: top; display: inline-block; width: 48.6%; padding:0 0.15rem 0.25rem; position: relative; margin-bottom: 0.35rem; }
#Block2 .ul li:before{ content: ""; display: block; position: absolute; left: 0; top:0.7rem; right: 0; bottom: 0; border-radius: 0.05rem; border:0.01rem solid rgba(255,255,255,0.3); }
#Block2 .ul li:nth-child(2n+1){ margin-right: 2.8%; }
#Block2 .ul .img{ margin-bottom: 0.1rem; position: relative; z-index: 2; }
#Block2 .ul .img img{display: block; margin:0 auto; width: 1.25rem;}
#Block2 .ul .tit1{ font-size: 0.32rem; font-weight: bold; line-height: 1.2em; }
#Block2 .ul .tit2{ font-size: 0.26rem; opacity: 0.5; line-height: 1.2em; margin-bottom: 0.25rem; }
#Block2 .ul .cn{ font-size: 0.24rem; line-height: 1.2em; }
#Block2 .ul .en{ font-size: 0.2rem; line-height: 1.2em; opacity: 0.5; }
#Block3{ padding-bottom: 1.5rem; background: #fff; padding-top: 0.15rem; position: relative; }
#Block3 .TitBox{ padding-bottom: 0.27rem; }
#Block3 .TitBox .icon{ padding-bottom: 0.05rem; }
#Block3 .ul{ font-size: 0; border-bottom:1px solid #dddddd; border-right:1px solid #dddddd; }
#Block3 .ul li{ width: 25%; border-left:1px solid #dddddd; border-top:1px solid #dddddd; display: inline-block; vertical-align: middle; overflow: hidden; }
#Block3 .ul li img{ display: block; width: 100%; }
#Block4{ background-color: #0065a3; padding-bottom: 1.3rem; position: relative; }
#Block4 .ul{ font-size: 0; }
#Block4 .ul li{ background-color: #fff; }
#Block4 .ul li+li{ margin-top: 0.06rem; }
#Block4 .ul li .imgBox{ width: 50%; display: inline-block; vertical-align: middle; position: relative; }
#Block4 .ul li:nth-child(even) .imgBox{ float: right; }
#Block4 .ul li .mark{ position: absolute; top:50%; width: 100%; text-align: center; background:transparent; margin-top: -0.54rem; }
#Block4 .ul li .mark .word{ display: inline-block; vertical-align: middle; border-radius: 0.05rem; border:0.01rem solid rgba(255,255,255,0.3); font-size: 0.4rem; line-height: 1.06rem; padding:0 0.8em; color:#fff; }
#Block4 .ul li .cont{ width: 50%; display: inline-block; vertical-align: middle; text-align: left; padding:3.5%; position: relative; }
#Block4 .ul li .cont:before{ border:0.08rem solid transparent; content: ""; display: block; position: absolute; top:50%; margin-top: -0.08rem; }
#Block4 .ul li .tit{ font-size: 0.3rem; line-height: 1.2em; color:#0065a3; position: relative; margin-bottom: 0.1rem; padding-left: 0.2rem; }
#Block4 .ul li .tit:before{ content: ""; display: block; position: absolute; border-radius: 50%; background-color: #0065a3; height: 0.08rem; width: 0.08rem; position: absolute; left: 0.02rem; top:0.6em; }
#Block4 .ul li .t_word{ font-size: 0.24rem; line-height: 1.2em; color:#555555; }
#Block4 .ul li .t_word+.tit{ margin-top: 0.22rem; }
#Block4 .ul li:nth-child(odd) .cont:before{ right: 100%; border-right: 0.1rem solid #fff; }
#Block4 .ul li:nth-child(even) .cont:before{ left: 100%; border-left: 0.1rem solid #fff;}
#Block5{ background-color: #fff; padding-top: 0.08rem; padding-bottom: 1.5rem; position: relative; }
#Block5 .TitBox{ padding-bottom: 0.3rem; }
#Block5 .word1{ font-size: 0.26rem; line-height: 1.4em; color:#333333; margin-bottom: 0.12rem; }
#Block5 .word2{ font-size: 0.2rem; line-height: 1.2em; color:#555555; }

/**底部**/
#Footer{ background-color: #0065a3; padding-top:0.05rem; padding-bottom: 1rem; }
#Footer .TitBox{ padding-bottom: 0.25rem; }
#Footer .word{ font-size: 0.26rem; line-height: 1.3em; color:#fff; padding-bottom: 0.65rem; }
#Footer .word p{ padding:0.04rem 0; }
#Footer .word .copy{ opacity: 0.5; margin-top: 0.05rem; }

/**底部悬浮**/
#Nav{ position: fixed; left: 50%; margin-left: -3.75rem; bottom: 0; font-size: 0; width: 7.5rem; text-align: center; z-index: 9; }
#Nav .wid{ width: 50%; display: inline-block; position: relative; }
#Nav .phone{ background-color: #1f90d6; }
#Nav .phoneapp{ background-color: #0065a3; }
#Nav .word{ display: block; font-size: 0.24rem; color:#fff; height: 1rem; line-height: 1rem; position: relative; z-index: 10; }
#Nav .phone .icon{ background: url(../images/icon1.png) no-repeat center/contain; }
#Nav .phoneapp .icon{ background: url(../images/icon2.png) no-repeat center/contain; }
#Nav .icon{ width: 0.46rem; height: 100%; display: inline-block; vertical-align: middle; margin-right: 0.13rem; }
#Nav .jt{ display: inline-block; height: 100%; width: 0.25rem; background:url(../images/icon_jt.png) no-repeat center 47%; vertical-align: middle; margin-left: 0.18rem; }
#Nav .TankBlock{ left: 0; position: absolute; width: 100%; bottom:100%; text-align: left; background-color: #1f90d6; transform: translateY(100%); -webkit-transform: translateY(100%); -moz-transform: translateY(100%); -ms-transform: translateY(100%); -o-transform: translateY(100%); opacity: 0; }
#Nav .cont{ display: block; color:#fff; font-size: 0.26rem; line-height: 1.4em; border-bottom: 0.01rem solid rgba(255,255,255,0.4); padding:0.18rem 10.6%; text-align: center; }
#Nav .cont .cn{}
#Nav .cont .en{}
#Nav .TankBlock a{ display: block; font-size: 0.28rem; line-height: 1.6em; padding:0.24rem 10.6%; }
#Nav .TankBlock a i{ font-style: normal; margin-left: 0.15rem; }
#Nav .TankBlock .number1{ color:#fff; }
#Nav .TankBlock .number2{ color:#333333; background-color: #ffea00; }
#Nav .phone .TankBlock{}
#Nav .phoneapp .TankBlock{}
#Nav .on .TankBlock{ transform: translateY(0); -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); opacity: 1; }

@media screen and (min-width: 768px){
	html{ font-size: 60px; }
}