@charset "UTF-8";
html{
  font-size: 6.84vw;
}
@media screen and  (min-width:1460px){ /*主体宽度*/
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:100px;
}
}

html {
  scrollbar-width: thin;
  scrollbar-color: #fef50a rgba(255, 255, 255, .75);
}
html::-webkit-scrollbar {
  width:8px;
}
html::-webkit-scrollbar-thumb {
  background-color: #fef50a;border-radius:8px;
}
html::-moz-scrollbar {
  width:8px; 
}
html::-moz-scrollbar-thumb {
  background-color: #fef50a;border-radius:8px;
}	


.w_width{max-width:1460px; margin-right: auto; margin-left: auto;}
.w_1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.w_1094{max-width:1094px; margin-right: auto; margin-left: auto;}
.w_800{max-width:800px; margin-right: auto; margin-left: auto;}
.w_486{max-width:486px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:1rem;padding-right:1rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.t_navs{position:fixed; left:0; top:0; z-index: 20; width:100%;}
.t_navs.act{ box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.t_navs .w_width{ position: relative; z-index:20;}
.t_navs .top{ width: 100%; display: flex; align-items: center; justify-content: space-between; height:94px;}
.t_navs .logo{ line-height: 0; display:flex;}
.t_navs .logo a{ float: left;}
.t_navs .logo img{ max-width:inherit; width: auto; height:58px;}
.t_navs .right{ display:flex; align-items: center;}
.t_navs .search1,
.t_navs .user{ cursor: pointer; display:flex; justify-content:center; align-items: center; width:50px; height:50px; background: #fef50a; border-radius:50%;}
.t_navs .search1 i,
.t_navs .user i{ width:30px; height:30px;display: block; background-size:100% 100% !important;}
.t_navs .search1 i{background: url(img/search.png) center no-repeat; }
.t_navs .user i{background: url(img/user.png) center no-repeat;}
.t_navs .search1{ margin-right: 10px;}
.t_navs .search1:hover i{background: url(img/search.1.png) center no-repeat; }
.t_navs .user:hover i{background: url(img/user.1.png) center no-repeat;}
.t_navs .menu{ display:flex; margin-right:5.2%;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin:0 0.28rem; position: relative;}
.t_navs .menu .nli span a{ display: block;color: #050505; font-weight:700; position: relative;line-height:94px; font-size: 18px;}
.t_navs .menu .nli span a::after{ display:flex; content:''; position:absolute; top:50%; margin-top:10px; left:0; height:1px; background:#7700bb; width:0; }
.t_navs .menu .nli:hover span a{ color: #7700bb;}
.heiTop{ width: 100%; margin-top:94px;}

.t_navs.tcv{ background: #fff; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.t_navs.tcn{ background: #fff; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.t_navs.tcm{ background: #fff;}



@media screen and (max-width:1024px) {
.t_navs .top{ height:54px;}
.t_navs .menu{ display: none;}
.t_navs .logo img{ height:30px;}
.t_navs .search1{ display:none;}
.t_navs .user{ width:34px;height:34px; margin:0 16px 0 0;}
.t_navs .user i{ width:24px;height:24px;}
.heiTop{ margin-top:54px;}
.t_navs.tcv{ box-shadow:0 2px 5px rgba(105,128,128,0.17);}
.t_navs.tcn{ box-shadow:0 2px 5px rgba(105,128,128,0.17);}
}


.t_navs .SearchBox {
  width: 100%;
  height: 0;
  background-size: cover !important;
  background: white;
  position: absolute;
  z-index:10;
  left: 0;
  border-top: 1px solid rgba(0, 0, 0, 0.1);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: 0.5s ease-in-out;
  border-bottom: 1px solid rgba(0,0,0,.1);
}
.t_navs .SearchBox .close {
  position: absolute;
  color: #000000;
  font-size: 2.5vw;
  right: 2.5vw;
  margin-top: 0.5vw; line-height: 0;
  cursor: pointer;
}
.t_navs .SearchBox .SearchInput {
  width: 40vw;
  margin: 4vw auto 0 auto;
  border-bottom: 1px solid #dcdcdc;
  padding: 0.5vw 0 0.5vw 11px; display: flex;
}
.t_navs .SearchBox .SearchInput input {
  width: 95%;
  font-size:18px; color: #000;
  outline: none;
  background: transparent;
  border: transparent;
}
.t_navs .SearchBox .SearchInput i {min-width:50px; width:50px; height:50px; display: block; background: url(img/search.png) center no-repeat; background-size:30px 30px !important;
  cursor: pointer;
}
.t_navs .SearchBox .SearchInput i:hover{background: url(img/search2.png) center no-repeat;}
.t_navs .SearchBox.active {
  height: 12vw;
  opacity: 1;
  pointer-events: all;
  visibility: visible;
}

.t_navs .SearchBos .SearchInput {
  width:100%;
  margin:20px 0;
  border-bottom:1px solid rgba(0,0,0,0.1);
  padding:10px; display: flex;
}
.t_navs .SearchBos .SearchInput input {
  width:100%;
  font-size:16px; color: #050505;
  outline: none;
  background: transparent;
  border: transparent;
}
.t_navs .SearchBos .SearchInput i { min-width:40px; width:40px; height:40px; display: block; background: url(img/search.png) center no-repeat; background-size:65% 65% !important; cursor: pointer;}

.t_navs .SearchInput input::placeholder{ opacity:1 !important;}
.t_navs .SearchInput ::-webkit-input-placeholder{color:#050505}
.t_navs .SearchInput :-moz-placeholder{color:#050505}
.t_navs .SearchInput ::-moz-placeholder{color:#050505}
.t_navs .SearchInput :-ms-input-placeholder{color:#050505}



.t_navs .menuph{float: right; width: 40px; height: 40px; cursor: pointer; text-align: center; margin:0 -8px; display: none;}
.t_navs .menuph .menu-toggle {width: 40px;height: 40px;position: absolute;overflow: hidden;z-index: 111;}
.t_navs .menuph .cd-nav-trigger {display: block;width: 40px;height: 40px;}
.t_navs .menuph .menu-toggle span.hamburger {content:"";display:block;width:18px;height:2px;background:#050505;position:absolute;top:50%;margin-top:-1px;left: 8px;margin-left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after,
.t_navs .menuph .menu-toggle span.hamburger:before{content:"";display:block;width:24px;height:2px;background:#050505;position:absolute;top:50%;margin-top:-1px;left:0;-webkit-transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);transition:transform 0.3s cubic-bezier(0.600,0.000,0.200,1.000);-webkit-transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-timing-function:cubic-bezier(0.600,0.000,0.200,1.000);transition-delay:0.15s;}
.t_navs .menuph .menu-toggle span.hamburger:after {margin-top:-8px;top:0;transition-delay:0.27s;}
.t_navs .menuph .menu-toggle span.hamburger:before {margin-top:8px;top:0;transition-delay:0.2s;}
.t_navs .menuph .menu-toggle span.hamburger span{width: 2px;height: 2px;display: block;background: #050505;position: absolute;right: 20px;top:50%;margin-top:-1px;}
.t_navs .menuph .menu-toggle span.hamburger .span1{margin-top: -9px;}
.t_navs .menuph .menu-toggle span.hamburger .span3{margin-top: 7px;}
.t_navs .menuph .menu-toggle span.cross:before,
.t_navs .menuph .menu-toggle span.cross:after {content:"";display:block;width:24px;height:2px;background:#050505;position:absolute;top:50%;margin-top:-1.5px;left:50%;margin-left:-12px;-webkit-transform:translateY(-70px) translateX(-70px) rotate(45deg);transform:translateY(-70px) translateX(-70px) rotate(45deg);transition-delay:0.12s;}
.t_navs .menuph .menu-toggle span.cross:after {transition-delay:0s;-webkit-transform:translateY(70px) translateX(-70px) rotate(-45deg);transform:translateY(70px) translateX(-70px) rotate(-45deg);}
.t_navs .menuph .menu-toggle span.cross:after {-webkit-transform:translateY(-70px) translateX(70px) rotate(-45deg);transform:translateY(-70px) translateX(70px) rotate(-45deg);}
.t_navs .cross::before,
.t_navs .cross::after {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.t_navs .menuph.active .menu-toggle span.hamburger,
.t_navs .menuph.active .menu-toggle span.hamburger:after,
.t_navs .menuph.active .menu-toggle span.hamburger:before {-webkit-transform:translateX(70px);transform:translateX(70px);transition-delay:0.12s;}
.t_navs .menuph.active .menu-toggle span.hamburger:after {transition-delay:0s;}
.t_navs .menuph.active .menu-toggle span.hamburger:before {transition-delay:0.07s;}
.t_navs .menuph.active .menu-toggle span.cross:before {transition-delay:0.12s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.t_navs .menuph.active .menu-toggle span.cross:after {transition-delay:0.24s;-webkit-transform:rotate(-45deg) !important;transform:rotate(-45deg) !important;}


@media screen and (max-width:1024px) {
.t_navs .menuph{ display: block;}
}

.t_navs .xialaph{ position: fixed; left:0; top:54px; float: left; width: 100%; height:100vh; z-index:19; display:none; background:#fff; padding:0 15px 90px 15px; overflow-y: auto; border-top:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{ font-weight: bold; color: #050505; font-size:16px; line-height:28px;position: relative;padding:12px 50px 12px 0;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #7700bb;}
.t_navs .xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.t_navs .xialaph .icobox::after{width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #050505;  border-right:1px solid #050505;}
.t_navs .xialaph .on .icobox::after{ transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;border-top:1px solid #7700bb;  border-right:1px solid #7700bb;}
.t_navs .xialaph .u2{width: 100%;padding:0 0 15px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap; margin-bottom:8px;}
.t_navs .xialaph .a1{font-size:1px;color: #050505; font-size:14px; line-height:28px;width: 100%;}
.t_navs .xialaph .a2:hover{ color:#7700bb;}
.t_navs .xialaph .on .a2{ color:#7700bb;}



.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; width:100%;}
.index-banner .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform; width:100%; line-height: 0;}
.index-banner .box{ display: flex; flex-wrap: wrap; width:100%; padding:1.82rem 0 1.4rem 0;}
.index-banner .box .img{ display: block; width:48.9%;}
.index-banner .box .pic{ display: block; width:148.7%; margin:0 0 0 -1%;}
.index-banner .box .left{ display: flex; flex-wrap: wrap; width:51.1%; position: relative; z-index: 6; margin-top:0.12rem;}
.index-banner .box .tit{ display: inline-flex; font-size:48px; line-height:58px;}
.index-banner .box .info{width:100%; color: #050505; font-size:20px; line-height:32px; margin-top:13px;}
.index-banner .box .cont{ width:100%; margin-top:0.64rem;}
.index-banner .swiper-pagination{ position: absolute; left:0; bottom:30px; z-index: 10; width:100% !important; display:flex; justify-content: center;}
.index-banner .swiper-pagination-bullet{ display: flex; width:12px; height:12px; border-radius:50%; background:#fef50a; margin:0 6px;}
.index-banner .swiper-pagination-bullet-active{background:#7700bb;}
.index-banner .swiper-pagination-lock{ display:none;}



@media screen and (max-width:1680px) {
.index-banner .box .left{ margin-top:0;}	
.index-banner .box .pic{ width:126.7%; margin:0;}
}
@media screen and (max-width:1440px) {
.index-banner .box .tit{font-size:42px; line-height:50px;}
.index-banner .box .info{font-size:18px; line-height:28px;}
.index-banner .box .cont{ margin-top:0.34rem;}
}
@media screen and (max-width:1024px) {
.index-banner .box .tit{ font-size:21px; line-height:28px;}	
.index-banner .box .info{ font-size:14px; line-height:22px; margin-top:12px;}
.index-banner .box .cont{ margin-top: 30px;}
.index-banner .swiper-pagination{bottom:25px;}
}
@media screen and (max-width:767px) {
.index-banner .box{flex-wrap:wrap-reverse; padding:60px 0;}	
.index-banner .box .img{ width:100%;}
.index-banner .box .left{ width:100%; margin-top: 30px;}
.index-banner .box .cont{ display: flex; justify-content: center;}
.index-banner .box .pic{ width:100%;}
}

.footer1{ background: #f6f4ed; padding-top:29px;padding-bottom:29px;}
.footer1 .box{ display:flex; flex-wrap: wrap; width:100%;justify-content: space-between;}
.footer1 .bq{ display:flex; color: #050505; font-size:14px; line-height:22px;}
.footer1 .bq a{ color: #050505}
.footer1 .bq a:hover{ color: #7700bb;}
.footer1 .nav{ display:flex; flex-wrap: wrap; color: #050505; font-size:14px; line-height:22px; }
.footer1 .nav a{ display: inline-flex; color: #050505;text-decoration: underline;}
.footer1 .nav a:hover{ color: #7700bb;}
.footer1 .share a{ display:flex; align-items: center; justify-content: center; line-height:0; position: relative;  width:22px; height:22px; margin:0 0.2rem;}
.footer1 .share a img{ max-width:none;  width:40px; height:40px;}
.footer1 .share a .img1{ display: block;}
.footer1 .share a .img2{ display: none;}
.footer1 .share a:hover .img1{ display: none;}
.footer1 .share a:hover .img2{ display: block;}

.footer{ position: relative; overflow: hidden; padding-top: 128px;}
.footer::after{ display:block;position: absolute; content:''; left:-9.5%; top:0; width:119%; padding-bottom:119%; background:#f6f8f8; border-radius:50% 50% 0 0; z-index: 1;}
.footer .box{ display:flex; flex-wrap: wrap; width:100%;align-items: flex-start; justify-content: space-between; padding:110px 0 108px 0;}
.footer .logo{ display:block; line-height:0; width:25.55%;}
.footer .logo a img{max-width: inherit; width: auto; height:0.65rem;}
.footer .nav{ width:44.44%; display: flex; flex-wrap: wrap; margin-top: 0.24rem;}
.footer .nav .li{ width:50%; display: flex; flex-wrap: wrap; margin:0.04rem 0;}
.footer .nav .li a{ width:100%; color: #050505; font-size:18px; line-height:32px;}
.footer .nav .li a:hover{color: #7700bb;}
.footer .right{ width:30.01%; display: flex; flex-wrap: wrap; margin-top:0.2rem;}
.footer .right .title{ width:100%; color: #050505; font-size:24px; line-height:32px;}
.footer .right .info{ width:83%; color: #050505; font-size:18px; line-height:32px;margin-top:0.12rem;}
.footer .box1{ width:100%; text-align:center; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.footer .box1 .title{ font-size:72px; line-height: 1; margin-bottom: 25px;}
.footer0{ width:100%; display: block; line-height:0; text-align: center; position: relative; z-index:6;}
.footer0 img{max-width: inherit; width: auto; height:288px; margin-bottom: -114px;}

@media screen and (max-width:1440px) {
.footer .nav .li a{ font-size:16px; line-height:30px;}	
.footer .right .info{ font-size:16px; line-height:30px;}
.footer .right .title{ font-size:20px; line-height:30px;}
}
@media screen and (max-width:1024px) {
.footer1{ padding-top:20px;padding-bottom:20px;}
.footer{ padding-top:70px;}
.footer .box{ padding:35px 0 45px 0;}
.footer .logo a img{ height:36px;}
.footer .nav{ margin-top:0;}
.footer .nav .li{ margin-top:2px;}
.footer .nav .li a{ font-size:14px; line-height:24px;}
.footer .right{ margin-top: 0;}
.footer .right .title{ font-size:18px; line-height:26px;}
.footer .right .info{ width:100%; font-size: 14px; line-height:22px; margin-top:6px;}
.footer .box1 .title{ font-size:40px;}
.footer0 img{ height:144px; margin-bottom: -57px;}
}
@media screen and (max-width:767px) {
.footer1 .box{ justify-content: center; position: relative; padding-bottom:32px;}
.footer1 .share{ position: absolute; left:0; bottom:3px; width:100%; justify-content: center;}
.footer1 .share a{ margin:0 8px;}
.footer1 .share a img{ max-width:none;  width:36px; height:36px;}
.footer1 .bq{ margin:0 8px;}
.footer1 .nav{ margin:0 8px;}
.footer .logo{ width:100%; text-align: center;}
.footer .nav{ width:100%; margin-top:25px;}
.footer .nav .li{ width:33.33%;}
.footer .right{ width:100%; margin-top:20px;}
.footer::after{ padding-bottom:0; height:100%; width:150%; left:-25%;}
}




.inTit1{ width:100%; font-size:48px; line-height:62px;}
.inMore1{ width:100%; display:flex; flex-wrap:wrap; justify-content: center;}
.inMore1 a{ line-height:28px; text-decoration: underline;}
.inMore1 a:hover{ opacity:0.7;}

@media (max-width: 1440px){
.inTit1{ font-size:42px; line-height:52px;}
}
@media (max-width: 1024px){
.inTit1{ font-size:21px; line-height:28px;}
}
@media (max-width: 767px){
.inTit1 br{ display:none;}
}

.h-main1{ padding-top:86px; padding-bottom:98px;}
.h-main1 .box{ display: flex; flex-wrap: wrap; width:100%; align-items:flex-start; justify-content: space-between;}
.h-main1 .box .img{ display: block; width:32.2%; line-height:0; margin:0 0 0 5.8%;}
.h-main1 .box .cont{ display: block; width:51.2%; margin-top:1.06rem;}
.h-main1 .box .info{ display: block; width:100%; font-size:24px; line-height:36px; margin-top:0.23rem;}
.h-main1 .box .info a{ color: #7700bb;}
.h-main1 .box .info a:hover{ text-decoration: underline;}

@media (max-width:1440px){
.h-main1 .box .img{ width:32.2%; margin:0 0 0 3.8%;}	
.h-main1 .box .info{ font-size:20px; line-height:30px;}
.h-main1 .box .cont{ width:56.2%;}
}
@media (max-width:1024px){
.h-main1{ padding-top:30px; padding-bottom: 40px;}
.h-main1 .box .info{ font-size:16px; line-height:24px;}
.h-main1 .box .img{ width:32.2%; margin:0;}
.h-main1 .box .cont{ width:64%;}
}
@media (max-width:767px){
.h-main1 .box .img{ width:100%; padding:0 20%;}	
.h-main1 .box .cont{ width:100%; margin-top:30px;}
.h-main1 .box .info{ margin-top:12px;}
.h-main1 .inTit1{ text-align: center;}
}

.h-main2{ padding-top:124px; padding-bottom:154px;}
.h-main2 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; margin-top:50px;}
.h-main2 .box .li{ display:flex; flex-wrap:wrap; align-content:flex-start; width:28%; margin-top:60px; margin-right: 8%;}
.h-main2 .box .li:nth-child(3n){ margin-right: 0;}
.h-main2 .box .li .tit{ width:100%; line-height:39px; margin-top: 0.58rem;}
.h-main2 .box .li .info{ width:100%; line-height:33px; margin-top:0.34rem;}
.h-main2 .box .li .ico{ width:100%; line-height:0; display: block;}
.h-main2 .box .li .ico img{ height:1.08rem; width: auto; max-width:inherit;}

@media (max-width: 1440px){
.h-main2 .box .li .tit{ line-height:34px;}	
.h-main2 .box .li .info{line-height:30px; margin-top:0.34rem;}

}
@media (max-width: 1024px){
.h-main2{ padding-top:30px; padding-bottom:40px;}
.h-main2 .box{ margin-top:10px;}
.h-main2 .box .li{ width:30%; margin-right:4%; margin-top:28px;}
.h-main2 .box .li:nth-child(3n){ margin-right: 0;}
.h-main2 .box .li .tit{ line-height:26px; margin-top: 20px;}
.h-main2 .box .li .info{ line-height:24px; margin-top:12px;}
.h-main2 .box .li .ico img{ height:52px;}
}
@media (max-width: 767px){
.h-main2 .inTit1{ text-align: center;}
.h-main2 .box .li{ width:100%; margin-right: 0; position: relative;}
.h-main2 .box .li .ico{ position: absolute; left:0; top:0;}
.h-main2 .box .li .ico img{ height:36px;}
.h-main2 .box .li .tit{min-height:36px; margin-top:0; padding:0 0 0 54px; display: flex; align-items: center;}
.h-main2 .box .li .tit br{ display:none;}
.h-main2 .box .li .info{ margin-top:12px;}
}



.h-main3{ padding-top:98px; padding-bottom:66px;}
.h-main3 .hd{ display:block; width:100%; margin-top: 48px;}
.h-main3 .hd .ul{ display:flex; flex-wrap:wrap; justify-content:center; width:100%;}
.h-main3 .hd li{ cursor: pointer; display:flex; flex-wrap:wrap; align-items: center; flex-direction: column; width:13.8%;}
.h-main3 .hd li i{ display: block; line-height: 0;}
.h-main3 .hd li i img{ width:46px; height:46px;}
.h-main3 .hd li .fs20{ line-height:1.2; border-radius:30px; margin-top: 10px; padding:2px 16px 4px 16px;}
.h-main3 .hd li.on .fs20{ background: #fef50a;}
.h-main3 .box{display:flex; flex-wrap:wrap; width:100%; margin:44px 0 30px 0; position:relative;}
.h-main3 .box .list{ display: block; width:100%; position:absolute; left:0; top:0; opacity:0; z-index: 1;}
.h-main3 .box .list.on{ position: relative; opacity: 1; z-index: 6;}
._box01 .ul{ display:flex; flex-wrap:wrap; width:calc(100% + 32px); margin:0 -16px;}
._box01 .li{ display:flex; flex-wrap:wrap; text-align: center; width:25%; padding:16px;}
._box01 .li a{ display:flex; width:100%; flex-wrap:wrap; position: relative; height:100%; background: #fff; overflow:hidden; border-radius:8px;}
._box01 .li ._img{ width:100%; padding-bottom: 106%;}
._box01 .li .cont{ width:100%; padding:15px 20px;}
._box01 .li .tit{ width:100%; line-height:20px; height:40px;}
._box01 .li .num{ width:100%; line-height:24px; margin:6px 0 3px 0;}

@media (max-width: 1440px){
.h-main3 .hd li{ width:16.8%;}
}
@media (max-width: 1024px){
.h-main3{ padding-top:30px; padding-bottom: 40px;}
.h-main3 .hd{ margin-top:25px;}
.h-main3 .hd li i img{ min-width:30px; width:30px; height:30px;}
.h-main3 .box{ margin:15px 0 15px 0;}
._box01 .ul{ width:calc(100% + 14px); margin:0 -7px;}
._box01 .li{ padding:7px;}
}
@media (max-width: 767px){
.h-main3 .hd .ul{ width: auto; flex-wrap: nowrap; white-space:nowrap; overflow-x: auto; justify-content: flex-start;  scrollbar-color: #f6f8f8 #f6f8f8;}	
.h-main3 .hd li{ margin-right:16px; align-items: center; flex-direction: row; width:auto; flex-wrap:nowrap;}	
.h-main3 .hd li .fs20{ margin:0 0 0 8px; padding:5px 10px 7px 10px;}
._box01 .li{ width:50%;}
._box01 .li .cont{padding:15px 12px;}
}


.h-main4{ padding-top:116px; padding-bottom: 180px;}
.h-main4 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; padding:36px 0 31px 0;}
.h-main4 .box .li{ display:flex; flex-wrap:wrap; align-content:flex-start; width:48.2%; margin:39px 0;}
.h-main4 .box .li .tit{ width:100%; font-weight: bold; position: relative; padding:0 0 0 48px; line-height:30px;}
.h-main4 .box .li .info{ width:100%; color:rgba(5,5,5,0.8); position: relative; padding:4px 0 0 48px; line-height:25px; margin-top: 18px;}
.h-main4 .box .li .fs20{ display:flex; width:30px; height:30px; line-height: 1; align-items: center; justify-content: center; border-radius:50%; position: absolute; left: 0; top:0; background: #fef50a; padding-bottom: 1px; font-weight: bold;}
.h-main4 .box .li .fs20.q{ color: #fff;}


@media (max-width: 1440px){
.h-main4 .box .li .info{ line-height: 23px;}
}
@media (max-width: 1024px){
.h-main4{ padding-top:30px; padding-bottom:45px;}
.h-main4 .box{ padding:16px 0 12px 0;}
.h-main4 .box .li{ width:100%; margin:14px 0;}
.h-main4 .box .li .tit{ line-height:20px; padding:4px 0 4px 38px;}
.h-main4 .box .li .info{ line-height:22px; margin-top:12px; padding:0 0 0 38px;}
.h-main4 .box .li .fs20{ width:26px; height:26px;}
}

.pf-poup{ display:none; position: fixed; right:10px; top:50%; z-index: 60; background: #fef50a; width:1.18rem; border-radius:1.18rem; padding:0 20px 30px 20px; box-shadow:0 6px 24px rgba(154,198,198,0.24);}
.pf-poup .dd{ display: flex; justify-content: center; width:100%; margin-top: 13px; position: relative;}
.pf-poup .dd i{ cursor:pointer; display: flex; align-items: center; justify-content: center; width:38px; height:38px; border-radius: 50%;}
.pf-poup .dd i img{width:22px; height:22px;}
.pf-poup .dd i:hover{ background:#050505;}
.pf-poup .tel{ width:0; white-space:nowrap; font-weight: 600; letter-spacing: 1px; color: #fff; font-size:18px; line-height:30px; position: absolute; right:95%; top:50%; border-radius:50px; margin-top: -25px; overflow: hidden; padding:10px 0;
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  
background-image: -webkit-linear-gradient(-48deg, #d511e7 0%, #4902d8 100%);
  background-image: -moz-linear-gradient(-48deg, #d511e7 0%, #4902d8 100%);
  background-image: -o-linear-gradient(-48deg, #d511e7 0%, #4902d8 100%);
  background-image: linear-gradient(-48deg, #d511e7 0%, #4902d8 100%);
}
.pf-poup .dd:hover .tel{ width:auto; padding:10px 30px;}
.pf-poup ul{ display:block; width:100%; padding:0 0 10px 0;}
.pf-poup ul li{ display:block; width:100%; margin-top: 16px;}
.pf-poup ul li a{ display:blocak; text-align: center; width:100%;}
.pf-poup ul li a i{ display:block; line-height: 0; width:100%;}
.pf-poup ul li a  i img{width:24px; height:24px;}
.pf-poup ul li a .fs16{ display:block; width:100%; font-weight: bold;}
.pf-poup ul li a:hover .fs16{ color: #7700bb;}
.pf-poup .pic{ text-align: center; display:block; line-height: 0; width:100%; margin-top: -0.65rem;}
.pf-poup .pic img{ width:0.57rem;}

@media (max-width:1600px){
.pf-poup{right:0.06rem; width:0.82rem; border-radius:0.82rem; padding:0 0 24px 0; }
.pf-poup .dd{ margin-top:8px;}
.pf-poup .dd i{ width:30px; height:30px;}
.pf-poup .dd i img{width:16px; height:16px;}
.pf-poup ul{ padding:0 0 8px 0;}
.pf-poup ul li{ margin-top:10px;}
.pf-poup ul li a  i img{width:22px; height:22px;}
.pf-poup ul li a .fs16{ font-size:13px;}
}
@media (max-width:1024px){
.pf-poup{ display:none !important;}
}



.b_navs .pf_down{ display: none; width: 100%; float: left; position: fixed; left: 0; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); background: #fff; z-index: 16; box-shadow:0 0 12px rgba(154,198,198,0.24);}
.b_navs .pf_down li{ width:25%; float: left; text-align: center; padding:7px 0 9px 0;}
.b_navs .pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 24px; line-height:0; display: flex; justify-content: center; align-items: center; position:relative;}
.b_navs .pf_down li .ico7 img{ width:24px; height: 24px;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; font-size: 14px; line-height: 14px;}

@media screen and (max-width:767px) {
.b_navs .pf_down{ display: block;}
.b_navs .bottomnav{ height:54px; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom);}
}

.register{ display: flex; flex-wrap: wrap; align-content: center; width:100%; min-height:100vh; padding-top: 0.68rem; padding-left:11.8%; padding-right:11.8%;}
.register .inTit1{ font-style: italic;margin-top:50px;}
.register .info{ margin-top:0.08rem; line-height:32px;}
.register .box{ display:flex; flex-wrap: wrap; align-items:center; justify-content: space-between; width:100%; margin-top: 0.4rem; margin-bottom:50px;}
.register .img{ display: block; width:47.8%; line-height: 0;}
.register .left{ display: block; background: #fff; border-radius: 8px; width:44.8%; padding:0.12rem 0.24rem 0.26rem 0.24rem;}
.hideShowPassword-wrapper{ width:100% !important;}

@media (max-width:1440px){
.register{ padding-left:6.8%; padding-right:6.8%;}	
.register .info{ line-height:28px; margin-top:4px;}
.register .box{ margin-top: 0.3rem;}
.register .img{ width:43.8%;}
.register .left{ width:47.8%;}
}
@media (max-width:1024px){
.register{ padding:35px 0 0 0;}	
.register .info{ line-height:22px;}
.register .img{ width:100%; text-align: center; margin-top: 30px;}
.register .img img{ width:200px;}
.register .left{ width:100%; padding:5px 15px 20px 15px;}
.register .box{ margin-top:0; margin-bottom:30px;}
}

.form1{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; }
.form1 .lab{ display: flex; width:100%; position:relative; margin-top:0.16rem; border-radius:3px; overflow: hidden; border: 1px solid #b4b4b4; padding-bottom: 2px; }
.form1 .name{ white-space: nowrap; opacity:0.7; margin-left: 17px; line-height:44px;}
.form1 .name span{ color: #e11d27;}
.form1 .text{ width:100%; border-radius:0; border:0; background:none; color: #050505; line-height:32px; height:44px; padding:5px 17px;}
.form1 .lab1{ display: flex; width:100%;color:rgba(5,5,5,0.7); padding:0.16rem 0 0 18px; line-height:22px; }
.form1 .lab2{ display: flex; width:100%; margin-top:0.25rem;}
.form1 .lab2 .words{ line-height:22px;}
.form1 .lab2 ._ico{ cursor: pointer; display:flex; align-items: center; justify-content: center; min-width:22px; width:22px; height:22px; overflow: hidden; border-radius:3px; line-height: 0;border:1px solid #b4b4b4; margin:1px 0.12rem 0 0;}
.form1 .lab2 ._ico img{ width:16px; opacity:0;}
.form1 .lab2.on ._ico{ background: #7cd0f5;border:1px solid #7cd0f5;}
.form1 .lab2.on ._ico img{ opacity:1;}
.form1 .lab3{  display: flex; width:100%; justify-content: center; margin-top:0.4rem;}
.form1 .lab4{ display:block; text-align: center; width:100%; margin-top:0.18rem;line-height:24px; }
.form1 .lab4 a{ color:#7700bb;}
.form1 .lab4 a:hover{ text-decoration: underline;}
.form1 .hideShowPassword-toggle{ cursor: pointer; position: absolute; right:6px !important; margin:0 !important; top:0; z-index: 6; height:100%; width:46px;display:flex; align-items: center; justify-content: center; background:url(img/_preview-open.svg) center no-repeat !important; background-size:26px 26px !important;}
.form1 .hideShowPassword-toggle-hide:after{ display:block; content:''; width:26px; height:1px; background: #b4b4b4; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-45deg); -ms- transform:translate(-50%,-50%) rotate(-45deg);}
.form1 .lab5{  display: flex; width:100%; justify-content: center;}
.form1 .Forgot{  display: flex; width:100%; justify-content: flex-end; line-height:22px; margin:15px 0 32px 0;}
.form1 .Forgot .a{ display: inline-flex; border-bottom:1px solid #050505;}
.form1 .Forgot .a:hover{ color: #7700bb; border-bottom:1px solid #7700bb;}

.form1 input::placeholder{ opacity:1 !important;}
.form1 ::-webkit-input-placeholder{color:rgba(5,5,5,0.7)}
.form1 :-moz-placeholder{color:rgba(5,5,5,0.7)}
.form1 ::-moz-placeholder{color:rgba(5,5,5,0.7)}
.form1 :-ms-input-placeholder{color:rgba(5,5,5,0.7)}

@media (max-width:1440px){
.form1 .lab{ margin-top:0.14rem;}
.form1 .name{ line-height:36px; margin-left: 12px;}
.form1 .text{ line-height:22px; height:36px; padding:5px 12px;}
.form1 .lab1{ padding:0.14rem 0 0 12px; line-height:22px; }
.form1 .lab2{ margin-top:0.15rem;}
.form1 .lab3{ margin-top: 0.25rem;}
.form1 .lab4{ margin-top:0.12rem;}
}
@media (max-width:1024px){
.form1 .lab{ margin-top:14px;}
.form1 .lab2 ._ico{ min-width:16px; width:16px; height:16px; margin:1px 6px 0 0;}
.form1 .lab2 ._ico img{ width:12px;}
.form1 .lab2 .words{ line-height: 16px;}
.form1 .lab1{ padding:12px 0 0 12px;}
.form1 .lab2{ margin-top:15px;}
.form1 .lab3{ margin-top:25px;}
.form1 .lab4{ margin-top:10px;}
.form1 .Forgot{ margin:10px 0 25px 0;}
.form1 .hideShowPassword-toggle{ right:0; width:40px; background-size:20px 20px !important;}
.form1 .hideShowPassword-toggle-hide:after{ width:20px;}
}


.Login{ display:none; position: fixed; left:50%; top:50%; z-index:100; width:493px; background: #fff; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); box-shadow:0 4px 38px rgba(0,0,0,0.21); border-radius:10px;}
.Login .box{ display: flex; flex-wrap: wrap; width:100%; position: relative; padding:52px 24px 45px 24px;}
.Login .title{ width:100%; text-align: center; font-style: italic; line-height:28px; font-weight: bold;}
.Login .info{ width:100%; text-align: center; line-height:20px; margin:5px 0 9px 0;}
.Login .colse{ cursor: pointer; position: absolute; right:8px; top:8px; z-index: 6; height:36px; width:36px;display:flex; align-items: center; justify-content: center;}
.Login .colse img{ width:32px; height:32px;}

.Login .form1 ::-webkit-input-placeholder{color:rgba(5,5,5,1)}
.Login .form1 :-moz-placeholder{color:rgba(5,5,5,1)}
.Login .form1 ::-moz-placeholder{color:rgba(5,5,5,1)}
.Login .form1 :-ms-input-placeholder{color:rgba(5,5,5,1)}

@media (max-width:1024px){
.Login{ box-shadow:0 4px 20px rgba(0,0,0,0.21);}
.Login .box{ padding:30px 15px 25px 15px;}
.Login .colse{ right:4px; top:4px; }
.Login .colse img{ width:30px; height:30px;}
.Login .title{ line-height: 26px;}
.Login .info{ margin:2px 0 5px 0;}
}
@media (max-width:767px){
.Login{ width:86%;}
}



.form2 .lab{ display: flex; width:100%; position:relative; margin-top:15px; border-radius:3px; border: 1px solid #717272; padding-bottom: 2px; }
.form2 .name{ font-weight: bold; line-height:32px; margin-top:0.2rem;}
.form2 .name1{ white-space:nowrap; font-weight: bold; position: absolute; right:100%; top:50%; line-height:20px; margin:-10px 0.26rem 0 0; z-index: 6;}
.form2 .name1 span{ color: #e81f27;}
.form2 .tit{ position: absolute; left:10px; top:-12px; z-index: 6; background: #f6f8f8; line-height:20px; padding:0 12px 0 8px;}
.form2 .text{ width:100%; border-radius:0; border:0; background:none; color: #050505; line-height:32px; height:52px; padding:8px 17px;}
.form2 .lab1{ width:100%; margin-top:0.42rem;}
.form2 .lab2{ display:block; text-align: center; width:100%; margin-top:0.28rem;line-height:24px; }
.form2 .lab2 a:hover{ color:#7700bb;}
.form2 .lab3{ display:block; width:100%; margin:11px 0 29px 0;line-height:20px; }
.form2 .lab4{ display:flex; width:100%; position: relative; margin-top:15px;}
.form2 .roide{ display:flex; margin:15px 0;}
.form2 .roide .li{ cursor: pointer; display:flex; line-height:36px; padding:0 24px 0 17px; position: relative;}
.form2 .roide .li:after{ display: block; content:''; position: absolute; left: 0; top:50%; margin-top: -4px; width:12px; height:12px; border:1px solid #050505; border-radius: 50%;}
.form2 .roide .li.on:after{border:3px solid #4902d8}
.form2 #reservation1,
.form2 #reservation2{ cursor: pointer; background:url(img/_calendar-dot.svg) 97% center no-repeat; background-size:20px 20px;}


.form2 input::placeholder{ opacity:1 !important;}
.form2 ::-webkit-input-placeholder{color:rgba(5,5,5,0.6)}
.form2 :-moz-placeholder{color:rgba(5,5,5,0.6)}
.form2 ::-moz-placeholder{color:rgba(5,5,5,0.6)}
.form2 :-ms-input-placeholder{color:rgba(5,5,5,0.6)}

.form2 .c00 ::-webkit-input-placeholder{color:rgba(5,5,5,0.6)}
.form2 .c00 :-moz-placeholder{color:rgba(5,5,5,0.6)}
.form2 .c00 ::-moz-placeholder{color:rgba(5,5,5,0.6)}
.form2 .c00 :-ms-input-placeholder{color:rgba(5,5,5,0.6)}

.sel-tit{ cursor: pointer;}
._jt::after{ display: block; content:''; position: absolute; right:0.24rem; top:50%; margin-top:-3px; border-left:5px solid transparent; border-right:5px solid transparent;border-top:5px solid #000; }
._down{ display:none; float:left; position:absolute; left:-1px; top:100%; margin-top:-1px; z-index:6; background:#f6f8f8; border:1px solid #717272; padding:10px 0; box-shadow:0 1px 3px rgba(0,0,0,0.1); overflow:hidden; overflow-y:auto; scrollbar-width:thin; border-radius:0 0 3px 3px; width:calc(100% + 2px);}
._down::-webkit-scrollbar {width:3px}
._down::-webkit-scrollbar-track{background:rgba(105,172,70,0.14);border-radius:3px}
._down::-webkit-scrollbar-thumb { width:3px; height:60px; background:#fef50a; border-radius:3px}
._down .li{ float:left; width:100%; color:#050505; font-size:16px;line-height:28px; cursor:pointer; padding:0 17px;}
._down .li:hover{ color:#7700bb;}


@media (max-width:1440px){
.form2 .text{ line-height:26px; height:40px; padding:5px 12px;}
}
@media (max-width:1024px){
.form2 .name{ line-height:30px; margin-top:10px;}	
.form2 .name1{ width:100%; white-space:normal; right:0; top:-30px; margin:0;}
.form2 .roide{ margin:0;}
.form2 .roide .li:after{ margin-top: -6px;}
.form2 .lab{ margin-top:6px;}	
.form2 .lab1{ margin-top:30px;}
.form2 .lab2{ margin-top:12px;}
.form2 .lab3{ margin:10px 0 18px 0;}
.form2 .lab4{ margin-top:12px; margin-bottom: -6px;}
.form2 .lab4 .name1{ position: static; width: auto; top:0; line-height: 36px; margin-right:24px;}
._down .li{ font-size:14px;line-height:26px; padding:0 12px;}
._jt::after{ right:10px; }
}


.cjqd1{ display: block; width:100%; border-bottom: 1px solid #e7e7dc;}
.cjqd1 ul{ display: flex; width:100%;}
.cjqd1 ul li{ flex-wrap: wrap; display: flex; width:33.33%;}
.cjqd1 ul li a{ position: relative; display:block; width:100%; text-align: center; line-height:30px; padding:15px;}
.cjqd1 ul li:hover a{ color: #7700bb;}
.cjqd1 ul li.on a{ color: #7700bb;}
.cjqd1 ul li.on a::after{ display: block; content:''; position: absolute; left:0; bottom: -1px; background: #cdabef; width:100%; height:2px;}

@media (max-width:1024px){
.cjqd1 ul li a{line-height:20px; padding:12px 12px;}
}
@media (max-width:767px){
.cjqd1 ul{ justify-content: space-around;}	
.cjqd1 ul li{ white-space: nowrap; width:100%;}
}

.cjqd2 .box{ padding: 0.83rem 0 0.64rem 0;}
.cjqd2 .img{display: block; width:100%; text-align: center; line-height:0;}
.cjqd2 .img img{ width:2.25rem;}
.cjqd2 .inTit1{display:flex; font-style: italic; margin:14px 0 0.22rem 0;}
.cjqd2 ._btn{ width:100%; border-radius: 55px;}
.cjqd2-1 .box{ height:86vh; display: flex; flex-wrap: wrap; align-content: center;}
.cjqd2-1 .inTit1{ margin:14px 0 0.4rem 0;}
.cjqd2-2 .inTit1{ margin:14px 0 0.42rem 0;} 

@media (max-width:1024px){
.cjqd2 .box{ padding:45px 15px;}	
.cjqd2 .img img{ width:120px;}	
.cjqd2 .inTit1{ margin:12px 0 16px 0;}	
.cjqd2-1 .inTit1{ margin:12px 0 26px 0;}
.cjqd2-2 .inTit1{ margin:12px 0 50px 0;}
.cjqd2-2 .form2 .lab{ margin-top:42px;}	
}


.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis;color: #000; line-height:24px; padding-top: 20px; }
.mbs a{ display: inline-block; color: #000;}
.mbs i{ display: inline-block; margin:0 4px;}
.mbs a.on{ color: #7cd0f5;}
.mbs a:hover{ color: #7cd0f5;}

@media screen and (max-width:1024px) {
.mbs{ padding-top:12px;}
}

.slide1{ display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius: 8px; margin-top: 16px; padding:15px 20px; box-shadow:0 4px 38px rgba(43,134,248,0.07);}
.slide1 ul{ display: flex; flex-wrap: wrap; width:100%; padding:5px 0;}
.slide1 li{ display: flex; margin-right:3px;}
.slide1 li a{ display: flex; line-height:1.4; padding:4px 17px 6px 17px; border-radius: 39px;}
.slide1 li.on a{ background: #fef50a;}
.slide1 li:hover a{ background: #fef50a;}
@media screen and (max-width:1024px) {
.slide1{ margin-top:12px; padding:12px 12px;box-shadow:0 2px 10px rgba(43,134,248,0.07);}
.slide1 li a{ padding:4px 14px 6px 14px;}
}
@media screen and (max-width:767px) {
.slide1{ padding:7px 12px;}	
.slide1 ul{ white-space: nowrap; flex-wrap:nowrap; overflow-x: auto;scrollbar-color: #fff rgba(255, 255, 255, 0);}
}

.slide2{ display: flex; flex-wrap: wrap; align-items: center; justify-content:space-between; width:100%; background: #fff; border-radius: 8px; margin-top: 16px; box-shadow:0 4px 38px rgba(43,134,248,0.07); margin:17px 0 10px 0; overflow: hidden;}
.slide2 .right{ display: flex; align-items: center;}
.slide2 .toll{ display: flex; margin:0 32px 0 12px;}
.slide2 .search{ display: flex; border:1px solid #dcdcdc; border-radius: 3px; width:170px; height:35px;}
.slide2 .search .text{ display: flex; width:100%; height:31px; padding:0 12px;}
.slide2 .search .submit{min-width:36px; width:36px; height:35px; display: block; background: url(img/search.png) center no-repeat; background-size:20px 20px !important; cursor: pointer;}
.slide2 .search input::placeholder{ opacity:1 !important;}
.slide2 .search ::-webkit-input-placeholder{color:#050505}
.slide2 .search :-moz-placeholder{color:#050505}
.slide2 .search ::-moz-placeholder{color:#050505}
.slide2 .search :-ms-input-placeholder{color:#050505}
.slide2 .ul{ display: flex;}
.slide2 .ul li{ display: flex; border-left:1px solid #f0f0f0;}
.slide2 .ul li:first-child{ border-left: 0;}
.slide2 .ul li a{ white-space: nowrap; display: flex; width:100%; justify-content: center; align-items: center; line-height:1.4; padding:16px 36px 18px 36px;}
.slide2 .ul li.on a{ background: #fef50a;}
.slide2 .ul li:hover a{ background: #fef50a;}
.slide2 .ul li.Best a img{ width:8px; object-fit: contain; margin:4px 0 0 15px;}
.slide2 .ul li.Price a img{ width:14px; object-fit: contain; margin:4px 0 0 12px;}
.slide2 .ul li.Price.down a img{  transform: rotate(180deg);
  -webkit-transform: rotate(180deg);}



@media screen and (max-width:1024px) {
.slide2{ margin:12px 0 10px 0; box-shadow:0 2px 10px rgba(43,134,248,0.07);}
.slide2 .ul li a{ padding:12px 20px 14px 20px;}
.slide2 .ul li.Best a img{ margin:4px 0 0 8px;}
.slide2 .ul li.Price a img{ margin:4px 0 0 6px;}
.slide2 .toll{ margin:0 14px 0 12px;}
}
@media screen and (max-width:767px) {
.slide2 .ul{ width:100%; border-bottom:1px solid #f0f0f0;}
.slide2 .ul li{ width:30%;}
.slide2 .ul li a{ padding:10px 15px 12px 15px;}
.slide2 .ul li:nth-child(2n){ width:40%;}
.slide2 .right{ width:100%; padding:14px 14px;}
.slide2 .search{ width:100%; }
.slide2 .toll{ white-space: nowrap; margin:0 0 0 12px;}
}


.page1{ padding:42px 0 60px 0; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between;}
.page1 .left{ display: flex; align-items: center; font-size:16px; line-height:26px;}
.page1 .left .show{ margin-right: 20px; text-transform: capitalize;}
.page1 .left .a{display:block; text-align: center; width:48px; margin:0 10px;}
.page1 .left .text{ display:block; text-align: center; width:48px; height:48px; border: 1px solid #909095; border-radius: 3px; margin:0 10px;}
.page1 .right{ position: relative; display: flex; align-items: center; font-size:14px; padding-right: 47px;}
.page1 .right::after{ display: block; content:''; position: absolute; right: 0; top:50%; width:14px; height:14px; border-top:1px solid #050505; border-right:1px solid #050505; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);}
.page1 .right .toll{ position: relative; display: flex; flex-wrap: wrap; width:140px; }
.page1 .right .toll::after{ display: block; content:''; position: absolute; right:14px; top:50%; margin-top: -2px; width:9px; height:9px; border-bottom:1px solid #050505; border-right:1px solid #050505; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);}
.page1 .right .toll .text{ display: flex; width:100%; align-items: center; height:50px; padding:0 13px 2px 13px; border: 1px solid #5f6066; border-radius: 3px; cursor: pointer;}
.page1 .right .toll .down{ display:none; width:100%; position: absolute; left:0; top:100%; margin-top: -1px; background:#fff; border-radius: 3px; border: 1px solid #5f6066; z-index: 10; padding: 8px 0; overflow-y: auto; max-height:114px; }
.page1 .right .toll .down .li{ cursor:pointer; display: flex; width:100%; padding:0 13px;}
.page1 .right .toll .down .li:hover{color: #7700bb;}
.page1 .right .toll span{ padding:0 5px 0 0;}
.page1 .right .toll font{ padding:0 0 0 5px;}
.page1 .right .tit{ position: absolute; left:9px; top:-12px; z-index: 6; background: #f6f8f8; line-height:20px; padding:0 4px; text-transform: capitalize;}


.page1 input::placeholder{ opacity:1 !important;}
.page1 ::-webkit-input-placeholder{color:#050505}
.page1 :-moz-placeholder{color:#050505}
.page1 ::-moz-placeholder{color:#050505}
.page1 :-ms-input-placeholder{color:#050505}

@media screen and (max-width:1024px) {
.page1{ padding:30px 0 40px 0; }
.page1 .left{ font-size:14px;}
.page1 .left .show{ margin-right:10px;}
.page1 .left .a{width:44px; margin:0 5px;}
.page1 .left .text{ width:44px; height:44px;margin:0 5px;}
.page1 .right{ padding-right:16px;}
.page1 .right::after{width:10px; height:10px;}
.page1 .right .toll{ width:120px; height:44px;}
}


.HowTo{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; padding:30px 0 34px 0;}
.HowTo .ul{ display:block; width:100%; margin-top:22px;}
.HowTo .li{ display:flex; flex-wrap:wrap; align-content:flex-start; width:100%; background: #fff; border-radius: 8px; margin-top:20px; padding:38px 25px;}
.HowTo .li .tit{ width:100%; font-weight: bold; position: relative; padding:0 0 0 48px; line-height:30px;}
.HowTo .li .info{ width:100%; color:rgba(5,5,5,0.8); position: relative; padding:4px 0 0 48px; line-height:25px; margin-top: 18px;}
.HowTo .li .fs20{ display:flex; width:30px; height:30px; line-height: 1; align-items: center; justify-content: center; border-radius:50%; position: absolute; left: 0; top:0; background: #fef50a; padding-bottom: 1px; font-weight: bold;}
.HowTo .li .fs20.q{ color: #fff;}
.HowTo .More{ display: flex; justify-content: center; width:100%; margin-top:42px; line-height:26px;}
.HowTo .More a:hover{ color: #7700bb;}

@media (max-width: 1440px){
.HowTo .li .info{ line-height: 23px;}
}
@media (max-width: 1024px){
.HowTo{ padding:20px 0 30px 0;}
.HowTo .ul{ margin-top:8px;}
.HowTo .li{ width:100%; margin-top:16px; padding:20px 15px;}
.HowTo .li .tit{ line-height:20px; padding:4px 0 4px 38px;}
.HowTo .li .info{ line-height:22px; margin-top:12px; padding:0 0 0 38px;}
.HowTo .li .fs20{ width:26px; height:26px;}
.HowTo .More{ margin-top:20px;}
}


.form3{  display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; background: #fff; margin-top: 45px; border-radius: 8px; box-shadow:0 6px 43px rgba(0,106,185,0.08); padding:0.44rem 0.9rem;}
.form3 .lab{ display: flex; width:47.7%; position:relative; margin:0.24rem 0;}
.form3 .w100{ width:100%;}
.form3 .name{ display: flex; justify-content: flex-end; line-height:34px; margin-top:15px; width:110px; min-width:110px; padding-right:18px; white-space: nowrap; text-align: right;}
.form3 .name span{ color:#a72126;}
.form3 .text{ width:100%; border-radius:0; border: 1px solid #dcdcdc; background:none; color: #050505; line-height:32px; height:64px; padding:15px 21px;}
.form3 .textarea{ height:128px;}
.form3 .submit{ width:217px; border-radius:3px; border:0; background:#7700bb; color: #fff; line-height:62px; height:64px; padding:0;}
.form3 .btn{justify-content: flex-end;}
.form3 .yanzhangma{ cursor: pointer; position: absolute; right:7px; bottom:7px; max-width:inherit; width: auto; height:49px;}

.form3 input::placeholder{ opacity:1 !important;}
.form3 ::-webkit-input-placeholder{color:#c8c8c8}
.form3 :-moz-placeholder{color:#c8c8c8}
.form3 ::-moz-placeholder{color:#c8c8c8}
.form3 :-ms-input-placeholder{color:#c8c8c8}


@media (max-width:1024px){
.form3{ margin-top:25px; padding:20px 15px;}
.form3 .name{ line-height:30px; margin-top:5px; padding-right: 14px;}	
.form3 .lab{ margin:8px 0;}	
.form3 .text{ line-height:26px; height:40px; padding:5px 12px;}
.form3 .submit{ width:180px; line-height:38px; height:40px;}
.form3 .yanzhangma{ right:4px; bottom:4px; height:32px;}
}
@media (max-width:767px){
.form3 .lab{ width:100%; flex-wrap: wrap; margin:0 0 10px 0;}
.form3 .name{ text-align: left; justify-content: flex-start; padding-right:0; width:100%; min-width:100%; margin:0 0 4px 0; }
.form3 .btn{justify-content:center; padding:10px 0 5px 0;}
}


.Contact{ position: relative; overflow: hidden; padding-bottom: 87px;}
.Contact .inTit1{ margin-top: 30px;}
.Contact .box{  display: flex; flex-wrap: wrap; justify-content:center; width:100%; background: #fff; margin:50px 0 1.18rem 0; border-radius: 8px; box-shadow:0 6px 43px rgba(0,106,185,0.08); padding:0.44rem 0.9rem;}
.Contact .box .li{ display: flex; margin:0 0.53rem;}
.Contact .box .li .tit{ line-height:30px; margin-top: 8px;}
.Contact .box .li .info{ line-height:26px; margin-top:0;}
.Contact .box .li .ico{ display: flex; align-items: center; justify-content: center; min-width:94px; width:94px; height:81px; margin-right: 24px; background: url(img/img14.png) center no-repeat; background-size:contain !important;}
.Contact .box .li .ico img{ width:44px; height:44px; }
.Contact .box .li:nth-child(2n){ margin-top:10px;}


@media (max-width: 1024px){
.Contact{ padding-bottom:40px;}
.Contact .inTit1{ margin-top:20px;}
.Contact .box{ margin:25px 0 30px 0;}
.Contact .box .li{ margin:0 15px;}
.Contact .box .li .tit{ line-height:24px; margin-top: 8px;}
.Contact .box .li .info{ line-height:22px; margin-top:0;}
.Contact .box .li .ico{ min-width:70px; width:70px; height:60px; margin-right:12px;}
.Contact .box .li .ico img{ width:30px; height:30px; }
}
@media (max-width: 767px){
.Contact{background-size: 100% 80% !important;}	
.Contact .box{ padding:20px 30px;}	
.Contact .box .li{ width:100%; margin:10px 0;}
}


.pord1{ padding-bottom: 70px;}
.pord1 .secact{ display: flex; flex-wrap: wrap; width:100%; align-items: flex-start; justify-content: space-between; margin-top: 18px;}
.pord1 .img1{ display:flex; width:58.8%; line-height:0;flex-direction:row-reverse;}
.pord1 .small{ display:block; width:0.98rem; min-width:0.98rem; margin:0 0.22rem 0 0;}
.pord1 .small .slick-list{ padding:0 1px 1px 0;}
.pord1 .small .div{ cursor: pointer; display:block; width:100%; border:1px solid #eeeeee; margin-bottom:0.1rem;}
.pord1 .small .div img{ width:100%;}
.pord1 .small .div.slick-current{ border:1px solid #7700bb;}
.pord1 .big{ display:block; width:calc(100% - 1.2rem);}
.pord1 .big .slick-list{ padding:0 1px 1px 0;}
.pord1 .big .div{ display:block; width:100%; border:1px solid #eeeeee;}
.pord1 .big .div img{ width:100%;}

.box4{ width:33.35%; margin-top:0.32rem;}
.box4 .tit{ line-height: 34px;}
.box4 .info{ line-height:20px; opacity:0.4; margin-top: 8px;}
.box4 .jiage{ line-height: 32px; margin:0.44rem 0 0 0;}
.box4 .cont{ margin-top:0.38rem;}
.box4 .cont .tit{ width:100%; line-height:22px;}
.box4 .cont .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 10px); margin-right: -10px;}
.box4 .cont .ul .li{ cursor: pointer; display: flex; margin:6px 10px 4px 0; border-radius: 3px; overflow: hidden; border:1px solid #dcdcdc; line-height:21px;}
.box4 .cont .ul .li i{ display: flex; align-items: center; justify-content: center; line-height:0; width:33px; height:33px;border-right:1px solid #dcdcdc;}
.box4 .cont .ul .li span{ padding:6px 11px;}
.box4 .cont .ul .li.on{ border:1px solid #7700bb;}
.box4 .spinner{ display:flex; width:142px; min-width:142px;border: 1px solid #dcdcdc; border-radius:3px; overflow: hidden; margin-right: 10px; padding:0 8px;}
.box4 .spinner .decrease,
.box4 .spinner .increase{ display:flex;cursor: pointer;width:40px; min-width:40px;height:54px; color:#000; position: relative;} 
.box4 .spinner .decrease::after,
.box4 .spinner .increase::after,
.box4 .spinner .increase::before{ display:block; content:''; position: absolute; left:50%; top:50%; background:#050505; width:11px; height:1px; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%);}
.box4 .spinner .increase::before{ width:1px; height:11px;}
.box4 .spinner .spinnerExample{ display:flex;cursor: pointer;text-align: center;width:100%;height:54px; color:#000; font-size:18px;line-height: 54px;} 
.box4 .down{ display: flex; margin-top: 0.54rem;}
.box4 .btn{ display: flex; align-items: center; justify-content: center; line-height:1; width:100%; border-radius:3px; background: #fef50a; height:56px;}
.box4 .btn:hover{ color: #fff;}


@media (max-width:1600px){
.pord1 .small{ width:0.88rem; min-width:0.88rem; margin:0 0.22rem 0 0;}
.pord1 .big{ width:calc(100% - 1.1rem);}
.box4{ width:34.35%;}
}
@media (max-width:1440px){
.pord1 .img1{ width:54.6%;}	
.box4{ width:41.35%;}
}
@media (max-width: 1024px){
.pord1{ padding-bottom:40px;}	
.pord1 .img1{ width:100%; flex-wrap: wrap;}
.pord1 .big{ width:100%;}
.pord1 .small{ width:calc(100% + 9px); min-width:inherit; margin:15px -5px 0 -5px;}
.pord1 .small .div{ margin:0 5px;}
.box4{ width:100%; margin-top:20px;}
.box4 .spinner .decrease,
.box4 .spinner .increase{ height:44px; line-height:44px;}
.box4 .spinner .spinnerExample{ font-size:16px; height:44px; line-height:44px;}
.box4 .tit{ line-height:26px;}
.box4 .info{ margin-top:4px;}
.box4 .btn{ height:46px;}
.box4 .down{ margin-top:25px;}
.box4 .cont{ margin-top:15px;}
.box4 .cont .ul .li span{ font-size:13px;}
.box4 .jiage{ line-height:22px; margin-top:15px;}
.box4 .jiage .fs24{ font-size:18px;}
}


.pord3{ background:#ebf0f0; padding-top: 52px; padding-bottom: 73px;}
.pord3 .top{ width:100%;}
.pord3 .top .tit{ line-height:33px;}
.pord3 ._box01{ margin-top:14px;}
.pord3 ._box01 .ul{ display:block;}
.pord3 ._box01 .slick-prev{ left:auto; right:58px; top:-30px; transform: rotate(180deg); -ms-transform: rotate(180deg);}
.pord3 ._box01 .slick-next{ right:16px; top:-30px;}
@media (max-width: 1024px){
.pord3{ padding-top:30px; padding-bottom:40px;}	

}

.pord2{ padding-top: 63px; padding-bottom:64px;}
.pord2 .box{ display: flex; flex-wrap: wrap; width:100%; background: #fff; border-radius: 8px;}
.pord2 .box .title{ width:100%; padding:20px 40px; line-height:32px; border-bottom:1px solid #f6f8f8;}
.pord2 .box .cont{ display: block; width:100%;  padding:0.25rem 0.93rem 0.85rem 0.93rem;}
.pord2 .box .cont .li{ display: block; width:100%; padding:0.25rem 0;
color: rgba(5,5,5,0.8);
padding: 4px 0 0 48px;
line-height: 25px;
}
.pord2 .page0{ display: flex; align-items: center; justify-content: space-between; width:100%; margin-top: 49px;}
.pord2 .page0 a.prev,
.pord2 .page0 a.next{ width:100%; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; line-height:26px; }
.pord2 .page0 a.next{ text-align: right;}
.pord2 .page0 a.Back{ display: flex; align-items: center; justify-content: center; width:118px; min-width:118px; height:38px; border-radius:38px; line-height:1; border:1px solid #d2d2d2; margin:0 12px; padding-bottom: 2px;}
.pord2 .page0 a.Back:hover{ background: #fef50a; border:1px solid #fef50a;}
.pord2 .page0 a.prev:hover,
.pord2 .page0 a.next:hover{ color: #7700bb;}


@media (max-width: 1024px){
.pord2{ padding-top:40px; padding-bottom:40px;}	
.pord2 .box .title{padding:10px 16px;}
.pord2 .page0{ margin-top:30px;}
.pord2 .page0 a.Back{ width:78px; min-width:78px; height:30px; border-radius:30px;}
.pord2 .box .cont{ padding:14px 16px;}
.pord2 .box .cont .li{ padding:10px 0;}
}


@media (max-width: 1440px){
.pord2 .box .cont .li{ line-height: 23px;}
}
@media (max-width: 1024px){
.pord2 .box .cont .li{ line-height:22px;}
}



.bg-poup{ display:none; width:100%; height:100%; position: fixed; left: 0; top:0; z-index: 100; background:rgba(0,0,0,0.3);}
.add-poup{ display:none; width:694px; position: fixed; left:50%; top:50%; z-index: 101; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); }
.add-poup .colse{ cursor: pointer; display:flex; align-items: center; justify-content: center; width:40px; position: absolute; right:-10px; top:-47px;}
.add-poup .colse img{ width:100%;}
.add-poup .box{ position: relative; display: flex; flex-wrap: wrap; position: relative; width:100%; background: #fff; border-radius: 8px; padding:85px 50px 92px 50px;}
.add-poup .tit{ line-height: 32px;}
.add-poup .tit1{ line-height: 38px; margin-top: 5px;}
.add-poup .btn{ display: flex; justify-content: center; width:100%; }
.add-poup .btn a{ display: flex; justify-content: center; align-items: center; height:52px; padding-bottom: 2px; background: #fef50a; border-radius: 52px; width:228px;; }
.add-poup .btn a:hover{ color: #fff;}
.add-poup .info{ cursor: pointer; display: flex; justify-content: center; width:100%; position: relative; border:1px solid #dcdcdc; border-radius: 8px; margin:33px 0 54px 0; }
.add-poup .info::after{ display: block; content:''; position: absolute; right:24px; top:50%; margin-top: -2px; width:13px; height:13px; border-bottom:2px solid #050505; border-right:2px solid #050505; transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);}
.add-poup .text{ width:100%; line-height:30px; padding:15px 24px;}
.add-poup ._down{ background:#fff; border:1px solid #dcdcdc; border-radius:0 0 8px 8px; padding:15px 0;}
.add-poup .info1{ align-items: center; display: flex; justify-content: center; width:100%; position: relative; border:1px solid #dcdcdc; border-radius: 8px; margin-top:33px; }
.add-poup .info2{ cursor: pointer; display: flex; justify-content: center; width:100%; position: relative; border:1px solid #dcdcdc; border-radius: 8px; margin:20px 0 47px 0; }
.add-poup .text1{ width:100%; line-height:30px; padding:15px 24px;}
.add-poup .textarea{ width:100%; line-height:30px; height:103px; padding:13px 24px;}
.add-poup .dw{ margin-right:14px;}

.add-poup-1 .btn a{ background:#e81f27; color: #fff;}
.add-poup-2{ width:522px;}
.add-poup-2 .box1{ position: relative; display: flex; flex-wrap: wrap; position: relative; width:100%; background:url(img/img26.png) center bottom no-repeat #f7fbfc; background-size:100% auto; border-radius: 8px; padding:53px 40px 200px 40px;}
.add-poup-2 .pic{ display: block; position: absolute; right:24px; bottom:0; line-height: 0; width:196px;}


.add-poup textarea::placeholder{ opacity:1 !important;}
.add-poup input::placeholder{ opacity:1 !important;}
.add-poup ::-webkit-input-placeholder{color:#a8a8a8}
.add-poup :-moz-placeholder{color:#a8a8a8}
.add-poup ::-moz-placeholder{color:#a8a8a8}
.add-poup :-ms-input-placeholder{color:#a8a8a8}

@media (max-width: 1024px){
.add-poup .box{ padding:30px 30px 40px 30px;}
.add-poup .tit{ line-height:24px;}
.add-poup .tit1{ line-height:30px; margin-top:0;}
.add-poup .info{ margin:20px 0 30px 0;}
.add-poup .text{ padding:10px 14px; line-height:26px;}
.add-poup .info::after{ right:14px; margin-top: -2px; width:10px; height:10px; border-bottom:1px solid #050505; border-right:1px solid #050505;}
.add-poup .btn a{ width:160px; height:40px;}
.add-poup .info1{ margin-top:20px;}
.add-poup .info2{ margin:14px 0 25px 0; }
.add-poup .text1{ padding:10px 14px; line-height:26px;}
.add-poup .textarea{ line-height:26px; height:103px; padding:6px 14px;}
.add-poup-2 .box1{ padding:30px 30px 100px 30px;}
.add-poup-2 .pic{ right:20px; width:120px;}
}
@media (max-width: 767px){
.add-poup{ width:88%;}
.add-poup-2{ width:80%;}
}



.my2{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; width: 100%; padding:60px 0.9rem 50px 0.9rem;}
.my2 .left{ display: flex; flex-wrap: wrap; width:280px; align-content: flex-start;}
.my2 .right{ display: flex; flex-wrap: wrap; align-content: flex-start; width:calc(100% - 300px);}
.my2 .hei{ min-height:617px;}
.my2 ._box{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; background: #fff; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.my2 .bxm{ display: flex; flex-wrap: wrap; width:100%; justify-content:center; padding:50px 0 57px 0;}
.my2 .form2{ width:514px; padding-left:28px;}
.my2 .form2 .lab01{ display: flex; justify-content: center; width:100%; padding:45px 28px 0 0;}
.my2 .form2 ._btn1{ display: flex; justify-content: center; align-items: center; width:155px; border-radius:41px; height:41px; padding-bottom: 2px; font-size:18px; background: #fef50a;}
.my2 .form2 ._btn1:hover{ color: #fff;}
.my2 .mt20{ margin-top: 20px;}
.my2 .line1{ display: block; width:100%; height:1px; background: #eceded;}


@media screen and (max-width:1440px) {
.my2{ padding:60px 0.4rem 50px 0.4rem;}	
.my2 .form2{ width:514px; padding-left:28px; margin-left:110px;}
}
@media screen and (max-width:1024px) {
.my2{ padding:30px 0 40px 0;}	
.my2 .left{ width:100%;}
.my2 .right{ width:100%; margin-top:20px;}
.my2 ._box{ box-shadow:0 2px 5px rgba(105,128,128,0.17);}
.my2 .hei{ min-height: inherit;}
.my2 .form2{ width:514px; padding-left:0; margin-left:0;}
.my2 .form2 .lab{ margin-top: 42px;}
.my2 .bxm{ padding:15px 15px 40px 15px;}
.my2 .form2 .lab01{ padding:30px 0 0 0;}
.my2 .form2 ._btn1{ width:130px; border-radius:36px; height:36px; padding-bottom: 2px; font-size:16px;}
}
@media screen and (max-width:767px) {
.my2 .form2{ width:100%;}
}


.slide3{ display: flex; flex-wrap: wrap; width:100%; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.slide3 .title{ display: block; text-align: center; width:100%; background: #fef50a; line-height:30px; padding:17px 20px;}
.slide3 .u1{ background: #fff; display: flex; flex-wrap: wrap; width:100%; padding:20px 20px;}
.slide3 .l1{ display: flex; flex-wrap: wrap; width:100%;}
.slide3 .a1{ display: flex; flex-wrap: wrap; align-items: center; width:100%; background: #faf4e1; color: #000; font-size:16px; line-height:30px; padding:5px 10px;}
.slide3 .a1 img{ min-width:18px; width:18px; height:18px; margin-right: 6px;}
.slide3 .a1:hover{ color: #7700bb;}
.slide3 .u2{ display: flex; flex-wrap: wrap; width:100%; padding:7px 0 20px 0;}
.slide3 .l2{ display: flex; flex-wrap: wrap; width:100%;}
.slide3 .a2{ display: flex; flex-wrap: wrap; width:100%; color: #555; font-size:16px; line-height:32px;padding-bottom: 2px; padding-left:35px;}
.slide3 .l2.on .a2{ background: #f5f5f5; color: #7700bb;}
.slide3 .a2:hover{ background: #f5f5f5; color: #7700bb;}

@media screen and (max-width:1024px) {
.slide3{ z-index: 10; position: relative; box-shadow:0 2px 5px rgba(105,128,128,0.17);}	
.slide3 .title{ padding:10px 14px; font-size:18px;}	
.slide3 .u1{ justify-content: space-between; padding:9px 14px;}
.slide3 .l1{ width:24%; position: relative; margin:5px 0;}
.slide3 .a1{ font-size:14px; position: relative;}
.slide3 .a1:after{ display: block; content:''; position: absolute; right:12px; top:50%; width:9px; height:9px; border-top:1px solid #000; border-right:1px solid #000; transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top: -2px;}
.slide3 .l2{ width:100%;}
.slide3 .u2{ background: #fff; padding:8px 0 12px 0; z-index: 10; position: absolute; left: 0; top:100%; display:none; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.slide3 .a2{ font-size:14px; line-height:30px;}
}
@media screen and (max-width:767px) {
.slide3 .l1{ width:48.6%;}	
}



.my-tit{ display: flex; flex-wrap: wrap; width:100%; align-items: center; justify-content: space-between; padding:16px 17px 16px 20px; border-bottom: 1px solid #e5e5e5;}
.my-tit .tit{ display: inline-flex; align-items: center; line-height:30px; font-weight: bold;}
.my-tit .info{ display: inline-flex; align-items: center;}
.my-tit .a{ display: inline-flex; align-items: center; justify-content:center; min-width:88px; color: #000; font-size:16px; line-height:1; height:30px; padding: 0 8px 1px 8px; background: #fef50a; border-radius: 3px;}
.my-tit .a:hover{ color: #fff;}
.my-tit1{ display: flex; flex-wrap: wrap; width:100%; align-items: center; justify-content: space-between; padding:12px 20px 10px 20px;}
.my-tit1 .tit{ line-height:30px; padding:4px 0 6px 0;}
.my-tit1 .search{ display: flex; width:240px;}
.my-tit1 .search .text{ display: flex; width:100%; height:40px; padding:0 12px 2px 12px; border:1px solid #e5e5e5; margin-right: -1px; border-radius: 3px 0 0 3px;}
.my-tit1 .search .submit{min-width:40px; width:40px; height:40px; display: block; background: url(img/_search1.svg) center no-repeat #3ba7e6; background-size:20px 20px !important; cursor: pointer; border-radius:0 3px 3px 0;}
.my-tit1 .search .submit:hover{ background: url(img/_search1.svg) center no-repeat #7700bb; }
.my-tit1 .search input::placeholder{ opacity:1 !important;}
.my-tit1 .search ::-webkit-input-placeholder{color:#888}
.my-tit1 .search :-moz-placeholder{color:#888}
.my-tit1 .search ::-moz-placeholder{color:#888}
.my-tit1 .search :-ms-input-placeholder{color:#888}

@media screen and (max-width:1024px) {
.my-tit{ padding:12px 14px;}	
.my-tit .a{ min-width:66px; font-size:14px;}
.my-tit1{ padding:12px 14px 10px 14px;}
.my-tit1 .tit{ font-size:16px; line-height:20px; padding:4px 0 6px 0;}
}
@media screen and (max-width:767px) {
.my-tit1 .search{ width:204px;}
}

.Collect1{ width:100%; padding:20px 20px 16px 20px;}
.Collect1 .li{ display: flex; align-items: center; width:100%; border:1px solid #e5e5e5; margin-bottom:10px; padding:13px 16px 13px 0.34rem;}
.Collect1 .li .left{ display: flex; align-items: center; width:38%; margin:12px 0;}
.Collect1 .li .tit{ width:100%;}
.Collect1 .li .nub{ width:100%;}
.Collect1 .li .info{ display: flex; width:17.5%; justify-content: center; margin-right:calc(24.7% - 104px); color: #adadad;}
.Collect1 .li .Share{ display: flex; width:19.8%;}
.Collect1 .li .Share .a{ display: flex; align-items: center; color: #555; padding-bottom: 2px; padding-left:24px; background-size:20px auto !important; background: url(img/_share-one.svg) left center no-repeat;}
.Collect1 .li .Share .a:hover{ color: #7700bb;}
.Collect1 .li .btn{ display: flex; flex-wrap: wrap; width:104px; min-width:104px;}
.Collect1 .li .btn .a{ display: flex; justify-content: center; align-items: center; width:100%; margin:3px 0; height:30px; line-height:1; border:1px solid #e5e5e5; border-radius: 30px;}
.Collect1 .li .btn .a.gift{ color: #888;}
.Collect1 .li .btn .a.Delete{ color: #888;}
.Collect1 .li .btn .a:hover{ background: #fef50a; border:1px solid #fef50a; color: #050505;}
.Collect1 .li .btn .Cancel i{ display: block; width:14px; height:14px; margin-right: 5px; background-size:100% auto !important; background: url(img/_star.svg) center no-repeat;}
.Collect1 .li:hover{ background: #f9f9f9;}
.Collect1-1{ padding-top:0 !important;}


@media screen and (max-width:1440px) {
.Collect1 .li{ padding:13px 16px 13px 16px;}
.Collect1 .li .left{ width:36%; margin:12px 0;}
.Collect1 .li .info{ width:17.5%; margin-right:calc(22.7% - 104px);}
.Collect1 .li .Share{ width:23.8%;}
}
@media screen and (max-width:1024px) {
.Collect1{ width:100%; padding:14px 14px 10px 14px;}	
.Collect1 .li{ padding:13px 14px;}
.Collect1 .li .info{ width:17.5%; margin-right:calc(22.7% - 94px);}
.Collect1 .li .btn{ width:94px; min-width:94px;}
}
@media screen and (max-width:767px) {
.Collect1 .li{ flex-wrap: wrap; justify-content:space-between;}
.Collect1 .li .left{ width:calc(100% - 90px); margin:0 0 5px 0;}
.Collect1 .li .info{ width:90px; margin:0 0 5px 0;}
.Collect1 .li .Share{ width:auto;}
.Collect1 .li .btn{ width:auto; min-width:inherit;}
.Collect1 .li .btn .a{ width:90px; margin-left: 6px;}
.Collect1 .li .tit{ font-size:16px;}
.Collect1 .li .nub{ font-size:13px;}
}

.myCenter{ width:100%; display:flex; flex-wrap: wrap; padding:26px 28px 38px 22px;}
.myCenter .li{ text-align: center; width:33.33%; display:flex; flex-wrap: wrap; padding:12px;}
.myCenter .li .la{ width:100%;display:flex; flex-wrap: wrap; align-content:space-between; position: relative; text-align: center; height:100%; border-radius:10px; overflow: hidden; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.myCenter .li .ico{ background: #faf4e1; width:100%;line-height:0; padding:17px 17px;}
.myCenter .li .ico img{ height:76px; object-fit: contain;}
.myCenter .li .num{ font-size:36px; line-height:40px;}
.myCenter .li .p{ width:100%; line-height:32px;}
.myCenter .li .cont{ width:100%; padding:8px 17px 14px 17px;}


@media screen and (max-width:1024px) {
.myCenter{ padding:15px 6px;}	
.myCenter .li{ padding:8px;}	
.myCenter .li .la{border-radius:8px; box-shadow:0 2px 5px rgba(105,128,128,0.17);}
.myCenter .li .ico{ padding:14px 14px;}
.myCenter .li .ico img{ height:46px;}
.myCenter .li .num{ font-size:24px; line-height:26px;}
.myCenter .li .p{ line-height:24px;}
}
@media screen and (max-width:767px) {
.myCenter .li{ width:100%;}	
.myCenter .li .la{ align-items: center; text-align: left;}
.myCenter .li .ico{ width:25%; padding:19px 0; position: relative; height:100%; display:flex; align-items: center; justify-content: center;}
.myCenter .li .ico img{ height:36px;}
.myCenter .li .cont{ width:75%; padding:10px 17px 14px 17px;}
}


.Fund1{ display:block; width:100%; padding:19px 20px 20px 20px;}
.Fund1 .table{ display: block; width:100%;}
.Fund1 .dl{ display:flex; width:100%; background: #fef50a; border-radius:3px; line-height:24px;}
.Fund1 .dl .dd{padding:10px 7px; text-align: center;}
.Fund1 .ul{ display:flex; flex-wrap: wrap; width:100%; margin-top:10px; border-radius:3px; border:1px solid #e5e5e5;}
.Fund1 .ul .li{ display:flex; width:100%; line-height:24px; border-bottom:1px solid #e5e5e5;}
.Fund1 .ul .li:last-child{ border-bottom: 0;}
.Fund1 .ul .li:nth-child(2n){ background: #f6f8f8;}
.Fund1 .ul .li .dd{padding:7px 7px; text-align: center;}
.Fund1 .dd:nth-child(1){ width:21%; text-align: left !important; padding-left:0.35rem !important;}
.Fund1 .dd:nth-child(2){ width:20.4%;}
.Fund1 .dd:nth-child(3){ width:20.4%;}
.Fund1 .dd:nth-child(4){ width:16.8%; margin:0 1% 0 0;}
.Fund1 .dd:nth-child(5){ width:20.4%;}

@media screen and (max-width:1440px) {
.Fund1 .dd:nth-child(1){ width:21%; padding-left:0.2rem !important;}
}
@media screen and (max-width:1024px) {
.Fund1{ padding:14px 14px;}
}
@media screen and (max-width:767px) {
.Fund1 .table{ overflow-x: auto;scrollbar-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);}
.Fund1 .dl{ width:560px;}
.Fund1 .ul{ width:560px;}
.Fund1 .dd:nth-child(1){ width:25%; padding-left:12px !important;}
.Fund1 .dd:nth-child(2){ width:19.4%;}
.Fund1 .dd:nth-child(3){ width:19.4%;}
.Fund1 .dd:nth-child(4){ width:15.8%; margin:0 1% 0 0;}
.Fund1 .dd:nth-child(5){ width:19.4%;}
}



.cjz3{ display: block; width:100%; margin:11px 0 24px 0;}
.cjz3 .li{ display:flex; width:100%; margin-top: 3px; border-radius: 3px; background: #f6f8f8; line-height:24px;}
.cjz3 .li .nub{ opacity:0.6;}
.cjz3 .li .num{ color: #e81f27;}
.cjz3 .li .dd{ padding:12px 7px;}
.cjz3 .li .dd:nth-child(1){ width:70%; padding-left:20px;}
.cjz3 .li .dd:nth-child(2){ width:20.8%;}
.cjz3 .li .dd:nth-child(3){ width:9.2%; text-align: center;}


@media screen and (max-width:1440px) {
.cjz3 .li .dd:nth-child(1){ width:66%; padding-left:20px;}	
.cjz3 .li .dd:nth-child(3){ width:13.2%;}
}
@media screen and (max-width:1024px) {
.cjz3{ margin:10px 0 10px 0;}	
.cjz3 .li .dd{ padding:10px 7px;}	
.cjz3 .li .dd:nth-child(1){ width:60%; padding-left:14px;}		
.cjz3 .li .dd:nth-child(2){ width:26.8%;}
}
@media screen and (max-width:767px) {
.cjz3 .li .dd:nth-child(1){ width:40%; padding-left:14px;}		
.cjz3 .li .dd:nth-child(2){ width:37.8%;}
.cjz3 .li .dd:nth-child(3){ width:22.2%;}
}


.cjzB{ display: block; width:100%; padding:32px 20px 21px 20px;}
.cjzA{ display: block; width:100%; padding:32px 20px;}
.cjzA .tit2{ line-height:24px;}
.cjz2{ display: block; width:100%; padding:20px 0 26px 0;}
.cjz2-1{ padding:20px 0 0 0;}
.cjz2 .li{ display: flex; align-items: center; width:100%; border:1px solid #e5e5e5; border-radius:3px; margin-top:10px; padding:20px 20px;}
.cjz2 .li .l1{ display: flex; width:46%;}
.cjz2 .li .img{ display:block; border-radius: 3px; overflow: hidden; width:100%; border:1px solid #e5e5e5; width:127px; min-width:127px; height:127px; margin-right: 14px;}
.cjz2 .li .img img{ width:100%;}
.cjz2 .li .cont{ width:100%;}
.cjz2 .li .tit{ width:100%; line-height:22px; margin-top:7px;}
.cjz2 .li .Color{ width:100%; line-height:18px; margin-top: 3px;}
.cjz2 .li .info{ display: flex; width:calc(54% - 104px); justify-content: center; color: #ec0404; line-height:22px;}
.cjz2 .li .btn{ display: flex; flex-wrap: wrap; width:104px; min-width:104px;}
.cjz2 .li .btn .a{ display: flex; justify-content: center; align-items: center; width:100%; margin:3px 0; height:30px; line-height:1; border:1px solid #e5e5e5; border-radius: 30px; color: #888;}
.cjz2 .li .btn .a:hover{ background: #fef50a; border:1px solid #fef50a; color: #050505;}



@media screen and (max-width:1440px) {
.cjz2 .li .l1{width:60%;}	
.cjz2 .li .info{ width:calc(40% - 104px); }
}
@media screen and (max-width:1024px) {
.cjzB{ padding:20px 14px 20px 14px;}	
.cjzA{ padding:20px 14px;}	
.cjz2{ padding:10px 0 18px 0;}
.cjz2-1{ padding:10px 0 0 0;}
.cjz2 .li{ padding:12px 12px;}
.cjz2 .li .img{ width:110px; min-width:110px; height:110px; margin-right: 12px;}
.cjz2 .li .tit{ line-height:20px;}
}
@media screen and (max-width:767px) {
.cjz2 .li{ flex-wrap: wrap; position:relative; padding-left:134px;}
.cjz2 .li .l1{ width:100%;}
.cjz2 .li .img { position: absolute; left:12px; top:12px;}
.cjz2 .li .tit{ margin-top:3px;}
.cjz2 .li .info{ width:100%; justify-content: flex-start; margin-top:3px;}
.cjz2 .li .btn{ justify-content: space-between; width:100%; min-width:100%; margin-top:10px;}
.cjz2 .li .btn .a{width:47%;}
}


.cjz1{ display:block; width:100%;}
.cjz1 .parge{ display:block; width:100%; height:8px; border-radius:8px; background: #f6f8f8; position: relative; margin-top:22px;}
.cjz1 .parge .sur{ display: block; height:100%; position: absolute; left: 0; top:0; border-radius: 8px; background: #e81f27;}
.cjz1 .l2{ display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width:100%; line-height:24px; margin-top:10px;}
.cjz1 .l2 .num{ color: #888;}
.cjz1 .l2 .num span{ color: #e81f27;}
.cjz1 .l1{ display:flex; flex-wrap: wrap; align-items: center; justify-content: space-between; width:100%;}
.cjz1 .l1 .tit{ line-height:24px;}
.cjz1 .l1 .info{ display: flex; flex-direction: column; align-items: flex-end;}
.cjz1 .l1 .nub{ display: inline-flex; line-height:20px; margin-top: 2px;}
.cjz1 .l1 .Afoot{ display: inline-flex; line-height:22px; color:#7cd0f5; padding-left:25px; background: url(img/ico22.png) left center no-repeat; background-size:16px auto;}
.cjz1 .l1 .Afoot-1{ padding-left:0; background:none;}
.cjz1 .l1 .Expired{ display: inline-flex; line-height:22px; color:#adadad; padding-left:22px; background: url(img/_file-date-one.svg) left center no-repeat; background-size:18px auto;}
.cjz1 .l1 .Success{ display: inline-flex; line-height:22px; color:#e81f27; padding-left:21px; background: url(img/_correct.svg) left center no-repeat; background-size:15px auto;}

@media screen and (max-width:1024px) {
.cjz1 .parge{ margin-top:15px;}
.cjz1 .l2{ margin-top:7px;}
.cjz1 .l1 .nub{ margin-top:0;}
}
@media screen and (max-width:767px) {

}


.cjz4{ width:100%; background:#f6f8f8; display: flex; align-items: center; justify-content:center; position: relative; padding:20px 20px;}
.cjz4 .Share .a{ white-space:nowrap; display: flex; align-items: center; color: #000; line-height:38px; padding-bottom: 2px; padding-left:0.48rem; background-size:0.38rem auto !important; background: url(img/_share-one.svg) left center no-repeat; margin-left:-2px;}
.cjz4 .Share .a:hover{ color: #7700bb;}
.cjz4 .but .a{ display: flex; align-items: center; justify-content: center; color: #fff; height:52px; border-radius:52px; width:228px; padding-bottom: 2px; background:#e61e26;}
.cjz4 .but .a:hover{background:#fef50a; color: #050505;}
.cjz4 .btn{ display: flex; position: absolute; right:20px; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.cjz4 .btn .a{ display: flex; justify-content: center; align-items: center; width:100%; height:30px; line-height:1; border:1px solid #e5e5e5; border-radius: 30px; color: #888;width:104px; margin:4px 3px; padding-bottom: 1px;}
.cjz4 .btn .a:first-child{ margin-left:0 !important;}
.cjz4 .btn .a:last-child{ margin-right:0 !important;}
.cjz4 .btn .a:hover{ background: #fef50a; border:1px solid #fef50a; color: #050505;}
.cjz4 .btn .a.active{ background: #fef50a; border:1px solid #fef50a; color: #050505;}

.cjz4 .btn .a .span2{display:none;}
.cjz4 .btn .a.active .span1{display:none;}
.cjz4 .btn .a.active .span2{display:initial;}

.cjz4 .cont{ display: flex; flex-wrap: wrap; line-height:22px;}
.cjz4 .tit{ color: #000; margin-right:0.22rem;}
.cjz4 .num{ color: #ec0404; margin-right:0.18rem;}
.cjz4 .p{ color: #888;}
.cjz4-1{ justify-content: space-between;}
.cjz4-1 .btn{ position: static; transform: translateY(0); -ms-transform: translateY(0);}
.cjz4-1 .btn .a{ margin:4px 5px;}
.cjz4-2{ padding:14px 20px;}
.cjz4-3{ padding:14px 20px;}

@media screen and (max-width:1024px) {
.cjz4{ padding:14px 14px;}
.cjz4-2{ padding:14px 14px;}
.cjz4-3{ padding:14px 14px;}
.cjz4 .but .a{ height:36px; border-radius:36px; width:130px;}
.cjz4 .btn{ right:14px;}
.cjz4 .btn .a{ width:90px;}
.cjz4 .Share .a{ line-height:30px; padding-left:30px; background-size:24px auto !important;}
}
@media screen and (max-width:767px) {
.cjz4{ justify-content:flex-start;}
.cjz4 .cont{ width:100%; margin:0 0 5px 0; justify-content: center;}
.cjz4 .tit{ margin-right:14px;}
.cjz4 .num{ margin-right:0;}
.cjz4-1{ flex-wrap: wrap; justify-content: center;}
.cjz4-3{ justify-content: center;}
}


.my1{ display:block; width:100%; padding:135px 2.4rem 72px 2.4rem;}
.my1 ._box{ display: flex; flex-wrap: wrap; align-content: flex-start; width:100%; background: #fff; box-shadow:0 4px 10px rgba(105,128,128,0.17);}
.my1 .info1{ display: block; width:100%; line-height:32px; margin-bottom: 47px;}
.myA{ position: relative; overflow: hidden;}
.myA::after,
.myA::before{ display: block; content:''; position: absolute; left:0; width:41%; top:-0.9rem; height:2.9rem; background: url(img/img24.png) right bottom no-repeat; background-size:auto 100%; z-index: 1;}
.myA::before{ left: auto; right:0; transform: rotateY(180deg); -ms-transform: rotateY(180deg); }

@media screen and (max-width:1440px) {
.my1{ padding:135px 2.1rem 72px 2.1rem;}
}
@media screen and (max-width:1024px) {
.my1{ padding:2.5rem 0 40px 0;}	
.my1 .info1{ line-height:26px; margin-bottom:25px;}
}
@media screen and (max-width:1024px) {
.my1 ._box{ box-shadow:0 2px 5px rgba(105,128,128,0.17);}
.my1 .info1{ line-height:22px;}

}


/*

7700bb

fef50a


calc(14px + 0.1rem)



*/

.inTit1,
.footer .nav .li a,
.footer .right .info,
.footer .box1 .title,
.t_navs .menu .nli span a,
.t_navs .xialaph .a1,
.t_navs .xialaph .a2,
.t_navs .SearchBos .SearchInput input,
.index-banner .box .tit,
.index-banner .box .info,
.h-main4 .box .li .info,
.h-main2 .box .li .tit,
.h-main2 .box .li .info,
.h-main3 .box .li .tit,
.h-main3 .box .li .num,
.HowTo .li .info,
.box4 .info,
.my-tit .tit,
.my-tit1 .tit{ font-family: 'Lato-Medium';}

._btn,
._btn span,
.h-main4 .box .li .tit,
.h-main4 .box .li .fs20,
.form2 .name,
.HowTo .li .tit,
.HowTo .li .fs20,
.slide3 .title,
.slide3 .a1 span,
.Collect1 .li .tit,
.Collect1 .li .nub,
.Collect1 .li .info,
.cjz3 .li .dd,
.cjzA .tit2,
.cjz2 .li .info,
.cjz2 .li .tit,
.cjz2 .li .Color,
.cjz1 .l2 .fs16,
.cjz1 .l2 .fs16 span,
.cjz1 .l1 .tit,
.cjz1 .l1 .Afoot,
.cjz1 .l1 .nub,
.cjz1 .l1 .Expired,
.cjz1 .l1 .Success,
.cjz4 .tit,
.cjz4 .num{ font-family: 'Lato-Bold';	}

.pf-poup ul li .fs16,
.b_navs .pf_down li .d_name,
.register .inTit1,
.Login .title
.cjqd2 .inTit1{font-family: 'Lato-Semibold';}


.pagecon .HowTo .li .info{padding:0; margin-top:0px;}
.pagecon .HowTo .li{padding:0; margin-top:0px; background:none;}


/*我的消息*/
.wdxx_section{background: #fff;width: 100%;}
.wdxx_section .content{width: 100%;padding: 20px 20px 40px 20px;}
.wdxx_section .btbox{width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 20px;}
.wdxx_section .btbox .left1{font-size: 16px;color: #000000;line-height: 20px;}
.wdxx_section .btbox .right1 a{display: flex;justify-content: flex-start;align-items: center;}
.wdxx_section .btbox .right1 img{width: 18px;display: block;margin-right: 4px;}
.wdxx_section .btbox .right1 .ico2{display: none;}
.wdxx_section .btbox .right1 .wz{font-size: 14px;color: #888888;line-height: 20px;}
.wdxx_section .btbox .right1:hover .ico1{display: none;}
.wdxx_section .btbox .right1:hover .ico2{display: block;}
.wdxx_section .btbox .right1:hover .wz{color: #7700bb;}
.wdxx_section .nav{background: #faf4e1;border-radius: 4px;padding: 0 14px;display: flex;justify-content: flex-start;align-items: center;}
.wdxx_section .nav .list{font-size: 18px;color: #333;line-height: 48px;font-weight: bold;}
.wdxx_section .nav .list:nth-child(1){width: 47.57281553398058%;}
.wdxx_section .nav .list:nth-child(2){width: calc(52.42718446601942% - 80px);text-align: center;}
.wdxx_section .nav .list:nth-child(3){text-align: center;width: 80px;}
.wdxx_section ul{width: 100%;margin-bottom: 40px;}
.wdxx_section ul li{border-bottom: 1px solid #e5e5e5;padding: 10px 14px;}
.wdxx_section ul li a{display: flex;justify-content: flex-start;align-items: center;}
.wdxx_section ul li .list:nth-child(1){width: 47.57281553398058%;position: relative;padding-left: 10px;font-size: 16px;color: #000000;line-height: 30px;}
.wdxx_section ul li .list:nth-child(1)::after{content: "";display: block;width: 5px;height: 5px;background: #000000;border-radius: 100%;position: absolute;left: 0;top: 13px;}
.wdxx_section ul li .list:nth-child(2){width: calc(52.42718446601942% - 80px);font-size: 14px;color: #000000;line-height: 30px;text-align: center;padding: 0 40px;}
.wdxx_section ul li .list:nth-child(3){text-align: center;width: 80px;font-size: 14px;color: #000000;line-height: 30px;}
.wdxx_section ul li.l2 .list:nth-child(1){color: #888;}
.wdxx_section ul li.l2 .list:nth-child(1)::after{background: #888;}
.wdxx_section ul li.l2 .list:nth-child(2){color: #888;}
.wdxx_section ul li.l2 .list:nth-child(3){color: #888;}
.wdxx_section ul li a:hover .list:nth-child(1){color: #7700bb;}
.wdxx_section ul li a:hover .list:nth-child(1)::after{background: #7700bb;}
.wdxx_section ul li a:hover .list:nth-child(2){color: #7700bb;}
.wdxx_section ul li a:hover .list:nth-child(3){color: #7700bb;}
@media screen and (max-width:1024px) {
.wdxx_section .content{padding: 14px;}
.wdxx_section .btbox{margin-bottom: 14px;}
.wdxx_section .btbox .left1{font-size: 14px;line-height: 18px;}
.wdxx_section .nav{display: none;}
.wdxx_section ul{width: 100%;margin-bottom: 14px;border-top: 1px solid #e5e5e5;}
.wdxx_section ul li{padding: 12px;}
.wdxx_section ul li a{flex-wrap: wrap;}
.wdxx_section ul li .list:nth-child(1){width: 100%;line-height: 20px;margin-bottom: 4px;}
.wdxx_section ul li .list:nth-child(1)::after{top: 4px;}
.wdxx_section ul li .list:nth-child(2){width: 100%;padding: 0;text-align: left;margin-bottom: 4px;line-height: 20px;padding-left: 8px;display: flex;justify-content: flex-start;align-items: center;}
.wdxx_section ul li .list:nth-child(3){line-height: 20px;padding-left: 8px;}
}

.hywdxx_section{width:100%;}
.hywdxx_section .cons1{ width: 100%; padding:30px 20px;}
.hywdxx_section .cons1 .Tit{width: 100%;font-size: 16px; color: #000;  line-height:28px; text-align: center;}
.hywdxx_section .cons1 .Text{ width: 100%;font-size: 14px; color: #666;  line-height:26px; margin-top:10px;}


@media screen and (max-width: 1024px) {
.hywdxx_section .cons1{ padding:20px 15px;}
.hywdxx_section .cons1 .Text{ margin-top: 5px;}
}