@charset "utf-8";

html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; overflow-x: hidden; -webkit-tap-highlight-color: transparent;}
body {text-decoration:none; font-size: 14px; line-height: 1.8;  margin: 0 auto; color: #666; background-color: #fff; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

html, body, div, span, applet, object, iframe, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0px; border: 0; font-size: 100%; outline: none; }

caption,h1, h2, h3, h4, h5, h6, p{ margin: 0; padding: 0px;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

ul, li, ol { list-style: none;}

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

table, tbody, tfoot, thead, tr, th, td{ margin: 0; padding: 0;}

table{border-collapse:collapse;margin:0 auto!important;}

img { border: 0; }

input, textarea, select, option { background: none; outline: 0;font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif; padding: 0; margin: 0; }

input { outline: none; font-family: 'Noto Sans SC','Microsoft YaHei', Arial, sans-serif;}

input[type="text"], input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; border-radius: 0; }

textarea { -webkit-appearance: none; border-radius: 0; outline: none;}

::-moz-selection { background: #1c8d44; color: #fff; text-shadow: none; }

::selection { background: #1c8d44; color: #fff; text-shadow: none; }

select{ outline: none;}

select::-ms-expand { display: none; }

a { text-decoration: none; blr: expression(this.onFocus=this.blur()); cursor:pointer; -webkit-transition: 0.3s; transition: 0.3s; }

a:link, a:visited { text-decoration: none; }

a:active, a:hover { text-decoration: none; }

.clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; }

.clearfix:after { clear: both; }
.clear {
    clear: both;
}
.fl { float: left; }
.fr { float: right; }
.fc{ text-align: center;}

.container {
  max-width: 1300px;
  margin: 0px auto;
}
/* 等比填充 */
*[class*="rect-"]{position: relative;display: block; width: 100%;height: 0;overflow: hidden;}
*[class*="rect-"] .full{position: absolute;left: 0;top:0;width: 100%;height: 100%;
*height: auto;}
.rect-50{padding-bottom: 50%;}
.rect-59{padding-bottom: 59%;}
.rect-67{padding-bottom: 67%;}
.rect-69{padding-bottom: 69%;}
.rect-728{padding-bottom: 72.8%;}
.rect-775{padding-bottom: 77.5%;}
.rect-102{padding-bottom: 102%;}


.imgZoom img,.imgY180 img { -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.imgZoom { overflow:hidden; -webkit-transform:rotate(0); transform:rotate(0); }
.imgZoom:hover img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.imgY180:hover img { cursor:pointer; -moz-transform:rotateY(180deg); -ms-transform:rotateY(180deg); -o-transform:rotateY(180deg); -webkit-transform:rotateY(180deg); transform:rotateY(180deg) }


/* header */
.header{ width: 100%; position: fixed; height: 90px; background:#fff; z-index: 9999;}
.header .logo{ position: relative;height: 50px; margin: 20px 0;}
.header .logo img{ height: 50px;}
.header .nav li{ display: inline-block; }
.header .nav .nLi{ float:left;  display:inline;  text-align: center; line-height: 90px; }
.header .nav .nLi:hover .sua{ color: #1c8d44; }
.header .nav .nLi.active{ color:#1c8d44;   }
.header .nav .nLi.active .sua{ color: #1c8d44; }
.header .nav .sub{ display:none; width:100%; left:0; top:90px; z-index: 9999;  position:absolute; background:rgba(0,0,0,0.5);  line-height:40px; padding:10px 0;} 
.header .nav .sub li{ zoom:1;   display: inline-block; margin: 0 30px;}
.header .nav .sub a{ display:block; color: #fff;  font-size: 15px; line-height: 40px; margin: 0;}
.header .nav .sub a:hover{ color:#1c8d44;   }
.header .nav li .sua{ margin:0 28px; line-height: 90px; font-size: 16px; color: #000; display: block;position: relative;}
.header .nav li .sua::before{content: ''; position: absolute; left: 0; bottom: 0; width: 0; height: 3px; background: #1c8d44;}
.header .nav li:hover .sua::before{ width: 100%; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.header .nav li.active .sua::before{ width: 100%;}

/* banner */
.banner{position:relative; overflow:hidden; height:570px; width:100%; padding-top: 90px;}
.banner .bd{position:relative; z-index:0;margin: 0 auto; overflow: hidden;}
.banner .bd ul {width:100% !important;}
.banner .bd li {width:100% !important;height:570px;overflow:hidden;text-align:center;}
.banner .hd{ position: absolute; bottom:4%; text-align: center; width: 100%; }
.banner .hd li {cursor:pointer;display:inline-block;*display:inline;zoom:1; width:12px;height:12px; border-radius:6px; margin:0 6px;overflow:hidden;line-height:999px; background: #fff;}
.banner .hd .on{background:#1c8d44; width: 25px;}
.banner .prev, .banner .next {display:block;position:absolute;z-index:1;top:50%;margin-top:-22px;left:8%;z-index:1;width:44px;height:44px;background:url(../images/ad_ctr.png) 0 0 no-repeat;cursor:pointer;filter:alpha(opacity=50);opacity:0.5;display:none;}
.banner .next {left:auto;right:8%;background-position:0 -44px;}

/* InNews */
.InNews{ width: 100%; height: 70px; background: linear-gradient(to right, #1c8d44 50%, #eef2f8 50%); position: relative;}
.InNews .Newslist .News01{ width: 15%; float: left; height: 70px; position: relative; background: url(../img/News01bg.png) left center no-repeat #1c8d44; font-size:24px; color: #fff; line-height: 70px; font-weight: bold; text-align: center;}
.InNews .Newslist .News01::before{width:0;height:0;border: 10px solid transparent;border-left-color: #1c8d44;
position:absolute; content:''; right: -20px;top:50%; margin-top: -10px; z-index: 9;}
.InNews .Newslist .News02{ width: 75%; padding: 0 5%; height: 70px; float: right; background: #eef2f8; position: relative; overflow: hidden;}
.InNews .Newslist .News02 li{ width: 46%; float: left; padding: 0 2%;}
.InNews .Newslist .News02 li p{ font-size: 16px; color: #333; float: left; line-height: 70px; position: relative; padding-left: 15px;}
.InNews .Newslist .News02 li p::before{ content: ''; position: absolute; left: 0; width: 8px; height: 8px;border-radius:4px; background: #999; top:50%; margin-top: -4px; }
.InNews .Newslist .News02 li:hover p{color: #1c8d44;}
.InNews .Newslist .News02 .prev,.InNews .Newslist .News02 .next{ position: absolute; right: 0; top:28px; display:block;  width:9px; height:16px;  overflow:hidden; cursor:pointer; background:url('../img/Narrow.png')  no-repeat;}
.InNews .Newslist .News02 .next{ background-position:-51px 0;  }
.InNews .Newslist .News02 .prev{ right: 30px;}
.InNews .Newslist .News02 .prev:hover{background:url('../img/Narrowh.png')  no-repeat;}
.InNews .Newslist .News02 .next:hover{background:url('../img/Narrowh.png')  no-repeat;background-position:-51px 0;}

.Main{ width: 100%; position: relative; padding: 50px 0;}
.InAbout{ width: 50%; float: left;}
.InAbout .InAboT{ font-size: 28px; color: #333; line-height: 1; font-weight: bold;}
.InAbout .InAboC{ width: 100%; margin-top: 30px; position: relative;}
.InAbout .InAboC .InAboN{ width: 57%; float: left; position: relative;}
.InAbout .InAboC .InAboN .TT{ position: absolute; width: 88%;top: 0; left: 0; z-index: 9; padding: 6%;}
.InAbout .InAboC .InAboN .T{font-size: 20px; color: #fff;}
.InAbout .InAboC .InAboN .Ti{ font-size: 15px; line-height: 28px; color: #fff; margin-top: 20px;}
.InAbout .InAboC .InAboN .More{ width: 140px; height: 40px; text-align: center; line-height: 40px; border: 1px #fff solid; margin-top: 50px;}
.InAbout .InAboC .InAboN .More a{ font-size: 14px; color: #fff; line-height: 40px; display: block; position: relative; z-index: 2;}
.InAbout .InAboC .InAboN .More a::before{ position: absolute; content: ''; left: 0;top: 0; width: 0; height: 100%; background: #1c8d44;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.InAbout .InAboC .InAboN .More:hover a::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InAbout .InAboC .InAboN .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InAbout .InAboC .InAboN:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.InAbout .InAboC .InAboN1{width: 40%; float: right;}
.InAbout .InAboC .InAboN1 .Abon01,.InAbout .InAboC .InAboN1 .Abon02{ width: 100%; position: relative;}
.InAbout .InAboC .InAboN1 .Abon01{ margin-bottom: 20px;}
.InAbout .InAboC .InAboN1 .TT{ position: absolute; width: 88%;top: 34px; left: 0; z-index: 9; padding: 6%;text-align: center;}
.InAbout .InAboC .InAboN1 p{ font-size: 18px; color: #fff;}
.InAbout .InAboC .InAboN1 .Abon01 .imgZoom img,.InAbout .InAboC .InAboN1 .Abon02 .imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InAbout .InAboC .InAboN1 .Abon01:hover .imgZoom img,.InAbout .InAboC .InAboN1 .Abon02:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

.InAnli{ width: 48%; float: right;}
.InAnli .InAnliT p{ font-size: 28px; color: #333; line-height: 1; font-weight: bold;float: left;}
.InAnli .InAnliT a{ font-size: 15px; color: #333; float: right;}
.InAnli .InAnliT a:hover{color: #1c8d44;} 
.InAnli .InAnlic{ width: 100%; margin-top: 30px; position: relative;}
.InAnli .InAnlic1{ width: 100%; position: relative;}
.InAnli .InAnlic1 li{ width: 50%; float: left; position: relative; overflow: hidden;}
.InAnli .InAnlic1 li p{ position: absolute; width: 92%; padding: 0 4%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; bottom: -45px; z-index: 9; background: rgba(0,0,0,0.4); -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.InAnli .InAnlic1 li:hover p{ bottom: 0;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InAnli .InAnlic2{ width: 100%; position: relative;}
.InAnli .InAnlic2 li{ width: 33.333333%; float: left; position: relative; overflow: hidden;}
.InAnli .InAnlic2 li p{ position: absolute; width: 92%; padding: 0 4%; height: 45px; line-height: 45px; color: #fff; font-size: 16px; bottom: -45px; z-index: 9; background: rgba(0,0,0,0.4); -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.InAnli .InAnlic2 li:hover p{ bottom: 0;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}

.InProduct{ width: 100%; position: relative;padding-bottom: 50px;}
.InProduct .InProT p{ font-size: 28px; color: #333; line-height: 1; font-weight: bold;float: left;}
.InProduct .InProT a{ font-size: 15px; color: #333; float: right;}
.InProduct .InProT a:hover{color: #1c8d44;}
.InProduct .InProN{ width: 100%; position: relative; margin-top: 30px;}
.InProduct .InProN .item{ width: 23.5%; margin-right: 2%; float: left; position: relative;box-shadow: 0 0 20px rgba(0,0,0,0.1);}
.InProduct .InProN .item:last-child{ margin-right: 0;}
.InProduct .InProN .item .T{ width: 92%; padding: 0 4%; height: 60px; background: rgba(0,0,0,0.4); position: absolute; bottom: 0;z-index: 9;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .InProN .item .T p{ width: 80%; font-size: 16px; line-height: 60px; color: #fff; font-weight: bold; float: left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.InProduct .InProN .item .T::before{position: absolute; content: ''; width: 0; height: 100%; background: #1c8d44; left: 0; bottom: 0;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.InProduct .InProN .item:hover .T::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .InProN .item .T i{ font-size: 30px; color: #fff; font-weight: bold; float: right; line-height: 60px; font-style:normal }
.InProduct .InProN .item.imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.InProduct .InProN .item:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}

/* footer*/
.footer{ width: 100%; position: relative; background: #eef2f8; padding: 50px 0;}
.footer .footcon{  width: 100%; position: relative;}
.footer .footNav{ width: 100%; position: relative; float: left;}
.footer .footNav .x{ width: 1px; height: 100%; float: left; background: #fff;}
.footer .footNav dl{ width: 13%; float: left;}
.footer .footNav dl:nth-child(6){ width: 24%;  float: right;}
.footer .footNav dl dt{ font-size: 16px; color: #333; position: relative;}
.footer .footNav dl dd{ margin-top: 10px; font-size: 15px; line-height: 30px; color: #666;}
.footer .footNav dl dd img{ border-radius: 4px; }
.footer .footNav dl dd p{ width: 100%; line-height: 30px; height: 30px;}
.footer .footNav dl dd p img{ float: left; margin: 8px 0;}
.footer .footNav dl dd p span{ line-height: 30px; font-size: 15px; color: #666;float: left; margin-left: 10px;}
.footer .footNav dl dd p:last-child{ margin-bottom: 0;}
.footer .footNav dl dd p:nth-child(1) span{ font-size: 20px; color: #333;}
.footer .footNav dl dd a{font-size: 15px; color: #666; line-height: 30px; display: block;}
.footer .footNav dl dd a:hover{ color: #1c8d44;}
.footer .footfl{ float: right; width: 20%; text-align: right; }
.footer .footfl .fw{ font-size: 16px; color: #fff;}
.footer .footfl .ph{ font-size: 30px; color: #fff; font-weight: bold;}
.footer .footfl .ewm{position: relative;}
.footer .footfl .ewm img{}
.footer .footfl .ewm p{ float:right; width: 24px; line-height: 14px; font-size: 15px; padding: 16px 0; color: #fff;}
.copy{ width: 100%; padding: 15px 0; background: #1c8d44; }
.copy .copyl{ float: left; font-size: 15px; color: #fff; line-height: 30px;}
.copy .copyl a{font-size: 15px; color: #fff;}
.copy .copyr{ float: right; font-size: 15px; color: #fff; line-height: 30px;}
.copy .copyr a{ font-size: 15px; color: #fff;}
.copy a:hover{ color: #ddd;}

/* page_banner */
.Pagebanner{width: 100%; position: relative; padding-top: 90px; height: 300px;  overflow: hidden;}
.Pagebanner .black-15{position: absolute; top: 0px;left: 0px; z-index: 1; width: 100%; height: 100%;opacity: 0.2; background: url(../img/grid_bg.png) top left repeat;}
.Pagebanner>.container{position: relative;}
.Pagebanner img{position: absolute;top: 90px; left: 50%; margin-left: -960px; max-width: none;}
.Pagebanner .box{position: relative;top: 100px; text-align: center;z-index: 99;}
.Pagebanner .xc_b_h3{font-size: 36px;font-weight: bold;color: #fff;margin-bottom: 15px;}
.Pagebanner .mouse{width: 28px;height: 44px;background: url(../img/mouse.png) no-repeat top center;position: relative;z-index: 10; margin: 30px auto 0;}
.Pagebanner .mouse i{
	background: url(../img/bottom.png) no-repeat scroll center center;
    width: 25px;
    height: 15px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -7px 0px 0px -12px;
    -webkit-animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;
    animation: mouse-dot 1.5s cubic-bezier(0.23, 1, 0.32, 1) infinite;}
@keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}
@-webkit-keyframes mouse-dot {
    from { opacity: 0; }
    33% { opacity: 1; }
    to { transform: translateY(15px); -webkit-transform: translateY(15px); opacity: 0; }
}

.PageMain{ width: 100%; position: relative;}
.PageNav{ width: 100%; position: relative; border-bottom: 1px #eee solid;}
.PageNav .PageNavn{ width: 100%; position: relative;height: 70px;}
.PageNav .ban_wz{width: 250px;display: inline-block; height: auto; padding: 30px; background-color: rgba(28, 141, 68, 0.85);  position: absolute; bottom: 0; left: 0px; z-index: 22;}
.PageNav .ban_wz .ad-tit{font-size: 32px;line-height: 40px; font-weight: normal; color: #fff;}
.PageNav .ban_wz .ad-line{ height: 2px;width: 40px;background: rgba(255, 255, 255, 0.6);margin: 20px 0px;}
.PageNav .ban_wz .ad-sum{font-size: 28px;line-height: 30px; font-weight: normal;text-transform: Uppercase; color: rgba(255, 255, 255, 0.8);}
.PageNav .NavList{display: inline-block; padding-left: 310px;}
.PageNav .NavList li{position: relative;display: inline-block;color: #fff;width: auto;vertical-align: top;}
.PageNav .NavList li a{position: relative;font-size: 16px;height: 70px;line-height: 70px;padding: 0px 40px;color: #333;display: block;transition: 0.3s ease 0s;}
.PageNav .NavList li:hover a{ color: #1c8d44; }
.PageNav .NavList li.select a{ color: #1c8d44; }
.PageNav .NavList li a:after{content: '';position: absolute;width: 1px;height: 15px;display: block;background: #ccc;top: 50%;margin-top: -7px;right: 0px;}
.PageNav .Crumbs{ width: 32%;text-align: right; position: relative; float: right;}
.PageNav .Crumbs .crumbs{ line-height: 70px; height: 70px;font-size: 16px; }
.PageNav .Crumbs .crumbs .fangzi{display: inline-block; width: 18px; height: 15px;  background: url(../img/fangzi.jpg); margin-right: 5px; margin-bottom: -1px;}
.PageNav .Crumbs .crumbs a{display: inline-block;font-size: 14px;color: #555;}
.PageNav .Crumbs .crumbs a:hover{ color: #1c8d44;}
.PageCon{ width: 100%; position: relative;background-color: #f9f9f9; padding: 60px 0;}
.PageCon .con{ font-size: 16px; line-height: 32px; color: #666; }
.PageCon .con img{ max-width: 100%;}
.cent{width: 100%; background: #fff;}
.cent .con{ padding: 40px;}

/* 公共样式 */
.btn-common{display:inline-block; height:40px; line-height:40px; font-size:0px;  padding:0 27px; text-transform:uppercase; margin-right:14px; margin-top:30px; position:relative; z-index:5; overflow:hidden;}
.btn-common:before{content:''; position:absolute; left:0; top:0; width:0; height:100%; z-index:-1; -webkit-transition:all 1s cubic-bezier(.1,1,.4,1); -o-transition:all 1s cubic-bezier(.1,1,.4,1); transition:all 1s cubic-bezier(.1,1,.4,1); -webkit-transition-duration:.8s; -o-transition-duration:.8s; transition-duration:.8s;} 
.btn-common span{display:inline-block; vertical-align:middle; font-size:18px;}
.btn-common span.icon{width:16px; height:14px; margin-left:10px; transition:all 0.5s ease;}
.btn-common:hover:before{width:100%;}

/*蓝色按钮*/
.btn-blue{background:#1c8d44;}
.btn-blue span{color:#fff;}
.btn-blue span.icon{ background:url(../images/white_jt.png) no-repeat center;}
.btn-blue:hover:before{background:#1c8d44;}

/*灰色按钮*/
.btn-grey{background:#efefef;}
.btn-grey span{color:#333;}
.btn-grey span.icon{ background:url(../images/blue_jt.png) no-repeat center;}
.btn-grey:hover:before{background: -webkit-linear-gradient(120deg, #009944, #006db8);background: -o-linear-gradient(120deg, #009944, #006db8);background: -moz-linear-gradient(120deg, #009944, #006db8);background: linear-gradient(120deg, #009944, #006db8);}
.btn-grey:hover span{ color: #fff;}

.detailT{ width: 100%; position: relative;}
.detailT .Img{ width: 46%; float: left;}
.detailT .detailY{ width:50%;}
.detailT .detailY .title{ font-size: 22px; color: #333; font-weight: bold; line-height: 30px;}
.detailT .detailY .x{ width: 100%; height: 3px; background: #1c8d44; margin: 15px 0;}
.detailT .detailY .titmd{ font-size: 15px; color: #666; line-height: 28px;}


.PageHonor{width:100%; position: relative; padding: 60px 0;}
.PageHonor li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageHonor li:nth-child(4n){ margin-right: 0;}
.PageHonor li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageHonor li:hover .img{border: 2px #1c8d44 solid;}
.PageHonor li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageHonor li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageHonor li p{ background:#f5f5f5; line-height: 50px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageHonor li:hover p{ background: #1c8d44; color: #fff;}



.PagePro{width: 100%; position: relative; padding: 60px 0; background-color: #f5f5f5;}
.PagePro .Prolist{ width: 100%; position: relative;}
.PagePro .Prolist .item{ width: 23.5%; margin-right: 2%; margin-bottom: 2%; float: left; position: relative; box-shadow: 0 0 16px rgba(0,0,0,0.05);}
.PagePro .Prolist .item:nth-child(4n){ margin-right: 0;}
.PagePro .Prolist .item .T{ width: 92%; padding: 0 4%; height: 60px; position: relative; background: #f9f9f9; -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: 9;}
.PagePro .Prolist .item .T p{ width: 80%; font-size: 16px; line-height: 60px; color: #333; font-weight: bold; float: left;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.PagePro .Prolist .item .T::before{position: absolute; content: ''; width: 0; height: 100%; background: #1c8d44; left: 0; bottom: 0;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s; z-index: -1;}
.PagePro .Prolist .item:hover .T::before{ width: 100%;-moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PagePro .Prolist .item .T i{ font-size: 30px; color: #333; font-weight: bold; float: right; line-height: 60px; font-style:normal }
.PagePro .Prolist .item:hover .T p,.PagePro .Prolist .item:hover .T i{color: #fff;}
.PagePro .Prolist .item.imgZoom img{ -moz-transition:all .5s ease 0s; -ms-transition:all .5s ease 0s; -o-transition:all .5s ease 0s; -webkit-transition:all .5s ease 0s; transition:all .5s ease 0s;}
.PagePro .Prolist .item:hover .imgZoom img{ -moz-transform:scale(1.1,1.1); -ms-transform:scale(1.1,1.1); -o-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1); transform:scale(1.1,1.1);}
.downlist{ width: 65.91%; float: left; padding: 2%; background: #fff;}
.picFocus{ float:left;  width:38%;  position:relative;  overflow:hidden;  zoom:1; border: 2px #f5f5f5 solid; }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{  width: 88%; margin: 0 auto; overflow:hidden; zoom:1; }
.picFocus .hd ul li{ padding-top:5px; float:left;  text-align:center;  margin-right: 2%; width: 23.5%;}
.picFocus .hd ul li:nth-child(4n){ margin-right: 0;}
.picFocus .hd ul li img{ width:100%; border:2px solid #ddd; cursor:pointer; margin-right:8px; display:  block;  }
.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border-color:#1c8d44;  }
.picFocus .bd li{ vertical-align:middle; }
.picFocus .bd img{ width:100%; display: flex;}
.picFocus .prev{ position:absolute; left:0 ; bottom:40px;}
.picFocus .next{ position:absolute; right:0 ; bottom:40px;}
.floatl{ float: left;width: 38%;}
.floatr{ width: 57%; float: right;}
.floatr .title{ font-size: 24px; color:#333; width:100%;word-break:break-all; padding-bottom:20px; font-weight: bold; border-bottom:  2px #f5f5f5 solid; }
.floatr .titmd{margin:20px 0; font-size: 15px; color: #666;}
.floatr .table-list{ width: 100%; border-top:1px #ccc dashed;}
.floatr .table-list tr{margin-bottom: 10px; width: 100%;}
.floatr .table-list td{ width: 100%; font-size: 14px; color:#666; line-height:24px; padding:5px 0;}
.floatr .table-list td span{ color:#333; font-weight: bold;}
.floatr .table-list .input-text{ width:40px; height: 25px; text-align:center; color:#1c8d44;}
.floatr .table-list .button{ width: 80px; height: 35px; text-align:center; background:#1c8d44; border: none; text-align:center; color:#fff; cursor:pointer; margin-top: 5px; font-size: 14px;}
.floatr .div-bz{ font-size: 20px; margin-top:20px; font-weight: bold; color: #1c8d44;}
.left02{ width: 100%; margin:20px auto 0; border-top:5px #f1f1f1 solid; padding-top:30px; color: #555;}
.left02 p{ font-size: 15px; line-height: 26px;}
.left02 img{max-width:100%;}

.left02 table{border-collapse:collapse;width:100%;}
.left02 table,tr{ font-size: 16px; color: #444; }
.left02 table,th, td{border: 1px solid black;text-align: center; font-size: 14px;}

/* PageNews*/
.PageNews{padding:60px 0; position: relative; background: #f5f5f5;}
.PageNews .NewsList li{ width: 50%; float: left;margin-bottom: 40px;}
.PageNews .NewsList li a{ display: block; margin: 0 18px; background: #fff; padding: 30px 4%; position: relative;perspective: 300px; -webkit-perspective: 300px;}
.PageNews .NewsList li a:before{content: "";width: 100%;height: 100%;background: #1c8d44;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0;visibility: hidden;transform-origin: top center 0;transition: 0.54s;}
.PageNews .NewsList li a:hover:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg); color:#fff;}
.PageNews .NewsList li a time{ display: block; color: #999; font-size: 16px; padding-left: 8px; line-height: 19px; border-left: 7px solid #1c8d44; position: relative; z-index:9;}
.news__text{ margin-top: 11px;position: relative; z-index:9;}
.news__text .img{ display: block; line-height: 1; overflow: hidden; float: left; width: 150px; margin: 0 20px 0 0;}
.news__text .img img{ display: block; width: 100%; height: auto; transition: 0.48s;}
.news__fix h3{ color: #232323; font-size: 16px; line-height: 1.2; white-space: nowrap;  text-overflow: ellipsis; margin-bottom: 15px; font-weight: bold; margin-top: -4px; transition: 0.35s;}
.news__fix p{ color: #666666; font-size: 14px; line-height: 1.8; height: 84px; overflow: hidden;}
.news__more{ width: 55px; height: 55px; background: #1c8d44; position: absolute; right: 0; bottom: 0; text-align: center; transition: 0.38s; z-index:9;}
.news__more:before{ content: ""; width: 16px; height: 16px; background: url(../images/more.png) center no-repeat; position: absolute; left: 50%; top: 50%; margin-left: -8px; margin-top: -8px; transition: 0.38s;}
.PageNews .NewsList li a:hover .news__text figure img{ transform: scale(1.06); -webkit-transform: scale(1.06); -moz-transform: scale(1.06);}
.PageNews .NewsList li a:hover .news__fix h3{ color: #fff;}
.PageNews .NewsList li a:hover{ box-shadow: 0 0 18px rgba(0,0,0,0.13);} 
.PageNews .NewsList li a:hover time{ color:#fff;border-left: 7px solid #fff;}
.PageNews .NewsList li a:hover .news__more{ background: #1c8d44;}
.PageNews .NewsList li a:hover .news__more:before{ transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg);}
.PageNews .NewsList li a:hover .news__fix p{ color:#fff;}
.detail_news{  background: #fff;padding:4%;}

.pageNewsT{ width:100%; margin:0 auto; font-size:24px;  color:#333; font-weight:bold; text-align: center;}
.pageNewsC{ width:100%; margin:0 auto; font-size:14px; color:#333;padding:20px 0; border-bottom:dashed 1px #999; text-align: center;}
.pageNewsD{ width:100%; margin:0 auto; font-size:16px; color:#333; line-height:34px; margin-top:20px;}
.pageNewsD p a{font-size: 16px !important; }
.pageNewsD img{ max-width:100%; margin:5px 0;}
.pageNewsD table{border-collapse:collapse;width:100%;}
.pageNewsD table,tr{ font-size: 16px; color: #444; }
.pageNewsD table,th, td{border: 1px solid black;text-align: center; font-size: 15px;}
.PageNews .Newslist{ width: 69.91%; }
.PageNews .Newslistbg{ padding: 4%; background: #fff;}
.Newslist01{width: 27.75%;}
.Newslist01 .nsearch-lant{ font-size: 20px; font-weight: bold;margin-bottom: 19px;color: #333333;border-left: 6px solid #006db8; line-height: 1;    padding-left: 8px;}
.Newslist01 .news_hot .item{margin-bottom: 15px;}
.Newslist01 .news_hot .infor{padding: 20px;background: #fff;}
.Newslist01 .news_hot .infor .tit{ font-size: 18px;color: #333;font-weight: bold; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.Newslist01 .news_hot .infor .con{font-size: 14px;color:#666;line-height: 24px;height: 48px;overflow: hidden;}
.Newslist01 .news_hot .infor .con .detailBoxs{ width: 100%; position: relative;}
.Newslist01 .news_hot .owl-dots{position: absolute;left: 50%;margin-left: -39px;bottom: 160px;}
.Newslist01 .news_hot .owl-dots .owl-dot{width: 12px;height: 12px;border-radius: 50%;border:1px solid #f8f9fc;float: left;margin-right: 12px;}
.Newslist01 .news_hot .owl-dots .owl-dot.active{background: #92cc1f;border-color: #92cc1f;}
.Newslist01 .pages1{ width:90%; padding: 5%; background: #fff;}
.Newslist01 .pages1_l{ float:left; width:100%; margin-bottom: 40px;}
.Newslist01 .pages1_l p{font-size: 18px;font-weight: bold; color: #1c8d44; position: relative;}
.Newslist01 .pages1_l p::before{ content:''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.Newslist01 .pages1_l:hover a{ color:#1c8d44;}
.Newslist01 .pages1_r{ float:left; width:100%;}
.Newslist01 .pages1_r p{font-size: 18px;font-weight: bold; color: #1c8d44; position: relative;}
.Newslist01 .pages1_r p::before{content: ''; position: absolute; width: 80%; height: 1px; right: 0; top: 50%; background: #ddd; }
.Newslist01 .pages1_r a{ line-height:26px; color:#333;display:block; font-size: 15px;}
.Newslist01 .pages1_r:hover a{ color:#1c8d44;}

.contentUs{ width: 100%; position: relative; background:#fff;}
#allmap{width: 50%; height: 330px; float: left;}
.conList{ width:42%; padding: 4%; float: left; font-size: 16px; line-height: 35px;}
.conList h2{ font-size: 24px;color: #000; margin-bottom: 20px; font-weight: bold;}


.PageAnli{ width: 100%; padding: 60px 0; position: relative; background: #f5f5f5;}
.PageAnli .Anlilist{}
.PageAnli .Anlilist li{ width: 23.5%; margin-right: 2%; float: left; margin-bottom: 2%; cursor: pointer;}
.PageAnli .Anlilist li:nth-child(4n){ margin-right: 0;}
.PageAnli .Anlilist li .img{position: relative; overflow: inherit;  border: 2px #f5f5f5 solid; transition: 0.3s all ease;}
.PageAnli .Anlilist li:hover .img{border: 2px #1c8d44 solid;}
.PageAnli .Anlilist li .img img{ display: block;-webkit-transition: 0.5s ease-in-out;-o-transition: 0.5s ease-in-out;transition: 0.5s ease-in-out;transform-origin:50% 50%;}
.PageAnli .Anlilist li:hover .img img{-webkit-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);}
.PageAnli .Anlilist li p{ background:#fff; line-height: 60px; text-align: center; color: #333; transition: 0.3s all ease; font-size: 16px;overflow : hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical;}
.PageAnli .Anlilist li:hover p{ background: #1c8d44; color: #fff;}


/* PageJoin */
.Joinbox{ position: relative; width: 100%; padding: 60px 0;}
.PageJoin .Joinlist{position: relative; width: 100%;}
.PageJoin .jnlist{ background: #f1f1f1; }
.PageJoin .jnlist li{float: left; text-align: center; padding: 15px 0; font-size: 16px; color: #333; width: 20%; font-weight: bold;}
.PageJoin .jnlist li:nth-child(2),.PageJoin .jnlist li:nth-child(4){ width: 30%;}
.PageJoin .joblist{ width: 100%; position: relative; margin-top: 10px;}
.PageJoin .joblist .list_dt{ cursor: pointer;  overflow: hidden; text-overflow: ellipsis;white-space: nowrap; position: relative; border-bottom: 1px solid #ddd; background: #f9f9f9;}
.PageJoin .joblist .list_dt p{float: left; text-align: center; padding: 10px 0; font-size: 15px; color: #333; width: 20%; }
.PageJoin .joblist .list_dt p:nth-child(2),.PageJoin .joblist .list_dt p:nth-child(4){ width: 30%;}
.PageJoin .joblist #open{ background: #1c8d44;}
.PageJoin .joblist #open p{ color: #fff }
.PageJoin .joblist .list_dt:hover{ background: #1c8d44;}
.PageJoin .joblist .list_dt:hover p{ color: #fff; }
.PageJoin .joblist .list_dd{ display: none; padding: 30px; font-size: 15px; line-height: 30px; color: #555;background: #f0f6fb;}


/* fenye */
.pages { margin:20px auto 0; text-align:center; font-size:14px;}
.pages li { display:inline-block; height:40px; line-height:40px; background:#fff; }
.pages li a{text-align:center; color:#333; padding:0 18px;}
.pages .active {background:#1c8d44;  text-decoration:none}
.pages .active a{color:#fff; }
.pages li:hover { background:#1c8d44;   text-decoration:none }
.pages li:hover a{ color:#fff;}
.pages span{ display:inline-block; height:26px; line-height:26px;  border:1px solid #ccc; color:#333; text-align:center; padding:0 13px;}
.pages1{ width:100%; padding: 2% 0; background: #fff; }
.pages1_l{ float:left; width:100%;}
.pages1_l a{ line-height:26px; color:#333; font-size: 15px;}
.pages1_l:hover a{color:#1c8d44;}
.pages1_r{ float:left; width:100%; }
.pages1_r a{ line-height:26px; color:#333; font-size:15px;}
.pages1_r:hover a{color:#1c8d44;}



/*main CSS*/
#pictureViewer{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.7);
    z-index: 10000;
}
#pictureViewer > .content{
    background-color: #fff;
    position: absolute;
    width: 590px;
    height: 590px;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .menu-bar{
    width: 100%;
}
#pictureViewer .menu-bar .handel{
    width: 40px;
    height: 40px;
    float: right;
    background-repeat: no-repeat;
    background-position: 50%;
    cursor: pointer;
}
#pictureViewer .menu-bar .handel:hover{
    background-color: #1c8d44;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .menu-bar .handel.maximization{
    background-image: url(../img/icons/maximization_black.png);
    background-size: 14px;
}
#pictureViewer .menu-bar .handel.maximization:hover{
    background-image: url(../img/icons/maximization_white.png);
}
#pictureViewer .menu-bar .handel.miniaturization{
    background-size: 16px;
    background-image: url(../img/icons/miniaturization_black.png);
}
#pictureViewer .menu-bar .handel.miniaturization:hover{
    background-image: url(../img/icons/miniaturization_white.png);
}
#pictureViewer .menu-bar .handel.close-view{
    background-image: url(../img/icons/close_black.png);
    background-size: 15px;
}
#pictureViewer .menu-bar .handel.close-view:hover{
    background-image: url(../img/icons/close_white.png);
}
#pictureViewer .handel-prev,
#pictureViewer .handel-next{
    display: inline-block;
    width: 50px;
    height: 70px;
    position: relative;
    top: calc(50% - 80px);
    background-repeat: no-repeat;
    background-size: 25px;
    background-position: 50%;
    cursor: pointer;

    -webkit-transition: all .3s;
    -moz-transition: all .3s;
    -ms-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
}
#pictureViewer .handel-prev{
    background-image: url(../img/icons/prev_blank.png);
}
#pictureViewer .handel-next{
    background-image: url(../img/icons/next_blank.png);
}
#pictureViewer .handel-prev:hover,
#pictureViewer .handel-next:hover{
    background-color: #1c8d44;
}
#pictureViewer .handel-prev:hover{
    background-image: url(../img/icons/prev_white.png);
}
#pictureViewer .handel-next:hover{
    background-image: url(../img/icons/next_white.png);
}
#pictureViewer .picture-content{
    display: inline-block;
    width: 80%;
    height: calc(100% - 80px);
    position: absolute;
    margin: 0 auto;
    left: 0;
    right: 0;
}
#pictureViewer .picture-content .cover{
    position: absolute;
    margin: auto;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#pictureViewer .counter{
    position: absolute;
    bottom: 0;
    height: 40px;
    line-height: 40px;
    width: 100%;
    text-align: center;
    color: #808080;
    font-size: 13px;
}
#pictureViewer .hide{
    display: none;
}
#pictureViewer .left{
    float: left;
}
#pictureViewer .right{
    float: right;
}
#pictureViewer .clear-flex{
    clear: both;
}
#pictureViewer img{
    max-width: 100%;
    max-height: 100%;
}