@charset "utf-8";
/* CSS Document */
.banner{position: relative; margin-top: 120px;}
.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: 13px;height: 13px;border-radius: 13px;background: #FFF;opacity: 1;}
.banner .swiper-pagination-bullet-active{background: #ea3c00;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: 28px; color: #333;  padding-bottom: 4px;}
.Titles var{height: 2px;background: #0054a3;width: 52px;display: inline-block;vertical-align: middle;margin: 0 20px;}
.Titles h2 i{width: 132px;display: inline-block;background: #ccc;height: 1px;margin: 0 15px;vertical-align: middle;}


.dyip{padding:35px 0; background: url(../images/pro_bg.jpg) no-repeat top center; background-size: cover;  overflow: hidden;}
.dyip .box{width: 100%; padding: 30px 0 0;overflow: hidden;}
.dyip .box ul{margin-left:-2%;}
.dyip .box ul li{float:left; width: 23%; margin-left:2%;margin-bottom:12px;}
.dyip .box ul li .pic{border:1px dashed #aaa; background: #fff;}
.dyip .box ul li .pic img{width: 100%;}
.dyip .box ul li p{line-height: 30px;text-align: center; padding: 6px 0; color: #000; font-size: 15px;}


/* 首页关于我们 */
.dsanp{padding:55px 0;background:#fff; overflow: hidden;}
.dsanp .about_l{width: 50%; float: left; line-height:31px; padding-top:0; font-size: 15px; text-align: justify;}
.dsanp .about_l h3{font-size:30px; font-weight: bold; line-height: 38px;margin-bottom: 15px; color: #444;}
.dsanp .about_l .jmore{margin-top:28px;}
.dsanp .about_l .jmore a {border: 1px solid #0054a3;padding:8px 35px;color: #0054a3;border-radius: 55px;font-size: 14px;}
.dsanp .about_l .jmore a:hover{ background-color: #0054a3; color: #fff;}
.dsanp .about_r{width:45%; float: right; position: relative}
.dsanp .about_r img{max-width: 100%;}

.dsanp .about_r:after{content: "";position: absolute;right: -29px;top: 50px;width: 5%;height: 382px;background: #0054a3;}
.dsanp .about_r:before{content: "";position: absolute;right: -29px;bottom: -29px;width: 100%;height: 30px;background: #0054a3;}


.derp{padding:55px 0 80px; background: url(../images/yz_bg.jpg) no-repeat top center; background-size: cover;  overflow: hidden;}
.derp .box{width: 100%; padding: 30px 0 0;overflow: hidden;}
.derp ul{margin-top: 45px;}
.derp ul li{ float:left; width:14.666%; padding:0 1%; text-align:center;}
.derp ul li .pic{ margin:0 auto 20px auto; transition:all 0.3s;}
.derp ul li .pic img{max-width:85%; margin:0 auto; display: block;}
.derp ul li p{ font-size:22px; font-weight: normal; margin:25px 0 0; color: #fff;} 


.dsip{padding:40px 0;background:#fff; overflow: hidden;}
.dsip ul{margin-left: -4%;font-size: 0px; margin-top: 35px;}
.dsip ul li{display: inline-block; width: 29.333%;margin-left:4%;  margin-bottom: 0;vertical-align: top; background: #fff; }
.dsip ul li .pimgs{width: 100%; overflow: hidden;}
.dsip ul li .pimgs img{width:100%; display: block; margin: 0 auto; transition: all 0.3s; }
.dsip ul li .pimgs img:hover{ transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1); -ms-transform:scale(1.1); }
.dsip ul li .title_er{padding:10px 0 5px; text-align: left;}
.dsip ul li h4{font-size:17px;line-height: 34px; font-weight: bold;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.dsip ul li p{margin: 10px 0;color: #444;font-size: 14px; line-height: 27px; height:81px; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:3;overflow: hidden;}
.dsip ul li span{display: block;color: #888;font-size: 13px;}


.dwup{padding:0; background: url(../images/partner_bg.jpg) no-repeat top center; background-size: cover;  overflow: hidden;}

.box_links{width: 100%; margin:55px auto 30px auto; padding-bottom: 40px; border-bottom: 1px solid #9aaacf; overflow: hidden;}
.box_links .link_text{float: left;width: 150px;line-height:90px;color: #fff;font-size:30px; }
.box_links .link_pics {width: calc(100% - 170px);text-align: left;float: right;}

.picMarquee-left{ width:100%; overflow:hidden; position:relative;  }
.picMarquee-left .bd{ padding:0;   }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1; }
.picMarquee-left .bd ul li{ margin:0 10px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.picMarquee-left .bd ul li .pic{ text-align:center; }
.picMarquee-left .bd ul li .pic img{ width:164px; height:90px; display:block;}
.picMarquee-left .bd ul li .pic a:hover img{ border-color:#999;  }

.link{height:50px; line-height:50px; margin-bottom:55px;}
.link .lks_tit{width: 100px; float: left; font-size: 15px;font-weight: bold; color: #fff;}
.link ul{float: right; width: calc(100% - 100px)}
.link ul li {float:left; padding:0 12px;}
.link ul li a{color: #fff; font-size:15px;}


/* 通用内页banner*/
.pub_bann{margin-top:90px;}
.pub_bann img{max-width:100%;height:400px;object-fit:cover;width:100%;}
.pub_bann{position:relative;display:flex;align-items:center;justify-items:center;}
.pub_bann .pub_subnav{position:absolute;max-width:1280px;left:50%;margin-left:-640px;bottom:0px;background:rgba(0,0,0,0.65);text-align:center;width:100%;}
.pub_subnav ul{display:-webkit-box;display:-moz-box;display:-webkit-flex;display:-o-flex;display:-ms-flexbox;display:flex;}
.pub_subnav li{display:inline-block;float:left; justify-content: space-around;flex:1 1 50%;}
.pub_subnav li a{display:block;height:65px;line-height:65px;color:#fff;font-size:17px;float:left;border-left:1px solid rgba(210,210,210,0.8);width:100%;}
.pub_subnav li a:hover,.pub_subnav li.cur a{background:#f2f2f2;transition: all 0.5s ease;color:#333;}

.Con_wrapper{width: 100%; background:url(../images/ab-bg.png) no-repeat center bottom; padding: 40px 0 180px; overflow: hidden;}
.pag_about{color:#444;line-height:32px;font-size: 15px;  padding:28px 0 0; overflow: hidden;}
.pag_about img{max-width: 100%;}

.pag_about table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.pag_about table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 4px; line-height: 28px; font-size: 14px !important; text-align:center;}
.pag_about table tr:first-child{background: #0054a3 !important; height: 50px; font-weight: bold; color: #fff; }
.pag_about table tr:first-child td{font-size: 16px !important;}
.pag_about table tr:nth-child(even){background: #fff;}
.pag_about table tr:nth-child(odd){background: #d4e5f7;}



.Ulimg{width:100%;  padding:28px 0 0; overflow: hidden;}
.Ulimg ul{ margin-right:-3%;}
.Ulimg ul li{float:left;width:30.333%;  margin-right:3%; margin-bottom: 15px; text-align:center;}
.Ulimg ul li img{max-width:98%; background:#fff; border: 1px solid #e0e0e0; transition: .3s all;}
.Ulimg ul li img:hover{ border: 1px solid #0054a3; }
.Ulimg ul li span{ line-height:25px; font-size: 15px; display: block;padding:10px 0;}



.partnerList{ margin:12px auto;padding:0; overflow: hidden;}
.partnerList ul{margin-left:-1%;}
.partnerList ul li{float:left;width:24%;margin-left:1%;margin-bottom:20px;}
.partnerList ul li img{ border: 1px solid #e1e1e1; box-shadow: 0 1px 1px #e1e1e1; width: 98%;}
.partnerList ul li span{line-height: 35px; display: block; text-align:center; white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}


/* 新闻资讯 */
.news{width:100%;  padding-top:28px; overflow: hidden;}
.news ul li{border-bottom:1px solid #eee;margin-bottom:30px;padding-bottom:30px;overflow: hidden;}
.news ul li .com-img{width:31%;float:left;position: relative; overflow: hidden;}
.news ul li .com-img .time{position:absolute;bottom:0px;right:0px;background:rgba(0,0,0,0.5);color:#fff;padding:10px 20px;text-align:center;}
.news ul li .com-img .time p{font-size:30px;margin-bottom:5px;}
.news ul li .com-img img{width:100%;height:265px;object-fit:cover;}
.news ul li .note{width:65%;float:right;position: relative;height:265px;}
.news ul li .note:after{position: absolute;left:0px;bottom:12px;width:100px;height:1px;background:#eee;content:"";}
.news ul li .note h4{font-size:20px;color:#333;font-weight: bold;}
.news ul li .note p{font-size:15px;margin:30px 0 40px;color:#666;height:100px;overflow: hidden;line-height:32px;}
.news ul li .note a.more{position: absolute;left:120px;bottom:5px;color:#777;}
.news ul li a{transition:all 0.5s ease;}
.news ul li:hover .note a{color:#0054a3;}
.news ul li:hover .note:after{background:#ccc;}

.com-img img{transition:all 0.4s ease-in 0s; -webkit-transition:all 0.4s ease-in 0s; -moz-transition:all 0.4s ease-in 0s; -o-transition:all 0.4s ease-in 0s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}

/*新闻详情*/
.NewsDetailed{ width:100%; overflow: hidden;}
.NewsDetailed h4{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:#0054a3;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;}


.product-list{width:100%;  padding:28px 0 0; overflow: hidden;}
.product-list li{width:calc((100% - 80px)/4);float:left;margin:10px;}
.product-list li figure{background-color: #eee;height:auto;display:block;line-height:normal;overflow:hidden;position:relative;border:1px solid #e0e0e0; margin: 0}
.product-list li figure img{display:block;width:100%;height:auto;transition:424ms linear;}
.product-list li figcaption{display:block;color:#333;font-size:15px;line-height:normal;margin-top:14px;transition:350ms;text-align: center;}
.product-box .product-down{float:left;}
.product-list li figure mark{position:absolute;left:0;top:0;box-sizing:border-box;width:100%;height:100%;background:rgba(255,255,255,.4);background:#0054a3\9;filter:alpha(opacity=40);z-index:20;opacity:0;transform:skewX(45deg);visibility:hidden;transition:360ms;}
.product-list li figure mark b{display:block;width:46px;height:46px;position:absolute;left:50%;top:50%;margin-left:-23px;margin-top:-23px;z-index:30;}
.product-list li figure mark b:before{content:"";width:100%;height:1px;background:#0054a3;position:absolute;left:0;top:23px;transform:translateX(-200px);-webkit-transform:translateX(-200px);-moz-transform:translateX(-200px);}
.product-list li figure mark b:after{content:"";width:1px;height:100%;background:#0054a3;position:absolute;left:23px;top:0;transform:translateY(-200px);-webkit-transform:translateY(-200px);-moz-transform:translateY(-200px);}
.product-list li figure mark:before{content:"";width:100%;height:0%;border-left:2px solid #0054a3;border-right:2px solid #0054a3;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.product-list li figure mark:after{content:"";width:0%;height:100%;border-top:2px solid #0054a3;border-bottom:2px solid #0054a3;box-sizing:border-box;position:absolute;left:0;top:0;transition:320ms;}
.product-list li:hover figure mark{opacity:1;transform:skewX(0);visibility:visible;}
.product-list li:hover figure mark:before{height:100%;transition:330ms 200ms;}
.product-list li:hover figure mark:after{width:100%;transition:330ms 200ms;}
.product-list li:hover figure img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);}
.product-list li:hover figure mark b:before{transition:355ms 180ms;transform:translateX(0);-webkit-transform:translateX(0);-moz-transform:translateX(0);}
.product-list li:hover figure mark b:after{transition:355ms 240ms;transform:translateY(0);-webkit-transform:translateY(0);-moz-transform:translateY(0);}
.product-list li:hover figcaption{color:#0054a3;}


.details_content{width:100%;padding:20px 0;}
.details_content .product_details{width:100%; margin-bottom: 28px; background:#f9f9f9; overflow: hidden;}
.details_content .product_details .details_pic{float: left; width:48%; padding:1.5%;box-sizing: border-box;}
.details_content .product_details .details_pic img{display: block;max-width: 100%;height: auto;}
.details_content .product_details .details_top{float: right; width:51%;padding:1.5%;box-sizing: border-box;}
.details_content .product_details .details_top h5{font-size:24px;color:#006bc3;margin-bottom:12px;padding-bottom:12px;position:relative;}
.details_content .product_details .details_top h5:before{position:absolute;content:"";width:30px;height:2px;background:#006bc3;left:0;bottom:0;}
.details_content .product_details .details_top .pwxx{font-size:14px;color:#666;line-height:30px;margin:0;}

.details_content .product_details .details_box{ padding:0 2%; margin-top: 20px; overflow: hidden;}
.details_content .product_details .details_box .tits{border-bottom: 1px solid #006bc3; line-height: 42px; height: 42px;}
.details_content .product_details .details_box .tits span{width:125px; background: #006bc3; display: block;font-size: 18px;text-align: center; color: #fff;}
.details_content .product_details .details_box .details_text{padding:20px 0; font-size:15px; line-height:32px;}
.details_content .product_details .details_box .details_text img{display: block;max-width: 100%;height: auto;}

.details_content .product_details .details_box .details_text table{border-left: 1px solid #000;border-top:1px solid #000; width: 100%; }
.details_content .product_details .details_box .details_text table td{border-right: 1px solid #000;border-bottom:1px solid #000; padding: 6px; line-height: 32px; text-align:center;}



.recTitle{padding-left:20px; height:45px;line-height:45px;background:#e2e2e2;font-size:16px;font-weight:bold;color:#000;}

/* related product */
.relatedProduct{overflow:hidden;margin-top:20px;}
.relatedProduct ul{padding-top:15px;margin-right:-2%;}
.relatedProduct li{width:23%;height:auto;float:left;margin-right:2%;margin-bottom:5px;}
.relatedProduct li img{border:1px solid #d9d9d9;padding:2px;width:98%;}
.relatedProduct li img:hover{border-color:#006bc3}
.relatedProduct li span{width:100%;height:35px;line-height:35px; font-size:14px; text-align:center; display:block;}



/*联系我们*/
.contact_t{float: left; width: 40%;line-height:35px;font-size: 16px; margin-top:75px;}
.contact_b{float: right; width: 58%; margin-top:15px;}
#map_container{height: 550px;}

/*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% #1a7f4a;border:none;}