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

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


.w_width{max-width:1527px; margin-right: auto; margin-left: auto;}
.w_1310{max-width:1310px; margin-right: auto; margin-left: auto;}
.w_1400{max-width:1400px; margin-right: auto; margin-left: auto;}
.w_1588{max-width:1588px; margin-right: auto; margin-left: auto;}
.w_1660{max-width:1660px; margin-right: auto; margin-left: auto;}
.w1920{max-width:1920px; margin-right: auto; margin-left: auto;}
.ctext{padding-left:0.8rem;padding-right:0.8rem;}
@media  screen and (max-width: 1024px){
.ctext{padding-left: 15px;padding-right: 15px;}
}
/*PC head*/
.wyb_s{position:fixed; left:0; top:0; padding-top:0.38rem; z-index: 20; width:100%;}
.t_navs{ width: 100%;}
.t_navs .top{ width: 100%; float: left; padding:0.15rem 0;}
.t_navs .top .logo{ line-height: 0; float: left; display: flex; align-items: center;}
.t_navs .top .logo a{ float: left;}
.t_navs .top .logo img{ width: auto; height:0.7rem;}
.t_navs .top .logo .img1{ display: block;}
.t_navs .top .logo .img2{ display: none;}
.t_navs .top .right{ float: right; display: flex; align-items: flex-end;}
.t_navs .langbox{ cursor: pointer; float: left;position: relative; width:76px; margin-right:-32px;}
.t_navs .langbox .lang{float:right;font-size:15px;line-height:0.7rem;color: #fff;padding-right: 18px; position: relative;}
.t_navs .langbox .lang::after{ display: block; content: ''; position: absolute; right:0; top:50%; width:7px; height: 7px; border-right:2px solid #fff; border-bottom:2px solid #fff; margin-top:-4px; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.t_navs .langbox .down{display: none;width:100%;position: absolute;right:-20px;top: 100%;text-align: center; background:rgba(0,0,0,0.3); box-shadow:2px 3px 7px rgba(0,0,0,0.25); padding:10px 0;}
.t_navs .langbox:hover .down{ display: block;}
.t_navs .langbox .down .opt{display: block;width: 100%;font-size:15px;line-height:30px;color: #fff; cursor: pointer; position: relative;}
.t_navs .langbox .down .opt::after{ display: block; content: ''; position: absolute; left: 0; bottom:0; width:0; height:2px; background: #c0000e;}
.t_navs .langbox .down .opt:hover::after{ width:100%;}
.t_navs .menu{float: left; position: relative;}
.t_navs .menu::after{ display: block; content: ''; position: absolute; right:0.09rem; top:50%; margin-top:-5px; width:4px; height:14px; background: #fff;}
.t_navs .menu ul{float: left;}
.t_navs .menu .nli{ float: left;margin: 0 0.32rem; position: relative;}
.t_navs .menu .nli span{ float: left; width:100%; position: relative; z-index:6;}
.t_navs .menu .nli span a{ display: block;color: #fff; position: relative;line-height:0.7rem; font-size:calc(14px + 0.08rem); padding:0 0.2rem;}
.t_navs .menu .nli.on span a,
.t_navs .menu .nli:hover span a{ color: #c0000e;}
.t_navs .menu_sub{ display: none; position: absolute; width:130%; top:0; left:0; z-index:5;}
.t_navs .menu_sub .a2box{ display: flex;}
.t_navs .menu_sub .u2{ width:100%; padding:calc(16px + 0.66rem) 0 20px 0; background:rgba(0,0,0,0.3); box-shadow:2px 3px 7px rgba(0,0,0,0.25);}
.t_navs .menu_sub .l2{ width: 100%; position: relative;}
.t_navs .menu_sub .l2 .a2box a{ position: relative; text-align: center; display: block; width: 100%; padding:13px 10px; color: #fff; font-size:calc(14px + 0.04rem); line-height:20px;}
.t_navs .menu_sub .l2 .a2box a::after{ display: block; content: ''; position: absolute; left: 0; bottom:2px; width:0; height:2px; background: #c0000e;}
.t_navs .menu_sub .l2:hover .a2box a::after{ width:100%;}
.t_navs .menu_sub .a3box{ width:100%; position: relative; z-index: 6;}
.t_navs .menu_sub .u3{ display:none; width:112%; background:rgba(0,0,0,0.3); box-shadow:2px 3px 7px rgba(0,0,0,0.25); position:absolute; left:100%; top:5px; padding:3px 28px 16px 40px;}
.t_navs .menu_sub .l2:hover .u3{ display:block;}
.t_navs .menu_sub .l3{ display: flex; width:100%; position: relative;}
.t_navs .menu_sub .l3:first-child a::after{ display: block; content: ''; position: absolute; left:-27px; top:10px; width:10px; height: 10px; border-top:2px solid #c0000e; border-right:2px solid #c0000e; transform:rotate(45deg); -ms-transform:rotate(45deg);}
.t_navs .menu_sub .l3 a{ position: relative; display: block; width:100%; color: #fff; font-size:14px; line-height: 18px;padding: 6px 0;}
.t_navs .menu_sub .l3 a:hover{ color: #c0000e;}

.wyb_s.act{ padding-top:0; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.wyb_s.act .t_navs .top .logo .img1{ display: none;}
.wyb_s.act .t_navs .top .logo .img2{ display: block;}
.wyb_s.act .t_navs .top .right{ align-items: center;}
.wyb_s.act .t_navs .menu .nli span a{ color: #000;}
.wyb_s.act .t_navs .menu .nli.on span a,
.wyb_s.act .t_navs .menu .nli:hover span a{ color: #c0000e;}
.wyb_s.act .t_navs .menu::after{background: #000;}
.wyb_s.act .t_navs .langbox .lang{ color: #000;}
.wyb_s.act .t_navs .langbox .lang::after{ border-right:2px solid #000; border-bottom:2px solid #000;}
.wyb_s.act .t_navs .menu_sub { top:100%;}
.wyb_s.act .t_navs .menu_sub .u2{ padding:0 0 20px 0; background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1); }
.wyb_s.act .t_navs .menu_sub .l2:first-child{ padding-top:10px;}
.wyb_s.act .t_navs .menu_sub .a2box a{ color: #000;}
.wyb_s.act .t_navs .menu_sub .u3{ top:0; background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1); padding:14px 28px 20px 40px; }
.wyb_s.act .t_navs .menu_sub .l3 a{ color: #000;}
.wyb_s.act .t_navs .menu_sub .l3 a:hover{ color: #c0000e;}
.wyb_s.act .t_navs .langbox .down{ background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1);}
.wyb_s.act .t_navs .langbox .down .opt{color: #000;}

.wyb_s.ect{ padding-top:0; background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.wyb_s.ect .t_navs .top .logo .img1{ display: none;}
.wyb_s.ect .t_navs .top .logo .img2{ display: block;}
.wyb_s.ect .t_navs .top .right{ align-items: center;}
.wyb_s.ect .t_navs .menu .nli span a{ color: #000;}
.wyb_s.ect .t_navs .menu .nli.on span a,
.wyb_s.ect .t_navs .menu .nli:hover span a{ color: #c0000e;}
.wyb_s.ect .t_navs .menu::after{background: #000;}
.wyb_s.ect .t_navs .langbox .lang{ color: #000;}
.wyb_s.ect .t_navs .langbox .lang::after{ border-right:2px solid #000; border-bottom:2px solid #000;}
.wyb_s.ect .t_navs .menu_sub { top:100%;}
.wyb_s.ect .t_navs .menu_sub .u2{ padding:0 0 20px 0; background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1); }
.wyb_s.ect .t_navs .menu_sub .l2:first-child{ padding-top:10px;}
.wyb_s.ect .t_navs .menu_sub .a2box a{ color: #000;}
.wyb_s.ect .t_navs .menu_sub .u3{ top:0; background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1); padding:14px 28px 20px 40px; }
.wyb_s.ect .t_navs .menu_sub .l3 a{ color: #000;}
.wyb_s.ect .t_navs .menu_sub .l3 a:hover{ color: #c0000e;}
.wyb_s.ect .t_navs .langbox .down{ background:#fff; box-shadow:2px 3px 7px rgba(0,0,0,0.1);}
.wyb_s.ect .t_navs .langbox .down .opt{color: #000;}

@media  screen and (max-width:1687px){
.t_navs .langbox{ margin-right:0;}
}
@media screen and (max-width:1024px) {
.wyb_s{ padding-top:0;}
.t_navs .top{ padding:10px 0;}
.t_navs .menu{ display: none;}
.t_navs .top .logo img{ height:40px;}
.t_navs .top .right{ margin-right: -8px;}
.t_navs .langbox{ display:none;}
}


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

.wyb_s.act .t_navs .menuph .menu-toggle span.hamburger{background:#c0000e;}
.wyb_s.act .t_navs .menuph .menu-toggle span.hamburger:after,
.wyb_s.act .t_navs .menuph .menu-toggle span.hamburger:before{background:#c0000e;}
.wyb_s.act .t_navs .menuph .menu-toggle span.hamburger span{background:#c0000e;}
.wyb_s.act .t_navs .menuph .menu-toggle span.cross:before,
.wyb_s.act .t_navs .menuph .menu-toggle span.cross:after{background:#c0000e;}

.wyb_s.ect .t_navs .menuph .menu-toggle span.hamburger{background:#c0000e;}
.wyb_s.ect .t_navs .menuph .menu-toggle span.hamburger:after,
.wyb_s.ect .t_navs .menuph .menu-toggle span.hamburger:before{background:#c0000e;}
.wyb_s.ect .t_navs .menuph .menu-toggle span.hamburger span{background:#c0000e;}
.wyb_s.ect .t_navs .menuph .menu-toggle span.cross:before,
.wyb_s.ect .t_navs .menuph .menu-toggle span.cross:after{background:#c0000e;}


.wyb_s.act1 { background: #fff; box-shadow:0 1px 3px rgba(0,0,0,0.1);}
.wyb_s.act1 .t_navs .top .logo .img1{ display: none;}
.wyb_s.act1 .t_navs .top .logo .img2{ display: block;}
.wyb_s.act1 .t_navs .menuph .menu-toggle span.hamburger{background:#c0000e;}
.wyb_s.act1 .t_navs .menuph .menu-toggle span.hamburger:after,
.wyb_s.act1 .t_navs .menuph .menu-toggle span.hamburger:before{background:#c0000e;}
.wyb_s.act1 .t_navs .menuph .menu-toggle span.hamburger span{background:#c0000e;}
.wyb_s.act1 .t_navs .menuph .menu-toggle span.cross:before,
.wyb_s.act1 .t_navs .menuph .menu-toggle span.cross:after{background:#c0000e;}


.t_navs .xialaph{ position: fixed; left:0; top:60px; float: left; width: 100%; height:100%; z-index: 40; display:none; background:#fff; padding:0 15px; border-top:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .l1{width: 100%; display: inline-flex; flex-wrap: wrap; border-bottom:1px solid rgba(0,0,0,0.1);}
.t_navs .xialaph .a1box{width: 100%;position: relative;padding:10px 0;}
.t_navs .xialaph .a2box{width: 100%;position: relative;}
.t_navs .xialaph .a1{font-size:16px;color: #333;line-height:30px;position: relative;padding-right:30px;display: block;width: 100%;}
.t_navs .xialaph .on .a1{ color: #c0000e;}
.t_navs .xialaph .icobox{width:50px;height:100%;position: absolute;right:0;top:0;}
.t_navs .xialaph .icobox::after{ display: block; content:''; width:8px;height:8px;position: absolute;right:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-top:1px solid #333;  border-right:1px solid #333;}
.t_navs .xialaph .on .icobox::after{border-top:1px solid #c0000e;  border-right:1px solid #c0000e; transform: translate(0,-50%) rotate(135deg); -ms-transform: translate(0,-50%) rotate(135deg); margin-top: -3px;}
.t_navs .xialaph .u2{width: 100%;padding:0 15px 20px 15px;display: none;}
.t_navs .xialaph .u2 .l2{ width: 100%;display: block;display: inline-flex; flex-wrap: wrap;}
.t_navs .xialaph .u2 .a2{ width: 100%;font-size:15px;color: #333;line-height:32px;}
.t_navs .xialaph .on .a2{ color: #c0000e;}
.t_navs .xialaph .u3{width: 100%;padding:5px 15px; display: none;}
.t_navs .xialaph .u3 .l3{ width: 100%;}
.t_navs .xialaph .u3 .a3{ width: 100%; font-size:14px;color: #666;line-height:28px;}
.t_navs .xialaph .u3 .a3:hover{ color: #c0000e;}
.t_navs .lang-ph{ display: flex; justify-content:center; width:100%; padding:30px 0;}
.t_navs .lang-ph .opt{ position: relative; display: flex; margin:0 15px; color: #333; font-size:16px; line-height:30px;}
.t_navs .lang-ph .opt:first-child:after{ display: block; width:1px; height:14px; content:''; position:absolute; top:50%; margin-top:-6px; right:-15px; background:rgba(0,0,0,0.1);}
.t_navs .lang-ph .opt.on{ color: #c0000e;}

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



.b_navs .pf_down{ display: none; width: 100%; float: left; position: fixed; left: 0; bottom: 0; padding-bottom: constant(safe-area-inset-bottom); padding-bottom: env(safe-area-inset-bottom); height:55px; background: #fff; z-index: 16; box-shadow:0 0 9px rgba(0,0,0,0.07);}
.b_navs .pf_down li{ width:33.33%; float: left; text-align: center; padding:8px 0;}
.b_navs .pf_down li a{ width:100%; float: left; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.b_navs .pf_down li .ico7{ width: 100%; float: left; height: 23px; line-height:0; display: flex; justify-content: center; align-items: center; position:relative;}
.b_navs .pf_down li .ico7 img{ width:23px; height: 23px;}
.b_navs .pf_down li .ico7 .show{ display: block;}
.b_navs .pf_down li .ico7 .hide{ display: none;}
.b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top:2px; font-size: 14px; color: #000; line-height: 14px;}
.b_navs .pf_down li .dian{ display: none; position: relative; float: left;  width:12px; height: 4px; border-radius:4px; background: #fff; margin:6px 0;}
.b_navs .pf_down li .dian::after,
.b_navs .pf_down li .dian::before{ content: ''; float: left;  width:6px; height: 4px; border-radius:4px; background: #fff; opacity:0.5; position: absolute; top:0; margin:0 2px;}
.b_navs .pf_down li .dian::after{ left:100%;}
.b_navs .pf_down li .dian::before{ right:100%;}
.b_navs .pf_down li:hover{ background: #c0000e;} 
.b_navs .pf_down li:hover .ico7 .show{ display: none;}
.b_navs .pf_down li:hover .ico7 .hide{ display: block;}
.b_navs .pf_down li:hover .d_name{ display: none;}
.b_navs .pf_down li:hover .dian{ display: block;}


@media screen and (max-width:767px) {
.b_navs.act .pf_down{ display: block;}
}


.footer{ background:#1f3161; position: relative;z-index: 10; padding-top: 68px; padding-bottom:46px;}
.footer .top{ justify-content: space-between; align-items: flex-start;}
.footer .down{ justify-content: flex-end; margin-top:20px;}
.footer .share{ display: flex; flex-direction:column;}
.footer .share .ico{ line-height: 0; margin-bottom:0.42rem; position: relative; width:calc(30px + 0.2rem); height:calc(30px + 0.2rem); border-radius:50%; border:2px solid rgba(255,255,255,0); display: flex; align-items: center; justify-content: center;}
.footer .share .ico:last-child{ margin-bottom:0;}
.footer .share .ico .img1{ display: block; width:24px; height:24px;}
.footer .share .ico .img2{ display: none; width:24px; height:24px;}
.footer .share .ico .wx_bx{ float:left; width:100px; height:100px; padding:2px; background:#fff; position:absolute; left:50%; bottom:100%; margin:0 0 15px -50px; z-index:10; box-shadow:0 0 6px rgba(0,0,0,0.15);
-webkit-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-moz-transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	transition: all 500ms cubic-bezier(.5, 1, .4, 1);
	-webkit-transform-origin:50% 90%;
	-moz-transform-origin:50% 90%;
	-ms-transform-origin:50% 90%;
	-o-transform-origin:50% 90%;
	transform-origin:50% 90%;
	-webkit-transform: translateY(0) scale(0);
	-moz-transform: translateY(0) scale(0);
	-ms-transform: translateY(0) scale(0);
	-o-transform: translateY(0) scale(0);
	transform: translateY(0) scale(0)}
.footer .share .ico .wx_bx::after{ display: block; content: ''; position: absolute; left: 50%; top:100%; margin-left:-6px; border-left:6px solid transparent; border-right:6px solid transparent;border-top:6px solid #fff;}
.footer .share .ico:hover{ border:2px solid rgba(255,255,255,0.5);}
.footer .share .ico:hover .img1{ display: none; }
.footer .share .ico:hover .img2{ display: block; }
.footer .share .ico:hover .wx_bx{ opacity: 1;
	filter: alpha(opacity=100);
	display: block \9;
	pointer-events: auto;
	-webkit-transform: translateY(0) scale(1);
	-moz-transform: translateY(0) scale(1);
	-ms-transform: translateY(0) scale(1);
	-o-transform: translateY(0) scale(1);
	transform: translateY(0) scale(1);}
.footer .left{ display: flex; flex-direction: column;}	
.footer .logo{ float: left; line-height: 0; margin:11px 0 70px 0;}
.footer .logo img{ height:1.04rem;}
.footer .nav{ display: flex; flex-wrap: wrap;}
.footer .links{color:#fff; margin-right:0.55rem;}
.footer .links a{color: #fff; margin-right:7px;}
.footer .links a:hover{ color:##c0000e;;}
.footer .Copyright{color:#fff;}
.footer .Copyright a{color: #fff; margin-left:7px;}
.footer .Copyright a:hover{ color:##c0000e;;}
.footer .liuyan{ display: flex; width:2.68rem; position: relative; margin:0.9rem 0 0 0.25rem; overflow: hidden; border-radius:36px; padding:0 16px 0 0;}
.footer .liuyan:after{ display:block; content:''; position: absolute; left:23px; top:6px; width:2px; height:24px; background:#c1c1c1;}
.footer .liuyan .text{ width:100%; padding:5px 32px; color: #949494; font-size:15px; line-height:26px; height:36px; background:#fff; border:0; }
.footer .liuyan .submit{ display: block; position: absolute; right:0; min-width:36px; width: 36px; height: 36px;  border-radius:50%; background:url(img/imo5.png) center no-repeat; background-size:100% 100%;}
.footer .addr{ min-width:3.44rem; display: flex; flex-direction: column; margin:0 0.46rem;}
.footer .addr .li{ display: flex;}
.footer .addr .li .ico{ margin:0.06rem 0.12rem 0 0;}
.footer .addr .li .ico img{ width:28px; min-width:28px; height:28px;}
.footer .addr .li .info{ flex-direction: column;}
.footer .addr .li .fs14{ opacity: 0.78;}
.footer .addr .li .fs18{ font-weight: bold; margin-top:4px;}
.footer .er{width:calc(100px + 0.71rem); margin-top:13px;}
.footer .er .img{ line-height:0; margin-bottom: 6px;}

@media (max-width: 1600px){
.footer .addr{ margin:0;}
.footer .liuyan{ margin: 0.9rem 0 0 0;}
}
@media (max-width: 1024px){
.footer{ padding-top:30px; padding-bottom:30px;}	
.footer .links{ width:100%; margin-right:0; text-align: center; padding-left:7px;}
.footer .Copyright{ width:100%; text-align:center;}
.footer .share{ display:none; flex-direction: row;}
.footer .share .ico{ margin:20px 10px 0 0;}
.footer .logo{ float: left; line-height: 0; margin:0 10px 0 0;}
.footer .logo img{ height:42px;}
.footer .left{ width:100%; flex-direction: row; justify-content: center; margin-bottom:20px;}
.footer .nav{ align-items: center;}
.footer .addr .li .ico{ margin:0 6px 0 0;}
.footer .addr .li .ico img{ width:22px; min-width:22px; height:22px;}
.footer .addr .li .fs19{ font-size:14px; line-height:22px;}
.footer .er{ width:100px; margin-top:5px;}
.footer .er .fs21{ font-size:14px; line-height:24px;}
.footer .liuyan{ width:100%; margin:25px 0 0 0;}
}
@media (max-width: 767px){
.footer{ padding-bottom:80px;}	
.footer .Copyright a{ display: inline-block; margin-left:0;}
}
@media (max-width: 374px){
.footer .logo{ float: left; line-height: 0; margin:0 10px 0 0;}
.footer .logo img{ height:32px;}
.footer .nav{ align-items: center; font-size:15px; line-height:26px;}
}


.footer1{background:#f0f0f0;}
.footer1 .top{ padding:26px 0 22px 0;}
.footer1 .addr{ display: flex; flex-wrap: wrap; flex-direction: column; min-width:39.3%;}
.footer1 .addr .li{ display: flex; width:100%; color: #696969; font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem); margin:0.26rem 0 0 0;}
.footer1 .addr .li .ico{ line-height:0; margin:0 0.16rem 0 0;}
.footer1 .addr .li .ico img{ width:calc(20px + 0.04rem); min-width:calc(20px + 0.04rem); height:calc(20px + 0.04rem);}
.footer1 .addr .li .text{ display:flex; flex-wrap: wrap;}
.footer1 .addr .li .text .p{ min-width:220px; margin-right:30px;}
.footer1 .er{ width:24.4%; display: flex; justify-content: center; align-items: center; flex-direction: column;}
.footer1 .er .img{width:calc(100px + 0.72rem); line-height:0; margin-bottom:10px;}
.footer1 .er .text{ color: #696969; font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.02rem);}
.footer1 .left{ display: flex; text-align: center; flex-direction: column;}	
.footer1 .logo{ float: left; line-height: 0; margin:13px 0 20px 0;}
.footer1 .logo img{ height:1.17rem;}
.footer1 .links{color:#696969; font-size:calc(14px + 0.02rem); line-height:calc(20px + 0.04rem);}
.footer1 .links a{color: #696969; margin-right:7px;}
.footer1 .links a:hover{ color:#c0000e;}


@media (max-width: 1440px){
.footer1 .er{ width:calc(100px + 0.72rem);}
}
@media (max-width: 1024px){
.footer1 .top{ padding:26px 0; position: relative;}	
.footer1 .er{width:110px;}
.footer1 .er .img{width:110px;}
.footer1 .er .text{ font-size:14px; line-height:22px;}
.footer1 .logo{ text-align: center; margin:0 30px 0 0;}
.footer1 .logo img{ height:60px;}	
.footer1 .links{width:-webkit-calc(100% - 122px); width:-moz-calc(100% - 80px); width:calc(100% - 80px); justify-content: flex-start; font-size:14px; line-height:22px;}
.footer1 .addr{ min-width:inherit;width:-webkit-calc(100% - 122px); width:-moz-calc(100% - 122px); width:calc(100% - 122px); margin-top:-22px;}	
.footer1 .addr .li{ font-size:14px; line-height:22px; margin-top:8px;}
.footer1 .addr .li .ico{ margin:1px 8px 0 0;}
.footer1 .addr .li .ico img{ width:20px; min-width:20px; height:20px;}
.footer1 .addr .li .text .p{ min-width:220px; margin-right:0;}
.footer1 .left{width:100%; align-items: center;flex-direction:row-reverse; justify-content:space-between; margin-bottom:20px;}
}
@media (max-width: 767px){
.footer1 .addr .li .text .p{ min-width:inherit; margin-right:15px;}
}



.footer2{background:#dedede;}
.footer2 .Copyright{ width:100%; text-align: center; font-size:14px; line-height:24px; color:#696969; padding:15px 0;}
.footer2 .Copyright .bq{ padding-right:35px;}
.footer2 .Copyright a{color: #696969; margin-left:10px;}
.footer2 .Copyright a:hover{ color:#c0000e;}
@media (max-width: 1024px){
.footer2 .Copyright .bq{ padding-right:10px;}
}
@media (max-width: 767px){
.footer2{ padding-bottom:55px;}		
.footer2 .Copyright .bq{ padding-right:0;}
.footer2 .Copyright a{ display: inline-block; margin-left:0;}
}












.index-banner{ display:flex; width: 100%; overflow: hidden; position: relative;}
.index-banner .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.index-banner .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform;width:100%; line-height: 0;}
.index-banner .swiper-slide .pc_show{width: 100%; height:100vh; object-fit: cover;}
.index-banner .swiper-slide .ph_show{width: 100%; height:100vh; object-fit: cover;}
.index-banner .swiper-slide .play{ position: absolute; left:50%; top:50%; margin:-17px 0 0 -17px; z-index:6; width:34px; height:34px;}
.index-banner .swiper-scrollbar{position:absolute; left:0; bottom: 0; z-index: 10; width:100%; height:6px; overflow: hidden; opacity:1 !important;}
.index-banner .swiper-scrollbar-drag{  position:relative;background:#c0000e !important; height:6px;z-index:5;}
.index-banner .swiper-scrollbar-drag:after{ display: block; content:''; position: absolute; right:100%; top:0; height:100%; width:4000px; background: #c0000e;}
.index-banner .btn{ display: block; position: absolute; z-index:10; top:55.3%; right:1.7rem; width:34px; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.index-banner .swiper-pagination{ display:flex; flex-wrap: wrap; color: #ffffff; font-weight: bold; font-size:16px; line-height:36px; width:100%; text-align:center;}
.index-banner .swiper-pagination-bullet{ cursor:pointer; display:flex; justify-content: center; width:100%; position: relative;}
.index-banner .swiper-pagination-bullet::after{ display: block; content:''; position: absolute; left:50%; top:100%; width:2px; margin:0.06rem 0 0 -1px; height:0; background: #fff; opacity:0.5;}
.index-banner .swiper-pagination-bullet-active{ margin-bottom:1.42rem;}
.index-banner .swiper-pagination-bullet-active::after{ height:1.36rem;}
.index-banner .scroll{ display: flex; justify-content: center; width:100%; line-height:0; margin-top:0.18rem;}
.index-banner .scroll img{ width:22px;}
.banner-text{ position: absolute; left:0; top:52%; z-index:10; width:100%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.banner-text .ico{ line-height: 0;}
.banner-text .ico img{ height:calc(38px + 0.4rem);}
.banner-text .mt20{ margin-top:0.21rem;}

@media  screen and (max-width:1687px){
.index-banner .btn{ right:0.8rem;}
}
@media screen and (max-width:1024px) {
.index-banner .swiper-scrollbar{ height:3px;}
.index-banner .swiper-scrollbar-drag{ height:3px;}
.index-banner .scroll{ display:none;}
.index-banner .btn{ width:100%; right:0; top:auto; bottom:0; transform: translateY(0%); -ms-transform: translateY(0%);}
.index-banner .swiper-pagination{ justify-content: center; line-height:30px;}
.index-banner .swiper-pagination-bullet{ width:auto; margin:0 7px;}
.index-banner .swiper-pagination-bullet::after{ margin:0 0 0 -1px;}
.index-banner .swiper-pagination-bullet-active{ margin-bottom:20px;}
.index-banner .swiper-pagination-bullet-active::after{ height:20px;}
.banner-text .mt20{ margin-top:10px;}
}


.h-title{ position: relative;}
.h-en{ width:100%;display: flex; position: absolute; left:0; top:0; z-index:1; line-height:0.82; font-weight: bold; text-transform: capitalize; white-space: nowrap;}
.h-ico{ line-height:0;}
.h-ico img{ height:calc(14px + 0.3rem);}
.h-zh{ margin-top:calc(6px + 0.06rem); font-weight: bold;}
.h-zh1{ font-weight: bold; padding:0 0 0 6px;}
.h-cont{ padding-top:6px;}
.h-num{ position: absolute; z-index: 6; right: 0.36rem; top:0.22rem; color: #8b8b8b; font-size:18px; line-height:calc(24px + 0.1rem); }
.h-num:after{ display: block; content:''; position: absolute; top:100%; right:25%; width:3px; height:0.76rem; background: #efefef; margin-right:-1px;}
.h-num1{ right:0;}
.h-title1{ position: relative;}
.h-en2{ position: relative; z-index:1; line-height:0.82; font-weight: bold;}
.h-zh2{ position: absolute; left:0; top:60%; z-index:6; font-weight: bold; transform: translateY(-50%); -ms-transform: translateY(-50%); }

@media screen and (max-width:1024px) {
.h-title{ position: relative; display:flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.h-ico{ width:auto;}
.h-zh{ width:auto; margin:0;font-size: calc(16px + 0.12rem);}
.h-zh1{ padding:0;}
.h-num1{ display:none;}
.h-zh2{ top:52%;}
.h-en{font-size: calc(18px + 0.7rem);}
}


.hzkh-box{margin-left:-0.32rem;margin-right:-0.32rem; margin-bottom:34px; width:calc(100% + 0.64rem); display: block; background:rgba(255,255,255,0.9); box-shadow:0 0 16px rgba(65,113,242,0.07); padding: 0.75rem 1.1rem;}
.hzkh-box .box{ display: block; overflow: hidden;}
.hzkh-box .ul{ display: flex; flex-wrap: wrap; margin:-4px -0.2rem; width:calc(100% + 0.4rem);}
.hzkh-box .ul li{ display: flex; flex-wrap: wrap; width:16.66%; line-height: 0; border-top:3px solid #f4f4f4; border-right:3px solid #f4f4f4;}
.hzkh-box .ul li a{ display: flex; width:100%; padding:0.2rem 0.2rem;}
.hzkh-box .ul li a img{  width:100%; 
-webkit-transition: all 0.5s ease-out 0s; 
-moz-transition: all 0.5s ease-out 0s; 
-o-transition: all 0.5s ease-out 0s; 
transition: all 0.5s ease-out 0s;  }
.hzkh-box .ul li a:hover img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.hzkh-box .slick-dots{ display: flex; justify-content: center; position: absolute; left:0; bottom:-34px;}
.hzkh-box .slick-dots li{ display: flex; width:0.38rem; height:4px; margin:0 4px; background: #b2b2b2;}
.hzkh-box .slick-dots li.slick-active{ background: #c0000e;}
.hzkh-box .slick-arrow{ display: block; position: absolute; top:50%; width:42px; height:42px; background:#f3f3f3; border-radius:50%; text-indent:-999px; overflow: hidden; z-index: 10;}
.hzkh-box .slick-arrow:hover{ background: #c0000e;}
.hzkh-box .slick-prev{ left:0.3rem;}
.hzkh-box .slick-next{ right:0.3rem;}
.hzkh-box .slick-arrow::after{ display: block; content: ''; position: absolute;left: 50%; top:50%; transform: translate(-50%,-50%) rotate(-135deg); -ms-transform: translate(-50%,-50%) rotate(-135deg); width:10px; height:10px; border-top:2px solid #cdcdcd; border-right:2px solid #cdcdcd; margin:0 0 0 2px;}
.hzkh-box .slick-next::after{ transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); margin:0 0 0 -2px;}
.hzkh-box .slick-arrow:hover::after{ border-top:2px solid #fff; border-right:2px solid #fff;}


@media screen and (max-width:1600px) {
.hzkh-box{margin-left:0;margin-right:0; width:100%;}
}
@media screen and (max-width:1024px) {
.hzkh-box{ padding:20px 25px; margin-bottom:24px;}
.hzkh-box .ul li{ border-top:1px solid #f4f4f4; border-right:1px solid #f4f4f4;}
.hzkh-box .slick-dots{ bottom: -24px;}
.hzkh-box .slick-dots li{ width:18px;}
.hzkh-box .slick-arrow{ width:28px; height:28px;}
.hzkh-box .slick-arrow::after{ width:8px; height:8px; margin:0 0 0 1px;}
.hzkh-box .slick-next::after{ margin:0 0 0 -1px;}
.hzkh-box .slick-prev{ left:-10px;}
.hzkh-box .slick-next{ right:-10px;}
}
@media screen and (max-width:767px) {
.hzkh-box{}
.hzkh-box .ul li{ width:33.33%;}
}




.h-newsA{ position: relative; top:0; z-index:10; margin-top:-1.46rem; background: #fff; padding:0.7rem 0 0.6rem 0;}
.h-newsA::after{ display: block; content:''; position: absolute; right:100%; top:0; width:3px; height:100%; background:url(img/yy1.png) top right repeat-y;}
.h-newsA::before{ display: block; content:''; position: absolute; left:100%; top:0; width:8px; height:100%; background:url(img/yy2.png) top left repeat-y;}
.h-newsA .yy{ display: block; content:''; position: absolute; left:-2px; top:100%; width:calc(100% + 11px); height:12px; background:url(img/yy3.png) right top no-repeat;}
.h-news.mt40{ padding:0 0.54rem;}
.h-news .ul{ width:100%; display:flex; flex-wrap: wrap; margin-top: -0.17rem;}
.h-news .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.17rem 0.17rem; margin-bottom:0.69rem;}
.h-news .a{ display: flex; flex-wrap: wrap; background:#fff; border-radius:8px; align-items: flex-start;overflow: hidden; }
.h-news .a .img{ display: block; width:100%; line-height: 0;overflow: hidden; position: relative; padding-bottom:60.8%; border-radius:5px;}
.h-news .a .img img{ position: absolute; left: 0; top:0; display: block; object-fit: cover; width: 100%; height: 100%;}
.h-news .a .cont{ display: flex; justify-content: center; flex-wrap: wrap; align-content: flex-start; text-align: center; margin-top:0.46rem;}
.h-news .a .fs19{ font-weight:bold; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.h-news .a .fs18{ margin-top:10px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:2; padding:0 0.38rem;}
.h-news .a .fs13{ font-weight: bold; margin-top:8px;}
.h-news .a .fs15{ font-weight: bold; margin-top:0.72rem; border-top:2px solid #eeeeee; border-bottom:2px solid #eeeeee; padding:4px 8px;}

.h-news .a:hover .img img{ transform:scale(1.1); -ms-transform:scale(1.1);}
.h-news .a:hover .fs19{ color: #c0000e;}
.h-news .a:hover .fs15{ border-top:2px solid #c0000e; border-bottom:2px solid #c0000e; background:#c0000e; color: #fff; padding:4px 20px; }

.h-news .slick-dots{ position:static; left:0; bottom:0; display: flex; justify-content:center; margin-top:0.27rem;}
.h-news .slick-dots li{ cursor: pointer; width: 12px; height: 12px; background: #7e7e7e; border-radius:12px; margin:0 5px;}
.h-news .slick-dots li.slick-active{ background: #c0000e; }

.h-news1{ padding:0.58rem 0 0 0;}
.h-news1 .ul{ width:calc(100% + 0.34rem); margin:0 -0.17rem;}


@media screen and (max-width:1024px) {
.h-newsA{ padding:30px 0 30px 0;}
.h-news.mt40{ padding:0 8px;}
.h-news .li{ padding:0 6px; margin-bottom:30px;}
.h-news .a .cont{ margin-top:15px;}
.h-news .a .fs18{ margin-top:5px; padding:0;}
.h-news .a .fs13{ margin-top:4px;}
.h-news .a .fs15{ margin-top:15px;}
.h-news .slick-dots{ margin-top:-6px;}
.h-news .slick-dots li{ width:8px; height: 8px;}
.h-news1{ padding:25px 0 0 0;}
.h-news1 .ul{ width:calc(100% + 12px); margin:0 -6px;}

}
@media screen and (max-width:767px) {
.h-news .li{ width:50%;}
.h-news .a .fs19{-webkit-line-clamp: 2;line-height: 23px;height: 46px;}
}


.h-about{ align-items: flex-start;}
.h-about .left{ width:45.71%; margin-top:0;}
.h-about .right{ width:50%; position: relative; padding:0 0.45rem 0 0.2rem;}
.h-about .info{ margin-top: 0.25rem;font-size: 15px;line-height: 26px;}
.h-about .list{ display:flex; justify-content: space-between; margin-top:0.2rem;}
.h-about .list .li{ text-align: center;width: 30%; margin-top:0.2rem; padding:0;}
.h-about .list .li:nth-child(1){ width:22%;}
.h-about .list .li:nth-child(2){ width:31%;}
.h-about .list .li:nth-child(3){ width:42%;}
.h-about .list .li .ico{ line-height:0;}
.h-about .list .li .ico img{ height:0.66rem;}
.h-about .list .li .c0{ margin-top:0.12rem; min-height:44px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;font-weight: bold;font-size: 14px;line-height: 20px;}
.h-about .img{ position: relative; z-index: 2; line-height: 0; background: #fff; padding:13px; box-shadow:2px 3px 0.27rem rgba(0,0,0,0.2);}
.h-about .fuhao{ position: absolute; z-index: 1; right:0.22rem; top:-0.66rem; display: block; line-height: 0; width:0.97rem;}
.h-about .btn{ position: absolute;z-index:6; left:0; bottom:-0.18rem; display: block; background: #dfdfdf; width:0.92rem; height:0.92rem;}
.h-about .btn:hover{ background: #c0000e; border-radius:50%;}
.h-about .btn::after,
.h-about .btn::before{ display:block; content:''; position: absolute; left:50%; top:50%; transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); background: #fff;}
.h-about .btn::after{ width:0.35rem; height:0.05rem;}
.h-about .btn::before{ height:0.35rem; width:0.05rem;}
.h-about .slick-dots{ position:absolute; left:0; bottom:36px; display: flex; justify-content:flex-end; padding:0 35px;}
.h-about .slick-dots li{ cursor: pointer; width: 12px; height: 12px; background: #7e7e7e; border-radius:12px; margin:0 5px;}
.h-about .slick-dots li.slick-active{ background: #c0000e; }


@media screen and (max-width:1600px) {
.h-about .left{ margin-top:0;}
.h-about .list{ margin-top:0.4rem;}
.h-about .list .li .c0{ font-size:16px; line-height:20px; min-height:40px;}
.h-about .info{margin-top: 0.16rem; font-size:16px; line-height:30px;}
}
@media screen and (max-width:1400px) {
.h-about .list{ margin-top:0.2rem;}	
.h-about .list .li{ margin-top:0.2rem;}	
.h-about .list .li .ico img{ height:0.56rem;}
.h-about .info{ margin-top: 0.16rem; font-size:14px; line-height:28px;}
}
@media screen and (max-width:1024px) {
.h-about .left{ width:100%; margin-top:0;}
.h-about .h-en{justify-content:center;}
.h-about .right{ width:100%; margin-top:25px; padding:0;}
.h-about .info{ margin-top:14px; font-size:14px; line-height:24px;}
.h-about .list .li{ margin-top:15px; padding:0;}
.h-about .list .li .c0{ font-size:14px;}	
.h-about .list .li .ico img{ height:44px;}
.h-about .h-title{ text-align: center;}
.h-about .h-cont{ text-align: center;}
.h-about .img{ padding:6px;}
.h-about .fuhao{right:-5px;}
.h-about .btn{ bottom:0; width:36px; height:36px;}
.h-about .btn::after{ width:16px; height:2px;}
.h-about .btn::before{ height:16px; width:2px;}
.h-about .slick-dots{ bottom:20px; padding:0 20px;}
.h-about .slick-dots li{ width:8px; height: 8px;}
}
@media screen and (max-width:767px) {
.h-about .list{ flex-wrap: wrap;}
.h-about .list .li{ width:100%;display: flex;  text-align: left;}
.h-about .list .li:nth-child(1){ width:100%;}
.h-about .list .li:nth-child(2){ width:100%;}
.h-about .list .li:nth-child(3){ width:100%;}
.h-about .list .li .c0{ margin-top:0;width: 100%;  justify-content: flex-start;  }
.h-about .list .li .ico img{ min-width: 66px; width: 66px;object-fit: contain;}

}



.h-Tech{ position: relative; overflow: hidden; top:0; padding-top:calc(297px + 2.97rem); padding-bottom:1.46rem;}
/* .h-Tech::after{ display: block; content: ''; position: absolute; left: 0; top:0; z-index: 1; width:100%; height:100%; background: #000000; opacity:0.55;} */
.h-Tech .box{ display: flex; justify-content: flex-end; align-items: center; margin:1.82rem 0 2.86rem 0;}
.h-Tech .left{ width:calc(295px + 3rem);}
.h-Tech .right{ width:27.37%;}
.h-Tech .fuhao{ line-height:0;}
.h-Tech .fuhao img{width:calc(24px + 0.22rem);}
.h-Tech .fs57{ font-weight: bold; margin-top: 29px;}
.h-Tech .fs40{ margin-top: 5px;}
.h-Tech .btn{ margin-top: 45px; display: flex; align-items: center; color: #fff;}
.h-Tech .btn i{ display: block; width:calc(24px + 0.1rem); height:calc(24px + 0.1rem); margin-right:13px; background:url(img/imo9.png) center no-repeat; background-size: 100% 100% !important; }
.h-Tech .btn:hover{ color: #c0000e;}
.h-Tech .btn:hover i{ background:url(img/imo9.1.png) center no-repeat;}
.h-Tech .paly{ cursor: pointer; display: flex; align-items: center; margin-top:0.42rem;}
.h-Tech .paly img{ width:calc(24px + 0.18rem); margin-right:15px;}
.h-Tech .paly:hover{ color: #c0000e;}

@media screen and (max-width:1024px) {
.h-Tech{ padding-top:calc(106px + 1.06rem);}	
.h-Tech .fs57{ margin-top:20px;font-size: calc(14px + 0.2rem);line-height: calc(24px + 0.2rem);}	
.h-Tech .btn{ margin-top:20px;}	
.h-Tech .btn img{ margin-right:10px;}
.h-Tech .paly img{ margin-right:10px;}
}
@media screen and (max-width:767px) {
.h-Tech .box{ flex-wrap: wrap; justify-content:center; margin:2.86rem 0;}	
.h-Tech .left{ width:auto;}
.h-Tech .right{ display: flex; justify-content:center; width:100%; margin-top:30px;}
}

.h-busin{ height:calc(786px + 7.86rem); margin-bottom:calc(-297px - 2.97rem);}
.h-busin .box{ padding:calc(10px + 0.1rem); background: #fff; box-shadow:0 0 0.49rem rgba(0,0,0,0.02);}
.h-busin .u1 .li{ width:50%;}
.h-busin .u1 .a{ display: flex; align-items:center; flex-wrap: wrap; position: relative; overflow: hidden;}
.h-busin .u1 .a .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.h-busin .u1 .a .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.h-busin .u1 .a .pic{ position:absolute; right:0; bottom:0; width:62%; line-height:0; z-index:7;}
.h-busin .u1 .a .pic img{ width:100%;}
.h-busin .u1 .a .cont{ display: flex; flex-wrap: wrap; align-content: center; background:rgba(255,255,255,0.85); position: relative; z-index: 6; height:calc(287px + 2.87rem); padding:0.5rem 1rem;}
.h-busin .u1 .a .lh42{ font-weight: bold; margin-top: 0.15rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;font-size: calc(14px + 0.14rem);line-height: calc(24px + 0.12rem);}
.h-busin .u1 .a .lh34{ margin-top: 0.04rem; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.h-busin .u1 .a .lh28{ margin-top:0.21rem; position:relative; padding-left:31px; overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:5; min-height: calc(120px + 0.2rem);}
.h-busin .u1 .a .lh28:after{ display: block; content:''; position: absolute; left:0; top:0; width:17px; height:calc(24px + 0.04rem); background:url(img/imo12.png) center no-repeat; background-size:100% auto !important;}
.h-busin .u1 .a .more{ margin-top:0.64rem; margin-bottom:0.19rem; display: inline-flex; align-items: center; padding:5px 30px 7px 30px; border:1px solid rgba(54,54,54,0.75); border-radius:5px;}
.h-busin .u1 .a .more i{ display: block; margin-left:10px; width:17px; height:17px; background:url(img/imo12.png) center no-repeat; background-size:100% auto !important;}
.h-busin .u1 .a .ico{ line-height:0; height:calc(34px + 0.3rem);}
.h-busin .u1 .a .ico img{ height:calc(34px + 0.3rem);}
.h-busin .u1 .a .ico .img1{ display: block;}
.h-busin .u1 .a .ico .img2{ display: none;}
.h-busin .u1 .a:hover .cont{ background:rgba(0,0,0,0.75); }
.h-busin .u1 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-busin .u1 .a:hover .c36{ color: #fff;}
.h-busin .u1 .a:hover .more{ border:1px solid #fff;}
.h-busin .u1 .a:hover .more i{ background:url(img/imo12.1.png) center no-repeat;}
.h-busin .u1 .a:hover .lh28:after{ background:url(img/imo12.1.png) center no-repeat;}
.h-busin .u1 .a:hover .ico .img1{ display: none;}
.h-busin .u1 .a:hover .ico .img2{ display: block;}

.h-busin .u2{ display:none;}
.h-busin .u2 .li{ float:left; display:block; width:33.33%;}
.h-busin .u2 .a{ display: flex; align-items:center; flex-wrap: wrap; position: relative; overflow: hidden;}
.h-busin .u2 .a .img{ position:absolute; left:0; top:0; width:100%; height:100%; z-index:1;}
.h-busin .u2 .a .img img{ position:absolute; left:0; top:0; width:100%; height:100%; object-fit: cover;}
.h-busin .u2 .a .cont{ display: flex; flex-wrap: wrap;justify-content: center; text-align: center; align-content:flex-end; background:rgba(255,255,255,0.85); position: relative; z-index: 6; height:calc(192px + 1.92rem); padding-top:0.4rem;}
.h-busin .u2 .a .line{ display:block; width:22px; height:3px; background: #363636; margin:20px 0 28px 0;}
.h-busin .u2 .a .more{ margin-top:21px; display:flex; align-items:center; justify-content: flex-end; border-top:1px solid rgba(104,104,104,0.2);}
.h-busin .u2 .a .more i{ display: block; border-left:1px solid rgba(104,104,104,0.2); width:0.84rem; height:0.78rem; background:url(img/imo12.png) center no-repeat; background-size:17px auto !important; margin-left: 39px;}
.h-busin .u2 .a .ico{ display: flex; justify-content: center; line-height:0; height:calc(42px + 0.4rem);}
.h-busin .u2 .a .ico img{ height:calc(42px + 0.4rem);}
.h-busin .u2 .a .ico .img1{ display: block;}
.h-busin .u2 .a .ico .img2{ display: none;}
.h-busin .u2 .a .fs23{ font-weight: bold; padding:0 0.2rem;}
.h-busin .u2 .a .fs20{ padding:0 0.2rem;}

.h-busin .u2 .a:hover .cont{ background:rgba(0,0,0,0.75); }
.h-busin .u2 .a:hover .img img{ transform: scale(1.1); -ms-transform: scale(1.1);}
.h-busin .u2 .a:hover .c36{ color: #fff;}
.h-busin .u2 .a:hover .line{ background: #fff;}
.h-busin .u2 .a:hover .more{border-top:1px solid rgba(255,255,255,0.2);}
.h-busin .u2 .a:hover .more i{ background:url(img/imo12.1.png) center no-repeat;}
.h-busin .u2 .a:hover .ico .img1{ display: none;}
.h-busin .u2 .a:hover .ico .img2{ display: block;}
.h-busin .u2 .a .fs23{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}
.h-busin .u2 .a .fs20{ overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical;-webkit-line-clamp:1;}

.h-busin .dl{width:100%;}


@media screen and (max-width:1600px) {
.h-busin .u1 .a .cont{ padding:0.5rem 0.6rem;}
.h-busin .u1 .a .more{ margin-top:0.54rem; margin-bottom:0.1rem;}
}
@media screen and (max-width:1400px) {
.h-busin .u1 .a .cont{ padding:0.5rem 0.4rem;}
}
@media screen and (max-width:1024px) {
.h-busin{ height:auto; margin-bottom:calc(-106px - 1.06rem);}	
.h-busin .u1 .a .cont{ padding:20px 12px;}
.h-busin .u1 .a .lh42{ margin-top:8px; font-size:14px; line-height:22px; height:44px;-webkit-line-clamp: 2;}
.h-busin .u1 .a .lh34{ margin-top:0; font-size:14px; line-height:22px;}
.h-busin .u1 .a .lh28{ padding-left:20px; margin-top:10px;line-height:18px; min-height:90px;font-size: 12px;}
.h-busin .u1 .a .lh28:after{ width:14px; height:24px;}
.h-busin .u1 .a .lh28 br{display: none;}
.h-busin .u1 .a .more{ margin-top:20px; font-size:12px; padding:2px 16px 4px 16px;}
.h-busin .u1 .a .more i{ margin-left:6px; width:14px; height:14px;}

.h-busin .u2 .a .more{ margin-top:15px;}
.h-busin .u2 .a .more i{ width:34px; height:40px; background:url(img/imo12.png) center no-repeat; background-size:14px auto !important; margin-left:0;}
.h-busin .u2 .a .more span{ width:100%; text-align: center;}
.h-busin .u2 .a .line{ height:2px; margin:10px 0 14px 0;}
.h-busin .u2 .a .fs23{ padding:0 10px; font-size:16px; line-height:26px;}
.h-busin .u2 .a .fs20{ padding:0 10px;font-size:15px; line-height:24px;}

}
@media screen and (max-width:767px) {
.h-busin .u1 .li{ width:50%;}
.h-busin .u1 .a .more{ border:0; padding:2px 0 4px 0;}
.h-busin .u1 .a:hover .more{ border:0;}
.h-busin .u2 .li{ width:50%;}
.h-busin .u2 .a .cont{height: calc(165px + 1.65rem);}
/*
.h-busin .u2 .a .ico{ position: absolute; left:15px; top:50%; width: auto; transform: translateY(-50%); -ms-transform: translateY(-50%); }
.h-busin .u2 .a .ico img{ width:54px; height: auto;}
.h-busin .u2 .a .cont{ text-align: left; justify-content: flex-start; padding:30px 120px 30px 76px;height: calc(100px + 1rem);}
.h-busin .u2 .a .line{ margin:10px 10px 5px 10px;}
.h-busin .u2 .a .more{ width: auto; position: absolute; right:5px; top:0; margin: 0; height:100%;border-top:0;}
.h-busin .u2 .a .more i{ width:34px; margin-left: 10px;}
.h-busin .u2 .a .more span{ width: auto;}
.h-busin .u2 .a:hover .more{border-top:0;}*/
}


/* 分页 */
.wack1 .pz_fy{ display:flex; justify-content: center; text-align:center;}
.wack1 .pz_fy a { float:left; width:40px; height:40px; line-height:38px; border-radius:6px; color:#363636; font-size:16px; margin:0 4px;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; background:#e11d28;}
.wack1 .fy_pc{ display:none; justify-content: center; text-align:center; font-size:14px; color:#272727;}
.wack1 .fy_pc a{ position: relative; padding:4px 20px; color:#363636; border:1px solid #eeeeee; border-radius:6px; overflow:hidden;}
.wack1 .fy_pc a::after{ display: block; content:''; width:8px;height:8px;position: absolute;left:50%;top: 50%;transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg);border-top:1px solid #363636;  border-right:1px solid #363636; margin-left: -2px;}
.wack1 .fy_pc span{ padding:4px 20px; color:#363636;}
.wack1 .fy_pc .prev{ transform: rotate(180deg); -ms-transform: rotate(180deg);}

@media  screen and (max-width:1024px){	
.wack1 .pz_fy{ display: none;}
.wack1 .fy_pc{ display: flex;}
}


.mbs{ display: flex; align-items: center; overflow: hidden;white-space: nowrap; text-overflow:ellipsis; color:#677181; font-size:12px; line-height:22px; padding:9px 0;}
.mbs a{ display: inline-block; color: #677181;}
.mbs a:hover{ color: #c0000e !important;}

@media screen and (max-width:1024px) {


}

.inbanner{ display: block; line-height:0; position: relative; overflow: hidden;}
.inbanner .box{ display: block; width:100%; z-index: 6; position: absolute; left:0; top:50%; transform: translateY(-50%); -ms-transform: translateY(-50%);}
.inbanner .tit{ display:flex; flex-wrap: wrap; width:100%; align-items: flex-end; line-height: 1;}
.inbanner .en1{ text-transform: uppercase; margin-top:0.28rem;}
.inbanner .en{ text-transform: uppercase; font-size:calc(14px + 0.24rem);  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke: 3px #c4c4c4;
  text-stroke: 3px #c4c4c4;}
.inbanner .cn{ font-size:calc(14px + 0.56rem); margin-right:0.18rem;color: #c0000e;
/* background: -webkit-linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
  background: linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */}
.inbanner .line{ display: block; width:6.64rem;background: #ababab; height:3px; margin-top:0.15rem;}
.inbanner .p{ font-weight: bold; display: block; width:6.64rem;color: #7b7b7b; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); margin-top:0.39rem;word-break: keep-all;}

.inbanner1{ display: block; line-height:0; position: relative;overflow: hidden;}
/* 删除(隐藏)关于天臣去掉灰色蒙版 opacity: 0.5 -> 0 */
.inbanner1:after{ display: block; content:''; width: 100%; height:100%; position: absolute; left: 0; top:0; opacity:0; background: #919191;  }
.inbanner1 .box1{ display: block; width:100%; z-index: 6; position: relative;
 -webkit-transition: all 0.5s ease-out 0s; 
 -moz-transition: all 0.5s ease-out 0s; 
 -o-transition: all 0.5s ease-out 0s; 
 transition: all 0.5s ease-out 0s;  
 }
.inbanner1 .tit{ display:flex; flex-wrap: wrap; width:100%; align-content:center; line-height: 1;}
.inbanner1 .en1{ text-transform: uppercase; margin-top:0.28rem;}
.inbanner1 ._ibfo{ display: flex; flex-wrap:wrap; align-content: center; min-height: 100vh;}
.inbanner1 .mob{ display: block; width:100%; position: relative;}
.inbanner1 .h-title{ width:100%; position:fixed; top:22vh; right:50%; margin-right:-830px; z-index: 10; }


.inbanner1.act .box1-1{ margin-top:-100vh;}
/* .inbanner1.act .h-title{ position:absolute; top:32vh;} */




.inbanner1 .t0-1{ margin-top:1.35rem;}
.inbanner1 .t0{ margin-top:1.55rem;}
.inbanner1 .t1{ font-size:calc(14px + 0.47rem); line-height:calc(22px + 0.49rem); margin-top:0.12rem;}
.inbanner1 .t2{ margin-top:0.22rem;}
.inbanner1 .t3{ margin-top:0.52rem; cursor: pointer;}
.inbanner1 .m{ line-height:0; cursor: pointer;}
.inbanner1 .m img{ width:0.17rem;}
.inbanner1 .t4{ margin-top:0.22rem;}
.inbanner1 .n{line-height:0;}
.inbanner1 .n img{ width:18px;}
.inbanner1 .s{ margin-top:3px;}
.inbanner1 .t4{ margin-top:0.22rem;}
.inbanner1 .t6{ width:100%; line-height:0; margin-top:0.35rem;}
.inbanner1 .t6 img{ height:0.56rem;}
.inbanner1 .t7{ width:100%; margin-top:0.28rem;text-shadow: 1px 1px 2px rgba(0,0,0,0.75); }
.inbanner1 ._ibfo2{ width:100%; padding-left:13.85%; padding-right:13.85%; padding-bottom:10vh; min-height: 110vh;  }
.inbanner1 ._ibfo2 .m img{ transform:rotate(180deg); -ms-transform:rotate(180deg); }





.inbanner2 .box{ top:39%;}
.inbanner3{ padding-top:1.25rem; padding-bottom:1.82rem;}
.inbanner3 .h-title{ width:100%; justify-content: flex-end; display: flex; margin-bottom:0.76rem;}
.inbanner3 .h-num{ position: relative; top:0;}
.inbanner3 .h-num::after{ background:#8b8b8b;}
.inbanner3 .box3{ width:100%; justify-content: space-between; flex-wrap:wrap; display: flex; padding-top:14px;} 
.inbanner3 .left3{ width:calc(100% - 670px); margin-top:0.24rem;}
.inbanner3 .right3{ width:650px; display:inline-flex; flex-wrap: wrap; align-items: center; position: relative; justify-content:center; padding:146px 0;}
.inbanner3 .right3 .img{ width:364px; position: relative; display: block; line-height:0;}
.inbanner3 .right3 .img img{ width:100%;}
.inbanner3 .right3 .img span{ width:100%; position: absolute; left:0; top:42.5%; z-index: 6; text-align: center; color: #c0000e; font-weight: bold; font-size:calc(14px + 0.25rem); line-height: 1;
text-shadow: 5px 0 #e1e1e1,
	-5px 0 #e1e1e1,
	0 5px #e1e1e1,
	0 -5px #e1e1e1,
	5px 5px #e1e1e1,
	-5px -5px #e1e1e1,
	5px -5px #e1e1e1,
	-5px 5px #e1e1e1;
}
.inbanner3 .en{ font-size:calc(14px + 0.56rem);}  
.inbanner3 .tit3{ margin-top:0.14rem;} 
.inbanner3 .dd{ display: inline-flex; flex-direction: column; justify-content: center; text-align: center; position:absolute; align-items: center;}   
.inbanner3 .d1{ position: relative; z-index: 6; line-height:20px; font-weight: bold;}   
.inbanner3 .d2{ position: relative; z-index: 6; color: #4f4f4f; line-height:18px; margin-top: 2px;font-size: 14px;}
.inbanner3 .c{ display: inline-flex; justify-content:center; position: relative;}
.inbanner3 .ico{ position: relative; z-index: 2; width:46px;}       
.inbanner3 .num{ display:flex;height:0; position:absolute; right:100%; top:28px; z-index:3; font-size:calc(14px + 0.3rem);  color:transparent;
  -webkit-text-fill-color:transparent;
  -webkit-text-stroke: 2px #c0000e;
  text-stroke: 2px #c0000e;}
  
@media screen and (max-width:1440px) {
.inbanner2 .box{ top:44%;}
.inbanner1 ._ibfo2{ padding-left:6.5%; padding-right:6.5%; padding-bottom:5vh;}
.inbanner1 .t7{ font-size:14px; line-height:calc(22px + 0.04rem);}
}
@media screen and (max-width:1024px) {
.inbanner .en{
  -webkit-text-stroke:2px #c4c4c4;
  text-stroke: 2px #c4c4c4;}
.inbanner .en1{ font-size:13px; margin-top:10px; line-height:20px;} 
.inbanner .line{ height:2px;}  
.inbanner .p{ width:100%; font-size:13px; line-height:22px; margin-top:15px;}  
.inbanner .line{ width:100%; margin-top:10px;} 
.inbanner1 .m img{ width:12px;}
.inbanner1 .t4{ margin-top:12px;}
.inbanner1 ._ibfo2{ padding-left:0; padding-right:0;}
.inbanner1.act .box1-1{ margin-top:-100vh;}

.inbanner2 .box{ top:15%; transform: translateY(0); -ms-transform: translateY(0); padding:0 30px;}  
.inbanner3{ padding-top:60px; padding-bottom:60px;}
.inbanner3 .left3{ width:100%;margin-top:0;}
.inbanner3 .right3{margin-top:30px;}
.inbanner3 .h-title{ margin:0;}
.inbanner3 .box3{ justify-content: center; padding:0;}
.inbanner3 .tit3{ margin-top:7px;} 
.inbanner3 .d2 {font-size: 13px;}


}
@media screen and (max-width:767px) {
.inbanner2{display: flex;flex-wrap: wrap-reverse;}
.inbanner2 .ph_show{position: relative;top: 0;  margin-top: -50%;}
.inbanner2 .box{ top:0; transform: translateY(0); -ms-transform: translateY(0);position: relative;padding: 60px 30px 0 30px;
background-image: -webkit-linear-gradient(top, rgba(255,255, 255,1) 50%, rgba(255,255, 255, 0) 70%);
  background-image: -moz-linear-gradient(top, rgba(255,255, 255,1) 50%, rgba(255,255, 255, 0) 70%);
  background-image: -o-linear-gradient(top, rgba(255,255, 255,1) 50%, rgba(255,255, 255, 0) 70%);
  background-image: linear-gradient(top, rgba(255,255, 255,1) 50%, rgba(255,255, 255, 0) 70%);
}  
.inbanner3 .right3{ padding:0;}
.inbanner3 .right3 .img{ width:280px;}
.inbanner3 .right3 .img span{font-size:calc(14px + 0.25rem); 
text-shadow: 3px 0 #e1e1e1,
	-3px 0 #e1e1e1,
	0 3px #e1e1e1,
	0 -3px #e1e1e1,
	3px 3px #e1e1e1,
	-3px -3px #e1e1e1,
	3px -3px #e1e1e1,
	-3px 3px #e1e1e1;
}
.inbanner3 .right3 .dl{ display: flex; flex-wrap: wrap; width:100%; align-items: flex-start;}
.inbanner3 .right3 .dd{ position: static !important; width:33.33%; margin-top:30px;}
.inbanner3 .right3 .dd:nth-child(10){ width:50%;}
.inbanner3 .right3 .dd:nth-child(11){ width:50%;}

.inbanner1 .t7{ font-size:12px; line-height:20px;}
.inbanner1 .t6 img{ height:24px;}
}











@media screen and (max-width:1024px) {

}


.Video1{ padding:0.41rem 0 0.49rem 0;}
.Video1 .ul{ display: flex; flex-wrap: wrap; width:calc(100% + 0.54rem); margin:0 -0.27rem;}
.Video1 .li{ display: flex; flex-wrap: wrap; width:33.33%; padding:0.34rem 0.27rem;}
.Video1 .a{ display: flex; flex-wrap: wrap; width:100%;}
.Video1 .a .pic{ display: flex; width:100%; line-height:0; border-radius:5px;overflow: hidden; position: relative;}
.Video1 .a .play{ position: absolute; right:20px; top:20px; z-index:6; width:34px; height:34px;}
.Video1 .a ._img{ padding-bottom:60.7%;}
.Video1 .a .cont{ display: flex; width:100%; align-items: center; justify-content: space-between; margin-top:0.27rem;}
.Video1 .a .fs14{ padding-left:23px; background:url(img/ino3.png) left center no-repeat; background-size:18px auto; margin-left:10px; white-space: nowrap;}
.Video1 .a .tit{ width:100%;overflow: hidden; font-weight: bold;  text-overflow: ellipsis;  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp:1;}

@media screen and (max-width:1024px) {
.Video1{ padding:17px 0 22px 0;}
.Video1 .ul{ width:calc(100% + 12px); margin:0 -6px;}
.Video1 .li{ padding:8px 6px;}
.Video1 .a .play{ right:10px; top:10px; width:28px; height:28px;}
.Video1 .a .cont{ line-height:23px; margin-top:14px;}
}
@media screen and (max-width:767px) {
.Video1 .li{ width:50%;}
.Video1 .a .cont{ flex-wrap:wrap;}
.Video1 .a .fs14{ margin-left:0; }
}


.bdshare_popup_box{ display:none !important;}
.news2{ padding-top:40px; padding-bottom:38px;}
.news2 .box{ display: flex; flex-wrap: wrap; width:100%; justify-content:space-between; margin-top:0.62rem;}
.news2 .left{ width:67.35%;}
.news2 .right{ width:23.78%;}
.news2 .date{ color: #677181; margin-top:0.25rem;}
.news2 .cont{width:100%; margin-bottom:0.46rem;}
.news2 .page{width:100%; padding-top:0.4rem; border-top: 1px solid #cecece; display: flex; justify-content: space-between; align-items: center;}
.news2 .page .a{width:100%; margin:0.1rem 0; font-weight:bold; padding-left:20px; position: relative;}
.news2 .page .a::after{width:10px;height:10px;position: absolute;left:2px;top: 50%;transform: translate(0,-50%) rotate(45deg); -ms-transform: translate(0,-50%) rotate(45deg);border-bottom:1px solid #777777;  border-left:1px solid #777777; display: block; content:'';}
.news2 .page .a:hover::after{left:0; border-bottom:0 !important;  border-left:0 !important; border-top:1px solid #c0000e;  border-right:1px solid #c0000e;} 
.news2 .page .renter{ display: flex; align-items: center; justify-content: center; border:1px solid #dcdcdc; min-width:122px; width:122px; height:48px; padding-bottom:1px; overflow: hidden; border-radius:8px; margin-left:15px;}
.news2 .page .renter:hover{ border:1px solid #c0000e; background: #c0000e; color: #fff;}
.news2 .btn1{ display: flex; width: 100%; padding-bottom:0.59rem;}
.news2 .btn1 .li{ position: relative; display: flex; margin:0 10px 0 0;}
.news2 .btn1 .li .a{ display: flex; align-items: center; justify-content: center; border:1px solid #ededed; background:none !important; font-size:14px; height:40px !important; line-height:1; color: #000; border-radius:6px; width:86px; padding:0 !important; margin: 0 !important;}
.news2 .btn1 .li .a .i{ width:19px;height:19px;display:flex; background-size:100% 100% !important; margin-right:4px;}
.news2 .btn1 .li .a:hover{color:#fff !important; border:1px solid #c0000e; background:#c0000e !important;}
.news2 .btn1 .zan .a .i{ background: url(img/_thumbs-up.svg) center no-repeat;}
.news2 .btn1 .zan .a:hover .i{ background: url(img/_thumbs-up1.svg) center no-repeat;}
.news2 .btn1 .share .a .i{ background: url(img/_share.svg) center no-repeat;}
.news2 .btn1 .share .a:hover .i{ background: url(img/_share1.svg) center no-repeat;}
.news2 .ul1{ display:flex; flex-wrap: wrap; width:100%;}
.news2 .ul1 .li{ display: block; width:100%; margin:0.09rem 0 0.39rem 0;}
.news2 .ul1 .a{ display: block; width:100%; text-align: center;}
.news2 .ul1 .a ._img{ padding-bottom:66.06%; border-radius:3px;}
.news2 .ul1 .a .fs18{ margin-top:0.17rem;}

@media  screen and (max-width:1024px){	
.news2{ padding-top:30px; padding-bottom:20px;}	
.news2 .left{ width:100%;}
.news2 .right{ width:100%; margin-top:30px;}
.news2 .cont{ margin-bottom:25px;}
.news2 .btn1{ padding-bottom:30px;}
.news2 .page{ padding-top:20px;}
.news2 .page .renter{ min-width:100px; width:100px; height:40px; border-radius:5px; margin-left:15px;}
.news2 .ul1{ justify-content: space-between;}
.news2 .ul1 .li{ width:48.5%; margin:0 0 20px 0;}
.news2 .ul1 .a .fs18{ margin-top:12px;}
}



.contact{ display: flex; flex-wrap: wrap; justify-content: space-between; width:calc(100% + 0.4rem); margin:0.72rem -0.2rem 0 -0.2rem;}
.contact .l1{ display:flex; flex-wrap: wrap; width:41.7%; background: #fafafa; padding:0.54rem 0.54rem; align-items: center; justify-content: space-around;}
.contact .l1 .dd{ display:flex; flex-wrap: wrap; align-items: flex-end;}
.contact .l1 .logo{ display:block; width:96px; line-height:0;}
.contact .l1 .er{ display:block; width:140px; margin:0 0 0 0.7rem;}
.contact .l1 .er .img{ display:block; width:100%; line-height:0;}
.contact .l1 .er .text{ margin-top:8px;}
.contact .l2{ display:flex; flex-wrap: wrap; width:55.9%; background: #fafafa; padding:0.54rem 0.78rem;}
.contact .l2 .dd{ display:flex; flex-wrap: wrap; position: relative; width:100%; margin:0.16rem 0; padding:0 0 0 57px;}
.contact .l2 .p{ display:flex; width:100%;}
.contact .l2 .t{ white-space: nowrap;}
.contact .l2 .ico{ position: absolute; left:0; top:0.08rem; display:flex; align-items: center; justify-content:center; width:40px; height:40px; border-radius:50%; background: #d2262f; overflow: hidden;}
.contact .l2 .ico img{ width:24px; height:24px;}

@media  screen and (max-width:1600px){	
.contact{ width:100%; margin:0.72rem 0 0 0;}
}
@media  screen and (max-width:1024px){	
.contact{ margin:25px 0 0 0;}	
.contact .l1{ padding:30px 15px;}	
.contact .l1 .logo{ width:66px;margin:0 0 0 10px;}
.contact .l1 .er .img{padding:0 15px;}
.contact .l1 .er{ width:130px; margin:0 15px;}
.contact .l2{ padding:20px 15px;}
.contact .l2 .dd{ line-height:25px; margin:8px 0; padding:0 0 0 50px;}
}
@media  screen and (max-width:767px){	
.contact{ margin:25px 0 0 0;}	
.contact .l1{ width:100%;}	
.contact .l2{ width:100%; margin-top:20px;}
.contact .l2 .p{ padding:3px 0; line-height:22px; flex-wrap: wrap;}
.contact .l2 .p1{ flex-wrap: wrap;}
.contact .l2 .t{ font-weight: bold;width:100%;}
.contact .l1 .er .text{line-height:1.4;}
}

.contact1{ position: relative; overflow: hidden;}
.contact1::after{ display: block; content:''; position: absolute; left:0; top:0; z-index: 1; background: #fafafa; width:100%; height:4.64rem;}
.contact1 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; background: #fff; width:calc(100% + 0.8rem); margin:0.49rem -0.2rem 0 -0.6rem; padding:0.55rem 0.55rem 0 0.55rem;}
.contact1 .box .img{ display: block; width:45.6%; line-height:0;}
.contact1 .box .img img{ width:100%; height:100%; object-fit: cover;}
.contact1 .box .left{ display: block; width:54.4%; padding:0 0.38rem 0 0; }

@media  screen and (max-width:1600px){	
.contact1 .box{ width:100%; margin:0.72rem 0 0 0;}
}
@media  screen and (max-width:1024px){	
.contact1 .box{ margin:25px 0 0 0; padding:14px 14px 0 14px;}	
.contact1 .box .img{width:100%;/* display:none; */}
.contact1 .box .left{ width:100%; padding:0 0 29px 0; }
}
@media  screen and (max-width:767px){	
.contact1::after{ height:9.28rem;}
}


._down{ position:absolute; left: 0; top:100%; z-index:10; display:none; flex-wrap: wrap; float: left; border-top:0; background: #f9f9f9; width:100%; padding:10px 0;overflow:hidden;box-shadow: 0 2px 2px rgba(0,0,0,0.04);
 overflow-y:auto; box-shadow:0 1px 3px rgba(0,0,0,0.1);
 scrollbar-width:thin;
 max-height:228px
}
._down::-webkit-scrollbar {
 width:3px
}
._down::-webkit-scrollbar-track
{
background-color:#f5f5f5;
 border-radius:3px
}
._down::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#c0000e;
 border-radius:3px
}
._down .a{ display: block; width:100%; padding:0 0.24rem; color: #000; cursor: pointer; font-size:14px; line-height:26px;}
._down .a:hover{ color: #c0000e;}
._form{ width:100%; flex-wrap:wrap; display: flex; justify-content:space-between; }
._form .lab{ position:relative; margin-bottom:0.2rem; display: flex; background: #f9f9f9; }
._form .w48{ width:48.5%;}
._form .w100{ width:100%;}
._form .name{ display: block; white-space: nowrap; font-size:calc(14px + 0.02rem);color: #979797; line-height:28px; padding:15px 0 15px 0.24rem;}
._form .name span{ color: #d2262f;}
._form .jt:hover ._down{ display: block;}
._form .jt::after{ display:flex; content:''; width:9px; height:9px; position:absolute; right:0.24rem; top:50%; border-right:1px solid #000; border-bottom:1px solid #000; transform:rotate(45deg); -ms-transform:rotate(45deg); margin:-6px 0 0 0;}
._form .tit{ cursor: pointer; display: block; width:100%; position: relative; font-size:calc(14px + 0.02rem);color: #000; line-height:28px; height:58px; padding:15px 0.24rem;}
._form .text{ display: block; width:100%; border:0; background:none; font-size:calc(14px + 0.02rem);color: #000; line-height:28px; height:58px; padding:15px 15px;}
._form .textarea{ display: block; width:100%; border:0; background:none; font-size:14px;color: #000; line-height:28px; height:145px; padding:15px 15px;}
._form .yanzhengma{ display: block; position: absolute; right:10px; top:50%; height:26px; transform: translateY(-50%); -ms-transform: translateY(-50%);}
._form .submit{ display: flex; justify-content:center; align-items: center; width:150px; font-size:calc(14px + 0.02rem);color: #fff; height:40px; padding-bottom:2px; border:0; background: #d2262f; border-radius:5px; margin-top:0.46rem;}
._form .submit:hover{ background: #c0000e; box-shadow:0 1px 3px rgba(0,0,0,0.1); }

._form input::placeholder{ opacity:1 !important;}


@media (max-width: 1024px){
._form .lab{ margin-bottom:14px; }
._form .w31{ justify-content:space-between;}
._form .name{ padding:8px 0 8px 14px;}
._form .text{height:44px; padding:8px 14px;}
._form .tit{height:44px; padding:8px 14px;}
._form .jt::after{ right:14px;}
._form .textarea{ padding:8px 14px;}
._form .yanzhengma{ height:34px; right:6px;}
._form .last{ display: flex; justify-content: center;}
._form .submit{ width:120px; height:38px; margin-top:9px;}
}
@media (max-width: 767px){	
._form .w48{ width:100%; justify-content:space-between;}
}



.about1{ margin:0 0 1.53rem 0; padding-top:1rem; padding-bottom: 54px; }
.about1 .box{ display: flex; flex-wrap: wrap; justify-content: space-between; width:100%; background: #fff; margin-top:0.6rem;}
.about1 .box .left{ position: relative; z-index: 6; width:25.2%; padding:0.43rem 0.4rem;}
.about1 .box .left .ico{ width:100%; line-height:0;}
.about1 .box .left .ico img{ height:51px;}
.about1 .box .left .tit{ margin-top:6px;}
.about1 .box .left .tit1{ text-transform: uppercase;}
.about1 .box .left .p{ margin-top:12px;}
.about1 .box .list{ width:74.8%; overflow: hidden;box-shadow:0 4px 0.32rem rgba(0,0,0,0.07)}
.about1 .box .list .comm{ width:calc(100% + 10px); margin:0 -5px;}
.about1 .box .list .ul{ width:100%;}
.about1 .box .list .li{ width:33.33%; padding:0 5px;}
.about1 .box .list .a{ width:100%; display: flex; flex-wrap: wrap; position: relative; text-align: center; overflow: hidden;box-shadow:0 4px 0.32rem rgba(0,0,0,0.07)}
.about1 .box .list .a ._img{ padding-bottom:124.3%;}
/* .about1 .box .list .a .bg{ position: absolute; left:0; bottom:0; z-index:5; background: #fff; display: block; width:100%; height:69px;}
.about1 .box .list .a .cont{ position: absolute; left:0; top:100%; z-index:6; width:100%; height:100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; margin-top: -69px; padding:0 0.2rem;} */
.about1 .box .list .a .bg{ position: absolute; left:0; bottom:0; z-index:5; background: #fff; display: block; width:100%; height:80px;}
.about1 .box .list .a .cont{ position: absolute; left:0; top:100%; z-index:6; width:100%; height:100%; display: flex; flex-wrap: wrap; justify-content: center; align-content: flex-start; margin-top: -80px; padding:0 0.2rem;}
.about1 .box .list .a .ico{ display: flex; align-items:center; justify-content:center; overflow: hidden; width:46px; height:46px; border-radius:50%; line-height:0; background: #fff; margin:-23px 0 0 0; box-shadow:0 4px 0.32rem rgba(192,0,0.14,0.07);}
.about1 .box .list .a .ico img{ width:32px; height:32px; }
.about1 .box .list .a .ico .hide{ display:none;}
.about1 .box .list .a .tit{ font-weight: bold; color: #363636; width:100%;}
.about1 .box .list .a .p{ color: #fff; font-size:calc(14px + 0.01rem); line-height:calc(22px + 0.03rem); max-height:calc(132px + 0.18rem);  overflow-y:auto; box-shadow:0 1px 3px rgba(0,0,0,0.1);
 scrollbar-width:thin; width:100%;}
.about1 .box .list .a .line{ display:flex; margin:36px 0 16px 0; width:66px; height:2px; background: #ba1f29;}
.about1 .box .list .a:hover{ background: #000;}
.about1 .box .list .a:hover ._img{ opacity:0.55;}
.about1 .box .list .a:hover .cont{ top:0 !important; margin-top:0 !important; align-content: center;}
.about1 .box .list .a:hover .tit{ color: #fff;}
.about1 .box .list .a:hover .bg{ display:none;}
.about1 .box .list .a:hover .ico{ width:50px; height:50px; margin:0 0 14px 0; background:none; overflow:initial;}
.about1 .box .list .a:hover .ico img{ width:50px; height:50px; }
.about1 .box .list .a:hover .ico .show{ display:none;}
.about1 .box .list .a:hover .ico .hide{ display:block;}
.about1 .box .list .a:hover .line{ margin:8px 0 16px 0;}
.about1 .box .btn{ display:flex; flex-wrap:wrap; align-items: center; margin-top:0.67rem;}
.about1 .swiper-wrapper{position: relative; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box;}
.about1 .swiper-slide {flex-shrink: 0; position: relative; transition-property: transform; line-height: 0;}
.about1 .pagination{ display:flex; flex-wrap:wrap; margin-left: 0.15rem;}
.about1 .pagination .swiper-pagination-bullet{ cursor: pointer; display: flex; margin:0 0 0 7px; width:9px; height:9px; border-radius:50%;background: #e4e4e4;}
.about1 .pagination .swiper-pagination-bullet-active{ background: #c0000e;}
.about1 .prev,
.about1 .next{ cursor: pointer; display:flex; position: relative; width:28px; height:28px; }
.about1 .prev:after,
.about1 .next:after{ display: block; content:''; position: absolute; left:50%; top:50%; width:8px; height:8px; border-top:2px solid #c0000e; border-right:2px solid #c0000e; transform: translate(-50%,-50%) rotate(45deg); -ms-transform: translate(-50%,-50%) rotate(45deg); }
.about1 .prev{ opacity:0; transform: rotate(180deg); -ms-transform: rotate(180deg); }
/* .about1 .box .list .li.swiper-slide-active{ padding-left:0;} */

@media (max-width: 1024px){
.about1{margin:0 0 30px 0; padding-top:30px; padding-bottom:35px; }
.about1 .box .left .p{ margin-top: 6px;}
.about1 .box .list .a .cont{ padding:0 14px;}
.about1 .box .list .a .tit{ font-size:15px; line-height:21px; margin:4px 0;}
.about1 .box .list .a .p{ font-size:12px; line-height:18px;}
.about1 .box .list .a .line{ display:flex; margin:36px 0 8px 0; width:46px; }
.about1 .box .list .a:hover .ico{ width:44px; height:44px; margin:0;}
.about1 .box .list .a:hover .ico img{ width:44px; height:44px; }
.about1 .box .list .a:hover .line{ margin:2px 0 6px 0;}
}
@media (max-width: 767px){
.about1 .box .left{ position: relative; width:100%;}
.about1 .box .list{  width:100%;}
.about1 .box .list .a ._img{ margin-bottom:80px;overflow:visible;}
.about1 .box .list .a ._img img{ height:calc(100% + 80px);}
/* .about1 .box .list .a .cont{ margin-top: -80px;} */
.about1 .box .list .a .cont{ margin-top: -90px;}
.about1 .box .btn{ width: auto; position: absolute; right:14px; top:30px;}
}


.about2 .box{ display: flex; flex-wrap: wrap; width:calc(100% + 3px); margin:0 -3px 0 0;}
.about2 .box .li{ width:25%; padding:0 3px 0 0;}
/* .about2 .box .a{ width:100%; display: flex; flex-wrap: wrap; background: #000; position: relative; overflow: hidden; height:430px; padding:0.42rem 0.37rem; align-items: center; justify-content: center; text-align: center;} */
.about2 .box .a{ width:100%; display: flex; flex-wrap: wrap; position: relative; overflow: hidden; height:430px; padding:0.42rem 0.37rem; align-items: center; justify-content: center; text-align: center;}
.about2 .box .a .bg{ display: block; width:100%; height:100%; position: absolute; left:0; top:0; z-index: 1; opacity:0.25;}
.about2 .box .a .cont{display: flex; flex-wrap: wrap; position: relative; z-index: 6; width:100%; flex-direction: column;}
.about2 .box .a .line{ opacity:0;width:36px; background: #fff;}
.about2 .box .a .p{ width:100%; height:0; overflow: hidden; opacity:0; transform: translateY(10%); -ms-transform: translateY(10%);line-height: calc(24px + 0.06rem);font-size: calc(14px + 0.06rem); }
.about2 .box .a .tit{ width:100%; margin-top:13px;}
.about2 .box .a .ico{ width:100%; line-height:0; margin-top:5px;}
.about2 .box .a .ico img{ width:92px; height:92px;}
/* .about2 .box .a:hover{ background: #c41622; align-items: flex-start;}
.about2 .box .a:hover .bg{ opacity:0;}
.about2 .box .a:hover .ico{ margin-top:0;}
.about2 .box .a:hover .line{ opacity:1; margin:20px auto 16px auto; height:1px; }
.about2 .box .a:hover .p{ height:auto; opacity:1; transform: translateY(0); -ms-transform: translateY(0);} */

@media (max-width: 1024px){
.about2 .box .li{ width:50%; padding:3px 3px 0 0;}	
.about2 .box .li:nth-child(1),
.about2 .box .li:nth-child(2){ padding-top:0;}
.about2 .box .a{ padding:25px 14px; height:320px;}
.about2 .box .a .ico{ margin-top:0;}
.about2 .box .a .ico img{ width:70px; height:70px;}
.about2 .box .a .line{ opacity:1; margin:12px auto 10px auto; height:1px;}
.about2 .box .a .p{ opacity:1; height: auto; font-size:14px; line-height:22px; transform: translateY(0); -ms-transform: translateY(0); }
.about2 .box .a .tit{ margin-top:12px;}

}


.about3{padding-top:1rem; padding-bottom:20px; overflow: hidden;}
.about3 .box{ display: flex; flex-wrap: wrap; align-items: flex-start; width:100%;}
.about3 .left{ width:22.67%; margin-top:2.4rem;}
.about3 .left .p1{ width:100%; margin-top:0.15rem;}
.about3 .left .p2{ width:100%; margin-top:0.32rem;}
.about3 .swiper-wrapper{ display: flex; transition-property: transform; box-sizing: content-box;}
.about3 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform;width:100%; line-height: 0;}
.about3 .right{ width:77.33%; display: flex; flex-wrap: wrap; overflow: hidden; align-items: center; padding:2rem 0; }
.about3 .img{ width:3.95rem; height:3.95rem; position: relative;  display:block; line-height: 0; overflow: hidden;border-radius: 50%}
.about3 .img .div{ width:3.95rem;  height:3.95rem; display:block; line-height: 0; position:absolute; left:0; top:0; opacity:0; z-index:1;border-radius: 50%;
 -webkit-transition: all 0.5s ease-out 0s; 
 -moz-transition: all 0.5s ease-out 0s; 
 -o-transition: all 0.5s ease-out 0s; 
 transition: all 0.5s ease-out 0s;  
 } 
.about3 .img .div.on{ position: relative; z-index: 6; opacity:1;}
.about3 .img .pic{ width:100%;}
.about3 .cont{ width:calc(100% - 3.95rem); display:block; height:3.95rem; padding:1.1rem 0 1.5rem 0; position: relative; }
.about3 .cont::after{ display: block; content:''; position: absolute; left: 0.55rem; top:50%; width:13px; height:13px; border-radius: 50%; background: #c0000e; margin-top: -6px;}
.about3 .cont .div{ cursor: pointer; width:100%; display:flex; flex-wrap: wrap; font-size:calc(14px + 0.01rem); line-height:calc(18px + 0.01rem); }
.about3 .cont .div .nian{display:block;color: #c0000e; white-space: nowrap; margin-right:0; position: relative; margin:0 0.12rem 0 0;}
.about3 .cont .div .p{display:block; color: #363636;}
.about3 .cont .info{display:flex; align-items: center; width:100%;cursor: pointer; opacity:0;}
.about3 .cont .swiper-slide-active{ opacity:1; margin-top:0.3rem; margin-bottom:0.3rem;}
.about3 .cont .swiper-slide-active .info{font-size:calc(14px + 0.04rem); line-height:calc(20px + 0.04rem); opacity: 1; margin-left:1.1rem; opacity:1;}
.about3 .cont .swiper-slide-active .info .nian{ margin-right: 0.16rem;}
.about3 .cont .swiper-slide-prev .info{ opacity:0.75;}
.about3 .cont .swiper-slide-next .info{ opacity:0.75;}
.about3 .cont .swiper-slide-prev1 .info{ opacity:0.5; }
.about3 .cont .swiper-slide-next1 .info{opacity:0.5; }
.about3 .cont .swiper-slide-prev2 .info{ opacity:0.25; }
.about3 .cont .swiper-slide-next2 .info{ opacity:0.25;}
.about3 .cont .swiper-slide-prev .info{ transform: rotate(-15deg); -ms-transform: rotate(-15deg); margin-left:0.82rem;}
.about3 .cont .swiper-slide-next .info{ transform: rotate(15deg); -ms-transform: rotate(15deg); margin-left:0.82rem; }
.about3 .cont .swiper-slide-prev1 .info{ transform: rotate(-25deg); -ms-transform: rotate(-25deg); margin-left:0.4rem; }
.about3 .cont .swiper-slide-next1 .info{ transform: rotate(25deg); -ms-transform: rotate(25deg); margin-left:0.4rem;}
.about3 .cont .swiper-slide-prev2 .info{ transform: rotate(-35deg); -ms-transform: rotate(-35deg); margin-left:-0.2rem; }
.about3 .cont .swiper-slide-next2 .info{ transform: rotate(35deg); -ms-transform: rotate(35deg); margin-left:-0.2rem;}
.about3 .cont .swiper-wrapper{ flex-direction: column;}
.about3 .cont .swiper-slide-next2 .p{width:48%;}
.about3 .cont .swiper-slide-prev2 .p{width:48%;}
.about3 .cont .swiper-slide-next1 .p{width:80%;}
.about3 .cont .swiper-slide-prev1 .p{width:80%;}

.about3 .right2{ display:none;}

@media (max-width: 1024px){
.about3{ padding-top:30px; }
.about3 .left{ display:none; }
.about3 .right{ width:100%; margin:0 0 10px 0; }
.about3 .img{ width:300px; height:300px; }
.about3 .img .div{ width:300px;  height:300px;} 
.about3 .cont{ width:calc(100% - 300px);}
.about3 .cont .div{font-size:13px; line-height:17px; }
.about3 .cont .div br{ display:none;}
.about3 .cont .div .nian{ margin-right:10px; padding-left:18px;}
.about3 .cont .swiper-slide-active .info{font-size:15px; line-height:19px;}
.about3 .cont .swiper-slide-active .info .nian{ margin-right:12px;left:8px}
.about3 .cont::after{ width:10px; height:10px; margin-top: -5px;}
}
@media (max-width:767px){
.about3 .right{ padding:30px 0 40px 0; margin:0; position: relative; justify-content: center;}	
.about3 .img{ position: absolute; left:50%; top:0; margin-left:-130px; width:260px;  height:260px;} 
.about3 .img .div{ width:260px;  height:260px; } 
.about3 .info{height: auto; justify-content: center;}
.about3 .cont{ width:100%; height:180px;}
.about3 .cont .div{ align-items: flex-start;}
.about3 .cont .div .nian{ margin:0; padding:15px 0 0 0;}
.about3 .cont::after{ left:50%; top:25px; margin:0 0 0 -5px;}
.about3 .cont .div .p{ opacity:0;width:100%; position: absolute; left:50%; top:50px; width:400%; text-align: center; transform: translateX(-50%); -ms-transform: translateX(-50%);}
.about3 .cont .swiper-slide-active .info{font-size:15px; line-height:23px;}
.about3 .cont .swiper-slide-active .p{ opacity:1;}
.about3 .cont .swiper-slide-next2 .p{width:100%;}
.about3 .cont .swiper-slide-prev2 .p{width:100%;}
.about3 .cont .swiper-slide-next1 .p{width:100%;}
.about3 .cont .swiper-slide-prev1 .p{width:100%;}
.about3 .cont .swiper-slide-active .info{ margin:0;}
.about3 .cont .swiper-slide-prev .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-30px 0 0 0;}
.about3 .cont .swiper-slide-next .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-30px 0 0 0; }
.about3 .cont .swiper-slide-prev1 .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-53px 0 0 0;}
.about3 .cont .swiper-slide-next1 .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-53px 0 0 0;}
.about3 .cont .swiper-slide-prev2 .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-100px 0 0 0;}
.about3 .cont .swiper-slide-next2 .info{ transform: rotate(0deg); -ms-transform: rotate(0deg); margin:-100px 0 0 0;}
.about3 .cont .swiper-wrapper{ flex-direction: inherit;}

.about3 .right1{ display:none;}
.about3 .right2{ display:block; position: relative;}
.about3 .img1{ display: block; width:100%; text-align: center;position: relative; z-index:6;}
.about3 .img1 .pic{ display: block; line-height: 0; width:100%;}
.about3 .img1 .pic img{ width:260px;  height:260px; border-radius: 50%;} 
.about3 .cont1{ display: block; width:100%;text-align: center; position: absolute; left: 0; top:190px; z-index: 7;}
.about3 .div1 .p{ display: block; width:100%;text-align: center; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); color: #363636; margin-top:90px;}
.about3 .div1 .nian{display:block;color: #c0000e; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.06rem); width:100%; position: relative; padding-top: 20px; opacity:0.25;}
.about3 .div1.swiper-slide-active .nian{ opacity:1;}
.about3 .div1.swiper-slide-active .nian::after{ display: block; content:''; position: absolute; left:50%; top:0; width:10px; height:10px; border-radius: 50%; background: #c0000e; margin-left: -5px;}
.about3 .cont1 .div1.swiper-slide-active{ margin-top:130px;}
.about3 .cont1 .div1.swiper-slide-prev{ margin-top:80px;}
.about3 .cont1 .div1.swiper-slide-prev1{ margin-top:40px;}
.about3 .cont1 .div1.swiper-slide-prev2{ margin-top:0;}
.about3 .cont1 .div1.swiper-slide-next{ margin-top:80px;}
.about3 .cont1 .div1.swiper-slide-next1{ margin-top:40px;}
.about3 .cont1 .div1.swiper-slide-next2{ margin-top:0;}
.about3 .cont1 .div1.swiper-slide-prev .nian{ margin-left:78%; opacity:0.75;}
.about3 .cont1 .div1.swiper-slide-prev1 .nian{ margin-left:165%; opacity:0.5;}
.about3 .cont1 .div1.swiper-slide-prev2 .nian{ margin-left:258%; opacity:0.25;}
.about3 .cont1 .div1.swiper-slide-next .nian{ margin-left:-78%; opacity:0.75;}
.about3 .cont1 .div1.swiper-slide-next1 .nian{ margin-left:-165%; opacity:0.5;}
.about3 .cont1 .div1.swiper-slide-next2 .nian{ margin-left:-258%; opacity:0.35;}
.about3 .swiper-wrapper{transition-duration:0ms !important;}
}


.main1{ display: flex; flex-wrap: wrap; width:100%; margin-top:1.2rem; position:relative; z-index: 6; }
.main1 .li{ display: flex; flex-wrap: wrap; width:100%; justify-content:space-between; align-items: flex-start;}
.main1 .cont{ display: flex; flex-wrap: wrap; width:36.1%;}
.main1 .tit{ width:100%; font-weight: bold; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.14rem); margin-top:0.13rem;}
.main1 .tit .t{display: inline-flex;color: #c0000e;
/* background: -webkit-linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
  background: linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent; */}
  
 .main1 .info .js,
 .main1 .info .ss{ color: #c0000e;
	 /* background: -webkit-linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
   background: linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
     background-clip: border-box;
   background-clip: border-box;
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent; */} 
.main1 .p{ width:100%; color: #7b7b7b; font-size:calc(14px + 0.04rem); line-height:calc(22px + 0.08rem); margin-top:0.6rem; font-weight: bold;}
.main1 .left{ display: flex; flex-wrap: wrap; justify-content:flex-end; position: relative; width:56.9%;}
.main1 .img{ display:block; line-height:0; width:69.4%;}
.main1 .img img{ width:100%;}
.main1 .pic{ position:absolute; left:0; top:0; z-index: 6; display:flex; flex-wrap: wrap; align-content: space-between; width:65.2%; height:100%;}
.main1 .pic .dd{ cursor: pointer; display:flex;flex-direction:row-reverse; align-items: center; width:100%; text-align: center; position: relative;  margin:0.1rem 0; }
.main1 .pic .dd .m{display:block; width:33.6%; position: relative;}
.main1 .pic .dd .m i{ display: block; line-height:0; position: relative; width:100%; overflow: hidden; border-radius: 6px;}
.main1 .pic .dd .m em{ width:21px; height:21px; display: block; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/ico11.png) center no-repeat; background-size:100% 100%;}
.main1 .pic .dd .m img{ width:100%;}
.main1 .pic .dd .m span{ display: block; width:100%; color: #000; font-weight: bold; font-size:calc(14px + 0.04rem); line-height:1.3; margin-top:0.1rem;}
.main1 .pic .dd .n{display:flex; width:66.4%; position: relative; margin-bottom:calc(24px + 0.04rem); padding:0 14px;}
.main1 .pic .dd .n::after{ content:''; width:calc(100% - 40px); height:2px; display: block; position: absolute; left:40px; bottom:50%; border-bottom:2px dotted #000; margin-bottom: -2px;}
.main1 .pic .dd .n i{ width:21px; height:21px; display: block; position: relative; background:#c0000e; border:6px solid #e1e1e1; border-radius:50%;}
.main1 .pic .d3 .n::after{ margin:0 0% 23px 67%;left:-3px; width:33%;}
.main1 .pic .d3 .n::before{ content:''; width:calc(67% - 40px); height:23px; display: block; position: absolute; left:40px; bottom:50%; border-bottom:2px dotted #000; border-right:2px dotted #000;}
.main1 .info{ display: flex; flex-wrap: wrap;/* flex-direction: column; */ padding:0.46rem 0 0 0;}
.main1 .info .td1{width:100%; font-weight: bold; display: flex; position: relative; margin-top:0.12rem;}
.main1 .info .td1 img{ width:25px; min-width:25px; height:25px; margin-right:15px;}
.main1 .info .td1 .ss{/* width:100%; */ display: flex; min-height:25px; align-items:center;}
.main1 .info .js{max-width:100%; display: inline-flex; font-weight: bold; margin-bottom:6px; padding-left:40px;    font-size: calc(14px + 0.12rem);    line-height: calc(24px + 0.1rem);}
.main1 .slick-dots li{ border-radius: 50%;}

.main1-1 .li{flex-direction:row-reverse;}
.main1-1 .left{ justify-content:flex-start;}
.main1-1 .pic{ left:auto; right:0;}
.main1-1 .pic .dd{ flex-direction:row;}
.main1-1 .pic .dd .n{ justify-content: flex-end;}
.main1-1 .pic .dd .n::after{ left: auto; right:40px; }
.main1-1 .pic .d3 .n::after{ margin:0 67% 23px 0;right:-3px; width:33%;}
.main1-1 .pic .d3 .n::before{ left: auto; right:40px; border-right:0; border-left:2px dotted #000;}

.main1-01 .left{ width:49.9%;}
.main1-01 .p,
.main1-02 .p,
.main1-03 .p,
.main1-04 .p,
.main1-05 .p,
.main1-06 .p,
.main1-07 .p,
.main1-08 .p{ font-weight: normal;}
.main1-01 .slick-dots{ margin-top:40px;}
.main1-01 .pic{ padding-bottom: 0%; align-content: space-around;}
.main1-03 .pic .dd:nth-child(1) .n i{ margin-bottom: 14px;}
.main1-03 .pic .dd:nth-child(1) .n::after{width:calc(48% - 40px); height:14px; border-top:2px dotted #000; border-bottom:0; border-right:2px dotted #000;}
.main1-03 .pic .dd:nth-child(2) .n{ margin-bottom:calc(14px + 0.04rem);}
.main1-03 .pic .dd:nth-child(2) .n::after{width:calc(57% - 40px);}
.main1-03 .pic .d3 .n{ margin-bottom:-10px;}
.main1-03 .pic .d3 .n::after{ width:50%;}
.main1-04 .img{ position: relative; margin-left:5%; margin-right:-5%;}
.main1-04 .pic{ right:5%;}
.main1-04 .pic .dd:nth-child(1) .n::after{width: calc(26% - 40px); height:60px;}
.main1-04 .pic .dd:nth-child(1) .n::before{ content:''; width:16%; height:60px; display: block; position: absolute; left:59%; top:50%; border-bottom:2px dotted #000; border-right:2px dotted #000;}
.main1-04 .pic .dd:nth-child(2) .n::after{width:calc(46% - 40px);}
.main1-04 .pic .d3 .n::before{width: calc(26% - 40px); height:16px;}
.main1-04 .pic .d3 .n::after{ margin:0 26% 16px 0;right:-3px; width:41%;}
.main1-05 .p,
.main1-06 .p,
.main1-07 .p,
.main1-08 .p{ margin-top:0.68rem;}
.main1-05 .pic,
.main1-06 .pic,
.main1-07 .pic{ align-content: center;}
.main1-05 .pic .dd .n::after{width: calc(66% - 40px);border-bottom: 2px dotted #999;}
.main1-06 .pic .dd .n::after{width: calc(63% - 40px);}
.main1-07 .pic .dd .n::after{width: calc(36% - 40px);}
.main1-05 .slick-dots{ margin-top:85px;}
.main1-06 .slick-dots{ margin-top:99px;}
.main1-07 .slick-dots{ margin-top:1.16rem;}
.main1-08 .img{ position: relative; margin-left:11%; margin-right:-11%;}
.main1-08 .pic{ right:5%; padding:3% 0;}
.main1-08 .pic .dd:nth-child(1) .n::after,
.main1-08 .pic .dd:nth-child(2) .n::after{width:calc(60% - 40px);}
.main1-08 .pic .d3 .n::before{width: calc(26% - 40px); height:1.3rem;}
.main1-08 .pic .d3 .n::after{ margin:0 26% 1.3rem 0;right:-3px; width:36%;}
.main1-08 .slick-dots{ margin-top:70px;}
.main1-10{ margin-top: 1.85rem;}
.main1-10 .li{ padding:0 0.38rem 0 0.2rem;}
.main1-10 .cont{  width:31.5%;}
.main1-10 .left1{  width:62.7%; display: block; line-height:0;}
.main1-10 .left1 img{ width:100%;}
.main1-12{ margin-top:1rem;}
.main1-12 .li{ padding:0 0 0 0.2rem;}
.main1-12 .left1{  width:57.2%; display: block; line-height:0; margin:0 -0.56rem 0 0;}
.main1-12 .left1 img{ width:100%;}
.main1-12 .cont{  width:35.5%; margin-top:1.18rem;}
.main1-13{ margin-top:0.95rem;}
.main1-13 .li{ padding:0 0.42rem 0 0.36rem;}
.main1-13 .left1{  width:54.2%; display: block; line-height:0;}
.main1-13 .left1 img{ width:100%;}
.main1-13 .p{ margin-top:0.42rem;}
.main1-13 .info .js{ padding-left: 55px;font-size: calc(14px + 0.12rem);  line-height: calc(24px + 0.1rem);}
.main1-13 .info .td img{ width:40px; min-width:40px; height:40px;}
.main1-13 .info .td .ss{ min-height:40px; }
.main1-14{ margin-top:2.05rem;}
.main1-14 .li{ padding:0 0.1rem 0 0.2rem;}
.main1-14 .cont{width: 35.1%;}
.main1-14 .left1{  width:55.2%; display: block; line-height:0;}
.main1-14 .left1 img{ width:100%;}
.main1-15{ margin-top:1.38rem;}
.main1-15 .left1{  width:53.7%; display: block; line-height:0; padding:0.14rem 0.78rem;}
.main1-15 .left1 img{ width:100%;}
.main1-15 .cont{  width:40.5%;}
.main1-15 .p{ margin-top:0; padding:0 0.56rem 0 0.42rem;}
.main1-15 .img3{  width:calc(100% + 0.7rem); display: block; line-height:0; margin:32px -0.7rem 0 0;}
.main1-15 .img3 img{ width:100%;}


.main1 .pic .dd .n i{ opacity:0;}
.main1 .pic .dd .n::after{ opacity:0;}
.main1 .pic .dd .n::before{ opacity:0;}


@media (max-width: 1440px){
.main1-08 .pic .d3 .n::before{width: calc(26% - 40px); height:1.1rem;}
.main1-08 .pic .d3 .n::after{ margin:0 26% 1.1rem 0;right:-3px; width:36%;}	
}

@media (max-width: 1024px){
.main1 .cont{ width:100%;  margin:30px 0 30px 0; }
.main1 .left{ width:100%; }
.main1 .p{ margin-top:20px;}
.main1 .pic .dd .m em{ width:15px; height:15px;}
.main1 .pic .dd .m span{ font-size:12px; margin-top:6px;}
.main1 .pic .dd .n{ padding:0 6px;}
.main1 .pic .dd .n i{ width:15px;height:15px; border:4px solid #e1e1e1;}
.main1 .pic .dd .n::after{ width:calc(70% - 24px); left:24px;}
.main1 .pic .d3 .n:after{margin: 0 0% 23px 49%;}
.main1 .pic .d3 .n::before{ width:calc(57% - 24px); left:24px;}
.main1 .info{ padding:20px 0 0 0;}
.main1 .info .td1 img{ margin-right:8px;}
.main1 .info .td1{  font-size:14px; line-height:22px; margin-top:10px;}
.main1 .info .js{ padding-left:0;}
.main1-1 .pic .dd .n::after{ left: auto; right:24px; }
.main1-1 .pic .d3 .n::before{ left: auto; right:24px; }
.main1-1 .pic .d3 .n::after{ margin:0 50% 23px 0; width:28%;}
.main1-03 .pic .dd:nth-child(1) .n i{ margin-bottom: 10px;}
.main1-03 .pic .dd:nth-child(1) .n::after{width:calc(48% - 24px);}
.main1-03 .pic .dd:nth-child(2) .n{ margin-bottom:calc(14px + 0.04rem);}
.main1-03 .pic .dd:nth-child(2) .n::after{width:calc(57% - 24px);}
.main1-04 .img{ margin-left:0%; margin-right:0%;}
.main1-04 .pic{ right: 0;}
.main1-04 .pic .dd:nth-child(1) .n::after{ width:calc(40% - 40px);}
.main1-04 .pic .dd:nth-child(1) .n::before{ left:38%; width:28%;}
.main1-04 .pic .dd:nth-child(2) .n::after{ width:calc(73% - 40px);}
.main1-04 .pic .d3 .n::before{width: calc(40% - 24px);}
.main1-04 .pic .d3 .n::after{ margin:0 40% 12px 0;right:-3px; width:50%;}
.main1-05 .pic .dd .n::after{width: calc(70% - 24px);}
.main1-05 .slick-dots{ margin-top:25px;}
.main1-06 .pic .dd .n::after{width: calc(63% - 24px);}
.main1-06 .slick-dots{ margin-top:25px;}
.main1-07 .pic .dd .n::after{width: calc(36% - 24px);}
.main1-07 .slick-dots{ margin-top:25px;}
.main1-08 .img{ margin-left:0%; margin-right:0%;}
.main1-08 .pic{ right: 0;}
.main1-08 .pic .dd:nth-child(1) .n::after,
.main1-08 .pic .dd:nth-child(2) .n::after{width:calc(94% - 24px);}
.main1-08 .pic .d3 .n::before{width: calc(40% - 24px); height:2.2rem; }
.main1-08 .pic .d3 .n::after{ margin:0 40% 2.2rem 0;right:-3px; width:60%;}
.main1-08 .slick-dots{ margin-top:25px;}
.main1-10{ margin-top:30px;}
.main1-10 .left1{  width:100%;}
.main1-10 .li{ padding:0;}
.main1-12{ margin-top:30px;}
.main1-12 .left1{  width:100%; margin:0;}
.main1-13{ margin-top:30px;}
.main1-13 .li{ padding:0;}
.main1-13 .left1{  width:100%;}
.main1-13 .p{ margin-top:0;}
.main1-13 .info .js{ padding-left:0;}
.main1-14{ margin-top:30px;}
.main1-14 .li{ padding:0;}
.main1-14 .left1{ width:100%;}
.main1-15 .p{ padding:0;}
.main1-15 .left1{ width:100%; padding:0;}

}

@media (max-width: 767px){
.main1 .tit .t br{display: none;}
.main1 .pic .dd .m em{ top:40%;}	
.main1 .pic{ margin:-5px 0 0 0; height:108%;}
.main1 .li{ padding:15px 0 0 0;}
.main1 .left{ margin-bottom:5px;}
.main1-08 .pic{ padding:5% 0 3% 0;}
.main1-04 .pic .dd:nth-child(1) .n::after{ width:calc(46% - 40px); height:35px;}
.main1-04 .pic .dd:nth-child(1) .n::before{ height:35px;}
.main1-05  .pic .dd .m i{margin-left: 14%;}


}


.sect0{ margin-top:0.9rem; padding:0 10%;}
@media (max-width: 1024px){
.sect0{ margin-top:30px; padding:0;}

}



.main3{ width:100%; text-align: center; margin-top:1.22rem; font-weight: bold;}
.main2{ width:100%; margin-top:0.92rem;}
.main2 .ul{ display: flex; flex-wrap: wrap; align-items: flex-start; width:calc(100% + 0.95rem); margin:0 -0.5rem 0 -0.25rem;}
.main2 .li{ display: flex; flex-wrap: wrap; width:25%; position: relative; padding:0 0.5rem 0 0.25rem; font-weight: bold;}
.main2 .li::after{ display:block; content:''; position: absolute;left: 0; top:5px; background: #c0000e; width:2px; height:142px;}
.main2 .li .tit{font-size: calc(14px + 0.1rem);line-height: calc(24px + 0.1rem);}
.main2 .li .p{ display:block; width:100%; margin-top:12px;font-size: 16px;line-height: calc(24px + 0.02rem);}

.main4{ display: flex; justify-content: space-between; width:100%;margin-top:45px;}
.main4 .ul{ display: flex; justify-content: space-between; width:100%;}
.main4 .dd{ cursor: pointer; display: inline-flex; flex-wrap: wrap; flex-direction: column; text-align: center; justify-content:center; position: relative; padding:45px 0;}
.main4 .dd .d1{ display: block; margin-top:14px; font-weight: bold;}
.main4 .dd .c{ display: block; width:66px; height:66px; line-height:0;margin: 0 auto;}
.main4 .dd .c .ico{  width:100%; display: none;}
.main4 .dd .c .ino{  width:100%; display: block;}
.main4 .dd.on::after{ display: block; content:''; position: absolute; left:0; width:100%; height:19px; bottom: 0; background:url(img/ico12.png) center no-repeat; background-size:auto 100% !important;}
.main4 .dd.on .c .ico{ display: block;}
.main4 .dd.on .c .ino{ display: none;}

.main5{ display: flex; flex-wrap: wrap;  width:100%; position: relative; padding:50px 0;}
.main5::after{ display: block; content:''; position: absolute; left:50%; top:0; z-index: 1; width:4000px; height:100%; margin-left: -2000px; background: #f7f7f7;}
.main5 .ul{ position: relative; z-index: 6; display: flex; flex-wrap: wrap; justify-content: space-between; width:100%;}
.main5 .li{ display: flex; flex-wrap: wrap; align-items: center; font-weight: bold;}
.main5 .li .num{ line-height:calc(30px + 0.2rem); font-size:calc(20px + 0.26rem); margin-right:0.2rem;color: #d5d5d5;
  background: linear-gradient(90deg, #ececec 0%, #d5d5d5 100%);
  background: -webkit-linear-gradient(90deg, #ececec 0%, #d5d5d5 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}

@media (max-width: 1024px){
.main2{ margin-top:10px;}	
.main2 .ul{justify-content:space-between; width:100%; margin:0;}
.main2 .li{ width:48.5%;  padding:0 0 0 12px; margin-top:25px;}
.main2 .li::after{ left:0; top:3px; height:70px;}
.main2 .li .tit{ font-size:16px; line-height:24px;}
.main2 .li .p{ font-size:14px; line-height:22px; margin-top:6px;}
.main3{ margin-top:40px;}
.main4{margin-top:15px; overflow-x: auto; scrollbar-color:rgba(255, 255, 255, 0) rgba(255, 255, 255, 0);}
.main4 .ul{ width: auto;}
.main4 .dd{ padding:22px 0; margin-right:30px; white-space:nowrap;}
.main4 .dd:last-child{ margin-right: 0;}
.main4 .dd .d1{ margin-top: 6px;}
.main4 .dd .c{width:56px; height:56px;}
.main4 .dd.on::after{height:12px;}
.main5{ padding:25px 0;}

}
@media (max-width: 767px){
.main2 .li{ width:100%;}
.main5 .li{ width:48%;}
}



.main6{ display: block;  width:100%; margin-top:0.82rem; background: #f7f7f7;}
.main6 .swiper-wrapper{position: relative; z-index:6; display: flex; transition-property: transform; box-sizing: content-box; height: 100%;}
.main6 .swiper-slide{flex-shrink: 0; position: relative; transition-property: transform;width:100%; line-height: 0; flex-wrap: wrap; display: flex;}
.main6 .box0{ display: flex; flex-wrap: wrap;  width:100%; position: relative; overflow: hidden;}
.main6 .left{ position: relative; z-index: 6; display: block; width:37.22%; position: relative; padding:1.18rem 0.9rem 1.35rem 0.38rem; border-right:1px solid #ededed;}
.main6 .left::after{ display: block; content:''; position: absolute; left:30.25%; top:0; z-index: 1; width:1px; height:100%; background: #ededed;}
.main6 .left .tit{ position: relative; z-index: 6;width:100%; margin-top:0.1rem;}
.main6 .left .tit::after{ display: block; content:''; position: absolute; left:-13px; top:5px; z-index: 1; width:2px; height:calc(100% - 10px);
background:#c0000e;}
.main6 .left .tit-1::after{
background:#187fff;}
.main6 .left .t2{ position: relative; z-index: 6; display:flex;width:100%; font-size:calc(14px + 0.02rem); line-height:calc(22px + 0.02rem); text-transform: uppercase;}
.main6 .left .t{ position: relative; z-index: 6; display: inline-flex; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.14rem); font-weight: bold;
background: -webkit-linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
  background: linear-gradient(-127deg, #c0000e 0%, #ff6a83 100%);
    background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
 .main6 .left .t01{ position: relative; z-index: 6; display: inline-flex; font-size:calc(14px + 0.14rem); line-height:calc(22px + 0.14rem); font-weight: bold; color: #c0000e;} 
.main6 .left .t-1{
  background: -webkit-linear-gradient(-127deg, #187fff 0%, #40edfd 100%);
    background: linear-gradient(-127deg, #187fff 0%, #40edfd 100%);
	 background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;}
.main6 .left .p{ position: relative; z-index: 6; display: block; width:100%; color:#7b7b7b; margin-top:0.3rem; font-weight: bold;line-height: calc(24px + 0.06rem);}
.main6 .left .shipin{ cursor: pointer; position: relative; z-index: 5; display: block; width:195px; line-height:0; margin-top:0.77rem;}
.main6 .left .shipin .pic{position: relative; z-index: 5; overflow: hidden;border-radius: 6px; box-shadow:2px 6px 8px rgba(0,0,0,0.15);}
.main6 .left .shipin .ico{ position: absolute; left:-0.4rem; bottom:-0.15rem; width:251%; max-width:inherit;}
.main6 .left .play{ width:21px; height:21px; display: block; position: absolute; left:50%; top:50%; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); background: url(img/ico11.png) center no-repeat; background-size:100% 100%; z-index: 6;}
.main6 .right{ position: relative; z-index: 6; display: block; width:52.03%; padding:1.18rem 0 1.35rem 0; border-right:1px solid #ededed; overflow: hidden;}
.main6 .right::after{ display: block; content:''; position: absolute; left:50%; top:0; z-index: 1; width:1px; height:100%; background: #ededed;}
.main6 .right .img{ position: relative; z-index: 6; display: block; width:100%; padding:0 0.56rem 0 0.66rem;}
.main6 .right .img img{ width:100%; box-shadow:2px 0.26rem 0.35rem rgba(0,0,0,0.16);}
.main6 .btn{ display: flex; flex-wrap: wrap; justify-content: center; align-items: center; width:52.03%; position: absolute; left:37.22%; bottom:0.72rem; z-index: 8;}
.main6 .swiper-prev,
.main6 .swiper-next{ cursor: pointer; display: block; width:33px; height:24px; background:url(img/ino36.1.png) center no-repeat; background-size:100% auto !important;}
.main6 .swiper-next{ transform: rotate(180deg); -ms-transform: rotate(180deg); }
.main6 .swiper-prev:hover,
.main6 .swiper-next:hover{ background: url(img/ino36.png) center no-repeat;}
.main6 .swiper-pagination{ margin:0 12px; line-height: 24px; color: #949494; font-size:12px;}
.main6 .swiper-pagination-current{ font-size:16px;}
.main6 .left .t sub{ color: #c0000e;}


@media (max-width: 1024px){
.main6{ margin-top:40px;}	
.main6 .left{ width:100%;border-right:0; border-bottom:1px solid #ededed; padding:40px 10px; }	
.main6 .left .tit{ margin-top: 0;}
.main6 .left .tit::after{ left:-10px;}
.main6 .left .play{ width:15px; height:15px;}
.main6 .left .shipin .ico{ width:190%;}
.main6 .left .p{ margin-top: 15px;font-size: 14px;
    line-height: 24px;}
.main6 .left .shipin{ margin-top:20px;}
.main6 .right{ width:100%; padding:40px 0 70px 0; border-right:0;}	
.main6 .right .img{ padding:0 10px;}
.main6 .btn{ width:100%; left:0; bottom:30px;  padding:0 10px;}
.main6 .left .t sub{ color: #c0000e;bottom: -.75em;}
.main6 .left .t{color: #c0000e;background:none; background-clip:inherit; -webkit-background-clip:inherit;  -webkit-text-fill-color:inherit;}

}


.pagecon.news2 .box{margin:0;}

.pagecon.news2 .cont{margin:0;}





.about-left{ position:fixed; top:0; right:0; z-index:10; display:none !important;}
.aboutNav{ position: absolute;right:0; width:76px; margin-top:3rem;}
.aboutNav .u1{ display: flex; flex-wrap: wrap; flex-direction: column; background: #fff; border-radius:8px 0 0 8px; box-shadow:2px 8px 13px rgba(0,0,0,0.07); padding:8px 0;}
.aboutNav .l1{ display: flex; flex-wrap: wrap; position: relative;}
.aboutNav .l1 a{ display: flex; flex-wrap: wrap; text-align: center; justify-content:center; width:100%; position: relative; color: #7b7b7b; font-size:14px; line-height:22px; padding:8px 0;}
.aboutNav .l1 a font{display: flex; padding:5px 3px;}
.aboutNav .l1 a span{ display:none; position: relative; padding:5px 3px;}
.aboutNav .l1 a span::after{ display: block; content: ''; position: absolute; left:0; bottom:0; width:100%; height:1px; background:#c0000e;}
.aboutNav .l1 a.active{ color: #c0000e;}
.aboutNav .l1 a.active font{ display:none;}
.aboutNav .l1 a.active span{ display:flex;}

@media screen and (max-width:1780px) {
.aboutNav{ width:90px;}
.aboutNav .l1 a{ font-size: 14px; line-height:30px; padding:5px 12px 5px 0;}
.aboutNav .l1 a.active::after{ right:12px; width:calc(100% - 12px);}
}
@media screen and (max-width:1024px) {
.aboutNav{ display:none; width: 100%; top:0 !important; margin-top:0;}
.about-left{ width:100%;}	
.aboutNav{ margin-top:15px;}
.aboutNav.on{ position: fixed; top:0; left: 0; z-index:24; background: #fff; padding: 0 14px; border-top:1px solid rgba(0,0,0,0.1); box-shadow:0 3px 6px rgba(0,0,0,0.1);margin-top:0;}
.aboutNav .u1{ display: flex; width: 100%; flex-wrap:nowrap; justify-content:space-between; flex-direction: row;}
.aboutNav .l1{ width: auto;}
.aboutNav .l1 a{ padding:14px 0;}
.aboutNav .l1 a::after{ right:50%; top:100%; margin-right:-14px;}
.aboutNav .l1 a.active::after{ width:28px;}

}


.inbanner2 .pic01{ position: relative; height:calc(100vh - 1rem);    object-fit: cover; }

.main1 .pic .dd .m  video{ object-fit: contain; border-radius: 6px; height:1.06rem;  }


@media  screen and (max-width:1440px){
.main1 .pic .dd .m  video{ height:0.96rem;  }
}
@media  screen and (max-width:1024px){
.main1 .pic .dd .m  video{ height:auto;  }
}



.aboutNav .l1 a:hover font{ display:none;}
.aboutNav .l1 a:hover span{ display:flex; color:#c0000e;}


.about-left{ z-index: 12;}
.about1{ margin:0 !important;}
.about2{ padding-top:1rem;}
@media screen and (max-width:1024px) {
.about2{ padding-top:30px;}	
}

/* c0000e  rgba(202,13,28,.48)  calc(20px + 0.16rem) */







/* 241024start */
.h-about .img{ padding: 0 !important;}
.h-about .h-num0{ display:none;}


._imglist2 { float: left; padding: 0.8rem 0 1rem 0;
     display: block; position: relative;
    width: 100%;
}
._imglist2 .ul {
     display: block;
    width: 100%;
    width: calc(100% + 60px);
    margin: 0 -30px;
    position: relative;
}

._imglist2 .ul:after {
    content: "";
    position: absolute;
    width: calc(100% - 60px);
    top: 74px;
    background: rgba(205, 205, 205, 1);
    height: 1px;
    z-index: -1;
    left: 50%;
    transform: translate(-50%, 0);
}

._imglist2 .ul li { margin-bottom: 2px;
    width: 25%;
    float: left;
    padding: 0 30px;
}

._imglist2 .ul li .top {
    font-size: 30px;
    color: #363636;
    font-weight: 700;
    text-align: center;
    letter-spacing: 0px;
    line-height: 32px;
    opacity: 100;
    position: relative;
}

._imglist2 .ul li .circle {
    height: 24px;
    width: 24px;
    border: 1px solid #d5d5d5;
    border-radius: 50%;
    position: relative;
    left: 50%;
    transform: translate(-50%, 0);
    margin: 30px 0;
}

._imglist2 .ul li .circle:after {
    content: "";
    position: absolute;
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #d5d5d5;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

._imglist2 .ul li .circle:before {
    content: "";
    position: absolute;
    height: 31px;
    width: 1px;
    background: #d5d5d5;
    left: 50%;
    transform: translate(-50%, 0);
    bottom: -31px;
}

._imglist2 .ul li .down {
    border-radius: 10px;
    border: 1px solid #d5d5d5;
    padding: 22px;
    background: rgba(255, 255, 255, 1);
}

._imglist2 .ul li .down img {
    width: 100%;
}

._imglist2 .ul li:hover .down {
    background: #c0000e;
}

._imglist2 .ul li h4 {
    font-size: 16px;
    height: 52px;
    color: rgba(85, 85, 85, 1);
    font-weight: 400;
    text-align: left;
    letter-spacing: 0px;
    line-height:22px;
    opacity: 100;
    position: relative;
}

._imglist2 .ul li:hover .top{  color: #c0000e;}
._imglist2 .ul li:hover .circle {
    border: 1px solid #c0000e;
}

._imglist2 .ul li:hover .circle:after {
    background: #c0000e;
}

._imglist2 .ul li:hover .circle:before {
    background: #c0000e;
}

._imglist2 .ul li:hover .down{border: 1px solid #c0000e;}


@media  screen and (max-width: 1600px){
._imglist2 .ul li h4 {
    font-size: 14px;
    height: 48px;
    line-height: 24px;
}
}

._imglist2 .ul li h4 {
    margin-top: 20px;
}
._imglist2 .ul li:hover h4 {
    color: #fff;
}

._imglist2 ul {
    float: left;
    width: 100%;
}
._imglist2 .ul li .img1{ position: relative; display: block; width: 100%; padding-bottom: 100%;}
._imglist2 .ul li .img1 img{ display: block; width: 100%; height: 100%; position: absolute; left: 0; top:0; object-fit: cover;}
._imglist2 .slick-prev,
._imglist2 .slick-next {
    z-index: 3;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    border: 1px solid #d5d5d5;
    background: rgba(255, 255, 255, 1);
    top: 74px;
}

._imglist2 .slick-prev {
    left: -10px;
}
._imglist2 .slick-prev::after {
    content: "";
    display: block;
    margin-left: 2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #c0000e;
    border-right: 1px solid #c0000e;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(225deg);
    transform: translate(-50%, -50%) rotate(225deg);
}
._imglist2 .slick-next {
    right: -10px;
}
._imglist2 .slick-next::after {
    content: "";
    display: block;
    margin-left: -2px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #c0000e;
    border-right: 1px solid #c0000e;
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%) rotate(45deg);
    transform: translate(-50%, -50%) rotate(45deg);
}

._imglist2 .slick-prev:hover,
._imglist2 .slick-next:hover {
    border: 1px solid #c0000e;
    background: #c0000e;
}

._imglist2 .slick-prev:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

._imglist2 .slick-next:hover::after {
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
}

._imglist2 .slick-dots {
    bottom: 36px;
    display: flex;
    justify-content: center;
    padding: 0 112px;
}

._imglist2 .slick-dots li {
    width: 10px;
    height: 10px;
    border: 1px solid #1575ff;
    background: rgba(255, 255, 255, 0);
    border-radius: 50%;
    margin: 0px 7px;
    opacity: 1;
}

._imglist2 .slick-dots li.slick-active {
    background: #1575ff;
    opacity: 1;
}

@media screen and (max-width:1024px) {
    ._imglist2 .ul {
        width: calc(100% + 20px);
        margin: 0 -10px;
    }

    ._imglist2 .ul:after {
        top:47px;
    }

    ._imglist2 .ul li {
        width: 50%;
        float: left;
        padding: 0 10px;
    }

    ._imglist2 .ul li .top {
        font-size: 18px;
        line-height: 24px;
    }

    ._imglist2 .ul li .circle {
        height: 18px;
        width: 18px;
        margin: 15px 0 20px 0;
    }

    ._imglist2 .ul li .circle:after {
        height: 9px;
        width: 9px;
    }

    ._imglist2 .ul li .circle:before {
        height: 21px;
        bottom: -21px;
    }

    ._imglist2 .ul li .down {
        border-radius: 10px;
        padding: 12px;
    }

    ._imglist2 .ul li h4 {
        font-size: 14px;
        line-height:22px;
        height:44px;
        margin-top: 12px;
    }

    ._imglist2 .slick-prev,
    ._imglist2 .slick-next {
        width: 30px;
        height: 30px;
        top: 48px;
    }

    ._imglist2 .slick-prev {
        left: 10px;
    }

    ._imglist2 .slick-prev::after {
        width: 8px;
        height: 8px;
    }

    ._imglist2 .slick-next {
        right: 10px;
    }

    ._imglist2 .slick-next::after {
        width: 8px;
        height: 8px;
    }

    ._imglist2 .slick-dots {
        bottom: 0px;
        justify-content: center;
        padding: 0 82px;
    }

    ._imglist2 .slick-dots li {
        width: 10px;
        height: 10px;
        margin: 0px 5px;
    }
}


/* 241024end */

/* 202503新增样式 */
.hide_element{ display: none !important; }

/* tabs-关于天臣 start */
/* 主图样式 */
.about_text_content{
    padding: 0.405rem;
    background: #C00C0C;
    opacity: 0;
}
.banner1_title{
    font-size: 0.243rem;
    line-height: 0.243rem;
}
.banner1_en_title{
    margin-top: 0.12rem;
    font-size: calc(14px + 0.18rem);
    font-weight: bold;
    line-height: calc(24px + 0.18rem);
}
.about_text_content_bg{
    opacity: 0.7;
    transition: opacity 0.7s ease; /* 平滑过渡效果 */
}
.about_text_content_line{
    margin-top: .3rem;
    width: 100%;
    height: 1px;
    background: #fff;
}
@media (max-width: 1024px) {
    .about_text_content{
        padding: 1rem;
    }
    .banner1_title{
        font-size: calc(14px + 0.2rem);
        line-height: calc(24px + 0.2rem);
    }
    .banner1_en_title{
        font-size: calc(14px + 0.47rem);
        line-height: calc(22px + 0.49rem);
    }
}
/* 关于天臣样式 */
.sub_title{
    border-bottom: 2px solid #c0000e;
    padding-bottom: 10px;
}
.text_indent_2{
    text-align: justify;
    text-indent: 2em;
}
.mt_04{
    margin-top: .4rem;
}
.guanyutianchen{
    padding-bottom: 1rem;
}
.guanyutianchen_bg{
    width: 100%;
    height: 240px;
}
@media screen and (max-width:1024px){	
    .guanyutianchen{
        padding-left: 15px;
        padding-right: 15px;
    }
    .guanyutianchen_bg{
        height: 60px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
    .guanyutianchen{
        padding-left: 0.8rem;
        padding-right: 0.8rem;
    }
    .guanyutianchen_bg {
        height: 190px;
    }
}
/* 研发创新点击切换样式更改为无限滚动悬浮停止 */
.fs_18{
    font-size: 18px;
}
.mt_1{
    margin-top: 1rem !important;
}
.swiper_content{
    overflow: hidden;
}
.swiper_content_ul{
    animation: scroll 25s linear infinite;
}
.swiper_content_ul:hover {
    animation-play-state: paused; /* 悬浮时暂停动画 */
}
@keyframes scroll {
    0% {
        transform: translateX(0); /* 从初始位置开始 */
    }
    100% {
        transform: translateX(-100%); /* 滚动到一半的位置 */
    }
}
/* 企业文化样式 */
.qiyewenhua{
    height: 720px;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 0;
    background: url('../../Theme/Magic/images/qiyewenhua.png') center no-repeat; 
    background-size: 100% 100%;
}
.qiyewenhua_box{
    flex: 1;
}
.qiyewenhua_item{
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 3px);
    margin: 0 -3px 0 0;
}
.item_li{
    width: 25%;
}
.li_content{
    width: 100%;
    padding: 0 0.2rem;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    text-align: center;
}
.li_mg{
    width: 90px;
    height: 90px;
}
.li_text{
    width: 100%;
    margin-top: 20px;
    color: #fff;
}
.qiyewenhua_sub_title{
    margin-top: 15px;
}
@media screen and (max-width: 1024px) {
    .qiyewenhua{
        height: auto;
    }
    .qiyewenhua_box{
        padding: 1rem;
    }
    .item_li{
        width: 50%;
    }
    .li_mg{
        width: 60px;
        height: 60px;
    }
    .li_content{
        padding: 10px 14px;
    }
    .li_text{
        margin-top: 10px;
    }
    .qiyewenhua_sub_title{
        margin-top: 10px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
    .qiyewenhua{
        height: 600px;
    }
    .li_mg{
        width: 80px;
        height: 80px;
    }
}
/* 发展历程样式 */
.fazhenlicheng{
    padding: 1rem 0;
    width: 100%;
    display: flex;
    justify-content: space-between;
    overflow: auto;
}
.years_left{
    flex: 1;
    display: flex;
    align-items: flex-start;
}
.fazhanlicheng_sub_title{
    /* margin-top: calc(((24px + 0.18rem) / 2) - (calc(24px + 0.04rem) / 2)); */
    user-select: none;
    font-weight: bold;
    color: #262626;
    line-height: calc(20px + 0.18rem);
    font-size: calc(9px + 0.21rem);
}
.fazhanlicheng_icon{
    width: 100px;
    height: 80px;
}
.years_content{
    margin-left: 100px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}
.years_content_title{
    user-select: none;
    color: #262626;
    line-height: calc(20px + 0.18rem);
    font-size: calc(9px + 0.21rem);
}
.years_ul{
    flex: 1;
    overflow-y: auto;
    scrollbar-width: thin;
    margin-top: 30px;
    display: none;
    flex-direction: column;
}
.active_years_ul{
    display: flex;
}
.fade-in {
    opacity: 0;
    transition: opacity 0.5s ease-in-out;
}

.fade-out {
    opacity: 1;
    transition: opacity 0.5s ease-in-out;
}
.years_li{
    margin-top: 20px;
    display: flex;
    font-size: calc(14px + 0.07rem);
    line-height: calc(24px + 0.07rem);
    color: #262626;
}
.years_li:first-child{
    margin-top: 0;
}
.years_li_right{
    margin-left: 20px;
}
.years_li_right_text{
    margin-top: 20px;
}
.select_years{
    height: 370px;
    margin-left: 15px;
    padding-right: 10px;
    display: flex;
    flex-direction: column;
    align-items: center;
    overflow-y: auto;
    scrollbar-width: thin;
}
.years_text_content{
    position: relative;
    margin: 15px 0;
    &:first-child{
        margin-top: 0;
    }
}
.years_text{
    user-select: none;
    cursor: pointer;
    font-size: calc(14px + 0.07rem);
    line-height: calc(24px + 0.07rem);
    /* margin: 15px 0; */
    padding-right: 15px;
}
.active_years{
    color: #c0000e;
}
.active_years::after{
    content: '';
    width: 3px;
    height: 30px;
    background: #c0000e;
    position: absolute;
    right: 0;
    top: 10%;
}
.active_years_0{
    color: #c0000e;
    &::after{
        content: '';
        width: 3px;
        height: 30px;
        background: #c0000e;
        position: absolute;
        right: 0;
        top: 5%;
    }
}
@media screen and (max-width:1024px){	
    .years_left{
        width: 75%;
    }
    .years_ul{
        margin-top: 10px;
    }
    .years_li{
        margin-top: 10px;
    }
    .years_li_right_text{
        margin-top: 10px;
    }
    .years_content{
        margin-left: 40px;
    }
    .select_years{
        width: 25%;
        height: 500px;
    }
    .years_text_content{
        margin: 10px 0;
    }
    .fazhanlicheng_icon{
        width: 60px;
        height: 40px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
    .years_ul{
        margin-top: 20px;
    }
    .years_li{
        margin-top: 15px;
    }
    .years_li_right_text{
        margin-top: 15px;
    }
    .years_content{
        margin-left: 60px;
    }
    .select_years{
        /* height: 320px; */
    }
}
/* tabs-关于天臣 end */

.index_new_box{
    width:60%;height:100px;background-color:#fff;position:absolute;left:0;bottom:15px;z-index: 999;background: #FFFFFF;
    box-shadow: 0px 6px 21px 4px rgb(196 196 196 / 50%);display:flex;
}
.index_new_box .item{
    width:33%;height:100px;
}
.index_new_box .item dl{
    text-align:center;margin-top:15px;border-right:1px solid #ececec;
}
.index_new_box .item dl dt{
    color:#d91120;font-size:24px;font-weight:bold;height:45px;line-height:45px;
}
.index_new_box .item dl dd{
    color:#1a1a1a;font-size:14px;height:20px;line-height:20px;
}

/* 天臣资讯start */
.line_2{
    height: 0.56rem;
    -webkit-line-clamp: 2 !important;
}
@media screen and (max-width:1024px){
    .line_2{
        height: 52px;
    }
}
@media screen and (min-width: 1024px) and (max-width: 1680px) {
    .line_2{
        height: 54px;
    }
}
/* 天臣资讯end */