@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*/
.navMenu>li>a{padding:0 22px;}  
}

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

@media all and (max-width:1366px){/*1366 * 768*/
.navMenubox{margin-left:30px;}
.navMenu>li>a{padding:0 16px;} 
}

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

@media all and (max-width:1280px){
.navMenu>li>a{padding:0 10px;}   	
}

@media all and (max-width:1200px){ /*1200*/	
.logo{width:260px; overflow:hidden;}  
.logo img{width:100%; display:block; margin-top:10px;}  
.navMenubox{margin-left:10px;}
.navMenu>li>a{padding:0 6px;}   
.y-kefu-box01{display:none;}
}

@media all and (max-width:1100px){/*1024 * 768 */	
.logo{width:190px; overflow:hidden;}  
.Hsrch{margin-left:0;}
}

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

/*手机下拉*/
.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 h3 a{font-size:16px; font-weight:bold; line-height:44px; color:#000;}
.xialaph h3{position:relative; border-bottom:1px solid #ddd;}
.xialaph h3::after{position: absolute; bottom:0; left:0; width:100%; height:1px; content:''; opacity:.1; background-color:#e5e5e5;}
.xialaph h4 a{font-size:14px; line-height:40px;}
.xialaph h4{position:relative; padding-left:10px;}
.xialaph h4::after{position:absolute; right:0; bottom:0; left:0; height:1px; content:''; opacity:.05; background-color:#fff;}
.xialaph h3 img{float:right; width:13px; margin-top:15px; cursor:pointer;}
.xialaph h3.active,.xialaph h5.active{border-bottom:0;}
.xialaph h3.active img.img_s,.xialaph h4.active img.img_s{display:none;}
.xialaph h3.active img.img_d,.xialaph h4.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:20px; right:10px; width:40px; height:40px; cursor:pointer; text-align:center; background-color:#008aff;}

/*手机按钮*/
.menuph .point{position:relative; display:inline-block; width:28px; height:22px; margin-top:10px;}
.menuph .point:hover .navbtn,.menuph .point:hover .navbtn::after,.menuph .point:hover .navbtn::before{width:28px;}
.menuph .navbtn{position:absolute; top:10px; 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: 28px; 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:-11px;}
.menuph .navbtn::before{top:10px;}
.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%;}

.search2{width:96%; height:25px; position:relative; background:#eee; margin:20px auto 0;}
.sear_bk2{width:80%; height:25px;float:left; padding-left:10px; line-height:25px; border:none; background:none; font-size:12px;}
.search_btn2{width:25px; height:25px; float:right;}
.search_btn2 .pushbutton{background:url(../images/search_btn.jpg) center no-repeat; border:0px; width:25px; height:25px; cursor:pointer; padding:0px; margin:0px; float:left;}	

.top_r{margin-right:60px;}

}

@media all and (max-width:980px){
body{overflow-x:hidden;}
.top_bg{height:80px;}
.Hsrch-box{height:80px;}
.Hsrch-block{width:98% !important; margin:20px auto 0;}
.logo{margin-top:5px;}
.top_r{margin-right:60px;}
.Hlang{margin:30px 0 0}
.Hsrch{margin:30px 0 0 0;}

/* 手机焦点图部分 */
.swiper-wrapper{margin:80px auto 0;}
.banner-box{height:-webkit-calc(60vh)!important;height:calc(60vh) !important;}
.banner-box .swiper-pagination-bullets{bottom:20px !important;}
.banner-box .swiper-pagination-clickable .swiper-pagination-bullet{width:9px !important; height:9px !important;}
.banner-box .swiper-pagination-clickable .swiper-pagination-bullet:after{width:6px !important; height: 6px !important; top:0; left:0; margin:0;}
.banner-box .swiper-pagination-clickable .swiper-pagination-bullet:before {right:14px; width:20px; top: 3px; -webkit-transform:scaleY(.5); transform:scaleY(.5);}
.banner-box .swiper-pagination-bullet{margin: 0 14px !important;}
.banner_img img{height:100%; display:block; object-fit:cover;}

/* 手机首页业务范围部分 */
.in_ywfw{margin:40px auto 0;}
.in_title h2{font-size:24px;}
.in_title h2 span::before{top:10px;}
.in_title h2 span::after{top:10px;}
.in_ywfw_list{margin:20px auto 0;}
.in_ywfw_list li{width:49%; margin:20px 2% 0 0;}
.in_ywfw_list li:nth-child(2n){margin-right:0;}
.in_ywfw_list li .tb{bottom:-12.5%;}
.in_ywfw_list li .wzbox{padding:45px 20px 20px;}
.in_ywfw_list li .wzbox h3{font-size:18px;}

/* 手机首页5大优势部分 */
.faq_tab_wrap{padding:40px 0 0 !important;}
.faq_tab_span{width:33.333% !important; line-height:70px !important; height:70px !important; margin-bottom:10px;}
.faq_tab_title{font-size:12px !important; padding-top:10px !important;}
.faq_tab_box{margin:40px auto 0 !important;}
.faq_read_li{height:100% !important;}
.faq_read_left{width:100% !important;}
.faq_read_right{width:100% !important; padding:40px 20px !important;}
.faq_read_box{height:auto !important;}

/* 手机首页关于我们部分 */
.in_about{margin:40px auto 0;}
.in_about_video{width:100%;}
.in_about_text{width:100%; float:left; margin-top:40px;}
.in_qyfc_img{margin:40px auto 0;}
.in_qyfc_img li{width:49%; float:left; margin:20px 2% 0 0;}
.in_qyfc_img li:nth-child(2n){margin-right:0;}

/* 手机首页荣誉资质部分 */
.in_honorbg{padding:40px 0;}
.in_honornr{margin-top:40px;}
.in_honor_img ul li{width:0.49%; margin-right:0.02%;}
.in_honor_l{left:0}
.in_honor_r{right:0;}
.in_honor_btn{margin:40px auto 0;}

/* 手机首页新闻资讯部分 */
.in_news_list li{width:0.49%; margin-right:0.02%;}

/* 手机首页友情链接部分 */
.in_link{margin:40px auto 0; padding:30px 20px;}
.in_link_text{width:100%; float:left; margin-top:20px; background:none; padding-left:0;}

/* 手机首页底部版权部分 */
.footer_bg{margin:40px auto 0; padding:40px 0 20px;}
.foot-left{width:100%;}
.foot-left-nav li{width:25%;}
.foot-center{width:75%; margin:30px 0 0 0;}
.foot-right{width:18%; margin-top:30px;}
.foot-right-ewm li{width:100%;}
.foot-right-ewm li img{width:100%; height:100%;}
.copyright{margin:40px auto 0; padding-top:20px;}

/* 手机内页代码部分 */
.ny_bn{width:100%; height:auto; margin:80px auto 0;}
.ny_bn img{width:100%; display:block;}

.ny_main{width:95%; margin:40px auto 0;}
.ny_left{width:100%;}
.nyl_list h2{height:60px; line-height:60px; background:#008aff url(../images/lb_tb.png) no-repeat 98% center;}
.sidebarMenu li a{height:46px; line-height:46px; background:url(../images/slide_li.png) no-repeat 98% center; display:block;}
.sidebarMenu li a.cur,.sidebarMenu li a:hover{background:#008aff url(../images/slide_lih.png) no-repeat 98% center;}
.cbgg-01 span{padding-top:0;}
.ny_right{width:100%; float:left; margin-top:40px;}
.nyr_text{margin-top:30px;}
.nyr_text img{width:100%; display:block;}
.f18{font-size:16px;}

.honor_r_img{margin-top:20px;}
.honor_r_img li{margin:20px 2% 0 0;}

.pagination{width:100%; height:auto; float:left; text-align:center; font-size:0px; position:relative; overflow:hidden; margin:30px 0 0 0;}
.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:#008aff; background:#008aff;}

/* 手机内页产品列表部分 */
.products{width:100%; margin-top:40px;}
.pros_left{width:100%;}
.spec-scroll .items{width:75%; height:50px;}
.spec-scroll .items ul li{width:60px;}
.pros_right{width:100%; margin-top:40px;}
.pros_right_top{border-bottom:1px solid #ddd;}
.pros_right_top h2{font-size:24px; line-height:30px;}

.proleft{margin-top:20px; line-height:28px;}
.proleft_btn li{width:49%; margin-right:2%;}
.proleft_btn li:nth-child(2n){margin-right:0;}
.proleft_btn li a{width:100%;}
.proleft_tel{margin-top:20px;}
.tabs-basic,.news_bot{margin-top:40px;}
.tabs-basic ul{border-bottom:none;}
.tabs-basic ul li{width:49%; float:left; display:inherit; margin-right:2%;}
.tabs-basic ul li:nth-child(2n){margin-right:0;}
.tabs-basic ul li a{width:100%; padding:10px 20px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.tabs-basic .tabs-content-placeholder{width:100%; padding:20px 0;}
.tabs-basic .tabs-content-placeholder .div p img{width:100%; display:block;}
.hot_pro2{margin-top:50px;}
.scrollleft2{width:100%; float:left; margin-top:30px;}
.scrollleft2 li{width:180px; float:left; margin-right:10px; overflow:hidden;}
.scrollleft2 li img{width:100%; display:block; border:1px solid #e6e6e6;}
.scrollleft2 li img:hover{border:1px solid #008aff;}
.scrollleft2 li span{display:block; width:100%; line-height:30px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center;float:left;}

/* 手机新闻资讯部分 */
.newsL{margin-top:0;}
.newsL ul li{width:100%; position:relative; padding:20px 0;}
.newsL li .newsL-pic{width:100%;}
.newsL li .newsL-note{width:100%; margin:20px 0 0 0;}
.newsL li .newsL-note h4{font-size:16px;}
.newsL li .newsL-note p{font-size:14px; margin:20px 0; -webkit-line-clamp:3; line-clamp:3;}
.newsL li .newsL-date{position: absolute; left:0; top:20px; background:rgba(0,0,0,.3); text-align:center; padding:20px 0;}
.newsL li .newsL-date span{font-size:30px; font-weight:bold; color:#fff; padding-bottom:0; margin-bottom:10px;}
.newsL li .newsL-date span:after{right:50%; margin-right:-15px;}

.newsmore_text img{width:100%; display:block;}

.view-page{width:100%; float:left; position:relative; margin:0; border-top:none;}
.view-page .prev,.view-page .back,.view-page .next{font-size:14px; width:100%; float:left; height:38px; border:solid 1px #e5e5e5; line-height:38px; position:static; transition:background-color .25s ease-in-out; -webkit-transition:background-color .25s ease-in-out; margin-top:10px; text-align:center; background:#fff; border-radius:5px;}
.view-page .prev{left:0;}
.view-page .prev a{background:url(../images/le.png) 12px center no-repeat; text-transform:uppercase; border:none; padding-left:0;}
.view-page .next a{text-align:center;}
.view-page a{display:block;} 
.view-page .back{left:50%; width:100%; border:none; margin-left:0;}
.view-page .back a{background:url(../images/back.png) 16px center no-repeat #008aff; color:#fff; text-align:center; text-transform:uppercase; border:none; padding-left:0;}
.view-page .back a:hover{background:url(../images/back.png) 16px center no-repeat #f00; color:#fff;}
.view-page .next{right:0;}
.view-page .next a{background:url(../images/ri.png) 95% center no-repeat; text-transform:uppercase; border:none;}
.view-page .prev:hover a{background:url(../images/le-white.png) 12px center no-repeat #008aff; color:#fff;}
.view-page .next:hover a{background:url(../images/ri-white.png) 95% center no-repeat #008aff; color:#fff;}

/* 手机联系我们内页部分 */
.cont_text{margin-top:40px;}
.cont_l{width:100%;}
.cont_r{width:46%; float:left; text-align:left; margin:20px 8% 0 0;}
.cont_r:last-of-type{margin-right:0;}
.cont_r img{width:100%; height:auto; display:block;;}
.map{width:100%; float:left; margin-top:30px;}
#mapbarframe{width:100%; height:350px !important;}
.message{padding:30px 20px;}
.message h2{font-size:18px;}
.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{width:100%;}  
}

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

@media all and (max-width:580px){
.top_r{display:none;}

.in_ywfw_list li{width:100%; margin:20px 0 0 0;}
.faq_tab_span{width:50% !important; line-height:60px !important; height:60px !important;}

.foot-left-nav li{width:50%;}
.foot-left-nav li a{font-size:14px;}
.foot-center{width:100%;}
.foot-right{width:50%; float:left;}

.dw_title{width:100%; background:none; text-align:inherit; padding:20px 0 0;}
.dw_title:after{display:none;}
.dw_title h2{color:#008aff; line-height:24px;}
.dw_wz{width:100%; float:left; margin:20px 0 0 0;}

.honor_r_img li{width:100%; margin:20px 0 0 0;}

.new-view-title h2{font-size:18px;}
}

@media all and (max-width:414px){	
.faq_read_title{line-height:30px !important;}  
.faq_read_button{padding-top:20px !important;}
.in_honor_img ul li{width:1%;}
.in_news_list li{width:1%;}
}

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

}