/* 广告 */
.g-adv { height:auto; }
.g-adv .sclwrap_box , .g-adv .m-box{overflow:hidden;}
.g-adv .m-box li img{ width:100%;}
.g-adv .m-cnt{ background:#004288; height: 0.25em;}
.g-adv .m-cnt li{ float:left; width:33.3333%;height: 0.25em; }
.g-adv .m-cnt li.z-on{ background:#ff8b00;}

/* 导航  */
/*导航*/
.m_nav{ height: 14.33em; padding:2em 6% 0 6%; }
.m_nav li{ float:left; color:#004288; text-align:center; font-size: 1.25em; background: #e4e4e4; margin-right: 4%; margin-bottom: 4.8%;text-align: center; position: relative;}
.m_nav a:nth-child(2) li,.m_nav a:nth-child(3) li,.m_nav a:nth-child(6) li,.m_nav a:nth-child(8) li{margin-right: 0;}

.m_nav a:nth-child(1) li{width: 36%; background: #e4e4e4; color: #004288; position: relative;}
.m_nav a:nth-child(1) li:before{
background:url(../images/index/home.png) no-repeat;width: 3.6em;height:3.18em; 
content:"";position:absolute;left:24%;top:10%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.m_nav a:nth-child(2) li,.m_nav a:nth-child(3) li{width: 60%;}
.m_nav a:nth-child(4) li{width: 27%;}
.m_nav a:nth-child(5) li{width: 27%;}
.m_nav a:nth-child(6) li{width: 38%;}




.g_pro h2{background: #004288; padding: 3% 1% 2% 8%; font-size: 1.25em; color: #fff;  position: relative; }
.g_pro h2:before{
background:url(../images/index/ico1.jpg) no-repeat;width: 1em;height:1em; 
content:"";position:absolute;left:2%;top:34%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}


.g_pro .u_lst2{padding:5% 5% 0 5%; }
.g_pro .u_lst2 li{float: left; width: 22%; margin-right: 3%; border: 1px solid #004288; font-size: 1em; color: #004288;text-align: center; line-height: 2.91em;height: 2.91em;margin-bottom: 3%;}
.g_pro .u_lst2 li a{color: #004288;}
.g_pro .u_lst2 li:nth-child(4n){margin-right: 0;}


.g_pro .u_lst1{padding:5% 5% 0 5%; }
.g_pro .u_lst1 li{float: left; width: 47%; margin-right: 5%; z-index: 2;}
.g_pro .u_lst1 li img{width: 100%;border:1px solid #d9d9d9;  padding: 0.1em;
  box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pro .u_lst1 li span{font-size: 1em; color: #7d7d7d; height: 2em; line-height: 2em; text-align: center; display: block; font-weight: normal; overflow: hidden; margin-bottom: 10%;}
.g_pro .u_lst1 a:nth-child(2n) li{margin-right: 0}
.g_pro .u_btn{margin: 0 auto; width: 48%; height:1.75em; background: #767676; border-radius: 3em;text-align: center; color: #fff; line-height: 1.75em; position: relative; z-index: 2; margin-top: 3%; margin-bottom: 1.5em; }


.tel2{ width: 78%;height: 2.5em; border-bottom: 1px solid #efefef; line-height: 2.5em; padding-left: 22%;color: #666666;font-size: 1em; position: relative;
  background: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fefefe), to(#efefef)); 
  background-image: -webkit-linear-gradient(top, #fefefe, #efefef); 
  background-image: -moz-linear-gradient(top, #fefefe, #efefef); 
  background-image: -o-linear-gradient(top, #fefefe, #efefef); 
  background-image: -ms-linear-gradient(top, #fefefe, #efefef); 
  background-image: linear-gradient(top, #fefefe, #efefef);

}

.tel2:before{
content: "";position: absolute; width: 100%;height: 1px;background: #fff;left:0;bottom: 0;

}
.tel2 em{color: #666;font-size: 1.33em;font-weight: normal;}
.tel2:after{
background:url(../images/common/tel.gif) no-repeat;  
content:"";position:absolute;width:1.33em;height:1.33em;left:14%;top:30%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
 


.g_pro .m-cnt{margin-top: 6%; margin-left: 7.5%; margin-right: 5%;}
.g_pro .m-cnt li,.g_pro .m-cnt{height: 2em; line-height: 2em;}
.g_pro .m-cnt li { width: 22%; margin-right: 3%; border: 1px solid #004288; font-size: 1em; color: #004288;text-align: center; line-height: 2.91em;height: 2.91em;margin-bottom: 3%;
    display: inline; overflow: hidden;
    float: left; font-weight: normal;
}
.g_pro .m-cnt li:nth-child(4n){margin-right: 0;}
.g_pro .m-cnt li.z-on {background: #09529f; color: #fff; box-shadow: 2px 2px 3px #d2d1d1;}













/* 产品大PK */
.g_pk{margin-top: 7%;}
.g_pk h2,.g_pk h2 img{width: 100%;display: block;}
.g_pk h3{ margin: 0 8%;background: #e2e2e2; font-size: 1.08em;color: #004d9e; height: 2em;line-height: 2em;border-radius: 0.25em;font-weight: bold; padding-left: 1em; margin-top: 6%; position: relative;}
.g_pk h3 a{color: #004d9e; display: inline-block; margin-right: 28%;}
.g_pk h3 .lasta{margin-right: 0;}
.g_pk h3 em{position: absolute; left:39%; top:-0.83em; width:4em; height: 4em; display: block;}
.g_pk h3 em img{width: 100%;}
.con{float: left;display: inline;position: relative;}
.pk{position: absolute; left:17%;width: 13%;}
.pk img{width: 100%;}
.g_pk .m-cnt{margin-top: 6%; margin-left: 7.5%; margin-right: 5%;}
.g_pk .m-cnt li,.g_pk .m-cnt{height: 2em; line-height: 2em;}
.g_pk .m-cnt li {
    display: inline; color: #999999;
    float: left; font-weight: normal;
    font-size: 1.08em;
    text-align: center;
    width: 25%;
}
.g_pk .m-cnt li.z-on {border-bottom: 0.1em solid #004d9e;position: relative; color: #004288;}
.g_pk .m-cnt li.z-on:before {
    border-left: 0.4em solid transparent;
    border-right: 0.4em solid transparent;
    border-top: 0.4em solid #004288;
    bottom: -21%;
    content: "";
    left: 50%;
    margin-left: -2px;
    position: absolute;
}

.g_pk .u_dlst1{padding: 6% 0 2.5% 3%;}
.g_pk .u_dlst1 dt{float: left; width: 42%; margin-right: 4%;}
.g_pk .u_dlst1 dt img{width: 100%;border:0.15em solid #004288;
	box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;}
.g_pk .u_dlst1 dd{float: left; width: 42%;font-size: 1em;color: #666666;line-height: 1.66em; height: 6.64em;overflow: hidden;}


/* 优势 */
.g_ys{background: #f3f3f3; height: 57.16em;}
.down{width: 100%;height: 1.41em;display: block; left:0;bottom:-0.7em;}
.down img{width: 100%;}
.g_ys h2,.g_ys h2 img{width: 100%;display: block;}
.g_ys .ysimg,.g_ys .ysimg img{width: 100%;display: block;}
.g_ys .m_ys1 h3{
background:url(../images/index/no1.jpg) no-repeat;width: 84%;height:2em; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}

.g_ys .m_ys2 h3{
background:url(../images/index/no2.jpg) no-repeat;width: 84%;height:2em; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}

.g_ys .m_ys3 h3{
background:url(../images/index/no3.jpg) no-repeat;width: 84%;height:2em; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}

.g_ys .m_ys4 h3{
background:url(../images/index/no4.jpg) no-repeat;width: 84%;height:2em; 
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}


.g_ys .m_ys2{padding-top: 5%;}
.g_ys .m_ys3{padding-top: 4%;}
.g_ys .m_ys4{padding-top: 5%;}


.g_ys .m_gy{margin-left: 10%; margin-right: 14%;}
.g_ys .m_gy h3{color: #fff;font-weight: bold;font-size: 1.08em; padding-left: 16%;padding-top: 0.8em;}
.g_ys .m_gy p{font-size: 1em; color: #666666;line-height:1.8em; padding-right: 12%; }
.g_ys .m_gy p b{color: #054c9c;}


.g_hz{height: 14.215em;padding-top: 2em;}
.g_hz h2,.g_hz h2 img{width: 100%;display: block;}
.m_hz { max-width: 640px; min-width: 320px;position: relative;}
.m_hz .nowarp { margin: 2% 17% 0 17%;overflow: hidden;position: relative;width: 66%;}
.m_hz .m-box {color: #fff; text-align: center; width: 66%;}
.m_hz .prev, .m_hz .next { width: 2em; height: 2em;position: absolute;text-align: center;top: 2.2em;z-index: 99; display: block;}
.m_hz .prev {left: 3%;}
.m_hz .next {right: 3%;}
.m_hz .prev img,.m_hz .next img{ width: 100%;}
.m_hz .con a{ font-size: 1em; color: #666666; width: 46%; display: inline-block; float: left; margin-right: 4%;}
.m_hz .con a:nth-child(2){margin-right: 0;}
.m_hz .con a img{  width: 100%; border:1px solid #aaaaaa;	display: block;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
 }
.m_hz .con span{display: block; height: 2.5em; line-height: 2.5em; overflow: hidden;
background:url(../images/index/sha.png) no-repeat;width: 100%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;

}


.g_anli{ height: 34.9em; padding-top: 1.5em;
background:url(../images/index/anlibg.jpg) no-repeat;width: 100%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
}
.g_anli h2,.g_anli h2 img{width: 100%;display: block;
	-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
box-sizing:border-box;
}

.g_anli .u_lst2{padding: 6% 4% 0 4%;}
.g_anli .u_lst2 li{float: left; width: 46%;margin-right: 4%; margin-bottom: 1.1em;}
.g_anli .u_lst2 li img{width: 100%; border: 1px solid #a0a4a9;}
.g_anli .u_lst2 a:nth-child(2n) li{margin-right: 0;}
.g_anli .u_lst2 li em{width: 100%;text-align: center;display: block; height: 2.5em;line-height: 2.5em;overflow: hidden; color: #fff;}




/* 荣誉资质*/
.g_zs{height: 22.2em;}
.g_zs h2{background: #004288; padding: 3% 1% 2% 8%; font-size: 1.25em; color: #fff;  position: relative; }
.g_zs h2:before{
background:url(../images/index/ico1.jpg) no-repeat;width: 1em;height:1em; 
content:"";position:absolute;left:2%;top:34%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}

.m_zs { max-width: 640px; min-width: 320px;position: relative;}
.m_zs .nowarp { margin: 6% 16% 0 16%;overflow: hidden;position: relative;width: 68%;}
.m_zs .m-box {color: #fff; text-align: center; width: 68%;}
.m_zs .prev, .m_zs .next { width: 1em; height: 1.75em;position: absolute;text-align: center;top: 6.5em;z-index: 99; display: block;}
.m_zs .prev {left: 3%;}
.m_zs .next {right: 3%;}
.m_zs .prev img,.m_zs .next img{ width: 100%; }
.m_zs .con a{ font-size: 1em; color: #666666; width: 100%; display: inline-block;}
.m_zs .con a img{  width: 100%; border: 1px solid #acacac;padding: 0.08em;
	-moz-box-sizing:border-box;display: block;
-webkit-box-sizing:border-box;
box-sizing:border-box;

  }
.m_zs .con span{display: block; 
background:url(../images/index/sha2.jpg) no-repeat;width: 100%;height:2.3em;line-height: 2.3em;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;


}


.g_zj{height: 17.83em;}
.g_zj h2{background: #004288; padding: 3% 1% 2% 8%; font-size: 1.25em; color: #fff;  position: relative; }
.g_zj h2:before{
background:url(../images/index/ico1.jpg) no-repeat;width: 1em;height:1em; 
content:"";position:absolute;left:2%;top:34%;
background-size: 100%;
-webkit-background-size: 100%;
-moz-background-size: 100%;
-o-background-size: 100%;
z-index:9;　
}
.g_zj dl{padding: 6% 4% 7% 4%;}
.g_zj dt{float: left; width: 44%;margin-right: 4%;}
.g_zj dt img{  width: 100%; border: 1px solid #8f8f8f;
	-moz-box-sizing:border-box;display: block;
-webkit-box-sizing:border-box;
box-sizing:border-box;

  }
.g_zj dd{float: left;  width: 50%;color: #666666;font-size: 1em;  line-height: 1.66em;}
.g_zj p{margin: 0 4%;}
.g_zj p a{display: block;float: left; width:6.45em;height: 1.75em;line-height: 1.75em;overflow: hidden; margin-right: 2em; background: #7c7c7c;color: #fff;font-size: 1em;text-align: center;border-radius: 3em;}
.g_zj p a:nth-child(3){margin-right: 0;}





/*资讯*/
.zx-c ul{display:inline; float:left; margin-top: 2%; }
.zx-c li{ position:relative; padding-left:7%;   overflow: hidden; position: relative; border-bottom: 1px dashed #cccccc;
margin-left: 6%; margin-right: 3%; font-size: 1em; color: #7d7d7d; line-height:2.4em; height: 2.4em;
}
.zx-c li:last-child {border-bottom: none;}
.zx-c li a{ color: #7d7d7d;}
.zx-c li span{ float:right}
.zx-c li:before{
content: ""; position: absolute;  left:0; top: 42%; width: 0.46em; height: 0.46em; border-radius: 185px; border:2px solid #c1c1c1;z-index:0;　}

.til02{  position: relative; color: #fff;background:#004288;  font-size: 1.25em;}
.til02 li{ float:left; display:inline-block;  text-align:center; color:#fff;  position: relative; color: #fff; width: 33.333%; }
.til02 li.z-on{background: #ff8b00;color: #fff;}
.fnav{margin-left: 16%; margin-bottom: 3%;}
.fnav li{float: left; width: 19%; margin-right: 11%;font-size: 1em;color: #585858;}
.fnav li img{width: 100%;}
.fnav a:nth-child(3) li{margin-right: 0;}



















@media screen and (min-width:320px) {
  body { font-size:75%;}
}
@media screen and (min-width:360px) {
  body { font-size:87%;}
}
@media screen and (min-width:480px) {
  body { font-size:112%;}

}
@media screen and (min-width:568px) {
  body { font-size:131%;}

}
@media screen and (min-width:639px) {
  body { font-size:150%;}
}