@charset "utf-8";
/* CSS Document */

.main{}


.Announc{ background:#efefef; padding:30px 0;}
.content{ width:1200px; margin:0 auto;}
.focus{ width:730px; height:392px; float:left;}
.focusImage{width:730px;position:relative;overflow:hidden; height:392px; z-index:6}
.scrollImg ul{width:10000px}
.scrollImg li{float:left;width:730px; position:relative;}
.scrollImg li img{ width:730px; height:392px;}
.scrollImg li .text{ width:730px; height:42px; line-height:42px; background:url(../images/imgbj.png); position:absolute; left:0; bottom:0;}
.scrollImg li .text a{ font-size:16px; color:#FFF; margin:0 10px;}
.scrollImg img{border:0px;display:block}
.scrollNum{height:10px;z-index:10;position:absolute;right:16px;bottom:16px;}
.scrollNum li{float:left;width:10px;height:10px; background:url(../images/ind_ico.png) no-repeat; margin-left:5px;}
.scrollNum li a{width:10px;height:10px;display:block;}
.scrollNum li.current{ background-position:-10px 0;}

.ments{ width:430px; float:right;height:420px;}
.socia-tit{ height:38px; border-bottom:solid #c5c5c5 1px;}
.socia-tit h3{ float:left; font-size:24px; color:#000;}
.socia-tit h3 b.cem{ background-position:0 -10px; width:26px; height:29px; float:left; margin:3px 10px 0 0;}
.socia-tit h3 b.soc{ background-position:-30px -10px; width:24px; height:28px; float:left; margin:3px 10px 0 0;}
.socia-tit a.more{ color:#018cff; float:right; line-height:38px; font-size:14px;}

.ments li{ border-bottom:dashed #aeaeae 1px; padding:8px 0;}
.ments li h4{ line-height:24px; font-size:16px;}
.ments li h4 span{ background:#1193fe; font-size:12px; padding:4px 8px; color:#FFF;}
.ments li h4 a{ color:#01379a;}
.ments li h4 a:hover{ color:#c60000;}
.ments li p{ line-height:20px; margin:6px 0 0 0; color:#777;}
.ments li img{ margin-left:5px;}

.course{ width:1200px; margin:50px auto 0 auto;}
.goods-tit{ height:40px; border-top:solid #229bff 1px; position:relative;}
.goods-tit b.icons{ background:#FFF url(../images/ind_ico.png) no-repeat -60px -10px; width:34px; height:35px; position:absolute; left:0; top:-8px;}
.goods-tit span.icons{ background-position:-100px -10px; width:25px; height:23px; float:right; margin:2px 2px 0 0;}
.goods-tit h3{ font-size:24px; margin-left:46px; float:left;}
.goods-tit .more{ float:right; color:#018cff; margin:3px 10px 0 0;}
.goods-tit ul{ height:40px; float:left; margin:0 0 0 46px;}
.goods-tit li{ float:left; font-size:24px;}
.goods-tit li a{ color:#222; float:left;}
.goods-tit li.current a{ color:#1193fe;}
.goods-tit li span{ color:#b9b9b9; float:left; margin:0 15px;}

.goods_content{ margin-top:13px;}
.goodslist{ margin:0 0 0 -25px; display:none;}
.goodslist li{ width:220px; height:194px; float:left; background:#FFF; color:#777; margin:0 0 40px 25px;}
.goodslist li img{ width:220px; height:147px;}
.goodslist dl{ padding:3px 6px; line-height:20px; height:40px; border:solid #e9e9e9 1px;}
.goodslist dt{ font-size:14px;}
.goodslist dt a{ color:#000;}
.goodslist dt a:hover{ color:#008cff;}
.goodslist dd{ color:#777;}

.acti_bd{ background:#efefef; padding:47px 0;}
.activity{ width:1200px; margin:0 auto;}
.actty-top{ width:585px;}
.actty-top .goods-tit b.icons{ background:#efefef url(../images/ind_ico.png) no-repeat -60px -10px;}
.actty-top ul{ margin:13px 0 0 -9px;}
.actty-top li{ width:189px; height:180px; background:#FFF; line-height:30px; font-size:14px; text-align:center; float:left; margin-left:9px;}
.actty-top li img{ width:189px; height:147px;}

.bition{ width:1200px; margin:0 auto; padding:48px 0 20px 0;}
.bition_list{ margin:15px 0 0 0;}
.bition_list ul{ margin-left:-25px;}
.bition_list li{ width:220px; float:left; text-align:center; line-height:40px; font-size:14px; margin-left:25px;}
.bition_list li img{ width:220px; height:147px; display:block;}

.online{ margin:0 auto; padding:40px 0;}
.online .width1200{ width:1200px; margin:0 auto;}

.ranking{ width:332px; float:left; padding:0 10px 0 40px; border:dotted #ccc 1px; border-bottom:0; border-top:0;}
.ranking dt{ color:#3c4b57; font-size:24px; text-align:center; padding-bottom:20px;}
.ranking dt .rod01{ color:#008cff;}
.ranking dt .rod02{ color:#d3d5d7; font-size:18px;}
.ranking dt .rod03{ width:46px; height:2px; background:#8cda8a; display:inline-block; margin-top:4px;}
.ranking dd{ width:166px; height:50px; float:left; line-height:20px; margin:10px 0 0 0;}
.ranking dd .leftF{ line-height:50px; font-size:18px; color:#959595; width:28px;}
.ranking dd h4{ width:50px; height:50px; float:left; border-radius:50%; line-height:50px; margin-right:6px; text-align:center; font-size:12px; color:#FFF; background:#959595;}
.ranking dd.reod01 .leftF{ color:#e15b0b;}
.ranking dd.reod01 h4{ background:#e15b0b;}
.ranking dd.reod02 .leftF{ color:#ee9c3b;}
.ranking dd.reod02 h4{ background:#ee9c3b;}


.Active{ width:390px; float:left; padding-left:40px;}
.Active dt,.ditu dt{ color:#3c4b57; font-size:24px; text-align:center; padding-bottom:20px;}
.Active dt .rod01,.ditu dt .rod01{ color:#008cff;}
.Active dt .rod02,.ditu dt .rod02{ color:#d3d5d7; font-size:18px;}
.Active dt .rod03,.ditu dt .rod03{ width:46px; height:2px; background:#8cda8a; display:inline-block; margin-top:4px;}
.Active dd{ width:78px; height:100px; float:left; font-size:14px; line-height:24px; text-align:center;}
.Active dd img{ width:60px; height:60px; border-radius:50%;}

 .Active{width:390px;padding:0;background:#fff; padding-bottom:20px;margin-left:160px;}
.ytab_t{width:100%;overflow:hidden;border-bottom:#ccc 1px solid;}
.ytab_t ul li{/*width:50%;float:left;*/height:62px;line-height:62px;font-size:16px; font-weight:700; text-align:center;cursor:pointer}
.ytab_t ul li.active{background:#0062b3;color:#fff;}
.ycontent ul li{height:40px;line-height:40px;overflow:hidden;margin:12px 0;padding:0 34px}
.ycontent ul li span,.ycontent ul li a{display:inline-block; vertical-align:middle}
.ycontent ul li span img{width:40px;height:40px;border-radius:50%;}
.ycontent ul li span.img{margin:0 10px}
.ycontent .more{font-size:14px;color:#999;margin-right:30px;}


.y_yqlj{width: 1200px;margin: 0 auto;padding: 6px 0 20px 0;}
.cooper{ margin-top:20px; background:#FFF;}
.cooper .coop_top{ border-bottom:solid #018cff  2px; height:48px; margin-bottom:24px;}
.cooper .coop_top li{ line-height:48px; float:left; width:110px; height:48px; position:relative; background:url(../images/yqlj_icon.png) no-repeat center bottom}
.cooper .coop_top li a{ width:110px; height:48px; position:absolute; top:-2px; left:0; text-align:center; font:18px/48px "微软雅黑"; color:#018cff ;}


.coop_bottom{width:100%;height:100px}
.coop_bottom .link_prve{position:absolute;left:0;top:15px; background:url(../images/prve_icon.png) no-repeat; width:60px; height:60px;cursor:pointer}
.coop_bottom .link_next{position:absolute;right:0;top:15px;background:url(../images/next_icon.png) no-repeat;width:60px; height:60px;cursor:pointer}
.coop_bottom .link_con{position:relative; height:95px; overflow:hidden}
.coop_bottom .link_con ul{position:absolute; left:0; top:0; width:100%}
.coop_bottom .link_con ul li{width:180px; float:left;}
.coop_bottom .link_con ul li a{ display:block; width:100%}
.coop_bottom .link_con ul li img{display:block; margin:0 auto;width:153px; height:80px; border-radius:10px;}
.coop_bottom .link_con ul li p{width:100%; text-align:center}
/* 悬浮窗样式 */
.suspension_win {
            width: 80px;
            height: 285px;
            background: #fff;
            position: fixed;
            right: 100px;
            top: 50%;
            margin-top: -135px;
            border-radius: 5px;
            box-shadow: 0 0 10px rgba(19, 64, 121, 0.35);
            overflow: hidden;

        }

        .suspension_win .hover_img {
            display: none
        }

        .suspension_win .suspension_item {
            height: 95px;
            padding: 13px 13px 0;
            box-sizing: border-box;
            text-align: center
        }

        .suspension_win .suspension_item  p{
            line-height: 22px;
            border-bottom: #ccc 1px solid;
            padding-bottom: 8px;
        }
        .suspension_win .suspension_item  a{
            display: block
        }
        .suspension_win .suspension_item  p span{
            font-size: 16px;
            color: #009ae1;
            font-weight: 500;
            display: block
        }

        .suspension_win .suspension_item:hover {
            background: -webkit-linear-gradient(#48d6fc, #009ae1);
            background: -o-linear-gradient(#48d6fc, #009ae1);
            background: -moz-linear-gradient(#48d6fc, #009ae1);
            background: linear-gradient(#48d6fc, #009ae1);
        }

        .suspension_win .suspension_item:hover p{
            border: none
        }

        .suspension_win .suspension_item:hover p span{
            color: #fff;
        }

        .suspension_win .suspension_item:hover img {
            display: none
        }

        .suspension_win .suspension_item:hover .hover_img {
            display: inline-block
        }