@charset "gb2312";
/* CSS Document */

body { font-family: Microsoft Yahei, Arial, sans-serif; background-color: #fff; color: #666666; max-width: 6.4rem; margin: 0px auto; font-size:.2rem; background-image:url(../images/icon-bg.png); background-size:.2rem .2rem; background-repeat:repeat;
}
html { background-color: #000; }
* { padding: 0; margin: 0; }
img { border: none; }
em, i { font-style: normal; display: inline-block; }
ul, li { list-style: none outside none; }
h2 {
font-size:.2rem; color:#666666; }
p { text-align:justify; text-justify:distribute-all-lines;
font-size:.2rem;
color:#666666; }
.banner { width: 100%; overflow: hidden; clear: both; }
.banner img { width: 100%; display: block; }
a { text-decoration: none; color:#555; }
.clear { zoom: 1; clear: both; overflow: hidden }
/************************************/

 [class*="icon"]:before, [class^="icon"]:before {
content:"";
background:url(../images/icon.png) no-repeat;
display:inline-block;
background-size:1.07rem 2.4rem;
vertical-align: top;
}
.icon-htit1:before {
width:.6rem;
height:.58rem; background-position:0 0; position:absolute; top:0; left:0; }

.tit{ overflow:hidden; width:100%; text-align:center; margin-top:.321rem;}
.tit h2{ width:100%; height:.54rem;background:url(../images/icon-t.png) no-repeat; background-position:center 0; background-size:2.44rem 3.46rem; margin-bottom: -1px; position: relative;}
.tit_2 h2{ height:.5rem;background-position:center -.56rem; }
.tit_3 h2{ background-position:center -1.09rem; }
.tit_4 h2{ background-position:center -1.73rem; }
.tit_5 h2{ background-position:center -2.3rem; }
.tit_6 h2{ background-position:center -2.87rem; }


.tit span{ display:inline-block; line-height:.2rem; padding:.14rem 0; width:100%; border-top: 1px #ccc solid;}
.video{ padding:0 .2rem; overflow:hidden;}
.video .video_up{ overflow:hidden;}
.video .video_up p{ line-height:.2rem; margin:.18rem 0 0 0;}
.video .video_up p em{ color:#043782;}
.video .video_up p em:before{ content:'';background: url(../images/icon-video.png) no-repeat 0 0 /.28rem .24rem; display:inline-block; width:.3rem; height:.24rem; margin:0 .1rem 0 0;}
.video ul{ overflow:hidden;}
.video ul li{ float:left; width:1.88rem;background: #f0f0f0;}
.video ul li:nth-of-type(2),.video ul li:nth-of-type(5){ margin:0 .18rem;}
.video ul li video{ height:1.56rem;}
.video ul li span{ line-height:.24rem; font-size:.18rem; padding:0 .13rem .1rem .13rem; display:inline-block;}
.v-zx{ overflow:hidden; width:5.25rem; float:left; margin:.25rem 0 0 .38rem;}
.v-zx a{ display:inline-block; width:3.46rem; float:left; line-height:.49rem; background-color:#fda233; text-align:center; color:#fff; font-size:.24rem; border-radius:.1rem;}
.v-zx a:nth-of-type(2){ background-color:#ec695f; width:1.62rem; float:right;}
.v-zx a i{ display:inline-block; width:.26rem; height:.3rem; background:url(../images/icon-hand.png) no-repeat 0 0 / .26rem .3rem;top:.07rem; left: .06rem;position: relative;}
.video_6 ul li{ height:2.2rem;}
.bl{ width:5.86rem; margin:.5rem auto;}


.n_footer .n_f_right p {
}
.n_footer { overflow:hidden; padding:.15rem; background-color:#fff; }
.n_footer .n_f_left { width:30%; margin-right:2%; float:left; }
.n_footer .n_f_right { width:68%; float:left; padding-top:2%; }
.n_footer .n_f_right p { text-align:left; color:#02849e;  display:inline-block; padding:.04rem .08rem; }
.n_footer .n_f_right p:nth-of-type(1) {
border:1px #9c9c9c solid;
}
.n_footer .n_f_right p:nth-of-type(2) {
color:#333;
}
.n_footer .n_f_right p img { width:12%; margin-top:2%; vertical-align: top; }
.n_footer .n_f_right p i { font-size:.16rem; font-style:normal; }

nav{ overflow:hidden; width:100%;  background: -webkit-linear-gradient(left,#006dc2 30%,#012f6d 70%);}
nav ul{}
nav ul li{ width:24.7%; border-right:1px #ccc solid; line-height:.38rem; text-align:center; float:left;}
nav ul li:nth-of-type(4n){ border-right:none;}
nav ul li:nth-of-type(1),nav ul li:nth-of-type(2),nav ul li:nth-of-type(3),nav ul li:nth-of-type(4){ border-bottom:1px #fff solid; padding-top:.04rem;}
nav ul li:nth-of-type(5),nav ul li:nth-of-type(6),nav ul li:nth-of-type(7),nav ul li:nth-of-type(8){ padding-bottom:.04rem;}
nav a{ color:#fff;}