body,input,textarea,a,p{margin:0; padding:0; font-size:14px; font-family:arial, 'Microsoft Yahei'; color:#333333}
ul{margin:0; padding:0; list-style:none}
a{text-decoration:none !important}
a:hover {color: #137c3b}

.left{float:left}
.right{float:right}
.clearbox{clear:both}
.clearfix {display: block}
.none{display: none;}

.fy_box{line-height:30px; text-align:center; margin:30px 0}
.fy_box *{overflow:hidden}
.fy_box a{display:inline-block; margin:0 5px; width:30px; height:30px; background:#d6d6d6; font-size:12px}
.fy_box a:hover{background:#137c3b; color:#fff}
.fy_box a.hover{background:#137c3b; color:#fff}
.fy_box .pre{width: auto; padding: 0 15px}



.header{position: fixed; z-index: 9999; background: #ffffff; width: 100%; border-bottom: #ccc 1px solid; height: 100px;}
.header-border{ width: 1200px; margin: 0 auto}
.header-nav{width: 100%; height: 100%;}

.logoMain { height: 100px; width: 420px; font-size:12px; float: left;}
.logo{ background:#137c3b ; height: 170px; width: 180px; float:left}
.logo a{ height: 170px; width: 180px;display: block;display: table-cell; vertical-align:middle; position:relative; text-align: center}
.logo img{vertical-align:middle;width:65%}
.logoMain p{padding:40px 0 5px 14px; margin: 0;float:left;text-align:left;font-size:18px}
.logoMain span{padding-left:14px;float:left;font-family:Arial;font-size:11px;line-height:20px;text-align:left;color:#999}

#menu{float:right; padding-top: 40px; line-height: 50px}
.header-nav > ul {display: table-cell;vertical-align: middle;position: relative;width: auto;padding: 0; background-color: transparent;}
.header-nav > ul::after {clear: both; content: "";display: block; }
.header-nav > ul li {display: inline-block; padding-left:40px; }
.header-nav > ul li:last-of-type { margin-right: 0;}
.header-nav > ul a {font-size: 18px}
.header-nav > ul a:hover {color: #137c3b}

.head_scroll{height: 80px}
.head_scroll .logoMain{height: 80px}
.head_scroll .logoMain p{padding-top: 20px}
.head_scroll #menu{padding-top: 20px}
.head_scroll .logo, .head_scroll .logo a{height: 80px; width: 85px}



.slider{margin:0; padding: 0; position: relative; height: 500px; min-width: 1200px;}
.slider img{height: 500px;}
.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:30px;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 9px;}
.swiper-pagination-bullet{background:#f1f1f1;opacity:1;}
.swiper-pagination-bullet-active{background:#137c3b;}
.swiper-pagination-bullet {width: 15px; height: 15px;}



#ab-main {overflow: hidden; width: 100%; min-width: 1200px; font-size: 14px; line-height: 24px; background: #137c3b}
.main-left { background: #fff; overflow: hidden; width: 50%; min-width: 600px; position: relative; float: left;}
.main-ab-left { overflow: hidden; width: 600px; float: right; padding: 50px 150px 50px 15px}
.main-right {  overflow: hidden; width: 50%; min-width: 600px; position: relative; float: left;}
.main-ab-right { overflow: hidden; width: 600px; float: left; padding: 0 15px 0 50px;}

.top-title{ text-align:left; width:100%; line-height:50px; height:50px; position:relative;}
.top-title-a{ font-family:trump; font-size:50px; color:#137c3b; font-weight:100; line-height:40px; height:50px; float:left}
.top-title-b{ float:left; padding-left:10px; position:relative; height:35px; line-height: 0}
.top-title-c {height:2px; width:110px; background:#137c3b; position:absolute; left:10px; bottom:0}
.top-title-d{ font-size:22px;color:#000;line-height:22px}
.top-title-e { height: 2px; width: 130px; background: #137c3b; position: absolute; right: 0; top: 50px;}
.top-title-f { height: 2px; width: 130px; background: #fff; position: absolute; left: 0; top: 50px}
.top-title-z{ float:left; margin-left:20px; position:relative; height:20px; font-size:12px; line-height:20px; color:#999; border-bottom:1px #ccc dotted;}

.about{ width:100%; margin-top:10px}
.about p{ width:100%; padding-top:20px; font-size: 14px}
.about-r{ width:100%; height:180px; margin-top:110px; color:#fff; background:url(../images/logo2.png) no-repeat 0 0; padding:5px 0 0 140px; overflow:hidden}
.about-r h1{ font-size:36px; line-height:36px; font-weight:100}
.about-r h3{ font-size:22px; line-height:18px; font-weight:100; padding:20px 60px; margin:0 auto}
.about-r h4{ font-size:30px; line-height:58px; font-weight:100; padding:0px 0}



.more-l{margin:10px 0; font-size:14px}
.more-l a{width: 150px; height: 24px; border: 1px solid #ccc;text-align: center;line-height: 40px;cursor:pointer;
    transition:0.5s background,left,top ease;
    -webkit-transition:0.5s background,left,top ease;
    -moz-transition:0.5s background,left,top ease;
    -o-transition:0.5s background,left,top ease;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);
    display:block;
    display:inline;border-radius:50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;
    color:#137c3b;text-align:center;padding:5px 30px}
.more-l a:hover{border: 1px solid #999;background:#137c3b;text-decoration: none;color:#fff}

.more-r{margin:10px 0; font-size:14px; position:absolute; right:0; top:-12px}
.more-r a{width: 150px; height: 24px; border: 1px solid #ccc; text-align: center; line-height: 40px; cursor:pointer;
    transition:0.5s background,left,top ease;
    -webkit-transition:0.5s background,left,top ease;
    -moz-transition:0.5s background,left,top ease;
    -o-transition:0.5s background,left,top ease;opacity: 0.8;-moz-opacity: 0.8;filter: alpha(opacity=80);
    display:block;
    display:inline;border-radius:50px;-moz-border-radius: 50px; -webkit-border-radius: 50px;
    color:#137c3b;text-align:center;padding:3px 20px}
.more-r a:hover{border: 1px solid #999; background:#137c3b; text-decoration: none; color:#fff}



#work-main{width:1200px; margin:50px auto; font-size:14px; line-height:22px; overflow:hidden; }
#w-main{overflow:hidden; width:100%; min-width: 1200px; border-top:#137c3b solid 1px; background: #f5f5f5}

.main_l{ padding:20px 0 0 0; margin:0 auto; width:100%}
.tab_title{ margin:0 auto; width: 100%}
.tab_title ul li{ height:40px; line-height:23px; padding:0 ; display:inline-block; zoom:1;}
.tab_title ul .on{ height: 40px; line-height: 22px; padding: 0}
.tab_title ul a{ line-height: 40px; padding: 20px; font-size: 16px; color: #666;}
.tab_title ul a:hover{ color:#fff}
.main_l .main_content .main_box .list ul{padding: 8px 0; width: 100%; overflow: hidden;}
.tab div.t.none{display: none;}
.tab .tab_title ul.fx li{display: inline-block; position: relative;}
.tab .tab_title ul.fx li, .tab .tab_title ul.fx li.on{margin-top: 3px;}
.tab .tab_title ul.fx li.on{background:#137c3b; color:#fff;	border-radius: 50px}
.tab .tab_title ul.fx li.on a{color:#fff;}
.tab .tab_title ul.fx{ z-index: 20; position: relative; padding:0; margin:0 auto; text-align: center;}

.main_box{width: 1300px; overflow: hidden;}
.showcase {width: 100%; margin-top:40px; padding: 0 0 0 10px}
.showcase li {width: 350px; float: left; overflow: hidden; margin:10px 65px 20px 0; border: 1px solid #dcdcdc; background:#ffffff}
.showcase a {display: block; width: 100%; }
.showcase a img {width: 100%; height: 315px}
.showcase a h3 {font-size: 16px; color: #333; font-weight:100; height:40px; cursor: pointer; line-height: 40px; margin: 0; padding: 0 5px; text-align: center}



#t-main{ width:100%; min-width: 1200px; margin:0; background:#dcdcdc; overflow: hidden;}
.four{ width:1200px; margin:0 auto; border-top: 3px solid #137c3b}
.four-li{ width:33.333333%; float:left; overflow:hidden; padding:3% 2%; display:block; position:relative; text-align: center}
.four-li a{display: block; width: 100%; height: 100%;}
.four-li p{ width:100%; font-size:16px; height:40px !important; line-height:40px; padding:20px 0; position:relative; z-index:1;-webkit-box-sizing: content-box;
    box-sizing: content-box}
.four-li p:after{ width:15%; height:20px; border-bottom:#999 1px dotted; float:left; content: ""; display: block;}
.four-li p:before{ width:15%; height:20px; border-bottom:#999 1px dotted; float:right; content: ""; display: block;}
.four-li .summary{ width:80%; margin:0 auto; position:relative; z-index:1; line-height: 25px; font-size:12px; text-indent: 24px; height: 75px; overflow: hidden;}



.f-1{height:110px; margin:0 auto; width:90px; background: url(../images/t-1.png) no-repeat center; position:relative; z-index:1}
.four-li:hover .f-1{background:url(../images/t-11.png) no-repeat center}
.four-li:hover p,.four-li:hover .summary{color:#fff}

.four-li:before,.four-li:after {content: ""; position: absolute;z-index: 0;background-color: #137c3b;width: 100%;height: 0;left: 0;-webkit-transition: all .25s;transition: all .25s;}
.four-li:before {bottom: 50%;}
.four-li:after {top: 50%;}
.four-li:hover {color: #27323A;}
.four-li:hover:before, .four-li:hover:after {height: 50%;}



#newsmain{width:1200px; margin:40px auto; font-size:14px; line-height:22px}
.homenews{overflow:hidden; margin:20px 0}
.homenews-over{overflow:hidden; width:1400px; margin:20px 0}
.homenews dl{width:550px; padding:20px 0 0 0; float:left; margin-right:100px}
.homenews dl dt{font-size:15px; font-weight:600; position:relative; margin:0 0 20px 0; width:100%; height:20px; line-height: 20px}
.homenews dl dt a{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width:70%; float:left; font-size: 16px}
.homenews dl dt a:hover{color: #137c3b}
.homenews dl dd{font-size:12px; color:#999; line-height:30px; height: 60px; overflow: hidden;}
.homenews dl dd::after{content: "…";}
.date{position:absolute; top:5px; right:0; color:#ccc; font-size:10px; font-weight:100}



.main_box{width: 1300px; overflow: hidden;}
.case {width: 100%; margin-top:40px; padding: 0}
.case li {width: 258px; float: left; overflow: hidden; margin:10px 56px 0 0; border: 1px solid #dcdcdc}
.case a {display: block; width: 100%; }
.case a img {width: 100%; height: 220px}
.case a h3 {font-size: 16px; color: #333; font-weight:100; height:40px; cursor: pointer; line-height: 40px; margin: 0; padding: 0 5px; text-align: center}



.footer{background: #137c3b; min-width: 1200px}
.footer-border{width:1200px; margin: 0 auto; overflow: hidden}
.footer-left{float: left; width: 320px; padding: 35px 0}
.footer-left-border{float: right; height: 185px; width: 0; border-left: 1px solid #009256; border-right: 1px solid #003720; margin: 15px auto}
.footer-logo{float: left; height: 110px; width: 99%; background: url(../images/footer-logo.png) no-repeat center; margin: 25px auto}
.footer-company{float: left; height: 40px; width: 99%; line-height: 40px; font-size: 20px; color: #fff; text-align: center; margin: 0 auto}

.footer-center{float: left; width: 600px; padding: 45px 0 35px 35px}
.footer-menu{line-height: 50px; overflow: hidden; margin: 10px 0 20px 0}
.footer-menu li::after {content: "|"; margin: 0 20px}
.footer-menu li:last-of-type::after {content:""; margin: 0}
.footer-menu li {float: left; font-size: 18px; color: #fff}
.footer-menu a {font-size: 18px; color: #fff}
.footer-center p{font-size: 14px; line-height: 36px; color: #fff}
.footer-right{float: right; margin: 65px 40px 0 0; background: url(../images/ewm.jpg) no-repeat; width: 158px; height: 158px; box-shadow: -20px 20px 30px rgba(0,0,0,0.3);}




.banner-content, .banner-content img{height: 290px; width: 100%}

.content-main{ overflow:hidden; width:100%; min-width: 1200px}
.content-main-work{ overflow:hidden; width:1000px; margin:0 auto; font-size:14px}
.nav-bg{background: url(../images/Breadcrumb-nav-bg.jpg) repeat-x bottom #f5f5f5; padding: 0 0 6px 0}
.Breadcrumb-nav{height: 60p; line-height: 60px}
.Breadcrumb-nav span{color:#137c3b}

.content-main-bg{background: #f5f5f5; padding: 40px 0}
.top-title-right{width: 50px; height: 40px; line-height: 40px; text-align: center; font-size: 26px; color: #fff; background: #555555; float: right; display: block}
.top-title-right:hover{color: #fff; background: #137c3b}
.top-title-contact{float: right; text-align: right; padding: 0 10px 0 0}
.top-title-contact-cn{height: 20px; font-size: 14px; line-height: 20px}
.top-title-contact-en{height: 20px; font-size: 15px; line-height: 20px}




.content-case{padding: 40px 0 30px 0; border-bottom: 1px dotted #000000}
.content-case li{overflow: hidden; padding: 0 0 30px 0}
.content-case-img{display: block; float: left; width: 276px; height: 240px; padding: 9px; border: 1px solid #d2d2d2}
.content-case-img img{width: 100%; height: 100%; border: none}
.content-case-info{width:690px; padding:0; float:right}
.content-case-info .more-l{margin:20px 0 10px 0}
.content-case-title{margin:20px 0; width: 100%; height: 20px; line-height: 20px; position: relative}
.content-case-title a{font-size: 18px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; width: 90%; float: left}
.content-case-title span{font-size: 14px; top: 0; color: #999}
.content-case-summary{line-height: 30px; font-size: 14px; color: #999; padding: 10px 0; height: 110px; overflow: hidden}

.content-case-catgrete{margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative;}
.content-case-catgrete li{margin: 15px 0 0 0; padding: 0; width: 16.666%; display: block; float: left; border: 1px solid #818181; border-right: none; height: 48px; line-height: 48px; text-align: center}
.content-case-catgrete li:nth-child(6n+0){border-right: 1px solid #818181}
.content-case-catgrete li:last-child{border-right: 1px solid #818181}
.content-case-catgrete li a{font-size: 18px}
.content-case-catgrete li:hover, .content-case-catgrete .on{background: #137c3b}
.content-case-catgrete li:hover a, .content-case-catgrete .on a{color: #fff}




.content-product{padding: 10px 0 30px 0; border-bottom: 1px dotted #000000; overflow: hidden}
.content-product-left{float: left; width: 200px; position: relative}
.content-product-left-bor{background: #fafafa; border: 1px solid #bdbdbd; width: 9px; height: 9px; position: relative; right: -5px;; float: right}
.content-product-category{line-height: 50px; width: 80%; position: relative;}
.content-product-category li{border-bottom: 1px dotted #000000}
.content-product-category li a{font-size: 18px}
.content-product-category li a:hover{color:#137c3b}

.content-product-right{float: right; width: 800px; min-height: 600px; overflow: hidden; padding: 0 0 0 40px; border-left: 1px dotted #000000}
.content-product-category-title{font-size: 24px; color:#137c3b; overflow: hidden; line-height: 45px}
.content-product-list {width: 800px; margin-top:20px; overflow: hidden;}
.content-product-list li {width: 230px; float: left; overflow: hidden; margin:10px 35px 20px 0; border: 1px solid #dcdcdc; background:#ffffff}
.content-product-list a {display: block; width: 100%; }
.content-product-list a img {width: 100%; height: 207px}
.content-product-list a h3 {font-size: 16px; color: #333; font-weight:100; height:40px; cursor: pointer; line-height: 40px; margin: 0; padding: 0 5px; text-align: center}

.content-product-detail-tab{margin: 0; padding: 0; width: 100%; overflow: hidden; position: relative;}
.content-product-detail-tab li{margin: 15px 0 0 0; padding: 0; width: 25%; font-size: 18px; display: block; float: left; border: 1px solid #818181; border-right: none; height: 48px; line-height: 48px; text-align: center}
.content-product-detail-tab li:nth-child(6n+0){border-right: 1px solid #818181}
.content-product-detail-tab li:last-child{border-right: 1px solid #818181}
.content-product-detail-tab li:hover, .content-product-detail-tab .on{background: #137c3b; color: #fff}

.content-product-detail-piclist{margin: 40px 0 0 0; padding: 0; width: 100%; overflow: hidden;}
.content-product-detail-piclist .detail-pic-big{width: 425px; height: 390px; float: left}
.content-product-detail-piclist .detail-pic-big img{width: 100%; height: 100%; border: none}
.content-product-detail-piclist .detail-pic-small{margin: 0; padding: 0; width: 280px; float: right}
.content-product-detail-piclist .detail-pic-small li{margin: 0 20px 15px 0; padding: 0; width: 130px; height: 120px; float: left}
.content-product-detail-piclist .detail-pic-small li img{width: 100%; height: 100%; border: none}
.content-product-detail-piclist .detail-pic-small li:nth-child(even){margin-right: 0}




.content-product-detail{width: 100%; overflow: hidden;}
.content-product-detail-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 90px; height: 90px; margin: 0; padding: 0; text-align: center; font-size: 20px; border-bottom: 1px dotted #000000}
.content-product-detail-title p{float: left; margin: 0}
.content-product-detail-title span{float: left; font-size: 20px; padding: 0 0 0 20px; width: 620px; text-align: left}
.content-product-detail-content{padding: 40px 0; margin: 0; overflow: hidden; line-height: 30px; border-bottom: 1px dotted #000000}
.content-product-detail-content p{text-indent: 28px; padding: 0; margin: 0 0 10px 0}
.content-product-detail-next{line-height: 30px; padding: 20px 0}
.content-product-detail-next div{height: 30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}




.content-design{padding: 40px 0 60px 0; overflow: hidden; width: 1060px}
.content-design-list{width: 300px; overflow: hidden; float: left; margin: 0 50px 0 0}
.content-design-img{border: 1px solid #dcdcdc; padding: 19px; width: 100%; height: 430px;}
.content-design-img img{width: 100%; height: 100%; border: none}
.content-design-info{width: 100%; overflow: hidden}
.content-design-info h3{margin: 10px 50px; text-align: center; line-height: 36px; font-size: 24px; height: 72px; overflow: hidden}
.content-design-info h3 a{font-size: 24px; }
.content-design-info .content-design-summary{line-height: 30px; color: #6a6a6a; height: 180px; overflow: hidden;}
.content-design-info .more{position: relative; width: 100px; height: 40px; margin: 20px auto}




.content-design-detail{padding: 40px 0 60px 0; overflow: hidden}
.content-design-detail-info{float: left; width: 660px}
.content-design-detail-info h3{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; line-height: 30px; height: 30px; font-size: 24px}
.content-design-detail-content{overflow: hidden; margin: 40px 0 0 0; line-height: 30px}
.content-design-detail-content p{text-indent: 28px}
.content-design-detail-img{border: 1px solid #dcdcdc; padding: 19px; width: 300px; float: right; margin: 100px 0 0 0}
.content-design-detail-img img{width: 100%}





.content-about{padding: 40px 0 60px 0; overflow: hidden}
.content-about-left{width: 250px; float: left;}
.content-about-img{width: 100%; height: 430px; padding: 9px; border: 1px solid #dcdcdc}
.content-about-img img{width: 100%; height: 100%;}
.content-about-right{width: 680px; float: right; line-height: 30px}
.content-about-right p{text-indent: 28px}





.content-contact{padding: 40px 0 60px 0; overflow: hidden}
.content-contact-left{float: left; margin: 0 0 0 20px; width: 500px}
.content-contact-left ul{line-height: 70px; width: 100%; font-size: 20px}
.content-contact-left ul li{padding: 0 0 0 50px}
.content-contact-left ul .contact-qq{background: url('../images/contact-qq.png') no-repeat left center}
.content-contact-left ul .contact-tel{background: url('../images/contact-tel.png') no-repeat left center}
.content-contact-left ul .contact-email{background: url('../images/contact-email.png') no-repeat left center}
.content-contact-left ul .contact-add{background: url('../images/contact-add.png') no-repeat left center}
.content-contact-right{border: 1px solid #dcdcdc; padding: 9px; width: 250px; height: 320px; float: right}
.content-contact-map{padding: 60px 0 0 0}





.content-news-list{margin-top: 20px; overflow: hidden}
.content-news-list li{overflow: hidden; margin: 0 0 30px 0}
.content-news-date{width: 100px; height: 75px; overflow: hidden; float: left; background: #bfd9c3; text-align: center; padding: 10px 0 0 0}
.content-news-date .date-day{height: 30px; line-height: 30px; font-size: 26px}
.content-news-date .date-month{height: 30px; line-height: 30px; font-size: 14px}
.content-news-info{width: 635px; height: 75px; overflow: hidden; float: right; position: relative}
.content-news-info h3{margin: 0; padding: 0; height: 30px; line-height: 30px}
.content-news-info h3 a{font-size: 16px; color: #000000; position: relative; top:-5px}
.content-news-info div{color: #6a6a6a; font-size: 12px; height: 44px; line-height: 22px; overflow: hidden; position: relative; top: 5px}

.content-news-list li:hover .content-news-date{background: #137c3b; color: #fff}
.content-news-list li:hover .content-news-info a{color: #137c3b}
.content-news-list li:hover .content-news-info div{color: #67826b}