.wrapper {position: relative;width: 1240px;margin: 0 auto;padding-bottom: 100px;}
.clearfix:after {content: "";display: block;height: 0;clear: both;visibility: hidden;}
.tip {position: fixed;bottom: 10px;left: 50%;margin-left: -24px;pointer-event: none;-webkit-transition: opacity 0.25s linear;-moz-transition: opacity 0.25s linear;-ms-transition: opacity 0.25s linear; -o-transition: opacity 0.25s linear;transition: opacity 0.25s linear;}
.tip.show {opacity: 1;}
.tip.hide {opacity: 0;}
.gotop img{padding-top:20px;}
header {position: fixed;width: 100%;height: 100px;background-image: url("../images/header_bg.png");background-position: center center;background-repeat: no-repeat;z-index: 1000;}
header .left {float: left;}

header .right {float: right;position: relative;right:65px;top: 10px;}

header .right div {display: inline-block;}
header .right img, header .right span {vertical-align: middle;}
header .right img {margin: 0px 2px;}

header .right .qrcode {position: absolute;top: 43px;width: 176px;right:0px;opacity: 0;visibility: hidden;
	-webkit-transition: visibility 0s .25s, opacity .25s linear;
	   -moz-transition: visibility 0s .25s, opacity .25s linear;
		-ms-transition: visibility 0s .25s, opacity .25s linear;
		 -o-transition: visibility 0s .25s, opacity .25s linear;
			transition: visibility 0s .25s, opacity .25s linear;
}
header .right .fxcode {position: absolute;top: 43px;right: 48px;opacity: 0;visibility: hidden;
	-webkit-transition: visibility 0s .25s, opacity .25s linear;
	-moz-transition: visibility 0s .25s, opacity .25s linear;
	-ms-transition: visibility 0s .25s, opacity .25s linear;
	-o-transition: visibility 0s .25s, opacity .25s linear;
	transition: visibility 0s .25s, opacity .25s linear;
}
header .right .wxfx{
	background: url("http://dpecs.cn/images/homepage_fxcode_wxzs.png")no-repeat;
	width: 175px;
	height: 189px;
	position: relative;
	top:-210px;
	left: 13px;
}
header .right .wbfx{
	background: url("http://dpecs.cn/images/homepage_fxcode_wb.png")no-repeat;
	width: 115px;
	height: 118px;
	position: relative;
	top: -242px;
	left: 50px;
	cursor: pointer;
}

header .right .iconfx{
	/*margin-left: 15px;*/
	cursor: pointer;
}
header .wrapper {
	padding-top: 8px;
	padding-bottom: 0px;
}

header span {
	font-size: 20px;
	color: #bbe3f9;
}

header .right .wechat:hover + .qrcode {
	visibility: visible;
	opacity: 1;
	transition: opacity 0.25s linear;
}

header .wechat, header .weibo
{
	cursor: pointer;
}
/*header .right .iconfx:hover + .fxcode {*/
	/*visibility: visible;*/
	/*opacity: 1;*/
	/*transition: opacity 0.25s linear;*/
/*}*/

header .right .mobile {
	position: relative;
	display: none;
	width: 40px;
	height: 32px;
	cursor: pointer;
	right:-44px;
}

header .right .mobile .mall {
	position: absolute;
	top: 0px;
	right: 40px;
	width: 40px;
}
header .right .mobile .line {
	position: absolute;
	width: 100%;
	height: 6px;
	background-color: #B1DDF6;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
		-ms-transition: all .1s linear;
		 -o-transition: all .1s linear;
			transition: all .1s linear;
}

header .right .mobile.off .line.l01 {
	top: 0;
}

header .right .mobile.off .line.l02 {
	top: 50%;
	margin-top: -3px;
}

header .right .mobile.off .line.l03 {
	bottom: 0;
}

header .right .mobile.on .line.l01 {
	top: 13px;
	-webkit-transform: rotate(45deg);
	   -moz-transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		 -o-transform: rotate(45deg);
			transform: rotate(45deg);


}

header .right .mobile.on .line.l02 {
	top: 50%;
	margin-top: -3px;
	opacity: 0;
}

header .right .mobile.on .line.l03 {
	bottom: 13px;
	-webkit-transform: rotate(-45deg);
	   -moz-transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		 -o-transform: rotate(-45deg);
			transform: rotate(-45deg);
}

nav {
/*	display: inline-block;
	position: relative;
	top: -10px;
	margin-left: 25px;*/

	position: fixed;
	top: 20px;
	left: 50%;
	margin-left: -300px;
	z-index: 1000;
	width:680px;
}

nav .mobile {
	/*display: none;*/
	background-color: #043358;
}
nav .mobile1 {
	/*display: none;*/
	background-color: #043358;
}
nav .mobile2 {
	/*display: none;*/
	background-color: #043358;
}
nav .mobiledis{
	display: none;
}

nav .mobile img {
	margin: 10px 0px;
	padding: 0px 10px;
	width: 40px;
	/*height: 0;*/
}
nav .mobile1 img{
	margin: 7px 0px;
	padding: 0px 10px;
	width: 40px;
	/*height: 0;*/
}
nav .mobile2 img{
	margin: 7px 0px;
	padding: 0px 10px;
	width: 40px;
	/*height: 0;*/
}


nav ul {
	list-style: none;
	padding: 0px 0px 0px 10px;
	margin: 0;
}

nav li {
	position: relative;
	display: inline-block;
	font-size: 24px;
	font-weight: bold;
	color: #0469b0;
	padding: 0px 10px;
	cursor: pointer;
}

nav li:hover:after {
	content: " ";
	position: absolute;
	bottom: -5px;
	left: 10%;
	width: 80%;
	height: 3px;
	background-color: #0469b0;
}

nav li:after {
	content: " ";
	position: absolute;
	bottom: -5px;
	left: 50%;
	width: 0;
	height: 3px;
	background-color: #0469b0;
	-webkit-transition: all .1s linear;
	   -moz-transition: all .1s linear;
		-ms-transition: all .1s linear;
		 -o-transition: all .1s linear;
			transition: all .1s linear;
}

nav li.active:after {
	content: " ";
	position: absolute;
	bottom: -5px;
	left: 10%;
	width: 80%;
	height: 3px;
	background-color: #0469b0;
}




.foot{position: fixed;bottom:0;width:100%;background: url(../images/footbg.jpg) repeat-x; text-align: center;
    line-height: 50px;
    font-size: 20px;
    border-top: 2px solid #fff;
    color: #fff;}
.centencon{padding-top: 105px; padding-bottom: 94px;width: 80%;margin: 0 auto} 

.centencon img{ max-width: 100%; height: auto!important;}



@media screen and (max-width:1050px) {
.centencon{width: 87%;margin: 0 auto} 
	header {
		background-position: right -600px center;
	}

	header .right .mobile {
		display: block;
	}

	header .right .desktop {
		display: none;
	}


	.wrapper {
		box-sizing: border-box;
		padding: 0px 15px 40px 15px;
	}


}


@media screen and (max-width:1000px) {
.centencon{width: 90%;margin: 0 auto} 
	.wrapper {
		width: 100%;
	}

	nav {
		position: fixed;
		top: 0px;
		left: 0px;
		margin-left: 0;
		z-index: 900;
		width: 100%;
		background-color: #0460A3;
		padding-top: 60px;
		text-align: center;
		-webkit-transition: all .2s linear;
		   -moz-transition: all .2s linear;
			-ms-transition: all .2s linear;
			 -o-transition: all .2s linear;
				transition: all .2s linear;
	}
	nav .mobiledis{
		display: block;
	}
	nav .mobile {
		display: none;
	}
	nav .mobile1 {
		display: none;
		height: 51px;
	}
	nav .mobile2 {
		display: none;
		height: 51px;
	}
	nav.on {
		/*display: block;*/
		top: 20px;
		height: 100%;
	}
	nav.off {
		/*display: none;*/
		top: -520px;
	}
	nav li {
		display: block;
		color: #FFFFFF;
		border-bottom: 1px solid #2D82B8;
		padding: 10px 0;
		font-weight: normal;
	}
	nav li.active:after {
		content: none;
		bottom: auto;
		left: auto;
		width: auto;
		height: 0;
		background-color: none;
	}
	nav li:hover:after {
		content: none;
		bottom: auto;
		left: auto;
		width: auto;
		height: 0;
		background-color: none;
	}
	



}
@media screen and (max-width:640px) {
.centencon{width: 95%;margin: 0 auto}
.foot {
    position: fixed;
    bottom: 0;
    width: 100%;
    background: url(../images/footbg.jpg) repeat-x;
    text-align: center;
    line-height: 24px;
    font-size: 14px;
    border-top: 2px solid #fff;
    color: #fff;
}
}


@media screen and (max-width:380px) {
	header .logo {width: 100px;position: relative;top: 10px;}
	header {background-position: right -620px center;}
	header .right { float: right; position: relative;right: 46px; top: 19px;}
.centencon{width: 95%;margin: 0 auto} 
}
@media screen and (max-width:420px) {
	.wrapper .left img{width:200px;}
.centencon{width: 95%;margin: 0 auto} 
}