@charset "utf-8";
.h1 { height: 170px; text-align: center; position: relative; font-size: 32px; color: #333; line-height: 185px; font-weight: bold; letter-spacing: 10px }
.hexian { display: block; width: 80px; height: 4px; background-color: #d1d1d1; position: absolute; }
.ywcon { border-top: 1px solid #cecece; border-bottom: 1px solid #cecece; position: relative; overflow: hidden; }
.ywcon ul a:hover { color: #333; font-weight: bold; }
.possds { position: absolute; left: 0px; top: 0px; }
.chanye { width: 66.6%; float: left; height: 50% }
.chanye .sjmb { width: 50%; float: left; }
.srsrd { overflow: hidden; position: relative; width: 50%; float: left; height: 100% }
.w3334 { width: 33.4%; position: absolute; right: 0px; top: 0px }
.w3334 .sjmb { width: 100% }
.marg { width: 100% }
.snrj { position: absolute; left: 0px; bottom: 0px; height: 50% }
.dqs { position: absolute; right: 0px; top: 0px; width: 50%; height: 100% }
.snrj .sjmb { position: absolute; left: 0px; top: 0px; width: 50%; height: 100% }
.chanye>img { display: block; width: 100%; overflow: hidden; height: 100% }
.big { height: 100% }
.chanye ul { text-align: center; font-size: 24px; }
.chanye ul li { float: left; width: 100% }
.chanye ul li a { color: #666; }
.dus { position: absolute; z-index: 1 }
.dus1 { right: -1px; top: 50%; margin-top: -21px; }
.dus2 { left: 50%; bottom: -1px; margin-left: -21px }
.dus3 { left: -1px; top: 50%; margin-top: -21px }
.srssm { position: absolute; z-index: 1; width: 20%; display: block; left: 0px; top: 0px; height: 35%; line-height: 800%; top: 33%; color: #fff; font-size: 24px; text-align: center; font-weight: bold; }
.srssm:hover { color: #fff; }
.srssm1 { background: url(../images/srr1.png) no-repeat top center; left: 39%; }
.srssm2 { background: url(../images/srr2.png) no-repeat top center; left: 40%; }
.srssm3 { background: url(../images/srr3.png) no-repeat top center; left: 40%; }
.landg { width: 95%; margin: 0 auto; position: relative; }
.landg>span { position: absolute; width: 35px; height: 63px; top: 35%; cursor: pointer }
.leftgo { background: url(../images/left.jpg); left: 0px; }
.rightgo { background: url(../images/right.jpg); right: 0px; }
.dispn { position: relative; }
.dispn>span { position: absolute; width: 35px; height: 63px; top: 10%; cursor: pointer }
.leftg { background: url(../images/left.jpg); left: 0; }
.rightg { background: url(../images/right.jpg); right: 0; }
.groundy { width: 93%; margin: 0 auto; overflow: hidden; }
.ground { width: 9999px; overflow: hidden; margin-top: 25px; position: relative; left: 0px; top: 0px; }
.ground li { float: left; width: 16.6666%; }
.ground li a { display: block; width: 80%; margin: 20px auto; }
.ground li a img { margin: 0 auto; width: 100%; }
.w95 { width: 95%; height: 100%; margin: 0 auto; position: relative; position: relative; }
.lefcontent { width: 39%; float: left; font-size: 16px; line-height: 200%; color: #666; overflow: hidden; }
.hengzx { width: 80px; height: 4px; display: block; margin-top: 90px; float: left; background-color: #d1d1d1 }
.skr { font-size: 32px; font-weight: bold; color: #333; line-height: 90px; letter-spacing: 10px }
.black { color: #333; font-size: 20px; font-weight: bold; line-height: 36px; padding-top: 6%; }
.centent { font-size: 20px; color: #666; line-height: 34px; margin-top: 50px; margin-bottom: 50px; }
.wher { width: 100%; height: auto; }
.more { display: block; width: 120px; font-size: 14px; line-height: 40px; color: #fff; height: 40px; background: #000; padding-right: 20px; text-align: center; position: absolute; left: 0px; bottom: 10%; }
.more:hover { color: #fff; }
.moreye { display: block; width: 0px; font-size: 14px; line-height: 40px; color: #fff; height: 40px; background: #f39801; text-align: center; position: absolute; left: 0px; top: 0px; overflow: hidden; z-index: 1 }
.up { display: block; position: absolute; left: 0px; top: 0px; background: url(../images/more.png) no-repeat 85px center; z-index: 2; width: 101px }
.rimg { float: right; width: 45%; position: relative; top: -7%; }
.rimg a { overflow: hidden; display: block; }
.lor { position: absolute; left: -20%; bottom: -14%; width: 56% }
.mr20 { height: 160px }
.wapers { padding: 2% 0; background: url(../images/sr.jpg) no-repeat center center; }
.newsl { width: 50.06%; float: left }
.newsl>.porsrm { display: block; overflow: hidden; }
.porsrm { position: relative; }
.porsrm span { position: absolute; color: #fff; }
.cpsa { font-size: 40px; right: 32%; bottom: 28%; }
.cpsb { font-size: 20px; right: 10%; bottom: 7% }
.sanjiao { position: absolute; right: -1px; bottom: 0px; width: 26%; height: 46.5%; }
.porsrm img, .sanjiao img,.zp img { width: 100%; }
.go { margin-top: 35px; font-size: 28px; font-weight: bold; background: url(../images/srj.png) no-repeat right center; width: 100%; display: block; color: #333; border-bottom: 5px solid #333 }
.go:hover { color: #333; }
.news { overflow: hidden; }
.newr { width: 47%; float: right; position: relative; }
.newscont { font-size: 20px; line-height: 22px; }
.newscont li { margin-bottom: 20px; overflow: hidden; }
.newscont li a { color: #666; display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 80%; }
.newscont li a.crren { color: #333; font-weight: bold; }
.newscont li span.crren { color: #333; font-weight: bold; }
.newscont li span { display: block; float: right; width: 20%; text-align: right; }
.fr { position: absolute; right: 0px; bottom: 0px; left: inherit; }
.zhaopin { position: relative; }
.zhaopin { background: url(../images/hand.jpg) no-repeat; width: 100%; }
.mrs { margin-top: 40px; }
.wid42 { width: 42% }
.zp { position: absolute; right: 0px; top: -5%; width: 55.149%; height: 110.223%; overflow: hidden; }
.dow { margin-bottom: 80px }
.dow ul { overflow: hidden; *zoom:1;
}
.dow ul li { float: left; width: 33.33333333%; height: 100% }
.dow ul li a { display: block; margin: 0 auto; width: 90% }
.dow ul li img { display: block; margin: 0 auto; }
.footer { overflow: hidden; width: 100% }
.w54 { width: 54%; position: relative; float: left; }
.w46 { width: 46%; float: left; height: 100%; background: #393636; color: #fff; }
.zhez { position: absolute; width: 100%; height: 100%; left: 0px; top: 0px; background: rgba(0,0,0,0.3); display: none }
.w90 { width: 90%; margin: 0 auto; overflow: hidden; height: 100%; }
.bgw { background: #fff; float: none; }
.fb { color: #fff; line-height: 76px }
.fl { float: left; width: 60% }
.font20 { font-size: 20px; line-height: 28px }
.font16 { font-size: 16px; line-height: 28px }
.fl ul { font-size: 16px; line-height: 28px }
.frsr { width: 40%; float: left; }
.imghz { width: 70% }
.imghz img { margin: 0 auto; }
.frsr span { display: block; width: 100%; text-align: center; letter-spacing: 6px; margin-top: 12px; font-size: 20px; margin-right: 3px }
.topup { position: fixed; right: 2%; bottom: 10%; width: 60px; height: 61px; background: url(../images/top.jpg) no-repeat center center; background-size: cover; cursor: pointer; opacity: 0; z-index: 999 }
.iphone_screen { background: #666; position: absolute; right: 0px; width: 60%; height: 100%; top: 0px; display: none; -webkit-transform: translateX(100%); transform: translateX(100%); z-index: 100; -webkit-transition: all 0.3s; transition: all 0.3s; overflow: hidden; }
.ranrotate1 { height: auto }
.nav_trigger { display: block; position: absolute; width: 42px; height: 29px; right: 0px; top: 30px; z-index: 20; display: none; background: url(../images/wap_03.jpg) no-repeat center center; }
.nav_list li { float: none }
.nav_list li a { color: #fff; }
.nav_list li a:hover { color: #f39800; }
.nav_list { line-height: 50px; padding-top: 24px }
.can { transition: all 0.3s }
.srkskr { -webkit-transform: translateX(-60%); transform: translateX(-60%); }
.sjrj { -webkit-transform: translateX(0px); transform: translateX(0px); }
.deadlock { height: 100%; overflow: hidden; }
.hiSlider3 { overflow: hidden; height: 100%; width: 100%; background: #fff; width: 99999px; }
.hiSlider3 img { max-width: 100% }
.hiSlider3 a { display: inline; }
.hiSlider3 .hiSlider-item { float: left !important; }
.hiSlider-title { display: none }
.hiSlider-pages { display: none }
.hiSlider-btn-prev { width: 51px; height: 105px; margin-top: -74.5px }
.hiSlider-btn-next { width: 51px; height: 105px; margin-top: -74.5px }
.hiSlider-btn-prev { background: url(../images/bannerleft.png); left: 3%; }
.hiSlider-btn-next { background: url(../images/bannerright.png); right: 3%; }
.nav { height: auto; font-size: 20px; padding-left: 40px; -webkit-transform: rotateY(360deg); transform: rotateY(360deg); }
.nav_trisr { display: block; position: absolute; width: 30px; height: 25px; right: 10px; top: 32px; z-index: 1; -webkit-transition: all 0.5s 0.1s; transition: all 0.5s 0.1s; transform: rotate(0deg); }
.nav_trisr span { display: inline-block; position: absolute; width: 30px; height: 5px; background-color: #cccccc; -webkit-transition-property: background-color, -webkit-transform; transition-property: background-color, -webkit-transform; transition-property: background-color, transform; transition-property: background-color, transform, -webkit-transform; -webkit-transform: rotateZ(135deg); transform: rotateZ(135deg); -webkit-transition-duration: 300ms; transition-duration: 300ms; margin-top: 11px; }
.nav_trisr:before { margin-top: 11px; content: ''; display: block; width: 30px; height: 5px; position: absolute; background: #cccccc; -webkit-transition-property: margin, -webkit-transform; transition-property: margin, -webkit-transform; transition-property: margin, transform; transition-property: margin, transform, -webkit-transform; -webkit-transition-duration: 300ms; transition-duration: 300ms; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.nav_isrn { -webkit-transform: rotate(180deg); transform: rotate(180deg); }
.nav_isrn1 { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.swiper-container { display: none }
.dirt { display: none; }
.homebav { background: #000; opacity: 0.3; position: absolute; left: 0px; top: 0px; z-index: 100; width: 100%; height: 100%; display: none; }
.skrsds { display: none; }
.dsdt { overflow: hidden; width: 85% }
.groundt { overflow: hidden; width: 9999px; position: absolute; left: 0px; top: 0px; }
.groundt img { width: 80%; margin: 0 auto; }
.groundt li { float: left; height: 60px; text-align: center; }
.dksn { height: 60px; margin-bottom: 30px }
.dksn>span { top: -10px; }
.dsdt { height: 60px; position: relative; }
.cskdso { display: none; }
.apperwm { display: none }
.tzal { text-align: center; color: #555; font-size: 24px; letter-spacing: 5px; margin-top: 50px; font-weight: bold; }

@media screen and (min-width: 769px) {
.ywcon .big { -webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s }
.rimg img { -webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s }
.newsl>.porsrm>a>img { -webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s }
.zp img { -webkit-transition: all 0.5s 0.2s; -moz-transition: all 0.5s 0.2s; -o-transition: all 0.5s 0.2s; -ms-transition: all 0.5s 0.2s; transition: all 0.5s 0.2s }
.ground img { opacity: 0.7; }
.ywcon .srsrd:hover .big { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.rimg img:hover { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.newsl>.porsrm:hover>a>img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.zp:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
}

@media screen and (max-width: 1784px) {
.h1 { font-size: 28px }
.newscont { font-size: 16px; }
.hengzx { margin-top: 50px; }
.skr { line-height: 70px; font-size: 30px; }
.black { line-height: 30px }
.centent { line-height: 30px; margin-top: 30px; margin-bottom: 30px }
.fb { line-height: 50px; font-size: 24px }
.nav2 { width: 79% }
.cpsa { font-size: 30px; right: 32%; bottom: 28%; }
.cpsb { font-size: 16px; right: 10%; bottom: 7% }
}

@media screen and (max-width: 1580px) {
.chanye ul { font-size: 20px }
.skr { line-height: 50px; font-size: 26px }
.black { line-height: 26px; font-size: 16px }
.centent { line-height: 26px; font-size: 16px; }
.top { height: 90px }
.nav1 { font-size: 14px; }
.nav2 { font-size: 16px; margin-top: 11px; margin-left: 20px }
.nav2 a { width: 70px }
.sousuo form input { font-size: 14px }
.bgw { margin-top: 25px }
.font20 { font-size: 16px; line-height: 24px }
.imghz span { font-size: 18px; }
.font16 { font-size: 14px; line-height: 24px }
.fl ul { font-size: 14px; line-height: 24px }
.cpsa { font-size: 26px; right: 32%; bottom: 28%; }
.cpsb { font-size: 14px; right: 10%; bottom: 7% }
.hiSlider-btn-prev, .hiSlider-btn-next { transform: scale(0.8); }
.pcleft { width: 41px; height: 70px; position: absolute; left: 5%; top: 45%; background: url(../images/bannerleft.png) no-repeat center; background-size: cover; cursor: pointer; }
.pcright { width: 41px; height: 70px; position: absolute; right: 5%; top: 45%; background: url(../images/bannerright.png) no-repeat center; background-size: cover; cursor: pointer; }
}

@media screen and (max-width: 1450px) {
.srssm { width: 23%; top: 23%; height: 50% }
.srssm1 { left: 38% }
.srssm2 { left: 39% }
.srssm3 { left: 38% }
}

@media screen and (max-width: 1400px) {
.newscont { font-size: 14px; }
.cpsb { right: 5%; }
.srssm { width: 25% }
.srssm1 { left: 36% }
.srssm2 { left: 38% }
.srssm3 { left: 36% }
.dksn>span { top: -5px; width: 26px; height: 40px; background-position: center center }
}

@media screen and (max-width: 1365px) {
.skr { line-height: 40px; font-size: 20px }
.black { line-height: 24px; font-size: 14px }
.centent { line-height: 24px; font-size: 14px; }
.nav2 { font-size: 14px }
.sousuo form input { font-size: 12px }
.go { font-size: 20px }
}

@media screen and (max-width: 1300px) {
.font20 { font-size: 14px; line-height: 20px }
.font16 { font-size: 12px; line-height: 20px }
.fl ul { font-size: 12px; line-height: 20px }
}

@media screen and (max-width: 1240px) {
.h1 { font-size: 24px }
.tzal { font-size: 20px }
.newscont { font-size: 14px; }
.cpsa { font-size: 22px; }
.cpsb { font-size: 14px; }
}

@media screen and (max-width: 1200px) {
.nav2 { width: 73% }
.fb { line-height: 40px; font-size: 20px }
.hengzx { margin-top: 30px; }
.centent { line-height: 30px; margin-top: 20px; margin-bottom: 20px; font-size: 12px }
.black { line-height: 20px; }
.centent { line-height: 20px; }
.chanye ul { font-size: 18px; font-weight: bold; }
.bgw { margin-top: 15px }
.topup { width: 40px; height: 41px; }
.srssm { width: 27%; font-size: 20px }
.srssm1 { left: 35% }
.srssm2 { left: 36% }
.srssm3 { left: 36% }
}

@media screen and (max-width: 1100px) {
.hengzx { margin-top: 20px }
.fl { width: 65% }
.frsr { width: 35% }
.imghz { width: 70% }
.frsr span { font-size: 14px }
.centent { margin-top: 10px; margin-bottom: 10px }
.font20 { font-size: 14px; line-height: 16px }
.font16 { font-size: 12px; line-height: 16px }
.fl ul { font-size: 12px; line-height: 16px }
}

@media screen and (max-width: 1024px) {
.mrs { margin-top: 15px; }
.cpsb { right: 1% }
}

@media screen and (max-width: 960px) {
.hengzx { margin-top: 20px }
.nav1 { font-size: 12px }
.nav2 { font-size: 12px }
.sousuo form input { width: 76% }
.bgw { display: none }
.fb { font-size: 16px; line-height: 24px }
.nav1 { font-size: 12px }
.nav2 { font-size: 12px }
.sousuo form input { width: 76% }
.chanye ul { font-size: 16px; }
.top { height: 87px }
.nav2 a { width: 60px }
.go { font-size: 12px }
.frsr span { font-size: 12px }
.font20 { font-size: 12px; line-height: 12px }
.fl { width: 64% }
.fl ul { line-height: 12px }
.h1 { height: 100px; line-height: 124px; font-size: 20px }
.tzal { font-size: 18px }
.black { font-size: 12px }
.centent { font-size: 12px }
.lefcontent .centent { overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; }
.newscont a { width: 70% !important; }
.newscont span { width: 24% !important; }
.srssm { font-size: 16px; line-height: 1000%; }
}

@media screen and (max-width: 850px) {
.srssm { top: 15%; }
}

@media screen and (max-width: 768px) {
.srdms { margin: -10px; padding: 10px }
/*.zhezhaoce{z-index:1;position: absolute;left: 0px;top:-100%;width: 100%;height: 200%;background: rgba(0,0,0,0);}*/
.apperwm { display: block; }
.skmd { position: absolute; width: 100%; height: 30px; left: 0px; bottom: 45px }
.ssear { width: 20px; height: 20px; background: url(../images/serchapp.png) no-repeat; float: left; margin-left: 35px; margin-top: 6px; display: block; transform: scale(1.1); }
.serap { width: 90%; position: absolute; bottom: 85px; left: 5%; overflow: hidden; display: none; height: 40px }
.serap input { width: 80%; float: left; color: #fff; font-size: 16px; background: none; outline: none; border: none; border-bottom: 1px solid #fff; padding-left: 5px; margin-top: 7px; }
.serap .ssea { margin-top: 0px; margin-left: 10px; width: 20px; height: 20px; background: url(../images/serchapp.png) no-repeat; float: left; display: block; margin-top: 7px; }
	::-webkit-input-placeholder {
color:#fff;
}
.eng { margin-left: 40px; margin-bottom: 5px; display: block; float: left; font-size: 22px; color: #fff; margin-right: 33px }
.eng:hover { color: #fff }
.email { display: block; float: left; width: 30px; height: 20px; margin: 5px 0px; background: url(../images/email.png) no-repeat center center; -webkit-background-size: cover; background-size: cover; }
.mrs { margin: 30px auto 0 !important; -webkit-transform: translateX(-7.5%); transform: translateX(-7.5%); }
.cskdso { display: block; height: 300px !important }
.cskds { display: none; }
.dksn { display: none }
.wapers { -webkit-background-size: cover; background-size: cover; }
.hengzx { margin-top: 12px }
.hexian { left: 50% !important; -webkit-transform: translateX(-44px); transform: translateX(-44px); top: 32% !important; }
.swiper-container { display: block; margin-top: 0px; }
.iphone_screen .nav { width: 80%; float: left; }
.hiSlider-btn-prev, .hiSlider-btn-next { display: none }
.iphone_screen { display: block; }
.rnav { width: 100%; position: inherit; margin-top: 0px; }
.nav2 { display: none }
.sousuo { display: none }
.nav1 { display: none }
.logo { width: 55%; }
.nav_trigger { display: block; }
.imgxuaz { -webkit-transform: scale(0.8); transform: scale(0.8); top: 20%; }
.ywcon { border-top: none; border-bottom: none; height: auto !important }
.chanye { width: 100%; margin-bottom: 0px; position: relative; float: none; overflow: hidden; position: inherit; }
.chanye .srsrd { width: 100%; margin: 0 auto; float: none; height: auto; -webkit-transform: scaleY(0.8); transform: scaleY(0.8); }
.srssm { transform: scaleY(1.2); }
.chanye .sjmb { width: 100%; margin-top: -5%; padding-bottom: 0px; }
.big { height: auto; margin: 0 auto; }
.snrj { height: auto; }
.dqs { position: inherit; }
.snrj .sjmb { position: inherit; }
.sdjsb { bottom: -1px; left: 50%; margin-left: -21px }
.chanye>ul>li { float: none }
.sjmb { height: auto !important; padding-bottom: 12px }
.srssm { font-size: 20px; top: 35%; line-height: 1000%; height: 40% }
.h1 { font-size: 28px; margin-top: 10px; margin-bottom: -10px }
.skr { font-size: 28px; line-height: 60px }
.rimg { display: none }
.lefcontent { width: 100%; float: none }
.gsgk { height: auto !important; background: #f1f1f1; }
.lefcontent .centent { display: block; font-size: 14px }
.black { font-size: 14px; padding-top: 0px; }
.hengzx { margin-top: 30px; }
.more { background-color: #f39801 }
.moret { position: inherit; }
.wher { height: auto!important; margin-bottom: 35px }
.wher>a { margin-bottom: 0px !important }
.wid42 { width: 100% }
.zp { display: block; width: 100%; position: relative; }
.zhaopin { height: auto!important }
.newsl { display: block; width: 100%; }
.newr { width: 100%; height: auto !important; margin-top: 5%; }
.newscont li { margin-bottom: 10px !important; font-size: 14px !important; line-height: 20px !important }
.newscont li:nth-child(6), .newscont li:nth-child(7), .newscont li:nth-child(8) { display: none; }
.fr { position: inherit; float: right; }
.srssm1 { left: 36%; }
.mr20 { margin-bottom: 0px; margin-top: 0px; }
.dow { margin-bottom: 30px }
.w54 { display: block; width: 100%; }
.w46 { width: 100%; height: auto !important }
.frsr { margin: 3% auto; width: 100%; }
.fl { width: 100%; text-align: center; }
.bgw { display: block; }
.font20 { font-size: 14px; line-height: 24px }
.fl ul { font-size: 14px; line-height: 24px }
.font16 { margin-bottom: 10px }
.dow ul li { width: 50%; }
.ground { display: none; }
.groundwapp { display: block; }
.flickity-page-dots { display: none !important }
.gallery { background: none; margin-bottom: none; }
.gallery-cell { background: none; }
.is-selected { display: block; }
.gallery-cell:before, .gallery-cell__number { content: none; }
.gallery li a { display: block; margin-top: 22px; }
.gallery li a img { margin: 0 auto; }
.example { margin: 20px 0px; }
.posrsrm { position: absolute; left: 17%; top: 0px !important; z-index: 20; display: block; overflow: hidden; }
.leftgo { display: none; }
.rightgo { display: none; }
.swiper-slide img { margin: 0 auto; opacity: 0.8 }
.swiper-slide a { display: block; margin: 8% auto; margin-bottom: 4%; width: 70%; }
.swiper-button-prev { background-image: url(../images/left.jpg) }
.swiper-button-next { background-image: url(../images/right.jpg) }
.swiper-button-next, .swiper-button-prev { width: 35px; height: 63px; margin-top: -35px; background-size: cover; }
.swiper-button-prev { left: 5% }
.swiper-button-next { right: 5%; left: inherit; }
.srqur { float: right; width: 20%; position: relative; }
.rimg img:hover { -webkit-transform: inherit; transform: inherit; }
.newsl>.porsrm:hover >img { -webkit-transform: inherit; transform: inherit; }
.zp:hover img { -webkit-transform: inherit; transform: inherit; }
.imghz { width: 100%; position: relative; padding: 0 !important; }
.imghz img { margin: 0 auto !important; display: block; }
.sanjiao { width: 44% !important; height: 79.5% !important; }
.sanjiao img { position: absolute; right: 0px; bottom: 0px; z-index: 1 }
.sanjiao span { z-index: 2 }
.sanjiao span.cpsa { font-size: 36px; bottom: 15% }
.sanjiao span.cpsb { font-size: 20px; right: 7% }
.cpsb { font-size: 13px; }
.go { font-size: 16px !important; border-bottom: 3px solid #333 }
.dus1 { left: 50%; -webkit-transform: translateX(-21px); transform: translateX(-21px); }
.dus2 { left: 50%; top: inherit; bottom: -1px; -webkit-transform: translateX(-21px); transform: translateX(-21px); }
.dus3 { left: 50%; top: inherit; bottom: -1px; -webkit-transform: translateX(-21px); transform: translateX(-21px); }
.dis { display: none }
.dirt { display: block; }
.chanye ul li.mar4d { margin-top: 5% !important; }
.dow ul li { width: 100%; }
.disnp { display: none }
.skrsds { display: block; }
.margi li:last-child { margin-bottom: 3% !important }
.margi { height: auto !important; }
.frsr span { font-size: 16px }
.top46l { margin-top: -34px; left: 5% !important; }
.top46r { margin-top: -34px; right: 5% !important }
.groundy { width: 100% !important }
}

@media screen and (max-width: 650px) {
.sanjiao span.cpsa { font-size: 30px; bottom: 20%; right: 40% }
.sanjiao span.cpsb { font-size: 18px; right: 9% }
}

@media screen and (max-width: 660px) {
.logo { margin-top: 3%; }
}

@media screen and (max-width: 590px) {
.logo { margin-top: 4%; }
.srssm { top: 25%; height: 50% }
}

@media screen and (max-width: 540px) {
.logo { width: 65%; margin-top: 4%; }
.swiper-slide a {; margin: 4% auto; }
.newscont a { width: 70% !important; }
.newscont span { width: 30% !important; }
.h1 { font-size: 24px }
.tzal { font-size: 20px }
.skr { font-size: 24px }
.chanye ul li { margin-top: 4% !important; }
.chanye ul li.mar4d { margin-top: 5% !important; }
.top46l { margin-top: -46px; left: 3% !important; -webkit-transform: scale(0.8); transform: scale(0.8); }
.top46r { margin-top: -46px; right: 3% !important; -webkit-transform: scale(0.8); transform: scale(0.8); }
}

@media screen and (max-width: 490px) {
.logo { width: 75%; }
}

@media screen and (max-width: 460px) {
.sanjiao span.cpsb { font-size: 16px; right: 9% }
}

@media screen and (max-width: 450px) {
.top { height: 60px }
.logo { margin-top: 1.5%; }
.nav_trigger { -webkit-transform: scale(0.8); transform: scale(0.8); top: 18px; }
}

@media screen and (max-width: 420px) {
.logo { margin-top: 2%; }
.chanye ul li { margin-top: 3% !important; }
.chanye ul li.mar4d { margin-top: 5% !important; }
.srssm { line-height: 800% }
}

@media screen and (max-width: 400px) {
.sanjiao span.cpsb { font-size: 16px; right: 7% }
}

@media screen and (max-width: 380px) {
.sanjiao span.cpsa { font-size: 26px; }
.sanjiao span.cpsb { right: 3% }
.logo { margin-top: 2.5%; }
.banner img { transform: scale(0.9); -webkit-transform: scale(0.9); }
.swiper-button-prev, .swiper-button-next { transform: scale(0.8); -webkit-transform: scale(0.8); }
}

@media screen and (max-width: 355px) {
.sanjiao span.cpsa { font-size: 24px; }
.sanjiao span.cpsb { font-size: 14px; }
.logo { margin-top: 3.5%; }
.top { height: 60px }
.nav_trigger { top: 18px; }
.chanye ul li { margin-top: 2% !important; }
.chanye ul li.mar4d { margin-top: 5% !important; }
.nav_trigger { top: 18px; }
}

@media screen and (max-width: 320px) {
.nav_trigger { top: 15px; }
}