/*====================导航*********/

.nav_pc_logo{ float:left; height:4.5rem; max-width:400px; margin:0.5rem 0; width:25.9%; }

.nav_pc_logo img{ max-width:100%;}
.nav_pc_logo h1{text-align:center;}
.nav_pc_logo p{font-size:1.4rem;font-weight:bold;}
.header{

	width:100%;

	z-index:999;



}

/*左侧logo*/



.header .left a img{

	height: 100%;

	max-width:100%



}

.header .left .img2{

	display: none;

}

.header .nav_center{ overflow:hidden; width:100%; border-top:1px solid #ccc; }





.dianhua_r{ width:20%; float:right;}

.dianhua_r div img{float:right; margin-top:0.9rem; margin-right:0.6rem;}

.dianhua_r div p{ float:right; font-size:1rem; color:222; margin-top:0.8rem; text-align: center;}

.dianhua_r div{ overflow:hidden; margin-top:0.8rem;}

.dianhua_r span{ font-size:1.7rem; color:#222;display: block;line-height: 2rem; float: right; border-radius: 30px; font-weight: 600; }



.lingdao{width:30%; margin-left:9rem; float: left; margin-top:2rem;}

.lingdao span{ font-size:1.6rem; color:#222; font-weight: 600; display: block;}







/*右侧*/

.header .nav{

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

	line-height: 50px;

	display: block;

	width:59%;

	margin:auto;

	float:right;

	margin-top:2rem;



}

.header .navbar_nav li{

	float:left;

	position: relative;

	display: block;

}



.header .navbar_nav li:after{

    content: "";

    width: 0;

    height: 2px;

    background:#385aaa;

    position: absolute;

    bottom: 0;

    left: 0;

    

}



.header .navbar_nav li a{

	text-decoration: none;

	height: 100%;

	padding: 0 2.4rem;

	display: block;

	color:#111;

	font-size:1rem;

	line-height:3.5rem;

}

.header .navbar_nav li:hover a{color:#e85f03;}

.header .navbar_nav li.dropdown{

	display: inherit;

	position: relative;

}

.header .navbar_nav li.dropdown .jt{

	width: 20px;

	height: 20px;

	background: url(../images/top.png) no-repeat;

	background-size: 100% 100%;

	display: block;

}

.header .navbar_nav li.dropdown .dropdown_menu{

	display: none;

	position: absolute;

	top:56px;

	width: 100%;

	background: #fff;

	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

	width: 120%;

    left: -10%;

	z-index:9999;

}

.header .navbar_nav li.dropdown .dropdown_menu a{

	font-size: 14px;

	color: #111;

	padding: 0 10px;

	line-height: 40px;

	text-align: center;

	background: #fff;

	margin-bottom: 2px;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu{

	display: block;

	background: #f3f3f3;

	-webkit-transition: 0.5s;

	-moz-transition: 0.5s;

	-o-transition: 0.5s;

	transition: 0.5s;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu a{

	color: #111;

}

.header .navbar_nav li.dropdown:hover .dropdown_menu a:hover{

	color: #fff;



}

/*白色背景的头部*/



.header.on .left .img1{

	display: none;

}

.header.on .left .img2{

	display: block;

}

.header.on .navbar_nav li a{



}

.header.on .navbar_nav li:hover a{

	color:#999;

}

#navToggle{



}



.m_nav{

	position: fixed;

	top: 0px;

	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);

	width: 100%;

    height: 100%;

    background: #fff;

    transition: all ease 0.5s;

    -webkit-transition: all ease 0.5s;

	z-index: 1000;

    opacity: 1;

    visibility: visible;

    margin-top: 0;

    overflow-y: auto;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    top: 0;

    transform: translateX(100%);

}

.m_nav.open{

    transform: translateX(0);

}

.m_nav .top{

	height: 60px;

	padding: 20px;

	box-sizing: border-box;

}

.m_nav .top .closed{

	width: 30px;

	height: 30px;

	vertical-align: middle;

	float:right;

	cursor: pointer;

}

.m_nav .logo{

	width: 100%;

	margin:0 auto;

}

.m_nav .logo img{

	height: 50px;

	display: block;

	margin:30px auto;

}

.m_nav .ul{

	margin-top: 30px;

}

.m_nav .ul li{

	padding: 0 20px;

	border-bottom: 1px solid #ccc;

	transform: translateY(0);

	-webkit-transform: translateY(100%);

    transform: translateY(100%);

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    opacity: 0;

}

.m_nav.open .ul li{

	opacity: 1;

    -webkit-transform: translateY(0);

    transform: translateY(0);

}

.m_nav .ul li:nth-child(1) {

    -webkit-transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(2) {

    -webkit-transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .4s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(3) {

    -webkit-transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .6s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(4) {

    -webkit-transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all .8s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(5) {

    -webkit-transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.0s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li:nth-child(6) {

    -webkit-transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

    transition: all 1.2s cubic-bezier(.77, 0, .175, 1) 0ms;

}

.m_nav .ul li a{

	display: block;

	text-decoration: none;

	color: #333;

	font-size: 16px;

	height: 50px;

	line-height: 50px;

	width: 100%;

}

.m_nav .ul li .dropdown_menu{

	display: none;

}

.m_nav .ul li.dropdown.active .dropdown_menu{

	display: block;

}

.m_nav .ul li .dropdown_menu a{

	display: block;

	height: 50px;

	line-height: 50px;

	padding: 0 40px;

	box-sizing: border-box;

	border-bottom: 1px solid #004f9c;

}

.m_nav .ul li .dropdown_menu a:last-child{

	border: none;

}

.banner{

	width: 100%;

}

.fa-navicon{ margin-top:1.4rem;}

.nav_mo_logo{ float:left; width:69%; height:4.0rem;  display:block; text-align: center;}

.nav_mo_logo img{ height:3rem; max-width:100%; max-width:100%;}
.nav_mo_logo p{font-size:1.4rem;}

.nav_mo_ico{ float:left; width:15%; height:3.0rem; }

.nav_mo_ico{ display:block; color:#333; text-align:center; line-height:3.0rem; height:3.0rem; font-size:2.0rem;}

.nav_mo{ margin:0.8rem 0;}

.nav_mo{ display:none;}

.nav_mo .dianhua{ float:right; margin:4%; width:7%;}

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

	.header .left{

		padding-top:0; 

		

		}

.nav_mo{ display:block;}

	.header{

		padding: 0 0px;

		

	    width:auto;

		margin:1.0rem;

	}

	.header #navToggle {

		 width:3.0rem; height:3.0rem; text-align:center; display: block; line-height:3.0rem;





		display: inline-block;

		float: right;



	}

	.header #navToggle i{ display:block; font-size:2.0rem; line-height:3.0rem; }

	.header #navToggle span {

		width: 25px;

		height: 1px;

		margin-top: 10px;

	}

	.header #navToggle span:before,

	.header #navToggle span:after {

		content: '';

		position: relative;

		width: 100%;

		height: 1px;

		left: 0;

	}

	.header #navToggle span,

	.header #navToggle span:before,

	.header #navToggle span:after {

		-webkit-transition: 0.3s;

		-moz-transition: 0.3s;

		-o-transition: 0.3s;

		transition: 0.3s;

		display: block;

		background: #000;

	}

	.header #navToggle span:before {

		top: 8px;

	}

	.header #navToggle span:after {

		bottom: 10px;

	}

	.header #navToggle.open span:before {

		top: 10px;

		-webkit-transform: translateY(-11px) rotate(-45deg);

		-moz-transform: translateY(-11px) rotate(-45deg);

		-ms-transform: translateY(-11px) rotate(-45deg);

		-o-transform: translateY(-11px) rotate(-45deg);

		transform: translateY(-11px) rotate(-45deg);

	}

	.header #navToggle.open span:after {

		bottom: 12px;

		-webkit-transform: translateY(10px) rotate(45deg);

		-moz-transform: translateY(10px) rotate(45deg);

		-ms-transform: translateY(10px) rotate(45deg);

		-o-transform: translateY(10px) rotate(45deg);

		transform: translateY(10px) rotate(45deg);

	}

	.header #navToggle.open span {

		background: none;

	}

	.header #navToggle.open span:before,

	.header #navToggle.open span:after {

		background: #4f4f4f;

	}

.header { display: none;}	

	.header .nav{



	}

	

	.banner img{

		height: 300px;

		object-fit: cover;

	}

	.header .left{

		width:67%;

		height:3.0rem;

		}

	.header .left img{

		width:100%;

		

		}

}