/*custom*/
html{font-size: 14px;}
*{margin: 0;padding: 0;}
ul,ol,li{list-style: none;}
a{text-decoration: none;}
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.clearfix:before,.clearfix:after{content:"";clear:both;display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;overflow:hidden;}
.clearfix{zoom:1;clear: both;}
.nowrap{white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}

/*demo1*/
.model-list-1{width:100%;position: relative;}
.model-list-1 li{height: 30px;line-height: 30px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.model-list-1 li label{color: #ea5400;}
.model-list-1 li a{margin-left:6px;color: #666;}
.model-list-1 li a:hover{color: #ea5400;}

/*demo2*/
.model-list-2{width:100%;position: relative;}
.model-list-2 li{width:100%;height:22px;line-height:22px;margin-bottom: 18px;overflow: hidden;}
.model-list-2 li div{width:24px;height:22px;margin-right:5px;background: #a3a3a3;text-align:center;color: #fff;}
.model-list-2 li a{width:85%;white-space: nowrap;text-overflow: ellipsis;color:#666;overflow: hidden;}
.model-list-2 li:hover a{color: #ea5400;}
.model-list-2 .red{background: #e14c2e;}
.model-list-2 .orange{background: #ef9f00;}
.model-list-2 .yellow{background: #f4cf0d;}

/*demo3*/
.model-list-3{width:100%;position: relative;}
.model-list-3 li{width:98%;padding:10px 1%;border-bottom:1px solid #ccc;overflow: hidden;}
.model-list-3 li a{display:block;width:70%;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #666;}
.model-list-3 li span{}
.model-list-3 li:hover,.model-list-3 li:hover a{color: #e90002;}

/*demo4*/
.model-list-4{width:100%;position: relative;overflow: hidden;}
.model-list-4 li{width: 350px;height:234px;float:left;margin: 10px;overflow: hidden;}
.model-list-4 li img{
    max-width: 100%;min-width: 100%;max-height: 100%;min-height: 100%;
    -webkit-transition: all 600ms;-moz-transition: all 600ms;-ms-transition: all 600ms;-o-transition: all 600ms;transition: all 600ms;}
.model-list-4 li:hover img,.model-list-4:hover>img{transform: scale(1.1);}


/*demo5*/
.model-list-5{margin:20px auto;position: relative;}
.model-list-5 li{width:160px;height:130px;float: left;margin:5px;border: 1px solid #eaeaea;overflow: hidden;
    -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.model-list-5 li img{width: 150px;height: 120px;margin:5px;overflow: hidden;}
.model-list-5 li:hover{border-color: #ea5400;box-shadow: 0 0 13px #ea5400 inset;}

/*demo6*/
.model-list-6{margin:20px auto;position: relative;}
.model-list-6 li{width:160px;height:184px;border: 1px solid #eaeaea;float: left;margin:5px;overflow: hidden;
    -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.model-list-6 li img{width: 158px;height:182px;margin:1px;overflow: hidden;}
.model-list-6 li:hover{border-color: #ea5400;box-shadow: 0 0 10px #ea5400;}

/*demo7*/
.model-list-7{margin:12px 0 12px 0px;position: relative;}
.model-list-7 li{width:415px;float: left;margin: 10px;}
.model-list-7 li .img{width: 147px;height: 113px;overflow: hidden;}
.model-list-7 li .img img{min-width: 100%;max-width: 100%;min-height: 100%;max-height: 100%}
.model-list-7 li .txt{width:255px;color: #333;overflow: hidden;}
.model-list-7 li .txt h3{line-height: 38px;font-size: 18px;}
.model-list-7 li .txt p{height: 75px;line-height: 25px;text-indent:2em;overflow: hidden;}
.model-list-7 li:hover h3{color: #3382e2;}

/*demo8*/
.model-list-8{margin:20px auto;position: relative;}
.model-list-8 li{width: 250px;float: left;margin: 10px 5px;text-align: center;}
.model-list-8 li div{width: 250px;height: 200px;overflow: hidden;}
.model-list-8 li div img{
    max-width: 100%;min-width: 100%;max-height: 100%;min-height: 100%;
    -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.model-list-8 li p{line-height: 30px;color: #333;}
.model-list-8 li:hover img{transform: scale(1.1);}
.model-list-8 li:hover p{color: #3382e2;}


/* banner1-banner5 */
.model-banner{width:100%;height:392px;position:relative;overflow:hidden;}
.model-banner .pic,.model-banner .pic ul{height:100%;overflow: hidden;}
.model-banner .pic li{vertical-align:middle;height: 100%;overflow: hidden;}
.model-banner .pic img{max-width: 100%;min-width: 100%;max-height: 100%;min-height: 100%;}
.model-banner .txt-bg{width:100%;height:35px;position:absolute;bottom:0;z-index:1;background:rgba(0,20,30,.5);filter:alpha(opacity=50);opacity:.5;overflow:hidden}
.model-banner .txt{width:70%;height:35px;position:absolute;bottom:0;z-index:2;overflow:hidden;}
.model-banner .txt li{width:100%;height:35px;line-height:35px;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;position:absolute;bottom:-35px;color:#fff;}
.model-banner .txt li a{padding:0 0 0 10px;color:#fff;}
.model-banner .num{position:absolute;z-index:3;bottom:11px;right:16px}
.model-banner .num li{width:12px;height:12px;line-height:12px;background:rgba(255,255,255,.6);border-radius:50%;text-indent:9999px;text-align:center;font-size:12px;color:#666666;cursor:pointer}
.model-banner .num li:hover,.model-banner .num .on {background:#cf0101;}
.model-banner .prev,
.model-banner .next { width:45px; height:99px; position:absolute; top:50%;margin-top:-45px; z-index:3; filter:alpha(opacity=20); -moz-opacity:.2; opacity:.0; -webkit-transition:all .5s ease;-moz-transition:all .5s ease;-o-transition:all .5s ease;}
.model-banner .prev { background-image:url(/uploads/image/sclimg/); background-position:-112px 0; left:0 }
.model-banner .next { background-image:url(/uploads/image/sclimg/); background-position:-158px 0; right:0 }
.model-banner .prev:hover,
.model-banner .next:hover { filter:alpha(opacity=60); -moz-opacity:.6; opacity:.6 }

.model-banner1 .num li{margin-left:12px;float:left;position:relative;}
.model-banner2 .txt{width:100%;height:35px;overflow:hidden;}
.model-banner2 .txt li{z-index:2;background:rgba(0,20,30,.5);filter:alpha(opacity=50);opacity:.5;}
.model-banner2 .txt li a{display:block;padding:0 10px;text-align:center;font-size:14px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color:#fff;}
.model-banner3 .num,.model-banner5 .num{width:100%;height:30px;text-align:center;bottom:0px;right:0;background:rgba(0,20,30,.5);filter:alpha(opacity=50);opacity:.5;}
.model-banner3 .num li,.model-banner5 .num li{margin:9px 6px;display: inline-block;position:relative;}


/*model-banner6*/
.model-banner6{ width:100%;height:250px;position:relative;margin:0 auto;overflow:hidden;  }
.model-banner6 .bd,.model-banner6 .bd ul{height:100%;overflow: hidden;}
/*.model-banner6 .bd ul{}*/
.model-banner6 .bd li{height:100%;vertical-align:middle; }
.model-banner6 .bd li a img{width: 100%;height: 100%;  }
.model-banner6 .hd{ position: absolute; right:4px; bottom:6px;  }
.model-banner6 .hd ul{ vertical-align:middle; display:inline-block; *display:inline; overflow:hidden; zoom:1; }
.model-banner6 .hd ul li{  position:relative; float:left; display:inline; padding-top:4px;  margin-right:6px; filter:alpha(opacity=80); opacity:0.8;  cursor:pointer;  }
.model-banner6 .hd ul li img{ width:76px; height:46px; border:2px solid #fff; display:block;  }
.model-banner6 .hd ul li.on{ filter:alpha(opacity=100);opacity:1; background: center 0 no-repeat; }
.model-banner6 .hd ul li.on img{ border:2px solid #3499ea; border-bottom-width:4px;   }

.model-banner7 .num{width:90%;height:30px;padding:0 5%;text-align:right;bottom:0px;right:0;background:rgba(0,20,30,0);filter:alpha(opacity=100);opacity:1;}
.model-banner7 .num li{width:18px;height:18px;line-height:18px;margin:6px 3px;display: inline-block;position:relative;border-radius:0;text-indent:0;color: #fff;}

.picscroll1{width:100%;margin:0px auto;position:relative;}
.picscroll1 .prev,
.picscroll1 .next{display:block;width:32px;height:32px;position: absolute;top:50%;margin-top:-16px;z-index:9;overflow:hidden;cursor:pointer}
.picscroll1 .prev{left:-32px;background:  no-repeat center;}
.picscroll1 .next{right:-32px;background:  no-repeat center;}
.picscroll1 .prevstop{background: no-repeat center;}
.picscroll1 .nextstop{background: no-repeat center;}
.picscroll1 .bd{}
.picscroll1 .bd ul{overflow:hidden;zoom:1;}
.picscroll1 .bd ul li{width:calc(25% - 10px);margin:0px 5px;float:left;text-align:center;
    -webkit-transition: all 300ms;-moz-transition: all 300ms;-ms-transition: all 300ms;-o-transition: all 300ms;transition: all 300ms;}
.picscroll1 .bd ul li a{color: #666;}
.picscroll1 .bd ul li div{width:100%;height:100%;background: #eee;overflow: hidden;}
.picscroll1 .bd ul li div img{width: 100%;height: 100%;object-fit: cover;vertical-align: middle;
    -webkit-transition: ease 300ms;-moz-transition: ease 300ms;-ms-transition: ease 300ms;-o-transition: ease 300ms;transition: ease 300ms;}
.picscroll1 .bd ul li p{line-height:32px;margin:5px 0 0;padding:0 5px;font-size:16px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.picscroll1 .bd ul li:hover{box-shadow: 0 0 5px #555;border-radius: 5px;}
.picscroll1 .bd ul li:hover div img{transform: scale(.8);}
.picscroll1 .bd ul li:hover p{text-shadow: 0 0 3px #ddd;}

.index_html,.index_imgone,.index_article,.index_slide{position: relative;margin-top: 10px;}
.relative{position: relative;}
.masking{width:100%;height: 100%;background: rgba(0,0,0,.7);position: absolute;left: 0;top: 0;right: 0;bottom: 0;z-index:9;}
.masking span{display:inline-block;width: 32px;height: 32px;background: no-repeat center;cursor: pointer;}