@charset "utf-8";
body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea{ margin: 0; padding: 0; }
body, button, input, select, textarea { font: 12px/1.5 "Microsoft YaHei", sans-serif, Helvetica Neue, "Helvetica Neue", "Open Sans", "Hiragino Sans GB" }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
address, cite, dfn, em, i, var { font-style: normal; }
ul, ol { list-style: none; }
legend { color: #000; }
fieldset, img { border: 0; vertical-align: bottom; }
section, article, aside, header, footer, nav, dialog, figure { display: block; }
figure { margin: 0; }
button, input, select, textarea { font-size: 100%; border:0; background:none; outline:none; resize: none; }
textarea{resize:none;border:none;-webkit-appearance:none;border-radius:0;}
input[type=text] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=submit] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
input[type=reset] { resize:none;border:none;-webkit-appearance:none;border-radius:0; }
table { border-collapse: collapse; border-spacing: 0; }
.clear { display: block; height: 0; overflow: hidden; clear: both; }
.clearfix:after { content: '\20'; display: block; height: 0; clear: both; }
.clearfix { *zoom:1;}
a:link, a:visited, a:hover, a:active { text-decoration: none; }
/*a { blr:expression_r(this.onFocus=this.blur());}*/
a { text-decoration: none; outline: none; /*transition-duration: 0.3s, 0.3s;*/ }
.hidden { display: none; }
.invisible { visibility: hidden; }
.fl{ float:left; display:inline; }
.fr{ float:right; display:inline; }
.fn{ float:none; }
.hide{ display:none; }
.show{ display:block; }
.noBg { background: none !important; }
.noBorder { border: none !important; }
.noMg { margin: 0!important; }
.mr0{ margin-right:0 !important; float:right !important;}
p[style='color:red;font-weight:600'] { display:none!important; }
/*.info{text-align: justify; text-justify: inter-ideograph;}*/
html {
  scroll-behavior: smooth;
}
/*Body*/
body {  margin: 0 auto; width: 100%; background: #fff; color:#555; overflow-x: hidden; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; }
a:hover { color: #009fe8; }


.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; }
.wrap { width:1600px; margin:0 auto; }

@media all and (max-width:1680px){
	.wrap { width:1200px; margin:0 auto; }
}
@media all and (max-width:1280px){
	.wrap { width:92%; }
}

.wrapx{ width: 1660px; margin: 0 auto;}
@media all and (max-width:1680px){
    .wrapx{ width: 100%; box-sizing: border-box; padding: 0 80px;}
}
@media all and (max-width:1200px){
    .wrapx{ width: 92%; margin: 0 auto; padding:0;}
}

.nr{ width: 1600px; margin: 0 auto;}
@media all and (max-width:1680px){
    .nr{  width: 1200px;}
}
@media all and (max-width:1200px){
    .nr{ width: 92%; }
}


.top{ height: 30px; background: #a62126; position: relative; }

 
.topArea {position: absolute;width: 100%; background: rgba(255,255,255,0.7);z-index: 99!important; left: 0; top: 0; }
.topArea .wrap { position:relative; }
.topArea01 { position:fixed!important; top:0; left:0; right:0; box-shadow: -3px 7px 13px -3px rgba(0,0,0,.2); }

.logo { position:relative; float:left; }
.logo img{height: 88px;}
.logo .img02 { display:none; }

.telArea { float:right; line-height:1; padding-top:20px; }
.telArea .p1 { font-size:14px; color:#000; margin-bottom:10px; }
.telArea .p2 { font-size:24px; color:#a62126; font-weight: bold;  }
 
.nav { float:right; margin-right:55px; }
.nav ul li { position:relative; float:left; font-size:0; margin:0 25px; }
.nav ul li .a1 { position:relative; display:inline-block; font-size:16px; height:88px; line-height:88px; color:#000; }
.nav ul li .a1:after{position: absolute;width: 100%;height: 1px;background: #a62126;bottom: 0;left: 0;content: ''; display:none; }
.nav ul li:hover .a1,.nav ul li.current .a1{color: #a62126;font-weight: bold;}
.nav ul li:hover .a1:after,.nav ul li.current .a1:after { display:block; }

.nav .sub { position:absolute; top:88px; width:206px; left:50%; margin-left:-103px; display:none; z-index:999; }
.nav .sub dt {  margin-bottom: 1px;background: #f0f0f2; position: relative; text-align:center; }
.nav .sub dt a { display:block; color:#333; line-height: 28px; font-size:14px; }
.nav .sub dt a:hover{ color:#a62126}
  
/* 菜单显示 */
.u-menu2 { position:absolute; right:4%; top:18px; display:none; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
.u-menu2 div { position:absolute; right: 0; top:10px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
.u-menu2 div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#fff;}
.u-menu2 .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
.u-menu2 .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
.u-menu2 .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}

body.z-open .m-nav {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);}
/* body.z-open .g-wp {transform:translate3d(-200px,0,0);-webkit-transform:translate3d(-200px,0,0);} */
body.z-open .u-menu2 {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
body.z-open .u-menu2  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
body.z-open .u-menu2  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
body.z-open .u-menu2 .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
body.z-open .u-menu2 .u-menu-middle { display:none; }
body.z-open .u-menu2 div{ top: 0;}

.app-top-nav{background: #182028;height: 100%;position: fixed;top: 0;left: 0;width: 102%;overflow-y: scroll;z-index: 98; display: none;padding-bottom: .72rem;}
.sideMenu h3{ font-size: 14px; border-top: 1px solid rgba(255,255,255,0.2);padding: .24rem 0;width: 86%;margin-left: 6%;display: flex;justify-content: space-between;color: #fff;}
.sideMenu h3 em{width: 16px;height: 16px;background: url(section-jia.png) no-repeat center;}
.smul{margin-top: 60px}
.sideMenu h3.on em{background: url(section-cheng.png) no-repeat center;}
.sideMenu ul{display: none;padding: 0 7% 4%;}
.sideMenu ul li a{font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal;color: #ffffff;display: block;margin-top: .24rem;}


@media all and (max-width:1680px){
	.nav { margin-right:50px; }
	.nav ul li { margin:0 15px; }
	.nav ul li .a1 { font-size:14px; }
}
@media all and (max-width:1200px){
	.logo .img01 { display:none; }
	.logo .img02 { display:block; height:60px; }
	
	.top { display:none; }
	.nav { display:none; }
	.telArea  { display:none; }

	.topArea { background-color: #000;display: flex;justify-content: space-between;align-items: center;position: fixed;top: 0;left: 0;transition: top 0.5s; }
	.u-menu2 { display:block; }
}

.footer { background: rgba(15, 23, 42, 1); }
.footArea { padding:75px 0 45px; }
.foot01{ display: flex; justify-content: space-between;}
.foot01 dl { font-size: 14px; }
.foot01 dl dt { margin-bottom: 25px; color: rgba(255,255,255,1); }
.foot01 dl dt a{color: rgba(255,255,255,1);}
.foot01 dl dt a:hover{color: rgba(255,255,255,1);}
.foot01 dl dd a { display:block; margin-bottom: 10px; color: rgba(255,255,255,0.7);font-size:14px;}
.foot01 dl dd a:hover{color: rgba(255,255,255,1);}
.foot02 { float:right; margin-right:80px; }
.foot02 a { font-size: 12px;width: 115px;height:25px;background: #b81c22;border-radius: 5px;display: block;text-align: center;color: #fff;line-height: 25px; }
.foot03 ul{ display: flex; margin-top: 30px;}
.foot03 ul li { width:95px; margin-right:35px; text-align: center; }
.foot03 ul li:last-child { margin-right:0; }
.foot03 ul li .p1 { font-size: 14px; color: rgba(255,255,255,0.5); margin-bottom:10px; }

.tail { text-align:center; padding:20px 0; font-size:14px; color:rgba(255,255,255,0.5); border-top:1px solid rgba(255,255,255,0.2); }
.tail a { color:rgba(255,255,255,0.5); }
.tail a:hover { color:#fff; }

@media all and (max-width:1680px){
	.footArea { padding:50px 0 45px; }
 
	.foot01 dl { margin-right:35px; }
	.foot01 dl:last-child { margin-right:0; }
	.foot01 dl dt { margin-bottom:20px; }
	.foot01 dl dd a{ font-size:14px; margin-bottom: 10px; }

	.foot02 { float:right; margin-right:40px; }
 
	.foot03 {  width:215px; }
	.foot03 ul li { margin-right:25px; }
	.foot03 ul li:last-child { margin-right:0; }
}
@media all and (max-width:1280px){
	.footArea { padding:40px 0; }
    .foot01{ flex-wrap: wrap;}
    .foot01 dl{ width: 100%; margin-right: 0;}
	.foot01 dl:last-child { margin-right:0; }
	.foot01 dl dt { margin-bottom:15px; }
	.foot01 dl dd a{ font-size:12px; margin-bottom: 10px; }
 
}
@media all and (max-width:1200px){
	.footArea { padding:30px 0; }
	
	.foot01 { float:none; width:100%; border-bottom: 1px dashed rgba(255,255,255,0.5); }
	.foot01 dl { width:100%; }
	.foot01 dl dt { font-weight:bold; border-top: 1px dashed rgba(255,255,255,0.5); padding: 16px 0; margin: 0 auto; display: flex;justify-content: space-between;color: #fff;background: url(section-jia.png) no-repeat center right;}
	.foot01 dl dd { display: none; padding: 0 7% 4%;}
	.foot01 dl dd a { font-size: 14px;font-weight: 600;font-style: normal;font-stretch: normal; line-height: 1;letter-spacing: normal; display: block;margin-top: .24rem; margin-bottom:0; }
	
	.foot01 dl dt.on { background: url(section-cheng.png) no-repeat center right; }
	
	.foot02 { display:none; }
	
	.foot03 { float:none; margin:0 auto; padding-top:25px; }
	
	.tail { font-size:12px; }

	.col-fixed {display: none;}
}

.sjArea { display:none; }
@media all and (max-width:1200px){
	.pcArea { display:none; }
	.sjArea { display:block; }
}









.slide_box { background: #fff; width: 650px; height: 100% ; box-sizing:border-box; position: fixed; right: 0; top: 0; padding: 50px 50px 50px 50px; box-sizing: border-box; z-index: 999; transform: translateY(-100%);transition: all .6s; z-index: 101; }
.slide_box.active { transform: translateY(0);}
.z_mask { width: 0%; height: 100%; position: fixed;  left: 0; top:0; background: rgba(0,0,0,.8); transition: all .8s; z-index: 101; opacity:0 }
.z_mask.active {width: 100%; }
.slide_nav{ width:100%; height:100%; overflow-y:auto; position:relative; border-top:1px solid #f0f0f0}
.slide_box .close{ width:50px; height:66px; position:absolute; right:0; top:0; cursor:pointer; z-index:2; background:url(close.png) center center no-repeat; background-size:16px}
.slide_nav li { border-bottom:1px solid #f0f0f0;position:relative }
.slide_nav li .jia{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(plus.png) center center no-repeat; display:none; cursor:pointer}
.slide_nav li .jia.on{ display:block; background-size:16px}
.slide_nav li .jian{ display:block; width:50px; height:45px; text-align:center; line-height:45px; font-size:0; color:#333; position:absolute; right:0; top:0; background:url(reduce.png) center center no-repeat; display:none; cursor:pointer; background-size:16px}
.slide_nav li .jian.on{ display:block}
.slide_nav li.tel>a{ color:#d95715}
.slide_nav li.tel>a i{ font-family:Arial; vertical-align:top; font-weight:bold}
.slide_nav li>a {display: block;height: 45px;color: #333;line-height: 45px;padding-left: 10px;font-size: 16px;}
.slide_nav .nav_down { display:none; }
.slide_nav .nav_down a {display: block;height: 36px;color: #333;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(reduce.png) 15px center no-repeat; background-size: 10px;}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #1b6940;}
.slide_nav li a:hover{ color: #1b6940;}
.slide_nav .nav_down a.active:before,.slide_nav .nav_down a:hover:before { width: 100%; left: 0;}
.slide_nav li .lk{ display: inline-block; vertical-align: top; line-height: 45px; font-size: 15px; color: #333; padding: 0 4% }
.slide_nav li .lk a{ color: #333 }
.slide_nav li .lk a:hover { color: #f26c2a;}
@media all and (max-width:1200px){
	.slide_box{}
	.slide_box { width:100%; padding:66px 0 30px; }
	.z_mask{ }
}




.sea_on{ width:100%; height:100%; left:0; top:0; background:rgba(00,00,00,0.5); position:fixed; z-index:99; display:none}
.sea_on .s1{ width:400px; height:68px; position:absolute; left:50%; margin-left:-200px; top:50%; margin-top:-34px; background:#fff}
.sea_on .s1 .inp1{ width:200px; height:68px; border:0; position:absolute; left:10px; top:0; font-size:14px;}
.sea_on .s1 .inp2{ width:76px; height:68px; background:url(sea.png) center center no-repeat #1b6940; position:absolute; right:0; top:0; cursor:pointer} 
.sea_on .s1 .gb{ width:30px; height:30px; background:url(gb.png) center center no-repeat; background-size:30px; position:absolute; right:0; top:-50px; cursor:pointer}
@media (max-width:1200px) {
	.sea_on .s1{ width:300px; height:48px;margin-left:-150px;margin-top:-24px;}
	.sea_on .s1 .inp1{ width:180px; height:48px;}
	.sea_on .s1 .inp2{ width:76px; height:48px;} 
	.sea_on .s1 .gb{ width:24px; height:24px; background:url(gb.png) center center no-repeat; background-size:24px; position:absolute; right:0; top:-30px; cursor:pointer}
}


.video{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(00,00,00,0.6); display:none}
.video .s1{position:absolute; left:50%;  top:50%; transform:translate(-50%,-50%)}
.video .s1 video{ width:auto; height:60vh}
.video .s1 .gb{ background:url(gb.png) center center no-repeat; width:30px; height:30px; background-size:30px; position:absolute; right:0; top:-40px; cursor:pointer}
@media (max-width:1200px) {
	.video .s1 video{ width:90vw; height:auto}
}




/* 表单 */
.col-fixed{position: fixed; top: 0; right: 30px;z-index: 100; bottom: 0;margin: auto 0;height: 342px;}
.col-fixed .mege1{color: white;background-color: #a62126;font-size: 14px;height: 75px; line-height: 18px;width: 70px;text-align: center;}
.col-fixed .mege1 i{display: block;padding: 9px 0 7px;}
.col-fixed .top a{width: 70px;height: 75px;display: block;color: white;font-size: 14px;line-height: 18px;background-color: #424040;text-align: center;}
.col-fixed .top a i{display: block;padding: 18px 0 7px;}



.qjbd{ width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 100; background: rgba(0,0,0,.8); display: none; }
.qjbd .col-forma{ width: 886px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); display: flex; border-radius: 10px; overflow: hidden;}
.qjbd .col-forma .icon_a{ width: 296px;}
.qjbd .col-forma .icon_a img{ width: 100%;}
.qjbd .col-forma .rt{ width: calc(100% - 296px); box-sizing: border-box; padding: 70px 70px 0; background: url(ax26.png) center center no-repeat; background-size: 100% 100%;}
.qjbd .col-forma .rt .mt{ text-align: center; font-size: 26px; color: rgba(30, 30, 30, 1); font-weight: bold; line-height: 1; margin-bottom: 30px;}
.qjbd .col-forma .rt  .text{ width: 100%; height: 45px; border-radius: 10px; background: #fff; box-sizing: border-box; padding: 0; font-size: 14px; color: rgba(51, 51, 51, 1); padding: 0 20px; margin-bottom: 15px;}
.qjbd .col-forma .rt .text::placeholder{ color: rgba(104, 105, 115, 1); appearance: none; -webkit-appearance: none; opacity: 1;}
.qjbd .col-forma .rt .a6{ display: flex; justify-content: space-between;}
.qjbd .col-forma .rt .a6 .text{ width: 48%; appearance: none; -webkit-appearance: none; opacity: 1; background: url(ax_27.png)  calc(100% - 20px) center no-repeat #fff; background-size: 12px;}
.qjbd .col-forma .rt  .text:nth-child(4){ appearance: none; -webkit-appearance: none; opacity: 1; background: url(ax_27.png)  calc(100% - 20px) center no-repeat #fff; background-size: 12px;}
.qjbd .col-forma .rt .textarea{ width: 100%; height: 90px; border-radius: 10px; background: #fff; box-sizing: border-box; padding: 0; font-size: 14px; color: rgba(51, 51, 51, 1); padding: 15px 20px; margin-bottom: 15px;}
.qjbd .col-forma .rt .cc{ display: flex; justify-content: space-between; align-items: center;}
.qjbd .col-forma .rt .t03{ width: calc(100% - 90px);}
.qjbd .col-forma .rt img{ display: block;}
.qjbd .col-forma .rt .btn01{ width: 100%; height: 50px; background: rgba(36, 97, 201, 1); font-size: 18px; color: #fff;}
.qjbd .col-forma .rt .mege-form-ft{ font-size: 12px; color: #666; margin-top: 10px;}
.qjbd .col-forma .qjbdgb{ width: 43px; height: 43px; cursor: pointer; background: url(ax27.png) center center no-repeat; background-size: cover; position: absolute; right: 10px; top: 10px;}
@media (max-width:1680px){
    .qjbd .col-forma{ width: 800px;}
    .qjbd .col-forma .icon_a{ width: 250px;}
    .qjbd .col-forma .rt{ width: calc(100% - 250px); padding: 40px 40px 0; }
    .qjbd .col-forma .rt .mt{ font-size: 22px; margin-bottom: 20px;}
    .qjbd .col-forma .rt  .text{ height: 40px; font-size: 13px; padding: 0 16px; margin-bottom: 12px;}
    
    .qjbd .col-forma .rt .a6 .text{ background: url(ax_27.png)  calc(100% - 16px) center no-repeat #fff; background-size: 10px;}
    .qjbd .col-forma .rt  .text:nth-child(4){   background: url(ax_27.png)  calc(100% - 16px) center no-repeat #fff; background-size: 10px;}
    .qjbd .col-forma .rt .textarea{ height: 80px; font-size: 13px; padding: 12px 16px; margin-bottom: 12px;}
    .qjbd .col-forma .rt .btn01{ height: 45px; font-size: 16px; }
    .qjbd .col-forma .rt .mege-form-ft{  margin-top: 8px;}
    .qjbd .col-forma .qjbdgb{ width: 32px; height: 32px; right: 10px; top: 10px;}
}

@media (max-width:1200px){
    .qjbd .col-forma{ width: 92%;}
    .qjbd .col-forma .icon_a{ width: 220px;}
    .qjbd .col-forma .rt{ width: calc(100% - 220px); padding: 40px 20px 0; }
    .qjbd .col-forma .rt .mt{ font-size: 20px; margin-bottom: 16px;}
    .qjbd .col-forma .rt  .text{ border-radius: 5px; height: 35px; font-size: 12px; padding: 0 12px; margin-bottom: 10px;}
    
    .qjbd .col-forma .rt .a6 .text{ background: url(ax_27.png)  calc(100% - 12px) center no-repeat #fff; background-size: 8px;}
    .qjbd .col-forma .rt  .text:nth-child(4){   background: url(ax_27.png)  calc(100% - 12px) center no-repeat #fff; background-size: 8px;}
    .qjbd .col-forma .rt .textarea{ height: 60px; font-size: 12px; padding: 10px 12px; margin-bottom: 10px;}
    .qjbd .col-forma .rt .btn01{ height: 40px; font-size: 14px; }
    .qjbd .col-forma .rt .mege-form-ft{  margin-top: 8px;}
    .qjbd .col-forma .qjbdgb{ width: 28px; height: 28px; right: 10px; top: 10px;}
}
@media (max-width:1200px){
    .qjbd .col-forma .icon_a{ display: none;}
    .qjbd .col-forma .rt{ width: 100%; padding: 30px 20px; }
    .qjbd .col-forma .rt .mt{ font-size: 20px; margin-bottom: 16px;}
    .qjbd .col-forma .rt  .text{ border-radius: 5px; height: 35px; font-size: 12px; padding: 0 12px; margin-bottom: 10px;}
    
    .qjbd .col-forma .rt .a6 .text{ background: url(ax_27.png)  calc(100% - 12px) center no-repeat #fff; background-size: 8px;}
    .qjbd .col-forma .rt  .text:nth-child(4){   background: url(ax_27.png)  calc(100% - 12px) center no-repeat #fff; background-size: 8px;}
    .qjbd .col-forma .rt .textarea{ height: 60px; font-size: 12px; padding: 10px 12px; margin-bottom: 10px;}
    .qjbd .col-forma .rt .btn01{ height: 40px; font-size: 14px; }
    .qjbd .col-forma .rt .mege-form-ft{  margin-top: 8px;}
    .qjbd .col-forma .qjbdgb{ width: 28px; height: 28px; right: 10px; top: 10px;}
}