*{ padding:0px; margin:0px;}
html{ margin: 0; padding:0; height:100%; width:100%; font-size: 100%}

*:before, *:after {
    z-index: -1;
}
*,::before,::after{margin:0;padding:0;
-webkit-tap-highlight-color:transparent;/*清除点击高亮*/
-webkit-box-sizing:border-box; /*设置以边框计算宽度*/
box-sizing:border-box;
}
@font-face {
/*    font-family: 'alifont';
    src: url('../fonts/AlibabaPuHuiTiR.eot');
    src: url('../fonts/AlibabaPuHuiTiR.eot?#iefix') format('embedded-opentype'),
        url('../fonts/AlibabaPuHuiTiR.woff2') format('woff2'),
        url('../fonts/AlibabaPuHuiTiR.woff') format('woff'),
        url('../fonts/AlibabaPuHuiTiR.ttf') format('truetype'),
        url('../fonts/AlibabaPuHuiTiR.svg#AlibabaPuHuiTiR') format('svg');
    font-weight: normal;
    font-style: normal;*/
}
@font-face {
    font-family: 'DIN';
    src: url('../font/DIN-Bold.eot');
    src: url('../font/DIN-Bold.eot?#iefix') format('embedded-opentype'),
        url('../font/DIN-Bold.woff2') format('woff2'),
        url('../font/DIN-Bold.woff') format('woff'),
        url('../font/DIN-Bold.svg#DIN-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
}

body{ margin:0; padding:0; height:100%; width:100%;Font-size:100%; color:#333333; font-family:'alifont'; min-width: 1280px; background: #e5ecf4 url(../images/bg.jpg) no-repeat top center}
ul li{ padding:0px; margin:0px; list-style:none}
ol, ul, dl,p,h2{ padding: 0px; margin: 0px;}
img{ border:none;font-size:0; padding:0px; margin:0px;vertical-align:top;}
a{ text-decoration:none; /*transition:all ease 0.5s;
-moz-transition:all ease 0.5s; -ms-transition:all ease 0.5s; -o-transition:all ease 0.5s; -webkit-transition:all ease 0.5s; */color:#333333;}
a:hover{ text-decoration:none; color:#3fb551;}

.warp{ width:1000px; margin:0px auto;}
botton{outline:none;}
.container{ padding:0px; margin: 0px auto;}
:focus{
    outline: 0;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {  /*safari and chrome*/
    select {
        height:30px;
        line-height:30px;
    } 
}
select::-moz-focus-inner { /*Remove button padding in FF*/ 
    border: 0;
    padding: 0;
}
@-moz-document url-prefix() { /* targets Firefox only */
    select {
        padding: 15px 0!important;
    }
}        
@media screen\0 { /* IE Hacks: targets IE 8, 9 and 10 */        
    select {
        height:30px;
        line-height:30px;
    }     
}
.clearfix:before,
.clearfix:after,
.dl-horizontal dd:before,
.dl-horizontal dd:after,
.container:before,
.container:after,
.container-fluid:before,
.container-fluid:after,
.row:before,
.row:after,
.form-horizontal .form-group:before,
.form-horizontal .form-group:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after,
.nav:before,
.nav:after,
.navbar:before,
.navbar:after,
.navbar-header:before,
.navbar-header:after,
.navbar-collapse:before,
.navbar-collapse:after,
.pager:before,
.pager:after,
.panel-body:before,
.panel-body:after,
.modal-header:before,
.modal-header:after,
.modal-footer:before,
.modal-footer:after {
  display: table;
  content: " ";
}
.clearfix:after,
.dl-horizontal dd:after,
.container:after,
.container-fluid:after,
.row:after,
.form-horizontal .form-group:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after,
.nav:after,
.navbar:after,
.navbar-header:after,
.navbar-collapse:after,
.pager:after,
.panel-body:after,
.modal-header:after,
.modal-footer:after {
  clear: both;
}
input,select,option,textarea{outline: none;}

/**/
.tops .warp{width:1240px; line-height: 40px; font-size: 0.9rem}
.tops .left{ float:left}
.tops .right{float:right}
.tops .right a{ margin-left:10px;}
.tops .right a:hover{color:#fff}
header{ background:none; height: 190px;}
header .logo{ margin-top:24px; margin-bottom: 15px;}
header .logo img{ height:90px;}
header .container{ position:relative; width: 1240px; max-width: 1240px}
header .lyw{position:absolute; right: 0px; top: 40px;}
.search{position:absolute; right:130px; top: 50px; width: 450px;}
.search .form-control{border:solid 1px #78b23f;}
.search .form-control:focus {
  color: #495057;
  background-color: #fff;
  border: 0;
  outline: 0;
border:solid 1px #78b23f;
  
}
.search .btn{ background: #78b23f url(../images/search-icon.png) no-repeat center center; width: 42px; height: 40px; margin-left: -2px;}
.search .top-nav{ font-weight: bold; color:#57921d; text-align: right; padding: 0px;}
.search .top-nav a{ display:inline-block; padding: 0px 8px; line-height: 40px; font-size:1rem; color:#57921d}
.menu{width:100%; background:#27ad60}
.menu ul{width:1240px; margin: 0px auto}
.menu li{ float:left; line-height: 50px; width: 9.09%; position:relative;border-left:#90d7fb solid 2px;}
.menu li:first-child{border:none}
.menu li a{display:block; width: 100%; text-align: center;font-size: 1rem; color: #fff}
.menu li a:hover,ul.menu li.active a{color:#fff; background: #028339}
.sub-menu{display:none; position:absolute; left: 0px; top: 50px; z-index: 9; background: #028339; width: 150%;}
.menu li:hover .sub-menu{display:block}
.menu li .sub-menu a{line-height:42px; height: 42px; border-bottom: #fff solid 1px; overflow: hidden; padding: 0px 10px;}
.menu li .sub-menu a:last-child{border-bottom:none}
.banner{ width:100%; height:390px;}
.banner a{display:block; width: 100%; height: 100%}
#solid{
	width:100%;
	height:390px;
	clear:both;

	position:relative;
	 margin:0px auto;
	 z-index:88
	 
}
#solid .solid0,#solid .solid1,#solid .solid2{
	position:absolute;
	left:0px;
	top:0px;
	width:100%;
	height:390px;
	display:none;
}
#solid .solid0{
	background:#78c4db;
}
#solid .solid1{
	background:#c5c9db;
}
#solid .solid2{
	background:#e7dfd1;
}
#solid ul{
	margin:0px;
	padding:0px;
	list-style:none;	
}
/*#solid ul li{
	position:absolute;
	left:50%;
	top:0px;
	width:100%;
	height:560px;
	margin-left:-500px;
	display:none;
	cursor:pointer;
}*/
#solid ul li{
	position:absolute;
	/*left:50%;*/
	top:0px;
	width:100%;
	height:390px;
	/*margin-left:-452px;*/
	display:none;
	cursor:pointer;
	background-position:center top;
	background-size:cover;
	background-repeat:no-repeat
}
#solid #btt{
	width:200px;
	height:25px;
	top:340px;
	left:calc(50% - 100px);
	position:relative;
	/*margin-left:-520px;*/
}
#solid #btt span{
	position:absolute;
	top:15px;
	left:45%;
	display:block;
	width:15px;
	height:15px;
	margin:0 15px;	
	text-align:center;
	background:#b90c06;
	z-index:1000;
	border-radius: 20px;
	cursor:pointer;
	filter:alpha(opacity=1); /*IE滤镜，透明度50%*/
	-moz-opacity:1; /*Firefox私有，透明度50%*/
	opacity:1;/*其他，透明度50%*/
}
.centain{width:1240px; margin: 0px auto; background: none}
.layer1,.layer3{ padding: 25px 0px; background:none}
.layer2,.layer4 { background:none; padding: 25px 0px;}
.layer1,.layer3{background:#fff; padding: 20px;}
.layer1{ margin-top:30px;}
.layer1 .left{width:40%; float: left; height: 372px; overflow: hidden}
.layer1 .left img{width:100%; height: 372px}
.layer1 .center{width:30%; float: left; padding: 0px 3%; position:relative; min-height: 332px;}
.swiper-pagination-bullet{border-radius:0px; width:15px; height:8px; background: #b7bdc0; opacity: 1}
.swiper-pagination-bullet-active{ background: #3cd66c;}
.swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets{background:rgba(77,77,77,0.5); bottom:0px; height: 30px;}
.layer1 .right ul li,.layer1 .center ul li{ position:relative; line-height: 38px; background: url(../images/list_bg.png) no-repeat left center; padding-left: 15px; border-bottom: #a2a2a2 dotted 1px;}
.layer1 .right ul li span.date,.layer1 .center ul li span.date{ position:absolute; top: 0px; right:0px; color: #b8b8b9; font-size: 0.93rem;}
.layer1 .right ul li a:hover,.layer1 .center ul li a:hover{color:#57921d; font-weight: bold}
.layer1 .center ul li a,.layer1 .right ul li a{ display:block; width: 70%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 0.93rem;}
.layer1 .center ul li:first-child{ color:#57921d; background: none; padding: 0px;}
.layer1 .center ul li:first-child a{color:#57921d; font-weight: bold}
.layer1 .center > p.more{ background: url(../images/more-_bg.png) no-repeat right center; text-align: right; padding-right: 1.07rem; width: 100%; height: 40px; line-height:40px;}

.layer1 .right{width:30%; float: left;  min-height: 332px;}
.layer1 .right h2,.layer1 .center h2{line-height: 52px; font-size: 1.71rem; background:#36ac5b; color: #fff; position:relative; padding-left: 20px; font-weight: normal}
.layer1 .right h2 a.more,.layer1 .center h2 a.more{color:#fff; font-size:1.14rem; position:absolute; right: 10px; top: 0px; background: url(../images/more_wt_bg.png) no-repeat right center; display:inline-block; padding-right: 15px;}
.layer1 .right ul,.layer1 .center ul{ padding:10px; background: #fff}

.layer2 .row{ padding: 0px; margin: 0px;}
.layer2 .row .item{ background: #fff; padding: 0px; margin: 0px; width: 30.8%;flex:auto; position: relative;}
.layer2 .row .item:nth-child(2){ margin: 0px 3.7% }
.layer2 .row .item h2{ line-height:70px; text-align: center; font-size: 1.71rem; font-weight: normal; height: 70px;background:#36ac5b url(../images/icon1.jpg) no-repeat 28% 20px; color: #fff;}
.layer2 .row .item h2.icon2{background:#36ac5b url(../images/icon2.jpg) no-repeat 28% 20px;}
.layer2 .row .item h2.icon3{background:#36ac5b url(../images/icon3.jpg) no-repeat 28% 20px;}
.layer2 .row .item span.more{ position:absolute; bottom: 0px; right:0px;}
.layer2 .row .item ul{ min-height:200px; padding: 20px;}
.layer2 .row .item ul li{ line-height:30px; background:url(../images/list_bg.png) no-repeat left center; padding-left: 15px; position:relative}

.layer2 .row .item ul li span.date{ position:absolute; top: 0px; right:0px; color: #b8b8b9; font-size: 0.93rem;}
.layer2 .row .item ul li a:hover{color:#57921d; font-weight: bold}
.layer2 .row .item ul li a{ display:block; width: 70%;overflow:hidden;text-overflow: ellipsis; white-space: nowrap; font-size: 0.93rem; color: #656565}

.layer3 .top-adv{ margin-bottom: 65px;}
.layer3 .left{width:30.8%; float: left}
.layer3 .center{width:35%; float: left; margin-left: 1.66%;}
.layer3 .center h2,.layer3 .right h2,.layer3 .left h2{font-size: 1.71rem; color: #fff; font-weight: normal; background-color: #36ac5b; padding-left: 20px; line-height: 70px; position:relative}
.layer3 .center h2{ background-image:url(../images/line.jpg); background-repeat: no-repeat; background-position: left bottom; height: 80px;}
.layer3 .center h2 span{font-size:1.2rem; position:absolute; top: 0px; right: 10px; color: #fff}
.layer3 .center .yukan{padding:15px 30px; background: #f0f2f4; height: 293px;}
.layer3 .center .yukan table{border:none}
.layer3 .center .yukan td{line-height:33px; border: none; font-size: 0.93rem; color: #656565}
.layer3 .center .yukan td strong,.layer3 .left .yukan td b{font-size:1rem; font-weight: bold}
.layer3 .left h2,.layer3 .right h2{border-bottom:solid 1px #4e722d; }
.layer3 .right h2 a,.layer3 .left h2 a{font-size:1.2rem; position:absolute; top: 0px; right: 10px; color: #fff}
.layer3 .catlist{ background:#f0f2f4; padding:15px 10px;}
.layer3 .catlist a{display:block; width:100%; margin-bottom: 12px;}
.layer3 .right{width:30.8%; float: right}
.layer3 .left .catename {
    position: absolute;
    top: 50px;
    left: 0px;
    width: 100%;
    padding: 0px 60px;
    text-align: left;
    color: #fff;
    font-size: 1.5rem;
}
.layer3 .left .swiper-slide{height:302px;}
.layer3 .left .swiper-button-prev, .layer3 .left .swiper-container-rtl .swiper-button-next{background:url(../images/arr-left.png) no-repeat center center;}
.layer3 .left .swiper-button-next, .layer3 .left .swiper-container-rtl .swiper-button-prev{background:url(../images/arr-right.png) no-repeat center center;}
.layer3 .left .swiper-button-prev, .layer3 .left .swiper-button-next{ width:50px; height: 50px; background-color:rgba(255,255,255,0.4); border-radius: 30px; overflow: hidden}

.layer4 > .container > h2{ text-align: center; font-size: 1.7rem; color: #fff; background:#36ac5b; line-height: 80px; margin-bottom: 50px;}
.layer4 > .container .view{ padding-top:0px;width:740px; float:left}
.layer4 > .container .view .swiper-container {
	width: 740px;
	height: 690px;
	padding:0px;
}

.layer4 > .container .view .arrow-left {
/*	background: url(../images/index/index_tab_l.png) no-repeat left top;
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;*/
	display:none
}

.layer4 > .container .view .arrow-right {
/*	background: url(../images/index/index_tab_r.png) no-repeat left bottom;
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;*/
	 display:none
}

.layer4 > .container .preview {
	width: 280px;
	float:right;
	height:690px;
	position: relative;
	padding-top: 60px;
	
}

.layer4 > .container .preview .swiper-container {
	width:280px;
	height: 570px;
	padding:0px;

	
}

.layer4 > .container .preview .swiper-slide {
	width: 280px;
	height: 170px;
	cursor:pointer;
	margin-bottom:30px;
	background:#FFFFFF;

	text-align:center;
	overflow:hidden;
}
.layer4 > .container .preview .swiper-slide img{ height:100%; width: 100%}
.layer4 > .container .preview .slide6 {
	width: 82px;
}

.layer4 > .container .preview .arrow-left {
	background:#fff url(../images/arr-top.png) no-repeat center center;
	position: absolute;
	right: 0;
	top: 0px;
	margin-top: 0px;
	width: 280px;
	height: 60px;
	z-index: 10;
}

.layer4 > .container .preview .arrow-right {
	background:#fff  url(../images/arr-down.png) no-repeat center center;
	position: absolute;
	left:0;
	bottom: 0px;
	margin-top: 0px;
	width: 280px;
	height: 60px;
	z-index: 10;
}

.layer4 > .container .preview img {

}
.layer4 > .container .preview .active-nav{ width:100%; text-align:center; background:#FCFCFC;}
.layer4 > .container .preview .active-nav img {
	padding: 0;
	
	width:100%;
	height:100%
}
.layer4 > .container .view .swiper-slide{ background:url(../images/index/js-bg.png) no-repeat left top; width:740px; position:relative;}
.layer4 > .container .view .swiper-slide img{ position:absolute; left:0px; top:0px; height: 100%}

.layer4 .container{ display:block; background: #fff;}
.layer4 .container .warp{ padding: 0px 110px; width:100%; padding-bottom: 50px;}
.layer4 .container.mobile{ display:none}
.layer4 > .container .swiper5 .swiper-slide{width:240px; height:260px; overflow: hidden}
.layer4 > .container .swiper5 .swiper-slide a{display:block; height: 240px;}
.layer4 > .container .swiper5 .swiper-slide p{text-align:center; line-height: 20px; font-size:0.85rem}
.layer4 > .container .swiper5 .swiper-slide img{height:100%; min-width:100%}
.layer4 > .container .swiper5{ padding: 0px; }
.layer4 > .container .preview .arrow-right {
	background:#fff  url(../images/arr-down.png) no-repeat center center;
	position: absolute;
	left:0;
	bottom: 0px;
	margin-top: 0px;
	width: 280px;
	height: 60px;
	z-index: 10;
}
.layer4 .container .warp .swiper-button-next, .layer4 .container .warp.swiper-container-rtl .swiper-button-prev{background:url(../images/arr-right-br.png) no-repeat center center;
	width: 60px;
	height: 60px;
	right:25px;
	top: 40%
}
.layer4 .container .warp .swiper-button-prev, .layer4 .container .warp .swiper-container-rtl .swiper-button-next{background:url(../images/arr-left-br.png) no-repeat center center;
	width: 60px;
	height: 60px;
	left:25px;
	top: 40%
}
.swiper6 .swiper-slide img{height:50px;}

		.leftLoop{ width:100%;  overflow:hidden; position:relative;  }
		.leftLoop .hd{ overflow:hidden;  height:1px; background:#f4f4f4; padding:0px;  }
		.leftLoop .hd .prev,.picMarquee-left .hd .next{ display:block;  width:5px; height:9px; float:right; margin-right:5px; margin-top:10px;  overflow:hidden;
			 cursor:pointer; background:url("../images/arrow.png") no-repeat;}
		.leftLoop .hd .next{ background-position:0 -50px;  }
		.leftLoop .hd .prevStop{ background-position:-60px 0; }
		.leftLoop .hd .nextStop{ background-position:-60px -50px; }
		.leftLoop .bd{ padding:10px;   }
		.leftLoop .bd ul{ overflow:hidden; zoom:1; }
		.leftLoop .bd ul li{ margin:0 2px; float:left; _display:inline; overflow:hidden; text-align:center;  }
		.leftLoop .bd ul li .pic{ text-align:center; }
		.leftLoop .bd ul li .pic img{ height:50px; display:block; padding:2px;  }
		
		

div#back-to-top{
	 width:100px;
	 height:140px;
    position:fixed;
    
    bottom:100px;
    right:0px;
	
}
div#back-to-top a{
    text-align:center;
    text-decoration:none;
    color:#fff;
    display:block;
	 width:60px;
	 height:60px;
   
    -moz-transition:color 1s;
    -webkit-transition:color 1s;
    -o-transition:color 1s;
	 line-height:85px;
	 font-size:45px;
	 background:url(../images/index/top.jpg) no-repeat center top; margin-bottom:5px;
	 background-size:100%;
}
div#back-to-top a.wixin{ background:url(../images/index/wixin.jpg) no-repeat center top;background-size:100%;}
div#back-to-top a.qq{ background:url(../images/index/qq.jpg) no-repeat center top;background-size:100%;}

div#back-to-top a span{
    border-radius:6px;
    display:block;
    height:64px;
    width:56px;
    margin-bottom:5px;
    
    -moz-transition:background 1s;
    -webkit-transition:background 1s;
    -o-transition:background 1s;
}

.flink{ width:100%; background:#fff; padding:20px 0px; margin-bottom: 20px;}
.flink ul li{ float:left;}
.flink ul li:first-child{ margin-left:0px;}
.flink ul li img{height:50px;}
.form-input input{padding-right: 10px; width:95%; height: 52px; background:url(../images/name-icon.png) no-repeat 10px center; border: none; border:#e2e2e2 solid 1px; padding-left: 40px; font-size:1.14rem; color: #c2c1c1} 
.form-input input.phone{background:url(../images/phone-icon.png) no-repeat 10px center;}
.msgcontent{padding:10px 0px;}
.msgcontent textarea{ width:97.5%; min-height: 200px;border: none; border:#e2e2e2 solid 1px; padding: 10px;}
.vcode{position:relative;}
.vcode img{ position:absolute; left: 160px; top: 0px; width: 120px; height: 52px;}
.vcode input{height: 52px; border: none; border:#e2e2e2 solid 1px; padding-left: 40px;padding-right: 10px; font-size:1.14rem; color: #c2c1c1; width: 150px;}
.submit input{width:97.5%; height: 52px; border:none;background:#40b551; color:#fff; text-align: center; margin-top: 10px;}
.msgcontents{ width:40%;  background:rgba(0,0,0,0.5); position:fixed;left: 30%; top: -1000px; z-index: 999; padding: 0px;}
.msgcontents h2{text-align:center; font-size:1.4rem; background: #36ac5b; color: #fff; line-height: 52px; position:relative}
.msgcontents form{ background:#f2f2f2; padding: 20px;}
.msgcontents form textarea,.msgcontents form .submit input,.msgcontents form .form-input input{width:100%}
.msgcontents h2 a{position:absolute; right:0px; top: 0px; display: inline-block; width: 52px; height: 52px; color: #fff; background:#000; font-size:1rem; font-weight: normal; text-align: center}
div#back-to-top p#top{background:#fff url(../images/arr-top.png) no-repeat center center; height:50px; display: none}
div#back-to-top p.msg{background:#3cd66c url(../images/email.png) no-repeat center 10px; height:90px; text-align: center; color: #fff}
div#back-to-top p.msg span{ display:inline-block; padding-top: 60px;}
footer{padding:80px 0px; font-size:1.14rem; background:#fff}
footer .bottom-contact h2,footer .code h2{font-size: 1.71rem; width: 100%; height: 50px;}
footer .bottom-contact .copyyright{ line-height: 29px; padding: 10px 0px}
footer .bottom-contact .tel{ padding-top:10px;}
footer .code{ padding-left:60px;}
footer .code .code-list{ float:left; text-align: center; margin-right:100px;}
footer .code .code-list:last-child{ margin:0px;}
footer .code .code-list .code-img{border:7px #edeeef solid; border-radius: 5px; height: 146px; width:146px; margin-bottom: 10px;}
footer .code .code-list .code-img img{ width:100%}
/********************article*********************************/

@media (min-width: 576px) {
  .container {
    max-width: 540px;
  }
}

@media (min-width: 768px) {
  .container {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .container {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}

@media (max-width: 575.98px) {
  .table-responsive-sm {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-sm > .table-bordered {
    border: 0;
  }
}

@media (max-width: 767.98px) {
  .table-responsive-md {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-md > .table-bordered {
    border: 0;
  }
	.layer4 > .container .preview{ height:75px; width:100%; float:none}
	.layer4 > .container .view{ padding-top:0px; float:none}
.layer4 > .container .view .swiper-container {
	width: 100%;
	height: 560px;
	padding:0px;
}

.layer4 > .container .view .arrow-left {
	
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.layer4 > .container .view .arrow-right {
	
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.layer4 > .container .preview {
	width: 90%;
	
	height:60px;
	position: relative;
	 margin:0px auto
	
}

.layer4 > .container .preview .swiper-container {
	width:100%;
	height: 60px;
	padding:0px;
	
}

.layer4 > .container .preview .swiper-slide {
	width: 25%;
	height: 60px;
	cursor:pointer;
	margin-bottom:3px;
}
.layer4 > .container .preview .swiper-slide img{
	height: 100%
}
.layer4 > .container .preview .slide6 {
	width: 82px;
}

.layer4 > .container .preview .arrow-left {
	background: url(../images/index/arrow.png) no-repeat left top;
	position: absolute;

 top:20%; width:22px; height:39px; background-size:44px 40px; background-position: -22px 0; right:-20px;
	z-index: 10;
}

.layer4 > .container .preview .arrow-right {
	background: url(../images/index/arrow.png) no-repeat left bottom;
	position: absolute;
  top:20%; width:22px; height:39px; background-size:44px 40px; background-position: 0 0; left:-20px;
	z-index: 10;
}

.layer4 > .container .preview img {
	padding: 1px;
}

.layer4 > .container .preview .active-nav img {
	padding: 0;
	
	
	height:100%
}
.layer4 > .container .view .swiper-slide{ background:url(../images/m/js-bg.png) no-repeat center top; width:100%; background-size:80%}
.layer4 > .container .view .swiper-slide img{ width:38%; position:relative; left:110px; top:6px}
	
	
}

@media (max-width: 991.98px) {
  .table-responsive-lg {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-lg > .table-bordered {
    border: 0;
  }
	html{font-size:70%}
}
@media (max-width: 1320px) {


	body#article .container{width:100%}
	html{font-size:80%}
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    display: block;
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: -ms-autohiding-scrollbar;
  }
  .table-responsive-xl > .table-bordered {
    border: 0;
  }

}

@media (max-width: 420px){ 
	
		
	.layer4 > .container .preview{ height:75px; width:100%;}
	.layer4 > .container .view{ padding-top:0px; width:100%}
.layer4 > .container .view .swiper-container {
	width: 100%;
	height: 560px;
	padding:0px;
}


.layer4 > .container .view .arrow-left {
	
	position: absolute;
	left: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.layer4 > .container .view .arrow-right {
	
	position: absolute;
	right: 10px;
	top: 50%;
	margin-top: -25px;
	width: 28px;
	height: 51px;
	z-index: 10;
}

.layer4 > .container .preview {
	width: 90%;
	
	height:60px;
	position: relative;
	 margin:0px auto
	
}

.layer4 > .container .preview .swiper-container {
	width:100%;
	height: 60px;
	padding:0px;
	
}

.layer4 > .container .preview .swiper-slide {
	width: 25%;
	height: 60px;
	cursor:pointer;
	margin-bottom:3px;
}
.layer4 > .container .preview .swiper-slide img{
	height: 100%
}
.layer4 > .container .preview .slide6 {
	width: 82px;
}

.layer4 > .container .preview .arrow-left {
	background: url(../images/index/arrow.png) no-repeat left top;
	position: absolute;

 top:20%; width:22px; height:39px; background-size:44px 40px; background-position: -22px 0; right:-20px;
	z-index: 10;
}

.layer4 > .container .preview .arrow-right {
	background: url(../images/index/arrow.png) no-repeat left bottom;
	position: absolute;
  top:20%; width:22px; height:39px; background-size:44px 40px; background-position: 0 0; left:-20px;
	z-index: 10;
}

.layer4 > .container .preview img {
	padding: 1px;
}

.layer4 > .container .preview .active-nav img {
	padding: 0;
	
	
	height:100%
}
.layer4 > .container .view .swiper-slide{ background:url(../images/m/js-bg.png) no-repeat center top; width:100%; background-size:80%}
.layer4 > .container .view .swiper-slide img{ width:38%; position:relative; left:96px; top:6px}
	

}

@media (max-width: 320px){ 
	html{font-size:50%}
}