﻿
/* 自定义初始化 */ body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'宋体'; } .fw{font-family:'微软雅黑'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; }
.fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } /*.p1{padding:1px; }*/ .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; }
.p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none !important; } .db{display:block !important; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; }
.h1,.h5,.h10,.h15,.h20,.h{font-size:0px; line-height:0; overflow:hidden; clear:both; } body{font:12px 宋体,Arial,sans-serif; } a{text-decoration:none; } a:hover{color:#FF6600 }
.ani{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
*{outline: 0;}
input,select,button,textarea{
	color: #333;
	font-size: 14px;
	font-family: 'Microsoft Yahei';
	border:0;
	background: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
select::-ms-expand {display: none;}
input[type='submit'],input[type='reset'],
input[type='button'],button{
	cursor: pointer;
}
::-webkit-input-placeholder {color:#999;}
:-moz-placeholder {color:#999;}
::-moz-placeholder {color:#999;}
:-ms-input-placeholder {color:#999;}

/*主内容*/
body{
	color: #333;
	font-size: 14px;
	line-height: 1.5;
	font-family:"微软雅黑","Microsoft Yahei";
}
body,html{
	overflow-x: hidden;
}
a{color: #333;}
a:hover{color: #274d5a;}
img{max-width: 100%;}

/*滚动条*/
::-webkit-scrollbar {
	width: 5px;
	height: 5px;
	border-radius: 3px;
}
::-webkit-scrollbar-track {
	background: #ddd;
}
::-webkit-scrollbar-thumb {
	background: #333;
	border-radius: 3px;
}
::-webkit-scrollbar-thumb:window-inactive {
	background: #000;
	border-radius: 3px;
}

/*字体*/

/*标题*/
.tit-1{
	height: 100px;
	border-bottom: 1px solid #ebebeb;
	overflow: hidden;
}
.tit-1 h2{float: left;}
.tit-1 .tab{float: right;line-height: 100px;}
.tit-1 .tab ul{overflow: hidden;display: inline-block;vertical-align: middle;}
.tit-1 .tab li{float: left;padding: 0 10px;position: relative;
	background: url(../images/vline1.png) right center no-repeat \9;
}
.tit-1 .tab li::after{
	content: '';
	position: absolute;
	right: 0;top: 50%;
	height: 10px;
	border-right: 1px solid #d4d4d4;
	margin-top: -5px;
}
.tit-1 .tab li:last-child::after{display: none;}
.tit-1 .tab a{color: #999;display: inline-block;}
.tit-1 .tab a:hover{color: #274d5a;}

.st1{
	color: #666;
	font-size: 24px;
	font-weight: normal;
	padding-left: 50px;
	line-height: 45px;
	background: url(../images/line1.png) 0 70px no-repeat \9;
}
.st1 em{
	color: #333;
	font-size: 36px;
	font-family: 'Arial';
	text-transform: capitalize;
	line-height: 50px;
	display: block;
	position: relative;
}
.st1 em::before{
	content: '';
	position: absolute;
	left: -50px;
	top: 50%;
	width: 48px;
	border-bottom: 1px solid #bbb;
}

.st2{
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
}
.st2 em{
	color: #999;
	font-size: 16px;
	font-family: 'Arial';
	text-transform: capitalize;
	line-height: 25px;
	display: block;
}

.st3{
	font-size: 30px;
	font-weight: normal;
	text-align: center;
	line-height: 45px;
	margin-bottom: 30px;
}

.tit-white,.tit-white *{color: #fff !important;}

/*按钮*/
.btn1{
	color: #999;
	font-size: 12px;
	text-transform: uppercase;
	width: 260px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	border: 1px solid #e4e4e4;
	display: inline-block;
}
.btn1 i{
	width: 35px;height: 40px;
	background: url(../images/a1.png) center center no-repeat;
	display: inline-block;
	vertical-align: top;
	*vertical-align: middle;
	margin-left: 35px;
}
.btn1:hover{
	color: #fff;
	border-color: #274d5a;
	background: #274d5a;
}
.btn1:hover i{background-image: url(../images/a1-w.png);}

.btn1-white{
	color: #fff;
	border-color: rgba(255,255,255,.4);
	border-color: #7d949c \9;
}
.btn1-white i{background-image: url(../images/a1-w.png);}
.btn1-white:hover{
	color: #999;
	background-color: #fff;
}
.btn1-white:hover i{background-image: url(../images/a1.png);}

.btn1{
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

/*颜色*/
.red{color: #cc1414;}
.blue{color: #009cff;}
.green{color: #009944;}

.bgf9{background: #f9f9f9;}

/*******************************
  -------[=布局]-------
********************************/
.wp{max-width: 1200px;margin: 0 auto;}
.wrap{width: 98%;max-width: 1400px;margin: 0 auto;}
.wrapper{padding: 0 60px;padding: 0 3%;}

.h30{height: 30px;overflow: hidden;clear: both;}
.h40{height: 40px;overflow: hidden;clear: both;}
.h50{height: 50px;overflow: hidden;clear: both;}
.h55{height: 55px;overflow: hidden;clear: both;}
.h60{height: 60px;overflow: hidden;clear: both;}
.h100{height: 100px;overflow: hidden;clear: both;}
.h200{height: 200px;overflow: hidden;clear: both;}

/*******************************
  -------[=头部]-------
********************************/
#header{
	height: 75px;
	line-height: 75px;
	padding: 20px 0;
	background: #fff;
	position: fixed;z-index: 9;
	left: 0;right: 0;top: 0;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.header-home{overflow: hidden;}
.header-bar{
	position: absolute;
	left: 0;right: 0;
	top: -115px;
	padding: 20px 0;
	background-color: #fff;
}
.header_space{height: 115px;}

.logo{
	float: left;
	height: 75px;
	overflow: hidden;
}
.logo img{
	display: block;
	/*vertical-align: middle;
	max-height: 100%;*/
	height: 75px;

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}

.hdr{
	transition: .5s;
	-ms-transition: .5s;
	-moz-transition: .5s;
	-webkit-transition: .5s;
	-o-transition: .5s;
}

.fixHeader #header{
	padding: 10px 0;
	height: 60px;
	/* line-height: 50px; */
	box-shadow: 0 0 5px rgba(0,0,0,.1);
}
.fixHeader .header-bar{
	top: -80px;
	padding: 10px 0;
}
/* .fixHeader .logo{height: 50px;}
.fixHeader .logo img{height: 50px;}
.fixHeader .hdr{margin-top: 10px;}
.fixHeader .header_space{height: 70px;}
.fixHeader #navigation{top: 70px;} */
.fixHeader .logo{height: 60px;}
.fixHeader .logo img{height: 60px;}
.fixHeader .hdr{margin-top: 20px;}
.fixHeader .header_space{height: 80px;}
.fixHeader #navigation{top: 80px;}

/*右侧*/
.hdr{
	float: right;
	line-height: 30px;
	overflow: hidden;
	margin-top: 22.5px;
	*width: 410px;
}

.nav{
	float: left;
	font-size: 16px;
	overflow: hidden;
}
.nav li{
	float: left;
	margin: 0 35px;
}

.menuLang {
    float: left;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
    margin-right: 50px;
}
/*导航触发按钮*/
.menuBtn{
	float: right;
	position: relative;
	width: 30px;
	height: 30px;
	cursor: pointer;
}
.menuBtn em{
	position: absolute;
	left: 3px;
	top: 6px;
	width: 24px;
	height: 2px;
	background-color: #274d5a;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.menuBtn .s1{top: 6px;}
.menuBtn .s2{top: 14px;}
.menuBtn .s3{top: 22px;}
.menuBtn.on .s1{
	top: 15px;
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.menuBtn.on .s2{
	opacity: 0;
}
.menuBtn.on .s3{
	top: 15px;
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

.menuClose{
	color: #274d5a;
	font-size: 18px;
	display: inline-block;
	cursor: pointer;
}
.menuClose em{
	width: 30px;
	height: 30px;
	display: inline-block;
	vertical-align: top;
	*vertical-align: middle;
	margin-left: 15px;
	position: relative;
}
.menuClose i{
	position: absolute;
	left: 3px;
	top: 15px;
	width: 24px;
	height: 2px;
	background-color: #274d5a;
}
.menuClose .s1{
	transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
}
.menuClose .s2{
	transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
}

/*******************************
  -------[=导航]-------
********************************/
#navigation{
	display: none;
	position: fixed;z-index: 9;
	left: 0;right: 0;top: 115px;bottom: 0;
	background: rgba(255,255,255,.88);
	background: url(../images/white-alpha88.png) repeat \9;
}
/*#navigation{overflow-y: auto;}
#navigation::-webkit-scrollbar{width: 0;}*/
#navigation ul{}
#navigation li{
	line-height: 120px;
	border-bottom: 1px solid #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
#navigation .v1{
	font-size: 24px;
	text-align: center;
	display: block;

	float: left;
	width: 40%;
}
#navigation li.on .v1,
#navigation .v1:hover{color: #274d5a;}
#navigation li:hover{
	background: rgba(255,255,255,.88);
	background: url(../images/white-alpha88.png) repeat \9;
}
#navigation li:hover .subnav{
	display: block;
}
#navigation .subnav{
	margin-left: 40%;
	display: none;
}
#navigation .subnav dl{
	display: inline-block;
	vertical-align: middle;

	padding: 20px 0;
	line-height: 25px;
}
#navigation .subnav a{color: #999;}
#navigation .subnav a:hover{color: #274d5a;}

/*******************************
  -------[=底部]-------
********************************/
#footer{
	color: #a8a7a7;
	padding: 30px 0 35px;
	/*background: #191717;*/
	background: #274d5a;
	overflow: hidden;
}

.fd_l{
	float: left;
	width: 50%;
}

.f_address{
	line-height: 20px;
}
.f_address h3{
	color: #fff;
	font-size: 20px;
	font-weight: normal;
	line-height: 45px;
	margin-bottom: 20px;
}
.f_address dl{overflow: hidden;}
.f_address dd{
	float: left;
	width: 350px;
	margin-bottom: 15px;
}
.f_address dd:nth-child(2n){width: auto;}

.fd_r{
	float: right;
	width: 540px;
	overflow: hidden;
}

.f_nav{
	line-height: 30px;
	overflow: hidden;
	margin-bottom: 25px;
}
.f_nav ul{
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	justify-content: space-between;

	display: block\9;
	margin-right: -35px\9;
}
.f_nav li{
	float: left\9;
	margin-right: 35px\9;
}
.f_nav a{color: #fff;}

.f_code{
	float: left;
}
.f_code img{
	display: block;
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.f_info{
	margin-left: 130px;
}
.f_copy{color: #999;}
.f_share{
	height: 24px;
	padding: 10px 0;
	margin-bottom: 25px;
}
.f_share .bdsharebuttonbox{display: inline-block;}
.f_share .bdshare-button-style2-24 a{
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: contain;
	background-size: contain;
	opacity: .6;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 60);
}
.f_share .bdshare-button-style2-24 a:hover{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
}
.f_share .bdshare-button-style2-24 .bds_weixin{background-image: url(../images/icon-f-weix.png);}
.f_share .bdshare-button-style2-24 .bds_sqq{background-image: url(../images/icon-f-qq.png);}
.f_share .bdshare-button-style2-24 .bds_tsina{background-image: url(../images/icon-f-sina.png);}

/*******************************
  -------[=banner滚动图]-------
********************************/
#banner{
	position: relative;
	z-index: 2;
}
#banner .slider{
	position: relative;
	z-index: 1;
}
#banner .slider .item{
	position: relative;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	/*opacity: 1 !important;*/
}
#banner .slider .item-bg{
	height: 0;
	/*padding-top: 46%;*/
	padding-top: 45%;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
#banner .slider .item-bg img{
	position: absolute;
	left: 0;top: 0;
	display: block;
	width: 100%;
	height: 100%;
	visibility: hidden;
}
#banner .slider .item-txt{
	position: absolute;
	left: 0;right: 0;bottom: 11%;

	color: #fff;
	font-size: 14px;
}
#banner .slider .txt{
	text-align: center;
	display: inline-block;
	*display: inline;
	*zoom: 1;

	 transform: translateX(88px);
	-webkit-transform: translateX(88px);
	transition-timing-function: ease-out;
	-webkit-transition-timing-function: ease-out;
	opacity: 0;
	opacity: 1\9; 
}
#banner .slider .txt h2{
	font-size: 30px;
	margin-bottom: 5px;
}
/*#banner .slider .item-txt .txt-m {
    display:none;
}*/
#banner .txt-pc{display: block;}
#banner .txt-m{display: none;}

/*动画*/
@-webkit-keyframes slideIn { 0% {-webkit-transform:translateX(200%);opacity:1;} 100% {-webkit-transform:translateX(0);opacity:1;} } 
@keyframes slideIn { 0% {transform:translateX(200%);opacity:1;} 100% {transform:translateX(0);opacity:1;} } 
@-webkit-keyframes imgIn { 0% {-webkit-transform:-webkit-translateX(-85%);opacity:1;} 100% {-webkit-transform:-webkit-translateX(0);opacity:1;}}
@keyframes imgIn { 0% {transform:translateX(-85%);opacity:1;} 100% {transform:translateX(0);opacity:1;}}

/*#banner .slick-active.item {-webkit-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: slideIn 1600ms cubic-bezier(0.190, 1, 0.420, 1);}*/
/*#banner .slick-active .item-bg { -webkit-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); -moz-animation: imgIn 1600ms cubic-bezier(0.190, 1, 0.420, 1); }  */
#banner .slick-active .txt{ transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); opacity: 1; transition: 680ms 120ms; -webkit-transition: 780ms 120ms; }
 

/*切换点*/
#banner .slick-list{z-index: 1;}

#banner .slick-arrow{
	position: absolute;
	z-index: 9;text-indent: -999px;
	top: 0;height: 100%;
	width: 35px;
	background-repeat: no-repeat;
	overflow: hidden;

	transition: width .3s;
	-ms-transition: width .3s;
	-moz-transition: width .3s;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
}
#banner .slick-prev{left: 25px;background-position: 0 center;background-image: url(../images/arr-l.png);}
#banner .slick-next{right: 25px;background-position: right center;background-image: url(../images/arr-r.png);}
#banner .slick-arrow:hover{width: 75px;}
#banner .slick-prev:hover{background-image: url(../images/arr-l-on.png);}
#banner .slick-next:hover{background-image: url(../images/arr-r-on.png);}

#banner .slick-dots{
	text-align: center;
	margin-bottom: 20px;
}
#banner .slick-dots li{
	display: inline-block;
	width: 40px;
	height: 6px;
	margin: 0 4px;
	*display: inline;
	*zoom: 1;
	*background: #d4d4d4;
}
#banner .slick-dots button{
	width: 40px;
	height: 4px;
	background: #d4d4d4;
	padding: 0;
	margin: 1px 0;
	font-size: 0;
	text-indent: -999px;
	display: block;
	overflow: hidden;
}
#banner .slick-dots .slick-active{
	*background: #274d5a;
}
#banner .slick-dots .slick-active button{
	height: 6px;
	margin: 0;
	background: #274d5a;
}

/*******************************
	-------[=首页]-------
********************************/
#main{
	position: relative;
	z-index: 1;
	overflow: hidden;
}

.i-row1{overflow: hidden;}

/*项目展示*/
#waterfall{
	position: relative;
	margin: 0 auto;
}
#waterfall .item {
	position: absolute;
}

.List1{overflow: hidden;margin: 40px -8px;}
.List1 .item{float: left;width: 33.333%;}
.List1 .con{display: block;position: relative;margin: 8px;background: #000;}
.List1 .pic{
	overflow: hidden;

	transition: .3s .3s;
	-ms-transition: .3s .3s;
	-moz-transition: .3s .3s;
	-webkit-transition: .3s .3s;
	-o-transition: .3s .3s;
}
.List1 .con:hover .pic{	
	opacity: .5;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 50)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 50);
}
.List1 .pic img{display: block;width: 100%;
	transition: .3s ease-out;
	-ms-transition: .3s ease-out;
	-moz-transition: .3s ease-out;
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
}
.List1 .con:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.List1 .mask{
	position: absolute;
	left: 20px;right: 20px;top: 0;bottom: 0;
	/*visibility: hidden;*/
	opacity: 0;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 0)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 0);

	transition: .3s .3s;
	-ms-transition: .3s .3s;
	-moz-transition: .3s .3s;
	-webkit-transition: .3s .3s;
	-o-transition: .3s .3s;
}
.List1 .mask::before,
.List1 .mask::after{
	content: '';
	position: absolute;
	width: 0;
	height: 1px;
	background-color: rgba(255,255,255,.6);
	visibility: hidden;

	transition: .3s .4s;
	-ms-transition: .3s .4s;
	-moz-transition: .3s .4s;
	-webkit-transition: .3s .4s;
	-o-transition: .3s .4s;
}
.List1 .mask::before{left: 0;top: 21%;}
.List1 .mask::after{right: 0;bottom: 21%;}
.List1 .con:hover .mask{
	/*visibility: visible;*/
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
}
.List1 .con:hover .mask::before,
.List1 .con:hover .mask::after{width: 100%;visibility: visible;}

.List1 .txt{
	position: absolute;
	left: 0;right: 0;
	top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);

	color: #fff;
	text-align: center;
	line-height: 30px;
}
.List1 .txt h4{font-size: 16px;font-weight: normal;}
.List1 .txt .tag{
	opacity: .6;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 60)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 60);
	margin-bottom: 20px;
}
.List1 .txt .btn{
	width: 35px;
	height: 25px;
	background: url(../images/a1-w.png) center center no-repeat;
	display: block;
	margin: 0 auto;
}

/*创始人*/
.index-founder,
.index-about{
	color: #fff;
	padding: 50px 0 130px;
	background-color: #274d5a;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}
.index-about{
	background-position: center 0;
	-webkit-background-size: auto 755px;
	background-size: auto 755px;
}
.index-about .caption{text-align: center;}
.index-about .st1{display: inline-block;text-align: left;margin-bottom: 45px;}

.m-tab{
	height: 36px;
	line-height: 36px;
	margin-bottom: 30px;
}
.m-tab ul{display: inline-block;overflow: hidden;}
.m-tab li{float: left;}
.m-tab a{
	color: #274d5a;
	/*width: 120px;*/
    padding: 0 20px;
	background-color: #fff;
	display: block;
}
.m-tab li.on a{
	color: #fff;
	background-color: #274d5a;
}

.about-tab-con{
	transition-duration:.5s !important;
}

.m-company{
	text-align: center;
	line-height: 2;
	padding: 20px 0;
}
.m-company .btn1{margin-top: 50px;}

.m-founder{overflow: hidden;}
.m-founder .pic{
	float: left;
	/* width: 200px;
	height: 200px; */
	width: 280px;
	height: 280px;
	border-radius: 50%;
}
.m-founder .pic img{
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.m-founder .txt{
	color: #fff;
	line-height: 2;
	/*margin-left: 240px;*/
	margin-left: 300px;
}
.m-founder .txt h3{
	font-size: 24px;
	font-weight: normal;
	line-height: 35px;
	margin: 25px 0;
}
.m-founder .txt .duty{
	font-size: 14px;
}
.m-founder .txt .det{}

/*新闻资讯*/
.index-news{
	padding: 50px 0;
}

.List2{overflow: hidden;border-left: 1px solid #d9d9d9;}
.List2 .item{float: left;width: 33.333%;}
.List2 .con{
	display: block;
	border-right: 1px solid #d9d9d9;
	margin-right: -1px;
}
.List2 .item:last-child .con{margin-right: 0;}
.List2 .pic{
	position: relative;
	height: 0;
	padding-top: 62%;
	*height: 297px;
	*padding-top: 0;
	overflow: hidden;
}
.List2 .pic img{
	display: block;width: 100%;height: 100%;
	position: absolute;left: 0;top: 0;

	transition: all ease-out 0.3s;
	-ms-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	-webkit-transition: all ease-out 0.3s;
	-o-transition: all ease-out 0.3s;
}
.List2 .pic:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.List2 .txt{
	color: #999;
	line-height: 25px;
	padding: 100px 60px 25px 30px;
}
.List2 .txt h4{
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 15px;
}
.List2 .txt .det{
	height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	/*margin-bottom: 90px;*/
	margin-bottom: 50px;
}
.List2 .info{
	line-height: 30px;
	margin-bottom: 10px;
}
.List2 .info span,
.List2 .info a{
	display: inline-block;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-right: 20px;
}
.List2 .info .view{background-image: url(../images/icon-eye.png);}
.List2 .info .share{background-image: url(../images/icon-share.png);}
.List2 .txt .btn{
	font-size: 12px;
	text-transform: uppercase;
	width: 35px;
	height: 25px;
	background: url(../images/a1.png) right center no-repeat;
	display: block;
	text-indent: -45px;
	overflow: hidden;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.List2 .con:hover .txt .btn{
	padding-left: 45px;
}

/*******************************
  -------[=ban图]-------
********************************/
#ban{
	color: #fff;
	text-align: center;
	height: 405px;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	position: relative;
}

.ban-txt{
	position: absolute;
	left: 0;right: 0;top: 50%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.ban-txt h2{
	font-size: 24px;
	font-weight: normal;
	line-height: 60px;
}
.ban-txt h2 em{
	font-size: 36px;
	font-family: 'Arial';
	display: block;
}

/*******************************
	-------[=二级导航]-------
********************************/
#snav{
	color: #999;
	font-size: 14px;
	text-align: center;
	line-height: 30px;
	padding: 50px 0 30px;
	border-bottom: 1px solid #ebebeb;
	overflow-x: auto;
}
#snav .wrap{height: 30px;}
#snav ul{
	display: inline-block;
	overflow: hidden;
	*display: inline;
	*zoom: 1;
}
#snav li{
	float: left;
	padding: 0 25px;
	position: relative;
	background: url(../images/vline1.png) right center no-repeat \9;
}
#snav li::after{
	content: '';
	position: absolute;
	right: 0;top: 50%;
	height: 10px;margin-top: -5px;
	border-right: 1px solid #d4d4d4;
}
#snav li:last-child::after{display: none;}
#snav .s1{
	color: #999;
	display: block;
}
#snav li.active .s1{
	color: #274d5a;
}

/*******************************
	-------[=当前位置]-------
********************************/
#cur{
	color: #999;
	padding: 10px 0;
	line-height: 40px;
	text-align: right;
	background-color: #f7f7f7;
}
#cur a{color: #999;}
#cur a:hover{color: #274d5a;}
#cur span{color: #274d5a;}

/*******************************
	-------[=页码]-------
********************************/
.page{
	text-align: center;
}
.page ul{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	overflow: hidden;
}
.page li{
	float: left;
	margin: 0 4px;
}
.page a{
	color: #999;
	width: 34px;
	height: 34px;
	line-height: 34px;
	border: 1px solid #eee;
	display: block;
}
.page a.current{
	color: #fff;
	background: #274d5a;
	border-color: #274d5a;
}
.page a.next{
	background: #274d5a url(../images/a-next.png) center center no-repeat;
	border-color: #274d5a;
}

/*******************************
	-------[=关于我们]-------
********************************/
.m-about{
	padding: 50px 0;
	overflow: hidden;
}
.m-about .title{
	float: left;
	width: 500px;
	position: relative;
	padding-bottom: 35px;
	background: url(../images/line2.png) 0 bottom no-repeat \9;

	line-height: 30px;
}
.m-about .title::after{
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	width: 30px;
	border-bottom: 3px solid #274d5a;
}
.m-about .st2{margin-bottom: 65px;}
.m-about .title h3{
	color: #274d5a;
	font-size: 24px;
	font-weight: normal;
	line-height: 35px;
	margin-bottom: 25px;
}
.m-about .duty{}
.m-about .detail{
	float: right;
	width: 550px;
	padding-top: 10px;
	line-height: 30px;
}
.m-about .detail img{
	display: block;
	margin: 0 auto;
}
.m-about .detail p{}

.g_table{
	line-height: 32px;
}
.g_table table{
	width: 100%;
	border: 1px solid #eee;
}
.g_table thead{
	color: #fff;
	line-height: 40px;
	background-color: #274d5a;
}
.g_table tbody tr:first-child td{
	padding-top: 20px;
}
.g_table tbody tr:last-child td{
	padding-bottom: 20px;
}
.g_table th,
.g_table td{
	vertical-align: top;
	padding-left: 40px;
	border-right: 1px solid #eee;
}
.g_table th{}
.g_table td{}

/*动画*/
.m-about .title,
.m-about .detail{
	opacity: 0;
	transform: translate3d(0,60px,0);
	transition: all .7s ease-out;
}
.m-about .title.css3,
.m-about .detail.css3{
	opacity: 1;
	transform: translate3d(0,0,0);
}

/*******************************
	-------[=项目展示-详情页]-------
********************************/
.ImgSlider{
	position: relative;
}
.ImgSlider .slider-for{
	max-width: 1200px;
	margin: 0 auto;
}
.ImgSlider .slider-for::before,
.ImgSlider .slider-for::after{
	content: '';
	position: absolute;
	top: 0;bottom: 0;
	z-index: 9;
}
.ImgSlider .slider-for::before{left: 100%;border-left: 10px solid #fff;}
.ImgSlider .slider-for::after{right: 100%;border-right: 10px solid #fff;}
.ImgSlider .slider-for .slick-list{
	overflow: visible !important;
}
.ImgSlider .slider-for .item{
	background-color: #000;
}
.ImgSlider .slider-for img{
	display: block;
	width: 100%;

	opacity: .4;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 40)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 40);

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ImgSlider .slider-for .slick-current img{
	opacity: 1;
	-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity= 100)';
	filter:progid:DXImageTransform.Microsoft.Alpha(Opacity= 100);
}
.ImgSlider .slider-for .slick-arrow{
	position: absolute;
	z-index: 9;text-indent: -999px;
	top: 50%;margin-top: -22px;
	width: 42px;height: 42px;
	border: 1px solid #fff;
	background-repeat: no-repeat;
	background-position: center;
	overflow: hidden;

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.ImgSlider .slider-for .slick-prev{left: -75px;background-image: url(../images/a2-l-w.png);}
.ImgSlider .slider-for .slick-next{right: -75px;background-image: url(../images/a2-r-w.png);}
.ImgSlider .slider-for .slick-arrow:hover{
	background-color: #274d5a;
	border-color: #274d5a;
}

/*.ImgSlider .slider-for .item-con{
	height: 0;
	padding-top: 35%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
}*/
.ImgSlider .slider-nav{
	position: absolute;
	left: 0;right: 0;bottom: 0;
	padding: 6px 0;
	border-top: 1px solid rgba(255,255,255,.4);
	border-top: 1px solid #fff \9;
}
.ImgSlider .slider-nav .slider{
	width: 550px;
	margin: 0 auto;
}
.ImgSlider .slider-nav img{
	display: block;
	width: 100px;
	height: 60px;
	/*margin-right: 10px;*/
	margin: 0 5px;

	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.ImgSlider .slider-nav .slick-current img{
	border: 3px solid #fff;
}

.article{
	line-height: 1.86;
	/*margin-left: 40px;*/
}
.article .header{
	color: #999;
	line-height: 35px;
	overflow: hidden;
	margin-bottom: 20px;
}
.article h1{
	color: #274d5a;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 10px;
}
.article .date{
	font-family: 'Arial';
	line-height: 20px;
	padding-bottom: 25px;
	border-bottom: 1px solid #e3e3e3;
}
.article .tag{
	margin: 10px -20px;
}
.article .tag li{
	float: left;
	padding: 0 20px;
	background: url(../images/vline2.png) right center no-repeat \9;
	position: relative;
}
.article .tag li::after{
	content: '';
	position: absolute;
	right: 0;top: 50%;
	height: 8px;margin-top: -4px;
	border-right: 1px solid #e3e3e3;
}
.article .tag li:last-child::after{display: none;}
.article .tag a,
.article .tag span{
	color: #999;
	display: inline-block;
}
.article .tag a:hover{color: #274d5a;}

.article .content{}
.article .content img{
	display: block;
	margin: 0 auto;
}
.article .footer{
	overflow: hidden;
	margin-top: 50px;
}
.article .footer > div{
	float: left;
	line-height: 50px;
}
.article .footer .prev{width: 51%;}
.article .footer .next{float: right;width: 45%;}
.article .footer a{
	display: block;
	border: 1px solid #e4e4e4;

	position: relative;
	padding: 0 20px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.article .footer .prev a{padding-left: 70px;}
.article .footer .next a{padding-right: 70px;}
.article .footer i{
	position: absolute;top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-repeat: no-repeat;
	background-position: center;

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.article .footer .prev i{left: 0;border-right: 1px solid #e4e4e4;
	background-image: url(../images/a2-l.png);
}
.article .footer .next i{right: 0;border-left: 1px solid #e4e4e4;
	background-image: url(../images/a2-r.png);
}
.article .footer > div:hover i{background-color: #274d5a;}
.article .footer .prev:hover i{background-image: url(../images/a2-l-w.png);}
.article .footer .next:hover i{background-image: url(../images/a2-r-w.png);}

.article .page-footer{
	position: absolute;right: 0;top: 0;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}
.article .page-footer a{
	float: right;
	width: 50px;
	height: 50px;
	overflow: hidden;
	position: relative;
	background-color: #fff;
	border: 1px solid #eee;
	display: block;
	margin-bottom: 10px;
	clear: both;

	transition: width .3s;
	-ms-transition: width .3s;
	-moz-transition: width .3s;
	-webkit-transition: width .3s;
	-o-transition: width .3s;
}
.article .page-footer a:hover{width: 235px;}
.article .page-footer .con{
	display: block;
	height: 50px;
	line-height: 50px;
	padding: 0 70px 0 20px;
}
.article .page-footer i{
	position: absolute;right: 0;top: 0;
	display: block;
	width: 50px;
	height: 50px;
	background-color: #fff;
	background-repeat: no-repeat;
	background-position: center;
	border-left: 1px solid #eee;

	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.article .page-footer .prev i{background-image: url(../images/a2-l.png);}
.article .page-footer .next i{	background-image: url(../images/a2-r.png);}
.article .page-footer a:hover i{background-color: #274d5a;}
.article .page-footer .prev:hover i{background-image: url(../images/a2-l-w.png);}
.article .page-footer .next:hover i{background-image: url(../images/a2-r-w.png);}


/*布局*/
.side-col{
	float: left;
	width: 340px;
}
.main-col{
	margin-left: 415px;
}

.article-news{position: relative;}
.article-news .article{
	max-width: 1320px;
	margin: 0 auto;
	/*margin-right: 40px;*/
}

/*******************************
	-------[=新闻资讯]-------
********************************/

.List2-1{
	overflow: hidden;
	border-bottom: 1px solid #d9d9d9;
}
.List2-1 .item{float: left;width: 33.333%;}
.List2-1 .con{
	display: block;
	border-left: 1px solid #d9d9d9;
	border-right: 1px solid #d9d9d9;
	margin-right: -1px;
}
.List2-1 .item:last-child .con{margin-right: 0;}
.List2-1 .pic{
	position: relative;
	height: 0;
	padding-top: 62%;
	*height: 297px;
	*padding-top: 0;
	overflow: hidden;
}
.List2-1 .pic img{
	display: block;width: 100%;height: 100%;
	position: absolute;left: 0;top: 0;

	transition: all ease-out 0.3s;
	-ms-transition: all ease-out 0.3s;
	-moz-transition: all ease-out 0.3s;
	-webkit-transition: all ease-out 0.3s;
	-o-transition: all ease-out 0.3s;
}
.List2-1 .pic:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.List2-1 .txt{
	color: #999;
	line-height: 25px;
	height: 265px;
	padding: 40px 60px 25px 30px;
}
.List2-1 .txt .date{
	line-height: 30px;
	margin-bottom: 20px;
}
.List2-1 .txt h4{
	color: #333;
	font-size: 20px;
	font-weight: normal;
	line-height: 35px;
	word-break:keep-all;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
	margin-bottom: 15px;
}
.List2-1 .txt .det{
	height: 50px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 40px;
}
.List2-1 .info{
	line-height: 30px;
	margin-bottom: 20px;
}
.List2-1 .info span,
.List2-1 .info a{
	display: inline-block;
	padding-left: 25px;
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-right: 20px;
}
.List2-1 .info .view{background-image: url(../images/icon-eye.png);}
.List2-1 .info .share{background-image: url(../images/icon-share.png);}
.List2-1 .txt .btn{
	font-size: 12px;
	text-transform: uppercase;
	width: 35px;
	height: 25px;
	background: url(../images/a1.png) right center no-repeat;
	display: block;
	text-indent: -45px;
	overflow: hidden;
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.List2-1 .con:hover .txt .btn{
	padding-left: 45px;
}

/*******************************
	-------[=服务领域]-------
********************************/
.m-service{
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 40px;
}
.m-service:last-child{margin-bottom: 0;}
.m-service .pic{
	float: left;
	width: 50%;
	height: 360px;
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
}
.m-service .pic img{
	display: block;
	width: 100%;
	visibility: hidden;
}
.m-service .txt{
	margin-left: 50%;

	color: #999;
	line-height: 30px;
	padding: 30px 40px 25px;
}
.m-service .txt h3{
	color: #333;
	font-size: 30px;
	font-weight: normal;
	line-height: 45px;
	padding-bottom: 15px;
	background: url(../images/line3.png) 0 bottom no-repeat \9;
	position: relative;

	margin-bottom: 30px;
}
.m-service .txt h3::after{
	content: '';
	position: absolute;
	left: 0;bottom: 0;
	width: 24px;
	border-bottom: 2px solid #274d5a;
}
.m-service .det{
	height: 150px;
	 display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	overflow: hidden;
	margin-bottom: 30px;
}
.m-service .btn{
	color: #999;
	font-size: 12px;
	font-family: 'Arial';
	text-transform: uppercase;
	display: inline-block;
	padding-right: 40px;
	background: url(../images/a1.png) right center no-repeat;
}
.m-service .btn:hover{color: #274d5a;padding-right: 50px;background-image: url(../images/a1-on.png);
	transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	-o-transition: .3s;
}
.m-service:nth-child(2n) .pic{
	float: right;
}
.m-service:nth-child(2n) .txt{
	margin-left: 0;
	margin-right: 50%;
}

/*动画*/
.m-service .pic{
	opacity: 0;
	transform: translate3d(-60px,0,0);
	transition: all .7s ease-out;
}
.m-service:nth-child(2n) .pic{
	transform: translate3d(60px,0,0);
}
.m-service .txt,
.m-service .btn{
	opacity: 0;
	transform: translate3d(0,60px,0);
	transition: all .7s ease-out;
}
.m-service .pic.css3,
.m-service .txt.css3,
.m-service .btn.css3{
	opacity: 1;
	transform: translate3d(0,0,0);
}

/*******************************
	-------[=人力资源]-------
********************************/
.m-idea{
	color: #fff;
	text-align: center;
	line-height: 34px;
	padding: 50px 30px;
	background-color: #274d5a;
	background-position: center;
	-webkit-background-size: 100% auto;
	background-size: 100% auto;
}
.m-idea h3{
	font-size: 30px;
	line-height: 50px;
	margin-bottom: 20px;
}

/*动画*/
.m-idea h2,
.m-idea h3,
.m-idea p{
	opacity: 0;
	transform: translate3d(0,60px,0);
	transition: all .7s ease-out;
}
.m-idea h3{transition-delay: .3s;}
.m-idea p{transition-delay: .6s;}
.m-idea .css3{
	opacity: 1;
	transform: translate3d(0,0,0);
}

/*最新招聘*/
.m-recruit-list{
	font-size: 14px;
}
.m-recruit-list .header{
	color: #fff;
	line-height: 50px;
	background-color: #274d5a;
	overflow: hidden;
}
.m-recruit-list .item{
	border-bottom: 1px solid #eee;
}
.m-recruit-list .title{
	cursor: pointer;
	/*line-height: 45px;*/
	line-height: 20px;
	padding: 12.5px 0;
	border-left: 1px solid #eee;
	border-right: 1px solid #eee;
	overflow: hidden;
}
.m-recruit-list .item:hover .title{background-color: #e9edee;}
.m-recruit-list .duty,
.m-recruit-list .num,
.m-recruit-list .place,
.m-recruit-list .date,
.m-recruit-list .detail{
	float: left;
	width: 20%;
	text-align: center;
}
.m-recruit-list .title .duty{
	text-align: left;
	padding-left: 90px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.m-recruit-list .num{}
.m-recruit-list .place{}
.m-recruit-list .date{}
.m-recruit-list .detail{}

.m-recruit-list .content{
	font-size: 12px;
	padding: 0 50px;
	background-color: #f9f9f9;
	display: none;
}
.m-recruit-list .info{
	line-height: 30px;
	padding: 10px 40px;
	border-bottom: 1px solid #eee;
}
.m-recruit-list .info span{color: #999;}
.m-recruit-list .content table{width: 100%;}
.m-recruit-list .content td{width: 25%;}
.m-recruit-list .describe{
	line-height: 2;
	padding: 20px 40px 30px;
}
.m-recruit-list .content h3{
	color: #999;
	font-size: 18px;
	font-weight: normal;
	line-height: 40px;
}
.m-recruit-list .content .btn{
	color: #fff;
	font-size: 14px;
	width: 130px;
	line-height: 36px;
	text-align: center;
	display: inline-block;
	background-color: #274d5a;
	margin-top: 25px;
}
.m-recruit-list .content .btn:hover{color: #fff;}


/*弹出*/
.popBox{
	position: fixed;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	z-index: 999;
	background: rgba(0,0,0,.6);
	background: url(../images/black-alpha60.png) 0 0 repeat \9;
	display: none;
}
.popBox .popCon{
	position: absolute;
	left: 50%;
	top: 50%;
	transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	-o-transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	width: 680px;
	padding: 40px;
	background: #fff;
	overflow: hidden;
}
.popBox .popClose{
	position: absolute;
	z-index: 9;cursor: pointer;
	right: 20px;top: 20px;
	width: 30px;height: 30px;
	background: url(../images/icon-x.png) center center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	border-radius: 50%;
}

.g_table1{
	width: 100%;
	max-width: 430px;
	*width: 430px;
	margin: 0 auto;
}
.g_table1 tbody th,
.g_table1 tbody td{
	line-height: 35px;
	padding-top: 15px;
	border-bottom: 1px solid #e5e5e5;
}
.g_table1 tbody tr:first-child th,
.g_table1 tbody tr:first-child td{
	padding-top: 10px;
}
.g_table1 th{
	color: #999;
	width: 5em;
	*width: 70px;
	font-weight: normal;
}
.g_table1 td{position: relative;*width: 360px;}
.g_table1 .inp{
	color: #333;
	font-size: 14px;
	height: 30px;
	line-height: 30px \9;
	display: block;
	width: 100%;
}
.g_table1 .btn{
	position: absolute;
	right: 0;top: 10px;
	cursor: pointer;

	color: #fff;
	height: 30px;
	width: 65px;
	line-height: 30px;
	text-align: center;
	background-color: #274d5a;
	display: block;
}
.g_table1 tfoot td{
	padding: 30px 0 10px;
}

.fileBox{position: relative;}
.fileBox input[type='file']{display: none;}

.btn2{
	color: #fff;
	font-size: 20px;
	width: 185px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background-color: #274d5a;
	display: block;
	margin: 0 auto;
}

/*******************************
	-------[=联系我们]-------
********************************/
.MapBox{height: 405px;}
#allmap img{max-width: 9999px;}
.map-txt{
	color: #333;
	font-size: 12px;
	font-family: '宋体';
	font-weight: bold;
	text-align: center;
	line-height: 60px;
}

.m-address{
	float: left;
	width: 50%;
}
.m-message{
	margin-left: 56%;
}
.m-address .caption,
.m-message .caption{
	font-size: 24px;
	font-weight: normal;
	line-height: 40px;
	margin-bottom: 20px;
}

.m-address .content{
	overflow: hidden;
	margin-right: -50px;
}
.m-address dl{
	float: left;
	min-width: 330px;

	line-height: 32px;
	margin-bottom: 20px;
}
.m-address dt{
	height: 88px;
	line-height: 88px;
	margin-bottom: 25px;
}
.m-address dt img{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}
.m-address dt span{float: none;margin-left: 10px;}

.m-address dd span{color: #999;}

.m-message table{
	width: 100%;
	margin-right: -20px;
}
.m-message td{
	padding-right: 20px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
.m-message .inp{
	color: #999 \9;
	font-size: 14px;
	display: block;
	width: 100%;
	height: 35px;
	line-height: 35px \9;
	border-bottom: 1px solid #eaeaea;
	margin-bottom: 20px;
}
.m-message .inp:focus,
.m-message .inp.ok{color: #333;}
.m-message .inp_area{
	height: 100px;
	line-height: 25px;
	resize: none;
}
.m-message .btn{
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	width: 140px;
	height: 45px;
	line-height: 45px;
	background-color: #274d5a;
	display: block;
	margin: 5px auto;
}


/*合作伙伴*/
.m-tpList1{}
.m-tpList1 ul{
	overflow: hidden;
}
.m-tpList1 li{
	float: left;
	width: 33.333%;
	height: 90px;
	line-height: 90px;
	text-align: center;
	overflow: hidden;
	margin-bottom: 10px;
}
.m-tpList1 img{
	display: inline-block;
	vertical-align: middle;
	max-height: 100%;
}


#loading{
	position: fixed;z-index: 9999;
	left: 0;right: 0;top: 0;bottom: 0;
	background-color: #274d5a;
}
#loading .text{
	position: absolute;
	left: 0;right: 0;top: 50%;
	text-align: center;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
}
.logo-svg{
	width: 100px;
	height: 100px;
	margin: 0 auto;
}
.logo-svg .svg{
	height: 0;opacity: 0; overflow: hidden;
	-webkit-animation: logo-svg 5s cubic-bezier(0.190, 1, 0.420, 1) infinite; 
	animation: logo-svg 5s cubic-bezier(0.190, 1, 0.420, 1) infinite; 
	-moz-animation: logo-svg 5s cubic-bezier(0.190, 1, 0.420, 1) infinite; 
}
.svg-path{fill:none; stroke-width:3;stroke:#fff;}

@-webkit-keyframes logo-svg { 0% {height:0;opacity: 0;} 100% {height: 100px;opacity: 1;} } 
@keyframes logo-svg { 0% {height:0;opacity: 0;} 100% {height: 100px;opacity: 1;} } 
