@media screen and (min-width:800px){
.header.xg .nav_box{position:fixed;left:0;top:0;z-index:11;}

}
@media screen and (max-width:1360px){
.main_box,.wrap{width: 1200px;}
#b90508{width: 570px;}
.index_box5 .news_pic{width:560px;}
.index_box5 .news_list{width:600px;}
.index_box5 .news_pic a.img{height:324px;}
.ny_navbox{width: 280px;}
.n_mainbox{width:880px}
.news_list .tab_list .text_box{width:720px}
.news_list .tab_list .img{width:460px}
.case_wrap .f_case{width: 29.18%;}
}


@media screen and (max-width:800px){
    .header.xg{position:fixed;left:0;top:0;z-index:11;box-shadow:1px 1px 20px 1px #e6d7d7;}
	.toper .toptel{display:none;}
	.toper{height:60px;;}
    .main-filter {width: 100%;height: 100%;position: fixed;top: 0;left: 0;bottom: 0;right: 0;z-index: 100; display: none; background: rgba(0 0 0 /0.5);}
    .wrapper {width:100%;position: relative;overflow: hidden;}
    .main_box,.wrap {width:92%;margin:0 auto;}
    .header .nav_box{*display:none;margin-right:0;}
    .header .search_box{DISPLAY:NONE;width:auto;padding:0 6px;min-width:30px;}
    .header .logobox a img{height: 40px;}
    .header .search_box .searchBar{width:100%;position: fixed;top:50px;left:-0.1%;}
    .header .menu-btn{width: 50px;height: 50px;display: block;position: absolute;right: 0;top: 0;z-index: 130;}
    .header .menu-btn span{width: 24px;height: 0.14em;background: #333333;border-radius: 3px;position: absolute;left: 13px;top: 23px;z-index: 2;transition: 0.8s;-webkit-transition: 0.8s;-moz-transition: 0.8s;-ms-transition: 0.8s;-o-transition: 0.8s;}
    .header .menu-btn span.line1{top: 15px;}
    .header .menu-btn span.line3{top: 31px;}
    .header.xg .menu-btn span,.header:hover .menu-btn span{background: #333333;}
    .header .nav_box {width: 260px;height: 100%;overflow: auto;position: fixed;right: -260px;top: 0;bottom: 0;	z-index: 105;display:block;background: #fff;margin: 0;padding: 0 0 20px 0;text-align: left;}
    .header .nav_box .tit {display: block;font-size: 30px;font-weight: bold;color: #0093dd;	text-align: center;	padding: 20px 0;}
    .header .nav_box > ul{display: block;width:100%;margin:30px auto 0;}
    .header .nav_box > ul > li {width: 100%;float: none;margin: 0;}
    .header.small .nav > ul > li > a,.header .nav > ul > li:hover >a,.header .nav > ul > li > a {width: 100%;height: 60px;	line-height: 60px;padding: 0 20px;border-bottom: solid 1px #ccc;color: #575757;	text-indent: 20px;}    
	.header .nav_box>ul>li.on,.header .nav_box>ul>li:hover{background:none;}
	
    .header .nav_box>ul>li>a:hover:after,.header .nav_box>ul>li.on>a:after{height: 2px; background:none;left: 0; bottom: 0px;}
	.header .nav_box > ul > li.now .sub{border-bottom:1px solid #ededed;}
    .header .nav_box > ul > li.down > a:after{content:">";display:block; position: absolute; color:#666666;bottom:auto;left:auto;top:0;right:10px;width: 20px;height: 25px; background: none;top: 0px;text-indent: 0;}
    .header .nav_box > ul > li .arrow{width: 60px;height: 60px;	position: absolute;	top: 0;	right: 0;	z-index: 2;	display: block;	background: url(../images/arrow1.png) no-repeat center;}
    .header .nav_box > ul > li.now .arrow{	transform: rotate(180deg);	-webkit-transform:rotate(180deg);	-ms-transform:rotate(180deg);	-o-transform:rotate(180deg);	-moz-transform:rotate(180deg);}
    .header .nav_box>ul>li>.sub {width:100%; display: none; position: static;	top: 0;	left: 0; transform: translate(0%, 0%);	-webkit-transform: translate(0%,0%);	-moz-transform: translate(0%,0%);	-ms-transform: translate(0%,0%); -o-transform: translate(0%,0%); padding: 0;}
    .header.small .nav_box > ul > li > a,.header .nav_box > ul > li:hover >a,.header .nav_box > ul > li > a {width:calc(100% - 40px);height: 50px;line-height: 50px;padding: 0 20px;border-bottom: solid 1px #efefef;color: #575757; text-indent: 20px;position: relative;}
    .header.xg .nav_box>ul>li:hover>a, .header:hover .nav_box>ul>li:hover>a{color:#333!important;}
    .wrapper,.wrapper .header,.wrapper .header .nav_box,.footer .f_nav dl dt {transition: 0.4s;-webkit-transition: 0.4s;-moz-transition: 0.4s;-ms-transition: 0.4s;-o-transition: 0.4s;}
    .wrapper.shiftLeft {margin-left: -200px;}
    .wrapper.shiftLeft .header {left: -240px;z-index: 105;}
    .wrapper.shiftLeft .header .nav_box {right: 0;}
    .wrapper.shiftLeft .menu-btn span{background: #fff;}
   	.wrapper.shiftLeft .header:hover .menu-btn span{background:#333}
    .wrapper.shiftLeft .menu-btn span.line1,.wrapper.shiftLeft .menu-btn span.line1{top: 23px;transform: rotate(45deg);-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);-moz-transform: rotate(45deg);}
    .wrapper.shiftLeft .menu-btn span.line2,.wrapper.shiftLeft .menu-btn span.line2{opacity: 0;}
    .wrapper.shiftLeft .menu-btn span.line3,.wrapper.shiftLeft .menu-btn span.line3{top: 23px;transform: rotate(-45deg);-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);-moz-transform: rotate(-45deg);}
    /**/
    .banner .swiper-slide video{*width:auto;margin-top: 0px; width:100%;margin:0;}
    .banner .swiper-slide,.banner .swiper-slide video{max-height: 900px;height:100vw;}
    .banner .swiper-slide .img{height:45vw;}
    .banner .swiper-slide .img .text{top:37%;right:auto;left:10px;width:calc(100% - 20px);}
    .banner .swiper-slide .img .text h3{font-size:28px;margin-bottom:10px;}
    .banner .swiper-slide .img .text h6{font-size:16px;line-height:28px;}
    .banner .swiper-button-next, .banner .swiper-button-prev{display:none;}
    .banner .swiper-container-horizontal .swiper-pagination{bottom:8px;}
	.banner .swiper-pagination span{width:10px;height:10px;}
    /**/
    .i_titbox{font-size:20px;}
    .i_titbox .i_tit h3{font-size:26px;}
	.i_titbox .i_tit{margin-bottom:25px;}
     .i_titbox .i_tit p{padding-top:3px;}
    /**/
	.index_box1{padding:40px 0;}
    .index_box1 .titbox .i_titbox{margin-top:0;}  
    .index_box1 .list .swiper-slide a{display:block !important}
    .index_box1 .list .swiper-slide a .img,.index_box1 .list .swiper-slide a .text{width:100%;}
    .index_box1 .list .swiper-slide a .text{padding-left:0;}
    .index_box1 .list .swiper-slide a{background:none;height:auto;}
    .index_box1 .list .swiper-slide a .text h3{line-height:36px;padding:10px 0;font-size:22px;}
    /**/
    .index_box2{padding:40px 0 ;}
    .index_box2 .i_casebox .f_case .text h3{font-size:18px;}
    .index_box2 .i_casebox .f_case{width:100%;float:none!important;margin-left:0;}
    .index_box2 .i_casebox .f_case .img{height:auto;}
    .index_box2 .more .more1{margin-top:20px}
    /**/
	.index_box3{padding:40px 0 ;}
	.index_box3 ul{flex-wrap: wrap;}
	.index_box3 .flow_box li{width: 28.3%;padding: 0 2%;}
	.index_box3 .pathNum{margin-top: 20px;margin-bottom: 20px;background:none;}
	.index_box3 ul:after{display:none;}
	.index_box3 .flow_box .t_box .int2 span,.index_box4 .adv_box .t_box .int2 span{font-size:14px;line-height:20px;}
	.index_box3 .flow_box .t_box .int1,.index_box4 .adv_box .t_box .int1{font-size:17px;padding-bottom:8px;}
	.index_box3 .flow_box img {width: 50px;}
	.index_box3 .pathNum span{background:#f0f1f2;}
	.index_box3 .flow_box .img{    margin-bottom: 20px;}

	.index_box4{padding:40px 0 ;}
	.index_box4 .content_box .content{width:100%;font-size: 16px;line-height: 32px;}
    .index_box4 .content_box .box,#b90508{float:none;width:100%;}
    .index_box4 .content_box{width:92%;}
    .index_box4 .content_box .content{text-align:center}
    .index_box4 .i_titbox .i_tit{text-align:center;}
    .index_box4 .content_box1 .more1{margin:30px auto;}
	.index_box4 .more_view{margin:0 auto 30px;}
	.index_box4 ul{flex-wrap: wrap;}
	.index_box4 .adv_box .img{width:78px;height:78px;margin-bottom:20px;}
	.index_box4 .adv_box li{width:29.2%;padding: 30px 2% 0;}
	.index_box4 .adv_box li:nth-child(4),.index_box4 .adv_box li:nth-child(5){width: 45.6%;}

    /**/
	.index_box5{padding:40px 0 ;}
	.index_box5 .news_pic,.index_box5 .news_list{float:none;width:100%;}
	.index_box5 .news_pic a.img{height:auto;}
	.index_box5 .news_list li{padding: 12px 0;}
	.index_box5 .j_tab{font-size:14px;width: 70px;height: 70px;}
	.index_box5 .news_list .text{width: calc(100% - 75px);}
	.index_box5 .news_list li h5{font-size:17px;}
	.index_box5 .news_list li .con{margin-top:0;font-size: 15px;line-height: 22px;height: 46px;}
	.index_box5 .news_pic h5{padding:10px 0 8px;font-size:18px;}
	 /**/
	.index_box6{padding:40px 0 ;}
	.index_box6 .content_box .img_box{display:none;}
	.index_box6 .content_box{height:auto;padding:30px 0;}
	.index_box6 .content_box .box{width:92%;padding:0 8%;margin:0;}
	.index_box6 .content_box .box .text2,.index_box6 .content_box .box .text1,.index_box6 .more_view{width:100%;}
    .index_box6 .mes_top h3{font-size: 20px;}

	.footer{padding-top:40px}
	.f_top{display: flex;justify-content: center;align-items: center;padding-bottom:20px;}
	.footer .f_tel{justify-content: center;}
	.footer .qrcode{margin-top: 20px;}
	.footer .f_nav,.f_link{display:none;}
	.footer .f_copy{padding-bottom: 60px;line-height: 24px;}
	.footer .qrcode div{margin: 0 16px;}
	.footer .qrcode div img{width: 80%;}

.hj_img ul li{width:50%;padding: 10px 8px;} 
.hj_img ul{margin: 0 -10px;}
    /**/
    .ph_pages{display:block;}
    .pc_pages{display:none;}
    .am-pagination{padding-left:0;margin:0 ;list-style:none;color:#999;text-align:left}
    .am-pagination:after,.am-pagination:before{content:" ";display:table}
    .am-pagination:after{clear:both}
    .am-pagination>li{display:inline-block}
    .am-pagination>li>a,.am-pagination>li>span{position:relative;display:block;padding:.5em 1em;text-decoration:none;line-height:1.2;background-color:#fff;border:1px solid #ddd;border-radius:0;margin-bottom:5px;margin-right:5px}
    .am-pagination>li:last-child>a,.am-pagination>li:last-child>span{margin-right:0}
    .am-pagination>li>a:focus,.am-pagination>li>a:hover,.am-pagination>li>span:focus,.am-pagination>li>span:hover{background-color:#eee}
    .am-pagination>.am-active>a,.am-pagination>.am-active>a:focus,.am-pagination>.am-active>a:hover,.am-pagination>.am-active>span,.am-pagination>.am-active>span:focus,.am-pagination>.am-active>span:hover{z-index:2;color:#fff;background-color:#0e90d2;border-color:#0e90d2;cursor:default}
    .am-pagination>.am-disabled>a,.am-pagination>.am-disabled>a:focus,.am-pagination>.am-disabled>a:hover,.am-pagination>.am-disabled>span,.am-pagination>.am-disabled>span:focus,.am-pagination>.am-disabled>span:hover{color:#999;background-color:#fff;border-color:#ddd;cursor:not-allowed;pointer-events:none}
    .am-pagination .am-pagination-prev{float:left}
    .am-pagination .am-pagination-prev a{border-radius:0}
    .am-pagination .am-pagination-next{float:right}
    .am-pagination .am-pagination-next a{border-radius:0}
    .am-pagination-centered{text-align:center}
    .am-pagination-right{text-align:right}

    .am-pagination{position:relative}
    .am-pagination-default{margin-left:10px;margin-right:10px;font-size:1.6rem}
    .am-pagination-default .am-pagination-next,.am-pagination-default .am-pagination-prev{float:none}
    .am-pagination-select{margin-left:10px;margin-right:10px;font-size:14px;}
    .am-pagination-select>li>a{line-height:36px;background-color:#eee;padding:0 15px;border:0;color:#555}
    .am-pagination-select .am-pagination-select{position:absolute;top:0;left:50%;margin-left:-35px;width:70px;height:36px;text-align:center;border-radius:0}
    .am-pagination-select .am-pagination-select select{display:block;border:0;line-height:36px;width:70px;height:36px;border-radius:0;color:#555;background-color:#eee;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-left:18px}

    /*====翻页====*/
    .page .ph_pages .am-pagination-select .am-pagination-select select{ color: #666666 !important; text-align: center; padding:0; background: none; font-size: 14px; border: 1px solid #dedede;}
    .page .ph_pages .am-pagination-select > li > a{color: #666666 !important;background: none;font-size: 14px;border: 1px solid #dedede;background-color: #f7f7f7;height: 36px; padding:0 20px}
    .page .ph_pages .am-pagination-select > li > a:hover{ background: none; border: 1px solid #dedede; }
    .page .ph_pages .am-pagination .am-pagination-prev{ margin-left:3%}
    .page .ph_pages .am-pagination .am-pagination-next{ margin-right:3%}

    .n_banner,.n_banner .bg{height:45vw;background-size:cover;background-attachment:initial;}
    .n_banner h3{font-size:28px;margin-top:0;text-align:center;}
    .n_banner h3 p{font-size:16px;padding-top:10px}
    #m_n_nav{display:block;}
    .ny_navbox,.pro_navbox{display:none;}
    .relat_nav,#m_n_nav{background: #f7f8fa;}
    .relat_nav,#m_n_nav #bnt_back i,.relat_nav,#m_n_nav #bnt_back i:after{color:#333333;}
    .relat_nav,#m_n_nav h1{color:#333333;}
    .relat_nav,#m_n_nav #bnt_sub_nav{color:#333333;}

    #m_n_nav {line-height: 60px;position: relative;z-index: 9;width: 100%;}
    #bnt_back { position: absolute; left: 1rem; top: 0;height:60px; }
    #bnt_back i{color:#FFFFFF;}
    #bnt_back i:after{content:'<';font-family:"宋体";font-size:24px;color:#FFFFFF;}
    #m_n_nav h1 { font-size:20px;text-align: center; margin: 0; line-height: 60px; }
    #bnt_sub_nav { position: absolute; right: 1rem; top: 0; cursor: pointer; color: #fff; font-size: 18px;height:60px; }
    #bnt_sub_nav img {  height: 15px; }
    #bnt_sub_nav i{height:60px;line-height:60px;}
    #bnt_sub_nav i:after{}
    #bnt_sub_nav.on img { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); }
    #sub_nav_content {background: #f0f3f5;display: none;box-shadow: 0 2px 2px rgba(0,0,0,.1);z-index: 9;}
    #sub_nav_content ul { padding: 10px; }
    #sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0; }
    #sub_nav_content ul li a { display: block; border-left: 2px solid var(--wz-color2); height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: #535455; }
    #sub_nav_content ul li.on a { color: var(--wz-color2); }
    #sub_nav_content dl { font-size: 0; overflow: hidden; background: #fff; padding: 10px 0; margin-bottom: 0; }
    #sub_nav_content dt { position: relative; background: #fff; z-index: 999; width: 33.333333%; display: inline-block; margin-bottom: 0; float: left; text-align: center; }
    #sub_nav_content dt a { margin: 0 3px; display: block; color: #5b5349; line-height: 30px; font-size: 16px; font-weight: 400; vertical-align: top; }
    #sub_nav_content dt a i { position: absolute; right: 15px; top: 0; opacity: 0; filter: alpha(opacity=0); display: none; }
    #sub_nav_content dt a { }
    #sub_nav_content dt.title { background: #fafafb; }
    #sub_nav_content dt.title i { opacity: 1; filter: alpha(opacity=100); }
    #sub_nav_content dt.title_on { background: #fafafb; }
    #sub_nav_content dt.title_on a { color: var(--wz-color2); border-top: 1px solid #fff; }
    #sub_nav_content dt.title_on a i { color: var(--wz-color2); }
    #sub_nav_content dt.last a { border-top: 1px solid #f8f8f8; }
    #sub_nav_content dt.on a, #sub_nav_content dt.title_on a { color: var(--wz-color2); }
    #sub_nav_content dd { display: none; }
    #sub_nav_content dd .box { padding: 0px 0px 0px 0px; }
    #sub_nav_content dd a { padding: 0 25px; line-height: 30px; border-top: 1px solid #e7e7e7; font-size: 12px; color: #5b5349; display: block; height: 30px; }
    #sub_nav_content dd a.on { color: var(--wz-color2); }
	.ibox-inner{margin-bottom:20px;}
    .n_mainbox{float:none;width:100%;}
/**/#n_mian{padding-bottom:40px;}

	.case_wrap .f_case,.honor_wrap .f_case{padding: 2%;border: 1px solid #dadbdf;width: 43.5%;margin: 1%;}
	#news_show .ar_fot{margin-top: 20px;padding-top: 20px;}
	#news_show .ar_fot div.next {margin-top: 10px;}
	#news_show .show_title p span{font-size:14px;}
    #news_show .show_title h3{font-size:20px;}
    #news_show .news_content{width:100%;float:none;}
	#news_show .ar_fot span{font-size:16px;}
    #news_show .zxwz_list,.sub_menu{display:none;}
    #news_show .show_title{margin-bottom: 30px;}
    .page, .pages{margin-top:40px;}
    #news_show .ar_fot h5{padding-top: 5px;line-height:24px;font-size: 16px;}
	.contact_box{padding-top:20px;}
	.i_tit_box h3{font-size: 26px;}
	.lianluo li h3{font-size: 16px;}
	.lianluo li div{width:calc(100% - 40px);}
	.message_box form .group,.message_box form .group.btnbox,.message_box form .group.yzm{width:100%;float:none;}
	.message_box form .btn_submit{widtH:100%;}
	/**/
	.lianluo{display:block;}  .lianluo li{display:flex;margin-bottom:6px;}
	.lianluo li p{widtH:30px;height:30px;margin-right:10px;}
	
	.lianluo li .xin_tit{padding:0 0 5px;font-size:14px;}
	.contact_box .xin_tit{font-size:16px;} .map_a1{height:260px}


    /**/
	.news_list .tab_list .img,.news_list .tab_list .text_box{float:none;width:100%;}
     .news_list .tab_list .text h3{font-size:18px;line-height: 32px;}
	 .news_list .tab_list .text p{font-size:14px;line-height:22px;}
	 .news_list .tab_list .time span{font-size:16px;}.news_list .tab_list .time{padding: 10px 0 10px;}

   .news_list .bot_list ul li{margin-top:15px;}
    .news_list .bot_list ul li a{padding:15px 10px;height:auto;}
   .news_list .bot_list ul li .time{ font-size:16px; }
     .news_list .bot_list ul li .time svg{width: 28px;}
    .show_title p span{ font-size:16px; }
   .news_list .bot_list ul li p{ font-size:14px;padding:6px 0;}.news_list .bot_list ul li h3{font-size:18px;}
  
   
    /**/
    .title001{margin-bottom:0px;}
    .n_about .left{width:100%;float:none;padding-top:30px;}
    .n_about .right{float:none;width:100%;padding:30px 0 40px;border-left:0;}
    .ar_article {font-size:16px; line-height:32px;} .ar_article video{width:100% !important;height:auto !important;}
    .ar_article p{font-size:16px;line-height:32px; padding-bottom:10px;}

    .case_wrap .text a{font-size:16px;}
    /**/
    .n_title{font-size:26px;}
.index_box6 .content_box .box .text{padding-right:0;padding-left: 10px;}
    
    .more1{font-size:16px;height: 42px;line-height:42px;width: 160px;margin-top:20px;}
	.index_box1 .more1,.index_box2 .more1,.online-qq-right{display:none;}
	#footer{display:block;}
}
@media screen and (max-width:640px){
 .case_wrap .f_case,.honor_wrap .f_case{width:43%;}
.f_lianxi{display: flex;justify-content: space-between;}
.footer .qrcode div p{font-size:14px;}
.footer .f_tel p{font-size:14px;padding-left: 0px;}
.footer .f_tel img{width:30px;}
.footer .f_tel p span{font-size:22px;}
.footer .f_tel{justify-content: center;flex-direction: column;align-items: flex-start;}
.footer .qrcode div{margin:0;}
.index_box1 .list .swiper-slide .text h3{font-size:18px;}
.index_box6 .mes_top p{font-size:14px;}
.case_wrap .text a{font-size:15px;}
}