@charset "utf-8";
/* CSS Document */
.banner{position: relative; margin-top: 120px;}
.banner .swiper-pagination-yi{bottom: 20px;position: absolute;bottom:28px;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: 13px;height: 13px;border-radius: 13px;background: #FFF;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #322762;opacity: 1;}
.banner .swiper-button-next{background: rgba(0,0,0,0.5);width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;border-radius: 50%;}
.banner .swiper-button-prev{background: rgba(0,0,0,0.5);width: 40px;height: 40px;line-height: 40px;text-align: center;margin-top: -25px;outline: medium;border-radius: 50%;}
.banner .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: 1%;}
.banner .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: 1%;}
.banner .swiper-button-next i, .banner .swiper-button-prev i{font-size: 21px;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;}

.banner .swiper-button-next:hover{background: rgba(0,0,0,1.0);}
.banner .swiper-button-prev:hover{background: rgba(0,0,0,1.0);}


/*文字屑*/
.Titles{text-align: center;}
.Titles span{color: #7c7c7c;font-size: 15px;margin-top: 10px;display: block;}
.Titles h2{font-size: 36px;font-weight: normal; color: #333;}
.Titles var{height: 5px;background: #45916d;width: 48px;display: inline-block;vertical-align: middle;margin: 0 20px;}
.Titles i{text-align: center; font-size: 20px;display: block;  color: #666; padding: 6px 0; font-style: normal;}


.dyip{background:#fff; padding:25px 0 0; overflow: hidden;}
.dyip .pr_tit{width: 100%;background: url("../images/pr_tit.jpg") no-repeat top center;height: 170px;text-align: center;color: #fff; padding-top: 70px; overflow: hidden;}
.dyip .bd{margin-top: 0;}
.dyip .bd ul{margin-top: 0;}
.dyip .bd li{width:25%;float: left; position: relative; cursor: pointer;transition: all 0.3s ease;}
.dyip .bd li .pic{width: 100%;}
.dyip .bd li .pic img{width:100%; margin: 0 auto;}
.dyip .bd li p{line-height:32px; font-size: 16px; font-weight: bold ;color: #000; position: absolute;left: 0; right: 0; top: 50%; transform: translateY(-50%);text-align: center; z-index: 9}
.dyip .bd li .responsive{position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background: rgba(69,145,109,0.8); opacity: 0;}
.dyip .bd li:hover .responsive{ opacity: 1;transition: all 0.3s ease;}



/* 首页关于我们 */
.derp{padding:35px 0 55px; background: #fff; overflow: hidden;}
.derp .about_l{width: 38%; padding: 1% 5% 1% 0; float: left;  }
.derp .about_l .about_tit{margin-bottom: 30px;}
.derp .about_l .about_tit h3{font-size:36px; line-height: 42px; color: #45916d;}
.derp .about_l .about_tit span{display: block; color: #aaa; font-size: 24px;}
.derp .about_l .i_js{line-height:32px; font-size: 15px;}
.derp .about_l a{display: block; width: 148px; height: 45px;  line-height: 45px; font-size: 15px; text-align: center;  color: #333;  border: 1px solid #888; margin-top: 35px;} 
.derp .about_l a:hover{color: #fff; background: #45916d; border: 1px solid #45916d;}
.derp .about_r{width:57%; float: right;}
.derp .about_r img{max-width: 100%;}


.dsip{padding:70px 0 20px; background: #f5f5f5; overflow: hidden;}
.dsip .yboxs{padding:45px 0 0; width:100%;overflow: hidden}
.dsip .yboxs ul{margin-left: -2%;}
.dsip .yboxs ul li{float: left; width: 23%;  margin-left: 2%; margin-bottom:2%; background: #fff;transition:all .3s; }
.dsip .yboxs ul li a{border: 1px solid #e9e9e9; display: block;}
.dsip .yboxs ul li .yimg{width: 100%; overflow: hidden;}
.dsip .yboxs ul li img{max-width:100%; display:block;-webkit-transition:all .3s; transition:all .3s;}
.dsip .yboxs ul li .yimg:hover img{-webkit-transform: scale(1.1); transform: scale(1.1);}
.dsip .yboxs ul li p{padding: 15px 0; font-size: 15px; text-align: center; color: #000; }
.dsip .yboxs ul li a:hover{ box-shadow: 0 4px 8px #999; transition:all .3s; }

.dsip .mores a{display: block; width: 158px; height: 50px;  line-height: 50px; font-size: 16px; text-align: center;  color: #333;  border: 1px solid #888; margin: 30px auto;} 
.dsip .mores a:hover{color: #fff; background: #45916d; border: 1px solid #45916d;}

.adv img{width:100%;margin-top: 35px; display:block;}

.dsanp{padding:60px 0;background:#ededed; overflow: hidden;}
.dsanp .box{margin-top: 40px;}
.dsanp .box ul{margin-left: -3%}
.dsanp .box ul li{float: left;margin-left: 3%;width: 47%;background: #fff;position: relative;}
.dsanp .box ul li .xw_pic{width: 100%; overflow: hidden; position: relative;}
.dsanp .box ul li .xw_pic img{max-width: 100%;height:auto;}
.dsanp .box ul li .xw_pic .news_T{position: absolute;width: 112px;height: 98px;background: #45916d;color: #fff;line-height: 98px;text-align: center;left: 42px;top: 0; font-size: 17px;}
.dsanp .box ul li .xw_pic .news-intro{width: 100%;position: absolute;color: #fff;z-index: 2;left: 0;bottom: -30px;background: linear-gradient(to bottom,transparent,#111);padding: 20px 40px;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease; box-sizing: border-box;}
.dsanp .box ul li .xw_pic .news-intro h3{font-size: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;margin-bottom: 10px;}
.dsanp .box ul li .xw_pic .news-intro p{font-size: 15px; overflow: hidden;text-overflow: ellipsis;white-space: nowrap;opacity: 0;-webkit-transition: all 0.2s ease;-moz-transition: all 0.2s ease;transition: all 0.2s ease;}

.dsanp .box ul li .news_bot{padding: 10px 30px 20px;font-size: 17px;text-align: right;margin-top: 20px;margin-right: 12px;}

.dsanp .box ul li:hover .news-intro{bottom: 0;}
.dsanp .box ul li:hover .news-intro p{opacity: 1;}


/*内页代码*/
.neiye_banner{margin-top: 120px; width: 100%;height: 400px;background-size: cover;}

.bread_content{width:100%;border-bottom:1px solid #dedede; background:#fff; overflow: hidden;}
.bread_content .inner_nav{text-align: center;}
.bread_content .inner_nav ul{text-align: center;}
.bread_content .inner_nav ul li{display: inline-block;}
.bread_content .inner_nav ul li a{display:inline-block;padding:22px 45px;font-size:17px;color:#333;-webkit-transition:all 0.2s ease-in-out;transition:all 0.2s ease-in-out;margin:0 1px;}
.bread_content .inner_nav ul li a:hover , .bread_content .inner_nav ul li.active a{color:#fff;background:#45916d;}


/*-------------inner_content-------------*/
.inner_content{width:100%;background:#f9f9f9; overflow: hidden;}
.inner_content .inner_about{width:100%;margin: 30px 0; font-size:15px; color:#444; line-height:34px;  overflow: hidden;}
.inner_content .inner_about img{display:inline-block;max-width:100%; margin-top: 10px;}


.Ulimg{width:100%;overflow: hidden;margin-top:28px;}
.Ulimg ul{margin-left: -2.3%;overflow: hidden;}
.Ulimg ul li{width:31%;float:left; margin-left: 2.3%; margin-bottom:2.3%;text-align:center; background: #fff;}
.Ulimg ul li img{display:block;width:100%;}
.Ulimg ul li span{padding:12px 0; line-height: 32px; font-size:15px;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.Ulimg ul li:hover{box-shadow: 0 2px 5px #bbb;}



.product{width: 100%; margin:35px 0; overflow: hidden;}
.product ul{ margin-left:-2.3%;}
.product ul li{ float:left; width:31%;  margin-left:2.3%; text-align:center; margin-bottom:2.3%;}
.product ul li .tus{width: 100%; overflow: hidden;}
.product ul li .tus img{ width:100%;transition:  all 0.3s ease;} 
.product li span{padding:12px 0; line-height: 32px; font-size:15px; background: #fff;  white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;}
.product ul li .tus:hover img{transform: scale(1.2);transition:  all 0.3s ease;}
.product ul li:hover{box-shadow: 0 2px 5px #bbb;}



.product_con_b{width:97%; margin: 28px 0; padding:1.5%; background:#fff; overflow: hidden;}
.product_con_b .cp_BT{text-align: center; font-size: 22px; line-height:36px; padding: 15px 0;}
.product_con_b .cp_Img img{display: block;max-width: 100%; margin: 0 auto;}
.product_con_b .tits{border-bottom: 1px solid #0b548b; line-height: 42px; height: 42px;}
.product_con_b .tits span{width:145px; background: #0b548b; display: block;font-size: 18px;text-align: center; color: #fff;}
.product_con_b .details_text{padding:20px 0; font-size:16px; line-height:35px;}
.product_con_b .details_text img{display: block;max-width: 100%;height: auto;}

.product_con_b .details_text table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.product_con_b .details_text table tr td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 32px; text-align:center;}
.product_con_b .details_text table tr td img{ margin: 0 auto; display: block;}
.product_con_b .details_text table tr:first-child{background: #c4d5ef;}


.newslist{padding:40px 0; width:100%;overflow: hidden}
.newslist ul{ display:block;}
.newslist ul:after{ content:""; display:block; clear:both;}
.newslist ul li{display: inline-block;box-sizing: border-box; margin-bottom:2%;overflow: hidden;}
.newslist ul li a{ display:block; }
.newslist ul li a .tu{ width:27%;float: left; overflow:hidden; }
.newslist ul li a .tu img{ display:block; width:100%;}
.newslist ul li a .notec{ width: calc(100% - 30%); float: right;}

.newslist ul li a .notec .title{  font-size:18px; line-height:30px;  margin-bottom:18px;  color:#333; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} 
.newslist ul li a .notec .demo{ line-height:27px; max-height:85px; color:#555; font-size:14px; margin-bottom:12px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;}
.newslist ul li a .notec .rq{ line-height:24px; height:24px; overflow:hidden; color:#838383; font-size:13px; font-weight:bold;}


/*新闻详情*/
.NewsDetailed{padding:30px 0 0; width:100%;overflow: hidden}
.NewsDetailed h3{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:32px;padding-top:15px;padding-bottom:10px;margin-bottom:10px;font-size:15px;text-align:left; color: #333;}
.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:#0b548b;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:20px;clear:both;overflow:hidden;}
.PreveNext ul{float:left;}
.PreveNext li{width:100%;float:left;line-height:35px;text-align:left; font-size: 15px;}



/*联系我们*/
.tactfrm{width:100%;margin: 30px 0; font-size:17px; color:#444; line-height:40px; text-align: center; overflow: hidden;}
#map_container{height: 525px; margin-top: 0;}



/*feedback*/
.content_box{padding:30px 0 0; width:100%;overflow: hidden}
.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% #0b548b;border:none;}


