﻿/*  header  */
#top{
	position:relative;
	height:110px;
	border-top:3px solid #004ea2;
	z-index:999;
}
.logo{
	width:281px;
	height:70px;
	padding-top:21px;
}
.nav li.NavLi{
	display:inline;
	float:left;
	width:120px;
	height:110px;
	position:relative;
}
.nav .on{
	color:#004ea2;
}
.b1{
	display:inline-block;
	width:120px;
	height:60px;
	line-height:60px;
	margin-top:30px;
	text-align:center;
	font-size:16px;
}
.b1:hover{
	
	color:#004ea2;
	text-decoration:none;
}
.navDown{
	display:none;
	position:absolute;
	width:120px;
	left:60px;
	top:107px;
	margin-left:-60px;
	text-align:center;
	border-top:3px solid #004ea2;
	background-color:#fff;
	opacity:0.9;
	z-index:999;
}
.nvd li a{
	display:inline-block;
	width:100%;
	height:30px;
	line-height:30px;
	font-size:12px;
}
.nvd li a:hover{
	color:#fff;
	background:#004ea2;
	opacity:0.9;
}
/*content*/
.title1{
	text-align:center;
	padding:30px 0;
}
.title1 h1{
	font-size:26px;
	color:#333;
	font-weight:normal;
	background:url(../images/titlebg.png) center center no-repeat;
}
.title1 .en h5{
	position:relative;
	text-align:center;
	margin-top:10px;
	font-weight:normal;
	font-size:18px;
	color:#969696;
}

.index_about  ul{
}
.index_about  li{
	display:inline;
	float:left;
	width:280px;
	height:285px;
	margin-right:26px;
	padding-top:35px;
	text-align:center;
	background:#f5f5f5;
}
.index_about  li h2{
	display:inline-block;
	font-size:18px;
	width:120px;
	padding:15px 0;
	border-bottom:1px solid #ccc;
}
.InAboutTxt{
	padding:20px;
	font-size:12px;
}
.abMore a{
	display:inline-block;
	background:#004ea2;
	width:105px;
	height:36px;
	line-height:36px;
	color:#fff;
	border-radius:5px;
}
/*Inpro*/
.content2{
	height:550px;
	margin-top:40px;
	background:#3db5f0;
	background-attachment:fixed;
}

.Intitle h2{
	text-align:center;
	color:#fff;
	padding:25px 0;
	font-size:24px;
}
.picScroll-left{ width:1200px;  overflow:hidden; position:relative; padding:20px 0;   }

.picScroll-left .bd{ padding:0px;   overflow:hidden;   }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 28px 0 0; width:279px; float:left; _display:inline;  text-align:center;-moz-transition: ease-in-out 0.5s;
	-webkit-transition: ease-in-out 0.5s;
	-o-transition: ease-in-out 0.5s;
	-ms-transition: ease-in-out 0.5s;
	transition: ease-in-out 0.5s;  }
.picScroll-left .bd ul li:hover{
	-webkit-box-shadow: 0 0 12px rgba(0,0,0,.3);
	box-shadow: 0 0 12px rgba(0,0,0,.3);
	border-color: #013686;
	-webkit-transform: translateY(-10px);
	-moz-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	transform: translateY(-10px);
	}
.picScroll-left .bd ul li .pic{ text-align:center; }
.picScroll-left .bd ul li .pic img{ width:279px; height:235px; display:block; }
.picScroll-left .bd ul li .pic a:hover img{ border-color:#999;  }
.picScroll-left .bd ul li .title{ width:279px; height:42px;line-height:42px; background:#0066cc; overflow:hidden;text-overflow: ellipsis;white-space: nowrap;  }
.picScroll-left .bd ul li .title a{ color:#fff; font-size:14px; transition:300ms; -webkit-transition:300ms;}
.picScroll-left .bd ul li .title a:hover{ color:#fff; text-decoration:underline; font-size:16px;   }
.pro_more{
	text-align:center;
	margin-top:25px;
}
.pro_more a{
	position:relative;
	display:inline-block;
	width:138px;
	height:36px;
	line-height:36px;
	text-align:center;
	border:1px solid #0066cc;
	border-radius:3px;
	color:#0066cc;
}
.pro_more a .i1{
	position: absolute;
    left: 0px;
    top: 0px;
    width: 0%;
    height: 100%;
    background-color: #5899dd;
    transition: 300ms;
}
.pro_more a .i2{
	position:relative;
	z-index:2;
}
.pro_more a:hover .i1{
	width:100%;
}
.pro_more a:hover .i2{
	color:#fff;
}
/*new*/
.IndexNews{
	width:1200px;
}
/*InNews*/
.slideBox{ width:475px; height:387px; overflow:hidden; position:relative;  }
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#f0efef; cursor:pointer; }
.slideBox .hd ul li.on{ background:#ff6d00; color:#fff; }
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:475px; height:387px; display:block;  }
.InnewList{
	width:695px;
	padding-left:25px;
}
.InnewList li{
	position:relative;
	border-bottom:1px dashed #ccc;
	padding:10px 0 15px 15px;
	background:url(../images/nli.jpg) left center no-repeat;
	overflow:hidden;
}
.InnewList li a{
	display:inline-block;
	float:left;
	width:75%;
	height:22px;
	line-height:22px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	
}

.Indate{
	display:inline-block;
	float:right;
	font-size:12px;
	color:#bbbaba;
}



/*foot*/
.foot{
	margin-top:50px;
	background:#095cb6;
	color:#fff;
	font-size:12px;
	text-align:center;
}

.foots{
	padding:10px 0;
	line-height:2.0;
}
.foot a{
	color:#fff;
}

/* 右侧回到顶部 */

.side2{
	position: fixed;
	width: 40px;
	right: 10px;
	z-index: 100;
	top: 70%;
	height: 80px;
}
.side2 ul li{
	width: 40px;
	height: 40px;
}
.side2 ul li a{
	display: block;
	background-color: #0096e2;
	height: 40px;
	width: 40px;
	text-align: center;
	line-height: 40px;
}
.side2 ul li a img{
	vertical-align: middle;
	padding-top:10px;
	display: inline-block;
}
.side2 ul li a:hover{
	background-color: #000022;
}
.side2 ul li .weixin{
	position: absolute;
	left: -154px;
	bottom: 0;
	display: none;
}
.side2 ul li .weixin em{
	background: url(../images/arr3.png) no-repeat;
	width: 5px;
	height: 17px;
	display: block;
	position: absolute;
	right: -5px;
	top: 50%;
	margin-top: 3px;
}
.side2 ul li .weixin img{
	display: block;
}

/*subbanner*/
.sub_banner img{
	max-width:100%;
	height:auto;
	margin:0 auto;
}
/*subcont*/
.subCont{
	margin-top:32px;
	margin-bottom:100px;
}
.shadow {
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
}
.sublf{
	width:257px;
}
.side_hd{
	width:257px;
	height:75px;
	line-height:75px;
	text-align:center;
	background:#004ea2;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.side_hd h3{
	text-align:center;
	font-size:24px;
	color:#fff;
	font-weight:normal;
	letter-spacing:1px;
}
.side_hd h3 span{
	font-size:14px;
}
.side_bd{
	padding:0 6px 0 6px;
	border:1px solid #dcdbdb;
	background:#f4f3f3;
}
/*.side_bd li{
	position:relative;
	padding:10px 0 10px 60px;
	height:28px;
	line-height:28px;
	border-bottom:1px solid #fff;
}
.side_bd li::after {
    background: #dad9d9 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}
.side_bd li:last-child::after{
	background:none;
}
.side_bd li a{
	display:block;
	padding-left:15px;
	font-size:14px;
	background:url(../images/arr.png) left 9px no-repeat;
}
.side_bd li a.on,.side_bd li a:hover{
	background:url(../images/arr.png) left -80px no-repeat;
	color:#048ad9;
}*/
.side_bd li{
	position:relative;
	padding:10px 0 10px 60px;
	line-height:20px;
	border-bottom:1px solid #fff;
}
.side_bd li::after {
    background: #dad9d9 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
}

.side_bd li a{
	display:block;
	padding-left:15px;
	font-size:14px;
	background:url(../images/arr.png) left 6px no-repeat;
}
.side_bd li a.on,.side_bd li a:hover{
	background:url(../images/arr.png) left -83px no-repeat;
	color:#048ad9;
}
.side_lx{
	padding:0 6px 10px 6px;
	border:1px solid #dcdbdb;
}
.side_lxfs{
	padding:10px 8px;
	line-height:2.0;
}
.sub_lxrx{
	border-top:1px dashed #ccc;
	padding:10px;
}
.sub_lxrx .tels{
	font-size:24px;
	color:#f00;
	font-weight:bold;
}
.subrt{
	width:918px;
	min-height:600px;
	border:1px solid #ccc;
}
.sidertdh{
	height:40px;
	line-height:40px;
	padding-left:10px;
	border-bottom:1px solid #ccc;
	background:#f4f3f3;
}
.sidertdh h2{
	font-size:12px;
	padding:3px 0 0 20px;
	background:url(../images/ic.png) left center no-repeat;
}
.subMain{
	padding:30px 20px;
}
.subMain img{
	max-width:100%;
}
.subabout p{
	line-height:1.8;
	text-indent:2em;
}
/*msg*/
.consult-table {
    color: #535353;
    width: 100%;
}
.consult-table th, .consult-table td {
    line-height: 30px;
    padding-bottom: 13px;
    vertical-align: top;
}
.consult-table th {
    font-size: 14px;
}
.consult-table textarea {
    border: 1px solid #d3d3d4;
    border-radius: 2px;
    height: 110px;
    padding: 5px 0;
    width: 70%;
}
.consult-table .inp {
    border: 1px solid #d3d3d4;
    border-radius: 2px;
    height: 28px;
    margin-right: 15px;
    padding: 0 10px;
    width: 250px;
}
.consult-table .inp2 {
    width: 120px;
}
.consult-table label input {
    margin-right: 5px;
    position: relative;
    top: 2px;
}
.consult-table .yzm {
    display: inline-block;
    vertical-align: middle;
}
.consult-table i {
    background: rgba(0, 0, 0, 0) url("../images/i-tips.jpg") no-repeat scroll center center;
    display: inline-block;
    height: 5px;
    vertical-align: middle;
    width: 5px;
}
.consult-table .btn4 {
    margin: 25px 0;
}
.btn4{
	border:none;
	background-color: #1365be;
    border-radius:3px;
    color: #fff;
    display: inline-block;
    font-size: 14px;
    line-height: 30px;
    width: 120px;
	cursor:pointer;
	box-shadow:1px 1px 3px #333;
}
.btn4:hover{
	opacity:0.8;
	filter:alpha(opacity=80); 
}
.subcontact {
	line-height:2.0;
}
/*subnews*/
.newslist li{
	height:40px;
	line-height:40px;
	border-bottom:1px dashed #ccc;
	background:url(../images/nli.jpg) left center no-repeat;
	padding-left:15px;
	overflow:hidden;
}
.newslist li .newtitle{
	display:inline-block;
	float:left;
	width:75%;
	height:40px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.newslist li .date{
	float:right;
	font-size:12px;
}
/*newsdetail*/
.newsTitle{
    border-bottom: 1px dashed #ccc;
    color: #646464;
    padding-bottom: 25px;
    text-align: center;
}
.newsTitle h3, .caseTitle h3 {
    font-size: 18px;
    font-weight: normal;
    margin-bottom: 10px;
}
.newsTitle p{
    text-indent: inherit;
}
.newsTitle p span{
}
.newcont {
    border-bottom: 1px dashed #ccc;
    padding: 15px 0;
}
.newcont p {
    line-height: 2;
    margin: 10px 0;
    text-indent: 2em;
}
.newcont img{
	margin:30px auto;
}
/*job*/
.sideMens{ width:875px; margin-top:30px; font-size:14px;  }
.sideMens h3{ height:50px; line-height:50px; margin:15px 0; padding:0 15px; background:#f5f5f5;font-size:14px; font-weight:normal;}
.sideMens h3 em{ float:right; display:block; width:40px; height:32px; margin-top:9px;background:url(../images/addin.png) 0 0 no-repeat; cursor:pointer; }
.sideMens h3 em.on{ background:url(../images/addon.png) 0 0 no-repeat; }
.sideMens .jobdetail{line-height:1.8; margin:15px 0;padding:8px 0 8px 30px; display:none;  }
.sideMens .jobdetail h2{
	font-size:18px;
}
.jobaction{
	height:48px;
	line-height:48px;
	font-size:16px;
	background:#1365be;
	color:#fff;
	text-align:center;
	margin:25px 0;
}
/*products-*/
.prolist li{
	display:inline-block;
	float:left;
	width:267px;
	margin:0 25px 30px 0;
	padding:3px;
	text-align:center;
	line-height:30px;
	border:1px solid #e5e5e5;
}
.prolist li .pImg{
	display:inline-block;
}
.prolist li .pImg img{
	width:267px;
	height:225px;
	
}
.prolist li:hover{
	border:1px solid #024f9d;
}
.ptxt{
	display:inline-block;
	line-height:40px;
	width:100%;
	background:#eee;
}
.pro_name{
	text-align:center;
}
.pro_name h1{
	font-size:24px;
	padding:20px 0;
}
.conttitle{
	height:30px;
	line-height:30px;
	background:#eee;
	font-weight:normal;
	padding-left:15px;
	margin-bottom:10px;
	text-shadow:1px 1px 1px #fff;
	border-bottom:3px solid #1365be;
}
/*大图样式*/
.picarr{position:relative;margin:20px auto;}
.picarr .picture{width:100%;text-align:center;}
.picarr .picture a{display:none;}
.picarr .picture img{
	width:100%;
}
.picarr .preview{width:815px;margin-top:20px;padding:5px;background:#eef3fa;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.picarr .preview li{float:left;margin:4px;}
.picarr .preview li a{width:58px;height:45px;border:1px solid #fff;background:#fff;display:table-cell;vertical-align:middle;text-align:center;*display:block;*font-size:35px;*font-family:Arial;}
.picarr .preview li a img{vertical-align:middle; width:100%;}
.picarr .preview li.current a{border:1px solid #000;}

.websiteMap dl{
	width:100%;
	overflow:hidden;
}
.websiteMap dt{
	width:100%;
	padding:10px 0;
	margin:15px 0;
	font-size:16px;
	font-weight:bold;
	color:#1365be;
	border-bottom:1px solid #ddd;
}
.websiteMap dd{
	display:inline-block;
	float:left;
	margin-right:15px;
}
.side_menu{
	margin-top:5px;
}
.menu_head{
	background: #f4f3f3
}
.menu_head a{
	display:block;
	width:185px;
	margin-left:0;
	height:40px;
	line-height:40px;
	padding-left:60px;
	color:#595656;
	border-bottom:1px solid #ccc;
	background:url(/images/bar_ico.png) 35px center no-repeat;
	font-weight:normal;
	font-size:14px;
}

.menu_head a.on{
	color:#004ea2;
	width:185px;
	margin:0
	background:url(/images/bar_icoh.png) 35px center no-repeat;
}

.current a{
	color: #004ea2;
	width:180px;
	margin:0;
	background:url(/images/bar_icok.png) 35px center no-repeat;
}
.menu_body{
	line-height: 38px;
	backguound: #fff;
	
}
.menu_body a{display:block;line-height:32px;padding-left:60px;font-size:12px;color:#777777;background:url(/images/ic03.jpg) 55px center no-repeat;text-decoration:none;}
.menu_body a:hover{text-decoration:none;}


.side_bd li .submenu {
	display: none;
}
.side_bd li:hover .submenu{
	display:block;
}
.submenu li {
	border-bottom: none;
	padding-left:10px;
}

.submenu li a {
	padding-left: 15px;
	background: url(../images/square.jpg) no-repeat left center;
}
.submenu li::after{
	background:none;
	
}
.submenu li a:hover {
	background: url(../images/square.jpg) no-repeat left center;
}
