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

.form2{position:relative; margin-top:7px;}
.inputBox_head{ background:#5a5a5a; line-height:27px; padding-left:37px; width:249px; background:url(sousuo_left.jpg) no-repeat left center; }
.submit_head{ background:url(sousuo_right.jpg) no-repeat center center; width:39px; height:27px; position:absolute; right:0;}

.pro_bg{ padding-top:60px; clear:both; overflow:hidden; padding-bottom:60px; position:relative; }
.pro_title{ margin-bottom:49px;}
.pro_title h1{ font-size:40px; color:#3b3b3b; background:url(h1_title.jpg) no-repeat center; line-height:60px;}
.pro_title p{ font-size:24px; color:#3b3b3b; background:url(pro_title.jpg) no-repeat center; line-height:37px;}
.pro_title span{ font-size:42px; color:#232323; text-transform:uppercase; font-weight:bold; line-height:60px;}
.pro_bg .swiper-container{ position:inherit;}
.gallery-top{ margin-bottom:74px !important;}
.prolist_home{ text-align:left;}
.prolist_home h2{ font-size:32px; color:#e50617; background:url(prolist_title.jpg) no-repeat bottom left; line-height:93px; padding-bottom:3px; margin-bottom:30px; }
.prolist_home p{ line-height:30px; font-size:16px; color:#575757; margin-bottom:11px; height:180px; overflow:hidden;}
.prolist_home span{background:url(prolist_home_a.jpg) no-repeat right center; padding-right:99px; text-align:center; }
.prolist_home span a{ color:#e5e5e5; width:101px; line-height:29px; display: block; border:1px solid #e5e5e5; border-radius:33px; text-transform:uppercase; font-size:14px;  }
.swiper-cube-shadow{ display:none !important;}

.gallery-top .swiper-button-prev{background:url(pro_top_left.jpg) no-repeat right center; width:91px; height:11px; left:5%;}
.gallery-top .swiper-button-next{background:url(pro_top_right.jpg) no-repeat right center; width:103px; height:12px; right:5%;}

.gallery-thumbs{}
.gallery-top .swiper-slide{display: flex;flex-wrap: wrap; align-items: center; }
.gallery-thumbs .swiper-slide img{ border:1px solid #ebebeb;}
.gallery-thumbs .swiper-slide h3{ display:none; font-size:16px; color:#ebebeb; position:absolute; z-index:9; top:0; background:#59595982; text-align:center; width:100%; height:100%; align-items: center; justify-content: center;}
.gallery-thumbs .swiper-slide:hover h3{ display: flex; }
.gallery-thumbs .swiper-slide-thumb-active h3{ display: flex;}

.about_bg{background:url(about_bg.jpg) no-repeat top center; padding-bottom:44px; padding-top:56px;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:190px; margin-right:2.5%;}
.swiper-paginationabout{ text-align:center; margin-top:16px;}
.swiper-paginationabout .swiper-pagination-bullet{ width:8px; height:8px;}

.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;}

.chengnuo_index_bg{ background: url(chengnuo_bg.jpg) no-repeat top center;clear:both; overflow:hidden; padding-top:55px; padding-bottom:70px;}
.chengnuo_title{ margin-bottom:73px;clear:both; overflow:hidden;}
.chengnuo_title p{ font-size:40px; color:#000000; font-weight:bold; line-height:68px;}
.chengnuo_title p strong{ color:#d30d0e; font-size:58px; margin:0 5px;}
.chengnuo_title span{ line-height:30px; font-size:16px; color:#747474;}
.chengnuo_ul{ clear:both; background:url(chengnuo_index.jpg) no-repeat center;display: flex;flex-wrap: wrap; height:423px;align-items: center;justify-content: space-between;}
.chengnuo_ul li{ text-align:left; width:25%;  }
.chengnuo_ul li p{ color:#fa4848; font-size:32px; line-height:44px;}
.chengnuo_ul li span{ line-height:30px; font-size:20px; color:#5b5b5b;}
.chengnuo_li{ width:50% !important; height:80px;}

.topush_bg{ overflow:hidden; padding-top:40px; padding-bottom:20px;}
.topush_bg h2{ text-align:left; font-size:20px; line-height:45px; margin-bottom:15px;}
.topush_bg ul{ clear:both; margin-bottom:20px; overflow:hidden; }
.topush_bg ul h3{ font-size:15px; line-height:30px;}

.weishen_bg{overflow: hidden;clear: both;}
.weishen_tit{text-align: center;font-size: 25px;color: #5c5c5c;margin-bottom: 20px;line-height: 40px;}
.weishen_des{text-align: center; font-size: 14px; color: #5c5c5c; line-height: 24px;margin-bottom: 36px;}
.cpjs_li_left {float: left;width: 332px;}
.cpjs_li_left p{border: 1px solid #dedede;}
.cpjs_li_left img{border: 5px solid #f5f5f5;}
.cpjs_li_right {width: calc(100% - 350px);float: right; text-align:left;}
.cpjs_li_right a {color: #505050; font-size: 25px; line-height:50px;}
.cpjs_lis_right p{border: 1px solid #dedede;}
.cpjs_lis_right img{border: 5px solid #f5f5f5;}
.weishen_bg ul{overflow: hidden;margin-top: 30px;}
.weishen_bg ul li{overflow: hidden;padding-bottom: 30px;padding-top: 30px;border-bottom: 1px solid #f2f2f2;}
.weishen_bg ul li:last-child{border-bottom: none;}
.cpjs_lis_left {width: 650px;float: left;}
.cpjs_lis_left a {color: #505050;font-size: 25px;}
.cpjs_lis_left p:first-child{font-size: 24px;color: #5c5c5c;padding-top: 12px;padding-bottom: 8px;}
.cpjs_lis_left p{font-size: 14px;color: #5c5c5c;line-height: 24px;}
.cpjs_lis_right {width: 370px;float: right;}
.cpjs_li_right p:first-child{font-size: 24px;color: #5c5c5c;padding-bottom: 8px;}
.cpjs_li_right p{font-size: 14px;color: #5c5c5c;line-height: 24px;}



.news_bg{ padding-top:80px; clear:both; overflow:hidden; padding-bottom:25px;}
.news_title{ margin-bottom:48px; text-align:left;} 
.news_title h2{ float:left; padding:0 22px; line-height:49px; background:#545454; font-size:18px; color:#ffffff;}
.news_title span{ font-size:18px; color:#383838; line-height:49px; margin-left:10px; text-transform:uppercase;}
.news_title a{ float:right;font-size:16px; color:#383838; line-height:49px;}
.news_title a:hover{ color:#F00;}
.news_title h2:hover{ background:#e60012;}
.news_index{ margin-bottom:15px;}
.news_ul{ margin-top:10px;}
.news_ul li{ clear:both; border-bottom:1px solid #f0f0f0; overflow:hidden;}
.news_ul li a{ display:block;}
.news_ul li h3{ float:left; font-size:14px; color:#767676; line-height:41px;width: calc(100% - 75px); text-align:left; height:41px; overflow:hidden;}
.news_ul li span{ float:right; color:#333333; font-size:14px; line-height:41px;}
.news_faq{}
.news_faq li{ margin-bottom:10px; border-bottom:1px solid #f0f0f0; padding-bottom:10px; text-align:left; }
.news_faq h3{ font-size:14px; color:#545454; background:url(faq_w.jpg) no-repeat left center; line-height:25px; padding-left:37px; margin-bottom:10px; height:25px; overflow:hidden;}
.news_faq span{ font-size:14px; color:#919191; display:block; line-height:25px; background:url(faq_a.jpg) no-repeat top left;padding-left:37px; height:50px; overflow:hidden;}

.foot_index_bg{ background:#434a54; clear:both; overflow:hidden; padding-top:47px; padding-bottom:54px;}
.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 #686d74; }
.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 #686d74; padding-left:50px;}
.foot_cen p{ font-size:20px; color:#ffffff; line-height:50px; margin-bottom:10px; padding-left:47px; background:url(foot_dh.jpg) no-repeat left center; }
.foot_cen li span{ font-size:12px;}
.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.jpg) no-repeat left center;}
#telContact{ line-height:35px; margin-bottom:10px;  background:#343a42; border:none; width:100%; }
#nameContact{ line-height:35px; margin-bottom:10px;  background:#343a42; border:none; width:100%;}
#contentContact{ height:80px; margin-bottom:10px;   background:#343a42; border:none;}
.tijiao_in{ width:100%; background:#067fc9; font-size:16px; color:#FFF; line-height:34px;}

.footer_index{ clear:both; border-top: 1px solid #696c71; background:#43474d; }
.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;}
.footer_index .container{ position:relative; padding:15px;}



@media (max-width: 1200px) {           
.about_bg{ padding-top:40px; padding-bottom:37px;}
.chengnuo_ul li{ width:23%;}

}

@media (max-width: 992px) { 
.about_bg{ padding-top:30px; padding-bottom:30px;}
.chengnuo_ul{ background-size:contain; height:345px;}
.chengnuo_li{ width:44% !important; height:10px;}
.chengnuo_ul li{ width:28%;}
.chengnuo_title{ margin-bottom:35px;}

}

@media (max-width: 768px) {  
.about_bg{ background:#434a54;}    
.about_index{ width:100%;}
.about_more{ display:none;}
.about_ul li{ width:50%; margin-bottom:25px;}
.about_ul{ margin-bottom:0px;}

.chengnuo_ul{ height:auto; background:none;}
.chengnuo_li{ display:none;}
.chengnuo_ul li{ width:50%; margin-bottom:25px; padding:0 15px;}
     
.liucheng_img01{ display:none;}
.liucheng_img02{ display: block;}
.liucheng_index_bg{ padding-top:40px; padding-bottom:45px; }
.liucheng_more{ margin-bottom:25px;}
.foot_left{ text-align:center; padding-top:0px; padding-bottom:25px; border:none;}
.foot_index_bg .container div { padding-left: 15px; padding-right: 15px;}
.gallery-top .swiper-button-prev{ display:none;}
.gallery-top .swiper-button-next{ display:none;}
.prolist_home p{ height:auto; margin-bottom:25px;}
}

@media (max-width: 500px) {  
.liucheng_title p{ font-size:37px;}
.foot_cen{ width:100%; border:none; margin-bottom:25px;}
.foot_right{ width:100%;}
.chengnuo_ul li{ width:100%; padding:0px;}
.chengnuo_index_bg{ padding-top:35px; padding-bottom:35px;}

}
@media (max-width: 425px) {  
.about_ul li h2{ font-size:50px;}
.about_ul li div em{ font-size:40px;}
}