/* 前端江文哲 */

*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

*{ margin:0; padding:0;}

body { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);margin:0 auto;overflow-x:hidden;  min-width: 1280px;position: relative;padding: 0 ; width: 100%;color: #474a4d;font-family:harl,'微软雅黑', Arial, Helvetica, sans-serif, Microsoft Yahei; font-size:14px;  line-height:1;background: #fff;}

html.act{overflow: hidden;width: 100%;height: 100vh;}

ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }

.clearfix:after{content: " "; display: block; height:0; clear:both; visibility: hidden;}

.clearfix { *zoom:1; }

a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #474a4d;}

textarea,select{ outline:none;  color:#666; font-size:14px; width:100%;}

img{border:none;display: block;max-width: 100%;}

img[src=""]{opacity: 0;}

body::-webkit-scrollbar{ width:4px;height: 1px;}

body::-webkit-scrollbar-thumb{ background:#000;}

body::-webkit-scrollbar-track{ background:#fff;} 

.alltime,.alltime *{-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.alltime2,.alltime2 *{-webkit-transition: all .6s cubic-bezier(.6,0,.2,1); -moz-transition: all .6s cubic-bezier(.6,0,.2,1); transition: all .6s cubic-bezier(.6,0,.2,1);}

.dbox{max-width:1760px;margin: 0 auto;width: 91.7%;}

.bbox{max-width:1600px;margin: 0 auto;width: 83.33%;}


.f_12{ font-size:12px; }

.f_16{ font-size:16px; }

.f_18{ font-size:18px; }

.f_20{ font-size:20px; }

.f_22{font-size: 22px;}

.f_24{ font-size:24px; }

.f_26{ font-size:26px; }

.f_28{ font-size:28px; }

.f_30{ font-size:30px; }

.f_32{ font-size:32px; }

.f_34{ font-size:34px; }

.f_36{ font-size:36px; }

.f_38{ font-size:38px; }

.f_40{font-size: 40px;}

.f_44{font-size: 44px;}

.f_46{font-size: 46px;}

.f_48{font-size: 48px;}

.p_100{padding: 100px 0;}

.pt_100{padding: 100px 0 0;}

.p_150{padding: 150px 0;}

.p_100_150{padding: 100px 0 150px;}

.p_100_120{padding: 100px 0 120px;}

.f100{font-weight: 100;}

.wow{opacity: 0;}

.wow1{opacity: 1;}

.fbd{font-weight: bold;}


/* 切换 */

.qiehuan{position: fixed;z-index: 140;right: -200px;width: 100px;background: #f5f6fa;border-radius: 8px;border: 1px solid rgba(0, 0, 0, 0.05);overflow: hidden;top: 50%;transition: all 0.6s;transform: translateY(-50%);}

.qiehuan.right{right: 10px;transition: all 0.6s;}

.qiehuan.act{position: fixed;top: 50%;transform: translateY(-50%);}

.qiehuan.act2{position: absolute;top: auto;transform: translate(0);bottom: 200px;}

.qiehuan .qei{height: 105px;width: 100%;padding-top: 12px;}

.qiehuan .qei .q{width: 50px;height: 50px;margin: 0 auto;}

.qiehuan .qei1 .q{background: url(../img/che2.png) center no-repeat;background-size: 100% 100%;}

.qiehuan .qei1.act .q{background: url(../img/che.png) center no-repeat;background-size: 100% 100%;}

.qiehuan .qei1:hover .q{background: url(../img/che.png) center no-repeat;background-size: 100% 100%;}

.qiehuan .qie2 .q{background: url(../img/anli2.png) center no-repeat;background-size: contain;}

.qiehuan .qie3 .q{background: url(../img/xiao.png) center no-repeat;background-size: contain;}

.qiehuan .qie3.act .q{background: url(../img/xiao2.png) center no-repeat;background-size: contain;}

.qiehuan .qie3:hover .q{background: url(../img/xiao2.png) center no-repeat;background-size: contain;}



.qiehuan .qie2.act .q{background: url(../img/anli.png) center no-repeat;background-size: contain;}

.qiehuan .qie2:hover .q{background: url(../img/anli.png) center no-repeat;background-size: contain;}

.qiehuan .qei  .t{text-align: center;line-height: 30px;color: #474a4d;}

.qiehuan .qei:hover{background: #2d5fe1;}

.qiehuan .qei:hover .t{color: #fff;}

.qiehuan .qei.act{background: #2d5fe1;}

.qiehuan .qei.act .t{color: #fff;}

.qiehuan2 .qei{height: 106px;padding-top: 6px;}

.qiehuan2 .qei .t{line-height: 22px;}


/* .qiehuan2 .qei{} */

@media screen and (min-width:1200px) {
	@font-face {
		font-family: "harb";
		src: url("../fonts/HarmonyOS_Sans_SC_Bold.woff") format("woff"),
			 url("https://ljguanwang.oss-cn-hangzhou.aliyuncs.com/guanwangshipin/fonts/HarmonyOS_Sans_SC_Bold.ttf") format("truetype"),
			 url("https://ljguanwang.oss-cn-hangzhou.aliyuncs.com/guanwangshipin/fonts/HarmonyOS_Sans_SC_Bold.svg") format("svg")
			 ;
		font-weight: normal;
		font-style: normal;
	}
	
	/* @font-face {
		font-family: "harl";
		src: url("../fonts/HarmonyOS_Sans_SC_Light.woff") format("woff"),
			 url("../fonts/HarmonyOS_Sans_SC_Light.ttf") format("truetype"),
			 url("../fonts/HarmonyOS_Sans_SC_Light.svg") format("svg")
			 ;
		font-weight: normal;
		font-style: normal;
	} */
	
	/* @font-face {
		font-family: "harm";
		src: url("../fonts/HarmonyOS_Sans_SC_Medium.woff") format("woff"),
			 url("../fonts/HarmonyOS_Sans_SC_Medium.ttf") format("truetype"),
			 url("../fonts/HarmonyOS_Sans_SC_Medium.svg") format("svg")
			 ;
		font-weight: normal;
		font-style: normal;
	} */
	
	/* @font-face {
		font-family: "harr";
		src: url("../fonts/HarmonyOS_Sans_SC_Regular.woff") format("woff"),
			 url("../fonts/HarmonyOS_Sans_SC_Regular.ttf") format("truetype"),
			 url("../fonts/HarmonyOS_Sans_SC_Regular.svg") format("svg")
			 ;
		font-weight: normal;
		font-style: normal;
	} */
	
	.cu{font-family: harb;}
	
	.me{font-family: harm;}
	
	.reg{font-family: harr;}
}

/* 播放声音样式 */


.shengyb{width: 40px;height: 40px;background: url(../img/sheng.png) center no-repeat;background-size: 100%;position: absolute;right: 40px;bottom: 40px;cursor: pointer;}

.shengyb.act{background: url(../img/sheng2.png) center no-repeat;background-size: 100% 100%;}

/* 进度条 */

.bmeter {position: fixed;top: 50px;left: 0px;width: 0%;height: 15px;background: #fff;opacity: 0;z-index:111;pointer-events: none;}

.bmeter  span{display: block;width: 100%;position: absolute;top: -20px;left: 0;text-align: center;font-size: 30px;font-weight: 600;color: #f00;}

.yd{display: none;}

/* 头部 */

.head{position: fixed;width: 100%;background: #fff;top: 0;left: 0;z-index: 9;background: #fff;border-bottom: 1px solid #f0f0f0;}


.head:hover{z-index: 200;}

.head .dbox{position: relative;}

.head .logo{display: block;float: left;width: 125px; margin-top: 25px;}

.head .logo img{width: 100%;}

.head .hrt{float: right;width: 80%;}

.head .hrt .en{display: block;float: right;line-height: 70px;margin-left: 140px;}

.head .hrt .en:hover{color: #2d5fe1;}

.head .hrt .ss{width: 40px;height: 40px; position: absolute; background: #fff;top: 15px;right: 50px; border-radius: 30px;overflow: hidden;-moz-box-shadow:0px 0px 3px #ddd; -webkit-box-shadow:0px 0px 3px #ddd; box-shadow:0px 0px 3px #ddd;z-index: 8;}

.head .hrt .ss a{display: block;height: 40px;width: 40px;background: url(../img/ss.png) center no-repeat;position: absolute;top: 0;right: 0;}

.head .hrt .ss input{display: block;width: 0px;height: 40px;position: absolute;top: 0;right: 40px;border: 0;outline: none;resize: none;}

.head .hrt .ss:hover{width: 320px;}

.head .hrt .ss:hover input{width: 260px;}

.head .hrt .ul1{float: right;display: flex;}

.head .hrt .ul1 li{margin-right: 60px;position: relative;}

.head .hrt .ul1 li:last-child{margin-right: 0;}

.head .hrt .ul1 li .ltop a{display: block;position: relative;line-height: 70px;}

.head .hrt .ul1 li .ltop a s{display: block;width: 0%;height: 2px;background: #2d5fe1;left: 0;bottom: 0;z-index: 2;}

.head .hrt .ul1 li .lbtm{position: fixed;left: 0;width: 100%;}

.head .hrt .ul1 li.act .ltop a s{width: 100%;z-index: 6;}

.head .hrt .ul1 li .ltop a:hover{color: #2d5fe1;}

.head .hrt .ul1 li .ltop{z-index: 6;position: relative;}

.head .hrt .ul1 li .lbtm{width: 200px;position: absolute;left: 50%;line-height: 80px;overflow: hidden;-moz-box-shadow:0px 2px 5px #dddddd50; -webkit-box-shadow:0px 2px 5px #ddd; box-shadow:0px 2px 5px #ddd;transform: translate(-50%,20px);opacity: 0;z-index: -2;visibility: hidden;pointer-events: none;}

.head .hrt .ul1 li .lbtm .lox{background: #fff;text-align: center;padding: 20px 0;}

.head .hrt .ul1 li .lbtm .lox a{display: block;text-align: center;line-height: 45px;}


.head .hrt .ul1 li:hover .lbtm{opacity: 1;z-index: 2;visibility: visible;pointer-events: visible;transform: translate(-50%,0px);}

.head .hrt .ul1 li .lbtm .lox a:hover{color: #2d5fe1;}

.head.act .logo{margin-top: 11px;}

.head.act .hrt .ul1 li .ltop a,.head.act .hrt .en{line-height: 46px;}

.head.act .hrt .ss{top: 5px;}

.head .hrt .en{display: none;}

.head .hrt .ss{display: none;}
.mhead{display: none;width: 100%;height: 50px;position: fixed;top: 0;left: 0;z-index: 9;top: 0;left: 0;background:#fff ;border-bottom: 1px solid #eee;}

.mhead .menu{height: 50px;padding-left: 35px;background:url(../img/m1.png) center right no-repeat ;background-size: 30px;float: right;}

.mhead .logo{display: block;position: absolute;top: 0;left: 0;z-index: 3;}

.mhead .logo img{display: block;height: 21px;margin-top: 15px;}

.mhead .ss{display: none;width: 50px;height: 50px;float: right;background: url(../img/ss_m.png) center no-repeat;background-size: 20px;}

.mhead.act{-moz-box-shadow:0px 1px 5px #ddd; -webkit-box-shadow:0px 1px 5px #ddd; box-shadow:0px 1px 5px #ddd;}

.mnav {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.7) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav .mbox .ul1{}

.mnav .mbox .ul1 li .ltop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav .mbox .ul1 li .ltop a{display: block;width: 100%;}

.mnav .mbox .ul1 li .ltop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../img/r_hui2.png) center no-repeat ;background-size: 16px;}

.mnav .mbox .ul1 li .ltop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.mnav .mbox .ul1 li .lbtm{display: none;border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav .mbox .ul1 li .lbtm a{display: block;width: 100%;padding: 0 15px;line-height: 30px;font-size: 12px;color: #666;}

.mnav.act{left: 0;}

.mnav.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.mnav2 {position: fixed;width: 100%;height: 100%;top: 0;left: -100%;z-index: 15;display: block;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);}

.mnav2 .hei{display: block;width: 100%;height: 100%;background:rgba(0, 0, 0, 0.1) ;position: absolute;top: 0;left: 0;z-index: 1;}

.mnav2 .mbox{width: 80%;height: 100%;overflow: auto;background:#fff ;position: relative;z-index: 2;left: -100%;-webkit-transition: all .4s cubic-bezier(.4,0,.2,1); -moz-transition: all .4s cubic-bezier(.4,0,.2,1); transition: all .4s cubic-bezier(.4,0,.2,1);padding-bottom: 50px;}

.mnav2 .mbox .dl1{height: 100%;overflow-y: auto;}

.mnav2 .mbox .dl1 dd{}

.mnav2 .mbox .dl1 dd .dtop{position: relative;line-height: 50px;padding: 0 50px 0 15px;border-bottom: 1px solid #ddd; }

.mnav2 .mbox .dl1 dd .dtop a{display: block;width: 100%;}

.mnav2 .mbox .dl1 dd .dtop span{display: block;width: 50px;height: 50px;position: absolute;top: 0;right: 0;z-index: 2;background:url(../img/r_hui2.png) center no-repeat ;background-size: 16px;}

.mnav2 .mbox .dl1 dd .dtop span.act {transform: rotate(90deg);-webkit-transform: rotate(90deg);}

.mnav2 .mbox .dl1 dd .dbtm{border-bottom: 1px solid #ddd;padding: 10px 0;}

.mnav2 .mbox .dl1 dd .dbtm span{padding: 0 15px;line-height: 35px;color: #000;}

.mnav2 .mbox .dl1 dd .dbtm a{display: block;width: 100%;padding: 0 25px;line-height: 30px;font-size: 12px;color: #666;}

.mnav2.act{left: 0;}

.mnav2.act .mbox{left: 0;transition-delay: .15s;-webkit-transition-delay: .15s;}

.hdbox .bot_con{border: 1px solid #f0f0f0;position: absolute;left: 0;top: 120%;width: 100%;border-top: none;background: #fff;opacity: 0;pointer-events: none;padding: 30px 0 45px;}

.hdbox .bot_con .xlcon{display: flex;justify-content: space-between;}

.hdbox .bot_con .con_le{width: 78%;}

.hdbox .bot_con .con_re{width: 17.98%;}

.hdbox .bot_con .con_re .head_sw {padding-bottom: 40px;}

.hdbox .bot_con .con_re a{display: block;}

.hdbox .bot_con .con_re .a1 {border-radius: 5px;overflow: hidden;}

.hdbox .bot_con .con_re .a1 img{width: 100%;}

.hdbox .bot_con .con_re .a2{line-height: 26px;margin-top: 10px;}

.hdbox .bot_con .con_le .uls{display: flex;justify-content: space-between;}

.hdbox .bot_con .con_le .uls a{display: block;}

.hdbox .bot_con .con_le .uls .l2{display: flex;justify-content: space-between;}

.hdbox .bot_con .con_le .uls .l2 .ls:last-child{min-width:35%;}

.hdbox .bot_con .con_le .uls .lis:nth-child(2n) .l2 .ls:last-child{min-width: 27%;}

.hdbox .bot_con .con_le .uls .lis{width:37%;}


.hdbox .bot_con .con_le .uls .lis .l1{padding: 15px 0 30px;border-bottom: 1px  solid #eeeeee;margin-bottom: 25px;}

.hdbox .bot_con .con_le .uls .lis .l2 .s1{margin-bottom: 20px;line-height: 25px;}

.hdbox .bot_con .con_le .uls .lis .l2 .s1 a{font-weight: bold;}

.hdbox .bot_con .con_le .uls .lis .l2 .s2 {line-height: 25px;}

.hdbox .bot_con .con_le .uls .lis .l2 .s2 a{margin-bottom: 15px;position: relative;}

.hdbox .bot_con .con_le .uls .lis .l2 .s2 a::after{content:none;width: 6px;height: 6px;background: #2d5fe1;border-radius: 100%;position: absolute;left: 0;top: 9px;}

.hdbox .bot_con .con_le .uls .lis:nth-child(2n){width: 40%;}

.hdbox .bot_con .con_le .uls .lis:nth-child(3n){width: 14.3%;}

/* .head .hrt .ul1 li.chanp:hove */

.hdbox .bot_con .con_le .uls a:hover{color: #2d5fe1;}

.hdbox .bot_con.act{opacity: 1;pointer-events: visible;top: 100%;}


.index1 {position: relative;height: 200vh;}

.index1 .in1_img{position: absolute;left: 0;top: 0;width: 100%;height: 100vh;}

.index1 .in1_img img{height: 100%;width: 100%;}

.index1.act .in1_img{position: sticky;}

.index1 .in1_img img{width: 100%;}

.index1 .in1_img  video{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);object-fit: cover;width: 100%;height: 100%;}

.index1.act .in1_img .txt{position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%);color: #fff;text-align: center;line-height: 60px;opacity: 0;display: none;}

@keyframes fangd {
	0%{height: 156%;opacity: 1;}
	50%{height: 300%;opacity: 1;}
	100%{height: 600%;opacity: 0;}

}

.svg{position: fixed;left: 0;top: 0;width: 100%;height: 100vh;z-index: 100;pointer-events: none;}

.svg img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);height: 156%;max-width: none;}

.svg img.act{opacity: 0 ;height: 600%;animation:  fangd 1.5s  linear alternate;}

/* .svg img.act2{opacity: 0 !important;transition-delay: 1.5s;} */

.index2 .in2_con{position:relative;}

.index2 .in2_con2{display: none;}


.index2 .con1{margin-bottom: 55px;text-align: center;}

.index2 .in2_con img{width: 100%;}

.index2 .in2_con .li{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;overflow: hidden;}

/* .index2 .in2_con .li:first-child{opacity: 1;} */

.index2 .in2_con .li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;}

.index2 .in2_con .con2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;justify-content: space-between;}

.index2 .in2_con .con2 .c{flex: 1;display: flex;align-items: center;justify-content: center;color: #fff;text-align: center;border-right: 1px solid rgba(255, 255, 255, 0.2);opacity: 0.3;}

.index2 .in2_con .con2 .c:last-child{border: none;}

.index2 .in2_con .con2 .c .cc{width: 54%;}

.index2 .in2_con .con2 .c .c1{}

.index2 .in2_con .con2 .c s{display: block;width: 40px;height: 2px;background: #fff;margin: 15px auto 25px;}

.index2 .in2_con .con2 .c .c2{line-height: 28px;height: 120px;}

.index2 .in2_con .con2 .c .c3{display: flex;justify-content: center;}

.index2 .in2_con .con2 .c .c3 a{display: flex;align-items: center;justify-content: center; color: #fff;font-family: harm;width: 170px;height: 56px;border-radius: 50px;border: 1px solid  rgba(255, 255, 255, 0.5);opacity: 0;}

.index2 .in2_con .con2 .c .c3 a img{width: 7px;margin-left: 8px;}


.index2 .in2_con .con2 .c.act .c3 a{opacity: 1;}

.index2 .in2_con .con2 .c.act{opacity: 1;}

.index2 .in2_con .li.act{opacity: 1;}

.index3{}

.index3 .con1{text-align: center;margin-bottom: 55px;}

.index3 .con2 .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

.index3 .con2 .ul .li{width: 48.86%;position: relative;margin-bottom: 40px;}

.index3 .con2 .ul .li .li_img{overflow: hidden;border-radius: 20px;position: relative;}

.index3 .con2 .ul .li .li_img img{width: 100%;}

.index3 .con2 .ul .li .li_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.1);background-size: cover;}

.index3 .con2 .ul .li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;display: flex;align-items: center;justify-content: center;text-align: center;background: rgba(255, 255, 255, 0.95);}


.index3 .con2 .ul .li .txt .t1{color: #474a4d;}

.index3 .con2 .ul .li .txt .t2{line-height: 35px;margin: 15px 0 30px;color: #474a4d;}

.more{width: 170px;height: 56px;display: flex;align-items: center;justify-content: center;border: 1px solid #dddee3;border-radius: 100px;color: #a4abb2;margin: 0 auto;display: flex;align-items: center;justify-content: center;}

.more .img{position: relative;transform: translateY(1px);margin-left: 15px;}

.more .img img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.index3 .con2 .ul .li:hover .txt{background: rgba(255, 255, 255, 0);}

.index3 .con2 .ul .li:hover .txt .t1{color: #fff;}


.index3 .con2 .ul .li:hover .txt .t2{color: #fff;}

.index3 .con2 .ul .li:hover .more{color: #fff;border: 1px solid rgba(255, 255, 255, 0.3);}

.index3 .con2 .ul .li:hover .more .img img:last-child{opacity: 1;}

.index3 .con2 .ul .li:hover .more .img img:first-child{opacity: 0;}

.index3 .con2 .ul .li:hover .txt {padding-bottom: 180px;}

.index4{padding-bottom: 200px;}

.index4 .con1{text-align: center;margin-bottom: 60px;}

.index4 .con2 {display: flex;justify-content: space-between;}

.index4 .con2 .con_le{width: 20.46%;}

.index4 .con2 .con_re{width: 77.56%;position: relative;}

.index4 .con2 .con_le .li{display: flex;align-items: center;height: 120px;padding: 0 35px;border: 1px solid #e6ebf7;border-radius: 5px;margin-bottom: 20px;box-shadow: 0 5px 10px 3px #f6f7fb;cursor: pointer;}

.index4 .con2 .con_le .li:last-child{margin-bottom: 0;}

.index4 .con2 .con_le .li img{}

.index4 .con2 .con_le .li .i{width: 65px;height: 65px;position: relative;margin-right: 25px;}

.index4 .con2 .con_le .li .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.index4 .con2 .con_re .ul{height: 400px;display: flex;position: absolute;left: 0;top: 30px;background: #fff;pointer-events: none;opacity: 0;}

.index4 .con2 .con_re .ul .li{height: 100%;width: 31.8%;margin-right: 2.375%;padding: 35px 45px 35px;box-shadow: 0 0 5px 1px #e6ebf7;border: 1px solid #e5e9f4;overflow: hidden;border-radius: 5px;}

.index4 .con2 .con_re .ul .li:last-child{margin-right: 0;}

.index4 .con2 .con_re .ul .li .l2{line-height: 30px;margin: 18px 0 20px;}

.index4 .con2 .con_re .ul .li .l3{line-height: 32px;}

.index4 .con2 .con_re .ul .li:hover{box-shadow: 0 0 10px 5px #e6eaf4;}

.index4 .con2 .con_re .ul .li:hover .l3{font-family: harr;}

.index4 .con2 .con_re .ul .li:hover .l2{color: #2d5fe1;}

.index4 .con2 .con_le .li.act{background: #2d5fe1;color: #fff;}

.index4 .con2 .con_le .li.act .i img:last-child{opacity: 1;}

.index4 .con2 .con_le .li.act .i img:first-child{opacity: 0;}

.index4 .con2 .con_le .li:hover{background: #2d5fe1;}

.index4 .con2 .con_le .li:hover span{color: #fff;}

.index4 .con2 .con_le .li:hover .i img:last-child{opacity: 1;}

.index4 .con2 .con_le .li:hover .i img:first-child{opacity: 0;}

.index4 .con2 .con_re .ul.act{top: 0;opacity: 1;pointer-events: visible;}


.i6{background: #f8f8f8;position: relative;z-index: 3;}

.i6 .tt{text-align: center;margin-bottom:60px;}

.i6 .ul1{display: flex;}

.i6 .ul1 li{width: 32%;border-radius: 15px;overflow: hidden;position: relative;z-index: 2; ;border: 1px solid #e6eff7; overflow: hidden;-moz-box-shadow:0px 1px 10px #e6eff7; -webkit-box-shadow:0px 1px 10px #e6eff7; box-shadow:0px 1px 10px #e6eff7;position: relative;top: 0px;margin-right: 2%;}

.i6 .ul1 li:last-child{margin-right: 0;}


.i6 .ul1 li .img{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: -1;}

.i6 .ul1 li .img::after{content: "";width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: rgba(0, 0, 0, 0.2);}

.i6 .ul1 li .img img{display: block;height: 100%;max-width: 1920px;position: relative;left: 50%;transform: translateX(-50%);-webkit-transform: translateX(-50%);max-width: none;opacity: 0;}

.i6 .ul1 li a{display: block;background: #fff;position: relative;z-index: 2;}

.i6 .ul1 li a .ltop{display: block;padding: 50px;height: 360px;}

.i6 .ul1 li a .ltop .xian{display: block;width: 20px;height: 2px;background: #afb1b3;}

.i6 .ul1 li a .ltop .ltt{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 80px;line-height: 40px;margin: 30px 0;}

.i6 .ul1 li a .ltop .ltc{line-height: 28px;height: 56px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.i6 .ul1 li a .lbtm{display: flex;justify-content: space-between;height: 60px;border-top: 1px solid #e1e3e6;align-items: center;align-content: center;padding: 0 50px;}

.i6 .ul1 li a .lbtm s{display: block;width: 26px;height: 26px;background: url(../img/in_6_1.png) center no-repeat;}


.i6 .ul1 li:hover{-moz-box-shadow:0px 10px 10px rgba(45,95,225,0.2); -webkit-box-shadow:0px 10px 10px rgba(45,95,225,0.2); box-shadow:0px 10px 10px rgba(45,95,225,0.2);top: -10px;}

/* 
.i6 .ul1 li:hover a{background: rgba(54, 103, 223, 0);}

.i6 .ul1 li:hover a .lbtm s{background: url(../img/you.png) center no-repeat;}

.i6 .ul1 li:hover a .ltop .ltt,.i6 .ul1 li:hover a .ltop .ltc,.i6 .ul1 li:hover a .lbtm {color: #fff;} */

.i7{background: #fff;position: relative;z-index: 3;}

.i7 .tt{text-align: center;margin-bottom: 60px;}

.i7 .ul1{display: flex;}

.i7 .ul1 li{width: 32%;background: #fff;border: 1px solid #e6eff7; overflow: hidden;-moz-box-shadow:0px 1px 10px #e6eff7; -webkit-box-shadow:0px 1px 10px #e6eff7; box-shadow:0px 1px 10px #e6eff7;position: relative;top: 0px;margin-right: 2%;}

.i7 .ul1 li::after{content: "";width: 0%;height: 5px;background: #2d5fe1;left: auto;right: 0;top: 0;position: absolute;z-index: 2;transition: all 0.6s;}

.i7 .ul1 li a{display: block;padding: 50px;}

.i7 .ul1 li:nth-child(3n){margin-right: 0;}

.i7 .ul1 li a .day{display: block;color: #777b80}

.i7 .ul1 li a .ltt{word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;height: 80px;line-height: 40px;margin: 30px 0;}

.i7 .ul1 li a .ltc{line-height: 28px;height: 56px;word-break: break-all;text-overflow: ellipsis;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 45px;}

.i7 .ul1 li a .img,.i7 .ul1 li a .img img{display: block;width: 100%;overflow: hidden;}

.i7 .ul1 li:hover:after{width: 100%;left: 0;right: auto;}

.i7 .ul1 li .img img{transform: scale(1.00000001);-webkit-transform: scale(1.00000001);}

.i7 .ul1 li:hover .img img{transform: scale(1.05);-webkit-transform: scale(1.05);}

.i7 .ul1 li:hover{-moz-box-shadow:0px 10px 10px rgba(45,95,225,0.2); -webkit-box-shadow:0px 10px 10px rgba(45,95,225,0.2); box-shadow:0px 10px 10px rgba(45,95,225,0.2);top: -10px;}

.i7 .ul1 li:hover .ltt{color: #2d5fe1;}

.i7 .con{display: flex;justify-content: center;margin-top: 60px;}

.gengd{display: flex;align-items: center;justify-content: center;width: 170px;height: 56px;border: 1px solid #a6acb3;border-radius: 100px;justify-content: center;color: #5f6266;}

.gengd .i{width: 7px;position: relative;margin-left: 10px;}

.gengd .i img:last-child{position: absolute;left: 0;top: 0;opacity: 0;}

.gengd:hover{background: #2d5fe1;color: #fff;border: 1px solid #2d5fe1;}

.gengd:hover .i img:last-child{opacity: 1;}

.gengd:hover .i img:first-child{opacity: 0;}


                                                            
.i8{padding-bottom: 120px;background: #fff;position: relative;z-index: 3;}

.i8 .itop{width: 100%;height: 540px;background: #000;color: #fff;text-align: center;border-radius: 15px;padding-top: 130px;background: url(../img/bot.jpg) center no-repeat;background-size: cover;}

.i8 .itop .xian{display: block;width: 30px;height: 1px;background: rgba(255, 255, 255, 0.3);margin: 40px auto ;}

.i8 .itop .more{display: flex;width: 200px;justify-content: center;height: 56px;color: #fff;border: 1px solid rgba(255, 255, 255, 0.3);border-radius: 30px;margin: 40px auto 0;align-items: center;align-content: center;}

.i8 .itop .more s{display: block;width: 7px;height: 11px;background: url(../images/in_4_1.png) center no-repeat;margin-left: 10px;}

.i8 .itop .more:hover{background: #2d5fe1;border: 1px solid #2d5fe1;}





/* 底部 */

.footer1{padding: 80px 0 35px;background: #f7f7f7;position: relative;z-index: 3;}

.footer1 .fox{display: flex;justify-content: space-between;}

.footer1 .fox .flt{width:40%;}

.footer1 .fox .flt .con{display: flex;}

.footer1 .fox .flt .logo{display: block;width: 125px;margin-bottom: 45px;}

.footer1 .fox .flt .dh{display: flex;margin-bottom: 15px;align-items: center;align-content: center;color: #5e6266;line-height: 1.5;}

.footer1 .fox .flt .dh .ico{display: block;width: 12px;margin-right: 5px;}

.footer1 .fox .flt .dh span{color: #474a4c;width: 135px;text-align: justify;display: inline-block;}


.footer1 .fox .flt a:last-child span{width: auto;}

.footer1 .fox .flt .ul1{display: flex;margin-left: 100px;}

.footer1 .fox .flt .ul1 li{width: 38px;border: 1px solid #abafb3;border-radius: 50%;position: relative;margin-right: 30px;}

.footer1 .fox .flt .ul1 li a{display: block;}

.footer1 .fox .flt .ul1 li img{display: block;width: 100%;}

.footer1 .fox .flt .ul1 li img:nth-child(2){position: absolute;top: 0;left: 0;z-index: 2;opacity: 0;}

.footer1 .fox .flt .ul1 li:hover,.footer1 .fox .flt .ul1 li.act{background: #abafb3;}

.footer1 .fox .flt .ul1 li:hover a img:nth-child(1),.footer1 .fox .flt .ul1 li.act img:nth-child(1){opacity: 0;}

.footer1 .fox .flt .ul1 li:hover a img:nth-child(2),.footer1 .fox .flt .ul1 li.act img:nth-child(2){opacity: 1;}

.footer1 .fox .flt .ewm{display: block;width: 100px;position: absolute;left: 60px;top: 50%;transform: translateY(-50%);opacity: 0;pointer-events: none;}

.footer1 .fox .frt{width: 49%;display: flex;justify-content: space-between;}

.footer1 .fox .frt li{margin: 0;}

.footer1 .fox .frt li a{display: block;margin-bottom: 25px;position: relative;left: 0;}

.footer1 .fox .frt li a:nth-child(1){color: #474a4c;margin-bottom: 38px;}

.footer1 .fox .frt li a:hover{left: -5px;color: #2d5fe1;}

.footer2{color:  #7a7a80;background: #f7f7f7;position: relative;z-index: 3;}

.footer2 *{color: #7a7a80;}

.footer2 .fox{padding: 30px 0;display: flex;justify-content: space-between;border-top: 1px solid #ddd;}

.footer2 .fox .flt{display: flex;}


.footer2 .fox .flt a img{margin-right: 5px;width: 20px;height: 20px;}

.footer2 .fox .flt a{display: block;margin: 0 20px 0 0;}

.footer2 .fox .flt div a{display: flex ;align-items: center;}

.footer2 .fox .flt div a:hover p{color: #2d5fe1;}

.footer2 .fox a:hover{color: #2d5fe1;}

.footer1 .fox .flt .ul1 li:hover .ewm{opacity: 1;left: 50px;}


@media screen and (max-width:1800px) {
	.qiehuan .qei{height: 95px;padding-top: 7px;}

	.qiehuan2 .qei{height: 106px;}

	/* .qiehuan2 .qei .t{line-height: 22px;} */

.qiehuan2 .qei{height: 106px;}



}





@media screen and (max-width:1680px) {
	
	.f_12{ font-size:12px; }

	.f_16{ font-size:14px; }
  
	.f_18{ font-size:16px; }
  
	.f_20{ font-size:18px; }
  
	.f_22{font-size: 20px;}
  
	.f_24{ font-size:22px; }
  
	.f_26{ font-size:24px; }
  
	.f_28{ font-size:26px; }
  
	.f_30{ font-size:28px; }
  
	.f_32{ font-size:28px; }
  
	.f_34{ font-size:30px; }
  
	.f_36{ font-size:30px; }
  
	.f_38{ font-size:30px; }
  
	.f_40{font-size: 32px;}
  
	.f_44{font-size: 34px;}
  
	.f_46{font-size: 34px;}

	.f_48{font-size: 36px;}

	.pt_100{padding-top: 80px;}

	.p_150{padding: 120px 0;}

	.p_100_150{padding: 80px 0 120px;}

	.p_100{padding: 80px 0;}

	.p_100_120{padding: 80px 0 100px;}

	.index4 .con2 .con_re .ul .li{padding: 25px 30px;}

	.index4{padding-bottom: 150px;}

	/* .index3 .con2 .ul .li .txt .ts{transform: translateY(30px);} */

	.index3 .con2 .ul .li:hover .txt {padding-bottom: 100px;}

	/* .hdbox .bot_con{padding: 40px 50px;} */

	/* .hdbox .bot_con .con_le .uls .lis{width: 48%;}

	.hdbox .bot_con .con_le .uls .lis:nth-child(2n){width: 24%;}

	.hdbox .bot_con .con_le .uls .lis:nth-child(3n){width: 22%;} */

	/* .index3 .con2 .ul .li:hover .txt .ts{} */

}



@media screen and (max-width:1025px) {
	
	.f_12 {font-size: 12px;}

	.f_16 {font-size: 14px;}
  
	.f_18 {font-size: 14px;}
  
	.f_20 {font-size: 16px;}
  
	.f_22 {font-size: 16px;}
  
	.f_24 {font-size: 16px;}
  
	.f_26 {font-size: 16px;}
  
	.f_28 {font-size: 18px;}
  
	.f_30 {font-size: 18px;}
  
	.f_32 {font-size: 18px;}
  
	.f_34 {font-size: 18px;}
  
	.f_36 {font-size: 18px;}
	
  
	.f_38 {font-size: 18px;}
  
	.f_40 {font-size: 18px;}
  
	.f_44{font-size: 24px;}
  
	.f_46{font-size: 24px;}

	.f_48{font-size: 24px;}

	.pt_100{padding-top: 30px;}

	.p_150{padding: 30px 0;}

	.p_100_150{padding: 30px 0;}

	.p_100{padding: 30px 0;}

	.p_100_120{padding: 30px 0;}

	.bbox{width: 90%;}

	.dbox{width: 90%;}

	.pc{display: none;}

	.yd{display: block;}

	body{min-width: 200px;}

	.wow{opacity: 1;}

	.head .dbox{display: none;}

	.mhead{display: block;}

	.mhead .dbox{position: relative;}

	.svg{display: none;}

	.index1{height: auto;}

	.index1 .in1_img{height: auto;}

	.index2 .con1{margin-bottom: 25px;}

	/* .index2 .in2_con{display: none;} */

	.index2 .in2_con2{display: none;padding: 0 5%;}

	.index2 .in2_con2 a{display: block;position: relative;}

	.index2 .in2_con2 img{width: 100%;}

	.index2 .in2_con2 a .ts{position: absolute;left: 0;top: 0;width: 100%;height: 100%;color: #fff;padding: 50px 20px 20px;text-align: center;}

	.index2 .in2_con2 a .ts .t1{margin-bottom: 25px;}

	.index2 .in2_con2 a .ts .t2{line-height: 25px;}

	.index2 .in2_con2 a .ts .t3{display: flex;align-items: center;width: 130px;height: 44px;margin: 30px auto 0;border: 1px solid rgba(255, 255, 255, 0.5);border-radius: 100px;justify-content: center;}

	.index2 .in2_con2 a .ts .t3 img{width: 7px;margin-left: 5px;height: 12px;}

	.index2 .in2_con2 .in2_sw {padding-bottom: 40px;}

	.index3 .con1{margin-bottom: 25px;}

	.index3 .con2{overflow-x: auto;}

	.index3 .con2 .ul{width: 1380px;}

	.index3 .con2 .ul .li:hover .txt{padding-bottom:30px;}

	/* .index3 .con2 .ul .li{width: 25%;} */

	.index3 .con2 .ul .li{width: 24.5%;margin-bottom: 15px;}

	.more{width: 130px;height: 44px;}

	.more .img{margin-left: 5px;}

	.index3 .con2 .ul .li .txt .t2{line-height: 30px;margin: 10px 0 20px;}

	.index4 .con1{line-height: 40px;margin-bottom: 25px;}

	.index4 .con2{flex-wrap: wrap;}

	.index4 .con2 .con_le{width: 100%;}

	.index4 .con2 .con_le  .ul{display: flex;flex-wrap: wrap;justify-content: space-between;}

	.index4 .con2 .con_le  .ul .li{width: 49%;height: 60px;padding: 0 5px;display: flex;justify-content: center;margin-bottom: 10px;}

	.index4 .con2 .con_le .li .i{width: 40px;height: 40px;margin-right: 5px;}

	.index4 .con2 .con_re{width: 100%;}

	.index4 .con2 .con_re .ul{height: auto;display: none;position: relative;}

	.index4 .con2 .con_re .ul.act{display: block;}

	.index4 .con2 .con_re .ul .li{width: 100%;margin-bottom: 10px;}

	.index4 .con2 .con_re .ul .li .l1 img{width: 50px;}

	.index4 .con2 .con_re .ul .li .l2{margin: 15px 0;}

	.index4 .con2 .con_re .ul .li .l3{line-height: 28px;}

	.index4{padding-bottom: 30px;}

	.i6 .tt{margin-bottom: 25px;}

	.i6 .ul1{flex-wrap: wrap;}

	.i6 .ul1 li{width: 100%;margin-bottom: 15px;margin-right: 0;}

	.i6 .ul1 li a .ltop{padding: 25px 30px;height: 220px;}
	

	.i6 .ul1 li a .ltop .ltt{line-height: 30px;height: 60px;margin: 20px 0;}

	.i6 .ul1 li a .lbtm{padding: 0 30px;}

	/* .index3 .con2 .ul .li .txt{background: none;} */

	/* .i6 .ul1 li a{background: rgba(54, 103, 223, 0);}

	.i6 .ul1 li a .lbtm s{background: url(../img/you.png) center no-repeat;}
	
	.i6 .ul1 li a .ltop .ltt,.i6 .ul1 li a .ltop .ltc,.i6 .ul1 li a .lbtm {color: #fff;} */

	.i7 .tt{margin-bottom: 30px;}

	.i7 .con{width: 100%; overflow-x: auto;display: block;}

	.i7 .ul1{width: 960px;}


	.i7 .ul1 li{width: 33%;}

	/* .i7 .ul1 li{margin-right: 20px;} */

	.i7 .ul1 li a{padding: 25px;}

	.i7 .ul1 li a .ltt{height: 60px;line-height: 30px;margin: 15px 0;}

	.i7 .ul1 li a .ltc{margin-bottom: 30px;display: none;}

	.i7 .con{margin-top: 25px;}

	.i8{padding-bottom: 50px;}

	.i8 .itop{height:260px;padding-top:50px;}


	.i8 .itop .xian{margin: 20px auto;}

	.i8 .itop .more{margin: 30px auto 0;}

	.footer1 .fox .frt{display:none;}

	.footer1 .fox .flt{width: 100%;}

	.footer1 .fox .flt .ltc {line-height: 1.5;padding-left: 15px;margin-bottom: 15px;}

	.footer1 .fox .flt .ltc a{color: #5e6266;}

	.footer1 .fox .flt .dh .ico{margin-top: 3px;}

	.footer1 .fox .flt .con{flex-wrap: wrap;}

	.footer1 .fox .flt .logo{margin-bottom: 20px;width: 87px;}

	.footer1 .fox .flt .ul1 li{margin-right: 10px;}

	.footer1 .fox .flt .con .con_re{margin: 15px 0;width: 100%;}

	.footer1 .fox .flt .ul1{margin-left: 0;}

	.footer1 .fox .flt .dh span.sp2{width: calc(100% - 15px);}

	.footer1 .fox .flt .dh{align-items: flex-start;margin-bottom: 5px;}

	.footer2 .fox{flex-wrap: wrap;line-height: 24px;justify-content: center;text-align: center;align-items: center;}

	.footer2 .fox .flt{flex-wrap: wrap;align-items: center;}

	.footer2 .fox .flt img{width: 50px;height: 12px;}

	.footer1{padding: 30px 0;}

	.index2 .in2_con{padding: 0 5%;}

	.index2 .in2_con .li{position: relative;opacity: 1;margin-bottom: 25px;}

	.index2 .in2_con .li::after{content: "";width: 100%;left: 0;top: 0;height:100%;background: rgba(0, 0, 0, 0.2);position: absolute;}

	.index2 .in2_con .con2{flex-wrap: wrap;}

	.index2 .in2_con .con2 .c{width: 100%;opacity: 1;flex: none;height: 30%;position: relative;margin-bottom: 25px;}

	.index2 .in2_con .con2 .c .c3 a{position: absolute;left: 0;top: 0;width: 100%;height: 100%;opacity: 0;}

	.index2 .in2_con .con2 .c.act .c3 a{opacity: 0;}

	.index2 .in2_con .con2 .c .c2{height: auto;}

	.index2 .in2_con .con2 .c .c2{line-height: 26px;}

	.index2 .in2_con .con2 .c .cc{width: 90%;}

	.index2 .in2_con .con2 .c .c1{margin-bottom: 10px;}

	.index2 .in2_con .con2 .c s{display: none;}

	.index1 .in1_img video{display: none;}

	.index1 .in1_img video.act{display: block;}

	.index4 .con2 .con_le .ul .li{width: 33%;}

	.index4 .con2 .con_le .ul .li span{font-size: 12px;}

	.index4 .con2 .con_le .li .i{width: 32px;}

	.shengyb{display: none;}

	.shengyb.act2{display: block;}

	.index4 .con1 span{display: block;}

	.qiehuan{width:70px;position: fixed;right: 0;bottom:5%;top: auto;}

	.qiehuan .qei .q{width: 30px;height: 30px;}
  
	.qiehuan .qei{height: 65px;padding-top: 5px;}
  
	.qiehuan .qei .t{font-size: 12px;line-height: 28px;}
  

	.qiehuan2 .qei{height: 85px;}
   
	.qiehuan2 .qei .t{line-height: 20px;}

	.footer1 .fox .flt .ltc{display: none;}
  
	.footer2 .fox .flt{display: flex !important;justify-content: center;}

	.footer2 .fox .flt a{margin: 0 5px;}
}