@charset "utf-8";
/* CSS Document */
ol, ul{ list-style: none outside none;}
/* Clear Fix */
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix{display:inline-block;}
/* Hide from IE Mac */
.clearfix{display:block;}
/*图片放大镜样式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{max-height: 236px;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:330px;height:335px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}
/*图片小图预览列表*/
.spec-preview{width:330px;height:236px;;border:1px solid #DFDFDF;}
.spec-scroll{clear:both;width:332px;margin-top:10px;}
.spec-scroll .picprev{float:left;margin-right:8px;}
.spec-scroll .picnext{float:right;}
.spec-scroll .picprev,.spec-scroll .picnext{display:block;font-family:"宋体";text-align:center;width:10px;height:35px; line-height:35px;border:1px solid #CCC;background:#EBEBEB;cursor:pointer;text-decoration:none;}

.spec-scroll .items{float:left;position:relative;width:290px;height:52px;overflow:hidden;}
.spec-scroll .items ul{position:absolute;width:999999px;height:52px;}
.spec-scroll .items ul li{float:left;width:52px;text-align:center;border: none;margin-right: 7px;}
.spec-scroll .items ul li img{border:1px solid #CCC;width:50px;}
.nrcontent{font-size:16px; line-height:2; color:#333;}
.nrcontent img{width:auto; max-width:100%;}
.nrcontent table{ margin:10px auto; width:100% !important;border-collapse: collapse;border: 1px solid #a7a7a7;}
.nrcontent table tr td{border: 1px solid #a7a7a7; padding: 9px 8px; font-size: 13px; color: #333; line-height: 20px;}
.nrcontent table tr:nth-child(odd){background:#f4f4f4;}


/*
本代码由js代码网收集并编辑整理;
尊重他人劳动成果;
转载请保留js代码网链接 - http://www.jsdaima.com
*/
.banner { position:relative;z-index:1; overflow:hidden;}
.picBox { overflow:hidden; font-size:0; position:relative; transition:all 0.2s linear 0s; background:#fff; }
.picBox .bd { position:relative; }
.picBox a { transition:all 0.2s linear 0s; }
.picBox .hd { position:absolute; bottom:25px; left:0; width:100%; height:14px; z-index:99; text-align:center; }
.picBox .bd ul,.picBox .bd ul li { width:100%!important; }
.picBox .hd ul { margin:0; padding:0; }
.picBox .hd ul li { display:inline-block; *display:inline; zoom:1; width:22px; height:22px; margin:0 2px; line-height:22px; text-align:center; cursor:pointer; font-size:12px; }
.picBox .next,.picBox .prev { position:absolute; top:50%; display:block; width:60px; height:80px; margin-top:-45px; zoom:1; overflow:hidden; z-index:10; font-size:0; line-height:0; text-indent:-999em; cursor:pointer; opacity:0; transition:all .3s ease-out; }
.picBox .prev { left:50%; margin-left:-660px; }
.picBox .next { right:50%; margin-right:-660px; background-position:right top; }
.picBox:hover .prev { background-position:left top; margin-left:-640px; opacity:1; }
.picBox:hover .next { background-position:right top; margin-right:-640px; opacity:1; }
.picBox .hd li.on {
    background: 
#414141;
color:
    #fff;
}
.picBox .hd ul li {
    background: #fff;
    color: #0059a9;
}
.fourys{padding:50px 0 10px;}
.hadvbox{padding-top:20px;}
.hadvbox ul{ overflow:hidden; }
.hadvbox ul li{width:50%; float:left;box-sizing:border-box; padding:3%; overflow:hidden; background:#f00;}
.hadvbox ul li a{color:#fff; display:block; position:relative; top:0;}
.hadvbox ul li i{display:block; float:left; text-align:center; font-size:54px; color:#fff; border:1px solid #fff; line-height:120px; width:120px; height:120px; border-radius:100%;}
.hadvbox ul li h3{font-size:22px; color:#fff; font-weight:bold; padding:15px 0 8px; margin-left:160px;}
.hadvbox ul li p{font-size:16px; color:#fff; line-height:1.5; margin-left:160px;}
.hadvbox ul li:nth-child(1){background:#de0707;}
.hadvbox ul li:nth-child(2){background:#f0a400;}
.hadvbox ul li:nth-child(3){background:#0132c3;}
.hadvbox ul li:nth-child(4){background:#7401c3;}
.hysbox{width:1200px; margin:0 auto; position:relative;}
.hysbox .bgbox{position: relative; width: 900px; margin-left:300px; height:560px;}
.hysbox .bgbox .bg{position: absolute; width: 100%; height:560px; opacity:0; visibility: hidden; z-index:0;transition: all 0.4s ease-in-out;}
.hysbox .bgbox .active{opacity:1; visibility:visible; z-index:2;}
.hysbox ul{width: 760px; height: 520px; position:absolute; left: 0; overflow: hidden; top:21px; z-index: 2;}
.hysbox ul li{background:rgb(240,240,240); background:rgba(240,240,240,0.8);background:-webkit-linear-gradient(left,rgba(240,240,240,0.8),rgba(240,240,240,0.6));  height:88px; overflow: hidden; cursor: pointer; position: relative; padding:15px 40px 0 100px; border-bottom: 1px solid #e4e4e4;transition: all 0.3s ease-in-out;}
.hysbox ul li:last-child{border:none;}
.hysbox ul li h3{font-size:20px; color:#121212; font-weight: 700; line-height:30px;transition: all 0.3s ease-in-out;}
.hysbox ul li p{font-size:14px; color:#494444; line-height:20px;transition: all 0.3s ease-in-out;}
.hysbox ul li.active h3,.hysbox ul li.active p{color: #fff;}
.hysbox ul li.active{background:#0574d5; background:rgba(5,116,213,0.8); background:-webkit-linear-gradient(left,rgba(5,116,213,0.8),rgba(5,116,213,0.6));}
.hysbox ul li i{display: block; position: absolute; font-size:42px; color:#b80000; top:5px; left:25px;transition: all 0.3s ease-in-out;}
.hysbox ul li.active i{color:#fff;}