@charset "utf-8";
/* CSS Document */
.banner_pc{margin-top: 81px;}
.banner_yd{ display:none;}
.flexslider{ position:relative;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {width: 100%; display: block;border-radius: 0px;}
.flex-pauseplay span {text-transform: capitalize;}
.flex-control-nav {width: 100%; text-align: center; position:absolute; bottom:20px;height: 13px;}
.flex-control-nav li {margin: 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-paging li a {width:13px; height:13px; display: block; background:#FFF; cursor: pointer; text-indent: -9999px;border-radius: 10px;}
.flex-control-paging li a:hover { background: #CCC; }
.flex-control-paging li a.flex-active { background:#1f9b2c; cursor: default; }
.flexslider .flex-direction-nav li a{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px;visibility: hidden;opacity: 0;transition: all 0.3s;}
.flexslider:hover .flex-direction-nav li a{visibility: visible;opacity: 1;}
.flex-direction-nav li a.flex-prev{ background:url(../images/pic17.png) center center no-repeat;background-size: 100%; left:0; z-index:99;}
.flex-direction-nav li a.flex-next{ position:absolute; background:url(../images/pic18.png) center center no-repeat;background-size: 100%; right:0;}


.content{max-width: 1180px;margin:0 auto;padding-bottom:70px;}
.dyip{text-align: center;margin-top: 60px;}
.dyip h2{font-size: 24px;}
.dyip ul{margin-left: -2%;margin-top: 20px;}
.dyip li{float: left;width: 23%;margin-left: 2%;background: #FFF;padding-bottom: 30px;transition: all 0.3s;}
.dyip li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top: -10px;}
.dyip li img{width: 100%;}
.dyip li p{line-height: 40px;}
.more{width: 98px;height: 28px;line-height: 28px;text-align: center;border:1px solid #333;margin:30px auto 0 auto;}
.more a{color: #333;display: block;}
.more a:hover{color: #333;display: block;text-decoration: none;}


.derp{margin-top: 60px;}
.derp h2{font-size: 24px;text-align: center;}
.derp ul{margin-left: -2%;margin-top: 20px;}
.derp li{float: left;width: 23%;margin-left: 2%;background: #FFF;transition: all 0.3s;}
.derp li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top: -10px;}
.derp li img{width: 100%;}
.derp li .box{padding:10px 20px 20px 20px;}
.derp li .box .bt{font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;}
.derp li .box .txt{margin-top: 10px;font-size: 12px;line-height: 18px;color: #666;height: 54px;overflow: hidden;}


.dsanp{margin-top: 60px;}
.dsanp h2{font-size: 24px;text-align: center;}
.dsanp ul{margin-left: -2%;margin-top: 20px;}
.dsanp li{float: left;width: 31.333%;margin-left: 2%;}
.dsanp li img{width: 100%;}
.dsanp li .box{padding:10px 0px 20px 0px;}
.dsanp li .box .bt{font-size: 16px;line-height: 24px;}
.dsanp li .box .txt{margin-top: 10px;font-size: 12px;line-height: 18px;color: #666;height: 36px;overflow: hidden;}
.dsanp li .box .rq{margin-top: 20px;}


.con{max-width: 1180px;margin:0 auto;padding-bottom:70px;padding-top:80px;}


.case{margin-top: 60px;}
.case h2{font-size: 34px;text-align: center;}
.case .border{width: 50px;height: 2px;background: #1f9b2c;margin:10px auto;}
.case ul{margin-left: -2%;margin-top: 30px;}
.case li{float: left;width: 23%;margin-left: 2%;background: #FFF;transition: all 0.3s;margin-bottom: 20px;}
.case li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top: -10px;margin-bottom: 30px;}
.case li img{width: 100%;}
.case li .box{padding:10px 20px 20px 20px;}
.case li .box .bt{font-size: 16px;line-height: 24px;height: 48px;overflow: hidden;}
.case li .box .txt{margin-top: 10px;font-size: 12px;line-height: 18px;color: #666;height: 54px;overflow: hidden;}


.dqwz{line-height: 50px;margin-top: 10px;color: #999;}
.dqwz a{color: #999;}
.con_title{}
.con_title .title{font-size: 24px;}
.con_title .rq{padding-top:20px;color: #999;}
.case_con{margin-top: 30px;border-top: 1px solid #DDD;background: #FFF;padding:50px 10%;line-height: 24px;}
.case_con p{padding:10px 0;}
.case_con img{max-width: 100%;margin:10px 0;}


.subnav{}
.subnav ul{}
.subnav li{float: left;margin-right: 10px;line-height: 40px;border-radius: 3px;overflow: hidden;}
.subnav li a{padding:0 30px;display: block;}
.subnav li a:hover{padding:0 30px;display: block;text-decoration: none;background: #1f9b2c;color: #FFF;}
.subnav li a.current{color: #FFF;background: #1f9b2c;}


.news{background: #FFF;margin-top: 30px;}
.news h2{font-size: 34px;text-align: center;}
.news .border{width: 50px;height: 2px;background: #1f9b2c;margin:10px auto;}
.news ul{padding:30px;}
.news li{padding-bottom:20px;margin-bottom: 20px;border-bottom: 1px solid #DDD;}
.news li .pic{float: left;width: 35%;}
.news li .pic img{width: 100%;}
.news li .li_r{float: right;width: 60%;}
.news li .li_r .bt{font-size: 18px;line-height: 30px;margin-bottom: 5px;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news li .li_r p{line-height: 18px;color: #777;height: 36px;overflow: hidden;}
.news li .li_r .rq{margin-top: 10px;color: #777;}


.about{background: #FFF;margin-top: 30px;padding:30px;line-height: 24px;}
.about h2{font-size: 34px;margin-bottom: 20px;}
.about p{padding:10px 0;}
.about img{max-width: 100%;}


.product{}
.product .product_l{width: 18%;float: left;}
.product .product_l h2{height: 40px;line-height: 40px;background: #DDD;padding:0 15px;}
.product .product_l ul{}
.product .product_l li{background: #FFF;line-height: 40px;border-bottom: 1px solid #EEE;}
.product .product_l li a{padding:0 15px;display: block;}
.product .product_l li a:hover, .product .product_l li a.current {padding:0 15px;color: #1f9b2c;display: block;}
.product .product_l li i{float: right;font-size: 12px;color: #CCC;}




.product .product_r{width: 80%;float: right;text-align: center;min-height: 800px;}
.product .product_r ul{margin-left: -2%;}
.product .product_r li{float: left;width: 31.333%;margin-left: 2%;background: #FFF;padding-bottom: 30px;transition: all 0.3s;margin-bottom: 20px;}
.product .product_r li:hover{box-shadow:0 5px 20px rgba(0,0,0,0.1);margin-top: -10px;margin-bottom: 30px;}
.product .product_r li img{width: 100%;}
.product .product_r li p{line-height: 40px;}


.meiti_dt{width: 40%;float: left;}
.product_t_r{ float:right; width:55%;padding-top: 20px;}
.product_t_r h2{font-size: 24px;}
.product_t_r p{ margin-top:20px; line-height: 24px;}


.product_b{margin-top: 50px;background: #FFF;}
.product_b .slideTxtBox{ max-width:1180px; margin:0 auto;}
.product_b .slideTxtBox .hd{position: relative;height:40px;border-bottom: 1px solid #DDD;}
.product_b .slideTxtBox .hd ul{position: absolute;left: 0px;top: 0px;width: 100%;}
.product_b .slideTxtBox .hd ul li{ float:left; cursor:pointer; line-height:40px; width:15%; text-align:center;font-size: 18px;}
.product_b .slideTxtBox .hd ul li .border{border-left: 1px solid #DDD;border-top: 1px solid #DDD;border-right:1px solid #DDD;}
.product_b .slideTxtBox .hd ul li.on{background: #FFF;color: #1f9b2c;}
.product_b .slideTxtBox .bd{padding: 30px;}
.product_b .slideTxtBox .bd .con_cp{ line-height:30px;}
.product_b .slideTxtBox .bd .con_cp img{ max-width:100%;}


.contact{background: #FFF;margin-top: 30px;padding:30px;line-height: 24px;}
.contact h2{font-size: 34px;margin-bottom: 20px;}


.zmzs{background: #FFF;padding:30px;margin-top: 30px;}
.zmzs ul{}
.zmzs li{line-height: 40px;border-bottom: 1px  dashed #CCC;}
.zmzs li span{float: right;color: #999;}
.zmzs li i{font-size: 12px;}
.zmzs li a{margin-left: 10px;}