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

body{ font-family:"Microsoft YaHei"; color:#333; margin:  0 auto;}

ul,dl,dt,dd,p,ol,h1,h2,h3,h4,h5{ margin:0; padding:0;}
ul li,ol li,li{ list-style:none;}
a{ text-decoration:none; color:#333;}
img{ max-width:100%; border:none;}



#box{max-width: 640px;min-width: 320px; width: 100%;margin:  0 auto;}

header{width: 100%;overflow: hidden;padding: 0;margin: 0}
header img{width: 100%;float: left;margin: 0;}


.yyjj-banner{width: 100%;overflow: hidden;margin: 0 auto;}
.yyjj-banner img{width: 100%;margin: 0 auto;float: left;}

.nav{ background-color: #111f41; margin: 0 auto; padding: 5% 3%;}
.nav ul{ overflow: hidden;}
.nav ul li{ float: left; width: 18%; text-align: center; margin: 0 1%;}
.nav ul li span{ display: block; padding-top: 4%;}
.nav ul li a{ color: #fff;}
.nav ul li a img{ width: 68%;}



.banner{width: 100%;background: url("../images/yyjj-bj1.jpg")no-repeat;background-size: 100% 100%; overflow: hidden; padding-top: 2.2rem}
.banner h3{text-align: center;color: #ee9200;font-size: 1.66rem;}

.banner p{text-align: center;color: #858c9f;}
#yyjj-txt{width: 93.75%;overflow: hidden;margin:  2.2rem auto 2rem}
#yyjj-txt h4{float: right;width: 53%;font-size: 1.2rem;padding-bottom: .5rem;color:#9faac6;}

#yyjj-txt  .txt{float: right;width: 53%;font-size: 1rem;line-height: 1.5rem;text-align: left;color:#9faac6;}
#yyjj-txt  .txt{float: right;width: 53%;font-size: 1rem;line-height: 1.5rem;text-align: left;color:#9faac6;}
.clear{clear:both;}

.banner-text{width: 90%;margin: 0 auto 0;text-indent: 2rem;text-align: left!important;line-height: 1.5rem; padding: .5rem 0; font-size: 1rem}

.banner-text-box{ width: 93.75%;}

.banner-txt{width: 64.0625%;margin: 2.9rem auto 2.9rem;height: 2.5rem;line-height: 2.5rem;background: #ffffff;border-radius: .2rem;color: #888888;padding-left: .5rem}
.banner-txt a{color: #888888;}
.banner-txt span{background: #eb8a17;width:31%;float: right; text-align: center;color:#333;border-top-right-radius: .2rem;border-bottom-right-radius: .2rem}
#yyjj-txt  .img{float: left;width: 44%;}

.banner .line-l{width:12.5%;float: left;padding-left: 13.625%;padding-top:5%;z-index: 1}

.banner .line-r{width:12.5%;float: right;padding-right:17.625%;padding-top: 5%;z-index: 1}

.banner-text-box{background: url("../images/yyjj-banner-1.jpg")no-repeat ; background-size: 100% 100%;margin:  0 auto;}


.img-banner{width: 100%;margin:  0 auto; padding: 0;}
.img-banner img{width: 100%;float: left;}

.banner1{width: 100%;background: url("../images/yyjj-banner-bj3.jpg")no-repeat;background-size: 100% 100%; overflow: hidden; padding-top: 2.2rem}

.banner1 h3{text-align: center;color: #ee9200;font-size: 1.66rem;}

.banner1 p{text-align: center;color: #858c9f;}

.banner1 .line-l{width:18.5%;float: left;padding-left: 13.625%;padding-top:5%;z-index: 1}
.t {float: left;margin:0 3% }
.banner1 .line-r{width:18.5%;float: right;padding-right:17.625%;padding-top: 5%;z-index: 1}


.banner-list {width: 93.75%;margin:  0 auto;overflow: hidden;padding-top: 1.25rem;}
.banner-list li{width: 27.67%;float: left;margin-right: 8.3%;margin-bottom: 1.875rem}
.banner-list li img{width: 100%;float: left;}
.banner-list li p{width: 100%;margin-top: .875rem;}


.yyjj-txt{width: 100%;margin: .5rem auto 0;text-align: center;color: #eb8a17;font-size: 1.5rem;line-height: 2.5rem; }
.yyjj-txt-p{width: 100%;text-align: center;color:#ffffff;}

.banner2{width: 100%;background: url("../images/yyjj-banner-bj4.jpg")no-repeat;background-size: 100% 100%; overflow: hidden; padding-top: 2.2rem}

.banner2 h3{text-align: center;color: #ee9200;font-size: 1.66rem;}
.banner2 .line-l{width:18.5%;float: left;padding-left: 13.625%;padding-top:5%;z-index: 1}
.banner2 .line-r{width:18.5%;float: right;padding-right:17.625%;padding-top: 5%;z-index: 1}

.banner2 p{text-align: center;color: #858c9f;}
.banner2-txt{width: 93.75%;margin:  1rem auto ;}
.banner2-txt p{width: 100%;text-align: left;text-indent: 2rem;line-height: 1.5rem;}


.yyjj-ys{width: 100%;overflow: hidden; position: relative;}
.yyjj-ys h2{width: 100%; position: absolute; z-index: 6;top:75%;left:0;font-size:1.16rem;color: #333333;text-align: center; }
.yyjj-ys h2 a{color: #333333; }

.ys{width: 93.75%;margin: 0 auto;overflow: hidden;}
.ys li{width: 21.3%;float: left;margin-right: 4.5%}
.ys li > p{margin-top: .5rem}
.tou{width: 100%;position: relative;}
.tou img{width: 100%;}
.tou p{width: 100%;text-align: center;position: absolute;top:68%; }
.tou-img{position: absolute;width: 1.58rem;top:1%;right: -6%;height: 1.58rem;border-radius: 50%;background: #aa1f1f;font-size: .5rem;line-height: 1.58rem;text-align: center;color: #ffffff;}
.tou-i{position: absolute;width: 1.58rem;top:1%;right: -6%;height: 1.58rem;border-radius: 50%;background: #eb8a17;font-size: .5rem;line-height: 1.58rem;text-align: center;color: #ffffff;}
.tu-ys{width: 93.75%;margin: 2rem auto 2.5rem;}

.banner4{width: 100%;background: url("../images/yyjj-banner-bj5.jpg")no-repeat;background-size: 100% 100%; overflow: hidden; padding-top: 2.2rem;}
.banner4 h3{text-align: center;color: #ee9200;font-size: 1.66rem;}
.banner4 .line-l{width:18.5%;float: left;padding-left: 13.625%;padding-top:5%;z-index: 1}
.banner4 .line-r{width:18.5%;float: right;padding-right:17.625%;padding-top: 5%;z-index: 1}
.banner4 > p{text-align: center;color: #858c9f;}


.tszl{width: 93.75%;margin: 1.5rem auto 0;}
.tszl li:nth-child(odd){width: 48%;float: left;background: #d7def0;border-radius: .2rem;padding: .4rem;box-sizing: border-box}
.tszl li p{text-align: center;color: #888a90;}
.tszl li {margin-bottom: .8rem}
.tszl li:nth-child(even){width: 48%;float: right;background: #d7def0;border-radius: .2rem;padding: .4rem;box-sizing: border-box}
.zl{width: 100%;overflow: hidden;}
.zl img{width: 33%;float: left;}
.zl h2{width: 65%;float: right;color:#333333;margin: .5rem auto;text-align: center;font-size: 1rem;}



.tezl-l{width: 93.75%;height: 3rem;margin: 0 auto }

.tszl-list{width: 48%;float: left;margin: 1.66rem 0 2.5rem;background: #d7def0; border: 3px solid #b0c2f1;height: 3rem;box-sizing: border-box;line-height: 3rem}
.tszl-list img{width: 1rem;float:left;padding-left: 1rem;margin-top: 7%;margin-right: .2rem}


.banner5{width: 100%;background: url("../images/yyjj-banner-bj6.jpg")no-repeat;background-size: 100% 100%; overflow: hidden; padding-top: 2.2rem;}
.banner5 h3{text-align: center;color: #ee9200;font-size: 1.66rem;}
.banner5 .line-l{width:18.5%;float: left;padding-left: 13.625%;padding-top:5%;z-index: 1}
.banner5 .line-r{width:18.5%;float: right;padding-right:17.625%;padding-top: 5%;z-index: 1}
.banner5 > p{text-align: center;color: #858c9f;}
.zjpp{width: 93.75%;margin:  1rem auto ;}
.zjpp li{width: 32%;margin:  0 1% 0 0; float: left;position: relative;}
.zjpp p{width: 100%;position: absolute;top:7%;left:7%;color: #FFF;}


.brand{width: 93.75%;margin:  0 auto;}
.brand li{width: 48%;float: left;position: relative;margin-top: 1.5rem;}
.brand li:nth-child(odd){width: 48%;margin-right: 4%;}
.brand li p {width: 100%;position: absolute;top:29%;left:0%; color: #ffffff;text-align: center;}

.btn {width: 100%;min-height: 8.5rem ;background: #060f27;position: relative;}
.btn  a img{position: absolute;top:-14%;left:3.125%;width: 93.75%;}


.footer_nk{ max-width: 640px; min-width: 320px; margin: 0 auto; padding: 6% 3% 8%; background-color: #060f27;color: #fff;overflow: hidden;box-sizing: border-box;}
.footer_nk ul{ overflow: hidden; border-bottom: 1px #d7def0 solid; padding-bottom: 4%; margin-bottom: 4%; }
.footer_nk ul li{ float: left; width: 25%; text-align: center;}
.footer_nk ul li a{ display: block; border-right: 1px #d7def0 solid; color: #fff;}
.footer_nk ul li:last-child a{ border-right: none;}
.footer_nk ol{ overflow: hidden;}
.footer_nk ol li{ float: left; width: 63%; font-size: .85em; line-height: 1.6em;}
.footer_nk ol li img{ width: 100%}
.footer_nk ol li:first-child{ border-right: 1px #d7def0 solid; width: 30%; margin: 2% 3% 0 0; padding:2% 3% 2% 0;}