@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,button,p,blockquote,th,td,hr,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	margin:0;
	padding:0;}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	font-weight:400;}
address,caption,cite,code,dfn,em,th,var{
	font-style:normal;
	font-weight:400;}
ol,ul{
	list-style:none;}
a, a:hover{
	cursor:pointer;
	text-decoration:none;}
fieldset,img{
	border:0;}
img{
	vertical-align:top;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{
	display:block;}
audio,canvas,video{
	display:inline-block;
	*display:inline;
	*zoom:1;}
select{
	padding:2px 0;
	height:22px;
	line-height:18px;}
button,input,select,textarea{
	font-size:100%;
	border:none;}
button,input[type="button"],input[type="reset"],input[type="submit"]{
	cursor:pointer;
	-webkit-appearance:button;}
q:before,q:after{
	content:'';}
ins{
	text-decoration:none;}
del{
	text-decoration:line-through;}
mark{
	background:#ff0;}
sub,sup{
	position:relative;
	font-size:75%;
	line-height:0;
	vertical-align:baseline;}
sup{
	top:-0.5em;}
sub{
	bottom:-0.25em;}
table{
	border-collapse:collapse;
	border-spacing:0;}
th{
	text-align:inherit;}
iframe{
	display:block;}
body{
	-webkit-text-size-adjust:none;
	-moz-text-size-adjust:none;
	-ms-text-size-adjust:none;
	-o-text-size-adjust:none;
	text-size-adjust:none;
	word-wrap:break-word;
	font-family: Helvetica Neue,Helvetica,PingFang SC,Microsoft YaHei;
	font-size:12px ;
	line-height: 1.5;
	color:#666;
	background:#fff;
	height:100%;
	overflow:hidden;
}

/*reset end*/

/*public start*/
.tr{text-align:right;}
.tc{text-align:center;}
.tl{text-align:left;}
.bc{margin-left:auto; margin-right:auto;}
.fl{_display:inline; float:left;}
.fr{_display:inline; float:right;}
.cb{clear:both;}

.f14{font-size:14px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f24{font-size:24px;}

/*
.c{display:block; zoom:1;}
.c:after{content:"."; display:block; visibility:hidden; height:0; clear:both;}
*/
.c{*zoom:1}
.c:before,.c:after{display:table; content:"";}
.c:after{clear:both;}
.cutstr{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt25{ padding-top:25px;}
.pt30{ padding-top:30px;}
.pt40{ padding-top:40px;}
.pt50{ padding-top:50px;}
.pt70{ padding-top:70px;}
.pb20{ padding-bottom:20px;}
.pl4{ padding-left:4px;}
.pl10{ padding-left:10px;}

.mt30{margin-top: 30px;}


/*
箭头
.icon{
	width:0;
	height:0;
	font-size:0;
	border-left:4px dashed transparent;
	border-right:4px dashed transparent;
	border-top:4px solid #14a4da;}
*/

/*
焦点虚线
<a href=”#” hidefocus=”true” >链接</a>
a:focus{-moz-outline-style:none; outline:none;}

透明度：
filter:Alpha(opacity=70);
opacity:0.7;

两端对齐：
text-align:justify;
text-justify:inter-ideograph;

灰度滤镜
filter: grayscale(100%);
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: Gray();
*/

.contanter{
    margin:0 auto;
    position:relative;
    width:100%;
	height:100%;
	min-width:900px;
	overflow:hidden;
	background:#3b5eb6 url(../img/bg.jpg) right top no-repeat;
	background-size:auto 100%}
.logo{
	position:absolute;
	left:100px;
	top:12%;}
.cwz{
	position:absolute;
	left:100px;
	top:50%;
	height:24.44%;
	max-height:264px;
	color: #fff ;
	transform: translate(0, -50%);
	-ms-transform:translate(0, -50%); 	/* IE 9 */
	-moz-transform:translate(0, -50%); 	/* Firefox */
	-webkit-transform:translate(0, -50%); /* Safari 和 Chrome */
	-o-transform:translate(0, -50%); 	/* Opera */}
.cwz .p1{font-size: 68px; line-height: 1; font-weight: bold;}
.cwz .p2{ padding-top: 10px; font-size: 68px; line-height: 1; }
.cwz .p3{ padding-top: 40px; font-size: 38px; line-height: 38px; font-weight: bold; }
.cwz .p4{ padding-top: 20px; font-size: 20px; line-height: 20px; }
.swz{
	position:absolute;
	left:0;
	bottom:14%;
	padding-left: 100px
	;color: #fff;}
.swz .line{ position: absolute; top: 10px; left: 0; display: block; width: 70px; height: 0; border-bottom: 1px solid #fff; }
.swz .p1{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.swz .p2{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.swz .p3{ position: relative; display: block; left: 0;height:20px;width:190px; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; }
.fwz{
	position:absolute;
	left:0;
	bottom:14%;
	padding-left: 550px
	;color: #fff;}
.fwz .line{ position: absolute; top: 10px; left: 0; display: block; width: 70px; height: 0; border-bottom: 1px solid #fff; }
.fwz .p1{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.fwz .p2{ padding-bottom:20px; font-size: 20px; line-height: 1; }
.fwz .p3{ position: relative; display: block; left: 0;height:20px;width:220px; font-size: 20px; line-height: 20px; font-weight: bold; color: #fff; }
.footer{
	position:absolute;
	left:0;
	bottom:15px;
	text-align:left;
	padding-left: 100px;
	width:100%;
	font-size:14px;
	color:#fff;
	box-sizing: border-box;}
.pc{
	position:absolute;
	right:0;
	top:12%;
	height:76.38%;}
.bgl{
	position:absolute;
	left:0;
	height:100%;
	width:50%;
	background:#3b5eb6;}
.bgr{
	position:absolute;
	right:0;
	height:100%;
	width:50%;
	background:#f5c70d}
@media screen and (min-height: 1080px){

	.con{
		position:absolute;
		top:50%;
		width:100%;
		transform: translate(0, -50%);
		-ms-transform:translate(0, -50%); 	/* IE 9 */
		-moz-transform:translate(0, -50%); 	/* Firefox */
		-webkit-transform:translate(0, -50%); /* Safari 和 Chrome */
		-o-transform:translate(0, -50%); 	/* Opera */
		height:1080px;}

}
@media screen and (max-width: 1440px){
	.pc{
		height: 66%;
	}
}
@media screen and (max-height: 600px){
	.cwz .p1,.cwz .p2{
		font-size: 58px;
	}
}
@media screen and (max-height: 700px){
	.pc{
		height: 66%;
	}
}
@media screen and (max-height: 750px){
	.logo{
		top: 5%
	}
	.swz,.fwz{
		bottom: 5%
	}
	.cwz{
		top: 40%;
	}
}