@charset "utf-8";
/*通用类*/
*{
	margin:0;
	padding:0;	
}
body{ 
	margin:0 auto;
	font-size:14px;	
	font-family:arial,Microsoft Yahei;	
	background:#fff;
	color:#545456;

}
h1,h2,h3{	
	font-weight:500;	
}
img{
	border:none;	
}
a{
	cursor:pointer;
	color:#545456;
	text-decoration:none;	
	outline:none;
}
a:hover{
	color:#8f000b;	
}
ul{
	list-style-type:none;	
	border:0;
	width:auto;
}
em{
	font-style:normal;	
}
span{
	float:none;
	margin:0;	
	
}
.f_l{
	float:left;	
}
.f_r{
	float:right;	
}
input.sub,label{
	border:none;	
	cursor:pointer;
}
input,textarea{
	font-family:"Microsoft Yahei";
	outline:none;	
}
table{
	border-collapse:collapse;	
}
table td,table th{
	padding:0;	
}
div,a,input,select,ul,li{ box-sizing:border-box;}
div.clear{
	font: 0px Arial; line-height:0;
	height:0; 
	overflow:hidden;	
	clear:both;	
}
/*wrapin 主体容器宽度*/
.wrapin{
	width:80%;
	margin-left:auto;
	margin-right:auto;
}

/*公用CSS 开始*/

/*header 开始*/



.header{ width:100%; height:auto; background:#fff; overflow:hidden; padding-top:15px; padding-bottom:15px;}
.header .logo{ float:left; line-height:50px; vertical-align:middle;}
.header .logo img{ display:inline-block; vertical-align:middle;}
.line{ width:1px; height:35px; background:#e0e0e0; display:inline-block; vertical-align:middle; margin-left:15px; margin-right:15px;}
.header-r{ width:auto; float:right; margin-top:15px;}
.header-r .span3{ font-size:14px; }
.header-r .span4{ font-size:24px; color:#5496df; font-weight:bold;}

.loginbaner{ position:absolute; top:175px; left:0px; width:100%; height:auto; z-index:9; overflow:hidden; background-repeat:no-repeat; background-position:center center; min-height:600px;padding-top:40px; padding-bottom:20px; box-sizing:border-box;}
.footer{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:25px; vertical-align:middle; padding-top:20px; padding-bottom:20px; background:#fff;}
.logint{ width:100%; height:auto; float:left; overflow:hidden; font-size:16px; padding-bottom:0px; color:#2176e4; border-bottom:1px solid #f2f2f2; margin-bottom:30px; text-align:center;}
.logint a{ display:inline-block; width:50%; text-align:center; line-height:45px; vertical-align:middle; cursor:pointer; color:#8f8f8f; }
.logint a.cur{ border-bottom:2px solid #ccc; color:#000;}
.loginbox{ float:right; width:425px; height:460px; padding:30px 40px 30px 40px; box-sizing:border-box; background:#fff;box-shadow: 0px 0px 13px #c2c2c2; }
.loginlist{ width:100%; height:auto; float:left;}
.loginlist li{ width:100%; height:auto; float:left; margin-top:10px; margin-bottom:10px;}
.loginlist li input[type="text"]{ border:1px solid #dddddd; width:100%; height:42px; box-sizing:border-box; line-height:40px; vertical-align:middle; padding-left:30px; padding-right:; }
.loginlist li input[type="button"]{width:100%; height:42px; box-sizing:border-box; line-height:40px; vertical-align:middle; text-align:center;background:#2176e4; border:0px; color:#fff; cursor:pointer;}
.loginlist li .inp1{background:url(../images/login1.jpg) 5px center no-repeat;}
.loginlist li .inp2{background:url(../images/login2.jpg) 5px center no-repeat;}
.loginlist li input.inp3{background:url(../images/login2.jpg) 5px center no-repeat; width:68%;}
.loginlist li input.yz{background:url(../images/yz.png) 5px center no-repeat;}
.loginlist li input.inp4{ width:30%; float:right;background: #ffb705;}
.loginlist .loginst3{ width:100%; text-align:center; color:#999; line-height:30px; }
.loginlist .loginst3 a{ display:inline-block; margin-left:20px; margin-right:20px;}
.loginst1{ float:left;}
.loginst2{ float:right;}

.txyzm{width:30%; float:right; height:42px;}
.txyzm img{ max-height:100%; max-width:100%;}

.bannerBg{ width:100%; height:700px; background-position:center center; background-size:cover; background-repeat:no-repeat;}

 .swiper-container {
      width: 100%;
      height: 100%;

    }

    .swiper-slide {
      text-align: center;
      font-size: 18px;
      background: #fff;

      /* Center slide text vertically */
      display: -webkit-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -ms-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center;
      -webkit-box-align: center;
      -ms-flex-align: center;
      -webkit-align-items: center;
      align-items: center;
    }
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ background:#fff;}

@media screen and (max-width: 1360px){
	.bannerBg{ height:618px;}
	.loginbaner{ top:135px;}
	
	}
	
@media screen and (max-width: 1024px){
	
	
	}
@media screen and (max-width: 768px){
	.loginbox { width:100%;}
	
	}
@media screen and (max-width: 640px){
	.wrapin{ width:90%;}
	.header .logo{ text-align:center; line-height:none;}
	.header .logo img{ max-height:40px; }
	.header{ padding-top:10px; padding-bottom:10px;}
	.line{ display:none;}
	
	
	}