/*Internet Explorer 10 ?????????????????????????????¡­?€???????¡ã???????????? ???????¡À??????????????????????¡ì?¡­????????????????????????????????? ?????????????¡­?€? ???¡§???¡ì??????????????????????????????€?viewport??????????????¡ã???¡ì?¡­????????????????????????????????? ???¡§??????????????¡§?????¡­?€??????¡­?€????????????€????????*/
@-ms-viewport       { width: device-width; }
@-o-viewport        { width: device-width; }
@viewport           { width: device-width; }  
/*Internet Explorer 10 ?????????????????????????????¡­?€???????¡ã???????????? ???????¡À??????????????????????¡ì?¡­????????????????????????????????? ?????????????¡­?€? ???¡§???¡ì??????????????????????????????€?viewport??????????????¡ã???¡ì?¡­????????????????????????????????? ???¡§??????????????¡§?????¡­?€??????¡­?€????????????€???????? end*/
ul,ol,dl,table,th,tr,td,input,textarea,li,a,div,span,em,i,img{ margin:0; padding:0; border:0;}
a:hover{ text-decoration:none;}
li{ list-style:none;}
/*??????????????¡§???????¡À???€??????????????¡¤????????????*/
html, body {width:100%; margin: 0 auto;}
/*= ??????????????????????€??????¡è?????????????????¡­?????¡§=*/
.clear{clear: both; height:0px; line-height:0px; font-size:0px; overflow:hidden;display: block;}
.clearfix:after { content: ""; display: block; height: 0px;  clear: both; visibility: hidden; font-size:0px;}
/* Hides from IE-mac \*/
* html .clearfix {height: 0%;}
/* End hide from IE-mac */
*+html .clearfix {min-height: 0%;}

/* ???????????????€?????????????IE7 */
* + html .clearfix {min-height:0%;}
.fl {float: left;}
.fr {float: right;}

/*?????¡­???¡­????????????€???????????¡è??????????????????????????¡ì????????*/
.w1200{ width:1200px; margin:0 auto;position: relative;display: table;}
body {color:#333; font:12px/20px 'Microsoft YaHei', arial, sans-serif;}
a{ color:#333;text-decoration: none;}
a:hover{color:#89211b;}
.mt20{margin-top: 20px}
.mt30{margin-top: 30px}
.mt50{margin-top: 50px}

em,i{font-style: normal;}

/*???¡ì??????????????????????????????¡À??????????¡è????????*/
.v_middle{ vertical-align:middle;}
/*???????¡§??????????????????????????¡À??????????¡è????????*/
.te-align{ text-align:center;}
/*???¡ì????????????????????????????????¡­?????¡è????????*/
.p_r{ position:relative;}

.top{height: 30px;width: 100%;background:#282828;line-height: 30px;color: #a5a4a4}
.top a{color: #a5a4a4;padding: 0 10px}

.head{height: 100px;background: url(/xcb/images/head.jpg) no-repeat center center;}
   .head .fl{
            width: 500px;
        }
        .head .zhuzhan{
            float:left;
            width: 340px;
        }
        .head .zizhan{
            float:left;
           
        }
        .head .zhuzhan img{
           width: 100%;
        }
        .head .zizhan {
           font-size: 30px;
           color: #fff;
           font-weight: normal;
           line-height: 58px;
        }
.head .fr span,.head .fr span em{display: block;}
.head .fr span{margin-left: 25px;margin-top: 15px}
.head .fr span em{color: #f8b2ae;font-size: 14px;}

.navbar{background-color: #ebebeb;height: 40px;line-height: 40px;}
.nav{height: 40px;}
.nav .m{ float:left;  position:relative;height: 40px;}
.nav h3{ float:left;  font-size:100%; font-weight:normal; font-size:14px; height:40px; overflow:hidden;margin-top: 0}
.nav h3 a{ display:block; vertical-align:top;display: block;line-height: 40px;width: 200px;text-align: center;}
.nav .on h3 a{color:#fff;background-color: #89211b}
.nav .sub{ display:none;width:200px; padding:5px 0;   position:absolute; left:0px; top:40px; background:#89211b; text-align:center;z-index: 999; }
.nav .sub li{ vertical-align:middle; }
.nav .sub li a{ height:20px; line-height:20px; padding:6px 0;  display:block; background:url() 0 9px no-repeat; color:#fff;   }
.nav .sub li a:hover{ color:#fff; background:#a1261f;   }

/* banner */
.slider{width:100%;min-width:1200px;height:335px;position:relative; overflow:hidden;background:#fff; text-align:center;}
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-600px  }
.slider .bd li{ width:1200px;  overflow:hidden; position: relative;}
.slider .bd li img{ display:block; width:1200px; height:335px;}
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1200px !important; /*???????????????????€????????¡è???????????¡ì????????*/  }
.slider .bd li .txt{position: absolute;z-index: 9;left: 20px;bottom: 0px;background: url(/xcb/images/tbg.png);height: 40px;width: 100%;line-height: 40px;color: #FFF;font-size: 16px;}
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:335px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-600px;}
.slider .next{ left:50%;  margin-left:600px;}
.slider .pnBtn .blackBg{display:block;position:absolute;left:0;top:0;width:100%;height:335px;background:#000;filter:alpha(opacity=50);opacity:0.5;}
.slider .pnBtn .arrow{position:absolute;top:0; z-index:1;width:60px;height:335px;filter:alpha(opacity=60);opacity:0.6;}
.slider .pnBtn .arrow:hover{ filter:alpha(opacity=90);opacity:0.9; }
.slider .prev .arrow{ right:0; background:url(/xcb/images/slider-arrow.png) -120px 0 no-repeat;   }
.slider .next .arrow{ left:0; background:url(/xcb/images/slider-arrow.png) 0 0 no-repeat;  }

.title{width: 100%;border-bottom: 1px #b2b2b2 dashed;line-height: 50px;height: 50px;font-size: 20px;color: #89211b;padding-bottom: 10px;}
.title img{vertical-align: middle;display: inline-block;margin-right: 10px;}
.title a{display: block;width: 50px;height: 50px;background: url(/xcb/images/more.jpg) no-repeat center center;}

.news-box{}
.news-box dd{width: 290px;height: 285px;background-color: #f7f7f7;margin-right: 25px;margin-left: 0;overflow: hidden;}
.news-box dd h3{margin-bottom: 0;margin-top: 0px;padding-left: 10px;padding-right: 10px;height: 24px;overflow: hidden;line-height: 24px;}
.news-box dd.n1 img{height: 200px;border-bottom: 3px #ec7c51 solid;}
.news-box dd img{height: 200px;border-bottom: 3px #efab09 solid;}
.news-box dd p{margin-top: 0;padding:5px 10px 0 10px;height: 20px;line-height: 20px;margin-bottom: 0;color: #666}
.news-box dd span{padding-left: 10px;color: #666}
.news-box dt{width: 270px;height: 285px;overflow: hidden;}
.news-box dt li{border-bottom: 1px #e1e1e1 solid;line-height: 24px;height: 48px;padding-bottom: 13px;margin-bottom: 12px;}
.news-box dt li a{font-size: 14px;}
.news-box dt li span{font-size: 12px;color: #666;display: inline-block;}

.home-bg{height: 395px;width: 100%;background: #f7f7f7;overflow: hidden;}
.home-bg .gg{width: 550px;margin-right: 50px;}
.home-bg .gg li{height: 70px;width: 100%;overflow: hidden;}
.home-bg .gg li span{display: block;width: 70px;height: 70px;text-align: center;}
.home-bg .gg li span em{background-color: #89211b;color: #FFF;display: block;height: 35px;line-height: 35px;font-weight: bold;font-size: 24px;}
.home-bg .gg li span i{border:1px #bcbcbc solid;width: 68px;height: 33px;line-height: 33px;display: block;font-size: 14px;}
.home-bg .gg li .txt{padding-left: 80px;}
.home-bg .gg li .txt h3{margin: 0}
.home-bg .gg li .txt p{color: #666}
.home-bg .media{width: 550px;}
.home-bg .media ul{margin-top: 10px}
.home-bg .media li{line-height: 33px;background: url(/xcb/images/icon6.png) no-repeat left center;padding-left: 20px;height: 33px;overflow: hidden;font-size: 14px;}

.home-bg .win{width: 182px;margin-top: 15px}
.home-bg .win div{height: 50px;line-height: 50px;margin-top:5px;}
.home-bg .win div a{display: block;font-size: 14px;padding-left: 65px;}
.home-bg .win .icon1{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b1.png) no-repeat 20px center;}
.home-bg .win .icon2{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b2.png) no-repeat 20px center;}
.home-bg .win .icon3{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b3.png) no-repeat 20px center;}
.home-bg .win .icon4{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b4.png) no-repeat 20px center;}
.home-bg .win .icon5{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b5.png) no-repeat 20px center;}
.home-bg .win .icon6{width: 180px;height: 48px;border:1px #d4d4d4 solid;background: #f7f7f7 url(../images/b6.png) no-repeat 20px center;}
.home-bg .win .icon1:hover a,.home-bg .win .icon2:hover a,.home-bg .win .icon3:hover a,.home-bg .win .icon4:hover a,.home-bg .win .icon5:hover a,.home-bg .win .icon6:hover a{color: #FFF}
.home-bg .win .icon1:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b01.png) no-repeat 20px center;color: #FFF}
.home-bg .win .icon2:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b02.png) no-repeat 20px center;color: #FFF}
.home-bg .win .icon3:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b03.png) no-repeat 20px center;color: #FFF}
.home-bg .win .icon4:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b04.png) no-repeat 20px center;color: #FFF}
.home-bg .win .icon5:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b05.png) no-repeat 20px center;color: #FFF}
.home-bg .win .icon6:hover{width: 180px;height: 48px;border:1px #89211b solid;background: #89211b url(../images/b06.png) no-repeat 20px center;color: #FFF}



.picScroll-left{ width:1200px;  overflow:hidden; position:relative;margin:30px auto;}
.picScroll-left .bd{width:1215px;  margin-left: -18px;}
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ margin:0 19px; float:left; _display:inline; overflow:hidden; text-align:center;width:270px; height:190px;}
.picScroll-left .bd ul li .pic{ width:270px; height:140px;}
.picScroll-left .bd ul li .pic img{ width:270px; height:140px; display:block;}
.picScroll-left .bd ul li .txt{line-height: 50px;}


.footer{background: url(/xcb/images/ft-bg.jpg) center left no-repeat;height: 100px;overflow: hidden;padding-top:20px;}
.footer .txt{color: #FFF;font-size: 14px;line-height: 34px;margin-top: 10px}
.footer .icon {margin-top: 10px}
.footer .icon a{display: block;width: 60px;color: #FFF;font-size: 14px;}
.footer .icon .pic{height: 27px;width: 60px;display:table-cell;overflow: hidden;vertical-align: middle;margin-bottom: 10px;}
.footer .icon .pic img{display: inline-block;vertical-align: middle;}
.footer .icon p,.footer p{margin: 0}



/*???????????????????????????¡è???????????¡è??????????¡°???????€????¡§???????€????????*/
.mainWrap{ width: 100%; height: auto; min-width: 1200px; }
.main{ height: auto;}
.mainL{ width: 790px;}
/**/
.mainTop{ width: 100%; height: auto;}
/*??????????????????????????????banner*/
.list-banner{width:100%; height:320px; text-align:center; overflow:hidden;}
.left{width:260px; margin-top:-60px;  position:relative; z-index:100;}
.right{width:870px; margin-top:20px;}
.lmcc{background:#89211b; height:100px; line-height:100px; color:#fff; padding-left:50px; width:210px; font-size:30px; letter-spacing:1px;}
.left-list{background:#ededed; padding-bottom:200px; padding-top:15px; padding-left:10px; width:250px;}
.left-list li{width:250px; height:46px; line-height:46px; font-size:16px;}
.left-list li a{display:block; padding-left:20px; float:left; width:230px; height:46px; margin-bottom:10px; line-height:46px; color:#333; float:left;}
.left-list li a:hover,.left-current{background:#fff!important; color:#89211b!important;}
.local{width:100%; height:60px; line-height:60px; border-bottom:1px solid #cecece;}
.local h3{color:#484848; margin:0; font-size:24px; font-weight:bold; float:left;}
.dqwz{float:right; color:#333; font-size:12px; background:url(/xcb/images/pic4.png) no-repeat left center; padding-left:16px; font-family:'??????????????????¡è??????????¡°'}
.dqwz a{color:#333; line-height:70px; padding:0 6px;}

.content,.jj,.list,.pic-list{width:100%; margin:20px 0; min-height:500px;}
.content-title{width:100%; margin:20px 0; text-align:center;}
.content-title h3{width:100%; float:left; display:block; font-size:24px; color:#333; line-height:36px; margin:0;}
.content-title i{margin-top:6px; width:100%; font-style:normal; float:left; display:block; font-size:12px; line-height:24px;color:#666;}
.content-con p,.jj p{display:block; width:100%; line-height:36px; color:#333; font-size:15px; text-indent:2em; margin-bottom:15px;}
.content-sxt{margin-top:30px; border-top:1px solid #e3e3e3; padding-top:15px; line-height:30px; font-size:13px; width:100%;}
.content-sxt a{display:block; width:100%; color:#333;font-size:14px;}
.content-con img {
    max-width: 600px;
    width: 100%;
    height: auto;
    text-indent: inherit;
}
.content-con p{
    text-indent:inherit;
}
.list,.pic{width:870px; margin:20px 0;}
.list li a{ width: 700px; padding-left: 18px; background: url(/xcb/images/ico3.png) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.list li i{ width:130px; font-style:normal; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.list li a:hover{ background: url(/xcb/images/ico3_hov.png) 0 center no-repeat; color: #89211b;}
.dqwz a:hover{color: #89211b;}

.pic li{width:260px; margin-right:45px; float:left; margin-bottom:30px; margin-top:10px;}
.img{width:100%; height:170px; overflow:hidden;}
.img img{width:100%; height:100%;}
.pic li .txt{width:100%; height:36px; line-height:36px; margin-top:10px; color:#333; font-size:14px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}


/*???????€????¡­?????¡ì?¡­?????????????????????????????????¡­??*/
.xyText{ width: 372px; height: auto; float: right;}
.textList{  width: 100%; height: auto; overflow: hidden;}
.textList li,.list li{ width: 100%; height: auto; float: left; height: 36px; line-height: 36px;}
.textList li a{ width: 274px; padding-left: 18px; background: url(/xcb/images/ico3.png) 0 center no-repeat; font-size: 14px; color: #000; display: block; float: left; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.textList li span{ width: 80px; text-align: right; display: block; float: right; font-size: 12px; color: #666;}
.textList li a:hover{ background: url(/xcb/images/ico3_hov.png) 0 center no-repeat; color: #0068b1;}
.title span{ font-size: 22px; color: #333333;}
.title em{ margin-left: 3px; font-size: 14px; color: #999;}
.title i{ position: absolute; left: 0; top: 3px; display: block; width: 153px; height: 35px; background: url() no-repeat;}





















 
@media screen and (max-width:1200px) {
    /* ¹«¹² */
    .footer{background-size: cover;}
    html, body{min-width: auto;}
    .w1200{width: auto;max-width: 1200px;margin: 0 auto;display: block;padding-left: 10px;padding-right: 10px;box-sizing: border-box;}
    .slider,.mainWrap{min-width: auto;width: 100%;}
    .slider .bd{width: 100%;margin-left: 0;transform: translateX(-50%);}
    .slider .bd li img{width: 100%;}
    .nav{display: flex;justify-content: space-between;}
    .nav h3{float: none;}
    .nav h3 a{width: auto;padding: 0 20px;}
    .list-banner{height: auto;}
    .list-banner img{display: block;width: 100%;}
    .right{overflow: hidden;float: none;width: auto;padding-left: 50px;}
    .local{float: none;}
    .list{width: auto;float: none;}
    .list li{display: flex;}
    .list li i{width: auto;}
    .list li a{flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 15px;width: auto;}

    .left-list li a{float: none;width: auto;}
    .content-title h3,.content-title i{float: none;}
    .content,.content-title,.content-con{float: none;}

    .list,.pic{width: auto;float: none;}
    .pic{margin: 0 -10px;}
    .pic ul{overflow: hidden;width: 100%;}
    .pic li{width: 33.33%;margin-left: 0;margin-right: 0;}
    .pic li a{display: block;margin: 0 10px;}
    .pic li a .img{float: none;}

     /* ¹«¹² */


     .picScroll-left{width: auto;}
    .list a {flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;padding-right: 20px;}
    .news-box dt li a{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

    .news-box dl{overflow: hidden;display: flex;justify-content: space-between;}
    .news-box dt{flex: 1;min-width: 0;height: auto;}
    .home-bg  .w1200{display: flex;}
    .home-bg .gg,.home-bg .media{flex: 1;min-width: 0;margin-right: 30px;}

     

   
}

@media screen and (max-width:1024px) {
     /* ¹«¹² */
     .slider{display: none;}
    .top,.head,.navbar{display: none;}
    .footer{height: auto;padding: 20px 0 20px 0;}
    .footer .txt{float: none;text-align: center;}
    .footer .icon{float: none;display: flex;justify-content: center;}

    .left{float: none;width: auto;margin-top: 20px;}
    .lmcc{width: auto;float: none;height: 60px;line-height: 60px;font-size: 20px;padding-left: 15px;}
    .left-list{width: auto;padding: 0 10px;float: none;}
    .left-list li{width: auto;height: auto;}
    .right{padding-left: 0;}

    .picScroll-left{box-sizing: border-box;padding-left: 10px;padding-right: 10px;}
    .picScroll-left .bd{width: auto;margin: 0;}
    .picScroll-left .bd ul{display: flex;flex-wrap: wrap;margin-top: 20px;}
    .picScroll-left .bd ul li{width: 33.33%;margin: 0;height: auto;box-sizing: border-box;padding: 0 10px;}
  

 /* ¹«¹² */

 .picScroll-left .bd ul li .txt{display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
 .news-box dl{display: block;}
 .news-box dd,.news-box dt{float: none;width: auto;height: auto;margin-right: 0 !important;margin-top: 15px;}
 .news-box dd p{overflow: hidden;}

 .home-bg{height: auto;padding-bottom: 20px;}
 .home-bg .w1200{display: block;}
 .home-bg .gg, .home-bg .media,.home-bg .win{width: auto;float: none;margin-right: 0;}
 .home-bg .win .icon1,.home-bg .win .icon2,.home-bg .win .icon3,.home-bg .win .icon4{width: auto;}

 

    


   

}

@media screen and (max-width:768px) {
    .pic li{width: 50%;margin-bottom: 15px;}
    .pic li a .img{height: 130px;}
}









/* Òƶ¯¶ËÍ·²¿ */
.wap{display: none;}
@media screen and (max-width:1024px){
    body {padding-top: 60px !important;}
    .pc {display: none !important;}
    .wap {display: block !important;}
    .w-top {max-width: 1920px;margin: 0 auto;position: fixed;right: 10px;top: 18px;width: 25px;height: 25px;z-index: 9999;}
    .w-top>img {display: block;width: 100%;}
    .wap-menu {position: absolute;top: 0;right: 0;z-index: 99999;font-size: 0;}
    .wap-menu img {height: 25px;}
    .close-menu {display: none;position: absolute;right: 0;top: 0;}
    .m-head {position: fixed;top: 0;left: 0;right: 0;z-index: 999;padding: 10px;background: #89211b;background: #89211b;}
    .m-logo {font-size: 0;}
    .m-logo a {font-size: 0;line-height: 40px;display: block;}
    .m-logo img {max-height: 40px;max-width: 80%;vertical-align: middle;}
    .m-tlink {padding: 10px 15px 0 15px;}
    .m-tlink a {font-size: 12px;margin-right: 5px;color: #fff;display: inline-block;line-height: 24px;background: #fff;color: #304174;line-height: 24px;padding: 0 15px;border-radius: 5px;
    }
    .m-search {margin: 0 15px;padding-right: 50px;padding-left: 10px;padding-top: 5px;padding-bottom: 5px;position: relative;line-height: 35px;margin-top: 15px;border: 1px solid #fff;}
    .m-search input[type="text"] {display: block;width: 100%;line-height: 25px;background: none;color: #fff;}
    .m-search input[type="text"]::placeholder {color: #fff;}
    .m-search input[type="image"] {position: absolute;right: 10px;top: 10px;height: 15px;}
    .m-nav {position: fixed;top: 60px;right: -100%;bottom: 0;z-index: 999;background: #89211b;overflow-y: scroll;width: 100%;border-top: 1px solid rgba(255, 255, 255, 0.2);background: #89211b;}
    .m-nav ul {padding: 0 15px;}
    .m-nav ul li {border-bottom: 1px solid rgba(255, 255, 255, 0.2);position: relative;}
    .m-nav ul li>span.on {transform: rotateZ(90deg);}
    .m-nav ul li ul {display: none;}
    .m-nav ul li ul li {border: none;}
    .m-nav>ul>li a {display: block;font-size: 14px;line-height: 20px;padding: 15px 0;position: relative;color: #fff;}
    .m-nav>ul>li ul li a {padding: 10px 0;}
    .m-nav>ul>li>span {position: absolute;width: 20px;height: 20px;background: url(/xcb/images/pub_m-nav_down.png) no-repeat;background-size: 14px 14px;background-position: center center;right: 0;top: 15px;cursor: pointer;display: block;color: #fff;transition: all 0.3s;}
}