@charset "utf-8";
/* CSS Document */
body, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, hr, form, iframe, th, td { margin: 0; padding: 0; }
* { padding: 0; }
body { color: #333; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 16px; line-height: 1.8; width: 100%; -webkit-tap-highlight-color:rgba(0,0,0,0);/*去掉安卓点击时的蓝色*/ }

.clear { clear: both; }
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
a:link, a:visited { color: #1e1e1e; text-decoration: none; }
a:hover { cursor: pointer }
fieldset, img { border: none; }
.center{ text-align: center}
ul, li { list-style-type: none; }
h1{font:bold 32px/160% 微软雅黑}
h2{font:bold 22px/160% 微软雅黑}
h3{font:bold 18px/160% 微软雅黑}
h4{font:bold 16px/160% 微软雅黑}
h5{font:bold 14px/160% 微软雅黑}
.fl { float: left; }
.fr { float: right;}
.wrap { margin: 0 auto; width: 1200px; }
.minwidth { min-width: 1200px; }
#container { background: #fff; }
.font16 { font-size: 16px; }
.textc { text-align: center; }
.textl { text-align: left; }
.textr { text-align: right; }
.mb { margin-bottom: 30px; }
.pr { position: relative; }
.pa { position: absolute; }
div { outline: none; }
input { outline: none; }
textarea { outline: none; }
table { border-collapse: collapse; border-spacing: 0; table-layout: fixed; border: 0; }
th, td { padding: 0; }
.aui_border, .aui_dialog, .content table { table-layout: auto; }
ul { padding: 0; }
p { margin: 0; }
li { zoom: 1; vertical-align: middle; }
ol { margin: 0px; padding: 0; padding-left: 36px; }
input, select, button, textarea { border: none; padding: 0; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; font-size: 14px; line-height: 1.6; }
input:focus, textarea:focus { background: #fff; }
::-moz-placeholder { color: #b2b2b2; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; }
::-webkit-input-placeholder { color: #b2b2b2; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; }
:-ms-input-placeholder { color: #b2b2b2; font-family: "微软雅黑", Arial, Georgia, "Times New Roman", Times, serif; }

a.more{ border: solid 1px #0d6fb8; padding: 10px 50px; color: #0d6fb8;transition: .3s all}
a.more:hover{ background: #0d6fb8; color: #fff}

/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }

/*头部*/
#header { background: #fff; }
#header .header_top{ height: 100px}
#header .header_top .fr{ padding-top: 22px; width: 240px; text-align: right; font-size: 18px;}
#header .header_top .fr img{ float: left; vertical-align: middle}
#header .header_top .fr div{ margin-top: -10px}
.logo img { padding:10px 0 20px 0 }



#header.navFix { height:65px; left: 0; position: fixed; top: 0; width: 100%; z-index: 400; }
#header.navFix .logo img { height: 65px; }
#header.navFix .clearfix{}
#header.navFix .menu{margin-top: 0;}
#header.navFix .menu > li > a{ padding:10px 0;}
/*导航*/
.menu_wrap{ background: #0d6fb8}
.menu {}
.menu > li {float: left;text-align: center;margin: 0 17px; position: relative}
.menu > li:last-child{margin-right: 0;}
.menu > li:last-child > a:hover{border:none;color: none}
.menu > li > a { padding:10px 36px 10px 36px;height: 100%; display: block; font-size: 18px; font-weight: bold ;color: #fff;}
.menu > li > a:hover{color: #000;background: #f8b62b;}

.menu > li:hover ul{ display: block}
.menu ul { width: 100%; display: none; background: #0d78c5; padding: 5px 0; position: absolute; top:52px; z-index: 50;  text-align: center; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.menu .menu-pro ul{width: 180px}
.menu ul > li { line-height: 34px; font-size: 14px; margin: 0; }
.menu ul > li > a { display: block; color: #fff }
.menu ul > li:hover > a { color: #333; background: #f8b62b }
.menu .subnav { display: block; }

.proLeftBox { width: 100%; background: #f4f4f4;padding: 6px 0 0 0 }
.proLeftBox li{  display: inline-block; padding:0 15px}
.proLeftBox li a{  padding: 20px; line-height: 50px}
.proLeftBox li a.ahover{ background: #fff}

/*banner*/
#ban { position: relative; overflow: hidden; }
#ban .banner { height: 580px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 580px; width: 100%; }
#ban .imglist li a { display: block; width: 100%; height: 100%; }
.pagelist { bottom: 35px; height: 14px; position: absolute; right: 0; text-align: center; width: 100%; z-index: 1; }
.pagelist li { font-size: 0px; margin: 0 7px; cursor: pointer; display: inline-block; height: 12px; width: 12px; border: 1px solid #fff; border-radius: 7px; }
.pagelist li.on { background: #0177cc; border-color: #0177cc; }

.indexTit{
	text-align: center;
}
.indexTit h1{
	font-size: 36px;
	font-weight: bold;
	padding-bottom: 7px;
	background: url(../images/xs.jpg) no-repeat bottom center ;
	margin-bottom: 10px;
	letter-spacing: 3px;
}
.indexTit h4{ font-weight: normal; color: #888; letter-spacing: 1px}
.indexTit span{  font-weight:normal;}

.main1{
	padding: 40px 0;
	background: #f8f8f8;
}
.main1Box{
	width: 100%;
	height: 230px;
	position: relative;
	margin-top: 40px;
}

.swiper-container{
	width: 1200px;
	height: 100%;
}

#case { padding-top: 40px}
.fwxm li{ width:280px; float: left; margin: 0 26px 25px 0;height:260px;background: #fff; text-align: center ; }
.fwxm li:last-child,.fwxm li.last{ margin-right: 0}
.fwxm li img{ width: 280px; height: 210px}


.fwxm1 li{ width:220px; float: left; margin: 0 25px 25px 0;height:210px;background: #fff; text-align: center ; }
.fwxm1 li:last-child,.fwxm li.last{ margin-right: 0}
.fwxm1 li img{ width: 220px; height: 165px}

.more-case{ margin: 10px 0}
.more-case a{ margin-right: 30px;}

.main2{
	height:700px;
	padding-top: 40px;
}
.main2 .case { width: 250px; height: 580px; float: left}
.main2 .case li{width: 250px; height: 188px; position: relative; margin-bottom: 5px}
.main2 .case li img{ width: 100%; height: 100%}
.main2 .case li div{ position: absolute; left: 0; bottom:0; height: 30px; text-align: center; background: #0d6fb8; color: #fff; width: 100% }
.main2 .case li.big{ width: 658px ;height: 493px; }
.main2big { width:658px; height: 580px; float: left; margin: 0  21px; background: #0d6fb8; color: #fff; font-size: 24px; line-height: 80px ; text-align: center }
.main2big img{ width: 658px; height: 493px; border: solid 1px #ddd}
.main3{
	height: 620px;
	overflow: hidden;
	background: url(../images/news_bg.jpg);
	padding-top: 40px;
}
.main3Left{
	float: left;
	width: 625px;
	margin-top: 40px;
}
.main3Left .imglist li{
	float: left;
	width: 560px;
	height: 420px;
	margin-right: 20px;
    text-align: center;
    line-height: 1.2
}
.main3Left .imglist li img{
	width: 100%;
	height:100%;
	border: solid 1px #ddd;
}
.main3Left .imglist li div{ padding-top: 10px}
.main3Left .imglist  li .newbox{
	width: 100%;
	height: 104px;
	border:1px solid #ccc;
	border-top: none;
	padding: 5px 10px 5px 10px;
	overflow: hidden;
}
.main3Left .imglist li .newbox h1{
	font-size: 20px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.main3Left .imglist li .newbox h3{
	font-size: 14px;
	color: #999;
}
.main3Left .imglist li .newbox h5{
	font-size: 14px;
	color: #666;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}

.main3Left .pagelist{ bottom: 10px; right: 70px; text-align: right}

.main3Right1{	float: right; width: 570px;height:400px; padding: 30px 0}
.main3Right1 li{ padding: 10px 0}
.main3Right1 li a{ font-size: 18px; font-weight: bold; line-height: 30px }
.main3Right1 li a span{ font-size: 14px; color: #888 ; font-weight: normal; display: block}
.main3Right1  .clearfix{ clear: both}
.main3Right1 .more{ margin-top: 20px; float: left}
.topis{ background: url(../images/top.png) no-repeat left center; padding-left: 20px  }

.main3Right{
	float: right;
	width: 570px;
	height: 320px;
	margin-top: 40px;
	margin-right: 5px;
}
.main3Right li{
	display: block;
	width: 100%;
	height: 94px;
	background-color: #fbfafa;
	margin-bottom: 19px;
	transition: all .3s;
	margin-right: 5px; 
}
.main3Right li .leftBox{
	width: 105px;
	height: 100%;
	float: left;
	text-align:center;
	border-right: 1px solid #ddd;
	color: #666;
	transition: all .3s;
}
.main3Right li .leftBox h1{
	font-size: 32px;
	font-weight: bold;
	line-height: 75px;
}
.main3Right li .leftBox h3{
	line-height: 1px;
	font-size: 16px;
}
.main3Right li .rightBox{
	float: right;
	width: 450px;
	height: 100%;
	transition: all .3s;
}

.main3Right li .rightBox h1{
	font-size: 20px;
	padding-top: 15px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	transition: all .3s;
	text-align: left;
	font-weight: normal;
}
.main3Right li .rightBox h3{
	font-size: 14px;
	color: #666;
	padding-top: 5px;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
	text-align: left;
	font-weight: normal;
}
.main3Right li:hover .leftBox{
	background-color: #0d6fb8;
	color: #fff;
}
.main3Right li:hover{
	background-color: #fff;
	box-shadow: 5px 5px 5px #ccc;
}
.main3Right li:hover .rightBox{
}

.main3Right li:hover .rightBox h1{
	color: #0d6fb8;
}

.main3Right .more{ margin-top: 20px; float: left}


.proUl{
}
.proUl li{ width: 310px ; height: 330px; float: left; margin:0 40px; text-align: center}

.proUl li.row-last{ margin-right: 0}
.proUl li img{ width: 290px; height: 240px; padding: 10px; border: solid 5px #f0f0f0
}
.proUl li a:hover img{ border-color: #689fdb
}

.equUl li{
	float: left;
	width: 380px;
	height:288px;
	margin-right: 30px;
	margin-bottom: 20px;
	transition: all .3s;
	border: 1px solid #eee;
	box-sizing: border-box;
}
.equUl li:hover {
	box-shadow: 5px 5px 5px #ccc;
}
.equUl li:nth-child(3n){
	margin-right: 0;
}
.equUl li .equImg{
	width: 100%;
	height: 228px;
}
.equUl li .equImg img{
	width: 100%;
	height: 100%;
}
.equUl li .equBot{
	height: 58px;
	line-height: 58px;
	padding-left: 20px;
	background-color: #f8f8f8;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}


.newsListUl li{
	width: 100%;
	height: 216px;
	overflow: hidden;
	margin-bottom: 15px;
	transition: all .3s;
	border: 1px solid #eee;
}
.newsListLeft{
	float: left;
	width: 290px;
	height: 100%;
}
.newsListLeft img{
	width: 100%;
	height: 100%;
}
.newsListRight{
	float: right;
	width: 870px;
}
.newsListRight h1{
	font-size: 18px;
	padding-top: 15px;
}
.newsListRight h5{
	font-size: 14px;
	color: #666;
}
.newsListRight h3{
	margin-top: 20px; padding-right:30px ; font-size: 14px; color: #666;
}
.newsListUl li:hover {
	box-shadow: 5px 5px 5px #ccc;
}

.main4{height: 500px; background: #f3f3f3}
.main4 .indexTit{ padding-top: 40px}
.main4 .swiper-container { height: 275px}
.ygfc  li{  float: left;width: 299px;  border-left: solid 1px #ddd; background: #fff;height: 246px; text-align: center }
.ygfc  li:first-child{ border-left: 0}
.ygfc  li img{ width: 273px; height: 205px; margin: 0 auto; display: block}


.intop { height: 49px; line-height: 48px; border-bottom: 1px solid #e5e5e5; margin-top: -49px}
.intop .intopLeft{float: left;height: 47px; color: #405ba2;font-size: 18px;border-bottom: 2px solid #405ba2;}
.intop .intopmenu {  font-size: 14px;color: #fff; font-weight: bold }
.intop .intopmenu > a { color: #fff; padding: 0 15px; font-weight: bold }

/*底部*/
.foot{background: #0f58a8; border-top:solid 5px #f8b62b; height: 242px; color: #fff}
.foot .foot_header{margin-top: 25px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #ddd;line-height: 1}
.foot .foot_menu li a{ color: #fff; padding:0 20px; }
.foot .foot_menu li:last-child{ border-right: none; padding-right: 0 }
.foot_body{ }
.foot_body img{display: block}
.foot_body .left{float: left; margin-top: 40px}
.foot_body .left .contact li{float: left; margin-right: 140px}
.foot_body .left .contact li img{float: left; vertical-align: middle}
.foot_body .left .contact li div{ float: left; margin:-10px 0 0 5px}
.foot_body .left .links {clear: left; padding-top: 50px}
.foot_body .left .links li{ float: left; margin-right: 20px; line-height: 1;font-size: 13px}
.foot_body .left .links li img{ float: left;  padding-right: 10px}
.foot_body .left .links li:first-child{ margin-right: 5px}
.foot_body .left .links li a{color: #fff; }

.foot_body .right{float: right; text-align: center; font-size: 20px}
.foot_body .right img{ margin: 0 auto}
.foot2 { background: #113992; font-size: 12px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #fefefe; float: left;}
.foot2 .fr { color: #fefefe; opacity: 0.4; float: right;}
.foot2 a { color: #fefefe; }




/*内页通用*/
#ban1 { background: url(../images/in_banner1.jpg) no-repeat center center; height: 300px; }
#ban2 { background: url(../images/in_banner2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../images/in_banner3.jpg) no-repeat center center; height: 300px; }
#ban4 { background: url(../images/in_banner4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../images/in_banner5.jpg) no-repeat center center; height: 300px; }
#ban6 { background: url(../images/in_banner6.jpg) no-repeat center center; height: 300px; }
#ban7 { background: url(../images/in_banner7.jpg) no-repeat center center; height: 300px; }
/*新闻详细页*/
.inmain{
	margin: 40px 0;
	overflow: hidden;
}
.titlepro { font-size: 18px; color: #0eb156; text-align: center; margin: 10px 0 10px; }
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 24px;  font-weight: bold}
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; font-size: 16px }
.time .date { padding-left: 20px; background: url(../images/clock.png) no-repeat left center; }
.time .hits { margin-left: 20px; padding-left: 20px; background: url(../images/eye.png) no-repeat left center; }
.operate { margin-top: 20px; padding-top: 10px; border-top: 1px dotted #aaa; height: 50px; }
.operate span { float: left; color: #333; }
.operate span a { /*font-style: italic;*/ color: #224393; }
.operate div { float: right; width: 150px; text-align: right; }
.return { padding-left: 20px; padding-left: 20px; background: url(../images/return.png) no-repeat left center; }
/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin-top: 20px;}
#pageNav a { color: #224393; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; }
.pageNum, .cPageNum, .listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #224393; }
#pageNav .pageNum:hover { color: #fff; background: #224393; }
#pageNav a.listnumber { border: none; padding: 0; }


.operate{
	margin-top: 20px;
	border-top: 1px dashed #ccc;
}
.operate .operate1{
	float: left;
	margin-top: 5px;
	color: #a36701;
}
.operate .operate1 a{
	color: #a36701;
}
.operate .operate2{
	float: right;
	padding-left: 20px;
	background: url(../images/return.png) no-repeat left center;
}


.indexProUl li{
	float: left;
	width: 291px;
	height: 320px;
	margin-right: 12px;
	margin-bottom: 12px;
}
.indexProUl li:nth-child(4n){
	margin-right: 0;
}

#case-sample{ width: 960px; height: 700px; margin: 0 auto; position: relative}
#case-sample .imglist li{  width: 960px; height: 639px;  position: relative}
#case-sample .imglist li div{ position: absolute; bottom: 3px; left: 0px; width:960px; background: rgba(0,0,0,0.5); height: 40px; color: #fff; text-align: center; line-height: 40px}
#case-sample .imglist li img{ height: 639px}
#case-sample .pagelist{ width:100%; height:30px; text-align:center; z-index:10; clear: both; position: absolute; top: 660px}
#case-sample .pagelist li{position:relative;display: inline-block;*display:inline;width:20px;height:20px;background: #0177cc;  border: none;font-size:45px; border-radius: 100%; cursor:pointer; margin-right:5px; overflow: hidden}
#case-sample .pagelist li.on{ background: #cc6300;border: none;}

#case-sample .prev,#case-sample .next{ z-index:10; cursor:pointer; position:absolute; top:320px; width:29px; height:48px}
#case-sample .prev{ left:-50px; background:url(../images/left.png)}
#case-sample .next{ right:-56px; background:url(../images/right.png)}


.honor{
	margin-top: -30px;
	margin-bottom: 50px;
}
.honorTop{
	height: 40px;
	border-bottom: 1px solid #f7f7f7;
	text-align: center;
}
.honorTop li{
	display: inline-block;
	height: 100%;
	font-size: 16px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
}
.honorTopActive{
	border-bottom: 2px solid #003972;
	background: url(../images/hIcon.png) no-repeat bottom;
}
.honorMain{
	margin-top: 10px;
	overflow: hidden;
}
.honorMain li{
	box-sizing: border-box;
	padding: 10px;
	margin-top: 30px;
	float: left;
	width: 280px;
	height: 280px;
	margin-right: 26px;
	background-color: #f7f7f7;
	text-align: center;
	display: table;
	vertical-align: middle;
}
.honorMain li:nth-child(4n){
	margin-right: 0;
}
.honorMain li a{
	display: table-cell;
	height: 100%;
	vertical-align: middle;
}
.honorMain li img{
	max-height: 260px;
	max-width: 260px;
}