

.wrap img{ width: 100%;}

.ban{line-height: 0;overflow: hidden;}
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { *zoom: 1; }

.banner { width: 100%; position: relative; overflow: hidden; }
.banner img { display: block; width: 100%; position: relative; }
.banner li { width: 100%; position: relative; width: 100%; overflow: hidden; float: left; -webkit-flex-shrink: 0; -ms-flex: 0 0 auto; -ms-flex-negative: 0; flex-shrink: 0; height: 100%; position: relative; }
.banner ul { width: 100%; height: 100%; z-index: 1; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; box-sizing: content-box; }
.banner .bannerbtn { width: 100%; text-align: center;z-index: 20; color: #fff;padding: 1.5rem 0 3rem;}
.banner .bannerbtn p span {  overflow: hidden; margin: 0 1rem; cursor: pointer; opacity: 1; width: 10px;height: 10px;background: #6e6e6c;border-radius: 10px;vertical-align: middle;}
.banner .bannerbtn p span.swiper-pagination-bullet-active{ background: #01d0de;}
.banner .bannerbtn p{display: inline-block;width: auto;vertical-align: middle;}
.bannerleft{background:  url(../Images/Index/btnone1.png) no-repeat top center;width: 0.4rem;height: 0.6rem;display: inline-block;background-size: 100%;vertical-align: middle;}
.bannerright{background:  url(../Images/Index/btnone2.png) no-repeat top center;width: 0.4rem;height: 0.6rem;display: inline-block;background-size: 100%;vertical-align: middle;}


.indexone{padding: 1.5rem 3% 2rem;}
.onelistbox{margin:0 -.5rem}
.onelist{float: left;width: 50%;box-sizing: border-box;position: relative;}
.onelist img{display: block;width: 100%;}
.onelist{padding:0 .5rem;}
.onelist .itembox{position: relative;}
.onelist .item{ color: #fff;font-size: .6rem;position: absolute;bottom: 0;left: 0;background: #3a3a3a;width: 5.5rem;height: 5.5rem;padding-top: 1.25rem;padding-left: 2.4rem;}
.onelist .item::after{position: absolute;content: '';background:  url(../Images/Index/s14.jpg) no-repeat ;background-size:1.4rem .75rem; bottom: -.75rem;left: 50%;margin-left: -.7rem; width: 1.4rem;height: .75rem;}
.onelist .item p{color: #fff;font-size:1.2rem;margin-bottom: .5rem;}
.onelist .text{background: #d8dde0;padding:1.3rem 1rem}
.onelist .text h4{font-size: 1.3rem;color: #ad1212;margin-bottom: .6rem;}
.onelist .text p{font-size: 1.1rem;color: #000000;}
.onelist .imss{position: absolute;right: 1rem;bottom: -1rem;width: 2.5rem;}

.indextwo{padding:2.5rem 3% 1rem;background: #ececec;}
.tit{text-align: center;}
.tit h4{color: #000;font-size: 2rem;margin-bottom: 1.5rem;}
.twoqh{margin: 0 -.75rem;}
.twoqh p{float: left;width: 50%;box-sizing: border-box;padding:0 .75rem 1rem;}
.twoqh p a{ display: block; border-radius: 2rem; width: 100%; height: 3.5rem; line-height: 3.5rem; font-size: 1.1rem; color: #333; text-align: center; border: 1px #d8dde0 solid; -webkit-border-radius: 2rem; -moz-border-radius: 2rem; -ms-border-radius: 2rem; -o-border-radius: 2rem; }
.twomore{ margin: auto;margin-bottom: 1.5rem;  color: #ad1212; display: block; width: 14.4rem; border-radius:2rem; height: 3.75rem; line-height: 3.75rem; text-align: center; background: #fff; -webkit-border-radius:2rem; -moz-border-radius:2rem; -ms-border-radius:2rem; -o-border-radius:2rem; }
.twomore img{margin-left: 2rem; display: inline-block;width: 2rem;display: inline-block;vertical-align: -7px;}
.twonr{background: #fff;padding:1.1rem}
.twonr h4{color: #ad1212;font-size: 1.5rem;margin-bottom: .7rem;}
.twonr .item{font-size: 1.1rem;border-top: 2px #d6d6d6 solid;padding:1.2rem 0;}
.twonr .item span{float: left;width: 25%;}
.twonr .item .text{float: left;width: 75%;}
.twonr .item .text p{color: #808080;line-height: 1.6; }
.xqmore{color: #ad1212;font-size: 1.1rem;float: right;}
.twolist li{float: left;width: 50%;padding:0 .5rem;box-sizing: border-box;}
.twolist ul{margin: 0 -0.5rem;margin-top: 1rem;}
.twolist li p{text-align: center;font-size: 1.1rem;color: #333;}

.indexthree{padding:1.75rem 1rem;}
.indexthree li{float: left;width: 50%;box-sizing: border-box;border: 1px #e5e5e5 solid;padding-bottom: .5rem;}
.indexthree li .text {padding-left: 2rem;}
.indexthree li .text h4{color: #333333;font-size: 1.2rem;padding-bottom: .5rem;}
.indexthree li .text p{font-size: .9rem;color: #666;}
.indexthree .twomore{background: #ececec;margin-top: 1.5rem;color: #ad1212;}


.indexfour{background: #ececec;padding:1.75rem 3% 2.5rem;}

.indexfour li{float: left;width: 33.33%;text-align: center;box-sizing: border-box;}
/* .indexfour li {display: block;width: 60%;margin: auto;} */
.indexfour li span{width: 5.3rem;height: 5.3rem;display: block; margin: auto;background:  url(../Images/Index/z1.png) no-repeat ;background-size:100%;}
.indexfour li:nth-child(2) span{background:  url(../Images/Index/z2.png) no-repeat ;background-size:100%;}
.indexfour li:nth-child(3) span{background:  url(../Images/Index/z3.png) no-repeat ;background-size:100%;}
.indexfour li:nth-child(4) span{background:  url(../Images/Index/z4.png) no-repeat ;background-size:100%;}
.indexfour li:nth-child(5) span{background:  url(../Images/Index/z5.png) no-repeat ;background-size:100%;}
.indexfour li:nth-child(6) span{background:  url(../Images/Index/z6.png) no-repeat ;background-size:100%;}

.indexfour li:hover:nth-child(1) span,.indexfour li.cur:nth-child(1) span{background:  url(../Images/Index/z1s.png) no-repeat ;background-size:100%;} 
.indexfour li:hover:nth-child(2) span,.indexfour li.cur:nth-child(2) span{background:  url(../Images/Index/z2s.png) no-repeat ;background-size:100%;} 
.indexfour li:hover:nth-child(3) span,.indexfour li.cur:nth-child(3) span{background:  url(../Images/Index/z3s.png) no-repeat ;background-size:100%;} 
.indexfour li:hover:nth-child(4) span,.indexfour li.cur:nth-child(4) span{background:  url(../Images/Index/z4s.png) no-repeat ;background-size:100%;} 
.indexfour li:hover:nth-child(5) span,.indexfour li.cur:nth-child(5) span{background:  url(../Images/Index/z5s.png) no-repeat ;background-size:100%;} 
.indexfour li:hover:nth-child(6) span,.indexfour li.cur:nth-child(6) span{background:  url(../Images/Index/z6s.png) no-repeat ;background-size:100%;} 

.indexfour .fourbtn{text-align: center;padding-top: 1rem;}
.indexfour .fourbtn span{margin: 0 5px;}
.indexfour .fourbtn  span.swiper-pagination-bullet-active{ background: #ad1212;}

.indexfour li p{font-size: 1rem;padding:.5rem 0;}
.fournrbox{overflow: hidden;margin-top: .5rem;}
.fournrbox img{display: block;}
.fournrbox .text{background: #fff;padding:1.5rem 2rem 3rem;}
.fournrbox h4{font-size: 1.5rem;color: #333;margin-bottom: .5rem;}
.fournrbox p{font-size: 1.1rem;color: #333;}


.indexfive{background: #ececec;padding:.5rem 0 0rem;}
.fivenr{overflow: hidden;position: relative;}
.fivenr img{display: block;width: 80%;margin: auto;}
.fivenr .text{padding:1.5rem 3.5rem; background: #fff;margin-top: 2.5rem;position: relative;}
.fivenr .text::after{position: absolute;content: '';top: -0.93rem;left: 3rem; width: 1.6rem;height: .95rem;background:  url(../Images/Index/s15.jpg) no-repeat ;background-size: 1.6rem .95rem; }
.fivenr .text h4{font-size: 1.5rem;color: #ad1212;margin-bottom: 1rem;}
.fivenr .text p{font-size: 1.1rem;color: #6d6d6d;padding-bottom: .5rem;}
.fivenr .text p span{color: #000;}
.fivenr .text a{color: #ad1212;display: block;text-align: right;}
.js1 {position: absolute;left: 3%;top: 7.5rem;z-index: 10;}
.js2 {position: absolute;right: 3%;top: 7.5rem;z-index: 10;}
.js1 img{width: 1.4rem;display: block;}
.js2 img{width: 1.4rem;display: block;}

.indexsix{padding:0 3% 2.5rem;}
.sixtit {padding-top: 1.5rem;}
.sixtit h4{float: left;font-size: 2rem;}
.sixtit h4 p{font-size: 1.5rem;color: #666;}
.sixtit a{float: right;color: #ad1212;font-size: 1.1rem;}
.indexsix .text{font-size: .9rem;color: #888888;line-height: 1.8rem;text-indent: 1.5rem;margin-top: 1rem;}

.indexlast{padding:3rem 3% 1.5rem;overflow: hidden;}
.lastnr {overflow: hidden;}

.indexlast .lasttit{text-align: center;position: relative;}
.indexlast .lasttit::before{position: absolute;content: '';width: 100%;height: 3px;background: #e5e5e5;top: 0;left: 0;}
.indexlast .lasttit a{padding: 1.5rem 0 1.5rem;position: relative; width: 33.33%;display: block; background:  url(../Images/Index/z8.png) no-repeat right center;background-size: 0.15rem 1.35rem; text-align: center;color: #8d8d8d;font-size: 1.2rem;display: block;float: left;}
.indexlast .lasttit a:last-child{background: none;text-align: right;}
.indexlast .lasttit a:first-child{text-align: left;}
.indexlast .lasttit a::before{position: absolute;content: '';width: 100%;height: 3px;background: #ad1212;top: 0;left: 0;opacity: 0;}
.indexlast .lasttit a:hover::before{opacity: 1;}
.lastnr dl{margin-bottom: 1.5rem;}
.lastnr dt{float: left;width: 35%;box-sizing: border-box;}
.lastnr dd{float: left;width: 65%;box-sizing: border-box;padding-left:1.2rem; margin-top: .5rem;}
.lastnr dd h4{color: #000;font-size: 1rem;padding-bottom: 1rem;}
.lastnr dd p{color: #6d6d6d;font-size:1rem;line-height: 1.8;}
.lastnr dd a{font-size: 1.2rem;color: #04afef;text-transform: uppercase;margin-top: 2.2rem;display: block;}
.lastnr dd a img{display: inline-block;width: 1.5rem;margin-left:0.9rem; }
.lastnr li a{color: #a3a3a3;font-size: 1.2rem;}
.lastnr li{padding: 1.25rem 0;border-top: 1px #e5e5e5 solid;}
.lastnr li span{float: left;width: 70%;text-overflow: ellipsis;color: #333;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
    -webkit-line-clamp: 1;}
.lastnr li em{float: right;width: 30%;text-align: right}
/* .lastnr li a{padding-left: 1.5rem;background:  url(../Images/Index/q4.png) no-repeat left center;font-size: 0.92rem;}
.lastnr li:last-child{border-bottom: 0;}
.lastnr{overflow: hidden;} */


.xjonenr ul{margin:0 -0.5rem;margin-top: 1rem;}
.xjonenr li{float: left;width: 50%;margin-bottom: 1rem;position: relative;padding:0 0.5rem;box-sizing: border-box;}
.xjonenr li img{display: block;}
.xjonenr li h4{ transition:.4s ;opacity: 1; position: absolute; text-align: center; font-size: .9rem; color: #fff; bottom: 0;right: 0.5rem; left: 0.5rem; background:rgba(0, 0, 0, 0.6); height: 2.5rem; line-height: 2.5rem; -webkit-transition:.4s ; -moz-transition:.4s ; -ms-transition:.4s ; -o-transition:.4s ; }


.xzsixqh{text-align: center;margin-bottom: 1.5rem;}
.xzsixqh p{border-right: 1px #adc8da solid;box-sizing: border-box;width: 25%;float: left;}
.xzsixqh p img{display: block;margin: auto;padding-bottom: .5rem;width: 2.35rem;}
.xzsixqh p a{font-size: .9rem;color: #333;}
.xzsixqh p:last-child{border-right: 0;}

html {font-size: 10px;}
@media screen and (min-width: 320px) {html {font-size: 10.625px;}}
@media screen and (min-width: 360px) {html {font-size: 11.875px;}}
@media screen and (min-width: 400px) {html {font-size: 13.125px;}}
@media screen and (min-width: 440px) {html {font-size: 14.375px;}}
@media screen and (min-width: 480px) {html {font-size: 15.625px;}}
@media screen and (min-width: 520px) {html {font-size: 16.875px;}}
@media screen and (min-width: 560px) {html {font-size: 18.125px;}}
@media screen and (min-width: 600px) {html {font-size: 19.375px;}}
@media screen and (min-width: 640px) {html {font-size: 20px;}}

