@charset "utf-8";
body{margin: 0;background: #fff;font-family: Microsoft Yahei;}
*{margin: 0;padding: 0;}
li{list-style-type: none;}
img{border: 0;}
i,em{font-style: normal;font-weight: normal;}
a{color: #000;text-decoration: none;}
.main{position: relative;margin-left: auto;margin-right: auto;min-width: 320px;max-width: 640px;overflow: hidden;}
header{overflow: hidden;width: 100%;height: 5.5em;}
header h1{float: left;width: 15%;margin-left: 3%;margin-top: 3%;}
header h1 img{display: block;width: 100%;}
header .wen{float: left;overflow: hidden;width: 75%;margin-left: 5%;margin-top: 4%;}
header .wen h2{margin-bottom: 0.2em;color: #333;font-size: 1.2em;}
header .wen a{display: block;padding-left: 1.5em;background: url(img/tel.png) no-repeat left center;background-size: 1em;color: #03864d;font-size: 1.4em;font-weight: bold;}
footer{position: fixed;left: 0;bottom: 0;overflow: hidden;width: 100%;padding: .5em 0;background-color: #28282a;}
footer a{display: block;float: left;overflow: hidden;width: 25%;color: #fff;font-size: 1.1em;text-align: center;background: url(img/ico3.jpg) repeat-y right top;}
footer a img{display: block;width: 25%;margin: 0 auto;margin-bottom: .4em;}
nav{overflow: hidden;width: 100%;background-color: #0c5cc8;}
nav a{display: block;float: left;width: 25%;padding: .9em 0;color: #fff;font-size: 1.1em;text-align: center;background: url(img/ico1.jpg) repeat-y right top;border-bottom: 1px solid #79acf2;}
.focus{position: relative;overflow: hidden;width: 100%;margin: 0 auto;}
.focus .hd{position: absolute;z-index: 1;bottom: 0;width: 100%;height: 4px;text-align: center;}
.focus .hd ul{overflow: hidden;display: -moz-box;display: -webkit-box;display: box;height: 4px;background: rgba(51,51,51,0.5);}
.focus .hd ul li{-moz-box-flex: 1;-webkit-box-flex: 1;box-flex: 1;font-size: 0;}
.focus .hd ul .on{background: #db3233;}
.focus .bd{position: relative;z-index: 0;}
.focus .bd li img{width: 100%;}
.focus .bd li a{-webkit-tap-highlight-color:rgba(0, 0, 0, 0);}
.youshi{overflow: hidden;width: 100%;padding: 1em 0;background-color: #0c5cc8;}
.youshi h3{margin-bottom: .2em;color: #fff;font-size: 1.5em;text-align: center;}
.youshi em{display: block;color: #fff;font-size: .7em;text-align: center;opacity: .28;margin-bottom: 1.5em;}
.youshi .ysbox,.ys02 .ysbox{position: relative;overflow: hidden;width: 97%;margin: 0 auto;margin-bottom: 1.5em;}
.youshi .ysbox ul,.ys02 .ysbox ul{overflow: hidden;}
.youshi .ysbox li,.ys02 .ysbox li{overflow: hidden;width: 100%;}
.youshi .ysbox li img,.ys02 .ysbox li img{display: block;width: 60%;margin: 0 auto;margin-bottom: .4em;}
.youshi .ysbox li h4{margin-bottom: .8em;color: #ffff00;font-size: 1.25em;font-weight: normal;text-align: center;}
.youshi .ysbox li h4 a{color: #ffff00;}
.youshi .ysbox li p{width: 98%;margin: 0 auto;color: #fff;font-size: 1em;line-height: 1.5em;text-align: center;}
.youshi .ysbox .hd a,.ys02 .ysbox .hd a{position: absolute;display: block;top: 30%;width: 5%;}
.youshi .ysbox .hd a img,.ys02 .ysbox .hd a img{display: block;width: 100%;}
.youshi .ysbox .btn01,.ys02 .ysbox .btn01{left: 10%;}
.youshi .ysbox .btn02,.ys02 .ysbox .btn02{right: 10%;}
.ys02 h3{margin-bottom: .2em;color: #ffff00;font-size: 1.5em;text-align: center;}
.ys02 em{display: block;opacity: .1;margin-bottom: 1.5em;color: #fff;font-size: .7em;text-align: center;}
.ys02 .ysbox li h4{margin-bottom: .8em;color: #fff;font-size: 1.25em;font-weight: normal;text-align: center;}
.ys02 .ysbox li img{border-radius: 10px;}
.cp,.ys02{overflow: hidden;width: 100%;padding: 1em 0;background: url(img/ysbg.jpg) no-repeat center top;background-size: 100%;background-color: #080c10;}
.cp .prolist{overflow: hidden;display: block;width: 94%;margin: 0 auto;padding: 1.5%;background-color: #fff;}
.cp .prolist li{float: left;width: 50%;}
.cp .prolist li img{display: block;width: 100%;height: 10em;margin: 0 auto;margin-bottom: .5em;border: 1px solid #ccc;}
.cp .prolist li span{display: block;margin-bottom: .5em;color: #333;font-size: 1em;text-align: center;}
.ad{overflow: hidden;width: 100%;padding: 1em 0;background-color: #0c5cc8;}
.ad h3{margin-bottom: .4em;font-size: 1.5em;text-align: center;}
.ad h3 a{color: #fff;}
.ad .num{display: block;margin-bottom: .5em;color: #ffff00;font-size: 1em;text-align: center;}
.ad .btn{display: block;width: 30%;margin: 0 auto;padding: .4em 0;color: #fff;font-size: 1em;text-align: center;background-color: #ffcc00;border-radius: 2em;}
.ys{overflow: hidden;width: 97%;margin: 1.5em auto;}
.ys h3{color: #0c5cc8;font-size: 1.5em;text-align: center;}
.ys>h4{margin-bottom: .3em;color: #999;font-size: 1em;text-align: center;font-weight: normal;}
.ys>em{display: block;opacity: .25;color: #999;font-family: Arial;font-size: .6em;text-align: center;}
.ys>span{display: block;opacity: .25;margin-bottom: 1em;color: #999;font-family: Arial;font-size: .5em;text-align: center;}
.ys .ysbox{position: relative;overflow: hidden;width: 100%;margin-bottom: 1.5em;}
.ys dl{overflow: hidden;width: 100%;}
.ys dt{float: left;width: 10%;background: url(img/ystbg.png) no-repeat center top;background-size: 100%;}
.ys dt em{display: block;margin-bottom: 1%;margin-top: 2%;color: #fff;font-size: 1.5em;text-align: center;}
.ys dt span{display: block;margin-bottom: 2em;color: #fff;font-size: .7em;text-align: center;}
.ys dd{overflow: hidden;float: right;width: 86%;}
.ys dd h4{margin-top: .6em;color: #0c5cc8;font-size: 1.25em;}
.ys dd h5{color: #333;font-size: 1em;font-weight: normal;}
.ys dd em{display: block;opacity: .09;margin-bottom: .6em;color: #383a3a;font-size: .5em;text-transform: uppercase;}
.ys dd p{margin-bottom: .8em;color: #666;font-size: 1em;line-height: 1em;}
.ys dd img{display: block;margin-top: 2em;width: 100%;}
.ys .btn{overflow: hidden;width: 3.6em;margin: 0 auto;}
.ys .btn span{display: block;float: left;width: .5em;height: .5em;margin: 0 .2em;background-color: #c9d0cd;border-radius: .5em;}
.ys .btn span.on{background-color: #0c5cc8;}
.xinwen{overflow: hidden;width: 100%;margin-bottom: 6.6em;}
.xinwen .menu{overflow: hidden;width: 100%;margin-bottom: .5em;}
.xinwen .menu li{float: left;width: 50%;padding: 1em 0;color: #fff;font-size: 1.1em;text-align: center;background-color: #080c10;}
.xinwen .menu li.on{background-color: #0c5cc8;}
.xinwen .newsbox{overflow: hidden;width: 97%;margin: 0 auto;}
.xinwen .newslist{overflow: hidden;width: 100%;}
.xinwen .newslist img{display: block;width: 100%;margin-bottom: 1em;}
.xinwen .newslist .list{overflow: hidden;width: 100%;}
.xinwen .newslist .list li{overflow: hidden;width: 97%;padding-left: 3%;font-size: 1em;line-height: 2.7em;border-bottom: 1px dotted #dcdcdc;background: url(img/ico1.png) no-repeat left center;white-space: nowrap;text-overflow: ellipsis;}
.xinwen .newslist .list li a{color: #666;}
.tit{height: 2.968em;padding: 0 .687em;color: #333;font-size: 1.125em;line-height: 2.968em;text-align: center;background: linear-gradient(180deg , #f2f2f2 0% , #e0e0e0 100%);border-bottom: 1px solid #b0b4bb;}
.tit i{float: left;display: inline;margin-top: .35em;}
.content{margin-bottom: 6em;}
.about{padding: 14px;font-size: 1.2em;line-height: 1.7em;border-top: 1px solid #eee;}
.about p{text-indent: 2em;}
.about span{width: 98%;margin: 0 auto;text-align: center;}
.about img{max-width: 82%;margin: 0 auto;}
.about strong{color: #0c5cc8;font-size: 1.5em;}
.page{clear: both;padding: 3px;text-align: center;}
@media screen and (min-width: 320px){body{font-size: 75%;}}
@media screen and (min-width: 375px){body{font-size: 87.5%;}}
@media screen and (min-width: 480px){body{font-size: 87.5%;}}
@media screen and (min-width: 540px){body{font-size: 112.5%;}}
@media screen and (min-width: 550px){body{font-size: 125%;}}
@media screen and (min-width: 640px){body{font-size: 150%;}}