@charset "utf-8";/* CSS Document */
@import url('iconfont.css');@import url('iconfont.css');
body {font-size: 12px;background-color: white;font-family: "思源黑体", "Arial";width: 100%;margin: 0px;padding: 0px;overflow-x: hidden;}
html {margin: 0px;padding: 0px;}
* {margin: 0;padding: 0;}
ul, li {list-style-type: none;}
a {text-decoration: none;color: #8c8f91;}
img {margin: 0;padding: 0;vertical-align: bottom;}
a:hover {text-decoration: none;}
img {width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}

.w1300{ width:1300px;}
.form2{position:relative;}
.inputBox_head{ line-height:23px; width:219px; border-bottom:1px solid #ffffff; background:none; color:#FFF; font-size:14px; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:20px; height:21px; position:absolute; right:0;}

.banner{ clear:both; overflow:hidden;}

.prolist_bg{ background:url(prolist_bg.jpg) no-repeat top center #f8f8f8; clear:both; overflow:hidden; padding-top:35px; padding-bottom:74px; position:relative; }
.prolist_title{ background:url(prolist_title.jpg) no-repeat top center; padding-top:13px; padding-bottom:11px; margin-bottom:42px;}
.prolist_title p{ font-size:36px; color:#ffffff; line-height:56px;}
.prolist_title span{ font-size:15px; color:#ffffff; line-height:23px;}
.swiper-prolist{ overflow:hidden; text-align:left; margin-bottom:48px;}
.swiper-prolist li p{font-size:21px; color:#ffffff; padding-top:17px; line-height:69px; background:url(prolist_p.jpg) no-repeat left 32px bottom 51px #383838;padding-bottom:51px; padding-left:30px; }
.prolist_more{ clear:both; overflow:hidden;}
.prolist_more p{ font-size:24px; color:#4e4e4e; line-height:42px; margin-bottom:20px;}
.prolist_more a{ background:url(prolist_more.jpg) no-repeat center; width:218px; height:45px; display:block; margin:0 auto;   }
.swiper-button-nextprolist{ background:url(prolist_left.png) no-repeat center center; width:40px; height:107px; position:absolute; z-index:33; left:10px;top:47%;}
.swiper-button-prevprolist{ background:url(prolist_right.png) no-repeat center center; width:40px; height:107px; position:absolute; z-index:33; right:10px; top:47%;}

.about_bg{ background:url(about_bg.jpg) no-repeat top center #4da1a3; clear:both; overflow:hidden; padding-top:64px; padding-bottom:50px;}
.about_left{ text-align:left; margin-bottom:40px; }
.about_left img{ width:auto;}
.about_title{ margin-bottom:20px;}
.about_title span{ font-size:33px; color:#ffffff; font-weight:bold; line-height:49px; text-transform:uppercase;}
.about_title p{ font-size:42px; color:#ffffff; font-weight:bold; line-height:51px;}
.about_nr{ margin-bottom:20px;}
.about_nr p{ line-height:30px;font-size:16px; color:#ffffff;}
.about_more{ width:195px; line-height:45px; display:block;font-size:16px; text-align:center; clear:both; border-radius:5px; color:#FFF; background:#ff8400;overflow:hidden;}
.about_more:hover{ color:#F00;}
.about_left ul{ margin-bottom:27px;display: flex;}
.about_left ul li{ text-align:center; margin:0 12px; }
.about_left ul li p{ font-size:15px; color:#ffffff; line-height:35px; }

.about_ul{overflow:hidden; width:100%;display: flex;flex-wrap: wrap;}
.about_ul li{ float:left; width:23%; text-align:center; margin:0 1%;}
.about_ul li span{ color:#ffffff; font-size:18px; line-height:30px; width:100%; background:url(about_l.png) no-repeat top center; padding-top:15px;   }
.about_ul li p{ color:#ffffff; font-size:48px; line-height:84px; font-weight:bold;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto; margin-top:80px;align-items: flex-start;justify-content: center; }
.about_ul li div em{ font-size:22px; color:#ffffff; margin-top:16px;}
.about_ul03 div em{ font-size:22px !important; margin-top:36px !important;}
.about_ul01{ background:url(about_bot_li01.png) no-repeat top center;}
.about_ul02{ background:url(about_bot_li02.png) no-repeat top center;}
.about_ul03{ background:url(about_bot_li03.png) no-repeat top center;}
.about_ul04{ background:url(about_bot_li04.png) no-repeat top center;}
.about_right img{ width:auto; max-width:100%;}
.about_right{ margin-bottom:40px;}

.pro_index_bg{ padding-bottom:73px; padding-top:30px; clear:both; overflow:hidden; background:url(pro_index_bg.jpg) bottom center no-repeat;}
.pro_title{ margin-bottom:44px;clear:both; overflow:hidden;}
.pro_title_h1{ background:url(home_title.png) no-repeat center; line-height:86px; font-size:40px; color:#323233; font-weight:bold;}
.pro_title_p{ line-height:32px; font-size:20px; color:#323233;}
.pro_title_p span{ color:#dc0000;}
.prolist_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px;}
.pro_ts{ position:relative;}
.pro_ts p{ position:absolute; bottom:0; z-index:999; background:#222832; opacity:0.8; width:100%;line-height:45px !important;  font-size:16px; color:#ffffff;}
.pro_ts img{ height:100%;}
.pro_top{ position:relative; padding:0px; }
.pro_top p{ font-size:16px; color:#fff; position:absolute; z-index:20; bottom:0; background:#00000087; width:100%; line-height:45px;}
.pro_tr{display: flex;flex-wrap: wrap;}
.pro_tr li{ padding:0px; border:1px solid #cccdd0;}
.pro_tr li a{ display:block;}
.pro_tr li a div{text-align:center; background:#383a40; padding-top:6px; padding-bottom:13px;}
.pro_tr li div p{  font-size:16px; color:#ffffff; line-height:33px; height:33px; overflow:hidden; margin-bottom:6px;}
.pro_tr li a span{ color:#ffffff; text-transform: uppercase; border:1px solid #FFF; width:67px; line-height:16px; display:block; margin:0 auto; font-size:12px;}
.pro_tr li img{ position:relative;}
.cp_fd{ position: absolute !important; z-index:9999; top:0; right:0; width:auto; border:none !important; }

.w1590{ width:1590px;}
.hyyy_index_bg{ padding-bottom:59px; padding-top:30px; clear:both; overflow:hidden; background:#f5f5f5;}
.hyyy_index_bg .pro_title_p{ width:75%; margin:0 auto;}
.hyyy_ul{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.hyyy_ul li{ margin-bottom:30px;}
.hyyy_ul li img{ width:auto; max-width:100%;}
.hyyy01{ width:59%;}
.hyyy02{ width:38.9%;}
.hyyy03{ width:25.5%;}
.hyyy04{ width:44.7%;}
.hyyy05{ width:25.5%;}

.home_certificate{ background: url(zs_bg.jpg) no-repeat bottom center;overflow:hidden; clear:both; padding-top:48px; padding-bottom:76px;  }
.home_certificate_title{ margin-bottom:35px;overflow:hidden; clear:both;}
.home_certificate_title p{ font-size:44px; font-weight:bold; line-height:66px;  }
.home_certificate_title span{ font-size:20px; line-height:34px;}
.zs_img{ margin-bottom:59px;display: flex; justify-content: center; align-items: center;}
.zs_img img{ width:auto; max-width:100%;}
.home_certificate .swiper-certificate-container > .container { position: relative; }
.home_certificate .swiper-certificate-container .swiper-slide { width: 45%; }
@media (max-width: 768px) { .home_certificate .swiper-certificate-container .swiper-slide { width: 100%; } }
.home_certificate .swiper-certificate-container .swiper-slide .out_box { width: 293px; height: 406px; margin: 0 auto; }
.home_certificate .swiper-certificate-container .swiper-slide a { background: url(zs_bor.png) no-repeat center; background-size: contain; padding: 18px; width: 100%; height: 100%; }
.home_certificate .swiper-certificate-container .swiper-slide a .img { width: 100%; height: 100%; }
.home_certificate .swiper-certificate-container .swiper-slide a .img img { width: 100%; height: 100%; }

.news_bg{ clear:both; overflow:hidden; background:url(news_bg.jpg) no-repeat bottom center #f2f2f2; padding-top:65px; padding-bottom:50px;}
.news_title{display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center; margin-bottom:29px;}
.news_title_left{ text-align:left;}
.news_title_left p{ font-size:38px; font-weight:bold; color:#0c0c0c; line-height:48px;}
.news_title_left span{ font-size:15px; color:#838383; line-height:23px;}
.news_title a{ font-size:16px; color:#222222; background:url(news_hei.png) no-repeat right center; padding-right:26px;}
.news_bg ul{ clear:both;display: flex;flex-wrap: wrap;justify-content: space-between; align-items: center;}
.news_bg ul li{ width:48.5%; margin:17px 0; background:url(news_x.png) no-repeat bottom right #FFF;}
.news_bg ul li a{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;}
.news_bg ul li img{ width:180px;}
.news_bg ul li .news_time{ width:86px; background:url(news_l.jpg) no-repeat right center;}
.news_bg ul li .news_time p{ font-size:20px; color:#4c4c4c;}
.news_bg ul li .news_time span{ font-size:12px; color:#999999;}
.news_bg ul li .news_tdk{ text-align:left; width: calc(100% - 266px); padding:0 17px; background:url(news_hei.png) no-repeat bottom left 17px; padding-bottom:18px;}
.news_bg ul li .news_tdk p{ font-size:20px; color:#4c4c4c; line-height:36px; height:36px; overflow:hidden;}
.news_bg ul li .news_tdk span{ font-size:13px; color:#999999; line-height:25px; display:block;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  -webkit-box-orient: vertical;}

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #202326; clear:both; overflow:hidden; padding-top:80px;}
.foot_left{ float:left; text-align:left; width:25%; padding-bottom:30px; }
.foot_left img{ width:auto; margin-bottom:10px; max-width:100%;}
.foot_left p{ color:#ffffff; font-size:14px; width:335px; line-height:24px; margin-bottom:45px;}
.foot_ewm{ text-align:center;display: flex;}
.foot_ewm li{ width:100px;}
.foot_ewm li img{ border:4px solid #FFF; width:88px;}
.foot_ewm li span{ font-size:14px; color:#FFF; line-height:32px; display:block;}
.foot_right{ width:71%; float:right; margin-bottom:25px;}
.foot_right ul{ text-align:left;}
.foot_right ul p{ font-size:18px; color:#ffffff; font-weight:bold; line-height:77px; background:url(foot_t.jpg) no-repeat top left;}
.foot_right ul li a{ font-size:15px; color:#a9a9a9; line-height:32px; } 
.foot_right ul li{ font-size:15px; color:#a9a9a9; line-height:32px;  } 
.foot03 li{ max-width:270px;}
.foot03 span{ font-size:30px; color:#FFF; font-weight:bold; line-height:70px; display:block; }
.foot03 a{ font-size:15px; color:#f49505; background:url(news_ju.png) no-repeat right center; padding-right:24px; }
.footer_index{ clear:both; padding:15px; border-top: 1px solid #393c3e;}
.footer_index img{ width:auto;}
.footer_index p{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index a{ color:#FFF; font-size:14px; line-height:25px;}
.footer_index span{ color:#FFF; font-size:14px; line-height:25px;}

/*在线飘浮QQ*/

.qqbox A:link {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:visited {
	COLOR: #000; TEXT-DECORATION: none
}
.qqbox A:hover {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox A:active {
	COLOR: #f80000; TEXT-DECORATION: underline
}
.qqbox {
	FONT-SIZE: 12px; RIGHT: 0px; OVERFLOW: hidden; WIDTH: 132px; COLOR: #000000; LETTER-SPACING: 0px; position: fixed;
 TOP: 140px; HEIGHT: auto;
	text-align:left
}
.qqlv {
	FLOAT: right; OVERFLOW: hidden; WIDTH: 25px; POSITION: relative; HEIGHT: 256px
}
.qqkf {
	BORDER: #0dacd3 6px solid; RIGHT: 0px; BACKGROUND: #fff; OVERFLOW: hidden; WIDTH: 120px; TOP: 0px; HEIGHT: auto
}
.qqkfbt {
	BORDER-RIGHT: #9cd052 1px solid; BORDER-TOP: #9cd052 1px solid; FONT-WEIGHT: bold; BACKGROUND: #39ccde; OVERFLOW: hidden; 

BORDER-LEFT: #9cd052 1px solid; WIDTH: 118px; CURSOR: pointer; COLOR: #fff; LINE-HEIGHT: 20px; BORDER-BOTTOM: #9cd052 1px solid; 

POSITION: relative; HEIGHT: 20px; TEXT-ALIGN: center
}
.qqkfhm {
	PADDING-RIGHT: 8px; MARGIN: 3px 0px; OVERFLOW: hidden; WIDTH: 112px; LINE-HEIGHT: 22px; POSITION: relative; HEIGHT:40px
}
.bgdh {
	PADDING-LEFT: 10px; WIDTH: 102px
}




@media (max-width: 1590px) {  
.w1590{ width:100%; }

}

@media (max-width: 1300px) {  
.w1300{ width:100%; }

}
@media (max-width: 1200px) {
.foot_right ul{ padding-right:15px;}
.foot03 span{ font-size:25px; line-height:50px;}

}

@media (max-width: 992px) { 
.swiper-button-nextprolist{ display:none;}
.swiper-button-prevprolist{ display:none;}
.hyyy01{ width:100%;}
.hyyy02{ width:59%;}
.hyyy03{ width:39%;}
.hyyy04{ width:59%;}
.hyyy05{ width:39%;}
.hyyy_index_bg .pro_title_p{ width:100%;}
.foot_left{ width:100%; text-align:center; }
.foot_right{ width:100%; }
.foot_left p{ width:auto;}
.foot_index_bg{ padding-top:40px;}
.news_bg ul li img{ width:100%;}
.news_bg ul li .news_time{ width:86px;}
.news_bg ul li .news_tdk{  width: calc(100% - 86px); padding:18px 17px; margin-bottom:18px;}
.qqbox{ display:none;}
.zs_img img{ width:50%;}


}

@media (max-width: 768px) {           
.about_ul li{ width:48%; margin-bottom:20px;}
.news_bg ul li .news_time{ display:none;}
.news_bg ul li .news_tdk{  width:100%; }
.news_bg ul li .news_tdk span{ height:50px;}
.zs_img{flex-wrap: wrap;}
.zs_img img{ width:100%;}


}

@media (max-width: 425px) {  
.about_left{ padding:0px;}
.about_left ul{flex-wrap: wrap;}
.about_left ul li{ width:48%; margin:0; margin-bottom:20px;}
.about_right{ padding:0px;}
.about_title p{ font-size:30px; line-height:42px;}
.about_left ul{ margin-bottom:0px;}
.foot_ewm li{ width:32%; margin-bottom:15px;}
.foot_ewm{justify-content: space-around;}
.home_certificate_title p{ font-size:32px;}
.foot_index_bg .w1300{ padding:0px;}
.foot_left{ padding-left:15px; padding-right:15px;}
.swiper-prolist li p{ padding-left:20px; background: url(prolist_p.jpg) no-repeat left 20px bottom 51px #383838;}
.pro_top p{ font-size:14px;}



}


#float{position:fixed;right:0;top:50%;z-index:55;transform:translate(0,-40%);width:60px}
#float .ico{display:inline-block;width:60px;height:60px;text-align:center;background:#000;position:relative;cursor:pointer;margin-bottom:5px;box-shadow:0 0 10px #666}
#float .ico>i{font-size:30px;line-height:60px;display:block;color:#fff}
#float .ico>.img{position:absolute;right:60px;width:140px;top:0;display:none;background-color:#fff;box-shadow:0 0 5px #b0b0b0}
#float .ico>.img>img{width:100%
}#float .ico:hover>.img{display:block}
#float .ico p{position:absolute;right:-500px;top:0;padding:15px;line-height:30px;color:#fff;background-color:#000;transition:all .3s;white-space:nowrap}
#float .ico:hover p{right:100%}#float .ico i .number{position:absolute;width:25px;height:25px;font-size:16px;border-radius:50%;left:-5px;z-index:13;line-height:25px;background-color:#c6171e;color:#fff;top:-5px}@media(min-width:1px) and (max-width:991px){#float{width:50px}#float .ico{width:50px;height:50px;margin-bottom:5px}#float .ico>i{font-size:24px;line-height:50px}#float .ico>.img{right:50px}#float .ico p{padding:10px}}

.float01{ background: url(float01.jpg) no-repeat center;display:block; width:60px; height:60px;}
.float02{ background: url(float02.jpg) no-repeat center;display:block; width:60px; height:60px;}
.float03{ background: url(float03.jpg) no-repeat center;display:block; width:60px; height:60px;}
.float04{ background: url(float04.jpg) no-repeat center;display:block; width:60px; height:60px;}
.float05{ background: url(float05.jpg) no-repeat center;display:block; width:60px; height:60px;}
.float06{ background: url(float06.jpg) no-repeat center;display:block; width:60px; height:60px;}