@charset "utf-8";
/* CSS Document */
.banner{position: relative;margin-top: 90px;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:20px;z-index: 1000;text-align: center;}
.banner .swiper-slide img{width: 100%;}
.banner .swiper-slide .m{display: none;}
.banner .swiper-pagination-yi .swiper-pagination-bullet{margin:0 5px;}
.banner .swiper-pagination-bullet{width: 12px;height: 12px;background: none;border-radius: 10px;border:1px solid #FFF;}
.banner .swiper-pagination-bullet-active{background: #34b745;opacity: 1;border:1px solid #34b745;}
.banner .swiper-button-next{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-prev{background: none;width: 50px;height: 50px;line-height: 50px;text-align: center;margin-top: -25px;outline: medium;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 0px;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 0px;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 40px;color: #FFF;}
.banner .subiao{position: absolute;left: 50%;bottom:70px;z-index: 100;width: 50px;text-align: center;margin-left: -25px;display: flex;justify-content: center;align-items: center;flex-direction: column;}
.banner .subiao i{color: #FFF;font-size: 30px;opacity: 0.4;}
.banner .subiao p{width: 4px;height: 4px;border-radius: 50px;background: rgba(255,255,255,0.4);margin-top: 4px;}
.banner .subiao p:last-child{width: 6px;height: 6px;}

.zx_bt{max-width: 1280px;margin: auto;margin-top: 0;}
.zx_bt h2{text-align: center;font-size: 35px;color: #000;font-weight: 100;background: url(../images/bs_t.png) no-repeat bottom center;padding-bottom: 20px;}
.zx_bt h2 span{font-weight: bold;}
.zx_bt p{text-align: center;font-size:18px; color:#666;margin-top: 10px;margin-bottom: 25px;}

.dyip{ text-align:center; padding:2% 0 0;}
.dyip .slideTxtBox{ margin-top:20px;}
.dyip .slideTxtBox .hd{ padding:0;}
.dyip .slideTxtBox .hd ul{ margin-left:-1%;}
.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:14.85%; margin-left:1%; font-size:18px; background: #201815; height:65px; line-height:65px; color:#FFF; padding: 5px 0 0 0;}
.dyip .slideTxtBox .hd ul li.on{  background: #34b745; }
.dyip .slideTxtBox .hd ul li:hover.on{ background:#34b745; color:#FFF;}
.dyip .slideTxtBox .hd ul li i img{width:60px; padding-right: 15px; }
.dyip .slideTxtBox .bd{ padding:3% 10%;}
.dyip .slideTxtBox .bd ul{ margin-left:-3%;}
.dyip .slideTxtBox .bd li{ float:left; width:22%; margin-left:3%; position:relative; transition:all 0.3s;visibility: visible!important;}
.dyip .slideTxtBox .bd li:hover{ box-shadow:0 0 10px rgba(0,0,0,0.2);}
.dyip .slideTxtBox .bd li .box{ border:1px solid #e2e2e2; border-bottom:2px solid #e2e2e2;}
.dyip .slideTxtBox .bd li .box img{ width:100%;}
.dyip .slideTxtBox .bd li .box p{ padding:4% 0; background: #e2e2e2; font-size: 15px;}

@media screen and (max-width: 1480px) {
	.dyip .slideTxtBox .bd{ padding:3% 0.5%;}
	.dyip .slideTxtBox .hd ul li{ cursor:pointer; display:inline-block; width:18.6%; font-size:16px;}
}

.derp{background: url(../images/pic4.jpg) no-repeat center;color: #FFF;}
.derp .box{max-width: 1280px;padding:4.5% 0;height: auto; margin: 0 auto; align-items: center;justify-content: right;}
.derp .box .derp_l{float: left; width: 42%; border: 5px solid #fff;}
.derp .box .derp_l img{max-width: 100%;}
.derp .box .derp_r{width: 52%; float: right;}
.derp .box .derp_r .title{font-size: 30px; font-weight: bold;}
.derp .box .derp_r .txt{margin-top: 22px;line-height:30px; font-size: 14px;}
.derp .box .derp_r .more{width: 140px;height: 40px;text-align: center;line-height: 40px;border: 1px solid #fff;font-weight: bold;margin-top: 30px;font-size: 15px;}
.derp .box .derp_r .more:hover{border: 1px solid #34b745;background: #34b745; transition:all .3s;}
.derp .box .derp_r .more a{display: block; color: #FFF;}
.derp .box .derp_r .more a:hover{display: block; color: #FFF;text-decoration: none;}
.derp .box video{float: right;width: 35%;}
.derp .box .pic{float: right;width: 35%;}
.derp .box .pic img{width: 100%;}


.dsanp{max-width: 1280px;margin:0 auto;padding:35px 0;}
.dsanp .hd{text-align: center;}
.dsanp .hd ul{margin-top: 12px;}
.dsanp .hd ul li{display: inline-block;width: 145px;height: 46px; line-height: 46px;margin:0 10px; background: #201815; color: #fff; cursor: pointer; font-size: 15px;}
.dsanp .hd ul li.on{color: #fff; background: #34b745;}
.dsanp .bd{margin-top: 30px;}
.dsanp .bd .box{}
.dsanp .bd .box .dsanp_l{width: 48%;float: left; line-height: 28px;}
.dsanp .bd .box .dsanp_l img{width: 100%;}
.dsanp .bd .box .dsanp_l .title{margin-top: 15px;}
.dsanp .bd .box .dsanp_l .title h2{font-size: 18px;font-weight: bold;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dsanp .bd .box .dsanp_l .title h2 a{color: #34b745;}
.dsanp .bd .box .dsanp_l .title span{color: #999;}
.dsanp .bd .box .dsanp_l .title p{line-height: 25px;margin-top: 2px;color: #666;display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 1;}

.dsanp .bd .box .dsanp_r{width: 48%;float: right;}
.dsanp .bd .box .dsanp_r ul{}
.dsanp .bd .box .dsanp_r li{border-top: 1px dotted #999;padding:13px 0;line-height: 28px;}
.dsanp .bd .box .dsanp_r li h2{font-size: 15px; font-weight: bold; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.dsanp .bd .box .dsanp_r li span{color: #999;}
.dsanp .bd .box .dsanp_r li p{margin-top: 5px;color: #777;line-height: 25px; font-size: 13px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}
.dsanp .bd .box .dsanp_r .more{width: 120px;height: 40px;line-height: 40px;text-align: center;background: #CCC;}
.dsanp .bd .box .dsanp_r .more a{display: block;color: #FFF;}
.dsanp .bd .box .dsanp_r .more a:hover{display: block;text-decoration: none;color: #FFF;}

.ysp{background: url(../images/bg1.jpg) no-repeat bottom center #f3f3f3; margin-top:0; padding-top: 50px; padding-bottom: 140px; overflow: hidden;}
.gxjs_n{max-width: 1280px;margin: 90px auto 0;position: relative;}
.gxjs_nl{float: left;width: 320px;}
.gxjs_nz{position: absolute;width: 100%;text-align: center;margin-top: 32px;}
.gxjs_nr{float: right;width: 320px;}
.gxjs_n p{font-size: 14px;color: #666;line-height: 26px;margin-top: 20px;}
.gxjs_n p span{color:#222; font-weight: bold;}
.gxjs_n h3{font-size: 18px;font-weight: bold;color: #201815;padding-left: 50px;line-height: 40px;}
.gxjs_n h3.dw{background: url(../images/ico_1.png) no-repeat left center;}
.gxjs_n h3.pm{background: url(../images/ico_2.png) no-repeat left center;margin-top: 100px;}
.gxjs_n h3.hd{background: url(../images/ico_3.png) no-repeat left center;}
.gxjs_n h3.yy{background: url(../images/ico_4.png) no-repeat left center;margin-top: 100px;}


.dsip{max-width: 1280px;margin:0 auto;padding-bottom: 60px;}
.dsip .title{text-align: center;color: #333;}
.dsip .title h2{font-size: 30px;}
.dsip .title .xian{width: 60px;height: 4px;background: #CCC;margin:30px auto 0 auto;}
.dsip .gc{margin-top: 30px;}
.dsip .swiper-slide img{width: 100%;}
.dsip .swiper-slide p{line-height: 40px;text-align: center;}


/*内页代码*/
.banner_ny{margin-top: 90px;}
.banner_ny img{width: 100%;}

/*当前位置*/
.page-locate{line-height:45px;font-size:14px;text-align:left;background:#eeeeef; padding: 5px 0;}
.page-locate a:first-child{display:inline-block;padding:0 0 0 25px;background:url(../images/icon-home.png) no-repeat left 15px;}
.page-locate span{margin:0 6px; color: #34b745;}

.main-about{padding:0 0 30px;background-color:#fff; overflow: hidden;}
.main-about .profile{margin:10px 0;line-height:33px; font-size: 15px; overflow:hidden;}
.main-about .profile img{max-width: 100%; float: left; margin: 8px 18px 0 0}


.div_nav{line-height:50px;position:relative;max-width:1280px;width:100%;margin:30px auto 10px;overflow:hidden;}
.div_nav .div1{ max-width:1280px; width:100%; margin:0 auto;}
.div_nav .div1 ul li{ background:#333 url(../images/2_04.png) right top no-repeat; float:left; width:167px; height:50px; margin-bottom:30px;}
.div_nav .div1 a{ display:block; width:100%; background:url(../images/2_03a.png) center top no-repeat; float:left; height:57px; line-height:50px; text-align:center; color:#fff; font-size:16px;}
.div_nav .div1 .a1,.div_nav .div1 a:hover{ background:url(../images/2_03.png) center top no-repeat; text-align:center; color:#fff;-webkit-transition: none; -moz-transition: none; transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -moz-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -webkit-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; -o-transition: color 0.3s linear, background-color 0.3s linear, background-image 0.3s linear; text-decoration: none;}


.zhengshu ul{margin-left: -2%;}
.zhengshu li{float: left;width: 23%;margin-left: 2%;text-align: center;margin-bottom: 20px;background: #CCC;border:2px solid #CCC;box-sizing: border-box;}
.zhengshu li .pic{}
.zhengshu li p{line-height: 30px;}
.zhengshu li img{width: 100%;}

.UList{width:100%;overflow: hidden;margin-top:0;}
.UList ul{margin-left: -0.3%;overflow: hidden;}
.UList ul li{width:19.7%;float:left; margin-left: 0.3%; margin-bottom:0.3%;text-align:center;}
.UList ul li img{display:block;width:100%;}
.UList ul li span{padding-top:0; line-height: 30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}



.news ul{margin-left: -3%;}
.news li{width: 30.333%;float: left;margin-left: 3%;margin-bottom:40px; }
.news li .img{width: 100%;overflow: hidden;}
.news li .img img{width: 100%;-webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;}
.news li .img:hover img{transform: scale(1.05);-webkit-transform: scale(1.05);-webkit-transition: all .3s; -moz-transition: all .3s ;transition: all .3s;}
.news li h2{font-size: 18px;font-weight: bold;margin-top: 15px;line-height: 35px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.news li span{padding: 5px 0; font-size: 13px; color: #777; display: block;}
.news li p{line-height: 27px;padding-top: 8px; display: -webkit-box;overflow: hidden;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

/*新闻详情*/
.NewsDetailed{ width:100%; overflow: hidden;}
.NewsDetailed h5{line-height:32px;margin-bottom:15px;text-align:center;font-size:18px;font-weight:600;color:#444;}
.NewsShowHits{padding-bottom:15px;text-align:center;border-bottom:1px #DEDEDE solid;color:#777;font-size:13px;}
.NewsDetailed-content{line-height:30px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:14px;text-align:left; color: #555;}
.NewsDetailed-content img {max-width:100%;margin:10px auto;text-align:center;display:table-cell;clear:both;overflow:hidden;}


.fanhui{float:right;width:126px;margin:0 auto;position:relative;height:1px;}
.fanhui a{ position:absolute;z-index:2;width:125px;height:42px;line-height:42px;top:25px;right:0; text-align:center;background:#34b745;font-size:16px;color:#fff;display:inline-block;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.fanhui a:hover{color:#fff;font-size:16px;font-weight:100;text-decoration:underline;}


.PreveNext {border-top:1px #DEDEDE solid; margin:0px auto;width:100%;height:auto;padding-top:10px;padding-bottom:10px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:32px;text-align:left;}



.products{}
.products ul{margin-left: -2%;}
.products li{float: left;width:31.333%;text-align: center;margin-left: 2%;background: #FFF;margin-bottom: 18px;transition: all 0.3s; cursor: pointer}
.products li .pic{padding:0 20px;border:1px #DEDEDE solid; }
.products li img{width: 100%;}
.products li p{font-weight: 300;line-height: 35px; font-size: 15px; padding-top: 8px;}
.products li a:hover{text-decoration: none;}
.products li:hover .pic{padding:0 20px;border:1px #34b745 solid; transition: all 0.3s; }

.products_con{background: #FFF;padding:35px 0 5px 0; overflow: hidden;}
.promore_l{width:50%;float:left;}

/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:100%; border:1px solid #e6e6e6;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:100%;height:100%;background:#fff;border:1px solid #ccc;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#fff;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*图片小图预览列表*/
.spec-preview{width:100%; height:100%;}
.spec-scroll{clear:both;margin-top:10px;width:100%;}
.spec-scroll .prev{float:left;margin-right:4px;}
.spec-scroll .next{float:right;}
.spec-scroll .prev,.spec-scroll .next{display:block; width:32px; height:32px; cursor:pointer; margin-top:30px;}
.spec-scroll .items{float:left;position:relative;width:89%; height:80px; overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px; margin-top:10px;}
.spec-scroll .items ul li{float:left;width:74px; margin-right: 6px; text-align:center;}
.spec-scroll .items ul li img{border:1px solid #d6d6d6; padding:2px;width:64px;height:64px;}
.spec-scroll .items ul li img:hover{border:1px solid #34b745; padding:2px;}

.pros_right{width:45%; float:right; overflow:hidden;}
.pros_right_top{width:100%;  border-bottom:1px dashed #e6e6e6;}
.pros_right_top h2{overflow:hidden; display:inline-block; font-size:25px; color:#34b745; font-weight:bold; padding-bottom:10px;}
.proleft{width:100%; font-size:15px; line-height:35px; margin-top:20px;}

.proleft_btn{width:100%; float:left; margin-top:30px;}
.proleft_btn li{width:150px; float:left; margin-right:10px;}
.proleft_btn li a{width:150px; height:42px; float:left; line-height:42px; text-align:center; font-size:16px; background:#eee; display:block;}
.proleft_btn li span{float:left; padding-right:20px;}
.proleft_btn li a:hover,.proleft_btn li a.on{background:#34b745; color:#fff;}


.products_T{width:100%; height:50px; line-height:50px; background:#f6f6f6;}
.products_T span{padding:0 50px;height:50px; background:#34b745;color:#fff; font-size:18px; display: inline-block;}
.products_b{margin-top: 20px; line-height: 35px; font-size: 15px; overflow: hidden;}
.products_b img{max-width: 100%;margin: 6px 0;}


.Dli-list{width:102%;margin:0 0 0 -2%;}
.Dli-list li{width:23%;padding:0 0 0 2%;margin:15px 0 0;float:left;}
.Dli-list .Dlil-box{display:block;padding:10px 0 22px;color:#555555;text-align:center;border:1px solid #ccc;border-radius:10px;}
.Dlil-box .Dlil-img{width:84px;height:84px;line-height:84px;font-size:0px;position:relative;margin:0 auto;}
.Dlil-box .Dlil-img img{display:inline-block;opacity:1; width: 74px;}
.Dlil-box .name{line-height:30px;margin:5px 0 0;font-size:15px;}
.Dlil-box .btn{width:140px;height:42px;line-height:40px;border:1px solid #e0e0e0;margin:12px auto 0;}
.Dlil-box .btn span{padding:4px 0 4px 36px;background:url(../images/icon-dd5.png) no-repeat left center;}
.Dlil-box:hover,
.Dlil-box:hover .btn{border:1px solid #34b745;}
.Dlil-box:hover .btn{background:#34b745;color:#fff;}
.Dlil-box:hover .btn span{background:url(../images/icon-dd5-2.png) no-repeat left center;}


.contact_lx{ float: left; width:40%; }
.tactfrm{width:58%;float:right; margin-top:5px;}
#map_container{height: 550px; margin-top: 0;}


/*feedback*/
.content_box{margin-top:0;}
.content_box .messages_box{width:auto;padding:0 0 10px 0;}
.content_box .messages_box ul{width:100%;}
.content_box .messages_box ul li{padding:5px 28px 5px 5px;}
.content_box .messages_box .text-input,.content_box .messages_box .summary-input,.content_box .messages_box .qq-input{width:100%;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .cont-input{width:100%;height:130px;padding:10px;line-height:20px;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;font-size:14px;}
.content_box .messages_box .code-input{width:125px;vertical-align:middle;height:33px;padding:0px 10px;line-height:normal;background:none repeat scroll 0% 0% rgb(253, 253, 253);border-width:1px;border-style:solid;border-color:rgb(133, 133, 133) rgb(175, 175, 175) rgb(201, 201, 201);box-shadow:1px 2px 3px rgb(183, 183, 183) inset !important;}
.content_box .messages_box .verify-pic{height:35px;vertical-align:middle;}
.content_box .messages_box .submitBtn{text-align:center;padding-top:10px;}
.content_box .messages_box .messages-button{width:125px;height:34px;line-height:34px;font-size:16px;color:#fff;text-align:center;background:none repeat scroll 0% 0% #34b745;border:none;}


