/* CSS Document */
/* layout */
.container {padding: 0 1rem;}

.widpre16{width:16.666666%; float: left;}
.widpre20{width:20%; float: left;}
.widpre25{width:25%; float: left;}
.widpre30{width:30%;float: left;}
.widpre33{width:33.333333%;float: left;}
.widpre50{width:50%;float: left;}
.widpre60{width:60%;float: left;}
.widpre66{width:66.666666%;float: left;}
.widpre75{width:75%;float: left;}
.widpre80{width:80%;float: left;}

.rowmar{ margin-left: -1rem; margin-right: -1rem; clear: both; overflow: hidden;}
.padlr10{padding: 0 1rem;}

.colone,.coltwo,.colthree,.colfour,.colfive,.colsix{ width:100%;min-height:1px;padding-left: 1rem;padding-right: 1rem;float: left;}

.br_hide,.br_show{font-size: 0;}
.br_hide,#navbtn{ display: none;}
.br_show{ display: block;}


@media (min-width:768px) {
	.container {width: 100%;}
}

@media (min-width:1020px) {
	.container {width: 100%;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:50%;}
	.colfive{ width:50%;}	
	.colsix{ width:50%;}
	
}
@media (min-width:1280px) {
	.container {width: 1200px;padding: 0;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:25%;}
	.colfive{ width:20%;}
	.colsix{ width:16.666666%;}	
}

@media (min-width:1360px) {
	.container {width: 1200px;padding: 0;}
	.colone{ width:66.666666%;}
	.coltwo{ width:50%;}
	.colthree{ width:33.333333%;}
	.colfour{ width:25%;}
	.colfive{ width:20%;}
	.colsix{ width:16.666666%;}

}
@media (min-width:1500px) {

}
/* max-width */
@media screen and (max-width: 1500px){	
	
}

@media screen and (max-width: 1360px){
	
}

@media screen and (max-width: 1280px){

}


@media screen and (max-width: 1020px){
	.header .header_tel {display: none;}

	.header .logo {height:60px;}
	.header .logo .logo_img{float: left;line-height: 60px;}
	.header .logo .logo_img	img{ max-height:39px;vertical-align: middle;margin-left: -5px;}
	.header .logo .logo_text{float: left; padding-left: 3px;}
	.header .logo .logo_text h2{font-size: 2.7rem; font-weight: bold;line-height: 60px;}

	.menubg{line-height:39px;height: auto;position: absolute;padding:0; width: 100%; display: none;}
	.menubg .container{padding: 0; }
	.menu > ul > li{float: none;margin: 0; background: linear-gradient(to right, #003da2 0%, #0050c0 100%); text-align:center; width: 100%;line-height:39px;height:39px; font-size: 16px;}
	.menu > ul > li > a{display:block;width:100%;padding:0; color: #FFF;line-height:39px;height:39px;border-bottom: 1px solid rgba(255,255,255,0.3);}
	.menu > ul > li > a:hover{color: #FF0; }
	.menu > ul > li > ul{position:relative;z-index:999;top:0px;right: 0; left:0;background:rgba(255,255,255,1);margin-left:0; display: none;border-top:none;box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); height: auto; width: 100%}	
	.menu > ul > li:before {width: 0px; }
	.menu > ul > li > ul > li > a:hover{background:#f2f2f2; color: #EC6900;}

	#navbtn{position: absolute;top:50%;right:-5px;display:block;overflow:hidden; cursor: pointer; margin-top: -23px; }
	#navbtn i{font-size: 32px; color: #1c6ac9;}

	.menu > ul > li:before {position: absolute; content: "";bottom:0;left:50%; width: 0; height: 1px; background-color: #fff; transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; top: inherit;  margin-top: 0;}
	.menu > ul > li:hover:before {width: 100%;left:0; }
	
	.header_collapse{position: fixed;top: 0;left: 0; height: 60px; width: 100%; box-shadow: 0 2px 3px #eee;}
	.header_collapse .header_top{display: none;}

	.product .section_con .product_class{width:100%;float: none; margin-bottom: 1rem;}
	.product .section_con .product_con{width:100%;float: none;}
	
	.home_partner .colfour{width: 50%;}
	.home_honor .colfour{width: 50%;}
	.home_product .colfour{width: 50%;}
	
	.partner .colfour{width: 50%;}
	.honor .colfour{width: 50%;}
	.photo .colthree{width: 50%;}
	
	
	.slide_image {height:300px;}
	.slide_image li > a {height: 300px;}
}


@media screen and (max-width: 768px){
	html{font-size:55%;}
	
	.footer{margin-bottom: 50px;}
	.footer .br_hide {display: block;}
	.link_box .other_link{padding:2rem 0;}
	
	.header_top {text-align: center;}
	.header_top .topbar_ad{display: none; }
	.header_top .top_tel{float: inherit;}

	.footmenu{display: block;}
	
 	.section_tit{margin-bottom:1rem;}
	.section_tit h2{font-size: 2.8rem;}
	
	/* index home */
	
	/*all_tab*/
	.all_tab .tab_tit ul li{display: inline-block;height: 36px; line-height: 36px;font-size: 1.5rem;  margin: 0 5px 10px;}
	.all_tab .tab_tit ul li a{border-radius: 18px;}
	
	
	.slide_icon .btn_prev,.slide_icon .btn_next {margin-top:-20px;left:10px;width:20px;height:38px; border-radius: 3px;}
	.slide_icon i{font-size: 20px;height:38px; }

	.slide_icon .btn_next {left: auto; right:10px;}
	.slide_num {bottom:10px;}
    .slide_num ul li{width:6px;height:6px;}
	.slide_num ul li.active {width:12px;}
	
	.product{padding: 30px 0 10px;}
	.product .section_con .product_class .con_box h3{height:50px;line-height: 50px; }
	.product .section_con .product_con .colthree{width: 50%; }
	
	.about{padding: 30px 0; }
	.home_news{padding: 30px 0;}
	.home_honor{padding: 30px 0;}
	.home_scroll{padding:30px 0;}
	
	.home_news .section_con ul li .item .con_pic{display: none}
	.home_news .section_con ul li .item .con_text {width:100%;}
	.home_news .section_con ul li .item .con_text .text_box{padding-left: 0;}
	
	.ban_pic{padding:60px 0 69px;}
	.ban_pic h2{font-size:2.4rem;}

	.message_box .product_class{display: none;}
	
	.message{padding: 2rem;}
	.message ul li {position: relative;}
	.message ul li input,.message ul li textarea{ padding:8px 10px; margin-top: 5px; width:100%;}
	.message ul li img{position: absolute; right: 0.1rem; bottom: 1.1rem; height: 26px;}
	
	/*jobs*/
	.jobs{padding: 10px 0;}
	.jobs .jobs_con .jobs_left{width:100%; float: none;}
	.jobs .jobs_con .jobs_right{width:100%; float: none;}
	
	.jobs .jobs_tit {padding:0 0 1rem; text-align: center;}
	
	/*news*/
	.news{padding:0 0 10px;}
	.news ul li{margin-bottom: 10px; padding: 10px;}

	.news ul li .item{min-height: 60px;}
	.news ul li .item .pic{position: absolute; left: 0px; top: 0;display: block; width: 80px;line-height: 30px;color: #666;text-align: center; background-color: #f2f2f2;}

	.news ul li .item .text {margin-left: 90px;}
	.news ul li .item .text h3{ font-size: 1.6rem;margin-bottom: 0}
	.news ul li .item .text p{-webkit-line-clamp: 1;}
	.news ul li .item .text h5{display: none;}
	
	/* news_view */
	.news_view_box{padding: 10px 0}
	.news_view .view_tit{text-align:left;}
	.news_view h1{ font-size:1.8rem; padding:10px 0; }
	.news_view .view_bar span{padding:0 10px 0 0;}
	.view_next{padding: 10px 0;}
	.view_next ul li a span{display: none;}
	
	.location{padding: 1rem 0; }
	
	/*pop*/
	.quickpop .quickpopcon{min-width:inherit; width: 300px;}
	.pop_jobs_box .pop_jobs_text{line-height: 200%;}
}