@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 { max-width: 100%;height: auto;}
p {margin: 0px;}
button {outline: none;}


.form2{line-height:27px; width:249px; float:right; padding-top:7px;  }
.form2 .submit {vertical-align: middle;float: right;padding:0px ; width:39px; height:27px;background:url(sousuo_right.jpg) no-repeat left center; margin-right:0px;}
.form2 .inputBox{color: #aaaaaa;font-size: 14px;padding-left: 44px; width:210px; line-height:25px; background:url(sousuo_left.jpg) no-repeat left center; margin-top:1px;}

.news_news{ background:url(news_news.png) no-repeat top center; padding:25px 0; margin-top:-20px; position:relative; z-index:50; overflow:hidden;}
.news_news_left{ float:left; width:50%; text-align:left;}
.news_news_left p{ font-size:24px; color:#ffffff;}
.news_news_left span{ font-size:12px; color:#ffffff; text-transform:uppercase;}
.news_news_right{ float:right; width:50%; text-align:left;}
.news_news_right a{ display:block; width:100%;}
.news_news_right p{ font-size:18px; color:#515151; float:left; line-height:70px;}
.news_news_right span{ font-size:16px; color:#515151; float:right; line-height:70px; }

.pro_index_bg{ padding-bottom:80px; clear:both; overflow:hidden;background:url(pro_index_bg.jpg) no-repeat center bottom; margin-top:43px;}
.pro_title{text-align:left; margin-bottom:50px; overflow:hidden; padding-top:10px;}
.pro_title span{ font-size:20px; color:#222222; width:70%;}
.pro_title h1{ font-size:18px; color:#222222; width:70%;display: inline-block;line-height: 2em;}
.pro_title p{ font-size:45px; color:#222222; font-weight:bold;  }
.prolist_tr{ clear:both; overflow:hidden; margin-bottom:40px;}
.prolist_tr li{ float:left; margin-right:1%; width:12%; border:1px solid #c3c3c3;}
.prolist_tr li a{ font-size:16px; color:#000; display:block; line-height:30px; width:100%;}
.prolist_tr p{ float:right;border:2px solid #044ca1; width:8%;}
.prolist_tr p a{ font-size:14px; color:#0149a4; display:block; line-height:28px; width:100%;}
.prolist_tr li:hover{ background:#0058b9; border:1px solid #0058b9;}
.prolist_tr li:hover a{ color:#FFF;}
.product_tr{ clear:both;display: flex;flex-wrap: wrap; overflow:hidden; font-size:0px;}
.product_tr li{ margin-bottom:19px;}
.product_tr li a{ display:block;border:1px solid #cccdd0;}
.product_tr li a div{text-align:center; background:#383a40; padding-top:6px; padding-bottom:13px;}
.product_tr li div h3{  font-size:16px; color:#ffffff; line-height:33px;}
.product_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;}
.product_tr li img{ position:relative;}
.cp_fd{ position: absolute !important; z-index:9999; top:0; right:15px; width:auto; border:none !important; }

.about_bg{background:url(about_bg.jpg) no-repeat top center; padding-bottom:55px; padding-top:60px;text-align:left; clear:both; overflow:hidden;}
.about_index{ width:50.3%; float:right;}
.about_title{ text-transform:uppercase; background:url(about_title.jpg) no-repeat left bottom; padding-bottom:21px; margin-bottom:24px;}
.about_title p{ color:#FFF; font-size:30px; line-height:38px;}
.about_title span{ color:#FFF; font-size:48px; line-height:48px;}

.about_nr{ color:#FFF; font-size:15px; line-height:25px; margin-bottom:24px;}
.about_nr a{color:#FFF; margin-left:15px;}
.swiper-containerabout{ overflow:hidden;}
.swiper-containerabout li{ padding:4px; background:#616872; }
.swiper-containerabout li a{ display:block;}
.about_more{ background:url(about_more.png) no-repeat center center; width:53px; height:53px; float:right; margin-top:275px; margin-right:2.5%;}

.about_ul_bg{ background:#f2f2f2;clear:both; overflow:hidden; }
.about_ul{overflow:hidden; width:100%;display: flex;flex-wrap: wrap; margin-bottom:33px;}
.about_ul li{ float:left; width:25%; text-align:center;}
.about_ul li p{ color:#525252; font-size:16px; line-height:22px;  }
.about_ul li h2{ color:#e20000; font-size:68px; line-height:87px;}
.about_ul li div{ display: flex; flex-wrap: wrap; margin: 0 auto; margin-top:20px;align-items: center;justify-content: center; }
.about_ul li div em{ font-size:52px; color:#e20000; line-height:87px;}
.about_ul04 div em{font-size:68px !important; text-transform:uppercase;}

.chengnuo_bg{ background: url(chengnuo_bg.jpg) no-repeat bottom center; padding-top:57px;}
.chengnuo_title01{ font-size:50px; color:#000000; text-align:center;}
.chengnuo_title01 span{ color:#e60012; font-size:75px; margin:0 5px;}
.chengnuo_title02{ font-size:18px; color:#747474; text-align:center;}
.chengnuo_index{ padding-top:43px; padding-bottom:55px; overflow:hidden; text-align:left;}
.chengnuo_index img{ width:auto; max-width:100%; }
.chengnuo_div{ clear:both; overflow:hidden;display: flex;align-items: center;justify-content: center;}
.chengnuo_div div{width:48%; padding-left:71px;}
.chengnuo01 div{ float:left;  background: url(cnuo_01.jpg) no-repeat left top;}
.chengnuo01 img{ float:right; margin-left:2%;}
.chengnuo02 div{ float:right; background: url(cnuo_02.jpg) no-repeat left top;}
.chengnuo02 img{ float:left;  margin-right:2%;}
.chengnuo03 div{ float:left;  background: url(cnuo_03.jpg) no-repeat left top;}
.chengnuo03 img{ float:right; margin-left:2%;}
.chengnuo_t{ font-size:32px; color:#333333;}
.chengnuo_en{ color:#cccccc; font-size:12px; background:url(cnuotitle.jpg) no-repeat bottom left; width:100%; text-transform:uppercase; padding-bottom:20px; margin-bottom:10px;  }
.chengnuo_d{ font-size:14px; color:#666666; line-height:27px; margin-right:60px;}

.jjfa_bg{ background:url(jjfa_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden; padding-top:94px; padding-bottom:100px;}
.jjfa_title01{ font-size:45px; color:#ffffff; text-transform:uppercase; padding-top:77px; font-weight:bold; background:url(jjfa_title.png) no-repeat top center; line-height:58px; }
.jjfa_title02{ font-size:32px; color:#ffffff; line-height:40px; margin-bottom:15px; }
.jjfa_title03{ font-size:16px; color:#ffffff; line-height:25px; margin-bottom:60px; }
.swiper-containerjjfa{ overflow:hidden;}
.swiper-containerjjfa li p{ font-size:21px; color:#000000; line-height:47px; background:#FFF;}


.news_index{ background:url(news_bg.jpg) no-repeat bottom center; clear:both; overflow:hidden;}
.news_title{ padding-top:56px; margin-bottom:50px; overflow:hidden;}
.news_title p{font-size:32px; color:#0c0c0c;}
.news_title span{ font-size:45px; color:#0c0c0c;font-weight:bold; text-transform:uppercase;}
.news_left{ margin-bottom:15px; position:relative; float:left; width:37%;}
.news_left a{ display:block;}
.news_left img{ overflow:hidden; width:100%; }
.news_left p{ font-size:16px; color:#fff; line-height:46px; background:#0000007a; position:absolute; width:100%; bottom:0; }
.news_right{ width:61%; float:right;}
.news_ul{ text-align:left;}
.news_ul li{ margin-bottom:23px; clear:both; overflow:hidden;}
.news_time{ padding-top:37px;}
.news_time p{ font-size:14px; color:#999999; }
.news_time span{ color:#484c4c; font-size:24px; font-weight:bold;}
.news_home_r{ background:url(news_hei.png) no-repeat left 15px bottom 11px; padding-bottom:31px; border-left:1px solid #eeeeee; padding-top:4px; }
.news_home_r h3{ font-size:22px; color:#0c0c0c;line-height:36px;}
.news_home_r span{ font-size:14px; color:#666666; display:block; line-height:24px; height:48px; overflow:hidden;}
.news_bot{ margin-top:55px; clear:both; overflow:hidden;}
.news_bot img{ width:auto; max-width:100%; }

.foot_index_bg{ background:url(foot_bg.jpg) no-repeat top center #252629; clear:both; overflow:hidden; padding-top:47px;}
.foot_index_bg .container{display: flex;flex-wrap: wrap;}
.foot_index_bg .container div{ padding-left:45px; padding-right:45px;}
.foot_left{ padding-top:40px; text-align:left; border-right:1px dashed #424951; }
.foot_left img{ width:auto; max-width:100%; margin-bottom:10px;}
.foot_left p{ font-size:14px; color:#FFF; line-height:22px;   }
.foot_cen{ text-align:left; border-right:1px dashed #424951; padding-left:50px;}
.foot_cen p{ font-size:20px; color:#ffffff; line-height:50px; margin-bottom:10px; padding-left:47px; background:url(foot_dh.png) no-repeat left center; }
.foot_cen li{ font-size:15px; color:#FFF; line-height:30px;}
.foot_right{ text-align:left;}
#facebookContact table{ width:100%;}
.foot_right p{ font-size:20px; color:#ffffff; line-height:50px; margin-bottom:10px; padding-left:47px; background:url(foot_liuyan.png) no-repeat left center;}
#tel{ line-height:35px; margin-bottom:10px;  background:#363539; border:none; width:100%; }
#name{ line-height:35px; margin-bottom:10px;  background:#363539; border:none; width:100%;}
#content{ height:80px; margin-bottom:10px;   background:#363539; border:none;}
.tijiao_in{ width:100%; background:#067fc9; font-size:16px; color:#FFF; line-height:34px;}

.footer_index{ clear:both; border-top: 1px solid #464a56; width:100%; overflow:hidden; margin-top:54px; padding:10px;  }
.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;}

@media (max-width:1200px) { 
.news_news_right span{ display:none;}
.about_ul li h2{ font-size:60px;}
.about_ul04 div em{font-size:60px !important; }

 }

@media (max-width:1000px) { 
.news_news_left p{ font-size:19px;}	 
.news_news_right p{ line-height:1; margin-top:10px;}
.product_tr li{ padding-left:5px; padding-right:5px;}
.pro_title span{ width:60%;}
.pro_title h1{ width:60%;}
.news_time{ padding-left:0px; padding-right:0px;}
.news_left{ width:42%;}
.news_right{ width:56%; }
.about_index{ width:52.3%;}
.chengnuo_index img{ width:50%;}
.chengnuo_d{ margin-right:0px;}
.chengnuo_div{ margin-bottom:35px;}
.chengnuo_t{ font-size:28px;}

.about_ul li{ padding:0 1%;}
.about_ul li h2{ font-size:40px; line-height:60px;}
.about_ul04 div em{font-size:40px !important; line-height:60px; }
.about_ul li div em{  line-height:60px; }
.about_ul_bg{ background-size: cover;  }


 }

@media (max-width:767px) { 
.news_news{ background:none; margin:0; padding:0;}
.news_news .container{ padding:0;}
.news_news_left{width:100%; background:#324259; padding:10px;}
.news_news_right{width:100%; background:#e8e9e9;padding:10px;}
.news_news_right span{ display:block; line-height:1;}
.news_news_right p{ margin-top:0px;}
.prolist_tr li{ width:24%; margin:0.5%;}
.prolist_tr p{ width:24%; margin:0.5%;}
.pro_title{ background:none; margin-bottom:25px; }
.pro_title span{ width:100%; font-size:17px;}
.pro_title h1{ width:100%; font-size:16px;}
.pro_title p{ font-size:35px;}
.news_time p{ float:left; line-height:34px;   }
.news_time span{  float:left;}
.news_time{ padding:0px; }
.news_home_r{ padding-left:0px; padding-right:0px; border:none; }
.news_right{ padding-left:0px; padding-right:0px;}
.news_title{ padding-top:25px; margin-bottom:25px;}
.news_left{ width:100%;}
.news_right{ width:100%; }
.chengnuo_index img{ display:none;}
.chengnuo_div div{ width:100%;margin-top:0;}
.chengnuo_title01{ font-size:32px;}
.chengnuo_title01 span{ font-size:45px;}
.chengnuo_bg{ padding-top:30px;}
.about_bg{ background:#434a54;}
.about_index{ width:100%;}
.about_more{ display:none;  } 
.about_ul li{ width:50%;}
.jjfa_bg{ padding-top:55px; padding-bottom:55px;}
.jjfa_title01{ font-size:38px; padding-top:77px; line-height:50px; }
.jjfa_title02{ font-size:28px; line-height:35px; margin-bottom:15px; }
.jjfa_title03{ font-size:16px; line-height:25px; margin-bottom:45px; }
.swiper-containerjjfa li p{ font-size:18px; line-height:35px;}

.foot_left{ padding-top:0px; border:none;text-align:center;}
.foot_index_bg .container div{ padding-left:15px; padding-right:15px; width:100%; max-width:100%;flex: 0 0 100%; margin-bottom:25px;}
.footer_index{ margin-top:25px;}
}

  
 @media (max-width:425px) { 
.prolist_tr{ display:none;}
.news_title p{ font-size:25px;}
.news_title span{ font-size:32px;}
.jjfa_title01{ font-size:35px; padding-top:77px; line-height:50px; }
.chengnuo_title01{ font-size:26px;}
.chengnuo_title01 span{ font-size:38px;}
.chengnuo_t{ font-size:25px;}
.about_bg{ padding-top:35px; padding-bottom:35px;}

}