@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: 18px; 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; }
.contentinfo td,.contentinfo th{ vertical-align: top}


a.more:hover{ color: #fff; background: #a0a0a0; border-color: #a0a0a0}
a.more{ font-size: 21px; text-align: center; margin: 0 auto; padding: 5px 40px; display: inline-block ;border: solid 2px #bfbfbf; color: #bfbfbf}
a.lan{ font-size: 14px}
/*编辑器操作区域样式*/
.cke_editable .operateArea { background: #FF9; position: relative; z-index:999; }
.cke_editable .operateArea a { cursor: pointer; }
.cke_show_borders { max-width: 1200px; }
.cke_editable li{list-style: disc}

	/*头部*/
#header { background: #fff; }
#header .header_top{ height: 127px}
#header .header_top .fr{ padding-top: 27px;  text-align: right; }
#header .header_top .fr div{ float: right; font-size: 16px}
#header .header_top .fr img{ vertical-align: middle; padding-right: 10px}

.logo img { padding:30px 0 20px 0 }



/*导航*/

.menu {clear: both}
.menu > li {float: left;text-align: center;margin: 0 17px; position: relative}
.menu > li:last-child{margin-right: 0;}
.menu > li > a { padding:10px 3px 0px 3px;height: 100%; display: block; font-size: 21px;color: #000; transition: all 0.3s  }
.menu > li > a:hover{color: #1d697f; border-bottom: solid 5px #1d697f }


.menu ul {transition: all 0.3s ; width:150px; margin-left: -36px ; display: none; background: #b50029; padding: 5px 0; position: absolute; top:62px; z-index: 50;  text-align: center; overflow: hidden; border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; }
.menu > li:hover ul{ display: block}
.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 ;transition: all 0.3s }
.menu ul > li:hover > a {  background: #dd002e  }
.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}


.proleft{width:234px; margin-right:30px;}
.inleft{ background:url(../images/about.png?t=1) no-repeat center top ; line-height:45px;width: 234px; margin-right: 30px;float: left; border: solid 1px #f0f0f0}
.inleft h3{ color:#fff; background:url(../images/titleArrow.png) no-repeat center left; font-size:18px; padding-left:20px; margin-left:10px; height:47px; line-height: 43px}
.leftpro{ margin:10px 0;}
.leftpro li{ width:234px; height: 34px;line-height: 34px;padding-bottom: 10px;border-bottom: 1px solid #eee; width: 50%; float: left}
.leftpro li a{ display:block;padding-left:30px; font-size: 14px}
.leftpro li{ background:url(../images/about_li1.png) no-repeat 10px 10px  ;}


.inRight{ width: 934px; overflow: hidden;float: left }

/*banner*/
#ban { position: relative; overflow: hidden; }
#ban .banner { height: 550px; overflow: hidden; position: relative; }
#ban .imglist li { position: absolute; background: none no-repeat center center; height: 550px; 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;  background: #aaa; border-radius: 7px; }
.pagelist li.on { background: #c5322e; border-color: #c5322e; }

.indexTit{
	text-align: center;
	background: url(../images/fgx_1.png) no-repeat center bottom;
	padding: 20px 0;
	margin-bottom: 30px;
}
.indexTit.txtLeft{text-align: left}

.indexTit.darkbg{color: #fff;background-image: url(../images/fgx_2.png)  }
.indexTit.darkbg h1{  color: #fff}

.main1{
	padding: 40px 0;
	height: 586px;
	overflow: hidden;
	clear: both;
	background: url(../images/about_bg.jpg) no-repeat center center;
}
.main1Box{
	width: 100%;
	height: 420px;
}



.fwxm li{ width:232px; float: left; margin-right: 10px;height:220px;background: #fff; text-align: center ; }
.fwxm li:last-child{ margin-right: 0}
.fwxm li img{ width: 232px; height: 174px}



.main2{
	height:950px;
	padding-top: 40px;
	background: #f9f9f9;
}


.products li{ width: 287px; height:332px ; float: left; margin:0 14px 18px 0px; border: solid 1px #dcdcdc ; background: #dcdcdc; text-align: center}
.products li.p4{margin-right: 0}
.products li img{ width: 285px; height: 285px;}
.products li a{ font-size: 18px}
.products li:hover { background: #007285; border-color: #007285}
.products li:hover a{color: #fff}

.main3{
	height: 450px;
	overflow: hidden;
	background:#f9f9f9 ;
}

#paterns{ height: 300px; position: relative}
.paterns{ height: 230px}
.paterns li{ width: 224px; height: 86px;float: left; margin:10px  8px; background: no-repeat center center; background-size: cover }



#paterns .pagelist li{ border-color: #ddd ; width: 50px; height:4px; border-radius: 0 }
#paterns .prev{ position: absolute; left: -20px; top: 100px}
#paterns .next{ position: absolute; right: -20px; top: 100px}



.main3Right{
	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;
}
.main3Right li .leftBox h1{
	font-size: 32px;
	font-weight: bold;
	line-height: 75px;

	transition: all 0s;
}
.main3Right li .leftBox h3{
	line-height: 1px;
	font-size: 16px;

	transition: all 0s;
}
.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: #b50029;
	color: #fff;
}
.main3Right li:hover{
	background-color: #fff;
	box-shadow: 5px 5px 5px #ccc;
}
.main3Right li:hover .rightBox{
}

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

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

.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;
}



.intop { height: 49px; line-height: 48px; border-bottom: 1px solid #e5e5e5; margin-bottom: 20px  }
.intop .intopLeft{float: left;height: 47px; color: #405ba2;font-size: 18px;border-bottom: 2px solid #405ba2;}
.intop .intopmenu { float: right; font-size: 14px;text-align: right;color: #807f7f }
.intop .intopmenu > a { color: #807f7f; padding: 0 15px; }

/*底部*/
.foot{background: #1d697f; border-top:solid 1px #6a6a6a; height: 202px; color: #fff}
.foot h1{color: #fff; font-weight: normal; font-size: 28px}
.foot .foot_header{margin-top: 25px ; border-bottom: solid 1px #6d9dab; padding-bottom: 10px}
.foot .foot_menu{ float: right; padding-top: 20px}
.foot .foot_menu li{ float: left; border-right: solid 1px #aaa;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; width: 100%}
.foot_body .left .contact li{float: left; margin-right: 75px}
.foot_body .left .contact li:last-child{margin-right: 0}
.foot_body .left .contact li img{float: left; vertical-align: middle; }
.foot_body .left .contact li div{ float: left; margin:-10px 0 0 12px}


.foot2 { background: #023c4d; font-size: 14px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #6d9dab; float: left;}
.foot2 .fr { color: #6d9dab; opacity: 0.8; float: right;}
.foot2 a { color: #6d9dab; }




/*内页通用*/
#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; }
/*新闻详细页*/
.inmain{
	margin: 30px 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: #888; }
.operate span a { /*font-style: italic;*/ color: #888; }
.operate div { float: right; width: 150px; text-align: right; }
a.return { padding:4px 20px 6px; border-radius: 6px ; background: #eee; color: #888; text-align: center }
/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin-top: 20px;}
#pageNav a { color: #888; text-decoration: none; border: 1px solid #d2d2d2; font-size: 12px; line-height: 24px; height: 24px; padding: 4px 15px; text-align: center; border-radius: 6px; width: 10px}
.pageNum, .cPageNum, .listnumber { display: inline-block; }
#pageNav .cPageNum { color: #fff; background: #888; border-radius: 6px }
#pageNav .pageNum:hover { color: #fff; background: #888; }
#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;
}