﻿
@charset "utf-8";
html{min-width: 320px;color: #666;}
body{font-family: Arial, Helvetica, STHeiTi, sans-serif;font-size: 1.3rem;line-height: 2.4rem;}
html,body,div,h1,h2,h3,h4,h5,h6,ul,ol,dl,li,dt,dd,p,blockquote,pre,form,fieldset,table,th,td,span,input,textarea{margin: 0;padding: 0;}
h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 1.3rem;}
li, ol{list-style:none;}
ins{text-decoration:none;}
i, em{font-style:normal;}
i, em{font-style:normal;}
a{text-decoration:none;font-family:Arial;}
a:hover{cursor:pointer;text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
:focus{outline:0;}
.clear{clear:both;line-height:0px;overflow:hidden;zoom:1;font-size:0px;content:'.';}
.clearfix:after{visibility: hidden;display: block;font-size: 0;content: " ";clear: both;height: 0;}
img{padding:0;margin:0;}
a img{border:none;}
input,textarea{border:none;font-family:Arial;}
h1, h2, h3, h4, h5, h6{font-weight:normal;font-size: 14px;}
/*排版通用*/
.f-mm{ margin-left:auto; margin-right:auto;}/*居中对齐*/
.f-fl{ float:left;} /*左浮动*/
.f-fr{ float:right;} /*右浮动*/
.f-tr{ text-align:right;} /*右对齐*/
.f-tl{ text-align:left;} /*左对齐*/
.f-tc{ text-align:center;} /*中间对齐*/
.f-pr{ position:relative;} /*定位*/
.f-di{ display:inline;}

/* -- 页面整体布局 -- */
.wrap{min-width:320px; max-width:750px; margin:0 auto; overflow:hidden; position:relative;} /*网站首页宽度*/
.wrap img{ width:100%; display:block;}

/*-------CSS3特效集合--------*/
@keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes xshow {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@keyframes xshow2 {0% {opacity:0;}20% {opacity:1;}40% {opacity:0;}60% {opacity:1;}80% {opacity:0;}100% {opacity:0;}}
@-webkit-keyframes xshow2 {0% {opacity:0;}25% {opacity:1;}50% {opacity:0;}75% {opacity:1;}100% {opacity:0;}}
@-webkit-keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100%{box-shadow:0 0 5px #808080;}}
@keyframes buttonHover{0% {box-shadow:0 0 5px #808080;}50% {box-shadow:0 0 12px #808080;}100% {box-shadow:0 0 5px #808080;}}

/* 夜间模式  */
.nightMode{ position:fixed; top:0; left:0; z-index:9999; width:100%; height:150%; background:#000;opacity:0.0;display:none; pointer-events:none;}
 
/*----------------------------------------------------------------------------------------------------------------------------*/
html{font-size:10px;-webkit-text-size-adjust:none;-webkit-tap-highlight-color:rgba(0,0,0,0);}
@media screen and (min-width:320px){html{font-size:8.5333px;}}
@media screen and (min-width:360px){html{font-size:9.6px;}}
@media screen and (min-width:375px){html{font-size:10px;}}
@media screen and (min-width:400px){html{font-size:10.66666666666px;}}
@media screen and (min-width:414px){html{font-size:11.04px;}}
@media screen and (min-width:440px){html{font-size:11.73333333333333px;}}
@media screen and (min-width:480px){html{font-size:12.8px;}}
@media screen and (min-width:520px){html{font-size:13.86666666666667px;}}
@media screen and (min-width:560px){html{font-size:14.93333333333333px;}}
@media screen and (min-width:600px){html{font-size:16px;}}
@media screen and (min-width:640px){html{font-size:17.06666666666667‬px;}}
@media screen and (min-width:680px){html{font-size:18.1333333333px;}}
@media screen and (min-width:700px){html{font-size:18.66666666666667px;}}
@media screen and (min-width:720px){html{font-size:19.2px;}}
@media screen and (min-width:750px){html{font-size:20px;}}


 .g_hd{height:auto;font-family: "Microsoft Yahei";position: relative;background:#fff;}
.logo_nr{height: 5.6rem;box-sizing: border-box;}
.mlogo{float: left;width: 23.67%;margin-top: 1rem;height: auto;margin-left:2.66%;}
.mlogo img{width: 100%;height: auto;display: block;}
.menu{width: 100%;position:relative;}
.u-text{background: #21499b;overflow: hidden;color: #fff;font-size:1.6rem;height: 3.5rem;line-height: 3.5rem;}
.u-text a{width:25%;color: #ffffff;display: block;font-family: "Microsoft Yahei";font-weight: normal;float: left;background: url(images/tpxt.png) no-repeat right center;background-size: 1px 1.1rem;text-align: center;}
.u-text span:last-child a{background:none;}
.menu_ico{display: block;color: #ffffff;top:1.3rem;right: 2.66%;width: 3.2rem;height: 2.35rem;cursor: pointer;position: absolute;}
.menu_ico img{width: 100%;display: block;}
.menu_down{display: none;width: 100%;background: rgba(33,73,155,0.95);height: auto;position: absolute;top:5.6rem;right: 0;z-index: 9;}
.menu_down ul{padding:2rem 12.5% 5rem;}
.menu_down li{color: #fff;font-size:1.8rem;line-height: 3.8rem;height: 3.8rem;border: 1px solid #cbcbcb69;border-radius: 1.5rem;margin-bottom: 1.2rem;text-align: center;}
.menu_down li a{color:#fff;display: block;}
 
.logo_nr h2{margin-top:1.5rem;margin-left: .5rem;padding-left: 1rem;width: 21rem;float: left;font-size:1.4rem;color:rgba(0, 0, 0, 0.6);font-weight: normal;text-align: left;line-height: 1.8rem;position: relative;background:url(images/logo_line.png) no-repeat left 5px;}
.logo_nr h2 b{color: #191919;font-size:1.6rem;font-weight: bold;display: block;line-height: normal;}
.logo_nr h2 b i{color:#21499b;}


 
	
.flx{display: block;}
.flx p{text-align: center;height: 3.7rem;line-height: 3.7rem;font-size: 1.3rem;}
.flx p a{display: inline-block;padding: 0 1.3rem;}
.flx p a:first-child{padding-left: 0;}
.flx p a:last-child{padding-right: 0;}
.flx ul{margin: 0 4% ;}
.flx li{height: 4.2rem;border-top: 1px solid #e2e2e2;clear: both;line-height: 4.2rem;}
.flx li a{color: #21499b;}
.flx li b{padding-left: 2.1rem;background-size:1.65rem 1.65rem!important;float: left;font-size: 1.5rem;}
.flx li span{font-size: 1.8rem;font-family: Times New Roman;}
.flx li em{line-height: 1.99rem;display: block;float: left;width: 73.6%;padding: 1rem 0;font-size: 1.4rem;}


.g-ft{width: 100%;height: 36rem;max-width:750px;min-width:320px;margin:0 auto;padding: 2.88rem 0 0;background: #f7f8fa;}
.g-ft h3{width: 4.1rem;height: 4.1rem;position:fixed;bottom:6.5rem;right:0.5rem;z-index:10;}
.g-ft h3 img{width: 4.1rem;height: 4.1rem;}

.fwz{width: 92%;margin: 0 auto;height: 18rem;}
.fwz b{display: block;height: 2.0rem;line-height: 1.9rem;font-size: 1.6rem;color: #525252;text-align:center;padding-bottom:2rem;}

.f_left{width: 38%;float: left;}
.f_left em{width: 11rem;height: 11rem;display: block;line-height: 0;border: #e7e7e7 1px solid;}
.f_left em img{width: 11rem;height: 11rem;}
.f_left span{display: block;width: 11rem;text-align: center;font-size: 1.3rem;height: 2rem;line-height: 2rem;overflow: hidden;color:#333;}
.f_right{width: 60%;float: left;}
.f_right p{font-size: 1.4rem;color:#333;line-height: 2rem;margin-top: 1rem;}
.f_right p a{color:#333;display: inline-block;color: #525252;/* width: 24.33%;*/box-sizing: border-box;padding: 0 0rem 0 0rem;position: relative;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;/* float: left;*//* margin-top: 1rem;*/}
.f_right span{font-size: 1.4rem;color: #525252;display: block;}
.f_right b{display: block;height: 2.5rem;line-height: 1.6rem;padding-top: .5rem;font-size: 1.5rem;}
.f_right b a{display: block;color: #000;font-size: 1.6rem;font-family: "DINOT";}
.f_right em{width: 1.8rem;height: 1.8rem;display: block;float: left;line-height: 0;padding-right: 0.5rem;}
.f_right em img{width: 1.8rem;height: 1.8rem;}
.f_right p a:nth-child(3n-1) { margin: 0 6% .0rem; }

.g_fnva{background: #21499b;background-size: 100%;height:3.8rem;position:fixed;bottom:0;min-width:320px;max-width:750px;width:100%;z-index:5;font-size: 1.5rem;}
.g_fnva li{height:3.8rem;line-height: 3.8rem;float:left;text-align: center;color:#fff;position:relative;width: 30%;}
.g_fnva li:before{content: "";position: absolute;width: 1px;height:3.8rem;background:#757575;-webkit-background-size:100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;top: 0rem;left: 0;}
.g_fnva li:after{content: "";position: absolute;width: 0px;height:3.8rem;background:#848484;-webkit-background-size:100%;-moz-background-size: 100%;-o-background-size: 100%;background-size: 100%;top: 0rem;right: 0;}
.g_fnva a:nth-child(4) li:after{width:0;border: 0;background:none;}
.g_fnva a:nth-child(1) li:before{width:0;border: 0;background:none;}
.g_fnva a:nth-child(1) li:after{width:0;border: 0;background:none;}
.g_fnva a:nth-child(1) li{background: #c1310f;color: #fff;width: 70%;}
.g_fnva li em{display: block;padding: 0.9rem 0.5rem 0 0.8rem;width:1.6rem;float: left;}
.g_fnva li em img{display:block;width:100%;}
.g_fnva span{ font-size: 2.2rem;}
 



 