@import url("www.css");

body, html {
    margin: auto;
    height: 100%;
    padding: 0px;
    text-align: center;
    position: relative;
    background: #ffffff;
    color: #333;
}
#top {
    height:140px;
    z-index:101;
}
#com {
    height: 50px;
    position: relative;
    z-index: 10;
    background:#fff;
}

.com {
    height: 50px;
    background: #ffffff;
    line-height: 50px;
    font-size: 12px;
    color: #666;
}

    .com .com-left {
        float: left;
    }

    .com .com-right {
        float: right;
    }

    .com ul li {
        float: left;
    }

        .com ul li a {
            color: #999;
        }

        .com ul li.xian {
            font-family: "宋体",Arial;
            line-height: 50px;
            padding: 0 10px;
        }

#header {
    height: 90px;
    background: #E70132;
}

.head-left, .head-center, .head-right {
    float: left;
    height: 46px;
    margin-top: 22px;
}

.head-center {
    height: 90px;
}

.head-left {
    width: 280px;
}

.head-center {
    margin-top: 0px;
}

    .head-center ul {
        margin-left: -15px;
    }

        .head-center ul li {
            float: left;
            height: 90px;
            margin-left: 15px;
        }

            .head-center ul li.hover {
                background: #fff;
                color: #333;
            }

            .head-center ul li a {
                padding: 0 20px;
                line-height: 90px;
                font-size: 14px;
                text-align: center;
                display: block;
                text-decoration: none;
                color: #fff;
            }

            .head-center ul li:hover a {
                background: #fff;
                color: #333;
            }
/*
#body_1 .head-center ul li.hover_2 a,
#body_2 .head-center ul li.hover_3 a,
#body_3 .head-center ul li.hover_4 a,
#body_4 .head-center ul li.hover_5 a,
#body_5 .head-center ul li.hover_6 a {
    background: #fff;
    color: #333;
}
*/

#nav {
    height: 300px;
    position: absolute;
    left: 0px;
    top: 140px;
    overflow: visible;
    display: none;
    background: url(../images/nav_nback.png) repeat-x;
    z-index: 99;
    padding-top: 10px;
    line-height: 60px;
}

    #nav a {
        color: #333;
        line-height: 60px;
        font-weight:100;
    }

        #nav a:hover {
            color: red;
            text-decoration: underline;
        }

    #nav .nav-box {
        padding-top: 40px;
    }

    #nav .nav-title, #nav .nav-next, #nav .nav-img {
        float: left;
    }

    #nav .nav-title, #nav .nav-next {
        line-height: 40px;
    }

    #nav .nav-title {
        width: 183px;
        text-align: right;
        padding-right: 60px;
        font-weight: bold;
        color: #E70132;
        font-size:14px;
        height:130px;
        line-height:125px;
        border-right: solid 1px #ccc;
    }

    #nav .nav-next {
        width: 180px;
        height:120px;
        text-align: center;
        padding-bottom: 10px;
        border-right: solid 1px #ccc;
    }

        #nav .nav-next a {
            line-height: 40px;
            display: inline-block;
            font-weight: 100;
        }

    #nav .nav-img {
        padding-left: 70px;
        padding-top: 7px;
    }

.head-center ul li.hover div.nav {
    display: block;
}

.head-right {
    float: right;
}

.ipt-box input {
    float: left;
}

    .ipt-box input[type=text] {
        width: 200px;
        height: 42px;
        line-height: 42px;
        padding: 0 8px;
        font-size: 12px;
        border: solid 1px #fff;
    }

    .ipt-box input[type=submit] {
        width: 42px;
        height: 40px;
        background: #ffffff url(../images/so.png) center center no-repeat;
        border: solid 1px #fff;
        margin-left: -42px;
        margin-top: 2px;
        cursor: pointer;
    }

.nav {
    width: 100%;
    height: 300px;
    top: 90px;
    position: relative;
    z-index: 1;
    display: none;
    background: url(../images/nav_nback.png) repeat-x;
}

#banner {
    height: 416px;
    transition: all 0.2s linear 0s;
}
    #banner a {
        color:#fff;
        line-height:30px;
    }

    #banner .banner-img {
        position: absolute;
    }

        #banner .banner-img li {
            height: 416px;
        }

    #banner .banner-desc {
        position: absolute;
        width: 500px;
        margin-top: 50px;
        color: #ffffff;
        background: #000000;
        padding: 20px 20px 10px 20px;
        opacity: .8;
        filter: Alpha(opacity=80);
        display: none;
        z-index: 19;
    }

        #banner .banner-desc h1 {
            font-size: 22px;
        }

        #banner .banner-desc p {
            padding: 10px 0;
            line-height: 20px;
        }

            #banner a b {
                font-size:12px;
                font-family:"宋体";
                font-weight:100;
            }

    #banner .banner-nav {
        position:relative;
        z-index: 20;
        float:right;
        margin-top:340px;
    }

            #banner .banner-nav ul li {
                float: left;
                width: 12px;
                height: 12px;
                cursor: pointer;
                margin-left: 10px;
                background: #fff;
            }

            #banner .banner-nav ul li.current {
                background: #E70132;
            }
#banner-page {
     height:235px;
}
#banner-page .margin {
    position:relative;
    top:185px;
    height:50px;
    line-height:50px;
    background:url(../images/hot_home_back.png) repeat-x;
}
#banner-page .margin-w {
    background:#fff;
    height:50px;
}
#banner-page .hot-title, #banner-page .hot-link, #banner-page .site-path {
        float: left;
    }
#banner-page .hot-title {
        width: 300px;
        background: #E70132;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }

    #banner-page .hot-link {
        padding-left: 10px;
    }

        #banner-page .hot-link a {
            margin-left: 10px;
            font-size:12px;
        }
#banner-page .site-path {
        width:840px;
        padding:0 30px;
        font-size:14px;
        font-weight:bold;
        color:#E70132;
    }
#banner-page .site-path span {
        font-weight:100;
        font-size:12px;
        float:right;
        color:#333;
    }
#banner-page .site-path span b {
        font-family:"宋体";
        margin:0 5px;
        font-weight:100;
    }
#hot {
    position: relative;
    margin-top: -50px;
    background:url(../images/hot_home_back.png) repeat-x;
}
    #hot .margin-w {
        background: #fff;
        height: 50px;
        line-height: 50px;
        font-size: 12px;
    }

    #hot .hot-title, #hot .hot-link {
        float: left;
    }

    #hot .hot-title {
        width: 190px;
        background: #E70132;
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 14px;
    }

    #hot .hot-link {
        padding-left: 10px;
    }

        #hot .hot-link a {
            margin-left: 10px;
        }

#business {
}

.business-title {
    text-align: center;
    color: #E6002F;
    padding: 50px 0;
    background:url(../images/h-xian.jpg) center 70px no-repeat;
}

    .business-title span {
        font-size: 26px;
        font-weight: 100;
        padding:0 30px;
        display:inline-block;
        background:#ffffff;
    }
    .business-title span.white {
        background:#ffffff;
    }

    .business-title p {
        padding-top: 5px;
        font-size: 12px;
        color: #999;
    }

        .business-title p.en {
            font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
            font-size: 14px;
            color: #999;
        }

.business-content {
    padding-left: 2px;
}

.business-item {
    width: 399px;
    float: left;
    margin-left: -1px;
    border: solid 1px #ebebeb;
    cursor: pointer;
    padding-bottom:30px;
}
.business-item p.item-img {
    padding:0px 20px 20px 20px;
}
.business-item p.item-img img {
    width:100%;
}
.business-item p.item-class {
    padding:0px 20px 20px 20px;
    font-size:12px;
}
.business-item p.item-class a {
    margin-right:5px;
}
h1.item-pro {
    text-align:center;
    height:32px;
    border-bottom:solid 1px #eee;
}
h1.item-pro span {
    height:31px;
    line-height:31px;
    padding:0 30px;
    background:#eee;
    border:solid 1px #eee;
    color:#E70132;
    font-weight:bold;
    display:inline-block;
}
    .business-item ul li {
        display: inline-block;
        width: 49%;
        vertical-align: top;
    }

        .business-item ul li div {
            padding: 20px 20px 0px 20px;
            font-size: 12px;
        }
        .business-item ul li div p {
            color:#666;
            line-height:20px;
            text-align:center;
        }
        .business-item ul li div p a {
            font-size:12px;
        }
        .business-item ul li div p a.more {
            font-size:12px;
        }

            .business-item ul li div img {
                width: 159px;
                margin-bottom: 5px;
                box-shadow: 2px 2px 3px 0 rgba(0,0,0,0.15);
            }

.item-title {
    height: 70px;
    padding: 20px;
    background: #f5f5f5;
    text-align: center;
    color: #333;
}

    .item-title.on {
        background: #e5e6e6;
    }

    .item-title p {
        font-size: 20px;
    }

    .item-title i, p.item-remark {
        font-style: normal;
        font-size: 12px;
        color: #999;
    }
p.item-remark {
    margin: 20px;
}

.business-content ul li.on {
    background: #f5f5f5;
}

.business-more {
    line-height: 80px;
    font-size: 12px;
    padding-bottom:10px;
    text-align:center;
}

    .business-more a {
        color: #E70132;
    }

.business-item:hover {
    position: relative;
    z-index: 10;
    border: solid 1px #E70132;
    box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
}

    .business-item:hover .item-title {
        background: #E70132;
        color: #fff;
    }

        .business-item:hover .item-title i {
            color: #fff;
        }

#product {
 background:#ffffff;   
}
.product-item {
    width: 199px;
    height: 200px;
    float: left;
    margin-left: -1px;
    margin-top:-1px;
    border: solid 1px #ebebeb;
    cursor: pointer;
}
.product-item-photo {
    width:100%;
    height:150px;
}

.product-item-title {
    padding:0 15px;
    background: #f5f5f5;
    height:50px;
    line-height:50px;
    position:relative;
    font-size:12px;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
}
.product-item img {
    width:197px;
}

    .product-item:hover {
        position: relative;
        z-index: 10;
        border: solid 1px #E70132;
        box-shadow: 0 1px 1px 1px rgba(0,0,0,0.2);
    }
    .product-item:hover .product-item-title {
        background: #E70132;
        color:#fff;
    }

a.home-more, span.home-more {
   padding:3px 20px 5px 20px;
   background:#E70132;
   border:solid 1px #E70132;
   color:#fff;
   display:inline-block;
   text-align:center;
   line-height:28px;
   margin:0 10px;
   font-size:14px;
   text-decoration:none;
   cursor:pointer;
}
a.home-more:hover, span.home-more:hover {
   
   background:#cc0000;
   border:solid 1px #E70132;
   color:#fff;
}
.ad .margin-w {
    height: 140px;
    background: url(../images/cc.gif) center center no-repeat;
    border-bottom: solid 1px #eee;
    text-indent: -9999px;
}
#about {
    background:#fff;
}
.about {
}
.about .about-left, .about .about-right {
    float:left;
}
.about .about-left {
    width:800px;
}
.about .about-news {
    border:solid 1px #eee;
}
.about .about-right {
    width:399px;
    height:265px;
    border:solid 1px #eee;
    margin-left:-1px;
}
.about .about-right p {
    font-size:12px;
    color:#666;
    margin:20px;
}
.about .about-right p img {
    width:360px;
}
.about h3 {
    font-size:12px;
    text-align:center;
    padding:10px;
    background:#f5f5f5;
    border-bottom:solid 1px #eee;
}
.about h3 span {
    padding:2px 10px 3px 10px;
    border:solid 1px #ccc;
    background:#fff;
    display:inline-block;
    margin:0 4px;
    border-radius:50px; -moz-border-radius:50px; -webkit-border-radius:50px;
}
.about h3 span.select,.about h1 span:hover {
    border:solid 1px #E70132;
    background:#E70132;
}
.about h3 span a {
    text-decoration:none;
}
.about h3 span.select a,.about h1 span:hover a {
    color:#fff;
}
.home-pic{ position:relative; width:300px; height:225px; overflow:hidden; margin:20px; float:left;}
.home-pic ul.items{ position:absolute; float:left; background:none; list-style:none; padding:0px; margin:0px;}
.home-pic ul.items li{ float:left; background:none; list-style:none; padding:0px; margin:0px;}
.home-pic ul.items li a{ float:left; line-height:normal !important; padding:0px !important; border:none/*For IE.ADD.JENA.201206300844*/;}
.home-pic ul.items li a img{ margin:0px !important; padding:0px !important; display:block; border:none/*For IE.ADD.JENA.201206300844*/; width:300px; height:225px;}
.home-pic div.tips{ position:absolute; bottom:0px; width:100%; height:40px; background-color:#000; overflow:hidden;}
.home-pic div.tips div.title{ position:absolute; left:0px; top:0px; height:100%;}
.home-pic div.tips div.title a{ color:#FFF; font-size:12px; line-height:40px; margin-left:10px; text-decoration:none;}
.home-pic div.tips div.title a:hover{ text-decoration:underline !important;}
.home-pic div.tips div.nums{ position:absolute; right:5px; top:0px; height:100%;}
.home-pic div.tips div.nums a{ display:inline-block; >float:left/*For IE.ADD.JENA.201206300844*/; width:10px; height:10px; background-color:#FFF; text-indent:-99999px; margin:15px 5px 0px 0px;}
.home-pic div.tips div.nums a.active{ background-color:#a10000;}
.home-pic ul.itemtxt{ position:relative; width:300px; height:300px; float:right; }

.com-at {
    float:left;
    width:457px;
    height:265px;
    border-left:solid 1px #eee;
    text-align:left;
}

.conbox ul {
    margin-top:18px;
    font-size:12px;
}
.conbox ul li {
    list-style:square;
    margin-left:30px;
    line-height:26px;
}
.conbox ul li b {
    float:right;
    font-style:italic;
    font-weight:100;
    color:#666;
    padding-right:20px;
}

#link {
    font-size: 12px;
    line-height: 30px;
    text-align: left;
    border-bottom: dotted 1px #ddd;
}
#link a {
    margin-left:5px;
}

#footer {
    height: 260px;
    background: #fff url(../images/foot_bak.jpg) center bottom no-repeat;
    font-size: 12px;
    color: #666;
	margin-top: 40px;
}

    #footer a {
        color: #666;
    }

    #footer p {
        line-height: 30px;
    }

.footer-left, .footer-center, .footer-tip, .footer-right {
    margin-top: 40px;
    height: 90px;
    border-right: solid 1px #ccc;
    float: left;
}

.footer-left {
    padding-right: 30px;
}

.footer-center {
    padding: 0 30px;
}

.footer-tip {
    padding-left: 30px;
    width: 220px;
    border-right: none;
}

    .footer-tip i {
        font-style: normal;
        color: #999;
        line-height: 24px;
    }

.footer-center p span {
    font-size: 24px;
}

.footer-right {
    float: right;
    border-right: none;
}

#footer ul {
    position: relative;
    margin-top: -5px;
}

    #footer ul li {
        text-align: center;
        padding-left: 20px;
        line-height: 24px;
        float: left;
    }

        #footer ul li img {
            width: 80px;
        }

.side {
    position: fixed;
    width: 54px;
    height: 275px;
    right: 20px;
    top: 180px;
    z-index: 100;
}

    .side ul li {
        width: 54px;
        height: 54px;
        float: left;
        position: relative;
        border-bottom: 1px solid #eee;
    }

        .side ul li .sidebox {
            position: absolute;
            width: 54px;
            height: 54px;
            top: 0;
            right: 0;
            transition: all 0.3s;
            background: #ccc;
            opacity: 0.8;
            filter: Alpha(opacity=80);
            color: #fff;
            font: 14px/54px "微软雅黑";
            overflow: hidden;
        }

        .side ul li .sidetop {
            width: 54px;
            height: 54px;
            line-height: 54px;
            display: inline-block;
            background: #ccc;
            opacity: 0.8;
            filter: Alpha(opacity=80);
            transition: all 0.3s;
        }

            .side ul li .sidetop:hover {
                background: #E70132;
                opacity: 1;
                filter: Alpha(opacity=100);
            }

        .side ul li img {
            float: left;
        }

/*CONTENT*/
#content {
   
}
#content .margin-w {
    background:url(../images/left_xian.png) repeat-y;
    border-bottom:solid 1px #ebebeb;
}
#content .content-left, #content .content-right {
    float:left;
}
#content .content-left{
    width:300px;
    padding-bottom:30px;
}
.left-box {
    margin-right:20px;
    background:#f5f5f5;
}
.left-box .label-box {
    padding:20px;
    font-size:12px;
}
.left-box .label-box a {
    margin-right:5px;
}
.left-box .contact-a {
    text-align:center;
    padding:10px;
}
.content-left h1 {
    margin-top:20px;
    margin-right:20px;
    height:26px;
    text-indent: 10px;
    border-bottom:solid 1px #eee;
    font-weight:bold;
    font-size:14px;
}
.content-left h2 {
    margin-top:20px;
    margin-right:20px;
    height:26px;
    text-indent: 10px;
    border-bottom:solid 1px #eee;
    font-weight:bold;
    font-size:14px;
}

ul.left-list {
    padding:10px;
}
ul.left-list li {
    line-height:34px;
    font-size:12px;
    background:url(../images/pro_li_hover.jpg) repeat-x;
    text-indent:20px;
    font-weight:100;
    border-bottom:solid 1px #ddd;
}

ul.left-list li dl {
    padding:10px;
    background:#fff;
    border-top:solid 1px #ddd;
}
ul.left-list li:first-child dl {
}
ul.left-list li dl dd {
    line-height:24px;
    background:#fff;
    text-indent:35px;
    font-weight:100;
}

.hot-news { height: 160px; margin: 0; padding-bottom: 20px; border-bottom: solid 1px #ddd; }
.hot-news dt { width: 240px; margin-right:15px; float: left; line-height: 24px; overflow: hidden; text-align:center; }
.hot-news dt img {
    width:226px;
    height:150px;
    background:#eee;
    padding:5px;
    box-shadow:1px 2px 3px 0 rgba(0,0,0,0.15);
}
.hot-news dd { width: 520px; float: left; padding-top:15px; font-size: 13px; line-height: 28px; color: #666; }
.hot-news dd span { padding-left: 20px; display: block; font-size: 12px; background: url(../images/hot_news_icon.gif) left 50% no-repeat; }
.hot-news dd a { color: #363636; font-size: 18px; display: block; }
.hot-news dd a:hover { text-decoration: underline; }

#content .content-right {
    width:899px;
    background:#fff;
}
.content-right .content-one,.content-right .content-tuijian {
    margin:10px 30px 10px 30px;
}
.content-tuijian {
    padding-bottom:20px;
}
.content-right .content-one h1 ,.content-right .content-tuijian h1 {
    font-size:14px;
    color:#E70132;
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;
    text-indent:10px;
    font-weight:bold;
    margin-bottom:15px;
}
.content-right .content-tuijian h3 {
    font-size:14px;
    color:#E70132;
    padding-bottom:10px;
    border-bottom:solid 1px #ddd;
    text-indent:10px;
    font-weight:bold;
    margin-bottom:15px;
}
.content-right .content-one p {
    margin:0 10px;
}
.content-right .content-one p.title a {
    font-size:18px;
}
.content-right .content-one p.remark {
    color:#999;
    font-size:12px;
    margin-top:10px;
}
.content-tuijian ul {
    margin-left:30px;
}
.content-tuijian ul li {
    float:left;
    width:400px;
    line-height:30px;
    font-size:12px;
    text-align:left;
    list-style:square;
}
#content .content-box{
    margin:30px;
    color:#333;
}
#content .content-box h1{
    text-align:center;
    font-size:24px;
    padding-top:10px;
    padding-bottom:10px;
}
#content .content-hot{
    text-align:center;
    font-size:12px;
    border-top:dotted 1px #999;
    background:#eee;
    border-bottom:dotted 1px #999;
    padding:5px 0;
    margin:10px 0;
    margin-bottom:20px;
}
#content .content-box img{
    max-width:760px;
}
#content .content-box ul.news-list li{
    line-height:40px;
    border-bottom:dotted 1px #ccc;
    text-align:right;
}
#content .content-box ul.news-list li a{
    float:left;
}
#content .content-box hr.pageline{
    margin:10px 0;
    background:#ccc;
    border:solid 1px #ccc;
}
#content .content-box,#content .content-box p{
    line-height:28px;
}
.link-left {
    float:left;
    padding-top:5px;
}
.bdsharebuttonbox {
    float:right; padding:20px 0;
}


/*SITEMAP*/
#sitemap h1 {
    color:#E70132;
    font-size:14px;
    font-weight:bold;
    padding-top:30px;
    padding-bottom:10px;
    text-align:left;
    text-indent:32px;
}
.sitemap-next {
    width:100%;
    color:#333;
	background:#fff;
    border:solid 1px #eee;
    text-align:left;
    padding-bottom:15px;
}
.sitemap-next p {
    height:40px;
    line-height:40px;
    border-bottom:solid 1px #ddd;
    padding:10px 0px;
    margin:0 20px;
    text-indent:10px;
}
.sitemap-next p a{
    font-weight:bold;
    color:#E70132;
    text-align:left;
}
.sitemap-next .navnext{
    margin:0px 30px;
}
.sitemap-next .navnext ul li {
    list-style:square;
    margin-left:30px;
    line-height:30px;
    border-bottom:solid 1px #eee;
}
.sitemap-next .navnext ul li dl {
    
}
.sitemap-next .navnext ul li dl dd {
    margin-left:30px;
    line-height:30px;
    border-left:solid 1px #ddd;
    text-indent:20px;
}

/*channel_product*/
.content-box .business-content a {
    width:200px;
    height:200px;
    display:inline-block;
    margin-right:6px;
    margin-bottom:10px;
}
.content-box .business-content a {
    width:200px;
    height:200px;
    display:inline-block;
    margin-right:6px;
    margin-bottom:10px;
}
.business-content a:hover div.product-item-photo div.site-logo {
    width:100%;
    height:150px;
    background:url(../images/web_logo.png) center center no-repeat;
}
.tuijian-box a {
    width:200px;
    height:200px;
    display:inline-block;
    margin-right:6px;
    margin-bottom:10px;
}
.tuijian-box a:hover div.product-item-photo div.site-logo {
    width:100%;
    height:150px;
    background:url(../images/web_logo.png) center center no-repeat;
}