@font-face{
            font-family: 'hansans';
            src : url('../font/SourceHanSansCN-Regular.ttf');
        }
*,h3{ margin: 0; padding: 0}
body{background-color: #fff}
a:focus{text-decoration: none}
/*====================导航*********/
.header{
	width:100%;
	position:fixed;
	top:0;
	left:0; background:#0000008c;
	z-index:1011;
	height:66px;
	padding: 0 30px;-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	/*background: rgba(28, 35, 39, 0.8);*/
}
.header_on{position: absolute; background: none !important}
.header2{background: #fff; }
.on2{    box-shadow: 2px 2px 8px #ccc;}
/*左侧logo*/

.header .left a img{
	height: 66px;
}

.on2 .left a img,.header2 .left a img{}
.on2 .left .img2,.header2 .left .img2{display: block;}
/*右侧*/
.header .nav{
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
    padding-top: 15px;
	display: block;
}
.header .navbar_nav li{
	float:left;
	display: block;
}
.header .navbar_nav .active a:after,.header .navbar_nav > li > a:hover:after{
    content: "";
    background-image: url(../images/icon1.png);
    width: 11px;
    height: 7px;
    position: absolute;
    bottom: 10px;
        left: 50%;
    margin-left: -5.5px;
    transition: all 0.5s ease 0s;
}
.header.on .navbar_nav .active a:after,.header.on .navbar_nav > li > a:hover:after{background-image: url(../images/icon1_1.png);}
.navbar_nav{float: left; margin-bottom: 0;}
.otherBox{float: right; clear: initial;}
.onlinemes a{display: block;line-height:35px;background:#fff;color: #09a0fd;width: 100%;text-align: center;border-radius:5px; width: 105px;}
.on .onlinemes a,.header2 .onlinemes a{background:#09a0fd;color: #fff;}
.searchBox{float: left;margin:0 5px;}
.otherBox .onlinemes{float: left;}

.header .navbar_nav li a{
	text-decoration: none; position: relative;
	height: 100%;
	padding: 0 25px; padding-bottom: 20px;
	display: block;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	transition: 0.5s;
	color: #fff;
	font-size: 16px;
}
.header .navbar_nav > li > a{padding-top: 5px; margin-bottom: 15px;}
.on2 .navbar_nav li a,.header2 .navbar_nav li a{color: #333}
.on2 .nav{padding-top: 33px;}
.open-search{ position:relative; display:block; width:25px; height:25px; margin: 8px 10px; background:url(../images/search.png) no-repeat center center; background-size:contain; -webkit-transition: all .3s;-o-transition: all .3s;transition: all .3s;}
.on .open-search,.header2 .open-search{background:url(../images/search2.png) no-repeat center center; background-size:contain;}
.top-search{z-index:100;display:none;position:absolute;border:1px solid #ccc;background:#fff;top: 85%; width: 200px;}
.top-search .text{ width:100%; height:40px; line-height:40px; padding:0 40px 0 10px; border:none;}
.top-search .btn{ position:absolute; right:0; top:0; padding:0; height:40px; width:40px; background:url(../images/search2.png) no-repeat center center;background-size:auto 50%;}
.open-search-show{ background:none!important;}
.open-search-show::before,.open-search-show::after{ background:#fff;}
.on .open-search-show::before,.on .open-search-show::after{ background:#333;}
.open-search::before,.open-search::after{ position:absolute; content:''; height:2px; width:100%; left:0; transform:rotate(45deg); top:50%; margin-top:-1px;}
.open-search::after{ transform:rotate(-45deg);}
.nav .dropdown{position: initial;}
.header .clearfix{position: relative;}
.header .navbar_nav li.dropdown{
	display: inherit; 
}
.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; overflow: hidden;
	top:80px; left: 0;
	width: 100%;
	background: rgba(255,255,255,.94);
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
}
.header .navbar_nav li.dropdown .dropdown_menu a{
	color: #666;
	padding: 0 0px;
	font-size: 16px;
    line-height: 32px;
}
.header .navbar_nav li.dropdown2 .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.dropdown2 .dropdown_menu a{
	color: #666;
}
.header .navbar_nav li.dropdown2 .dropdown_menu a:hover{
	color: #fff;
	background: #00bcd4;
}
/*白色背景的头部*/
.header.on{
	    box-shadow: 0 5px 30px rgba(0,0,0,.1);
}

.header.on .navbar_nav li a{
	color: #fff;
}

#navToggle{
	display: none;
}

.m_nav{
	position: fixed;
	top: 0px;
	box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);
	width: 100%;
    height: 100%;
    background: #181828;
    transition: all ease 0.5s;
    -webkit-transition: all ease 0.5s;
	z-index: 1020;
    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{

	display: block;
	margin:30px auto;
}
.m_nav .ul{
	margin-top: 30px; padding-left: 0
}
.m_nav .ul li{
	margin: 0 20px;
	border-bottom: 1px solid #f5f5f5;
	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: #fff;
	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 #f5f5f5;
}
.m_nav .ul li .dropdown_menu a:last-child{
	border: none;
}
.banner{
	width: 100%;
}
.banner img{
	width: 100%;
}


.dropdown_menu dl{margin:0;padding: 2.5%;position: relative;}
.dropdown_menu dl:before{width: 1px;height: 300%;content: '';background:#e0dfdf;top: 0;left: 0;position: absolute;}
.header .navbar_nav li.dropdown .dropdown_menu dt a{font-size:18px;color: #00377a;line-height:72px; display: block;}
.header .navbar_nav li.dropdown .dropdown_menu a:hover{color: #00a0d9}
.Mhide{font-size: 14px;color: #00a0d9;margin-left:5%;}




/*footer*/
#foot{ background:#212121;}
.foot1{overflow:hidden;width:1190px;margin:0 auto;padding-top:90px;padding-bottom:70px;}
.foot1_ul{width:42%;float:left;overflow:hidden;}
.foot1_ul li{float:left; width: 25%; font-size:13px;color:#d1d1d1;line-height:30px;}
.foot1_ul li a{color:#d1d1d1;}
.foot1_ul li strong{display:block;font-size:16px;}
.foot1_ul li span{display:block;}
.foot1_ul li span a{color:#d1d1d1;}
.foot1_ul li span a:hover{color:#fff;}
.foot1_lx{float:left;font-size:14px;color:#d1d1d1;line-height:34px;width:43%; padding-left: 40px;}
.foot1_lx strong{font-size:30px; position:relative;top:8px;}
.foot1_lxp{margin-top:20px;}
.foot1_lxp a{color:#d1d1d1;}
.foot1_lxp a:hover{color:#fff;}
.foot1_fr{float:right;width:8%;margin-left:30px;}
.foot1_fr img{width:100%}
.foot1_fr span{color:#d1d1d1;font-size:14px;margin-top:5px;display:block;text-align:center;}
.foot2{ background:#000;line-height:50px;font-size:12px;color:#707070;text-align:center;}

/*footer*/
@media screen and (max-width: 1440px){
	.header .navbar_nav li a{padding: 5px 20px 25px 20px;}
	.header .navbar_nav li.dropdown .dropdown_menu{top: 94%}
}

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

	.header .navbar_nav > li > a{margin-bottom: 0;}
	.header #navToggle {
		height: 100%;
		padding: 9px 15px; padding-top: 12px;
		margin-right: -15px;
		display: inline-block;
		float: right;
	}
	.header #navToggle span {
		position: relative;
		width: 28px;
		height: 2px;
		margin-top: 19px;
	}
	.header #navToggle span:before,
	.header #navToggle span:after {
		content: '';
		position: relative;
		width: 100%;
		height: 2px;
		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;
	}
	.on2 #navToggle span, .on2 #navToggle span:before, .on2 #navToggle span:after{background: #333;}
	.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 .nav{
		display: none; background: #fff;  top: 66px; left:0; bottom: 0;  width: 100%; transition: 0s; overflow: auto; position: fixed;
	}
	
	.banner img{
		height: 600px;
		object-fit: cover;
	}
	.header .navbar_nav li{width:auto; float: initial; border-bottom: solid 1px #eee;}
	.header .navbar_nav li a{padding-left: 0; font-size: 18px; position: relative; line-height: 50px; padding: 0 15px; color: #333}
	.navbar_nav{padding: 0; padding-bottom: 30px;}
	.btnspan {
    display: block;
    position: absolute;
    width: 11px;
    height: 7px;
    background-image: url(../images/icon1_1.png);
    top: 50%;
    margin-top: -3.5px;
    right: 15px;
    position: absolute;
    transform: rotate(90deg);
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;}
    .header .navbar_nav li.dropdown .dropdown_menu{position: static;}
    .header .navbar_nav li:hover a{color: #333}
    .header .navbar_nav li.dropdown .dropdown_menu{background: none; box-shadow:initial;}
    .header .navbar_nav li.dropdown .dropdown_menu a{border-bottom: solid 1px #eee; text-align: left;}
    .header .navbar_nav li.dropdown .dropdown_menu a:last-child{border-bottom: 0}
    .header .navbar_nav li:hover:after{width: 0}
    .subnav .btnspan,.dropdown_menu2 .btnspan {transform: rotate(180deg);}
    .header2 #navToggle span, .header2 #navToggle span:before, .header2 #navToggle span:after{background: #333}
    .otherBox{display: none}
    .navbar_nav{float: initial; }
    .header .navbar_nav .active a:after, .header .navbar_nav > li > a:hover:after{display: none}
    .dropdown_menu dl:before{display: none}
    .dropdown_menu dt img{display: none}
    .dropdown_menu dl{padding: 0 15px; background: #f3f3f3;}
    .dropdown_menu h5{ margin: 0 ; }
    .header .navbar_nav li.dropdown .dropdown_menu dt a{line-height: 52px;}
    .subnav .dropdown_menu .btnspan{    transform: rotate(90deg);}
    .dropdown_menu dd{display: none; line-height: 30px; border-bottom: solid 1px #ddd;}
    .dropdown_menu dd:last-child{border: 0}
    .header .navbar_nav li.dropdown .dropdown_menu a{line-height: 42px;}
    .dropdown_menu dl{border-bottom: solid 1px #ddd;}
    .Mhide{display: none}
}


@media screen and (max-width: 767px){
	.header .left a img{height: auto;}
	.header .clearfix{padding: 0}
	.header .clearfix .left{padding-left: 15px;}
	.header #navToggle{margin-right: 0; padding:9px 0}
	.header .navbar_nav li a{padding: 0 15px;}
  .header{padding: 0 15px}
}