@charset "utf-8";
/* CSS Document */
.head{ height: 30px; line-height: 30px; background: #3F4055; color: #FFF;}
.header{ position:relative;}
.sj{ display: none}
.top{ /*position:absolute;*/ position:fixed; top:0; left:0; height:60px; padding:0 5%; width:100%;display: flex;align-items: center;-webkit-justify-content: space-between;background-color: #35b5b4;background: rgba(0,0,0,.4);   z-index: 999;}
.top .lgo{ width:150px}



.navs{ padding:0 20px; height:34px; line-height:34px; z-index:99;  display: flex; }
.navs li{ float:left;  position:relative; display:inline;margin-left: 30px;  }
.navs li a{ display:block; padding:0 20px; font-size:16px; color:#fff; font-weight:bold   }
.navs .sub{ display:none; position: absolute;   background: #fff; left:0; top:34px; width:130px;border-radius: 12px;  line-height:26px; padding:25px 0; z-index:88  }
.navs .sub li{ zoom:1; margin-left: 0;}
.navs .sub a{ display:block;color:#333; cursor:pointer; text-align:center; width:100%; font-size:16px;margin-bottom: 10px; }
.navs .sub:before {top: -4px;left: 62px;	background: #fff;content: '\0020';height: 8px;width: 8px;position: absolute;border-color: #fff;-webkit-transform: rotate(135deg);-ms-transform: rotate(135deg);transform: rotate(135deg)}


.header-ny{  background:#35b5b4; min-height:75px;position: inherit;}
.header-ny .navs li a{ color:#FFF}
.header-ny .navs .sub a{ color:#333}



.header #navToggle {/*height: 100%;*/padding:0 15px;margin-right: -15px;float: right;}
.header #navToggle span {position: relative;width:30px;height: 2px;margin-top: 10px;}
.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: #EFEFEF;}
	.header #navToggle span:before {top: 10px;}
	.header #navToggle span:after {bottom: 12px;}
	.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;	}

.m_nav{position: fixed;top: 0px;box-shadow: 0 15px 27px 0 rgba(167,165,165,0.38);width: 100%;height: 100%;background: #111;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 .mtop{height: 75px;padding: 20px;display: flex;align-items: center;-webkit-justify-content: space-between;}
.m_nav .mtop .closed{width: 30px;height: 30px;vertical-align: middle;float:right;cursor: pointer;}
.m_nav a img{ width:90px;}

.m_nav .ul{margin-top: 30px;}
.m_nav .ul li{padding: 0 20px;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 .ul li.dropdown a{ background:url(../img/icon_arrow-135b7f1ca3.png) no-repeat right center; padding-right:30px; background-size:22%}
.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: inline-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; background:none}
.m_nav .ul li .dropdown_menu a:last-child{	border: none;}

.m_nav.open .ul li i{background: url(../img/icon_arrow-135b7f1ca3.png) no-repeat center/cover;height: 1.3rem; width: 1.3rem; margin-left: .7rem; display: inline-block;}




/*foot*/
.foot{ background:#282828;}
.foot .center{ padding:0 8%}
.foot .bz{ height:70px; line-height:70px; font-size:18px; color:#d4d4d4; border-bottom:1px solid #3e3e3e;}
.foot .txt{ color:#d4d4d4;}
.foot .txt .l{ padding:25px 0; float:left}
.foot .txt .l p{ margin-bottom:10px;}
.foot .txt .l p:first-child a{ padding:0 5px;}
.foot .txt .l a{ color:#d4d4d4; }
.foot .txt .l img{ display:inline-block; height:36px; vertical-align:middle; }
.foot .txt .r{ margin-top:20px; text-align:right; float:right}
.foot .txt .r a{ color:#d4d4d4; }
.foot .txt .r .wb{ display:inline-block;  background:url(../img/wb-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .wx{ display:inline-block;  background:url(../img/wx-icon.png) center no-repeat; width:26px; height:23px;}
.foot .txt .r .qq{ display:inline-block;  background:url(../img/qq-icon.png) center no-repeat; width:19px; height:23px;}
.foot .txt .r .icon{ text-align:right; margin-bottom:10px;}
.foot .txt .r .icon span{ display:inline-block; width:80px; text-align:center; margin-right:15px;}
.foot .txt .r .icon img{  display:block; margin-bottom:6px; width:100%;}

@media screen and (max-width: 899px) {
	.sj{ display: block}
	.navs{ display:none}
	.top,.header-ny{height: 60px;min-height: 60px;/*background: rgba(53,181,180,.2);*/}
	.top .lgo{ width:120px;}
	
	
	/*.banner_s{ margin-top:45px}*/
	.foot .txt .r{ display:none}
	.foot .bz{display:none}
	.foot .txt .l{ font-size:14px;line-height: 25px;}
	
	
	.web-footer {position: fixed;bottom: 0;	left: 0;width: 100%;background: #fff;	z-index: 10;border-top: solid 1px #ccc;}
.web-footer li {float: left;width:33%;}
.web-footer li a {	display: block;	text-align: center;	color: #222;padding:10px 0;	line-height: 1; font-size:14px}
.web-footer li i {display: block;height:25px;	background: no-repeat center;	background-size: contain;	margin-bottom:10px;}
.web-footer li i.i1 {background-image: url(../img/fmenu1.png);}
.web-footer li i.i2 {background-image: url(../img/fmenu2.png);}
.web-footer li i.i3 {background-image: url(../img/fmenu3.png);}


	
}

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