@charset "utf-8";
/* CSS Document */

@media screen and (min-width:1440px) {
.row {margin: 50px -15px}
.focus{ width:660px;}
.index-slider .swiper-slide img{ width:630px;height:434px;}
.journalism{ width:770px}
.project_item a img{ width:446px; height:260px}
.trends ul li .trends_img img{width:300px; height:180px}

.list_honor .itembox img{height:290px}

.top_news .img img{max-width:446px;max-height:260px}
.clause a img{ width:446px;height:300px}
}

@media (max-width:1420px) and (min-width:1200px) {	

.list_honor .itembox img{max-height:220px}

.swiper-container3 .swiper-slide a img {width:100%;height: 243px}
.domain_text p{ background-image:none}
}	
@media (max-width:1400px) and (min-width:992px) {

.picbox p img{ max-width:700px}
.clause a img{ width:370px;height:250px}
}
@media (max-width:1400px) and (min-width:1220px) {

}
@media screen and (min-width: 800px) {
.rSlide, .m {
	display: none
}
}
@media screen and (max-width: 1440px) {
.w1400 {
	width: 96%;
}
.talent{ width:100%; height:auto; display:block}
}
 @media screen and (max-width:1280px) {
.u_left {
	width: 100%
}

.links h3 {
	width: 100%;
	text-align: left;
	float: none
}
.links_cont{width: 100%;float: none;display:block;  }
.links_cont a{ float:left;color:#666; font-size:16px;display:inline-block;margin-right:3%; margin:2% 3%; padding:0 2%}

.online{ /*float:none; width:100%; text-align:center; margin-top:10px*/ display:none}

.crumb .crumb_box{ display:none}
.page-nav{ float:none;}
.page-nav ul{ float:none; display: -webkit-box;display: -moz-box;display: -ms-boxflex;display: -webkit-flex;display: flex; display: -webkit-box;-webkit-box-orient: horizontal; box-orient: horizontal;}
.page-nav ul li{display: block;box-flex:1;-moz-box-flex:1;-webkit-box-flex:1;-ms-flex:1; }
.page-nav ul li a{ display:block; padding:0}
.list_honor .itembox img{height:296px}

}
@media screen and (max-width: 1024px) {
.top_right{ display:none}	
.project_item{ margin-top:20px}
.news_list ul li a{ width:70%}	
.item li dl {
	width: 70%;
}
.journalism, .inspection {
	margin-top: 20px
}
.inspection .inspection_info p {
	height: auto
}
.page-banner{ height:30vh}
.page-banner .title{left:0}
.page-banner .title strong,.page-banner.hover .title p{text-align: center;}
.trends ul li .trends_text p{ display:none}

.contact .icons {width: 100%;float: none;}
.contact .icons .contact_list{ padding-left:60px}
.contact .icons .contact_list i{ font-size:40px}
.contact .map,.contact_text {width: 100%;float: none;padding: 0; margin:0; border:0}
.contact_text { margin-top:20px}

}
 @media screen and (max-width: 800px) {
.rSide,  .nav {
	display: none;
}
.rSide,  .nav {
	padding: 0 1%;
	width: 98%
}
.top {
	height: auto;
	position: relative;
	z-index: 10
}
.logo {
	float: none
}
.logo1, .hidden_xs {
	display: none
}
.logo_s {
	display: block;
	width: 80%
}
.logo_s img {
	text-align: center;
	width: 90%;
	height: auto
}
/*------------------*/
.menu {
	width: 50px;
	/*height:100%;
	   border: 2px solid #47547e;
	   border-radius:4px;
	   box-sizing:content-box;*/
	cursor: pointer;
	position: absolute;
	height: 100%;
	right: 0px;
	background: #f5f5f5;
}
.menu span, .menu span::before, .menu span::after {
	width: 20px;
	height: 2px;
	display: block;
	background-color: #47547e;
	position: absolute;
	left: 15px;
	top: 50%;
}
.menu span::after, .menu span::before {
	content: '';
	left: 0;
	transition: all .4s;
}
.menu span::before {
	top: -8px;
}
.menu span::after {
	top: 8px;
}
.menu.on span{ height:0;}
.menu.on span::before {top:0;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	transform: rotate(45deg);
}
.menu.on span::after {top:0;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.rSlide {
	display: block;
	width: 0;
	right: 0;
	top: 100%;
	position: absolute;
	z-index:99;
	background-color: #e8e8e8;
	transition: all .1s linear;
	overflow-y: auto;
}
.rSlide ul {
	margin-top: 10%
}
.rSlide ul>li {
	line-height: 2em;
	font-size: 1em;
	border-bottom: 1px solid #d4d4d4;/* padding: 10px 0; */
}
.rSlide ul>li>a {
	color: #333;
	display: block;
	padding: 5% 0;
}
.rSlide ul>li>a:hover,  .rSlide ul>li.cur>a {
	background-color: white;
	color: #333;
	background-color: #dadada;
	text-decoration: none;
}
.rSlide ul>li>dl {
	padding: 5% 0;
	background-color: #f3f3f3;
	display: none;
}
.rSlide ul>li>dl>dd {
	line-height: 2em;
	font-size: 1em
}
.rSlide ul>li>dl>dd>a {
	color: #666;
}
.ani01 {
	transition: all .2s linear;
	width: 50%;
}
.swiper-slide img {
	width: 100%;
}
.swiper-slide a>div {
	display: inherit
}

.focus_box{ width:100%; height:auto; float:none}
.focus_title{ width:100%; float:none}
.news_title ul{ width:100%}

.speed .speed_item .speed_item_info h3{ font-size:24px; position:absolute; bottom:20px; left:20px}
.news_list li em{ width:80%}
.news_list li em a{width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.domain_text span{   white-space: pre-wrap; }
.list_honor .itembox img{height:220px}
.manpower .itembox img{height:192px}

.box3 .party{ margin-top:20px}

.banner .swiper-pagination-bullets{ bottom:10px;}

.page-nav{ width:96%;}
.page-nav a{ font-size:20px;}
.trends ul li .trends_img,.trends ul li .trends_text{ width:100%; float:none; margin-left:0}

.content .pics .list img{ width:100%; height:auto}
}
 @media screen and (max-width:480px) {
.focus_list a p span{font-size:18px; line-height:26px; margin-top:20px }
.focus_list a p i{ font-size:16px; margin-top:20px} 
.news_title li{ font-size:16px; padding:0 2%; margin-right:0}
.news_list ul li a{ width:66%}		 
.about {
	background-image: none;
	padding: 0
}
.about, .weixin {
	width: 100%;
	float: none;
	text-align: center
}
.about {
	margin-left: 0; border-right:0
	}
.weixin {
	margin-top: 20px;
	margin-right: 0;
	background-color:transparent
}
.crumb{ line-height:50px; height:50px}
.crumb>div{ padding:0 5px}
.page-nav{ width:100%;}
.page-nav a{ font-size:16px;}
.page-nav a::after{ top:9px}
#pages a,#pages span{ padding:3px 9px}

.news_list li em{ width:70%}
.news_list li em a{width: 90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.leadership_com .leadership_img img{width: 100%;max-height: 125px;}
.leadership li{width:21%; margin:2% 2%}
.leadership li .leadership_com{ padding:12%}

.synopsis_num strong{ font-size:32px; line-height:40px }
.synopsis_num strong i{ font-size:16px; }

.showpagebtn,.cont_share{ width:100%; float:none}
.list_pic .top_news{ padding:20px 0}
.list_honor .itembox img{height:120px}

}
@media screen and (max-width:350px) {
.news_title li{ font-size:16px; padding:0 1%; margin-right:0}
.page-nav a{ font-size:14px;}
.news_list li em{ width:70%}
.news_list li em a{width:90%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.slideBox .bd li h5 {font-size: 14px;line-height: 18px;}
.list_honor .itembox img{height:76px}

}