@charset "utf-8";html,body{height:auto;padding:0;margin:0;font-size:12px;font-family:"微软雅黑","arial","Helvetica","Helvetica Neue";color:#202020;line-height:1.7;text-align:center;-webkit-tap-highlight-color:rgba(0,0,0,0)}
@font-face{font-family:'Montserrat';src:url('../font/Montserrat.eot');src:url('../font/Montserratd41d.eot#iefix') format('embedded-opentype'),url('../font/Montserrat.woff') format('woff'),url('../font/Montserrat.woff2') format('woff2'),url('../font/Montserrat.ttf') format('truetype'),url('../font/Montserrat.svg#Montserrat') format('svg');font-weight:normal;font-style:normal;font-display:swap}
@font-face{font-family:'Montserrat-light';src:url('../font/Montserrat-Light-6.eot');src:url('../font/Montserrat-Light-6d41d.eot#iefix') format('embedded-opentype'),url('../font/Montserrat-Light-6.woff') format('woff'),url('../font/Montserrat-Light-6.woff2') format('woff2'),url('../font/Montserrat-Light-6.ttf') format('truetype'),url('../font/Montserrat-Light-6.svg#Montserrat-light') format('svg');font-weight:normal;font-style:normal;font-display:swap}
input,textarea{font-family:"微软雅黑","arial","Helvetica","Helvetica Neue";color:#202020;outline:none;}
input:focus,textarea:focus{outline:none}
ul,li{list-style:none;padding:0;margin:0}
h1,h2,h3,h4,h5,h6,p,dl,dd,dt{margin:0;padding:0}
body a{text-decoration:none;color:#202020;}
body a:hover{color:#f5334f;text-decoration:none}
a img{border:0}
input::-webkit-input-placeholder{color:#838383}
input::-moz-placeholder{color:#838383}
input:-ms-input-placeholder{color:#838383}
.con{max-width:1280px;width:90%;margin:0 auto}
.conp{margin:0 40px}
.font14{font-size:14px}
.font16{font-size:16px}
.font18{font-size:18px}
.font20{font-size:20px}
.font24{font-size:24px}
.font42{font-size:42px}
.font50{font-size:50px}
@media only screen and (max-width:1440px){
    .font14{font-size:12px}
    .font16{font-size:14px}
    .font18{font-size:16px}
    .font20{font-size:18px}
    .font24{font-size:22px}
    .font42{font-size:36px}
    .font50{font-size:40px}
}
@media only screen and (max-width:828px){
    .font16{font-size:12px}
    .font18{font-size:14px}
    .font20{font-size:15px}
    .font24{font-size:20px}
    .font42{font-size:22px}
    .con{margin:0 1em;width:auto}
    .conp{margin:0 0}
}
@media only screen and (max-width:650px){
    .font16{font-size:10px}
    .font18{font-size:12px}
    .font20{font-size:12px}
    .font24{font-size:16px}
    .font42{font-size:18px}
}
.headerW{position:fixed;z-index:1234;top:0;left:0;width:100%;background-color:#fff}
.headerW.fullpage{background-color: transparent;}
.headerW.fullpage .header{box-shadow: none;}
.header{height:140px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;box-shadow:0 0 4px rgba(0,0,0,0.1)}
.wrap.m0 .header{box-shadow:none}
.header .logo{margin-left:2%}
.header .logo img{display:block;width:144px !important;height:144px !important;}
.header .logo img:nth-child(2){display:none}

.headerW.mblack_n .logo img{filter: grayscale(100%) brightness(800%);}

.header .menuBtn a {
	/* background-color: skyblue; */
	/* height: auto !important;  */
    /* display: inline-block;  */
    /* padding: 10px 20px;  */
    /* text-align: center; */
    /* text-decoration: none; */
    /* font-size: 16px; */
    /* margin: 4px 2px; */
    /* transition-duration: 0.4s; */
    /* cursor: pointer; */
    /* border: 1px solid #000; */
    /* border-radius: 8px; */
	/* border-color: deepskyblue; */
	
	width: 128px;
	height: 48px !important;
	display: flex;
	align-items: center;
	justify-content: center;
	font-weight: bold;
	color: black;
	/* background: url('/menu-bg.png'); */
	/* background-size: cover; */
    background: rgba(255, 255, 255, 0.8);
	border : 1px solid #000;
    border-radius: 32px;
	border-color: black;
}

.index-title-section, .index-description-section {
    position: relative;
}

.index-title-section::before, .index-description-section::before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(255, 255, 255, 0.8);
    z-index: -1;
}







.header .menuBtn a:hover {
    /* background-color: #008CBA; */
    /* color: white; */
}

.header .menuBtn a:active {
    /* background-color: #007B9A; */
    /* color: white; */
}

.header .menuBtn span {
	padding-right: 16px;
}


.header .menuBtn{margin-right:1%;font-size:18px;cursor:pointer;font-family:'Montserrat-light';
    white-space: nowrap;}
.header .menuBtn:hover{color:#f5334f}
@media only screen and (max-width:828px){
    .header .logo{margin-left:1.5em}
    .header .logo img{width:80px !important; height:80px !important;}
	.header {height:80px;}
    /* .header .menuBtn{padding:1px 0.8em 0;margin-right:1.5em;line-height:28px;background-color:#e5e5e5;font-size:14px;-moz-border-radius:0.7em;-webkit-border-radius:0.7em;border-radius:0.7em} */
	
	/* .header .menuBtn a { */
		/* background-color: skyblue; */
		/* display: inline-block; */
		/* padding: 5px 10px; */
		/* text-align: center; */
		/* text-decoration: none; */
		/* font-size: 14px; */
		/* margin: 2px 1px; */
		/* transition-duration: 0.4s; */
		/* cursor: pointer; */
		/* border: 1px solid #000; */
		/* border-radius: 5px; */
		/* border-color: deepskyblue; */
	/* } */

	.header .menuBtn a img {
		width:48px;
	}


	.header .menuBtn span {
		padding-right: 16px;
	}
}
.black_bg{background-color:#F4F4F4}
@media only screen and (min-width:829px){
    .black_bg{background-color:#111;color:#fff}
    .black_bg .headerW{background-color:#212123;border-bottom:1px solid #212123}
    .black_bg .header .logo img:nth-child(1){display:none}
    .black_bg .header .logo img:nth-child(2){display:block}
    .black_bg a{color:#fff}
    .black_bg a:hover{color:#f5334f}
    .black_bg .footer{background-color:#111}
}
@media only screen and (max-width:360px){
    /* .header .menuBtn{padding:1px 0.5em 0;margin-right:1.3em;line-height:24px;font-size:12px;-moz-border-radius:0.6em;-webkit-border-radius:0.6em;border-radius:0.6em} */
}
.navW{height:100%}
.nav{display:flex;height:100%}
.nav>ul{height:100%;display:flex;justify-content:center;align-items:center}
.nav>ul>li{height:100%;display:flex;align-items:center;position:relative;align-items:center;justify-content:space-between;z-index:100;cursor:pointer}
.nav>ul>li>a,.nav>ul>li>span{position:relative;z-index:0;display:flex;align-items:center;padding:0 1.8vw}
.nav>ul>li.cur>a:hover{color:#fff}
.nav .sub_nav{display:none;position:absolute;top:66px;width:100%;text-align:center;background:rgba(255,255,255,0.95);font-size:0.9em;-moz-box-shadow:0 10px 10px rgba(0,0,0,.08);-webkit-box-shadow:0 10px 10px rgba(0,0,0,.08);box-shadow:0 10px 10px rgba(0,0,0,.08)}
.nav .sub_nav li{line-height:3em;height:3em;overflow:hidden;border-top:1px solid #eee}
.nav .sub_nav li a{color:#7d7d7d;display:block;position:relative;z-index:0;cursor:pointer}
.nav .sub_nav li a:hover{font-weight:bold;color:#DC000C}
.nav .sub_nav li a:hover::after{content:"";display:block;position:absolute;top:50%;margin-top:-0.4em;right:1em;width:0.8em;height:0.8em;background:url(../images/arr_2_red.html) right center no-repeat;background-size:contain}
.header .c-switch{position:absolute;right:1em;top:29px;margin-top:0;display:none;width:24px;height:20px;cursor:pointer}
.header .c-switch i{position:relative;display:block;height:2px;-moz-border-radius:3px;-webkit-border-radius:3px;border-radius:3px;background:#fff;-webkit-transition:all 0.3s;transition:all 0.3s}
.header .c-switch i:nth-child(1){top:0}
.header .c-switch i:nth-child(3){bottom:0}
.header .c-switch i:nth-child(2){margin:6px 0}
.header .c-switch.show i:nth-child(2){opacity:0}
.header .c-switch.show i:nth-child(1){top:8px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}
.header .c-switch.show i:nth-child(3){bottom:8px;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}
.navM{position:fixed;z-index:9999;right:0;right:-400px;top:0;overflow-y:auto;background-color:#fff;width:400px;font-size:16px;line-height:3.6;text-align:left;overflow-y:auto;height:100vh;transition:all 0.4s;opacity:0}
.navM.show{right:0;opacity:1}
.navM .close{cursor:pointer;position:absolute;width:1.2em;height:1.2em;right:1.5em;top:1.5em;background:url(../images/close.png) no-repeat center center / contain}
.navM ul{padding:3em 9% 0}
.navM li{border-top:1px solid #eee;position:relative;z-index:0}
.navM li:first-child{border-top:0}
.navM ul ul{padding-top:0;height:0;overflow:hidden;transition:height 2s}
.navM ul li .n_title{position:relative;z-index:0;display:flex;justify-content:space-between;align-items:center}
.navM ul li .n_title a{display:inline-block}
.navM a{color:#535353;display:block}
.navM a:hover{color:#535353}
.navM .sub_nav{color:#979797}
.navM .sub_nav ul{}
.navM .sub_nav li{line-height:2;border-top:0}
.navM .sub_nav a{color:#979797}
.navM .sub_nav a:hover{color:#979797}
.navM li .arrow{position:absolute;top:50%;margin-top:-0.4em;right:0;height:0.8em;width:0.8em;background:url(../images/arr_1.html) right center no-repeat;background-size:0.8em auto}
.navM li.show .arrow{transform:rotate(180deg);-ms-transform:rotate(180deg);-webkit-transform:rotate(180deg);background-position:center center}
.navM li.show ul{height:auto;padding:0 0 1em}
.wrap.m0{padding-top:0}
.mblack{background:none}
.mblack .header .menuBtn{color:#fff}
.mblack .header .menuBtn:hover{color:#f5334f}
.mblack .nav>ul>li>a{color:#fff}
.mblack .nav>ul>li>a:hover{color:#f5334f}
.mblack_n{background:none}
.mblack_n .header .menuBtn{color:#fff}
.mblack_n .header .menuBtn:hover{color:#f5334f}
.mblack_n .nav>ul>li>a{color:#fff}
.mblack_n .nav>ul>li>a:hover{color:#f5334f}
@media only screen and (max-width:828px){
    .header .c-switch{display:block}
    .navW{display:none}
    .navM{width:83%;right:-83%}
    .navM.show{right:0}
    .mblack{background:#fff}
    .mblack .header .logo img:nth-child(1){display:none}
    .mblack .header .logo img:nth-child(2){display:block}
    .header .menuBtn{color:#202020}
    .header .menuBtn:hover{color:#f5334f}
    .mblack_n .header .menuBtn{background:rgba(255,255,255,0.7);color:#202020}
}
.mask{position:fixed;z-index:200;width:100%;height:100%;top:0;left:0;background-color:rgba(0,0,0,0.4);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:none;opacity:0;transition:all 0.4s}
.mask.show{opacity:1}
.hidden_pc{display:none}
@media only screen and (max-width:828px){
    .hidden_pc{display:block}
}
.wrap{padding-top:60px}
div.target{width:100%;position:absolute;left:0;top:-60px}
.proBox_1{width: 100%;border-bottom:10px solid #f5f5f5;}
.proBox_1.fixed{position: fixed;left: 0;top: 60px;margin-top: -6.9em;z-index: 123;background-color: #fff;border-bottom-width: 1px;}
.pro-space{width: 100%;height: 10.1em;border-bottom:10px solid #f5f5f5;display: none;}
.pro-space.show{display: block;}
.proBox_1 .list{max-width:1100px;margin:0 auto;width:90%;height:10.1em;}
.proBox_1 .list ul{display:flex;flex-wrap:wrap;justify-content:center;align-items:flex-start}
.proBox_1 .list li{flex:1;margin:0 1%}
.proBox_1 .list .pic{position:relative;z-index:0;margin:0 auto;width:5.7em;height:5.7em;overflow:hidden}
.proBox_1 .list .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:contain;transition:all 0.5s}
.proBox_1 .list .name{display:flex;justify-content:center}
.proBox_1 .list .name span{line-height:3.2em;height:3.2em;padding:0 1%;display:flex;border-bottom:2px solid transparent;overflow:hidden;transition:all 0.5s;margin:0 auto;box-sizing: border-box;}
.proBox_1 .list a{display:block;padding-top: 1.2em;}
.proBox_1 .list a:hover .pic img{-ms-transform:scale(1.05,1.05);-webkit-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.proBox_1 .list li a:hover .name span{border-color:#161616}
@media only screen and (max-width:828px){
    .proBox_1{padding-top:0;margin-top:0;border-bottom:7px solid #f5f5f5;padding-bottom:1px;}
    .proBox_1 .list{width:auto;max-width:initial;}
    .proBox_1 .list ul{display:block;width: 100%;overflow-x:auto;overflow-y:hidden;white-space:nowrap;*white-space:nowrap}
    .proBox_1 .list ul::-webkit-scrollbar{display:none}
    .proBox_1 .list li{display:inline-block;vertical-align: top;margin:0;width:33.33%}
    .proBox_1 .list li:last-child{margin-right:1em}
    .proBox_1 .list .name{width:100%;display:block}
    .proBox_1 .list .name span{margin:0 auto;padding:0 5px;display:block;width:100%;overflow:hidden;text-overflow:ellipsis;box-sizing: border-box;}
}
@media only screen and (max-width:425px){
    .proBox_1 .list .name span{font-size:12px}
}
.proBox_2{max-width:1920px;margin:0 auto;border-bottom:10px solid #f5f5f5}
.proBox_2 .list{margin:0 2%;display:flex;justify-content:space-between;align-items:stretch}
.proBox_2 .list .pic_1{margin-left:11%;padding-top:3.5%;display:flex;justify-content:center;align-items:flex-start}
.proBox_2 .list .pic_1 img{max-width:100%;max-height:100%;width:auto;height:auto}
.proBox_2 .list .pic_2{margin-bottom:-10px;padding-top:0.7%;display:flex;justify-content:center;align-items:flex-end}
.proBox_2 .list .pic_2 img{max-width:100%;max-height:100%;width:auto;height:auto}
.proBox_2 .list .txt{padding:74px 0 78px;margin-left:3%;flex:1;display:flex;justify-content:center;align-items:center;flex-direction:column}
.proBox_2 .list .txt .cata{line-height:1.1;font-weight:bold;color:#f5334f;animation-delay:1s}
.proBox_2 .list .txt .name{margin-top:0.4em;line-height:1.1;font-weight:bold;color:#000;animation-delay:2s}
.proBox_2 .list .txt .intro{margin-top:1.8em;line-height:1.1;color:#888;animation-delay:3s}
.proBox_2 .list .txt{}
.proBox_2 .list .moreBtn{animation-delay:4s}
@media only screen and (max-width:1920px){
    .proBox_2 .list .txt{padding:3.5vw 0}
}
@media only screen and (max-width:828px){
    .proBox_2{display:none}
}
.proBox_out_2_bg{background-color:#000}
.proBox_out_2{max-width:1920px;margin:0 auto;border-bottom:10px solid #f5f5f5}
.proBox_out_2 .list{margin:0 auto;display:flex;justify-content:space-between;align-items:stretch}
.proBox_out_2 .list .pic{width:64.3%;position:relative;z-index:0;display:flex;justify-content:center;align-items:flex-start}
.proBox_out_2 .list .pic img{position:absolute;left:0;top:0;width:100%;height:100%;object-fit:cover}
.proBox_out_2 .list .txt{padding:74px 2% 78px;border-left:7px solid #fff;flex:1;display:flex;text-align:left;justify-content:center;align-items:flex-start;flex-direction:column}
.proBox_out_2 .list .txt .cata{line-height:1.1;font-weight:bold;color:#f5334f}
.proBox_out_2 .list .txt .name{margin-top:0.4em;line-height:1.4;font-weight:bold;color:#fff;background:#dbdad8;background:-moz-linear-gradient(top,#dbdad8 0%,#aaaaab 100%);background:-webkit-linear-gradient(top,#dbdad8 0%,#aaaaab 100%);background:linear-gradient(to bottom,#dbdad8 0%,#aaaaab 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dbdad8',endColorstr='#aaaaab',GradientType=0);background-clip:text;-webkit-background-clip:text;color:transparent;text-stroke:1px #fff;-moz-text-stroke:1px #fff;-webkit-text-stroke:1px #fff}
.proBox_out_2 .list .txt .intro{margin-top:0.8em;line-height:1.1;color:#888}
@media only screen and (max-width:1920px){
    .proBox_out_2 .list .txt{padding:3.5vw 2% 3.5vw}
}
@media only screen and (max-width:828px){
    .proBox_out_2{display:none}
}
.moreBtn{margin-top:3.6em;display:inline-block;color:#fff;background-color:#000;line-height:2.5em;padding:0 2.2em;-moz-border-radius:1.4em;-webkit-border-radius:1.4em;border-radius:1.4em;transition:all 0.5s;border:1px solid #000}
.moreBtn:hover{background-color:#fff;color:#000}
.moreBtn2{margin-top:1.7em;display:inline-block;color:#000;background-color:#fff;line-height:2.5em;padding:0 2.2em;-moz-border-radius:1.4em;-webkit-border-radius:1.4em;border-radius:1.4em;transition:all 0.5s;border:1px solid #fff}
.moreBtn2:hover{background-color:#000;color:#fff}
.proBox{padding-top:6.5em;padding-bottom:11em;border-bottom:10px solid #f5f5f5;position:relative}
.proBox:last-child{border-bottom:none}
.proBox .title{color:#000;font-weight:bold}
.proBox .list{max-width:1280px;margin:0 auto;width:90%}
.proBox .list ul{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start}
.proBox .list li{width:31.3%;margin:3.8% 1% 0}
.proBox .list a{display:block;cursor:pointer;transition:all 0.5s}
.proBox .list .pic{position:relative;z-index:0;margin:0 auto;width:11.5em;padding-top:11.5em;overflow:hidden}
.proBox .list .pic img{position:absolute;left:5.9%;top:5.9%;width:88.2%;height:88.2%;object-fit:contain}
.proBox .list .name{font-weight:bold;color:#202020;transition:all 0.5s;line-height:2.7;line-height:1.2;margin-bottom:1em}
.proBox .list a:hover{-ms-transform:scale(1.187,1.187);-webkit-transform:scale(1.187,1.187);transform:scale(1.187,1.187)}
.proBox .list a:hover .name{color:#161616}
.proBox .list_o .pic{width:10em;padding-top:10em}
.proBox .list_o .pic img{left:0;top:0;width:100%;height:100%}
.proBox .list_o a:hover{-ms-transform:scale(1.2,1.2);-webkit-transform:scale(1.2,1.2);transform:scale(1.2,1.2)}
@media only screen and (max-width:828px){
    .proBox{padding-top: 10vw;padding-bottom: 10vw;border-bottom:7px solid #f5f5f5}
    .proBox .title,
    .proBox .list .name{font-size:4vw;}
    .proBox .list li{margin-top:0;width:48%;margin-bottom:3%}
    .proBox .list li:nth-last-child(1),
    .proBox .list li:nth-last-child(2){margin-bottom: 0;}
    .proBox .list{margin-top:0.5em;width:95%}
    .proBox .list .pic{width:69.5%;padding-top:69.5%}
}
@media only screen and (max-width:425px){
    .proBox{border-bottom:5px solid #f5f5f5}
}
.clear{margin:0 auto;padding:0;width:100%;clear:both}
.banner{margin:0 auto;padding:0;width:100%;max-width:1920px}
.banner img{width:100%;border:0;vertical-align:middle}
.banner .p{display:block}
.banner .m{display:none}
.pri{width:54.17%;margin:0 auto;padding:0;height:100%;padding-bottom:3.9em;overflow:auto;font-family:'Montserrat-light'}
.pri .mtitle{margin:0 auto;padding:0;width:100%;text-align:left;padding-top:4.4em}
.pri .mtitle.m2{padding-top:5.75em}
.pri .mtitle h2{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:1.8em;font-family:"Montserrat";font-weight:800;line-height:100%}
.pri .mtitle h3{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:0.8em;font-weight:400;line-height:1.5em;margin-top:3.5em}
.pri .mtitle h4{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:0.8em;line-height:1.875em;font-weight:400;margin-top:2.5em}
.pri .mtitle h4 b{font-weight:600;line-height:3.25em}
.pri .mtitle .mlink{display:block;width:100%;text-align:left;color:#2160ff;font-size:0.8em;line-height:1.5em;margin-top:1em}
.pri .mtitle .mlink2{display:block;width:100%;text-align:left;color:#2160ff;font-size:0.8em;line-height:1.5em;margin-top:3.75em}
.pri .con{margin:0 auto;padding:0;width:100%;margin-top:3.5em}
.pri .con .cleft{float:left;width:18.8%;margin:0 auto}
.pri .con .cleft img{width:100%}
.pri .con .cright{margin:0 auto;float:right;width:78%;text-align:left;font-size:0.8em;line-height:1.875em;margin-top:1.4em}
.pri .con .cright b{font-size:1.125em;line-height:3.25em}
.pri .back{margin:0 auto;padding:0;text-align:left;width:100%;margin-top:2.75em;/* background:#ccc; */overflow: hidden;}
.pri .back i{font-size:1.5em;margin:0 auto;padding:0;padding-right:3px;font-weight:800;line-height:1em;float:left}
.pri .back b{font-weight:400;color:#404040;font-size:0.7em;line-height:2em;float:left;margin:0 auto;padding:0}
.pri .dtitle{margin:0 auto;padding:0;width:100%;text-align:left;padding-top:4.2em}
.pri .dtitle h1{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:1.8em;font-family:"Montserrat";font-weight:800;line-height: 1.38em;height:100%;overflow:auto;border-bottom:1px solid #ececec;padding-bottom: 0.5em;}
.pri .dtitle h4{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:0.8em;line-height:1.875em;font-weight:400;margin-top:2.75em;padding-bottom:1em;height:100%;overflow:auto}
.pri .dtitle h4 b{font-weight:600}
.pri .dtitle h4 p{margin:0 auto;padding:0;margin-top:1.5em;text-align:left}
.pri .dtitle h4 p img{max-width:100%}
.pri .ltitle{margin:0 auto;padding:0;width:100%;text-align:left;padding-top:3.2em}
.pri .ltitle span{font-size: inherit !important;}
.pri .ltitle h1{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:1.8em;font-family:"Montserrat";font-weight:800;line-height:1.8em;height:100%;overflow:auto;border-bottom:1px solid #ececec;padding-bottom:0.3em}
.pri .ltitle h2{display:block;width:100%;text-align:left;margin:0 auto;padding:0;font-size:0.8em;font-weight:400;line-height:1.875em;margin-top:3.2em;word-wrap:break-word}
.lcon{margin:0 auto;padding:0;width:100%;margin-top:5.5em;height:100%;overflow:auto;padding-bottom:2.2em}
.lcon p{margin:0 auto;padding:0;font-size:0.9em;text-align:left;height:1.5em;line-height:1.5em;text-decoration:underline}
.lcon ul{width:100%;margin:0 auto;padding:0;padding-top:0.2em}
.lcon ul li{margin:0 auto;padding:0;position: relative;}
.lcon ul li.hide{display:none}
.lcon ul li.show{display:block}
/* .lcon ul li:nth-child(1){width:25%;float:left;padding-right:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} */
/* .lcon ul li:nth-child(2){width:25%;float:left;padding-right:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} */
/* .lcon ul li:nth-child(3){width:50%;float:right} */
/* .lcon ul li:nth-child(4){width:25%;float:left;padding-right:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} */
/* .lcon ul li:nth-child(5){width:25%;float:left;padding-right:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box} */
/* .lcon ul li:nth-child(6){width:50%;float:left} */
/* .lcon ul li:nth-child(7){width:50%;float:right;clear:both;margin-top:2.25em} */
.lcon ul li span{display:block;margin:0 auto;padding:0;font-size:0.8em;line-height:2.25em;width:100%;text-align:left;height:2.25em;padding-left:1em;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;margin-top:1em}
.lcon ul li .text{display:block;float:left;margin:0 auto;padding:0;background:#f4f4f4;height:2.25em;width:100%;padding:0 1em;box-sizing:border-box;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;border:0;font-size:1em}
.lcon ul li .text2{margin:0 auto;padding:0;font-size:1em;background:#f4f4f4;height:7.1em;width:100%;padding:.5em 1em;line-height:1.33;box-sizing:border-box;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;border:0;}
.lcon ul li .tj{float:right;background:#2160ff;color:#fff;margin:0 auto;padding:0;border:0;cursor:pointer;width:12.75em;height:3.125em;text-align:center;font-size:0.8em;border-radius:25px;-webkit-border-radius:25px;-moz-border-radius:25px}

.help-block{width: calc(100% - 20px);position: absolute;left: 0;bottom: 22.5%;transform: translate(0,50%);font-size: 12px;color: red;line-height: 1.1;text-align: left;padding: 3px 20px;background: #f4f4f4;border-radius: 22px;box-sizing: border-box;}
@media(max-width: 828px){
    .help-block{width: 100%;padding: 3px 24px;font-size: 20px;line-height: 24px;}
    .pri .back{margin-top: 4vw;}
    .pri .back a{display: inline-block;vertical-align: top;}
    .pri .back b{font-size: 14px;}
    .pri .back i{line-height: 28px;margin-left: -6px;}
    .pri .dtitle{padding-top: 5vw;}
}
@media(max-width: 425px){
    .help-block{padding: 3px 16px;font-size: 12px;line-height: 1.1;}
}
@media only screen and (max-width:1600px){
    .pri{width:60%}
}
@media only screen and (max-width:1440px){
    .pri{width:70%}
}
@media only screen and (max-width:1280px){
    .pri{width:80%}
}
@media only screen and (max-width:1024px){
    .pri{width:90%}
}
@media only screen and (max-width:828px){
    .banner{margin-top:0}
    .banner .p{display:none}
    .banner .m{display:block}
    .pri .mtitle{padding-top:10.5em}
    .pri .mtitle.m2{padding-top:10em}
    .pri .mtitle h2{border-bottom:1px solid #ececec;font-size:2.4em;padding-bottom:1.2em}
    .pri .mtitle h3{font-size:1.6em;margin-top:2.3em;line-height:1.75em}
    .pri .mtitle h4{font-size:1.6em;line-height:1.75em;margin-top:0.4em}
    .pri .mtitle h4 b{font-size:1.08em;line-height:5em}
    .pri .mtitle .mlink{font-size:1.73em;margin-top:1.3em}
    .pri .mtitle .mlink2{font-size:1.73em;margin-top:2.3em;padding-bottom:2.75em}
    .pri .con .cleft{width:72%;float:none}
    .pri .con .cright{width:100%;float:none;font-size:1.6em;line-height:1.75em;margin-top:0.3em}
    .pri .con .cright b{font-size:1.08em;line-height:4.5em}
    .pri .dtitle h1{font-size:2.4em;/* padding-bottom:0.5em; */}
    .pri .dtitle h4{font-size:1.6em;line-height:2em;margin-top:1em}
    .pri .dtitle h4 b{font-size:1.08em}
    .pri .dtitle h4 p{margin-top:2.3em}
    .pri .ltitle{/* margin-top:4.5em; */}
    .pri .ltitle h1{font-size:2.4em;padding-bottom:0.35em}
    .pri .ltitle h2{font-size:1.6em;line-height:2.5em;margin-top:1.5em}
    .pri .lcon{margin-top:5em}
    .pri .lcon p{font-size:1.6em;text-decoration:underline}
    .lcon ul{padding-top:1.2em}
    .lcon ul li:nth-child(1){width:100%;padding-right: 0;}
    .lcon ul li:nth-child(2){width:100%;padding-right: 0;}
    .lcon ul li:nth-child(3){width:100%;padding-right: 0;}
    .lcon ul li:nth-child(4){width:100%;padding-right: 0;}
    .lcon ul li:nth-child(5){width:100%;padding-right: 0;}
    .lcon ul li:nth-child(7){width:100%;padding-right: 0;}
    .lcon ul li.show{display:none}
    .lcon ul li.hide{display:block;width:100%}
    .lcon ul li span{font-size:1.6em;margin-top:1.5em}
    .lcon ul li .text{height:2.9em;font-size:1.6em}
    .lcon ul li .text2{font-size:1.6em;height:11em;line-height:1em}
    .lcon ul li .tj{width:100%;font-size:1.6em;height:3em;line-height:3em;border-radius:1.5em;-webkit-border-radius:1.5em;-moz-border-radius:1.5em;margin-top:1.5em}
}
@media only screen and (max-width:425px){
    .pri .mtitle{padding-top:9.5em}
    .pri .mtitle.m2{padding-top:8em}
    .pri .mtitle h2{font-size:2em;padding-bottom:0.8em}
    .pri .mtitle h3{font-size:1.3em;margin-top:1.3em;line-height:1.75em}
    .pri .mtitle h4{font-size:1.3em;line-height:1.75em;margin-top:0.4em}
    .pri .mtitle h4 b{font-size:1.08em;line-height:4em}
    .pri .mtitle .mlink{font-size:1.4em;margin-top:1.1em}
    .pri .mtitle .mlink2{font-size:1.4em;margin-top:2em;padding-bottom:2.5em}
    .pri .con .cright{font-size:1.3em;line-height:1.75em;margin-top:0.3em}
    .pri .con .cright b{font-size:1.08em;line-height:4em}
    .pri .dtitle{/* padding-top:3.3em; */}
    .pri .dtitle h1{font-size:2em;/* padding-bottom:0.3em; */}
    .pri .dtitle h4{font-size:1.3em;line-height:1.75em;margin-top:0.5em}
    .pri .dtitle h4 b{font-size:1.08em;line-height:40px}
    .pri .dtitle h4 p{margin-top:30px}
    .pri .ltitle h1{font-size:2em;padding-bottom:0.8em}
    .pri .ltitle h2{font-size:1.3em;line-height:1.75em;margin-top:1.3em}
    .pri .lcon p{font-size:1.3em}
    .lcon ul{padding-top:1.4em}
    .lcon ul li span{font-size:16px;margin-top:1.2em;line-height:1.5em}
    .lcon ul li .text{height:40px;font-size:16px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px}
    .lcon ul li .text2{font-size:14px;height:180px;line-height:18px}
    .lcon ul li .tj{width:100%;font-size:16px;height:45px;line-height:45px;border-radius:22px;-webkit-border-radius:22px;-moz-border-radius:22px;margin-top:10px}
}
@media only screen and (max-width:360px){
    .pri .mtitle{padding-top:6em}
    .pri .mtitle.m2{padding-top:6em}
    .pri .mtitle h2{font-size:18px;padding-bottom:1.2em}
    .pri .mtitle h3{font-size:12px;margin-top:2.3em;line-height:20px}
    .pri .mtitle h4{font-size:12px;line-height:20px;margin-top:0.4em}
    .pri .mtitle h4 b{font-size:1.08em;line-height:30px}
    .pri .mtitle .mlink{font-size:14px;margin-top:1.1em}
    .pri .mtitle .mlink2{font-size:14px;margin-top:2em;padding-bottom:2.5em}
    .pri .dtitle{/* padding-top:1.6em; */}
    .pri .dtitle h1{font-size:1.5em;/* padding-bottom:0.5em; */}
    .pri .dtitle h4{font-size:12px;line-height:20px;margin-top:0.6em}
    .pri .dtitle h4 b{font-size:14px;line-height:36px}
    .pri .dtitle h4 p{margin-top:26px}
}
.footer{background-color:#f5f5f5;padding:2.8em 1em}
.footer .fNav li{display:inline-block;margin:0 3em;}
@media only screen and (max-width:828px){
    .footer{background-color:#fff;padding-top:4.3em;padding-bottom:7.5em}
    .footer .fNav li{margin:0 0.6em;display:block;line-height:2em;color:#7f7f7f;font-size:2em}
    .footer .fNav li a{color:#7f7f7f}
}
@media only screen and (max-width:550px){
    .footer{padding-top:4em;padding-bottom:6em}
    .footer .fNav li{line-height:2em;font-size:16px}
}
@media only screen and (max-width:425px){
    .footer{padding-top:1.8em;padding-bottom:1.8em}
    .footer .fNav li{line-height:2em;font-size:14px}
}
@media only screen and (max-width:320px){
    .footer .fNav li{line-height:2em;font-size:12px}
}
@media only screen and (max-width:360px){
    html,body{font-size:10px}
}
.anim{-webkit-transform:translateY(30px);-ms-transform:translateY(30px);transform:translateY(30px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;transition:opacity 0.5s,-webkit-transform 0.5s;-o-transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;opacity:0}
.animLeft{-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translateX(-30px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;transition:opacity 0.5s,-webkit-transform 0.5s;-o-transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;opacity:0}
.animRight{-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translateX(30px);-webkit-transition:opacity 0.5s,-webkit-transform 0.5s;transition:opacity 0.5s,-webkit-transform 0.5s;-o-transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s;transition:transform 0.5s,opacity 0.5s,-webkit-transform 0.5s;opacity:0}
.on{-webkit-transform:none;-ms-transform:none;transform:none;opacity:1}
.animation-delay-2{-webkit-animation-delay:0.2s;animation-delay:0.2s}
.animation-delay-4{-webkit-animation-delay:2s;animation-delay:2s}
.animation-delay-6{-webkit-animation-delay:0.6s;animation-delay:0.6s}
.animation-delay-8{-webkit-animation-delay:0.8s;animation-delay:0.8s}
.animation-delay-10{-webkit-animation-delay:1s;animation-delay:1s}
.animation-delay-12{-webkit-animation-delay:1.2s;animation-delay:1.2s}
[go]{cursor:pointer}
.ds-box{width:100%;padding-top:100vh;background-size:cover;background-position:center center}
.ds-box.phone{display:none}
.ds-text{width:100%;position:absolute;left:0;top:0;margin-top:10%}
.ds-tit{font-size:40px;color:#fff;line-height:1.5;font-family:"Montserrat"}
.ds-des{font-size:14px;color:#fff;line-height:22px}
.ds-text.black .ds-tit,.ds-text.black .ds-des{color:#000}
.ds-btns{width:100%;position:absolute;left:0;bottom:10%;text-align:center;font-size:0}
.ds-btn{display:inline-block;vertical-align:top;width:329px;line-height:50px;border-radius:25px;margin:0 1rem;font-size:14px;color:#fff;background-color:rgba(0,0,0,0.7);cursor:pointer;transition:all .3s}
.ds-btn.white{color:#000;background-color:rgba(255,255,255,0.5)}
@media(min-width:1201px){
    .ds-btn:hover{background-color:rgba(0,0,0,0.8);color:#fff}
    .ds-btn.white:hover{background-color:rgba(255,255,255,0.7);color:#000}
}
@media(max-width:992px){
    .ds-tit{font-size:32px}
    .ds-text{margin-top:130px}
}
@media(max-width:768px){
    .ds-box.pc{display:none}
    .ds-box.phone{display:block}
    .ds-tit{font-size:26px}
    .ds-des{font-size:12px}
    .ds-btns{bottom:80px}
    .ds-btn{width:40%;line-height:40px;border-radius:20px;margin:0 3%;font-size:12px}
}
.transparent .headerW{background-color:transparent}
.wrap.m0.white .header{box-shadow:0 0 4px rgba(0,0,0,0.1)}
#fp-nav ul li a span,.fp-slidesNav ul li a span{background-color:#fff}
@media(max-width:500px){
    #fp-nav.right{right:0}
}
.section{position:relative}
.is-arrow-down{position:absolute;width:100%;height:24px;margin:0 auto;bottom:30px;display:block;text-align:center;opacity:0.7}
.jump-am{-webkit-animation-iteration-count:infinite;-webkit-animation-name:jump-animation;animation-name:jump-animation;animation-duration:2s;animation-delay:1s;animation-iteration-count:infinite}
@keyframes jump-animation{
    0%,20%,50%,80%,to{-webkit-transform:translateY(0);transform:translateY(0)}
    40%{-webkit-transform:translateY(5px);transform:translateY(5px)}
    60%{-webkit-transform:translateY(3px);transform:translateY(3px)}
}

#swiper .swiper-pagination{z-index: 1234;}


@media(min-width: 992px){
    .wap-show{
        display: none;
    }
}
@media(max-width: 991px){
    .pc-show{
        display: none;
    }
}