@charset "utf-8";
/* CSS Document */
*,*:before,*:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body{ margin:0px; padding:0px; font-size:1rem;font-family:"微软雅黑","黑体";color:#898989;line-height:1rem; background:#FFF;}
ul,li,dl,dd,dt,p,h1,h2,h3,h4,h5,h6,ol,form,input{ margin:0px; padding:0px;}
input,textarea { font-family: "微软雅黑"; border: none; outline: none; background: none; }
ul,li{ list-style:none}
img{border:0px; padding:0px; display: block;}
a{ color:#5c5c5c; text-decoration:none}

h2,h3,h4,b,strong { font-weight: normal; }
em,i { font-style: normal; }

body{ background:#FAFAFA url(../images/bg01.jpg) no-repeat center top; background-size: 100% auto;font-family:Arial,Helvetica,sans-serif;}
img { max-width: 100%;}
.header{ padding: 0.45rem 0 0.3rem;}
.header .logo{ display: block; width:3.9rem; margin: 0 auto;} 
 
.clear{ zoom: 1; }
.clear:after { content: ''; display: block; clear: both; }
.fl { float:left}
.fr { float:right}
.hidden{display:none; background: url() no-repeat center;}

.qjbj{ width: 100%;height: 100%; margin: 0 auto;width: 1100px; }
.left{    margin: auto 20px;}
.zw_left { 	margin-top: 0.5rem;	width: 560px;	float: left;	position: relative;}
.zwnr{overflow: hidden; position: absolute;left:50%; top:50%; transform:translate(-50%,-50%);width: 1160px;} 
.zw_right .logo{ width: 3rem; }
.zw_right{width: 354px;float: right; padding-top: ;}
.zw_right img{margin: 0 auto; padding-bottom: 30px;}
.zw_right li{padding-bottom: 14px;}
.zw_right a{display: block;position: relative;font-weight: bold; font-size: 32px; color: #000aff;background: url(../images/a1.png); line-height: 1.6rem;background-size: 100% 100%; }
.zw_right span{display: block; position: absolute;top: 0;right: 20px;width: 23px;}
.zw_right b{font-weight: bold;}
.zw_right ul li:nth-child(1) b{ background: url(../images/img01.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(2) b{ background: url(../images/img02.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(3) b{ background: url(../images/img03.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(4) b{ background: url(../images/img04.png) no-repeat  20% 50%;display: block;  text-align: center;}
.zw_right ul li:nth-child(5) b{ background: url(../images/img05.png) no-repeat  20% 50%;display: block;  text-align: center;}
  
@media screen and (max-width: 1000px){
.qjbj{position: static;max-width: 750px; margin: 0 auto;background-size: cover;}
.zwnr{width: 750px;padding: 0 0.9rem 0 0.9rem;position: static;transform: translate(0%,0%);}	
.zw_right .logo{position: absolute;width: 2.77rem; top: .55rem;left: 50%;transform: translateX(-50%);padding: 0;}
.zw_right{float: none; width: 100%; padding: 0 .4rem .1rem .4rem;}
.zw_right a{font-size: .45rem;line-height: 0.9rem;} 
.zw_right span{width: .26rem;right: .3rem;}
.zw_right span img{width: 100%;}
.zw_right ul li:nth-child(1) b{ background: url(../images/img01.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(2) b{ background: url(../images/img02.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .38rem;}
.zw_right ul li:nth-child(3) b{ background: url(../images/img03.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(4) b{ background: url(../images/img04.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.zw_right ul li:nth-child(5) b{ background: url(../images/img05.png) no-repeat 20% 50%;display: block;  text-align: center;background-size: .47rem;}
.qjbj{width: 100%;}
.zwnr{width: 100%;}
.zw_right ul{padding-top: .2rem;}
}
	
.icondiv{ border: 4px solid #d3ddff;border-radius: 0.8rem; padding: 5px 20px; position: relative;  margin: 0.25rem auto;}
.icondiv a {display: block; display: flex;flex-direction: column;  align-items: center;	}
.icondiv a img{height: 40px;		}
.banner { margin: auto 5px;}
.swiper-button-next {width: 9px;height: 27px;margin-top: -8px;	background: url(../images/right.png)  no-repeat ;  background-size: 100%;	}
.swiper-button-prev {width: 9px;height: 27px;margin-top: -8px;left: 10px;	background: url(../images/left.png)  no-repeat ;  background-size: 100%;	}
