/* ==========================================================================

   Global

   ========================================================================== */

    

    html {

        font-size: 62.5%;

    }

    

    a { color: #333; }

    

    a:hover { color: #e31210; }



 a:focus { outline:none; -moz-outline:none; }     

    body { color: #333; font: 16px/1.7 microsoft yahei, Arial, Helvetica, sans-serif; }    

    .wrapper {

        max-width: 1200px;

        /*min-width: 980px; */

        _width: 1200px;

        padding: 0 10px;

        margin-left: auto;

        margin-right: auto;

    }    

    .wrapper:after,

    .row:after {

        content: "";

        display: table;

        clear: both;

    }

    /* arrow */    

    .arrow {

        position: absolute;

        top: 50%;

        margin-top: -4px;

    }    

    .arrow * {

        position: absolute;

        top: 0;

        left: 0;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

    }

    /* arrow-right */

    

    .arr-r * {

        border-left-style: solid;

        border-width: 4px 0 4px 4px;

    }    

    .arr-r em {

        left: 1px;

    }    

    .arr-r span {

        border-left-color: #3675bb;

    }    

    .tri {

        position: absolute;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

    }



   /* ==================================

   menu

   ================================== */

    

    .menu {

        position: relative;

    }

    /* menu-hd */

    

    .menu-hd {

        position: relative;

        z-index: 1002;

        overflow: hidden;

        height: 30px;

        line-height: 30px;

        padding: 0 20px 0 6px;

    }

    /* menu-bd */

    

    .menu-bd {

        display: none;

        position: absolute;

        z-index: 1001;

        margin-top: -1px;

    }

    

    .menu-bd-panel {

        padding: 5px 0;

        border: 1px solid #eee;

        background: #fff;

        min-width: 96px;

    }

    

    .menu-bd-panel a {

        display: block;

        padding: 0 5px;

        line-height: 28px;

        white-space: nowrap;

        color: #6C6C6C

    }

    /* menu arrow */

    

    .menu-hd .fa-caret-down {

        -webkit-transition: .3s ease-in;

        -moz-transition: .3s ease-in;

        -o-transition: .3s ease-in;

        transition: .3s ease-in;

        position: absolute;

        height: 30px;

        line-height: 30px;

        top: 0;

        right: 6px;

    }

    /* menu hover */

    

    .menu-hover .menu-hd {

        z-index: 10002;

    }

    

    .menu-hover .menu-bd {

        z-index: 10001;

    }

    

    .menu-hover .menu-hd {

        padding: 0 19px 1px 5px;

        border-width: 0 1px;

        border-style: solid;

        border-color: #eee;

        background: #fff;

    }

    

    .menu-hover .menu-hd .fa-caret-down {

        -webkit-transform: rotate(180deg);

        -moz-transform: rotate(180deg);

        -o-transform: rotate(180deg);

        transform: rotate(180deg);

    }

    

    .menu-hover .menu-bd-panel a:hover { background: #eee;  }



    /* ==========================================================================

   Header

   ========================================================================== */

header {}    

header .wrapper {position: relative; z-index: 99;}   

.topbar{height:90px; background: #fff;float: right;} 

.topbar .wrapper{position: relative;}

.logo { position: absolute; left:10px;width:290px;height:100px; overflow: hidden;line-height:100px;max-width:400px;

    background: url(../images/logo.png) no-repeat left center;

 }  

.logo img{max-width: 100%;display: none;}



#globalnav.gnbMenu_over .logo {

    background: url(../images/logoover.png) no-repeat left center;

}





.langbox{position: absolute; right: 60px; font-size: 14px;top:40px;z-index: 3;color: #fff; font-weight: bold;} 

.langbox a{height: 24px; line-height: 24px;color: #fff;margin:0 5px;}

#globalnav.gnbMenu_over .langbox a,#globalnav.gnbMenu_over .langbox{color: #000;}





.toptel{position: absolute;right:180px; font-size: 14px;top:28px;}

.toptel span{color: #0160bd;font-weight: bold;font-size: 20px;font-style: italic;}



.serchinco{position: absolute;width:48px; height: 48px; right:10px; top: 30px; font: 300 12px/48px microsoft yahei;cursor: pointer;z-index: 999; text-align: center;}

.serchinco .fa{font-size: 16px; color: #fff;}

.globalsearch{display: none;}

.globalsearch{position: absolute; top: 85px; right:0;width: 280px;background: #fff;padding:15px;z-index: 99; background:#0160bd;}

.globalsearch .warp{background: #fff;}

.globalsearch #q{ float: left;   border: 0 none; }

.globalsearch .search-btn { float: right;   border: 0 none; }

.globalsearch #q { width: calc(100% - 70px); height: 18px; padding: 10px; line-height: 18px; background: #fff;border:1px solid #fff;font: 300 12px/18px microsoft yahei;  }

.globalsearch .search-btn { width: 40px;padding:0;margin:0; height: 40px; cursor: pointer; background: url(../images/btn_ser.png) no-repeat center;}



#globalnav.gnbMenu_over .serchinco .fa{color: #000;}





@media only screen and (max-width: 480px) {

      .globalsearch{ width: calc(100% - 30px);}

}

 

@media only screen and (max-width:768px) {

    .serchinco{right: 48px; top:0;}

    .serchinco .fa{color: #000;}

      .globalsearch{ top:48px;}

   

   .logo,.toptel,.langbox{display: none;}

   .topbar{height: 0;}

}







/* ==========================================================================

Nav

========================================================================== */

/* primary */

    

    .globalnav {

        position: absolute;text-transform:Uppercase;

        z-index: 999;

        right: 0;

        top: 16px;

    }

    

    .globalnav li {

        float: left;

    }

    

    .globalnav li a {

        display: block;

        color: #444;

        padding: 0 20px;

        font-size: 14px;

        line-height: 42px;

        font-family: microsoft yahei;

    }

    

    .globalnav .nav-sep {

        width: 2px;

        height: 42px;

        background: url(../images/nav-sep.gif) no-repeat 0;

    }

    

    .globalnav .active a,

    .globalnav li .active1 {

        color: #da0000;

    }

    

    .dropdown {

        position: absolute;

        z-index: 999;

        background: #31396f;

        background:#fff;

        border-bottom: 3px solid #da0000;

        display: none;

        padding: 15px; 

        margin-left: -32px;

        top: 100%;

        min-width: 100px;

    }

    #gn_02 .dropdown{margin-left: -85px;width:200px;}

    .dropdown:after {

        content: "";

        position: absolute;

        width: 0;

        height: 0;

        border: 0 dashed transparent;

        overflow: hidden;

        border-top-style: solid;

        border-width: 5px 5px 0;

        border-top-color: #da0000;

        left: 50%;

        margin-left: -5px;

        top: -5px;

    }

    .dropdown a {

        /*    white-space: nowrap;*/

        line-height: 30px;

        font-size: 14px; 

        float: left;

        padding: 0;

        color: #333;

        background: none;

        border-bottom: 0 none;

        display: block; width: 100%;

    }

    

    @media (max-width:768px) {

        .dropdown a {

            /*    white-space: nowrap;*/

            font-size: 16px;

            width: 100%;

            text-align: left;color: #333;

        }

        .dropdown { min-width: calc(100% - 40px);}

         #gn_02 .dropdown{margin-left: 0;width:auto;}

    }

    

    .dropdown a .fa { float: right;

        font-size: 12px;

        line-height: 30px;

        color: #999;

        padding-right: 5px;

    }

    

 .dropdown a:hover .fa {color: #da0000;}

.dropdown a:hover{color: #da0000;}

    

    

   

    /* ==========================================================================

   Content

   ========================================================================== */



.hidden {display: none;}



    /* ==================================

   banner

   ================================== */

    

.banner { overflow: hidden;position: relative;}

.banner img{max-width: 100%;}

.banner .mpic{ display: none;}

#owl-banner .owl-nav{margin-top: 0;}

#owl-banner .owl-dots{position: absolute;bottom: 10px;width: 100%;}

#owl-banner .owl-prev,#owl-banner .owl-next{width:41px;top:0; height:100%;background: none; text-indent: 100px;overflow: hidden;padding:0;margin:0;

    -webkit-border-radius:0;

    -moz-border-radius:0;

    border-radius:0;

    filter: Alpha(Opacity=100);

    opacity: 1;

}

#owl-banner .owl-prev{position: absolute;left:10px; background:url(../images/bl.png) center no-repeat;}

#owl-banner .owl-next{position: absolute;right:10px;background:url(../images/br.png) center no-repeat;}



#owl-banner .owl-dots .owl-dot.active span, #owl-banner .owl-dots .owl-dot:hover span {

    background: #0160bd;

}

#owl-banner .owl-dots .owl-dot span { width: 13px; height: 13px; background: #fff;}



@media (max-width:768px) {

#owl-banner .owl-prev,#owl-banner .owl-next{filter: Alpha(Opacity=0);opacity: 0;}

}

@media only screen and (max-width: 768px) {

    .banner .mpic{ display: block;}

    .banner .pic{display: none;}

    .banner {margin-top:0;}

}





/* ==========================================================================

   homepart01

   ========================================================================== */

.homepart01{padding:15px 0;}

.homepart01 .wrapper{max-width: 100%;}

.homepart01 .furencybox{width: calc(25% - 20px); float: left;margin:0 10px; overflow: hidden;position: relative;}

.homepart01 .furencybox .pic img{max-width: 100%;   transition: transform 2s;}

.homepart01 .furencybox .cover{width: 100%; height: 100%;background:url(../images/furenpic05.png) left bottom repeat-x;position: absolute;bottom:0; }



.homepart01 .furencybox .cover h3{ width: 100%;height: 60px; font-size: 2em; font-weight: bold; color: #fff; text-align: center;

    position: absolute;bottom: 10px;

 }



 .homepart01 .furencybox:hover .pic img{max-width: 100%;transform: scale(1.05);}



 /* ==========================================================================

   homepart02

   ========================================================================== */

.homepart02{padding:60px 0;background:url(../images/homebg01.jpg) center no-repeat; background-size: cover; }

.newsmode01{width: 250px;height: 415px; background: #da0000;padding:50px;color: #fff; float: left;}

.newsmode01 h3{font-size: 2em; font-weight: bold;}

.newsmode01 .desc{ font-size: 14px; height: 180px; overflow: hidden;margin:20px 0 100px 0; }

.newsmode01 .desc p{margin-top: 20px;}

.newsmode01 .desc h4 a{color: #fff;}

.newsmode01 a.more{background: #fff;width: 150px; height: 40px; display: block; text-align: center; line-height: 40px;}



.hnewsright{width: calc(100% - 350px); float: right; height: 515px; overflow: hidden;}

.newsmode02{width: calc(50% - 1px); float: left;margin-left:1px;margin-top: 1px; overflow: hidden; height:257px;position: relative;}

.newsmode02 .pic{height: 257px;}

.newsmode02 .pic img{width: 100%; height: 100%;}

.newsmode02 .cover{width: calc(100% - 70px);height:calc(100% - 70px); color: #fff;

    position: absolute;bottom:0;padding:35px;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#7F000000', endColorstr='#7F000000');background:rgba(0,0,0,0.5);

 }



.newsmode02 .cover h3{font-size: 16px;margin-bottom: 20px;margin-top:150px; line-height: 24px;height: 48px; overflow: hidden;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.newsmode02 .cover .date{margin-bottom: 20px;}

.newsmode02 .cover .desc{ line-height: 24px; height: 48px; overflow: hidden; }



.newsmode02:hover .cover{filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E5DA0000', endColorstr='#E5DA0000');background:rgba(218,0,0,0.9);}

.newsmode02:hover .cover h3{margin-top:0;}





 /* ==========================================================================

   homepart03

   ========================================================================== */

.homepart03{padding: 40px 0 60px 0;background:url(../images/homebg02.jpg) center no-repeat; background-size: cover; }

.homepart03 h3.tit{font-size: 2em;}

.homepart03 h3 img{margin:0 100px 0 20px;}

.homepart03 h3 span{font-size: 24px;color: #666;font-weight: normal;}

.homepart03 .desc{ color: #666;max-width: 740px;margin-top: 30px; line-height: 30px; }

.jtjjbox{margin:50px 0;}

.jtjjbox .mode{width: calc(25% - 22px); font-size: 16px; float: left; margin-right:20px;border:1px solid #dcdcdc; height: 130px;padding: 20px 0; background: #fff; text-align: center; }

.jtjjbox .mode h3{font-size: 3em;color: #c80000;margin-top: 10px;}

.jtjjbox .mode:hover{background:url(../images/furenpic10.jpg) center no-repeat;color: #fff; background-size: cover; }

.jtjjbox .mode:hover h3{color: #fff;}



 /* ==========================================================================

   homepart04

   ========================================================================== */

.homepart04{padding:40px 0 60px 0;background:url(../images/homebg03.jpg) center no-repeat; background-size: cover; }

.homepart04 .mode{width: 360px; float: right;color: #fff;font-size: 18px;}

.homepart04 .mode h3{font-size: 1.5em;margin-top: 20px;}



 /* ==========================================================================

   homepart05

   ========================================================================== */

.homepart05{padding:60px 0;background: #f1f1f5;}

.homepart05 li{width: calc(25% - 61px);padding:0 30px;height: 60px; float: left; overflow: hidden;border-right: 1px solid #ccc;}

.homepart05 li .inco{width: 60px;height: 60px; float: left;margin-right: 30px;}

.homepart05 li .txtarea{ line-height: 24px;}

.homepart05 li h3{font-size: 20px;color: #333;padding-top: 10px;}



@media only screen and (max-width:1366px) {

.logo{width: 220px; background-size: auto 40px;}

#globalnav.gnbMenu_over .logo{background-size: auto 40px;}



}



@media only screen and (max-width:1024px) {

.homepart01 .furencybox .cover h3{font-size: 18px;bottom: 0;height: 50px; line-height: 50px;}

.newsmode01{height: 300px;}

.newsmode01 .desc{margin-top: 0;margin-bottom: 40px;}

.hnewsright{ height:400px;}

.newsmode02{width: calc(50% - 1px); float: left;margin-left:1px;margin-top: 1px; overflow: hidden; height:200px;position: relative;}

.newsmode02 .pic{height: 200px;}

.newsmode02 .cover h3{margin-top: 100px;}

.homepart02 { padding: 20px 0;}

.homepart05 li {    width: calc(25% - 41px);    padding: 0 20px;}

.homepart05 li .inco{margin-right: 10px;}

}



@media only screen and (max-width: 768px) {

.homepart01 .furencybox { width: calc(50% - 10px); margin:5px;}

.newsmode01 {width: calc(100% - 100px);float: none;}

.hnewsright { width:100%;float: none; height: auto;}

.newsmode02 { width:100%; float: none; margin-left:0; margin-top:10px;height: auto;}

.homepart03 h3.tit{font-size: 18px;}

.homepart03 h3 span {    font-size: 14px;display: block;padding-top: 10px;}

.jtjjbox .mode { width: calc(25% - 7px); font-size: 14px; float: left; margin-right: 5px; height: auto;}

.jtjjbox .mode h3 { font-size:18px;margin-top: 0;}

.jtjjbox { margin: 20px 0;}

.homepart04 .mode { width: 100%; float: none; font-size: 14px;}

.homepart04 .mode h3 {    font-size:18px;}

.homepart03 {    padding: 20px 0 20px 0;}

.homepart05 li { width:100%; padding:20px 0;border-bottom:1px solid #ccc;border-right: 0;}

.homepart05 {    padding:0;}

}

 

/* ==========================================================================

   Footer

   ========================================================================== */

footer { color: #b8b8b8; font-size: 16px; background: #18181a; font-family: microsoft yahei; padding:60px 0 20px 0;}

footer a { color: #b8b8b8; }

footer a:hover {}

.footer-nav { text-align: justify;padding-bottom: 20px; }

.footer-nav:after { content: ""; width: 100%; display: inline-block; font-size: 0; line-height: 0; }

.fn-col { display: inline-block; *display:inline;

zoom: 1; vertical-align: top; *padding-right: 100px;}

.fn-col h3 {  margin-bottom: 10px; font-size: 18px; line-height: 24px;}

.fn-col h3 a { color:#b8b8b8;}

.fn-col h3 a:hover { color: #da0000; }

.fn-col ul {}

.fn-col li { line-height:24px; font-size: 16px; }

.fn-col li a { color: #b8b8b8;  }

.fn-col li a:hover { color: #da0000;}

.fn-colwx{text-align: center;padding-left:50px;}

.fn-colwx .wxewm{padding:5px ; background: #fff;}

.fn-colwx img{width: 110px; height: 110px;}

.fn-colwx p{margin-top: 10px;}



.foothd{text-align: center;padding:15px 0;text-transform:Uppercase; border-top: 1px solid #3a3a3a; color: #737373;font-size: 12px; background: #18181a;}

.foothd a{color: #e7e8ed;}

.foothd a:hover{color: #fff; text-decoration: underline;}



.foothd span{display: block;}

@media only screen and (max-width: 768px) {

footer {padding-top: 30px;}

.fn-col {width: calc(43% - 10px);padding-left:7%;}

.foothd{padding-left: 10px;padding-right: 10px;font-size: 12px;}

.fn-col ul{display: none;}

.fn-collxfs,.fn-colwx{display: none;}

.footer-nav{padding-bottom: 0;}

.foothd{padding:10px;padding-bottom:70px;}

.foothd span{display: inline;}

.fn-col h3{font-size: 14px;}



}

.fixed-b { position: fixed; width: 100%; background: #333; bottom: 0; left: 0; display: none;z-index: 3; }

.fixed-b li { width: 25%; text-align: center; color: #fff; float: left; }

.fixed-b li a { display: block; border-right: 1px solid #454545; color: #fff; padding: 10px 0; }

.fixed-b li .fa{font-size: 24px; line-height: 30px;}

.fixed-b li:last-of-type a { border-right: 0 none; }

.fixed-b li a .txt { display: block; margin-top: 5px; }



@media only screen and (max-width: 768px) {

.fixed-b { display: block; }

}



.toggle-btn { display: none;}





@media only screen and (max-width: 768px) {

    .toggle-btn {

        display: block;

        position: absolute;

        right: 20px;

        top: 10px;

        transition: all 0.5s;

    }    

    .inner-cont > p img {

        width: 100%;

        height: auto;

        padding-bottom: 20px;

    }    

.gn-item:hover .toggle-btn {

        -webkit-transform: rotate(45deg);

        -ms-transform: rotate(45deg);

        transform: rotate(45deg);

    }

}