body { font-size:14px; font-family:microsoft yahei,Verdana; line-height:1.5;margin:0px; padding:0px;}
ul,dl,dd,h1,h2,h3,h4,h5,h6,form,p { padding:0; margin:0;}
ul { list-style:none;}
img { border:0px;}
textarea{ resize:none;}
input,textarea{outline:none;-webkit-appearance: none;}
a { color:#666666; text-decoration:none;}
a:hover { color:#005a99;}

.fl{ float:left;}
.fr{ float:right;}

.w_1200{ width:1200px; margin:0 auto;}

.w_1300{ width:1300px; margin:0 auto;}

em, i { font-style: normal;}

b { font-weight: normal;}

.tec{
	text-align: center;
}

.por{
	position: relative;
}

/*body*/
#container { width:100%; min-width:1300px; margin:0 auto;}

/*header*/
#header { width:1200px; height:100px; margin:0 auto;}

 
/*main*/
#maincontent { margin:0 auto;}
#side { float:left; width:224px; min-height:410px; margin:0px 0px 80px 0px;}
#left_bg{ width:224px; height:60px;  background:#fff; background-image:url(../Images/left_bg.png);}
#left_title{ font-size:22px; color:#FFFFFF; line-height:32px; padding:10px 0px 0px 22px;}
#left_nav{ width:224px; min-height:200px; background:#fff;}

 
/*footer*/
#footer { height:292px; background:#6c747f; padding:40px 0px 20px 0px;}
.footer_content{ width:1200px; height:100%; overflow:hidden; margin:0 auto;}

.ftNav{

	width: 180px;

}

.ftNav h5{

	font-size: 18px;

	color: #ffffff;

	margin-bottom: 20px;

	font-weight: normal;

}

.ftNav li{

	display: inline-block;

	width: 100%;

	font-size: 13px;

	line-height: 34px;

}

.ftNav li a{

	color: #cacaca;

	display: block;

	float: left;

	text-align: left;
	
	font-size:15px;

}

.ftInfo{

	width: 285px;

}

.ftInfo h5{

	font-size: 18px;

	color: #ffffff;

	margin-bottom: 20px;

	font-weight: normal;

}

.ftInfo li{

	display: inline-block;

	width: 100%;

	font-size: 15px;
	
	color: #cacaca;

	line-height: 34px;

}

.ftInfo li a{

	color: #cacaca;

	display: block;

	float: left;

	width: 100%;

	text-align: left;
	
	font-size:15px;

}


#copyright{ height:70px; line-height:70px; text-align:center; color:#d9d9d9; background:#4c5059;}
#copyright a{ color:#d9d9d9;}

.clearfloat {clear:both;height:0;font-size: 1px;line-height: 0px;} 

.mx_logo{ width:306px; height:66px; background-image:url(../Images/mx_logo.png); margin:18px 0px 0px 0px;}

.nav{ line-height:100px; margin:0px 0px 0px 90px;}
.nav ul li{ float:left; color:#818181;}
.nav ul li a{ color:#434343; font-size:16px; display:block; padding:0 20px;}
.nav ul li a:hover,.header .top_right .nav ul li.focus a{ color:#fff; background:#055383;}
.nav ul dl{ float:left; padding:0 20px;}
.search{
	position: relative;
	margin:26px 0px 0px 0px;
}

.search input.txt{
	position: absolute;
	left: -10px;
	top: 10px;
	width: 0;
	height: 30px;
	border:none;
	color: #444;
	text-indent: 2em;
	border-radius: 20px;
	box-shadow: 0 0 5px #ddd;
	outline:none;
	font-family:microsoft yahei,Verdana; 
}
.search input.submit{
	width: 75px;
	height: 50px;
	background: url(../images/sbtn.jpg) no-repeat center center;
	border:none;
	outline:none;
}

/*banner*/
.banner{ width:100%;height:796px; overflow: hidden; position: relative; z-index: 1;}
.banner .d1{width:100%;height:796px;display:block;position:absolute;left:0px;top:0px;}
.banner .d2{width:1000px;height:30px;clear:both;position:absolute;z-index:100;left:50%;margin-left:-500px;}
.banner .d2 ul{float:left;position:absolute; left:450px;top:740px;display:inline;}
.banner .d2 li{width:17px;height:15px;overflow:hidden;cursor:pointer;background:url(../images/img1.png) no-repeat center;float:left;margin:0 8px;display:inline;}
.banner .d2 li.nuw{background:url(../images/img1_1.png) no-repeat center;}


/* section3 */
.index_title { margin-bottom: 80px; margin-top: 70px; height: 130px; }

.section3 { overflow: hidden; padding-bottom: 90px; }

.section3 .index_title { margin-bottom: 100px; }

.index_title .en { position: relative; display: block; margin-left: -10px; position: relative; line-height: 1; font-size: 180px; color: #f7f7f7; text-transform: uppercase; font-family: Arial, Helvetica, sans-serif; }

.index_title .en b { display: block; transition: transform 1s cubic-bezier(0.25, 0.46, 0.45, 0.94); transform: translateX(-100%); }

.index_title .cn { display: block; height: 68px; line-height: 68px; margin-bottom: 14px; margin-top: -129px; margin-left:70px; position: relative; font-size: 44px; color: #333333; }

.index_title .cn b { display: inline-block; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: translateY(-20px); opacity: 0; }

.index_title .line { position: relative; display: block; width: 30px; height: 3px; background: #e83428; overflow: hidden; margin-left:70px;}

.index_title .line:after { content: ""; display: block; width: 30px; height: 3px; position: absolute; left: 0; top: 0; background-color: #c5c5c5; transform-origin: 0 0; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: scaleX(0); }



.active .index_title .en b { transform: translateX(0); }



.active .index_title .cn b:nth-child(2n+1) { transform: translateY(0); }



.active .index_title .cn b:nth-child(1) { transition: transform 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94), opacity 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94); }



.active .index_title .cn b { transform: translateY(0); opacity: 1; }


.js_secexpert { position: relative; }

.js_secexpert li { text-align: center; }

.js_secexpert .img { position: relative; width: 77.5%; height: 0; padding-bottom: 77.5%; margin: 0 auto; overflow: hidden; border-radius: 50%; }

.js_secexpert .img:after { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 50%; background: #fff; content: ""; z-index: 1; transition: all 0.3s ease 0s; }

.js_secexpert .img em { display: block; position: absolute; left: 0; top: 0; background-size: cover; background-position: center center; background-repeat: no-repeat; border-radius: 50%; top: 10px; right: 10px; bottom: 10px; left: 10px; z-index: 2; }

.js_secexpert .txt { line-height: 36px; margin-top: 25px; }

.js_secexpert .txt span { font-size: 24px; color: #333333; }

.js_secexpert .prev, .js_secexpert .next { position: absolute; top: 50%; transform: translateY(-50%); background: url(../images/curture_arrow.png) no-repeat right top; width: 31px; height: 56px; transition: all 0.3s ease 0s; z-index: 999; }

.js_secexpert .prev { left: -61px; }

.js_secexpert .prev:hover { background-position: left top; }

.js_secexpert .next { right: -61px; background-position: left bottom; }

.js_secexpert .next:hover { background-position: right bottom; }

.js_secexpert .next.swiper-button-disabled:hover { background-position: left bottom; }

.js_secexpert .prev.swiper-button-disabled:hover { background-position: right top; }

.js_secexpert .swiper-pagination { display: none; }



.js_secexpert li a:hover .img:after { background: #e83428; }


/*test clip*/

.js_secexpert .img em { transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.4s; -webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); transform-origin: 0% 0%; }



.js_secexpert li:nth-child(2) .img em { -webkit-transition-delay: 0.8s; }



.js_secexpert li:nth-child(3) .img em { -webkit-transition-delay: 1.2s; }



.js_secexpert .img em { -webkit-clip-path: circle(0% at 50% 50%); clip-path: circle(0% at 50% 50%); }



.active .js_secexpert .img em { -webkit-clip-path: circle(50% at 50% 50%); clip-path: circle(50% at 50% 50%); }



.js_secexpert li a { display: block; padding-bottom: 30px; transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94); }



.js_secexpert .txt { display: inline-block; transition: transform 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53), opacity 0.8s cubic-bezier(0.55, 0.085, 0.68, 0.53); transform: translateY(-20px); opacity: 0; }



.active .js_secexpert .txt { transform: translateY(0); opacity: 1; }



.active .js_secexpert .txt { transition: transform 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s, opacity 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94) 1.3s; }



.expert_list li a:hover { transform: scale(1.05) translate3d(0px, -30px, 0px); }



.active .js_secexpert .txt a:hover span { color: #3b78bb; -webkit-transform: translate3d(0px, 10px, 0px); }



.js_secexpert li a:hover { transform: scale(1.05) translate3d(0px, 20px, 0px); }



.inner_header { position: relative; z-index: 1000; background: #fff; height: 103px; }



.inner_header .inner-wrapper .hamburger button span { background: #333333; }



.search_icon { float: left; height: 30px; padding-left: 20px; line-height: 30px; font-size: 16px; color: #333; text-transform: uppercase; }

.search_icon i { font-size: 18px; }



.inner_header .inner-wrapper .en { color: #333; }

.inner_header .headnav { opacity: 1; visibility: visible; height: 103px; }

.inner_header .headnav li a { padding: 34px 0; }

.inner_header .inner-wrapper { padding-top: 24px; padding-bottom: 24px; }


/*section_strength*/

.section_strength { background-size: cover; background-position: center 0px; background-repeat: no-repeat; background-attachment: fixed; }

.section_strength .mask { background: url(../images/pic151.png) repeat center center; color: #fff; padding-bottom: 238px; padding-top: 65px; text-align: center; }

.section_strength .title { line-height: 46px; margin-bottom: 20px; }

.section_strength .title span { font-size: 44px; color: #ffffff; line-height:82px;}

.section_strength .txt { font-size: 14px; color: #ffffff; line-height: 30px; margin-bottom: 110px; margin-top:50px; }

.section_strength .txt p { opacity: 0; transform: translateY(10px); }

.section_strength .list { text-align: center; font-size: 0; padding: 0 2%; }

.section_strength .list li { display: inline-block; width: 25%; float: left; }

.section_strength .list li b { display: block; line-height: 80px; font-size: 48px; }

.section_strength .list li em { font-size: 72px; color: #ffffff; }

.section_strength .list li span { display: block; line-height: 22px; padding: 2.5px 0 12.5px; font-size: 15px; color: #fff; }



.section_strength .title { opacity: 0; transform: perspective(800px) translateY(20px); }



.section_strength .txt p { opacity: 0; transform: perspective(800px) translateY(20px); }



.section_strength .list li { opacity: 0; transform: perspective(800px) translateY(20px); }



.section_strength.active .title { height:100px; opacity: 1; transform: perspective(800px) translateY(0px); transition: all 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.2s; background-image:url(../Images/index_about_bg.png); background-repeat:no-repeat; background-position:center;}



.section_strength.active .txt p { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94); }



.section_strength.active .txt p:nth-child(2) { transition-delay: 0.15s; }



.section_strength.active .txt p:nth-child(3) { transition-delay: 0.3s; }



.section_strength.active .list li { opacity: 1; transform: perspective(800px) translateY(0px); transition: all 1s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0.5s; }



.section_strength.active .list li:nth-child(2) { transition-delay: 0.7s; }



.section_strength.active .list li:nth-child(3) { transition-delay: 0.9s; }



.section_strength.active .list li:nth-child(4) { transition-delay: 1.1s; }


/*section2 */

.section2 { overflow: hidden; }

.newIndex{ width:1200px; margin:0 auto;}
.newTi{ text-align:center;  padding-top:50px;}
.newList{ margin-top:20px;}
.newList ul,.newList li{ list-style:none; }
.newList ul,.newList li,.newList h2,.newList p{ padding:0; margin:0;}
.newList li{ width:345px; float:left; display:inline; margin-right:62px;}
.newList a{ display:block;  }
.newList div.pic,.newList div.pic img{ width:345px; height:192px;}
.newList div.pic{ overflow:hidden;}
.newList h2,.newList div.pic img{ -webkit-transition:all 1s ease 0s;-moz-transition:all 1s ease 0s;-ms-transition:all 1s ease 0s;-o-transition:all 1s ease 0s;transition:all 1s ease 0s;}
.newList div.memos{ padding:28px 22px 26px 22px; border:1px solid #ededed; background-color:#fff;}
.newList a h2{ font-size:19px; color:#494949; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;}
.newList a span{ color:#999999; display:block; font-size:15px; margin-top:6px;}
.newList a p{ color:#999; line-height:22px; margin-top:16px; height:48px; overflow:hidden; font-size:15px;}
.newList em{ display:block; height:5px; background:url(../images/c5.png) no-repeat left top; margin-top:38px;}
.newList a:hover{ -moz-box-shadow:1px 1px 2px 1px #ededed;-webkit-box-shadow:1px 1px 2px 1px #ededed;-o-box-shadow:1px 1px 2px 1px #ededed;-ms-box-shadow:1px 1px 2px 1px #ededed;box-shadow:1px 1px 2px 1px #ededed;}
.newList a:hover .memos{ background:#fff url(../images/c6.jpg) repeat-x left bottom;}
.newList a:hover div.pic img{-webkit-transform:scale(1.2);-o-transform:scale(1.2);-ms-transform:scale(1.2);-moz-transform:scale(1.2);transform:scale(1.2);}
.newList a:hover h2{ color:#154FB2;}

.newIndex .more{ text-align:center; margin-top:50px; margin-bottom:70px;} 
.newIndex .more a{ display:inline-block;*display:inline;zoom:1; width:148px; height:37px; font-size:15px; line-height:37px; border:1px solid #005a99; color:#005a99;}

#inner_banner_1{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/001.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_2{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/002.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_3{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/003.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_4{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/004.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_5{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/005.jpg) center no-repeat; overflow:hidden; z-index:-1;}
#inner_banner_6{ width:100%; height:346px; position:relative; background-size:100% 100%; background: url(../Images/006.jpg) center no-repeat; overflow:hidden; z-index:-1;}


.position{
	height: 60px;
	background-image:url(../Images/position_bg.jpg);
	background-repeat:repeat-x;
	line-height: 60px;
	margin-bottom: 56px;
}
.about-nav ul li{
	margin-right: 75px;
	float: left;
}
.about-nav li a{
	line-height: 60px;
	height: 60px;
	display: block;
	font-size: 16px;
	color: #5d5d5d;
}
.about-nav li a:hover,.about-nav li a.cur{
	border-bottom: 2px solid #245b9e;
	height: 58px;
	font-weight:bold;
	color:#005a99;
}

.dw{ line-height:60px; color:#999999; padding:0px 0px 0px 20px; background-image:url(../Images/dw.png); background-repeat:no-repeat; background-position:left;}
.dw span{ color:#005a99;}

.about_content{ font-size:16px; line-height:30px; color:#666666; text-align:justify; margin:20px 0px 50px 0px;}
.about_content h3{ font-size:45px; color:#666666; font-weight:bold; line-height:50px;}
.about_content h3 span{ font-size:50px; color:#e2e2e2; font-family:Arial, Helvetica, sans-serif}

.works a{
	display: block;
	background: url(../images/img_78.png) no-repeat center center;
	width: 210px;
	height: 50px;
	padding-right: 30px;
	text-align: center;
	font-size: 16px;
	color: #666666;
	line-height: 50px;
	margin-top: 56px;
	transition: all 0.3s;
}
.works a:hover{
	background: url(../images/img_79.png) no-repeat center  center;
	color: #0089e0;
	transition: all 0.3s;
}


.wish-wrap {
		padding: 128px 0 96px;
		
		}
.inner-titles {
			
		}
.inner-title-h4 {
		font-size: 30px;
		line-height: 30px;
		color: #222;
	}
.inner-title-h5 {
		font-size: 18px;
		line-height: 30px;
		margin: 9px 0 70px;
		color: #222;
	}
.inner-title-h6 {
		font-size: 16px;
		line-height: 30px;
		color: #333;
	}
	
.talents-img {
		width: 120px;
		margin: 0 auto 30px;
	}
	
.talents-ul-wrap {
		height:100%;
		overflow:hidden;
		padding-bottom: 134px;
	}
	
.talents-li  {
		width: 298px !important;
		margin-right: 22px !important;
		height: 360px;
		background: #fff;
		padding: 44px 40px 0;
		border-top:2px #f9f9f9 solid;
		box-shadow: 0 0 36px rgba(0,0,0,.1);
	}
	
.talents-details {
		font-size: 14px;
		line-height: 30px;
		color: #666;
		max-height: 150px;
		overflow: hidden;
	}
	
.talents-h5 {
		font-size: 14px;
		line-height: 24px;
		color: #666;
		padding-bottom: 56px;
	}
	
.hd {
		position: absolute;
		left: 0;
		bottom: 76px;
		width: 100%;
		height: 10px;
		text-align: center;
		li{
			display: inline-block;
			width: 10px;
			height: 10px;
			border-radius: 50%;
			border: 1px solid $mc;
			font-size: 0;
			margin: 0 5px;
			cursor: pointer;
			&.on {
				background: $mc;
				border-color: $mc;
			}
			
.dbl{
	display: block;
}

.poa{
	position: absolute;
}

.ovh{
	overflow: hidden;
}