.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; }
.bannerbtn { width: 100%; text-align: center; position: absolute; left: 0; z-index: 20; bottom: 50px; color: #fff;font-size: 1.3rem;}
.bannerbtn p span {  overflow: hidden; margin: 0 5px; cursor: pointer; opacity: 1; }
.bannerbtn p span.swiper-pagination-current { color: #ff9000; }
.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: 0 3%; padding-top: 2.2rem;}
.indextit{text-align: center;padding-bottom: 0.8rem;}
.indextit h3{font-size: 1.67rem;font-weight: bold;}
.indextit a{color: #222;}
.indextit p{font-size: 0.92rem;font-weight: normal;text-transform: uppercase;position: relative;}
.indextit p span{display: inline-block;background: #fff;padding: 0 1rem;position: relative;z-index: 10;}
.indextit p:after{content: "";position: absolute;top: 49%;left: 0;height: 1px;background: #e6e6e6;width: 50%;z-index: 9;left: 50%;margin-left: -25%;}
.indexnr{padding: 0 4%;padding-bottom: 1.5rem;}
.indexnr{background:  url(../Images/Index/q2.jpg) no-repeat bottom center;background-size: 100%;}
.ship{position: relative;}
.ship .spbtn{position: absolute;width: 2.5rem;height: 2.5rem;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.ship .spbtn img{display: block;width: 2.5rem;height: 2.5rem;}
.indexone .text{font-size: 1.1rem;color: #666;padding-top: 1.1rem;line-height: 1.6rem;}
.indextwo{padding: 0 3%;padding-top: 3rem;}
.twotit{margin:0 -0.3rem;}
.twotit p{float: left;width: 33.33%;text-align: center;padding: 0 0.3rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 0.7rem;}
.twotit p a{height: 2.4rem;display: block;line-height: 2.4rem;background: #d9d9d9;border-bottom: 3px #c8c8c8 solid;font-size: 1.1rem;color: #333;}
.twotit p.cur a{background: #1a4ec8;border-bottom: 3px #0d3dae solid;color: #fff;}
.twonr{padding-top: 0.5rem;}
.twonr .bgimg img{display: block;}
.twonr .bgimg p{text-align: center;font-size: 1rem;color: #222;padding: 1.4rem 0;}
.twobox{overflow: hidden;}
.twonr ul{margin:0 -0.4rem;}
.twonr li{float: left;width: 50%;padding: 0 0.4rem 0.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.twonr li p{text-align: center;font-size: 1rem;color: #222;padding: 0.6rem 0;}

.indexthree{background:  url(../Images/Index/q8.jpg) no-repeat top center;padding: 0 3%;padding-top: 2.8rem;padding-bottom: 3.2rem;}
.threetit{text-align: center;color: #222;}
.threetit h3{font-size: 1.75rem;font-weight: bold;}
.threetit a{color: #222;}
.threetit p{font-size: 1rem;color: #222;font-weight: normal;}
.threenr dt{float: left;width: 25%;}
.threenr dl{background: #1a4ec8;border-radius: 5rem;padding:  2%;margin-top: 1rem;}
.threenr dt img{width: 100%;}
.threenr dd{float: left;width: 75%;padding-left: 1.2rem; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.threenr dd h4{font-size: 1.1rem;color: #fff;font-weight: bold;padding-top: 1.1rem;padding-bottom: 0.5rem;}
.threenr dd p{font-size: 0.92rem;color: #fff;}
.threenr dl:nth-child(even){background-color: #ff9500;}
.threenr dl:nth-child(even) dt{float: right;}

.indexfour{padding-right: 3%;padding-left: 3%; padding-top: 2.5rem;}
.fourtit{margin:0 -0.3rem;padding-top: 1.4rem;}
.fourtit p{float: left;width: 33.33%;text-align: center;padding: 0 0.3rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;margin-bottom: 0.7rem;}
.fourtit p a{height: 2.4rem;display: block;line-height: 2.4rem;background: #d9d9d9;border-bottom: 3px #c8c8c8 solid;font-size: 1.1rem;color: #333;}
.fourtit p.cur a{background: #1a4ec8;border-bottom: 3px #0d3dae solid;color: #fff;}
.fournr{overflow: hidden;position: relative;}
.fournr li img{display: block;}
.fournr .foulist{background: #f2f2f2;padding-bottom: 1rem;}
.fournr .foulist h3{font-size: 1.25rem;color: #333;font-weight: bold;text-align: center;padding: 0.8rem 0;border-bottom: 1px #ebebeb solid;margin-bottom: 0.8rem;text-overflow:ellipsis; -webkit-box-orient: vertical; overflow:hidden; display:-webkit-box; -webkit-line-clamp:1;}
.fournr .foulist p{padding: 0 2%;text-overflow:ellipsis; -webkit-box-orient: vertical; overflow:hidden; display:-webkit-box; -webkit-line-clamp:2;font-size: 0.92rem;}
.j_left{width: 2.2rem;height: 4rem;display: block;position: absolute;top:5rem;z-index: 100;left: 0;}
.j_right{width: 2.2rem;height: 4rem;display: block;position: absolute;top:5rem;z-index: 100;right: 0;}

.indexfive{padding: 0 3%;margin-top: 2.4rem;position: relative;}
.fivetit {margin-bottom: 0.8rem;}
.fivetit a{color: #222;font-size: 1.67rem;}
.fivetit h3{font-size: 1.67rem;font-weight: bold;}
.fivetit p{font-size: 0.92rem;color: #666;}
.fivenr{overflow: hidden;border-right:1px #d9d9d9 solid;padding-bottom: 1px;}

.fivenr li {border:1px #d9d9d9 solid;border-right: 0; -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;border-bottom: 0;}
.fivenr li img{display: block;}
.fivenr li p{text-align: center;height: 2.1rem;line-height: 2.1rem;background-color: #f1f1f1;border-top: 1px #d9d9d9 solid;border-bottom: 1px #d9d9d9 solid;}
.fivenrbtn{position: absolute;top: 1.8rem;right: 3%;}
.fivenrbtn span{width: 11px;height: 11px;border:1px #cccccc solid;border-radius: 11px;display: inline-block;background: none;opacity: 1;margin-left: 8px;}
.fivenrbtn span.swiper-pagination-bullet-active{background: #1a4ec8;border:1px #1a4ec8 solid;}

.indexsix{margin-top: 4.5rem;background:  url(../Images/Index/xg6.jpg) no-repeat top center;padding-top: 2.2rem;background-size: 100%;margin-bottom: 1.5rem;}
.indexsix .indextit a{color: #fff;}
.indexsix .indextit p:after{width: 90%;left: 5%;margin-left: 0;}
.indexsix .indextit em{color: #fff;}
.indexsix .indextit p span {background:  url(../Images/Index/xg6.jpg) no-repeat center center}
.sixnr{margin-top: 0.5rem;overflow: hidden;position: relative;padding: 0 3%;}

.sixnr .imgsis img{display: block;}
.sixnr .imgsis{padding-bottom: 0;}
.sixnr  h4{font-size: 1.25rem;font-weight: bold;border-bottom: 1px #ebebeb solid;margin-bottom: 0.8rem;padding: 0.6rem 0;}
.sixnr  h4 em{display: block;width: 2.5rem;height: 2.5rem;line-height: 2.5rem;text-align: center;background: #1a4ec8;font-size: 1.25rem;color: #fff;float: right;margin-top: -1.2rem;position: relative;z-index: 99}
.sixnr  h4 a{color: #222;}
.sixnr  h4 span{color: #1a4ec8;font-size: 2rem;margin-right: 0.6rem;display: inline-block;vertical-align:-1px;}
.sixnr p{color: #666;font-size: 0.92rem;line-height: 1.6rem;padding-bottom: 0.5rem;}
.sixnr li{padding-bottom: 0.8rem;}
.ditus {padding-top: 0.5rem;}
.ditus img{display: block;}


.indexsenven{padding: 0 3%;}
.indexsenven ul{margin:0 -0.5rem;margin-top: 0.8rem;margin-bottom: 2.3rem;}
.indexsenven li{float: left;width: 50%;padding: 0 0.5rem;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.indexlast{padding: 2.2rem 3% ;background:  url(../Images/Index/q17.jpg) no-repeat top center;background-size: 100%;}
.indexlast .indextit a{color: #fff;}
.indexlast .indextit span{background:#194bc0; }
.indexlast .indextit p:after{width: 60%;left: 20%;margin-left: 0;}
.lasttit .tittext{width: 25%;float: left;color: #fff;}
.lasttit .tittext p{font-size: 2rem;}
.lasttit .tittext p em{font-size: 0.5rem;    vertical-align: 10px;display: inline-block;}
.lastnr{padding-top: 1.3rem;}
.lastnr img{display: block;}
.lastnr h4{color: #260f12;font-size: 1.25rem;text-align: center;padding: 0.8rem 0;}
.lastnr h4 span{font-weight: bold;color: #1a4ec8;}
.lastnr p{font-size: 0.92rem;color: #666;line-height: 1.5rem;}
.indexnew{padding-bottom: 1.5rem;}
.indexnew .newtit {height: 3rem;line-height: 3rem;}
.indexnew .newtit a{float: left;width: 25%;display: block;background: #f2f2f2;display: block;text-align: center;font-size: 1rem;color: #666666;text-transform: uppercase;}
.indexnew .newtit a:hover,.indexnew .newtit a.cur{background: #1a4ec8;font-weight: bold;color: #fff;}
.indexnew li{border-bottom: 1px #cbcbcb dashed;margin:0 3%;padding: 1.6rem 0;padding-bottom: 1.5rem;}
.indexnew li h3 span{display: inline-block;padding: 0.4rem;border-radius: 3px;background: #1a4ec8;margin-right: 0.5rem;color: #fff;vertical-align: top;}
.indexnew li h3 p{display: inline-block;font-size: 0.92rem;color: #333333;width: 88%;}
.indexnew li h4{padding-top: 0.5rem;}
.indexnew li h4 span{display: inline-block;padding: 0.4rem;border-radius: 3px;background: #ff9500;margin-right: 0.5rem;color: #fff;vertical-align: top;}
.indexnew li h4 p{display: inline-block;font-size: 0.92rem;color: #666666;width: 88%;}
.indexnew li:last-child{padding-bottom: 0;border-bottom: 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;}}