﻿@font-face {
	font-family: 'iconfonts';  /* Project id 2288898 */
	src: url('font_2288898_vmct37grnan.eot?t=1651894935471'); /* IE9 */
	src: url('font_2288898_vmct37grnan.eot?t=1651894935471#iefix') format('embedded-opentype'), /* IE6-IE8 */
		 url('font_2288898_vmct37grnan.woff2?t=1651894935471') format('woff2'),
		 url('font_2288898_vmct37grnan.woff?t=1651894935471') format('woff'),
		 url('font_2288898_vmct37grnan.ttf?t=1651894935471') format('truetype'),
		 url('font_2288898_vmct37grnan.svg?t=1651894935471#iconfont') format('svg');
  }
  
  
  
  .iconfonts {
  
	font-family:"iconfonts" !important;
  
	font-style:normal;
  
	font-size: 1rem;
  
	-webkit-font-smoothing: antialiased;
  
	-webkit-text-stroke-width: 0.2px;
  
	-moz-osx-font-smoothing: grayscale;
  
	position:relative;
  
  }
/*global style*/
ul,li,p,span,em,i,div,img,h1,h2,h3,h4,a,.object,input,textarea,body{padding:0px;margin:0px;border:none;}
body{font-family: Arial, Helvetica, sans-serif;color:#666;overflow-x:hidden;background:#fff;margin:0;}
table{ border-collapse:collapse;}
em,i{font-style:normal;}
a{color:#333;text-decoration:none;cursor:pointer;outline:none;-webkit-tap-highlight-color:rgba(255,0,0,0);}
a:hover{color:#0056aa;}
ul,li,dl,dd,dt{list-style:none;padding: 0;margin: 0;}
img{vertical-align:top;}
.clear{clear:both;overflow:hidden;}
.clearm:after{clear:both;display:block;height:0;visibility:hidden;content:" ";}
.clearm{*zoom:1;}
input{outline:none;vertical-align:middle;}
textarea{resize:none;outline:none;overflow:hidden;}
input.submit,input.reset{cursor:pointer;}
.fl{ float:left}
.fr{ float:right}

.w1200{width: 100%; max-width:1440px; margin:0 auto;}
.top{width: 100%; height: auto; background: #fff; position:fixed; z-index: 99;}
.top_t{background:#77b432;position:relative; line-height: 35px;}
.top_t .w1400{padding:0 0px}
.top_t .fl{font-size:14px;line-height:36px;color:#fff;display:flex;align-items:center}
.top_t .fl i{font-size:16px;color:#77b432;padding-right:5px}
.top_t .fl span{padding:2px 10px}
.top_t .fr{line-height:35px; display: flex;align-items: center;font-size:14px;color: #fff;padding-right: 5px; }
.top_t .fr a{font-size:14px;color: #fff;padding-right: 5px; }
.top_t .fr span{padding: 2px 10px;}



.top_left{font-size: 14px; line-height: 28px; color: #fff; float: left; width: 30%;}
.top_left a{font-size: 14px; color: #fff; display: inline-block;}
.top_right{float: right;font-size: 14px; line-height: 28px;  color: #fff}
.top_right a{font-size: 14px; color: #fff}

.header{width: 100%; height: 88px; position: relative;}
.header_left{float: left; margin-top:1.5%; width: 14%}
.header_left img{max-width: 100%}
.header_right{float: right; width: 74%;}
.header_right ul{ }
.header_right li{font-size: 16px; color: #333; float:left; box-sizing: border-box;text-align: center; margin-right:3%;  font-weight: 600; line-height: 88px;}
.header_right li a{font-size: 16px; color: #333; box-sizing: border-box; padding: 0 10px;}
.header_right li a:hover{color: #77b432 ; display:block;}
.header_right li.cur a{color: #77b432; font-weight: 600}
.header_right li.cur .menubox{font-weight: normal;}
.header_right li:hover .menubox{display: block;}


.ser{width:30%;overflow:hidden;float:right; margin-top:2.5%;}
.ser input{border:none}
.ser input[type=text]{font-size:12px;color:#888;line-height:26px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;padding:5px 14px;border:solid #e5e5e5 1px;border-right:none;width:74%;float:left}
.ser input:focus{border-color:#77b432}
.ser input.buan{width:40px;height:38px;background:url(../images/ser.png) no-repeat center #77b432;float:left;cursor:pointer}


.search{width:40px;height:40px;padding:24px 0;float: right;}
.search .box{float:right;position:relative;width:0px;overflow:visible !important;}
.search .box .text{display:none;position:relative;width:100%;height:40px;line-height:38px;border:1px solid #999;padding:0 40px 0 10px;float:right;z-index:8;border-radius:20px;box-shadow:0px 0px 8px #ccc;box-sizing:border-box;}
.search .box .btn,.header .nav li.search .box .sub{position:absolute;top:0;right:5px;width:34px;height:39px;
  background:url(../images/search-icon.png) no-repeat center;padding:1px 0;cursor:pointer;z-index:9; background-size: 22px;}
.search .box .sub{display:none;}

.menubox{width: 100%; height: auto; padding:1% 0; background: rgba(255,255,255,0.9); position: absolute; left: 0; z-index: 9; display: none;}
.menubox_left{float: left; border-right: 1px solid rgba(255,255,255,0.1); padding-right:3%; display: none;}
.menubox_left img{max-width: 100%}
.menubox_right{padding-left:3%; float: right; width: 76%}
.menubox_right_01{overflow: hidden;}
.menubox_right_01 dl{ margin-right: -2%;}
.menubox_right_01 dd{width:18%; margin-right: 2%; float: left; margin-bottom: 2%; min-height: 300px;}
.menubox_right_01 dd a{padding: 0 !important ;}
.menubox_right_01 dd .tpimg{overflow: hidden;}
.menubox_right_01 dd .tpimg img{width: 100%; display: block;}
.menubox_right_01 dd .twz{font-size: 16px; font-weight: 600; color: #333; text-align: left !important; padding: 3% 5%; box-sizing: border-box; line-height:30px !important;}
.menubox_right_01 dd:hover .twz{color: #77b432;}



.threemenu{overflow: hidden;  line-height:26px !important; text-align: left; font-weight: 400;margin-bottom:-2%;}
.threemenu span{float: left; border-bottom: 1px solid; color: #ccc;  padding: 0% 5%; box-sizing: border-box; margin-bottom:2%; width: 100%;}
.threemenu span a{font-size: 12px; color: #333; line-height:28px !important; text-align: left;}
.header_right li.cur .threemenu span a{color: #333; font-weight: normal;}

.banner{width:100%; position: relative; padding-top:127px;}
.banner .swiper-pagination-yi{position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 11px;height: 11px;background: none;border-radius: 10px;border:1px solid #fff;background: #fff;}
.banner .swiper-pagination-bullet-active{background: #1156c7;opacity: 1;border:1px solid #1156c7;}


.product{padding:4% 0; overflow: hidden;}
.protop{margin:2% 0;display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:flex-start}
.protopl{width:25%; height:429px;background:url(../images/20201231161600_1760234828.jpg) repeat center;color:#fff;padding:5% 0 5% 5%;font-size:36px;color:#fff; box-sizing: border-box; background-size: cover;}
.protopl em{display:block;font-size:13px;text-transform:uppercase;margin:3px 0 50px 0}
.protopl p:after{content:'';display:inline-block;width:31px;height:31px;background:url(../images/20201231161600_1292527115.png) no-repeat center}
.protopr{width:75%;border:1px solid #e5e5e5;display:-webkit-flex;display:flex;justify-content:center;flex-wrap:nowrap;align-items:center; padding:2% 0;}
.protopr ul li{display:-webkit-flex;display:flex;flex-wrap:nowrap;align-items:flex-start; /*justify-content:space-between;*/}

.pt_two{display:-webkit-flex;display:flex;justify-content:space-between;flex-wrap:nowrap;align-items:flex-start;}
.protopr ul{overflow: hidden;}
.protopr ul li+li{margin-top:5px}
.protopr ul li p{height:42px;background:#f6f6f6;width:192px}
.pt_two p{margin-left:3px;  position: relative;}
.protopr ul li p a{display:block;text-align:center;line-height:42px;font-size:14px;color:#666666;font-weight:lighter}
.protopr ul li .ptone a{font-size:18px;font-weight:normal}
.protopr ul li p a:hover,.protopr ul li .ptone a{background:#77b432;color:#fff}
.pt_three{overflow: hidden; position: absolute; content: ""; top:100%; left: 0; display: none; z-index: 9; width: 100%; padding-top: 5px;}
.pt_three span{}
.pt_three a{background: #1156c7;  border-bottom: 1px solid #ccc; display:block;text-align:center;line-height:42px;font-size:14px;color: #77b432 !important;font-weight:lighter; margin-bottom:4px;}
.pt_two p:hover .pt_three{display: block;}
.pt_two p:hover .pt_three a{color: #fff !important;}

.proshow dl{margin-right: -2%;}
.proshow dl+dl{margin-top:20px}
.proshow dd{padding:18px !important;border:1px solid #e5e5e5; box-sizing: border-box; width: 23%; float: left; margin-bottom: 2%; margin-right: 2%;}
.proshow dd a,.proshow dd span{display:block;overflow:hidden;position:relative; text-align: center;}
.proshow dd>a img{width:100%;height:auto}
.proshow dd br{display:none}
.proshow dd span{margin-top:19px}
.proshow dd span a{font-size:16px;line-height:60px;color:#484848;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all .3s ease}
.proshow dd span .promore{display:inline-block;margin-bottom:18px;width:121px;line-height:32px;border-radius:14px;font-size:14px;color:#aaaaaa;font-weight:lighter;transition:all .3s ease;border:1px solid #e5e5e5}
.proshow dd:hover span a{color:#77b432}
.proshow dd:hover{box-shadow:0 0 15px #ccc}
.proshow dd:hover span .promore{background:#77b432;color:#fff}


.title{text-align:center;font-size:40px;color:#222222}
.title b{color:#1156c7}
.title span{display:block;font-size:18px;color:#666666;font-weight:lighter;margin:5px 0 10px 0}
.title em{display:inline-block;height:10px}
.title em i{display:inline-block;width:10px;height:10px;border-radius:50%;background:#c9c9c9;animation:bounce_fountainG 1.2s linear infinite}
.title em i+i{margin-left:10px}
.title em i:nth-child(1){animation-delay:.4s}
.title em i:nth-child(2){background:#1156c7;animation-delay:.6s}
.title em i:nth-child(3){animation-delay:.8s}
@keyframes bounce_fountainG{0%{transform:scale(1)}
100%{transform:scale(.5)}
}
.hovermaincolor a:hover{color:#1156c7}

.aboutIntro{width:100%;padding:3% 0;background:#f8f8f8;}

.mub01Title{width:100%;text-align:center;margin-bottom: 3%;}
.mub01Title a:hover{text-decoration:none}
.mub01Title .abt{font-size:32px;color:#e60012;font-weight:700;position:relative}
.mub01Title .abt em{color:#e60012;font-weight:700}
.mub01Title .abt i{display:inline-block;height:1px;background:#e5e5e5;width:40%;position:relative;top:-6px}
.mub01Title .abt i.xianL{margin-right:12px}
.mub01Title .abt i.xianR{margin-left:12px}
.mub01Title p{font-size:12px;color:#999;font-family:arial;margin-top:6px}

.aboutIntro .mainCon{width:100%;margin-top:3%;font-size:14px}
.aboutIntro .mainCon .dt{float:left;width:540px}
.aboutIntro .mainCon .dd{width:600px;float:right;position:relative}
.aboutIntro .mainCon .dd h3{font-size:22px;color:#333;font-weight:400}
.aboutIntro .mainCon .dd p{line-height:24px;color:#333;font-size:13px;margin-top:10px}
.aboutIntro .mainCon .dd i{display:block;width:34px;height:2px;background:#e60012;position:absolute;bottom:0;left:0}

.video{position:relative;overflow:hidden;}
.video-tit{float:left;width:55%;height:auto;border:2px solid #dbdbdb;padding:1% 2%; box-sizing: border-box;}
.video-tit .xbt{font-size:26px;color:#222;font-weight:normal;padding:3% 0 2%}
.video-tit p{font-size:18px;color:#666;margin-top:2px}
.video-tit span{display:block;font-size:18px;color:#555;line-height:35px; margin-right: 2%;}
.video-img{float:left;width:47%;cursor:pointer;margin-top:4%;margin-left:-2%;font-size:0;position:relative}
.video-img img{width:100%}


/* è¡Œä¸šè§£å†³æ–¹æ¡ˆ */
.index-three{}.index-three .index-dec{margin-top: 8px;}
.int-con{position: relative;margin-top: 0;}
.int-nav{position: absolute;width: 100%;bottom:0;left: 0;background: rgba(0,0,0,.2);}
.int-menu{font-size: 0;text-align: center;white-space: nowrap;}

.face4-font p::-webkit-scrollbar,
.pron-right-ul::-webkit-scrollbar,
.productxq-one-tit p::-webkit-scrollbar,
.int-menu::-webkit-scrollbar {
 height: 5px;
 width: 3px;
 padding-left: 5px;
 background-color: #fff;
 border-radius: 10px;
}
.face4-font p::-webkit-scrollbar-thumb,
.pron-right-ul::-webkit-scrollbar-thumb,
.productxq-one-tit p::-webkit-scrollbar-thumb,
.int-menu::-webkit-scrollbar-thumb {
 background-color:#77b432;
 border-radius: 10px;
}
.pron-right-ul::-webkit-scrollbar-thumb{background-color:#ccc;}

.int-menu1{display: inline-block;position: relative; width:12.666%;vertical-align: top;padding: 33px 20px 32px; box-sizing: border-box;}
.int-menu1::before{position: absolute;content:"";width: 1px;height: 100%;background: rgba(255,255,255,.08);right: 0;top: 0;}
.int-menu1:last-child::before{display: none;}
.int-menu1.on{background: #77b432;}

.int-icon{font-size: 0;text-align: center;height: 37px;line-height: 37px;}
.int-icon img{display: inline-block;max-width: 100%;vertical-align: bottom;}
.int-menu1 .cmbt{margin-top: 17px; font-size: 18px;line-height: 30px;color: #e8e8e8;}
.int-bg{}
.int-bg1{display: none; height: 722px;width: 100%; background-size: cover;background-repeat: no-repeat;background-position: center;}
.int-bg1.on{display: block;}
.int-font{position: absolute;width: 100%;top: 50%;left: 0;transform: translateY(-50%);}
.int-txt{width: 43%;padding-bottom: 112px;}
.int-txt .cbt{font-size: 40px;line-height: 50px;color: #fff;font-weight: bold;}
.int-p{margin-top: 13px;max-height: 150px; font-size: 16px;line-height: 30px;color: #fff;}
.int-mo{margin-top: 69px; display: block;text-align: center;border-left: 1px solid rgba(255,255,255,.43);border-right: 1px solid rgba(255,255,255,.43); font-size: 15px;line-height: 30px;color: #fff;width: 131px;height: 36px;line-height: 36px;}
.int-mo span{display: inline-block;position: relative;padding-right: 20px;}
.int-mo span::before{position: absolute;content: "";width: 6px;height: 8px;background: url(../images/int-mo.png)no-repeat center;background-size: 100% 100%;right: 0;top: 50%;transform: translateY(-50%);}

.adv{font-size:0.938em;background:url('../images/adv_bg.jpg') no-repeat center bottom;background-size:cover; padding:4% 0; position: relative;}
.hTitle{font-size:36px;margin-bottom:40px;color:#222;text-transform: uppercase;text-align:center;font-weight:700;}
.hTitle span{display:block;font-size:0.421em;font-weight:400;opacity:.5;}
.hTitle b{color:#74b332;}
.hTitle2 span{padding-top:10px;margin-top:8px;background: url('../images/tie_bg.jpg') no-repeat center top;}

.adv ul{max-height:720px;overflow: hidden;position: relative;z-index:2;}
.adv li{float:left;padding-right:130px;width:460px;text-align:right;height:280px;padding-top:8px;position:relative;}
.adv li::after{content:"";position: absolute;width:188px;height:76px;background: url('../images/adv_li.png') no-repeat;left:82%;top:48px;z-index:-1;transform: rotateY(180deg);}
.adv li i{float:right;width:95px;height:95px;margin-right:-130px;position:relative;transition:all .3s;font-style:normal;font-family:"iconfonts";background:#74b332;border-radius:100%;text-align:center;line-height:95px;color:#fff;font-size:34px;border:10px solid #f2f2f3;margin-top:0px;}
.adv li .bt{font-size:24px;color:#74b332;margin-bottom:10px;font-weight:700;}
.adv li p{font-size: 15px; line-height: 26px;}
.adv li span{margin-right:10px;}
.adv li:nth-child(3),.adv li:nth-child(4){width:370px;}
.adv li:nth-child(2n){float:right;padding-right:0;padding-left:130px;margin-left:0%;text-align:left;}
.adv li:nth-child(2n) i{float:left;margin-left:-130px;margin-right:0;}
.adv li:nth-child(2n)::after{right:82%;left:auto;transform: rotate(0);}
.advPic{position: absolute;left:50%;transform: translateX(-50%);bottom:15.5%;border-radius:100%;overflow:hidden;}
.advPic img{width: 100%; display: block;}
.adv li:nth-child(3)::after,.adv li:nth-child(4)::after{background: url('../images/adv_li2.png') no-repeat; width:175px;height:18px;}
.adv li:nth-child(5)::after,.adv li:nth-child(6)::after{transform: rotate(180deg);top:-30px;}
.adv li:nth-child(6)::after{transform: rotateX(180deg);}

.ns_bj{background: #f5f8fa;height: auto;padding:4% 0; overflow: hidden;}
.news{}
.news .titis{height: auto}
.dongt{float:left;width:56%;}
.dongt .tit{height: 47px;line-height: 47px;border-bottom:1px solid #b5b5b5;margin-bottom:27px;}
.dongt .tit a {font-size:20px;color: #74b332; font-weight: 600;}
.dongt dl{height: auto;padding:0px 0 0 2px;}
.dongt dt{font-size:0;line-height: 0;}
.dongt dt img {width:100%;height:auto ; display: block;}
.dongt dd {padding-top:16px;}
.dongt dd .gsbt {height: 27px;line-height: 27px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dongt dd .gsbt span {width:54px;height: 27px;background: #74b332;display: inline-block;text-align: center;line-height: 27px;font-size:16px;color: #fff;margin-right:11px;}
.dongt dd .gsbt a{font-size:20px;color: #191919;}
.dongt dd p {font-size:14px;color: #7f7f7f;line-height: 24px;padding-top:12px;}
.dongt dd p a {color: #7f7f7f}
.dongt li a {display: block;height: 40px;padding-left:28px;font-size:14px;color: #666666;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 40px;background: url(../images/dt_ico1.jpg) no-repeat left center;}
.dongt li a span {float: right;}
.dongt li a:hover{background: url(../images/dt_ico1_hv.jpg) no-repeat left center;color: #74b332}

.went{float:right;width:39.5%;}
.went .tit{height: 46px;line-height: 46px;}
.went .tit a {font-size:20px;color: #74b332; font-weight: 600;}
.wt_nr li{background: url(../images/bk_ico1.jpg) no-repeat center top;height: auto;padding:3%;margin-bottom:25px; box-sizing: border-box;}
.wt_nr li .bkbt a{display: block;line-height:30px;font-size:16px;color: #191919;font-weight: normal;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.wt_nr li p{padding-top:12px;font-size:14px;color: #666666;line-height: 28px;}
.wt_nr li p a{color: #666666}
.wt_nr li:hover{background: url(../images/bk_ico1_hv.jpg) no-repeat; }
.wt_nr li:hover bkbt a{color:#74b332;}

/* footer */
footer{padding:2% 0;background: #1e2225; overflow: hidden;}
.foot{margin-bottom: 2%; overflow: hidden;}
.foot_t{width: 100% }
.foot_t_l{float: right;}
.foot_t_l>a img{width: 157px;height: auto;margin-bottom:3%;}
.foot_form{width: 100%;height: 50px;background: #fff;border: 1px solid #19284d;border-radius: 5px;padding-left:25px;position: relative;margin-bottom: 26px;}
.foot_form input{width: 500px;height: 100%;padding-right: 50px;border: none;outline: none;
    padding-left: 10px;}
.foot_form button{background: #19284d;border-radius: 4px;width: calc(52px - 2px);height: calc(52px - 2px);position: absolute;right: -1px;top: 0;z-index: 10;display: flex;align-items: center;justify-content: center;}
.foot_form button img{width: 18px;height: auto;}
.foot_form_radio label{display: flex;justify-content: flex-start;}
.foot_form_radio label input{margin: 4px 14px 0 0;}
.foot_form_radio p{font-size: 14px;color: #39494f;text-align: justify;}.foot_form_radio p a{color: #19284d;}
.foot_t_r{float: left; width:70%}
.foot_ul{width:20%; margin-right:3%; float: left;}
.foot_ul:last-child{margin-right: 0;}

.foot_ul ul{margin-top:8%}
.foot_ul .bt{font-size:18px; display: block; color: #fff; font-weight: 600;}
.foot_ul ul a{font-size:15px;color: #bfbfbf;margin-bottom:5%;display: block;}
.foot_t_r a:hover{color: #74b332;}
.foot_b{overflow: hidden; border-top: 1px solid #302f2f; padding-top:2%; width: 100%} 
.foot_b_icon img{height: 20px;width: auto;margin-right: 30px;}
.foot_b_l p{font-size:14px;color: #bfbfbf;}
.foot_b_l{display: flex;align-items: center;}
.foot_b>p{font-size:14px;color: #bfbfbf;}

.cons{margin-top:3%;color:#bfbfbf;overflow:hidden;}
.cons p{ padding: 0% 0 2% 0; font-size:14px; color: #555}
.cons p a{ color:#666;}
.cons p em { font-family: "DIN Bold"; font-size: 16px;}
.cons p a:hover{color: #fff;text-decoration:underline; }
.cons p:nth-of-type(1){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;}
.cons p:nth-of-type(2){ background:url(../images/tub1.png) no-repeat center left; padding-left:24px;}
.cons p:nth-of-type(3){ background:url(../images/tub2.png) no-repeat left 8px;  padding-left:24px;}
.cons p:nth-of-type(4){ background:url(../images/tub4.png) no-repeat left 8px;  padding-left:24px;}

.footWx{width: 50%; overflow: hidden; text-align: center;}
.footWx ul{margin-right:-0%;}
.footWx li{width: 100%; margin-right:0%; height: auto; float: left;}
.footWx li span{font-size: .06rem; text-align: center; line-height: 30px; color:#bfbfbf;opacity: 0.7; filter:alpha(opacity=70);}
.footWx li img{display: block; max-width: 100%; margin: auto; clear: both;}

.banner_pic{width: 100%; height: auto; overflow: hidden;padding-top:127px;}
.banner_pic img{width: 100%; margin:auto; display: block; clear: both; }

/* 产品列表 */
.inner-nav{line-height:52px; background: #f0f0f0; overflow: hidden;}
.inner-nav .nav-list{position: relative;color: #333;flex: 0 0 auto; display: flex;flex-wrap: wrap;}
.inner-nav .nav-list a{font-size: 15px;display: block; border-right: 1px solid #bbb; color: #000; width: 19.9%;text-align: center;}
.inner-nav .nav-list a:hover,.inner-nav .nav-list a.acct{background: #fff;color: #74b332;}

.about_box{background: #fff; padding-top: 75px; padding-bottom:75px; overflow: hidden;}
.about_box .company_roro {display: flex;flex-wrap: wrap; background: #efefef;}
.about_box .company_roro .comb_l{display: inline-block; width: 46.5%; vertical-align: middle; padding: 5% 3.5% 0; box-sizing: border-box;}
.about_box .company_roro .comb_l .mc_title{ max-width: 65%; margin: 0 auto 35px; text-align: center; }
.about_box .company_roro .comb_l .mc_title .abt{font-size:35px; color: #000; line-height: 1.25; text-align: center; font-weight: normal; letter-spacing: -1px;}
.about_box .company_roro .comb_l .jianj_cc{padding-top: 10px; font-size: 16px;font-weight: 500; color: #111; line-height: 1.85; overflow: hidden;}
.about_box .company_roro .comb_r{display: inline-block; width:53.5%; vertical-align: middle;}
.about_box .company_roro .comb_r img{width: 100%; display: block;}


.ny_workshop{overflow: hidden;}
.ny_workshop ul{margin-right: -2%}
.ny_workshop ul li{float: left;width: 23%;margin:0 2% 2% 0;  }
.ny_workshop ul li .wbt{overflow: hidden;border: 1px solid #eee;}
.ny_workshop ul li .wbt img{display: block; width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_workshop ul li:hover .wbt img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_workshop ul li .wwz{font-size: 14px;line-height: 20px;text-align: center;padding:2%;color: #333; box-sizing: border-box;}


.protext{overflow: hidden; margin-bottom: 3%; display: flex; justify-content:space-between; align-items: center; background: #f8f8f8;}
.protext_img{width:35%; float: left;}
.protext_img img{max-width: 100%; display: block;}
.protext_right{width:58%; float: left; font-size: 15px; line-height: 32px; color: #343434;  box-sizing: border-box; margin-right: 3%;}
.protext_right .pright_zi{font-size:24px;line-height:42px;color:#74b332}
.protext_right .pright_xny{font-size:16px;line-height:28px;color:#666;padding-top:2%}
.protext_right .cbutter{font-size:14px;color:#d9340d;transition:0.3s;margin-top:5%;float:left;margin-right:5%}
.protext_right .cbutter a{color:#1156c7;transition:0.3s}
.protext_right .cbutter a:hover{background:#1156c7;padding:12px 35px;color:#fff;box-shadow:#aaa 0px 3px 5px}

/*新闻中心*/
.xwzx {overflow: hidden;}
.xwzx ul{overflow:hidden; margin-top:-2%; margin-left:-2%;}
.xwzx ul li{width:23%; float:left; margin-top:2%; margin-left:2%; position:relative;}
.xwzx ul li .xwzx_img{overflow:hidden;}
.xwzx ul li .xwzx_img img{transition:all 0.5s; width: 100%; display: block;}
.xwzx ul li:hover .xwzx_img img{transform:scale(1.1);}
.xwzx ul li .xwzx_wb{padding:25px; border:1px #eaeaea solid; background:#f0f1f3;}
.xwzx ul li .xwzx_wb .xwzx_rq{color:#555; font-size:14px; line-height:24px;}
.xwzx ul li .xwzx_wb .xwzx_bt{font-size:18px; line-height:20px; margin-top:13px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color: #74b332;}
.xwzx ul li .xwzx_wb .xwzx_wz{color:#777; font-size:15px; line-height:26px; margin-top:3%; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;}

.xinwenxiangqing{overflow: hidden;box-sizing: border-box;}
.xinwenxiangqing .nd_head{text-align: center;border-bottom: 1px dashed #d6d6d6;padding-bottom: 2%}
.xinwenxiangqing .nd_head p{color: #74b332;font-size: 28px;height: auto;padding-bottom: 2%}
.xinwenxiangqing .nd_head span{color: #666;font-size: 14px;margin: 0 15px;}
.xinwenxiangqing .nd_text{text-align: left;font-size:14px;line-height:30px;padding: 15px 0;}
.xinwenxiangqing .nd_text .big{font-size: 16px;line-height: 35px;font-weight: 600;color:#74b332}
.xinwenxiangqing .nd_text img{max-width: 100%;display: block;margin: 10px auto;}
.xinwenxiangqing .nd_text .baimg{width: 40%;float: right;margin-left: 30px;}
.xinwenxiangqing .nd_text .baimg img{width: 100%;clear: both;display: block;margin: auto}
.detail_fenx a{font-size:14px;padding:12px 0;overflow:hidden;margin-top:20px;border-top:1px dotted #adadad;color:#333;}
.new_s2{width:100%;float:left;margin-top:5%;}
.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#74b332;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.related-product{overflow:hidden;}
.related-product .title,.relatedTitle{background:#e7e7e7;height:45px;line-height:45px;}
.related-product .title span,.relatedTitle span{display:inline-block;color:#fff;background:#74b332;width:120px;height:45px;text-align:center;font-size:16px;font-weight:bold;}
.relatedNews{margin:5% 0 0;overflow:hidden}
.relatedNews_font{font-size:13px;margin-top:15px;}
.relatedNews_font ul{margin-right:-3%}
.relatedNews_font ul li{float:left;margin-right:3%;width:47%;;line-height:40px;border-bottom:1px dotted #ddd;line-height:40px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.relatedNews_font ul li a{background:url(../images/ly_li.png) no-repeat left center;padding-left:10px;color: #666}
.relatedNews_font ul li a:hover{color: #74b332}
.relatedNews_font ul li span{float:right;color:#999;margin-left:30px;}

.ym610cul {margin-top: 3%}
.ym610cul li{float:left;width:32%;min-height:363px;padding:3%;margin:0 2% 3% 0;text-align:center;background:#fff;border-radius:20px;box-shadow:0px 0px 15px #dedede;box-sizing:border-box}
.ym610cul li:nth-child(3n){margin-right:0}
.ym610cul li em{display:block;width:85px;height:85px;margin:0 auto 20px;padding-top:10px;border-radius:50%;background:rgba(38,103,162,.8);box-sizing:border-box}
.ym610cul li .cubt{font-size:20px;font-weight:bold;color:#333}
.ym610cul li p{font-size:15px;line-height:30px;font-weight:200}
.ym610cul li:hover em{-webkit-animation:hvr-buzz-out 0.75s linear;animation:hvr-buzz-out 0.75s linear}

@-webkit-keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}

@keyframes hvr-buzz-out {
    10% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    20% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    30% {
        -webkit-transform: translateX(3px) rotate(2deg);
        transform: translateX(3px) rotate(2deg);
    }
    40% {
        -webkit-transform: translateX(-3px) rotate(-2deg);
        transform: translateX(-3px) rotate(-2deg);
    }
    50% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    60% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    70% {
        -webkit-transform: translateX(2px) rotate(1deg);
        transform: translateX(2px) rotate(1deg);
    }
    80% {
        -webkit-transform: translateX(-2px) rotate(-1deg);
        transform: translateX(-2px) rotate(-1deg);
    }
    90% {
        -webkit-transform: translateX(1px) rotate(0);
        transform: translateX(1px) rotate(0);
    }
    100% {
        -webkit-transform: translateX(-1px) rotate(0);
        transform: translateX(-1px) rotate(0);
    }
}


.about3{padding:3% 0;overflow:hidden;margin:0 auto}
.about3 .about1_l:last-child{float:right}
.about3 a:hover{color: #fff;}

.index-datas2{width: 100%; height: auto; -moz-box-shadow: 0px 4px 6px #e3e3e3; box-shadow: 0px 4px 6px #e3e3e3;}
.index-datas2 ul{display: flex;}
.index-datas2 ul li{position: relative;padding: 2rem 1rem;width: 100%;text-align: center;}
.index-datas2 span{display: block;width: 100%;font-size:4rem;line-height: 3rem;color: #262626;}
.index-datas2 .data{display: inline-block;margin-bottom: 0.5rem;margin-right: 0.5rem;font-size: 3rem;line-height: 2.5rem;color: #262626;font-weight: 600;}
.index-datas2 small{font-size: 16px;color: #262626;position: absolute;}
.index-datas2 p{margin-bottom: 0px;color: #262626;}

.nyaboutbox{width: 100%; height: auto; overflow: hidden; padding:3% 0; box-sizing: border-box;}
.about-tit{font-size:26px;color: #74b332;margin-bottom:4%; font-weight:600;}
.ny-about{font-size:16px;color:#222;line-height:32px; overflow: hidden; float:left; width:50%;}
.ny-about img{max-width: 100%; height: auto; display: block; margin:auto; clear:both;}
.ny-about span{font-weight: 600;}
.aimg{width: 45%; height: auto; overflow: hidden; float:right}
.aimg img{width: 100%;}

.zzjg{width: 100%; padding: 3% 0; overflow: hidden; background: #f5f5f5;}
.zzjg img{width: 100%; display: block; clear: both; margin: auto;}





.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0;text-align:center;background:#74b332;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}
.PreveNext{border-top:1px #DEDEDE solid;margin:0px auto;width:100%;height:70px;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left; font-size: 15px;}


.job_ul{ width:100%;  overflow:hidden;}
.job_ul ul li{ float:left; width:49%; overflow:hidden; background:#eee;  margin-bottom:3%;transition:all 0.3s; }
.job_ul ul li:nth-child(2n+0){ float:right;}
.job_ul ul li:hover{ background:#74b332;}
.job_ul ul li .boxs{ padding:30px;  padding-bottom:40px; overflow:hidden;}
.job_ul ul li .jbt{ height:36px; line-height:32px; overflow:hidden; color:#333333; font-size:22px;white-space:nowrap;text-overflow:ellipsis;}
.job_ul ul li .desc{ overflow:hidden; color:#777777; font-size:14px; line-height:30px; height:30px;font-size:14px; margin-top:16px;}
.job_ul ul li .desc span{ float:left; width:48%; margin-right:2%; max-width:210px;}
.job_ul ul li .desc span i{ font-style:normal; overflow:hidden; color:#222222;}
.job_ul ul li .pjs{ color:#555; overflow:hidden; line-height:30px; height:60px;font-size:14px; margin-top:18px;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.job_ul ul li em{ font-style:normal; background:#fff; display:inline-block; color:#333333; font-size:14px; width:136px; height:40px; line-height:40px; margin-top:20px; margin-right:20px; text-align:center;transition:all 0.3s;}
.job_ul ul li:hover .jbt{ color:#fff;}
.job_ul ul li:hover .desc{color:#fff;}
.job_ul ul li:hover .desc span i{color:#fff;}
.job_ul ul li:hover .pjs{color:rgba(255,255,255,0.8);}
.job_ul ul li:hover em{ background:#fff; color:#74b332;}

/*人才招聘详细*/
.about_x2.bgs2{overflow:hidden; margin-bottom: 28px;}
.about_x2.bgs2.bgs3 .con_id{ padding-top:0;}
.about_x2.bgs2 .show_t{ text-align:center;line-height:32px; font-size:28px; color:#222;margin-bottom:16px; margin-top:12px; font-weight:400;}
.about_x2.bgs2 .con_line{ text-align:center; line-height: 35px; font-size: 15px; border-bottom: 1px solid #eee; padding-bottom: 10px;}
.about_x2.bgs2 .con_line span{ margin-left:2%; margin-right:2%;}
.about_x2.bgs2 .con_line span i{ color:#222; font-style:normal;}
.about_x2.bgs2 .con_id{ line-height:30px;overflow:hidden;white-space:normal;word-break:break-all; padding-top:3%;font-size:15px; color:#444;text-align:left;}
.about_x2.bgs2 .con_id .h2{ font-size:16px; line-height:24px; margin-bottom:5px;}
.about_x2.bgs2 .con_id b{ display:block; padding-top:1%;padding-bottom:1%; overflow:hidden;}


/*  内页公用 */
.bread_content{width:100%;border-bottom:1px solid #dedede; background:#f2f2f2; overflow: hidden;}
.bread_content .bread_box{float: left;padding:1.5% 0;font-size:14px;color:#333;}
.bread_content .bread_box span.bread_title{display:inline-block;position:relative;padding-left:35px; background: url(../images/sy.png) left center no-repeat;}
.bread_content .bread_box a{color:#444;display:inline-block;margin:0 5px;}
.bread_content .bread_box a:hover{color:#74b332;}
.bread_content .bread_box b{color: #74b332}
.bread_content .inner_nav{float:right; text-align: right;}
.bread_content .inner_nav ul{margin-top: 10px; display:flex;flex-flow:wrap}
.bread_content .inner_nav ul li{}
.bread_content .inner_nav ul li a{display:inline-block;padding:10px 24px;font-size:15px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 8px; border-radius: 15px 0 0 0;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#74b332;}



.products_main{width: 100%;overflow: hidden;padding: 3% 0;}
.inpro_lefts{width: 22%; float: left; }
.left{overflow: hidden;}
.left .left_title{height: auto; /*background: #009148;*/ background:#77b432; color: #fff;}
.left .left_title .bt{font-size: 24px; font-weight: bold; line-height: 80px; padding-left: 26px; text-transform: uppercase; margin: 0;}
.left .left_title .si{background-position: -248px -76px; vertical-align: middle; width: 28px; height: 28px; margin-right: 30px; margin-top: 28px;}
.icon {vertical-align: middle;background: url(../images/icon.png) no-repeat;}
.left .submenu{overflow: hidden;}
.left .submenu li{ width: 100%;}
.left .submenu li a.sub1{line-height:50px;display: block;padding-left: 28px;background: url(../images/jtou.png) no-repeat 90% center #fff;font-size: 18px;border: 1px solid #dedede;border-top: 0 none;overflow: hidden; font-weight: 600;}
.left .submenu li a.sub1:hover{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #77b432;border-right: 1px solid #77b432;color: #77b432;}
.left .submenu li.hover a.sub1{background: url(../images/jtou_a.png) no-repeat 90% center #fff;border-left: 2px solid #77b432;border-right: 1px solid #77b432;color: #77b432;}
.left .submenu s{width: 2px; height: 61px; display: block; background: #77b432; position: absolute; left: 0; top: 0;}
.left .submenu .box{padding-bottom: 0;background: #fff;border: 1px solid #dedede;border-top: 0 none;display: none;}
.left .submenu .box a{color: #333;line-height: 40px;display: block;padding-left: 28px;overflow: hidden; font-size: 16px}
.left .submenu .box a s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #77b432;}
.left .submenu .box a:hover, .left .submenu .box a.hover{color: #77b432; font-weight: 600}
.left .submenu li.hover .box{display: block;}

.box2{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box2 dd{}
.box2 dl a{color: #555 !important;line-height:30px !important;display: block;padding-left:40px !important;overflow: hidden; font-size: 12px !important}
.box2 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box2 dl a :hover, .left .submenu .box2 dl a.hover{color: #77b432;}
.left .submenu li.hover .box2{display: block;}


.box3{padding-bottom: 0;background: #fff;border-top: 0 none;display: none;}
.box3 dd{}
.box3 dl a{color: #333;line-height:30px !important;display: block;padding-left:60px !important;overflow: hidden; font-size: 12px !important}
.box3 dl s{width: 10px;height: 10px;margin-right: 8px;display: inline-block;background-position: 2px -178px;}
.box3 dl a :hover, .left .submenu .box dl a.hover{color: #77b432;}
.left .submenu li.hover .box3{display: block;}

.pconcat{ padding:20px 0px; background: #fff; box-sizing: border-box;}
.pconcat img{width: 100%;}
.pconcat p{ white-space:nowrap; padding:22px 0px; font-size:15px; color:#555;box-sizing: border-box;}
.pconcat p b{ display:block; font-size:30px; font-family:Arial, Helvetica, sans-serif; line-height: 44px;}
.pconcat p span{ padding-left:25px; background:url(../images/l_tel.png) no-repeat left center;}
.pconcat p em{font-style: normal;}

.newsright{ width:75%; height:auto; float:right}
.toptit { font-size: 22px;color:#343434; line-height: 52px; background: #f4f4f4; padding-left:16px; margin-bottom:20px; border-left:3px solid #77b432;}
.conboxs {width: 100%; height: auto; overflow: hidden;}
.conboxs ul{margin-right: -1%;}
.conboxs ul li {float: left;width:23.8%;border: 1px solid #d9d9d9;margin-right: 1%;transition: all 0.5s; background: #fff; text-align: center; margin-bottom: 2%; }
.conboxs ul li:first-child {/* margin-left: 0; */}
.conboxs ul li i {display: block;height: auto;/*background: url(Img/Index/probg1.png) no-repeat center;*/text-align: center;overflow:hidden;}
.conboxs ul li i em {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;height: 100%;width: 0;}
.conboxs ul li i img {display: inline-block;*display: inline;*zoom: 1;vertical-align: middle;transition: all 0.5s;overflow: hidden;width: 100%;height: auto;}
.conboxs ul li p {line-height: 40px;font-size: 16px;color: #555;text-align: center;overflow: hidden;white-space:nowrap;text-overflow: ellipsis;padding:4%;margin-bottom: 0;text-decoration: none; box-sizing: border-box;}
.conboxs ul li a{text-decoration: none;}
.conboxs ul li:hover {box-shadow: 10px 10px 20px #999;border-color: #77b432;}
.conboxs ul li:hover {background: #77b432; color: #fff;}
.conboxs ul li:hover i img {transform: scale(1.05);}
.conboxs ul li:hover p{ color: #fff;}
.conboxs ul li .wz{font-size: 12px; line-height: 22px; padding: 0 10px; display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;}
.conboxs ul li:hover .wz{ color: #fff;}


.pro_rightbox{width: 100%;height: auto;overflow: hidden;}
.productss{width:100%;overflow: hidden; margin-bottom: 3%;}
.productss img{max-width: none !important;}
.promore_l{width:40%;float:left;}
.jqzoom{border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;width: 100%;}
.jqzoom img{width:100%;border:1px solid #d6d6d6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
.spec-preview{width:100%;height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;float:left;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:32px;height:32px;cursor:pointer;margin-top:5px;}
.spec-scroll .items{float:left;position:relative;width:80%;height:51px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;}
.spec-scroll .items ul li{float:left;width:66px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6;padding:2px;width:57px;height:44px;}
.spec-scroll .items ul li img:hover{border:2px solid #2a3843;padding:1px;}
.pros_right{width:55%;float:right;overflow:hidden;}
.pros_right_top{overflow:hidden;border-bottom:2px solid #e6e6e6;}
.pros_right_top .pbt{overflow:hidden;font-size:24px;color:#333;padding-bottom:10px;}
.pros_right_top .pwz{overflow:hidden;font-size:16px;color:#333;line-height:25px;padding-bottom:10px;}
.proleft{font-size:14px;line-height:30px;margin:2% 0; }
.proleft .bt{font-size: 16px; font-weight: 600; color: #77b432;}
.proleft p{font-size:14px;line-height:25px;}
.prorights{font-size:14px;line-height:30px;margin:2% 0; width: 68%; float: left; }
.prorights .bt{font-size: 16px; font-weight: 600; color: #77b432;}
.prorights p{font-size:14px;line-height:25px; width: 48%; float: left; margin-right: 2%;}

.pc-cx-tel-1{width: 100%;height: auto;border-top: 2px solid #e6e6e6;padding-top: 2%;overflow:hidden;margin-top:4%;}
.pc-cx-tel-1-t1{width: 28%;height: auto;background: #333;font-size: 18px;line-height: 44px;text-align: center;float: right;margin-top: 15px;}
.pc-cx-tel-1-t1 a{display: block;color: #fff;}
.pc-cx-tel-1-t2{height: auto;padding-left: 70px;background: url(../images/head-c-r1.png) no-repeat 0px center;font-size:20px;color: #454545;float:left;line-height:30px;}
.pc-cx-tel-1-t2 p{line-height: 24px;font-size: 18px}
.proleft_btn{width:100%;float:left;margin-top:3%;}
.proleft_btn li{width:150px;float:left;margin-right:10px;}
.proleft_btn li a{width:150px;height:40px;float:left;line-height:40px;text-align:center;font-size:16px;background:#eee;display:block;color: #333722}
.proleft_btn li span{float:left;padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#333;color:#fff;}
.tabs-basic{width:100%;margin-top:2%; overflow: hidden;}
/* The tabs*/.tabs-basic ul{list-style:none;text-align:left;margin:0;padding:0;border-bottom:1px solid #e6e6e6;background:#eee;}
.tabs-basic ul li{display:inline-block;margin-bottom:-1px;font-size:16px;text-transform:uppercase;}
.tabs-basic a{display:block;text-decoration:none;border:1px solid transparent;padding:10px 40px;color: #333}
.tabs-basic .tab-active{border-bottom:2px solid #77b432;color:#fff;background:#77b432;}
/* The content*/.tabs-basic .tabs-content-placeholder{overflow:hidden;margin:auto;padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div{display:none;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active{display:block;line-height:30px;font-size:14px;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table{border:1px solid #d6d6d6;line-height:24px;text-align:center;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr{padding-left:20px;}
.tabs-basic .tabs-content-placeholder .div p{line-height:30px;text-align:left;margin-top:10px;}
.tabs-basic .tabs-content-placeholder .div img{max-width:100%;margin:auto;display: block;clear: both;}
.tabs-basic table{border-collapse:collapse;border: 1px #e6e6e6 solid !important;width:100% !important;line-height:30px!important;}
.tabs-basic table td{padding:8px!important;padding-left:12px !important;word-wrap:break-word;word-break:break-all;border:1px #e6e6e6 solid !important;line-height:30px!important;}
.tabs-basic table td div{padding:0px!important;height:auto!important;}
.tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(1), .tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(2), .tabs-basic .tabs-content-placeholder .div.tab-content-active table tr:nth-child(3){background:#77b432; color: #fff; font-weight: 600; font-size: 16px;}


.hot_pro2{width:100%;float:left;margin-top:5%;}
.hot_pro2_tit{width:100%;height:45px;background:#f1f1f1;color:#333;line-height:45px;font-size:16px;padding:0 20px;font-weight:bold;border:1px solid #d6d6d6;box-sizing: border-box;}
.scrollleft2{width:100%;float:left;margin-top:20px;margin-bottom: 30px;}
.scrollleft2 li{width:200px;float:left;margin-right:20px;overflow:hidden;}
.scrollleft2 li img{width:99%;display:block;border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #77b432;}
.scrollleft2 li a{color: #333}
.scrollleft2 li span{display:block;width:100%;line-height:30px;margin-top:10px;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center;}



.ny_case{overflow: hidden;}
.ny_case ul{margin-right: -2%}
.ny_case ul li{float: left;width: 23%;margin:0 2% 2% 0;  }
.ny_case ul li .wbt{overflow: hidden;border: 1px solid #eee;}
.ny_case ul li .wbt img{display: block; width: 100%;-webkit-transition:0.5s; transition:0.5s;}
.ny_case ul li:hover .wbt img{transform:scale(1.1); -webkit-transform:scale(1.1);}
.ny_case ul li .wwz{font-size: 14px;line-height: 20px;text-align: center;padding:2%;color: #333; box-sizing: border-box;}


.casetext{overflow: hidden; margin-bottom: 3%; display: flex; justify-content:space-between; align-items: center; background: #f8f8f8;}
.casetext_img{width:45%; float: left;}
.casetext_img img{max-width: 100%; display: block;}
.casetext_right{width:58%; float: left; font-size: 15px; line-height: 32px; color: #343434;  box-sizing: border-box; padding:2.5%; box-sizing: border-box;}
.casetext_right .pright_zi{font-size:24px;line-height:42px;color:#74b332}
.casetext_right .pright_xny{font-size:16px;line-height:28px;color:#666;padding-top:2%;text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;}
.casetext_right .cbutter{font-size:14px;color:#d9340d;transition:0.3s;margin-top:3%;float:left;margin-right:5%}
.casetext_right .cbutter a{color:#1156c7;transition:0.3s}
.casetext_right .cbutter a:hover{background:#1156c7;padding:12px 35px;color:#fff;box-shadow:#aaa 0px 3px 5px}



.contact{}
.pctitle{text-align:center;font-size:32px;font-weight:bold;color:#222;text-transform:uppercase}
.contact ul{margin-right: -2%; }
.contact li{width:18%;float:left;text-align:center;box-sizing: border-box;box-shadow:2px 2px 7px rgba(70,70,70,.2); margin-right: 2%; margin-bottom: 2%; padding: 3%; min-height: 220px;
}

.contact li .icon{height:42px;line-height:42px}
.contact li .icon img{max-height:100%;display:inline-block;vertical-align:middle}
.contact li .tit{font-size:20px;font-weight:400;margin:5% 0; font-weight: 600; color: #333;}
.contact li .p1, .contact li .p3, .contact li .p4{line-height:22px}
.contact li .p1, .contact li .p1 a{font-size:16px}
.contact li .p1, .contact li .p1 a, .contact li .p4, .contact li .p4 a{color:#555}
.contact li .p3, .contact li .p3 a{color:#999}
.contact li .p3{margin-top:18px}
.contact li .p2, .contact li .p2 a{font-size:2.6rem;font-weight:bold;color:#222}
.map{margin-top:3%; overflow: hidden;}
#map_container{height:500px;}

.downloads{overflow: hidden;}
.downloads ul{margin-right: -2%}
.downloads ul li{width:47.5%;height: 65px;border: 1px solid #e5e5e5;margin-bottom: 20px;overflow: hidden;margin-right: 2%;float: left;}
.downloads ul li:nth-child(2n){background: #f7f7f7;}
.downloads ul li i{width: 5%;min-width: 60px;line-height: 64px;text-align: center;font-size: 30px;color: #a2a2a2;float: left;display: block;}
.downloads ul li i img{max-width: 30px;vertical-align: middle;display: inline-block;}
.downloads ul li p{width: 50%;height: 64px;line-height: 64px;font-family: 'helveticaneuecyr-medium';font-size: 16px;color: #4d4d4d;float: left;display: block;margin-bottom: 0;}
.downloads ul li h5{width: 40%;height: 64px;line-height: 64px;font-family: 'Arial';font-size: 20px;color: #a2a2a2;float: left;display: block;}
.downloads ul li a{width: 5%;min-width: 60px;height: 64px;float: right;display: block;}
.downloads ul li a i{font-size: 24px;}
.downloads ul li a:hover i{color: #f00;}



.bots{overflow: hidden; }
.bots .t-center{text-align: center;padding-top:2%}
.bots .title{font-size: 32px;line-height: 1.85;}
.bots .ltitle{font-size: 14px;line-height: 25px;color:#777;margin-top: 5px;margin-bottom:0%;}
.bots .form{display: block;margin-top:2%;}
.bots .tip{font-size: 14px;line-height: 22px;color:#666666;}
.bots .input{font-family: Arial, Helvetica, sans-serif; display: block;width: 100%;background-color: #f5f5f5;font-size: 14px;line-height: 32px;padding:8px 2.2%;color:#999;margin:2% 0;box-sizing: border-box; border: 0;}
.bots .input:focus{box-shadow: 0 0 10px rgba(0,0,0,0.08);}
.bots .br{border-radius: 5px;}
.bots .submit{line-height: 44px;height: 44px;padding:0 45px;display: inline-block;background-color: #74b332;font-size: 15px;color: #fff;cursor: pointer;}
.bots .submit:hover{background-color: #74b332;}
.col-sm-6{width: 50%;float: left;padding: 0 2%;box-sizing: border-box;}
.col-xs-12{padding: 0 2%;box-sizing: border-box;}


/*gotop*/
#gotop {
    width: 57px;
    height: 58px;
    background: url("../images/top.png") no-repeat;
    position: fixed;
    right: 10px;
    cursor: pointer;
    _position: absolute;
    _bottom: auto;
    _top: expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}



#gotop {
    bottom: 132px;
}