/**
 * Created by luo-biao on 2017/3/7.
 */
@charset "utf-8";
/*=====================
		CONTACT css
=====================*/
.h384 {
	height : 384px;
}

.c-m-bor {
	display             : inline-block;
	width               : 100%;
	margin-top          : 35px;
	background          : url("../images/c-t-border.png") right center no-repeat;
	background-size     : 1217px 1px;
	height              : 58px;
	background-position : 400px 52px;
}

.c-m-bor .main-tit {
	display     : inline-block;
	width       : 100%;
	overflow    : hidden;
	height      : 55px;
	line-height : 55px;
	color       : #444;
	margin-top: 0;
	margin-bottom: 0;
}

.c-m-bor .main-tit h2 {
	display         : inline-block;
	font-family     : 'Erasitc';
	font-size       : 60px;
	text-transform  : capitalize;
	font-weight     : normal;
	background      : url("../images/c-l-border.png") left center no-repeat;
	background-size : 2px 29px;
	padding-left    : 15px;
}

.c-m-bor .main-tit h2 span {
	color          : #ec6610;
	text-transform : capitalize
}

.c-m-bor .main-tit h3 {
	display     : inline-block;
	margin-left : 5px;
	font-family : 'Microsoft YaHei';
	font-size   : 30px;
	width       : 130px;
	background  : #000;
	font-weight : normal;
}

.main-tit.col-white {
	color : #fff;
}

.c-box {
	margin : 10px 0 20px 0;
}

.left {
	width  : 484px;
	height : 175px;
	float  : left;
}

.address {
	margin-top: 5px;
	font-size: 14px;
	color       : #ccc;
	line-height : 30px;
}

.address p {
	display      : inline-block;
	width        : 100%;
	padding-left : 45px;
	margin       : 8px 0;
}

.address .tel {
	background : url(../images/icon-tel.png) no-repeat 0 0;
}

.address .mail {
	background : url(../images/icon-mail.png) no-repeat 0 0;
}

.address .site {
	background : url(../images/icon-site.png) no-repeat 0 0;
}

.c-map {
	position : relative;
	float    : right;
	width    : 716px;
	height   : 175px;
}

.c-map a {
	position         : absolute;
	top              : 0;
	left             : 0;
	background-color : rgba(0, 0, 0, .2);
	filter           : alpha(opacity=100);
	opacity          : 1;
	width            : 100%;
	height           : 100%;
}

.c-map a:hover {
	background-color : rgba(0, 0, 0, 0);
	filter           : alpha(opacity=100);
	opacity          : 1;
}

.footer {
	width      : 100%;
	height     : 70px;
	border-top : 1px solid #333;
	text-align : center;
	background : #000;
	color      : #707070;
	font-size  : 14px;
}

.footer span {
	display : inline-block;
	height  : 20px;
	margin  : 24px 5px;
}

/*=====================
		Product.html css
=====================*/
.insnav {
	height   : 350px;
	width    : 100%;
	overflow : hidden;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #f5f5f5;
}

.insnav .icon-nav {
	margin-top : 90px;
	text-align : center;
}

.insnav .icon-nav img {
	width  : 105px;
	height : 96px;
}

/*=====================
		���� css
=====================*/
.insnav h2 {
	height      : 60px;
	line-height : 60px;
	text-align  : center;
	margin      : 0 auto 35px;
	font-size   : 36px;
	color       : #fff;
	font-weight : lighter;
}

.insnav h2 span {
	display         : inline-block;
	font-family     : 'Erasitc';
	margin          : 10px 20px 0 30px;
	background      : url("../images/icon-border.png") right center no-repeat;
	background-size: 1px 27px;
	padding-right: 15px;
	font-size: 37px;
}

.nav-tab {
	padding    : 0 50px;
	height     : 32px;
	text-align : center;
}

.nav-tab a {
	display     : inline-block;
	width       : 110px;
	height      : 30px;
	line-height : 30px;
	margin : 0 33px;
	text-align  : center;
	border      : 1px solid #fff;
	font-size   : 14px;
	color       : #fff;
}

.nav-tab a:hover,
.nav-tab a.active {
	border     : 1px solid #245c8f;
	background : #245c8f;
}

/*=====================
		���м css
=====================*/
.cont-main-nav {
	height        : 20px;
	line-height   : 20px;
	padding       : 10px;
	overflow      : hidden;
	margin        : 43px 0 20px 0;
	border-bottom : 1px solid #eee;
}

.cont-main-nav p,
.cont-main-nav p a {
	font-size : 14px;
	color     : #666;
}

.cont-main-nav p span {
	display : inline-block;
	margin  : 0 2px;
}

/*=====================
		Product-List css
=====================*/
.Solutions-List {
}

.Solutions-List ul li {
	display       : inline-block;
	width         : 1180px;
	padding-right : 20px;
	background    : #fff;
	min-height    : 280px;
	margin-bottom : 32px;
}

.Solutions-List ul li:hover {
	box-shadow         : 0 10px 10px #ebf0f3;
	-webkit-box-shadow : 0 10px 10px #ebf0f3;
	-moz-box-shadow    : 0 10px 10px #ebf0f3;
}

.Solutions-List ul li .pic {
	width        : 372px;
	height       : 280px;
	margin-right : 20px;
	float        : left;
	text-align   : center;
	background-color: #f5f5f5;
}
.Solutions-List ul li a:hover img {
	-webkit-transform : scale(1.05, 1.05);
	transform         : scale(1.05, 1.05);
	transition-delay  : 0s;
}
.Solutions-List ul li .text {
	margin-bottom : 40px;
}

.Solutions-List ul li .text .tit {
	height        : 60px;
	padding: 5px;
	line-height   : 60px;
	border-bottom : 1px solid #e7e7e7;
	font-size     : 30px;
	font-weight   : bold;
	color         : #333;
	overflow      : hidden;
}

.Solutions-List ul li .text .tit a:hover {
	color : #245c8f;
}

.Solutions-List ul li .text .cont {
	padding: 5px;
	font-size   : 16px;
	color       : #999;
	line-height : 1.8;
	max-height  : 5.4em;
	overflow    : hidden;
	margin-top  : 10px;
}

/*=====================
		News-content css
=====================*/
.News-content {
	background : #fff;
	padding    : 50px;
	width      : 1100px;
}

.News-content .show_title {
	border-bottom : 1px solid #e7e7e7;
}

.News-content .show_title h1 {
	font-size   : 26px;
	color       : #333;
	line-height : 36px;
}

.News-content .tit_more {
	height  : 50px;
	padding : 7px 0;
	color   : #8b8b8e;
}

.News-content .info {
	display     : inline-block;
	font-size   : 14px;
	color       : #999;
	line-height : 1.5;
	height      : 22px;
	margin-top  : 10px;
	overflow    : hidden;
}

.News-content .info em {
	display    : inline-block;
	margin     : 0 12px;
	font-style : normal;
	font-size  : 12px;
	color      : #cbcbcb;
}

.News-content .info .clock {
	display         : inline-block;
	background      : url(../images/icon-clock.png) left center no-repeat;
	background-size : 20px;
	padding-left    : 26px;
}

.News-content .info .frequency {
	display         : inline-block;
	background      : url(../images/icon-eye.png) left center no-repeat;
	background-size : 24px 18px;
	padding-left    : 28px;
}

.s-share {
	display     : inline-block;
	margin      : 0 auto;
	height      : 50px;
	line-height : 50px;
	overflow: hidden;
}

.s-bbs {
	display : inline-block;
	height  : 50px;
}

.bds_weixin,
.bds_sina,
.bds_twb,
.bds_qq,
.bds_qzone {
	display     : inline-block;
	width       : 47px;
	height      : 46px;
	line-height : 36px;
	margin-left : 6px;
	cursor      : pointer;
}

.bds_weixin {
	background      : url("../images/icon-wx.png") center no-repeat;
	background-size : 100%;
}

.bds_sina {
	background      : url("../images/icon-sina.png") center no-repeat;
	background-size : 100%;
}

.bds_twb {
	background      : url("../images/icon-txwb.png") center no-repeat;
	background-size : 100%;
}

.bds_qq {
	background      : url("../images/icon-qq.png") center no-repeat;
	background-size : 100%;
}

.bds_qzone {
	background      : url("../images/icon-kj.png") center no-repeat;
	background-size : 100%;
}

.News-content .content {
	min-height     : 500px;
	font-size      : 18px;
	line-height    : 1.8;
	text-align     : justify;
	border-bottom  : 1px solid #e7e7e7;
	margin         : 25px 0;
	padding-bottom : 30px;
}
.News-content .content p {
	margin: 20px 0;
	text-indent: 2em;
}
.News-content .content img {
	max-width: 100%;
}

/*=====================
		News.html css
=====================*/
.News-List {
	width    : 1200px;
	overflow : hidden;
}

.News-List ul {
	display : inline-block;
	width   : 1220px;
}

.News-List ul li {
	display    : inline-block;
	float      : left;
	padding    : 7px;
	margin     : 0 20px 20px 0;
	width      : 576px;
	height     : 210px;
	background : #fff;
}

.News-List ul li:hover {
	-webkit-box-shadow : 0 0 10px #ebf0f3;
	-moz-box-shadow    : 0 0 10px #ebf0f3;
	box-shadow         : 0 0 10px #ebf0f3;
}

.News-List ul li .pic {
	float        : left;
	margin-right : 20px;
	width        : 280px;
	height       : 210px;
	overflow     : hidden;
	background-color: #f5f5f5;
}

.News-List ul li a {
	display           : inline-block;
	width             : 100%;
	height            : 100%;
	-webkit-transform : scale(1);
	transform         : scale(1);
	transition-delay  : 0s;
}

.News-List ul li a:hover img {
	-webkit-transform : scale(1.05, 1.05);
	transform         : scale(1.05, 1.05);
	transition-delay  : 0s;
}

.News-List ul li .text {
	margin-right: 5px;
}

.News-List ul li .text .tit {
	padding-top : 15px;
	font-size   : 18px;
	color       : #333;
	line-height : 1.5;
	max-height  : 55px;
	overflow    : hidden;
}

.News-List ul li a:hover .text .tit {
	color              : #245c8f;
	-webkit-transition : none;
	transition         : none;
}

.News-List ul li .text .cont {
	font-size   : 14px;
	color       : #666;
	line-height : 1.5;
	max-height  : 65px;
	overflow    : hidden;
	margin-top  : 15px;
}

.News-List ul li .text .info {
	font-size   : 14px;
	color       : #999;
	line-height : 1.5;
	max-height  : 65px;
	overflow    : hidden;
	margin-top  : 20px;
}

.News-List ul li .text .info span {
	display : inline-block;
}

.News-List ul li .text .info .frequency {
	background      : url("../images/icon-eye.png") left center no-repeat;
	background-size : 24px 18px;
	padding-left    : 28px;
	float           : right;
}

/*=====================
		Recruit.html css
=====================*/
.Recruit-banner {
	height: 324px;
	background-color: #f5f5f5;
}
.Recruit-banner img {
	display: block;
}

.Recruit-tab {
}

.Recruit-tab .Recruit-list {
	margin-bottom : 20px;
}

.Recruit-tab .Recruit-list .R-tit {
	position           : relative;
	display            : inline-block;
	width              : 100%;
	height             : 40px;
	line-height        : 40px;
	font-size          : 18px;
	color              : #fff;
	cursor             : pointer;
	background         : #776661;
	box-shadow         : 0 10px 10px #d3cecc;
	-webkit-box-shadow : 0 10px 10px #d3cecc;
	-moz-box-shadow    : 0 10px 10px #d3cecc;
}

.Recruit-tab .Recruit-list .R-tit:after {
	position           : absolute;
	content            : "";
	background         : url("../images/icon-down.png") center no-repeat;
	background-size    : 20px auto;
	width              : 20px;
	height             : 20px;
	right              : 20px;
	top                : 8px;
	transform          : rotate(0deg);
	-webkit-transition : 500ms;
	transition         : 500ms;
}

.Recruit-tab .Recruit-list .R-tit span {
	display      : inline-block;
	padding-left : 20px;
}

.Recruit-tab .Recruit-list .R-tit.open:after {
	position           : absolute;
	content            : "";
	background-size    : 20px auto;
	width              : 20px;
	height             : 20px;
	right              : 20px;
	top                : 8px;
	transform          : rotate(-180deg);
	-webkit-transition : 500ms;
	transition         : 500ms;
}

.Recruit-tab .Recruit-list .R-content {
	display: none;
	background  : #fff;
	padding     : 20px 30px;
	font-size   : 16px;
	line-height : 1.8;
}
.Recruit-tab .Recruit-list .R-content.open{
	height: auto;
	display: block;
}
.Recruit-tips {
	font-size: 16px;
}
.Recruit-tips span {
	margin: 0 20px;
}
.Recruit-tips a {
	color: #ec6610;
}
.Recruit-tips a:hover {
	text-decoration: underline;
}
/*==================
Solutions-subtitle
====================*/
.Solutions-subtitle{
	margin: 0 35px 30px;
	padding: 20px 0;
}
.Solutions-subtitle h2 {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #333;
}
.Solutions-subtitle h2:before {
	position: absolute;
	top: 3px;
	left: -35px;
	width: 4px;
	height: 28px;
	content: '';
	background-color: #ec6610;
}
.Solutions-detail-list{
	width: 1200px;
	overflow: hidden;
}
.Solutions-detail-list ul{
	display: inline-block;
	width: 1204px;
}
.Solutions-detail-list ul li{
	float: left;
	display: inline-block;
	width: 298px;
	height: 56px;
	line-height: 56px;
	margin-top: 3px;
	margin-right: 3px;
	background: #fff;
}
.Solutions-detail-list ul li a{
	display: block;
	color: #333;
	font-size: 16px;
	padding-left: 35px;
	background: url("../images/icon-s-detail-l.png")   no-repeat;
	background-position: 15px 26px;
}
.Solutions-detail-list ul li a:hover,
.Solutions-detail-list ul li.on a{
	color: #fff;
	background-position: 15px -39px;
	background-color: #245c8f;
}
/*=====================
		PartnerList css
=====================*/
.PartnerList {
	display : inline-block;
	width   : 100%;
	padding: 60px 52px;
}

.PartnerList li {
	overflow   : hidden;
	position   : relative;
	float      : left;
	width      : 200px;
	height     : 100px;
	margin : 15px 8px;
	text-align : center;
	background : #fff;
	border: 1px solid  #f0f0f0;
}

.PartnerList li span {
	display : inline-block;
	height  : 70px;
	padding  : 15px 0;
	width: 100%;
}
.PartnerList li s{
	opacity    : 0;
	filter     : alpha(opacity=0);
	width      : 100%;
	height     : 100%;
	background: rgba(4, 4, 4, 0.75);
	position   : absolute;
	left       : 0;
	top        : 0;
}

.PartnerList  li em {
	display: inline-block;
	width: 100%;
	height: 40px;
	line-height: 40px;
	opacity: 1;
	font-size: 16px;
	filter: alpha(opacity=0);
	margin: -20px 0 0 0;
	position: absolute;
	color: #fff;
	left: 100%;
	font-style: normal;
	top: 50%;
	-webkit-transition: all .6s;
	transition: all .6s;

}
.PartnerList li:hover s  { opacity : 1; filter : alpha(opacity=100); }

.PartnerList li:hover em { left : 0; opacity : 1; filter : alpha(opacity=100); }
/*=====================
		sub css
=====================*/

/* subtitle */
.subtitle {
	margin: 0 35px 30px;
	padding: 20px 0;
	border-bottom: 1px solid #e7e7e7;
}
.subtitle h1,
.subtitle h2 {
	position: relative;
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #333;
}
.subtitle h1:before,
.subtitle h2:before {
	position: absolute;
	top: 3px;
	left: -35px;
	width: 4px;
	height: 28px;
	content: '';
	background-color: #245c8f;
}

/* subbody */
.subbody { padding: 0 35px 30px; }

/* article */
.article {
	overflow: hidden;
	font-size: 18px;
	line-height: 1.8;
	text-align: justify;
	color: #333;
}

/* about-team */
.about-team {
	position: relative;
	padding-top: 45px;
}
.about-team-tab {
	position: absolute;
	top: 0;
	overflow: hidden;
	background-color: #dedde3;
	-webkit-transition: none;
	transition: none;
}
.about-team-tab li {
	float: left;
	width: 400px;
	font-size: 16px;
	line-height: 45px;
	color: #333;
	text-align: center;
	cursor: pointer;
}
.about-team-tab li.on {
	font-weight: bold;
	background-color: #fff;
}
.about-team-tab.fixed {
	position: fixed;
	top: 90px;
	z-index: 10;
}
.page_body {
	width: 99%;
	height: 30px;
	margin: 20px 0px;
}
.page_body a {
	min-width: 12px;
	height: 30px;
	background: #f0f0f0;
	color: #10101a;
	border: 1px solid #ccc;
	line-height: 30px;
	text-align: center;
	float: left;
	display: block;
	margin: 0px 8px 0px 0px;
	padding: 0px 9px;
	font-size:16px;
}
.page_body a:hover {
	background: #245c8f;
	color: #fff;
}

.page_body span {
	min-width: 12px;
	height: 30px;
	background: #245c8f;
	color: #fff;
	border: 1px solid #ccc;
	line-height: 30px;
	text-align: center;
	float: left;
	display: block;
	margin: 0px 8px 0px 0px;
	padding: 0px 9px;
	font-size:16px;
}