@charset "utf-8";
/* CSS Document */

 /* IE下不显示input输入框默认的图标 */ 
::-ms-clear, ::-ms-reveal{display: none;}

body{margin:0px; padding:0px; background:#fff; font-size:12px; font-family:"微软雅黑"}
body a:hover{text-decoration:none;}
input{font-family:"微软雅黑";}
.fl{float:left;}
.fr{float:right;}

header{background:#1e314e; height:84px; position:fixed; top:0; left:0; width:100%; z-index:1000;}


h1{font-size:60px;}
.pt25{padding-top:25px;}
.ad90{width:90%; margin:0 auto; overflow:hidden; max-width:1600px;}
.ad80{width:80%; margin:0 auto; overflow:hidden; max-width:1350px;}
@media (min-width: 899px){
	.ad90{width:90%}
}
.top{width:90%; margin:0 auto}
.logo{float:left; width:18%;}
*, *:after, *:before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

/*menu*/

.animenu {display:inline-block; margin:0px; margin-top:25px;}
.animenu a {
  display: inline-block;
  font-size: 15px;
}
.animenu a {
  color: #fff;
  text-decoration: none;
  font-size:14px;
}



#menu-mobile .bt-menu{ display:none}



.ad1200{width:1200px; margin:0 auto; overflow:hidden}
.ad1280{width:1300px; margin:0 auto; overflow:hidden}
/*
.top{margin-right:15px; margin-top:25px;}
.top input{width:130px; height:33px; border-radius:5px; border:none; color:#fff; font-size:16px; font-family:"微软雅黑"; margin-right:10px;}
*/
.dl{background:#dd9728;cursor: pointer}
.dl:hover{color: #fff; background-color: #be7c14;}
.cj{background:#3eb6c1;cursor: pointer}
.cj:hover{color: #fff; background-color: #1f97a2;}


.top_register{min-width:130px; height:33px; border-radius:5px; border:none; color:#fff;font-size:16px; font-family:'微软雅黑'; margin-right:10px}
.top_register_nowidth{ height:30px; border-radius:5px; border:none; color:#fff;font-size:16px; font-family:'微软雅黑'; }

footer{background:url(../images/footer.png) repeat-x; height:90px; font-size:12px; color:#2e7090; text-align:center; line-height:12px; padding-top:26px;}

 /*
 *  Usage:
 *
      <div class="sk-rotating-plane"></div>
 *
 */
.sk-rotating-plane {
  width: 40px;
  height: 40px;
  background-color: RED;
  /* margin: 40px auto;*/
  -webkit-animation: sk-rotatePlane 1.2s infinite ease-in-out;
          animation: sk-rotatePlane 1.2s infinite ease-in-out; }

@-webkit-keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }

@keyframes sk-rotatePlane {
  0% {
    -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg);
            transform: perspective(120px) rotateX(0deg) rotateY(0deg); }
  50% {
    -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg);
            transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); }
  100% {
    -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg);
            transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); } }
            
            
            

@media screen and (max-width:670px){
	.fs_sp_left{float:none;z-index:1;overflow-y:none; min-width:200px; max-width:100%;}
	.yhzc_inp .pb25 input{width:80%;}
}
@media screen and (max-width:420px){
	.yhzc_inp .pb25 input{width:70%;}
}
/*自适应宽度*/


@media screen and (max-width:1600px){	
	 h1{ font-size:60px}
	
}

@media screen and (max-width:1440px){
	 h1{ font-size:60px}
	
}


@media screen and (max-width:1360px){
	 h1{ font-size:60px}
	
}
@media screen and (max-width:1280px){
	 h1{ font-size:55px}
	.ad1280{width:1200px;}
	.gn_m_dg{ margin:0px 45px;}
	
	.zc{margin:45px auto; width:1200px;}
	.zc_p{line-height:125px; font-size:16px; font-weight:bold; color:#365d98; text-indent:105px; font-family:"微软雅黑";}
	.zc_inp{margin-left:43px; font-family:"微软雅黑";}
	.zc_inp_inp{height:48px;  border:1px solid #c5c5c5; width:356px; border-radius:5px; padding-left:5px;}
	.zc_but{float:none;}

	.indxe_work h3{font-size:16px;}
	.indxe_work img{width:70%;}
	
	.lxwm{padding:30px 0px; float:left}
	.lxwm h2{font-size:28px;}
	.lxwm p{font-size:18px;}
	.address{color:#bbb; margin:0 auto; float:left; width:40%;}
	.address p{ line-height:30px; font-size:14px;}
	
}
@media screen and (max-width:1024px){
	 h1{ font-size:50px}
	 .ad1200{width:100%;}
	.zc{margin:25px auto; width:100%; border-radius:5px; height:auto}
	.zc_p{line-height:60px; font-size:18px; text-align:center; float:none }
	.zc_inp{float:none; width:465px; margin:0 auto; padding-bottom:20px; overflow:hidden}
	.zc_inp_inp{height:48px;  border:1px solid #c5c5c5; width:280px;}
	.m_P{font-size:40px; padding:40px 0px;}
	.ad1280{width:100%}
	.gn_m{margin:40px 0px 0px;}
	.gn_m_dg{width:200px; margin:0px 20px;}
	
	.indxe_work h1{font-size:40px;}
	
	
	.detail,.detail_tt,.detail_ip{height:auto;}
	.detail h1,.detail_ip h1{font-size: 20px; line-height: 36px; padding-left:30px;}
	.detail p,.detail_tt p,.detail_ip p{width:350px; padding-left:30px;}
	
	.detail_img{position:relative; left:0px; margin-top:50px;}
	.detail h1{position:relative; top:-220px; color:#093c55;}
	.detail p{ position:relative; top:-210px; }
	
	.detail_tt h1{text-align:center; width:100%;}
	
	
	.detail_ip h1{margin-top:45px; text-align:center}
	.pt70{padding-top:70px; float:left}
	.pt145{padding-top:145px; float:right}
	
	#menu-mobile .bt-menu{ display:block}
	

}
@media screen and (max-width:750px){
	 h1{ font-size:45px}
	 .ad1280{width:100%}
	.gn_m{margin:40px 0px 0px;}
	.detail_tt{height:auto; text-align:center}
	.detail p{width:320px; padding-left:30px;}
	.ad1200{width:100%;}
	.detail_img{position:relative; left:0px; margin-top:50px;}
	.pt70{padding-top:70px; float:none; text-align:center; width:428px; margin:0 auto}
	.pt145{padding-top:45px; float:none}
	.detail_tt p{width:100%; padding-left:30px;}
	.xx_where{float:left; }
	.detail_ip p{text-align:center; width:100%;}
	.mail_sb{width:100%; margin:134px auto 80px auto; overflow:hidden; line-height:15px; text-align:center}
	.logo img{width:300px; padding-top:5px}
	
	
	.banner_mail_w{width:90%;}
	.banner_mail_inp{width:100%;}
	.banner_mail_but{width:100%; margin-top:20px;}
	
	.lxwm{padding:0px 0px; clear:both; width:100%; text-align:center}
	.lxwm h2{font-size:30px;}
	.lxwm p{font-size:20px;}
	.address{width:100%; clear:both; text-align:center; padding-left:0px;}
	.address h3{font-size:22px; padding:15px 0px 10px;}
	.address p{line-height:26px; font-size:14px;}
}
@media screen and (max-width:670px){
	.gn_m{margin:40px 0px 0px; margin:40px 40px;}
	/*登录*/
	.ym_login_bor{width:100%;}
	.login_dl{padding-left:16%;}
	.login_dl input{width:80%;}
	.w375{width:90%}
	.zhmm_main{width:100%; margin:20px auto 0px auto; height:auto}
	.zc_tab{padding-left:30px;padding-bottom:30px;}
	/* .zc_tab{padding-left:15px;} */
	.mmqr_img{padding-left:5%;}
	.mmqr_p{font-size:16px;}
	/* .zc_input{width:80%; padding-left:5px;} */
	.mail_p{padding:0px 30px;}
	.zh_but{width:80%; min-width:120px; margin-top:20px;margin-bottom:20px;}
	.mail_cx{height:auto}
	.mail_but{padding:0px;}
	#h730{height:auto}
	.zc_p{line-height:40px; font-size:15px; padding-top:10px; text-indent:inherit}
	.zc_inp{width:100%}
	.zc_inp_inp{height:48px; width:100%;} 
	.zc_but{width:80%; margin-left:0px; margin-top:15px;}
	.logo img{width:250px; padding-top:10px}

	
}
@media screen and (max-width:500px){
	 h1{ font-size:35px}
	.logo img{width:230px; padding-top:13px}
}

@media screen and (max-width:420px){
	h1{ font-size:30px}
}
@media screen and (max-width:380px){
	h1{ font-size:25px}
}
@media screen and (max-width:330px){
	h1{ font-size:20px}
}

/*导航栏宽度小的时候*/

#menu-mobile {
	position: absolute;
	top:7px;
	right:0;
	bottom: 0;
	z-index: 1000;
	display: none;
	width: 0;
	height: 100%;
	min-height: 100%;
	color: #a6abab;
	text-transform: uppercase;
	line-height: 35px;
	-webkit-transition: width .25s ease-out;
	transition: width .25s ease-out;
}

#menu-mobile.open {
	width: 120px;
}

#header.style2 #menu-mobile {
	top: 0;
}

#menu-mobile .wrapper-nav {
	position: relative;
	top: -1px;
	bottom: 0;
	overflow: hidden;
	overflow-y: auto;
	width: 100%;
	min-height: 100%;
	background:#1e314e;
}

#menu-mobile .bt-menu { text-align:left; text-indent:18px;
	background:#1e314e url(../images/nav_baise.png) no-repeat 54px;
	position: absolute; background-size:27px 17px;
	/* top: 20px; */
	left: -80px; color:#fff;
	overflow: hidden;
	width:80px;
	cursor: pointer; font-size:15px;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#menu-mobile .bt-menu:after {
	top: 40px;
	left: 22px;
	border-top: 4px solid #888;
	border-bottom: 0;
}

#menu-mobile ul{margin:0px; padding:0px;}

#menu-mobile ul li ul {
	position: static;
	display: none;
	min-width: auto;
	opacity: 1;
}

#menu-mobile ul li.visible ul {
	display: block;
}

#menu-mobile li {
	overflow: hidden;
	padding: 0 0px;
	font-family: 'MuseoSans_xFat';
	line-height: 46px;
	border-bottom:solid 1px #031a3c;
	padding-left:18px;
}

#menu-mobile li li {
	padding: 0;
	width: auto;
	font-family: 'MuseoSans_Thin';
	line-height: 25px;
}

#menu-mobile a {
	color: #fff;
}
#menu-mobile ul li.active a,#menu-mobile a:hover,#header nav.main #menu-mobile ul a:hover,#header nav.main #menu-mobile ul>li:hover>a {
	background: transparent;
	color:#d28f26;
}

#menu-mobile ul li a {
	display: block; font-size:15px;
	text-decoration:none;
	
}

#menu-mobile ul li:first-child a {
	padding-top: 18px;
	text-decoration:none;
}

#menu-mobile ul li li:first-child a {
	padding-top: 0;
}

#menu-mobile ul li em {
	display: block;
	font-style: normal;
	cursor: pointer;
	-webkit-transition: color .25s ease-out;
	transition: color .25s ease-out;
}

#menu-mobile ul li em:hover {
	color: #fff;
}

#menu-mobile .box-search {
	overflow: hidden;
	margin: 15px 0;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px solid #444;
	border-bottom: 1px solid #444;
}

#menu-mobile .box-search span,#menu-mobile .box-search .bt-search {
	display: block;
}

#menu-mobile .box-search span {
	margin-bottom: 7px;
	line-height: normal;
}

#menu-mobile .box-search form {
	position: relative;
}

#menu-mobile .box-search .text {
	float: left;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0 45px 0 10px;
	width: 100%;
	height: 30px;
	border: 0;
	border-radius: 0;
	background: #a6abab;
}

#menu-mobile .box-search .text:focus,#menu-mobile .box-search .bt-search:focus {
	outline: 0;
}

#menu-mobile .box-search .bt-search {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0 5px;
	width: 35px;
	height: 30px;
	border: 0;
	border-radius: 0;
	background: #888;
	color: #313131;
	text-align: center;
	font-family: 'MuseoSans_xFat';
	line-height: 31px;
	cursor: pointer;
	-webkit-transition: all .25s ease-out;
	transition: all .25s ease-out;
}

#menu-mobile .box-search .bt-search:hover {
	opacity: .75;
}

#menu-mobile .others {
	padding-top: 10px;
	padding-bottom: 15px;
}

#menu-mobile .others {
	font-family: 'MuseoSans_Thin';
}



body.page-transition #header nav.nav-sidebar .wrapper-nav {
	overflow: hidden;
	height: 100%;
}




/*
@media screen and (max-width:1440px) {
	#menu-mobile {
		display: block;
		
	}
	.animenu{display:none;}

}*/


@media screen and (max-width:1300px) {

}
@media screen and (max-width:1170px) {
	
	

}

@media screen and (max-width:986px) {

}

@media screen and (max-width:855px) {
	.animenu{display:none;}
	#menu-mobile {display: block;}
}

@media screen and (max-width:768px) {

}

@media screen and (max-width:614px) {

}

@media screen and (max-width:480px) {

}
