@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);/*去掉安卓点击时的蓝色*/ }
div{box-sizing: border-box;}
.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; }
ul, li { list-style-type: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 100%; }
.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; }

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

/*头部*/
#header { height: 100px; background: #fff; }
.logo img { height: 100px; }
.headright {  }

#header.navFix { box-shadow: 0 0 5px #444; height: 65px; left: 0; position: fixed; top: 0; width: 100%; z-index: 55; }
#header.navFix .logo img { height: 65px; }
#header.navFix .menu > li{line-height: 65px;height: 65px;}
/*导航*/
.menu > li {height: 100px; float: left; margin: 0 0 0 30px;padding:0 18px; text-align: center; position: relative;line-height: 100px;box-sizing: border-box;}
.menu > li > a {font-size: 20px;font-weight: bold; display: block;box-sizing: border-box;height: 100px;}
.menu > li:hover > a{color: #01468a;border-bottom: 3px solid #01468a;}
.menu .first{}
.menu > .first > a{color: #01468a;border-bottom: 3px solid #01468a;}
.menu > .first:hover > a{color: #01468a;border-bottom: 3px solid #01468a;}



.menulist > li.first a{color: #01468a;}
.menulist { width: 150px; display: none; padding: 0; position: absolute; top:100px; z-index: 50; left: 0; text-align: left; }
.menulist > li { line-height: 35px; font-size: 16px; color: #3c3c3c; margin: 0; width:165px; background: rgba(255,255,255,0.8); }
.menulist > li:hover { background: #01468a; }
.menulist > li:hover > a { color:#fff; }
.menulist > li > a { display: block; padding-left: 15px; }
.menu .subnav { display: block; }
.menulist > li:hover > ul { display: block;}
.navFix .menulist{top:65px;}
.navFix .menu > li > a{height: 65px;}

/*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 #b2b2b2; border-radius: 7px; }
.pagelist li.on { background: #01468a; border-color:#01468a; }
.inmain {
    margin: 40px 0;
    overflow: hidden;
    min-height: 400px;
}
.titlepro { font-size: 18px; color: #0eb156; text-align: center; margin: 10px 0 10px; }
.title { padding-bottom: 10px; color: #333; text-align: center; font-size: 18px; }
.time { margin-bottom: 20px; padding-bottom: 7px; border-bottom: 1px dotted #aaa; text-align: center; }
.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; }
.operate span { float: left; color: #333; }
.operate span a { /*font-style: italic;*/ color: #01468a; }
.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; }

.intop .wrap{
	height:50px;
	border-bottom: 1px solid #ccc;
}
.intop .wrap span{
	display: inline-block;
	line-height: 49px;
	height: 48px;
	border-bottom: 2px solid #01468a;
}
.intopmenu{
	display: inline-block;
	border-bottom: 2px solid #01468a;
	line-height: 49px;
	height: 50px;
}
.intopmenu .nav_current{
	color: #01468a;
}

.main1{
	padding: 50px 0;
	overflow: hidden;
}
.indexTit{
	margin-bottom: 40px;
	text-align: center;
}
.indexTit .cnTit{
	width: 100%;
	height: 51px;
	font-size: 32px;
	line-height: 51px;
	background: url(../images/titLine.png) no-repeat center;
	color: #434343;
}

.indexTit .enTit{
	font-size: 18px;
	color: #b4b4b4;
}
.indexTit .titBar{
	display: block;
	width: 36px;
	height: 3px;
	margin: 0 auto;
	margin-top: 10px;
	background-color: #fe9b00;
}

.aboutLeft{
	float: left;
	width: 572px;
	height: 368px;
}
.aboutLeft img{
	width: 100%;
	height: 100%;
}
.aboutRight{
	float: right;
	width: 560px;
}
.aboutRight p{
	text-indent: 2em;
	margin-top: 5px;
}
.aboutRight ul {
	margin-top: 30px;
}
.aboutRight ul li{
	float: left;
	width: 150px;
	height: 75px;
	text-align: right;
	box-sizing: border-box;
	padding-left: 75px;
	line-height: 75px;
	font-size:20px;
	font-weight: bold;
	margin-left: 40px;
}	
.aboutRight ul li:first-child{
	background: url(../images/abou1.png) no-repeat left center;
	margin-left: 15px;
}
.aboutRight ul li:nth-child(2){
	background: url(../images/abou2.png) no-repeat left center;
}
.aboutRight ul li:nth-child(3){
	background: url(../images/abou3.png) no-repeat left center;
}
.aboutRight .readMore{
	float: right;
	margin-top: 30px;
	box-sizing: border-box;
	width:170px;
	height: 38px;
	text-align: center;
	line-height: 36px;
	border:1px solid #cdcdcd;
	font-size: 14px;
	color: #8e8e8e;
	transition: all .3s;
}
.aboutRight .readMore:hover{
	background-color: #01468a;
	color: #fff;
}

.main2{
	padding: 50px 0;
	height: 630px;
	overflow: hidden;
	background:url(../images/main2bg.jpg) no-repeat center;
}
.leftArrow{
	display: block;
	position: absolute;
	width: 32px;
	height: 55px;
	background: url(../images/leftArrow.png) no-repeat center;
	left: -40px;
	top: 280px;
}
.rightArrow{
	display: block;
	position: absolute;
	width: 32px;
	height: 55px;
	background: url(../images/rightArrow.png) no-repeat center;
	right:-40px;
	top: 280px;
}
.proList{
	box-sizing: border-box;
	width: 100%;
	padding: 0 40px;
}
.proList li{
	float: left;
	width: 180px;
	text-align: center;
	margin-left: 16px;
	height: 40px;
	line-height: 40px;
	transition: all .3s;
	cursor: pointer;
	border-radius: 5px;
	font-size: 20px;
	color: #666;
}
.proList li:hover,.proList li.active{
	background-color: #01468a;
	color: #fff;
}
.proList li:first-child{
	margin-left: 0;
}

.device{
	margin-top: 60px;
} 
.device .swiper-slide{
	padding:0 15px;
	box-sizing: border-box;
	height: 310px !important;
	
}
.device .proIndexBox{
	display: block;
	background-color: #fff;
	width: 100%;
	height: 100%;
	text-align: center;
	transition: all .3s;
}
.device .proIndexBox:hover {
	box-shadow: 3px 3px 5px #999;
}
.device .proIndexBox .proImgBox{
	width: 100%;
	height: 260px;
}
.device .proIndexBox .proImgBox img{
	width: 260px;
	height: 176px;
	margin-top: 42px;
}
.device .proIndexBox h3{
	height: 50px;
	line-height: 50px;
	background:url(../images/proLine.png) no-repeat top center;
	font-size: 18px;
	color: #2d2d2d;
}

.main3{
	padding: 50px 0;
}
.newsLeft{
	float: left;
	position: relative;
	width: 445px;
	height: 318px;
}
.newsLeft img{
	width: 100%;
	height: 100%;
}
.newsLeft h5{
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 40px;
	line-height: 40px;
	box-sizing: border-box;
	padding-left: 5px;
	background-color: rgba(0,0,0,.5);
	color: #fff;
}
.newsLeft:hover h5{
	font-weight: bold;
}
.newsRight{
	float: right;
	width: 700px;
}
.newsList{
	float: left;
	width: 600px;
	height: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding-left: 20px;
}
.newsList li.active{
	background-color: #01468a;
	color: #fff;
	border-radius: 5px; 
}
.newsList li{
	float: left;
	width: 100px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	cursor: pointer;
	margin-top: 10px;
	font-weight: bold;
	margin-right: 30px;
}
.newsClassMore{
	float: right;
	width: 100px;
	height: 50px;
	line-height: 50px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	font-size: 14px;
	color: #8e8e8e;
	text-align: center;
}
.newsList2{
	width: 100%;
}
.newsList2 li{
	width: 100%;
	height: 45px;
	line-height: 45px;
	font-size: 14px;
}
.newsList2 li h3{
	float: left;
	width: 600px;
	color: #666;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newsList2 li h5{
	text-align: center;
	float: left;
	width: 100px;
	color: #999;
}

.newsListUl li{
	width: 100%;
	height:210px;
	box-sizing: border-box;
	border-bottom: 1px solid #ccc;
	padding: 0 25px;
	overflow: hidden;
	margin-bottom: 30px;
}
.newsListUl li img{
	float: left;
	width: 278px;
	height: 198px;
	box-sizing: border-box;
	border:1px solid #ccc;
}
.newsListUl li .newsListRight{
	float: right;
	width: 850px;
}
.newsListUl li .newsListRight h1{
	font-size: 22px;
	text-transform: uppercase;
	font-weight: bold;
	color: #444;
	overflow: hidden;
	text-overflow:ellipsis;
	white-space: nowrap;
}
.newsListUl li .newsListRight h3{
	color: #777;
	height: 86px;
	overflow: hidden;
}
.newsListUl li .newsListRight span{
	float: right;
	width: 70px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	background-color: #efefef;
	color: #6b6a6a;
	font-size: 14px;
	margin-top: 30px;
	transition: all .3s;
}
.newsListUl li .newsListRight span:hover{
	background-color: #01468a;
	color: #fff;
}
.newsDate{
	float: left;
	margin-top: 30px;
	color: #666;
	font-size:13px;
}

.proUl{
	float: right;
	width: 900px;
}
.proUl li{
	float: left;
	width: 280px;
	height: 310px;
	margin-right: 30px;
	background-color: #f9f9f9;
	text-align: center;
	margin-bottom: 30px;
	transition: all .3s;
}
.proUl li:hover{
	background-color: #eee;
}
.proUl li:hover h3{
	color: #01468a;
}
.proUl li:nth-child(3n){
	margin-right: 0;
}
.proUl li .imgBox{
	width: 100%;
	height: 260px;
	
}

.proUl li .imgBox img{
	width: 260px;
    height: 176px;
    margin-top: 42px;
}
.proUl li h3{
	height: 50px;
    line-height: 50px;
    background: url(../images/proLine.png) no-repeat top center;
    font-size: 18px;
    color: #2d2d2d;
}

.casesListUl li{
	float: left;
	width: 390px;
	height: 264px;
	position: relative;
	margin-right: 15px;
	overflow: hidden;
	margin-bottom: 15px;
}
.casesListUl li:nth-child(3n){
	margin-right: 0;
}
.casesListUl li img{
	width: 100%;
	height: 100%;
}
.casesListUl li .casesBot{
	position: absolute;
	width: 100%;
	height: 45px;
	background-color: rgba(237,238,239,.9);
	bottom: -45px;
	padding: 0 15px;
	transition: all .3s;
}
.casesListUl li .casesBot h1{
	float: left;
	font-size: 18px;
	line-height: 45px;
	color: #494949;
}
.casesListUl li .casesBot span{
	float: right;
	font-size: 18px;
	line-height: 45px;
	color: #0288b8;
}
.casesListUl li:hover .casesBot{
	bottom: 0;
}
/*底部*/
.foot1{
	overflow: hidden;
	
	background-color: #01468a;
}
.foot1 ul{
	padding: 15px 0;
	overflow: hidden;
}
.foot1 ul li{
	float: left;
	color: rgba(255,255,255,.7);
	box-sizing: border-box;
	padding-left: 80px;
	height: 60px;
	font-size: 18px;
}
.foot1 ul li h3{
	line-height: 60px;
}
.foot1 ul li:first-child{
	background: url(../images/footico1.png) no-repeat 17px 6px;
	margin-right: 100px;
}
.foot1 ul li:nth-child(2){
	margin-left: 55px;
	background: url(../images/footico2.png) no-repeat 10px 7px;
	margin-right: 95px;
}
.foot1 ul li:nth-child(3){
	background: url(../images/footico4.png) no-repeat 22px 6px;
}
.foot2 {height: 41px; line-height: 41px; font-size: 12px;color:  rgba(255,255,255,.7);background-color: #01468a;}
.foot2 .fl a{color: rgba(255,255,255,.7);}
.foot2 .fr{color: rgba(255,255,255,.7);}
.foot2 .fr a { color: rgba(255,255,255,.7);}




/*内页通用*/
#ban1 { background: url(../images/inbanner1.jpg) no-repeat center center; height: 300px; }
#ban2 { background: url(../images/inbanner2.jpg) no-repeat center center; height: 300px; }
#ban3 { background: url(../images/inbanner3.jpg) no-repeat center center; height: 300px; }
#ban4 { background: url(../images/inbanner4.jpg) no-repeat center center; height: 300px; }
#ban5 { background: url(../images/inbanner5.jpg) no-repeat center center; height: 300px; }
#ban6 { background: url(../images/inbanner6.jpg) no-repeat center center; height: 300px; }

/* 分页 */
#pageNav { text-align: center; width: 100%; clear: both; height: 35px; margin: 0 auto;margin-top: 20px;}
#pageNav a { color: #01468a; 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: #01468a; }
#pageNav .pageNum:hover { color: #fff; background: #01468a; }
#pageNav a.listnumber { border: none; padding: 0; }

.norecoder{
	margin-left: 20px;
}


.aboutList{
	overflow: hidden;
	width: 600px;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.aboutList li{
	float: left;
	box-sizing: border-box;
	width: 200px;
	height: 44px;
	border-right: 1px solid #ccc;
	line-height: 44px;
	text-align: center;
}
.aboutList li:last-child{
	border-right: none;
}
.aboutList li a{
	display: block;
	font-size: 18px;
}
.aboutList li.first a{
	color: #fff;
	background-color: #01468a;
}




.contactList{
	overflow: hidden;
	width: 400px;
	margin: 0 auto;
	margin-top: 40px;
	border-radius: 5px;
	border: 1px solid #ccc;
}
.contactList li{
	float: left;
	box-sizing: border-box;
	width: 200px;
	height: 44px;
	border-right: 1px solid #ccc;
	line-height: 44px;
	text-align: center;
}
.contactList li:last-child{
	border-right: none;
}
.contactList li a{
	display: block;
	font-size: 18px;
}
.contactList li.first a{
	color: #fff;
	background-color: #01468a;
}