@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 微软雅黑, Arial, sans-serif; }
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; overflow-x: hidden;  background: #fff; color:#555; }
area {  anything:expression(this.onfocus=this.blur);  }
a {  color: #333; }
a:hover { color: #009fe8; }


.wrapper { position:relative; width:100%; height: 100%; margin:0 auto; overflow:hidden;}
.bj{ background:url(x1.jpg) top center no-repeat; background-size:cover}
.in {width: 1400px; margin: 0 auto; }
@media (max-width: 1440px){
	.in { width:1200px}
}
@media (max-width: 1200px){
    .in { width:92%}
}
.header{ width:100%; position:relative; position:relative; z-index:9; height:100px; border-bottom:1px solid #e7f1f1}
.header .logo{ float:left; height:100%; margin-left:8%}
.header .logo a{ display:block; height:100%; display:flex; align-items: center;}
.header .logo img{ height:86px;}
.header .menu{ }
.header .nav{ float:left; height:100%; box-sizing:border-box;}
.header .nav ul{ height:100%}
.header .nav ul li{ float:left; height:100%; margin-left:30px}
.header .nav ul li>a{display:flex; align-items: center; height:100%; font-size:14px; color:#333333; position:relative }
.header .nav ul li.on>a{ font-weight:bold; color:#09918f}
.header .nav ul li:hover>a{ font-weight:bold; color:#09918f}
.header .nav ul li.on>a:after,.header .nav ul li:hover>a:after{ content:""; display:block; width:40px; height:1px; background:#09918f; position:absolute; left:50%; margin-left:-20px; bottom:-1px}
.header .sea{ width:240px; height:100%; background:url(x4.png) center center no-repeat #09918f; float:right}
.header .lan{ display:flex; align-items: center; height:100%; float:right; margin-right:75px}
.header .lan .a1{ display:block; background:url(x3.png) left center no-repeat; padding-left:26px; color:#333; font-size:14px}
.header .lan .a2{ display:block; color:#09918f; font-size:14px}
.header .lan span{ display:block; width:1px; height:12px; background:#bcdad5; margin:0 12px}
.header .anav{ display:flex; align-items: center; height:100%; float:right; margin-right:100px}
.header .anav a{ display:block; color:#333; font-size:14px}
.header .anav span{ display:block; width:1px; height:12px; background:#bcdad5; margin:0 32px}
@media (max-width: 1600px){
	.header{ height:90px}
	.header .logo img{ height:76px;}
	.header .logo{ margin-left:4%}
	.header .nav{ margin-left:40px}
	.header .nav ul li{ margin-left:20px}
	.header .sea{ width:120px; }
	.header .lan{  margin-right:20px}
	.header .anav{ margin-right:20px}
	.header .anav span{ margin:0 10px}
}
@media (max-width: 1440px){
	.header .nav{ margin-left:30px}
	.header .nav ul li{ margin-left:20px}
	.header .sea{ width:100px; }
	.header .lan{  margin-right:20px}
	.header .anav{ margin-right:20px}
	.header .anav span{ margin:0 10px}
}
@media (max-width: 1400px){
	.header .nav{ margin-left:30px}
	.header .nav ul li{ margin-left:20px}
	.header .nav ul li a{ font-size:12px}
	.header .sea{ width:100px; }
	.header .lan{  margin-right:20px}
	.header .anav{ margin-right:20px}
	.header .anav span{ margin:0 10px}
	.header .anav a{ font-size:12px}
}
@media (max-width: 1260px){
	.header .nav{ margin-left:0}
	.header .nav ul li{ margin-left:10px}
	.header .lan{  margin-right:10px}
	.header .anav{ margin-right:10px}
}
@media (max-width:1200px) {
	.header{ height:60px}
	.header .logo img{ height:46px;}
	.header .nav{ display:none}
	.header .sea{ width:30px; height:30px; margin:15px 0 }
	.header .menu{ float:right; width:30px; height:30px; background:url(g_01x.png) center center no-repeat #09918f; background-size:16px; display:block;margin:15px 4% 15px 10px}

	
	.header .lan{  margin-right:20px}
	.header .anav{ display:none}
	.header .anav span{ margin:0 10px}	
	 
}




.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 #09918f; 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}
}

.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: translateX(100%);transition: all .6s; z-index: 101; font-family:"sy" }
.slide_box.active { transform: translateX(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; }
.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: #666;line-height: 36px;padding-left: 34px;font-size: 14px; background:url(o_ico_18.gif) 15px center no-repeat;}
.slide_nav .nav_down a:before {}
.slide_nav .nav_down a.active,.slide_nav .nav_down a:hover { color: #283b66;}
.slide_nav li a:hover{ color: #283b66;}
.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:80%; padding:66px 0 30px; }
	.z_mask{ }
}


.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}
}


.x1{ width:100%; position:relative}
.x1 .pic{ width:100%; overflow:hidden}
.x1 .pic img{ width:100%}
.x1 .cont{ width:100%; position:absolute; left:0; top:50%; margin-top:-110px; text-align:center}
.x1 .cont .title{ font-size:28px; color:#09918f; font-weight:bold; line-height:1}
.x1 .cont .title i{ color:#68bd2e}
.x1 .cont .intro{ font-size:64px; color:#333333; font-weight:bold; line-height:1; margin-top:50px}
.x1 .cont .search{ margin:0 auto; margin-top:65px; width:620px; position:relative}
.x1 .cont .search .inp1{ display:block; width:100%; height:70px; border:2px solid #149594; border-radius:40px; background:rgba(255,255,255,0.9);  color:#333; font-size:14px; box-sizing:border-box; padding:0 60px 0 30px}
.x1 .cont .search .inp2{ background:url(x21.png) center center no-repeat; display:block; width:60px; height:100%; position:absolute; right:0; top:0; cursor:pointer}
@media (max-width:1440px) {
	.x1 .cont .title{ font-size:24px; }
	.x1 .cont .intro{ font-size:50px; margin-top:35px}
	.x1 .cont .search{ margin-top:50px; width:500px;}
	.x1 .cont .search .inp1{ height:70px; }
}
@media (max-width:1200px) {
	.x1 .cont .title{ font-size:20px; }
	.x1 .cont .intro{ font-size:40px; margin-top:25px}
	.x1 .cont .search{ margin-top:40px; width:400px;}
	.x1 .cont .search .inp1{ height:60px; }
}
@media (max-width:750px) {
	.x1 .pic img{ width:100%; height:40vh; object-fit:cover}
	.x1 .cont{ box-sizing:border-box; padding:0 4%}
	.x1 .cont .title{ font-size:16px; }
	.x1 .cont .intro{ font-size:24px; margin-top:20px}
	.x1 .cont .search{ margin-top:30px; width:90%;}
	.x1 .cont .search .inp1{ height:50px; padding-left:20px; font-size:10px }
}

.x2{ margin-top:50px}
.x2 .ibd{ display:flex;justify-content: space-evenly;  align-items: center;flex-wrap: wrap;}
.x2 .ibd .item{ width:560px; background:#fff; border-radius:100px; box-shadow:0 0 30px rgba(0,0,0,0.15); padding:20px 0; text-align:center}
.x2 .ibd .item .p1{ font-size:104px; color:#09918f; font-weight:bold; line-height:1}
.x2 .ibd .item .p1 i{ font-size:24px; color:#333333}
.x2 .ibd .item .p2{ font-size:20px; color:#333333; line-height:1; padding:20px 0 10px}
@media (max-width:1440px) {
	.x2{ margin-top:40px}
	.x2 .ibd{  }
	.x2 .ibd .item{ width:500px; }
	.x2 .ibd .item .p1{ font-size:90px; }
	.x2 .ibd .item .p1 i{ font-size:20px; }
	.x2 .ibd .item .p2{ font-size:18px; padding:20px 0 5px}
}
@media (max-width:1200px) {
	.x2{ margin-top:30px}
	.x2 .ibd{  }
	.x2 .ibd .item{ width:46%; }
	.x2 .ibd .item .p1{ font-size:70px; }
	.x2 .ibd .item .p1 i{ font-size:18px; }
	.x2 .ibd .item .p2{ font-size:16px; padding:20px 0 5px}
}
@media (max-width:750px) {
	.x2{ margin-top:30px}
	.x2 .ibd{ justify-content: space-between; }
	.x2 .ibd .item{ width:48%; padding:15px 0; border-radius:20px }
	.x2 .ibd .item .p1{ font-size:40px; }
	.x2 .ibd .item .p1 i{ font-size:16px; }
	.x2 .ibd .item .p2{ font-size:14px; padding:10px 0 0}
}

.x3{ margin-top:130px;}
.x3 .ihd{ text-align:center; line-height:1; font-size:44px; color:#333333; font-weight:bold}
.x3 .ibd{ margin-top:80px}
.x3 .ibd .hd ul{ display:flex; justify-content: space-between;flex-wrap: wrap; height:628px }
.x3 .ibd .hd ul li{ position:relative;  width:410px; padding-bottom:28px}
.x3 .ibd .hd ul li .wk{ height:560px; margin:10px 0 0; overflow:hidden; transition:all 0.5s; border-radius:20px;background:rgba(251,247,239,0.5)}
.x3 .ibd .hd ul li.on{ width:520px}
.x3 .ibd .hd ul li.on .wk{  height:600px; margin:0}
.x3 .ibd .hd ul li .acon{ width:100%; height:100%; }
.x3 .ibd .hd ul li .acon .pic{ text-align:center; padding-top:50px}
.x3 .ibd .hd ul li .acon .pic img{ height:400px;}
.x3 .ibd .hd ul li .acon .title{ margin-top:30px; color:#333333; text-align:left; font-size:24px; line-height:1.2; padding:0 40px}
.x3 .ibd .hd ul li.on .acon{ width:100%; height:185px;display:flex; align-items: center; background:url(x7.jpg) center center no-repeat; background-size:cover }
.x3 .ibd .hd ul li.on .acon .pic{ padding:0 50px}
.x3 .ibd .hd ul li.on .acon .pic img{ height:110px}
.x3 .ibd .hd ul li.on .acon .title{ font-weight:bold; padding-left:0}
.x3 .ibd .hd ul li .bcon{ width:100%; height:415px; box-sizing:border-box; padding:50px; }
.x3 .ibd .hd ul li .bcon .item{ width:48%; margin-right:4%; float:left; margin-bottom:20px}
.x3 .ibd .hd ul li .bcon .item a{ display:block; background:url(x8.png) left center no-repeat; padding-left:20px; font-size:18px; color:#4c4c4c;box-sizing:border-box; line-height:2 ;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.x3 .ibd .hd ul li .bcon .item:nth-child(2n){ margin-right:0}
.x3 .ibd .hd ul li .bcon .item a:hover{ color:#6ec036; font-weight:bold}
.x3 .ibd .hd ul li .more{ position:absolute; left:50%; transform:translateX(-50%); bottom:0; display:none}
.x3 .ibd .hd ul li .more a{ display:flex;justify-content: center;align-items: center;flex-wrap: wrap; width:310px; height:59px; border-radius:28px; background:#6ec036;}
.x3 .ibd .hd ul li .more a i{ background:url(x9.png) right center no-repeat; padding-right:125px; font-size:16px; color:#ffff}
.x3 .ibd .hd ul li.on .more{ display:block}
@media (max-width:1440px) {
	.x3{ margin-top:100px;}
	.x3 .ihd{ font-size:36px; }
	.x3 .ibd{ margin-top:60px}
	.x3 .ibd .hd ul{ height:524px }
	.x3 .ibd .hd ul li{ width:350px; padding-bottom:24px}
	.x3 .ibd .hd ul li .wk{ height:460px; }
	.x3 .ibd .hd ul li.on{ width:460px}
	.x3 .ibd .hd ul li.on .wk{  height:500px; }
	.x3 .ibd .hd ul li .acon .pic{ padding-top:40px}
	.x3 .ibd .hd ul li .acon .pic img{ height:340px;}
	.x3 .ibd .hd ul li .acon .title{ margin-top:20px;  font-size:20px; }
	.x3 .ibd .hd ul li.on .acon{ height:140px; }
	.x3 .ibd .hd ul li.on .acon .pic{ padding:0 40px}
	.x3 .ibd .hd ul li.on .acon .pic img{ height:100px}
	.x3 .ibd .hd ul li .bcon{ height:360px; padding:40px; }
	.x3 .ibd .hd ul li .bcon .item{ margin-bottom:16px}
	.x3 .ibd .hd ul li .bcon .item a{ background-size:9px; padding-left:18px; font-size:16px; }
	.x3 .ibd .hd ul li .more a{  width:260px; height:48px; border-radius:24px; }
	.x3 .ibd .hd ul li .more a i{ background-size:10px; padding-right:80px; font-size:14px;}
}
@media (max-width:1200px) {
	.x3{ margin-top:80px;}
	.x3 .ihd{ font-size:28px; }
	.x3 .ibd{ margin-top:40px}
	.x3 .ibd .hd ul{ height:auto }
	.x3 .ibd .hd ul li{ width:100%; padding-bottom:0; margin-bottom:20px}
	.x3 .ibd .hd ul li .wk{ height:auto; }
	.x3 .ibd .hd ul li.on{ width:100%}
	.x3 .ibd .hd ul li.on .wk{  height:auto; }
	.x3 .ibd .hd ul li .acon{ height:100px;display:flex; align-items: center;flex-wrap: wrap;justify-content:center; background:url(x7.jpg) center center no-repeat; background-size:cover}
	.x3 .ibd .hd ul li .acon .pic{ padding-top:0;padding:0 40px}
	.x3 .ibd .hd ul li .acon .pic img{ height:80px; }
	.x3 .ibd .hd ul li .acon .title{ margin-top:0;  font-size:18px; font-weight:bold }
	
	.x3 .ibd .hd ul li.on .acon{ height:100px;display:flex; align-items: center;flex-wrap: wrap;justify-content:center; background:url(x7.jpg) center center no-repeat; background-size:cover}
	.x3 .ibd .hd ul li.on .acon .pic{ padding-top:0; padding:0 40px}
	.x3 .ibd .hd ul li.on .acon .pic img{ height:80px;}
	.x3 .ibd .hd ul li.on .acon .title{ margin-top:0;  font-size:18px; font-weight:bold }
	
	.x3 .ibd .hd ul li .bcon{ height:auto; padding:30px; }
	.x3 .ibd .hd ul li .bcon .item{ width:32%; margin-right:2%; margin-bottom:16px}
	.x3 .ibd .hd ul li .bcon .item:nth-child(2n){ margin-right:2%}
	.x3 .ibd .hd ul li .bcon .item:nth-child(3n){ margin-right:0}
	.x3 .ibd .hd ul li .bcon .item a{ background-size:9px; padding-left:18px; font-size:16px; }
	.x3 .ibd .hd ul li .more{ display:block; padding:20px 0; position:relative; left:auto; bottom:0; transform:translateX(0); margin:0 auto}
	.x3 .ibd .hd ul li .more a{  width:120px; height:40px; border-radius:24px; margin:0 auto }
	.x3 .ibd .hd ul li .more a i{ background-size:6px; padding-right:20px; font-size:12px;}
}
@media (max-width:750px) {
	.x3{ margin-top:60px;}
	.x3 .ihd{ font-size:20px; }
	.x3 .ibd{ margin-top:20px}
	.x3 .ibd .hd ul li .acon{ height:auto; padding:15px 0 }
	.x3 .ibd .hd ul li .acon .pic{ padding-top:0;padding:0 0 0 0}
	.x3 .ibd .hd ul li .acon .pic img{ height:70px; }
	.x3 .ibd .hd ul li .acon .title{ margin-top:0;  font-size:16px; font-weight:bold; text-align:center }
	.x3 .ibd .hd ul li{ margin:0}
	.x3 .ibd .hd ul li .wk{ margin:0}
	.x3 .ibd .hd ul li.on .acon{ height:90px; }
	.x3 .ibd .hd ul li.on .acon .pic{ padding-top:0;padding:0 30px 0 0}
	.x3 .ibd .hd ul li.on .acon .pic img{ height:70px; }
	.x3 .ibd .hd ul li.on .acon .title{ margin-top:0;  font-size:16px; font-weight:bold }
	
	.x3 .ibd .hd ul li .bcon{ height:auto; padding:20px; }
	.x3 .ibd .hd ul li .bcon .item{ width:49%; margin-right:2%; margin-bottom:12px}
	.x3 .ibd .hd ul li .bcon .item:nth-child(2n){ margin-right:0%}
	.x3 .ibd .hd ul li .bcon .item:nth-child(3n){ margin-right:0}
	.x3 .ibd .hd ul li .bcon .item a{ background-size:9px; padding-left:18px; font-size:14px; }
	.x3 .ibd .hd ul li .more{ display:block; padding:20px 0; position:relative; left:auto; bottom:0; transform:translateX(0); margin:0 auto}
	.x3 .ibd .hd ul li .more a{  width:120px; height:40px; border-radius:24px; margin:0 auto }
	.x3 .ibd .hd ul li .more a i{ background-size:6px; padding-right:20px; font-size:12px;}
}

.x4{ margin-top:210px;}
.x4 .ihd{ float:left; padding-top:110px}
.x4 .ihd .title{ line-height:1; font-size:44px; color:#333333; font-weight:bold}
.x4 .ihd .more{ margin-top:90px}
.x4 .ihd .more .m1{ display:flex;justify-content: center;align-items: center;flex-wrap: wrap; width:310px; height:59px; border-radius:28px; background:#6ec036;}
.x4 .ihd .more .m1 i{ width:190px; background:url(x9.png) right center no-repeat; font-size:16px; color:#fff}
.x4 .ihd .more .m2{ background:#09918f; margin-top:30px}
.x4 .ibd{ width:825px; float:right;margin-top: -150px;}
.x4 .ibd li{ background:#f0f7ed; width:100%; box-sizing:border-box; border:1px solid #fff; border-radius:20px; overflow:hidden; box-sizing:border-box; padding:40px 50px; margin-bottom:16px}
.x4 .ibd li .p1{display:flex;justify-content: space-between;align-items: center;flex-wrap: wrap;}
.x4 .ibd li .p1 .title{ background:url(x10.png) left center no-repeat; padding-left:55px; color:#333333; font-size:24px;width: calc(100% - 60px); box-sizing: border-box;}

.x4 .ibd li .p1 .ico{ background:url(x11.png) center center no-repeat; width:23px; height:23px; background-size:cover}
.x4 .ibd li .p2{ margin-top:20px; width:100%; box-sizing:border-box; padding:0 55px; display:none}
.x4 .ibd li .p2 .item{ float:left; width:100%; font-size:16px; color:#666666; margin-top:10px}
.x4 .ibd li .p2 .item i{ font-weight:bold}
.x4 .ibd li:last-child{ margin-bottom:0}
.x4 .ibd li.on .p2{ display:block}
.x4 .ibd li.on .p1 .title{ font-weight:bold}
.x4 .ibd li.on .p1 .ico{ background:url(x12.png) center center no-repeat;  background-size:cover}
@media (max-width:1440px) {
	.x4{ margin-top:150px;}
	.x4 .ihd{ padding-top:90px}
	.x4 .ihd .title{ font-size:36px; }
	.x4 .ihd .more{ margin-top:70px}
	.x4 .ihd .more .m1{ width:260px; height:48px; border-radius:24px; }
	.x4 .ihd .more .m1 i{ width:150px; font-size:14px; background-size:10px}
	.x4 .ihd .more .m2{ margin-top:25px}
	.x4 .ibd{ width:710px;margin-top: -120px; }
	.x4 .ibd li{ border-radius:16px; padding:30px 40px; margin-bottom:15px}
	.x4 .ibd li .p1{ }
	.x4 .ibd li .p1 .title{ background-size:20px; padding-left:45px; font-size:20px;}
	.x4 .ibd li .p1 .ico{ width:20px; height:20px; }
	.x4 .ibd li .p2{ margin-top:15px; padding:0 45px; }
	.x4 .ibd li .p2 .item{ font-size:14px; }
}
@media (max-width:1200px) {
	.x4{ margin-top:40px;}
	.x4 .ihd{ padding-top:0; width:100%}
	.x4 .ihd .title{ font-size:28px; text-align:center }
	.x4 .ihd .more{ margin-top:40px; width:100%}
	.x4 .ihd .more .m1{ float:left; width:48%; height:40px; border-radius:24px; }
	.x4 .ihd .more .m1 i{ width:100px; font-size:12px; background-size:8px}
	.x4 .ihd .more .m2{ margin-top:0; float:right}
	.x4 .ibd{ width:100%; margin-top:20px }
	.x4 .ibd li{ border-radius:12px; padding:20px; margin-bottom:15px}
	.x4 .ibd li .p1{ }
	.x4 .ibd li .p1 .title{ background:url(x10.png) 0 5px no-repeat; background-size:16px; padding-left:30px; font-size:16px;}
	.x4 .ibd li .p1 .ico{ display:none; }
	.x4 .ibd li .p2{ margin-top:5px; padding:0 0 0 30px; display:block }
	.x4 .ibd li .p2 .item{ font-size:14px; width:100%}
}
@media (max-width:750px) {
	.x4 .ihd .title{ font-size:20px;  }
	
	.x4 .ihd .more{ margin-top:40px; width:100%; display:flex;justify-content: center;}
	.x4 .ihd .more .m1{ float:none; width:fit-content; height:40px; border-radius:24px; padding:0 20px; margin:0 10px }
	.x4 .ihd .more .m1 i{ width:fit-content; display:block;word-spacing: normal;padding-right: 20px; font-size:12px; background-size:8px}
	.x4 .ihd .more .m2{ margin-top:0; float:none}
}

.x5{ margin-top:210px}
.inx5{ margin-top:100px}
.x5 .ihd{ text-align:center; line-height:1; font-size:44px; color:#333333; font-weight:bold}
.x5 .ibd{ margin-top:50px}
.x5 .ibd .hd{ border-bottom:2px solid #dbe4e4}
.x5 .ibd .hd ul{display:flex;justify-content:center;align-items: center;flex-wrap: wrap;}
.x5 .ibd .hd ul li{ display:flex;justify-content:center;align-items: center;flex-wrap: wrap; height:80px; cursor:pointer; margin:0 20px; padding:0 20px}
.x5 .ibd .hd ul li .ico img{ height:32px;}
.x5 .ibd .hd ul li .ico .img1{ display:block}
.x5 .ibd .hd ul li .ico .img2{ display:none}
.x5 .ibd .hd ul li.on .ico .img2{ display:block}
.x5 .ibd .hd ul li.on .ico .img1{ display:none}
.x5 .ibd .hd ul li .title{ font-size:24px; color:#333333; font-weight:bold; margin-left:12px}
.x5 .ibd .hd ul li.on{ background:url(x15.png) top center no-repeat; background-size:100% 100%}
.x5 .ibd .bd{ margin-top: 30px}
.x5 .ibd .bd .con{ width:100%;display: flex; align-items: center; flex-direction: row-reverse; justify-content: space-between; flex-wrap: wrap;}
.x5 .ibd .bd .con .pic{ width:365px;}
.x5 .ibd .bd .con .pic img{ width:100%}
.x5 .ibd .bd .con .cont{ width:860px; font-size:20px; color:#666666; line-height:2; padding-top:20px; float:left}
@media (max-width:1440px) {
	.x5{ margin-top:150px}
	.inx5{ margin-top:80px}
	.x5 .ihd{ font-size:36px; }
	.x5 .ibd{ margin-top:40px}
	.x5 .ibd .hd{ border-bottom:1px solid #dbe4e4}
	.x5 .ibd .hd ul{ }
	.x5 .ibd .hd ul li{   height:70px; }
	.x5 .ibd .hd ul li .ico img{ height:28px;}
	.x5 .ibd .hd ul li .title{ font-size:20px; }
	.x5 .ibd .bd .con .pic{ width:300px;}
	.x5 .ibd .bd .con .cont{ width:800px; font-size:18px; padding-top:10px }
}
@media (max-width:1200px) {
	.x5{ margin-top:80px}
	.inx5{ margin-top:60px}
	.x5 .ihd{ font-size:28px; }
	.x5 .ibd{ margin-top:30px}
	.x5 .ibd .hd{ border-bottom:1px solid #dbe4e4}
	.x5 .ibd .hd ul{ }
	.x5 .ibd .hd ul li{ margin:0 10px; padding:0 10px; height:60px; }
	.x5 .ibd .hd ul li .ico img{ height:24px;}
	.x5 .ibd .hd ul li .title{ font-size:18px; }
	.x5 .ibd .bd .con{ margin-top:20px}
	.x5 .ibd .bd .con .pic{ width:200px;}
	.x5 .ibd .bd .con .cont{ width:calc(100% - 220px); font-size:14px; padding-top:0 }
}
@media (max-width:750px) {
	.x5{ margin-top:60px}
	.x5 .ihd{ font-size:20px; }
	.x5 .ibd{ margin-top:20px}
	.x5 .ibd .hd{ border-bottom:1px solid #dbe4e4}
	.x5 .ibd .hd ul{flex-wrap: wrap; }
	.x5 .ibd .hd ul li{  width:50%; display:block; height:auto; margin:0; padding:10px 0 }
	.x5 .ibd .hd ul li .ico{ display:block; text-align:center;display:flex;justify-content:center; width:100%}
	.x5 .ibd .hd ul li .ico img{ height:18px;}
	.x5 .ibd .hd ul li .title{ display:block; width:100%; font-size:14px; margin:0; text-align:center }
	.x5 .ibd .bd .con{ margin-top:20px}
	.x5 .ibd .bd .con .pic{ width:100%; text-align:center}
	.x5 .ibd .bd .con .pic img{ width:50%}
	.x5 .ibd .bd .con .cont{ width:100%; font-size:14px; padding-top:10px }
}
.x6{ padding:200px 0 140px}
.x6 .itop{ font-size:28px; color:#4c4c4c; text-align:center; line-height:1; margin-bottom:20px}
.x6 .ihd{ text-align:center; line-height:1; font-size:44px; color:#333333; font-weight:bold}
.x6 .ibd{ margin-top:80px}
.x6 .ibd .picMarquee-left{ width:100%}
.x6 .ibd .picMarquee-left .bd ul li{ width:244px; overflow:hidden; position:relative; margin-right:60px; border-radius:20px}
.x6 .ibd .picMarquee-left .bd ul li img{ width:100%;}
.x6 .ibd .picMarquee-left .bd ul li:after{ content:""; display:block; width:100%; height:100%; position:absolute; left:0; top:0; z-index:2;box-shadow:inset 0 0 10px rgba(0, 0, 0, 0.15); border:1px solid #bae0de; border-radius:20px}
.x6 .ibd .more{display:flex;justify-content: center;align-items: center;flex-wrap: wrap; margin-top:80px}
.x6 .ibd .more .m1{  width:310px; height:59px; border-radius:28px; background:#6ec036;display:flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.x6 .ibd .more .m1 i{ width:190px; background:url(x9.png) right center no-repeat; font-size:16px; color:#fff}
.x6 .ibd .more .m2{ background:#09918f}
@media (max-width:1440px) {
	.x6{ padding:160px 0 100px}
	.x6 .itop{ font-size:24px; }
	.x6 .ihd{ font-size:36px; }
	.x6 .ibd{ margin-top:60px}
	.x6 .ibd .picMarquee-left .bd ul li{ width:200px; margin-right:40px; }
	.x6 .ibd .more{ margin-top:60px}
	.x6 .ibd .more .m1{ width:260px; height:48px; border-radius:24px; }
	.x6 .ibd .more .m1 i{ width:150px; font-size:14px; background-size:10px}
}
@media (max-width:1200px) {
	.x6{ padding:80px 0}
	.x6 .itop{ font-size:20px; }
	.x6 .ihd{ font-size:28px; }
	.x6 .ibd{ margin-top:40px}
	.x6 .ibd .picMarquee-left .bd ul li{ width:160px; margin-right:20px; }
	.x6 .ibd .more{ margin-top:40px;}
	.x6 .ibd .more .m1{ width:48%; height:40px; border-radius:24px; }
	.x6 .ibd .more .m1 i{ width:100px; font-size:12px; background-size:8px}
}
@media (max-width:750px) {
	.x6{ padding:60px 0}
	.x6 .itop{ font-size:14px; margin-bottom:15px }
	.x6 .ihd{ font-size:20px; }
	.x6 .ibd{ margin-top:30px}
	.x6 .ibd .picMarquee-left .bd ul li{ width:120px; margin-right:15px; }
	.x6 .ibd .more{ margin-top:30px;}
	.x6 .ibd .more .m1{ width:48%; height:40px; border-radius:24px; }
	.x6 .ibd .more .m1 i{ width:100px; font-size:12px; background-size:8px}
}

.footer{ background:url(x19.jpg) center center no-repeat; background-size:cover; color:#fff}
.footer .ft01{ padding:80px 0}
.footer .ft01 .aitem{ float:left}
.footer .ft01 .aitem .logo img{ height:86px; display:block}
.footer .ft01 .aitem .ftab{ margin-top:55px;}
.footer .ft01 .aitem .ftab .hd{ width:215px; border-right:1px solid rgba(255,255,255,0.1); float:left}
.footer .ft01 .aitem .ftab .hd li{ font-size:14px; color:rgba(255,255,255,0.5); line-height:1; margin-bottom:35px; cursor:pointer}
.footer .ft01 .aitem .ftab .hd li:last-child{ margin-bottom:0}
.footer .ft01 .aitem .ftab .hd li.on{ color:rgba(255,255,255,1)}
.footer .ft01 .aitem .ftab .bd{ margin-left:70px; float:left}
.footer .ft01 .aitem .ftab .bd ul li{ margin-bottom:35px; line-height:1}
.footer .ft01 .aitem .ftab .bd ul li:last-child{ margin-bottom:0}
.footer .ft01 .aitem .ftab .bd ul li a{ font-size:14px; color:rgba(255,255,255,0.5); line-height:1;}
.footer .ft01 .aitem .ftab .bd ul li a:hover{ color:rgba(255,255,255,1);}
.footer .ft01 .bitem{ width:660px; float:right;}
.footer .ft01 .bitem .title{ font-weight:bold; font-size:16px; line-height:1; color:#fff}
.footer .ft01 .bitem .from{ margin-top:25px}
.footer .ft01 .bitem .from .inp1{ display:block; width:300px; height:50px; font-size:14px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); float:left}
.footer .ft01 .bitem .from .inp2{ display:block; width:300px; height:50px; font-size:14px; color:#fff; border-bottom:1px solid rgba(255,255,255,0.5); float:left; margin-left:60px}
.footer .ft01 .bitem .from .t{ margin:30px 0 18px; float:left; font-size:14px; color:rgba(255,255,255,0.5); width:100%}
.footer .ft01 .bitem .from .inp3{ width:100%; height:92px; box-sizing:border-box; border:1px solid rgba(255,255,255,0.1); background:rgba(255,255,255,0.1); float:left; color:#fff; box-sizing:border-box; padding:10px}
.footer .ft01 .bitem .from .inp4{ width:120px; height:40px; background:#09918f; display:block; font-size:14px; margin-top:25px; border-radius:5px; float:left; color:#fff; cursor:pointer}
.footer .ft02{ padding:20px 0; border-top:1px solid rgba(255,255,255,0.1); text-align:center; font-size:14px; color:rgba(255,255,255,0.5)}
.footer .ft02 a{ color:rgba(255,255,255,0.5)}
.footer .ft02 a:hover{ color:rgba(255,255,255,1)}
@media (max-width:1200px){
	.footer{}
	.footer .ft01{ padding:60px 0}
	.footer .ft01 .aitem{ width:100%}
	.footer .ft01 .aitem .logo img{ height:60px; }
	.footer .ft01 .aitem .ftab{ margin-top:40px;}
	.footer .ft01 .aitem .ftab .hd{ width:215px;}
	.footer .ft01 .aitem .ftab .hd li{ font-size:14px; margin-bottom:25px; }
	.footer .ft01 .aitem .ftab .bd{ margin-left:70px; }
	.footer .ft01 .aitem .ftab .bd ul li{ margin-bottom:25px;}
	.footer .ft01 .bitem{ width:100%; margin-top:40px}
	.footer .ft01 .bitem .from{ margin-top:20px}
	.footer .ft01 .bitem .from .inp1{ width:48%; }
	.footer .ft01 .bitem .from .inp2{ width:48%; margin-left:4%}
	.footer .ft01 .bitem .from .t{ margin:20px 0 12px;}
	.footer .ft01 .bitem .from .inp3{}
	.footer .ft01 .bitem .from .inp4{ margin-top:20px;}
}
@media (max-width:750px){
	.footer .ft01{ padding:40px 0}
	.footer .ft01 .aitem .ftab .hd{ width:200px;}
	.footer .ft01 .aitem .ftab .bd{ margin-left:50px; }
}

.x7{ width:100%; margin-top:250px; display:none}
.x7 .ihd{ text-align:center; line-height:1; font-size:44px; color:#333333; font-weight:bold}
.x7 .ibd{ margin-top:50px;display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap;}
.x7 .ibd .pic{ width:293px;}
.x7 .ibd .pic img{ width:100%}
.x7 .ibd .cont{ width:900px; font-size:18px; color:#666666; line-height:1.8}
@media (max-width:1440px) {
	.x7{ margin-top:150px}
	.x7 .ihd{ font-size:36px; }
	.x7 .ibd{ margin-top:40px; }
	.x7 .ibd .pic{ width:260px;}
	.x7 .ibd .cont{ width:850px; font-size:16px }
}
@media (max-width:1200px) {
	.x7{ margin-top:80px}
	.x7 .ihd{ font-size:28px; }
	.x7 .ibd{ margin-top:30px; display:block }
	.x7 .ibd .pic{ width:240px; float:left; margin-right:15px}
	.x7 .ibd .cont{ width:auto; font-size:14px }
}
@media (max-width:750px) {
	.x7{ margin-top:60px}
	.x7 .ihd{ font-size:20px; }
	.x7 .ibd{ margin-top:25px; display:block }
	.x7 .ibd .pic{ width:160px; float:left; margin-right:15px}
	.x7 .ibd .cont{ width:auto; font-size:12px }
}

.tanchuang{ width:100%; height:100%; position:fixed; left:0; top:0; z-index:99; background:rgba(0,0,0,0.3)}
.tanchuang .cont{ width:100%; position:absolute; left:0; top:10%; height:80%;}
.tanchuang .cont .in{ background:#fff; box-sizing:border-box; padding:75px; height:100%}
.tanchuang .cont .in .title{ font-size:24px; color:#000000; font-weight:bold; line-height:1; text-align:center}
.tanchuang .cont .in .intro{ font-size:15px; color:#666666; line-height:2; margin:45px  0 60px}
.tanchuang .cont .in .more{display:flex; align-items: center; justify-content: center;}
.tanchuang .cont .in .more .a1{ display:flex; align-items: center; justify-content: center; width:310px; height:58px; border-radius:30px; color:#fff; background:#09918f; font-size:16px; cursor:pointer; margin:0 3%;}
.tanchuang .cont .in .more .a2{ background:#6ec036; }
@media (max-width:1600px) {
	.tanchuang .cont{ height:auto; top:50%; transform:translateY(-50%)}
	.tanchuang .cont .in{ padding:50px; height:auto}
	.tanchuang .cont .in .title{ font-size:22px}
	.tanchuang .cont .in .intro{ font-size:14px; margin:15px 0; height:auto; overflow:auto}
	.tanchuang .cont .in .more{}
	.tanchuang .cont .in .more .a1{ width:40%; height:50px; font-size:14px}
	.tanchuang .cont .in .more .a2{ margin:0 auto}
}
@media (max-width:1200px) {
	.tanchuang .cont{ height:auto; top:50%; transform:translateY(-50%)}
	.tanchuang .cont .in{ padding:30px 20px; height:auto}
	.tanchuang .cont .in .title{ font-size:20px}
	.tanchuang .cont .in .intro{ font-size:12px; margin:15px 0; height:300px; overflow:auto}
	.tanchuang .cont .in .more .a1{ width:50%; height:50px; font-size:14px; line-height:1.2; padding:0 20px; text-align:center}
}


.bdtj{ padding:80px 0 120px}
.bdtj .ibd .item{ width:630px; float:left;display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; height:62px; margin-bottom:30px}
.bdtj .ibd .item:nth-child(2n){ float:right}
.bdtj .ibd .item2{ width:100%; float:left}
.bdtj .ibd .item .n1{ width:230px; font-size:18px; color:#333333; font-weight:bold}
.bdtj .ibd .item .n2{ width:calc(100% - 230px); height:100%; background:url(x23.png) center center no-repeat; background-size:100% 100%; }
.bdtj .ibd .item .n2 .inp1{ width:100%; height:100%; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 40px; font-size:18px; color:#333333}
.bdtj .ibd .item .n2 .sel01{ width:100%; height:100%; background:url(x24.png) 96% center no-repeat; appearance:none; -webkit-appearance:none; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 40px; font-size:18px; color:#333333}

.bdtj .ibd .item .n3{ width:calc(100% - 160px); height:100%;  }
.bdtj .ibd .item .n3 fieldset{ display:block; width:100%; height:100%}
.bdtj .ibd .item .n3 .a{ width:32%; margin-right:2%; height:100%;background:url(x23.png) center center no-repeat; background-size:100% 100%; float:left}
.bdtj .ibd .item .n3 .a:last-child{ margin-right:0}
.bdtj .ibd .item .n3 .a .sel02{ width:100%; height:100%; background:url(x24.png) 90% center no-repeat; appearance:none; -webkit-appearance:none; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 15px; font-size:18px; color:#333333}
.bdtj .ibd .item2{ margin-top:70px;display:flex; align-items: center; justify-content: center;}
.bdtj .ibd .item2 .n1 .inp2{ width:310px; height:56px; border-radius:30px; font-size:16px; color:#fff; background:#09918f; cursor:pointer}
.bdtj .ibd .item2 .n2{ font-size:14px; color:#666666; margin-top:15px}
.bdtj .ibd .item2 .n2 i{ color:#ff0000}
@media (max-width:1600px) {
	.bdtj .ibd .item{ width:530px;}
	.bdtj .ibd .item .n1{ width:180px; font-size:16px; }
	.bdtj .ibd .item .n2{ width:calc(100% - 180px); }

}
@media (max-width:1200px) {
	.bdtj{ padding:60px 0 80px}
	.bdtj .ibd .item{ width:100%; height:62px; margin-bottom:20px}
	.bdtj .ibd .item2{ margin-top:20px; }
}
@media (max-width:750px) {
	.bdtj{ padding:40px 0 60px}
	.bdtj .ibd .item{ width:100%; height:auto; margin-bottom:20px}
	.bdtj .ibd .item .n1{ width:100%; font-size:14px; margin-bottom:5px}
	.bdtj .ibd .item .n2{ width:100%; height:50px}
	.bdtj .ibd .item .n3{ width:100%; height:50px}
	.bdtj .ibd .item .n2 .inp1{ font-size:14px; padding:0 15px}
	.bdtj .ibd .item .n2 .sel01{ font-size:14px; padding:0 15px; background-size:12px}
	.bdtj .ibd .item .n3 .a .sel02{ font-size:14px; padding:0 15px; background-size:12px}
	.bdtj .ibd .item2 .n1 .inp2{ font-size:14px; height:50px; width:160px; display:block; margin:0 auto}
	.bdtj .ibd .item2 .n2{ font-size:12px}
	.bdtj .ibd .item2{ margin-top:20px; }
	.bdtj .ibd .item3{ margin-top:20px; }
}

.hxpList{ width:100%; padding:50px 0}
.hxpList01{ width:616px; margin:0 auto; position:relative}
.hxpList01 .inp1{ display:block; width:100%; height:70px; border:2px solid #149594; border-radius:40px; background:rgba(255,255,255,0.9);  color:#333; font-size:14px; box-sizing:border-box; padding:0 60px 0 30px}
.hxpList01 .inp2{ background:url(x21.png) center center no-repeat; display:block; width:60px; height:100%; position:absolute; right:0; top:0; cursor:pointer}
.hxpList02{ margin-top:40px; background:rgba(255,255,255,0.5); box-sizing:border-box; padding:60px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.hxpList02 .item{ width:500px; float:left;display:flex;justify-content: space-between; align-items: center;flex-wrap: wrap; height:62px; margin-bottom:30px}
.hxpList02 .item .n1{ width:210px; font-size:18px; color:#333333; font-weight:bold}
.hxpList02 .item .n2{ width:calc(100% - 210px); height:100%; background:url(x23.png) center center no-repeat; background-size:100% 100%; }
.hxpList02 .item .n2 .sel01{ width:100%; height:100%; background:url(x24.png) 92% center no-repeat; appearance:none; -webkit-appearance:none; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 30px; font-size:18px; color:#333333}
.hxpList02 .item .n2 .inp1{ width:100%; height:100%; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 30px; font-size:18px; color:#333333}
.hxpList02 .item2{ width:380px; margin-left:40px}
.hxpList02 .item2 .n1{ width:160px;}
.hxpList02 .item2 .n2{ width:calc(100% - 160px);}

.hxpList02 .item2:nth-child(3){ width:320px; margin-left:40px}
.hxpList02 .item2:nth-child(3) .n1{ width:80px;}
.hxpList02 .item2:nth-child(3) .n2{ width:calc(100% - 80px);}

.hxpList02 .item3{ width:830px;}
.hxpList02 .item3 .n3{ width:calc(100% - 100px); height:100%;  }
.hxpList02 .item3 .n3 fieldset{ display:block; width:100%; height:100%}
.hxpList02 .item3 .n3 .a{ width:30%; margin-right:5%; height:100%;background:url(x23.png) center center no-repeat; background-size:100% 100%; float:left}
.hxpList02 .item3 .n3 .a:last-child{ margin-right:0}
.hxpList02 .item3 .n3 .a .sel02{ width:100%; height:100%; background:url(x24.png) 90% center no-repeat; appearance:none; -webkit-appearance:none; box-sizing:border-box; border:1px solid #09918f; border-radius:5px; padding:0 15px; font-size:18px; color:#333333}
.hxpList02 .item4{ margin-left:100px; width:350px}
.hxpList02 .item4 .inp3{ width:100%; height:100%; background:#09918f; font-size:18px; border-radius:30px; color:#fff; cursor:pointer}
.hxpList03{ margin-top:40px;display:flex; flex-wrap: wrap;}
.hxpList03 .item{ width:calc(50% - 20px); margin-right:40px; background:rgba(255,255,255,0.5); margin-bottom:40px; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.hxpList03 .item a{ box-sizing:border-box; padding:40px 60px;display:flex; flex-wrap: wrap; width:100%}
.hxpList03 .item:nth-child(2n){ margin-right:0}
.hxpList03 .item .t{display:flex; flex-wrap: wrap; width:100%;  line-height:1.6; padding:5px 0}
.hxpList03 .item .t:nth-child(2n){ margin-right:0}
.hxpList03 .item .t { font-size:16px; color:#666666}
.hxpList03 .item .t .n1{ font-weight:bold}

@media (max-width:1440px) {
	.hxpList{ padding:40px 0}
	.hxpList01{ width:550px; }
	.hxpList01 .inp1{  height:60px; padding:0 60px 0 30px}
	.hxpList02{ padding:40px 40px 20px; }
	.hxpList02 .item{ width:420px; height:50px; margin-bottom:20px}
	.hxpList02 .item .n1{ width:180px; font-size:16px; }
	.hxpList02 .item .n2{ width:calc(100% - 180px); }
	.hxpList02 .item .n2 .sel01{ background:url(x24.png) 92% center no-repeat; appearance:none; padding:0 20px; font-size:16px; }
	.hxpList02 .item .n2 .inp1{ padding:0 20px; font-size:16px; }
	.hxpList02 .item2{ margin-left:40px; width:330px}
	.hxpList02 .item2 .n1{ width:140px;}
	.hxpList02 .item2 .n2{ width:calc(100% - 140px);}
	
	.hxpList02 .item2:nth-child(3){ width:290px; margin-left:40px}
	.hxpList02 .item2:nth-child(3) .n1{ width:70px;}
	.hxpList02 .item2:nth-child(3) .n2{ width:calc(100% - 70px);}
	
	
	.hxpList02 .item3{ width:730px;}
	.hxpList02 .item3 .n3{ width:calc(100% - 90px); height:100%;  }
	.hxpList02 .item3 .n3 .a{ }
	.hxpList02 .item3 .n3 .a .sel02{ font-size:16px; }
	.hxpList02 .item4{ margin-left:80px; width:310px}
	.hxpList02 .item4 .inp3{  font-size:16px; }
	.hxpList03{ margin-top:30px; }
	.hxpList03 .item{ width:calc(50% - 15px); margin-right:30px; margin-bottom:30px; }
	.hxpList03 .item a{ padding:30px 40px; }
	.hxpList03 .item .t { font-size:14px; }
	.hxpList03 .item .t .n1{ font-weight:bold}
}
	
@media (max-width:1200px) {
	.hxpList{ padding:40px 0}
	.hxpList01{ width:100%; }
	.hxpList01 .inp1{  height:50px; padding:0 60px 0 20px; font-size:12px}
	.hxpList02{ padding:20px 20px 0; margin-top:30px }
	.hxpList02 .item{ width:100%; height:42px; margin-bottom:20px}
	.hxpList02 .item .n1{ width:100px; font-size:12px; }
	.hxpList02 .item .n2{ width:calc(100% - 100px); }
	.hxpList02 .item .n2 .sel01{ background:url(x24.png) 92% center no-repeat; background-size:12px; appearance:none; padding:0 20px; font-size:14px; }
	.hxpList02 .item .n2 .inp1{ padding:0 20px; font-size:12px; }
	.hxpList02 .item2{ margin-left:0; width:100%}
	.hxpList02 .item2 .n1{ width:100px;}
	.hxpList02 .item2 .n2{ width:calc(100% - 100px);}
	
	.hxpList02 .item2:nth-child(3){ width:100%; margin-left:0}
	.hxpList02 .item2:nth-child(3) .n1{ width:100px;}
	.hxpList02 .item2:nth-child(3) .n2{ width:calc(100% - 100px);}
	
	
	.hxpList02 .item3{ width:100%;}
	.hxpList02 .item3 .n3{ width:calc(100% - 100px); height:100%;  }
	.hxpList02 .item3 .n3 .a{ }
	.hxpList02 .item3 .n3 .a .sel02{ font-size:14px; padding:0 10px; background-size:12px }
	.hxpList02 .item4{ margin-left:0; width:100%}
	.hxpList02 .item4 .inp3{  font-size:16px; }
	.hxpList03{ margin-top:20px; }
	.hxpList03 .item{ width:100%; margin-right:0; margin-bottom:20px; }
	.hxpList03 .item a{ padding:20px; }
	.hxpList03 .item .t { font-size:14px; width:100%; margin:0 auto }
	.hxpList03 .item .t .n1{ font-weight:bold}
	
}

.hxpListXq{ width:100%; padding:90px 0}
.hxpListXqCont .item{display:flex; flex-wrap: wrap;}
.hxpListXqCont .item .t{display:flex; flex-wrap: wrap; width:48%; margin-right:4%; line-height:1.6; padding:10px 0}
.hxpListXqCont .item .t:nth-child(2n){ margin-right:0}
.hxpListXqCont .item .t { font-size:18px; color:#666666}
.hxpListXqCont .item .t .n1{ font-weight:bold; color:#333333}

@media (max-width:1200px) {
	.hxpListXq{ width:100%; padding:40px 0}
	.hxpListXqCont .item{display:flex; flex-wrap: wrap;}
	.hxpListXqCont .item .t{display:flex; flex-wrap: wrap; width:100%; margin-right:0; line-height:1.6; padding:5px 0}
	.hxpListXqCont .item .t:nth-child(2n){ margin-right:0}
	.hxpListXqCont .item .t { font-size:14px; color:#666666}
	.hxpListXqCont .item .t .n1{ font-weight:bold; color:#333333}
	
}

.back{ background:rgba(0,0,0,0.1)}
.back .in{ display:flex;justify-content:flex-end;}
.back .in a{ display:block; background:url(x26.png) left center no-repeat; padding-left:42px; font-size:14px; color:#333333; line-height:80px}
@media (max-width:1200px) {
	.back .in a{ display:block; background:url(x26.png) left center no-repeat; background-size:24px; padding-left:34px; font-size:14px; color:#333333; line-height:60px}
}


.page {  line-height:24px; text-align:center; }
.page select{ display:none}
.page a { display:inline-block; margin:0 2px; padding:8px 12px; border:1px solid #e5e2d9; background:#e5e2d9; color:#333; vertical-align:top; font-size:14px ; min-width:16px; border-radius:5px}
.page a:hover,.page .current { border:1px solid #09918f; background:#09918f; color:#fff; }
@media all and (max-width:1760px){
	.page a{ padding:3px 10px}
}
@media all and (max-width:1200px){
	.page a { font-size:12px}
	.page a{ padding:3px 5px}
}
@media all and (max-width:750px){
	.page a{ margin:0 3px}
}

/* 内容模式 */
.article {  width:100%; margin:0 auto; box-sizing:border-box; line-height:2; font-size:16px; word-wrap:break-word; }
.article .in{ box-sizing:border-box; padding:40px 0; }
.article .hd { margin:0 0 30px; padding:0 0 30px; border-bottom: 1px dotted #ccc; }
.article .hd h1 { color:#000; font-size:28px; text-align:center; font-weight:normal; line-height:1.6 }
.article .hd .titBar { color:rgba(0,0,0,0.6); font-size:16px; text-align:center; margin-top:10px }
.article .bd { line-height:2; font-size:16px; color:#282828 }
.article .bd img{ max-width:100%; height:auto}
.article .bd video{ max-width:100%; height:auto}
.article .ft { margin:30px 0 0;}
.article .ft .in{ padding:0!important; background:none!important}
.article .ft ul{ border-top:1px dotted #ccc; padding:30px 0 0 0 }
.article .ft ul li { width:100%; box-sizing:border-box; text-align:left; text-overflow: ellipsis;overflow: hidden;white-space: nowrap; color:#282828}
.article .ft ul li a{ color:#282828}
.article .ft ul:hover li a{ color:#1f83e6}
.in_pc{ display:block}
.in_sj{ display:none}
.article .bd video{ max-width:100%; height:auto}
@media all and (max-width:1200px){
	.article .in{ padding:20px;}
	.article .hd h1{ font-size:18px}
	.article .hd{ padding-bottom:20px; margin-bottom:20px}
	.article .hd .titBar { font-size:12px}
	.article{ font-size:14px}
	.article .ft{ }
	.article .ft .back{ top:20px}
	.article .ft ul li{ width:100%}
	.article .ihd{ font-size:20px;  padding:5px 0; margin-bottom:20px}
	.in_pc{ display:none}
	.in_sj{ display:block}
	.article .ft { margin:20px 0 0; height:auto}
	.article .ft ul{ display:block; height:auto; padding:20px 0 0 0}
	.article .ft ul li { width:100% }
	.article .bd{ font-size:14px; line-height:2}	
}


.newsPage2{ padding:40px 0}
.newsList2{ padding-bottom:30px}
.newsList2 .item{ width:100%; height:136px; margin-bottom:25px; background:#fff;}
.newsList2 .item a{ display:block;display:flex;align-items: center;   width:100%; height:100% }
.newsList2 .item .time{ width:190px; text-align:center; font-weight:bold; color:#5b5b5b}
.newsList2 .item .time .p1{ display:inline-block; vertical-align:top; font-size:32px; line-height:1; border-bottom:1px solid #ebebeb; padding-bottom:10px; margin-bottom:8px}
.newsList2 .item .cont{ width:calc(100% - 190px); box-sizing:border-box; padding:0 45px 0 0}
.newsList2 .item .cont .title{ font-size:18px; color:#282828;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.newsList2 .item .cont .intro{ font-size:16px; color:rgba(0,0,0,0.45); line-height:24px; height:48px; margin-top:6px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;}
.newsList2 .item:hover a{ }
.newsList2 .item:hover{ background:#09918f; box-shadow:0px 12px 23.75px 1.25px rgba(0,4,35,0.13);}
.newsList2 .item:hover .time{ color:#fff}
.newsList2 .item:hover .time .p1{ border-bottom:1px solid #fff}
.newsList2 .item:hover .cont .title{ color:#fff;}
.newsList2 .item:hover .cont .intro{ color:rgba(255,255,255,0.47);}
@media all and (max-width:1200px){
	.newsPage2{ padding:0 0 }
	.newsList2{ padding-bottom:10px}
	.newsList2 .item{ margin-bottom:20px; height:125px}
	.newsList2 .item .time{ width:100px;}
	.newsList2 .item a{ }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 100px); padding:0 30px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}
@media all and (max-width:450px){
	.newsList2 .item{ height:100px}
	.newsList2 .item .time{ width:80px;}
	.newsList2 .item a{  }
	.newsList2 .item:hover a{ }
	.newsList2 .item .time .p1{ font-size:24px;padding-bottom:8px; margin-bottom:6px}
	.newsList2 .item .cont{ width:calc(100% - 80px); padding:0 15px 0 0}
	.newsList2 .item .cont .title{ font-size:16px}
	.newsList2 .item .cont .intro{ font-size:12px; line-height:20px; height:40px}
}

/*picx*/
.picx{  padding:40px 0}
.picxList{ width:100%;}
.picxList .item{ width:31.5%; float:left; margin-right:2.75%; background:#fff; margin-bottom:40px; position:relative; border-radius:20px; overflow:hidden; box-shadow:0 0 10px rgba(0,0,0,0.1)}
.picxList .item:nth-child(3n){ margin-right:0}
.picxList .item:hover{ box-shadow:0 0 10px rgba(00,0,0,0.15)}
.picxList .item a{}
.picxList .item a .pic{ width:100%; overflow:hidden; position:relative}
.picxList .item a .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.picxList .item:hover a .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scal(1.1);}
.picxList .item a .cont{ }
.picxList .item a .cont .title{ font-size:18px; color:#fff;text-overflow: ellipsis;overflow: hidden;white-space: nowrap; text-align:center;  width:100%; box-sizing:border-box; padding:20px; font-weight:bold; background:#00a199; color:#fff}
.picxList .item:hover a .cont{}
@media all and (max-width:1600px){
	.picxList{ padding-bottom:10px}
	.picxList .item{ margin-bottom:30px}
	.picx{  }

}
@media all and (max-width:1200px){
	.picx{ }
	.picxList{ padding-bottom:20px}
	.picxList .item{ margin-bottom:20px}
	.picx{ }
	.picxList .item a .cont{ }
	.picxList .item a .cont .title{ font-size:16px}	

}
@media all and (max-width:750px){
	.picxList .item{ width:48.5%;   margin-right:3%;margin-bottom:15px; border-radius:10px}
	.picxList .item:nth-child(3n){ margin-right:3%}
	.picxList .item:nth-child(2n){ margin-right:0}	
	.picxList .item a .cont{ padding:0}
	.picxList .item a .cont .title{ font-size:14px; padding:12px}	

}

.NewsList{ background:#f4faff; padding:60px 0}
.NewsList .NewsListCont{ margin-bottom:40px}
.NewsList .item{ width:100%;  }
.NewsList .item .in{ display:flex;border-bottom:1px solid #e8e8e8;padding:30px 0;flex-wrap: wrap;}
.NewsList .item .time{ width:100px; height:94px; box-sizing:border-box; border:1px solid #d5d5d5; padding:0 15px; text-align:center}
.NewsList .item .time .p1{ line-height:45px; border-bottom:1px solid #d5d5d5; font-size:26px; color:#262626; font-weight:bold}
.NewsList .item .time .p2{ font-size:16px; color:#878787; line-height:45px}
.NewsList .item .pic{ margin-left:40px; width:417px; overflow:hidden}
.NewsList .item .pic img{ width:100% ;transition:All 0.4s linear;    -webkit-transition:All 0.4s linear;    -moz-transition:All 0.4s linear;    -o-transition:All 0.4s linear;}
.NewsList .item:hover .pic img{transform:scale(1.1);    -webkit-transform:scale(1.1);    -moz-transform:scale(1.1);    -o-transform:scale(1.1);    -ms-transform:scale(1.1);}
.NewsList .item .cont{ margin-left:53px; width:calc(100% - 610px)}
.NewsList .item .cont .title{ font-size:18px; color:#262626; font-weight:bold; margin-top:10px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.NewsList .item .cont .title a{ color:#262626}
.NewsList .item .cont .intro{ font-size:16px; color:#666666; line-height:30px; height:60px; overflow:hidden;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2; margin-top:30px}
.NewsList .item .cont .p{ margin-top:5px; font-size:12px; color:#6666; display:none}
.NewsList .item .cont .more{ margin-top:75px}
.NewsList .item .cont .more a{ display:flex; align-items: center; justify-content: center; width:163px; height:50px; box-sizing:border-box; border:1px solid #00a199; font-size:16px; color:#05a295}
.NewsList .item:hover{ background:#fff}
.NewsList .item:hover .cont .title a{ color:#02a197}
.NewsList .item:hover .cont .more a{ background:url(x37.jpg) center center no-repeat; background-size:cover; color:#fff; border:0}
@media (max-width: 1600px){
	.NewsList{ padding:40px 0}
	.NewsList .NewsListCont{ margin-bottom:40px}
	.NewsList .item .in{ padding:25px 0 }
	.NewsList .item .time{ width:70px; height:70px; padding:0 10px; }
	.NewsList .item .time .p1{ line-height:35px; font-size:22px; }
	.NewsList .item .time .p2{ font-size:12px; line-height:32px}
	.NewsList .item .pic{ margin-left:40px; width:360px; overflow:hidden}
	.NewsList .item .cont{ margin-left:40px; width:calc(100% - 510px)}
	.NewsList .item .cont .title{ font-size:16px; }
	.NewsList .item .cont .intro{ font-size:14px; line-height:28px; height:56px;  margin-top:20px}
	.NewsList .item .cont .more{ margin-top:50px}
	.NewsList .item .cont .more a{ width:140px; height:42px; font-size:14px; }
}
@media (max-width: 1200px){
	.NewsList{ padding:40px 0}
	.NewsList .NewsListCont{ margin-bottom:40px}
	.NewsList .item .in{ padding:20px 0 }
	.NewsList .item .time{ width:70px; height:70px; padding:0 10px; }
	.NewsList .item .time .p1{ line-height:35px; font-size:22px; }
	.NewsList .item .time .p2{ font-size:12px; line-height:32px}
	.NewsList .item .pic{ margin-left:20px; width:280px; overflow:hidden}
	.NewsList .item .cont{ margin-left:20px; width:calc(100% - 410px)}
	.NewsList .item .cont .title{ font-size:16px; }
	.NewsList .item .cont .intro{ font-size:14px; line-height:28px; height:56px;  margin-top:20px}
	.NewsList .item .cont .more{ margin-top:30px}
	.NewsList .item .cont .more a{ width:120px; height:36px; font-size:14px; }
}
@media (max-width: 750px){
	.NewsList{ padding:20px 0}
	.NewsList .NewsListCont{ margin-bottom:20px}
	.NewsList .item .in{ padding:20px 0 }
	.NewsList .item .time{ display:none}
	.NewsList .item .pic{ margin-left:0; width:100%; overflow:hidden}
	.NewsList .item .cont{ margin-left:0; margin-top:0; width:100%}
	.NewsList .item .cont .title{ font-size:16px; margin-top:15px }
	.NewsList .item .cont .p{ display:block}
	.NewsList .item .cont .intro{ font-size:12px; line-height:22px; height:40px;  margin-top:10px}
	.NewsList .item .cont .more{ margin-top:20px}
	.NewsList .item .cont .more a{ width:100px; height:32px; font-size:12px; }
}


.second_nav{ width:100%;position:relative; z-index:9;border-bottom: 1px solid #e7f1f1;}
.second_nav .in{ position:relative}
.second_nav ul{ font-size:0; text-align:left}
.second_nav ul li{ display:inline-block; vertical-align:top; position:relative}
.second_nav ul li a{ display:block; line-height:70px; font-size:18px; color:#323232; padding:0 35px}
.second_nav ul li.on a{ color:#fff; background:#09918f}
.second_nav ul li:hover a{ color:#fff; background:#09918f}
.second_nav .t{ display:none}
@media (max-width: 750px){
	.second_nav .t{ display:block; font-size:17px; width:100%;background-color:#519a07;text-align:left;display:block;padding:5px 5.335%;line-height:40px;overflow:hidden; color:#fff; box-sizing:border-box}
	.second_nav .t i{ display:block; float:right; width:12px; height:40px; background:url(cx10.png) center center no-repeat; background-size:12px; transition:all 0.3s linear}
	.second_nav .t.on i{  background:url(cx10.png) center center no-repeat; background-size:12px; transform:rotate(180deg)}
	.second_nav{ background:#f1f1f1}
	.second_nav .nr{ width:100%}
	.second_nav ul{ text-align:left; box-sizing:border-box; background:#fff; display:none}
	.second_nav ul li{ width:100%; text-align:center; border-bottom: 1px solid #e7e7e7;}
	.second_nav ul li a{ line-height:45px; font-size:16px; padding:0}	
}
.location{ position:absolute; right:0; top:0}
.location{ line-height:70px}
.location .a{ display:none}
.location .b{ font-size:14px; float:left; color:rgba(0,0,0,0.5)}
.location .b a{ color:rgba(0,0,0,0.5)}
.location .b { background:url(g_26.png) left center no-repeat; padding-left:28px;}
.location .b a:hover{ color:#519a07}
@media (max-width: 1200px){
	.location{ display:none}
}