.on{background: #0082fe;}
.on b{color: #fff !important;}
.bgimg-height .img-style{padding-bottom:27.851%;}
 /**
  * 低于319
  */
@media screen and (max-width: 319px) {
	html {background: #fff url(../img/displayNone.png) center center no-repeat;}
	body {display: none;}
}
.cp-zx img{width: 100%;}
.index-news img{ width: 100%;}
.ewm-box img{width: 100%;}
/*
 * PC端992以上生效css
 */
 
 

@media screen and (min-width: 992px) {
 	
 	
 	
 	.container{width: 1100px;}
 	.logo{float: left;}
 	.btn-02{display: none;}
 	.nav ul{margin:-10px -15px;}
	.nav li{float: left;line-height: 35px;margin: 0 5px;position: relative;}	
	.nav li a{padding: 10px 15px;}	
	.nav-two{display: none; padding-left: 20px; box-shadow: 0 6px 18px 0 rgba(0, 0, 0, 0.3); position: absolute;left: 0;z-index: 999;width: 200px;background: #fff;}
  	 .nav-two span{display: block;}
  	 .nav-two a:hover{color: #0082fe !important;}
  	 .nav-on .nav-two a{color: black !important;padding: 0 !important;}
	.nav{ float: right;}	
	.search-box{padding: 15px 0;position: relative;}	
	.search-bd{position: relative;width: 60%;margin-left: 205px;}
	.search-bd input{height: 30px;width: 160px;padding-right: 30px;}	
	.search-btn-bd{position: absolute;top: 3px;right: -80px;}
	.icon-btn{position: absolute;top: 4px;right: 4px;border: none;background: none;font-size: 23px;}
	.search-k{position: relative;width: 160px;margin-left: 255px;}	
	.icon-diqiu{border: none;background: none;font-size: 25px;position: absolute;top: 0;}
	.btn-bd-r select{border: none;padding-left: 20px;padding-top: 2px;cursor: pointer;}	
	.index-jj{margin: 40px 0;background: #f3f3f3;}
	.index-jj .col-md-6{padding-right: 0;padding-left: 0;}	
	.swiper-button-prev{background-image: url(../img/left.png);left: 0;}
	.swiper-button-next{background-image:url(../img/right.png);right:0;}
	.swiper-pagination-bullet{background: none;border: 2px solid #fff;width: 12px;height: 12px;opacity:initial ;}
	.swiper-pagination-bullet-active{background: #fff;}
	.index-jj-l{padding: 40px 20px;height: 267px;}
	.index-jj-l h3{font-size: 22px;font-weight: bold;}
	.index-jj-l h3 span{font-size: 16px; padding-left: 10px;}
	.index-jj-l p{font-size: 14px;line-height: 25px;padding: 30px 0;}
	.index-jj-l div{text-align: left;}
	.index-jj-l div a{padding: 10px 0;width: 100px;background: #0082fe;border: none;display: block;text-align: center;margin: 0;color: #fff;}
  	.cp-zx h3{background: #e5e5e5;line-height: 55px;padding-left: 30px;}
  	.swiper-box{padding: 30px 20px 10px 20px;background: #F3F3F3;}
  	.swiper-slide{padding: 0 8px;text-align: center;}
  	.swiper-slide p{padding-top: 10px;}
  	.cp-zx{position: relative;padding-bottom: 50px;}
  	.swiper-btn-box{position: absolute;top: 0;right: 0;}
  	.two_swiper{width: 100%;overflow: hidden;}
  	.swiper-new-prev{width: 55px;height: 55px;display: inline-block;background: #d0d0d0;float: left;font-size: 55px;color: #fff;padding-top: 2px;}
  	.swiper-new-next{width: 55px;height: 55px;display: inline-block;background: #bdbdbd;float: left;font-size: 55px; color: #fff;}
  	.xq li{overflow: hidden; width: 25%;padding: 0px 10px;float: left;position: relative;}
  	.xq ul{margin: 0 -10px;overflow: hidden;}
  	.xq li img{transition: all 0.6s;}
  	.xq li:hover img{transform: scale(1.4);}
  	.xq li p{font-weight: bold;font-size: 22px; color: #fff;position: absolute;top: 80px;left: 50%;margin-left: -44px;}
  	.xq li a{font-size: 16px;color:#0959ab;position: absolute;bottom:60px;left: 50%;line-height: 40px;padding: 0 15px;background: #fff;margin-left: -55px;}
  	.xq{padding-bottom: 40px;}
  	.index-news h3{color: #0959ab;border-bottom: 1px solid black;padding-bottom: 5px;}
  	.img-font h4{font-weight: bold;line-height: 20px;font-size: 16px;}
  	.img-font p{font-size: 14px;color: #666;line-height: 20px;padding: 10px 0;}
  	.index-new-title img{float: left;}
  	.index-new-title{padding: 20px 0;overflow: hidden;}
  	.img-font{float: left;padding-left: 10px;width: 60%;}
  	.news-img{float: left;}
  	.layui-form-select{margin: 0px 20px;}
  	.news-img-font{width: 84%;float: left;padding-left: 15px;}
  	.news-img-font h4{font-weight: bold;font-size: 16px;line-height: 25px;padding-bottom: 6px;}
  	.news-img-font p{font-size: 14px;color: #666;}
  	.news-list li{margin-bottom: 10px;overflow: hidden;}
  	.index-news{padding-bottom: 60px;}
  	.bottom-info-btm{background: #024182;line-height: 50px;overflow: hidden;color: #fff;font-size: 14px;}
  	.bottom-info{padding: 25px 0 30px;background: #0959ab;}
  	.info-1{width: 610px;float: left;border-right:1px solid #2e72b8 ;}
  	.info-1 ul{margin: 0 -10px;overflow: hidden;}
  	.info-1 li{width: 50%;padding: 15px 10px;float: left;}
  	.info-1 li h3{font-size: 14px;font-weight: bold;color: #fff;padding-bottom: 10px;}
  	.info-1 li p{font-size: 12px;color: #fff;}
  	.b-l{float: left;}
	.b-r{float: right;}
	.youxiang-box{position: relative;background: #fff;color: #0959ab;width: 275px;border-radius: 5px;line-height: 30px;}
	.youxiang-box span{position: absolute;left: 10px;}
	.youxiao{padding-left: 30px;}
	.info-2{width: 200px;float: left;border-right: 1px solid #2E72B8;}
	.info-2 .layui-form{padding: 15px 0; }
	.info-2 .layui-form-select .layui-input{background: #1f73ca !important;border: none; text-align: center;color: #fff;}
	.info-2 input::-webkit-input-placeholder{color:#fff;}
    .info-2 input::-moz-placeholder{color:#fff;}
    .info-2 input:-moz-placeholder{color:#fff;}
    .info-2 input:-ms-input-placeholder{color:#fff;}
    .info-2 .layui-form-select dl dd.layui-this{background: #1f73ca;}
    .ewm-box{padding-top: 20px;text-align: center;}
    .ewm-box div{width: 130px;height: 130px;margin: 0 auto;}
    .info-3{width: 180px;float: left;height: 203px;border-right: 1px solid #2E72B8;text-align: center;color: #FFF;}
    .info-3 li:first-child{font-size: 16px;font-weight: bold;color: #FFF;line-height: 40px;}
    .info-3 li{line-height: 30px;}
    .info-4{text-align: center;border-right: 1px solid #2E72B8;height: auto;color: #FFF;float:left;}
	.info-box>div{min-height:250px;}
    .info-4 li:first-child{font-size: 16px;font-weight: bold;color: #FFF;line-height: 40px;}
    .info-4 li{line-height: 30px;}
    .content{position: relative;margin-top: 30px;min-height: 1200px;}
    .nav-on{background: #0082fe;}
   	.nav-on a{color: #fff !important;}
    .content-nav{position: absolute;width: 20%;background: #edf6fe;height: 100%;}
    .content-nav h3{background: #d0e8ff;text-align: center;color: #0082fe;font-size: 28px;line-height: 80px;}
   	.content-nav li{line-height: 50px; font-size: 18px;text-align: center;margin: 10px 30px;border-radius: 30px;}
   	.content-nav li a{color: #337ab7;}
    .content-info{width: 80%;margin-left: 20%;padding-left: 30px;}
    .content-info-title{overflow: hidden;line-height: 45px;border-bottom: 1px solid #d0daf6;}
    .content-info-title h3{float: left;font-size: 24px;line-height: 45px;}
	.content-info-title p{float: right;color: #666666;font-size: 14px;}    
	.content-info-title p a{color:#337ab7;}
	.info-title{color: #0082fe;}
	.info-title h3{font-weight: bold;font-size: 24px;padding-bottom: 10px;}
	.info-title b{font-size: 16px;}
	.info{padding: 40px 0;}
	.info img{max-width:100%;}
	.info-content{padding-top:35px;}
	.info-content p{/*padding: 10px 0;*/font-size: 14px;line-height: 22px;}
	.xw-list{padding-bottom: 45px;}
	.xw-list ul{padding-bottom: 40px;}
	.xw-list a{display:block;}
	.xw-list li{padding: 30px 20px;overflow: hidden;border-bottom: 1px solid #e7e7e7;}
	.xw-list a:hover li{background: #e0effd;}
	.xw-list a:hover li .date{color: #fff;background: #009fe1;}
	.date{width: 80px;height: 80px;background: #e0effd;color:#009fe1;padding: 10px;float: left;margin-right: 20px;}
	.date p{font-size: 26px;font-weight: bold;padding-bottom: 5px;}
	.date span{font-size: 14px;}
	.zw-title{font-weight: bold; font-size: 18px;color: #222222;padding-bottom: 20px;}
	.zw-info{color: #666;font-size: 14px}
	.sl-qy-img{border: 3px solid #dcdcdc;}
	.slrw{padding-bottom: 40px;}
	.slrw li{width: 25%;float: left;padding: 30px 15px;}
	.slrw ul{margin: -30px -15px;overflow: hidden;padding-bottom: 20px;}
	.slrw li p{text-align: center;line-height: 30px;color: #666;}
	.k-box{position: absolute;z-index: 99;}
	.sctg{ position: relative;}
	.cc .k-box{right: 70px;top: 65px;display: none;}
	.sc-on{border:5px solid rgb(251, 147, 62) !important;}
	.k-box-action{display: block !important;transition: 1s;-webkit-transition: 1s;}
	.k{position: relative;padding-bottom: 15px;}
	.kk-top{box-shadow: 1px 2px 8px -1px #b0b0b0;}
	.kk-btm{position: absolute;bottom: 0;left: 0;}
	.k-f{position: absolute;top: 0;padding: 10px 20px;}
	.cc .yuanquan{right: 160px;top: 180px;}
	.k-f h3{color: #0082fe;font-weight: bold;font-size: 18px;padding-bottom: 10px;}
	.k-f p{font-size: 14px;line-height: 20px;}
	.yuanquan{cursor:pointer; border: 5px solid #0082fe;width: 15px;height: 15px;border-radius: 50%;background: #fff;position: absolute;}
	.cc .address{position: absolute;right: 128px;top: 177px;}
	.bj .yuanquan{right: 271px;top: 243px;}
	.bj .k-box{right: 183px;top: 131px;display: none;}
	.bj .address{position:absolute;right: 240px;top: 240px;}
	.xa .yuanquan{right: 368px;top: 335px;}
	.xa .k-box{right:280px;top: 220px;display: none;}
	.xa .address{position:absolute;right: 335px;top:333px;}
	.nj .yuanquan{right:243px;top: 368px;}
	.nj .k-box{right:152px;top: 255px;display: none;}
	.nj .address{position:absolute;right: 210px;top:366px;}
	
	.hf .yuanquan{right:264px;top: 373px;}
	.hf .k-box{right:174px;top: 261px;display: none;}
	.hf .address{position:absolute;right: 283px;top:371px;}
	
	.cs .yuanquan{right:318px;top: 428px;}
	.cs .k-box{right:227px;top: 315px;display: none;}
	.cs .address{position:absolute;right: 338px;top:426px;}
	
	.zh .yuanquan{right:310px;top: 503px;}
	.zh .k-box{right:221px;top: 390px;display: none;}
	.zh .address{position:absolute;right: 280px;top:501px;}
	
	.km .yuanquan{right:447px;top: 475px;}
	.km .k-box{right:356px;top: 358px;display: none;}
	.km .address{position:absolute;right:417px;top:472px;}
	
	.cq .yuanquan{right:399px;top: 406px;}
	.cq .k-box{right:309px;top: 294px;display: none;}
	.cq .address{position:absolute;right:417px;top:403px;}
	.row-img-font{background: #edf6fe;line-height: 80px;text-align: center;font-size: 18px;color: #000000;}
	.layui-table tr{cursor: pointer;}
	.layui-table tr a{display: block;}
	.layui-table thead tr{background-color: #00a0e9;color: #fff;}
	
	.layui-table td,.layui-table th,.layui-table tr{border-style:none;border-width:1px;border-bottom-style: dashed;border-right-style: none;border-left-style: none;border-color: #d0d2d6;}
	.layui-table tbody tr:hover{background: #f3f3f3;}
	
	.zpxq span{font-weight: bold;font-size: 16px;}
	.zpxq div{line-height: 30px;padding-bottom: 30px;}
	.cpzx{padding-bottom: 40px;}
	.cpzx ul{overflow: hidden;margin: -10px -15px;padding-bottom: 40px;}
	.cpzx li{float: left;width: 33.33%;text-align: center;padding: 10px 15px;}
	.cpzx li div{border: 2px solid #f4f6fa;}
	.cpzx li div p{line-height: 50px;background: #f4f6fa;color: #000;}
	.cpzx li:hover div{border: 2px solid #0082FE !important;}
	.cpzx li:hover p{background: #0082FE !important;color: #fff !important;}
	.dian{background-image:url(../img/dian.jpg);width: 4px;height: 4px;position: absolute;top: 50%;margin-top: -2px;left: 5px;}
	.tzzgx li{position: relative;border-bottom: 1px solid #e7e7e7;padding-left: 20px;line-height: 50px;padding-right: 100px;}
	.tzz-date{position: absolute;right: 0;top: 50%;margin-top: -25px;}
	.tzzgx li div{width: 80%;}
	.tzzgx{padding-bottom: 40px;}
	.tzzgx ul{padding-bottom: 40px;}
	.zpzx-01 h3{line-height: 70px;background: #dee4f1;padding: 0 20px;font-size: 22px;}
	.zpzx-01 p{padding: 0 20px;line-height: 25px;}
	.cp-style-bg{background: #f4f6fa;min-height: 248px;padding-bottom:30px; padding-top: 30px;}
	.cp-style img{border: 2px solid #f4f4f4;}
	.rlzy{padding-bottom: 90px;}
	.shzp .layui-table{margin-bottom: 40px;}
	.shzp div.pages{margin-bottom:  30px;}
	.slxw-title h3{color: #333333;font-size: 22;font-weight: bold;text-align: center;}
	.slxw-title{text-align: center;border-bottom: 1px solid #dddddd;}
	.slxw-title div{font-size: 14px;color: #666;padding:25px 0px 20px}
	.info-description h3{color: #0082FE;font-size: 18px;font-weight: bold;padding-bottom: :;;}
  	.info-content * img{text-align: center;} 
  	.zpxq{padding-top: 40px;}
  	.cm-content span{font-weight: normal;}
  	.b-r a,.b-l a{color: #fff;}
  	.cp-zx-btm a{color: #fff;}
  	.kstd li a{color: #fff;}
  	.index-jj-l p{text-indent: 2em;}
  	.layui-layer-page .layui-layer-content{overflow: hidden !important;}
  	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
  		bottom:20px!important; 
  	}
  	.swiper-pagination-bullet{width: 15px!important;height: 15px!important;}
  	.xs-img{width: 100%;}
  
  
  
  	  }		
 /**
 * 手机版 320px 到 991px 宽度
 */
@media screen and (min-width: 320px) and (max-width: 991px) {
		
		.icon-btn{position: absolute;right: 0;top: 0;border: none;background: none;font-size: 35px;}
  		.btn-bd-r{position: relative;}
  		.btn-bd-r button{position: absolute;left: 0;font-size: 27px;border: none;background: none;cursor: default;}
  		.btn-bd-r select{margin-top: 6px;margin-left: 30px;border: none;}
  		.swiper-button-next,.swiper-button-prev,.swiper-new-next,.swiper-new-prev{display: none;}
  		.swiper-pagination-bullet{display: none;}
  		.index-jj-l{background: #F3F3F3;padding:10px}
  		.index-jj img{width: 100%;}
  		.index-jj-l h3{font-size: 16px;font-weight: bold;padding-bottom: 10px;}
  		.index-jj-l p{line-height: 20px;}
  		.index-jj-l div{padding: 10px 0;}
  		.index-jj-l div a{border: 1px solid gray;padding: 5px;display: block;text-align: center;}
  		.cp-zx{padding: 10px 0;}
  		.cp-zx img{width: 100%;}
  		.cp-zx h3{background: #e5e5e5;line-height: 30px;font-size: 20px;padding-left: 20px;}
  		.swiper-box{overflow: hidden;text-align: center;}
  		.xq ul{overflow: hidden;margin: -10px;}
  		.xq img{width: 100%;}
  		.xq li{width: 50%;float: left;padding: 10px;position: relative;color: #FFF;}
  		.xq li a{position: absolute;left: 50%;margin-left: -36px;top: 70%;padding:5px;color: #FFF;border: 1px solid #fff;}
  		.xq li p{position: absolute;left: 50%;margin-left: -36px;top: 20%;font-size: 18px;font-weight: bold;}
  		.index-news video{height: 100%;padding-top: 10px;}
  		.index-news h3{font-size: 20px;padding: 10px 0;padding-left: 20px;}
  		.img-font h4{font-size: 14px;font-weight: bold;padding: 5px 0;}
  		.index-new-title img{width: 100%;}
  		.news-list{padding: 10px 0;}
  		.news-list li{padding: 5px 0;overflow: hidden;}
		.news-img{float: left;}
		.news-img-font{padding-left:10px;float: left;width: 75%;}
		.info-box{overflow: hidden;text-align: center;}
	.bottom-info-btm{background: #024182;text-align: center;color: #fff;padding: 10px 0;}
  	.bottom-info{background: #0959ab;}
  	.info-1 ul{margin: 0 -10px;overflow: hidden;}
  	.info-1 li{width: 50%;padding: 10px 10px;float: left;}
  	.info-1 li h3{font-size: 14px;font-weight: bold;color: #fff;padding-bottom: 10px;}
  	.info-1 li p{font-size: 12px;color: #fff;}
	.youxiang-box{position: relative;background: #fff;color: #0959ab;border-radius: 5px;line-height: 30px;}
	.youxiang-box span{position: absolute;left: 10px;}
	.youxiao{padding-left: 30px;}
	.info-2 .layui-form{padding: 15px 20px 0; }
	.info-2 .layui-form-select .layui-input{background: #1f73ca !important;border: none; text-align: center;color: #fff;}
	.info-2 input::-webkit-input-placeholder{color:#fff;}
    .info-2 input::-moz-placeholder{color:#fff;}
    .info-2 input:-moz-placeholder{color:#fff;}
    .info-2 input:-ms-input-placeholder{color:#fff;}
    .info-2 .layui-form-select dl dd.layui-this{background: #1f73ca;}
    .ewm-box{padding-top: 20px;text-align: center;}
    .ewm-box div{width: 130px;height: 130px;margin: 0 auto;}
    .info-3 li:first-child{font-size: 16px;font-weight: bold;color: #FFF;line-height: 40px;}
    .info-3 li{line-height: 30px;}
    .info-4,.info-3{text-align: center;color: #FFF;float: left;width: 50%;display: inline-block;padding-top: 10px;}
    .info-4 li:first-child{font-size: 16px;font-weight: bold;color: #FFF;line-height: 40px;}
    .info-4 li{line-height: 30px;}
    .nav-on{background: #0082fe;}
   	.nav-on a{color: #fff !important;}
    .content-nav{padding:10px 0;height: 100%;}
    .content-nav ul{overflow: hidden;}
    .content-nav h3{display: none;}
   	.content-nav li{font-size: 14px;text-align: center;width: 50%;float: left;padding: 5px 0;}
   	.content-nav li a{color: #337ab7;}
    .content-info{}
    .content-info-title{overflow: hidden;border-bottom: 1px solid #d0daf6;padding-bottom: 10px;}
    .content-info-title h3{font-size: 20px;padding: 10px 0;text-align: left;width: 100%;}
	.content-info-title p{float: left;color: #666666;font-size: 12px;}    
	.content-info-title p a{color:#337ab7;}
	.info{padding: 10px 0;}
	.info-content{padding-top: 10px;}
	.info-content p{padding: 10px 0;font-size: 12px;line-height: 20px;}
	.xw-list ul{overflow: hidden;}
	.xw-list a{display:block;}
	.xw-list li{overflow: hidden;margin: 10px 0;}
	.xw-list a:hover li{background: #e0effd;}
	.xw-list a:hover li .date{color: #fff;background: #009fe1;}
	.date{background: #e0effd;color:#009fe1;padding: 5px;float: left;margin-right: 5px;}
	.date p{font-size: 20px;font-weight: bold;padding-bottom: 5px;}
	.date span{font-size: 12px;}
	.zw-title{font-weight: bold; font-size: 12px;color: #222222;}
	.zw-info{color: #666;font-size: 10px;word-break:break-all; display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical; overflow:hidden;}
	div.pages{margin: 10px 0;}
	.slxw-title h3{padding-bottom:10px;font-size:18px ;}
	.info-description h3{font-size: 18px;}
		.dian{background-image:url(../img/dian.jpg);width: 4px;height: 4px;position: absolute;top: 50%;margin-top: -2px;left: 5px;}
	.tzzgx li{position: relative;border-bottom: 1px solid #e7e7e7;padding-left: 20px;line-height: 30px;padding-right: 50px;}
	.tzz-date{position: absolute;right: 0;top: 50%;margin-top: -15px;}
	.tzzgx li div{width: 80%;}
	.cpzx ul{overflow: hidden;margin: -5px -7px;padding-bottom: 10px;}
	.cpzx li{float: left;width: 50%;text-align: center;padding: 5px 7px;}
	.cpzx li div{border: 2px solid #f4f6fa;}
	.cpzx li div p{line-height: 30px;background: #f4f6fa;color: #000;}
	.cpzx li:hover div{border: 2px solid #0082FE !important;}
	.cpzx li:hover p{background: #0082FE !important;color: #fff !important;}
	.cp-style-bg{background: #f4f6fa;}
	.cp-style img{border: 2px solid #f4f4f4;}
	.zpzx-01 h3{background: #dee4f1;padding: 10px 20px;font-size: 22px;}
	.zpzx-01 p{padding: 0 20px;line-height: 25px;}
	.row-img-font{background: #edf6fe;line-height: 40px;text-align: center;font-size: 18px;color: #000000;}
	.rlzy{padding: 10px 0;}
	.rlzy .col-xs-12{padding-bottom: 10px;} 
	.zpxq p{line-height: 20px;text-indent: initial !important;}
	.zpxq{padding: 10px 0;}
	.slrw{padding-bottom: 40px;}
	.slrw li{width: 50%;float: left;padding: 10px 10px;}
	.slrw ul{margin: -10px -10px;overflow: hidden;padding-bottom: 20px;}
	.slrw li p{text-align: center;line-height: 30px;color: #666;}
  	.kk-btm{display: none;}
  	.kk-top{display: none;}
  	.sctg{position: relative;}
  	.yuanquan{display: none;}
  	.k{position: relative;}
  	.k-f{text-align: center;display: none;background: #fff;}
  	.address{text-align: center;line-height: 30px;background:#eee;cursor: pointer;font-size: 14px;border: 1px solid #0959ab;margin-top: 10px;}
  	.display{display: block;transition: 1s;border: 1px solid #0959ab;border-top: none;padding: 5px 0;}
  	.pdb{padding-bottom: 10px;transition: 1s;}
  	.sctg-box{position: absolute;bottom: 0;width: 100%;}
  	.bs{transition: 1s;}
  	.banner{height: 150px !important;}
  	.show{padding-top: 10px;}
  	.li-1-img{height: auto !important;width: auto !important;float:initial !important;}
  	.kstd a{color: #fff;}
  	.cp-zx-btm a{color: #fff;}
  	.bottom-info-btm a{color: #fff;}
	

  	} 
/*
 * 993 1100px 
 * 作用1024平板
 */
@media screen and (min-width:993px) and (max-width:1100px){
		.container{width: 980px;}
		.img-font{width: 55%;}
		.info-1,.info-2,.info-3,.info-4{height: auto;}
		.info-1{width: 480px;}
		.info-1 li{padding: 10px 5px;}
		.zw-title{padding-bottom: 0;}
		
		.xs-img{ width: 100%;}
}


@media screen and (min-width:320px){
	.xswl-max-box{ position: relative;}
	.xs-img{ width: 100%;}
	
	.xswl-btn { cursor: pointer; margin-top: -10px; margin-left: -5px;}
	.xswl-btn i{ width: 10px; height: 10px; display: block; border: solid 3px #0082fe; -webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%; background: #fff; float: left; margin-top: 5px; margin-right: 5px;}
	.xswl-btn span { font-weight: bold; color: #0082fe; font-size: 14px; line-height: 20px; text-shadow: 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff, 0 0 2px #fff;}
	
	.nb-box .xswl-btn{ position: absolute; left: 69%; top: 59%; }
	.bb-box .xswl-btn{ position: absolute; left: 69%; top: 40%; }
	.zb-box .xswl-btn{ position: absolute; left: 66%; top: 40%; }
	.xb-box .xswl-btn{ position: absolute; left: 49%; top: 47%; }
	.db-box .xswl-btn{ position: absolute; left: 79%; top: 47%; }
	
	.xswl-mess{ display: none;}
	
	.xswl-max-mess{ border: solid 1px #eee; padding: 10px; display: none;}
	.xswl-max-mess b{ display: block; line-height: 30px; font-weight: bold; margin: -10px -10px 0 -10px; padding: 0 10px; background: #f4f4f4; margin-bottom: 10px; text-align: center; font-size: 14px; color: #0082fe;}
	.xswl-max-mess span{ display: block; text-align: center;}
	
	.xswl-on .xswl-btn i{ border-color: #f90;}
	.xswl-on .xswl-btn span{ color: #f90;}

}

@media screen and (min-width:992px){
	.xswl-box { height: 20px;}
	.xswl-box .xswl-btn{ position: relative; left: auto; top: auto;  margin-left: -7px;}
	.xswl-box .xswl-btn span{ float: left;}
	.xswl-box .xswl-btn i{ width: 14px; height: 14px; border-width: 5px; margin-top: 3px;}
	.xswl-box{ position: absolute;}
	.nb-box { left: 69%; top: 59%; }
	.bb-box { left: 69%; top: 40%; }
	.zb-box { left: 66%; top: 40%; }
	.xb-box { left: 49%; top: 47%; }
	.db-box { left: 79%; top: 47%; }
	
	
	.xswl-btn span{ font-size: 16px;}
	.xswl-max-mess{ display: none !important;}
	
	.xswl-on{ z-index: 9;}
	.xswl-on .xswl-mess{ display: block; width: 200px; background: #fff; background: rgba(255,255,255,.9); box-shadow: 0 0 10px rgba(0,0,0,.2); padding: 10px; -webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px; position: absolute; left: 0; bottom: 40px; left: -100px;}
	.xswl-on .xswl-mess b{ display: block; color: #f90; font-size: 16px; margin-bottom: 5px;  border-bottom: solid 1px #eee; line-height: 1.8;}
	.xswl-on .xswl-mess span{ display: block; line-height: 1.6; color: #999;}
	.xswl-on .xswl-mess i{ border-top: solid 6px #fff; border-top: solid 6px rgba(255,255,255,.9); border-left: solid 6px transparent; border-right: solid 6px transparent; position: absolute; left: 50%; margin-left: -6px; bottom: -6px;}
}