blockquote,body,button,dd,div,dl,dt,form,h1,h2,h3,h4,h5,h6,input,legend,li,ol,p,td,textarea,th,ul {
	margin:0;
	padding:0;
	-webkit-tap-highlight-color:rgba(0,0,0,0)
}
html {
    font-family:  "Microsoft YaHei", "寰蒋闆呴粦", 'sans-serif',"Tahoma", "Helvetica";
    font-size: 62.5%;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body{
	font-size: 1.6rem;
	line-height: 1.5; 
	height: 100%;
	color: #333;
	overflow-x: hidden; 
	-webkit-overflow-scrolling: touch;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { 
	display: block; 
}

audio, canvas, progress, video { 
	display: inline-block; vertical-align: baseline; 
}
audio:not([controls]) { 
	display: none; height: 0; 
}
[hidden], template { 
	display: none; 
}
svg:not(:root) { 
	overflow: hidden; 
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: 500
}
img {
    border: 0;
    max-width: 100%;
    vertical-align: middle;
}
ul,ol,li {
    list-style: none;
}
a{
	text-decoration:none;
	background:0 0;
	color: inherit;
}
a:active, a:hover, a:focus {
	outline:0
}
b,strong {
	font-weight:700
}
sub,sup {
	font-size:75%;
	line-height:0;
	position:relative;
	vertical-align:baseline
}

button,input,optgroup,select,textarea {
	color:inherit;
	font:inherit;
	margin:0;
	outline:0
}
button,select {
	text-transform:none
}
select {
	-webkit-appearance:none;
	border:none
}
hr{
	border:0;
	height:1px
}
table{
	border-spacing: 0;
    border-collapse: collapse;
}
input {
	line-height:normal
}
button, html input[type="button"], input[type="reset"], input[type="submit"] { 
	-webkit-appearance: button; cursor: pointer; 
}
input[type="checkbox"],input[type="radio"] {
	box-sizing:border-box;
	padding:0
}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button {
	height:auto
}
input[type="search"] {
	-webkit-appearance:textfield;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box
}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
	-webkit-appearance:none
}


/*===================
========Public========
===================*/

.xyh-box,.xyh-box * {
	-webkit-box-sizing:content-box!important;
	-moz-box-sizing:content-box!important;
	box-sizing:content-box!important;
}
.xyh-border,.xyh-border * {
	-webkit-box-sizing:border-box!important;
	-moz-box-sizing:border-box!important;
	box-sizing:border-box!important
}
.xyh-circle {
	border-radius:100%
}
.xyh-show {
	display:block!important
}
.xyh-hide {
	display:none!important
}
.xyh-floatL{
	float: left;
}
.xyh-floatR{
	float: right;
}
.xyh-txtC{
	text-align: center;
}
.xyh-txtL{
	text-align: left;
}
.xyh-txtR{
	text-align: right;
}
.xyh-lht30{
	line-height: 30px;
}
.xyh-lht26{
	line-height: 26px;
}
.xyh-lht24{
	line-height: 24px;
}
.xyh-lht22{
	line-height: 22px;
}

/* 瀛椾綋 */
.xyh-f12{
	font-size: 12px;
}
.xyh-f13{
	font-size: 13px;
}
.xyh-f14{
	font-size: 14px;
}
.xyh-f16{
	font-size: 16px;
}
.xyh-f18{
	font-size: 18px;
}
.xyh-f20{
	font-size: 20px;
}
.xyh-f22{
	font-size: 22px;
}
.xyh-f24{
	font-size: 24px;
}
.xyh-f32{
	font-size: 32px;
}
.xyh-f36{
	font-size: 36px;
}
.xyh-f48{
	font-size: 48px;
}


/* 闂磋窛 */
.xyh-mt5{
	margin-top: 5px;
}
.xyh-mt10{
	margin-top: 10px;
}
.xyh-mt15{
	margin-top: 15px;
}
.xyh-mt20{
	margin-top: 20px;
}
.xyh-mr5{
	margin-right: 5px;
}
.xyh-mr10{
	margin-right: 10px;
}
.xyh-mr15{
	margin-right: 15px;
}
.xyh-mr20{
	margin-right: 20px;
}
.xyh-mb5{
	margin-bottom: 5px;
}
.xyh-mb10{
	margin-bottom: 10px;
}
.xyh-mb15{
	margin-bottom: 15px;
}
.xyh-mb20{
	margin-bottom: 20px;
}
.xyh-ml5{
	margin-left: 5px;
}
.xyh-ml10{
	margin-left: 10px;
}
.xyh-ml15{
	margin-left: 15px;
}
.xyh-ml20{
	margin-left: 20px;
}
.xyh-m10{
	margin: 10px;
}
.xyh-m15{
	margin: 15px;
}
.xyh-m20{
	margin: 20px;
}

.xyh-pt5{
	padding-top: 5px;
}
.xyh-pt10{
	padding-top: 10px;
}
.xyh-pt15{
	padding-top: 15px;
}
.xyh-pt20{
	padding-top: 20px;
}
.xyh-pr5{
	padding-right: 5px;
}
.xyh-pr10{
	padding-right: 10px;
}
.xyh-pr15{
	padding-right: 15px;
}
.xyh-pr20{
	padding-right: 20px;
}
.xyh-pb5{
	padding-bottom: 5px;
}
.xyh-pb10{
	padding-bottom: 10px;
}
.xyh-pb15{
	padding-bottom: 15px;
}
.xyh-pb20{
	padding-bottom: 20px;
}
.xyh-pl5{
	padding-left: 5px;
}
.xyh-pl10{
	padding-left: 10px;
}
.xyh-pl15{
	padding-left: 15px;
}
.xyh-pl20{
	padding-left: 20px;
}
.xyh-p10{
	padding: 10px;
}
.xyh-p15{
	padding: 15px;
}
.xyh-p20{
	padding: 20px;
}

.xyh-inline {
	position:relative;
	display:inline-block;
	display:inline;
	zoom:1
}
.xyh-block{
	display: block;
}
.xyh-elip {
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap
}
.xyh-unselect {
	-moz-user-select:none;
	-webkit-user-select:none;
	-ms-user-select:none
}
.xyh-clear{
	clear:both;
	zoom:1
}
.xyh-clear:after{
	content:'';
	clear:both;
	zoom:1;
	display:block;
	height:0
}
.xyh-wrap{
	width: 1200px;
	margin: 0 auto;
}

a:link {
	color: #636363;
	cursor: pointer;
	text-decoration: none;
}

a:visited {
	color: #636363;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a:active {
	color: #636363;
	text-decoration: none;
}
.trans {
 
	transition: all .5s ease;
	-moz-transition: all .5s ease;
	/* Firefox 4*/
	-webkit-transition: all .5s ease;
	/* Safari 鍜� Chrome*/
	-o-transition: all .5s ease;
	/* Opera*/
}
.Nybanner{
	width:100%;
}
.about-main .container ,.Nylocation .container,.indexProject .container,.newsDe .container{
	overflow:hidden;
}
.pos-rel,.warmp{ position: relative;}
.container{
	width: 96%;
	max-width: 1200px;
	margin: 0 auto;
	padding: 0;
	 position: relative;
	 clear:both;
	 
}
.container::after{
	clear: both;
}
@charset "UTF-8";
body {
	font-family: "思源黑体 CN";
	font-size: 15px;
	color: #666666;
}

img {
	max-width: 100%;
} 
@font-face {
	font-family: "helev";
	src: url("../fonts/helev.TTF");
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: "helev2";
	src: url("../fonts/HELVETICANEUELTPRO-CN_0.TTF");
	font-weight: normal;
	font-style: normal;
}
.fl{
	float: left;
}
.fr{
	float: right;
}
.clear {
	clear: both;
} 

.footH {
	height: 50px;
	display: none;
}

.footFix {
	background: #7ecef4;
	padding: 10px 0;
	display: none;
	justify-content: space-between;
	position: fixed;
	bottom: 0;
	width: 100%;
	z-index: 999;
	text-align: center;
	color: #fff;
}

.footFix>a {
	display: inline-block;
	width: 33%;
	font-size: 16px;
	color: #ffffff !important;
}

.footFix>a>i.iconfont {
	font-size: 20px;
	margin-right: 5px;
	color: #fff;
}

.fl {
	float: left;
}

.fr {
	float: right;
}
.swiper-pagination-bullet-active{
	background: #0166b3 !important;
}
.container.index{
	width: 96%;
	max-width: 1480px;
}
.section{
	overflow: hidden;
}

/* head */
.headSearchWarp{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(255,255,255,0.6);
	z-index: 9009;
	opacity: 0;
	visibility: hidden;
	transition: all .5s ease;
}
.headSearchWarp.open{
	opacity: 1;
	visibility: visible; 
	transition: all .5s ease;
}
.headSearch{
	position: fixed;
	top: -151px;
	opacity: 0;
	visibility: hidden;
	left: 0;
	background: #fff;
	z-index: 90090;
	width: 100%;
	padding: 30px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}
.headSearch.open{
	opacity: 1;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.headSearch .container{
	max-width: 1000px;
	position: relative;
	border-bottom: 1px solid #ddd;
}
.headSearch input[type=text]{
	border: none;
	height: 35px;
	width: 90%;
	padding: 0;
	text-indent: 18px;
	float: left;
}

.headSearch span i{
	font-size: 24px;
	color: #333;
}
.closeHs{
	position: absolute;
	cursor: pointer;
	right: 0;
	top: -11px;
}
.closeHs i{
	font-size: 45px;
	color: #c1c1c1;
	transition: all .5s ease;
}
.closeHs:hover i{
	color: #ff0000;
	transition: all .5s ease;
}
.head{
	width: 100%; 
	background: rgba(255,255,255,1);
	z-index: 1009;  
	position: relative;
	/* padding: 9px 0 16px; */
	transition: all .5s ease;
}  
.head.fixedbg{
	position: fixed;
	top: 0;
	background: rgba(255,255,255,0.92);
	/* padding: 5px 0 12px; */
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .1);
	transition: all .5s ease;
}
.head .Logo{
	float: left;
	margin-top: 9px;
}
.WebLink{
	float: left;
	margin-left: 98px; 
}
.WebLink li{
	float: left; 
	height: 92px; 
	position: relative;
	margin-left: 30px; 
}
.WebLink li > a::after{
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	background: #5e8ecb;
	left: 0;
	top: 0;
	opacity: 0;
	z-index: 2;
	visibility: hidden;
	transition: all .5s ease;
}
.WebLink li:hover > a::after,
.WebLink li.on > a::after{
	opacity: 0;
	top: 0;
	visibility: visible;
	transition: all .5s ease;
}
.WebLink li > a{
	font-size: 14px;
	color: #333333;
	position: relative;
	z-index: 23;
	display: block; 
	padding: 0 26px;
	line-height: 92px;
	overflow: hidden;
}
.WebLink li > a span{
	position: relative;
	z-index: 22;
}
.WebLink li:hover > a,
.WebLink li.on > a{
	color: #5e8ecb;
}
.head-search{
	float: right;
	margin-top: 31px;
	cursor: pointer;
}
.head-search i{
	font-size: 20px;
	color: #548acf;
}
.head-sub-menu{
	position: absolute;
	width: 100%;
	min-width: 140px;
	left: 50%;
	margin-left: -70px;
	top: 92px;
	background: #fff;
	text-align: center;
	opacity: 0;
	visibility: hidden;
	padding: 15px 0;
	box-shadow: 0 6px 15px 0 rgba(0, 0, 0, .2);
	border-top: 2px solid #5e8ecb;
	transition: all .5s ease;
}
.WebLink li:hover .head-sub-menu{
	top: 92px;
	opacity: 1;
	visibility: visible;
	transition: all .5s ease;
}
.head-sub-menu a{
	display: block;
	line-height: 42px;
	font-size: 15px;
	color: #333;
/*	margin: 0 22px;*/
}
.head-sub-menu a:hover{
	background: #5e8ecb;
	color: #fff;
}
/* syVideo */
.syVideo{
/*	background: #090820;*/
	height: 70vh;
	overflow: hidden;
	width:100%;
}
.syVideo video{
	width: 100%;  
	position: relative;
	top: -180px;
}

/* indexNews */
.indexNews{
	background: #f5f5f5;
	overflow:hidden;
	margin-top: 50px;
}
.indexNews .container{
/*	padding: 46px 0 35px;*/
	position: relative;
}
.syXwLeft{
	width: 76.833334%;
	float: right;
	margin-top: 22px;
	position: relative;
}
#syNews{
	padding-right: 38px;
	height: 146px !important;
}
#syNewsPag{
	right: 0; 
}
#syNewsPag .swiper-pagination-bullet{
	width: 8px;
	height: 8px;
	background: #898989 !important;
	border: 2px solid #898989;
	opacity: 1;
}
#syNewsPag .swiper-pagination-bullet-active{
	background: #fff !important;
	border: 2px solid #6193d2;
}
.sy-xw-list1{
	overflow: hidden;
	height: 140px !important;
}
.sy-xw-list1 .time{
	float: left;
	width: 108px;
	text-align: center;
	height: 108px;
	margin-top: 10px;
	background: url(https://foundation-zs.oss-cn-shanghai.aliyuncs.com/nbg12.png) no-repeat center center;
   background-size: 100% auto;
}
.sy-xw-list1 .time .day{
	font-size: 38px;
	color: #555555;
	line-height: 50px;
	font-family: helev;
	margin-top: 12px;
}
.sy-xw-list1 .time .year{
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	font-family: helev;
	font-weight: 100;
	margin-top: 5px;
}
.sy-xw-list1 .info{
	width: 64%;
	float: left;
	margin-left: 25px;
	margin-top: 10px;
}
.layui-icon {
	display:none;
}
.layui-colla-title{
	padding:0px !important;
	height:55px !important;
}
.layui-colla-content {
	padding: 28px 0;
  font-size: 15px;
  color: #666666 !important;
  line-height: 30px !important;
}
.sy-xw-list1 .info .tit{
	font-size: 19px;
	color: #333333;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 38px;
	transition: all .5s ease;
}
.sy-xw-list1:hover .info .tit{
	color: #7ecef4;
	transition: all .5s ease;
}
.sy-xw-list1 .info .sub{
	font-size: 14px;
	color: #666666;
	line-height: 24px;
	height: 72px;
	display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 6px;
}
.sy-xw-list1 .pic{
	width: 20.0708%; 
	float: right;
}
.syXwRight{
	width: 20.416667%;   
	float: left;
	padding:5px 8px 5px 3px;
	background:#e5e5e5;
	
}
.syXwRight .titBox{ 

background: url(https://foundation-zs.oss-cn-shanghai.aliyuncs.com/image/567.png) no-repeat top center;
	background-size: 76%;
  background-position: 130% 8%;
}
.syXwRight .titBox .en{

	font-size: 20px;
	color: #a72a2e;
	line-height: 28px;
	position: relative;
  top: 45px;
  left: 20px;
}
.syXwRight .titBox .cn{

	font-size: 16px;
	color: #a72a2e;
	line-height: 25px;
	position: relative;
  top: 45px;
  left: 20px;
}
.syXwRight .titBox i{
	display: block;
	width: 42px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	border-radius: 100%;
	background: #548acf;
	font-size: 20px;
	color: #fff;
	margin-top: 15px;
}
.syXwRight .pic{
	width: 59%;
	float: left;
	overflow: hidden;
	position: relative;
}
.syXwRight .pic img{
	transform: scale(1);
    transition: all .5s ease;
}
.syXwRight .pic:hover img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.syXwRight .pic p{
	display: block;
	padding: 0 15px;
	position: absolute;
	bottom: 15px;
	color: #fff;
	line-height: 25px;
	font-size: 15px;
	font-weight: bold;
	left: 0;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}

/* indexProject */
.indexProject{
	padding: 30px 0 38px;
}
.syXm-gallery-top{
	width: 64.5%;
	float: left;
}
.syXm-gallery-top .swiper-slide{
	position: relative;
	overflow: hidden;
}
.syXm-gallery-top .swiper-slide img{
	display: block;
	width: 100%;
	transform: scale(1);
    transition: all .5s ease;
}
.syXm-gallery-top .swiper-slide:hover img{
	transform: scale(1.12);
    transition: all .5s ease;
}
.syXm-gallery-top .swiper-slide .info{
	padding: 0 28px;
	position: absolute;
	bottom: 40px;
}
.syXm-gallery-top .swiper-slide .info .t1{
	font-weight: bold;
	font-size: 26px;
	color: #fff;
	line-height: 30px;
}
.syXm-gallery-top .swiper-slide .info .t2{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	margin-top: 12px;
}
.syXmRight{
	width: 35.5%;
	float: right; 
}
.syXmRight .titBox{
	width: 100%;
	min-height: 153px;
	padding: 28px 34px 0;
	background: #7ecef4 url(/image/sy-xm-bk.png) no-repeat top right;
	background-size: auto 100%;
	color: #fff;
}
.syXmRight .titBox .en{
	font-size: 26px;
	font-family: helev;
	line-height: 28px;
	text-transform: uppercase;
}
.syXmRight .titBox .cn{
	font-weight: bold;
	font-size: 15px;
	line-height: 25px;
	margin-top: 5px;
}
.xmBottom{
	width: 100%;
	padding: 27px 34px 0 30px;
	height: 152px;
	position: relative;
	background: #8e959d;
}
.syXm-gallery-thumbs .swiper-slide{
	text-align: center;
	cursor: pointer;
}
.syXm-gallery-thumbs .swiper-slide p{
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin: 10px 0 0 0;
}
#syXmN{
	width: 38px;
	height: 38px;
	background: url(../images/sy-xm-next.png) no-repeat center center;
	right: 28px;
}

/* project */
.project{
	padding: 52px 0 85px;
}
.project .pdg{
	padding: 0 12.5px;
	margin-bottom: 46px;
}
.project-list{
	background: #f6f6f6;
    transition: all .5s ease;
}
.project-list:hover{
	background: #518acd;
    transition: all .5s ease;
}
.project-list .pic{
	overflow: hidden;
	padding-bottom: 56.3%;
	height:0;
}
.project-list .pic img{
	display: block;
	width: 100%;
    transform: scale(1);
    transition: all .5s ease;
}
.project-list:hover .pic img{
	transform: scale(1.12);
	transition: all .5s ease;
}
.project-list .info{
	padding: 18px 34px 22px 28px;
}
.project-list .info .tit{
	font-weight: bold;
	font-size: 20px;
	color: #333333;
	line-height: 25px;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.project-list .info .time{
	font-size: 14px;
margin-top:10px;
	color: #666;
    transition: all .5s ease;
}
.project-list:hover .info .time{
color: #fff;
    transition: all .5s ease;
}
.project-list:hover .info .tit{
	color: #fff;
    transition: all .5s ease;
}
.project-list .info .sub{
	font-size: 15px;
	color: #777777;
	height: 52px;
	line-height: 26px;
	margin: 10px 0 18px 0;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.project-list:hover .info .sub{
	color: #fff;
    transition: all .5s ease;
}
.project-list .info .more{
	font-size: 15px;
	color: #518acd;
	line-height: 25px;
    transition: all .5s ease;
}
.project-list:hover .info .more{
	color: #fff;
    transition: all .5s ease;
}
.project-list .info .more i{
	font-size: 16px;
	margin-left: 12px;
}

/* about */
.sub-main-left{
	width: 23.5%;
	float: left;
	border-right: 1px solid #e9e9e9;
	min-height: 550px;
	padding: 80px 0 0 0;
	background: url(/image/about-left-logo.png) no-repeat top 188px right;
}
.sub-main-left .en{
	text-transform: uppercase;
	font-family: helev;
	font-size: 24px;
	color: #898989;
	line-height: 28px;
}
.sub-main-left .cn{
	font-size: 32px;
	line-height: 38px;
	color: #333333;
	margin-top: 18px;
}
.sub-main-right{
	width: 71.33334%;
	float: right;
}
.sub-main-right.xxgk{
	width: 100%;
	float: none;
}
.about{
	padding: 54px 0 46px;
}
.about .content{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
	margin-top: 26px;
}
.history{
	padding: 0 0 120px 0;
}
.history-show{
	margin-top: 80px;
	position: relative;
	background: url(../images/history-line.png) no-repeat top 60px center;
}
#historySwiper{
	width: 79%;
	margin: 0 auto;
}
#historySwiper .year{
	text-align: center;
	font-family: helev;
	font-size: 42px;
	line-height: 48px;
	color: #555555;
}
#historySwiper .cont{
	margin-top: 85px;
	font-size: 15px;
	color: #666666;
	line-height: 26px;
	height: 145px;
	overflow: auto;
	padding-right: 15px;
}
#historySwiper .cont .lb{
	margin-bottom: 5px;
	padding-left: 20px;
	background: url(../images/history-dot.png) no-repeat top 9px left;
}
#historyN,
#historyP{
	width: 37px;
	height: 37px;
	margin-top: 0;
	top: 72px;
}
#historyN{
	background: url(../images/history-next.png) no-repeat center center;
	right: 0;
}
#historyP{
	background: url(../images/history-prev.png) no-repeat center center;
	left: 0;
}
/* council */
.council{
	padding: 55px 0 90px;
}
.council .class{
	margin-bottom: 22px;
}
.council .class .name{
	font-size: 26px;
	color: #222222;
	line-height: 30px;
	padding-left: 22px;
	background: url(../images/lsh-dot.png) no-repeat left center;
}
.council .class ul{
	margin-top: 25px;
	overflow: hidden;
}
.council .class ul li{
	overflow: hidden;
	background: #548acf url(../images/lsh-li-back.jpg) no-repeat right top;
	background-size: auto 100%;
	margin-bottom: 22px;
}
.council .class ul li .pic{
	width: 18%;
	float: left;
}
.council .class ul li .info{
	width: 50%;
	float: left;
	margin-left: 30px;
	padding: 20px 0 10px;
}
.council .class ul li .info .title{
	font-weight: bold;
	color: #fff;
	font-size: 26px;
	line-height: 30px;
}
.council .class ul li .info .title span{
	font-size: 16px;
	color: #7ecef4;
	margin-left: 14px;
}
.council .class ul li .info .cont{
	font-size: 15px;
	color: #fff;
	line-height: 25px;
	margin-top: 15px;
}
/* vision */
.vision{
	padding: 60px 0 100px;
}
.vision ul{
	
}
.vision ul li{
	overflow: hidden;
	margin-bottom: 40px;
	border: 1px solid #dcdcdc;
}
.vision ul li .pic{
	width: 21%;
	float: left;
}
.vision ul li .info{
	width: 71%;
	float: left;
	padding: 30px 0 0 0;
	margin-left: 38px;
}
.vision ul li .info .en{
	font-size: 18px;
	color: #999999;
	font-family: helev;
	line-height: 25px;
	text-transform: uppercase;
}
.vision ul li .info .cn{
	font-size: 24px;
	line-height: 28px;
	color: #222222;
	margin: 12px 0 22px;
}
.vision ul li .info .sub{
	font-size: 15px;
	color: #555555;
	line-height: 28px;
}

/* organizational */
.organizational{
	padding: 66px 0 60px;
}
.organizational .cont{
	position: relative;
	border: 1px dashed #d2d2d2;
	border-radius: 5px;
	padding: 30px 110px 25px 92px;
	font-size: 16px;
	color: #555555;
	line-height: 28px;
}
.organizational .cont::after,
.organizational .cont::before{
	position: absolute;
	width: 34px;
	height: 30px;
	content: "";
}
.organizational .cont::after{
	background: url(../images/yh1.png) no-repeat center center;
	left: 35px;
	top: 25px;
}
.organizational .cont::before{
	background: url(../images/yh2.png) no-repeat center center;
	bottom: 34px;
	right: 30px;
}
.zzjg{
	display: block;
	margin: 48px auto 0;
}
/* constitution */
.constitution{
	padding: 60px 0 45px;
}
.constitution .item{
	margin-bottom: 4px;
}
.constitution .item h3{
	line-height: 55px;
	border-left: 4px solid #518acd;
	padding-left: 25px;
	font-size: 20px;
	color: #333333;
	background: #f6f6f6;
	cursor: pointer;
    transition: all .5s ease;
}
.constitution .item h3.on{
	background: #518acd;
	color: #fff;
    transition: all .5s ease;
}
.constitution .item ul li{
	padding: 28px 0;
	font-size: 15px;
	color: #666666;
	line-height: 30px;
}
.constitution .tips{
	margin-top: 40px;
	overflow: hidden;
}
.constitution .tips p{
	float: right;
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}

.abt-r-tit{
	line-height: 32px;
	padding-left: 42px;
	font-size: 24px;
	color: #222222;
}
.abt-r-tit.a1{
	background: url(../images/about-ico1.png) no-repeat left center;
}
.abt-r-tit.a2{
	background: url(../images/about-ico2.png) no-repeat left center;
}

/* join */
.join{
	padding: 58px 0 100px;
}
.join ul li{
	overflow: hidden;
	margin-bottom: 15px;
	background: #548acf;
}
.join ul li .pic{
	overflow: hidden;
	float: right;
	width: 50%;
}
.join ul li:nth-of-type(2n+2) .pic{
	float: left;
}
.join ul li .info{
	width: 40%;
	float: left;
	margin-left: 48px;
	padding: 42px 0 0 0;
}
.join ul li .info .tit{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	line-height: 30px;
}
.join ul li .info .cont{
	font-size: 15px;
	color: #fff;
	line-height: 28px;
	text-align: justify; 
	display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin: 25px 0 30px;
}
.join ul li .info .more{
	width: 135px;
	height: 45px;
	border-radius: 5px;
	text-align: center;
	line-height: 45px;
	color: #fff;
	font-weight: bold;
	font-size: 16px;
	background: #f46e25;
}
.join ul li .info .more i{
	font-weight: 100;
	margin-left: 8px;
    transition: all .5s ease;
}
.join ul li .info .more:hover i{
	margin-left: 16px;
    transition: all .5s ease;
}
/* workingPartner */
.workingPartner{
	padding: 60px 0 68px;
}
.workingPartner .tips{
	font-size: 16px;
	line-height: 28px;
	color: #555555;
}
.workingShow{
	border: 1px solid #548acf;
	margin-top: 35px;
}
.workingShow .top{
	background: #548acf;
	height: 64px;
	line-height: 64px;
	font-size: 18px;
	color: #fff;
	overflow: hidden;
}
.workingShow .top span{
	float: left;
	text-align: center;
	display: block;
}
.workingShow .top span:nth-child(1){
	width: 32%;
	text-align: left;
	padding-left: 32px;
}
.workingShow .top span:nth-child(2){
	width: 26.5%;
}
.workingShow .top span:nth-child(3){
	width: 26.5%;
}
.workingShow .top span:nth-child(4){
	width: 15%;
}
.workingShow .top i{
	margin-right: 8px;
	font-size: 22px;
}
.workingShow .item{
	margin-top: 1px;
}
.workingShow .item h3{
	overflow: hidden;
	line-height: 62px;
	background: #f2f2f2;
	font-size: 16px;
	color: #555555;
	cursor: pointer;
}
.workingShow .item h3 span{
	float: left;
	text-align: center;
	display: block;
	height: 62px;
}
.workingShow .item h3 span:nth-child(1){
	width: 32%;
	text-align: left;
	padding-left: 32px;
}
.workingShow .item h3 span:nth-child(2){
	width: 26.5%;
}
.workingShow .item h3 span:nth-child(3){
	width: 26.5%;
}
.workingShow .item h3 span:nth-child(4){
	width: 15%;
	background: url(../images/jiah.png) no-repeat center center;
}
.workingShow .item h3.on span:nth-child(4){
	width: 15%;
	background: url(../images/jianh.png) no-repeat center center;
}
.workingShow .item ul li{
	padding: 22px 30px 40px;
}
.workingShow .item ul li .cont{
	font-size: 15px;
	color: #666666;
	line-height: 26px;
}
.ljyp{
	display: block;
	width: 124px;
	text-align: center;
	height: 45px;
	line-height: 43px;
	border: 1px solid #f57732;
	border-radius: 5px;
	font-size: 16px;
	color: #f46e25 !important;
	margin-top: 32px;
}
.ljyp:hover{
	background: #f46e25;
	color: #fff !important;
}
/* cooperativeShow */
.cooperativeShow{
	margin-top: 38px;
}
.cooperativeShow .pdg{
	padding: 0 5px;
	margin-bottom: 10px;
}
.hzhb-list{
	background: #f9f9f9;
	padding: 19px;
	transition: all .5s ease;
}
.hzhb-list:hover{
	box-shadow: 0 0 15px 0 rgba(0, 0, 0, .2);
	transition: all .5s ease;
}
.hzhb-list img{
	display: block;
	margin: 0 auto;
}
/* volunteer */
.volunteer{
	margin-top: 25px;
}
.volunteer .pdg{
	padding: 0 15px;
	margin-bottom: 22px;
}
.volunteer .pdg .tit{
	font-size: 16px;
	line-height: 25px;
	color: #555555;
	margin-bottom: 18px;
}
.volunteer .pdg input[type=text]{
	width: 100%;
	height: 46px;
	border: none;
	outline: none;
	background: #f0f0f0;
	border-radius: 5px;
	padding: 0;
	text-indent: 18px;
	font-size: 14px;
	color: #333;
	transition: all .5s ease;
}
.volunteer .pdg input[type=text]:focus{
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	transition: all .5s ease;
}
.volunteer .pdg textarea{
	min-width: 100%;
	max-width: 100%;
	min-height: 155px;
	max-height: 155px;
	border: none;
	outline: none;
	background: #f0f0f0;
	border-radius: 5px;
	padding: 12px 18px;
	font-size: 14px;
	color: #333;
	transition: all .5s ease;
}
.volunteer .pdg textarea:focus{
	box-shadow: 0 0 12px 0 rgba(0, 0, 0, .2);
	transition: all .5s ease;
}
.volunteer .tj{
	width: 185px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	background: #679de1;
	margin-top: 32px;
	text-align: center;
	font-size: 16px;
	color: #fff;
	cursor: pointer; 
	transition: all .5s ease;
}
.volunteer .tj:hover{
	box-shadow: 7px 5px 15px 0 rgba(103, 157, 225, .4);
	transition: all .5s ease;
}

/* contact */
.contact{
	margin-top: 64px;
	padding: 50px 70px 64px 48px;
	background: #548acf url(../images/c-logo-back.png) no-repeat right top;
	background-size: auto 100%;
}
.contact .info{
	float: left;
	width: 54.2%;
	color: #fff;
}
.contact .info .tit{
	font-size: 24px;
	line-height: 28px;
	border-bottom: 1px solid rgba(255,255,255,0.1);
	padding-bottom: 18px;
}
.contact .info .sub{
	font-size: 16px;
	line-height: 30px;
	margin-top: 12px;
	overflow: hidden;
}
.contact .info .sub p{
	padding-left: 28px;
	margin-top: 12px;
}
.contact .info .sub p.dz{
	background: url(../images/c-dz.png) no-repeat left center;
}
.contact .info .sub p.dh{
	background: url(../images/c-dh.png) no-repeat left center;
}
.contact .info .sub p.yx{
	background: url(../images/c-yx.png) no-repeat left center;
}
.contact .info .sub p a{
	font-family: arial;
	color: #fff;
}
.contact .ewm{
	text-align: center;
	float: right;
}
.contact .ewm img{
	width: 140px;
}
.contact .ewm p{
	color: #fff;
	font-size: 15px;
	line-height: 25px;
	margin-top: 18px;
}
.maps{
	margin: 7px 0 80px;
}

/* news */
.news{
	padding: 52px 0 45px;
}
.news ul li{
	overflow: hidden;
	border-bottom: 1px dashed #dcdcdc;
	padding-bottom: 25px;
	margin-bottom: 22px;
}
.news ul li .time{
	width: 90px;
	font-family: arial;
	height: 90px;
	float: left;
	background: #f3f3f3;
	text-align: center;
	color: #555555;
    transition: all .5s ease;
}
.news ul li:hover .time{
	background: #518acd;
	color: #fff;
    transition: all .5s ease;
}
.news ul li .time .day{
	font-weight: bold;
	font-size: 26px;
	line-height: 40px;
	margin-top: 10px;
}
.news ul li .time .year{
	font-size: 15px; 
	line-height: 34px;
}
.news ul li .info{
	width: 86%;
	float: right;
}
.news ul li .info .tit{
	position: relative;
	padding-right: 50px;
	font-weight: bold;
	font-size: 16px;
	line-height: 25px;
	color: #333333;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    transition: all .5s ease;
}
.news ul li:hover .info .tit{
	color: #518acd;
    transition: all .5s ease;
}
.news ul li .info .tit i{
	font-weight: 100;
	font-size: 20px;
	color: #b5b5b5;
	right: 0;
	top: 0;
	position: absolute;
	transition: all .5s ease;
}
.news ul li:hover .info .tit i{
	color: #518acd;
	transition: all .5s ease;
}
.news ul li .info .sub{
	font-size: 15px;
	color: #666666;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 12px;
}
.news ul li .t1{
	font-size: 18px;
	line-height: 28px;
	color: #333;
	transition: all .5s ease;
}
.news ul li:hover .t1{
	color: #7ecef4;
	transition: all .5s ease;
}
.news ul li .url{
	font-size: 14px;
	color: #7ecef4;
	margin-top: 12px;
}
/* de */
.de-recommend{
	width: 24%;
	float: left;
	min-height: 550px;
	background: #f2f6f8;
	padding: 40px 25px;
}
.de-recommend h4{
	font-size: 24px;
	line-height: 28px;
	color: #333333;
}
.de-recommend ul{
	margin-top: 22px;
}
.de-recommend ul li{
	border-bottom: 1px solid #d2d2d2;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.de-recommend ul li .time{
	font-family: arial;
	font-size: 14px;
	color: #518acd;
}
.de-recommend ul li .tit{
	font-size: 16px;
	color: #555555;
	line-height: 28px;
	display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
	margin-top: 12px;
    transition: all .5s ease;
}
.de-recommend ul li:hover .tit{
	color: #518acd;
    transition: all .5s ease;
}
.newsDe .titBox{
	border-bottom: dashed 1px #dcdcdc;
	padding-bottom: 24px;
	margin-top: 50px;
}
.newsDe .titBox .title{
	font-weight: bold;
	font-size: 24px;
	line-height: 28px;
	color: #333333;
}
.newsDe .titBox .time{
	font-size: 15px;
	color: #666666;
	line-height: 25px;
	margin-top: 18px;
}
.newsDe .cont{
	font-size: 15px;
	color: #666666;
	line-height: 28px;
	margin-top: 26px;
}
.dePage{
	margin-top: 60px;
	border-top: 1px dashed #dcdcdc;
	padding-top: 26px;
	padding-bottom: 60px;
	overflow: hidden;
}
.de-share{
	float: left;
	font-size: 15px;
	color: #666666;
	margin-top: 5px;
	line-height: 20px;
}
.de-share a{
	width: 20px !important;
	height: 20px !important;
	background: url(../images/de-fx.jpg) !important;
	
}
.de-share a.bshare-sinaminiblog{
	background-position: -25px 0 !important;
}
.de-share a.bshare-qzone{
	background-position: -50px 0 !important;
}
.de-share a.bshare-qqim{
	background-position: -75px 0 !important;
}
.dePage .return{
	display: block;
	float: right;
	font-size: 15px;
	color: #555555;
}
.dePage .return:hover{
	color: #7ec6fd;
}
.dePage .return i{
	font-size: 20px;
	margin-right: 10px;
	position: relative;
	top: 2px;
}

.m-sy-news{
	margin-top: 25px;
}
.m-n-l{
	margin-bottom: 20px;
	border-bottom:1px solid #cccccc;
	padding-bottom: 15px;
}
.m-n-l .pic img{
	width: 100%;
	height: 180px; 
}
.m-n-l .tit{
	font-size: 14px;
	line-height: 26px;
	margin-top: 8px;
}

/* public */
.public{
	padding: 52px 0 100px;
	min-height: 600px;
}
.public .pdg{
	padding: 0 10px;
	margin-bottom: 20px;
}
.public-list{
	background: #f6f6f6;
	border-left: 4px solid #e0dfdf;
	position: relative;
	line-height: 94px;
    transition: all .5s ease;
}
.public-list:hover{
	border-left: 4px solid #518acd;
    transition: all .5s ease;
}
.public-list a{
	display: block;
	padding: 0 90px 0 35px;
	font-size: 18px;
	color: #333333;
	display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
}
.public-list:hover a{
	color: #518acd;
}
.public-list i{
	position: absolute;
	right: 35px;
	top: 0;
	font-size: 40px;
	color: #dddddd;
    transition: all .5s ease;
}
.public-list.on i{
	transform: rotate(270deg);
}
.public-list:hover i{
	color: #518acd;
    transition: all .5s ease;
}

/* Nybanner */
.Nybanner{
	overflow: hidden;
}
.Nybanner img{
	display: block;
	width: 100%;
}
.Nylocation{
	border-bottom: 1px solid #e9e9e9;
}
.Nylocation .now-wz{
	float: left;
	background: url(https://foundation-zs.oss-cn-shanghai.aliyuncs.com/uploads/690b2ce5ef7ebb97f138920c54acf5eb77d23bc318b12.png) no-repeat left center;
	padding-left: 22px;
	line-height: 58px;
	font-size: 14px;
	color: #666666;
	background-size: 11% auto;
}
.Nylocation .now-wz a{
	color: #666;
}
.Nylocation .now-wz a:hover{
	color: #7ecef4;
}
.Nylocation .now-lm{
	float: right;
}
.Nylocation .now-lm a{
	float: left;
	position: relative;
	line-height: 58px;
	font-size: 15px;
	color: #333333;
	margin-left: 30px;
}
.Nylocation .now-lm a:hover,
.Nylocation .now-lm a.on{
	color: #518acd;
}
.Nylocation .now-lm a::after{
	content: "";
	position: absolute;
	width: 20%;
	opacity: 0;
	height: 2px;
	background: #7ecef4;
	left: 0;
	bottom: 0;
    transition: all .5s ease;
}
.Nylocation .now-lm a:hover::after,
.Nylocation .now-lm a.on::after{
	opacity: 1;
	width: 100%;
    transition: all .5s ease;
}

/* foot */
footer{
	height: 70px;
	background: #eff2f4;
	font-size: 14px;
	color: #777777;
}
footer .t1{
	float: left;
	line-height: 70px;
}
footer .t1 a{
	color: #777;
}
footer .t1 a:hover{
	color: #7ecef4;
}
footer .t2{
	float: right;
	line-height: 70px; 
}
footer .t2 a{
	color: #777;
}
footer .t2 a:hover{
	color: #7ecef4;
}
.f-dsf{
	float: left;
	margin-left: 18px;
}
.f-dsf .lb{
	float: left;
	margin-top: 22px;
	margin-left: 10px;
	position: relative;
	cursor: pointer;
}
.f-dsf .lb .ewm{
	position: absolute;
	width: 106px;
	background: #fff;
	padding: 3px;
	border: 1px solid #e7e6e6;
	left: 50%;
	margin-left: -53px;
	bottom: 35px;
	opacity: 0;
	z-index: 9999;
	visibility: hidden;
    transition: all .5s ease;
}
.f-dsf .lb:hover .ewm{
	bottom: 45px;
	opacity: 1;
	visibility: visible;
    transition: all .5s ease;
}

.f-zyz{
	float: left;
	margin-left: 18px;
	line-height: 70px;
	overflow: hidden;
}
.f-zyz span{
	float: left;
	margin-right: 15px;
}
.f-zyz a{
	background: url(/image/f-zyz.png) no-repeat left center;
	padding-left: 37px;
	display: block;
	line-height: 70px;
	float: left;
	color: #333333;
}
.f-zyz a:hover{
	color: #7fc7fd;
}

/* MB - PC */
.isPc {
	display: block;
}

.isMobile {
	display: none !important;
}

/* 滚动  */
@-webkit-keyframes rotate{from{-webkit-transform: rotate(0deg)}
    to{-webkit-transform: rotate(360deg)}
}
@-moz-keyframes rotate{from{-moz-transform: rotate(0deg)}
    to{-moz-transform: rotate(360deg)}
}
@-o-keyframes rotate{from{-o-transform: rotate(0deg)}
    to{-o-transform: rotate(360deg)}
}
@keyframes rotate{from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
}

/*page*/
.Page{
	width: 100%;
	text-align: center;
	line-height: 50px;
	padding-top: 20px;
}
.Page .disabled {
	border: 1px solid #d8d8d8;
	padding: 5px 5px;
	font-size: 10px;
	color: #d8d8d8; 
	display: none;
	visibility: hidden;
}

.Page a {
	border: 1px solid #f1f1f1;
	display: inline-block;
	min-width: 30px;
	padding: 0 6px;
	background: #f1f1f1;
	line-height: 30px;
	text-align: center;
	font-size: 10px;
	color: #333;
	position: relative;
	top: 2px;  
}
.Page a:hover{
	border: 1px solid #5e8ecb;
}

.Page a.sy {
	color: #707072 !important;
}

.Page .current {
	background: #5e8ecb;
	display: inline-block;
	width: 30px;
	line-height: 30px;
	color: #fff;
	position: relative;
	top: 2px;
	border: 1px solid #5e8ecb;
	font-size: 10px; 
}
.Page .next,
.Page .prev{
	width: 65px;
}

.bsBox {
	width: auto !important;
	height: auto !important;
}

/*Webkit,Opera9.5+,Ie9+*/
::selection {
	background: rgba(0,0,0,0);
	color: #ff0000;
}

/*Mozilla Firefox*/
::-moz-selection {
	background: rgba(0,0,0,0);
	color: #ff0000;
}

/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
::-webkit-scrollbar {
	width: 4px;
	height: 16px;
	background-color: #fff; 
} 

/*定义滚动条轨道 内阴影+圆角*/
::-webkit-scrollbar-track {
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.4);
	/*border-radius: 10px;*/
	background-color: #f2f2f2;
}

/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb {
	cursor: pointer;
	-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
	background-color: rgba(126, 206, 244, 1);
	border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
	background-color: rgba(126, 206, 244, 1);
}

::-webkit-scrollbar-thumb:active {
	background-color: rgba(126, 206, 244, 1);
}

/*定义两端上下按钮*/
/*::-webkit-scrollbar-button {
	height: 10px;
	width: 10px;
	background: #ff6a07;
}*/
.sroll_top {
	right: 0.8%;
	bottom: 6%;
	position: fixed;
	display: none;
	cursor: pointer;
	z-index: 1000;
}


/* css效果 */
@-webkit-keyframes colorSlide {
0% {
height:0;
}
90%{
height:40px;
}
}

@keyframes colorSlide {
0% {
height:0;
}
90%{
height:40px;
}
}
@-webkit-keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
						transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
						transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
						transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
						transform: scale(0.4) translateY(-8px);
	}
}
@keyframes trackBallSlide {
	0% {
		opacity: 1;
		-webkit-transform: scale(1) translateY(-8px);
						transform: scale(1) translateY(-8px);
	}
	34% {
		opacity: 1;
		-webkit-transform: scale(0.9) translateY(4px);
						transform: scale(0.9) translateY(4px);
	}
	68% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(16px);
						transform: scale(0.4) translateY(16px);
	}
	100% {
		opacity: 0;
		-webkit-transform: scale(0.4) translateY(-8px);
						transform: scale(0.4) translateY(-8px);
	}
}
@-webkit-keyframes nudgeMouse {
  0% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }
  50% {
    -webkit-transform: translateY(8px);
            transform: translateY(8px);
  }
  100% {
    -webkit-transform: translateY(0);
            transform: translateY(0);
  }

}
@keyframes nudgeMouse {
 0% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
	  50% {
	    -webkit-transform: translateY(8px);
	            transform: translateY(8px);
	  }
	  100% {
	    -webkit-transform: translateY(0);
	            transform: translateY(0);
	  }
}

/*弹出填写框*/
.ejectMsgWarp{
	position: fixed;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	z-index: 999;
	opacity: 1;
	visibility: visible;
    transition: all .5s ease;
}
.ejectMsgWarp.close{
	opacity: 0;
	visibility: hidden;
    transition: all .5s ease;
}
.ejectMsg{
	width: 440px;
	background: #fff url(../images/about-left-logo.png) no-repeat bottom right;
	position: fixed;
	left: 50%;
	padding: 25px;
	border-radius: 5px;
	margin-left: -220px;
	top: 30%;
	z-index: 1000;
	opacity: 1;
	visibility: visible;
    transition: all .5s ease;
}
.ejectMsg.close{
	opacity: 0;
	visibility: hidden;
    transition: all .5s ease;
}
.ejectMsg .lb{
	overflow: hidden;
	margin-bottom: 15px;
}
.ejectMsg .lb .tit{
	font-size: 18px;
	color: #333;
	margin-bottom: 8px;
}
.ejectMsg .lb input[type=text]{
	border: none;
	width: 100%;
	background: none;
	height: 40px; 
	font-size: 16px;
	color: #333;
	border-bottom: 1px solid #f1f1f1;
	padding: 0;
}
.ejectMsg .lb textarea{
	min-width: 100%;
	max-width: 100%;
	border: none;
	border-bottom: 1px solid #f1f1f1;
	background: none;
	font-size: 16px;
	color: #333;
	height: 80px;
}
.emTj{
	width: 100%;
	line-height: 45px;
	background: #7bcdf0;
	border-radius: 5px;
	text-align: center;
	font-size: 18px;
	color: #fff;
	letter-spacing: 1px;
	cursor: pointer;
	margin-top: 35px;
}
.emClose{
	cursor: pointer;
	position: absolute;
	top: -35px;
	right: -35px;
	z-index: 1001;
}
.emClose i{
	color: #fff;
	font-size: 30px;
	line-height: 30px;
}
@media ( min-width:1026px) and ( max-width:1200px) {
	.WebLink li > a{
		padding: 0 9px;
	}
	.syVideo{
		height: 80vh;
	}
	.syVideo video{
		top: -80px;
	}
	.syXwRight .titBox{
		min-height: auto;
/*		padding: 20px 28px 0;*/
	}
	.indexNews .container{
/*		padding: 22px 0;*/
	}
	.sy-xw-list1 .info{
		width: 60%;
	}
	.WebLink li{
		margin-left: 10px;
	}
	.xmBottom{
		height: auto;
		padding: 23px 90px 15px 30px;
	}
	.syXmRight .titBox{
		padding: 14px 34px;
	}
	.syXmRight .titBox .en{
		font-size: 18px;
	}
	.syXmRight .titBox{
		min-height: auto;
	}
}
 

@media ( min-width:1026px ) and ( max-width:1280px ) {
	 
}
@media ( min-width:1161px ) and ( max-width:1300px ) {
	 
}

@media ( min-width:1301px ) and ( max-width:1715px ){
 
}
@media ( min-width:1025px ) and ( max-width:1649px ){

}

@media ( min-width:1301px ) and ( max-width:1884px ){

}

@media ( min-width:1301px ) and ( max-width:1330px ){

}

@media ( min-width:1025px ){

}

@media ( min-width:1331px ) and ( max-width:1670px ){

}

@media ( min-width:1161px ) and ( max-width:1729px ){
	
}

@media ( min-width:1504px ){

}

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

@media ( min-width:1301px ) and ( max-width:1500px ){

}
@media ( max-width:1235px ){
 
}
@media ( max-width:1200px ){
 
}
@media ( min-width:1025px ) and ( max-width:1199px ){
 
}
@media ( min-width:1025px ) and ( max-width:1081px ){
 
}
@media ( min-width:1025px ) and ( max-width:1045px ){
 
}
@media ( max-width:1045px ){
 
}
@media ( max-width:768px ){
 
}
@media ( max-width:375px ){
 
}
@media ( min-width:992px) and ( max-width:1160px) {
	.container {
		width: 92%;
		margin: 0 auto;
	}
	.product-title h2{
		font-size: 24px;
	}
	.product-title-wrap h1{
		font-size: 24px;
	}
}


@media ( max-width:1024px) {
	.right-nav {
		display: none;
	}
}

@media ( min-width:1025px) and ( max-width:1100px) {
	/*导航*/
	 .menus ul li{
	 	margin-left: 20px;
	 }
}
@media ( max-width: 1199px) {
	.container {
		width: 96%;
		margin: 0 auto;
	} 
	.product-title-wrap h1{
		font-size: 26px;
	}
	.product-title h2{
		font-size: 22px;
	}
	.product-wrap{
		padding-top: 20px;
	}
	.headtel{
		font-size: 20px;
	}
	.footser{
		width: 37%;
	}
}
@media ( max-width:1130px) {
	 .ftewm{ display: none;}
	 .footser{
		width: 43%;
	}
	.footadd{
		width: 36%;
}

@media ( min-width: 1200px) and ( max-width: 1249px) {
	.container {
		width: 98%;
		margin: 0 auto;
	}
}

@media (max-width:1069px) {
	.honorrow div.pc-item {
		width: 23.5%;
		margin-right: 2%;
		float: left;
		text-align: center;
	}
	.honorrow div.pc-item:nth-child(4),
	.honorrow div.pc-item:nth-child(8),
	.honorrow div.pc-item:nth-child(12),
	.honorrow div.pc-item:nth-child(16),
	.honorrow div.pc-item:nth-child(20) {
		margin-right: 0;
	}
}
@media(max-width:1160px){
	.sub-service-foot .list .item  p{
		padding-top:10px;
		font-size: 14px;
	}
}

@media(max-width:1060px){
	.sub-service-foot .list .item  p{
		padding-top:3px;
		font-size: 14px;
	}
}

@media(max-width:920px){
	.sub-service-foot .list .item  h2{
	line-height: 60px;
	font-size: 16px;
	}
	.sub-service-foot .list .item  p{
		padding-top:8px;
		 
	}
}
@media(max-width:840px){
	.sub-service-foot .list .item  h2{
	line-height: 55px;
	font-size: 14px;
	}
	.sub-service-foot .list .item  p{
		padding-top:5px;
		 font-size: 12px;
	}
}
@media(max-width:755px){
	.sub-service-foot .list .item  h2{
	line-height: 60px;
	font-size: 14px;
	color: #444;
	padding-top: 40px;
	}
	.sub-service-foot .list .item  p{
		display: none;
	}
}
@media(max-width:660px){
	.sub-service-foot .list .item  h2{
	padding-top: 25px;
	}
 
}
@media(max-width:550px){
	.sub-service-foot .list .item  h2{
	padding-top: 15px;
	}
 
}
@media(max-width:490px){
	.sub-service-foot .list .item  h2{
	padding-top: 0px;
	}
	 
}
@media ( min-width:1280px) and ( max-width:1438px) {
	.syVideo video{
		top: -90px;
	}
}
@media ( min-width:1025px) and ( max-width:1280px) {
	 
}
@media ( min-width:1024px) and ( max-width:1145px) {
	 
}
@media ( min-width:768px) and ( max-width:1025px) {
	.burger_menu{
		display: block !important;
		top: 0 !important;
		float: right;
		margin-top: 1.2%;
	} 
	.head{
		padding: 12px 0;
		border-bottom: 1px solid #fff;
	}
	.head.fixedbg{
		padding: 8px 0;
		border-bottom: 1px solid #1054a0;
	}
	.head .Logo{ 
		width: 16%;
		margin-top: 0;
	}
	.WebLink{
		display: none;
	}
	.head-search{
		display: none;
	}
	footer{
		display: none;
	}
	.foot-copy{
		display: none;
	}
	.footH{
		display: block;
	}
	.footFix{
		display: flex;
	}  
	
	/*index*/
	.syVideo{
		height: auto;
	}
	.syVideo video{
		display: none;
	}
	.syXwRight{
/*
		position: relative;
		width: 100%;
*/
		overflow: hidden;
/*		margin-top: 25px;*/
	}
	.syXwLeft{
/*
		float: none;
		width: 100%;
*/
	}
	#syNews{
		padding-right: 0 !important;
	}
	.sy-xw-list1 .time{
		display: none;
	}
	.sy-xw-list1 .info{
		width: 100%;
		margin-top: 12px;
		width: 70%;
		padding-right: 25px;
	}
	.indexNews .container{
/*		padding: 15px 0;*/
	}
	.sy-xw-list1 .info .tit{
		font-size: 18px;
	} 
	.syXwRight .pic p{
		font-size: 14px;
	}
	.syXwRight .titBox .en{
		font-size: 20px;
		line-height: 24px;
	}
	.syXwRight .titBox{
		padding: 12px 20px 0;
		min-height: auto;
	}
	.syXwRight .titBox .cn{
		font-size: 14px;
		line-height: 20px;
	}
	.syXwRight .titBox i{
		font-size: 14px;
		width: 34px;
		height: 34px;
		line-height: 34px;
	}
	.syXm-gallery-top{
/*		width: 100%;*/
	}
	.syXmRight{
/*		width: 100%;*/
	}
	.syXm-gallery-top .swiper-slide .info .t1{
		font-size: 18px;
		line-height: 25px;
	}
	.syXm-gallery-top .swiper-slide .info .t2{
		font-size: 14px;
		margin-top: 8px;
	}
	.syXm-gallery-top .swiper-slide .info{
		bottom: 15px;
		padding: 0 20px;
	}
	.xmBottom{
		padding: 15px 90px 15px 20px;
		height: auto;
	}
	.syXmRight .titBox{
/*		display: none;*/
		min-height: 110px;
    	padding: 12px 34px 0;
	}
	.syXm-gallery-thumbs .swiper-slide p{
		font-size: 14px;
		margin-top: 8px;
	}
	.syXm-gallery-thumbs .swiper-slide img{
		width: 60%;
	}
	.Nylocation .now-lm{
/*		display: none;*/
	}
	.Nylocation .now-lm a{
		line-height: 42px;
		font-size: 12px;
		margin-left: 20px;
	}
	.Nylocation .now-wz{
		line-height: 42px;
		font-size: 12px;
	}
	
	/*ABOUT*/
	.sub-main-left{
		display: none;
	}
	.sub-main-right{
		width: 100%;
		float: none;
	}
	.about{
		padding: 28px 0 34px;
	}
	.history-show{
		margin-top: 28px;
	}
	.history{
		padding: 0 0 30px 0;
	}
	.abt-r-tit{
		font-size: 18px;
	}
	.about .content{
		font-size: 14px;
		line-height: 26px;
		margin-top: 20px;
	}
	#historyPag{
		display: none !important;
	}
	.vision{
		padding: 28px 0;
	}
	.vision ul li{
		margin-bottom: 20px;
		padding: 5%;
	}
	.vision ul li .info{
		width: 100%;
		margin-left: 0;
		float: none;
		padding: 0;
		text-align: center;
		margin-top: 15px;
	}
	.vision ul li .info .cn{
		font-size: 20px;
		margin: 8px 0;
	}
	.vision ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
	}
	.vision ul li .pic{
		width: 100%;
		float: none;
		text-align: center;
	}
	.organizational{
		padding: 28px 0;
	}
	.organizational .cont::after, .organizational .cont::before{
		display: none;
	}
	.organizational .cont{
		padding: 4%;
		font-size: 14px;
		line-height: 26px;
	}
	.zzjg{
		margin: 28px auto 0;
	}
	.council{
		padding: 28px 0;
	}
	.council .class ul li .pic{
		width: 100%;
		float: none;
		text-align: center;
	}
	.council .class ul li{
		padding: 4% 4% 8%;
	}
	.council .class .name{
		font-size: 20px;
	}
	.council .class ul{
		margin-top: 20px;
	}
	.council .class ul li .info .title{
		font-size: 20px;
		text-align: center;
	}
	.council .class ul li .info .title span{
		display: block;
		margin-left: 0;
	}
	.council .class ul li .info .title span{
		font-size: 14px;
	}
	.council .class ul li .info{
		width: 100%;
		padding: 0;
		margin-left: 0;
		margin-top: 25px;
	}
	.council .class ul li .info .cont{
		font-size: 14px;
		text-align: center;
	}
	.council .class ul li{
		background-size: 100% auto;
		background: #548acf url(../images/lsh-li-back.jpg) no-repeat right bottom;
	}
	.constitution{
		padding: 28px 0;
	}
	.constitution .item h3{

		line-height: 45px;
		font-size: 18px;
		text-indent: 18px;
		padding-left: 0;
	}
	.constitution .item ul li{
		padding: 20px 0;
		font-size: 14px;
		line-height: 26px;
	}
	.news ul li .time{
/*		display: none;*/
	}
	.news ul li .info{
/*		width: 100%;*/
	}
	.news{
		padding: 28px 0;
	}
	.news ul li .info .tit{
		font-size: 16px;
	}
	.news ul li .info .sub{
		font-size: 14px;
		line-height: 26px;
		margin-top: 6px;
	}
	.news ul li{
		margin-bottom: 18px;
		padding-bottom: 18px;
	}
	.Page .current{
		width: 26px;
		height: 26px;
		line-height: 26px;
	}
	.de-recommend{
		display: none;
	}
	.newsDe .titBox{
		margin-top: 20px;
		padding-bottom: 18px;
	}
	.newsDe .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.newsDe .titBox .title{
		font-size: 18px;
	}
	.newsDe .titBox .time{
		font-size: 12px;
		margin-top: 6px;
	}
	.project{
		padding: 28px 0;
	}
	.project-list .info{
		padding: 5% 4%;
	}
	.project-list .info .tit{
		font-size: 18px;
	}
	.project-list .info .sub{
		font-size: 14px;
		line-height: 25px;
		margin: 8px 0;
	}
	.public{
		padding: 28px 0;
	}
	.public-list a{
		padding: 0 50px 0 18px;
	}
	.public .pdg{
		margin-bottom: 10px;
	}
	.join ul li .pic{
/*
		width: 100%;
		float: left !important;
*/
	}
	.join ul li .info{
/*
		width: 100%;
		margin-left: 0;
*/ 
		padding: 0;
		margin-left: 28px;
		width: 45%;
	}
	.join ul li .info .tit{
		font-size: 18px;
	}
	.join ul li .info .cont{
		font-size: 14px;
		line-height: 26px;
		-webkit-line-clamp: 400;
		margin: 15px 0 20px;
	}
	.join{
		padding: 28px 0;
	}
	.workingPartner{
		padding: 28px 0;
	}
	.volunteer .pdg{
		margin-bottom: 12px;
	}
	.volunteer .pdg .tit{
		margin-bottom: 6px;
		font-size: 14px;
	}
	.workingShow .top{
		font-size: 16px;
	}
	.workingShow .top i{
		font-size: 16px;
	}
	.workingShow .top{
		height: 42px;
		line-height: 42px;
	}
	.workingShow .item h3{
		line-height: 38px;
		height: 38px;
		font-size: 14px;
	}
	.workingShow .item h3 span{
		height: 38px;
		width: 70% !important;
		padding-left: 0;
	}
	.workingShow .item h3 span:last-child{
		width: 30% !important;
	}
	.workingShow .top span{
		width: 70% !important;
	}
	.workingShow .top span:nth-child(4){
		width: 30% !important;
	}
	.workingShow .item h3 span:nth-child(1){
		padding-left: 0;
		text-align: center;
	}
	.workingShow .item ul li{
		padding: 4%;
	}
	.workingShow .item ul li .cont{
		font-size: 14px;
		line-height: 26px;
	}
	.row{
		margin-left: 0;
		margin-right: 0;
	}
	.workingPartner .tips{
		font-size: 14px;
		line-height: 26px;
	}
	.cooperativeShow{
		margin-top: 28px;
	}
	.contact{
		padding: 28px 0;
		padding: 4%;
		margin-top: 28px;
		background: #548acf url(../images/c-logo-back.png) no-repeat right bottom;
    	background-size: 100% auto;
	}
	.contact .info .tit{
		font-size: 18px;
		padding-bottom: 12px;
	}
	.contact .info .sub p{
		margin-top: 8px;
	}
	.contact .info .sub p.dz{
		background: url(../images/c-dz.png) no-repeat left top 5px;
	}
	.contact .info .sub{
		font-size: 14px;
		line-height: 22px;
	}
	.contact .ewm{
/*
		width: 100%;
		float: none;
*/
		margin-top: 0;
	}
	.contact .info{
/*
		width: 100%;	
		float: none;
*/
	}
	.workingShow .item h3 span:nth-child(2),
	.workingShow .item h3 span:nth-child(3){
		display: none;
	}
	.workingShow .top span:nth-child(2),
	.workingShow .top span:nth-child(3){
		display: none;
	}
	.workingShow .top span:nth-child(1){
		padding-left: 0;
		text-align: center;
	}
	.public-list{
		line-height: 48px;
	}
	.public-list a{
		font-size: 15px;
	}
	.public-list i{
		font-size: 26px;
	}
	.public-list i{
		right: 15px;
	}
	
	.isMobile{
		display: block !important;
	}
	.isPc{
		display: none;
	}
}
@media ( min-width:768px) and ( max-width:930px) {
	  
}

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

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

@media ( max-width:810px) {
	 
}
@media ( min-width:376px) and ( max-width:413px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10÷16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12÷10=1.2 */
	}
	.container {
		margin-right: auto;
		margin-left: auto;
		width: 90%;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
	.container:before,
	.container:after {
		content: " ";
		display: table;
	}
	.container:after {
		clear: both;
	}
}

@media ( min-width:375px) and ( max-width:599px) {}

@media ( min-width:600px) and ( max-width:799px) {}

@media (min-width:880px) and ( max-width:1014px) {
	 
}

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

@media ( max-width:1014px) {
	 
}

@media (max-width:880px) {
	 
}

@media (max-width:710px) {
	 
}

@media (max-width:548px) {
	 
}

@media (max-width:450px) {
	 
}

@media ( min-width:0px) and ( max-width:767px) {
	 
}

@media ( max-width:599px) {
	 
}

@media( max-width:710px) {
	 
}

@media ( min-width:0px) and ( max-width:375px) {
	html {
		width: 100%;
		height: 100%;
		font-size: 62.5%;
		/* 10梅16=62.5% */
	}
	body {
		font-size: 14px;
		font-size: 1.4rem;
		/* 12梅10=1.2 */
	}
	 
}

@media not screen and (orientation:portrait) {
	 
}

@media ( min-width:0) and ( max-width:600px) {
	 
}
@media (max-width:530px) {
	 
}
@media screen and (orientation: landscape) {}

@media ( min-width:375px) and ( max-width:490px) {
	 
}

@media ( min-width:0px) and ( max-width:375px) {
 
}

@media ( min-width:375px) and ( max-width:500px) {
	 
}

@media ( min-width:375px) and ( max-width:767px) {
	 
}
/** { margin: 0px; padding: 0px; }
 
div.burger {
	
	width: 10%;
	height: 100%; 
 
	cursor: pointer;
 
	display: block;
	overflow: hidden;
}
	div.x,
	div.y,
	div.z {
		position: absolute; margin: auto;
		top: 0px; bottom: 0px;		
		background: #666;
		border-radius:2px;
		-webkit-transition: all 200ms ease-out;
		   -moz-transition: all 200ms ease-out;
		    -ms-transition: all 200ms ease-out;
		     -o-transition: all 200ms ease-out;
		        transition: all 200ms ease-out;
	}		
	div.x, div.y, div.z {
		height: 3px;
		width: 26px;
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;
    }
	div.y.squize{
		width:0;
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;
	}
	div.y{top: 18px;}
	div.z{top: 37px;}	 
	
	div.open div.x, div.open div.z{
		top:19px;
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;
	}
	
	div.rotate30{		
		-ms-transform: rotate(30deg); 
    	-webkit-transform: rotate(30deg); 
	    transform: rotate(30deg);	
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;					
	}
	div.rotate150{
		-ms-transform: rotate(150deg); 
    	-webkit-transform: rotate(150deg); 
	    transform: rotate(150deg);	
		-webkit-transition: all 70ms ease-out;
		   -moz-transition: all 70ms ease-out;
		    -ms-transition: all 70ms ease-out;
		     -o-transition: all 70ms ease-out;
		        transition: all 70ms ease-out;					
	}
	
	div.rotate45{
		-ms-transform: rotate(45deg); 
    	-webkit-transform: rotate(45deg); 
	    transform: rotate(45deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}
	div.rotate135{
		-ms-transform: rotate(135deg); 
    	-webkit-transform: rotate(135deg); 
	    transform: rotate(135deg);	
		-webkit-transition: all 100ms ease-out;
		   -moz-transition: all 100ms ease-out;
		    -ms-transition: all 100ms ease-out;
		     -o-transition: all 100ms ease-out;
		        transition: all 100ms ease-out;					
	}

div.menu.animate li:nth-of-type(1){transition-delay: 0.0s;}
div.menu.animate li:nth-of-type(2){transition-delay: 0.06s;}
div.menu.animate li:nth-of-type(3){transition-delay: 0.12s;}
div.menu.animate li:nth-of-type(4){transition-delay: 0.18s;}
div.menu.animate li:nth-of-type(5){transition-delay: 0.24s;}*/

/*nav*/
#nav-over {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	display: block;
	width: 100%;
	height: 100%;
	/*background-color: rgba(0, 0, 0, 0.4)*/
}

.warmp {
	position: relative;
	right: 0;
	z-index: 1;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.nav {
	position: fixed;
	top: 0;
	right: -50%; 
	z-index: 9999;
	background-color: #fff;
	width: 50%;
	height: 100%; 
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

/*.openMenu{left:auto;right:3rem;-webkit-transition:all .5s ease;transition:all .5s ease;}*/

.openNav {
	right: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
    box-shadow: 0px 0px 10px 0 rgba(0, 0, 0, .4);
}

.nav h3 {
	padding: 0.3rem 0 0 0.25rem;
	font-size: 2em;
	font-weight: normal;
	color: #fff;
	line-height: 0.5rem;
}

.nav h3 a {
	color: #fff;
}

.scrollerBox {
	position: relative;
	overflow: scroll;
	overflow-x: hidden;
	overflow-y: scroll;
	-ms-touch-action: none;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}

.scroller {
	position: absolute;
	overflow: hidden;
	width: 100%;
	padding: 0 0 100px 0;
	padding-top: 0.25rem;
	cursor: move;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
}

.nav ul li a {
	display: block; 
	overflow: hidden;
	padding: 0 0 0 24px;
	line-height: 50px;
	color: #000; 
	border-bottom: 1px solid #eee;
}
.nav ul li#lang a{
	background: url(../images/china.png) no-repeat left 38% center; 
	text-align: center;
}
.nav ul li#lang a:hover{
	color: #b90701;
}

.nav ul li a:hover{
	background: #b90701;
	color: #fff;
}

.openMenu {
	right: 3rem;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.burger_menu {
	display: block;
	transform: translateZ(0);
	width: 40px;
	height: 30px;
	z-index: 99999;
	top: 0.08rem;
	right: 0%;
	/*position: absolute;*/
	cursor: pointer;
	z-index: 10001;
	display: none;
	}
.burger_menu [class*="_line"] {
	transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease, top 0.3s ease;
	width: 35px;
	height: 3px;
	border-radius: 10px;
	background: #7ecef4;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.burger_menu .top_line {
	top: -20px;
}
.burger_menu .bottom_line {
	top: 20px;
}
.toggle_burger {
	transform: translateZ(0);
}
.toggle_burger .top_line {
	top: 0;
	transform: rotate(45deg);
	background: #ff0000;
}
.toggle_burger .middle_line {
	opacity: 0;
}
.toggle_burger .bottom_line {
	top: 0;
	transform: rotate(-45deg);
	background: #ff0000;
}
.warmp.left,.headWarpBox.left,.menus.left,.head.left {
    transform: translateX(-50%);
    -webkit-transition: all 0.5s ease-out 0s;
    -moz-transition: all 0.5s ease-out 0s;
    -ms-transition: all 0.5s ease-out 0s;
    -o-transition: all 0.5s ease-out 0s;
    transition: all 0.5s ease-out 0s;
}

.m-subMenu {
	position: fixed;
	top: 0;
	background-color: #fff;
	-webkit-transition: all 0.8s ease 0s;
	-moz-transition: all 0.8s ease 0s;
	-ms-transition: all 0.8s ease 0s;
	-o-transition: all 0.8s ease 0s;
	transition: all 0.8s ease 0s;
	z-index: 1005;
	right: -100%;
	border-left: 1px solid #eee;
	width: 50%; 
	height: 100%;
}

.m-subMenu.on {
	right: 0;
}

.m-subMenu .sMenu-item {
	border-bottom: 1px solid #eee;
	line-height: 45px;
	position: relative;
}

.m-subMenu .sMenu-item>a {
	display: block;
	padding: 0 0 0 20px;
	color: #333;
}
.m-subMenu .sMenu-item:hover>a{
	background: #7ecef4;
	color: #fff;
}
.m-subMenu .sMenu-item:hover .iconfont{
	color: #fff;
}

.m-subMenu .sMenu-item .iconfont {
	font-size: 2rem;
	font-weight: 600;
	color: #999;
	position: absolute;
	top: 0;
	right: 10px;
}

.m-subMenu .sMenu-item .ms-Nav {
	background: #eee;
	max-height: 135px;
	display: none;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none; 
	overflow: auto;
}
.m-subMenu .sMenu-item .ms-Nav.two{
	height: 90px;
}

.m-subMenu .sMenu-item .ms-Nav a {
	display: block;
	padding-left: 20px;text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.topnav_main {
	padding: 10px 0 15px 0;
	width: 100%;
	max-width: 1200px;
	margin: 0 auto;
	overflow: hidden;
}

.topnav_main .logo {
	width: 30rem;
	max-width: 348px;
	float: left;
}

.topnav_main .logo img {
	width: 100%;
}

.topnav_main .texl-box {
	float: right;
	text-align: right;
	flex-direction: column;
	width: 180px;
	line-height: 26px;
}

.topnav_main .texl-box .tel-text {
	color: #fff;
	font-size: 1.4rem;
}

.topnav_main .texl-box .tel-text i {
	font-size: 25px;
	top: 5px;
	position: relative;
}

.topnav_main .texl-box .tel {
	color: #fff;
	font-size: 2.4rem;
	font-family: arial;
}

.topnav_main .headsearch {
	float: right;
	flex-direction: row;
	margin-top: 40px;
}
.topnav_main .headsearch form {
	border: rgba(255,255,255,0.3) solid 1px;
	margin: 5px 10px 0 0;
	padding: 3px 5px 5px 5px;
	float: left;
	height: 30px;
	line-height: 20px;
	position: relative;
	display: none;
}
.topnav_main .headsearch form input{
	margin:0;
	padding: 0;
	border: none;
	background: none;
	color: #fff;
	font-size: 1.2rem;
}
.topnav_main .headsearch form i{
	margin-top: 5px;
}
.topnav_main .headsearch i {
	color: #fff;
	font-size: 25px;
	cursor: pointer;
}
.topnav_main .show{
	-webkit-transition: all 0.5s ease-out 0s;
	-moz-transition: all 0.5s ease-out 0s;
	-ms-transition: all 0.5s ease-out 0s;
	-o-transition: all 0.5s ease-out 0s;
	transition: all 0.5s ease-out 0s;
}

.topnav_sub {
	width: 1200px;
	height: 30px;
	margin: 0 auto;
	text-align: right;
}


/* submenu E */