@charset "utf-8";
/* CSS Document */
/*------------浮动-----------------*/
 
.clearfix { zoom: 1; }

.titles{border-bottom: 1px solid #333;position: relative;}
.titles h2{font-size: 36px; color:#FFF;font-weight: bold;padding-bottom: 15px;border-bottom: 2px solid #FFF;float: left;margin-top:1px;margin-left: 96px;}
.titles.black{border-color:#ccc;}
.titles.black h2{color:#d92e27;border-color:#18191b;}
.titles h2 span{font-size: 16px;color:#999;margin-left: 8px;font-weight: normal;}
.titles a{font-size: 14px;color:#999;float: right;position: absolute;bottom:26px;right:25%;z-index:1000;}
.titles a:hover{color:#d92e27;}
.waps{width: 94%; max-width: 1200px; margin: 0 auto;}
.wap{width: 94%; max-width: 1200px; margin: 0 auto;}
.home_two{padding-top:78px;}
.newsBox{padding:80px 0;position: relative;}
/* .news_box{padding-bottom: 78px;} */
.newsBox span.line{position: absolute;height:100%; border-left: 1px solid #ccc;top:0;left:calc(50% - .5px);}
.news_box_left{width: 46%;border-radius: 3px;float: left;border:1px solid #ccc;}
.news_box_left .img_box{overflow: hidden;}
.news_box_left .img_box img,.about_two .swiper-slide img,.about_two_box ul li .img_box img,.news_content_two ul li img,.product_content_two ul li img, .product_two_content_three ul li img,.case_list ul li .img_box img,.join_content_one .img_box img,.product_details_left ul li img,.productBox_top ul li .img_box img,.about_one .img_box img,.product_content_one_box .img_box img{-webkit-transition:all .7s;transition:all .7s;}
.news_box_left .img_box img:hover,.about_two .swiper-slide .swiperBox:hover img,.about_two_box ul li .img_box img:hover,.news_content_two ul li:hover img,.product_content_two ul li:hover img,.product_two_content_three ul li:hover img,.case_list ul li .img_box img:hover,.join_content_one .img_box img:hover,.product_details_left ul li img:hover,.productBox_top ul li .img_box img:hover,.about_one .img_box img:hover,.product_content_one_box .img_box img:hover,.home_three .img_box img:hover,.news_content_one .news_box:hover img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);transform:scale(1.1);}
.news_box_right{width: 46%;float: right;}
.news_box_right_con{border-radius: 3px;float: left;border:1px solid #ccc;}
.news_box_right_con:first-child{margin-bottom: 67px;}
.newsBox .text_box{padding:34px 38px;}
.newsBox .text_box h3{margin-bottom:22px;font-size: 18px;color:#454545;}
.newsBox .text_box p{font-size: 14px;color:#999;line-height: 24px;height: 48px;overflow: hidden;}
.newsBox .time{width: 100%;height:80px;background: #E6E6E6;position: relative;}
.newsBox .time p{float: left;height:100%;padding:20px 38px;font-size: 36px;color:#FFF;background: #17181B;line-height:20px;}
.newsBox .time p span{font-size: 14px;color:rgba(255,255,255,1);line-height: 0;}
.newsBox .time a{display: block;width: 40px;height: 100%;background: url(b_1.png) no-repeat center;float: right;margin-right: 38px;}
.newsBox .time b{display: block;width: 0;height: 0;border:7px solid transparent;position: absolute;}
.newsBox .time b.right{border-left-color:#17181B ;right:-14px;top:-120px;}
.newsBox .time b.left{border-right-color:#17181B ;left:-14px;top:calc(50% - 7px);}
.newsBox .time i{display: block;width: 9px;height: 9px;border:2px solid #CCC;background: #fff;position: absolute;border-radius:50%;top:calc(50% - 6.5px);}
.newsBox .time i{left:-56px;}
.newsBox .time i.left{top:-123px;left:auto;right:-53px;}
.newsBox .news_btns{text-align: center;position: absolute;width: 100%;top:-62px;left:0;}
.newsBox a.btn,.search_result_box a.more{display: inline-block;width: 150px;line-height: 45px;font-size: 18px;color:#999;border:1px solid #ccc;text-align: center;}
.newsBox a.btn.cur,.newsBox a.btn:hover{background: #d92e27;border-color:#d92e27;color:#FFF;}
.newsBox a.btn_one{float: left;margin-left:calc(46% - 152px);}
.newsBox a.btn_two{float: left;margin-left:8%;}
.news_box_left:hover,.news_box_right_con:hover{border-color:#d92e27;}
.news_box_left:hover .time p,.news_box_right_con:hover .time p{background: #d92e27;}
.news_box_left:hover b.right{border-left-color:#d92e27;}
.news_box_right_con:hover b.left{border-right-color:#d92e27;}
.news_box_left:hover .time a,.news_box_right_con:hover .time a{ background-image:url(b_2.png);-webkit-animation:leftright .7s infinite;animation:leftright .7s infinite;-webkit-animation-direction:alternate;animation-direction:alternate;}


/********************************响应式********************************/
@media screen and (max-width:1600px) {
/*新闻资讯*/
.detailsBox .img_box{width: 83%;margin:0 auto;}
.detailsBox i{right: 0;}
.news_details .switch{padding-bottom: 80px;}
.detailsBox .swiper-container .swiper-slide p{line-height: 66px;}
}

@media screen and (max-width:1400px) {
.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_five_content,.service_four_two{padding:50px 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_three_list,.news_details_content{padding-top: 50px;}
.news_box{padding-bottom: 50px;}
/*新闻资讯*/
.news_content_one .news_box h3{padding:20px 0 0;}
.news_box{padding-bottom: 20px;}
.news_box .open{margin-top: 20px;}
.news_content_two ul li{width: 32.4%;margin:0 1.4% 30px 0;}
.news_content_two ul li .text_box{padding:20px 25px 90px;}
.bdshareBox{right:0;}
}
@media screen and (max-width:1300px) {
.newsBox .text_box{padding:25px;}
.home_two .news_box h3{padding:30px 0 10px;}
.newsBox .time i{display: none;}

/*新闻资讯*/
.news_content_two ul li h3{margin-bottom: 5px;}
.news_content_two ul li .text_box{padding:15px 20px 70px;}
.news_content_two ul li b.links{width: 110px;line-height: 36px;margin-top: 15px;}
.detailsBox .text_box{margin-top: 40px;}
.news_details .switch{padding:50px 70px 50px;}
.hot_news_box ul li{width: 32.4%;margin-right: 1.4%;}
.hot_news{padding:20px 0 30px;}
.news_details .details_title{padding:30px 50px;}
.news_details .details_title b, .login_box b, .map_list b{right:50px;}
.hot_news_box{padding-top: 6px;}

}
@media screen and (max-width:1200px) {
.newsBox .news_btns{top:-60px;}
.newsBox .text_box{padding:20px;}
.newsBox .text_box h3{margin-bottom: 10px;}
.newsBox .time{height: 70px;}

/*新闻资讯*/
.news_content_one .news_box{width: 49%;margin-right: 2%;padding-bottom: 0;}
.news_content b.links{width: 120px;line-height:40px;}

}
@media screen and (max-width:1100px) {
.titles h2{margin-left: 50px;padding-bottom: 10px;}
.titles a{right:50px;bottom:15px;}
.newsBox .text_box{padding:10px;}
.newsBox .text_box h3{margin-bottom: 0;}
.newsBox .time{height: 60px;}
.newsBox .time p{line-height:48px;}
.news_box_right_con:first-child{margin-bottom: 60px;}

/*新闻资讯*/
.news_content_one .news_box h3{padding-bottom: 5px;font-size: 18px;padding-top: 10px;}
.news_content_two ul li .text_box{padding:10px 15px 55px;}
.news_content_two ul li h3{margin-bottom: 5px;font-size: 16px;}
.news_content_two ul li p{line-height: 20px;height:40px;}
.news_content_two ul li b.links{width: 90px;line-height: 30px;margin-top: 10px;font-size: 12px;}
.news_content_two ul li{margin-bottom: 20px;}
.detailsBox .text_box{margin-top: 20px;}
.news_details .details_title{padding:20px 40px;font-size: 24px;}
.news_details .details_title b, .login_box b, .map_list b,.news_details .switch a[class],a.back{width: 40px;height: 40px;line-height: 40px;}
.news_details .switch a.back{top:0;-webkit-background-size: 62%;background-size: 62%;margin-left: 40px;}
a.back{-webkit-background-size: 62%;background-size: 62%;}
.detailsBox i{width: 50px;height: 50px;}
.news_details .switch{padding:20px 30px 20px;}
.hot_news{padding:10px 0;}
.detailsBox .swiper-container .swiper-slide p{line-height: 50px;}

}   
@media screen and (max-width:960px) {
.titles h2{margin-left: 20px;}
.titles a{right:20px;bottom:10px;}
.newsBox .time p{line-height: 50px;padding:0 25px;}
.newsBox .time p br,.newsBox .time b{display: none;}
.news_box_right_con:first-child{margin-bottom: 15px;}

/*新闻资讯*/
.news_content b.links{width: 100px;line-height:34px;}
.news_content .text_box span{line-height: 36px;font-size: 14px;}
.news_details .details_title{padding:20px;font-size: 22px;}
.news_details .details_title b, .login_box b, .map_list b, .news_details .switch a{right:20px;top:20px;}
.detailsBox .swiper-container .swiper-slide p{line-height: 40px;}
.hot_news_box ul li{line-height: 28px;}
.news_details .switch{padding:15px 20px;}
.content_nav ul li, .hot_news_nav ul li, .product_details_nav ul li,.product_details_left h3 span{padding-bottom: 2px;}
.detailsBox .text_box{margin-top: 15px;font-size: 14px;}
.detailsBox .text_box br.separated{display: none;}
.news_content_two ul li h5{width: 85px;line-height: 32px;}

}  
@media screen and (max-width:768px){
.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_two_three,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,.hot_news.productsList .related_list ul{padding:30px 0;}
.footer_one .waps{padding:30px 0 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox,.service_two_threeBottom{padding-top: 30px;}
.titles h2{margin-left:0; font-size:18px;}
.titles h2 span{margin-left:0;}
.news_box{padding-bottom: 30px;}
.newsBox .text_box h3{font-size: 16px;}
.newsBox .time{height: 45px;}
.newsBox .time p{line-height: 45px; font-size:18px;}

/*新闻资讯*/
.news_content .news_box .text_box p{height: 60px;line-height: 20px;}
.news_box .open{margin-top: 10px;}
.news_content b.links{font-size: 12px;}
.news_content_two ul li b.links{width: 80px;line-height: 26px;}
.news_details .details_title{padding:12px 20px;font-size: 20px;}
.news_details .details_title b, .login_box b, .map_list b, .news_details .switch a{top: 12px;}
.bdshareBox{top: -55px;}
.detailsBox .text_box,.detailsBox .img_box{width: 94%;}

}
@media screen and (max-width:640px) {

.home_one,.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_two_three,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,,.hot_news.productsList .related_list ul{padding:20px 0;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox,.service_two_threeBottom{padding-top: 20px;}
.news_box,.service_content{padding-bottom: 20px;}
.home_four ul{padding:20px 0;}
.titles h2,.titlesC h2{padding-bottom: 8px;}

.productBox_top{margin-top: 20px;}
.productBox_top ul li{width: 100%;margin-bottom: 10px;}
.productBox_bottom .swiper-slide p, .product_content_two ul li p, .product_two_content_three ul li p{font-size: 16px;line-height: 40px;}
.news_box_left,.news_box_right{width: 100%;margin-bottom: 10px;}
.newsBox span.line{display: none;}
.home_two .news_box h3{padding:10px 0 5px;}
.newsBox .time{height: 38px;}
.newsBox .time p{line-height: 38px;}
.newsBox .time p span{margin-left: 6px;}
.newsBox a.btn{float: none !important;margin:0 !important;width: 84px;line-height: 30px;font-size: 16px;}
.newsBox .news_btns{top:-45px;}
.newsBox a.btn_one{margin-right: 10px !important;}
/*新闻咨询*/
.news_content_one .news_box h3{padding:5px 0 2px;font-size:16px;}
.news_box .text_box p{line-height: 18px;height: 54px;font-size: 12px;}
.news_content b.links{width: 90px;line-height: 30px;}
.news_content .text_box span{font-size: 12px;line-height: 32px;}
.news_content_two ul li{width: 49%;margin-right: 2%;margin-bottom: 10px;}
.news_content_two ul li:nth-child(3n){margin-right: 2%;}
.news_content_two ul li:nth-child(2n){margin-right: 0;}
.news_content_two ul li p{line-height: 18px;height: 36px;font-size: 12px;}
.news_details .details_title b, .login_box b, .map_list b, .news_details .switch a{width: 30px;height: 30px;line-height: 30px;}
.news_details .details_title b, .login_box b, .map_list b, .news_details .switch a{right:10px;top:10px;}
/* .detailsBox .img_box .btn{display: none;} */
.detailsBox .swiper-container .swiper-slide p{line-height: 34px;font-size: 14px;}
.hot_news_box ul li{width: 49%;margin-right: 2%;}
.hot_news_box ul li:nth-child(3n){margin-right: 2%;}
.hot_news_box ul li:nth-child(2n){margin-right: 0;}
.detailsBox i{width: 36px;height: 36px;}
.bdshareBox{top: -41px;}
}
@media screen and (max-width:480px) {

.newsBox .time p{padding:0 16px;}
.newsBox a.btn{line-height: 24px;font-size: 14px;}
.newsBox .news_btns{top:-39px;}
.titles h2 span{font-size: 14px;}
/*新闻资讯*/
.news_details_banner .banners_text{top:50%;}
.titles a{ display:none;}
}
@media screen and (max-width:400px) {  
/*header、footer、首页*/  
.banner .swiper-container,.banners{height:230px !important;}
.newsBox,.home_four,.footer_one .waps,.about_one,.about_two,.about_two_content,.news_content_one,.news_content_two,.detailsBox,.product_content_two, .product_two_content_three,.product_two_content_one,.product_details_one,.join_content_one,.join_content_two,.service_content .serviceBox,.service_two_three,.service_three_content,.service_three_list,.service_five_content,.service_four_one,.service_four_two,.search_result_box,.hot_news.productsList .related_list ul{padding:15px 0;}
.home_one{padding:15px 0 35px;}
.home_two,.about_two_box,.product_details_two,.join_two_content,.service_two_one, .service_two_two,.service_two_oneBox{padding-top: 15px;}
.nav_box ul li{line-height: 30px;}
.nav_box p span{bottom:5px;}
.nav_box ul li dl dd{line-height: 20px;}
.news_box,.service_content{padding-bottom: 15px;}
.titles h2,.titlesC h2{padding-bottom: 2px;}
.titles a{bottom:2px;}
/*新闻资讯*/
.news_content_one .news_box{width:100%;margin-bottom: 10px;}
.news_content_two ul li{width: 100%;}
.news_content_two ul li .text_box{padding:6px 10px 50px;}
.detailsBox .text_box{font-size: 12px;}
.news_details .details_title{font-size: 18px;}
.news_content_two ul{margin-bottom: 10px;}
.detailsBox i{width: 28px;height: 28px;-webkit-background-size: 16px;background-size: 16px;}
.bdshareBox{top: -33px;}
.bdshareBox .bdshare_dialog_boxs.on{right:-5px;border-width: 2px;}
.titles a,.newsBox a.btn,.search_result_box a.more{margin-right: 2px!important;}
.titles a{width:auto;}
}