/*reset*/
* {
	padding: 0;
	margin: 0;
	list-style: none;
}

html,
body {
	margin: 0 auto;
}

body,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
p,
blockquote,
dl,
dt,
dd,
ul,
ol,
li,
pre,
form,
fieldset,
legend,
button,
input,
textarea,
th,
td,
header,
section,
footer {
	margin: 0;
	padding: 0
}

body,
button,
input,
select,
textarea {
	font: 12px/1.5 "microsoft yahei";
	color: #666;
	font-weight: normal;
}

body {
	overflow-x: hidden;
}

address,
cite,
dfn,
em,
var,
i {
	font-style: normal
}

ul,
ol,
dl {
	list-style: none
}

a {
	text-decoration: none;
	outline: none;
	font-family: "microsoft yahei";
	color: #666;
	cursor: pointer;
	font-size: 12px;
}

li {
	font-size: 12px;
	font-family: "microsoft yahei";
	list-style: none;
	margin: 0;
	padding: 0;
}

em {
	font-style: normal;
	font-size: 12px;
}

body,
p,
span {
	font-family: "microsoft yahei";
}

img {
	border: none;
}

p {
	margin: 0px;
	padding: 0px;
	word-wrap: break-word;
}

:focus {
	outline: none;
}

img {
	border: 0;
	vertical-align: middle;
	display: inline-block;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	mainContent: "";
	clear: both;
}

.transtion {
	transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
}

.fl {
	float: left;
}

.fr {
	float: right;
}

.clear {
	clear: both;
}

.clear:after {
	display: block;
	content: "";
	clear: both;
}

@font-face {
	font-family: "helveticaneue";
	src: url('HELVETICA-NEUE-CONDENSED-BLACK.TTF');
}

body {
	width: 100%;
	max-width: 1920px;
	min-width: 1280px;
	margin: 0 auto;
	overflow-x: hidden;
}

.headerbox {
	width: 100%;
	margin: 0 auto;
	background-color: #06192e;
}

.header {
	box-sizing: border-box;
	position: relative;
	width: 1600px;
	margin: 0 auto;
	height: 106px;
}

.header>img {
	float: left;
	height: 106px;
	vertical-align: top;
}

.header ul {
	position: absolute;
	top: 0;
	left: 50%;
	/* transform: translateX(-155px); */
	transform: translateX(-310px);
	width: 920px;
}

.header ul li {
	float: left;
	display: block;
	overflow: hidden;
	height: 106px;
	line-height: 106px;
	margin: 0 25px;
}

.header ul li:hover a {
	border-bottom: 4px solid #004098;
}

.header ul li .on {
	border-bottom: 4px solid #004098;
}

.header ul li a {
	display: block;
	font-size: 16px;
	height: 102px;
	color: #fff;
	border-bottom: 4px solid transparent;
	transition: all 0.5s;
}

.header>div:nth-child(3) {
	float: right;
	height: 106px;
	line-height: 106px;
}

.header>div img {
	vertical-align: middle;
}

.header>div img:hover {
	cursor: pointer;
}

.banner {
	position: relative;
	height: 825px;
	overflow: hidden;
}

.banner .hd {
	position: absolute;
	right: 0;
	bottom: 50px;
	z-index: 99;
	left: 0;
	font-size: 0;
	text-align: center;
}

.banner .hd ul {
	display: inline-block;
}

.banner .hd ul li {
	float: left;
	width: 45px;
	height: 7px;
	background-color: rgba(255, 255, 255, 0.3);
	font-size: 0;
	margin: 0 5px;
	transition: all 0.5s;
}

.banner .hd ul li.on {
	background: #fff;
}

.banner .bd li {
	height: 825px;
	position: relative;
	overflow: hidden;
}

.banner .bd li img {
	position: absolute;
	left: 50%;
	top: 0;
	margin-left: -960px;
}
.company {
	overflow: hidden;
}
.companytop {
	box-sizing: border-box;
	height: 372px;
	width: 100%;
	background: url(bjj.jpg) no-repeat;
	
}
.companytop ul{
	height: 183px;width: 1600px;margin: 0 auto;overflow: hidden;
}
.companytop ul li {
	float: left;
	box-sizing: border-box;
	padding-left: 60px;
	margin: 35px 0;
	height: 120px;width: 399px;
	border-right: 1px solid rgba(255,255,255,0.2);
}
.companytop ul li:last-child {
	border: none;
}
.companytop ul li div {
	display: inline-block;
	width: 180px;margin-left: 20px;
}
.companytop ul li img {
	vertical-align: top;
	margin-top: 5px;
	transition: all 0.5s;
}
.companytop ul li:hover {
	opacity: 0.8;
}
.companytop ul li:hover img {
	transform: rotate(360deg);
}
.companytop ul li p{
	font-size: 24px;
	font-weight: bold;
	color: #fff;
	margin-bottom: 10px;
}
.companytop ul li span{
	font-size: 16px;
	color: #fff;
}
.companytop>div {
	box-sizing: border-box;
	/* width: 1600px; */
	padding: 0 7%;
	margin: 0 auto;
}
.companytop>div p:first-child {
	font-family: 'helveticaneue';
	font-size: 48px;color: #fff;
	font-weight: bold;
}
.companytop>div p:last-child {
	font-size: 30px;color: #fff;
}
.companybottom {
	box-sizing: border-box;
	padding: 0 6%;
	height: 360px;
	/* width: 100%; */
	background-color: #fff;
}
.companybottom>div {position: relative;
box-sizing: border-box;
	/* width: 1600px; */
	margin: 0 auto;padding: 45px 0;
}
.companybottom>div span {
	display: block;
	line-height: 28px;
	width: 55%;
	height: 110px;overflow: hidden;
	font-size: 16px;color: #666666;
}
.companybottom .more {
	margin-top: 40px;
}
.companybottom .more:hover {
	color: #fff;
	background: #004098 url(arrow4.png) no-repeat 110px center;
}
.more {
	display: inline-block;
	height: 52px;width: 160px;padding-left: 30px;line-height: 52px;
	border: 1px solid #7d7d7d;text-align: left;transition: all 0.5s;
	font-size: 16px;color: #666;background: url(arrow.png) no-repeat 110px center;
}
.companypic {
	position: absolute;
	top: -190px;
	right: -790px;
	padding: 25px;
	background-color: #004098;
	transition: all 0.8s;
}
.companypic img {
	max-width: 578px;
}
.pro {
	/* height: 1116px; */
	padding-bottom: 60px;
	width: 100%;
	background-color: #f3f3f3;
}
.protip {
	text-align: center;
	overflow: hidden;
}
.protip p:first-child{
	font-weight: bold;
	font-size: 48px;color: #333;
	font-family: 'helveticaneue';
	margin-top: 45px;
}
.protip p:last-child{
	font-size: 30px;color: #333;
}
.promenu {
	box-sizing: border-box;
	width: 1600px;margin: 0 auto;margin-top: 45px;margin-bottom: 15px;overflow: hidden;
}
.promenu li {float: left;height: 50px;line-height: 50px;padding: 0 30px;background-color: #fff;margin-right: 16px;transition: all 0.5s;}
.promenu li a {
	font-size: 16px;color: #666;
}
.promenu .on {
	background-color: #004098;
} 
.promenu .on a {
	color: #fff;
}
.promenu>a {
	float: right;
	display: block;
	height: 50px;
	line-height: 50px;
	font-size: 16px;color: #333333;
}
.promenu>a img {
	margin-top: -6px;margin-left: 0;transition: all 0.5s;
}
.promenu>a:hover img {
	margin-left: 50px;
}
.procont {
	width: 1600px;
	margin: 0 auto;
	box-sizing: border-box;
}
.procont dd {
	/* float: left; */
	display: inline-block;
	margin-top: 20px !important;
	margin-right: 2.3%;
	width: 23%;height: 372px;
}
.procont dd:nth-child(4n+4) {
	margin-right: 0;
}
.procont dd a{
	position: relative;
	display: block;
	overflow: hidden;
	text-align: center;
}
.procont a>div {
	position: absolute;
	top: 372px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,64,152,0.7);
	text-align: center;
	transition: all 0.5s;
	line-height: 0;
}
.procont a:hover >div{
	top: 0;
}
.procont div p {
	margin-top: 32%;line-height: 30px;overflow: hidden;
	color: #fff;font-size: 18px;display: block;
}
.procont .more {transition: all 0.2s;background: url(arrow1.png) no-repeat 110px center;
	border: 1px solid rgba(255,255,255,0.5);color: rgba(255,255,255,0.5);margin-top: 30px;
}
.procont .more:hover {
	transform: scale(1.05);
}
.propic {
	max-width: 100%;
	max-height:100% ;
}
.case {
	padding-bottom: 60px;
	width: 100%;
}
.casetip {
	text-align: center;
	overflow: hidden;
}
.casetip p:first-child{
	font-weight: bold;
	font-size: 48px;color: #333;
	font-family: 'helveticaneue';
	margin-top: 45px;
}
.casetip p:last-child{
	font-size: 30px;color: #333;
}
.casebody {
	position: relative;width: 100%;
	/* height: 662px; */overflow: hidden;
}
.casebody .tempWrap{
	overflow: initial !important;
}
.casebody li{
	float: left;margin-right: 20px;
	height: 662px;
	/* width: 812px; */
	width: 42.3%;
	/* width: auto; */
	overflow: hidden;
}
.casepic {
	position: relative;/* width: 100%; */
	float: left;margin-right: 20px;
	/* height: 662px; *//* width: 812px; */width: 100%;height: 100%;
}
.casepic>div:nth-child(2) {
	position: absolute;
	top: 662px;left: 0;
	box-sizing: border-box;
	padding: 21% 5%;height: 100%;
	/* height: 662px; *//* width: 812px; */width: 100%;
	background-color: rgba(0,0,0,0.6);
	text-align: center;
	transition: all 0.5s;
	line-height: 0;
}
.casebody li .casepic:hover >div {
	top: 0;
}
.casepic>div:nth-child(2) p {margin-bottom: 32px;
	font-size: 20px;color: #fff;font-weight: bold;text-align: center;
}
.casepic>div:nth-child(2) span {
	display: inline-block;width: 465px;height: 120px;
	font-size: 16px;color: #fff;text-align: left;line-height: 24px;
}
.casepic .more {
	display: block;
	margin: 0 auto;
	transition: all 0.2s;background: url(arrow1.png) no-repeat 110px center;
	border: 1px solid rgba(255,255,255,0.5);color: rgba(255,255,255,0.5);
}
.casepic .more:hover {
	transform: scale(1.05);
	cursor: pointer;
}
.casephoto {width: 100%;
	/* height: 662px;width: 812px; */text-align: center;
}
.casephoto>img {
	max-width: 100%;max-height: 100%;
}
.pageState {
	font-size: 0;
	display: block;
}
.pageState span {
	font-family: 'helveticaneue';
	font-size: 48px;color: #666666;
}
.casefun {
	position: absolute;/* left: 1644px; */right: 6.4%;width: 136px;
	height: 100%;background-color: #fff;
	text-align: center;z-index: 99;padding-top: 10px;
}
.casefun .prev,.casefun .next {
	display: block;padding: 5px;margin-bottom: 5px;
}
.casefun .prev:hover,.casefun .next:hover {
	transform: scale(1.1);
}
.casefun .next{
	margin-top: 15px;
}
/* .casefun p:first-child {
	font-size: 48px;color: #666;font-weight: bold;line-height: 40px;
} */
.casefun>span:nth-child(2) {
	display: block;
	line-height: 40px;
	font-family: 'helveticaneue';
	font-size: 48px;color: #dedede;
}
.casefun div {display: inline-block;margin-top: 25px;
	height: 30%;width: 1px;background-color: #d6d6d6;
}
.casefun a:last-child {
	display: inline-block;
	margin-top: 60px;
	font-size: 16px;color: #999;
}
.casefun a:last-child:hover {
	color: #666;font-weight: bold;
}
.solution {
	height: 665px;
	width: 100%;
	background: url(sobj.jpg) no-repeat;
}
.solutip {
	text-align: center;
	overflow: hidden;
}
.solutip p:first-child{
	font-weight: bold;
	font-size: 48px;color: #fff;
	font-family: 'helveticaneue';
	margin-top: 45px;
}
.solutip p:last-child{
	font-size: 30px;color: #fff;
}
.solubody {
	width: 90%;margin: 0 auto;
}
.solubody li {
	float: left;
	margin-right: 2%;
	height: 383px;width: 32%;
	text-align: center;
	background-color: rgba(255,255,255,0.1);
	transition: all 0.5s;
}
.solubody li:last-child {
	margin-right: 0;
}
.solubody li div:first-child {
	display: inline-block;margin: 0 auto;margin-top: 10px;
	height: 140px;width: 140px;line-height: 140px;
}
.solubody li p {
	font-size: 20px;color: #fff;
}
.solubody li span {
	display: block;margin: 20px auto;margin-bottom: 40px;
	height: 50px;width: 400px;font-size: 16px;color: #fff;
}
.solubody li div:last-child {
	transition: all 0.5s;
	margin: 0 auto;line-height: 50px;
	width: 146px;height: 50px;font-size: 16px;background-color: #363636;color: #fff;
}
.solution ul li img {
	transition: all 0.3s;
}
.solution ul li:hover img{
	transform: rotate(360deg);
}
.solution ul li:hover {
	background-color: #004098;
}
.solution ul li:hover div:last-child {
	background-color: #fff;color: #333;
}
/* .solution ul .on {
	background-color: #004098;
}
.solution ul .on div:last-child {
	background-color: #fff;color: #333;
} */
.news {
	padding-bottom: 50px;
	width: 100%;
}
.newstip {
	text-align: center;
	overflow: hidden;
}
.newstip p:first-child{
	font-weight: bold;
	font-size: 48px;color: #333333;
	font-family: 'helveticaneue';
	margin-top: 45px;
}
.newstip p:last-child{
	font-size: 30px;color: #333333;
}
.newsmenu {
	height: 50px;width: 1600px;margin: 0 auto;text-align: center;margin-top: 35px;
}
.newsmenu ul {
	display: inline-block;
}
.newsmenu li {
	display: inline-block;margin-right: 14px;
	line-height: 50px;background-color: #eeeeee;
	height: 50px;width: 156px;transition: all 0.5s;
}
.newsmenu li a {
	font-size: 16px;color: #666;
}
.newsmenu .on {
	background-color: #004098;color: #fff;
}
.newsmenu .on a {
	color: #fff;
}
.newsmenu>a {
	background-color: #fff;margin-left: 45px;color: #333;
}
.newsmenu>a:hover {
	font-weight: bold;
}
.newsmenu img {
	margin-top: -5px;margin-left: 10px;
}
.newscont {
	width: 85%;margin: 0 auto;
}
.newscont dl {
	width: 100%;margin: 0 auto;margin-top: 50px;
}
.newscont dl dd {
	float: left;margin-right: 2%;
	width: 31%;border: 1px solid #e4e4e4;
}
.newscont dl dd:nth-child(3n+3) {
	margin-right: 0;
}
.newscont a div {
	height: 337px;width: 100%;overflow: hidden;text-align: center;line-height: 337px;
}
.newscont a div img{
	max-width: 100%;
}
.newscont dd p {
	height: 55px;padding: 27px 30px;font-size: 18px;color: #333333;overflow: hidden;
}
.newsshare {padding:0 30px;font-size: 16px;color: #999999;
	height: 54px;line-height: 54px;border-top: 1px solid #e4e4e4;
}
.newsshare  img {
	float: right;margin-top: 16px;
}
.foot {
	width: 100%;/* height: 510px; */overflow: hidden;background-color: #363636;
}
.foot>div:first-child {
	box-sizing: border-box;width: 100%;margin: 0 auto;padding:42px 4% 37px 4%;overflow: hidden;border-bottom: 1px solid rgba(255,255,255,0.2);
}
.foot>div:first-child dl {
	margin:0 3.3%;float: left;
}
/* .foot>div:first-child dl:last-child {
	margin:0;float: left;
} */
.foot>div:first-child dt {
	font-size: 18px;color: #fff;font-weight: bold;margin-bottom: 25px;
}
.foot>div:first-child dd {
	margin-bottom: 5px;width: 126px;
}
.foot>div:first-child dd a{
	font-size: 14px;color: #b0b0b0;
}
.foot>div:first-child dd a:hover {
	color: #fff;
}
.footcont {
	box-sizing: border-box;
	width: 100%;
	padding: 0 7%;
	margin: 0 auto;
}
.footcont div:first-child {
	float: left;
	width: 750px;
	margin-top: 35px;
}
.footcont div:first-child a {
	font-size: 16px;color: #8e8e8e;
}
.footcont div:first-child a:hover {
	color: #fff;
}
.footcont div:first-child p {
	font-size: 16px;color: #fff;
	margin-bottom: 10px;
}
.footcont div:first-child p:last-child{
	font-size: 16px;color: #8e8e8e;
}
.footcont ul {
	float: right;margin-top: 20px;
}
.footcont ul li {
	display: inline-block;text-align: center;margin-left: 5px;
}
.footcont ul li p {
	font-size: 14px;color: #fff;margin-top: 5px;
}
/* 公司新闻 */
.newsbox {
	width: 1400px;margin: 0 auto;margin-top: 35px;z-index: 99;
}
.newsbox1 {
	display: block;
	border-top: 1px solid #d2d2d2;
	border-bottom: 1px solid #d2d2d2;
	height: 340px;
}
.newsbox1>div:first-child {
	display: inline-block;
	width: 507px;height: 340px;overflow: hidden;
}
.newsbox1>div:first-child img {
	width: 100%;
}
.newsbox1>div:nth-child(2){
	vertical-align: top;
	display: inline-block;
	width: 815px;
	margin-left: 35px;
}
.newsbox1>div:nth-child(2) p:first-child {
	font-size: 18px;
	color: #333;
	margin-top: 30px;
}
.newsbox1:hover p:first-child {
	color: #004098 !important;
}
.newsbox1>div:nth-child(2) p:nth-child(2) {
	font-size: 16px;
	color: #999999;
	margin-top: 15px;
	margin-bottom: 25px;
}
.newsbox1>div:nth-child(2) span {
	display: block;
	width: 815px;height: 50px;
	font-size: 16px;color: #999999;
}
.newsbox1 .more {
	margin-top: 50px;
}
.newsbox1>div:nth-child(2):hover .more {
	color: #fff;
	background:#004098 url(arrow4.png) no-repeat 110px center;
}
.newsbox ul {
	/* margin-top: 15px; */
}
.newsbox ul li {
	box-sizing: border-box;
	padding: 25px 0;
	height: 170px;
	border-bottom: 1px solid #d2d2d2;
}
.newsbox ul li div {
	display: inline-block;
	vertical-align: top;
}
.newsbox .timebox {
	height:110px ;width: 110px;border: 1px solid #d2d2d2;
	text-align: center;
}
.newsbox .timebox p:first-child {
	font-size: 43px;color: #666666;
}
.newsbox .timebox p:last-child {
	display: inline-block;
	height: 35px;width: 75px;line-height: 35px;
	font-size: 16px;color: #666666;
	border-top: 1px solid #e1e1e1;
}
.newsbox ul li div:nth-child(2) {
	width: 1055px;
	margin-left: 15px;
}
.newsbox ul li div:nth-child(2) p{
	font-size: 18px;color: #333333;
	margin-bottom: 20px;
}
.newsbox ul li:hover div:nth-child(2) p {
	color: #004098;
}
.newsbox ul li div:nth-child(2) span{
	font-size: 16px;color: #999999;
}
.newsbox ul li img {
	float: right;
	margin-top: 53px;
}

/* 新闻详情 */
.newsdebox {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	margin-top: 30px;
	min-height: 1750px;
}
.newsdeleft{
	width: 922px;
	float: left;
}
.newsdeleft>div:first-child {
	height: 102px;border-bottom: 1px solid #e5e5e5;
}
.newsdeleft>div:first-child p {
	font-size: 24px;color: #333333;margin: 17px 0;
}
.newsdeleft>div:first-child span {
	font-size: 16px;color: #999999;
}
.newsdetip {
	font-size: 16px;color: #999999;
	border: 1px dashed #e5e5e5;
	background-color: #f7f7f7;
	padding: 23px;
}
.newsdeleft .lazyload {
	font-size: 16px;color: #666;
}
.newsdeleft>div:nth-child(2) {
	margin: 30px 0;
}
.newsdeleft>div:nth-child(2) * {
	font-size: 16px;color: #666666;
}
.newsdeleft>div:nth-child(2) img {
	max-width: 100%;
}
.newsdeleft>div:last-child {
	margin: 45px 0;
}
.newsdeleft>div:last-child .return{
	display: inline-block;
	width: 152px;
	height: 72px;
	background-color: #004098;
	text-align: center;
	font-size: 16px;color: #fff;
	vertical-align: top;
}
.newsdeleft>div:last-child .return:hover {
	opacity: 0.8;
}
.newsdeleft>div:last-child .return img{
	margin-top: 18px;
	margin-bottom: 6px;
}
.newsdeleft .shang,.newsdeleft .xia {
	display: inline-block;
	box-sizing: border-box;
	padding: 15px 20px;
	width: 385px;height: 72px;
	background-color: #f7f7f7;
	font-size: 14px;color: #666666;
	overflow: hidden;
}
.newsdeleft .shang span,.newsdeleft .xia span {
	display: block;
	font-size: 16px;color: #666666;
}
.newsdeleft .shang a,.newsdeleft .xia a {
	display: block;
	font-size: 16px;color: #666666;
	/* width: 354px; */overflow: hidden;
	text-overflow: ellipsis;
	 white-space: nowrap;
}
.newsdeleft .shang a:hover,.newsdeleft .xia a:hover {
	color: #004098;
}




.newsderight{
	width: 412px;
	float: right;
	background-color: #f1f1f1;
}
.relateda {
	box-sizing: border-box;
	padding: 30px 33px;
	border-bottom: 1px solid #d2d2d2;
}
.relateda>p:first-child {
	font-size: 30px;color: #333;font-weight: bold;
	font-family: 'helveticaneue';
}
.relateda>p:nth-child(2) {
	font-size: 20px;color: #333333;margin-bottom: 20px;
}
.relateda .newsdecon {
	display: block;
	margin-bottom: 30px;
}
.relateda .newsdecon:hover * {
	color: #004098 !important;
}
.relateda .newsdecon div:first-child {
	display: inline-block;
	width: 6px;height: 6px;background-color: #004098;
	vertical-align: top;margin-top: 10px;
}
.relateda .newsdecon div:last-child {
	display: inline-block;
	width: 333px;
	margin-left: 3px;
}
.relateda .newsdecon div:last-child p {
	font-size: 16px;color: #666666;
	max-height: 46px;margin-bottom: 15px;
}
.relateda .newsdecon div:last-child span {
	font-size: 16px;color: #999999;
}
.relateda a:last-child {
	display: block;
	margin: 0 auto;width: 65px;font-size: 16px;color: #999999;
}
.relateda a:last-child:hover {
	color: #666;
}
.recpro {
	box-sizing: border-box;
	padding: 30px 33px;
	overflow: hidden;
}
.recpro>p:first-child {
	font-family: 'helveticaneue';
	font-size: 30px;color: #333;font-weight: bold;
}
.recpro>p:nth-child(2) {
	font-size: 20px;color: #333333;margin-bottom: 20px;
}
.recpro .recprocon {
	display: block;
	width: 280px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #666666;
	margin-bottom: 30px;
}
.recpro .recprocon:hover *{
	color: #004098 !important;
}
.recpro .recprocon:hover img {
	transform: scale(1.02);
}
.recpro .recprocon img {
	display: block;margin-bottom: 10px;
	max-width: 100%;
	transition: all 0.5s;
}
.recpro a:last-child {
	display: block;
	margin: 0 auto;width: 65px;font-size: 16px;color: #999999;
}
.recpro a:last-child:hover {
	color: #666;
}
/* 产品中心 */
.probox {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}
.probox li {
	display: inline-block;
	margin-top: 40px;
	margin-right: 30px;
}
.probox li:nth-child(3n+3) {
	margin-right: 0;
}
.probox li a{
	position: relative;
	display: block;
	overflow: hidden;
}
.probox a>div:nth-child(2) {
	position: absolute;
	top: 370px;
	left: 0;
	width: 443px;
	height: 427px;
	background-color: rgba(0,64,152,0.7);
	text-align: center;
	transition: all 0.5s;
}
.other a>div:nth-child(2) {
	background-color: rgba(0,0,0,0.6);
}
.probox a:hover >div:nth-child(2){
	top: 0;
}
.probox div:nth-child(2) p {
	margin-top: 15px;height: 60px;overflow: hidden;
	color: #fff;font-size: 18px;display: block;transition: all 0.5s;
}
.probox li:hover div:nth-child(2) p {
	margin-top: 130px;
}
.probox .more {transition: all 0.2s;background: url(arrow1.png) no-repeat 110px center;
	border: 1px solid rgba(255,255,255,0.5);color: rgba(255,255,255,0.5);
}
.probox .more:hover {
	transform: scale(1.05);
}
.proboxpic {
	width: 443px;
	height: 427px;
	line-height: 427px;
	text-align: center;
	overflow: hidden;
}
.proboxpic  img {
	max-width: 100%;
	max-height: 100%;
}
/* 工程案例 */
.gcal {
	text-align: center;
	padding: 45px 0 50px 0;
}
.gcal P:first-child{
	font-size: 40px;
	color: #333;
	font-family: 'helveticaneue';
}
.gcal P:nth-child(2){
	font-size: 30px;
	color: #333;
	line-height: 30px;
}

/* 焦点图效果 */
	.picBtnTop{ width:1400px; height:818px;margin: 0 auto; position:relative;  overflow:hidden;  zoom:1;margin-top: 42px;   }
	.picBtnTop .hd{ width:332px;  height:818px; position:absolute; right:5px; overflow:hidden; }
	.picBtnTop .hd ul li{box-sizing: border-box; /* width:332px;height: 288px; */text-align:center; padding:18px 20px;border:1px solid transparent;}
	.picBtnTop .hd ul li img{max-width: 292px; /* width:332px; height:288px; */cursor:pointer; vertical-align:bottom; }
	.picBtnTop .hd ul li.on{ border:1px solid #004098;}
	.picBtnTop .bd{ width:1005px;  height:818px; position:relative;  }
	.picBtnTop .bd li{ position:relative; zoom:1; vertical-align:middle;}
	.picBtnTop .bd li .pic{ position:relative; z-index:0; line-height: 733px; }
	.picBtnTop .bd li .pic img{ max-width: 100%;max-height: 100%; vertical-align:bottom; }
	.picBtnTop .prev{
		position: absolute;
		display: block;
		top: 0;right: 70px;
		width: 175px;
		height: 55px;
		z-index: 999;
		background: rgba(0,0,0,0.5) url(arrows.png) no-repeat center center;
	}
	.picBtnTop .next {
		position: absolute;
		display: block;
		bottom: 0;right: 90px;
		width: 175px;
		height: 55px;
		z-index: 999;
		background: rgba(0,0,0,0.5) url(arrowx.png) no-repeat center center;
	}
	.picBtnTop .bd li .bg {
		position: absolute;
		bottom: 0;
		left: 0;
		display: block;
		width: 1005px;
		height: 140px;
		background-color: rgba(0,64,152,0.7);
		z-index: 999;
		opacity: 0;
		transition: all 0.3s;
	}
	.picBtnTop .bd li:hover .bg {
		opacity: 1;
	}
	.picBtnTop .bd li .bg div {
		display: inline-block;
		width: 820px;margin-left: 40px;
		text-align: left;
	}
	.picBtnTop .bd li .bg div p{
		font-size: 20px;color: #fff;font-weight: bold;
		margin-top: 33px;margin-bottom: 18px;
	}
	.picBtnTop .bd li .bg div span{
		font-size: 16px;color: #fff;
	}
	.picBtnTop .bd li .bg img {
		float: right;padding: 40px;
	}
/* 人才招聘 */
.rczp {
	width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}
.rcleft {
	display: inline-block;
	width: 905px;
	margin-top: 20px;
}
.rcleft>p:first-child {
	font-size: 48px;color: #333;font-family: 'helveticaneue';
}
.rcleft>p:nth-child(2) {
	font-size: 30px;color: #333;
}
.rcleft li{
	box-sizing: border-box;height: 279px;width: 905px;padding: 30px 0;border-bottom: 1px solid #e5e5e5;
}
.rcleft a>div:first-child {
	display: inline-block;
	width: 6px;
	height: 6px;
	background-color: #004098;
	vertical-align: top;
	margin-top: 10px;
}
.rcleft a>div:last-child {
	display: inline-block;
	width: 866px;
	margin-left: 17px;
}
.rcleft a>div:last-child p {
	display: inline-block;
	font-size: 20px;color: #333;
}
.rcleft a>div:last-child div span {
	float: right;
	font-size: 16px;color: #999999;
}
.rcleft a>div:last-child>span {
	height: 75px;color: #666666;font-size: 16px;
	display: block;margin: 22px 0 28px 0;
}
.rcleft li:hover .more {
	background: #004098 url(arrow4.png) no-repeat 110px center;
	color: #fff;
}
.rcright {
	float: right;
	width: 412px;
	background-color: #f1f1f1;
}
.recal {
	box-sizing: border-box;
	padding: 30px 33px;
	overflow: hidden;
}
.recal>p:first-child {
	font-family: 'helveticaneue';
	font-size: 30px;color: #333;font-weight: bold;
}
.recal>p:nth-child(2) {
	font-size: 20px;color: #333333;margin-bottom: 20px;
}
.recal .recalcon {
	display: block;
	width: 280px;
	margin: 0 auto;
	text-align: center;
	font-size: 16px;
	color: #666666;
	padding: 20px 0;
	border-bottom: 1px solid #e5e5e5;
}
.recal .recalcon:hover *{
	color: #004098 !important;
}
.recal .recalcon:hover img {
	transform: scale(1.02);
}
.recal .recalcon img {
	display: block;margin-bottom: 10px;
	max-width: 100%;
	transition: all 0.5s;
}
.recal a:last-child {
	display: block;
	margin: 0 auto;width: 65px;font-size: 16px;color: #999999;
	margin-top: 35px;
}
.recal a:last-child:hover {
	color: #666 !important;
}
/* 导航 */
.nbanner_header {
    width: 100%;
    height: 62px;
    line-height: 62px;
	position: relative;
	box-shadow: 0px 2px 5px 1px #d2d2d2;
}
/* .nhead {
    margin: 0 auto;
    width: 83%;
} */
.nbanner_hleft {
    /* font-size: 0px; */
   /* width: 990px; */
   width: 910px;
    display: inline-block;
	/* background-color: #f1f1f1; */

}
.nbanner_hleft li {
    position: relative;
    display: inline-block;
    /* padding: 0 7%; */
   
    
}
.nbanner_hleft li  a{
    display: block;
    padding: 0 25px;
	transition: all 0.5s;
	background: url('sanjiao_on.png') no-repeat center 90px;
}
.nbanner_hleft li a:hover{
	color: #004c92;
	background: url('sanjiao_on.png') no-repeat center 54px;
}
.nbanner_hleft li a.on{
    color: #fff;
    background: #004c92 url('sanjiao.png') no-repeat center 54px;
}
.nbanner_hleft li a {
    font-size: 16px;
    color: #333;
}

.nbanner_header .pbanner_hleft {
    float: right;
    overflow: hidden;
	font-size: 16px;color: #666;
}
.nbanner_header .pbanner_hleft a {
	font-size: 16px;color: #666;
}
.nbanner_header .pbanner_hleft a:hover {
	color: #004c92;
}
.nbanner_hleft div{
    position: absolute;
    left: 44%;
    top: 56px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #f1f1f1;
}
.bigbj {
	position: relative;
	    height: 413px;
	    width: 100%;
}
.bigbj>img {
	position: absolute;
	    left: 50%;
	    margin-left: -960px;
}
.ghead {
	width: 1400px;
	margin: 0 auto;
}
/* 产品导航 */
.list {
    width: 100%;
    height: 62px;
    line-height: 62px;
	position: relative;
	box-shadow: 0px 2px 5px 1px #d2d2d2;
}

.listleft li {
    position: relative;
    display: inline-block;   
}
.listleft li  a{
    display: block;
    padding: 0 25px;
	transition: all 0.5s;
	background: url('sanjiao_on.png') no-repeat center 90px;
}
.listleft li a:hover{
	color: #004c92;
	background: url('sanjiao_on.png') no-repeat center 54px;
}
.listleft li a.on{
    color: #fff;
    background: #004c92 url('sanjiao.png') no-repeat center 54px;
}
.listleft li a {
    font-size: 16px;
    color: #333;
}
.listleft div{
    position: absolute;
    left: 44%;
    top: 56px;
    width: 0;
    height: 0;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    border-bottom: 15px solid #f1f1f1;
}
/* 公司简介 */
.contro {
	/* text-align: center; */
	overflow: hidden;
	width: 1400px;
	margin: 0 auto;
	padding-bottom: 50px;
}
.contro>div:first-child {
	text-align: center;
}
.contro>div:first-child p:first-child{
    font-weight: bold;
    font-size: 48px;
    color: #333;
    font-family: 'helveticaneue';
    margin-top: 45px;
}
.contro>div:first-child p:nth-child(2) {
    font-size: 30px;
    color: #333;
	margin-bottom: 30px;
}
/* 公司简介 */
.controcont {
	height: 190px;
	text-align: left;
}
/* 解决方案 */
.jjfa {
	width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 20px;
}
.jjfaleft {
	display: inline-block;
	width: 905px;
	margin-top: 20px;
}
.jjfatip {
	height: 72px;line-height: 72px;width: 905px;border-bottom: 1px solid #e5e5e5;
	margin-bottom: 20px;
}
.jjfatip img {
	margin-top: -8px;margin-right: 17px;
}
.jjfatip p {
	display: inline-block;
	font-size: 24px;color: #333333;
}
/* 产品详情 */
.prode .lazyload {
	font-size: 16px;
	color: #666;
}
.prode {width: 1400px;margin: 0 auto;
	margin-top: 35px;
}
.prode>div:first-child {
	text-align: center;
	height: 100px;width: 1400px;
	line-height: 100px;
	border-bottom: 1px solid #e5e5e5;
}
.prode>div:first-child p {
	font-size: 24px;color: #333333;
}
.prodepic {
	text-align: center;
}
.prodepic>img{
	padding: 32px 0;
}
.prodepic>span {
	display: block;
}
.prodepic {
	font-size: 16px;
	color: #999;
}
.prodepic>div {
	margin-top: 40px;
}
.prodepic div img {
	margin-top: -32px;margin-right: 20px;
}
.prodepic div div {
	display: inline-block;
	text-align: left;
}
.prodepic div div p:first-child {
	font-size: 16px;color: #666666;
}
.prodepic div div p:last-child {
	font-size: 24px;color: #004098;
}
.proscr {
	height:76px;border-bottom: 1px solid #dcdcdc;overflow: hidden;
}
.proscr p {
	margin-top: 22px;
	padding-left: 23px;height: 28px;line-height: 28px;
	color: #333333;font-size: 24px;border-left: 8px solid #004098;
}
.reclist {
	margin-top: 30px;
}
.reclist div:first-child {
	display: inline-block;
}
.reclist div:first-child p:first-child {
	font-family: 'helveticaneue';
	color: #333;font-size: 30px;
}
.reclist div:first-child p:last-child {
	font-size: 20px;color: #333;
}
.reclist a:last-child {
	display: inline-block;
	float: right;margin-top: 25px;font-size: 16px;color: #333333;
}
.reclist a:last-child img {
	margin-top: -8px;margin-left: 10px;
	transition: all 0.5s;
}
.reclist a:last-child:hover img {
	margin-left: 50px;
}
.proreclist {
	padding-bottom: 60px;
}
.proreclist li {
	margin-top: 20px;
}

/* 分页 */
.layui-laypage {
	display: block;
	margin: 65px 0;clear: both;
	text-align: center;
}

.layui-laypage .layui-laypage-curr, .layui-laypage a{
	height: 33px;
	line-height: 33px;
	width: 37px;
}
.layui-laypage .layui-laypage-curr .layui-laypage-em {
	width: 37px;
	background-color: #004098;
}
.layui-laypage a, .layui-laypage span {
	padding: 0;
	margin: 0 2px;
	font-size: 14px;color: #333;
}
.layui-laypage-prev,.layui-laypage-next {
	width: 70px !important;
}
em {
	font-size: 14px;
}
.layui-laypage a:hover {
	color: #999999;
}
.layui-laypage .layui-laypage-spr {
	height: 33px;
	width: 37px;
	line-height: 33px;
}
.layui-box span:first-child{
	border: 1px solid #e2e2e2;
	height: 33px;
	line-height: 33px;
	padding: 0 15px;
	margin-right: 0;
}
/* 联系我们 */
.lxwm {
	width: 1400px;
	margin: 0 auto;
	margin-top: 20px;
	overflow: hidden;
	padding-bottom: 70px;
}
.lxwmleft {
	display: inline-block;
	width: 875px;
	margin-top: 20px;
}
.lxwmleft>p:first-child {
	font-family: 'helveticaneue';
	font-size: 48px;color: #333;
}
.lxwmleft>p:nth-child(2) {
	font-size: 30px;color: #333;
	margin-bottom: 30px;
}
.lxwm .rcright .recalcon {
	border-bottom: none;
	width: auto;
	padding: 0;
}
.lxwm .recalcon img {
	display: inline-block;
	margin-bottom: 30px;
}
.lxwm .rcright {
	padding-bottom: 80px;
}
.lxwm .rcright .recalcon p{
	text-align: left;
}
/* 表单 */
.layui-input {
	width: 426px;
	height: 50px;
}
.layui-input,.layui-textarea {
	font-size: 16px;
	color: #999;
}
tr {
	display: inline-block;
	margin-bottom: 20px;
}
tr:first-child ,tr:nth-child(3){
	margin-right: 15px;
}
.code {
	width: 287px;
	margin-right: 20px;
}
.validateCode {
	vertical-align: top;
	width: 115px;
	height: 46px;
}
.layui-textarea {
	width: 870px;
	height: 305px;
}
.btn {
	width: 870px;
	text-align: center;
}
.layui-btn {
	width: 200px;
	color: #fff;
	font-size: 16px;
	background-color: #004098;
	height: 50px;
	border-radius: 5px;
}
.layui-btn:hover {
	opacity: 0.6;
}
 /* 搜索 */
.search{position: absolute;right: 80px;top: 106px;border: 1px solid #004098;height: 40px;line-height: 40px;display: none;z-index: 99;}
.search input{float: left;border: none;height: 40px;font-size: 16px;padding: 0 10px;color: #333;}
.search a{float: right;background: #004098;color: #fff;font-size: 16px;padding: 0 15px;}


.lazyload img {
	max-width: 100%;
}

@media screen and ( max-width:1792px) {
	.foot>div:first-child dl {
		margin:0 3.1%;
	}
}
@media screen and ( max-width:1715px) {
	
}

@media screen and ( max-width:1704px) {
	.foot>div:first-child dl {
		margin:0 2.8%;
	}
}
@media screen and ( max-width:1602px) {
	.foot>div:first-child dl {
		margin:0 2.4%;
	}
}
@media screen and ( max-width:1600px){
	body{
		width: 100%;
	}
	.header {
		width: 100%;
		padding: 0 4%;
	}
	.header ul {
		width: 750px;
		transform: translateX(-256px);
	}
	.header ul li {
		margin: 0 2%;
	}
	.companytop ul {
		width: 100%;
	}
	.companytop ul li {
		width: 25%;
	}
	.companytop>div {
		width: 100%;
		padding: 0 4%;
	}
	.companybottom {
		padding: 0 4%;
	}
	.companybottom>div {
		width: 100%;
		padding: 45px 0;
	}
	.companybottom>div span {
		width: 51%;
	}
	.promenu {
		padding: 0 4%;
		width: 100%;
		text-align: center;
	}
	.promenu>a {
		display: none;
	}
	.promenu>ul {
		display: inline-block;
	}
	.procont {
		/* padding: 0 4%; */
		width: 88%;
		margin: 0 auto;
		text-align: center;
	}
	.footcont {
		padding: 0 5%;
	}
	.newsmenu {
		width: auto;
	}
}
@media screen and ( max-width:1460px) {
	.solubody li span {
		width: 99%;
	}
}
@media screen and ( max-width:1460px){
	.promenu li {
		padding: 0px 15px;
		margin-right: 20px;
	}
	.contro {
		width: 1300px;
	}
	.probox {
		width: 1300px;
	}
	.probox li {
		margin-right: 20px;
	}
	.proboxpic {
		width: 417px;
		height: 404px;
	}
	.probox a>div:nth-child(2) {
		top: 345px;
		width: 417px;
	}
	.newsbox{
		width: 1300px;
	}
	.newsbox1>div:nth-child(2) {
		width: 650px;
	}
	.newsbox ul li div:nth-child(2){
		width: 1020px;
	}
	.newsbox1>div:nth-child(2) span{
		width: 590px;
	}
	.newsdebox {
		width: 1300px;
	}
	.newsdeleft {
		width: 883px;
	}
	.newsderight {
		width: 397px;
	}
	.newsdeleft .shang, .newsdeleft .xia {
		width: 365px;
	}
	.relateda .newsdecon div:last-child{
		width: 315px;
	}
	.prode {
		width: 1300px;
	}
	.prode>div:first-child {
		width: 1300px;
	}
	.jjfa {
		width: 1300px;
	}
	.jjfaleft {
		width: 883px;
	}
	.jjfatip {
		width: 883px;
	}
	.rcright{
		width: 375px;
	}
	.rczp {
		width: 1300px;
	}
	.rcleft{
		width: 883px;
	}
	.rcleft li{
		width: 883px;
	}
	.rcleft a>div:last-child {
		width: 845px;
	}
	.lxwm{
		width: 1300px;
	}
	.ghead {
		width: 1300px;
	}
	.nbanner_hleft {
		width: 832px;
	}
	.picBtnTop {
		width: auto;
	}
	.picBtnTop .bd li .pic {
		line-height: 660px;
	}
}
@media screen and ( max-width:1455px) {
	.foot>div:first-child dl {
		margin: 0 2%;
	}
	
	.picBtnTop {
		height: 660px;
	}
	.picBtnTop .prev,.picBtnTop .next {
		right: 6%;
	}
	.picBtnTop .hd {
		width: 335px;
		right:0;
		height: 660px;
	}
	.picBtnTop .bd {
	    width: 840px;
	    height: 660px;
	}
	#demo1 {
		width: 1200px;
	}
}
@media screen and ( max-width:1430px){
	.companytop ul li {
		padding-left: 47px;
	}
	.header ul li {
		margin: 0 1.5%;
	}
	.header ul {
		transform: translateX(-29%);
		width: 640px;
	}
}
@media screen and ( max-width:1359px){
	.header ul {
		transform: translateX(-32%);
	}
	.companytop ul li {
		padding-left: 24px;
	}
	.contro {
		width: 1200px;
	}
	.probox {
		width: 1200px;
	}
	.proboxpic {
	    width: 384px;
	    height: 372px;
		line-height: 372px;
	}
	.probox a>div:nth-child(2) {
		top: 313px;
		width: 384px;
	}
	.jjfa {
		width: 1200px;
	}
	.jjfaleft,.jjfatip {
		width: 824px;
	}
	.rcright {
		width: 348px;
	}
	.rczp {
		width: 1200px;
	}
	.rcleft {
		width: 824px;
	}
	.rcleft li {
		width: 824px;
	}
	.rcleft a>div:last-child {
		width: 790px;
	}
	.newsbox {
		width: 1200px;
	}
	.newsdebox {
		width: 1200px;
	}
	.newsdeleft {
		width: 824px;
	}
	.newsderight {
		width: 355px;
	}
	.relateda .newsdecon div:last-child {
		width: 375px;
	}
	.prode {
		width: 1200px;
	}
	.lxwm {
		width: 1200px;
	}
	.llxx {
		width: 300px;
	}
	.ghead {
		width: 1200px;
	}
	.picBtnTop {
		height: 660px;
	}
	.picBtnTop .prev,.picBtnTop .next {
		right: 5%;
	}
	.picBtnTop .hd {
		width: 335px;
		right:0;
		height: 660px;
	}
	.picBtnTop .bd {
	    width: 840px;
	    height: 660px;
	}
	#demo1 {
		width: 1200px;
	}
	.newsdeleft .shang, .newsdeleft .xia {
	    width: 336px;
	}
}
@media screen and ( max-width:1345px){
	.foot>div:first-child dl {
		margin: 0 1.7%;
	}
	
}

.picBtnTop .hd .tempWrap {
	height: 100% !important;
}
.picBtnTop .hd ul li {
	height: 50% !important;
}