﻿/*#region ALL */
body {
    /*background-color: #F0F0F0;*/
    background-color: #fff;
    width: 100%;
    /*font-family: "PingFang SC", "Microsoft YaHei", "STHeiti", "sans-serif";*/
    font: 14px/1.5 Tahoma, Helvetica, Arial, "\5b8b\4f53", sans-serif; /* 用 ascii 字符表示，使得在任何编码下都无问题 */
	color:#595959;
}
.nowrap{overflow: hidden!important;white-space: nowrap!important;text-overflow: ellipsis!important;word-wrap:normal!important;}

* {
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
}

ol, ul {
    list-style: none;
}
/* container */
.container {
    width: 1280px;
    height: auto;
    margin: 0 auto;
}
.p20 { padding: 20px;}
/*#endregion */
/*#region 顶部tip+head */
.top-line {
   background: url(/Source/Image/top-line.png) repeat-x; width: 100%; height: 10px;
}
/*#endregion */
/*#region 首页下拉 */
a:hover { text-decoration: none; color: #00a0d5; }
.bg { background: url(/Source/Image/icon-back.png) no-repeat; }
.header, .content { position: relative; width: 1280px; margin: auto; }
.header { height: 173px; padding: 2px 0 0; z-index: 100; }
.header img { float: left; }
.header-logoTip { float: left; background: url(/Source/Image/logo2.jpg?v1) no-repeat; width: 1000px; height: 115px; }
.header-nav { position: absolute; left: 190px; bottom: 0px; font-family: "microsoft yahei"; }
.header-nav ul { background: url(/Source/Image/nav-ul-line.gif) no-repeat right bottom; padding-right: 1px; }
.header-nav ul li { position: relative; float: left; width: 98px; height: 47px; line-height: 47px; background-position: 0 0; text-align: center; font-size: 16px; transition: all 0s ease; }
.header-nav ul li dl { position: absolute; z-index: 100; background: #fff; left: 1px; top: 47px; overflow: hidden; height: 0px; transition: all 0s ease; }
.header-nav ul li dl dd { *height:47px;}
.header-nav ul li dl dd a { text-align: left; padding: 0 17px; white-space: nowrap!important; *width:100%; font-weight:100;}
.header-nav ul li dl dd a:hover { border-bottom: 4px solid #0078d5; color: #0078d5; }
.header-nav ul li a { display: inline-block; width: 100%; height: 100%; }
.header-nav ul li:hover { background-position: -102px 0; color: #00a0d5; }
.header-nav ul li.focus { background-position: 0 0 !important; font-weight: bold; }
.header-nav ul li.focus a { color: #00a0d5 !important; }
.rail-bg { background: url(/Source/Image/content-tip-back.png) repeat-x; height: 90px; }
.rail-tip { width: 1007px; 
            background: url(/Source/Image/content-tip.png) no-repeat; height: 100%; margin: auto; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/Source/Image/content-tip.png");
}
.hot-guild { background: url(/Source/Image/attention-.gif) no-repeat left center; padding: 20px 40px 20px 200px; height: 77px; position: relative; overflow: hidden; }
.hot-guild p { position: relative; padding-right: 150px; line-height: 30px; }
.hot-guild p.border { border-bottom: 1px solid #ccc; }
.hot-guild p a { display: inline-block; width: 100%; }
.hot-guild p span { position: absolute; right: 0px; _right: 50px; top:0; }

.new-trends-list { float: left; width: 770px; padding-left: 40px; }
.new-trends-tip { position: relative; background: url(/Source/Image/new-trends.gif) no-repeat; height: 28px; padding: 1px 0; line-height: 28px; }
.new-trends-tip span { position: absolute; right: 0px; }
.new-trends-list dt { padding-bottom: 20px; }
.new-trends-list dd { position: relative; border-bottom: 1px solid #ccc; padding: 0 100px 0 10px; line-height: 25px; }
.new-trends-list dd a { display: inline-block; width: 100%; }
.new-trends-list dd span { position: absolute; right: 0; top: 0;}
.img-window { float: left; width: 342px; height: 210px; padding: 5px 0 0 70px; }

/*#endregion */
/*#region 首页中 */
.title-list { overflow: hidden; zoom: 1; padding-bottom: 50px; }
.title-list li { float: left; display: inline; width: 385px; padding: 0 20px;height:450px }
.title-list li i { display: inline-block; background: url(icon-hot.png) no-repeat; padding: 6px 14px; _padding: 0 14px; vertical-align: middle; }
.title-list li div{padding-bottom: 10px; border-bottom:1px solid #ccc;}
.title-list li p { position: relative; padding: 10px 75px 0px 0;_float: left; max-height: 42px; overflow: hidden; }
.title-list li p span { position: absolute; right: 0; top: 50%; margin-top: -5px; vertical-align: middle; }
.title-list .contPro { float: left; display: inline; width: 125px;  border:none;}
.title-list .contPro p { text-align: center; padding: 5px 0; border: none; font-size: 12px; }
.title-list img{width:100%}

ol, ul {
    list-style: none;
}

.footer {
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 14px;
    color: #000;
    text-align: center;
    background-color: #e9e9e9;
    clear: both;
}
/*#endregion */
 /*#region 首页底部品牌 */
.brand-Carousel { position: relative; overflow: hidden; zoom: 1; width: 1200px; margin: auto; height: 350px; }
.brand-Carousel ul { position: absolute; overflow: hidden; zoom: 1; width: 1200px; margin: auto; left: 0; transition: all 0s ease; }
.brand-Carousel li { float: left; width: 1200px; }
.brand-Carousel li a img { padding-top: 4px; }
.brand-Carousel-left, .brand-Carousel-right { cursor: pointer; position: absolute; top: 45%; margin-top: -24px; color: #aaa; left: -25px; }
.brand-Carousel-right { left: auto; right: -20px; }
/*#endregion */

.content-main { float: left; display: inline; margin-left: 0px; _margin-left: -4px; width: 1040px; border: 1px solid #ddd; background: #fff; }
.content-main li p.list { position: relative; height: 41px; line-height: 41px; background: url(/Source/Image/icon-tipBlue.png) no-repeat 6px 18px; padding: 0 120px 0 24px; border-bottom: 1px dashed #898989; }
.content-main li p.list a { display: block; width: 100%; }
.content-main li p.list span { position: absolute; top: 0; right: 0; }
.content-main li div.contact { font: 16px/1.5 "microsoft yahei"; color: #282828; padding: 30px 40px 50px; }
.content-main li p { padding: 10px 0; }
.content-main li p span.blue { color: #00a0d5 }
.content-main .tabs-body { min-height: 500px; }
.content-main .tabs-body li { display: none; }
.content-main .tabs-body li ul { margin: 30px 0 0; overflow: hidden; zoom: 1; }

/*#region 内容区域-开始 */
/* 内容区域-开始 */
.content {
}

.sidebar {
    padding: 20px;
    width: 180px;
    /* min-height: 760px; */
    font-size: 16px;
    border: 1px solid #e6e6e6;
    background-color: #fff;
}

    .sidebar .sidebar-bd {
    }

    .sidebar .sidebar-item {
        height: 36px;
        line-height: 36px;
        margin-bottom: 10px;
        text-align: center;
        border: 1px solid #02428c;
    }

        .sidebar .sidebar-item .sidebar-link {
            display: block;
            color: #02428c;
            background-color: #e2f6fe;
        }

            .sidebar .sidebar-item .sidebar-link:hover {
                color: #fff;
                background-color: #02428c;
            }

        /*选中*/
        .sidebar .sidebar-item .sidebar-link--on {
            color: #fff;
            background-color: #02428c;
        }

.content-box {
    /* min-height: 800px; */
    /*border: 1px solid #e6e6e6;*/
    background-color: #fff;
}

    .content-box .content-title {
        padding-top: 10px;
        font-size: 18px;
        font-weight: 700;
        color: #333;
        text-align: center;
    }

    .content-box .content-info {
        padding-top: 20px;
        padding-bottom: 10px;
        font-size: 12px;
        color: #666;
        border-bottom: 1px dotted #d5d5d5;
        text-align: center;
    }

        .content-box .content-info .content-info-item {
            padding-left: 6px;
            padding-right: 6px;
        }

    .content-box .content-details {
        margin-top: 20px;
        font-size: 14px;
        line-height: 22px;
        color: #333;
    }

.column-9 {
    padding: 20px;
    height: auto;
    width: 1000px;
}
/* 内容区域-结束 */
/*#endregion */
