@charset "utf-8";/* CSS Document */
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;}
.prolist_index{ overflow:hidden; text-align:left; margin-bottom:48px; display: flex;flex-wrap: wrap; justify-content: space-between;}
.prolist_index li{ margin-bottom:15px;}
.prolist_index li a{ background:#383838; display:block; height:100%;}
.prolist_index li div{ background:#383838; padding-bottom:35px; padding-left:20px; }
.prolist_index li div p{font-size:21px; color:#ffffff; line-height:32px;background:url(prolist_p.jpg) no-repeat left bottom; padding-top:15px; padding-bottom:15px;}
.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; }
.swiper-about-huanjing{ clear:both; overflow:hidden; padding-top:30px;  }

.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; height:25px; overflow:hidden;}

.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: 10px 0px; OVERFLOW: hidden; WIDTH: 112px; LINE-HEIGHT: 22px; POSITION: relative; OVERFLOW: hidden; 
}
.bgdh {
	PADDING-LEFT: 10px; WIDTH: 102px
}

.sj_language{ display:none; position: fixed; top:100px; right:0; z-index:99999;}
.sj_language li{ margin-bottom:15px; width:33px;}
.sj_language li a{ display:block;}

@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%;}

.sj_language{ display:block;}

}

@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%;}
.prolist_bg .w1300{ padding:0px; }
.prolist_title{ padding:0 15px;}
.prolist_index{}
.prolist_index li{ padding:0; width:49%; flex: 0 0 49%;}
.prolist_index li div{ padding:0 10px 15px 10px;}




}

@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;}
.prolist_index li div p{ font-size:16px; line-height:30px; padding-top:10px;}


}