@charset "utf-8";
/* CSS Document */
@media all and (max-width:1700px){/*1680 * 1050*/
}

@media all and (max-width:1580px){/*1680 * 1050*/
}

@media all and (max-width:1460px){/*1440 * 900*/
}

@media all and (max-width:1410px){/*1366 * 768*/
.navMenu>li>a{padding:0 25px;}  
}

@media all and (max-width:1366px){/*1366 * 768*/
}

@media all and (max-width:1300px){/*1280 * 800*/
.navMenu>li>a{padding:0 20px;}   
}

@media all and (max-width:1280px){	
.navMenubox{margin-left:5%;}  
}

@media all and (max-width:1200px){ /*1200*/
.y-kefu-box01{display:none;}
.navMenu>li>a{padding:0 15px;}
.in_news_list li .txt_rnr{width:100%; margin-top:20px;}
}

@media all and (max-width:1100px){/*1024 * 768 */	
.navMenubox{margin-left:2%;}  
.navMenu>li>a{padding:0 10px;}
.in_news_list li .txtnr{padding:40px;}
}

@media all and (max-width:1000px){
.navMenubox{display:none;}
.top_rlg{margin-right:60px;}

/*手机下拉*/
.phxia{position:relative; display:block!important;}
.xialaph{position:fixed; z-index:999; top:80px; right:0; display:none; width:100%; padding-bottom:200px; background:#fff;}
.xialaph.active{top:0;}
.xialaph .ul2,.xialaph .ul3{display:none;}
.xialaph h4 a{font-size:16px; font-weight:bold; line-height:59px; color:#000;}
.xialaph h4{position:relative; border-bottom:1px solid #ddd;}
.xialaph h4::after{position: absolute; bottom:0; left:0; width:100%; height:1px; content:''; opacity:.1; background-color:#e5e5e5;}
.xialaph h5 a{font-size:14px; line-height:40px;}
.xialaph h5{position:relative; padding-left:10px;}
.xialaph h5::after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; opacity:.05; background-color:#fff;}
.xialaph h4 img{float:right; width:13px; margin-top:23px; cursor:pointer;}
.xialaph h4 img{float:right; width:13px; margin-top:26px; cursor:pointer;}
.xialaph h4.active,.xialaph h5.active{border-bottom:0;}
.xialaph h4.active img.img_s,.xialaph h5.active img.img_s{display:none;}
.xialaph h4.active img.img_d,.xialaph h5.active img.img_d{display:block;}
.img_d{display:none;}
.xialaph .ul2{padding-top:7px; padding-bottom:8px; background-color:#f4f4f4;}
.xialaph .ul3{position:relative; margin-top:0; padding-top:10px; padding-bottom:10px; padding-left:30px; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.xialaph .ul3 li a{font-size:12px; line-height:26px; display:block; text-transform:uppercase; color:#999;}
.xialaph .ul3 li{padding-top:5px;}
.xialaph .ul3 li:first-child{padding-top:0;}
.phonemeng{position:absolute; z-index:1048; top:0; left:0; display:none; width:100%; height:100%; opacity: .6; background-color:#000;}
.phonemeng.active{display:block;}
.menuph{position:absolute; top:25px; right:0; width:30px; height:30px; cursor:pointer; text-align:center; background-color:#e72f00;}

/*手机按钮*/
.menuph .point{position:relative; display:inline-block; width:20px; height:20px; margin-top:10px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:20px;}
.menuph .navbtn{position:absolute; top:5px; right:0; display:inline-block; width:21px; height:1px; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;}
.menuph .navbtn::after,.menuph .navbtn::before{position: absolute; right: 0; display: inline-block; width:20px; height: 1px; content: ''; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s; background: #fff;}
.menuph .navbtn::after{top:-5px;}
.menuph .navbtn::before{top:5px;}
.menuph .point.active .navbtn{background:transparent;}
.menuph .point.active .navbtn::after{top:0; -webkit-transform:rotate(45deg); -moz-transform:rotate(45deg); -ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.menuph .point.active .navbtn::before{top:0; -webkit-transform:rotate(-45deg); -moz-transform:rotate(-45deg); -ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.phxia .container{position:relative; padding:0 15px; margin:auto; width:100%;}

}

@media all and (max-width:980px){/*web*/
body{overflow-x:hidden;}
.top_rlg{margin:30px 60px 0 0; padding-left:25px;}

/* 手机焦点图部分 */
.flexslider{display:none;}	
.banner{display:block!important;position:relative; width:100%; margin-top:50px; line-height:0;z-index:0;}
.item img{width:100%; display:block;}
.owl-wrapper-outer{overflow:hidden;position:relative;width:100%;}
.owl-item{float:left;}
.owl-controls .owl-page,.owl-controls .owl-buttons div{cursor:pointer;}
.owl-theme .owl-controls{text-align:center;height:auto;width:100%;z-index:10;}
.owl-theme .owl-controls .owl-buttons div{color:#fff;display:inline-block;zoom:1;margin:5px; filter:Alpha(Opacity=50);opacity:0.5;z-index:999;}
.owl-theme .owl-controls .owl-pagination{position:absolute;bottom:20px;width:100%;}
.owl-prev , .owl-next{position:absolute;}
.owl-controls .owl-page{display:inline-block;margin:0;padding:0;line-height:0;zoom:1;}
.owl-controls .owl-page span{display:block; padding:0; line-height:0; width:10px; height:10px; border-radius:50%; margin:.3em;filter:Alpha(Opacity=90);opacity:.9;background:#fff;}
.owl-controls .owl-page.active span,.owl-theme .owl-controls.clickable .owl-page:hover span{filter:Alpha(Opacity=100);opacity:1;z-index:999;position:relative;background:#e72f00;}

.in_contact{height:300px;}

/* 首页案例 */
.main{height:100%; overflow:hidden; padding:40px 0;}
.index_gd_service{width:100%; position:inherit; top:0; transform:translateY(0);}
.index_gd_service ul li{width:33.333%; height:auto; float:left;}
.index_gd_service ul li:nth-child(1){width:100%; background: inherit;}
.index_gd_service ul li .img{width:100%; height:auto;}
.index_gd_service ul li .img img{display:block;}
.index_gd_service ul li .text{width:100%; height:auto; float:left; padding-bottom:20px;}
.index_gd_service ul li .text i{margin:20px 2px;}
.index_gd_service ul li .text p{font-size:14px;}
.index_gd_service ul li .shuzi{width:100%; color:#fff; text-align:center;}
.index_gd_service ul li .shuzi b{font-size:3rem; display: block;}
.index_gd_service ul li .shuzi p{margin-bottom:2rem; display: block; line-height:1rem; padding-top:0.5rem;}

/* 首页新闻动态部分 */
.main2{height:auto; padding:40px 0;}
.in_news_title h2{font-size:24px; line-height:24px;}
.in_news_title p{font-size:16px;}
.in_news_list{margin:40px auto 0; padding-bottom:60px;}
.in_news_list li .pic{width:100%;}
.in_news_list li .pic img{height:auto; display:block;}
.in_news_list li .txtnr{width:100%; padding:40px 20px;}
.in_news_list li .txt_time{float:left; text-align:left;}
.in_news_list li .txt_rnr{width:100%; float:left; margin-top:20px;}
.in_news_list li .txt_rtit{font-size:18px;}
.in_news_list li .txt_rtit:after{margin-top:20px;}
.in_news_list li .txt_rtxt{margin-top:20px; -webkit-line-clamp:3; line-clamp:3;}
.in_news_list li .txt_rmore{margin-top:20px;}
.xbc_dd span{width:12px; height:12px;}

/* 手机首页底部版权部分 */
.footer{padding:0 0 40px; margin-top:inherit; height:auto; overflow:hidden;}
.footer_nav ul li a{padding:0 5px; line-height:30px;}
.footer .w_nav{height:auto; line-height:30px; padding:20px 0; overflow:hidden;}
.footer_nav{position:inherit; left:0; transform:translateY(0);}
.footer_box{padding-top:30px;}
.footer_box .left{width:100%;}
.footer .w_nav .weixin,.footer_box .right{display:none;}
.footer_box .left .lianxi_text{font-size:14px; line-height:28px; margin-bottom:10px;}

/* 手机内页代码部分 */
.toolsBar .categorys{width:100%;}
.toolsBar .categorys a{width:31.333%; float:left; margin-right:3%; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.toolsBar .categorys a:nth-child(3n){margin-right:0;}
.toolsBar .dw_wz{width:100%; float:left; margin-top:20px;}
.ny_main{width:95%; margin:180px auto 0;}	
.ny_list ul li{width:31%; float:left; margin:0 3.5% 10px 0;}
.ny_list ul li:nth-child(3n){margin-right:0;}
.ny_list ul li a{width:100%; line-height:42px; padding:0 10px; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.ny_text{margin-top:30px;}
.ny_text img{width:100%; display:block;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:20px 0 40px;}
.pagination a,.pagination span{display:inline-block; padding:0 6px; line-height:24px; font-size:14px; border:1px solid #e5e5e5; margin:0 2px; text-transform:none;}
.pagination span.current,.pagination a:hover{color:#fff; border-color:#e72f00; background:#e72f00;}

/* 手机内页产品列表部分 */
.pro_img{margin:180px auto 0;}
.pro_img li .pic img{width:100% !important; height:100% !important; margin:0 !important;}
.pro_img li .pic .gdal{position:absolute; right:50%; bottom:0; margin-right:-122px; color:#fff; font-size:16px; text-align:center; background:rgba(231,47,0,.8); padding:20px 40px; display:inline-block;}
.pro_img li .text .box{padding:40px 20px;}
.promore_nr{margin-top:40px;}
.promore_left{width:100%; line-height:28px;}
.promore_right{width:100%; float:left; margin-top:40px;}

/* 手机新闻资讯部分 */
.newsList li{padding:20px;}
.newsList li .pic{width:100%;}
.newsList li .font{width:100%; float:left; margin-bottom:20px;}
.newsList li .date{float:none; height:80px; margin-left:0 !important; margin-bottom:20px;}
.newsList li .date:after{left:60px;}
.newsList li .date span{padding-top:10px;}

.new-view-title h2{font-size:20px;}
.newsmore_text img{width:100%; display:block;}
.newsmore_text{font-size:14px; line-height:28px;}

.hot_pro2{width:100%;float:left; margin-top:20px;}
.hot_pro2_tit{width:100%; float:left; border-bottom:1px solid #e6e6e6;}
.hot_pro2_tit h3{width:200px; float:left; color:#fff; line-height:45px; font-size:16px; padding:0 20px; background:#e72f00; text-align:center; font-weight:bold; position:relative;}
.hot_pro2_tit h3:after{content:''; position:absolute; bottom:-9px; height:0; width:0; margin:auto; left:0; right:0; border:9px solid transparent; border-top:9px solid #e72f00; border-bottom:none; -webkit-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;}
.new_s2{width:100%;float:left; margin-top:20px;}
.news_random2{width:100%;float:left; border:none; padding:0; margin-top:20px;}
.news_random2 ul li{width:100%; float:left; font-size:14px; line-height:36px; overflow:hidden; border-bottom:1px dashed #e6e6e6; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.news_random2 ul li a{background:url(../images/ly_li.png) no-repeat left center; padding-left:15px;}
.news_random2 ul li a:hover{color:#e72f00;}
.news_random2 ul li span{float:right; font-size:14px; color:#999;}
.news_bot{margin-top:40px; padding:30px 0 40px;}
.news_bot .prev,.news_bot .next{float: none; display:block; line-height:28px;}
.news_bot .prev::before {content: '上一条：'; display: inline;}
.news_bot .next::before {content: '下一条：'; display: inline;}
.news_bot .prev .img,.news_bot .next .img{display:none;}
.news_bot .back{position:static; display:block; width:100px; height:40px; line-height:40px; color:#666; border:1px solid #666; margin:20px auto 0;}

.case_list li{padding:20px;}

/* 手机联系我们内页部分 */
.contact2{margin:160px auto 0;}
.contact2 ul{margin-bottom:0;}

.about{margin:40px auto 0;}
.about_title h2{font-size:24px; line-height:30px;}
.about_text_pic{width:100%;}
.about_text_pic:after{bottom:-5px; right:-5px;}
.about_text_txt{width:100%; float:left; margin-top:40px; font-size:14px; line-height:28px;}
.about_text_txt strong{font-size:16px; color:#000;}
.lilian_list{margin-top:40px;}

.fzlc_bg{margin:40px auto 0; padding:50px 0;}
.hzhb_bg{padding:50px 0;}
.hzhb_img ul li{width:33.333%;}

.contact3{width:100%; margin-top:40px;}
.look-map{top:0; width:200px; padding-left:57px; background:url(../images/bz.png) no-repeat 33px center #e72f00; margin-left:-100px;}
.map{width:100%; float:left; margin-top:30px;}
#mapbarframe{width:100%; height:350px !important;}

.contnr{margin:40px auto;}
.message{width:100%;}
.message h3{font-size:18px; text-align:center;}
.message ol li{width:100%; margin-bottom:10px;}
.message ol li input{height:40px; line-height:38px;}
}
	 
@media all and (max-width:768px){
.pro_img li .pic{width:100%;}
.pro_img li .text{width:100%;}
.pro_img li .text .box{width:100%; position: inherit; bottom: inherit;}
.pro_img li .text .info{margin-top:20px;}
.promore_bn{margin-top:180px;}
.promore_bn .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{bottom:20px !important;}
.promore_title h2{font-size:30px; line-height:30px; letter-spacing:0;}

.contact2 p.en{letter-spacing:0;}
.contact2 li{width:49%; margin:0 2% 10px 0; padding:20px;}
.contact2 li:nth-child(2n){margin-right:0;}

.lilian_list li{width:49%; margin:0 2% 20px 0; padding:30px;}
.lilian_list li:nth-child(3n){margin-right:2%;}
.lilian_list li:nth-child(2n){margin-right:0;}

.hzhb_img ul li{width:50%;}

.case_list li .pic{width:100%;}
.case_list li .font{width:100%; float:left; margin-bottom:30px;}

}

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

@media all and (max-width:580px){
.top_rlg{display:none;} 
.in_title ul{width:100%; margin-top:20px;}  
.in_title ul li{width:49%; margin:0 2% 10px 0;}
.in_title ul li:nth-child(2n){margin-right:0;}
.in_aboutbg{height:auto; background:url(../images/in_about_bg.jpg) fixed; background-size:cover; overflow:inherit; padding-bottom:40px;}
.in_aboutl{width:100%; position: inherit;}
.in_aboutl img{width:100%; height:auto; display:block;}
.in_aboutr{width:100%; padding:40px 20px; position:inherit;}
.in_aboutr_tit h2{font-size:24px; line-height:24px; padding-top:15px;}
.in_aboutr_text{margin-top:20px; padding-right:0; font-size:14px; text-overflow:-o-ellipsis-lastline; overflow:hidden; text-overflow:ellipsis;
  display:-webkit-box; -webkit-line-clamp:8; line-clamp:8; -webkit-box-orient:vertical;}
.in_aboutr_btn{width:200px; margin-top:20px;}  
.in_aboutr_btn a{line-height:46px;}

.ny_list ul li{width:49%; margin:0 2% 10px 0}
.ny_list ul li:nth-child(3n){margin-right:2%;}
.ny_list ul li:nth-child(2n){margin-right:0;}

.pro_img li{width:100%;}
.promore_title h2{font-size:24px;}

.pro_img li .text .dbiaoti{font-size:22px; line-height:30px;}

.contact2 h2{font-size:20px; line-height:28px;}
.contact2 li{width:100%; margin:0 0 10px 0; min-height:auto;}

.lilian_list li{width:100%; min-height:auto;}

}

@media all and (max-width:414px){	
}

@media all and (max-width:375px){
.in_pro_img li .biaoti{padding:15px;}  
.in_pro_img li .biaoti h3{font-size:16px;}
.in_pro_img li .biaoti i{width:30px;} 
.in_pro_img li .biaoti i img{width:30px; display: block;}
.in_cpyy_list li .bt{font-size:16px;} 
}