body{font-family:"Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3","WenQuanYi Micro Hei",sans-serif; font-weight: normal;}
h1,.h1,h2,.h2,h3,.h3,h4,.h4,.lead{font-family:"Microsoft YaHei","Hiragino Sans GB","Hiragino Sans GB W3","Microsoft YaHei UI","Microsoft YaHei","WenQuanYi Micro Hei",sans-serif}
ul,li{ list-style: none;padding;0; }
a{  text-decoration: none;color:#000; }
a:hover{  text-decoration: none; color:#000;}


.navbar { background-color:#ffffff; margin-bottom: 0;}  /*==>背景颜色*/
.navbar a:active{border-bottom: solid 1px green}
.navbar-inverse{ border-color:transparent; }
.navbar-inverse .navbar-nav>li>a{color:#333333;margin-left: 8px}   /*==>导航上面字体颜色*/


.navbar-inverse .navbar-nav>li>a:hover{color:#ffffff;background-color:#2664af;}

.focus
.navbar li{ padding: 0 3px; }
.navbar li:first-child {padding-left:0;}
.navbar-nav{color:rosybrown}
.navbar-nav ul{background-color: #ffffff}
.navbar-nav li ul{position: absolute;left: 8px;:2px 2px 20px #252525} /* ==>整个下拉ul*/
.navbar-nav ul li a{color: #595959}   /*==>下拉字体颜色*/
.navbar-nav ul li a:hover{color:#ffffff; background-color: #2664af}  /*==>鼠标放上去下拉字体颜色*/



.carousel{ height: 700px; }
.carousel .item { height: 700px; }
.carousel-inner > .item > img{ height: 700px;}
.dropdown-menu {min-width:110px;overflow:auto;font-size:12px;margin-left: 6px; border:normal;border: 1px solid rgba(0,0,0,0);}
.dropdown-menu>li>a{ padding:5px 1px; font-weight: normal; text-align: center;}

@media (min-width: 1200px)
.container {
    width: 1200px;
}

.topnav a { color: #9C9C9C; }




.wmdfw { padding:20px 0; }
.wmdfw .col-lg-3,.tybox .col-lg-4{ text-align: center; }
.box-top{ margin-bottom: 40px; }

.tybox { padding: 30px 0; }
.bg-gray-color { background-color: #e7e7e7; }
.bg-blue-color { background-color: #43B6EF; }
.bg-lanse-color{ background-color:#1994EC; }
.bg-cf-color{ background-color:#CFCFCF; }
.bg-green-color { background-color:#73C757; }
.bg-yl-color{ background-color:#DFB00B; }
.bg-cs-color { background-color:#F98901; }
.bg-fl-color{ background-color:#FA754C; }

.tyfw { padding: 40px 0; text-align: center;}
.tit-dsp{ background: url(../images/dsp.png) no-repeat 16px center; color: #fff; font-size: 32px; }
.tit-ls{ background: url(../images/hot.png) no-repeat 10px center;color: #fff; font-size: 32px;}
.tit-sj{ background: url(../images/sj.png) no-repeat 16px -6px;color: #fff; font-size: 32px;}
.tit-sp{ background: url(../images/sp.png) no-repeat 16px center;color: #fff; font-size: 32px;}
.tit-ds{ background: url(../images/ds.png) no-repeat 8px center;color: #fff; font-size: 32px;}
.tit-fl{ background: url(../images/fl.png) no-repeat 16px center;color: #fff; font-size: 32px;}
.ty-list {width:100%;margin:0 auto 10px auto;padding:0;}
.ty-list li{float:left; text-align:center;width:47%; margin-top:6px;}
.ty-list li a{ display: block; color:#fff; }
.ty-list li a:hover{ background: #fff; color: #000;  text-decoration: none; border-radius: 4px;}




.hr {border: 0;border-top: 1px solid #eee;width:96%;}
.mt-30 { margin-top:30px; }

.jdal { background: url(../images/cbg.png); background-size: cover; }
.jdal .col-lg-2{margin-bottom: 25px;}
.lxwm_page img{width:100%;}

.navbar-logo img{width:32%;float: left; margin-top:10px;margin-left:10px;}

.header {  display: none;}
.topnav { display: none;}

@media (min-width: 768px) {
.navbar-logo {display: none;}
.header { display: block;padding: 20px 0; }
.topnav { display:block;background-color: #f4f4f4; line-height: 32px; height: 32px;}
}

.topnav{color: #595959;  }
.topnav a{ color: #595959; font-weight: normal; text-underline: none;text-decoration: none}


.more-pro{ border: 1px #595959 solid; color: #595959; text-align: center;  line-height: 54px; padding: 0 70px; display: inline-block; border-radius:27px; margin-top:4%; font-size: 18px;}
.more-pro:hover{ text-decoration: none; color: #E67819; }

.mt10{ margin-top: 20px; }
.media { background-color:#E7E7E7; padding: 10px;}
.nav-tabs{border-bottom: none;}

.wmdfw .nav-tabs>li.active>a, .wmdfw .nav-tabs>li.active>a:hover, .wmdfw .nav-tabs>li.active>a:focus {border:none; background-color: #E67819; color: #fff;}
    .wmdfw .nav-tabs>li>a, .wmdfw .nav-tabs>li>a:hover, .wmdfw .nav-tabs>li>a:focus {border:none; background-color: #E5E5E5; color: #595959;}

    /*.nav-tabs>li.active>a:active{background-color: lawngreen;} */ /*==>鼠标点击时变化*/

.wmdfw .nav-tabs>li>a { border-radius: 26px; border:none;  line-height: 42px; padding: 0 60px; color: #000;}

.center {
  width: auto;
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.foot-head{ padding: 0 0 0 0; display: none; }

ul{margin:0;padding: 0}
.foot-head ul li{ float: left; padding-right:12px;margin:0;padding-left:0; width:104px;}
.foot-head ul li h3{ font-size: 15px; margin-bottom: 12px;color:#fff;}
.foot-head ul li h3 a{ font-size: 15px; }
.foot-head ul li a{ color: #fff; font-size: 12px; font-family: '宋体';text-align: center}

.fbg-color { background: #2664af;}

.zlhz {border-top:1px #62922E solid ; border-bottom: 1px #62922E solid ; padding: 10px 0 20px 0; display: none;}
.zlhz h4{ color: #fff; font-size: 16px; margin-bottom: 10px;}
.zlhz ul li{ float: right; }
.zlhz ul li img{ display: block; padding-right:20px; }

.fcop{ color: #fff; padding: 20px 0;}
.fcop .dblogo{ margin-bottom:0; display: block; text-align: center;}
.fcop p{ text-align: center; width:80%;margin:0 auto;}
.ocr { display: none; }
@media (min-width: 768px) {
.foot-head,.zlhz{ display:block; }
.fcop .dblogo{ display: block;  text-align: center;}
.fcop p{width:100%;}
.ocr { display: block; }
}

.slider {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
/*盒子带容器*/
.slides {
    height: auto;
    /* Simple clear fix */
    overflow: hidden;
    /** 
         * Prevent blinking issue
         * Not tested. Experimental.
         */
    -webkit-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d;
    /**
         * Here is CSS transitions 
         * responsible for slider animation in modern broswers
         */
    -webkit-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -moz-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -ms-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    -o-transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
    transition: all 500ms cubic-bezier(0.165, 0.840, 0.440, 1.000);
}
.slide {
    height: auto;
    float: left;
    clear: none;
}
.slider-arrows {
}
.slider-arrow {
    position: absolute;
    display: block;
    margin-bottom: -20px;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    color: #fff;
    font-size: 2em;


}/*左右按钮样式及放置位置*/
.slider-arrow--right {
    bottom: 50%;
    right: 30px;
      background: url(../images/1R.png) no-repeat center center;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    opacity:0.2;
}
.slider-arrow--left {
    bottom: 50%;
    left: 30px;
     background: url(../images/1L.png) no-repeat center center;
    filter:alpha(opacity=20);
    -moz-opacity:0.2;
    opacity:0.2;
}
.arrowsWrapper a.slider-arrow--right:hover{background: url(../images/2R.png) no-repeat center center;}
.arrowsWrapper a.slider-arrow--left:hover{background: url(../images/2L.png) no-repeat center center;}
.slider-nav {
    position: absolute;
    bottom: 30px;
}
.slider-nav__item {  /*nva样式*/
    width: 12px;
    height: 12px;
    float: left;
    clear: none;
    display: block;
    margin: 0 5px;
    background: #ccc;
    border-radius: 100%;
}
.slider-nav__item:hover {
    background: black;
}
.slider-nav__item--current {
    background:black;
} /*被选中后的样式*/

.box {
    width: 100%;
    height:auto;
    line-height: 5;
    text-align: center;
    font-size: 5em;
    color: #fff;
    text-transform: capitalize;
    vertical-align: middle;
}

.navbar-inverse .navbar-default .navbar-nav>.open>a, .navbar-inverse .navbar-nav>.open>a:hover, .navbar-inverse .navbar-nav>.open>a:focus { background-color: #2664af; }

.navbar-inverse .navbar-default .navbar-nav>.open>a.visited, .navbar-inverse .navbar-default .navbar-nav>.open>a:visited, .navbar-inverse .navbar-nav>.open>a:visited{border-bottom: solid 2px red}
#navbar-nav ul li a:visited{border-bottom:2px solid #2664af}
.pagebox{ background-color: #ffffff }

.panel-group{ font-size: 16px; }
.leftMenu .panel-heading{font-size:16px;padding-left:20px;color:white;position:relative;cursor:pointer; padding-top:24px;height: 62px; background-color:#2664af;color:#676767; }/*转成手形图标*/
.leftMenu .panel-heading span{position:absolute;right:10px;top:22px; font-weight: normal;}
.panel-group .list-group-item{background:#fff;border:1px solid transparent; padding:0;}

.panel-group .list-group-item:hover{background:#f9f9f9; border-left:2px #000 solid;}
.leftMenu .menu-item-left{padding: 2px; background: transparent; border:1px solid transparent;border-radius:0px; line-height: 32px;width:100%; text-align: center;}
.panel-group .panel-primary{border:1px #e6e6e6 solid;}


.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item a:hover{border-bottom:3px #2664af solid; cursor: pointer;}
.panel>.list-group .list-group-item, .panel>.panel-collapse>.list-group .list-group-item a{ display: block;  width:100%;padding: 10px 15px;}
.pagebox{color: #225fa3;border-left: 2px #225fa3 solid;background:#ffffff;}
    /*.pagebox .active { color: #FEAE2D;border-left:2px #FEAE2D solid;background:#f9f9f9;  }*/
    .breadcrumb{ margin-bottom: 0;  padding: 12px 12px;}
.article-box {border:1px #e6e6e6 solid; background: #fff; font-size: 14px;color:#676767; line-height: 2.0em; min-height:1200px;overflow: auto;padding-bottom: 20px}

.pagemain { margin-bottom: 20px;}
.pagemain .col-lg-3{padding-right: 0;width:20%; display: none; }
.pagemain .col-lg-9{width:100%;}


@media (min-width: 768px) {

.pagemain .col-lg-3{ display: block;}
.pagemain .col-lg-9{width:80%;}

}


.new-date{float: right; font-size: 12px; color: #969A99; display: none;}

@media (min-width: 768px) {

.pagemain .col-lg-3{ display: block;}
.pagemain .col-lg-9{width:80%;}
.new-date {display: block;}
}



.article-box .media{ background: #fff; border-bottom: 1px #ccc dotted;  padding:20px 0; width:90%;margin:0 auto;}
.article-box .media p{  padding: 10px 0; }

.article-head {  border-bottom: 1px #e6e6e6 solid; margin-bottom: 30px; }
.article-head h4{ text-indent: 32px; height:62px; line-height:62px;font-size: 26px; font-weight: normal; background: url(../images/btbg.png) no-repeat left bottom;padding:0;margin:0;  position: relative; z-index: 1;top:1px;}

/*
.article-head h4{ text-indent: 32px; height:62px; line-height:62px;font-size: 26px; font-weight: normal; background: url(../images/btbg.png) no-repeat left bottom;padding:0;margin:0;  position: relative; z-index: 1;top:1px;}
*/


.page-cnt{width:90%;margin:0 auto; padding:20px 0;}

.dropdown-menu{ background:#2664af}
.dropdown-menu>li>a{ color: #fff; }
body .nav li a span{font-size: 17px; font-weight: bold;}

.news_ctn li img{margin-top: 20px;float: left; width: auto;list-style: none}
.news_ctn img{width:100%;}

.pro-box{width:90%;margin:0 auto;}
.pro-detail img{width:100%; padding:40px 0;}

.slider-arrow:hover{ text-decoration: none;border:none; }

.nav-tabs>li>a{ border-radius: 4px; }

.tyfw .nav>li>a{ padding:10px 6px; }


.item {
    margin: 0;
    float: left;
}


.item img {
    /*opacity:0;*/
}

#smallslot {padding:0;margin:0;height: 270px;}
#smallslot .box{height: 270px; padding: 0}
#smallslot img{width:100%;height: 270px;}

@media (min-width: 768px) {
#smallslot { height: auto; }

#smallslot img{  height: 100%;width:100%;margin-top:0px;}
#smallslot .box{height: auto;}
}

#rtt {width:50px; height:50px; background:url('../images/rrt.png'); background-size:cover; position:fixed; right:50px; bottom:50px; border-radius: 5px; z-index:1000; display:none; cursor: pointer;}


.weixin{ width:21px; height:21px; position:relative; font-size:12px; text-align:center; display: inline-block;top:2px;}
.weixin a{width:21px; height:21px; display:block; position:absolute; left:0; top:0;/*background:url(../images/weixin.png) no-repeat center 3px;*/ }
.weixin .weixin_nr{width:120px; height:120px; padding:10px; background:#ccc; text-align:center; position:absolute; left:170px; display:none;}
.weixin .weixin_nr img{ margin-bottom:5px;}
.weixin .weixin_nr .arrow{ width:0; height:0; border-bottom:10px solid #ccc;border-left:10px solid transparent;border-right:10px solid transparent; position:absolute; left:50px; top:-10px;}
.weixin.on .weixin_nr{ display:block; z-index: 999}
.weixin.on a{ background:url(../images/weixin.png) no-repeat left bottom;}

    /* Shutter Out Horizontal */
    .fuwu {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        background-color: inherit;
    }
    .fuwu:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius:35px;
        background: #2664af;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .fuwu:hover, .fuwu:focus, .fuwu:active {
        color: white;
    }
    .fuwu:hover:before, .fuwu:focus:before, .fuwu:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }







    /* Shutter Out Horizontal */
    .hvr-shutter-out-horizontal {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        background-color: #FFFFFF;
    }
    .hvr-shutter-out-horizontal:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius:35px;
        background: #E67819;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 2s;
        transition-duration: 2s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .hvr-shutter-out-horizontal:hover, .hvr-shutter-out-horizontal:focus, .hvr-shutter-out-
    horizontal:active {
        color: white;
    }
    .hvr-shutter-out-horizontal:hover:before, .hvr-shutter-out-horizontal:focus:before, .hvr-
    shutter-out-horizontal:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    /* 了解更多动态*/
    .dongtai {
        display: inline-block;
        vertical-align: middle;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        position: relative;
        background: #e1e1e1;
        -webkit-transition-property: color;
        transition-property: color;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        background-color: #FFFFFF;
    }
    .dongtai:before {
        content: "";
        position: absolute;
        z-index: -1;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        border-radius:35px;
        background: #E67819;
        -webkit-transform: scaleX(0);
        transform: scaleX(0);
        -webkit-transform-origin: 50%;
        transform-origin: 50%;
        -webkit-transition-property: transform;
        transition-property: transform;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-timing-function: ease-out;
        transition-timing-function: ease-out;
    }
    .dongtai:hover, .dongtai:focus, .dongtai:active {
        color: white;
    }
    .dongtai:hover:before, .dongtai:focus:before, .dongtai:active:before {
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    /* Wobble To Top Right */
    @-webkit-keyframes hvr-wobble-to-top-right {
        16.65% {
            -webkit-transform: translate(8px, -8px);
            transform: translate(8px, -8px);
        }
        33.3% {
            -webkit-transform: translate(-6px, 6px);
            transform: translate(-6px, 6px);
        }
        49.95% {
            -webkit-transform: translate(4px, -4px);
            transform: translate(4px, -4px);
        }
        66.6% {
            -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
        }
        83.25% {
            -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    @keyframes hvr-wobble-to-top-right {
        16.65% {
            -webkit-transform: translate(8px, -8px);
            transform: translate(8px, -8px);
        }
        33.3% {
            -webkit-transform: translate(-6px, 6px);
            transform: translate(-6px, 6px);
        }
        49.95% {
            -webkit-transform: translate(4px, -4px);
            transform: translate(4px, -4px);
        }
        66.6% {
            -webkit-transform: translate(-2px, 2px);
            transform: translate(-2px, 2px);
        }
        83.25% {
            -webkit-transform: translate(1px, -1px);
            transform: translate(1px, -1px);
        }
        100% {
            -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
        }
    }
    .hvr-wobble-to-top-right {
        display: inline-block;
        vertical-align: middle;
        text-align: center;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
    }
    .hvr-wobble-to-top-right:hover, .hvr-wobble-to-top-right:focus, .hvr-wobble-to-top-right:active {
        -webkit-animation-name: hvr-wobble-to-top-right;
        animation-name: hvr-wobble-to-top-right;
        -webkit-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-timing-function: ease-in-out;
        animation-timing-function: ease-in-out;
        -webkit-animation-iteration-count: 1;
        animation-iteration-count: 1;
    }

    /*kefu*/
    .kefu{display:block;top:150px;_top:expression(eval(document.documentElement.scrollTop+150));overflow:hidden;right:3px;position:fixed;_position:absolute;z-index: 99999}
    .keful{float:left;width:29px;margin-top:20px;height:180px;background:url(../images/kefur.gif);cursor:pointer;}
    .kefur{width:110px;float:right;position:relative;display:none;}
    .kefutop{width:110px;height:57px;background:url(../images/kefutop.gif);}
    .kefucolose{float:right;width:22px;height:22px;cursor:pointer;}
    .kefumiddle{width:110px;min-height:81px;background:url(../images/kefumiddle.gif);overflow:hidden;}
    .kefumiddle li{float:left;width:110px;padding:5px 0 0 15px;overflow:hidden;}
    .kefumiddle li.txt{line-height:18px;}
    .kefumiddle li img{margin-right:3px;}
    .kefumiddle li a{float:left;color:#333;}
    .kefumiddle li a.txt{margin-top:3px;}
    .kefumiddle li a:hover{text-decoration:none;}
    .kefubottom{width:110px;height:42px;background:url(../images/kefubottom.gif);}


    /*qrcode从旧官网*/

    .qrcode{ position:fixed;  border-radius:2px; z-index:9999; right:10px; top:250px; width:150px; *position:absolute; background:#FFF url(../images/onlinebg.jpg) no-repeat 0 0; box-shadow:0px 0px 10px rgba(0,0,0,0.08);}

    .qrcode .bd{ padding:80px 15px 10px 15px;}

    .qrcode .bd ul{ line-height:1.4;}

    .qrcode .bd ul li{  margin-bottom:8px; overflow:hidden;}

    .qrcode .bd ul li .tit{ font-size:14px;color:#2664af;}

    .qrcode .bd ul li .btn{ margin-bottom:4px; width:120px; height:30px; display:block; text-indent:20px;padding-top: 0px; color:#FFF !important; font-size:13px; line-height:30px; text-decoration:none;}

    .qrcode .bd ul li .qq{ background:url(../images/btn_qqo.png) no-repeat;}

    .qrcode .bd ul li .baidu{ background:url(../images/btn_sq.png) no-repeat;}

    .qrcode .bd ul li .tel{ color:#e67819; font-size:16px;}

    .qrcode .bd ul li a:hover{ filter:alpha(opacity=80); opacity:0.8;}

    .codeAdv{ color:#2664af; text-align:center; font-size:16px; }

    .codeAdv .hdtxt{font-size:20px; display:block; margin-bottom:4px; }


    .kehude{
        position:fixed; border:1px solid #c9eeff; border-radius:2px; z-index:9999; right:15px; bottom:50px; width:150px; *position:absolute; background:#FFF url(../images/onlinebg.jpg) no-repeat 0 0; box-shadow:0px 0px 10px rgba(0,0,0,0.08);
    }