html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, 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,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%;font: inherit;vertical-align: baseline;font-family:"Microsoft YaHei";font-size: 14px;}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
body {line-height: 1;background: url(../images/bodyBg.jpg)top center no-repeat;background-size: 100% 100%;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after,q:before, q:after {content: '';content: none;}
table {border-collapse: collapse;border-spacing: 0;}
a{text-decoration: none;color:#000;}
.clearfix { *zoom: 1; } 
.clearfix:before, .clearfix:after {display: table; line-height: 0; content: ""; } 
.clearfix:after,.clear { clear: both; } 
.slide-main{position:relative;width: 100%;animation: fadeInUp 1s;}
.prev,.next{display:none;width:44px;height:44px;position:absolute;z-index:222;top:215px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%;height:8px;position:absolute;z-index:124;bottom:20px;left:0;text-align:center;}
.item a{display:inline-block;width:24px;height:8px;margin:0 5px;background:#fff;overflow:hidden;border-radius: 4px;}
.item a.cur{background:#5cb272;width: 40px;transition: all 1s;}
.slide-box,.slide{display:block;width:100%;height:auto;overflow:hidden;}
.slide-box{position:relative;}
.slide{display:none;;position:relative;float: left;z-index:8;height: 600px;}
#bgstylea{background:url(../images/banner1.jpg)top center no-repeat;background-size: cover}
#bgstyleb{background:url(../images/banner2.jpg)top center no-repeat;background-size: cover}
#bgstylec{background:url(../images/banner3.jpg)top center no-repeat;background-size: cover}
.slide img{width: 100%;height: auto;display: none;}


.header{width: 1200px;height: 180px;margin:0 auto;position: relative;}
.header .logo1{position: absolute;top: 0;left: 50%;margin-left: -761px;background: url(../images/logoBg1.png);z-index: -1;width: 472px;height: 203px;}
.header .logo2{position: absolute;top: 0;left: -30px;background: url(../images/logoBg2.png);z-index: -2;width: 472px;height: 203px;animation: DegInDown 1s;}
.header .logo2 a{display: block;width: 69px;height: 70px;margin:55px auto;}
.topTxt{display: block;width: 582px;height: 49px;float:left; margin:65px 0 0 280px;}
.topTel{display: block;float: right;height: 39px;margin:20px 0;animation: rubberBand 1s;}
.navBox{width: 100%;height: 60px;background: #263d5a;}
.navBox .nav{width: 900px;height: 60px;margin:0 auto;}
.navBox .nav a{display: block;width: 110px;height:60px;text-align: center;line-height: 60px;color: #fff;font-size: 16px;letter-spacing: 1px; float: left;position: relative;}
.navBox .nav a:before{content:"|";position: absolute;left: 0;top: 0;}
.navBox .nav a:nth-last-child(1):after{content:"|";position: absolute;right: 0;top: 0;}


.inAbout{width: 1160px;height: auto;background: #fff;margin:40px auto;padding:20px;border-radius: 10px;animation: fadeInUp 1s;}
.inAbout .left{width: 182px;float: left;}
.inAbout .left h3{display: block;width: 182px;height: 60px;background: #7ac38d;text-align: center;line-height: 60px;color: #fff;font-size: 24px;letter-spacing: 2px;border-radius: 3px;}
.inAbout .left ul li{width: 180px;height: 76px;margin-top: 10px;position: relative;border:solid 1px #566987;cursor: pointer;border-radius: 3px;}
.inAbout .left ul li em{display: block;width: 67px;height: 58px;margin:9px 5px;float: left;}
.inAbout .left ul li:nth-child(1) em{background: url(../images/ico1.png);}
.inAbout .left ul li:nth-child(2) em{background: url(../images/ico2.png);}
.inAbout .left ul li:nth-child(3) em{background: url(../images/ico3.png);}
.inAbout .left ul li:nth-child(4) em{background: url(../images/ico4.png);}
.inAbout .left ul li span{display: block;color: #333;line-height: 20px;padding-top: 18px;}
.inAbout .left ul li i{display: block;color: #333;font-size: 12px;line-height: 20px;}
.inAbout .left ul li:before{content:" ";position: absolute;left: 0;top: 0;width: 0%;height: 100%;background: #566987;z-index: -1}
.inAbout .left ul li:hover:before{width: 100%;transition: all .5s;}
.inAbout .left ul li:hover:nth-child(1) em{background: url(../images/ico1_1.png);}
.inAbout .left ul li:hover:nth-child(2) em{background: url(../images/ico2_1.png);}
.inAbout .left ul li:hover:nth-child(3) em{background: url(../images/ico3_1.png);}
.inAbout .left ul li:hover:nth-child(4) em{background: url(../images/ico4_1.png);}
.inAbout .left ul li:hover span{color: #fff;transition: all .5s;}
.inAbout .left ul li:hover i{color: #fff;transition: all .5s;}

.inAbout .right{width: 950px;float: right;}
.inAbout .right .img1{display: block;width: 400px;height: 400px;padding:5px;border:solid 1px #ebebeb;float: left;}
.inAbout .right .img2{display: block;float: right;height: 40px;animation: rubberBand 1s;margin-bottom: 30px;}
.inAbout .right p{display: block;width: 502px;float: right;line-height: 30px;color: #808080;margin-bottom: 14px;text-align: justify;text-indent: 2em;}
.inAbout .right .more{display: block;float: left;margin-left: 36px;height: 30px;border:solid 1px #7ac38c;border-radius: 3px;}
.inAbout .right .more span{display: block;line-height: 30px;padding:0 20px;color: #666;float: left;	}
.inAbout .right .more i{display: block;float: left;padding:0 14px;line-height: 30px;color: #fff;background: #7ac38c}
.inAbout .right .more:hover{background: #7ac38c;transition: all .5s;}
.inAbout .right .more:hover span{color: #fff;transition: all .5s;}
.txtMarquee-left1{width: 502px;height: 150px;margin-top: 20px;float: right;}
.txtMarquee-left1 .bd{width: 502px;overflow: hidden}
.txtMarquee-left1 .bd ul li{float: left;width: 160px;height: 150px;overflow: hidden;background: #7ac38c;border-radius: 5px;margin:0 5px;}
.txtMarquee-left1 .bd ul li img{display: block;width: 160px;height: 120px;}
.txtMarquee-left1 .bd ul li span{display: block;width: 160px;line-height: 30px;color: #fff;text-align: center;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}


.inPro{width: 1160px;height: auto;background: #fff;margin:40px auto;padding:20px;border-radius: 10px;animation: fadeInUp 1s;}
.inPro .left{width: 240px;float: left;}
.inPro .left h3{display: block;width: 242px;height: 60px;background: #7ac38d;text-align: center;line-height: 60px;color: #fff;font-size: 24px;letter-spacing: 2px;border-radius: 3px;}
.inPro .leftNav{width: 238px;border:solid 1px #566987;margin-top: 10px;border-radius: 3px;overflow: hidden;}
.inPro .leftNav h4{display: block;width: 100%;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 18px;letter-spacing: 1px;background: #566987;}
.inPro .leftNav ul li{width: 100%;height: 46px;border-bottom: dotted 1px #ebebeb;}
.inPro .leftNav ul li a{display: block;width: 100%;height: 46px;}
.inPro .leftNav ul li a span{display: block;float: left;padding-left: 20px;line-height: 46px;color: #666;font-size: 16px;}
.inPro .leftNav ul li a img{display: block;float: right;width: 14px;height: 14px;background: #7ac38c;padding:5px;margin:11px;border-radius: 50%}
.inPro .leftNav ul li:hover{background: #7ac38c;transition:  all .5s;}
.inPro .leftNav ul li:hover a span{color: #fff;transition:  all .5s;}
.inPro .right{width: 920px;float: right;}
.inPro .right .h33{width: 870px;float: right;height: 60px;padding-left: 30px;line-height: 60px;color: #7ac38c;background: url(../images/ico5.png)left center no-repeat;background-size: 14px;font-size: 20px;letter-spacing: 1px;margin-bottom: 10px;}
.inPro .right .list{width: 920px;}
.inPro .right .list ul li{float: left;position: relative;overflow: hidden;width: 286px;height: 215px;margin:0 0 20px 20px ;}
.inPro .right .list ul li a{display: block;width: 286px;height: 215px;}
.inPro .right .list ul li a img{display: block;width: 286px;height: 215px;}
.inPro .right .list ul li span{position: absolute;left:10px;bottom:10px;background: rgba(0,0,0,0.5);color: #fff;line-height: 30px;padding:0 14px;border-radius: 3px;max-width: 240px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.inPro .right .list ul li:hover a img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s;}


.wide1{width: 1160px;height: auto;background: #fff;border-radius: 10px;animation: fadeInUp 1s;margin:40px auto;padding:20px;}
.wide1 .img1{display: block;float: left;width: 419px;height: 156px;}
.wide1 .right{float: right;width: 720px;}
.wide1 .right img{display: block;margin:0 auto;}
.wide1 .right .tel{width: 720px;height: 30px;text-align:center;margin: 20px 0;}
.wide1 .right .tel span{display: inline-block;line-height: 30px;color: #7ac38c;font-size: 18px;letter-spacing: 2px;font-style: italic;font-weight: 600;padding:0 15px;}
.wide1 .right .tel a{display: inline-block;line-height: 30px;padding:0 20px;margin-left: 15px;background: #566987;border-radius: 3px;color: #fff;}


.inAdv{width: 1160px;height: auto;background: #fff;border-radius: 10px;animation: fadeInUp 1s;margin:40px auto;padding:20px;}
.title{width: 100%;margin-bottom: 20px;}
.title h1{display: block;text-align: center;line-height: 30px;font-size: 20px;color: #7ac38c;letter-spacing: 1px;}
.title h2{display: block;text-align: center;line-height: 40px;font-size: 24px;letter-spacing: 2px;color: #666;letter-spacing: 2px;margin-bottom: 10px}
.title img{display: block;margin:0 auto;}
.advNav{width: 100%;height: 40px;margin-bottom: 20px;text-align: center;}
.advNav span{display: inline-block;width: 200px;height: 40px;margin:0 10px;background: #566987;line-height: 40px;text-align: center;font-size: 16px;letter-spacing: 1px;color: #fff;border-radius: 3px;cursor: pointer;}
.advNav span.advNav1{background: #273e58;}
.inAdv .mess{width: 100%;background: #dbdbdb;height: 470px;border-radius: 5px;overflow: hidden;animation: fadeInUp 1s;display: none;}
.inAdv .mess img{display: block;float: right;width: 580px;height: 470px;}
.inAdv .mess .left{width: 520px;height: 410px;padding:30px;float: left;}
.inAdv .mess .left h3{line-height: 40px;font-size: 24px;letter-spacing: 2px;color: #333;margin-bottom: 20px;}
.inAdv .mess .left p{line-height: 30px;color: #333;}
.inAdv .mess1{display: block;}

.wide2{width:1200px;height: 200px;background: url(../images/bg1.jpg)top center no-repeat;background-size: 100% 100%;margin:40px auto;border-radius: 10px;animation: fadeInUp 1s;}
.wide2 img{display: block;float: right;padding: 40px 20px 20px;}
.wide2 a{display:block;float:right;line-height: 30px;padding:0 20px;background: #566987;border-radius: 3px;color: #fff;margin-right: 20px}



.inCase{width: 1160px;height: auto;background: #fff;border-radius: 10px;animation: fadeInUp 1s;margin:40px auto;padding:20px;}
.inCase .bd{width: 1160px;overflow: hidden;}
.inCase .bd ul li{width: 275px;margin-right: 20px;float: left;background: #f5f5f5;height: 372px;}
.inCase .bd ul li a.img{display: block;width: 275px;height: 206px;overflow: hidden;}
.inCase .bd ul li a.img img{display: block;width: 275px;height: 206px;}
.inCase .bd ul li a.h3{display: block;width: 245px;height: 30px;padding:0 15px;font-size: 20px;color: #333;line-height: 30px;margin:10px 0;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.inCase .bd ul li p{display: block;line-height: 24px;color: #666;width: 245px;padding:0 15px;height: 96px;text-align: justify;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;margin-bottom: 20px;}
.inCase .bd ul li .more{display: block;width: 140px;height: 34px;background: #566987;text-align: center;line-height: 34px;border-radius: 4px;color: #fff;margin:0 auto;}
.inCase .bd ul li:hover{background: #7ac38c;transition: all .5s;}
.inCase .bd ul li:hover a.img{height: 152px;transition: all .5s;}
.inCase .bd ul li:hover a.img img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s;}
.inCase .bd ul li:hover a.h3{color: #fff;transition: all .5s;}
.inCase .bd ul li:hover p{color: #fff;transition: all .5s;}

.inShow{width: 1160px;height: auto;background: #fff;border-radius: 10px;animation: fadeInUp 1s;margin:40px auto;padding:20px;}
.inShow .list{width: 1180px;}
.inShow .list a{display: block;float: left;width: 275px;height: 210px;margin:0 20px 20px 0;overflow: hidden;}
.inShow .list a img{display: block;width: 275px;height: 210px;}
.inShow .list a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s;}
.inShow .more{display: block;width: 140px;height: 34px;background: #566987;text-align: center;line-height: 34px;border-radius: 4px;color: #fff;margin:0 auto;}


.inNews{width: 1160px;height: auto;background: #fff;border-radius: 10px;animation: fadeInUp 1s;margin:40px auto;padding:20px;}
.inNews .leftBox{width: 700px;float: left;overflow: hidden;}
.inNews .inNewNav{width: 700px;height: 40px;margin-bottom: 20px;}
.inNews .inNewNav span{display:block;width: 200px;height: 40px;float:left;margin-right:20px;background: #566987;line-height: 40px;text-align: center;font-size: 16px;letter-spacing: 1px;color: #fff;border-radius: 3px;cursor: pointer;}
.inNewNav span.newNav1{background: #273e58;}
.newsMess .first{width: 700px;height: 150px;margin-bottom: 20px;}
.newsMess .first .img{display: block;float: left;width: 200px;height: 150px;overflow: hidden;}
.newsMess .first .img img{display: block;width: 200px;height: 150px;}
.newsMess .first .h3{display: block;width: 480px;line-height: 34px;color:#7ac38c;float: right;font-size: 16px;letter-spacing: 1px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.newsMess .first p{display: block;width: 480px;float: right;line-height: 24px;color: #808080;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;margin-bottom: 4px;}
.newsMess .first h4{display: block;width: 500px;height: 24px;float: right;}
.newsMess .first span{display: block;float: left;margin-left: 20px;line-height: 24px;color: #7ac38c;}
.newsMess .first .more{display: block;float: right;margin-top: 10px;margin-left:20px;height: 30px;width: 130px;text-align: center;line-height: 30px;background: #566987;color: #fff;border-radius: 3px;}
.newsMess ul li{width: 100%;height: 82px;padding:10px 0;border-top:dotted 1px #ebebeb;}
.newsMess ul li .left{width: 82px;height: 50px;background: #f1f1f1;float: left;padding:16px 0;}
.newsMess ul li .left i{display: block;text-align: center;line-height: 30px;color: #333;font-size: 30px;font-weight: 600;}
.newsMess ul li .left span{display: block;text-align: center;line-height: 20px;color: #333;}
.newsMess ul li .h3{display: block;width: 600px;line-height: 34px;color:#7ac38c;float: right;font-size: 16px;letter-spacing: 1px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.newsMess ul li p{display: block;width: 600px;float: right;line-height: 24px;color: #808080;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsMess{display: none;}
.newsMess1{display: block;}
.inNews .rightBox{width: 420px;height:529px;float: right;overflow: hidden;}
.inNews .rightBox h3{display: block;width: 390px;height: 40px;line-height: 40px;font-size: 16px;color: #7ac38c;padding-left: 30px;margin-bottom: 19px;background: url(../images/ico5.png)left center no-repeat;background-size: 14px;border-bottom: solid 1px #ebebeb;}
.inNews .rightBox ul li{width: 100%;height: 82px;padding:10px 0;border-top:dotted 1px #ebebeb;}
.inNews .rightBox ul li .left{width: 82px;height: 50px;background: #f1f1f1;float: left;padding:16px 0;}
.inNews .rightBox ul li .left i{display: block;text-align: center;line-height: 30px;color: #333;font-size: 30px;font-weight: 600;}
.inNews .rightBox ul li .left span{display: block;text-align: center;line-height: 20px;color: #333;}
.inNews .rightBox ul li .h3{display: block;width: 320px;line-height: 34px;color:#7ac38c;float: right;font-size: 16px;letter-spacing: 1px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.inNews .rightBox ul li p{display: block;width: 320px;float: right;line-height: 24px;color: #808080;height: 48px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.footerBox{width: 100%;height: auto;background: #3d3d3d;padding:40px 0;animation:fadeInUp 1s;}
.footer{width: 1200px;height: auto;margin:0 auto;}
.footer .left{width: 560px;float: left;border-right: solid 1px #666}
.footer .left ul li{width: 140px;float: left;}
.footer .left ul li h3{display: block;width: 100%;height: 40px;line-height: 30px;font-size: 16px;color: #fff;}
.footer .left ul li a{display: block;line-height: 30px;color: #c1c1c1;letter-spacing: .5px;}
.footer .left ul li a:hover{text-decoration: underline;}
.footer .center{padding:0 50px;width: 225px;border-right: solid 1px #666;float: left;min-height: 220px;}
.footer .center h3{display: block;width: 100%;height: 40px;line-height: 30px;font-size: 16px;color: #fff;}
.footer .center h3 span{padding-left: 10px;color: #c1c1c1;font-size: 14px;}
.footer .center a{display: block;float: left;line-height: 30px;color: #c1c1c1;margin-right: 20px;}
.footer .center ul li a:hover{text-decoration: underline;}
.footer .right{width: 262px;float: right;}
.footer .right h3{display: block;width: 100%;height: 40px;line-height: 30px;font-size: 16px;color: #fff;}
.footer .right .ewm{display: block;width: 94px;height: 94px;float: left;margin-bottom: 20px;}
.footer .right .mess{display: block;width: 138px;float: left;height: 40px;line-height: 20px;margin:27px 0 47px 30px;color: #c1c1c1}
.footer .right .tel{display: block;float: left;width: 30px;height: 30px;}
.footer .right .telBox{float: right;width: 212px;line-height: 30px;font-size: 24px;color: #fff;}
.bottomBox{width: 100%;height: 50px;background: #202020;animation:fadeInUp 1s;}
.bottomBox .bottom{width: 1200px;height: 50px;margin:0 auto;}
.bottomBox .bottom p{display: block;float: left;line-height: 50px;color: #999;}
.bottomBox .bottom span{display: block;float: right;line-height: 50px;color: #999;}


.body{width: 1160px;height: auto;background: #fff;margin:40px auto;padding:20px;border-radius: 10px;animation: fadeInUp 1s;}
.body .left{width: 240px;float: left;}
.body .left h3{display: block;width: 242px;height: 60px;background: #7ac38d;text-align: center;line-height: 60px;color: #fff;font-size: 24px;letter-spacing: 2px;border-radius: 3px;}
.body .leftNav{width: 238px;border:solid 1px #566987;margin-top: 10px;border-radius: 3px;overflow: hidden;}
.body .leftNav h4{display: block;width: 100%;height: 46px;line-height: 46px;text-align: center;color: #fff;font-size: 18px;letter-spacing: 1px;background: #566987;}
.body .leftNav ul li{width: 100%;height: 46px;border-bottom: dotted 1px #ebebeb;}
.body .leftNav ul li a{display: block;width: 100%;height: 46px;}
.body .leftNav ul li a span{display: block;float: left;padding-left: 20px;line-height: 46px;color: #666;font-size: 16px;}
.body .leftNav ul li a img{display: block;float: right;width: 14px;height: 14px;background: #7ac38c;padding:5px;margin:11px;border-radius: 50%}
.body .leftNav ul li:hover{background: #7ac38c;transition:  all .5s;}
.body .leftNav ul li:hover a span{color: #fff;transition:  all .5s;}
.body .left .list{width: 238px;height:404px;border:solid 1px #566987;margin-top: 10px;border-radius: 3px;overflow: hidden;padding:10px 0;}
.body .left .list ul li{width: 216px;height:193px !important;margin:0 auto 10px;border-radius: 5px;overflow: hidden;overflow: hidden;}
.body .left .list ul li img{display: block;width: 100%;height: 162px;}
.body .left .list ul li span{display: block;text-align: center;line-height: 30px;color: #fff;background: #566987;letter-spacing: 1px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.body .left .mess{width: 216px;border:solid 1px #566987;margin-top: 10px;border-radius: 3px;overflow: hidden;padding:10px;}
.body .left .mess img{display: block;width: 100%;border-radius: 3px;margin-bottom: 5px;}
.body .left .mess p{display: block;line-height: 24px;color: #666}
.body .left .mess p a{color: #7ac38c;}
.body .left .mess p a:hover{text-decoration: underline;}
.body .right{width: 890px;float: right;}
.body .right .product{width: 915px;}
.body .right .product ul li{float: left;position: relative;overflow: hidden;width: 280px;height:auto;margin:0 25px 25px 0 ;}
.body .right .product ul li a{display: block;width: 280px;height:210px;}
.body .right .product ul li a img{display: block;width: 280px;height: 210px;}
.body .right .product ul li span{position: absolute;left:10px;bottom:10px;background: rgba(0,0,0,0.5);color: #fff;line-height: 30px;padding:0 14px;border-radius: 3px;max-width: 260px;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.body .right .product ul li:hover a img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s;}
.body .right .nowBox{width: 860px;height: 60px;padding-left: 30px;background: url(../images/ico5.png)left center no-repeat;background-size: 14px;fmargin-bottom: 10px;}
.body .right .nowBox span{display: block;float: left;line-height: 60px;font-size: 16px;color: #7ac38c;letter-spacing: 1px;}
.body .right .nowBox a{display: block;float: left;line-height: 60px;font-size: 16px;color: #666;letter-spacing: 1px;letter-spacing: 1px;}
.body .right .nowBox a:after{content: ">";padding:0 15px;color: #7ac38c}
.body .right .nowBox a:hover{color: #7ac38c;}

.page {width: 100%;height: auto;padding-top: 10px;margin-bottom: 15px;}
.page a{display: block;float: left;height: 30px;line-height: 30px;padding:0 15px;background: #7ac38c;color: #fff;margin-right: 10px;margin-bottom: 10px;border-radius: 5px;}
.proTop{width: 890px;height: auto;margin-bottom: 90px;}
.proTop .proleft{width: 580px;float: left;height: 441px;}
.primg{width:580px;height: auto;}
.primg_box{width: 580px;height: 360px;background: #fafafa;text-align: center;display: table-cell;vertical-align: middle}
.primg_box img{max-width: 580px;max-height: 360px;vertical-align: middle;display: block;}
.tinyimg{text-align: center;}
.tinyimg li{vertical-align: middle;display: table-cell;float: left;width: 116px;height: 80px;text-align: center;background: #eee;}
.proTop .pro-right{width: 280px;height: auto;float: right;}
.proTop .pro-right h1{display: block;width: 280px;height: 40px;border-bottom: solid 1px #ebebeb;line-height: 40px;font-weight: 600;font-size: 16px;color: #7ac38c;}
.proTop .pro-right h3{display: block;width: 280px;height: 34px;border-bottom: solid 1px #ebebeb;line-height: 34px;color: #666;font-weight: 600}
.proTop .pro-right ul li{width: 280px;height: 34px;border-bottom: solid 1px #ebebeb;}
.proTop .pro-right ul li span{display: block;float: left;width: 120px;height: 34px;line-height: 34px;color: #7ac38c;}
.proTop .pro-right ul li p{display: block;float: left;width: 160px;height: 34px;line-height: 34px;color: #666}
.proTop .pro-right h4{line-height: 24px;color: #666;margin:20px 0;height: 72px;overflow: hidden;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.proTop .pro-right a{display: block;float: left;width: 140px;height: 34px;border: solid 1px #7ac38c;text-align: center;line-height: 34px;color: #7ac38c;border-radius: 5px;letter-spacing: 1px; margin-right: 20px;}
.proTop .pro-right a:hover{background: #7ac38c;color: #fff;}
.proArticle-Article{width: 895px;height: auto;margin:0 auto;border-bottom: dotted 1px #ebebeb;}
.proArticle-Article h3{display: block;height: 40px;background: #ebebeb;line-height: 40px;color: #79c38d;margin-bottom: 20px;padding:0 20px;font-weight: 600;letter-spacing: 1px;font-size: 18px;}
.proArticle-Article img{display: block;max-width: 100%;margin-bottom: 20px;}
.proArticle-Article{display: block;line-height: 24px;margin:0 auto 20px;color: #808080;text-align: justify;}
.tj{display: block;height: 40px;background: #ebebeb;line-height: 40px;color: #79c38d;margin-bottom: 20px;padding:0 20px;font-weight: 600;letter-spacing: 1px;font-size: 18px;}


.page2{width: 100%;padding:20px 0;}
.pageNext{line-height: 24px;color: #556987;}
.pageNext a{max-width: 500px;color: #556987;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.pageNext a:hover{text-decoration: underline;}

.case{width: 910px;height: auto;}
.case a{display: block;position: relative;width: 430px;height: 320px;float: left;margin:0 20px 20px 0;overflow: hidden;}
.case a img{display: block;width: 430px;height: 320px;}
.case a .mess{width: 390px;height: 88px;background: rgba(0,0,0,0.6);position: absolute;z-index: 2;left: 0;bottom: 0;padding: 0px 20px 10px;overflow: hidden;}
.case a .mess h3{display: block;width: 310px;line-height: 40px;color: #fff;font-size: 16px;letter-spacing: 1px;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.case a .mess  p{display: block;width:390px;line-height: 24px;height: 48px;color: #fff;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.case a:hover img{transform: scale(1.2);-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transition: all 1s;}


.about{width: 890px;height: auto;}
.about p{line-height: 30px;color: #808080;margin-bottom: 14px;text-indent: 2em;}

.pageNav{width: 100%;height: 40px;text-align: center;margin-bottom: 20px;}
.pageNav a{display: inline-block;padding:0 30px;background: #556987;height: 40px;line-height: 40px;color: #fff;font-size: 16px;margin:0px 0 0 0;}
.pageNav a:nth-child(1){padding:0 30px 0 60px;border-radius: 25px 0 0 25px;}
.pageNav a:nth-last-child(1){padding:0 60px 0 30px;border-radius: 0 25px 25px 0}

.news {width: 890px;}
.news  ul{width: 880px;border-left: solid 1px #ccc;margin:0 auto;}
.news  ul li{width: 850px;height: 160px;margin-bottom: 30px;background: url(../images/ico8.png)left center no-repeat;background-size: 21px;padding-left: 40px;margin-left: -10px;}
.news  ul li span{display: block;float: left;width: 100px;line-height: 160px;color: #666;}
.news  ul li img{display: block;width: 300px;height: 160px;float: left;}
.news  ul li h3{display: block;width: 420px;float: left;height: 40px;float: right;line-height: 40px;font-size: 18px;color: #333;text-overflow:ellipsis;overflow: hidden;white-space: nowrap;}
.news  ul li p{display: block;width: 420px;height: 72px;float: right;line-height: 24px;color: #666;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news  ul li a{display: block;float: right;width: 140px;height: 34px;background: #556987;color: #fff;text-align: center;line-height: 34px;margin-top: 4px;}
.contact {width: 890px;}
.contact .mess {width: 890px;margin-bottom: 40px;}
.contact .messLeft {width: 410px;float: left;}
.contact .messLeft ul li {width: 370px;padding-left: 30px;background: url(../images/news-icon.png)left center no-repeat;background-size: 15px;height: 40px;border-bottom: solid 1px #ebebeb;}
.contact .messLeft ul li p {display: block;line-height: 40px;color: #666;letter-spacing: 1px;}
.contact .ewm {float: left;width: 200px;margin-left: 40px;}
.contact .ewm h3 {display: block;height: 40px;line-height: 40px;color: #000;border-bottom: solid 1px #ebebeb;letter-spacing: 1px;margin-bottom: 10px;}
.contact .ewm img {display: block;width: 190px;height: 190px;margin: 0 auto;box-shadow: 2px 2px 10px #7ac38c;}
.online{width:550px;height: auto;padding: 0px 0;margin:0 auto;}
.online .form{width: 550px;height: auto;margin:0 auto;}
.online .form span{display:block;float: left;width: 80px;text-align: right;line-height: 36px;color: #666;padding-right: 5px;}
.online .form .text{display: block;width: 340px;height: 34px;padding:0 15px;line-height: 34px;color: #666;border:solid 1px #ddd;border-radius: 5px;}
.online .form{margin-bottom: 20px;}
.online .form .info{float: left;height: 36px;margin-bottom: 20px;}
.online .form .text1{margin-left: 85px;}
.online .form .text2{display: block;width: 120px;height: 34px;padding:0 15px;line-height: 34px;color: #666;border:solid 1px #ddd;float: left;text-align: center;color: #666;margin-right: 6px;border-radius: 5px;}
.online .form .textBox{display: block;width: 340px;max-width: 340px;min-width: 340px;min-height: 120px;padding:10px 15px;border-radius: 5px;border:solid 1px #ddd;color: #666;line-height: 24px;}
.online .form .btn{display: block;float: left;padding: 0;border:none;width: 140px;height: 36px;background: #7ac38c;color: #fff;font-size: 15px;letter-spacing: 1px;margin-right: 20px;cursor: pointer;}
.map{width: 100%;height: 350px;margin-bottom: 40px;}
    
.iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap}
.iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word}

.articleBox{width:100%;height: auto;display: block;line-height: 24px;color: #808080;text-indent: 2em;margin-bottom: 10px;text-align: justify;}
.articleBox h3{line-height: 40px;color: #333;font-size: 22px;text-align: center;}
.articleBox h4{display: block;text-align: center;line-height: 30px;padding-bottom: 12px;margin-bottom: 20px;border-bottom: dashed 1px #ebebeb;}
.articleBox h4 span{padding:0 20px;color: #666;}
.articleBox img{display: block;max-width: 100%;margin:0 auto 15px;}