@charset "utf-8";
.clear{clear: both;}
html, body {
    height: 100%;
}
body{
	margin: 0;
    font-size: 16px;
    font-family:"century gothic", "苹方",Arial,"Microsoft Yahei";
    line-height: 1.5; color: #000;
   	font-size: 16px;

   	
}


p{font-family: "century gothic";}


li{list-style-type:none;}
*{box-sizing:border-box; margin:0px; padding:0px;   
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}

* {
	margin: 0;
	padding: 0;
	outline: none;
}
div:focus{outline: none;}
video:focus{outline:none;}
html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,table,th,td,fieldset,form,input,select,textarea,hr,blockquote,pre{margin:0;padding:0;}
ul,ol,dl{list-style:none;}
h1, h2, h3, h4, h5, h6{margin:0px; padding:0px;line-height: 1.2;}

a:hover,button:hover{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      outline: 0 !important;
     text-decoration: none !important;
     color: #000000;
}
a:active,button:active,input:active,div:active{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,button,input,div{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a:focus,button:focus,input:focus,div:focus,{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

a,button,input{
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
      text-decoration: none;
      color:#000000;
}

:focus,input::-moz-focus-inner, button::-moz-focus-inner{
    outline: 0;
   
}

h1, h2, h3, h4, h5, h6{font-family: "century gothic";font-weight: normal;}






.w90{width:90%;max-width: 1600px;margin: 0 auto; height: auto;}
.w90s{width:90%;max-width: 1600px;margin: 0 auto; height: auto;}
.w1400{width: 90%;max-width: 1400px;margin: 0 auto;}
.h120{width: 100%;height:120px;}
.h100{width: 100%;height:95px;}
.title{width: 100%;height: auto;}
.title h3{color: #000000;font-size: 58px;text-transform: uppercase;}

@media only screen and (max-width:1750px) {
.title h3{font-size:55px;}	
}

@media only screen and (max-width:1600px) {
.title h3{font-size:50px;}	
.h120{width: 100%;height:100px;}
.h100{height:85px;}
}

@media only screen and (max-width:1500px) {
	.title h3{font-size:45px;}	
}

@media only screen and (max-width:1400px) {
.title h3{font-size:44px;}
.h120{width: 100%;height:90px;}	
.h100{height:80px;}
}

@media only screen and (max-width:1300px) {
.title h3{font-size:42px;}	
}


@media only screen and (max-width:1200px) {
.title h3{font-size:40px;}
.h120{width: 100%;height:85px;}	
.h100{height:65px;}
}
@media only screen and (max-width:1024px) {
.title h3{font-size:36px;}
.h120{width: 100%;height:75px;}	
.h100{height:55px;}
}
@media only screen and (max-width:720px) {
.title h3{font-size:28px;}
.h120{width: 100%;height:65px;}
.h100{height:45px;}	
.w90s{width: 95%;}
}







.pc-nav{letter-spacing: 1px; position:fixed;padding:30px 0 15px 0; top: 0px;left: 0;width: 100%;z-index: 9999; height: auto;}
.pc-nav , .pc-nav2{background: #FFFFFF;padding: 15px 0; transition: all 0.5s ease;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.pc-nav .logo{display: block;width: 150px;height: auto;float: left;}
.pc-nav .logo img{display: block;width: 100%;height: auto;}


.pc-nav .pc-nav-r{width: calc(100% - 150px);padding-left: 5%;float: right;}
.pc-nav .pc-nav-r .nav{width: calc(100% - 00px);float: left; height: auto;text-align: right;padding-right: 0px;}
.pc-nav .pc-nav-r .nav li{ display: inline-block;position: relative; padding: 0 1%;line-height: 50px;}
.pc-nav .pc-nav-r .nav li > a{font-family: "century gothic";font-weight: bold; text-transform: uppercase;font-size:16px;color: #000000;display: block;position: relative;}
.pc-nav .pc-nav-r .nav li > a:before{content: "";position: absolute;left: 0;bottom: 0px;width: 0%;height: 2px;background: #000000;}
.pc-nav .pc-nav-r .nav li:hover > a:before{width: 100%;transition: all 0.4s ease;}
.pc-nav .pc-nav-r .nav li.active > a:before{width: 100%;transition: all 0.4s ease;}
.pc-nav .pc-nav-r .nav li .sub-downs{box-shadow: 0 0 5px rgba(0,119,66,0.2); height: 0;overflow: hidden; background: #fff; position: absolute;left: 50%;transform: translateX(-50%);width: 160px; text-align: center;top:100%;}
.pc-nav .pc-nav-r .nav li .sub-downs a{width: 100%;text-align: center;font-size: 16px;line-height: 45px; display: block;border-bottom: 1px solid rgba(0,0,0,0.1); text-transform: uppercase;}
.pc-nav .pc-nav-r .nav li .sub-downs a:last-child{border-bottom: none;}
.pc-nav .pc-nav-r .nav li .sub-downs a:hover{background: #007742;color: #fff;}
.pc-nav .pc-nav-r .nav li:hover .sub-downs{height: auto;transition: all 0.5s ease;}

.pc-nav .pc-nav-r .language{cursor: pointer;font-family: "century gothic";font-weight: bolder;  line-height: 50px; width: 0px;overflow: hidden; height: auto;float: right;position: relative;text-align:right;}
.pc-nav .pc-nav-r .language span{ display: inline-block;padding-right:25px; font-size: 16px;height: auto;position: relative;}
.pc-nav .pc-nav-r .language span:before{content: "";width: 15px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px; background:url(../img/a001.png)center no-repeat;background-size: cover;}
.pc-nav .pc-nav-r .language .language-show{box-shadow: 0 0 5px rgba(0,119,66,0.2);text-align: center; width: 100px;height:0;overflow: hidden; background: #fff;position: absolute;top: 100%;left: 50%;transform: translateX(-20%);}
.pc-nav .pc-nav-r .language .language-show a{display: block; width: 100%;height: auto;font-size: 16px;color: #000000;line-height: 45px;border-bottom: 1px solid rgba(0,0,0,0.1);}
.pc-nav .pc-nav-r .language .language-show a:last-child{border-bottom: none;}
.pc-nav .pc-nav-r .language .language-show a:hover{background: #007742;color: #fff;}
.pc-nav .pc-nav-r .language:hover span:before{transform: rotateX(-180deg);transition: all 0.5s ease;}
.pc-nav .pc-nav-r .language:hover .language-show{height: auto; transition: all 0.5s ease;}

.mb-nav{width: 100%;display: none;position: fixed;top: 0;left: 0;z-index: 9999;height: 60px;background: rgba(255,255,255,0.6);}

@media only screen and (max-width:1600px) {
.pc-nav .pc-nav-r .nav li > a{font-size: 16px;}
.pc-nav .pc-nav-r .nav li .sub-downs a{font-size: 16px;}
.pc-nav .pc-nav-r .language span{font-size: 16px;}
.pc-nav .pc-nav-r .language .language-show a{font-size: 16px;}		
}
	
@media only screen and (max-width: 1024px) {
	.pc-nav{display: none;}
	.mb-nav{display: inherit;}
}


.mb-nav .logo{display: block;position: absolute;left: 5%;top: 12px; width: 90px;height: auto;}
.mb-nav .logo img{display: block;width: 100%;height: auto;}

.nav-list{width:100%;height: 0%;overflow: hidden;background: #FFFFFF;position: fixed;top: 0;left:0;z-index: 9988; }
.nav-list span{display: block;width: 100%;height: auto;line-height: 45px;text-transform: uppercase;font-size: 18px;}
.nav-list span a{color: #000000;}
.nav-list2{overflow: hidden; width:100%;height: 100%; padding:70px 5% 0 5%; transition: all 0.5s ease;}
.nav-list span.nav-two {padding-right: 25px;position: relative;background-repeat: no-repeat;}
.nav-list span.nav-two:before{content: "";width: 15px;height: 10px;position: absolute;right: 0;top: 50%;margin-top: -5px; background:url(../img/a001.png)center no-repeat;background-size: cover;}
.nav-list span.nav-two.cut:before{transform: rotateX(-180deg);transition: all 0.5s ease;}

.nav-list  .mb-sub{width: 100%;height: auto;display: none;}
.nav-list .mb-sub  a{display: block; width: 100%;height: auto;line-height: 45px; font-size: 18px;text-transform: uppercase;}
.nav-list .mb-sub  a:hover{color: #007742;}



.mb-nav .toggle{float: right;margin-right: 20px;position: relative;width: 36px;height: 36px;display: block;margin-top: 10px;}
.mb-nav2{background:rgba(255,255,255,1); height: 60px;border-bottom: 1px solid #dcdcdc;z-index: 9999;}
.mb-nav3{background:none; height: 60px;border-bottom: 1px solid #dcdcdc;z-index: 9999;}



 .toggle .icon,
 .toggle .icon::before,
 .toggle .icon::after {
  position: absolute;
  width: 30px;
  height: 2px;
  transition-duration: 0.3s;
  background: #007742;
}
 .toggle .icon {
  top: 20px;
  right: 0;
}
 .toggle .icon{width: 20px;}
 .toggle .icon::after {width: 25px;}

 .toggle .icon::before,
 .toggle .icon::after {
 right: 0;
  content: '';
  background: inherit;
}
 .toggle .icon::before {
  top: -7px;
}
 .toggle .icon::after {
  top: 7px;
}

 .toggle:hover .icon{width: 30px;}
 .toggle:hover .icon::after{width: 30px;}
 .toggle.open .icon {
  width: 0;
}
 .toggle.open .icon::before {
  transform: translateY(7px) rotate(45deg);
}
 .toggle.open .icon::after {
	width: 30px;
  transform: translateY(-7px) rotate(-45deg);
}











.banner{width: 100%;height:100%;position: relative;z-index: 33;}
.banner .banner-js{width: 100%;height: 100%;position: absolute;top: 0;left: 0;overflow: hidden;}
.banner .banner-js .pic {position: absolute;top: 0;left: 0;width: 100%;height: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.banner .banner-js .slogan{position: absolute;top: 50%;left: 0;height: auto;transform: translateY(-50%);width: 100%;z-index: 5;}
.banner .banner-js .slogan h3{font-size: 90px;color: #fff;}
.banner .banner-js .slogan .w90{padding-right: 30%;}
.banner .banner-js .slogan h4{font-family: "century gothic";font-size: 30px;color: #fff;margin-top: 50px;}
.banner .banner2-js{display: none;color: #fff;}

.banner .banner-js .pic:before{position: absolute;z-index: 2; top: 0;left: 0;background: rgba(0,0,0,0.2);content: "";width: 100%;height: 100%;}

.banner .banner-js .swiper-pagination-bullet {
	width: auto;
	height: auto;
    display: inline-block;
    border-radius: 100%;
    background: none;
    opacity: 1;
    font-size: 26px;
    color: #fff;
    font-family: "century gothic";
    vertical-align: middle;
}

.banner .banner-js .swiper-pagination-bullet-active{padding-left:140px;position: relative;font-size: 46px;} 
.banner .banner-js .swiper-pagination-bullet-active:before{content: "";position: absolute;left: 0;top: 50%;background: #fff;width: 120px;height: 2px;}
.banner .banner-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px;}


@media only screen and (max-width:1600px) {
.banner .banner-js .slogan h3{font-size: 80px;}	
.banner .banner-js .slogan h4{font-size: 28px;}
.banner .banner-js .swiper-pagination-bullet {font-size: 24px;}
.banner .banner-js .swiper-pagination-bullet-active{padding-left:120px;font-size: 40px;} 
.banner .banner-js .swiper-pagination-bullet-active:before{width: 100px;}
.banner .banner-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 15px;}

}
	
@media only screen and (max-width:1400px) {
.banner .banner-js .slogan h3{font-size:68px;}	
.banner .banner-js .slogan h4{font-size: 25px;margin-top: 40px;}
.banner .banner-js .swiper-pagination-bullet {font-size: 22px;}
.banner .banner-js .swiper-pagination-bullet-active{padding-left:100px;font-size: 36px;} 
.banner .banner-js .swiper-pagination-bullet-active:before{width:80px;}
.banner .banner-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}

}

@media only screen and (max-width:1200px) {
.banner .banner-js .slogan h3{font-size:60px;}	
.banner .banner-js .slogan h4{font-size: 22px;margin-top: 30px;}
.banner .banner-js .slogan .w90{padding-right: 15%;}
.banner .banner-js .swiper-pagination-bullet {font-size: 20px;}
.banner .banner-js .swiper-pagination-bullet-active{padding-left:90px;font-size: 34px;} 
.banner .banner-js .swiper-pagination-bullet-active:before{width:70px;}
.banner .banner-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 10px;}
}

@media only screen and (max-width:1024px) {
.banner .banner-js .slogan h3{font-size:48px;}	
.banner .banner-js .slogan h4{font-size: 20px;margin-top: 30px;}
.banner .banner-js .swiper-pagination-bullet {font-size:18px;}
.banner .banner-js .swiper-pagination-bullet-active{padding-left:80px;font-size:28px;} 
.banner .banner-js .swiper-pagination-bullet-active:before{width:70px;}
.banner .banner-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}
}
	
@media only screen and (max-width:720px) {
	.banner .banner2-js .slogan h3{font-size:30px;color: #fff;}	
.banner .banner2-js .slogan h4{font-size: 16px;margin-top: 20px;color: #fff;}
.banner{position: static;height: auto;}
.banner .banner2-js{display:inherit;height: auto;}
.banner .banner2-js .pic{width: 100%;height: auto;}
.banner .banner2-js .pic img{display: block;width: 100%;height: auto;}
.banner .banner2-js .pic .slogan{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.banner .banner-js{display: none;}

.banner .banner2-js .swiper-pagination-bullet {
	width: auto;
	height: auto;
    display: inline-block;
    border-radius: 100%;
    background: none;
    opacity: 1;
    font-size: 15px;
    color: #fff;
    font-family: "century gothic";
    vertical-align: middle;
}

.banner .banner2-js .swiper-pagination-bullet-active{padding-left:40px;position: relative;font-size:22px;} 
.banner .banner2-js .swiper-pagination-bullet-active:before{content: "";position: absolute;left: 0;top: 50%;background: #fff;width:35px;height: 1px;}
.banner .banner2-js .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 8px;}

}


.in-pro{width: 100%;height: auto;padding: 6% 0;position: relative;z-index: 1;}
.in-pro .in-pro1-bk-js{width:100%;height: 100%;position: absolute;z-index:-1;left: 0;top: 0;background: #446d5b;}
.in-pro .in-pro1-bk-js .swiper-slide{width: 100%;height: 100%;}
.in-pro .in-pro1-bk-js .bks{width: 100%;height:100%;position: absolute;left: 0;top: 0; background-size: cover;background-repeat: no-repeat;background-position: center;}
.in-pro .in-pro2-bk-js{width:100%;height: 100%;position: absolute;z-index:-1;left: 0;top: 0;background: #e4a5ae;}
.in-pro .in-pro2-bk-js .swiper-slide{width: 100%;height: 100%;}
.in-pro .in-pro2-bk-js .bks{width: 100%;height:100%;position: absolute;left: 0;top: 0; background-size: cover;background-repeat: no-repeat;background-position: center;}

.in-pro .in-pro3-bk-js{width:100%;height: 100%;position: absolute;z-index:-1;left: 0;top: 0;background: #95bcdb;}
.in-pro .in-pro3-bk-js .swiper-slide{width: 100%;height: 100%;}
.in-pro .in-pro3-bk-js .bks{width: 100%;height:100%;position: absolute;left: 0;top: 0; background-size: cover;background-repeat: no-repeat;background-position: center;}



.in-pro .in-pro1-pic-js{width:50%;height: auto;float: left;z-index: 22;}
.in-pro .in-pro-pic-js .pic{width: 100%;height: auto;}
.in-pro .in-pro-pic-js .pic img{display: block;width: 100%;height: auto;}

.in-pro .in-pro2-pic-js{width:50%;height: auto;float: right;}


.in-pro .in-pro3-pic-js{width:50%;height: auto;float: left;}



.in-pro .in-pro-pic-js  .hide{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;}
.in-pro .in-pro-pic-js .swiper-button-disabled{display: none;}

.in-pro .in-pro-pic-js  .swiper-button-next{
    background-image: url(../img/a007.png);
    right:5px;
    left: auto;
}
.in-pro .in-pro-pic-js  .swiper-button-prev{
    background-image: url(../img/a006.png);
   left:5px;
    right: auto;
}


.in-pro .in-pro-pic-js .swiper-button-next:after,.in-pro .in-pro-pic-js .swiper-button-prev:after{content: "";}
.in-pro .in-pro-pic-js .swiper-button-prev,.in-pro .in-pro-pic-js  .swiper-button-next{
    position: absolute;
    top:50%;
    width: 30px;
    height:40px;
    margin-top: -20px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}

.in-pro .in-pro1 .con{color: #FFFFFF;width: 50%;padding-left:8%;float: right;}
.in-pro .in-pro2 .con{color: #FFFFFF;width: 50%;padding-right:8%;float: left;}
.in-pro .in-pro3 .con{color: #FFFFFF;width: 50%;padding-left:8%;float: right;}
.in-pro .con h6{font-size: 24px;color: #FFFFFF;}
.in-pro .con a{color: #FFFFFF;display: block;padding-top:10%;}
.in-pro .con .title h3{color: #FFFFFF;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}
.in-pro .con .txt{width: 100%; margin-top: 40px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;}
.in-pro .con .txt p{font-size: 18px;color: #FFFFFF;}
.in-pro .con .mores{margin-top: 6%; position: relative; width: 100%;font-size: 18px;color: #FFFFFF;text-transform: uppercase; height: auto;text-align:right;display: block;}
.in-pro .con .mores:before{content: "";width: calc(100% - 120px);height: 1px;border-bottom: 1px solid #FFFFFF;position: absolute;left: 0;top: 50%;transform: translateY(-50%);}

@media only screen and (max-width:1600px) {
	.in-pro .con h6{font-size: 22px;}
}
@media only screen and (max-width:1400px) {
	.in-pro .con h6{font-size: 20px;}
	.in-pro .con .txt p{font-size: 16px;}
	.in-pro .con .mores{font-size: 16px;}
	
	.in-pro .in-pro-pic-js .swiper-button-prev,.in-pro .in-pro-pic-js  .swiper-button-next {
    width: 27px;
    height:36px;
    margin-top: -18px;
    background-size:27px 36px;}
	
}
@media only screen and (max-width:1200px) {
	.in-pro .con .mores:before{width: calc(100% - 110px);}
		.in-pro .in-pro-pic-js .swiper-button-prev,.in-pro .in-pro-pic-js  .swiper-button-next {
    width: 24px;
    height:32px;
    margin-top: -16px;
    background-size:24px 32px;}
}
@media only screen and (max-width:1024px) {
	.in-pro .con h6{font-size: 18px;}
	.in-pro .in-pro-pic-js .swiper-button-prev,.in-pro .in-pro-pic-js  .swiper-button-next {
    width: 21px;
    height:28px;
    margin-top: -14px;
    background-size:21px 28px;}
    .in-pro .con .txt{margin-top: 30px;}
}
@media only screen and (max-width:900px) {
	.in-pro .in-pro-pic-js{width: 100%;height: auto;float: none;}
	.in-pro .in-pro1 .con{width: 100%;padding-left: 0;float: none;padding-top: 35px;}
	.in-pro .in-pro2 .con{width: 100%;padding-right: 0;float: none;padding-top: 35px;}
	.in-pro .in-pro3 .con{width: 100%;padding-left: 0;float: none;padding-top: 35px;}
	.in-pro{padding: 45px 0;}
	.in-pro .con .mores{font-size: 15px;}
	.in-pro .con .mores:before{width: calc(100% - 100px);}
	
}













.box-bks1{width: 100%;height: auto;position: relative; background-size: cover; background-repeat: no-repeat;background-position: center;}
.box-bks1  .white{width: 100%;height:280px;background: #FFFFFF;position: absolute;top: 0;left: 0;}

.in-news{width: 100%;height: auto;}
.in-news ul{width: 100%;height: auto;font-size: 0;vertical-align: middle;}
.in-news ul li{transition: all 0.3s ease; position: relative; background: #FFFFFF; box-shadow: 0 0 10px rgba(0,0,0,0.2); display:inline-block;width: calc(33.3% - 30px);margin-right: 45px;}
.in-news ul li:nth-child(3n){margin-right: 0;}
.in-news ul li .pic{width: 100%;height:280px;background-size:cover;background-repeat: no-repeat;background-position:center;}
.in-news ul li .con{background: #FFFFFF; width: 100%;height: auto;padding:30px 25px;}
.in-news ul li .con .txt{width: 100%;height: 60px;overflow: hidden;margin-top: 20px;margin-bottom: 25px; text-overflow:ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}
.in-news ul li .con .txt p{font-size:20px;color: #000000;}
.in-news ul li .con h6{font-size:28px;color: #000000;width:100%;height: auto;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.in-news ul li .con .more{display: block;border: 1px solid #000000;text-transform: uppercase;text-align: center;line-height: 45px; color: #000000;font-size: 16px;  width:130px;height: 45px;}

.in-news ul li:hover .more{background:#578875;color: #FFFFFF;border: 1px solid #578875;}

.in-news ul li .hover-con{transition: all 0.3s ease; background: #FFFFFF; position: absolute;top: 50%;left: 50%;height:0;width: 100%;overflow: hidden; transform: translateX(-50%)translateY(-50%);}
.in-news ul li:hover .hover-con{ width: 100%;height: auto; box-shadow: 0 0 10px rgba(0,0,0,0.2);transition: all 0.3s ease;}
.in-news ul li:hover{box-shadow: none;}
.in-news ul li:hover  .hover-con .pic{height:300px;transition: all 0.3s ease; }
.in-news ul li:hover .hover-con .con{ padding: 30px 25px 50px 25px;transition: all 0.3s ease;}


	
@media only screen and (max-width:1600px) {
	.in-news ul li .con h6{font-size: 26px;}
	.in-news ul li .con .txt{height: 60px;}
	.in-news ul li .con .txt p{font-size:20px;}
	.in-news ul li .con .more{width:120px;height: 40px;line-height: 40px;}	
}	
@media only screen and (max-width:1400px) {
	.in-news ul li .con h6{font-size: 24px;}
	.in-news ul li .con .txt{height: 54px;}
	.in-news ul li .con .txt p{font-size:18px;}
	.box-bks1  .white{height: 260px;}
	.in-news ul li .pic	{height: 260px;}
	.in-news ul li:hover  .hover-con .pic{height:280px; } 
	.in-news ul li{width:calc(33.3% - 20px);margin-right: 30px;}
	.in-news ul li:nth-child(3n){margin-right: 0;}
	.in-news ul li .con .more{width:120px;height: 40px;line-height: 40px;}
	
	
}
@media only screen and (max-width:1200px) {
	.in-news ul li .con h6{font-size: 22px;}
	.in-news ul li .con .txt{margin-top: 15px;margin-bottom: 20px;height: 48px;}
	.in-news ul li .con .txt p{font-size:16px;}
	.in-news ul li .con .more{width:110px;height:36px;line-height: 36px;}
	.box-bks1  .white{height: 240px;}
	.in-news ul li .pic	{height: 240px;}
	.in-news ul li:hover  .hover-con .pic{height:260px; }
	.in-news ul li .con{padding:20px 20px;}
	.in-news ul li:hover  .hover-con .con{padding: 20px 20px 40px 20px;}
	
	
}

@media only screen and (max-width:1024px) {
	.in-news ul li{width:calc(33.3% - 10px);margin-right: 15px;}
	.in-news ul li:nth-child(3n){margin-right: 0;}
	.box-bks1  .white{height: 220px;}
	.in-news ul li .pic	{height: 220px;}
	.in-news ul li .con h6{font-size: 20px;}
	.in-news ul li:hover  .hover-con .pic{height:230px; }
	.in-news ul li .con .txt{margin-top: 10px;margin-bottom: 15px;height: 48px;}
	.in-news ul li .con .more{width:100px;height:30px;line-height: 30px;font-size: 15px;}
	.in-news ul li .con{padding:15px 15px;}
	.in-news ul li:hover  .hover-con .con{padding: 15px 15px 25px 15px;}
}
@media only screen and (max-width:720px) {
	.in-news ul li{width:calc(33.3% - 6px);margin-right:9px;}
	.in-news ul li:nth-child(3n){margin-right: 0;}
	.box-bks1  .white{height:170px;}
	.in-news ul li .pic	{height:170px;}
	.in-news ul li:hover  .hover-con .pic{height:180px; }
	.in-news ul li .con .more{width:100px;height:30px;line-height: 30px;font-size: 14px;}
}
@media only screen and (max-width:600px) {
	.in-news ul li{width:100%;margin-right:0px;margin-bottom: 30px;}
	.in-news ul li:nth-child(3n){margin-right: 0;margin-bottom: 0;}
}















.footer{width: 100%;height: auto;padding-bottom: 5%;}
.footer .foot-l{float: left; width: 650px;height: auto;}
.footer .foot-l form{width:75%; height: auto;position: relative;display: block;margin-top: 100px;}
.footer .foot-l form .mail{color: #000;font-size: 24px; width: 100%;height: auto;border: none; border-bottom: 1px solid #000000;height: 50px;line-height: 50px;background: none;}
.footer .foot-l form .submit{width: 35px;height: 35px;position: absolute;top: 50%;right: 0;transform: translateY(-50%);background: none; background:url(../img/a002.png) center no-repeat;background-size: cover;border: none;}
.footer .foot-l form .mail::-webkit-input-placeholder {color: #000;font-family: "century gothic";}
.footer .foot-l form .mail::-moz-placeholder {color: #000;font-family: "century gothic";}
.footer .foot-l form .mail::-ms-input-placeholder {color: #000;font-family: "century gothic";}








.footer .foot-r{text-align: right; padding-top: 6%;font-size: 0; width: calc(100% - 650px);float: right;padding-left: 5%; height: auto;}
.footer .foot-r .foot-r-c{display: inline-block;width: auto;text-align:left}
.footer .foot-r .foot-r-c .share{width: 100%;height: auto;font-size: 0;}
.footer .foot-r .foot-r-c .share a{cursor: pointer; display: inline-block;margin-right: 5%;width: 35px;height:auto;}
.footer .foot-r .foot-r-c .share a img{display: block;width: 100%;height: auto;}
.footer .foot-r .foot-r-c .share a.wx{position: relative;}
.footer .foot-r .foot-r-c .share a.wx .ewm{display: none; position: absolute;width: 120px;left: 50%;transform: translateX(-50%); height:auto;box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.footer .foot-r .foot-r-c .share a.wx .ewm img{display: block;width: 100%;height: auto;}
.footer .foot-r .foot-r-c .share a.wx:hover .ewm{display:inherit;}
.footer .foot-r .foot-r-c .cont{width: 100%;height: auto;margin-top: 45px;}
.footer .foot-r .foot-r-c .cont li{font-size: 20px;color: #000000;margin-bottom:5px;}
.footer .foot-r .foot-r-c .privacy{font-size: 18px;color: #000000;margin-top: 10px;}
.footer .foot-r .foot-r-c .privacy span{color: #000000;}
.footer .foot-r .foot-r-c .privacy a{color: #000000;}

@media only screen and (max-width:1600px) {
.footer .foot-r .foot-r-c .cont li{font-size: 20px;}
.footer .foot-l form{margin-top:100px;}	
}
	
@media only screen and (max-width:1500px) {
	.footer .foot-r .foot-r-c .cont li{font-size: 20px;}
	.footer .foot-l form .mail{font-size: 20px;}
	.footer .foot-r .foot-r-c .privacy{font-size: 17px;}
	.footer .foot-l{width:580px;}
	.footer .foot-r{width: calc(100% - 580px);}
	.footer .foot-l form{margin-top:95px;}	
	
}
@media only screen and (max-width:1400px) {
	.footer .foot-r .foot-r-c .cont li{font-size: 18px;}
	.footer .foot-l form .mail{font-size: 18px;}
	.footer .foot-l form .submit{width: 30px;height: 30px;}
	.footer .foot-r .foot-r-c .privacy{font-size: 16px;}
	.footer .foot-l{width:500px;}
	.footer .foot-r{width: calc(100% - 500px);padding-top: 5%;}
	.footer .foot-l form{margin-top:90px;}
}
@media only screen and (max-width:1200px) {
.footer .foot-r .foot-r-c .cont li{font-size: 16px;}
.footer .foot-l form .mail{font-size: 16px;}
	.footer .foot-r .foot-r-c .privacy{font-size: 16px;}
	.footer .foot-l{width:450px;}
	.footer .foot-r{width: calc(100% - 450px);padding-left: 3%;padding-top: 3%;}
	.footer .foot-l form{margin-top:85px;}	
}
@media only screen and (max-width:1024px) {
	.footer .foot-l{width:380px;}
	.footer .foot-r{width: calc(100% - 380px);padding-left: 3%;padding-top: 3%;}
	.footer .foot-r .foot-r-c .cont{margin-top: 30px;}
	.footer .foot-r .foot-r-c .share a{width: 30px;}
	.footer .foot-l form{margin-top:75px;}
	.footer{padding-bottom: 65px;}
}
	
@media only screen and (max-width:850px) {
.footer .foot-l{width: 100%;float: none;}
.footer .foot-r{width: 100%;padding-left: 0;padding-top:40px; float: none;text-align: left;}
.footer .foot-r-c{display: block;width: 100%;}
.footer .foot-l form{margin-top:30px;width:90%;}
.footer{padding-bottom: 40px;}
}


.footer2{width: 100%;height: auto;background-repeat: no-repeat;background-position: center;background-size: cover;}

.in-banner{width: 100%;height:600px;background-repeat: no-repeat;background-position: center;background-size: cover;}

@media only screen and (max-width:1600px) {
	.in-banner{height:550px;}
}
@media only screen and (max-width:1400px) {
	.in-banner{height:450px;}
}
@media only screen and (max-width:1200px) {
	.in-banner{height:400px;}
}

@media only screen and (max-width:1024px) {
	.in-banner{height:350px;}
}
@media only screen and (max-width:720px) {
	.in-banner{height:280px;}
}


.titles h3{text-transform: capitalize;}


.adv{width: 100%;height: auto;background-size: cover;background-repeat: no-repeat;background-position: center;}
.adv .titles h3{color: #FFFFFF;}
.adv ul{width: 100%;height: auto;font-size: 0;}
.adv ul li{padding: 25px 20px; display: inline-block;vertical-align: top; width: calc(25% - 15px);margin-right:20px;background: #FFFFFF;}
.adv ul li:nth-child(4n){margin-right: 0;}
.adv ul li .ico{width:35%;max-width: 80px; height: auto;margin: 0 auto;}
.adv ul li .ico img{display: block;width: 100%;height: auto;}
.adv ul li .ico .img2{display: none;}
.adv ul li h6{font-size:24px;color: #000000;text-align: center;margin-top: 20px;height: 56px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}
.adv ul li .txt{width: 100%;height: auto;text-align: center;margin-top: 20px;}
.adv ul li .txt p{font-size: 18px;color: #000000;}
.adv ul li:hover{background: #578875;}
.adv ul li:hover .ico .img1{display: none;}
.adv ul li:hover .ico .img2{display: inherit;}
.adv ul li:hover h6{color: #FFFFFF;}
.adv ul li:hover .txt p{color: #FFFFFF;}

	
@media only screen and (max-width:1600px) {
.adv ul li h6{font-size: 22px;height: 52px;}
}
@media only screen and (max-width:1400px) {
.adv ul li{width: calc(25% - 9px);margin-right: 12px;padding: 25px 10px;}
.adv ul li h6{font-size: 20px;height: 48px;}
.adv ul li .txt p{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
	.adv ul li{width: calc(25% - 9px);margin-right: 12px;padding: 25px 10px;}
.adv ul li h6{font-size: 18px;height: 42px;}
}
	
@media only screen and (max-width:1024px) {

.adv ul li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
.adv ul li:nth-child(4n){margin-right: 20px;}
.adv ul li:nth-child(2n){margin-right: 0;}
}
@media only screen and (max-width:720px) {
.adv ul li{width:100%;margin-right:0px;margin-bottom:10px;}
.adv ul li:nth-child(4n){margin-right:0px;}
.adv ul li:nth-child(2n){margin-right: 0;}
.adv ul li:last-child{margin-bottom: 0;}
.adv ul li .txt{margin-top:10px;}

}
.bread{font-size: 24px;color: #000; width: 100%;padding-top: 30px;height: auto;font-family: "century gothic";text-transform: capitalize;}
.bread  a{color: #000;display: inline-block;margin-right: 3px;} 
.ab{width: 100%;height: auto;color: #FFFFFF;}
.ab .bread{color: #FFF}
.ab .bread a{color: #FFF}
.ab .w90s{position: relative;}
.ab .ab-top{width: 100%;height: 60px;z-index: 66; position: absolute;top:-60px;left: 0;background: #4d7a68;}
.ab .title h3{color: #FFFFFF;}
.ab .instro{width: 100%;height: auto;}
.ab .instro-l{width:70%;height: auto;float: left;padding-right:8%;}
.ab .pic{width:30%;height: auto;float: right;}
.ab .pic img{display: block;width: 100%;height: auto;}
.ab .instro-l .txt{width: 100%;height: auto;}
.ab .instro-l .txt p{font-size: 18px;}

@media only screen and (max-width:1600px ) {
.bread{font-size: 22px;}	
}

@media only screen and (max-width:1400px) {
.ab .instro-l .txt p{font-size: 16px;}	
.bread{font-size: 20px;}
}
@media only screen and (max-width:1024px) {
	.ab .instro-l{width: 100%;height: auto;padding-right: 0;float: none;}
	.ab .pic{display: none;}
	.bread{font-size:18px;padding-top: 25px;}
	.ab .ab-top{height: 30px;top: -30px;}
}
@media only screen and (max-width:720px ) {
	.bread{font-size:16px;padding-top: 15px;}
}


.partner{width: 100%;height: auto;}
.partner .par-top{width: 100%;height: auto;position: relative;}
.partner .par-box{width: 100%;height: auto;padding: 5% 0;background: #fffafa;}
.partner .par-box .partner-js{width: 100%;height: auto;}
.partner .par-box .partner-js .pic{width: 100%;height: auto;}
.partner .par-box .partner-js .pic img{display: block;width: 100%;height: auto;}

.partner .par-top  .swiper-button-next{
    background-image: url(../img/a017.png);
    right:0px;
    left: auto;
}
.partner .par-top  .swiper-button-prev{
    background-image: url(../img/a017s.png);
   right:50px;
    left: auto;
}

.partner .par-top .swiper-button-next:after,.partner .par-top .swiper-button-prev:after{content: "";}
.partner .par-top .swiper-button-prev,.partner .par-top  .swiper-button-next{
    position: absolute;
    top:50%;
    width: 30px;
    height:40px;
    margin-top: -20px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}
@media only screen and (max-width: 1400px) {
	.partner .par-top .swiper-button-prev,.partner .par-top  .swiper-button-next{
		width: 24px;
		height: 32px;
		margin-top: -16px;
		background-size: 24px 32px;
	}
}

@media only screen and (max-width: 1024px) {
	.partner .par-top .swiper-button-prev,.partner .par-top  .swiper-button-next{
		width: 21px;
		height:28px;
		margin-top: -14px;
		background-size: 21px 28px;
	}

.partner .par-top  .swiper-button-prev{
   right:41px;
}
}
	
@media only screen and (max-width:720px) {
	
.partner .par-top .swiper-button-prev,.partner .par-top  .swiper-button-next{
		width:18px;
		height:24px;
		margin-top: -12px;
		background-size:18px 24px;
	}

.partner .par-top  .swiper-button-prev{
   right:28px;
}
	
}

.pro{width: 100%;height: auto;padding-top:60px;height: auto;}
.pro .pro-top{width: 100%;height: auto;}
.pro .pro-top .title{width: 290px;height: auto;float: left;}
.pro .pro-top .pro-sort{padding-top: 15px; text-align: right;padding-bottom: 5px; font-size: 0; width: calc(100% - 290px);height: auto;float: right;}
.pro .pro-top .pro-sort li{line-height: 1.5; position: relative; display: inline-block;overflow: hidden; font-size: 24px;margin-left: 20px;}
.pro .pro-top .pro-sort li a{color: #000000;display:block;float: left;padding-right:20px; position: relative;padding-bottom: 5px;}
.pro .pro-top .pro-sort li a span{position: absolute;right: 0;top: 50%;transform: translateY(-50%);}
.pro .pro-top .pro-sort li:last-child a span{display: none;}

.pro .pro-top .pro-sort li:before{content: "";position: absolute;left: 0;bottom:0px;width: 0%;height: 1px;background: #000000;}
.pro .pro-top .pro-sort li:hover:before{width:calc(100% - 20px);transition: all 0.5s ease;}
.pro .pro-top .pro-sort li.cut:before{width:calc(100% - 20px);}

.pro .pro-list{width: 100%;height: auto;font-size: 0;}
.pro .pro-list  li{width:calc(33.3% - 20px);margin-right: 30px; height: auto;display: inline-block;margin-bottom: 30px;}
.pro .pro-list li:nth-child(3n){margin-right: 0;}
.pro .pro-list li .pic{width: 100%;height:620px;background-size: cover;background-repeat: no-repeat;position: relative;background-position: center;}
.pro .pro-list li .pic .bk{transition: all 0.5s ease; position: absolute;width: 100%;height:auto;background: rgba(77,122,104,0.85);bottom: 0;left: 0;}
.pro .pro-list li .pic .bk .con{width: 100%;height: auto;padding: 20px 10px;}
.pro .pro-list li .pic .bk .con h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #FFF;font-size: 30px;overflow: hidden; margin-bottom: 15px; text-align: center;}
.pro .pro-list li .pic .bk .con .add{width:18px;height: 18px;display: block;margin: 0 auto;position: relative;}
.pro .pro-list li .pic .bk .con .add:before{content: "";position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%); height: 2px;background: #fff;}
.pro .pro-list li .pic .bk .con .add:after{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: 0;width: 2px;height:100%;background: #fff;}
.pro .pro-list li:hover .pic .bk{width: 100%;height:100%;background:rgba(198,130,124,0.85);}
.pro .pro-list li:hover .pic .bk .con{position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
@media only screen and (max-width:1600px) {
	.pro .pro-list li .pic .bk .con h6{font-size: 26px;}
	.pro .pro-list li .pic{height:560px;}
	.pro .pro-top .pro-sort li{font-size: 22px;}
	
}
@media only screen and (max-width:1400px) {
	.pro .pro-top .pro-sort li{font-size: 20px;}
	.pro .pro-list li .pic .bk .con h6{font-size: 24px;}
	.pro .pro-list li {width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
	.pro .pro-list li .pic{height:480px;}
	
}
@media only screen and (max-width:1200px) {
	.pro .pro-top .title{width: 158px;}
	.pro .pro-top .pro-sort{width: calc(100% - 158px);padding-top: 10px;}
	.pro .pro-top .pro-sort li{font-size: 20px;}
	.pro .pro-list li .pic .bk .con h6{font-size: 22px;}
	.pro .pro-list li {width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
	.pro .pro-list li .pic{height:400px;}
}
@media only screen and (max-width:1024px) {
	.pro .pro-list li .pic .bk .con h6{font-size: 20px;}
	.pro .pro-list li {width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px;}
	.pro .pro-list li .pic{height:350px;}
	.pro .pro-list li .pic .bk .con .add{width: 16px;height: 16px;}
	.pro .pro-top .title{width: 100%;float: none;}
	.pro .pro-top .pro-sort{width:100%;float: none;text-align: left;padding-top: 20px;}
	.pro .pro-top .pro-sort li{font-size: 18px;margin-left: 15px;}
	.pro .pro-top .pro-sort li a{padding-right: 15px;}
	.pro .pro-top .pro-sort li:first-child{margin-left: 0;}
}

@media only screen and (max-width:850px) {
	.pro .pro-top .pro-sort{width:100%;float: none;text-align: left;padding-top: 20px;}
	.pro .pro-top .pro-sort li{font-size: 18px;padding-top: 5px; margin: 0;line-height: 35px; border-bottom: 1px solid #dcdcdc;width:100%;}
	.pro .pro-top .pro-sort li a{padding-right: 0;text-align: center; display: block;width: 100%;}
	.pro .pro-top .pro-sort li a span{display: none;}
	.pro .pro-top .pro-sort li.cut{border-bottom: 1px solid #006a3a;background: #006a3a;}
	.pro .pro-top .pro-sort li.cut a{color: #fff;}
		.pro .pro-top .pro-sort li:before{display: none;}
	.pro .pro-list li .pic .bk .con h6{font-size: 18px;margin-bottom: 10px;}
	.pro .pro-list li {width:100%;margin-right: 0;margin-bottom: 10px;}
	.pro .pro-list li:nth-child(3n){margin-right: 0;}
	.pro .pro-list li:nth-child(2n){margin-right: 0;}
	.pro .pro-list li .pic{height:260px;}
	.pro .pro-list li .pic .bk .con{padding: 10px;}
	.pro .pro-list li .pic .bk .con .add{width: 12px;height: 12px;}
}

.fy{width: 100%;height: auto;font-size: 0;text-align: center;margin-top: 5%;}
.fy a{display:inline-block;text-transform: uppercase; line-height: 30px;text-align: center;margin: 0 10px;font-size:20px;}
.fy .num{border: 1px solid #000;width: 30px;height: 30px;border: 1px solid #000000;}
.fy .num:hover{background: #000000;color: #FFFFFF;}
.fy a.cut{background: #000000;color: #FFFFFF;}

@media only screen and (max-width:1400px) {
	.fy a{font-size: 20px;}
}
@media only screen and (max-width:1200px) {
	.fy a{font-size:18px;margin: 0 5px;}
}
@media only screen and (max-width:1024px) {
	.fy a{font-size:16px;margin: 0 5px;}
	.fy .num{width: 24px;height: 24px;line-height: 24px;}
}








.detail-box{z-index: 0; width: 100%;height: auto;z-index: 1;}
.detail-box .detail-js{width: 100%;height: auto;margin-bottom: 6%;z-index: 1;}
.detail-box .detail-js img{width: 100%;height: auto;display: block;}
.detail-box .text-box{width: 100%;height: auto;overflow: hidden;}
.detail-box .text-box .text-box-l{width: 390px;float: left;padding-bottom: 8%;border-bottom:2px solid #000000;}
.detail-box .text-box .text-box-l h5{font-size: 48px;color: #000000;}
.detail-box .text-box .text-box-r{width: calc(100% - 390px);float: right;padding-left: 15%;}
.detail-box .text-box .text-box-r p{font-size: 18px;color: #000000;}





.detail-box .detail-js .swiper-button-next{
    background-image: url(../img/a019s.png);
    right:10px;
    left: auto;
}
.detail-box .detail-js .swiper-button-prev{
    background-image: url(../img/a019.png);
  left:10px;
   right: auto;
}
.detail-box .detail-js .swiper-button-next:after,.detail-box .detail-js .swiper-button-prev:after{content: "";}
.detail-box .detail-js .swiper-button-prev,.detail-box .detail-js .swiper-button-next{
    position: absolute;
    top:50%;
    width: 30px;
    height:40px;
    margin-top: -20px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}

@media only screen and (max-width:1400px) {
.detail-box .text-box .text-box-l{width: 320px;}
.detail-box .text-box .text-box-l h5{font-size: 40px;}	
.detail-box .text-box .text-box-r{width: calc(100% - 320px);}
.detail-box .text-box .text-box-r p{font-size: 16px;}
.detail-box .detail-js .swiper-button-prev,.recom .recom-top .swiper-button-next{
		width: 24px;
		height: 32px;
		margin-top: -16px;
		background-size: 24px 32px;
	}
}
@media only screen and (max-width:1200px) {
	.detail-box .detail-js{width: 100%;height: auto;margin-bottom: 8%;}
	.detail-box .text-box .text-box-l{width: 280px;}
.detail-box .text-box .text-box-l h5{font-size:36px;}	
.detail-box .text-box .text-box-r{width: calc(100% - 280px);padding-left: 13%;}
.detail-box .text-box .text-box-r p{font-size: 16px;}
}
@media only screen and (max-width: 1024px) {
	.detail-box .detail-js{width: 100%;height: auto;margin-bottom: 10%;}
		.detail-box .text-box .text-box-l{width: 240px;padding-bottom: 14%;}
.detail-box .text-box .text-box-l h5{font-size:30px;}	
.detail-box .text-box .text-box-r{width: calc(100% - 240px);padding-left: 10%;}
.detail-box .text-box .text-box-r p{font-size: 16px;}
.detail-box .detail-js .swiper-button-prev,.detail-box .detail-js .swiper-button-next{
		width: 21px;
		height:28px;
		margin-top: -14px;
		background-size: 21px 28px;
	}
}
@media only screen and (max-width: 850px) {
			.detail-box .text-box .text-box-l{width: 100%;padding-bottom: 35px;margin-bottom: 35px;border-bottom: 1px solid #000000;}
.detail-box .text-box .text-box-l h5{font-size:30px;}	
.detail-box .text-box .text-box-r{width:100%;padding-left: 0;}
.detail-box .text-box .text-box-r p{font-size: 16px;}
}













.recom{width: 100%;height: auto;background: #86afd1;}
.recom .recom-top{position: relative; width: 100%;height: auto;}

.recom .recom-top .title h3{color: #FFF}
.recom .recom-js{width: 100%;height: auto;}
.recom .recom-js a{width: 100%;height: auto;display: block;}
.recom .recom-js a .pic{width: 100%;height:620px;background-size: cover;background-repeat: no-repeat;position: relative;background-position: center;}
.recom .recom-js a .pic .bk{transition: all 0.5s ease; position: absolute;width: 100%;height:auto;background: rgba(77,122,104,0.85);bottom: 0;left: 0;}
.recom .recom-js a .pic .bk .con{width: 100%;height: auto;padding: 20px 10px;}
.recom .recom-js a .pic .bk .con h6{overflow: hidden;text-overflow: ellipsis;white-space: nowrap; color: #FFF;font-size: 30px;overflow: hidden; margin-bottom: 15px; text-align: center;}
.recom .recom-js a .pic .bk .con .add{width:18px;height: 18px;display: block;margin: 0 auto;position: relative;}
.recom .recom-js a .pic .bk .con .add:before{content: "";position: absolute;left: 0;top: 50%;width: 100%;transform: translateY(-50%); height: 2px;background: #fff;}
.recom .recom-js a .pic .bk .con .add:after{content: "";position: absolute;left: 50%;transform: translateX(-50%); top: 0;width: 2px;height:100%;background: #fff;}
.recom .recom-js a:hover .pic .bk{background:rgba(148,188,219,1);}

.recom .recom-top  .swiper-button-next{
    background-image: url(../img/a018.png);
    right:0px;
    left: auto;
}
.recom .recom-top  .swiper-button-prev{
    background-image: url(../img/a018s.png);
   right:40px;
    left: auto;
}

.recom .recom-top .swiper-button-next:after,.recom .recom-top .swiper-button-prev:after{content: "";}
.recom .recom-top .swiper-button-prev,.recom .recom-top  .swiper-button-next{
    position: absolute;
    top:50%;
    width: 30px;
    height:40px;
    margin-top: -20px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}


@media only screen and (max-width:1600px) {
.recom .recom-js a .pic .bk .con h6{font-size: 26px;}
.recom .recom-js a .pic{height:560px;}
	
}
@media only screen and (max-width:1400px) {
.recom .recom-js a .pic .bk .con h6{font-size: 24px;}
.recom .recom-js a .pic{height:480px;}	
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next{
		width: 24px;
		height: 32px;
		margin-top: -16px;
		background-size: 24px 32px;
	}
}
@media only screen and (max-width:1200px) {
.recom .recom-js a .pic .bk .con h6{font-size: 22px;}
.recom .recom-js a .pic{height:400px;}
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next{
		width: 24px;
		height: 32px;
		margin-top: -16px;
		background-size: 24px 32px;
	}
}
@media only screen and (max-width:1024px) {
.recom .recom-js a .pic .bk .con h6{font-size: 20px;}
.recom .recom-js a .pic{height:350px;}
.recom .recom-js a .pic .bk .con .add{width: 16px;height: 16px;}
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next{
		width: 21px;
		height:28px;
		margin-top: -14px;
		background-size: 21px 28px;
	}
.recom .recom-top  .swiper-button-prev{
   right:41px;
}
}

@media only screen and (max-width:850px) {
.recom .recom-js a .pic .bk .con h6{font-size: 18px;margin-bottom: 10px;}
.recom .recom-js a .pic{height:260px;}
.recom .recom-js a .pic .bk .con{padding: 10px;}
.recom .recom-js a .pic .bk .con .add{width: 12px;height: 12px;}

}

	
@media only screen and (max-width: 720px) {
.recom .recom-top .swiper-button-prev,.recom .recom-top .swiper-button-next{
		width:18px;
		height:24px;
		margin-top: -12px;
		background-size:18px 24px;}
.recom .recom-top .swiper-button-prev{
   right:28px;
}
}




.pro-d{width: 100%;height: auto;position: relative;z-index: 1;}
.pro-d .bread{color: #FFF;}
.pro-d .bread a{color:#FFFFFF;}
.pro-d .pro-d-bk-js{width:100%;height: calc(100% + 80px);position: absolute;z-index:-1;left: 0;top: 0;background:#446d5b;}
.pro-d .pro-d-bk-js .swiper-slide{width: 100%;height: 100%;}
.pro-d .pro-d-bk-js .bks{width: 100%;height:100%;position: absolute;left: 0;top: 0; background-size: cover;background-repeat: no-repeat;background-position: center;}

.pro-d .pro-d-pic-js{width:45%;height: auto;float: left;z-index: 22;}
.pro-d .pro-d-pic-js .pic{width: 100%;height: auto;}
.pro-d .pro-d-pic-js .pic img{display: block;width: 100%;height: auto;}
.pro-d .pro-d-pic-js  .hide{filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity: 0;}





.pro-d .pro-d-pic-js .swiper-button-disabled{display: none;}

.pro-d .pro-d-pic-js  .swiper-button-next{
    background-image: url(../img/a007.png);
    right:5px;
    left: auto;
}
.pro-d .pro-d-pic-js .swiper-button-prev{
    background-image: url(../img/a006.png);
   left:5px;
    right: auto;
}


.pro-d .pro-d-pic-js .swiper-button-next:after,.pro-d .pro-d-pic-js .swiper-button-prev:after{content: "";}
.pro-d .pro-d-pic-js .swiper-button-prev,.pro-d .pro-d-pic-js  .swiper-button-next{
    position: absolute;
    top:50%;
    width: 30px;
    height:40px;
    margin-top: -20px;
    z-index: 88;
    cursor: pointer;
    background-size: 30px 40px;
    background-position: center;
    background-repeat: no-repeat;
     transition:opacity 0.5s;
}

.pro-d .con{float: left;padding-left: 5%;width:55%;}
.pro-d .con h6{font-size: 24px;color: #FFFFFF;}
.pro-d .con a{color: #FFFFFF;display: block;padding-top:10%;}
.pro-d .con .title h3{color: #FFFFFF;overflow: hidden;}
.pro-d .con .txt{width: 100%; margin-top: 40px; text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;word-wrap: break-word;}
.pro-d .con .txt p{font-size: 18px;color: #FFFFFF;}









@media only screen and (max-width:1600px) {
.pro-d .con h6{font-size: 22px;}
}
@media only screen and (max-width:1400px) {
.pro-d .con h6{font-size: 20px;}
.pro-d .con .txt p{font-size: 16px;}
.pro-d .con .mores{font-size: 16px;}
	
.pro-d .pro-d-pic-js .swiper-button-prev,.pro-d .pro-d-pic-js  .swiper-button-next {
    width: 27px;
    height:36px;
    margin-top: -18px;
    background-size:27px 36px;}
	
}
@media only screen and (max-width:1200px) {
	.in-pro .con .mores:before{width: calc(100% - 110px);}
	.pro-d .pro-d-pic-js .swiper-button-prev,.pro-d .pro-d-pic-js .swiper-button-next {
    width: 24px;
    height:32px;
    margin-top: -16px;
    background-size:24px 32px;}
}
@media only screen and (max-width:1024px) {
	.in-pro .con h6{font-size: 18px;}
	.pro-d .pro-d-pic-js .swiper-button-prev,.pro-d .pro-d-pic-js  .swiper-button-next {
    width: 21px;
    height:28px;
    margin-top: -14px;
    background-size:21px 28px;}
    .in-pro .con .txt{margin-top: 30px;}
}
@media only screen and (max-width:900px) {
	.pro-d .pro-d-pic-js{width: 100%;height: auto;float: none;}
	.pro-d .con{width: 100%;padding-left: 0;float: none;padding-top: 35px;}

	.in-pro{padding: 45px 0;}
	.in-pro .con .mores{font-size: 15px;}
	.in-pro .con .mores:before{width: calc(100% - 100px);}
	
}


.news-d-bks{width: 100%;height: auto;background: #f4f0e5;}
.news-d h6{font-size: 36px;color: #000000;}
.news-d .min{width: 100%;height: auto;font-size: 0;color: #999999;line-height: 25px;}
.news-d .min span{padding-left:35px;display: inline-block;margin-right: 30px; font-size: 16px;margin-top: 25px;background-size:25px 25px;background-position:left center;background-repeat: no-repeat;}
.news-d .min a{color: #999999;padding-left: 35px; display: inline-block;font-size: 16px;background: url(../img/a022.png); background-size:25px 25px;background-position:left center;background-repeat: no-repeat;}
.news-d .min a:hover{color: #006A3A;background: url(../img/a023.png) no-repeat;}
.news-d .txt{width: 100%;height: auto;margin-top:45px;}
.news-d .txt p{font-size: 18px;color: #000000;}
.news-d .txt p img{display: block;width: 100%;height: auto;}
.news-d .pn{width: 100%;height: auto;padding-top:45px;margin-top: 45px;overflow: hidden;border-top: 1px solid #dcdcdc;}
.news-d .pn a.return{width: 120px;line-height: 45px;text-align: center;float: right; background: #006A3A;display: block;color: #FFF}
.news-d .pn .pn-l{width: calc(100% - 120px);float: left;padding-right: 10px;}
.news-d .pn .pn-l span{display: block;width: 100%;height: auto;color: #000000;font-size: 20px;margin-bottom: 10px;}
.news-d .pn .pn-l span a{color: #000000;}
.news-d .pn .pn-l span:hover{color: #006A3A;}
.news-d .pn .pn-l span:hover a{color: #006A3A;}

	
@media only screen and (max-width: 1600px) {
	.news-d h6{font-size: 32px;}
	.news-d .pn .pn-l span{font-size: 20px;}
}
@media only screen and (max-width: 1400px) {
	.news-d h6{font-size: 28px;}
	.news-d .pn .pn-l span{font-size:18px;}
	.news-d .txt{margin-top: 45px;}
}
@media only screen and (max-width:1200px ) {
	.news-d h6{font-size: 26px;}
}
@media only screen and (max-width:1024px) {
	.news-d .min span{background-size: 20px 20px;padding-left: 30px;}
	.news-d .min a{background-size: 20px 20px;padding-left: 30px;}
	.news-d .min a:hover{background-size: 20px 20px;}
	.news-d .txt p{font-size: 16px;text-align: justify;}
	.news-d h6{font-size: 24px;}
	.news-d .pn .pn-l{width: 100%;height: auto;float: none;padding: 0;}
	.news-d .pn .pn-l span{font-size: 16px;}
	.news-d .pn a.return{float: none;margin-top: 15px;}
	.news-d .pn{margin-top: 30px;padding-top: 30px;}
	.news-d .pn a.return{width: 110px;line-height: 40px;}
	.news-d .txt{margin-top: 40px;}
}
	
@media only screen and (max-width:720px ) {
	.news-d h6{font-size: 20px;}
	.news-d .min a{background-size:16px 16px;padding-left:25px;font-size: 14px;}
	.news-d .min span{background-size:16px 16px;padding-left: 25px;font-size: 14px;margin-right: 20px;}
	.news-d .min a:hover{background-size: 16px 16px;}
}


.news{width: 100%;height: auto;}
.news ul{width: 100%;height: auto;}
.news ul li{position:relative;padding-left: 45%;background: #fafafa;box-shadow:0 0 10px rgba(221,151,160,0.3);margin-bottom:100px;}
.news ul li .pic{position: absolute;top:0;left: 0;width: 45%;height: 100%;background-size: cover;background-repeat: no-repeat;background-position: center;}
.news ul li .con{position: relative; width: 100%;height: auto;padding:9% 6%;}
.news ul li .con .time{position: absolute;top: 0;right: 6%;transform: translateY(-50%); background:#006A3A;font-size: 0; text-align: right;padding:15px; color: #FFF}
.news ul li .con .time b{font-family: "century gothic";font-size: 30px;color: #FFF;display:block;font-weight:normal}
.news ul li .con .time span{font-family: "century gothic";font-size: 20px;color: #FFFFFF;display:block;}
.news ul li .con h6{font-size: 36px;overflow: hidden;color: #000000; height: 86px; text-overflow: ellipsis;width: 100%;height: auto;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;word-wrap: break-word;}
.news ul li .con .txt{width: 100%;height:99px;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;word-wrap: break-word;}
.news ul li .con .txt p{font-size: 22px;color: #333333;}
.news ul li .con .more{width: 100%;height: auto;position: relative;font-size: 0;margin-top:50px;}
.news ul li .con .more span{font-family: "century gothic";padding-right: 20px; text-transform: uppercase; width:120px; text-align: left; display: inline-block;font-size: 16px;color: #000000;background-image: url(../img/a024.png);background-position: right center; background-repeat: no-repeat; background-size: 10px 15px; }

.news ul li .con .more i{ width: 0;height: 1px;vertical-align: 5px; background: #FFFFFF;display: inline-block;}
.news ul li:hover .con .more  i {width: calc(100% - 130px);transition: all 0.5s ease;}
.news ul li:hover{background: #dd97a0;}
.news ul li:hover .con .more  span{color: #FFFFFF;text-align: right; background-image: url(../img/a024s.png);background-size: 10px 15px;}
.news ul li:hover .con h6{color: #FFFFFF;}
.news ul li:hover .con .txt p{color: #FFFFFF}



@media only screen and (max-width:1600px ) {
	.news ul li .con h6{font-size: 34px;height: 80px;}
	.news ul li .con .time span{font-size:18px;}
	.news ul li .con .time b{font-size:28px ;}
	.news ul li .con .txt{height: 90px}
	.news ul li .con .txt p{font-size: 20px;}
}
@media only screen and (max-width:1400px) {
	.news ul li .con h6{font-size: 28px;height: 66px;}
	.news ul li .con .txt{height: 81px;}
	.news ul li .con .txt p{font-size: 18px;}
	.news ul li .con .time span{font-size:18px;}
	.news ul li .con .time b{font-size:26px ;}
}
@media only screen and (max-width:1200px) {
	.news ul li{margin-bottom: 80px;}
	.news ul li .con h6{font-size: 24px;height: 56px;}
	.news ul li .con .txt{margin-top: 25px;height: 72px;}
	.news ul li .con .txt p{font-size: 16px;}
	.news ul li .con .time{padding: 10px;}
	.news ul li .con .more span{font-size: 16px;}
	.news ul li .con .time span{font-size:15px;}
	.news ul li .con .time b{font-size:22px ;}
	.news ul li .con .more{margin-top: 35px;}
}
@media only screen and (max-width:1024px) {
	.news ul li{margin-bottom: 60px;}
	.news ul li .con h6{font-size: 22px;height: 52px;}
	.news ul li .con .txt{height: 72px;}
	.news ul li .con .txt p{font-size: 16px;}
	.news ul li .con .time{padding:5px 10px;}
	.news ul li .con .more span{font-size: 15px;}
	.news ul li .con .time span{font-size:14px;}
	.news ul li .con .time b{font-size:20px ;}
	.news ul li .con .more{margin-top: 30px;}
}
@media only screen and (max-width:720px) {
	.news ul li{margin-bottom:45px;position:static;padding: 0;}
	.news ul li .pic{width: 100%;height: 200px;position: inherit;}
	.news ul li .con{padding:45px 10px  20px 10px;}
	.news ul li .con h6{font-size: 20px;font-weight: bolder;  overflow: hidden;display: block; text-overflow: ellipsis;white-space: nowrap;height: auto;}
	.news ul li .con .txt{-webkit-line-clamp: 2;margin-top: 15px;height: 48px;}
	.news ul li .con .txt p{font-size: 16px;}

	.news ul li .con .time span{font-size:12px;}
	.news ul li .con .time b{font-size:18px ;}
	.news ul li .con .more{margin-top: 20px;}
	.news ul li .con .more span{width: 110px; font-size: 14px; background-size: 8px 12px;}
	.news ul li:hover .con .more i{width: calc(100% - 120px);}
	.news ul li:hover .con .more span{background-size: 8px 12px;}
}


.message{width: 100%;height: auto;position: relative;z-index: 1;}
.message .white2{width: 100%;position: absolute;z-index: -1; background: #FFFFFF;top: 0;left: 0; height: calc(100% - 100px);}
.message .message-box{width: 100%;height: auto;position: relative;background: #FFFFFF;padding-left: 42%; box-shadow: 0 0 10px rgba(0,0,0,0.3);}

.message .message-box .message-l{width: 42%;position: absolute;top: 0;left: 0;height: 100%;background-size: cover;background-repeat: no-repeat;background-position:bottom center;}
.message .message-box .message-r{width: 100%;height: auto;padding: 60px;}
.message .message-box .message-r form{margin-top: 60px; width: 100%;height: auto;overflow: hidden;font-size: 0;font-family: "century gothic";}
.message .message-box .message-r form .c1{width: calc(33.3% - 10px);margin-right: 15px;margin-bottom: 15px; display: inline-block;}
.message .message-box .message-r form .c1:nth-child(3){margin-right: 0;}
.message .message-box .message-r form .c1:nth-child(4){margin-right: 0;width: 100%;}
.message .message-box .message-r form .c1:nth-child(5){margin-right: 0;width: 100%;}
.message .message-box .message-r form .c1 textarea{width: 100%;height: 120px;background: #fffafa;border: none;font-family: "century gothic"; font-size: 18px;padding:20px 10px;}
.message .message-box .message-r form .c1 input{width: 100%;height:45px;border: none;background: none;font-size: 18px;line-height: 45px;padding-left: 20px; border: 1px solid #dcdcdc;}
.message .message-box .message-r form .c1 p{width: 100%;height: auto;margin-bottom: 10px;color: #000000;font-size: 18px;text-transform: capitalize;}
.message .message-box .message-r form .send{background: #4d7a68;color: #FFFFFF;text-transform: uppercase;font-size:18px;width:120px;height: 45px;text-align: center;line-height: 45px;border: none;display: block;margin:  0 auto;margin-top: 40px;}

	
@media only screen and (max-width: 1400px) {
	.message .message-box .message-r form .c1 p{font-size: 16px;}
	.message .message-box .message-r form .c1 textarea{font-size: 16px;}
	.message .message-box .message-r form .c1 input{font-size: 16px;}
}
@media only screen and (max-width:1200px) {
	.message .message-box{padding-left: 35%;}
.message .message-box .message-l{width: 35%;}
.message .message-box .message-r{padding: 45px;}
.message .message-box .message-r form .send{font-size: 16px;margin-top: 35px;}
.message .message-box .message-r form .c1 textarea{font-size: 16px;}
.message .message-box .message-r form .c1 input{font-size: 16px;}	
}
@media only screen and (max-width:1024px) {
.message .message-box{padding-left: 25%;}
.message .message-box .message-l{width: 25%;}
.message .message-box .message-r form{margin-top: 45px;}
.message .message-box .message-r{padding:35px;}
.message .message-box .message-r form .send{font-size: 16px;height: 40px;line-height: 40px;width: 100px;margin-top: 25px;}	
.message .message-box .message-r form .c1 textarea{font-size: 16px;}
.message .message-box .message-r form .c1 input{font-size: 16px;height: 40px;line-height: 40px;}
}
@media only screen and (max-width:720px) {
	.message .message-box{position: static;padding-left: 0;}
	.message .message-box .message-l{position: inherit;height: 200px;width: 100%;background-position: bottom center;}
	.message .message-box .message-r{padding:20px 15px;}
	.message .message-box .message-r form .send{margin-top: 20px;}
	.message .message-box .message-r form{margin-top: 20px;}
}

	
@media only screen and (max-width:480px) {
		.message .message-box .message-r form .c1{width: 100%;margin-right: 0;margin-bottom: 10px;}
			.message .message-box .message-r form .c1 p{margin-bottom: 5px;}
			.message .message-box .message-r form .c1 textarea{height: 80px;font-size: 15px;}
			.message .message-box .message-r form .c1 input{height: 35px;line-height: 35px;font-size: 15px;}
			.message .message-box .message-r form .send{height: 35px;font-size: 14px;width: 140px;}
}
.contact-box{width: 100%;height: auto;background: #4D7A68;position: relative;}
.contact-box .bks{width: 100%;background: #4D7A68;top: -60px;left: 0;height: 60px;position: absolute;}
.contact-box .bread a{color: #FFFFFF;}
.contact-box .bread{color: #FFF}
.contact-box .contact{width: 100%;height: auto;overflow: hidden;padding-left: 380px;position: relative;}
.contact-box .contact .title h3{color: #FFFFFF;}
.contact-box .contact .title{width: 380px;position: absolute;top: 50%;transform: translateY(-50%);left: 0;}
.contact-box .contact .cont-list{width:100%;font-size: 0;padding-left:8%;}
.contact-box .contact .cont-list li{height: 240px;box-shadow: 0 0 10px rgba(0,0,0,0.3); position: relative; padding:20px; width: calc(50% - 15px);background: #FFFFFF;margin-bottom: 30px;margin-right: 30px; display: inline-block;vertical-align: top;}
.contact-box .contact .cont-list li:nth-child(2n){margin-right: 0;}
.contact-box .contact .cont-list li .ico{width:60px;height: auto;position: absolute;top: 50%;left: 30px;transform: translateY(-50%);}
.contact-box .contact .cont-list li .ico img{display: block;width: 100%;height: auto;}
.contact-box .contact .cont-list li .con{color: #000000;top: 50%;transform: translateY(-50%);font-size: 20px; position: relative;left: 100px;width: calc(100% - 100px);}

@media only screen and (max-width: 1600px) {
	.contact-box .contact .cont-list li .con{font-size: 20px;}
	.contact-box .contact .cont-list li{height: 200px;}
	.contact-box .contact .cont-list li .ico{width: 50px;left: 25px;}
	.contact-box .contact .cont-list li .con{left:70px;width:calc(100% - 70px)}
}	
@media only screen and (max-width:1400px ) {
	.contact-box .bks{top: -50px;height: 50px;}
		.contact-box .contact .cont-list li{width: calc(50% - 10px);margin-right: 20px;margin-bottom: 20px;}
	.contact-box .contact .cont-list li .con{font-size:18px;}
	.contact-box .contact .cont-list li{height: 200px;}
	.contact-box .contact .cont-list li .ico{width: 40px;left: 20px;}
	.contact-box .contact .cont-list li .con{left:50px;width:calc(100% - 50px)}
}

@media only screen and (max-width:1200px) {
	.contact-box .bks{top: -45px;height: 45px;}
	.contact-box .contact{padding-left: 300px;}
	.contact-box .contact .title{width: 300px;}
	.contact-box .contact .cont-list{ padding-left: 5%;}
.contact-box .contact .cont-list li{width: calc(50% - 5px);padding: 10px; margin-right:10px;margin-bottom: 10px;}
	.contact-box .contact .cont-list li .con{font-size:16px;}
	.contact-box .contact .cont-list li{height: 160px;}
	.contact-box .contact .cont-list li .ico{width:35px;left: 10px;}
	.contact-box .contact .cont-list li .con{left:50px;width:calc(100% - 50px)}
}
@media only screen and (max-width:1024px) {
	.contact-box .bks{top: -35px;height: 35px;}
	.contact-box .contact{padding-left:240px;}
	.contact-box .contact .title{width:240px;}
}
	
@media only screen and (max-width:900px) {
		.contact-box .contact{padding-left:0;position: static}
	.contact-box .contact .title{width:100%;position: inherit;transform: translateY(0);top: auto;position: static;}
	.contact-box .contact .cont-list{padding-left: 0;padding-top: 35px;}
	
}
@media only screen and (max-width:720px) {
	.contact-box .bks{top: -30px;height: 30px;}
	.contact-box .contact .cont-list li{width: 100%;height: 130px;}
		.contact-box .contact .cont-list li .con{font-size: 14px;}
}