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

}

@media all and (max-width:1410px){/*1366 * 768*/
 .logo img{height:60px;}   
 .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 18px;}
.banner .swiper-slide .desc{left:5%;}
.banner .swiper-slide .desc h2{font-size:36px; line-height:40px;}
}

@media all and (max-width:1200px){ /*1200*/
.navMenu>li>a{padding:0 15px; font-size:17px;}
}

@media all and (max-width:1100px){/*1024 * 768 */
.navMenu>li>a{padding:0 10px;}
.banner .swiper-slide .desc h2{font-size:30px; line-height:36px;}
.banner .swiper-slide .desc p{margin-top:10px;}
.banner .swiper-slide .desc .btn{margin-top:20px;}
}

@media all and (max-width:1000px){
.navMenubox,.side{display:none;}
.top_bg{height:80px; background:#fff; box-shadow:0 0 3px 5px rgba(0,0,0,0.1);}
.logo{margin-top:18px;}
.top_r{margin:20px 60px 0 0;}
/*手机下拉*/
.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; box-shadow:0 3px 9px rgba(0,0,0,0.1);}
.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 h4.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:2.5%; width:40px; height:40px; cursor:pointer; text-align:center; background:#c60202;}

/*手机按钮*/
.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:90%; 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(../image/search_btn.jpg) center no-repeat; border:0px; width:25px; height:25px; cursor:pointer; padding:0px; margin:0px; float:left;}	

.footer_navbar{width:100%; flex:unset; padding:0; margin-top:20px;}
.footer_navbar li{width: 100% !important;}
.footer_menu {height: 40px;align-items: center;position: relative;}
.footer_arrow{display: block;width: 44px;height: 40px;line-height: 40px;font-size: 18px;font-style: normal;color:#999;text-align: center;position: absolute;z-index: 9;right: 0;top: 0;}
.footer_arrow::after{content:"\e61f"; font-family:"icon";}
.footer_arrow.active::after{content:"\e61e";}
.footer_drop a{padding:8px 2.5%;}
.footer_drop{display:none;margin-top:0;}
}

@media all and (max-width:980px){
body{overflow-x:hidden;}
.top_box_l{display:none;}
.logo{margin-top:-40px;}
.logo img{height:50px;}
.Hsrch{margin:30px 60px 0 0;}
.Hsrch-box{top:80px;}

/* 首页焦点图部分 */
.banner{margin:80px auto 0;}
.banner .swiper-slide .pc{display:none;}
.banner .swiper-slide .m{display:block;}
.banner .swiper-slide .m img{width:100%; display:block;}
.banner .swiper-pagination-bullet{width:20px; height:2px; margin:0 5px !important;}
.banner .swiper-button-next,.banner .swiper-button-prev{display:none;}
.banner .swiper-horizontal>.swiper-pagination-bullets,.banner .swiper-pagination-bullets.swiper-pagination-horizontal,.banner .swiper-pagination-custom,.banner .swiper-pagination-fraction{bottom:20px !important;}
.banner .swiper-slide .desc{width:50%; top:10%; left:5%;}
.banner .swiper-slide .desc h2{font-size:36px; line-height:40px;}
.banner .swiper-slide .desc .btn{height:42px; line-height:42px; margin-top:20px;}

/* 第一屏部分 */
.one_box{margin:40px auto 0;}
.one_boxl{width:100%; padding-right:0;}
.one_boxl .title,.one_box1l .title{font-size:32px; line-height:40px;}
.one_boxl .wen{margin-top:20px; font-size:15px; line-height:24px;}
.one_boxl .tubiao{margin-top:20px;}
.one_boxl .tubiao li{width:100px;}
.one_boxl .tubiao li img{width:100px; height:100px;}
.one_boxl .btn,.one_box1l .btn{height:40px; line-height:40px;}
.one_boxr{width:100%;}
.one_box1{margin:40px auto 0;}
.one_box1r{width:100%;}
.one_box1l{width:100%; margin-top:40px; padding-left:0;}
.one_box1l .wen{margin-top:20px; font-size:15px; line-height:24px;}

/* 第二屏部分 */
.twobg{margin:60px auto 0; padding:40px 0 60px;}
.twobg .title,.in_aboutbg .title{font-size:30px; line-height:30px;}
.twobg .wen,.in_aboutbg .wen{margin:20px auto 0; font-size:15px; line-height:24px;}
.two-box{margin:40px auto 0; padding-bottom:40px;}
.two-box .swiper-slide .item_bt{font-size:14px; line-height:22px;}

/* 第三屏部分 */
.threebg{height:400px; padding:12.5vw 0 2.5vw;}
div.video-wrap{width:95%; height:520px;}
div.video-wrap video{height:520px;}
div.close-btn{top:0; right:0;}

/* 首页关于我们部分 */
.in_aboutbg{padding:40px 0;}
.inabout_list{margin:40px auto 0; padding-bottom:40px; overflow:hidden;}
.inabout_box li{padding:20px 2.5%;}

/* 首页在线留言部分 */
.in_feedbg .title{font-size:30px; line-height:30px;}
.in_feedbg .wen{margin:20px auto 0; font-size:15px; line-height:24px;}
.in_feed{margin:40px auto 0;}
.in_feed li{margin-bottom:10px;}
.in_feed li input{height:40px;}
.in_feed li textarea{height:120px;}
.in_feed .btn{width:180px; margin:20px auto 0;}
.in_feed .btn button{line-height:40px;}

/* 底部版权部分 */
.footer_bg{padding:40px 0;}
.footer_up{padding-bottom:40px;}
.footer_up .eml{margin:10px auto 0;}
.footer_up .eml a{font-size:30px; line-height:30px;}
.footer{margin:30px auto 0;}
.footer_jies{width:100%; margin-right:0;}
.footer_jies .foot_logo{text-align:center; width:100px; margin:0 auto 10px;}

.copyright{margin:20px auto 0; padding-top:20px;}
.copyright_l{width:100%; text-align:center;}
.copyright_l a,.copyright_r a{font-size:14px; line-height:25px; padding:0 2px;}

/* 内页产品中心部分 */
.mbx_bg{margin:80px auto 0;}
.pro_box{margin:40px auto 0;}
.pro_box h2,.title2{font-size:36px; line-height:36px;}
.pro_box .wen{font-size:15px; line-height:24px;}
.product{margin:40px auto 60px; display:block;}
.pro_left{width:100%; position:inherit;}
.pro_left .pro_feed{display:none;}
.pro_slide ul{padding-top:10px;}
.pro_slide ul li h4{height:40px; line-height:40px;}
.pro_slide ul li.has-child h4::after{top:11px;}
.pro_right{width:100%; margin-top:40px;}
.pror_item li{width:32%; margin:0 1.9% 2% 0; padding:15px;}
.pror_item li .biaot h4{line-height:20px;}
.pror_item li .biaot h5{height:40px; line-height:20px;}

.pro_detail{margin:40px auto 60px; display:block; overflow:hidden;}
.pro_detail .box{width:100%;}
.pro_detail .box .left{height:200px; margin:10px 0;}
.pro_detail .box .left .swiper-slide{padding:2px;}
.pro_detail_box{width:100%; margin-top:40px;}

.hot_probg{padding:40px 0 60px;}

/* 分页 */
.pagination li{font-size:14px;}
.pagination li a, .pagination li span{width:30px; height:30px; line-height:30px;}

/* 内页服务支持部分 */
.serv_box,.serv_box2{margin:40px auto 0; display:block;}
.serv_boxl{width:100%; padding-right:0; float:left;}
.serv_boxl .tit h3,.serv_box2r .tit h3,.serv_box5r .tit{font-size:30px; line-height:30px;}
.serv_boxr{float:left; margin-top:20px;}
.serv_box2l{width:100%;}
.serv_box2r{width:100%; padding-left:0; margin-top:20px;}

.serv_box3{margin:40px auto 0; padding:40px 0;}
.wen2{font-size:15px; line-height:24px;}

.serv_box4{margin:40px auto 0;}
.serv_box4_list li{width:49%; margin:2% 2% 0 0;}
.serv_box4_list li:nth-child(3n){margin-right:2%;}
.serv_box4_list li:nth-child(2n){margin-right:0;}

.serv_box5{margin:40px auto 0; padding:40px 0;}
.serv_box5l{width:100%;}
.serv_box5r{width:100%; padding-left:0; margin-top:40px;}
.serv_box5r ul li h4{font-size:16px; padding:0 20px 0 10px; text-overflow:ellipsis; white-space:nowrap;}
.serv_box5r ul li h4::after{font-size:22px;}
.serv_box5r ul li .faq_second{margin:0; padding-left:0;}

/* 内页关于我们部分 */
.about_box{margin:40px auto 0;}
.about_box2{margin:20px auto 0; padding:40px 0;}
.about_box2l{width:100%; padding-right:0;}
.about_box2l .tit h3{font-size:30px; line-height:30px;}
.about_box2r{width:100%; margin-top:20px;}
.about_box2l .desc{margin-top:0;}
.about_box2l .desc li{font-size:16px;}
.about_box3{margin:40px auto 0;}
.history-box{margin:20px auto 0; padding-bottom:40px;}
.history-box .swiper-slide .item_tit{font-size:24px; line-height:30px;}
.about_box4{margin:40px auto 0; padding:40px 0;}
.about_box4_list li{width:49%;}
.about_box4_list li:nth-child(2n){margin-right:0;}

/* 内页联系我们部分 */
.contact{margin:40px auto 0;}
.cont_left{width:100%; height:auto; position:inherit; border-radius:0; padding-right:0;}
.cont_left h3{margin-top:0; font-size:30px; line-height:30px;}
.cont_left p{font-size:15px; line-height:28px;}
.cont_left .list li{font-size:16px; margin-top:10px; padding-bottom:10px;}

.cont_right{width:100%; margin-top:40px;}
.message{padding:30px 20px; margin:40px auto 0;}

/* 内页新闻资讯部分 */
.newsList{margin:40px auto 60px;}
.newsList ._item{width:50%; margin-bottom:10px;}
.newsList ._item:nth-child(3n){border-right:1px solid #e9e9e9;}
.newsList ._item:nth-child(2n){border-right:none;}
.newsList ._item ._img{margin-top:0;}
.newsList ._item ._names{text-align:left; font-size:18px;}
.newsList ._item .desc{font-size:14px; margin-bottom:20px; text-align:left;}
.newsList ._item>a{padding:0 10px;}
.newsDet-con{width:100%;}
.FaDet-back{margin:30px auto 20px;}
.newsDet-site{width:100%; padding-left:0; position:inherit; margin-top:20px;}
}

@media all and (max-width:768px){
    
.banner .swiper-slide .desc em{display:none;}
.banner .swiper-slide .desc h2{font-size:24px; line-height:30px;}
.banner .swiper-slide .desc p{margin-top:10px; font-size:14px; line-height:20px; height:60px; overflow-y:scroll;display:none;}
.base_video_thumb .base_image{overflow:inherit;}
.inabout_box li{width:100%;}
.inabout_box li .text h3{font-size:30px; line-height:30px;}
.inabout_box li .text{width:66%;}
.inabout_box li .icon img{width:100px;}
}
   
@media all and (max-width:640px){
.Hsrch-box{height:80px;}
.Hsrch-block{width:95% !important; margin:20px auto 0;}
.Hsrch-block .text{width:80%; margin-left:0;}

.banner .swiper-slide .desc{width:95%;}
.banner .swiper-slide .desc h2{font-size:20px; line-height:25px;}
.banner .swiper-slide .desc p{width:50%;}
.banner .swiper-slide .desc .btn{width:120px; height:36px; line-height:36px;}

.one_boxl .title, .one_box1l .title{font-size:24px; line-height:30px;}
.one_box1l .wen,.one_boxl .wen{margin-top:10px;}
.one_boxl{padding-bottom:40px;}
.one_boxl .tubiao li{width:52px;}
.one_boxl .tubiao li img{width:52px; height:52px;}
.one_boxl .btn{margin-top:20px;}

.twobg .title, .in_aboutbg .title{font-size:24px;}
.one_box1l .wen,.one_boxl .wen,.twobg .wen, .in_aboutbg .wen{font-size:14px; line-height:22px;}

.inabout_list{margin:20px auto 0; padding-bottom:20px;}
.inabout_list ul{display:block;}
.inabout_list ul li{width:49%; margin:0 2% 3% 0;}
.inabout_list ul li:nth-child(2n){margin-right:0;}
.inabout_list ul li .icon{width:66px; margin:0 auto;}
.inabout_list ul li .icon img{width:66px; height:66px;}
.inabout_list ul li .wen{margin-top:10px;}
.inabout_box li .text p{font-size:14px; line-height:22px; margin-top:10px;}

.in_feedbg{padding:40px 0;}
.inabout_box li .text h3,.in_feedbg .title{font-size:24px;}
.in_feedbg .wen{margin:10px auto 0; font-size:14px; line-height:22px;}

.footer_up{padding-bottom:20px;}
.footer_up .eml a{font-size:25px;}
.footer_jies .foot_wen{font-size:14px; line-height:22px;}
.footer_menu{font-size:16px;}
.footer_drop a{font-size:15px; padding:4px 2%;}

.mbx_box li{padding:5px 15px 5px 0; margin-right:10px;}
.mbx_box li a{font-size:14px; line-height:30px;}

.pro_box .wen{height:210px; overflow-y:scroll;}

.pro_slide{padding:20px 0 10px;}
.pro_slide h3{padding:0 15px;}
.pro_slide ul li h4{padding:0 15px;}
.pror_item li{width:49%; margin:0 2% 2% 0; padding:10px;}
.pror_item li:nth-child(3n){margin-right:2%;}
.pror_item li:nth-child(2n){margin-right:0;}
.pro_feed{padding:15px 10px;}
.pro_detail_box .title h2{line-height:30px; font-size:20px;}
.pro_detail .box .left{height:150px;}
.pro_detail .box .left .swiper-slide{height:30px !important;}
.pro_detail_box .btn{margin-top:20px;}
.pro_detail_box .btn a{line-height:40px;}
.two-box{margin:20px auto 0;}
.title2,.serv_box2r .tit h3{font-size:24px; line-height:30px;}

.serv_boxl .tit h3{font-size:24px;}
.serv_boxl .tit p{margin-top:10px; font-size:14px; line-height:22px;}
.serv_boxl .list li{width:100%;}
.serv_boxl .list li .biaoti{padding-left:0;}
.serv_boxl .list li:nth-child(5n), .serv_boxl .list li:nth-child(6n){border-bottom:1px solid #e9e9e9; padding-bottom:20px;}
.serv_box2r .tit p{font-size:14px; line-height:22px; margin-top:10px;}
.serv_box2r .desc,.wen2{margin-top:10px; font-size:14px; line-height:22px;}
.serv_box3 .list{margin:20px auto 0;}
.serv_box3 .list li{width:100%; margin:0 0 20px 0;}
.serv_box5r ul li h4{font-size:15px; height:40px; line-height:40px;}
.serv_box5r ul li em{font-size:15px; line-height:40px;}

.cont_left h3{font-size:20px; line-height:25px;}
.cont_left p{font-size:14px; line-height:22px; margin-top:10px;}
#map_container{height:400px !important;}

.message h4{font-size:20px;}
.message ol{margin-top:20px;}
.message ol li{width:100%; margin-bottom:10px;}
.message ol li input{height:36px; padding:0 10px;}
  
}
   
@media all and (max-width:580px){
.banner .swiper-slide .desc{width:90%;}  
.one_boxl .title, .one_box1l .title,.twobg .title, .in_aboutbg .title{font-size:22px; line-height:25px;}
.threebg{height:300px; padding:15vw 0 4vw;}
.inabout_box li .icon img{width:66px;}
.inabout_list ul li .wen h3{font-size:16px; line-height:25px;}  
.inabout_list ul li .wen p{margin-top:0;}
.one_boxl .btn,.one_box1l .btn{width:120px; height:38px; line-height:38px; margin-top:20px;}
.base_video_play{width:52px; height:52px;}
.base_video_play i{width:20px; height:auto; margin:auto;}
.base_video_play i img{width:15px; margin-left:5px;}
.in_feed{margin:20px auto 0;}  
.in_feed li{width:100%;}
.in_feed li input{height:34px;}
.in_feed li textarea{height:100px;}
.footer_bg{padding:40px 0 20px;}
.footer_jies .foot_logo{width:70px;}
.footer_jies .foot_logo img{height:40px;}
.pro_right{margin-top:20px;}
.title2, .serv_box2r .tit h3,.inabout_box li .text h3, .in_feedbg .title{font-size:20px; line-height:25px;}
.newsList ._item{width:100%; border-right:none;}
.newsList ._item>a{padding:0;}
.newsList ._item:nth-child(3n){border-right:none;}
}
  
@media all and (max-width:414px){	
.pror_item li{width:100%;}
.pror_item li .pic{width:66%;}
}