/*
函信网络 设计编写 原创设计 请勿仿制
公司网址:www.hanett.com
HMM编写
*/
@font-face {
  font-family: 'icomoon';
  src:  url('../fonts/icomoon.eot?9a6o8b');
  src:  url('../fonts/icomoon.eot?9a6o8b#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?9a6o8b') format('truetype'),
    url('../fonts/icomoon.woff?9a6o8b') format('woff'),
    url('../fonts/icomoon.svg?9a6o8b#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'icomoon' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-envelop:before {
  content: "\e945";
}
.icon-kf:before {
  content: "\e959";
}
.icon-google-plus3:before {
  content: "\ea8d";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-twitter:before {
  content: "\ea96";
}
.icon-dribbble:before {
  content: "\eaa7";
}



.block{ width: 1600px; margin: 0 auto;}
header{width: 100%; height: 100px; position: fixed; top:0; left:0; z-index: 999;    background: #fff;    box-shadow: 0 0 5px 1px #eee;}
header .logo{  float: left; height: 90px; margin-top: 5px; }
header .logo img{height: 90px;}
header .nav{ float: right; }
header .nav .hottel{  font-size: 16px; color: #999; text-align: right;height:30px; line-height:30px;  }
header .nav li{ float: left; font-size: 16px;  height:66px; line-height:66px; position:relative; }
header .nav li:after{ content: ""; background: #eee; width: 1px; height:16px; display:inline-block;  }
header .nav li a{ color: #999; padding: 0 25px; display: block; float: left; position: relative;width:120px;}
.line{ height:4px; background: #21944b;  }
header .nav li span{ font-size: 20px;vertical-align: -4px;margin-right: 3px; }
header .nav li.on a.first{ color: #22954c; }
header .nav li.on a.first:after{ content: ""; display: block; height: 2px; background: #98cdac; position: absolute; bottom:0px; left:10%; }
header .nav li:hover a.first{ color: #22954c; }
header .nav li:hover a.first:after{ content: ""; display: block; height: 2px;  background: #98cdac; position: absolute; bottom:0px; left:10%; }


header .nav li .pc{width:100%;position: absolute;background: #f4f4f4;top:66px;left:0;line-height: 30px; font-size: 14px;display: none;}
header .nav li li{ font-size: 12px;  height:36px; line-height:36px; }
header .nav li li a:hover{ color: #22954c }
header .nav li ul li ul{display: none;}
header .nav li ul li ul li ul{display: none;}
header .nav li ul li .pc1 {width:100%;position: absolute;background: #f4f4f4;left:0;line-height: 30px; font-size: 14px;display: none; left:100%;}



.hottel .icon-kf{ color: #22954c; margin-right: 10px;vertical-align: -2px;font-weight: 600; }
.hottel span{ color: #22954c; margin-right: 10px;vertical-align: -2px;font-weight: 600; }
.hottel .icon-envelop{ color: #22954c;}


.banner{ color: #fff;width: 100%;}
.banner .swiper-container {width: 100%;height:100vh; overflow: hidden;}
.banner .swiper-slide {width: 100%;height: 100vh; overflow: hidden;text-align: center;font-size: 18px;background: #fff;
/* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.banner .bg-full { position: absolute; width: 100%; height: 100%; background-size: cover !important;-webkit-background-size: cover !important;-o-background-size: cover !important;background-position: center 0;background-repeat: no-repeat !important;}
.banner .text{position: relative; z-index: 3;    opacity: 0;-webkit-transform: translateY(-80px);-moz-transform: translateY(-80px);transform: translateY(-80px);}
.banner h1{ font-size: 60px; letter-spacing: 4px;  font-weight: 500; color: #fff; margin:  20px auto  30px auto}
.banner p{ font-size: 16px; letter-spacing:10px;  font-weight: 200; color: #fff; text-transform: uppercase;}
.banner .more{ width: 200px; height: 50px;line-height: 50px; background: #208745;  margin: 0 auto; margin-top: 40px;   font-size: 16px;  position: relative; overflow: hidden;}
.banner .more a{ display: block; color: #fff; transition: all 0.5s;}
.banner .more .a1 {position: absolute;left: -100%; width: 100%;}
.banner .more:hover .a1{ left:0;}
.banner .more:hover .a2 {transform: translateX(300%);transition: all 1s;}
.overlay {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat;
    z-index: 2;
    display: block;
    background-color: #000;
    opacity: 0;
}

.swiper-slide-active .overlay {
    opacity: .6;
}
.swiper-slide-active .overlay {
    -webkit-transition: all .5s ease-out;
    -moz-transition: all .5s ease-out;
    -ms-transition: all .5s ease-out;
    -o-transition: all .5s ease-out;
    transition: all .5s ease-out;
}
.swiper-slide-active .overlay {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
}


.banner-inner .overlay1 {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: transparent;
    background-position: left top;
    background-repeat: repeat;
    z-index: 2;
    display: block;
    background-color: #000;
    opacity: .6;

}


.swiper-slide-active .text {
    opacity: 1;
     -webkit-transform: translatex(0px); 
    -moz-transform: translatex(0px);
     transform: translatex(0px); 
    -webkit-transition: all 1s ease-out;
    -moz-transition: all 1s ease-out;
    -ms-transition: all 1s ease-out;
    -o-transition: all 1s ease-out;
    transition: all 1s ease-out;
}
.swiper-slide-active .text {
    transition-delay: .5s;
    -webkit-transition-delay: .5s;
    -moz-transition-delay: .5s;
    -ms-transition-delay: .5s;
    -o-transition-delay: .5s;
}

.banner .bg-full.zoom {
    -webkit-animation: sliderzoom linear 40s infinite alternate;
}

@-webkit-keyframes sliderzoom {
	from {
		-webkit-transform: scale(1);
		-moz-transform: scale(1);
		-ms-transform: scale(1);
		-o-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(1.4);
		-moz-transform: scale(1.4);
		-ms-transform: scale(1.4);
		-o-transform: scale(1.4);
		transform: scale(1.4)
	}
}


.banner .swiper-pagination-bullet-active{ background: #fff; }
 .icon_mouse{ width: 100%; position: absolute; bottom: 35px;  z-index: 9;-webkit-animation: scrollfade 1s ease-in alternate infinite;
    -moz-animation: scrollfade 1s ease-in alternate infinite;animation: scrollfade 1s ease-in alternate infinite;}
 .icon_mouse img{ width:18px; display: block; margin:0 auto; }

@-webkit-keyframes scrollfade {
  0% {
    opacity: .3
  }

  100% {
    opacity: 1
  }
}

@-moz-keyframes scrollfade {
  0% {
    opacity: .3
  }

  100% {
    opacity: 1
  }
}

@keyframes scrollfade {
  0% {
    opacity: .3
  }

  100% {
    opacity: 1
  }
}


.product{ width: 100%; height:calc(100vh - 120px) ; position: relative; background: #f6f6f6; margin-top: 100px; padding: 10px 0; }
.product .pic{ width: 100%; position: relative; }
.product .pic img{ width: 100% }
.main .product .swiper-slide{ -webkit-align-items: normal;align-items:normal;  background: #fff; position: relative; }
.product .pic .mask{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,.3);transition:all .5s;  }
.product .info{ text-align: center;transition:all .5s; position:absolute; bottom: 0px; background: #fff; width: 100%; }
.product .info .icon{ width: 60px; margin:0 auto; padding-top: 30px; }
.product .info .icon img{ width: 100%; }
.product .info h3{ font-size: 24px; font-weight: 500; margin-top: 20px; }
.product .info p{ color: #ddd; text-transform: uppercase;  margin-top: 15px;}
.product .info .num{ font-size: 24px; color: #999; margin-top: 30px; padding-bottom: 60px; }
.product .info .num:before{display:inline-block;content:"";width:40px;height:1px;background:#ddd;vertical-align:7px;margin-right: 10px;}
.product .info .num:after{display:inline-block;content:"";width:40px;height: 1px; background: #ddd; vertical-align: 7px;margin-left: 10px;}
.product .info .button{ width: 200px;line-height: 40px; background: #21944b; margin:0 auto;  margin-top: 20px; border-radius: 5px; transition:all .5s; height:0px;}
.product .info .button a{ color: #fff; display: block; }
.main .product .swiper-slide:hover .pic .mask{ opacity: 0; }
.main .product .swiper-slide:hover .info .button{height:40px;}
.product .swiper-button-next{ background-image:url(../images/right.png);  }
.product .swiper-button-prev{ background-image:url(../images/left.png);  }
.product .swiper-button-next:hover{ background-image:url(../images/right1.png);  }
.product .swiper-button-prev:hover{ background-image:url(../images/left1.png);  }


.brand{ width: 100%; height:calc(100vh - 100px) ; background:url(../images/introduce_bg.jpg) no-repeat center bottom; background-size:cover; margin-top: 100px; }
.brand .w80{ width: 80%; margin:0 auto;  overflow: hidden;}
.brand .w80 .textfl{ width: 45%;  float: left; }
.brand .w80 .textfl .title{ padding-top:80px; }
.brand .w80 .textfl .title h5{ font-size: 24px; color: #21944b; font-weight: 500; }
.brand .w80 .textfl .title p{ font-size: 14px; color: #ccc; margin-top: 10px; text-transform: uppercase; }
.brand .w80 .textfl .title:after{ width: 30px; height: 2px; background: #ccc; content: ""; display: block; margin-top: 10px; }
.brand .w80 .textfl .intro{ color: #666; line-height: 28px; margin-top: 50px; }
.brand .w80 .textfl .intro p{ font-size: 15px; margin-top: 20px;}
.brand .w80 .textfl .intro .more{ width: 150px; height: 50px; line-height: 50px; background: rgba(33,148,75,.5); border-radius: 50px; text-align: center; font-size: 16px; margin-top: 30px; transition: all .5s; }
.brand .w80 .textfl .intro .more a{ display: block; width: 100%; color: #fff; }
.brand .w80 .textfl .intro .more:hover{ background:rgba(33,148,75,1)  }
.brand .w80 .picfr{ width: 45%; float: right; padding-top:80px; overflow: hidden;}
.brand .w80 .picfr img{ width: 100%; transition:all .5s;}
.brand .w80 .picfr:hover img{ transform:scale(1.1); }
.brand .w80 .picfr .hide{ display:none }

.advantage{ width: 100%; height:calc(100vh - 120px) ; position: relative; background: #f6f6f6; margin-top: 100px; padding: 10px 0;}
.advantage .title{ padding-top:80px;  text-align:center;}
.advantage .title h5{ font-size: 24px; color: #21944b; font-weight: 500; }
.advantage .title p{ font-size: 14px; color: #ccc; margin-top: 10px; text-transform: uppercase; }
.advantage .title:after{ width: 30px; height: 2px; background: #ccc; content: ""; display: block; margin:0 auto; margin-top: 10px; }

.advantage .adv{}
.advantage .adv .picfl{ float: left; width: 40%; }
.advantage .adv .picfl img{ width: 100% }
.advantage .adv .textfl{ width: 50%; float: left; margin-left: 3%; margin-top:3%; }
.advantage .adv .textfl li{ width: 23.5%; background: #fff; height: 230px; padding:20px; float: left; box-sizing: border-box; margin-top:2%;margin-right:2%; }
.advantage .adv .textfl li:nth-child(4){ margin-right: 0; }
.advantage .adv .textfl li:nth-child(5){ margin-left: 11.75%; }
.advantage .adv .textfl li img{ width: 50px; display: block; margin:0 auto; }
.advantage .adv .textfl li h5{ font-size:20px; font-weight: 500; text-align: center; color: #333; margin-top: 20px; }
.advantage .adv .textfl li p{ font-size: 14px;text-align: center; color: #999; margin-top: 10px;  line-height: 24px;}
.advantage .adv .textfl li .n{ display: block; }
.advantage .adv .textfl li .s{ display: none; }
.advantage .adv .textfl li:hover{ background: #21944b;}
.advantage .adv .textfl li:hover h5{ color: #fff; }
.advantage .adv .textfl li:hover p{ color: #bcd8c4 }
.advantage .adv .textfl li:hover .n{ display: none; }
.advantage .adv .textfl li:hover .s{ display: block; }

.news{ background:#f6f6f6 url(../images/image_news.png) no-repeat top center; background-size:100%; }
.news  .tab{ display: table; margin: 0 auto; position: relative; margin-top:30px;}
.news  .tab::after{position: absolute;content: "";width:100%;height: 1px;background: #ddd;top: 20px;left:0;}
.news  .tab li{ float: left; width: 130px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #ddd; text-align: center;margin-right:100px; box-sizing: border-box; border-radius: 50px; position: relative; z-index: 2; transition: all .5s;}
.news  .tab li:last-child{ margin-right: 0;}
.news  .tab li a{ display: block; }
.news  .tab li:hover{ background: #21944b;border:1px solid #21944b;}
.news  .tab li:hover a{ color: #fff;}
.news  .tab li.on{ background: #21944b;border:1px solid #21944b;}
.news  .tab li.on a{ color: #fff;}


.newsbox{ width: 70%; margin:0 auto; overflow: hidden; margin-top: 40px; display: none; }
.newsbox .pic{ float:left; width: 48%; }
.newsbox .pic .img{ width: 100%; overflow: hidden; }
.newsbox .pic .img img{ width: 100%;  transition:all .5s; }
.newsbox .pic .img:hover img{ transform: scale(1.1) }
.newsbox .pic h5{ font-size: 18px; font-weight: 500; margin-top:15px;  }
.newsbox .pic h5 a{ color: #333; }
.newsbox .pic h5 a:hover{ color: #21944b; }
.newsbox .pic p{ font-size: 14px; color: #999999;margin-top:10px; line-height: 24px;   }
.newsbox .list{ width: 48%; float: right; }
.newsbox .list li{ margin:0 10px; border-bottom: 1px solid #ddd; overflow: hidden; padding:10px 0; }
.newsbox .list li .time{ width: 70px; text-align: right; float: left }
.newsbox .list li .time .day{ font-size: 28px; color: #999; }
.newsbox .list li .time .year{ font-size: 16px; color: #c1c1c1; margin-top:5px; }
.newsbox .list li .infor{ float: right; width: calc(100% - 100px); font-size: 15px; line-height: 26px; }
.newsbox .list li .infor:before{ height:140px; background: #ddd; width: 1px; content: ""; display: block; float: left; margin-right: 30px; margin-top:5px; }
.newsbox .list li .infor h4{ font-size: 16px; color: #333; font-weight: 500; }
.newsbox .list li .infor h4 a{ color: #333; }
.newsbox .list li .infor p{ font-size: 14px; line-height: 24px; color: #999; }
.newsbox .list li .infor .more{ margin-top: 10px;transition:all .5s; }
.newsbox .list li:hover .infor h4 a{ color: #21944b; }
.newsbox .list li:hover .infor .more{ transform:translateX(10px); }



.foot{ font-size: 12px; text-align: center; position: absolute; bottom:10px; text-align: center; color: #999;width: 90%;line-height: 20px;left: 5%; }
.foot a{ color: #999; padding:0 5px; }
.foot a:hover{ color: #21944b; }





.banner-inner{ width: 100%; height: 400px; margin-top: 100px; }
.w1500{ width: 1500px; margin:0 auto; }
.navigation{padding: 60px 0;border-bottom: 1px solid #f0f0f0; margin-top: 20px;}
.navigation ul li{float: left;margin-right: 40px;}
.navigation ul li a {color: #000;}
.navigation ul li .on {border-top: 1px solid #888;padding-top: 16px;color: #000;}
.navigation ul li a:hover {border-top: 1px solid #888;padding-top: 18px;color: #000;}
.box-text{ width: 100%; margin-top: 30px; font-size: 14px; line-height: 24px; color: #666; min-height: 500px;}
.box-text img{ max-width: 100%;}
.box-text table{width: 100%; }



.foot-down{background: #333333;width: 100%;height: 80px; margin-top: 100px; font-size:12px;}
.foot-down-n-l{float: left;margin-top: 32px;color: #999}
.foot-down-n-r{float: right;margin-top: 32px;color: #999}
.foot-down a{ color: #999; }
.foot-down a:hover{ color: #fff; }




.list-news-lieb{width:100%;overflow: hidden; padding:30px 0;}
.list-news-lieb+.list-news-lieb{border-top:1px solid #f0f0f0;}
.list-news-date{width: 100%;overflow: hidden;}
.list-news-left a{color: #888}
.list-news-lieb:hover .two{width: 62px;transition: all 0.5s;}
.list-news-lieb:hover .two2{margin-left:141px;float: left;transition: all 0.5s;}
.list-news-lieb:hover .thr a{color: #000;font-size: 16px;transition: all 0.5s;}
.list-news-lieb:hover .one1{float:left;width: 38px;height: 38px;background: url(../images/jiant-right.png);transition: all 0.5s;}
.list-news-lieb:hover .one a{width: 90px;color: #000;font-size: 20px;float: left;transition: all 0.5s;}
.list-news-date .one{width: 90px;color: #888;font-size: 20px;float: left;transition: all 0.5s;}
.list-news-date .two{width: 36px;float: left;border-top: 1px solid #888;transition: all 0.5s;margin-top: 10px;}
.list-news-date .thr{margin-left: 30px;float: left;}
.list-news-date .thr a{color: #777;font-size: 16px;transition: all 0.5s;}
.list-news-arct{margin-top: 25px;width: 100%; overflow: hidden;}
.list-news-arct .one1{float:left;width: 38px;height: 38px;background: url(../images/jiant-white.png);transition: all 0.5s;}
.list-news-arct .two2{margin-left:115px;float: left;width: 700px;overflow: hidden;transition: all 0.5s; line-height: 24px;}
.list-news-left{float: left;}
.list-news-right{float: right;}
.list-news-right img{width: 220px;}
.list-news-xwlb .page{text-align: center;}
.list-news-xwlb .page a{color: #888}




.article-news-tit{text-align: center;margin-top: 60px;color: #333;font-size: 18px; line-height: 28px;}
.article-news-dat{text-align: center;margin-top: 20px;color: #999;font-size: 12px;}
.article-news-diaoy{width: 100%;margin:30px auto; color: #666; line-height: 26px; text-align: justify;}
.xiayiye{margin-top: 30px}
.xiayiye p{color: #666; padding:5px 0; display: block;}
.xiayiye p a{ color: #666; }
.xiayiye p a:hover{ color:#22954c; }



.brandtopic li{ border: 1px solid #ddd;padding:30px; overflow: hidden; margin-top: 30px;}
.brandtopic li .pic{ width: 200px; float: left; }
.brandtopic li .pic img{ width: 100%; }
.brandtopic li .text{ float: right; width: calc(100% - 250px) }
.brandtopic li .text h5{ font-size: 16px; font-weight: 500; line-height: 28px; }
.brandtopic li .text h5 a{ color: #333; display: block; overflow: hidden;text-overflow:ellipsis;white-space: nowrap; }
.brandtopic li .text p{ color: #999; margin-top: 10px; line-height: 24px; }
.brandtopic li .text .zttitle{ float: right; overflow: hidden; margin-top: 20px; }
.brandtopic li .text .zttitle img{ display: block; float: left; width: 100px; }
.brandtopic li .text .zttitle span{ display: block; padding:0 15px; color: #666;  float: left; font-size: 30px; font-weight: 300; }
.brandtopic li .text .zttitle .time{ float: left; font-size: 18px; color: #666; height:30px; line-height: 30px; }



.zhu{ width:100%; margin:40px auto 20px; }
.zx-cu{ width:100%; padding:0 0 20px 0; }
.gywm-p{ font-size:20px; color:#333333; text-align:center;}
.gywm-gy{ font-size:26px; color:#333333; margin:0 auto; text-align:center; margin-bottom:50px; line-height:44px;}
.zx-cu ul li img{ float:left; width:18px; margin-top:8px;}
.zx-cu ul li{  line-height: 30px; float: left;width: 50%; padding:5px 0;}
.zx-cu p{ font-size:14px; margin-left:28px; color: #666;}
.zx-cu ul li:hover .ico{ -webkit-animation: icoI 1s linear infinite; animation: icoI 1s linear infinite;}

#map{ width: 100%; height: 500px; }

.zx-ta ul li{ padding:10px 0; background:#f9f9f9; margin:10px 0; overflow: hidden;}
.zx-li{ width:calc(100% - 100px); height:70px; margin-left:50px;}
.zx-li-h{ width:70px; height:70px; background:url(../images/xs1.png) no-repeat center; background-size:44px; float:left;}
.zx-li h1{ font-size:16px; color:#999999; line-height:70px; margin-left:100px;}
.zx-li h1 em{ float:right; display:block; width:70px; height:70px; background:url(../images/talent.png) -15px -10px no-repeat; cursor:pointer;}
.ta-li{ width:calc(100% - 250px); float:left; margin-left: 150px; padding-bottom:30px; display: none;}
.ta-li h2{ color:#333; font-size:14px;}
.ta-li p{ font-size:14px; color:#999999; line-height:28px;}
.fan.on{box-shadow:0 0 35px rgba(0,0,0,0.15); background:#fff;}
.fan.on h1{ color:#01a544;}
.fan.on h1 em{ background-position:-15px -167px;}
.fan.on .zx-li-h{ background:url(../images/xs2.png) no-repeat center; background-size:44px; float:left;}



.contbg{ background:url(../images/contactbg.jpg) fixed no-repeat center; background-size:cover; padding:80px 0; margin-top:80px;}
.online{ width: 60%; margin:0 auto; }
.zx-h{ width:49%; float:left;}
.zx-h:nth-child(2n){ float: right; margin-right: 0; }
.zx-h input{ width:100%; background-color:rgba(255,255,255,0.8); border:none; height:44px; margin-bottom:10px;; color:#5d5d5d; font-size:14px; padding-left:10px; outline:none; box-sizing: border-box;}
.zx-h input:focus{ background-color:rgba(255,255,255,1);}
.ly .message{ background-color:rgba(255,255,255,0.8);  height:200px; width:100%; line-height:30px; font-size:14px; outline:none; color:#5d5d5d; border:none;  padding:10px; box-sizing: border-box;}
.ly .message:focus{ background-color:rgba(255,255,255,1); font-size:14px;}
.coolbg{ width:152px; height:44px; line-height:44px; cursor:pointer; font-size:14px; border:none; background:#f0f0f0; border-radius:4px;}
.coolbg:hover{ background:#01a544; color:#fff;}




.product-inner{ margin-top: 30px; }

.subNavBox{width:200px; float: left;}
.subNav{border-bottom:solid 1px #e5e3da;cursor:pointer;font-weight:bold;font-size:14px;color:#595757;line-height:45px;padding-left:10px;background:url(../images/jiantour.png) no-repeat;background-position:95% 50%}
.subNav:hover{color:#22954c;}
.currentDd{color:#22954c}
.currentDd a{color:#22954c}
.currentDt{background-image:url(../images/jiantou.png);}
.navContent{display: none;border-bottom:solid 1px #e5e3da;}
.navContent li a{display:block;width:200px;heighr:28px; padding-left:15px;font-size:14px;line-height:28px;color:#333}
.navContent li a:hover{color:#fff;background-color:#22954c}


.prolist{ width: calc(100% - 240px) ; float: right;}
.prolist ul.prolist-li{width:100%; overflow: hidden;}
.prolist ul.prolist-li li{float:left;width:23.5%; border:1px solid #ddd;margin-right:2%;margin-top:2%; box-sizing: border-box;}
.prolist ul.prolist-li li:nth-child(4n){ margin-right: 0; }
.prolist ul.prolist-li li .pro_img{overflow:hidden;width:100%;overflow:hidden;position:relative;}
.prolist ul.prolist-li li .pro_img img{width:100%;transition: all 300ms linear;}
.prolist ul.prolist-li li .pro_img::after{content: "";transition: all 300ms linear;width:60px;height:60px;background:rgba(0,0,0,0.6) url(../images/more.png) no-repeat center center;position:absolute;top:50%;left:50%;margin-left:-30px;margin-top:-100px;opacity:0;}
.prolist ul.prolist-li li .pro_info{width:100%;box-sizing:border-box;padding:20px 20px 30px 20px;}
.prolist ul.prolist-li li .pro_info h3{font-size:16px;font-weight:bold;line-height:40px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.prolist ul.prolist-li li .pro_info i{width:100%;height:15px;background:url(../images/newsline.png) no-repeat center center;display:block;padding-top:10px;padding-bottom:15px;}
.prolist ul.prolist-li li .pro_info p{text-align:center;}
.prolist ul.prolist-li li:hover .pro_img img{transform: scale(1.05);-moz-transform: scale(1.05, 1.05);-webkit-transform: scale(1.05, 1.05);-o-transform: scale(1.05, 1.05);}
.prolist ul.prolist-li li:hover .pro_img::after{margin-top:-30px;opacity:1;}
.prolist ul.prolist-li li:hover .pro_info h3{color:#21944b;}


.inner-fenye{ margin:50px auto 0px auto;  width:100%; text-align:center;}
.inner-fenye li{display:inline-block; }
.inner-fenye a{ padding:0 15px;background:#fff;color:#666;margin:0 2px;border:1px solid #dbdbdb;line-height:36px;display:inline-block;}
.inner-fenye .disabled{ padding:0 15px;background:#fff;color:#666;margin:0 2px;border:1px solid #dbdbdb;line-height:36px;display:inline-block;}
.inner-fenye .current{ padding:0 15px;background:#fff;color:#22954c;margin:0 2px;border:1px solid #fff;line-height:36px;display:inline-block;}


table {width:1310px;margin:0 auto 10px auto}
table input[type="button"]{ background: #ddd; }
.td1{ width: 410px; }
.td2{width:900px; height:600px; overflow:hidden;}
#addHeader{margin-top:40px;height:45px; line-height:45px;vertical-align:middle;letter-spacing:0.1em;text-indent:1.5em;border-bottom:solid 1px black;}
.cbx{height:525px;overflow:auto;margin-top:15px;overflow:auto;background:#eaeaea}
table #address{letter-spacing:0.1em; height:505px;margin-top:15px;}
    #allmap {
        width: 90%;
        height: 550px;
        overflow: hidden;
        margin: 0;
        font-family: "微软雅黑";
        margin-top:30px;
 
    }

.pronav{ width:100%; background:#fff; z-index:999; display: none}
.pronav ul{ overflow:hidden; border-bottom:1px solid #d6d6d6; width:100%;overflow: hidden;white-space: nowrap;overflow-x: scroll;}
.pronav ul::-webkit-scrollbar {display: none;}
.pronav ul li{display: inline-block; padding:0 10px; text-align:center;  height:40px; line-height:40px; }
.pronav ul li a{padding-bottom:9px; font-size:14px;}
.pronav ul li.on a{ color:#22954c; border-bottom:2px solid #22954c;}
#topcontrol{background:#4c4c4c; height:30px; width:30px; border-radius:4px;}


.pro-banner{ width: 100%; }
.pro-banner img{ width: 100%; }
.pro-text{ margin-top: 30px; }
.pro-text img{max-width: 100%; }