ul,
ol,
li,
dl,
dd,
dt {
  list-style-type: none;
  line-height: normal;
}
address,
caption,
cite,
code,
dfn,
i,
em,
th,
var {
  font-style: normal;
  font-weight: normal;
}
a {
  text-decoration: none;
  color: #333;
}
a:hover {
  cursor: pointer;
}
img {
  border: 0;
  max-width: 100%;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  font-weight: normal;
}
h1 {
  font-size: 36px;
}
h2 {
  font-size: 24px;
}
h3 {
  font-size: 22px;
}
h4 {
  font-size: 18px;
}
h5 {
  font-size: 14px;
}
h6 {
  font-size: 12px;
}
input,
table,
tr,
td {
  margin: 0;
  padding: 0;
  border: none;
}
p {
  margin: 0;
  padding: 0;
}
button,
table {
  border: none;
  background: none;
  margin: 0;
  padding: 0;
}
select {
  margin: 0;
  padding: 0;
  outline: none;
}
textarea {
  border: 0;
  background: none;
  resize: none;
  outline: 0;
}
input {
  outline: 0;
  border: 0;
  background: none;
}
button {
  outline: none;
  border: 0;
  background: none;
}
body {
  /*text-align: justify;*/
}


.w_center {
  display: block; position:relative; z-index:6;
  max-width:1677px;
  margin-right: auto;
  margin-left: auto;
}

.ctext { float:left;
  width: 100%;
  padding-left:75px;
  padding-right:75px;
}
@media screen and (max-width:1024px) {
  .ctext {
    padding-left: 13px;
    padding-right: 13px;
  }
}

html{
  font-size: 5.96vw;
}
@media screen and  (min-width: 1677px){
  html{
  font-size: 100px;
}
}
@media screen and  (max-width:300px){
  html{
  font-size:60px;
}
}

.head{ float:left;width: 100%; background:#fff;z-index: 18; position:relative;}
.head .logo{ float:left;line-height: 0; margin:20px 0;}
.head .logo a{ float:left;}
.head .logo img {max-width: none;height:69px;}
.head .lang{float:right; position:relative; cursor:pointer; padding-right:21px; color:#000000; font-size:16px; line-height:52px; margin:28px 0;}
.head .lang:after{ float:left; position:absolute; right:0; top:24px;  content:''; border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #14a85e; }
.head .lang ul{ display:none; float:left; position:absolute; right:50%; margin-right:-30px; top:100%; width:60px; background:rgba(255,255,255,0.9); padding:8px 0; box-shadow:0 0 5px rgba(0,0,0,0.1);}
.head .lang ul li a{ float:left; width:100%; color:#333; text-align:center; font-size:14px; line-height:24px;}
.head .lang ul li a:hover{ color:#60c492;}
.head .Search{float:right; cursor:pointer; width:32px; height:32px; border-radius:50%; background:url(../_im_g/ico1.png) center no-repeat #14a85e; margin:38px 0;}
.head .tel{float:right; position:relative; color:#0e0b70; font-size:18px; line-height:32px; margin:38px 25px 38px 20px; padding-left:41px;}
.head .tel:after{float:left; width:32px; height:32px; border-radius:50%; background:url(../_im_g/ico2.png) center no-repeat #0e0b70; position:absolute; left:0; top:0; content:'';}
.head .tel span{float:left; position:relative; font-family:Arial; padding:0 13px; background:rgba(244,244,244,0.6); border-radius:32px;}
.head .tel span:after{ float:left; position:absolute; right:100%; top:50%;  content:''; margin:-5px -1px 0 0; border-top:5px solid transparent; border-bottom:5px solid transparent;border-right:7px solid rgba(244,244,244,0.6); }

._searchs{  display:none; float:right; padding:40px 20%;width:100%; position:absolute; left:0; top:100%; margin-top:0; background:#e9f2e8; box-shadow:0 3px 6px rgba(0,0,0,0.1); }
._searchs input{float: left; height: 40px; border: 0;}
._searchs .but{width:50px; height: 40px; background:url(../_im_g/ico1.png) center no-repeat #60c492;}
._searchs .txt{width:-webkit-calc(100% - 50px); width:-moz-calc(100% - 50px); width:calc(100% - 50px); padding: 0 15px; background: #fff; color:#000; font-size:14px;}


.menu { float: left; margin-left:4.47%; width:39.2%; }
.menu .ul {float: left; width:100%;flex-wrap:wrap; display: flex; justify-content:space-between; }
.menu .nli {float: left; }
.menu .nli span a{float: left; position: relative;color: #000;font-size: 18px;line-height:109px;}
.menu .nli span a:after{ float:left; width:100%; height:3px; content:''; position:absolute; left:0; top:80px; background:url(../_im_g/main7.png) center no-repeat; opacity:0;-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;  
}
.menu .nli.active span a,
.menu .nli:hover span a { color:#60c492;}
.menu .nli.active span a:after,
.menu .nli:hover span a:after{ top:70px; opacity:1;}

@media screen and (max-width:1360px) {
.head .tel{ display:none; margin:38px 15px 38px 15px;}
.head .lang{ margin:28px 0 28px 20px;}
.menu .nli span a{ font-size:16px;}
}


.menuph {
  display: none; margin:19px 0;
  float: right;
  width: 24px;
  height: 22px;
  cursor: pointer;
  text-align: center;
}
.menuph .point {
  float: left;
  width: 100%;
  height: 22px;
  position: relative;
}
.menuph .point:hover .navbtn,
.menuph .point:hover .navbtn::after,
.menuph .point:hover .navbtn::before {
  width: 100%;
}
.menuph .navbtn{
  position: absolute;
  top: 10px;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  background: #60c492;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after,
.menuph .navbtn::before {
  position: absolute;
  right: 0;
  display: inline-block;
  width: 100%;
  height: 2px;
  content: "";
  background: #60c492;
  -webkit-transition: all 0.3s ease-out 0s;
  -moz-transition: all 0.3s ease-out 0s;
  -ms-transition: all 0.3s ease-out 0s;
  -o-transition: all 0.3s ease-out 0s;
  transition: all 0.3s ease-out 0s;
}
.menuph .navbtn::after {
  top: -10px;
}
.menuph .navbtn::before {
  top: 10px;
}
.menuph .point.active .navbtn {
  background: transparent !important;
}
.menuph .point.active .navbtn::after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 0px;
}
.menuph .point.active .navbtn::before {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 0px;
}


.xialaph{ display:none; position:fixed; left: 0; top: 0; float: left; width: 100%; height:100%; overflow:auto; padding:58px 15px; display: none; z-index:7; background:#fff; box-shadow:0 5px 10px rgba(0,0,0,0.2); }
.xialaph .ul2,
.xialaph .ul3,
.xialaph .ul4{ display: none;}
.xialaph li{ float: left; width:100%;}
.xialaph h4 a{ float: left; width:100%; color: #333; font-size:16px; line-height:50px;  display:flex; align-items:center;}
.xialaph h4{ float: left; width: 100%; position: relative; margin-top:-1px;}
.xialaph h4 i{ float:left; width:8px; height:8px; position:absolute; right:5px; top:50%; border-top:1px solid #333; border-right:1px solid #333; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h4.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #f3c508; border-right:1px solid #f3c508; opacity:1}
.xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph li:last-child h4::before{ display:none;}
.xialaph h4:hover a{ color: #f3c508;}
.xialaph h5:hover a{ color: #f3c508;}
.xialaph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color:#ccc;}
.xialaph h5 a{ float: left; width:100%; color: #666666; font-size:14px; line-height:41px; position:relative; text-transform: uppercase;}
.xialaph h5{ float: left; width: 100%; position: relative;}
.xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color:#ccc;}
.xialaph h5 i{ float:left; width:8px; height:8px; position:absolute; right:12px; top:50%; border-top:1px solid #111111; border-right:1px solid #111111; opacity:0.8; transform:translate(0,-50%) rotate(45deg); -ms-transform:translate(0,-50%) rotate(45deg);}
.xialaph h5.active i{ transform:translate(0,-50%) rotate(135deg); -ms-transform:translate(0,-50%) rotate(135deg); margin-top:-4px; border-top:1px solid #133a9c; border-right:1px solid #133a9c; opacity:1}
.xialaph .ul2{ float: left; width: 100%; padding:0 15px;}

@media screen and (max-width:1024px) {
.menuph {display: block;}
.menu{ display:none;}
.head{ box-shadow: 0 6px 12px rgba(163,182,220,0.15);}
.head .logo{ margin:6px 0;}
.head .logo img{ height:48px;}
.head .lang{  line-height:40px; margin:10px 10px 10px 4px; padding-right:14px; font-size:14px;}
.head .lang:after{top:18px;}
.head .Search{ margin:14px 0;background: url(../_im_g/ico1.1.png) center no-repeat #fff;}
._searchs{ float:right; padding:15px 15px;}

}
@media screen and (max-width:374px) {
.head .Search{ display:none;}
.head .logo{ margin:9px 0;}
.head .logo img{ height:42px;}
.head .lang{ line-height:40px; margin:10px 10px 10px 0; }

}



.footer{ overflow:hidden; background:#14a85e; background-size:100% 100%; padding-top:32px; color: #fff;font-size: 16px;line-height:26px;
  background-image: -webkit-linear-gradient(right, #0285a9 0%, #14a85e 100%);
  background-image: -moz-linear-gradient(right, #0285a9 0%, #14a85e 100%);
  background-image: -o-linear-gradient(right, #0285a9 0%, #14a85e 100%);
  background-image: linear-gradient(right, #0285a9 0%, #14a85e 100%);
}
.footer a{color: #fff;}
.footer .logo { float:left;line-height: 0;}
.footer .logo img {width:81px;}
.footer .nav{ float:left;flex-wrap:wrap; justify-content:center; display: flex;flex-direction:column; min-height:81px; width:-webkit-calc(100% - 145px); width:-moz-calc(100% - 145px); width:calc(100% - 145px); padding:9px 1.72% 0 1.72%;}
.footer .nav ul{ float:left;}
.footer .nav ul li{ float:left; margin-right:49px;}
.footer .nav ul li a{ float:left;}
.footer .nav ul li a:hover { text-decoration:underline;}
.footer .addr { float:left; margin-top:9px;}
.footer .addr span{ float:left; margin-right:16px;}
.footer .er{float:right; text-align:center; width:64px; font-size:12px; line-height:0;}
.footer .er img {width: 100%;}
.footer .er span { display:block; line-height:24px;}
.footer .down{ float:left; width:100%; border-top: 1px solid rgba(255, 255, 255, 0.37); padding-top:11px; padding-bottom:17px; margin-top:22px;}
.footer .Copyright { float:left;}
.footer .Copyright a:hover { text-decoration:underline;}
.footer .lang{float:right; position:relative; cursor:pointer; padding-right:17px;}
.footer .lang:after{ float:left; position:absolute; right:0; top:12px;  content:''; border-left:4px solid transparent; border-right:4px solid transparent;border-top:5px solid #fff; }
.footer .lang.active:after{ transform:rotate(180deg);}
.footer .lang ul{ display:none; float:left; position:absolute; right:50%; bottom:100%; width:60px; margin-right:-30px; background:rgba(255,255,255,0.9); padding:8px 0;}
.footer .lang ul li a{ float:left; width:100%; color:#333; text-align:center; font-size:14px; line-height:24px;}
.footer .lang ul li a:hover{ color:#60c492;}


@media screen and (max-width: 1360px) {
.footer{ font-size:14px; line-height:24px;}
.footer .nav ul li{ margin-right:30px;}
.footer .addr span{ margin-right:12px;}
  
}
@media screen and (max-width: 1024px) {
.footer{ padding-top:25px;}
}
@media screen and (max-width: 767px) {
.footer{ padding-top:30px;}
.footer .nav{ width:100%; padding:5px 0 0 0; }
.footer .er{ position:absolute; right:0; top:-6px;}
.footer .down{flex-wrap:wrap; display: flex; justify-content:center;}
.footer .Copyright{ width:100%; text-align:center; font-size:12px;  line-height:20px;}
.footer .Copyright a{ display:block;}
.footer .nav ul{ position:absolute; left:76px; top:13px; flex-wrap:wrap; display: flex; justify-content:space-between; width:-webkit-calc(100% - 140px); width:-moz-calc(100% - 140px); width:calc(100% - 140px); padding:0 5%;}
.footer .nav ul li{ width:50%; text-align:center; margin-right:0;flex-wrap:wrap; display: flex; justify-content:center; line-height:24px;}
.footer .addr{width:-webkit-calc(100% + 12px); width:-moz-calc(100% + 12px); width:calc(100% + 12px);}
.footer .logo img{ width:76px;}

}

/*banner*/
.slide_banner { float:left;width: 100%;position: relative;overflow: hidden;}
.slide_banner .div{ float:left; line-height:0;width: 100%; }
.slide_banner .slick-dots { height:46px;flex-wrap: wrap;display: flex;justify-content:center;align-items: center;bottom:7.625%; width:120px;right:50%; margin-right:-791px;}
.slide_banner .slick-dots li { margin:0 10px;width:6px;height: 6px; border-radius:6px; font-size:14px;z-index: 6;background: #fff;}
.slide_banner .slick-dots li.slick-active{background:none; width:auto; height:auto;}
.slide_banner .slick-dots li.slick-active button{ font-size:14px; color:#fff; width:auto; height:auto; padding:0;}
.slide_banner .slick-arrow{ width:46px; height:46px; border:1px solid #fff; border-radius:50%; top:auto; bottom:7.625%; -webkit-transform:none;-ms-transform:none;transform:none; left:auto; right:50%; margin-right:-837px;}
.slide_banner .slick-arrow:hover{ border:1px solid #14a85e; background:#14a85e;}
.slide_banner .slick-prev{ margin-right:-670px;}
.slide_banner .slick-arrow:after{ float:left; content:''; width:8px; height:8px; border-bottom:1px solid #fff; border-left:1px solid #fff; transform:translate(-50%,-50%) rotate(45deg); -ms-transform:translate(-50%,-50%)  rotate(45deg); position:absolute; left:50%; top:50%; margin-left:-2px; }
.slide_banner .slick-prev:after{ margin-left:2px;}
.slide_banner .slick-next:after{ transform:translate(-50%,-50%) rotate(225deg); -ms-transform:translate(-50%,-50%)  rotate(225deg); }
._banner{float:left;width: 100%; line-height:0; position: relative;}
._banner .text{ float:left; width:100%; position:absolute; left:0; top:50%; transform:translateY(-50%); -ms-transform:translateY(-50%); z-index:3; color:#fff; line-height:1.3;}
._banner .text .en{ float:left; width:100%; font-size:24px; }
._banner .text .zh{ float:left; width:100%; font-size:60px; font-weight:bold; }
._banner .text .crumbs{ float:left; width:100%; font-size:18px; margin-top:20px; }
._banner .text .crumbs a{ color:#fff;}
._banner .text .crumbs a:hover{ text-decoration:underline;}


@media screen and (max-width: 1827px) {
.slide_banner .slick-arrow{ left:auto; right:75px; margin-right:0;}
.slide_banner .slick-prev{ margin-right:170px;}
.slide_banner .slick-dots{ right:75px; margin-right:46px;} 
._banner .text .zh{ font-size:46px;}

}

@media screen and (max-width: 1024px) {
.slide_banner .slick-dots{ bottom:15px; right:auto; left:15px; height:30px; margin:0 0 0 30px; width:90px;} 
.slide_banner .slick-dots li { margin:0 5px;}
.slide_banner .slick-arrow{ bottom:15px; width:30px; height:30px; right:auto; left:15px; margin: 0 0 0 120px;}
.slide_banner .slick-prev{ margin:0;}
._banner .text .en{ font-size:20px;}
._banner .text .zh{ font-size:24px;}
._banner .text .crumbs{ font-size:14px; margin-top:10px;}

}




.IndexTit{position:relative; z-index:3; float:left; width:100%; color:#101010; font-size:48px; line-height:1;}
.IndexTit .More{ float:right; color:#14a85e; font-size:18px; padding:0 32px; position:relative;}
.IndexTit .More:hover{ text-decoration:underline;}
.IndexTit .More:after,
.IndexTit .More:before{ float:left; width:21px; height:100%; content:''; position:absolute; right:0; top:0; background:url(../_im_g/main7.png) right center no-repeat;}
.IndexTit .More:before{ right:auto; left:0; transform:rotate(180deg); -ms-transform:rotate(180deg); }
.News{ padding-top:82px; padding-bottom:76px;}
.News .list{ float:left; width:100%; margin-top:70px;}
.News .list ul{ margin:0 -33px;}
.News .list li{ float:left; width:33.33%; padding:0 33px;}
.News .list li a{ float:left; width:100%;}
.News .list li i{ float:left; width:100%; border-radius:4px; overflow:hidden; margin-top:35px;}
.News .list li i img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.News .list li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.News .list li time{ float:left; width:100%; color:#7b7d84; font-size:16px; line-height:26px; margin:5px 0;}
.News .list li h5{ float:left; width:100%; color:#101010; font-size:20px; line-height:30px; height:60px; overflow:hidden; margin:10px 0 12px 0;}
.News .list li h6{ float:left; color:#14a85e; font-size:16px; line-height:26px; padding-right:30px; background:url(../_im_g/main7.png) right center no-repeat;}
.News .list li a:hover h5{ color:#14a85e;}
.News .list .slick-dots { flex-wrap: wrap;display: flex;justify-content:center;align-items: center; position:static; margin-top:20px;}
.News .list .slick-dots li { margin:0 5px;width:10px !important;height: 10px; border-radius:6px; background: #14a85e; opacity:0.5; padding:0 !important;}
.News .list .slick-dots li.slick-active{ opacity:1;}

@media screen and (max-width: 1600px) {
.IndexTit{ font-size:36px;}
.News .list ul{ margin:0 -20px;}
.News .list li{ padding:0 20px;}


}
@media screen and (max-width: 1024px) {
.IndexTit{ font-size:20px;}
.IndexTit .More{ font-size:16px;}
.News{ padding-top:30px; padding-bottom:30px;}
.News .list{ margin-top:15px;}
.News .list ul{ margin:0 -6px;}
.News .list li{ padding:0 6px;}
.News .list li i{ margin-top:15px;}
.News .list li time{ font-size:14px; line-height:24px;}
.News .list li h5{ font-size:16px; line-height:26px; height:52px; margin:0 0 6px 0;}
.News .list li h6{ font-size:14px; line-height:24px;}

}
@media screen and (max-width: 767px) {
.News .list li{ width:100%;}


}


.About{ position:relative; padding-top:134px; padding-bottom:170px; background:#14a85e; background-size:cover; text-align:center;
  background-image: -webkit-linear-gradient(right, #038aae 0%, #14a85e 100%);
  background-image: -moz-linear-gradient(right, #038aae 0%, #14a85e 100%);
  background-image: -o-linear-gradient(right, #038aae 0%, #14a85e 100%);
  background-image: linear-gradient(right, #038aae 0%, #14a85e 100%);
}
.About .bg{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; opacity:0.29;}
.About .text{ position:relative; z-index:3; float:left; width:100%;color:#fff; font-size:24px; line-height:43px; margin:40px 0 79px 0; white-space:pre-line;}
.About .More{ float:left; width:100%; display: flex; justify-content:center;}
.About .More a{ float:left; width:174px; background:#fff; color:#14a85e; font-size:18px; line-height:47px;  position:relative;}
.About .More a:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.15); background:rgba(255,255,255,0.9); transform:translateY(-6px); -ms-transform:translateY(-6px); }
.About .More a:after,
.About .More a:before{ float:left; width:21px; height:100%; content:''; position:absolute; right:33px; top:0; background:url(../_im_g/main7.png) right center no-repeat;}
.About .More a:before{ right:auto; left:33px; transform:rotate(180deg); -ms-transform:rotate(180deg); }

@media screen and (max-width: 1600px) {
.About .text{ font-size:20px; line-height:40px;}

}
@media screen and (max-width: 1024px) {
.About{ padding-top:40px; padding-bottom:40px;}
.About .text{ text-align:left; font-size:16px; line-height:28px; white-space:normal; margin:20px 0 20px 0;}
.About .More a{  width:140px;font-size:16px; line-height:36px;}
.About .More a:after,
.About .More a:before{ right:18px;}
.About .More a:before{ right:auto; left:18px;}

}


.Pord{ position:relative; padding-top:82px; padding-bottom:150px; overflow:hidden;}
.Pord .w_center{flex-wrap:wrap; display: flex; align-items: flex-end;  justify-content:space-between;}
.Pord:after{ float:left; width:50%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; background:#e9f2ed;}
.Pord .left{ float:left; width:42.7%; position:relative;}
.Pord .left .IndexEn{ position:relative; z-index:4; float:left; width:100%; color:#868686; font-size:18px; line-height:28px; margin:5.5% 0 10px 0; }
.Pord .left .text{ position:relative; z-index:4; float:left; width:100%; color:#101010; font-size:24px; line-height:34px;}
.Pord .left .img{ position:relative; z-index:4; float:left; width:100%; overflow:hidden; line-height:0;margin-bottom:5px; margin-top:27px;}
.Pord .left .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Pord .left .img:hover img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Pord .left .img .p{ float:left; width:100%; position:absolute; left:0; top:50%; text-transform:uppercase; transform:translateY(-50%); -ms-transform:translateY(-50%); color:#fff; font-size:18px; line-height:28px; text-align:right; padding:0 13.7%;}
.Pord .left .zh{ padding-right:54px; position:relative;}
.Pord .left .zh:after{ float:left; width:41px; height:100%; content:''; position:absolute; right:0; top:0; background:url(../_im_g/main4.2.png) right center no-repeat;}
.Pord .left .en{ padding-right:54px;}

.Pord .right{ float:right; width:42.7%;}
.Pord .right ul{flex-wrap:wrap; display: flex; margin:0 -15px;}
.Pord .right li{ float:left; width:50%; padding:0 15px; margin-top:5.58%;}
.Pord .right li a{ float:left; width:100%;}
.Pord .right li:first-child{ width:100%;}
.Pord .right li:nth-child(3){ float:right;}
.Pord .right li i{ float:left; width:100%; overflow:hidden;}
.Pord .right li i img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.Pord .right li a:hover i img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.Pord .right li .tit{ float:left; width:100%; color:#101010; font-size:18px; line-height:28px; margin-top:13px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; }
.Pord .right li .p{ float:left; position:relative; width:100%; color:#868686; font-size:16px; line-height:26px; padding-right:51px;}
.Pord .right li .p:after{ float:left; width:41px; height:100%; content:''; position:absolute; right:0; top:0; background:url(../_im_g/main4.png) right center no-repeat;}
.Pord .right li a:hover .p:after{ background:url(../_im_g/main4.1.png) right center no-repeat;}


@media screen and (max-width: 1600px) {
.Pord .left .text{ font-size:20px; line-height:30px;}

}
@media screen and (max-width: 1024px) {
.Pord{ padding-top:30px; padding-bottom:30px;}
.Pord .left{width:47%;}
.Pord .left .IndexEn{ font-size:14px; line-height:24px; margin:10px 0 5px 0;}
.Pord .left .text{ font-size:16px; line-height:26px;}
.Pord .left .img{ margin-top:15px;}
.Pord .left .img .p{ padding:0 15px; font-size:14px; line-height:24px;}
.Pord .left .img .zh{ padding-right:34px;}
.Pord .left .img .zh:after{ width:24px;}
.Pord .left .img .en{ padding-right:34px;}

.Pord .right{width:47%;}
.Pord .right ul{margin:0 -6px;}
.Pord .right li{ padding:0 6px; margin-top:15px;}
.Pord .right li .tit{ font-size:16px; line-height:26px; margin-top:10px;}
.Pord .right li .p{ font-size:14px; line-height:24px; padding-right:34px;}
.Pord .right li .p:after{ width:24px;} 
}
@media screen and (max-width: 767px) {
.Pord { padding-top:0;}
.Pord:after{ display:none;}
.Pord .left{width:100%; padding-top:30px; padding-bottom:30px;}
.Pord .left:after{ float:left;width:-webkit-calc(100% + 30px); width:-moz-calc(100% + 30px); width:calc(100% + 30px); height:100%; content:''; position:absolute; left:-15px; top:0; z-index:1; background:#e9f2ed;}
.Pord .right{width:100%; margin-top:15px;}

}


._mapbox{ float:left; width: 100%;height:689px; line-height:24px; font-size:14px; color:#333333; margin-top:30px;}
.BMap_pop{display:none !important;}
.BMap_shadow{display:none !important;}
.BMapLabel{ display:none !important;}


@media screen and (max-width:1024px){
._mapbox{height:400px; margin-top:20px;}
.BMapLabel{width:280px;left: -110px !important;top: -100px !important;padding:12px 12px !important;}
.BMapLabel i{right:6px;top:6px;}
.BMapLabel h1{font-size: 16px;line-height:24px !important;}
.BMapLabel h6{font-size: 14px;line-height:22px !important;margin-top: 4px;}
}


.contact{ padding-top:100px; padding-bottom:100px;}
.contact .list{ float:left; width:100%;}
.contact .list ul{ float:left; width:100%; flex-wrap:wrap; display: flex;}
.contact .list ul li{ float:left; width:20%; text-align:center; background:#f5f5f5; padding:60px 1.97% 53px 1.97%;}
.contact .list ul li:nth-child(2n){  background:#ebebeb; }
.contact .list ul li i{ float:left; width:100%; line-height:0; margin-bottom:19px;}
.contact .list ul li i img{ width:98px; height:98px; background:url(../_im_g/ico7.png) center no-repeat; background-size:100% 100%; 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;  }
.contact .list ul li:hover i img{ transform:translateY(-10px); -ms-transform:translateY(-10px); }
.contact .list ul li h5{ float:left; width:100%; line-height:30px; font-size:18px; color:#555555; margin-top:6px;}
.contact .list ul li em{ float:left; width:100%; line-height:0; margin-bottom:2px;}
.contact .list ul li em img{ width:170px; border:1px solid #e5e5e5;}
._mapImg{ float:left; width:100%; margin-top:30px;}

@media screen and (max-width: 1600px) {
.contact .list ul li h5{ font-size:16px; line-height:28px;}
}
@media screen and (max-width: 1024px) {
.contact{ padding-top:30px; padding-bottom:30px;}
.contact .list ul li{ padding:30px 15px 25px 15px;}
.contact .list ul li i{ margin-bottom:8px;}
.contact .list ul li i img{ width:76px; height:76px;}
.contact .list ul li h5{ font-size:14px; line-height:26px; margin-top:3px;}
.contact .list ul li em img{ width:140px;}

._mapImg{ margin-top:20px;}

}
@media screen and (max-width: 767px) {
.contact .list ul li{ width:50%;}
.contact .list ul li:last-child{ width:100%;}
.contact .list ul li:nth-child(2n){  background:#f5f5f5; }
.contact .list ul li:nth-child(2),
.contact .list ul li:nth-child(3){ background:#ebebeb; }
.contact .list ul li:nth-child(5){ background:#f1f1f1; }

}


._newsDet{ float:left; width:100%; position:relative; padding-top:95px; padding-bottom:80px; letter-spacing:1px;}
._newsDet:after{ float:left; width:10px; height:100%; position:absolute; right:35%; top:0; content:'';
  background-image: -webkit-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);
  background-image: -moz-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);
  background-image: -o-linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);
  background-image: linear-gradient(left, rgba(0,0,0,0) 0%, rgba(0,0,0,0.06) 100%);}
._newsL{ float:left; width:59.6%;}
._newsL .tit{ float:left; width:100%; color:#101010; font-size:28px; line-height:38px;}
._newsL .time{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; border-bottom:1px solid #e5e5e5; margin-top:18px; padding:0 0 30px 0;}
._newsL .time .data{ float:left; position:relative; padding-left:24px; margin-right:58px;}
._newsL .time .browse{ float:left; position:relative; padding-left:24px;}
._newsL .time img{ float:left; position:absolute; left:0; top:2px;}
._newsL .bdsharebuttonbox{ float:right;}
._newsL .bdsharebuttonbox a{ color:#555555 !important; font-size:16px !important; line-height:26px !important; margin:0 !important; padding-left:24px !important;}
._newsL .bdsharebuttonbox .bds_more{ background:none !important;transition:none !important; -moz-transition:none !important;-webkit-transition:none !important; -o-transition:none !important; position:relative;}
._newsL .bdsharebuttonbox img{ float:left; position:absolute; left:0; top:2px;}
._newsL .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:30px; margin:28px 0 100px 0;}
._newsL .page{ float:left; width:100%; border-top:1px solid #e5e5e5; padding:26px 0; position:relative;}
._newsL .page .left,
._newsL .page .right{ float:left; max-width:47%; color:#555555; font-size:16px; line-height:30px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; }
._newsL .page .right{ float:right; text-align:right;}
._newsL .page .left:hover,
._newsL .page .right:hover{ color:#14a85e;}
._newsL .page .fanhui{ float:left; width:76px; height:76px; border-radius:50%; background:url(../_im_g/ico7.png) center no-repeat; background-size:100% 100%; color:#fff; font-size:16px; line-height:26px; text-align:center; position:absolute; left:50%; top:-39px; margin-left:-38px; z-index:3;}
._newsL .page .fanhui:after{ float:left; width:1px; height:47px; content:''; background:#e5e5e5; position:absolute; left:50%; top:100%; margin:1px 0 0 -1px;}
._newsL .page .fanhui img{ width:20px; height:20px; display:block; margin:15px auto 0 auto;}
._newsL .page .fanhui span{ display:table; width:100%;}

._newsR{ float:right; width:29.6%; }
._newsR h4{ float:left; width:100%; color:#333333; font-size:28px; line-height:38px; border-bottom:1px solid #e7e7e7; padding-bottom:25px;}
._newsR ul{ float:left; width:100%;}
._newsR ul li{ float:left; width:100%; border-bottom:1px dashed #b2b2b2;}
._newsR ul li a{ float:left; width:100%; padding:25px 0;}
._newsR ul li h5{ float:left; width:100%; color:#555555; font-size:20px; line-height:32px; height:64px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; position:relative;}
._newsR ul li h6{ float:left; width:100%; color:#555555; font-size:14px; line-height:26px; margin-top:10px;}
._newsR ul li:hover{ padding:0 37px; background:#f5f5f5;}
._newsR ul li:hover a h5{ color:#14a85e; padding-left:16px;}
._newsR ul li:hover a h5:after{ float:left; position:absolute; left:0; top:13px; width:6px; height:6px; content:''; border-radius:50%; background:#14a85e;}
._newsR ul li:hover a h6{ padding-left:16px;}

@media  screen and (max-width:1024px){
._newsDet{ padding-top:25px; padding-bottom:30px;}
._newsL .tit{ font-size:18px; line-height:28px;}
._newsL .time{ font-size:14px; line-height:24px; margin-top:8px; padding:0 0 15px 0; letter-spacing:0;}
._newsL .time .data{ padding-left:22px; margin-right:15px;}
._newsL .time .browse{ padding-left:24px;}
._newsL .bdsharebuttonbox a{ font-size:14px !important; line-height:24px !important;}
._newsL .info{font-size:14px; line-height:24px; margin:14px 0 45px 0;}
._newsL .page{ padding:12px 0;}
._newsL .page .left,
._newsL .page .right{ font-size:14px; line-height:24px;}
._newsL .page .fanhui{ width:52px; height:52px; font-size:12px; line-height:16px; top:-28px; margin-left:-26px;}
._newsL .page .fanhui:after{ height:32px;}
._newsL .page .fanhui img{ width:16px; height:16px; margin:9px auto 0 auto;}
._newsR h4{ font-size:20px; line-height:30px; padding-bottom:12px;}
._newsR ul li a{ padding:15px 0;}
._newsR ul li h5{ font-size:16px; line-height:26px; height:52px;}
._newsR ul li h6{ line-height:24px; margin-top:2px;}
._newsR ul li:hover{ padding:0 15px;}
._newsR ul li:hover a h5{ padding-left:14px;}
._newsR ul li:hover a h5:after{ top:10px;}
._newsR ul li:hover a h6{ padding-left:14px;}

}
@media  screen and (max-width:767px){
._newsDet:after{ display:none;}	
._newsL{ width:100%;}
._newsR{ width:100%; margin-top:10px; }


}




.AboutTit{ float:left; width:100%; color:#101010; font-size:48px; line-height:58px;}
.AboutText{ float:left; width:100%; color:#101010; font-size:24px; line-height:48px;}
.About1{padding-top:94px; padding-bottom:60px; text-align:center;}
.About1 .cont{ float:left; width:100%; flex-wrap:wrap; display: flex; justify-content:center; margin-top:17px; color:#fff; font-size:30px; line-height:40px; }
.About1 .cont span{ float:left; padding:5px 25px;
 background-image: -webkit-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: -moz-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: -o-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: linear-gradient(right, #14a85e 0%, #038aae 100%);}
.About2{ background:#e9f2ed; padding-top:104px; padding-bottom:96px;}
.About2 .w_center{ flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between;}
.About2 .img{ float:left; width:49.97%; position:relative; line-height:0;}
.About2 .img .p{ float:left; width:100%; text-align:right; text-transform:uppercase; position:absolute; left:0; top:50%; color:#fff; font-size:18px; line-height:26px; transform:translateY(-50%); -ms-transform:translateY(-50%); padding:0 11.45%;}
.About2 .text{ float:right; width:43.65%;}
.About2 .AboutText{ margin-top:5.73%;}


.About4{ position:relative; padding-top:14%; padding-bottom:14%; background:#14a85e; background-size:cover; text-align:center;
  background-image: -webkit-linear-gradient(left, #038aae 0%, #14a85e 100%);
  background-image: -moz-linear-gradient(left, #038aae 0%, #14a85e 100%);
  background-image: -o-linear-gradient(left, #038aae 0%, #14a85e 100%);
  background-image: linear-gradient(left, #038aae 0%, #14a85e 100%);
}
.About4 .bg{ float:left; width:100%; height:100%; content:''; position:absolute; left:0; top:0; z-index:1; opacity:0.2;}
.About4 .Tit{ float:left; width:100%; text-align:center; color:#fff; font-size:60px; line-height:70px;}
.About4 .text{ float:left; width:100%;color:#fff; text-transform:uppercase; font-size:18px; line-height:28px;  margin-top:12px;}

.About5{ padding-top:100px; padding-bottom:100px;}
.About5 .w_center{ flex-wrap:wrap; display: flex; align-items: center;  justify-content:space-between;}
.About5 .img{ float:right; width:50%; position:relative; line-height:0;}
.About5 .text{ float:left; width:40%;}
.About5 .pic{ float:left; width:100%; margin-top:13px;}
.About5 .pic img{ width:91.1%;}
.About5 .AboutText{ margin-top:6.2%;}
.About5 .line{ float:left; width:88px; height:10px; margin:7% 0;
 background-image: -webkit-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: -moz-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: -o-linear-gradient(right, #14a85e 0%, #038aae 100%);
  background-image: linear-gradient(right, #14a85e 0%, #038aae 100%);}

.About3{ position:relative; padding-top:95px; padding-bottom:90px;}
.About3:after{ float:right; width:20%; height:100%; content:''; position:absolute; right:0; top:0; background:url(../_im_g/ico8.png) right center no-repeat; background-size:contain;}
.About3 .AboutText{ margin-top:2.5%; white-space:pre-line;}
.About3 .list{ float:left; width:100%; margin-top:2.62%;}
.About3 .list ul{ float:left; width:101.4%;}
.About3 .list li{ float:left; text-align:center; background:#fff; width:12.22%; border:2px solid #e5e5e5; padding:35px 12px; margin-top:15px; margin-right:1.37%;
-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 .list li i{ float:left; width:100%; line-height:0;}
.About3 .list li h5{ float:left; width:100%; color:#000000; font-size:18px; line-height:28px; margin:35px 0 10px 0;}
.About3 .list li h6{ float:left; width:100%; color:#000000; font-size:16px; line-height:26px; font-weight:bold; opacity:0.2;}
.About3 .list li:hover{ box-shadow:0 3px 6px rgba(0,0,0,0.15);}
.About3 .list li:hover h5{ color:#14a85e;}


@media  screen and (max-width:1600px){
.AboutTit{ font-size:36px; line-height:46px;}
.AboutText{ font-size:20px; line-height:40px;}
.About1 .cont{ font-size:22px; line-height:32px;}
.About4 .Tit{ font-size:46px; line-height:56px;}

.About5 .text{ width:44%;}
.About5 .pic{ margin-top:10px;}

.About3 .list li{ width:16%; margin-right:1.4%;}

}
@media  screen and (max-width:1360px){
.About3 .list li{ width:18%;}

}
@media  screen and (max-width:1024px){
.AboutTit{ font-size:20px; line-height:30px;}
.AboutText{ font-size:16px; line-height:30px;}
.About1{padding-top:30px; padding-bottom:20px;}
.About1 .cont{ margin-top:12px; font-size:16px; line-height:28px;}
.About1 .cont span{ padding:2px 15px;}

.About2{ padding-top:30px; padding-bottom:30px;}
.About2 .img{ width:51%}
.About2 .img .p{ font-size:14px; line-height:22px; padding:0 15px;}
.About2 .text{ width:45%;}
.About2 .AboutText{ margin-top:15px;}

.About4{ padding-top:40px; padding-bottom:40px;}
.About4 .Tit{ font-size:24px; line-height:34px;}
.About4 .text{ font-size:14px; line-height:22px; margin-top:8px;}

.About5{ padding-top:30px; padding-bottom:30px;}
.About5 .pic{ margin-top:6px;}
.About5 .AboutText{ margin-top:15px;}
.About5 .line{ width:44px; height:5px; margin:16px 0;}
.About5 .text{ width:45%;}
.About5 .img{ width:51%;}

.About3{ padding-top:30px; padding-bottom:30px;}
.About3 .AboutText{ margin-top:15px; white-space:normal;}
.About3 .list{ margin-top:15px;}
.About3 .list li{ padding:20px 12px; border:1px solid #e5e5e5; margin-top:10px;}
.About3 .list li h5{ font-size:16px; line-height:26px; margin:10px 0 5px 0;}
.About3 .list li h6{ font-size:14px; line-height:24px; }

}
@media  screen and (max-width:767px){
.About2 .img{ width:100%;}
.About2 .text{ width:100%; margin-top:20px;}

.About5 .img{ width:100%; margin-top:20px;}
.About5 .text{ width:100%;}
.About5 .pic img{ width:75%;}

.About3 .list li{ width:31.9%; }

}






/* 3.ÐÂÎÅÖÐÐÄ */
.news_cont{ background: #ffffff;overflow: hidden; margin-bottom:100px; }
.news_cont .cont_row{ float:left; width: 100%;display: block;padding:80px 0;}
.news_cont .cont_row ul{width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;}
.news_cont .cont_row li{ float:left; width: 30.7%; margin:15px 0;}
.news_cont .time{ float:left;width:100%;font-size: 16px; line-height:26px; color: #7b7d84;}
.news_cont .tit{ float:left; width:100%;font-size: 20px;color: #101010;line-height: 30px;height:60px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; margin:10px 0;}
.news_cont .more{float: left; font-size: 16px; line-height:26px;   color: #14a85e; padding-right:30px; background:url(../_im_g/main7.png) right center no-repeat; }
.news_cont .c_img{float: left; width:100%; line-height:0; border-radius:3px; overflow:hidden; margin:28px 0 5px 0; }
.news_cont .c_img 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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_cont a:hover .tit{ color:#14a85e;}
.news_cont a:hover .c_img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_cont .text{float: left;width: 100%;font-size: 16px;color: #555555;line-height: 30px; height:90px; margin:28px 0 14px 0; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}

.news_cont .cont_ver{  float:left; width: 100%; margin-bottom: 100px;}
.news_cont .cont_ver ul{ float:left;width: 100%;}
.news_cont .cont_ver li{ float: left; width:100%;padding: 75px 0;position: relative;z-index: 5;}
.news_cont .cont_ver li a{float: left; width:100%;display:flex;  align-items: center; justify-content:space-between;}
.news_cont .cont_ver li:nth-child(odd)::after{content: "";position: absolute;background: #f5f5f5; float:left; width:200%;height:100%;top: 0px;left: -50%;z-index:-1;}
.news_cont .cont_ver .c_l{float: left; width: 514px; line-height:0; border-radius:3px; overflow:hidden; margin-right:5.2%; display:inline-table; }
.news_cont .cont_ver .c_l img{width:514px; max-width:none;
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.news_cont .cont_ver a:hover .c_l img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.news_cont .cont_ver .c_r{float: left; width:100%;}
.news_cont .cont_ver .v_tit{float: left;width:100%;font-size: 20px; line-height:30px; color: #101010;margin-top:10px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;}
.news_cont .cont_ver a:hover .v_tit{ color:#14a85e; }
.news_cont .time_pho{display: none;}


@media screen and (max-width:1360px) {
.news_cont .tit{font-size:18px; line-height:28px; height:56px;}
.news_cont .cont_ver .v_tit{font-size: 18px;line-height:28px;}
.news_cont .cont_ver .c_l{ width:420px; margin-right:4%;}
.news_cont .cont_ver .c_l img{width:420px;}
.news_cont .cont_ver .v_tit{ margin-top:5px;}
.news_cont .text{ margin:15px 0 10px 0;}

}
@media screen and (max-width:1024px) {
.news_cont .cont_row{ padding:22px 0;}
.news_cont .cont_row li{ width:32%; margin:8px 0;}
.news_cont .time{font-size: 14px; line-height:24px}
.news_cont .tit{ font-size:16px; line-height:26px; height:52px; margin:4px 0; }
.news_cont .more{ font-size:14px; line-height:24px;}
.news_cont .c_img{ margin:12px 0 5px 0;}
.news_cont{ margin-bottom:30px;}
.news_cont .text{font-size: 14px;line-height: 24px; height:72px; }
.news_cont .cont_ver{ margin-bottom:30px;}
.news_cont .cont_ver li{padding:20px 0;}
.news_cont .cont_ver .c_l{ width:300px; margin-right:15px;}
.news_cont .cont_ver .c_l img{width:300px;}
.news_cont .cont_ver .v_tit{ font-size:16px; line-height:26px; margin-top:2px; }
.news_cont .text{ height:48px; -webkit-line-clamp:2; margin:7px 0 5px 0;}


}
@media screen and (max-width:767px) {
.news_cont .cont_row{padding: 20px 0;}
.news_cont .cont_row li{width: 100%;}

.news_cont .cont_ver .c_l{ width:100%; margin-right:0;}
.news_cont .cont_ver .c_l img{width:100%; margin:20px 0 5px 0;}
.news_cont .cont_ver li a{flex-wrap:wrap;flex-wrap:wrap-reverse;}

}

/* ·ÖÒ³ */
.wack1{ float:left; width:100%; text-align:center; flex-wrap:wrap; display: flex; justify-content:center; text-align:center;}
.wack1 .pz_fy{ float:left; }
.wack1 .pz_fy a { float:left; width:38px; height:38px; line-height:38px;  border-radius:38px; -moz-border-radius:38px; -webkit-border-radius:38px; border:1px solid #e1e1e1; color:#272727; font-size:14px; margin:0 5px; position:relative; transition: none;-moz-transition: none;-webkit-transition: none;-o-transition:none;}
.wack1 .pz_fy a:hover,
.wack1 .pz_fy a.on{color:#fff; padding:1px; border:none;background: #14a85e;
background-image: -webkit-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: -moz-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: -o-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: linear-gradient(right, #0285a9 0%, #14a85e 100%);
}
.wack1 .pz_fy .l_fy,
.wack1 .pz_fy .r_fy{ width:100px;}
.wack1 .pz_fy .l_fy:after,
.wack1 .pz_fy .r_fy:after{float:left; width:50%; height:50%; content:''; position:absolute; top:25%; left:25%; background:url(../_im_g/ico18.png) center no-repeat; }
.wack1 .pz_fy .l_fy{ -ms-transform: rotate(180deg); transform: rotate(180deg); left:0;}
.wack1 .pz_fy .l_fy:hover:after,
.wack1 .pz_fy .r_fy:hover:after{ background:url(../_im_g/ico18.1.png) center no-repeat;}

@media  screen and (max-width:1023px){
.wack1 .fy_pc{ float:left; font-size:14px; color:#272727;}
.wack1 .fy_pc a{ float:left; padding:5px 25px; color:#fff;background: #14a85e; border-radius:16px; overflow:hidden;
background-image: -webkit-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: -moz-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: -o-linear-gradient(right, #0285a9 0%, #14a85e 100%);
background-image: linear-gradient(right, #0285a9 0%, #14a85e 100%);}
.wack1 .fy_pc span{ float:left; padding:5px 20px; color:#272727;}
}


/* ²úÆ·ÖÐÐÄ */

.pro_logo{float: left;width: 100%; background:#e9f2ed; padding-top:60px; padding-bottom:60px;}
.pro_logo ul{ float:left; width:101.4%;flex-wrap:wrap; display: flex;}
.pro_logo li{ float:left; text-align:center; width:12.22%; position:relative; border:2px solid #d1d9d5; margin-bottom:10px; margin-right:1.37%;}
.pro_logo li:after{ opacity:0; float:left; width:100%; height:9px; content:''; position:absolute; left:0; top:100%; background:url(../_im_g/p_jiao.png) center bottom no-repeat;}
.pro_logo li a{ float:left; width:100%; padding:35px 12px;}
.pro_logo li .pic{ float:left; width:100%; position:relative; line-height:0;}
.pro_logo li .pic .i1{ display:block; margin:0 auto;}
.pro_logo li .pic .i2{ display:none; margin:0 auto;}
.pro_logo li:hover .pic .i1{ display:none;}
.pro_logo li:hover .pic .i2{ display:block;}
.pro_logo li span{ float:left; width:100%; color:#000000; font-size:18px; line-height:32px; margin-top:34px;}
.pro_logo li.on:after,
.pro_logo li:hover:after{ opacity:1;}
.pro_logo li.on,
.pro_logo li:hover{ border:none;padding:2px;
background-image: -webkit-linear-gradient(to left,#14a85e,#038aae);
background-image: -moz-linear-gradient(to left,#14a85e,#038aae);
background-image: -o-linear-gradient(to left,#14a85e,#038aae);
background:linear-gradient(to left,#14a85e,#038aae);
}
.pro_logo li.on span,
.pro_logo li:hover span{ color:#fff;}

.pro_body{float: left;width: 100%; overflow: hidden; padding-bottom:80px; }
.p_opt1{float: left;width: 100%;padding:34px 0 4px 0;}
.p_opt1 li{float: left;}
.p_opt1 li a{float: left; width: 100%;font-size: 18px; line-height:30px; color: #333333;padding:5px 43px;text-align: center;}
.p_opt1 li.on a,
.p_opt1 li:hover a{background:linear-gradient(to right,#058ea4,#11a468);color: #ffffff;}
.p_opt2{width: 100%;float: left;margin-bottom:80px;}
.p_opt2 ul{float: left; width: 100%;display: flex;align-items: center;justify-content: space-between;flex-wrap: wrap;}
.p_opt2 li{float: left; width: 49.1%;margin-top: 30px;}
.p_opt2 li a{float: left;width: 100%;position: relative; overflow:hidden;}
.p_opt2 li a:after{float: left;width:59.5%; height:100%; z-index:1; position:absolute; right:0; top:0; content:''; background:url(../_im_g/p_img0.png) right center no-repeat; background-size:100% 100%; opacity:0; -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;}
.p_opt2 li .img{float: left;width: 100%; line-height:0; overflow:hidden;}
.p_opt2 li .img img{
-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;transition: -webkit-transform 2s;vertical-align:middle;-ms-interpolation-mode:bicubic;}
.p_opt2 li a:hover .img img{ -webkit-transform: scale(1.1); -moz-transform: scale(1.1);transform: scale(1.1);}
.p_opt2 li .li_bot{ float:left; width: 100%; z-index:3; position: absolute;color: #ffffff;font-size: 20px;line-height:32px;bottom: 0;padding:12px 101px 12px 30px;-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;
background-image: -webkit-linear-gradient(to right,rgba(46,147,160,0.8),rgba(57,169,117,0.8));
background-image: -moz-linear-gradient(to right,rgba(46,147,160,0.8),rgba(57,169,117,0.8));
background-image: -o-linear-gradient(to right,rgba(46,147,160,0.8),rgba(57,169,117,0.8));
background:linear-gradient(to right,rgba(46,147,160,0.8),rgba(57,169,117,0.8));

}
.p_opt2 li a:hover .li_bot{ opacity:0; transform:translateY(100%); -ms-transform:translateY(100%);}
.p_opt2 li .li_bot::after{float: right; width:41px; height:100%; content:''; position:absolute; right:30px; top:0; background:url(../_im_g/p_img7.png) right center no-repeat;}
.p_opt2 li .text{ z-index:4; position:absolute; right:0; top:50%; width:100%; color:#fff; text-align:right; padding:0 7.3%; color:#fff; font-size:calc(14px + 0.22vw); line-height:1.66; transform:translateY(-50%); -ms-transform:translateY(-50%); opacity:0; -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;}
.p_opt2 li .text .ico{ float:left; width: 100%; line-height:0; margin:12px 0; }
.p_opt2 li .text .ico img{  height:calc(42px + 2.2vw);}
.p_opt2 li .text .p{ float:left; width: 100%; }
.p_opt2 li a:hover:after{ opacity:1;}
.p_opt2 li a:hover .text{ opacity:1;}

.pordDet{ display:none; float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:30; background:rgba(0,0,0,0.6); }
.pordDet .w_center{ padding-left:55px; padding-right:55px; display: flex; align-items: center; height:100vh;}
.pordDet .box{ float:left;width:100%; position:relative; background:#fff; padding:20px; color:#555555; font-size:calc(12px + 0.04rem); line-height:calc(22px + 0.1rem); flex-wrap:wrap; display: flex; align-items: center;justify-content:space-between;}
.pordDet .box .colse{ position:absolute; right:-31px; top:-12px; line-height:0; width:21px; float:left;}
.pordDet .box .img{float:left; line-height:0; width:50.5%;}
.pordDet .box .img img{ max-width:none;}
.pordDet .box .text{ float:right; width:47.5%; padding:0 2.7%;}
.pordDet .box .tit{ float:left; width:100%; color:#000000; border-bottom:1px solid #e5e5e5;font-size:calc(14px + 0.16rem); line-height:calc(24px + 0.16rem); padding-bottom:2.8%; margin-bottom:2.49%;}
.pordDet .box .p{ float:left; width:-webkit-calc(100% + 15px); width:-moz-calc(100% + 15px); width:calc(100% + 15px); padding-right:15px; overflow:hidden;
 overflow-y:auto;
 scrollbar-width:thin;
 max-height:calc(154px + 0.7rem);
}
.pordDet .box .p::-webkit-scrollbar {
 width:3px
}
.pordDet .box .p::-webkit-scrollbar-track{
background-color:#e5e5e5;
 border-radius:3px
}
.pordDet .box .p::-webkit-scrollbar-thumb {
 width:3px;
 height:60px;
 background-color:#60c492;
 border-radius:3px
}
@media screen and (max-width:1677px) {
.pordDet .boxP{}
.pordDet .box .img{ width:52.5%;}
.pordDet .box .p{ max-height:calc(132px + 0.6rem);}


}
@media screen and (max-width:1360px) {
.pro_logo li{ width:18%;}
.p_opt1 li a{font-size: 16px; line-height:28px; padding:5px 30px;}
.pordDet .box .img{ margin-right:0;}

}
@media screen and (max-width:1024px) {
.pro_logo{ padding-top:25px; padding-bottom:25px;}
.pro_logo li { border:1px solid #e5e5e5;}
.pro_logo li a{ padding:20px 12px;}
.pro_logo li span{ font-size:16px; line-height:26px; margin:10px 0 0 0;}
.pro_logo li:hover{ border:none; padding:1px;}

.pro_body{ padding-bottom:30px;}
.p_opt1{ padding:19px 0 4px 0;}
.p_opt1 li a{font-size:16px; line-height:24px; padding:4px 15px;}

.p_opt2{ margin-bottom:30px;}
.p_opt2 li{ margin-top:15px;}
.p_opt2 li .li_bot{ font-size:16px;line-height:26px; padding:6px 60px 6px 15px;}
.p_opt2 li .li_bot::after{ width:24px; right:15px;}
.p_opt2 li .text{ padding:0 12px; line-height:1.6; }
.p_opt2 li .text .ico{ margin:0 0 10px 0;}

.pordDet .w_center{ padding-left:25px; padding-right:25px;}
.pordDet .box{ padding:14px; flex-wrap:wrap}
.pordDet .box .tit{  padding-bottom:10px; margin-bottom:10px;}
.pordDet .box .img{ width:100%; margin:0 0 15px 0;}
.pordDet .box .text{ width:100%; padding:0 10px;max-height:50vh; }

}
@media screen and (max-width:767px) {
.pro_logo ul{ float:left; width:101.4%;}
.pro_logo li{ width:31.9%; margin-top:10px; }

.p_opt2 li{ width:100%;}

.pordDet .box .text{ padding:0;}
.pordDet .box .p{width:-webkit-calc(100% + 8px); width:-moz-calc(100% + 8px); width:calc(100% + 8px); padding-right:8px; }


}