body, html {
    min-width: 1200px
}

.tc {
    text-align: center
}

.tl {
    text-align: left
}

.tr {
    text-align: right
}



.minwidth{min-width:1200px; width:98%;margin:0 auto}
.width {
    width: 1200px;
    margin: 0 auto
}
.head {
    padding: 15px 0;
    border-top: 10px solid #46311e
}
.menu{padding: 15px 0; text-align: right}
.menu li{padding-left:22px;font-size: 16px;text-align: center;display:inline-block}
    .menu li a {
        display: inline-block;
        width: 100%;
        color: #46311e
    }
.menu li a p{color:#b5b5b6;font-size: 12px}
    .menu li:hover a, .menu li.this a {
        color: #d4281c
    }
.layui-bg-yellow {
    background-color: #fdd504 !important;
}

.layui-nav .layui-nav-item a:hover, .layui-nav .layui-this a {
    color: #000
}

.layui-nav .layui-nav-item a {
    color: #222;
    transition: all .3s;
    -webkit-transition: all .3s;
}

.layui-nav .layui-this:after, .layui-nav-bar, .layui-nav-tree .layui-nav-itemed:after {
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 5px;
    background-color: #eba000;
    transition: all .2s;
    -webkit-transition: all .2s
}
.pl30{padding-left: 30px}
.pr30{padding-right: 30px}
.pb20{margin-bottom: 20px}
.bg{ background: #fff;padding: 20px;border-radius: 5px}
.foot {
    font-size: 14px;
    color: #fff;
    line-height: 40px;
    background: #1b1b1b;
}
.foot a{color:#fff}

.banner {height: 300px;margin: 0 auto;}

.indexabout p{
    line-height: 32px;
    font-size: 15px;
    text-indent: 2em
}
.indexabout2 {
    line-height: 26px;
    font-size: 14px;
    text-align:left;
    width:100%
}
.nav {
    margin: 15px auto;
}

    .nav li {
        float: left;
        background: #eba000;
        padding: 10px 20px;
        margin-right: 3px;
        color: #fff;
        transition: all .2s;
        -webkit-transition: all .2s
    }

        .nav li a {
            color: #fff;
        }
        .nav li:hover{
            background:#fdd504
        }
        .nav li:hover a{
            color:#222
        }
.infobox{
    padding:20px;
    border:1px solid #e8e8e8;
    margin:10px auto;
    overflow:hidden
}
.info {
    line-height:26px;
    font-size:16px;
    color:#555
}
.info img{
    max-width:100%
}

/*list*/
.list_page {
    text-align: center;
    margin: 30px auto;
    display: block;
}

    .list_page:after {
        content: " ";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
        overflow: hidden;
    }

    .list_page ul {
        list-style: none;
        margin: 0;
        padding: 0;
        display: inline-block;
        vertical-align: bottom;
    }

        .list_page ul li {
            display: inline-block;
            border: solid 1px #ddd;
            border-radius: 4px;
        }

        .list_page ul a {
            color: #333;
            padding: 8px 12px;
            line-height: 18px;
            display: block;
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
            background: #fff;
        }

        .list_page ul span {
            color: #333;
            padding: 8px 12px;
            line-height: 18px;
            display: block;
            transition: all 1s cubic-bezier(0.175, 0.885, 0.32, 1) 0s;
            background: #f3f3f3;
        }

.uk-icon-angle-double-right:before {
    content: ">>"
}

.uk-icon-angle-double-left:before {
    content: "<<"
}

.page_group ul {
    border-right: solid 1px #ddd;
    border-radius: 4px;
}

    .page_group ul li {
        border-right: none;
        border-radius: 0;
        float: left;
    }

        .page_group ul li:not(:first-child):not(:last-child) {
            border-radius: 0;
        }

        .page_group ul li:first-child {
            border-radius: 4px 0 0 4px;
        }

        .page_group ul li:last-child {
            border-radius: 0 4px 4px 0;
        }

    .page_group ul .uk_active a {
        background: #f3f3f3;
        border-radius: 0;
    }

    .page_group ul .uk_active span {
        background: #f3f3f3;
        border-radius: 0;
    }
/*list*/
.news_list li{
    line-height:42px;
    font-size:16px;
    border-bottom:1px dashed #e8e8e8
}
.news_list li span{
    float:right
}
.info_title{
    text-align:center;
    font-size:24px;
    font-weight:bold;
    margin-top:20px
}
.info_date{
    text-align:center;
    font-size:14px;
    color:#777
}

/*元一*/
/*top*/
.top{border-bottom: 1px solid #e8e8e8;line-height: 36px;height: 36px}
.top_left{float: left;width: 50%}
.top_right{float: left;width: 50%;background: #e1e1e1}
.top_left_info{width: 624px;float: right}
.top_right_info{width: 284px;background: #e1e1e1 url("/ui/v2-3/images/top.jpg") no-repeat;padding-left: 40px;float: left}
.top_right_info a{ margin-left: 15px}
.top_right_l{background: #fff;width: 300px;float: left}

/*首页*/
.hotsearch{line-height: 61px; font-size: 16px;color: #737373}
.hotsearch a{color: #929292; margin-left: 10px;font-size: 15px;}
.search{padding-top: 14px}
.search .input{ width: 180px; height: 30px;}
.search .bnt{width: 80px;background: #281870;color: #fff;border: none;height: 34px;cursor: pointer}
.pro_class_name{font-size:32px; color: #251868;background: url("/ui/v2-3/images/ico-01.png") no-repeat bottom;width: 344px;text-align: center;margin: 50px auto 0px auto; padding-bottom: 10px}
.pro_class_dsc{font-size:20px; color: #878787;width: 630px;text-align: center;margin: 0 auto 50px auto; line-height: 34px;padding-top: 40px}
.pro_class{ background: url("/ui/v2-3/images/bg-01.png") no-repeat center top; width: 1330px;margin:0 auto}


.user-tab > .layui-tab-title{ border: 0; padding-left: 328px}
.user-tab > .layui-tab-title .layui-this {
    color: #251868;
    background: #fff500;border:1px solid #fff
}
.user-tab > .layui-tab-title li {
    color: #251868;
    background: #fff;border: 1px solid #dbdbdb; margin: 0 10px; font-size: 15px;
}

.user-tab > .layui-tab-more li.layui-this:after, .user-tab > .layui-tab-title .layui-this:after {
    border: 0;
    border-radius: 0;
}
/*.pro_tab_info{}*/
.user-tab .layui-tab-content{ height: 450px;padding: 60px 0;}

.pro_tab_info{width: 1210px; height: 332px; float: left;overflow: hidden}
.pro_tab_info ul li{width:232px; height: 332px; float: left; padding:0 5px}
.pro_tab_info ul li img{width:232px; height: 232px;}
.pro_tab_info ul li p{width:192px; height: 60px;line-height: 24px;background: #fff;padding:20px}
.pro_tab_info ul li p b{font-size:16px}
.btn_left{width:50px;float: left;text-align:center}
.btn_left a{ width: 23px;height: 40px;display: inline-block;background: url("/ui/img/left.png") no-repeat center; margin-top: 140px}
.btn_right{width:50px;float: right;text-align:center}
.btn_right a{ width: 23px;height: 40px;display: inline-block;background: url("/ui/img/right.png") no-repeat center; margin-top: 140px}

.youshi_top{ background: url("/ui/v2-3/images/bg-02.jpg") no-repeat center top; height: 254px;position: relative;margin-bottom:60px;}
.youshi_top i{width: 300px;height: 48px;line-height: 48px; background: #fff500;color: #291670;font-size: 20px;display: inline-block;text-align: center;position: absolute;bottom: 0;left: 50%;margin-left: -150px}

.youshi{width: 569px;float: left}
.youshi p{color: #291670;font-size: 26px; margin: 30px 0 60px 0}
.youshi p span{color: #da251a}
.youshi_c{width: 110px;height: 370px;background: url("/ui/v2-3/images/ico-02.jpg") no-repeat center top; float: left;color:#fff;font-size: 26px;text-align: center;line-height: 90px}
.ys_r{color: #767676;line-height: 34px;font-size: 16px;background: url("/ui/v2-3/images/ico-03.jpg") no-repeat left 10px;padding-left: 20px}
.ys_l{color: #767676;line-height: 34px;font-size: 16px;background: url("/ui/v2-3/images/ico-04.png") no-repeat right 10px;padding-right: 20px;text-align: right}

.fang{ background: #f2f2f2;padding: 40px 0 20px 0}
.fang_marquee{ width: 1330px; margin: 0 auto}
.fang_marquee .pro_tab_info{width: 1248px; height: 350px; float: left;overflow: hidden}
.fang_marquee .pro_tab_info ul li{width:280px; height: 300px; float: left;position: relative}
.fang_marquee .pro_tab_info ul li img{width:280px; height: 300px;position: absolute;top:0;left:15px}
.fang_marquee .pro_tab_info ul li p{width:280px; height: 50px; text-align: center;line-height: 50px;background: rgba(0,0,0,0.4);position: absolute;bottom:0;left:15px}
.fang_marquee .pro_tab_info ul li:hover p{height: 300px;line-height: 300px;background: rgba(255,245,0,0.7);font-weight: bold;color: #fff;font-size: 22px}
.fang_marquee .pro_tab_info ul li p a{ color:#fff}


.about{background: url("/ui/v2-3/images/bg-03.jpg") no-repeat center;height: 538px;}
.about .width{position: relative}
.about_l{position: absolute;left: 0;top:180px; padding: 5px; background: #fff}
.about_r{position: absolute;right: 0;top:80px; padding: 5px; background: #fff;width: 840px;height: 370px}
.about_img{ position: absolute;right: 15px;top:120px}
.about_r .about_info{ padding: 50px 70px; width: 500px}
.about_info .url1{margin-bottom: 20px}
.about_info p{color: #5c5c5c;line-height: 28px;font-size: 16px;margin-bottom:20px}
.about_info .url2{display:inline-block;background: #fff500;font-size: 18px;padding: 10px 30px}

/*底部*/
.footer{background: #fff;}

.footer .layui-col-xs2{line-height: 24px}
.nav_all{padding-left:20px;display: inline-block;text-align: left;vertical-align: top}
.nav_all dl{font-size: 16px;margin-bottom: 10px}
.nav_all dl a{color:#00a1e9;}
.nav_all li{line-height: 25px;}




.bottom{ padding: 70px 0}
.layui-tab-card, .layui-tab-title, .layui-tab-title .layui-this:after, .layui-textarea {
    border: 0
}

.layui-tab-card {
    border-width: 0;
    border-style: solid;
    border-radius: 0;
    box-shadow: none;margin: 0; padding: 0;
}

.layui-tab-card > .layui-tab-title {
    background-color: #fff;
    border-bottom: 1px solid #e0e0e0;
    height: 50px;
}

.layui-tab-card > .layui-tab-title li {
    color: #666666;
    padding: 0 50px;
    font-size: 20px;
    line-height: 50px;
    font-weight: bold;
}

.layui-tab-card > .layui-tab-title .layui-this {
    background-color: #fbc900;color:#fff
}

.layui-tab-card > .layui-tab-title .layui-this:after {
    border-top: none;
    border-width: 1px;
    border-bottom-color: #fff
}
.layui-tab-card  .layui-tab-content{ padding: 25px 0}

.qa_name{ background: url("/ui/v2-3/images/ico-06.jpg") no-repeat 20px center; padding-left: 50px; height: 50px; line-height: 50px;color: #291670;font-size: 20px;border-bottom: 1px solid #e0e0e0}
.qa_box{ padding: 25px 20px}
.wen{background: url("/ui/v2-3/images/ico-07.png") no-repeat center left;padding-left: 30px;line-height: 30px;font-size: 18px;
    font-weight: bold; overflow: hidden;text-overflow:ellipse;height: 30px}
.da{background: url("/ui/v2-3/images/ico-08.png") no-repeat center left;padding-left: 30px;line-height: 30px;color:#666666;font-size: 15px;overflow: hidden;text-overflow:ellipse;height: 30px}
.hui{background: #f5f5f5}

.tab_news_top { margin-bottom: 10px}
.tab_news_top .jqthumb{float: left;margin-right: 30px}
.tab_news_top .about_info .url1{margin-bottom: 10px;font-size: 18px;font-weight: bold;padding-top: 10px}
.tab_news_top .about_info p{color: #5c5c5c;line-height: 26px;font-size: 15px;margin-bottom:15px}
.tab_news_top .about_info .url2{display:inline-block;background: #fff500;font-size: 16px;padding: 5px 20px}

.tab_news_bottom{background: #f5f5f5; padding: 20px}
.tab_news_bottom li{background: url("/ui/v2-3/images/ico-05.jpg") no-repeat center left;padding-left: 20px; line-height: 34px;font-size: 15px}
.tab_news_bottom li span{float: right;color: #999999}
.links {background: #f5f5f5;padding: 20px 0}
.links a{margin-right: 20px;line-height: 30px}

.hot{padding: 20px 0}
.hot_l{background: #dcdcdc;text-align: center;height: 40px;line-height: 40px}
.hot_r{border:1px solid #dcdcdc;height: 40px;line-height: 40px }
.hot_r a{margin: 0 10px;color: #818181}
.main{background: #fff;padding: 20px 0}

.right_search{
    width: 100%;position: relative;
}
.right_search .input{width: 95%;border: 1px solid #e4e9ec;height: 34px;border-radius: 15px;padding-left: 5%}
.right_search .bnt{width: 30px;height: 34px;position: absolute;right: 0;top:0;border: 0;background: url("/ui/v2-3/images/ico-10.png") no-repeat center;cursor: pointer}

.position{color:#999999;text-align: right}
.position a{color:#999999}
.catename{color:#00b0ff;font-weight: bold;margin: 40px 0 20px 0}

.right_nav li{line-height: 32px;font-size: 17px}
.right_nav li.active a{color: #28156f}
.right_list{border: 1px solid #ddd;border-bottom: 0;margin-top: 10px}
.right_list li{border-bottom: 1px solid #ddd; padding:15px 20px}

.contact{margin-top: 15px;background: url("/ui/v2-3/images/bg-06.jpg") no-repeat top left;height: 347px;padding: 30px 0 0 14px}
.contact p{line-height: 32px}
.contact h3{margin-bottom: 10px;font-weight: bold}

.left_nav div{background: #999999;width: 100%;color: #fff;padding: 30px 0}
.left_nav div h3{font-size: 28px; padding-left: 30px}
.left_nav div dl{font-size: 14px; padding-left: 30px}
.left_nav li a{ border-bottom: 1px solid #d1d1d1;height: 35px;line-height: 35px;color: #999999;display: block;padding-left: 30px;font-size: 16px;background: #e9e9e9}
.left_nav li.active a{background:#00b0ff;color: #fff}

.picnews_list h2{ font-size: 20px;margin-bottom: 10px}
.picnews_list p{color: #777777;font-size: 16px;line-height: 24px; margin-bottom: 10px}
.picnews_list h4{color: #a3afb7}

.product_list li{width: 280px;float: left; margin: 0 9px}
.product_list li img{border: 1px solid #ddd}
.product_list p{text-align: center;height: 66px;line-height: 66px;font-size: 16px}

.news_cate{line-height: 70px;background: #f2f2f2;text-align: center}
.news_cate a{font-size: 18px;font-weight: bold; margin: 0 10px;padding: 5px 10px;border-bottom: 5px solid #f2f2f2}
.news_cate a.active{border-bottom: 5px solid #00b0ff;color:#00b0ff}

.box{width:400px;float: left}
.tb-pic a{display:table-cell;text-align:center;vertical-align:middle;}
.tb-pic a img{vertical-align:middle;}
.tb-pic a{*display:block;*font-family:Arial;*line-height:1;}
.tb-thumb{margin:10px 0 0;overflow:hidden;}
.tb-thumb li{background:none repeat scroll 0 0 transparent;float:left;height:62px;margin:0 6px 0 0;overflow:hidden;padding:1px;}
.tb-s310, .tb-s310 a{height:284px;width:390px;}
.tb-s310, .tb-s310 img{max-height:284px;max-width:390px;}
.tb-s310 a{*font-size:271px;}
.tb-s40 a{*font-size:35px;}
.tb-s40, .tb-s40 a{height:56px;width:56px;}
.tb-booth{border:1px solid #CDCDCD;position:relative;z-index:1;}
.tb-thumb .tb-selected{background:none repeat scroll 0 0 #C30008;height:56px;padding:2px;}
.tb-thumb  img{width: 56px;height: 56px}
.tb-thumb .tb-selected div{background-color:#FFFFFF;border:medium none;}
.tb-thumb li div{border:1px solid #CDCDCD;}
div.zoomDiv{z-index:999;position:absolute;top:0px;left:0px;width:200px;height:200px;background:#ffffff;border:1px solid #CCCCCC;display:none;text-align:center;overflow:hidden;}
div.zoomMask{position:absolute;background:url("images/mask.png") repeat scroll 0 0 transparent;cursor:move;z-index:1;}

.product_right{width: 460px;float: right}
.product_right dl{line-height: 22px;margin-top: 10px}
.product_right p{color: #291670;font-size: 20px; background: #f4f4f4;text-align: center;line-height: 50px;margin-top: 25px}
.product_right p span{color:#d9251e;font-weight: bold;font-size: 24px}

.tuijian_pro li{width: 214px; text-align: center;float: left;margin: 0 10px}
.tuijian_pro li p{ background:#fff;line-height: 40px}


.fontclass_1 {text-align: center;color:#fff}
.fontclass_1 h2{font-size: 28px}
    .fontclass_1 p {
        color: #d81f13;
        font-weight: bold;
        font-size: 12px;
    }
.fontclass_1 dl{margin-top: 10px}
.fontclass_2 {text-align: center}
.fontclass_2 h2{font-size: 28px;color:#4d4d4d}
.fontclass_2 p{color: #d81f13;font-weight: bold;font-size: 12px;}
.fontclass_2 dl{margin-top: 10px;color:#4d4d4d}
.fontclass_3 {text-align: center}
.fontclass_3 h2{font-size: 28px;}
.fontclass_3 p{color: #00b0ff;font-weight: bold;font-size: 12px;}
.fontclass_3 dl{margin-top: 10px}
.piclist{margin-bottom: 20px}
.piclist img{width: 100%;height: 290px;}
.piclist h2{font-size: 18px;line-height: 40px}
.piclist h3{font-size: 14px; color: #696969;margin-bottom: 10px}
.piclist p a{font-size: 14px; color:#00b4ff;}


.poplist{margin-bottom: 20px}
.poplist img{width: 100%;height: 385px;}
.poplist h2{font-size: 18px;line-height: 40px;text-align: center;background:#ebebeb;border-top:5px solid #fff  }

.prolist .jqthumb{float:left;width: 400px}
.prolist{border: 1px solid #ddd;padding: 20px;}
.prolist img{width: 300px; height:300px;border:1px solid #f1f1f1}
.prolist div{width: 800px;float: right}
.prolist div h2{font-size: 22px;color:#222;margin-top: 10px;font-weight:bold}
.prolist div h3{font-size: 16px;color:#222;margin-top: 10px;color:#777}
.prolist div h4{font-size: 14px;color:#222;margin-top: 10px}
.prolist div h5{font-size: 14px;color:#afafaf;margin-top: 10px}

.c1{color: #00a1e9}
.c2{color:#4d4d4d}
.c3{color:#fff}
.f1 {
    background: #1b1b1b;
    padding: 60px 0;
    color: #e8e8e8
}
.f2{background:#f4f4f4;padding: 60px 0}
.bg_a{background: #e8e8e8;padding:40px 20px;height: 230px}
.bg_a h3{font-weight: bold;font-size: 24px;color:#f08300}
.bg_a p{line-height: 20px;color: #727171;padding-top: 10px}
.f3{background:#fff url("/ui/img/f3.jpg") no-repeat center top;height:510px;padding: 60px 0}



#tab{position:relative; width: 1200px;height: 440px}
#tab .tabList{position: absolute;right: 0;top:0;z-index: 9;}
#tab .tabList ul li{
    width:560px;
    height: 70px;
    cursor:pointer;
    padding: 20px 40px 20px 50px;
}
#tab .tabList li.cur{
    background:url("/ui/img/tab.png") no-repeat center;color:#fff
}
#tab .tabCon{
    position:absolute;
    left:0;
    top:0;
    width:576px;
    height:440px;
}
#tab .tabCon div{
    position:absolute;
    opacity:0;
    filter:alpha(opacity=0);
}

#tab .tabCon div.cur{
    opacity:1;
    filter:alpha(opacity=100);
    display: block;
}


/*首页跑马灯*/
.marquee{width:1310px;margin:0 auto}




.caselist img{width:100%}
.caselist p{width:100%; height: 40px;line-height: 40px;background: #aaa;background: rgba(0,0,0,0.4);text-align:center;color:#f8f8f8}
.caselist a:hover p{background: rgba(0,0,0,0.7)}

.map{
    background:url(/ui/img/mapbg.jpg)
}
.maptitle{position:absolute;top:150px;left:50%;width:800px;margin-left:-400px;text-align:center}
    .maptitle h2 {
        color: #E03C32
    }

.city-list li {
    background-color: #fff;
    position: absolute;
    border: 1px solid #ddd;
    padding: 11px;
    position: absolute;
    width: 460px;
    height: 170px;
    padding-bottom: 20px;
    left: -9999999px;
    top: 0;
    filter: drop-shadow(rgba(0, 0, 0, 0.3) 0 2px 10px);
}

.city-list li:after{
	content: '';
		width: 0; 
		height: 0; 
		/*border-left: 6px solid transparent;*/
		/*border-right: 6px solid transparent;*/
		/*border-top: 20px solid #fff;*/
		/*right: 155px;*/
		/*bottom: -20px;*/
		position: absolute;
		width: 30px;
		height: 30px;
		background: url(../images/ar1.png) no-repeat left top;
		bottom: -30px;
		right: 100px;
}
.city-list .img{
	float: left;
	width: 130px;
	height: 175px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}
.city-list .con{
	height: 80px;
	overflow: hidden;
	line-height: 1.8;
}
.city-list .tr a{
	color: #f60;
}
.city-list .tr a:hover{
	text-decoration: underline;
}
.city-list .txt{
	overflow: hidden;
	text-align: left;
	padding-left: 20px;
}
.city-list .txt *{
	text-align: left;
}
.city-list h1{font-size: 0;}
.city-list h3{
	font-size: 18px !important;
	margin-bottom: 0 !important;
	color: #131414;
	font-weight: bold;
	bottom: 0 !important;
}
.city-list .tr{text-align: right;}
.city-list h4{
	color: #c5c5c5;
	font-size: 16px;
	margin: 10px 0;
}
.city-list p{
	color: #666;
	height: 1.5;
	font-size: 12px;
}



.i-pro a{position:relative;display:block;overflow:hidden;border:1px solid #e8e8e8}
.i-pro p {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #000;
    background: rgba(0,0,0,0.8);
    width: 90%;
    padding: 5%;
    color: #fff;
    text-align: center;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}


.i-pro .jqthumb {
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}

.i-pro:hover .jqthumb {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
}
.i-pro:hover p {
    background: #d81f13;
    background: rgba(215,38,30,0.9);
}

.jiaoxiang a{
    overflow: hidden;
}
    .jiaoxiang img {
        transition: all 0.5s;
        -webkit-transition: all 0.5s;
        -moz-transition: all 0.5s;
        -o-transition: all 0.5s;
    }

.jiaoxiang:hover img {
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
}

.downlist {
    background: #e8e8e8;
    height: 50px;
    padding: 15px;
    line-height: 25px;
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -o-transition: all 0.5s;
}
    .downlist .layui-col-xs2 {
        line-height: 50px;
        color:#222;
        text-align:right;
        padding-right:14px
    }
        .downlist .layui-col-xs2 i {
            font-size: 30px
        }
        .downlist .layui-col-xs7 span {
            color:#777
        }
    .downlist .layui-col-xs3 {
        line-height: 50px
    }
    .downlist:hover {
        background: #131414
    }
        .downlist:hover .layui-col-xs2 i {
            color:#eee
        }
        .downlist:hover .layui-col-xs7{
            color: #eee
        }
        .downlist:hover .layui-col-xs7 span {
            color: #ddd
        }

        .downlist:hover .layui-col-xs3 a {
            color: #fff
        }
		
		.kefu{
			position: fixed;
			right: 5px;
			top: 30%;-moz-box-shadow:2px 2px 5px #333333; -webkit-box-shadow:2px 2px 5px #333333; box-shadow:2px 2px 5px #333333;background: #fff;
		}
		.kefu p{text-align: center;font-size: 18px;padding:0 0 10px 0;color: #DB2019;}