@charset "utf-8";
/* CSS Document */
*{ margin:0; padding: 0; font-family: Microsoft Yahei, "微软雅黑", Arial, "Times New Roman";}
body{ text-align: justify;}
a{ text-decoration:none; font-size: 14px; color:#000;}
input,select,textarea{ outline:none;}

.clear{clear:both;}
.clearfix{ *zoom: 1;}
.clearfix:before{ content: ""; display: table;}
.clearfix:after{ content: ""; display: table; clear: both;}

.pic{ overflow: hidden;}
.pic img{ max-width: 100%; display: block; width: 100%; overflow: hidden;transition: all 0.5s;transform: scale(1); max-height:100%;}

.left{ float:left;}
.right{ float:right;}



/*---------------------------------首页---------------------------------------*/



.logo{ width: 1203px; height: 146px; margin: 0 auto; background: url(../images/logo.jpg) center no-repeat;}



nav{ width:100%; height: 50px; line-height: 50px; background: #153b96;}
nav ul{ width:100%; max-width: 1200px; margin: 0 auto;}
nav ul li{ float: left; display: block; width: 200px; height: 50px; text-align: center;}
nav ul li a{ display: block; color: #fff; font-size: 16px;}
nav ul li.this,
nav ul li:hover{ background: #ff5c01;}
nav ul li:hover a{}

.banner{ width: 100%; height: 650px;}


.searchbg{ width:100%; height: 55px; line-height: 55px; box-shadow: 0 0 12px 0 #d1ddea;}
.search{ width:1200px; height: 55px; line-height: 55px; margin: 0 auto;}
.search .hotkey{ float: left; font-size: 14px; color: #838383}
.search .searchform{ float: right; height: 55px; width: 300px;}
.search .searchform input[type=text]{ width: 230px; height: 40px; float: left; margin:7px 0 0 0; padding: 0 40px 0 20px; border: none; background: #f5f5f5; border-radius: 17.5px;}
.search .searchform input[type=submit]{ border: none; width:40px; float: left; margin:7px 0 0 -40px; height: 40px; border-radius: 20px; background: url(../images/sbut.png) center no-repeat;}





.stitle{ text-align:center; margin:0 auto;}
.stitle .cntitle{ font-size: 30px; font-weight: bold; color: #242424; line-height: 40px;}
.stitle .cntitle span{color:#ff5c01;}

.stitle .entitle{ font-size: 14px; color: #888888; line-height: 30px;}
.stitle .entitle li{ display: inline-block;}
.stitle .entitle li:nth-child(2){ margin:0 10px;}
.stitle .entitle li:nth-child(1),
.stitle .entitle li:nth-child(3){ width:80px; height: 1px; vertical-align: middle; background: #bfbfbf;}









.spro{ padding:70px 0;}

.sprofl{ width: 1200px; margin:50px auto 0 auto; text-align: left;}

.sprofl li{ display:block; float: left; position: relative; background: #1048a0; margin: 0 12px 0 0; height: 52px; width: 190px; line-height: 52px; 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;}
.sprofl li:after{
	width: 24px;
	height: 12px;
	background: url("../images/arrow_proli.png") center no-repeat;
	position: absolute;
	display: block;
	content: '';
	left: 50%;
	margin-left: -12px;
	bottom: -11px;
	opacity: 0;
}
.sprofl li:last-child{ margin: 0;}

.sprofl li a{ display:block; font-size: 16px; color: #fff; -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,.sprofl li:hover{ background:url(../images/bg_proli.png) center bottom no-repeat; -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:after,.sprofl li:hover:after{ opacity: 1; -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:#1048a0; font-weight: bold; -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{ width: 1200px; margin:50px auto 0 auto;}

.sproul ul li{ float: left; display: block; width: 380px; border: 3px solid #fff; margin: 0 21px 21px 0; 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 ul li .pic{ overflow: hidden;}

.sproul ul li .pic img{ width: 386px; height: 266px; display: block; transition: all 0.5s;transform: scale(1);}

.sproul ul li:hover .pic img{ transition: all 0.5s;transform: scale(1.1);}

.sproul ul li .protitle{ line-height: 50px; border-bottom: 3px solid #153b96; font-size: 16px; color: #484848; -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 ul li:hover { border: 3px solid #153b96; box-shadow: 0 0 12px 0 #ccc; -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 ul li:hover .protitle{
	border-bottom: 3px solid #153b96;
	color: #fff;
	background: #153b96;
	 -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 ul li:nth-child(3),

.sproul ul li:nth-child(6),

.sproul ul li:nth-child(9),

.sproul ul li:nth-child(12),

.sproul ul li:nth-child(15){ margin-right:0;}





.abouttextbg{
	background: url("../images/bg_about.png") center no-repeat;
	height: 416px;
	margin: 40px 0 0 0;
}
.abouttextbg .abouttext{
	padding: 70px 700px 0 0;
	width: 520px;
	margin: 0 auto;
	color: #282828;
	font-size: 14px;
	line-height: 24px;
}


.abouttext .amore{ width: 135px; height: 40px; float: right; margin: 20px 0 0 0; text-align: center; line-height: 40px;-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;}
.abouttext .amore a{ display: block; border: 1px solid #153b96; color:#153b96;-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;}
.abouttext .amore:hover{
	-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;
}
.abouttext .amore:hover a{
	background: #153b96; color: #fff; -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;
}







.sadv{ padding: 80px 0 0 0;}

.sadv .sadvul{ width:1200px; margin: 0 auto; padding: 60px 0 0 0;}

.sadv .sadvul .left{
	width: 50%;
}
.sadv .sadvul .right{
	width: 50%;
}

.adv{
	margin: 0 0 80px 0;
}
.adv4{
	margin: 0 0 0 0;
}
.adv h1{
	padding: 0 0 0 86px;
	font-size: 30px;
}
.adv h1>p{
	color: #484848;
	font-size: 17px;
	text-transform: uppercase;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	border-bottom: 2px solid #153b96;
}
.adv>p{
	color: #000000;
	line-height: 28px;
	font-size: 17px;
	padding: 0 0 0 86px;
}
.adv1 h1{
	background: url("../images/1.png") no-repeat left center;
}
.adv2 h1{
	background: url("../images/2.png") no-repeat left center;
}
.adv3 h1{
	background: url("../images/3.png") no-repeat left center;
}
.adv4 h1{
	background: url("../images/4.png") no-repeat left center;
}

.sadv .sadvul .left:first-child{
	width: 48%;
}
.sadv .sadvul .right:last-child{
	width: 48%;
}
.sadv .sadvul .right:nth-child(2),
.sadv .sadvul .left:nth-child(4){
	text-align: center;
}


.snews{ width: 100%; padding: 40px 0 40px 0;}


.snews .nbottom{ margin: 40px auto 0 auto; width:100%; max-width: 1200px;}


.newscate{
	text-align: center;
	margin: 40px 0 0 0;
}
.newscate li{
	width: 100px;
	line-height: 35px;
	display: inline-block;
	margin: 0 3px;
	position: relative;
}
.newscate li:after{
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: 16px;
	background: #e1e1e1;
	top: 10px;
	right: -3px;
}
.newscate li:last-child:after{
	display: none;
}
.newscate li.this,
.newscate li:hover{
	background: #ff5c01;
}
.newscate li a{
	display: block;
}
.newscate li.this a,
.newscate li:hover a{
	color: #fff;
}

.snews .nbottom .right{ width:1200px;}

.snews .nbottom .right ul li{ display: block; position: relative; width: 580px; margin: 10px 10px 50px 10px; float: left; -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;}

.snews .nbottom .right ul li .pic{ width: 167px; height: 99px;}
.snews .nbottom .right ul li .date{ width: 65px; float: left; color: #282828; -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;}
.snews .nbottom .right ul li .date span{ display: block; width: 65px; height: 35px; text-align: center; font-weight: bold; line-height: 35px; font-size: 36px; -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;}
.snews .nbottom .right ul li .date span:nth-child(2){ display: block; width: 65px; height: 35px; font-size: 14px; font-weight: normal; -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;}
.snews .nbottom .right ul li .date font{ font-size: 18px; float: right; text-align: center; margin: 0 25px 0 0; display: block; font-weight: bold; color: #888888; -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;}

.snews .nbottom .right ul li .text{ width: 240px; float: left; margin: 0 20px;}

.snews .nbottom .right ul li .title{ font-size: 16px; line-height: 14px; color:#282828; border-bottom: 1px solid #e1e1e1; margin: 5px 0 15px 0; padding: 0 0 15px 0; -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;}

.snews .nbottom .right ul li p{ font-size: 14px; line-height: 24px; color: #888888;}

.snews .nbottom .right ul li:hover{ -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;}
.snews .nbottom .right ul li:hover .title{ color: #153b96; -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;}
.snews .nbottom .right ul li:hover .date font{ margin: 0 10px 0 0; color: #153b96; -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;}







.cp{ width:100%; padding: 50px 0; background: #f5f5f5;}
.cp ul{ width: 1200px; margin: 40px auto;}
.cp ul li{ float: left; display: block; margin: 0 3px 0 0;}
.cp ul li:last-child{ margin: 0 0 0 0;}











.fmenubg{ width:100%; background: #313131; padding: 50px 0;}

.fmenubg *{ color:#fff !important;}

.fmenubg .fmenu{ width:100%; max-width: 1200px; margin: 0 auto;}

.fmenubg .fmenu .fleft{ width:490px; margin-right: 80px; float: left; font-size: 14px; line-height: 28px;}

.fmenubg .fmenu h1{ font-size:18px; margin: 0 0 10px 0;}

.fmenubg .fmenu .fmiddle{ width:270px; float: left; font-size: 14px; line-height: 28px;}

.fmenubg .fmenu h1{ font-size:18px; margin: 0 0 10px 0;}

.fmenubg .fmenu .fmiddle ul li{ display: block;line-height: 30px; padding: 0 0 0 16px; position: relative;}
.fmenubg .fmenu .fmiddle ul li:before{
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 1px;
	background: #fff;
	left: 0;
	top: 15px;
}
.fmenubg .fmenu .fmiddle ul li a{ font-size:14px; color: #aeaeae !important;}
.fmenubg .fmenu .fmiddle ul li:hover a{ color: #fff !important;}

.fmenubg .fmenu .ewm{ float: right; width: 156px; word-break: keep-all;}
.fmenubg .fmenu .ewm h1{ letter-spacing: 17px;}





.cr{ width:100%; height: 32px; color:#bac1d9; text-align: center; line-height: 32px; font-size: 14px; background: #153b96;}

.cr a{ color:#bac1d9; font-size: 14px;}



.relat{
	width: 1200px;
	margin: 0 auto;
}
.relat h1{
	font-size: 30px;
	color: #242424;
	line-height: 32px;
}
.relat h1 img{
	vertical-align: middle;
	margin: 0 5px 0 0;
}
.relat h1 strong{
	color: #ff5c01;
}
.relat h1 span{
	font-size: 14px;
	color: #888888;
	font-weight: normal;
}




.nbanner{
	height: 410px;
}




.nabout{ padding: 70px 0;}
.nabout .abouttext{ width: 1200px; margin: 60px auto 0 auto;}

.npro{ background:#f5f5f5; padding:50px 0 0 0;}
.npro .stitle .cntitle li:nth-child(1){ display:block; width: 1200px; margin: 0 auto; text-align: left; background: none; height: auto;}


.nnews{ padding:50px 0 0 0;}
.nnews .stitle .cntitle li:nth-child(1){ display:block; width: 1200px; margin: 0 auto; text-align: left; background: none; height: auto;}
.nnews .nbottom .right{ width:1200px;}
.nnews .nbottom .right ul li{margin: 0 60px 0 0;}
.nnews .nbottom .right ul li:last-child{margin: 0 0 0 0;}







.nproflbg{ background:#f5f5f5; position: relative; height: 410px;}
.nproflbg .nprofl{ width:1000px; padding: 50px 100px; position: absolute; height: 410px; background: #fff; left: 50%; top:-100px; margin-left: -600px;}

.nproflbg .nprofl h1{font-size:18px; line-height: 28px; color: #595e68;}
.nproflbg .nprofl ul li{ display:block; width: 20%; float: left;}
.nproflbg .nprofl ul li .title{ width: 123px; height: 39px; margin: 40px auto; padding: 0 4px 5px 0; background: url(../images/nflbg.png) center no-repeat; text-align: center; color: #fff; line-height: 39px;}
.nproflbg .nprofl ul li .jianjie{ text-align: center; font-size: 14px; line-height: 24px; width: 85%; margin: 0 auto;}



.abouttext form{
	width: 600px;
	margin: 0 auto;
}



.g1{
	width: 1200px;
	margin: 0 auto;
}




