header{
	width: 100%;

	padding: 15px 25px;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 20;
}
header div.left img {
	width: 105px;
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
}
header div.left a {
	color: #FFF;
}
header div.left span{
display: inline-block;
    vertical-align: middle;
    color: #fff;
}
header div.left b {
    margin-right: 15px;
    display: inline-block;
    vertical-align: middle;
    font-weight: normal;
    font-size: 13px;
    color: #fff;
}
header .centerTitle{
	width: 60%;
	line-height: 36px;
	display: inline-block;
	text-align: center;

}
header .centerTitle a{
		margin-left: 30px;
		color: #79aff4;
		font-size: 16px;
}
header .centerTitle a:nth-child(1){
color: #fff;
}
header div.right a.zc_btn {
    height: 36px;
    width: 76px;
    line-height: 36px;
    border: 1px solid #fff;
    border-radius: 36px;
    color: #fff;
    margin-right: 10px;
}
header div.right a.dashboard {
	height: 36px;
	line-height: 36px;
	border: 1px solid #fff;
	border-radius: 36px;
	color: #fff;
	margin-right: 10px;
}

header div.right a.dl_btn {
    height: 36px;
    line-height: 36px;
    border: 1px solid #fff;
    border-radius: 36px;
    color: #fff;
}

header div.right a {
    display: inline-block;
    color: #ddd;
    padding: 0 23px;
    font-size: 14px;
}

header div.right a:hover {
	background: #fff;
	color:  #328bf3;
}

./*banner {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #ddd;
}
.banner .hd {
    position: fixed;
    left: 0;
    top: 650px;
    z-index: 1;
    width: 100%;
    overflow: hidden;
}
.banner .hd ul {
    text-align: center;
}

.banner .bd ul {
    width: 100% !important;
}
.banner .bd li {
    width: 100% !important;
    height: 764px;
    background-position: center 0px;

    background-repeat: no-repeat;
    min-width: 1200px;
    background-size:100%;
}

.banner .hd ul .on {
    background:rgba(255,255,255,.5)
}
.banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    display: inline;
    zoom: 1;
    width: 14px;
    height: 14px;
    margin: 5px;
    overflow: hidden;
    font-size: 0;
    background-color: #fff;
    border-radius: 50%
}
.banner .bd li a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    height: 100%;
}

*/









.banner {
    width: 100%;
    position: relative;
    z-index: 1;
    overflow: hidden;
    background: #1058b2;

}
.banner .bd ul {
    width: 100% ;
}

.banner .bd li {
    width: 100%;
    background-repeat: no-repeat;
    min-width: 1200px;
    background-size:100%;
}

.banner .bd li a {
    display: block;
    width: 1200px;
    margin: 0 auto;
    height: 100%
}

.banner .hd {
    position: fixed;
    left: 0;
    top: 620px;
    z-index: 1;
    width: 100%;
    overflow: hidden
}

.banner .hd ul {
    text-align: center
}

.banner .hd ul li {
    cursor: pointer;
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 14px;
    height: 14px;
    margin: 5px;
    overflow: hidden;
    font-size: 0;
    background-color: #fff;
    border-radius: 50%
}

.banner .hd ul .on {
    background:rgba(255,255,255,.5)
}
















.content_home .P1{
	width:100%;
	height: 790px;
	background-color: #f1f5f8;
	text-align: center;
	vertical-align: middle;
}

.content_home .P1 .text{
	display: inline-block;

width: 464px;
height: 300px;
text-align: center;

}
.content_home .P1 .text h2{
font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2a3544;
	text-align: left;

}
.content_home .P1 .text p{
	font-size: 16px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #9a9fa6;
	text-align: left;
	margin-top: 20px;
}
.content_home .P1 .picture{
	display: inline-block;

	margin-top: 128px;

/*	width: 416px;
height: 300px;*/
}
.content_home .P1 .picture .data{
position: absolute;
width: 528px;
	height: 133px;
	right: -139px;
	top: -56px;
}
.content_home .P1 .picture img{
	width: 691px;
	height: 417px;

	position: relative;
}

.content_home .P1 .picture .mrerit{
	width: 706px;
	height: 133px;
	right: 390px;
	position: absolute;
	top: 477px;
	z-index: 10;
}

.content_home .P2{
	width: 100%;
	height: 582px;
	background: #fff;


}

.content_home .P2 .content{
width: 1200px;
	height: 725px;
	background-color: #fff;
	margin: auto;
	left: 0;
	right: 0;
	top: -80px;
	z-index: 8;
}
.content_home .P2 .content h2{
	font-size: 60px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2a3544;
	text-align: center;
	margin-top: 100px;
}
.content_home .P2 .content p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #9a9fa6;
	margin-top: 26px;
	text-align: center;
}
.content_home .P2 .content .middle{
width: 100%;
	 display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
     margin: 22px auto;
     text-align: center;

}
.content_home .P2 .content .middle ul{
	width: 100%;
}
.content_home .P2 .content .middle ul li{
	display: inline-block;
	width: 32%;
}
.content_home .P2 .content .middle ul li img{

	width: 200px;
	height: 236px;
	display: block;
	margin: auto;

}
.content_home .P2 .content .middle ul li span{
	display: block;
	margin: auto;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2a3544;
	margin-top: 24px;
}

.content_home .P2 .content .middle ul li p{
	display: block;
	margin: auto;
	width: 299px;
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 18px;
	letter-spacing: 0px;
	color: #72767b;
	margin-top: 24px;
}
.content_home .P3{
	height: 1080px;
	background-image: linear-gradient(-45deg,
		#1d79e3 0%,
		#328bf3 100%);
}

.content_home .P3 .BGpic{
	margin-top: 20px;
width: 1199px;
	height: 139px;
	left: 0;
	right: 0;
margin: auto;
top:196px;


}

.content_home .P3 .BGpic img{
	width: 1199px;
	height: 139px;
	top: 20px；
}
.content_home .P3 .left{
	margin-top: 288px;
	width: 53%;
}

.content_home .P3 .left img{
max-width: 100%;
max-height: 792px;
}

.content_home .P3 .righttext{
	margin-top: 288px;
	margin-left: 0;
	width: 33%;
	float: right;
	height: auto;
	margin-right: 12%;


}


.content_home .P3 .righttext h2{
	width: 98%;
	font-size: 60px;
/*	margin-left: 34px;*/
color: #fff;
}

.content_home .P3 .righttext p{
	font-size: 16px;
			width: 98%;
	font-weight: normal;
	font-stretch: normal;

	letter-spacing: 0px;
	color: #8cc1ff;
}
.content_home .P3 .righttext .production{
	margin-top: 50px;
}
.content_home .P3 .righttext .production h3{
font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	color: #fff;
	letter-spacing: 0px;


}
/*.content_home .P3 .righttext .production h3:hover{
color: #fff;
}*/
.content_home .P3 .righttext .production p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;
	/*color: #ffffff;*/
}

.content_home .P3 .righttext .production p:hover{
color: #fff;
}



.content_home .P3 .righttext .production2{
	margin-top: 50px;
}
.content_home .P3 .righttext .production2 h3{
font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	opacity:.4;
	letter-spacing: 0px;
	color: #ffffff;
}

.content_home .P3 .righttext .production2 p{
	font-size: 14px;
	font-weight: normal;
	font-stretch: normal;
	line-height: 24px;
	letter-spacing: 0px;

	color: #8cc1ff;;
}
.content_home .P3 .righttext .production2 p:hover{
	color: #fff;
}
.content_home .P4{
	height: 903px;
	background: #fff;
}
.div1200 {
    width: 1200px;
    margin: 0 auto;
    height: 900px;

    /* overflow: hidden; */
}

.content_home .P4 .kehu{
	width: 500px;
	height: 500px;

	top: 290px;


}
.content_home .P4 .kehu h2{
font-size: 60px;

	color: #2a3544;
	margin: auto;
	left: 0;
	right: 0;
}

.content_home .P4 .kehu p{
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #9a9fa6;
	margin-top: 15px;
}

.content_home .P4 .kehu .kehuUrl{

    width: 90%;
   margin-top: 20px;
    display: flex;
    justify-content:  space-between;;
    flex-wrap: wrap;
    text-align: center;
}

.content_home .P4 .kehu .kehuUrl a{
	color: #2a3544;
    display: inline-block;
    text-align: center;
        width: 24%;
    height: auto;
    margin-top: 25px;
}
.content_home .P4 .kehu .kehuUrl a img {
    width: 54px;
    height: 54px;
    display: block;

}
.content_home .P4 .div1200 .zhihuishu{
	width: 280px;
	height: 352px;
	background-color: #cdd2d6;
right: 10px;
top: -54px;
text-align: center;
}

.content_home .P4 .div1200 .zhihuishu div{
	text-align: center;
}

.content_home .P4 .div1200 .zhihuishu div img{
	margin-top: 46px;
}

.content_home .P4 .div1200 .zhihuishu h5{
font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #2a3544;
	margin-top: 20px;

}
.content_home .P4 .div1200 .zhihuishu p{
	margin: auto;
	width: 238px;
	margin-top: 30px;
}

.content_home .P4 .div1200 .aotuzuche{
	width: 280px;
	height: 352px;

right: 348px;
top: 180px;
text-align: center;
background-color: #2980e6;
}

.content_home .P4 .div1200 .aotuzuche h5{
font-size: 18px;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 20px;

}

.content_home .P4 .div1200 .aotuzuche p{
	margin: auto;
	width: 238px;
	margin-top: 30px;
	color: #fff;
	opacity: .4;
}

.content_home .P4 .div1200 .aotuzuche div img{
	margin-top: 46px;
}













.content_home .P4 .div1200 .shijijiayuan{
	width: 280px;
	height: 352px;
	background-color: #45c788;

right: -10px;
top: 400px;
text-align: center;

}

.content_home .P4 .div1200 .shijijiayuan h5{
font-size: 18px;
	font-family: MicrosoftYaHei;
	font-size: 18px;
	font-weight: normal;
	font-stretch: normal;
	letter-spacing: 0px;
	color: #ffffff;
	margin-top: 20px;

}

.content_home .P4 .div1200 .shijijiayuan p{
	margin: auto;
	width: 238px;
	margin-top: 30px;
	color: #fff;
	opacity: .4;
}

.content_home .P4 .div1200 .shijijiayuan div img{
	margin-top: 46px;
}

.content_home .P4 .div1200 .clienttt{
	width: 823px;
	height: 139px;
	bottom: 120PX;
	right: -15%;

}


.yqinfo {
    width: 100%;
    height: 192px;
    background: #2d2b2a;
    position: relative;
}
.yqinfo a {
	color: #565454;
}
.blank{
     width: 100%;
    height: 47px;
    background: #2d2b2a;
}

.yqinfo p{
    margin-left: 10%;
    margin-bottom: 20px;
    color: #565454;
}
.yqinfo strong{
     margin-left: 10%;
     color: #565454;
}

.dianhua h5{
  color:   #fafafa;
  font-size: 40px;
  right: 10%;
  top: 18%;
  position: absolute;
}

.dianhua p{
    font-size: 13px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    position: absolute;
     right: 10%;
      top: 44%;
      color: #565454;
}




/*mobile*/
@media (max-width: 767px) {
 .p1{background: none;}
}
/*pad*/
@media (max-width: 991px) {
  .p1{background: none;}
}
/*lappad*/
@media (max-width: 1199px) {
  .p1{background: none;}
}
/*大笔记本*/
@media (max-width: 1339px) {
   .p1{background: none;}
}










/*登陆注册*/

.zhegai{width: 100%;
	height: 100%;
	position: fixed;
	z-index: 9;
	background: rgba(0,0,0,.8);
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	display: none;
}
.loginModel{
	width: 890px;
	height: 538px;
	background: url(/images/zhuceleft.png) 10% center no-repeat #fff;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	margin: auto;
	left: 0;
	right: 0;

	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 10;
	padding-left: 470px;
	display: none;
}
a.closeButton{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 24px;
	color: #999;
	transition: .3s ease;
	transform: rotate(0deg);
}
a.closeButton:hover{
	transition: .3s ease;
	transform: rotate(90deg);
}
.loginModel form{
	width: 360px;
	padding-top: 70px;
}
.loginModel form a{
	color: #479edb;
}
.loginModel form > h2{
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.loginModel form > span{
	font-size: 14px;
	color: #999;
	margin-top:10px;
	display: inline-block;
}
.loginModel form .iippt{
	width: 100%;
	height: 40px;
	border-radius: 40px;
}
.loginModel form .iippt2{
	width: 210px;
	height: 40px;
}
.loginModel form .loginButton{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	color: #fff;
	text-align: center;
	font-size: 16px;
	background: #328bf3;
	display: inline-block;
	border-radius: 40px;

}
.loginModel form .loginButton:hover{
	background: #328bf3;
}
.loginModel form .linesss{
	width: 100%;
	height: 60px;
	line-height: 60px;
	 text-align: center;
	 background: url(/images/lines.png) left center repeat-x;
	}
.loginModel form .linesss > span{
	padding:10px;
	background: #fff;
}
.sanfang{
	text-align: center;
}
.weixinButtons{
	width: 50px;
	height: 50px;
	display: inline-block;
	background: url(../images/weixin.png) no-repeat;
	margin-right: 30px;
}
.qqButtons{
	width: 50px;
	height: 50px;
	display: inline-block;
	background: url(../images/qq.png) no-repeat;
}

.registerModel{
	width: 890px;
	height: 534px;
	background: url(../images/zhuceleft.png) 10% center no-repeat #fff;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
	margin: auto;
	left: 0;
	right: 0;
	top: 0;
	bottom: 0;
	position: fixed;
	z-index: 10;
	padding-left: 470px;
	display: none;
}
a.closeButton{
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 24px;
	color: #999;
	transition: .3s ease;
	transform: rotate(0deg);
}
a.closeButton:hover{
	transition: .3s ease;
	transform: rotate(90deg);
}
.registerModel form{
	width: 360px;
	padding-top: 70px;
}
.registerModel form a{
	color: #479edb;
}
.registerModel form > h2{
	font-size: 32px;
	color: #333;
	font-weight: bold;
}
.registerModel form > span{
	font-size: 14px;
	color: #999;
	margin-top:10px;
	display: inline-block;
}
.registerModel form .iippt{
	width: 100%;
	height: 40px;
	border-radius: 40px;
}
.registerModel form .iippt2{
	width: 250px;
	height: 40px;
	border-radius: 40px;
	}
.registerModel form .loginButton{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	color: #fff;

	text-align: center;
	font-size: 16px;
	background: #328bf3;
	display: inline-block;
	border-radius: 40px;
}
.registerModel form .loginButton:hover{background: #328bf3;}
.registerModel form .linesss{
	width: 100%;
	height: 60px;
	line-height: 60px;
	text-align: center;
	background: url(../images/lines.png) left center repeat-x;
}
.registerModel form .linesss > span{padding:10px;background: #fff;}
.sanfang{text-align: center;}
.weixinButtons{width: 50px;height: 50px;display: inline-block;background: url(..img/shapeweixin.png) no-repeat;margin-right: 30px;}
.qqButtons{width: 50px;height: 50px;display: inline-block;background: url(../images/qq.png) no-repeat;}
.registerModel form a.getyzm{display: inline-block;width: 100px;height: 40px;
	border-radius: 40px;
	line-height: 40px;border: 1px solid #328bf3;color: #328bf3;text-align: center;float: right;}

.forgotModel{
	width: 890px;
	height: 590px;
	background: url(../images/zhuceleft.png) 10% center no-repeat #fff;
	border-radius: 2px;
	box-shadow: 0 0 10px rgba(0,0,0,.5);
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
position: fixed;
z-index: 10;
padding-left: 470px;
display: none;
}
a.closeButton{position: absolute;right: 10px;top: 10px;font-size: 24px;color: #999;transition: .3s ease;transform: rotate(0deg);}
a.closeButton:hover{transition: .3s ease;transform: rotate(90deg);}
.forgotModel form{width: 360px;padding-top: 70px;}
.forgotModel form a{color: #479edb;}
.forgotModel form > h2{font-size: 32px;color: #333;font-weight: bold;}
.forgotModel form > span{font-size: 14px;color: #999;margin-top:10px;display: inline-block;}
.forgotModel form .iippt{
	width: 100%;
	height: 40px;
	border-radius: 40px;
}
.forgotModel form .iippt2{
	width: 250px;
	height: 40px;
	border-radius: 40px;
}
.forgotModel form .loginButton{
	width: 100%;
	height: 40px;
	line-height: 40px;
	margin-top: 30px;
	 color: #fff;
	 text-align: center;font-size: 16px;
	 background: #328bf3;
	 display: inline-block;
	 border-radius: 40px;
	}
.forgotModel form .loginButton:hover{background: #328bf3;}
.forgotModel form .linesss{
	width: 100%;
	height: 60px;
	line-height: 60px;
	 text-align: center;
	 background: url(../images/lines.png) left center repeat-x;
	}
.forgotModel form .linesss > span{padding:10px;background: #fff;}
.sanfang{text-align: center;}
.weixinButtons{
	width: 50px;
	height: 50px;
	display: inline-block;background: url(..img/shapeweixin.png) no-repeat;
	margin-right: 30px;
}
.qqButtons{width: 50px;height: 50px;display: inline-block;background: url(../images/qq_icon.svg) no-repeat;}
.forgotModel form a.getyzm{display: inline-block;width: 100px;height: 40px;
	border-radius: 40px;
	line-height: 40px;border: 1px solid #328bf3;;color: #328bf3;;text-align: center;float: right;}