@charset "utf-8";
/* CSS Document */

.header{}
.header .logo{}
.header .text{
	margin: 0 0 0 25px;
	padding: 0 0 0 25px;
	border-left: 1px solid #ccc;
}
.header .text strong{
	display: block;
	font-size: 18px;
	line-height: 18px;
	color: #222;
}
.header .text p{
	font-size: 17px;
	color: #333;
	margin: 3px 0 0 0;
}
.header .text p span{
	color: #1252b1;
	font-weight: bold;
}

.toptel img{
	display: block;
	float: left;
	margin: 0 15px 0 0;
}
.toptel p{
	font-size: 16px;
	line-height: 16px;
	color: #666;
	float: left;
}
.toptel p strong{
	font-size: 24px;
	display: block;
	margin: 8px 0 0 0;
	line-height: 24px;
}


.menu{
	border-bottom: 2px solid #f86729;
	background: #1252b1;
}
.menu li{
	display: block;
	float: left;
	width: 20%;
	line-height: 60px;
	text-align: center;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.menu li:hover,
.menu li.this{
	background: #f86729;
}
.menu li a{
	font-size: 18px;
	color: #fff;
	display: block;
}

.search{
	line-height: 80px;
	border-bottom: 1px solid #eee;
}
.search .hotkeys{
	font-size: 16px;
	color: #666;
}
.search .hotkeys img{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}


.searcharea{
	margin: 16px 0 0 0;
}
.searcharea .stext{
	width: 310px;
	height: 48px;
	background: #eee;
	border: none;
	padding: 0 20px;
	box-sizing: border-box;
}
.searcharea .sbut{
	width: 48px;
	height: 48px;
	background: url("../images/sbut.png") #eee center no-repeat;
	cursor: pointer;
}




.stitle{ text-align:center; margin:0 auto;}
.stitle .entitle{ font-size: 40px; font-weight: bold; color: #e2e2e2; line-height: 40px; text-transform: uppercase;}
.stitle .cntitle{ font-size: 30px; font-weight: bold; color: #242424; line-height: 40px;}
.stitle .cntitle li{ display: inline-block; vertical-align: middle;}
.stitle .cntitle li:nth-child(2){ margin:0 10px;}
.stitle .cntitle li:nth-child(1),
.stitle .cntitle li:nth-child(3){ width:36px; height: 1px; background: #bfbfbf;}
.stitle .cntitle span{color:#1252b1;}




.spro{ padding:70px 0;}

.sprofl{ width: 1180px; margin:50px auto 0 auto; text-align: left;}

.sprofl li{ display:block; float: left; background: #e7e7e7; margin: 0 20px 20px 0; height: 50px; width: 220px; line-height: 52px; text-align: center;}

.sprofl li:nth-child(5n){ margin: 0 0 20px 0;}

.sprofl li a{ display:block; font-size: 16px; color: #222; -moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.sprofl li.this a,
.sprofl li:hover a{ color:#fff; background: #1252b1;}



.sproul{ width: 1200px; margin: 10px auto 0 auto; position: relative;}

.sproul li{ float: left; display: block; text-align: center;-moz-transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;transition: all 0.3s ease-in;}


.sproul li a{
	display: block;
	margin: 20px 10px;
}
.sproul li .pic img{}

.sproul li a:hover .pic img{ transition: all 0.5s;transform: scale(1.1);}

.sproul li .protitle{ line-height: 52px; font-size: 14px; color: #222; background: #f4f4f4;}



.arrow_sproul{
	position: absolute;
	top: 50%;
	width: 64px;
	margin-top: -32px;
	height: 64px;
	background: url("../images/arr_proslide.png") #ddd center no-repeat;
	border-radius: 50%;
	cursor: pointer;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.arrow_sproul_left{
	left: -70px;
	transform: rotate(180deg);
}
.arrow_sproul_right{
	right: -70px;
}

.arrow_sproul:hover{
	background: url("../images/arr_proslide.png") #1252b1 center no-repeat;
}


.youshibg{
	background: url("../images/bg_youshi.jpg") center no-repeat;
	background-size: cover;
}
.youshibg .stitle .cntitle li{
	color: #fff;
}
.youshibg .stitle .cntitle li span{
	color: #f86729;
}
.youshibg .stitle .cntitle li span strong{
	font-size: 36px;
}


.youshilist li{
	display: block;
	width: 520px;
	color: #fff;
	float: left;
	margin: 0 160px 80px 0;
}
.youshilist li:nth-child(2n){
	margin: 0 0 80px 0;
}
.youshilist li:nth-last-child(2){
	margin: 0 160px 0 0;
}
.youshilist li:last-child{
	margin: 0;
}
.youshilist li img{
	display: block;
	float: left;
	width: 82px;
}
.youshilist li p{
	float: left;
	width: 400px;
	margin: 0 0 0 38px;
	font-size: 16px;
	line-height: 24px;
	height: 48px;
}
.youshilist li p strong{
	display: block;
	font-size: 24px;
	margin: 0 0 15px 0;
}


.aboutbg{
	background: url("../images/bg_about.jpg") center no-repeat;
	height: 600px;
	padding: 130px 0 0 0;
	box-sizing: border-box;
}

.aboutbg .about{
	width: 520px;
}
.aboutbg .about h3{
	font-size: 40px;
	color: #e2e2e2;
	text-transform: uppercase;
	line-height: 34px;
}
.aboutbg .about h2{
	font-size: 30px;
	line-height: 30px;
	margin: 10px 0 0 0;
}
.aboutbg .about h2 strong{
	color: #f86729;
}
.aboutbg .about .text{
	font-size: 16px;
	line-height: 26px;
	color: #222;
	text-indent: 2em;
}
.aboutbg .about .more{
	display: block;
	width: 180px;
	line-height: 50px;
	font-size: 16px;
	color: #fff;
	text-align: center;
	background: #1252b1;
}

.xbanner{
	height: 240px;
	background: url("../images/xbanner.jpg") center no-repeat;
}


.newslist{
	width: 580px;
}

.newslist .newscate{
	font-size: 20px;
	color: #222;
	margin: 0 0 20px 0;
}
.newslist .newscate a{
	width: 20px;
	height: 20px;
	display: block;
	float: right;
	background: url("../images/bg_newsmore_1.jpg") center no-repeat;
	-moz-transition: 	all 0.5s;
	-webkit-transition: all 0.5s;
	-ms-transition: 	all 0.5s;
	-o-transition: 		all 0.5s;
	transition: 		all 0.5s;
}
.newslist .newscate a:hover{
	background: url("../images/bg_newsmore_2.jpg") center no-repeat;
}
.newslist ul li{
	display: block;
	padding: 30px 0;
	border-bottom: 1px solid #eee;
}
.newslist ul li .date{
	width: 70px;
	color: #222;
	text-align: right;
}
.newslist ul li .date strong{
	font-weight: normal;
	font-size: 22px;
}
.newslist ul li .date p{
	font-size: 14px;
}
.newslist ul li .text{
	width: 440px;
	padding: 0 40px 0 0;
}
.newslist ul li .text strong{
	font-weight: normal;
	font-size: 18px;
	color: #222;
}
.newslist ul li .text p{
	font-size: 14px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	margin: 5px 0 0 0;
	color: #666;
}

.newslist ul li:hover .date *,
.newslist ul li:hover .text strong{
	font-weight: bold;
	color: #1252b1;
}



.footer{
	padding: 70px 0 50px 0;
	background: #1b1b1b;
	color: #fff;
}

.fcontact{
	padding: 0 100px 0 0;
	border-right: 1px solid #323232;
}
.fcontact h2{
	font-size: 20px;
	margin: 0 0 20px 0;
}
.fcontact p{
	font-size: 14px;
	line-height: 34px;
}
.fcontact p img{
	margin: 0 7px 0 0;
	display: inline-block;
	vertical-align: middle;
}

.ftitle{
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

.fmenu{
	margin: 0 100px;
}
.fmenu li{
	display: block;
	line-height: 30px;
}
.fmenu li a{
	font-size: 14px;
	color: #a3a3a3;
}


.fpro{
	border-left: 1px solid #323232;
	border-right: 1px solid #323232;
	padding: 0 70px;
}
.fpro li{
	display: block;
	line-height: 30px;
}
.fpro li a{
	font-size: 14px;
	color: #a3a3a3;
}
.fpro ul:last-child{
	margin: 0 0 0 50px;
}


.cr{
	line-height: 64px;
	background: #1b1b1b;
	color: #888;
	font-size: 14px;
	text-align: center;
	border-top: 1px solid #434343;
}
.cr a{
	color: #888;
	font-size: 14px;
}


.fewm{
	text-align: center;
	font-size: 14px;
	line-height: 40px;
}



.bannerbg,
.listbanner,
.nbanner{
	height: 400px;
}

.nabouttext{
	padding: 60px 80px;
	position: relative;
	z-index: 1;
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	color: #484848;
	font-size: 15px;
	line-height: 28px;
}
.nabouttext h1{
	font-size: 24px;
	text-align: center;
	color: #282828;
}

.abouticon{
	margin: 40px 0;
}
.abouticon li{
	width: 33.333%;
	float: left;
	display: block;
	text-align: center;
	position: relative;
}
.abouticon li:after{
	width: 1px;
	height: 44px;
	background: #dcdcdc;
	position: absolute;
	content: '';
	display: block;
	right: 0;
	top: 50%;
	margin-top: -22px;
}
.abouticon li:last-child:after{
	display: none;
}
.abouticon li .pic{
	width: 51px;
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
.abouticon li .text{
	width: 90px;
	display: inline-block;
	vertical-align: middle;
	text-align: left;
}
.abouticon li .text>div{
	display: inline-block;
	vertical-align: baseline;
	text-align: left;
}
.abouticon li .text .counter{
	font-size: 30px;
	font-weight: bold;
}
.abouticon li .text .mark{
	font-size: 14px;
	font-weight: bold;
	color: #888888;
}
.abouticon li .text p{
	text-align: left;
}

.nproul li{
	width: 32%;
	margin: 0 2% 2% 0;
}
.nproul li a{
	margin: 0;
}
.nproul li:nth-child(3n){
	margin: 0 0 2% 0;
}


.nprofl{
	margin: 0 auto;
	width: 1200px;
}
.nprofl li{
	width: 224px;
}


.nnewsul li{
	display: block;
	border-bottom: 1px solid #dcdcdc;
}
.nnewsul li a{
	display: block;
	padding: 30px;
}
.nnewsul li .pic{
	display: block;
	width: 240px;
	height: 140px;
}
.nnewsul li:hover{
	box-shadow: 0 0 12px 0 rgba(0,0,0,.2);
	background: url("../images/border_right_news.png") center right no-repeat;
	background-repeat: repeat-y;
}

.nnewsul li .text{
	width: 850px;
	margin: 0 20px 0 0;
}
.nnewsul li .text span{
	font-size: 16px;
	display: block;
	margin: 15px 0 5px 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}
.nnewsul li .text .date{
	font-size: 12px;
	color: #888888;
}
.nnewsul li .text p{
	font-size: 14px;
	line-height: 24px;
	color: #666666;
	margin: 25px 0 0 0;
	max-height: 48px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
}



.nrecruit{
	border: 1px solid #dcdcdc;
	border-top: none;
}
.nrecruit .rtitle{
	font-size: 30px;
	line-height: 40px;
	color: #282828;
	font-weight: bold;
	padding: 30px 35px;
}

.yaoqiu1{
	padding: 0 35px;
}
.yaoqiu1 li{
	border-left: 3px solid #1252b1;
	line-height: 36px;
	float: left;
	width: 33.333%;
	box-sizing: border-box;
	padding: 0 0 0 20px;
	display: block;
	font-size: 16px;
}

.zhize{
	padding: 35px;
	line-height: 30px;
	font-size: 16px;
}
.zhize h5{
	font-weight: normal;
	font-size: 18px;
}
.yaoqiu2{
	padding:  0 35px 35px;
	line-height: 30px;
	color: #484848;
	font-size: 16px;
}
.yaoqiu2 h5{
	font-weight: normal;
	font-size: 18px;
}





.ncontact{ width:1200px; margin: 50px auto;}

.ncontact .left{ width:49%; float: left; margin-right: 2%; background: #f5f5f5;}
.ncontact .left p{ font-size: 14px; line-height: 36px; color: #838383;}
.ncontact .left form{ margin: 10px 0 0 0;}
.ncontact .right{ width:49%; float: left;}

.ncontact h1{ font-size:18px; padding: 0 0 0 10px; line-height: 40px; border-top: 4px solid #f86729; border-bottom: 1px solid #616161; color: #1252b1; margin: 0 0 10px 0;}

.map{
	background: #f5f5f5;
	margin: 50px 0 0 0;
}
.maparea{
	overflow: hidden;
}
.maparea iframe{
	position: relative;
	left: 50%;
	margin-left: -960px;
}


.tableborder{ font-size: 14px;}
.tableborder input[type="text"]{ width:555px; height: 35px; padding: 0 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}
.tableborder input[type="text"]#key{ width:405px; height: 35px; padding: 0 10px; background: none; border:1px solid #a9a9a9;}
.tableborder textarea{ width:555px; height: 62px; padding: 10px; margin: 0 0 10px 0; background: none; border:1px solid #a9a9a9;}
.subbutton
{
	padding:0px 24px;
	border:1px solid #ccc;
	font-size:12px;
	height: 35px;
	margin: 0 auto;
	background:#000;
	vertical-align:center;
	color:#fff;
}
.subbutton:hover{ background:#000; color:#fff;}


.sidebar{position:absolute; z-index:999; top:150px;}



.sidebar{
	position:absolute; z-index:999; top:217px; width: 160px; border: 2px solid #1252b1;
	background-color: #fff;
	padding: 0 0 20px 0;
}

.sidebar_title{
	font-size: 16px;
	line-height: 42px;
	color: #fff;
	text-align: center;
	background-color: #1252b1;
}
.sidebar_ewm{
	border: 1px solid #1252b1;
	margin: 13px;
	width: 128px;
}
.sidebar_ewmtext{
	text-align: center;
	font-size: 14px;
	line-height: 18px;
	color: #222;
	margin: 0 13px;
}
.sidebar_tel{
	font-size: 14px;
	line-height: 22px;
	color: #222;
	margin: 15px 13px 20px 13px;
	padding: 15px 0 0 0;
	border-top: 1px solid #ccc;
}
.sidebar_tel strong{
	color: #e60e0c;
	font-size: 18px;
	display: block;
}
.sidebar a{
	border-radius: 3px;
	display: block;
	background-color: #e7f1ff;
	margin: 5px 13px;
	line-height: 40px;
	text-align: center;
	font-size: 14px;
}