.header{
	display: block;
	width: 1100px;
	height: 80px;
	margin: 0 auto;
}

.section-full{
	display: block;
	width: 100%;
}

.section-box{
	display: block;
	width: 1100px;
	margin: 0 auto;
}

.header .logo{
	display: block;
	float: left;
	width: 170px;
	height: 60px;
	margin-top: 10px;
	background:url(../imgs/logo.png) no-repeat center;
}

.header .header-r{
	display: block;
	float: right;
	position: relative;
}

.header .header-r .lauguage{
	display: block;
	float: right;
	clear: both;
	margin-top: 6px;
	height: 17px;
	line-height: 17px;
	font-family: "Simsun";
}

.header .header-r .lauguage a{
	display: block;
	float: left;
	margin-left: 17px;
	color: #5e5e5e;
	font-size: 12px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.header .header-r .lauguage a:hover{
	color: #0b57ac;
}

.header .header-r .lauguage a i{
	display: block;
	float: left;
	padding-right: 5px;
}

.header .header-r .nav{
	display: block;
	clear: both;
}

.header .header-r .nav ul{
	display: block;
	float: left;
}

.header .header-r .nav .search-toggle{
	display: block;
	float: right;
	width: 16px;
	height: 16px;
	padding-left: 18px;
	border-left: 1px solid #363636;
	margin-top: 16px;
	background: url(../imgs/search-icon.png) no-repeat right center;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
} 

.header .header-r .nav .search-toggle:hover{
	opacity: 0.8;
}

.header .header-r .nav li{
	position: relative;
	display: block;
	float: left;
	width: 105px;
	text-align: center;
}

.header .header-r .nav li>a{
	display: block;
	height: 43px;
	padding-top: 14px;
	color: #363636;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.header .header-r .nav li:hover>a,.header .header-r .nav li.active>a{
	color: #0b57ac;
}

.header .header-r .nav li dl{
	display: none;
	position: absolute;
	width: 204px;
	z-index: 20;
	background-color: #fff;
	background-color: rgba(255,255,255,0.9);
	top:57px;
	left:0;
	box-shadow: 0 2px 2px #ddd;
}

.header .header-r .nav li dl dd{
	display: block;
	height: 40px;
	line-height: 40px;
}

.header .header-r .nav li dl dd a{
	display: block;
	padding-left: 20px;
	text-align: left;
	color: #555;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.header .header-r .nav li dl dd a:hover{
	color: #0b57ac;
}

.header .header-r .search{
	display: none;
	position: absolute;
	width:200px;
	height: 28px;
	right:0px;
	top:100px;
	border: 1px solid #ccc;
	box-shadow: 0 0 5px #666;
	background-color: #fff;
	z-index: 10;
	overflow: hidden;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.header .header-r .search .input{
	display: block;
	width: 150px;
	height: 20px;
	float: left;
	padding: 4px 10px;
	line-height: 20px;
	color: #666;
	border: none;
	outline: none;
}

.header .header-r .search .submit{
	display: block;
	width: 30px;
	height: 28px;
	float: right;
	background: url(../imgs/search-icon.png) no-repeat center;
	border: none;
	outline: none;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.banner{
	display: block;
	overflow: hidden;
	position: relative;
	width: 100%;
	margin: 0 auto;
	height: 350px;
}

.banner ul li{
	display: block;
	float: left;
	width: 100%;
	height: 350px;
}

.banner ul li img{
	display: block;
	width: 100%;
	height: auto;
}


.banner ul li.on{
	display: block;
}

.banner ul li a{
	display: block;
	width: 100%;
	height: 350px;
}

.banner .btn{
	display: none;
	position: absolute;
	z-index: 5;
	width: 36px;
	height: 64px;
	top:50%;
	margin-top: -32px;
	text-align: center;
	line-height: 67px;
	color: #fff;
	font-family: "Simsun";
	font-size: 30px;
	background-color: #000 !important;
	background-color: rgba(0,0,0,0.2) !important;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}


.banner:hover .btn{
	display: block;
}

.banner .btn.prev{
	left:0;
}

.banner .btn.next{
	right:0;
}

.banner .btn:hover{
	background-color: rgba(0,0,0,0.6) !important;
}


.banner ol{
	display: inline-block;
	position: absolute;
	width: 100%;
	bottom:20px;
	text-align: center;
	z-index: 5;
}

.banner ol li{
	display: inline-block;
	width: 14px;
	height: 14px;
	border: 2px solid #99bdd7;
	border-radius: 50%;
	margin: 0px 5px 0 5px;
	background-color: #none;
	cursor: pointer;
	transition: 0.3s;
	-webkit-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
}

.banner ol li.active{
	background-color: #99bdd7;
}

.announcements{
	display: block;
	width: 100%;
	min-width: 1100px;
	height: 59px;
	line-height: 59px;
	background-color: #efefef;
	border-bottom: 1px solid #c9c9c9;
}

.announcements .announcements-box{
	display: block;
	float: left;
	width: 760px;
	height: 59px;
	overflow: hidden;
}

.announcements .announcements-box h3{
	display: block;
	float: left;
	font-size: 16px;
	color: #666;
}

.announcements .announcements-box h3 i{
	display: block;
	float: left;
	margin: 22px 5px 0 0;
}

.announcements .announcements-box ul{
	display: block;
	float: left;
	margin-left: 5px;
}

.announcements .announcements-box ul li a{
	color: #666;
	font-size: 16px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.announcements .announcements-box ul li a:hover{
	color: #0b57ac;
}

.announcements span{
	display: block;
	float: left;
}

.announcements .hot-line{
	display: block;
	float: right;
	font-size: 16px;
	color: #6c6c6c;
}

.announcements .hot-line i{
	display: block;
	float: left;
	margin: 20px 4px 0 0;
}

.announcements .hot-line .num{
	font-size: 22px;
	color: #b4000c;
}

.part1{
	display: block;
	margin-top: 40px;
}

.subnav{
	display: block;
	float: left;
	width: 230px;
	overflow: hidden;
}

.subnav-header{
	display: block;
	padding: 30px 0 28px 16px;
	background-color: #0b57ac;
}

.subnav-header h3{
	display: block;
	font-size: 26px;
	color: #fff;
	line-height: 1;
}

.subnav-header p{
	display: block;
	font-size: 15px;
	color: #fff;
	text-transform: uppercase;
	margin-top: 16px;
}

.subnav-body{
	display: block;
	border: 1px solid #cacaca;
	border-top: 0px;
}

.subnav-body li{
	line-height: 59px;
	border-bottom: 1px solid #cacaca;
}

.subnav-body li:last-child{
	border-bottom: none;
}

.subnav-body li>a{
	display: block;
	color: #333;
	padding: 0 20px 0 16px;
	border-left: 2px solid #fff;
}

.subnav-body li.active>a{
	border-left: 2px solid #0b57ac;
	color: #0b57ac;
	margin-left: -1px;
}

.subnav-body li>a:hover{
	color: #0b57ac;
}

.subnav-body li>a .round{
	display: block;
	float: right;
	width: 12px;
	height: 12px;
	border-radius: 50%;
	border: 1px solid #717171;
	margin-top: 23px;
	*margin-top: -34px;
	*margin-right: 14px;
}

.subnav-body li>a .round .arrow{
	display: block;
	width: 0;
	height: 0;
	border: 4px solid transparent;
	border-top: 4px solid #717171;
	margin: 4px 0 0 2px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
	transform-origin: 50% 25%;
}

.subnav-body li>a .round .arrow.top{
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}

.subnav-body li dl{
	display: none;
	padding: 10px 0;
	border-top: 1px solid #cacaca;
}

.subnav-body li.active dl{
	display: block;
}

.subnav-body li dl dd{
	display: block;
	height: 32px;
	line-height: 32px;
	font-size: 12px;
}

.subnav-body li dl dd a{
	display: block;
	padding: 0 20px;
	color: #666;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.subnav-body li dl dd a:hover{
	color: #0b57ac;
}

.part1-content{
	display: block;
	float: right;
	width: 840px;s
}

.product{
	display: block;
}

.product ul{
	display: block;
	margin: 0 -6px;
	overflow: hidden;
}

.product li{
	display: block;
	float: left;
	width: 201px;
	margin: 0 6px 34px 6px;
	*margin: 0 4px 34px 4px;
}

.product li .pic{
	display: block;
	width: 199px;
	height: 184px;
	border: 1px solid #e3e3e3;
	text-align: center;
	font-size: 0;
	*font-size: 160px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.product li:hover .pic{
	border: 1px solid #0b57ac; 
}

.product li img{
	display: inline-block;
	max-width: 199px;
	max-height: 184px;
	vertical-align: middle;
}

.product li .pic:after{
	display: inline-block;
	content: "";
	width: 0;
	height: 100%;
	vertical-align: middle;
}

.product li p{
	display: block;
	height: 42px;
	line-height: 42px;
	text-align: center;
	
}

.product li p a{
	display: block;
	padding: 0 5px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #404040;
	background-color: #f2f2f2;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.product li:hover p a{
	background-color: #0b57ac;
	color: #fff;
}

.news-wrap{
	display: block;
	overflow: hidden;
}

.news-wrap .news{
	display: block;
	width: 395px;
	float: left;
}

.news-header{
	display: block;
	height: 36px;
	border-bottom: 1px solid #adadad;
}

.news-header ul{
	display: block;
	float: left;
	margin-top: 6px;
}

.news-header ul li{
	display: block;
	float: left;
	padding: 2px 10px;
	margin-right: 10px;
	color: #333;
	background-color: #efefef;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.news-header ul li.active{
	background-color: #0b57ac;
	color: #fff;
}

.news-header h3{
	display: block;
	float: left;
	line-height: 36px;
	font-size: 16px;
	color: #0b57ac;
}

.news-header a{
	display: block;
	font-size: 12px;
	color: #0b57ac;
	float: right;
	line-height: 36px;
}

.news-header a:hover{
	text-decoration: underline;
}

.news-wrap .line{
	display: block;
	width: 1px;
	height: 312px;
	float: left;
	margin: 0 24px;
	background-color: #d6d6d6;
}

.news-body{
	display: none;
	padding-top: 6px;
	position: relative;
}

.news-body.on{
	display: block;
}

.news-body .more{
	display: block;
	position: absolute;
	top:-28px;
	right:0px;
	font-size: 12px;
	color: #0b57ac;
}

.news-body li{
	display: block;
	height: 37px;
	line-height: 37px;
	border-bottom: 1px dashed #dfdfdf;
}

.news-body li a{
	display: block;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
	color: #666;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.news-body li a:hover{
	color: #0b57ac;
}

.news-body li a span{
	display: block;
	float: left;
	font-size: 20px;
	padding-right: 5px;
}

.news-body li .time{
	display: block;
	float: right;
	color: #a0a0a0;
}

.case{
	display: block;
}

.section-header{
	display: block;
	height: 54px;
	line-height: 54px;
	margin-top: 16px;
	border-bottom: 1px dashed #d6d6d6;
}

.section-header h3{
	display: block;
	float: left;
	font-size: 26px;
	color: #0b57ac;
}

.section-header h3 span{
	text-transform: uppercase;
	color: #a0a0a0;
}

.section-header a{
	display: block;
	float: right;
	color: #0b57ac;
}

.case-body{
	display: block;
	padding: 20px 0;
	overflow: hidden;
	margin-top: 26px;
	background-image: url(../imgs/case-bg.jpg);
	background-attachment: fixed;
	-webkit-background-size: cover;
	background-size: cover;
	background-repeat: no-repeat;
}

.case-body .box{
	display: block;
	overflow: hidden;
}

.case-body .section-box{
	display: block;
	position: relative;
}

.case-body ul{
	display: block;
	width: 9999px;
}

.case-body li{
	display: block;
	float: left;
	width: 257px;
	margin-right: 24px;
}

.case-body li >a{
	display: block;
	width: 257px;
	height: 263px;
	overflow: hidden;
}

.case-body li img{
	display: block;
	width: 257px;
	height: 263px;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.case-body li:hover img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}

.case-body li p{
	display: block;
	height: 56px;
	text-align: center;
	line-height: 56px;
	background-color: #0b57ac;
}

.case-body li p a{
	display: block;
	font-size: 16px;
	color: #fff;
}

.case-body .btn{
	display: block;
	position: absolute;
	width: 29px;
	height: 55px;
	
	z-index: 10;
	top:50%;
	margin-top: -28px;
}

.case-body .prev{
	left:-80px;
	background: url(../imgs/prev-icon.png) no-repeat center;
}

.case-body .next{
	right:-80px;
	background: url(../imgs/next-icon.png) no-repeat center;
}

.part3{
	display: block;
	overflow: hidden;
	clear: both;
}

.about{
	display: block;
	float: left;
	width: 586px;
}

.about-body{
	display: block;
	margin-top: 20px;
}

.about-body h4{
	display: block;
	font-size: 16px;
	color: #333;
}

.about-body p{
	display: block;
	line-height: 26px;
	color: #666;
	margin-top: 8px;
}

.contact{
	display: block;
	float: right;
	width: 410px;
}

.contact-body{
	display: block;
	margin-top: 20px;
}

.contact-body li{
	display: block;
	height: 32px;
	line-height: 32px;
	color: #666;
}

.contact-body li .icon{
	display: block;
	float: left;
	width: 15px;
	margin-right: 12px;
	text-align: center;
}

.contact-body li em{
	display: inline-block;
	float: left;
	margin: 10px 6px 0 0;
}

.footer{
	display: block;
	width: 100%;
	min-width: 1100px;
	overflow: hidden;
	margin-top: 60px;
	background-color: #1e1f24;
}

.footer .menu{
	display: block;
	width: 100%;
	min-width: 1100px;
	min-width: 1100px;
	height: 86px;
	background-color: #efefef;
}

.footer .menu li{
	display: block;
	float: left;
	width: 168px;
	height: 42px;
	line-height: 43px;
	border-bottom: 1px solid #a7a7a7;
	margin-right: 65px;
}

.footer .menu li:nth-child(5){
	margin-right: 0;
}

.footer .menu li.bn{
	border: none;
}

.footer .menu li a{
	color: #535353;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.footer .menu li a:hover{
	color: #333;
}

.footer-body{
	display: block;
	padding: 20px 0 30px 0;
	border-bottom: 1px solid #777;
}

.footer-body .info{
	overflow: hidden;
}

.footer-body .hot-line{
	display: block;
	float: left;
}

.footer-body .hot-line i{
	display: block;
	float: left;
	margin-right: 12px;
	margin-top: 16px;
}

.footer-body .hot-line .content{
	display: block;
	overflow: hidden;
}

.footer-body .hot-line .content p{
	display: block;
	line-height: 1;
	font-size: 21px;
	color: #bc252a;
}

.footer-body .hot-line .content h4{
	display: block;
	line-height: 1;
	font-size: 29px;
	color: #bc252a;
	margin-top: 10px;
}

.footer-body .btn-group{
	display: block;
	float: right;
}

.footer-body .btn-group li{
	display: block;
	float: left;
	margin-left: 20px;
	line-height: 40px;
}

.footer-body .btn-group li a{
	color: #5f6064;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.footer-body .btn-group li:hover a{
	color: #fff;
}

.footer-body .btn-group li .icon{
	display: block;
	float: left;
	width: 38px;
	height: 38px;
	border-radius: 50%;
	border: 1px  solid #5e5e5f;
	text-align: center;
	margin-right: 10px;
}

.footer-body .btn-group li .icon i{
	display: inline-block;
	margin-top:7px;
}

.frend-link{
	display: block;
	margin-top: 30px;
	overflow: hidden;
}

.frend-link .tit{
	display: block;
	position: relative;
	float: left;
	width: 118px;
	height: 66px;
	padding-left: 18px;
	border: 2px solid #a1a2a6;
	margin-right: 50px;
}

.frend-link .tit h3{
	display: block;
	font-size: 24px;
	color: #a2a2a4;
	line-height: 1;
	margin-top: 10px;
}

.frend-link .tit  p{
	display: block;
	font-size: 18px;
	color: #a2a2a4;
	margin-top: 2px;
}

.frend-link .tit i{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #a2a3a5;
	top:50%;
	margin-top: -4px;
	right:-16px;
}

.frend-link .tit i:after{
	content: "";
	display: block;
	width: 0;
	height: 0;
	border: 7px solid transparent;
	border-left: 7px solid #1e1f24;
    margin: -7px -10px;
}

.frend-link .content{
	display: block;
	overflow: hidden;
}

.frend-link .content li{
	display: block;
	float: left;
	height: 34px;
	line-height: 34px;
	width: 130px;
	border-bottom: 1px solid #777;
	margin-right: 64px;
}

.frend-link .content li:nth-child(5){
	margin-right: 0;
}

.frend-link .content li a{
	color: #a1a2a6;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.frend-link .content li a:hover{
	color: #fff;
}


.web-info{
	display: block;
	padding: 26px 0;
}

.web-info  p{
	display: block;
	color: #a1a2a6;
	line-height: 28px;
	text-align: center;
}

.web-info a{
	color: #fff;
}

/*---------- 右侧浮动层-------------*/

.float-box{
	display: block;
	position: fixed;
	width: 73px;
	bottom:20px;
	right:0px;
	z-index: 999;
}

@media screen and (max-width:1200px){
	.float-box{
		display: none;
	}
}

.float-box li{
	position: relative;
	display: block;
	width: 73px;
	height: 67px;
	margin-bottom: 3px;
	text-align: center;
	font-size: 0;
}

.float-box li a{
	position: relative;
	display: block;
	width: 73px;
	height: 67px;
	background-color: #0b57ac;
	z-index: 10;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.float-box li:hover a{
	background-color: #034896;
}

.float-box li a i{
	display: inline-block;
	margin-top: 10px;
}

.float-box .go-top a i{
	margin-top: 28px;
}

.float-box li a p{
	display: block;
	line-height: 1;
	margin-top: 8px;
	font-size: 12px;
	color: #fff;
}

.float-box li>span{
	display: block;
	position: absolute;
	width: 190px;
	height: 67px;
	text-align: center;
	line-height: 67px;
	font-size: 20px;
	color: #fff;
	background: #034896 url(../imgs/line.png) no-repeat right center;
	top:0;
	left:0px;
	z-index: 5;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.float-box li:hover>span{
	left:-190px;
}

.float-box li .ewm{
	display: block;
	position: absolute;
	width: 156px;
	height: 180px;
	padding: 14px;
	border: 1px solid #cecece;
	z-index: 5;
	background-color: #edebea;
	left:-0;
	top:-73px;
	opacity: 0;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.float-box li:hover .ewm{
	opacity: 1;
	left:-186px;
}

.float-box li .ewm img{
	display: block;
	width: 156px;
	height: 156px;
}

.float-box li .ewm h4{
	display: block;
	text-align: center;
	color: #555;
	font-weight: normal;
	line-height: 1;
	margin-top: 9px;
	font-size: 14px;
}

.float-box li .ewm .arrow{
	display: block;
	position: absolute;
	width: 0;
	height: 0;
	border: 12px solid transparent;
	border-left: 12px solid #edebea;
	right:-24px;
	top:50%;
	margin-top: -12px;
}


/*图标*/
.phone-icon-s2{background:url(../imgs/icon.png) no-repeat 0px 0px;height:14px;padding-left:15px;}
.mail-icon{background:url(../imgs/icon.png) no-repeat 0px -14px;height:14px;padding-left:17px;}
.addr-icon{background:url(../imgs/icon.png) no-repeat 0px -28px;height:14px;padding-left:15px;}
.cz-icon{background:url(../imgs/icon.png) no-repeat 0px -42px;height:14px;padding-left:15px;}
.news-icon{background:url(../imgs/icon.png) no-repeat 0px -56px;height:16px;padding-left:22px;}
.usa-flag{background:url(../imgs/icon.png) no-repeat 0px -72px;height:17px;padding-left:28px;}
.cn-flag{background:url(../imgs/icon.png) no-repeat 0px -89px;height:17px;padding-left:28px;}
.phone-icon-s1{background:url(../imgs/icon.png) no-repeat 0px -106px;height:19px;padding-left:17px;}
.share-icon{background:url(../imgs/icon.png) no-repeat 0px -125px;height:22px;padding-left:22px;}
.xml-icon{background:url(../imgs/icon.png) no-repeat 0px -147px;height:22px;padding-left:23px;}
.qq-icon-black{background:url(../imgs/icon.png) no-repeat 0px -169px;height:24px;padding-left:25px;}
.phone-icon-red{background:url(../imgs/icon.png) no-repeat 0px -193px;height:40px;padding-left:42px;}
.arrow-t-icon{background:url(../imgs/allbgs.png) no-repeat 0px 0px;height:10px;padding-left:20px;}
.wx-icon{background:url(../imgs/allbgs.png) no-repeat 0px -10px;height:29px;padding-left:39px;}
.phone-icon-l{background:url(../imgs/allbgs.png) no-repeat 0px -39px;height:29px;padding-left:30px;}
.qq-icon{background:url(../imgs/allbgs.png) no-repeat 0px -68px;height:29px;padding-left:29px;}


/*-------------------------------------关于我们---------------------------------*/

.banner-inside{
	display: block;
	width: 100%;
	min-width: 1100px;
	height: 250px;
}

.main{
	display: block;
	margin-top: 40px;
}

.main .subnav{
	height: auto;
}

.subnav .consulting{
	display: block;
	width: 212px;
	height: 116px;
	padding-left: 16px;
	border: 1px solid #d5d5d5;
	border-radius: 2px;
	margin-top: 10px;
	background-color: #f9f9f9;
	background: -webkit-linear-gradient(#fff, #f0f0f0); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #f0f0f0); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #f0f0f0); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #f0f0f0); /* 标准的语法 */
}

.subnav .consulting p{
	display: block;
	height: 19px;
	padding-left: 28px;
	line-height: 19px;
	margin-top: 20px;
	font-size: 16px;
	color: #333;
	background: url(../imgs/phone-icon.png) no-repeat left center;
}

.subnav .consulting h4{
	display: block;
	font-size: 26px;
	color: #0b57ac;
	line-height: 1;
	margin-top: 10px;
}

.main-r{
	display: block;
	float: right;
	width: 840px;
}

.main-r .title{
	display: block;
	height: 44px;
	padding: 0 10px;
	line-height: 44px;
	overflow: hidden;
	clear: both;
	background-color: #fafafa;
	background: -webkit-linear-gradient(#fff, #efefef); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#fff, #efefef); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(#fff, #efefef); /* Firefox 3.6 - 15 */
    background: linear-gradient(#fff, #efefef); /* 标准的语法 */
}

.main-r .title h3{
	display: block;
	float: left;
	font-size: 16px;
	color: #0b57ac;
}

.main-r .title .position{
	display: block;
	float: right;
	padding-left: 22px;
	color: #616161;
	background: url(../imgs/home-icon.png) no-repeat left 13px;
	font-size: 12px;
}

.main-r .title .position a{
	color: #616161;
}

.main-r .title .position a.current{
	color: #0b57ac;
}

.main-r .title .position span{
	padding: 0 3px;
}

.about-us{
	display: block;
	margin-top: 36px;
	line-height: 28px;
	color: #333;
}

.about-us p{
	display: block;
	margin-bottom: 1em;
}

.about-us .info{
	display: block;
	font-size: 20px;
	margin-top: 30px;
}

.about-us .info span{
	color: #0b57ac;
}


/*-------------------------------------案例展示---------------------------------*/

.product-center{
	display: block;
	margin-top: 40px;
}

.product-center.product li{
	margin-bottom: 22px;
}

.pagenation{
	display: block;
	margin-top: 36px;
	text-align: right;
}

.pagenation li{
	display: inline-block;
	margin: 0 4px;
	*display: inline;
	*zoom:1;
}

.pagenation li a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0px 19px;
	color: #fff;
	background-color: #b1b1b1;
	border: 1px solid #9c9c9c;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.pagenation li:hover a,.pagenation li.active a{
	background-color: #0b57ac;
	border:1px solid  #0b4587;
}

.pagenation li .input{
	padding:0px 5px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	color: #fff;
	background-color: #b1b1b1;
	border: 1px solid #9c9c9c;
	outline: none;
	max-width: 38px;
}

.pagenation li .submit{
	padding: 0px 14px;
	height: 40px;
	line-height: 40px;
	border: 1px solid #9c9c9c;
	background-color: #b1b1b1;
	color: #fff;
	outline: none;
	cursor: pointer;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.pagenation li .submit:hover{
	background-color: #0b57ac;
	border:1px solid  #0b4587;
}


/*-------------------------------------技术应用---------------------------------*/

.technology-application{
	display: block;
	margin-top: 40px;
}

.technology-application li{
	display: block;
	height: 44px;
	line-height: 44px;
	border-bottom: 1px dashed #c7c7c7;
}

.technology-application li a{
	color: #656565;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.technology-application li a:hover{
	color: #0b57ac;
}


/*-------------------------------------产品详情---------------------------------*/

.product-detail{
	display: block;
	margin-top: 40px;
}

.product-info{
	display: block;
	overflow: hidden;
}

.product-info .pic-show{
	position: relative;
	display: block;
	float: left;
	width: 491px;
    height: 221px;
	border: 1px solid #c0c0c0;
	margin-right: 28px;
	vertical-align: middle;
	text-align: center;
}

.product-info .pic-show ul li{
	display: none;
	position: absolute;
	width: 491px;
    height: 221px;
	top:0;
	left:0;
	font-size: 0;
	*font-size: 193px;
	z-index: 5;
}

.product-info .pic-show ul li.on{
	display: block;
}

.product-info .pic-show ul li:after{
	display: inline-block;
	width: 0;
	height: 100%;
	content:"";
	vertical-align: middle;
}

.product-info .pic-show li img{
	display: inline-block;
	*display: inline;
	*zoom:1;
	max-width: 491px;
	max-height: 221px;
}

.product-info .pic-show ol{
	display: block;
	position: absolute;
	bottom:5px;
	right:5px;
	z-index: 10;
}

.product-info .pic-show ol li {
	display: block;
	float: left;
	width: 20px;
	height: 20px;
	font-size: 12px;
	text-align: center;
	line-height: 20px;
	margin-left: 5px;
	color: #fff;
	background-color: #666;
	cursor: pointer;
}

.product-info .pic-show ol li.active{
	background-color: #0b57ac;
}

.product-info .text{
	display: block;
	overflow: hidden;
}

.product-info .text h1{
	display: block;
	height: 50px;
	line-height: 50px;
	border: 1px solid #c0c0c0;
	border-width: 1px 0 1px 0;
	font-size: 16px;
	color: #333;
	text-align: center;
}

.product-info .text ul{
	display: block;
	overflow: hidden;
	margin-top: 30px;
}

.product-info .text ul li{
	display: block;
	width: 50%;
	float: left;
	height: 42px;
	line-height: 42px;
	text-align: center;
}

.product-info .text ul li a{
	color: #585858;
}

.product-info .text ul li a:hover{
	color: #0b57ac;
}

.product-intro{
	display: block;
	padding-top: 25px;
	border-top: 1px dashed #d0d0d0;
	margin-top: 25px;
	line-height: 28px;
	color: #333;
}

.product-intro img{
	display: block;
	margin: 0 auto;
	max-width: 100%	
}

.product-intro .text-box{
	display: block;
	padding: 20px;
	margin-top: 30px;
	border: 1px solid #d5d5d5;
}

.product-intro .text-box h4{
	font-size: 16px;
	color: #0b57ac;
}

.detail-parameter{
	display: block;
	margin-top: 34px;
}

.parameter-header{
	display: block;
	overflow: hidden;
}

.parameter-header li{
	display: block;
	float: left;
	width: 160px;
	height: 46px;
	text-align: center;
	line-height: 46px;
	background-color: #e7e7e7;
	margin-right: 10px;
	color: #575757;
	cursor: pointer;
}

.parameter-header .last{
	margin-right: 0;
}

.parameter-header li.active{
	color: #fff;
	background-color: #0b57ac;
}

.parameter-body{
	display: none;
	padding: 20px;
	line-height: 28px;
	color: #666;
	border: 1px solid #d5d5d5;
}

.parameter-body.on{
	display: block;
}


/*-------------------------------------联系我们---------------------------------*/

.contact-us{
	display: block;
	margin-top: 40px;
}

.contact-way{
	display: block;
	overflow: hidden;
}

.contact-way.mt30{
	margin-top: 30px;
}

.contact-way .map{
	display: block;
	width: 365px;
	height: 251px;
	float: left;
	border: 1px solid #787878;
	margin-right: 38px;
}

.contact-way  .info{
	display: block;
	overflow: hidden;
}

.contact-way  .info h1{
	display: block;
	font-size: 16px;
	color: #595959;
	margin-bottom: 10px;
	font-weight: bold;
}

.contact-way  .info p{
	display: block;
	font-size: 14px;
	color: #555;
	line-height: 32px;
}

.contact-us .route{
	display: block;
	margin-top: 20px;
}

.contact-us .route h4{
	display: block;
	font-size: 16px;
	color: #555;
	font-weight: bold;
}

.contact-us .route p{
	display: block;
	line-height: 34px;
	color: #555;
}

.contact-us .route .xs{
	display: block;
	font-size: 16px;
	color: #555;
	font-weight: bold;
}

.contact-us .route .xs span{
	margin-right: 30px;
}


/*-------------------------------------新闻中心---------------------------------*/
.news-center{
	display: block;
	margin-top: 20px;
}

.news-center li{
	display: block;
	padding: 22px 0;
	overflow: hidden;
	clear: both;
	border-bottom: 1px dashed #ccc;
}

.news-center .pic{
	display: block;
	float: left;
	margin-right: 21px;
}

.news-center .pic img{
	display: block;
	width: 139px;
	height: 91px;
	padding: 3px;
	border: 1px solid #ccc;
}

.news-center .content{
	display: block;
	overflow: hidden;
}

.news-center .content .tit{
	display: block;
	height: 20px;
	line-height: 20px;
}

.news-center .content .tit h4{
	display: block;
	float: left;
	font-size: 16px;
	width: 520px;
	white-space: nowrap;
	overflow: hidden;
	-ms-text-overflow: ellipsis;
	text-overflow: ellipsis;
}

.news-center .content .tit h4 a{
	color: #333;
	-webkit-transition: 0.3s ease;
	-moz-transition: 0.3s ease;
	-ms-transition: 0.3s ease;
	-o-transition: 0.3s ease;
	transition: 0.3s ease;
}

.news-center .content .tit h4 a:hover{
	color: #0b57ac;
}

.news-center .content .tit span{
	display: block;
	float: right;
	font-size: 16px;
	color: #5b5b5b;
}

.news-center .content p{
	display: block;
	line-height: 24px;
	color: #454545;
	margin-top: 10px;
}

/*-------------------------------------新闻详情---------------------------------*/
.artical-header{
	display: block;
	border-bottom: 1px dashed #ddd;
	padding: 40px 0 22px 0;
}

.artical-header h1{
	display: block;
	line-height: 1;
	text-align: center;
	color: #333;
	font-size:18px;
	font-weight: normal;
}

.artical-header .info{
	display: block;
	margin-top: 15px;
	font-size: 13px;
	color: #666;
	line-height: 1;
	text-align: center;
}

.artical-header .info span{
	display: inline-block;
	padding: 0px 5px;
}

.artical-body{
	display: block;
	clear: both;
	line-height: 28px;
	color: #333;
	padding-top: 24px;
}

.artical-body  img{
	max-width: 100%;
	margin-bottom: 1.2em;
}

.artical-body p{
	display: block;
	margin-bottom: 1.2em;
}

.artical-body img{
	max-width: 100%;
	height: auto;
}

.artical-footer{
	display: block;
	overflow: hidden;
	margin: 24px 0 0 0;
	border-top: 1px solid #d3d3d3;
}

.choose-artical{
	display: block;
	float: left;
	width: 560px;
	font-size: 13px;
	margin-top: 30px;
}

.choose-artical span{display: block;}
.choose-artical a{
	clear: both;
	line-height: 28px;
	color: #444;
	transition: 0.3s;
	-ms-transition: 0.3s;
	-moz-transition: 0.3s;
	-webkit-transition: 0.3s;
	-ms-transition: 0.3s;
}

.choose-artical a:hover{
	color: #005bac;
}

.share{
	display: block;
	float: right;
	margin-top: 48px;
}


/*-------------------------------------招聘---------------------------------*/

.recruitment{
	display: block;
	margin-top: 40px;
}

.recruitment .welcome-info{
	display: block;
	padding: 14px 20px;
	background-color: #f3f3f3;
}

.recruitment .welcome-info h4{
	display: block;
	font-size: 17px;
	color: #0b57ac;
}

.recruitment .welcome-info p{
	display: block;
	font-size: 15px;
	line-height: 30px;
	color: #666;
	margin-top: 6px;
}

.recruitment-list{
	display: block;
	margin-top: 25px;
}

.recruitment-list .tit{
	display: block;
	height: 30px;
	border: 1px solid #0b57ac;
	line-height: 30px;
	font-size: 17px;
	color: #333;
	padding: 0 27px;
	background: url(../imgs/arrow-r.png) no-repeat 10px center;
}

.recruitment-list .content{
	display: block;
	padding: 20px;
}

.recruitment-list .content .requirements{
	display: block;
	font-size: 15px;
	color: #5e5e5e;
}

.recruitment-list .content .requirements span{
	padding-right: 70px;
}

.recruitment-list .content .describe{
	display: block;
	margin-top: 14px;
}

.recruitment-list .content .describe h4{
	display: block;
	font-size: 15px;
	color: #5e5e5e;
}

.recruitment-list .content .describe p{
	display: block;
	line-height: 26px;
	color: #666;
	margin-top: 8px;
}

.technology-application-detail{
	min-height: 500px;
}

.application-header{
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 40px 0 22px 0;
}

.application-header h1{
	display: block;
	line-height: 1;
	text-align: center;
	color: #333;
	font-size:18px;
	font-weight: normal;
}

.application-header .info{
	display: block;
	margin-top: 15px;
	font-size: 13px;
	color: #666;
	line-height: 1;
	text-align: center;
}

.application-header .info span{
	display: inline-block;
	padding: 0px 5px;
}

.application-body{
	display: block;
	padding-top: 24px;
	line-height: 28px;
	color: #333;
}

.application-body h4{
	display: block;
	font-size: 16px;
	color: #0b57ac;
}

.application-body p strong{
	color: #616161;
}

.application-body img{
	max-width: 100%;
	margin: 10px 0;
}

.application-footer{
	display: block;
	margin-top: 20px;
}

.application-footer li{
	display: block;
	width: 266px;
	float: left;
	margin-right: 18px;
	*margin-right: 12px;
}

.application-footer li:last-child{
	margin-right: 0;
}

.page{ text-align: center;
	margin-top: 30px;
}