﻿@media screen and (min-width:1200px) {
	.sj{ display:none !important;}
}
@media screen and (max-width:1600px) {
}
@media screen and (max-width:1500px) {
	.header, .content, .footer{max-width: 96%;}
	.topWrap .header {max-width: 96%;}
	.end,.end a{max-width: 96%;}
}
@media screen  and (max-width:1440px) {
	.snav li{ width: 168px; padding: 0 20px}
}
@media screen and (max-width:1400px) {
	.snav li{ width: 160px;}
	
}

@media screen and (max-width:1300px) {
	.snav li{ width: 148px;}
	
}

@media screen and (max-width:1200px) {
	.snav li{ width: 126px;}
	
}

@media screen and (max-width:1024px) {
	.snav li{ width: 116px;}
	
}

@media screen and (max-width:1199px) {
	html.on body{overflow:hidden; height:100vh; position:relative;}
	.title1 span{font-size: 36px;}
	.seabox{height: auto; line-height: 40px; padding: 2% 0;}
	.keyword{width: 100%; background: url(../images/ico1.gif) no-repeat 0 11px;}
	.sea_inp{position: static; width: 100%; height: auto; background: none; margin-top:1 2%;}
	.sea_inp .serach{height: auto; line-height: 42px; border: 1px solid #eee; padding: 0 0 0 3%;}
	.sea_inp .sub{height: 45px;background:url(../images/sea_ico.png) no-repeat 37px 10px #007abb;}
	.index-hos-tr2 .tbt{font-size:28px}
	.title2 span{font-size:36px;}
	.craddr{line-height: 26px;}
}
@media screen and (max-width: 980px) {
	.topWrap{display: none;}
	.sp_header,.sjj_nav, .casesj, .social_nav5, .social_nav5{ display:block;}

	/*---------------------------------------------------------------------------------------------------------------手机站导航开始----------*/
	.sp_header{height:70px;overflow:hidden;background:#fff;position:fixed;left: 0px;top: 0px;z-index:10;width:100%; border-bottom: 1px solid #e2e2e2;}
	.sp_logo{padding:18px 0 0 10px;float:left;height:40px}
	.sp_logo img{margin:auto;max-height:40px;}
	.sp_logozi{float: left; width:65%; margin-top: 1.5%}
	.sp_logozi i {font-size: 14px; margin: 0 2%; border-left: 1px solid #e6e6e6; padding-left: 2%; line-height: 26px;}
	.sp_logozi i b {display: block; font-size:20px; margin-bottom:1%; }
	.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top:25px}
	.sp_nav span{display:block;background:#014fa2;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s}
	.sp_nav span:nth-of-type(1){top:0px}
	.sp_nav span:nth-of-type(2){top:10px}
	.sp_nav span:nth-of-type(3){top:20px}
	.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}
	.sp_nav_se span:nth-of-type(2){width:0}
	.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}
	.sjj_nav{position:fixed;z-index:99;background:#eee;width:100%;height:calc(100% - 104px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}
	.nav_show{top:70px}
	.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0}
	.sjj_nav>ul>li:first-child>a{float:left;width:calc(100% - 140px)}
	.sjj_nav>ul>li:first-child .language{float:right;width:140px;overflow:hidden;line-height:45px;margin-top:5px}
	.sjj_nav>ul>li:first-child .language a{width:40px;float:left;border-left:1px #ddd solid;text-align:center;color:#777;}
	.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}
	.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}
	.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}
	.sjj_nav ul li{border-top:1px #ddd solid;margin-left:20px;position:relative;line-height:40px;font-size:16px; color: #000;}
	.sjj_nav ul li a{line-height: 40px}
	.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}
	.sjj_nav ul li ul{display:none}
	.sjj_nav ul li a{color:#444;width:80%}
	.sjj_nav ul li ul li a{color:#444;display:block;text-align:left; line-height:45px;font-size:14px; }
	.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}
	.sjj_nav ul li .sjj_nav_i_se svg{fill:#014fa2}
	.sjj_nav ul li ul li>ul{margin-left:10px}
	/*---------------------------------------------------------------------------------------------------------------手机站导航结束----------*/
	.banner{margin-top:70px;}

	.inside-banner{margin-top:70px;}
	.title1 span{font-size:30px;}
	.prolist{width: 100%;}
	.prolist .lpbt{padding:3% 15%;}
	.prolist ul li{padding:2% 6%;}
	.prolist.lpbt:nth-child(2){display: none;}
	.insolution-right{width: 100%; margin-top: 3%;}
	.insolution-right li{width: 31.333%;}
	.index-hos-tr2 .tbt{font-size:26px}
	.tit1 p{font-size: 16px;}
	.adv_nav li p{font-size:22px}
	.adv_txt p b{font-size: 28px;}
	.adv_pic{width: 100%;}
	.adv_txt{width: 100%;}
	.adv_big{display: inline-block;}
	.title2 span{font-size:30px;}
	.intro-cont{display: inline-block;}
	.intro-l{width: 100%;}
	.intro-r{width: 100%;}
	.intro-r h3, .intro-r .abt{font-size: 22px;}
	.news_l h2 a{font-size: 17px;}
	.news_l{width:49%;}
	.news_l:nth-child(2){margin-right: 0;}
	.news_r{width: 100%; margin-top: 3%;}
	.copy_row1{width: 100%;}
	.crconcat{width: 100%; margin-top: 3%;}
	.end, .end a{margin-bottom:8%;}
	.nybox_right{width: 100%; margin-top:5%;}
	.client ul li{width: 31.333%;}
	.promore_l{width: 100%;}
	.pros_right{width: 100%; margin-top:5%;}
	.pros_right_top .pbt{font-size: 22px;}
	.cinfo{display: none;}
	.index-news-right-top-nr-title a{font-size: 18px;}
	.about_x2.bgs2 .show_t{font-size: 28px;}


}

@media screen and (max-width:750px) {
	.title1 span{font-size: 26px;}
	.title1 p{font-size: 14px;}
	.insolution-right li{width:48%;}
	.insolution-right li .title{font-size: 14px; height: auto; line-height: 40px;}
	.index-hos-tr2 .tbt{font-size:24px}
	.tit1 p{font-size: 15px;}
	.adv_nav li p{font-size:16px}
	.adv_txt p b{font-size: 24px;}
	.adv_txt p{font-size: 18px;}
	.title2 span{font-size:26px;}
	.title2 p{font-size: 14px;}
	.intro-r h3, .intro-r .abt{font-size: 20px;}
	.intro-r p{font-size: 14px; line-height: 28px;}
	.intro-r a{font-size: 15px;}
	.news_l h2 a{font-size: 16px;}
	.news_l{width:98%; margin-bottom: 3%;}
	.linkTagcs li{line-height: 26px;}
	.end, .end a{margin-bottom:13%;}
	.ny_r_info{font-size: 14px; line-height: 26px;}
	.ny_workshop2 ul li{width: 48%;}
	.location{padding: 3% 0; font-size: 14px;}
	.ny_r_title .nyabbt{font-size: 18px;}
	.client ul li{width: 48%;}
	.client ul li .wwz{padding: 4%;}
	.product_list ul li{width: 48%;}
	.pros_right_top .pbt{font-size: 20px;}
	.pbtn a{font-size: 16px;}
	.news-tt-pic{width: 100%;}
	.news-tt-right{width: 100%; margin-top: 3%;}
	.news-more{float: left;}
	.about_x2.bgs2 .show_t{font-size: 24px;}
	.fanhui{display: none;}
	.PreveNext li{font-size: 14px;}
	.relatedNews_font ul li{width: 97%;}
	.messages_box ul li{width: 98%;}
	.copy_row1{ display: none;}


	
}
@media screen and (max-width:499px) {
	.title1 span{font-size:22px;}
	.insolution-right li .title{font-size: 13px; line-height:35px;}
	.index-hos-tr2 .tbt{font-size:22px}
	.tit1 p{font-size: 14px;}
	.adv_nav li p{font-size:14px}
	.adv_txt p b{font-size: 20px;}
	.adv_txt p{font-size: 16px;}
	.title2 span{font-size:22px;}
	.intro-r h3, .intro-r .abt{font-size:18px;}
	.intro-r a{font-size:14px;}
	.smore{font-size: 14px;}
	.linkTagcs li a{font-size: 13px;}
	.end, .end a{margin-bottom: 20%; font-size: 14px; line-height: 25px;}
	.ny_workshop2 ul li{width: 98%;}
	.client ul li .wwz{font-size: 13px;}
	.product_list ul li p{font-size: 13px;}
	.about_x2.bgs2 .show_t{font-size: 20px;}
	
}