/* 头部LOGO */
header{ background: #FFF;height: 120px;}
header .logo{ margin: 15px 0;}
header .logo img{}
header .name{margin-top: 30px; border-left: 1px solid #E7E7E7; margin-left: 15px; padding-left: 15px;}
header .name span{ font-size: 26px; font-weight: bold;line-height: 42px;}
header .name small{display: block; font-size: 17px; color: #999;}
header .tel{margin-top: 30px;}
header .tel i{float: left; font-size: 46px; margin-right: 8px;}
header .tel span{float: left; font-size: 14px; color: #999;}
header .tel b{display: block; font-size: 22px; color: #006bcf;}


/* 网站左侧 */
.main_left{ width: 20%; margin-right: 3%;}
.main_right{ width: 77%;}
.main_right{border: 1px solid #E7E7E7;padding:30px 20px;}
.left_list h2{ font-size: 24px;font-weight: bold; background: #006bcf; color: #FFF;padding: 15px;}
.left_list h2 em{display: block; font-size: 28px; text-transform: uppercase; font-weight: normal;}
.left_list ul{ border: 1px solid #E7E7E7; padding: 20px;}
.left_list ul li{ border: 1px solid #E7E7E7; border-radius: 8px; height: 42px; line-height: 42px; margin-bottom: 10px; padding-left: 20px; cursor: pointer;}
.left_list ul li:hover{border: 1px solid #006bcf;}
.left_list ul li.active{border: 1px solid #006bcf;}
.left_list ul li.active a{color: #006bcf; font-weight: bold;}
.left_list ul a{color: #333;}
.left_list ul a:hover{color: #006bcf; font-weight: bold;}

.left_contact{ background: #006bcf; overflow: hidden; color: #FFF; padding: 15px 8px;}
.left_contact i{float: left; font-size: 46px; margin-right: 8px;}
.left_contact span{float: left; font-size: 14px;}
.left_contact b{display: block; font-size: 22px;}



/* 网站底部 */
footer{background: #222222; padding-bottom: 50px; margin-top: 50px;color: #fff;}
/* 友情链接 */
.linkcont{border-bottom: 1px solid #393939;margin-bottom: 10px;padding: 20px 0;display: none}
.link{overflow: hidden;}
.link span{font-size: 16px; margin-bottom: 10px;margin-right: 10px;}
.link span i{float: left; color: #006bcf; font-size: 32px; margin-right: 8px;}
.link span img{margin-left: 5px;}
.link a{font-size: 13px; color: #999;margin-right: 10px;}
.link a:hover{font-size: 13px; color: #006bcf;}
/*.link a::after{
	content: '|';
	position: relative;
	margin-left: 10px;
	
}*/
.footer-logo{width: 40%;}
.footer-logo h2{display: block; color: #333; font-size: 28px;padding: 8px 0;}
.footer-logo em{display: block; color: #999; text-transform: uppercase;font-size: 13px;}
.footer-logo span{display: block;color: #006bcf; font-size: 24px;}
.footer-logo img{max-width: 100%;}

.footer-add{ width:20%;}
.footer-add span{color: #fff; font-size: 22px;display: block; margin-bottom: 20px; margin-top: 55px; }
.footer-add a{color: #fff;}
.footer-add span::after{
	/*content: '';*/
	height: 2px;
	width: 42px;
	background: #006bcf;
	position: absolute;
	margin-left: -86px;
	margin-top: 33px;
}
.footer-add p{color: #fff; line-height: 28px; font-size: 14px;}

.footer-ewm{max-width:30%;color: #c2c2c2;float: right;position: relative;}
.footer-ewm::before{width: 1px;height: 80%;background: #c2c2c2;content:'',left:0;top: 10%;position: absolute;}
.footer-ewm .bot div{margin:0 10px;}
.footer-ewm .bot{display: flex}
.footer-ewm span {
	width: 100%
    color: #fff;
    font-size: 22px;
    display: block;
    margin-bottom: 20px;
    margin-top: 55px;
}
.footer-ewm div::after{
	/*content: '';
	height: 2px;
	width: 42px;
	background: #006bcf;
	position: absolute;
	margin-left: -86px;
	margin-top: 33px;*/
}
.footer-ewm p img{width: 130px; 
	/*margin-top: 75px;*/
}
.footer-ewm p{line-height: 32px; color: #fff; font-size: 15px;text-align: center;}


.copyright{line-height: 24px;padding: 20px 0; text-align: center;  color: #FFF; background: #191E28; font-size: 13px;}
.copyright a{color: #FFF;}


/*PC导航导航栏*/
.nav{position: relative; z-index: 99; background: #006bcf; margin-bottom: -25px;}
.nav-ul {display: flex;height: 56px;}
.nav-ul li{height: 56px;line-height: 56px; position: relative;}
.nav-ul li > a{font-size: 16px;padding: 0 42px;color: #FFF; display: block;transition: all 0.3s;}
.nav-ul li:hover>a{color: #FFF;}
.nav-ul li > a::after{content: '/';position: relative;right: -38px;}
.nav-ul li:last-child > a::after{display: none;}
.navToggle{margin-top: 25px;}

.nav-sub{position: absolute;top: 56px;left: 0px;z-index: 66;display: none;width: 180px;background-color: #FFF;}
.nav-sub dl dd a{display: block;line-height: 40px;font-size: 15px;color: #333;background-color: transparent;transition: all .3s;padding-left: 38px;}
.nav-sub dl dd:hover a{background-color: #006bcf; color: #FFF;}



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

.nav-ul li > a{padding: 0 27px;}

}

@media (min-width:768px) and (max-width:1023px) {
	

	header{ height: 70px;}
	header .logo{ margin: 10px 0;}
	header .logo img{height: 50px;}
	header .name{display: none;}
	header .tel{display: none;}
	.nav-ul li > a{padding: 0 24px;}
	.footer-logo{display: none;}
	.footer-add{width: 50%;}
	.footer-ewm{float:left;}
	/*.footer-ewm{width: 50%;float:left;}
	.footer-ewm p{text-align: left;}*/
	.footer-add span,.footer-ewm span{margin-top: 0;}
	
}
@media screen and (max-width:767px) {

	
	header{ height: 70px;}
	header .logo{ margin: 10px 0;}
	header .logo img{height: 50px;}
	header .name{display: none;}
	header .tel{display: none;}	
	.nav{margin-bottom: 0;}
	.nav-ul li > a{padding: 0 24px;}
	.footer-logo{display: none;}
	.footer-add{width: 100%;}
	.footer-ewm{max-width: 100%;float: left;}
	.footer-ewm p{text-align: left;}
	.footer-add span{margin-top: 0;}

}


/*手机导航*/
#navToggle{position: relative;width: 30px;height: 20px;display: none;float: right;}
#navToggle .line {background: #cc0001;border-radius: 1px;display: block;height: 2px;top: 0;left: 0;transition: all 0.3s ease;transform-origin: center center;width: 100%;position: absolute;}
#navToggle .line1 {top: 0;}
#navToggle .line2 {top: 50%;margin-top: -1px;}
#navToggle .line3 {top: auto;bottom: 0;}

#navToggle.active .line{top: 50%;bottom: auto; margin-top: -1px;}
#navToggle.active .line1{transform: rotate(45deg);}
#navToggle.active .line2{opacity: 0;filter: alpha(opacity=0);}
#navToggle.active .line3{transform: rotate(-45deg);}

.mobileMenu{display: none;position: fixed;top: 70px;left: 0;width: 100%;height: calc(100% - 70px);background-color: #fff;overflow-y: auto;z-index: 400;border-top: 1px solid #dcdcdc;}
.mobileMenu ul {background: #fff;}
.mobileMenu ul li{transform: translate3d(0, 10px, 0);transition: transform 0.4s ease, opacity 0.4s ease;opacity: 0;}
.mobileMenu.h-show ul li{opacity: 1;transform: translate3d(0, 0, 0);}
.menu-item{display: flex;flex-direction: row;height: 60px;align-items: center; padding-left: 20px;padding-right: 20px;border-bottom: 1px solid #dcdcdc;position: relative;transition: all .5s;}
.menu-item i{font-size: 30px;display: block;font-style: normal;}
.menu-item a{font-size: 22px;color: #000;padding-left: 30px;}
.menu-item:hover i, .menu-item:hover a{color: #cc0001;}
.menu li.on .menu-item i{color: #cc0001;}

.menu_dl{display: none; padding-left: 80px;padding-top: 20px; padding-bottom: 20px;border-bottom: 1px solid #dcdcdc;}
.menu_dl dd a{font-size: 18px;color: #333;line-height: 50px;}
.menu_dl dd a:hover{color: #0f256e;}

.ovh-f{width: 100%;height: 100%;position: fixed;left: 0;top: 0;overflow: hidden;}
.menu-itemtit{display: flex;}


@media(max-width: 991px){
    #navToggle{display: block;}
	.nav-ul{display: none;}
    .menu-arrow{ font-size:30px; position: absolute;right: 15px;transform: rotate(-0deg);transition: all 0.4s;}
    .menu_li.on .menu-arrow{ transform: rotate(90deg);color: #0f256e;} 
}

@media(max-width: 767px){
    .menu-item{padding-left: 20px;height: 60px;}
    .menu-item i{font-size: 22px;margin-top:0;}
    .menu-item a{font-size: 22px;padding-left: 20px;}
    #navToggle{margin-right: 0px;}
    .menu_dl{ padding-left: 65px;}
    .menu_dl dd a{font-size: 18px;line-height: 36px;}
}

@media(max-width: 599px){
    .menu-item i{font-size: 26px;}
    .menu-item a{font-size: 18px;padding-left: 15px; padding-top: 7px;}
    .menu_dl{ padding-left: 60px;padding-top: 15px; padding-bottom: 15px;}
    .menu_dl dd a{font-size: 16px;line-height: 32px;}
    .menu-arrow{ font-size: 22px;}
}




/*分页*/
.pagination-wrapper{ margin: 40px 0;text-align: center;} 
.pagination{  } 
.pagination span{display: inline-block;vertical-align: top;}
.pagination a,.pagination span{ 
  	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	margin-right: 8px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #dfdfdf; 
  	color: #999; 
  	text-decoration: none; 
  	border-radius: 4px;
  	box-sizing: border-box;
  	transition: all .3s;
  	background: #f7f7f7;
} 
.pagination a{ 
  	background: #fff;
} 
.pagination .current{background:#006bcf;color: #fff;}
.pagination span:last-child{margin-right: 0;}
.pagination a:hover{ background:#006bcf; color:#fff; border-color: #006bcf;} 
/*.pagination span.active a,.pagination span.active span { background: #006bcf; color: #fff;border-color: #006bcf;display: block;} */
/*.pagination .pageinfo{
	display: inline-block;
  	height: 32px; 
  	line-height: 32px; 
  	padding: 0 12px; 
  	font-size: 14px; 
  	border: 1px solid #555555; 
  	color: #555555; 
  	box-sizing: border-box;
}*/
/*分页*/

/*上一条下一条*/
.nextpage{clear: both; border-bottom: 1px solid #e1e1e1; border-top: 1px solid #e1e1e1; line-height: 50px;}
.nextpage span{font-size: 12px;color: #9f9f9f;}
.nextpage a{font-size: 12px;color: #9f9f9f;transition: all .3s;}
.nextpage a:hover{color: #006bcf;}