@charset "utf-8";
/* CSS Document */
@media screen and (max-width:1200px) {
	.banner_btn{width: 97%;}
	.wd{width: 97%;}
}

@media screen and (max-width: 1150px) {
	header .toper .logo{width: 350px;  float:left; margin-top:20px;}
	.muen ul li{ float:left; text-align: center; font-size:15px; padding:0 22px; }
}
@media screen and (max-width: 1024px) {

	header{ height:70px;}
	header .toper .logo{ width:280px;margin-top: 8px;}
	header .toper .logo img{ margin-top:0%;} 
	.muen ul li{line-height:69px; padding: 0 20px; }
	
	.muen ul li dl{top: 70px;}
	.muen ul li:hover dl{top:70px;visibility: visible;opacity: 1;}
	
	.vipbox{ top:8%; }
	.wd{width: 97%;}

	
}
@media screen and (max-width: 980px) {
	.top_div span.sp1{display:none;}
	.muen{ display:none;}
	header .m-btn{display: block;}
	.banner_pc .flexslider{ display:none;}
	.banner_yd{ display:block; }
	.serbox{  height: auto; overflow:hidden; }
	.innewsbox .bt{float:none; width:100%;}
	.innewsbox .bosth{ width:90%; float:none;  margin:0 auto;}
	.downloads{ width:100%; float:none;}
	.vipbox{ width: auto; padding:3% ; position: relative; margin-left:0;}
	.vipbox .boxt input{ width:40%;float:left; margin-right:1%;margin-bottom:0%; }
	.vipbox .boxt button{width:15%; float:left; margin-left:1%;}
	.vipbox .byt{ text-align:center;}
	.vipbox .chaxun .text {  width:80%; }
	.vipbox .chaxun .button {  width:15%;}
	
	.derp,.nyabout,.newsbox,.servicesbox{ padding:0 3%;}
	.product_con{ padding: 3%;}

	.derp .box{padding:3% 0%; }
	.derp .title h2{float: none;font-size: 26px; text-transform: uppercase; margin-bottom:3%;}
	.derp .title h2 span{color: #666;font-size: 16px;margin-left: 20px;}
	.derp .title ul{float: none;}
	.derp .title li{float: left;margin-left: 3%; margin-bottom:3%;}
	.derp .title li a{padding:0 15px; font-size:1rem;}

	.maleft{ width:94%; float:none; overflow:hidden; margin:20px auto;}
	.maright{ width:94%; float:none; margin-left:0%; margin:20px auto;background: none;}
	
	.index_div7{ font-size:20px; padding:25px 0 ; line-height:40px; }
	.kkhh h4{ font-size:20px; color:#333;}
	
	.copyright{ padding:0%;}
	
	
	
	.banner_pc{ margin-top:0px;}
	
	.banner_ny{ margin-top:0px;}
	.banner_ny .pic_yi{ display:none;}
	.banner_ny .pic_er{ display:block;}
	
	.newsbox .newsleft{ width:100%; float:none; }
	.newsbox .newsright{ width:100%; float:none; }
	.newsbox .newsleft .abpage ul li{ width:95%; float:none; }
	.newsbox .newsleft .abpage ul li:nth-child(2){ text-align:left;}
	.newsbox .newsright .bt span{ padding-bottom:1.5%;}
	.flex-control-nav { bottom:20px;}
	.inner_content{padding: 20px 0}
	.culture ul li{ width:48%;}
	.culture ul li .fk{ width: 100%; height: 230px; margin-top:20px;}
	.culture ul li .fk .bold{ font-size: 16px;}
	.culture ul li .fk p{ padding:0 10px;font-size: 14px;line-height: 22px;}
	.view-page {margin: 0;padding-top: 20px;}
	.hot_pro2{margin-top: 25px;}
	.inf_lc li .nyzi{width: 76%}
	.pub_nav .crumbs{display: none;}
	.pub_nav .nav{display: block; width:100%;}
	.partner li{width: 22.9%}
	.in_about_workshops li{width:48%;}
	.banner_btn li{width:98%; margin-bottom:10px;}
	.in_about{padding:25px 0}
	.in_about_textnr{width:100%;}
	.in_about_right{width:100%;}
	.product{height:auto;}
	.product .product_nav li{margin:0 15px;}
	.product .product_nav li a{font-size:14px;}
	.product_con{padding-top:0;}
	.adv_box{background:#0484dd;padding-bottom:25px;}
	.news{padding:25px 0}
	.newsL{width:100%;}
	.faq{width:100%; margin-top:15px;}
    .faqMain{height:auto;}
    .adv_box .adv_list{margin:20px 0;}
    .adv_box .adv_list .adv-title{padding-bottom:25px;}
} 

@media screen and (max-width: 720px) {
	.top_div span.sp2 a.a4{ padding-left:20px; margin-left:0;}
	
	.navprot{ padding:2.5% 0; }
	.navprot li p a{ padding:10px 30px;}
	.navprot li:hover p a{  text-decoration:none;padding:10px  30px; color:#e35e2b;}
	.pro-list li{width:47%;}
	.sp-wrap { float:none; width:100%;}
	.product_con_t .t_r{ float:none; width:100%; margin-top:5%;}
	.product_con_t .t_r .more{ width:100%;}
	.protj ul li{ width:48%; margin-bottom:3%; }

	.tebox{ text-align:center;width:100%;}
	.boximg ul li{ width:31.33%; } 
	.nyabout h2,.newsbox .newsleft h2{ padding-top:5%;}
	.xinany{ margin-bottom:5%;}
	.newsbox .newsleft ul li .con h3{  line-height:40px;}
	.derp ul li .pic img{ width:100%; }
	.xian{ margin:0.5% auto 4% auto;}
	.navprot li{ padding:3% 0;}
	
	.derp ul{ margin-right:0%;}
	.derp ul li{ width:100%; float:left; margin-right:0;}
	.derp ul li:first-child{ width:100%;}

	
	.foot{ background:#63bff4; }
	.foot .flwd{ width:68%; float:left;}
	.foot .flwd dl{display: none;}
	.foot .flwd .trx{width: 100%; float: left;}
	
	.foot .midwd{ width:130px; float:right;}
	.foot .midwd .pic img{width:110px;}
	.foot .midwd .pic p{ padding:12px 0; font-size:12px;}

	.pub_nav .nav a{padding: 0 15px}
	.culture ul li{ width:98%;}
	.view-page .prev, .view-page .back, .view-page .next{width: 100%; position: static; margin-top: 10px; text-align: center;}
    .view-page .prev a{padding-left: 0}
    .view-page .back{left:0%;margin-left:0px;width:100%;}
    .view-page .back a{padding-left: 0}
    .xinwenxiangqing .nd_text{margin-top: 10px;}
    .hot_pro2{margin-top: 20px;}
    .news_random2{padding: 10px;}
    .news_random2 ul li{width: 98%}
    .inf_lc li .nyzi{width: 100%}
    .partner li{width: 31.1%}
    .newsleft{width: 100%}
    .cbgg-01{display: none;}
    .newsright{width: 100%; margin-top: 20px;}
    .contact_lx{width: 100%;}
    .tactfrms{width: 100%;}
    .tactfrms li{width: 96%}
    .title{padding-top:30px;}
	.product .product_nav li{font-size:12px;}
	.adv_box .adv_list{width:100%; float:none;}
	.adv_box .adv-item{width:48%; float:left;}
	.adv_box .adv-item:not(:last-child){margin-bottom:15px;}
	
	.nTie{margin-bottom:15px;}
	.flow{display:none;}
		.item .slide img{width:20px; margin-right:10px;}
}


@media screen and (max-width: 680px) {
	header .toper .logo img{ margin-top:0%;} 
	
	.vipbox .chaxun .text {  width:78%; }
	.vipbox .chaxun .button {  width:15%;}
	.pub_nav .nav a{padding: 0 5px}
	.adv_box .adv-item{width:98%;}
	.newsPic{width:100%;}
	.newsLi{width:100%}
}