/* 全局css样式开始 */
body {font-family:   '微软雅黑','Arial';font-size: 14px;color: #565656;background:#fff;}
body.active{overflow:hidden;}
*{margin:0;padding:0;}
a:hover{ text-decoration:none;}
a:focus{outline:none;text-decoration:none;}
em{font-style:normal;}
.wraper{ max-width:1270px;height:auto;position:relative; margin:0 auto;padding:0 10px;}
.headwrap{max-width:1270px;height:100px;position:relative; margin:0 auto;padding:0 10px ;background:#fff;}
.allbox{ max-width:1270px;height:auto;position:relative; margin:0 auto;padding:0 10px;}

.rowpatch{margin-left:-10px;}
.boxBlock{margin-left:10px;}
a {text-decoration: none;blr: expression(this.onFocus=this.blur());-webkit-transition: 0.4s;-moz-transition: 0.4s;-o-transition: 0.4s;transition: 0.4s;}
ul,p{margin-bottom:0;}
.time1{transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.vertical-wraper{display:table;width:100%;height:100%;min-height:100%;}	
.vertical-wraper-inner{display:table-cell;vertical-align:middle;}
.c3d2{color:#3d6294}
.cfff{color:#fff;}
.fwb{font-weight:bold;}

/* 全局css样式结束 */
.header{position:absolute;bottom:0;left:0;right:0; width:auto; width:100%;height:100px;}
.header .logo{float:left;width:40%;height:100px;padding-top:24px;border-right:1px solid #d2d2d2;}
.header .relateicon{float:left;width:60%;height:100px;padding-top:35px;}
.header .search{ float:left;width:200px;height:40px;border-bottom:1px solid #d2d2d2;margin-left:5%;margin-right:5%;}
.header .search input{border:none;background:none;}
.header .search .txt{float:left;width:160px;height:40px; font-size:14px;color:#565656;}
.header .search .submit{float:left;width:40px;height:40px;background:url(../imgs/search.png) no-repeat center center;cursor: pointer;}
.header .loginbtn{float:left;display:block;width:120px;height:40px;line-height:40px;padding-left:48px;border-radius:5px;background-color:#3b6db0;background-repeat:no-repeat;background-position:20px center;color:#fff;}
.header .oalog{background-image:url(../imgs/OA.png);}
.header .emaillog{margin-left:15px;background-image:url(../imgs/email.png); }
.header .navicon{position:absolute;top:10px;right:10px;width:80px;height:80px; background :#3b6db0 url(../imgs/menu.png) no-repeat center center;cursor:pointer;border-radius:5px;float:right;}
.header .searchicon{display:none;}
.qrbtn{position:relative;overflow:visible;float:left;display:block;margin-left:15px;width:80px;height:40px;line-height:40px; border-radius:5px;text-align:center;background-color:#3b6db0; color:#fff;}
.qr-cont{
	position:absolute;
	bottom:40px;
	right:0;
	width:auto;
	height:auto;
	padding-bottom:40px;
	display:none;
}
.qr-cont img{width:200px;}
.qr-cont .download{
	display:block;
	width:70px;
	height:30px;
	line-height:30px;
	border-radius:5px;
	text-align:center;
	background-color:#3b6db0;
	color:#fff;
	margin:0 auto;
}
.qrbtn:hover .qr-cont{display:block;}


.menu-wrap{display:none;position:fixed;top:0;left:0;  width:100%;height:100%;padding:50px;background-color:#3d6294;background-image:url(../imgs/navbg.jpg);background-repeat:no-repeat;background-position: center center;background-size:cover; z-index:200;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.menu-wrap .contop{width:100%;height:auto;}
.menu-wrap .contop .logo{float:left;width:170px;height:50px;}
.menu-wrap .contop .eng{color:#fff;display:inline-block; width:30px;height:30px;margin:12px 0 0 32px;background:url(../imgs/engicon.png) no-repeat center center;}
 
.menu-wrap .close-btn{width:30px;height:30px;margin-top:11px;background:url(../imgs/close.png) no-repeat center center;background-size:contain;cursor:pointer;}
.menu-wrap .menulist{position:relative;top:26%;width:100%;height:100%;overflow:auto;}
.menu-wrap .menulist ul {width:100%;height:auto;display:block;text-align:center;font-size:0;}
.menu-wrap .menulist ul li{position:relative;display:inline-block;width:14%;height:auto; text-align:center;transition:all 0.4s ease;-moz-transition:all 0.4s ease;-webkit-transition:all 0.4s ease;-o-transition:all 0.4s ease;}
.menu-wrap .menulist ul li a{display:inline-block;padding:0 5px;font-size:18px;font-weight:bold;color:#fff;line-height:80px;text-align:center;}
.menu-wrap .menulist ul li a:hover{opacity:0.7;}
.menu-wrap .menulist ul li:hover a{border-bottom:1px solid #fff;}
.menu-wrap .menulist ul li.on a{border-bottom:1px solid #fff;}
.menu-wrap .menulist ul li .submenu{display:none;position:absolute;width:100%;}
.menu-wrap .menulist ul li .submenu a{display:block;font-size:14px;font-weight:normal;line-height:40px;text-align:center;}
.menu-wrap .menulist ul li .submenu a:hover,.menu-wrap .menulist ul li.on .submenu a,.menu-wrap .menulist ul li:hover .submenu a {border:none;}

.menufix{display:none;position:fixed;top:40px;width:100%;}
.menubtn{position:absolute;right:10px;width:80px;height:80px; background :#3b6db0 url(../imgs/menu.png) no-repeat center center;cursor:pointer;border-radius:5px; }
.menu-wrap .conbot{position:absolute;bottom:0;left:0;width:100%;height:aut0;padding:20px 50px;color:#fff;}
/* .menu-wrap .conbot .relatelink{position:relative;float:left;width:180px;height:30px;padding:0 10px;line-height:30px;text-align:center;border:1px solid #fff;border-radius:5px;}
.menu-wrap .conbot .relatelink .arrow{display:inline-block;float:right;width:8px;height:8px;margin-top:3px; border-bottom:8px solid #fff;border-left:8px solid #3E6294;border-right:8px solid #3E6294;border-top:8px solid #3E6294;cursor:pointer;}
.menu-wrap .conbot .relatelink .linkbox{display:none;position:absolute;left:0;width:100%;height:auto;background:#3d6294;padding: 10px;bottom:35px;border:1px solid #ffff;border-radius:5px;} 
.menu-wrap .conbot .relatelink .linkbox a{display:block;color:#fff;font-size:12px;line-height:25px;}
.menu-wrap .conbot .relatelink .linkbox a:hover{color:#ddd;}
.menu-wrap .conbot .relatelink .arrow.on{border-top:8px solid #fff; border-bottom:8px solid #3E6294;margin-top:12px;} */

.menu-wrap .conbot .share{float:left;margin-left:20px}
.menu-wrap .conbot .share a{display:inline-block;width:30px;height:30px;margin:0 5px;-webkit-transition: 0s;-moz-transition: 0s;-o-transition:0s;transition: 0s;}
.menu-wrap .conbot .share .sina{background:url(../imgs/sina.png) no-repeat center 0;}
.menu-wrap .conbot .share .qq{background:url(../imgs/qq.png) no-repeat center 0;}
.menu-wrap .conbot .share .weixin{background:url(../imgs/weixin.png) no-repeat center 0;}
.menu-wrap .conbot .share a:hover{background-position:center -30px;}

.menu-wrap .conbot .navright{width:100%;height:auto;text-align:right;font-size:12px; }
.menu-wrap .conbot .navright span{display:inline-block;padding:0 5px;margin-bottom:5px;}
.menu-wrap .conbot .navright a{color:#fff;}


.footer.mainfooter{position:relative;width:100%;height:auto;top:20px; }
.footer.subfooter{position:relative;width:100%;height:auto;padding:40px 0 10px;bottom:0;}
.footer .mainshare{width:20%;float:left;text-align:left;vertical-align:middle;}
.footer .mainshare a{display:inline-block;width:30px;height:30px;margin:0 5px;-webkit-transition: 0s;-moz-transition: 0s;-o-transition:0s;transition: 0s;}
.footer .mainshare .sina{background:url(../imgs/sina.png) no-repeat center 0;}
.footer .mainshare .qq{background:url(../imgs/qq.png) no-repeat center 0;}
.footer .mainshare .weixin{background:url(../imgs/weixin.png) no-repeat center 0;}
.footer .mainshare a:hover{background-position:center -30px;}
.footer .copyright{width:80%;float:left;text-align:right;font-size:12px;vertical-align:middle;color:#565656;}
.footer .copyright span{display:inline-block;padding:0 3px;}
.footer .copyright a{color:#565656;}
.footer .copyright a:hover{color:#3d6294}

.footer.mainfooter .copyright{color:#f5f5f5}
.footer.mainfooter .copyright a{color:#f5f5f5;}
.footer.mainfooter .copyright a:hover{color:#ccc}


.top{position:fixed;bottom:130px;right:30px;display:none;width:60px;height:60px;background:url(../imgs/top.png) no-repeat center center;background-size:contain;cursor:pointer;}
.top:hover{background:url(../imgs/top2.png) no-repeat center center;background-size:contain;}

 
 


@media (max-width:1200px){
										.header .logo{padding-top:30px;}
										.header .logo .logo1{width:130px;}  
										.header .logo .logo2{width:230px;} 
										.header .search{margin-left:2%;margin-right:2%;} 
									
										.header .loginbtn span{display:none;}
										.header .loginbtn{width:40px;height:40px;padding-left:0;background-position:center center}
										 
										 
									}
									
@media  (max-width:992px){	
										.allBox{max-width:1080px;padding:0 20px; }
										.allBox2{max-width:1240px;padding:0 20px;margin:0 auto;}
										.menu-wrap .menulist{top:27px;}
										.menu-wrap .menulist ul li{width:100%;float:none;} 
										.menu-wrap .menulist ul li .submenu{position:relative}
										.menu-wrap .menulist ul li a{line-height:55px;}
										.menubtn,.header .navicon{ width:40px;height:40px;background-size:25px;right:10px;}
										.header .navicon{top:35px;}
										.menu-wrap .menulist ul li a{font-size:16px;} 
										.menu-wrap .menulist ul li a:hover{border:none;}
										.menu-wrap .menulist ul li.on a{border-bottom:none;} 
										.menu-wrap .conbot .relatelink{margin-bottom:20px}
										.headwrap,.header{height:80px;}
										.header .logo{padding-top:22px;}
										.header .logo .logo1{width:105px;}  
										.header .logo .logo2{width:182px;} 
										
										.header .relateicon{ height:80px;padding-top:23px;padding-right:60px;}
										.header .search{margin-left:1%;margin-right:5%;}
										.header .navicon{top:23px;} 
										.top{width:40px;height:40px;right:10px;}
										.header .emaillog{margin-left:5px;}
										.qrbtn{margin-left:5px;width:50px;font-size:12px;}
										.qr-cont{padding-bottom:20px;}
									}

@media (max-width:768px){
										.menu-wrap .menulist{top:120px;}
										
										.header .logo{padding-top:19px;}
										.header .logo .logo1{width:130px;}
										.header .logo .logo2{display:none;} 
										.menu-wrap .menulist ul li:hover a{border-bottom:none;}
										.footer .mainshare,.footer .copyright{width:100%;}
										.footer .mainshare{text-align:center;margin-bottom:10px;}
										.footer .copyright{text-align:center;}
									}	 
									
@media (max-width:767px){
										 
										.menu-wrap .conbot{display:none;}
										.header .search{  width:150px;height:40px;float:left;margin-right:10px; margin-left:10px;}
										.header .search .txt{ width:110px; font-size:12px; }
										.header .search .submit{ width:40px; }
										.header .loginbtn {display:none;}
										.qr-cont img{
											width:120px;
											height: auto;
										}
									}									

@media (max-width:700px) and (orientation:landscape) {
														.menu-wrap .menulist {top:36px;}
														.menu-wrap .menulist ul li{position:relative;width:20%;height:auto;float:left;}
														.menu-wrap .menulist ul li a{line-height:36px;font-size:12px;font-weight:normal;}	 
													}
@media (max-width:500px) and (orientation:landscape) {																												
														.menu-wrap .menulist ul li{ width:25%; }												
													}
@media (max-width:420px) and (orientation:landscape) {																												
														.menu-wrap .menulist ul li{ width:33.33%; }												
													}													
@media (max-width:480px){
										.menu-wrap,.menu-wrap .conbot{padding:15px;}
										.menu-wrap .contop .logo{width:110px;height;40px;}
										 
										.menu-wrap .close-btn{width:20px;height:20px;margin-top:15px;}
										 
										.menu-wrap .menulist {top:8px;}
										.menu-wrap .menulist ul li a{line-height:38px;font-size:14px;}										 										 
										.header .logo{padding-top:22px;}
										.header .logo .logo1{width:105px;} 
										.header .search{display:none;position:absolute;bottom:90px;background:#fff;right:60px;width:170px}
										.header .search .txt{ width:130px; padding-left:10px; }
										.header .searchicon{display:block;width:40px;height:40px;margin-left:30px;background:url(../imgs/search.png) no-repeat center center;float:left;}
									}

	









 
 