/*
 *  base
 */
html, body, div, span, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, address, big, cite, code,del,em, img,
ins, kbd, q, s, samp,small, strike, strong, sub, sup, b, u, i, center, dl, dt, dd, ol, ul, li,fieldset, form, label,
legend,table, caption, tbody, tfoot, thead, tr, th, td { margin: 0;padding: 0;border: 0;outline: 0; font-weight:normal; font-style:normal; font-family:Arial,'Microsoft YaHei';}
select,option { word-wrap:normal;}
input,select {font-size:14px;font-family:Arial,'Microsoft YaHei';}
textarea {font-size:14px; font-family:Arial,'Microsoft YaHei';}
img {border:0;max-width: 100%}
ul, li {list-style:none;}
body{background:#f4f4f4; font-family:Arial,'Microsoft YaHei';font-size:14px; color:#666;}
a, a:hover{ text-decoration:none;}
.fl{float: left;}
.fr{float: right;}


/************************************************************************************************/
.wrap{
    margin:0 auto;
    min-width: 320px;

}
.topBar{
    height:30px;
    background: #101010;
    font-size:14px;
    line-height: 14px;
    color:#FFF;
    text-align: right;
}
.topBar ul{
    float: right;
}
.topBar ul li{
    float: left;
    padding:8px 0;
}
.topBar ul li a{
    display:block;
    padding:0 14px;
    border-right:1px solid #666;
    color:#FFF;
}
.topBar ul li span{
    display:block;
    padding:0 14px;
}
#header{
    width:100%;
    height:100px;
    background: #FFF;
}
#header h1{
    float:left;
    overflow: hidden;
}
#header h1 img{
    max-width: 100%;
}
#header .nav{
    float: right;
}
#header ul{
    float:right;
    margin:40px 0;
    overflow: hidden;
}
#header ul li{
    float: left;
    margin-left:50px;
    line-height: 18px;
}
#header ul li:first-child{margin-left:0;}
#header ul li a{
    color:#666;
}
#header ul li a:hover,#header ul li.cur a{
    color:#f60;
}
#index-banner{
    height:auto;
    background: #000;
}

.i-active{margin-top:10px; overflow:hidden;}
.i-active li{
    float:left;
    width:50%;
}
.i-active li img{
    max-width:100%;
    vertical-align: top;
}

#index-news .tit{
    text-align: center;
}
#index-news .tit h2{
    color:#1f1f1f;
}
#index-news .tit h5{
    margin-top:5px;
    line-height: 22px;
    color:rgba(0,0,0,.56);
}
.index-news-item{
    overflow: hidden;
}
.index-news-item li{
    float: left;
    width:50%;
    background: #fff;
}
.index-news-item li img{
    max-width: 100%;
    vertical-align: middle;
}
.index-news-item li .format{
    display: block;
    background: #FFF;
    overflow: hidden;
}
.index-news-item li .format dt,.index-news-item li .format dd{
    width:50%;
}
.index-news-item li .format dt{
    float:left;
    display: table;
    text-align: center;

}
.index-news-item li a{
    display: block;
    color:#333;
}
.index-news-item li a:hover{
    color:#ff6600;
}
.index-news-item li .format dt div{
    display: table-cell;
    vertical-align: middle;
    padding:0 15%;
}
.index-news-item li .format dt s{
    display: inline-block;
    width:40px;
    height:30px;
    background: url("../images/i.png") no-repeat 0 0;
}
.index-news-item li .format.f2 dt s{
    background: url("../images/i.png") no-repeat 0 -30px;
}
.index-news-item li .format dd{
    position: relative;
    margin-left:50%;
}
.index-news-item li .format.f2 dt{
    float:right;
    height:100%;
}
.index-news-item li .format.f2 dd{
    margin-right:50%;
    margin-left:0;
}
.index-news-item li .format dd s{
    position: absolute;
    left:0;
    top:50%;
    margin-top:-13px;
    width: 0;
    height: 0;
    border: 13px solid transparent;
    border-left: 13px solid #fff;
}
.index-news-item li .format.f2 dd s{
    left:auto;
    right:0;
    border-right: 13px solid #fff;
    border-left:13px solid transparent;
}
.news-more{
    text-align: center;
}
.news-more a{
    display: inline-block;
    width:166px;
    height:46px;
    border:2px solid #c4c4c4;
    font-size: 16px;
    line-height: 46px;
    text-align: center;
    color:#000;
}
.news-more a:hover{
    color: #ff6600;
    border:2px solid #f8caab
}
#brand{
    background: #e1e1e1;
}
#brand ul{
    overflow: hidden;
}
#brand ul li{
    float: left;
    position: relative;
    width:16.66667%;
}
#brand ul li img{ max-width: 100%}
#brand ul li i{
    position: absolute;
    left:-8px;
    top:50%;
    margin-top:-10px;
    font-size: 17px;
    font-style: normal;
    font-family: simhei;
}
#brand ul li:first-child i{
    display:none;
}
#footer{
    position: relative;
    padding:80px 0;
    background: #161616;
    text-align: center;
    color:rgba(255,255,255,.3);
    font-size: 12px;
    text-transform: uppercase;
}
.goTop{
    position: absolute;
    top:-30px;
    left:50%;
    margin-left:-30px;
    width:60px;
    height:60px;
    background:url("../images/i.png") no-repeat -100px 0;
}
.banner{
    margin:1px auto 30px;
    background-repeat: no-repeat ;
    background-position: top center;
    background-color: #FFF;
    background-size:auto 100%;
    /*height:215px;*/
}
.banner img{
    vertical-align: top;
    max-width: 100%;
    /*min-height: 108px;*/
}
.content{
    overflow:hidden;
    margin-bottom: 100px;
}
#leftSider{
    float: left;
    width:20%;/*230px*/
    /*min-width: 170px;*/
}
#leftSider h3{
    font-size: 24px;
    color:#8c8c8c;
    line-height: 24px;
    margin:0 0 35px;
}
#leftSider ul{
    padding-bottom:50px;
}
#leftSider li{
    margin-bottom:5px;
}
#leftSider li a{
    display: block;
    padding:18px 10px;
    font-size: 16px;
    line-height: 16px;
    color:#333;
    border-radius:4px;
}
#leftSider li a i{padding-right:5px;font-size: 12px; line-height: 14px; vertical-align: top}
#leftSider li.cur a,#leftSider li.cur a:hover{
    background: #f55825;
    color:#FFF;
}
#leftSider li a:hover{
    color:#f55825
}
#mainCont{
    margin-left:21%;
    /*width:79.322%;*//*936px*/
}
.conBox{
    border:1px solid #ededed;
    background: #FFF;
    border-radius:4px;
    min-height: 500px;
}
.pdBox{
    padding:25px;
}
.news-item{
    /*margin-top:-25px;*/
    padding-bottom:40px;
    overflow: hidden;
}
.news-item li{
    width: 100%;
    padding:25px 0;
    border-bottom: 1px solid #d8d8d8;
    /*height: 125px;*/
    overflow: hidden;
}
.news-item li:first-child{
    padding-top:0;
}
.news-item li img{
    float: left;
    width:224px;
    /*height: 125px;*/
    overflow: hidden;
}
.news-item a{
    display: block;
}
.news-item a:hover h4{
    color:#ff6600;
}
.news-info{
    margin-left: 240px;
}
.news-info h4{
    padding-bottom:6px;
    font-size: 16px;
    line-height: 16px;
    color:#333;
    width:100%;
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
.news-info p{
    font-size: 12px;
    line-height: 24px;
    color:#666;
    height:72px;
    margin-bottom:18px;
    word-break:break-all;
    word-wrap:break-word;
    overflow: hidden;
}
.news-info .other{
    font-size: 12px;
    line-height: 12px;
    color:#666;
}
.pages{
    height:40px;
    margin-bottom:80px;
    text-align: center;
}
.pages ul{
    display: inline-block;
}
.pages ul li{
    display: inline-block;
    margin-left:-1px;
}
.pages ul li a,.pages ul li span{
    display: inline-block;
    width:38px;
    height:38px;
    line-height: 38px;
    border:1px solid #e5ebf0;
    color: #999;
}
.pages ul li a.cur{
    background: #f55825;
    color: #FFF;
}
.news-tit{
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    color:#333;
    margin-bottom: 15px;
}
.news-other{
    color: #f55825;
    line-height: 28px;
    margin-bottom:30px;
    overflow: hidden;
}
.news-other span{
    display: inline-block;
    font-weight: 700;
}
.news-other span.type{
    padding:0 20px;
    border: 1px solid #f55825;
    font-weight: 400;
    border-radius: 14px;
}
.news-txt{
    margin:0 0 20px;
    overflow:hidden;
}
.news-txt img{
    margin-bottom:30px;
    text-align: center;
}
.news-txt p{
    margin:8px 0;
    text-indent: 30px;
    color:#333;
    font-size: 16px;
    line-height:36px;
    word-break:break-all;
    word-wrap:break-word;
}
.ch-wrap{
    overflow: hidden;
}
.ch-item{
    margin-right:-20px;
    overflow: hidden;
}
.ch-item li{
    float: left;
    width:25%;
    margin-bottom:20px;
}
.ch-item li img{
    vertical-align: top;
    overflow: hidden;
}
.ch-item li p{
    line-height: 42px;
    text-align: center;
    font-size: 14px;
    color:#333;
}
.ch-item li a{
    display: block;
    border:1px solid #ededed;
    background: #FFF;
    margin-right:20px;
}
.ch-item li a:hover p{
    color:#f55825;
}
.ch-item li a:hover{
    border:1px solid #f55825;
    box-shadow: 0 0 5px rgba(0,0,0,.20);
}
/*****************************************************************************************************
 * carousel bootstrap焦点图
 *****************************************************************************************************/
.carousel {
    position:relative
}
.carousel-inner {
    position:relative;
    width:100%;
    overflow:hidden
}
.carousel-inner>.item {
    position:relative;
    display:none;
    -webkit-transition:.6s ease-in-out left;
    -o-transition:.6s ease-in-out left;
    transition:.6s ease-in-out left
}
.carousel-inner>.item>a>img,.carousel-inner>.item>img {
    line-height:1;
    vertical-align: middle;
}

@media all and (transform-3d),(-webkit-transform-3d) {
    .carousel-inner>.item {
        -webkit-transition:-webkit-transform .6s ease-in-out;
        -o-transition:-o-transform .6s ease-in-out;
        transition:transform .6s ease-in-out;
        -webkit-backface-visibility:hidden;
        backface-visibility:hidden;
        -webkit-perspective:1000px;
        perspective:1000px
    }
    .carousel-inner>.item.active.right,.carousel-inner>.item.next {
        left:0;
        -webkit-transform:translate3d(100%,0,0);
        transform:translate3d(100%,0,0)
    }
    .carousel-inner>.item.active.left,.carousel-inner>.item.prev {
        left:0;
        -webkit-transform:translate3d(-100%,0,0);
        transform:translate3d(-100%,0,0)
    }
    .carousel-inner>.item.active,.carousel-inner>.item.next.left,.carousel-inner>.item.prev.right {
        left:0;
        -webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0)
    }
}.carousel-inner>.active,.carousel-inner>.next,.carousel-inner>.prev {
     display:block
 }
.carousel-inner>.active {
    left:0
}
.carousel-inner>.next,.carousel-inner>.prev {
    position:absolute;
    top:0;
    width:100%
}
.carousel-inner>.next {
    left:100%
}
.carousel-inner>.prev {
    left:-100%
}
.carousel-inner>.next.left,.carousel-inner>.prev.right {
    left:0
}
.carousel-inner>.active.left {
    left:-100%
}
.carousel-inner>.active.right {
    left:100%
}
.carousel-control {
    position:absolute;
    top:50%;
    bottom:0;
    margin-top:-26px;
    width:27px;
    height:52px;
    background: url("../images/index-arrow.png") no-repeat;
    opacity:.5
}
.carousel-control.left {
    left:100px;
    background: url("../images/index-arrow.png") no-repeat;
    background-position: 0 0;
}
.carousel-control.right {
    right:100px;
    left:auto;
    background: url("../images/index-arrow.png") no-repeat;
    background-position: -27px 0;
}
.carousel-control:hover {
    color:#fff;
    text-decoration:none;
    filter:alpha(opacity=100);
    outline:0;
    opacity:1
}
.carousel-indicators {
    position:absolute;
    bottom:10px;
    left:50%;
    z-index:15;
    width:60%;
    padding-left:0;
    margin-left:-30%;
    text-align:center;
    list-style:none
}
.carousel-indicators li {
    display:inline-block;
    width:10px;
    height:10px;
    margin:1px 3px;
    text-indent:-999px;
    cursor:pointer;
    background-color: #000\9;
    background-color:rgba(0,0,0,0);
    border:2px solid #fff;
    border-radius:50%
}
.carousel-indicators .active {
    background-color:#fff
}
.carousel-inner>.item>img{display: inline-block; max-height:640px }
.carousel-inner>.item{ text-align: center}

/*detail*/
.c-detail-tit{
    font-size: 30px;
    line-height: 30px;
    color:#333;
    margin-bottom: 10px;
}
.c-detail-tit span{
    font-size: 16px;
    margin-left:5px;
}
.c-detail-box{
    position: relative;
    color:#333;
    padding-bottom:10px;
    border-bottom:1px solid #ddd;
    margin-bottom: 30px;
    overflow: hidden;
}
.c-detail-box ul{
    float: left;
    width:35%;/**/
    /*max-width: 300px;*/
}
.c-detail-box ul li{
    position: relative;
    padding-left:85px;
    margin:0;
    line-height: 38px;
}
.c-detail-box ul li span{
    position: absolute;
    display: inline-block;
    top:0;
    left:0;
    width:85px;
}
.c-detail-box .c-pic-box{
    position: absolute;
    top:12px;
    right:15px;
    max-width: 215px;
    border:1px solid #edeeee;
    background: #FFF;
}
.c-detail-box .c-pic-box img{
}
.c-detail-box .c-pic-box p{
    line-height: 40px;
    text-align: center;
}
.c-detail-box .c-pic-box a{
    color:#333;
}
.c-detail-box .c-pic-box a:hover{
    color:#f55825;
}
.c-details{
    margin-bottom: 30px;
}
.c-details h3{
    border-left:2px solid #f55825;
    line-height: 18px;
    font-size: 18px;
    padding-left:5px;
    margin-bottom: 20px;
    color:#333;
}
.c-details .txt{
    line-height: 35px;
    color:#333;
}
.c-details .txt img{
    margin-bottom: 20px;
}
.c-details .txt h4{
    font-size: 18px;
    line-height: 40px;
}
.news-txt h5{
    font-size: 18px;
    color:#333;
    padding-left:30px;
    line-height: 20px;
    margin-bottom:20px;
    font-weight: 700;
}
.total-bar{
    margin:30px 10px 10px;
    font-size: 18px;
}
.hd-box{
    overflow: hidden;
    margin-bottom: 30px;
}
.hd-box li{
    float: left;
    width: 33.3333%;
    margin:5px 0;
}
.hd-box li a{
    position: relative;
    display: block;
    height: 100%;
    margin:0 5px;
}
.hd-box li img{
    vertical-align: middle;
}
.hd-box li a div{
    display: none;
    position: absolute;
    left: 0;
    bottom:0;
    width: 100%;
    height: 100%;
    background: url("../images/mark.png") bottom repeat-x;
}
.hd-box li a:hover div{
    display: block;
}
.hd-box li a div p{
    position: absolute;
    left:0;
    bottom:0;
    width:100%;

}
.hd-box li a div p span{
    display: block;
    margin:0 45px 15px 25px;
    font-size: 24px;
    color:#FFF;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.hd-box li a div p i{
    position:absolute;
    display: inline-block;
    bottom:17px;
    right:15px;;
    width:22px;
    height:20px;
    background: url("../images/i.png") no-repeat right 0;
    /*background-size: 100px auto;*/
}
.relatPicBox{
    overflow: hidden;
}
.relatPicBox h3{
    padding:20px 10px 15px;
    font-size: 16px;
    line-height: 16px;
    color:#ff6600;
}
.picDetail-box{
    margin:0 5px 30px;
    background: #f7f8fb;
    overflow: hidden;
}
.picSlide{
    float: left;
    width:75% ;
}
.picIntro{
    margin-left:75%;
}

#picCarousel .carousel-control.left,
#picCarousel .carousel-control.right{
    width:50px;
    height:90px;
    background: url("../images/p-arrow.png") no-repeat 0 0;
    left: 10px;
}
#picCarousel .carousel-control.right{
    left: auto;
    right:10px;
    background-position: -50px 0;
}
#picCarousel .carousel-inner>.item>img{
    max-height:566px ;
}

.introTop{
    border:1px solid #f4f5f7;
    border-left:0;
    border-right:0;
    padding:20px 10px 20px 20px;
    background: #FFF;
}
.introTop dl{
    margin-bottom: 20px;
    overflow: hidden;
}
.introTop dl dt{
    float: left;
    width:50px;
    height:50px;
    overflow:hidden;
}
.introTop dl dt img{
    width:50px;
    height:50px;
    border-radius:50%;
}
.introTop dl dd{
    margin-left:60px;
}
.introTop dl dd h5{
    font-size: 18px;
    color:#333;
}
.introTop .btnBar{

}
.btn-red,.btn-gray{
    display: inline-block;
    width:98px;
    padding:8px 0;
    line-height: 16px;
    text-align: center;
    border-radius:3px;
}
.btn-red,.btn-red:hover{
    color:#FFF;
    background: #ff6600;
}
.btn-red i,.btn-gray i{
    display:inline-block;
    width:18px;
    height:16px;
    margin-right: 5px;
    background: url("../images/i.png") no-repeat -60px -60px;
    vertical-align: middle;
}
.btn-gray i{
    background-position: -80px -60px;
}
.btn-gray,.btn-gray:hover{
    padding:7px 0;
    border:1px solid #eceff2;
    background: #f7f8fa;
    color:#666;
}
.introBot{
    padding:20px;
}
.introBot h4{
    font-weight: 400;
    color:#333;
    font-size: 15px;
    line-height: 30px;
}
.introBot p{
    margin-bottom: 12px;
    color:#999;
    line-height: 16px;
}

/*login*/
.loginCon{
    height:600px;
    background: url("../images/loginBg.jpg") no-repeat top center;
    background-size: auto 100%;
}
.loginBox{
    float: right;
    margin-right:115px;
    margin-top:70px;
    width: 300px;
    height: 420px;
    padding:40px 40px 0;
    background: #FFF;
}
.loginBox h4{
    font-size: 18px;
    line-height: 20px;
    margin-bottom:10px;
}
.l-item{
    margin-bottom:15px;
}
.l-item li{
    padding:6px 0;
}
.l-item li .txtDiv{
    position: relative;
}
.txtDiv i{
    position: absolute;
    display: inline-block;
    top:9px;
    left:15px;
    width:20px;
    height:22px;
    background: url("../images/i.png") no-repeat;
}
.txtDiv i.i-user{
    background-position: 0 -120px;
}
.txtDiv i.i-psw{
    background-position: -20px -120px;
}
.txtDiv s{
    position: absolute;
    display: none;
    top:9px;
    right:12px;
    width:20px;
    height:22px;
    background: url("../images/i.png") no-repeat -40px -120px;
    cursor: pointer;
}

.l-txt{
    height:16px;
    width:242px;
    font-size: 14px;
    line-height: 16px;
    padding:12px 5px 12px 50px;
    border:1px solid #ccc;
}
.login-yzm span{
    display: inline-block;
    float:right;
    width:118px;
    height:40px;
    border:1px solid #ccc;
    overflow: hidden;
}
.login-yzm .l-txt{
    width:150px;
    padding-left:10px;
}
.login-tip{
    height:14px;
    line-height: 14px;
    font-size: 12px;
    color:#ff0000;
    margin-bottom: 5px;
}
.login-tip i{
    display: inline-block;
    width:14px;
    height:14px;
    margin-right:10px;
    margin-top: -2px;
    background: url("../images/i.png") no-repeat -60px -120px;
    vertical-align: middle;
}
.logBtn{
    margin-bottom: 10px;
}
.logBtn a{
    display: block;
    height:43px;
    text-align: center;
    line-height: 43px;
    color:#FFF;
    font-size: 18px;
    background: #ff6600;
}
.logBtn a:hover{
    background: #ef6000;
}
.logBtn.state a{
    background: #fecf2f;
    color:#7c5d48;
}
.logBtn.state a:hover{
    background: #fdc404;
}
.logOther{
    font-size: 12px;
    margin-bottom: 40px;
    overflow: hidden;
}
.logOther a{
    color:#999;
}
.logOther a:hover{
    color: #ff6600;
}
.logWays{
    position: relative;
    margin-top: 10px;
    border-top:1px solid #ddd;
    text-align: center;
}
.logWays span{
    display: inline-block;
    position: relative;
    top:-10px;
    padding:0 15px;
    background: #FFF;
    font-size: 12px;
    color:#999;
}
.logWays a{
    display: inline-block;
    width:30px;
    height:25px;
    margin: 10px 12px 0;
    background: url("../images/i.png") no-repeat;
}
.logWays a.i-qq{
    background-position: 0 -150px;
}
.logWays a.i-qq:hover{
    background-position: 0 -180px;
}
.logWays a.i-wx{
    background-position: -30px -150px;
}
.logWays a.i-wx:hover{
    background-position: -30px -180px;
}

/*二维码浮层*/
.li-ewm{
    position: relative;
    cursor: pointer;
}
.drop-ewm{
    display: none;
    position: absolute;
    top:30px;
    right:0;
    width:120px;
    height:120px;
    border:1px solid #ddd;
    border-top:0;
    padding:10px;
    background: #FFF;
    z-index: 100;
}
.li-ewm:hover .drop-ewm{
    display: block;
}
.drop-ewm img{
    width:120px;
    height:120px;
    overflow: hidden;
}
.drop-ewm:after{
    position: absolute;
    top:-15px;
    right:27px;
    width: 0;
    height: 0;
    border: 8px solid transparent;
    border-bottom: 8px solid #fff;
    content: ' ';
}