@font-face{ font-family: fontR; src: url('../fonts/SourceHanSerifCN-SemiBold.otf');}
html,body{padding: 0;margin: 0;font-size: 16px;color: #333333; overflow-x:hidden;/*min-width: 1200px;*/ }
.wrap{margin: 0 auto;max-width: 1200px; }
ul{padding: 0;margin: 0;}
ul li{list-style: none;}
.fl{float: left;}
.fr{float: right;}
a,a:hover,a:active,a:visited,a:link,a:focus{-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color: transparent;outline:none;background: none;text-decoration: none;transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;}
img{max-width: 100%;}
input:focus,button:focus,textarea:focus{outline: none;}
.ovh{display: block;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.ovh2{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.ovh3{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.ovh4{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 4;overflow: hidden;}
.ovh5{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
p{margin: 0;}
i,em{font-style: initial;}
.imgH{overflow: hidden;}
.imgH img{transition-duration: .6s;-ms-transition-duration: .6s;-moz-transition-duration: .6s;-webkit-transition-duration: .6s; ox-shadow: 0 0 10px rgba(255, 255, 255, 0.5);
 }
.imgH:hover img{transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);}

.flexcen{display: flex;justify-content: center;align-items: center;}
.flexsta{display: flex;justify-content: flex-start;align-items: center;}
.flexend{display: flex;justify-content: flex-end;align-items: center;}
.flexbet{display: flex;justify-content: space-between;align-items: center;}
.flexaro{display: flex;justify-content: space-around;align-items: center;}
 

.imgOver{position: relative; }
.imgOver .pic{width: 100%;height: 100%;position: absolute;left: 0;top: 0;overflow: hidden;display: flex;justify-content: center;align-items: center; }
.imgOver .pic img{width: 100%;height: 100%;object-fit: cover; }


/**导航菜单**/
header{position: fixed;top: 0;left: 0;width: 100%;z-index: 9;transform: all .5s;background: #fff; border-bottom:1px solid #f1eef3;  box-shadow: 0px 4px 3px -2px rgba(0, 0, 0, 0.1); }
header .logo a{height: 114px;position: relative;z-index: 9999;display:flex;justify-content:center;align-items:center;transform: all .5s;}
header .logo img{max-height: 90%;}
header .rightDiv .langDiv{padding-top: 15px; }
header .rightDiv .langDiv a{color: #333;font-size: 14px; }
header .rightDiv .langDiv a:last-child{margin-left: 16px; }
header .rightDiv .langDiv a img{margin-right: 6px; }
header .rightDiv .menu{text-align: right;position: relative;padding-top: 15px; }
header .rightDiv .menu>ul{display: inline-block!important; }
header .rightDiv .menu>ul>li{float: left;margin-right: 60px;padding-bottom: 30px;position: relative; }
header .rightDiv .menu>ul>li>a{height: 34px;text-align: left;color: #333333;position: relative;font-size: 16px;display: flex;justify-content: center;align-items: center;text-transform: capitalize;position: relative;font-weight: bold; }
header .rightDiv .menu>ul>li:hover>a,
header .rightDiv .menu>ul>li:focus>a,
header .rightDiv .menu>ul>li.on>a,
header .rightDiv .menu>ul>li.active>a{background: none;color: #277dc6; }
header .rightDiv .menu>ul>li>a::after{content: "";width: 100%;position: absolute;left:0;background: #277dc6;height: 2px;bottom: 0;opacity: 0;transform: scaleX(0); }
header .rightDiv .menu>ul>li.on>a::before,
header .rightDiv .menu>ul>li:hover>a::after,
header .rightDiv .menu>ul>li.on>a::after{opacity: 1;transform: scaleX(1);}
header .rightDiv .sqsyDiv a{width: 121px;height: 34px;background: #397ffa;border-radius: 5px;color: #fff;font-size: 14px; }
header .rightDiv .sqsyDiv a img{margin-right: 10px; }
header .rightDiv .sqsyDiv a:hover{background: #277dc6; }

header .mbtn {display: inline-block;width: 50px;height: 50px;background: url(../img/menu1.png) no-repeat center center;background-size: 22px auto;position: absolute;top: 40pxheader .rightDiv .menu;right: 0;display: none;}
header .mbtn:active{opacity: .8;}
body.on-menu header .mbtn{background: url(../img/menu-hide1.png) no-repeat center center;background-size: 22px auto;}



/****底部***/
.footerDiv{background: #fff; }
.footerDiv .hdDiv{padding: 45px 0 23px;border-bottom: 1px solid #dcdcdc;}
.footerDiv .hdDiv .logoDiv{width: 155px;border-right: 2px solid #efefef; }
.footerDiv .hdDiv .rightDiv{flex: 1;align-items: flex-start; }
.footerDiv .hdDiv .rightDiv .listDiv{margin-left: 3vw;padding-top: 16px; }
.footerDiv .hdDiv .rightDiv .listDiv span{color: #333; font-weight:600; }
.footerDiv .hdDiv .rightDiv .listDiv .aDiv{display: flex;flex-direction: column;margin-top: 10px; }
.footerDiv .hdDiv .rightDiv .listDiv .aDiv a{color: #666;font-size: 14px;margin-top: 10px; }
.footerDiv .hdDiv .rightDiv .listDiv .aDiv a:hover{color: #397ffa; }
.footerDiv .hdDiv .rightDiv .listDiv:last-child{padding-top: 0; }
.footerDiv .hdDiv .rightDiv .listDiv .ewmDiv{max-width: 146px; }
.footerDiv .hdDiv .rightDiv .listDiv .ewmDiv:nth-child(1){margin-right: 20px; }
.footerDiv .hdDiv .rightDiv .listDiv .ewmDiv p{margin-top: 5px;text-align: center;font-size: 14px; }
.footerDiv .hdDiv .p{color: #fff;flex-wrap: wrap;padding-bottom: 40px; }
.footerDiv .hdDiv .p p{margin: 0 30px; }
.footerDiv .bdDiv{padding: 15px 0;font-size: 12px;color: #666666;text-align: center; }
.footerDiv .bdDiv a{color: #666666; }
.footerDiv .bdDiv a:hover,.footerDiv .linksDiv a:hover{color: #333; }

/********************************* 首页 **********************************/
.main{margin-top: 114px;}

/*banner轮播*/
.index-banner{width: 100%;position:relative;}
.index-banner .swiper-slide{overflow: hidden;}
.index-banner .img{width: 100%;display: block;height: 40.3125vw;background: none no-repeat center;background-size: cover;position: relative; }
.index-banner .img>img{height: 100%;width: 100%;object-fit: cover;position: absolute;left: 0;top: 0;}
.index-banner .wrap{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);color: #fff;z-index: 1;width: 100%; }
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 20px;}
.index-banner .swiper-pagination-bullet{width: 10px;height: 10px;background: #fff;border-radius: 50%;opacity:.5;position: relative; }
.index-banner .swiper-pagination-bullet-active{opacity: 1;position: relative;opacity: 1; }
/* .index-banner .swiper-pagination-bullet-active:after{content: "";width: 16px;height: 16px;border: 1px solid #fff;border-radius: 50%;position: absolute;left: 50%;transform: translate(-50%,-50%);top: 50%;  } */
.index-banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; }
.index-banner .dataDiv{text-align: center;color: #ffffff;font-size: 1.875vw;font-weight: bold;}
.index-banner .dataDiv li{padding-top: 7vw; }
.index-banner .dataDiv img{width: 6.614583vw; }
.index-banner .dataDiv .num{line-height: 1;margin: 1.56vw 0 0.52vw; }
.index-banner .dataDiv .num span{font-size: 2.9167vw;font-weight: bold; }
.index-banner .textDiv{color: #ffffff;font-size: 2.5vw;font-weight: bold;}

.f50{font-size: 50px;}
.f46{font-size: 46px;}
.f40{font-size: 40px;}
.f36{font-size: 36px;}
.f32{font-size: 32px;}
.f30{font-size: 30px;}
.f28{font-size: 28px;}
.f24{font-size: 24px;}
.f22{font-size: 22px;}
.f20{font-size: 20px;}
.f18{font-size: 18px;}
.bold{font-weight: bold;}

.indexTitle{position: relative;text-align: center; }
.indexTitle span{color: #333333;display: block; }
.indexTitle small{color: #999999;text-transform: uppercase;line-height: 1; }

.indexDiv1{padding: 85px 0; }
.indexDiv1 .bdDiv {margin-top: 59px; }
.indexDiv1 .bdDiv .leftDiv{width: 36%;padding-left: 20px;position: relative; }
.indexDiv1 .bdDiv .leftDiv::before{content: "";width: calc(100% - 20px);height: 100%;border: 8px solid #397ffa;position: absolute;left: 0;top: 20px;z-index: -1;opacity: .3; }
.indexDiv1 .bdDiv .rightDiv{width: 60.83%; }
.indexDiv1 .bdDiv .rightDiv .textDiv{color: #666666;line-height: 1.89;  }

.indexDiv2 .bdDiv{margin: 218px 0;position: relative; }
.indexDiv2 .bdDiv .imgDiv{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 4;width: 254px;height: 254px;border: 18px solid #397ffa;border-radius: 50%;background: #fff; }
.indexDiv2 .bdDiv .imgDiv::before{content: "";width: 100%;height: 100%;background: rgba(0,0,0,.2);position: absolute;left: 0;top: 0;z-index: 4;border-radius: 50%;transform: scale(1);transition: all .3s; }
.indexDiv2 .bdDiv .imgDiv:hover::before{transform: scale(0); }
.indexDiv2 .bdDiv .imgDiv:hover img{animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;transform: translate3d(0, 0, 0);}
@keyframes shake {

		10%, 90% {

		transform: translate3d(-1px, 0, 0);

		}

		20%, 80% {

		transform: translate3d(2px, 0, 0);

		}

		30%, 50%, 70% {

		transform: translate3d(-4px, 0, 0);

		}

		40%, 60% {

		transform: translate3d(4px, 0, 0);

		}
}
.indexDiv2 .bdDiv .bgImg{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);z-index: 0; }
.indexDiv2 .bdDiv ul{display: flex;position: relative;z-index: 3;flex-wrap: wrap;justify-content: space-between;width: calc(100% - 140px);margin: 0 auto; }
.indexDiv2 .bdDiv ul li:nth-child(2){margin-top: -142px; }
.indexDiv2 .bdDiv ul li:nth-child(5){margin-bottom: -142px;display: flex;flex-direction: column;justify-content: flex-end; }
.indexDiv2 .bdDiv ul li{width: calc(33.33% - 50px);margin: 32px 0;}
.indexDiv2 .bdDiv ul li .conDiv{flex-direction: column;padding: 23px;border-radius: 10px;background: #fff;box-shadow: 0px 0px 18px rgba(0,0,0,.18);height: 160px; }
.indexDiv2 .bdDiv ul li .conDiv .titleDiv{flex-direction: column; }
.indexDiv2 .bdDiv ul li .conDiv .titleDiv .iconDiv{width: 64px;height: 64px;border: 2px solid #b5e1ff;border-radius: 50%;background: #397ffa;margin-bottom: 10px; }
.indexDiv2 .bdDiv ul li .conDiv .textDiv{padding-left: 28px;margin-top: 3px;display: none;width: 100%; }
.indexDiv2 .bdDiv ul li .conDiv:hover{align-items: flex-start;background: #397ffa;color: #fff;padding: 10px;justify-content: flex-start; }
.indexDiv2 .bdDiv ul li .conDiv:hover .titleDiv{flex-direction: row; }
.indexDiv2 .bdDiv ul li .conDiv:hover .titleDiv .iconDiv{width: auto;height: auto;background: none;border: 0;width: 18px;margin-right: 8px;margin-bottom: 0; }
.indexDiv2 .bdDiv ul li .conDiv:hover .titleDiv span{font-size: 18px; }
.indexDiv2 .bdDiv ul li .conDiv:hover .textDiv .p span{color: #fff;margin-right: 10px;font-size: 14px; }
.indexDiv2 .bdDiv ul li .conDiv:hover .textDiv .p p{color: #ffffff;font-size: 12px;flex: 1; }
.indexDiv2 .bdDiv ul li .conDiv:hover .textDiv .p a{color: #ffffff; }
.indexDiv2 .bdDiv ul li .conDiv:hover .textDiv .p a:hover{ font-weight:600; }
.indexDiv2 .bdDiv ul li .conDiv:hover .textDiv{display: block; }

.indexDiv3{padding: 70px 0 60px; }
.indexDiv3 .bdDiv{margin-top: 40px;position: relative; }
.indexDiv3 .bdDiv a{display: block; }
.indexDiv3 .bdDiv .imgDiv{padding-top: 84.21%; }
.indexDiv3 .bdDiv .textDiv {padding-top: 15px; } 
.indexDiv3 .bdDiv .textDiv span{font-size: 18px;color: #000; }
.indexDiv3 .bdDiv .textDiv p{font-size: 16px;color: #666666;margin-top: 10px; }
.indexDiv3 .bdDiv a:hover .textDiv span{color: #397ffa; }
.indexDiv3 .swiper-button-next,.indexDiv3 .swiper-button-prev{width: 40px;height: 40px;margin-top: initial;transform: translateY(-50%);z-index: 3; }
.indexDiv3 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: -70px;}
.indexDiv3 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: -70px;}
.indexDiv3 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;}
.indexDiv3 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;}

.indexDiv4{padding: 100px 0 85px; }
.indexDiv4 .bdDiv .p{margin-bottom: 10px; }
.indexDiv4 .bdDiv .p span{font-size: 38px; }
a.zxBtn{width: 98px;height: 34px;background: #397ffa;border-radius: 5px;color: #fff;font-size: 14px; }
a.zxBtn:hover{background: #277dc6; }

.indexDiv5{padding: 70px 0; }
.indexDiv5 .bdDiv{margin-top: 45px;position: relative; }
.indexDiv5 .bdDiv .swiper-slide{padding: 10px; }
.indexDiv5 .bdDiv a{display: block;background: #fff;padding: 10px;box-shadow: 0px 0px 10px rgba(0,0,0,.09);border-radius: 5px; }
.indexDiv5 .bdDiv .imgDiv{padding-top: 71.97%; }
.indexDiv5 .bdDiv .textDiv{padding: 15px 10px 0; }
.indexDiv5 .bdDiv .textDiv .title{font-size: 14px;color: #277dc6;margin-bottom: 10px;line-height: 1.8; }
.indexDiv5 .bdDiv .textDiv .p{font-size: 12px;color: #666666;margin-top: 5px; }
.indexDiv5 .bdDiv .textDiv .p img{margin-right: 6px; }
.indexDiv5 .swiper-button-next,.indexDiv5 .swiper-button-prev{width: 40px;height: 40px;margin-top: initial;transform: translateY(-50%);z-index: 3; }
.indexDiv5 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: -70px;}
.indexDiv5 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: -70px;}
.indexDiv5 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;}
.indexDiv5 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;}

.indexDiv6{padding: 0 0 70px; }
.indexDiv6 .bdDiv{margin-top: 45px;position: relative; }
.indexDiv6 .bdDiv .swiper-slide{padding: 10px; }
.indexDiv6 .bdDiv .imgDiv{padding-top: 50.1845%;box-shadow: 0px 0px 8px rgba(4,67,86,.09); }
.indexDiv6 .bdDiv .imgDiv .pic img{width: auto;height: auto;max-width: 100%;max-height: 100%;object-fit: initial; }
.indexDiv6 .swiper-button-next,.indexDiv6 .swiper-button-prev{width: 40px;height: 40px;margin-top: initial;transform: translateY(-50%);z-index: 3; }
.indexDiv6 .swiper-button-next{background: url(../img/right.png) no-repeat center center/100%;right: -70px;}
.indexDiv6 .swiper-button-prev{background: url(../img/left.png) no-repeat center center/100%;left: -70px;}
.indexDiv6 .swiper-button-next:hover{background: url(../img/right_.png) no-repeat center center/100%;}
.indexDiv6 .swiper-button-prev:hover{background: url(../img/left_.png) no-repeat center center/100%;}

.indexDiv7{padding: 64px 0; }
.indexDiv7 .bdDiv .p{margin-bottom: 20px;color: #fff; }



/*body:after {
    content: '';
    position: fixed;
    z-index: 9998;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .8);
    display: none;
}
body.on-menu:after {
    display: block;
}*/


.menu,.menu ul li,.menu ul li a,.menu #menu-button{margin:0;padding:0;border:0;list-style:none;display:block;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.menu:after,.menu>ul:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}
.menu #menu-button{display:none}
.menu{width:auto;}
#menu-line{position:absolute;top:0;left:0;height:3px;background:#009ae1;-webkit-transition:all .25s ease-out;-moz-transition:all .25s ease-out;-ms-transition:all .25s ease-out;-o-transition:all .25s ease-out;transition:all .25s ease-out}
/* .menu>ul>li{float:left} */
/*.menu.align-center>ul{font-size:0;text-align:center}
.menu.align-center>ul>li{display:inline-block;float:none}
.menu.align-center ul ul{text-align:left}
.menu.align-right>ul>li{float:right}
.menu.align-right ul ul{text-align:right}*/
.menu>ul>li>a{padding:0;font-size:15px;text-decoration:none;text-transform:uppercase;color:#555555;-webkit-transition:color .2s ease;-moz-transition:color .2s ease;-ms-transition:color .2s ease;-o-transition:color .2s ease;transition:color .2s ease}
.menu>ul>li:hover>a,.menu>ul>li.active>a{color:#fff}
.menu>ul>li.has-sub>a{padding-right:0}
/*.menu>ul>li.has-sub>a::after{position:absolute;top:50%;margin-top:-6px;right:-12px;width:8px;height:8px;border-bottom:2px solid #333333;border-right:2px solid #333333;content:"";-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.indexHeader .menu>ul>li.has-sub>a::after{border-color: #fff;}
.on-fixed  .indexHeader .menu>ul>li.has-sub>a::after{border-color: #333;}
.menu>ul>li.has-sub:hover>a::after{border-color:#f80e02!important;}
.menu>ul>li.has-sub.on>a::after{border-color:#f80e02;}*/
header .rightDiv .menu>ul{position: relative;}
.menu ul ul{position:absolute;left:-9999px;text-align: center;width: max-content;top: 100%; }
.menu li:hover>ul{left:50%;transform: translateX(-50%); }
/*.menu.align-right li:hover>ul{right:0}*/
/*.menu.align-right ul ul ul{margin-left:0;margin-right:100%}*/
.menu ul ul li{-webkit-transition:height .2s ease;-moz-transition:height .2s ease;-ms-transition:height .2s ease;-o-transition:height .2s ease;transition:height .2s ease;}
header .rightDiv .menu>ul>li.proLi{position: initial; }
header .rightDiv .menu>ul>li.proLi ul{width: 100%; }
header .rightDiv .menu>ul>li.proLi .ul{padding: 20px;background: #fff;align-items: stretch;box-shadow: 0px 0px 10px rgba(0,0,0,.26); }
header .rightDiv .menu>ul>li.proLi li span img{margin-right: 8px; }
header .rightDiv .menu>ul>li.proLi li .aDiv{margin-top: 15px;text-align: left;padding-left: 26px; }
header .rightDiv .menu>ul>li.proLi li a{font-size: 14px;color: #333333;margin-top: 7px;padding: 0;text-align: left; }
header .rightDiv .menu>ul>li.proLi li a:hover{color: #397ffa;text-decoration: none; }
.menu>ul>li .ul{padding: 10px;background: #fff;align-items: stretch;min-width: 150px;box-shadow: 0px 0px 10px rgba(0,0,0,.26); }
.menu ul ul li{margin: 0; }
.menu ul ul li a{color: #333;text-align: center;display: block;font-size: 14px;padding:10px 0; }
.menu ul ul li a:hover{color: #397ffa; }
/* .menu>ul>li:hover{background: url(../img/sj.png) no-repeat center bottom;} */

/*.menu ul ul li.has-sub>a::after{position:absolute;top:13px;right:10px;width:4px;height:4px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;content:"";-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transition:border-color .2s ease;-moz-transition:border-color .2s ease;-ms-transition:border-color .2s ease;-o-transition:border-color .2s ease;transition:border-color .2s ease}
.menu.align-right ul ul li.has-sub>a::after{right:auto;left:10px;border-bottom:0;border-right:0;border-top:1px solid #ddd;border-left:1px solid #ddd}
.menu ul ul li.has-sub:hover>a::after{border-color:#fff}*/

@media (max-width:1400px){
	.indexDiv3 .bdDiv,.indexDiv5 .bdDiv,.indexDiv6 .bdDiv{padding: 0 70px; }
	.indexDiv3 .swiper-button-next{right: 0; }
	.indexDiv3 .swiper-button-prev{left: 0; }
	.indexDiv5 .swiper-button-next{right: 0; }
	.indexDiv5 .swiper-button-prev{left: 0; }
	.indexDiv6 .swiper-button-next{right: 0; }
	.indexDiv6 .swiper-button-prev{left: 0; }
}
@media (max-width:1220px) {
	.wrap{padding: 0 20px;}
	.f50{font-size: 40px;}
	.f46{font-size: 38px;}
	.f40{font-size: 32px;}
	.f36{font-size: 30px;}
	.f32{font-size: 28px;}
	.f30{font-size: 27px;}
	.f28{font-size: 24px;}
	.f24{font-size: 22px;}
	.f22{font-size: 20px;}
	.f20{font-size: 18px;}
	.f18{font-size: 16px;}
	header .rightDiv .menu>ul>li{margin-right: 3vw; }
	.indexDiv2 .bdDiv ul{width: 100%; }
	.indexDiv4 .bdDiv .p span{font-size: 32px; }
}
@media (max-width:1100px) {
}
@media (min-width:992px) and (max-width:1024px) {
	
}
@media (min-width:768px) and (max-width:991px) {
	
}
@media (max-width:991px){
	.wrap{padding: 0 30px;}
	.menu{width:100%}
	.menu ul{width:100%;display: block;}
	.menu>ul>li>a{padding: 0 20px;}
	.menu.align-center>ul,.menu.align-right ul ul{text-align:left}
	.menu ul li,.menu ul ul li,.menu ul li:hover>ul>li{width:100%;height:auto;border-top:1px solid rgba(0,0,0,.2);}
	/*.indexHeader .menu ul li,.indexHeader .menu ul ul li,.indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(255,255,255,.2);}*/
	/*.on-fixed .indexHeader .menu ul li,.on-fixed .indexHeader .menu ul ul li,.on-fixed .indexHeader .menu ul li:hover>ul>li{border-top:1px solid rgba(0,0,0,.2);}*/
	.menu ul li a,.menu ul ul li a{width:100%}
	.menu>ul>li,.menu.align-center>ul>li,.menu.align-right>ul>li{float:none;display:block}
	.menu ul ul li:hover>a,.menu ul ul li a:hover{color:#333}
	
	.indexHeader .menu ul ul li a{color:#fff;}
	.indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#fff}
	
	.on-fixed .indexHeader .menu ul ul li a{color:#333;}
	.on-fixed .indexHeader .menu ul ul li:hover>a,.indexHeader .menu ul ul li a:hover{color:#333}
	
	.menu ul ul ul li a{padding-left:40px}
	.menu ul ul,
	.menu ul ul ul{position:relative;left:0;right:auto;width:100%;margin:0}
	.menu>ul>li.has-sub>a::after,.menu ul ul li.has-sub>a::after{display:none}
	#menu-line{display:none}
	.menu #menu-button{display:block;padding:20px;color:#000;cursor:pointer;font-size:12px;text-transform:uppercase}
	.menu #menu-button::after{content:'';position:absolute;top:20px;right:20px;display:block;width:15px;height:2px;background:#fff}
	.menu #menu-button::before{content:'';position:absolute;top:25px;right:20px;display:block;width:15px;height:3px;border-top:2px solid #fff;border-bottom:2px solid #fff}
	.menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}
	
	/*.indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(255,255,255,.2);height:52px;width:52px;cursor:pointer}
	.indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#fff;z-index:99}
	.indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#fff;;z-index:99}*/
	
	/*.on-fixed .indexHeader .menu .submenu-button{position:absolute;z-index:10;right:0;top:0;display:block;border-left:1px solid rgba(0,0,0,.2);height:52px;width:52px;cursor:pointer}
	.on-fixed .indexHeader .menu .submenu-button::after{content:'';position:absolute;top:21px;left:26px;display:block;width:1px;height:11px;background:#333;z-index:99}
	.on-fixed .indexHeader .menu .submenu-button::before{content:'';position:absolute;left:21px;top:26px;display:block;width:11px;height:1px;background:#333;;z-index:99}*/
	
	
	.menu .submenu-button.submenu-opened:after{display:none}
	.menu ul ul{background: transparent;border-bottom:none;padding: 0;}
	.menu ul ul ul{top: 0;}
	.menu li:hover>ul{left: auto;margin-left: auto;}
	.menu ul ul .wrap{padding:0;}
	header .rightDiv .menu>ul>li li a{text-align: left;line-height: 50px;}
	/*header.indexHeader .rightDiv .menu>ul>li li a{color: #fff;}*/
/*	.on-fixed header.indexHeader .rightDiv .menu>ul>li li a{color: #333;}*/
	
	header {
		position: fixed !important;
		z-index: 9999;
		top: 0;
		left: auto;
		right: 0;
		width: 100%;
		height: 50px;
		transition: right 300ms !important;
	}
	header .logo a{height: 50px;}
	header .logo a img{max-height: 70%;}
	header .mbtn {display: block;}
	body.on-menu header .mbtn{z-index: 1;}
	header .rightDiv .menu {
		float: right;
		position: fixed;
		top: 50px;
		right: 0;
		width: 100%;
		height: calc(100% - 50px);
		padding-top: 0;
		background:rgba(255,255,255,.95);
		transition: right 300ms;
		right: -100%;
		padding: 0;
		overflow-y: auto;
	}
	header .rightDiv .menu ul{float: initial;}
	/*header .rightDiv .menu ul.open{background: #000;}*/
	header .rightDiv .menu ul li {
		padding: 0;
		margin: 0;
		/*border-bottom: 1px solid #f8f8f847;*/
		float: initial;
		position: relative;
	}
	header .rightDiv .menu ul li a {
		display: block;
		line-height: 50px;
		height: 50px;
		text-align: left;
		font-size: 16px;
	}
	/*header.indexHeader .rightDiv .menu>ul>li>a{color: #333;}*/
	header .rightDiv .menu>ul>li>a small{display: none;}
	header .rightDiv .menu>ul {display: block;padding-top: 0;}
	body.on-menu header .rightDiv .menu {right: 0;}
	body.on-menu .main {right: 0;}
	header .rightDiv .menu>ul>li>a{padding:0 15px;background: none;}
	header .rightDiv .menu>ul>li>a::after{bottom: 0; }
	header .rightDiv .menu>ul>li>a span{display: inline-block;line-height: 34px;}
	header .rightDiv .menu>ul>li:hover,header .rightDiv .menu>ul>li:focus,header .rightDiv .menu>ul>li.on{background: none;}
	header .rightDiv .menu>ul>li.proLi>ul>li:hover{background: #f5f5f5; } 
	.menu ul ul{box-shadow: none;}
	.menu ul ul li a .iconDiv{display: none;}
	.menu ul ul li>a{margin-bottom: 0;}
	.menu ul ul li .alist a{margin: 0;}
	.main {position: relative;right: 0;transition: right 300ms !important;margin-top: 50px; }
	.menu ul ul li:hover>ul{left: 0;}
	
	
	html, body{min-width: 100%;}
	.on-fixed header .logo a,.on-fixed header .rightDiv .menu>ul>li>a,.on-fixed header .rightDiv .ssbtn{height: 50px;}
	.on-fixed header .rightDiv .menu{top: 50px;}
	
	header .rightDiv .langDiv{padding-right: 30px; }
	header .rightDiv .menu>ul>li.proLi{position: relative;}
	header .rightDiv .menu>ul>li.proLi .ul{box-shadow: none;padding: 0;flex-wrap: wrap;background: none;  }
	header .rightDiv .menu>ul li.proLi:hover ul{transform: initial;left: initial; }
	header .rightDiv .menu>ul li.proLi .ul li{width: 100%;padding: 20px; }
	header .rightDiv .menu>ul li.proLi .ul li a{line-height: 30px;height: 30px;margin-top: 0; }
	.menu li:hover>ul{transform: initial; }
	.menu>ul>li .ul{box-shadow: none;padding: 0;background: none; }
	.menu ul ul li a{padding: 0 20px 0 30px; }
	.sqsyDiv{float: initial;width: 100%;display: flex;justify-content: center;margin-top: 20px; }
	
	.f50{font-size: 38px;}
	.f46{font-size: 32px;}
	.f40{font-size: 30px;}
	.f36{font-size: 28px;}
	.f32{font-size: 26px;}
	.f30{font-size: 25px;}
	.f28{font-size: 22px;}
	.f24{font-size: 20px;}
	.f22{font-size: 18px;}
	.f20{font-size: 17px;}
	.f18{font-size: 16px;}
}

.hidden-xs{display: block;}
.visible-xs{display: none;}

/*手机*/
@media (max-width:767px) {
	
	.hidden-xs{display: none;}
	.visible-xs{display: block;}
	/* .floatRightDiv{display: none;} */
	/* html, body{font-size: 14px;} */
	
	.index-banner .img{height: 50vw; }
	.index-banner .swiper-button-next, .index-banner .swiper-button-prev{width: 13px; }
	.index-banner .swiper-button-prev{left: 15px; }
	.index-banner .swiper-button-next{right: 15px; }
	.index-banner .textDiv{font-size: 18px; }
	.index-banner .dataDiv li{padding-top: 0; }
	.index-banner .dataDiv{font-size: 14px; }
	.index-banner .dataDiv .num span{font-size: 20px; }
	.index-banner .dataDiv img{width: 60px; }
	.index-banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom: 5px; }
	
	.wrap{padding: 0 15px;}
	
	.f50{font-size: 30px;}
	.f46{font-size: 28px;}
	.f40{font-size: 26px;}
	.f36{font-size: 24px;}
	.f32{font-size: 23px;}
	.f30{font-size: 22px;}
	.f28{font-size: 19px;}
	.f24{font-size: 18px;}
	.f22{font-size: 17px;}
	.f20{font-size: 16px;}
	.f18{font-size: 15px;}
	
	.indexTitle{text-align: center; }
	.indexDiv1{padding: 40px 0; }
	.indexDiv1 .bdDiv{margin-top: 30px;display: block; }
	.indexDiv1 .bdDiv .leftDiv{width: 80%;margin: 0 auto 40px ; }
	.indexDiv1 .bdDiv .rightDiv{width: 100%;text-align: justify; }
	.indexDiv2 .bdDiv .imgDiv{display: none; }
	.indexDiv2 .bdDiv .bgImg{display: none; }
	.indexDiv2 .bdDiv{margin: 30px 0; }
	.indexDiv2 .bdDiv ul{grid-template-columns: repeat(2, 1fr);grid-column-gap: 10px;grid-row-gap: 10px; }
	.indexDiv2 .bdDiv ul li{width: calc(50% - 10px);margin: 10px 0; }
	.indexDiv2 .bdDiv ul li:nth-child(2){margin-top: 10px; }
	.indexDiv2 .bdDiv ul li:nth-child(5){margin-bottom: 10px; }
	.indexDiv3{padding: 30px 0; }
	.indexDiv3 .bdDiv, .indexDiv5 .bdDiv, .indexDiv6 .bdDiv{padding: 0 50px; }
	.indexDiv4{padding: 50px 0 40px; }
	.indexDiv4 .bdDiv .p span{font-size: 26px; }
	.indexDiv5{padding: 35px 0; }
	.indexDiv5 .bdDiv{margin-top: 20px; }
	.indexDiv6{padding-bottom: 35px; }
	.indexDiv6 .bdDiv{margin-top: 20px; }
	.indexDiv7{padding: 30px 0; }
	.footerDiv .hdDiv{padding: 20px 0 10px;display: block; }
	.footerDiv .hdDiv .logoDiv{width: 100%;border-right: 0;text-align: center;margin-bottom: 20px;display: none; }
	.footerDiv .hdDiv .rightDiv{flex-wrap: wrap; }
	.footerDiv .hdDiv .rightDiv .listDiv{margin-left: 0;width: 100%; }
	.footerDiv .hdDiv .rightDiv .listDiv .aDiv{flex-direction: row;flex-wrap: wrap;margin-top: 5px; }
	.footerDiv .hdDiv .rightDiv .listDiv .aDiv a{margin-right: 10px;margin-top: 5px; }
	.footerDiv .hdDiv .rightDiv .listDiv:last-child{margin-top: 20px;justify-content: center; }
	.footerDiv .hdDiv .rightDiv .listDiv .ewmDiv{max-width: 120px; }
	
	@media (max-width:320px) {
		
		
		
	}
	
}