@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, Verdana, sans-serif; font-size: 14px; 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% Arial}
h2{font:bold 18px/160% Arial}
h3{font:bold 16px/160% Arial}
h4{font:bold 14px/160% Arial}
h5{font:bold 12px/160% Arial}
.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-size: 14px; line-height: 1.6; }
input:focus, textarea:focus { background: #fff; }
::-moz-placeholder { color: #b2b2b2; }
::-webkit-input-placeholder { color: #b2b2b2;  }
:-ms-input-placeholder { color: #b2b2b2; }

.contentinfo td,.contentinfo th{ vertical-align: top}
a.more{  color: #000; font-weight: bold;transition: .3s all}
a.more:hover,a.more.sel{ color: #b50029}

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; width: 735px; 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:30px 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: #b50029}
.menu {}
.menu > li {float: left;text-align: center;margin: 0 19px; position: relative}
.menu > li:last-child{margin-right: 0;}
.menu > li > a { padding:10px 3px 20px 3px;height: 100%; display: block; font-size: 18px;color: #000; font-weight: bold;transition: all 0.3s  }
.menu > li > a:hover{color: #b50029; border-bottom: solid 5px #b50029 }


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

/*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; border-radius: 7px; }
.pagelist li.on { background: #b50029; border-color: #b50029; }

.indexTit{
	text-align: center;
}
.indexTit.txtLeft{text-align: left}

.indexTit.darkbg{color: #fff}
.indexTit span{  color: #b50029}

.main1{
	padding: 70px 0;
	height: 420px;
	overflow: hidden;
}
.main1Box{
	width: 100%;
	margin-left: 780px;
	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:620px;
	padding-top: 40px;
	background: #f9f9f9;
}

.product-more { padding-top: 30px; color: #aaa}
.product-more a{ vertical-align: middle; padding: 7px 20px; transition: all 0.2s }
.product-more a:hover{ color:#b50029}
.product-more .cate{ font-size: 21px; font-weight: bold}
.product-more .cate.sel{ background: #b50029; color: #fff; border-radius: 30px}


.main2 .loop{ position: relative; height: 420px; overflow:hidden }
.main2 .loop .imglist > li{ width: 100%; height: 360px; padding: 30px 0; background: #fff}
.main2 .loop .imglist > li >a > img{ padding: 0 37px ;float: left}
.main2 .loop .imglist > li >a > div{ float: left; width: 496px; border-left:solid 1px #ddd; height: 360px; padding: 0 30px 0 80px }
.main2 .loop .imglist > li >a  > div >h2 { margin-bottom: 20px}
.main2 .loop .imglist > li >a  > div ul li{list-style: square; margin-left: 20px}

.main2  .prev,.next{ z-index:10; cursor:pointer; position:absolute; top:180px; width:29px; height:48px}
.main2  .prev{ left:-40px; background: url(../images/left.png) no-repeat center center}
.main2  .next{ right:-40px; background:  url(../images/right.png) no-repeat center center}

.main3{
	height: 650px;
	overflow: hidden;
	background:#f9f9f9 ;
}
.home-news li{ width: 385px; height: 450px; float: left; margin-right: 20px; background: #fff; transition:all 0.3s  }
.home-news li:last-child{ margin-right: 0}
.home-news li div{ padding: 10px; color: #666 }
.home-news li div h3{  color: #000;transition:all 0.3s; line-height: 1.2 }
.home-news li div p{transition:all 0.3s }
.home-news li:hover{box-shadow: 3px 6px 8px 1px rgba(0,0,0, 0.25);}
.home-news li a:hover h3,
.home-news li a:hover p{color: #b50029}


.proUl{
}
.proUl li{ width: 342px ; height: 330px; float: left; margin:0 32px; text-align: center; line-height: 2;}
.proUl li div{width: 340px ; height: 260px; border: solid 1px #999;overflow: hidden}
.proUl li.row-last{ margin-right: 0}
.proUl li img{ width: 320px; height: 240px; padding: 10px;transition: all 0.3s   }

.proUl li a:hover img{ transform: scale(1.1) }



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

.main-solution{height: 610px; padding-top: 40px; background:#f9f9f9 url("../images/cases_bg.jpg") repeat-x left top}

.solution{ margin-top: 50px}
.solution li{ width: 560px; height: 373px; position: relative}
.solution li div{ position: absolute;bottom: 0; width: 100%;height: 70px; line-height: 70px; background: url('../images/alzz.png')}
.solution li div h2{line-height: 70px; text-indent: 20px; transition: all 0.3s}
.solution li div a:hover h2{color: #b50029; }

.intop { height: 49px; line-height: 48px; border-bottom: 1px solid #e5e5e5;  display: none}
.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: #e8e8e8; border-top:solid 1px #6a6a6a; height: 292px; color: #6a6a6a}
.foot .foot_header{margin-top: 25px}
.foot .foot_menu{ float: right; padding-top: 30px}
.foot .foot_menu li{ float: left; border-right: solid 1px #aaa;line-height: 1}
.foot .foot_menu li a{ color: #6a6a6a; 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: 80px}
.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: #dadada; font-size: 14px; height: 45px; line-height: 45px; }
.foot2 .fl {color: #7e7e80; float: left;}
.foot2 .fr { color: #7e7e80; opacity: 0.8; float: right;}
.foot2 a { color: #7e7e80; }




/*内页通用*/
#ban1 { background: url(../images/inbanner_1.jpg) no-repeat center center; height: 300px; }
#ban2 { background: url(../images/inbanner_2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../images/inbanner_3.jpg) no-repeat center center; height: 300px; }
#ban4 { background: url(../images/inbanner_4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../images/inbanner_5.jpg) no-repeat center center; height: 300px; }
#ban6 { background: url(../images/inbanner_6.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: #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;
}


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

.jobs{ width: 1200px; text-align: center}
.jobs th{background: #b50029; color: #fff; font-weight: bold}
.jobs th,.jobs td{ padding: 5px 0; cursor: pointer}
.jobs tr.odd td{ background: #f0f0f0}


.solution_top {;height:12px; overflow:hidden}
.solution_bottom { height:12px; overflow:hidden}

.solution1 {border-top:1px solid #b50029; padding:10px 15px 20px 15px}
.solution1 div {padding:10px; overflow:hidden; margin:20px 0}
.solution1 div.hover {background-color:#f5f5f5}
.solution1 span {float:left; width:90px}
.solution1 span img {width:80px; height:80px;  background:#fff}

.solution1 h3 {float:right;  color:#222; width: 1040px}
.solution1 p {float:right; margin:0; width: 1040px}

#solutions {width:100%; overflow:hidden; margin:20px 0 0 0}
#solutions li {float:left; margin:0 12px 0 0; position:relative; overflow:hidden}
#solutions li.end {margin:0 0 0 1px}
#solutions a {display:inline-block; padding: 0 50px ; height:50px; line-height:50px; background:#f5f5f5; background:#fff no-repeat; font-size: 18px;transition: all 0.3s}
#solutions a.selected{ background: #B50029; color: #fff;border-top-left-radius: 6px; border-top-right-radius: 6px}