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

   Global

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

    

    html {

        font-size: 62.5%;

    }

    

    a { color: #333; }

    

    a:hover { color: #e60012; }



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

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

    .wrapper {

        max-width: 1366px;

        /*min-width: 980px; */

        _width: 1366px;

        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:0;width:20%;height:110px; overflow: hidden;line-height:110px; }  

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

    .incohome{position: absolute; right:160px; font-size: 14px;top:20px;z-index: 3;}

    .langbox{position: absolute; right: 60px; font-size: 14px;top:20px;z-index: 3;} 

    .langbox .langbd{width: 100%; background: #fff;border:1px solid #ccc;padding:5px 0;}

    .langbox .langbd a{width: 100%;display: block;height: 24px; line-height: 24px; text-indent: 5px;}

    .langbox .langbd{display: none;}

    .langbox:hover .langbd{display: block;}

    .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:8px; font: 300 12px/48px microsoft yahei;cursor: pointer;z-index: 999; text-align: center;}

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

.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;}

      



 

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

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

      .globalsearch{ top:48px;}

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

   .topbar{height: 0;}

   .incohome{display: none;}

}

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

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

}





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

Nav

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

/* primary */

    

    .globalnav {

        position: absolute;

        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: #a6937c;

    }

    

    .dropdown {

        position: absolute;

        z-index: 999;

        background: #fff;

        background: rgba(255, 255, 255, .9);

        display: none;

        padding: 15px 20px;

        border-bottom: 3px solid #e60012;

        margin-left: -38px;

        top: 100%;

        min-width: 120px;

    }

    .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: #fff;

        left: 50%;

        margin-left: -5px;

        top: -5px;

    }

    .dropdown a {

        /*    white-space: nowrap;*/

        line-height: 30px;

        font-size: 14px; 

        float: left;

        padding: 0;

        color: #000;

        background: none;

        border-bottom: 0 none;

        width: 100%;

        display: block;

        text-align: left;

		    text-align: center;

    }

    

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

        .dropdown a {

            /*    white-space: nowrap;*/

            font-size: 16px;

            width: 100%;

            text-align: left;

        }

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

    }

    



    .dropdown a .fa { float: right;

        font-size: 12px;

        line-height: 30px;

        color: #999;

    }

    

 .dropdown a:hover .fa {color: #31396f;}

.dropdown a:hover{color: #31396f;}

    

    

   

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

   Content

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



.hidden {display: none;}



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

   banner

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

    

.banner { overflow: hidden;margin-top:110px;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:767px) {

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

}

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

    .banner .mpic{ display: block;}

    .banner .pic{display: none;}

    .banner {margin-top:0;}

}





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

   homepart01

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

.homepart01{padding:60px 0; background: #f7f8f8;}



.lmhxywbox .txtarea{width: 50%;max-width: 540px;float: left; height: 250px;}

.lmhxywbox .txtarea h3.tit{font: 700 36px/48px microsoft yahei;}

.lmhxywbox .txtarea .line{width: 80px; height: 3px; background: #a6a6a6;margin:10px 0;}

.lmhxywbox .txtarea p.txt01{font-size: 18px;}

.lmhxywbox .txtarea .desc{font: 300 14px/24px microsoft yahei; height: 96px;margin-top: 10px;}

.lmhxywbox .mode02{width: 50%;float: right; height: 250px;}

.lmywbox{width: 100%;height: 250px; overflow: hidden;background: #fff;position: relative;}

.lmywbox .warp{padding:20px 40px 0 40px;}

.lmywbox h3{font-size: 20px;}

.lmywbox .pic{text-align: right;height: 170px; line-height: 170px;}

.lmywbox .pic img{max-width: 100%;}

.lmywbox .cover{width: calc(100% - 20px);background: #ed4c59;color:#fff;position: absolute;left: 0;bottom:-70px;padding:10px 20px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.lmywbox .cover a{color: #fff;margin:0 5px;}

.lmywbox:hover .cover{bottom: 0;}

.hlmywlist{margin-left: -10px;margin-top: 40px;}

.hlmywlist li{width: calc(33.3% - 10px);float: left;margin-left: 10px;}



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

 .lmhxywbox .txtarea,.lmhxywbox .mode02{width:100%;float: none;}

 .lmhxywbox .mode02{margin-top: 10px;}

 .lmywbox {padding-bottom: 30px;}

 .lmywbox .cover{bottom: 0;}

 .hlmywlist{margin-left:0;margin-top: 40px;}

.hlmywlist li{width:100%;float:none;margin-left:0;margin-top: 10px;}

.lmywbox .pic{text-align: center;}

}



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

   homepart02

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

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

.hometit{text-align: center;}

.hometit h3{color: #fff;font: 700 36px/60px microsoft yahei;}

.hometit p.txt01{color: #000;font: 300 26px/30px microsoft yahei;text-transform:Uppercase; margin-top: 20px;}

.homepart02 .txt02{ text-align: center;color: #fff;margin-top: 10px;height: 48px; overflow: hidden;}

.aquickbox{width: 320px;height: 350px; overflow: hidden;margin:0 auto;position: relative;}

.aquickbox .pic{width: 100%;overflow: hidden;}

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



.aquickbox:hover .pic img{ transform: scale(1.1);}

.aquickbox .cover{width: calc(100% - 20px); height: 120px; background: #f7f7f7; text-align: center; position: absolute;left: 0;bottom:0;padding:10px 10px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.aquickbox .cover h3{font-size: 16px;margin-top: 30px;}

.aquickbox:hover .cover h3{background:url(../images/line.png) center no-repeat;}

.aquickbox:hover .cover{background: #e60012;color: #fff;height:100px; }

.aquickbox:hover .cover .ms{display: none;}

#owl-about .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-about{padding-top: 30px;}



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

#owl-about .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

}



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

   homepart03

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

.homepart03{padding:60px 0;background:#f8f8f8;}

.newstit .left{font: 700 36px/36px microsoft yahei;border-left: 3px solid #000;padding-left: 10px;float: left;}

.newstit .right{font: 300 16px/36px microsoft yahei;float: right;}

.newstit .right a{display: inline-block;padding:0 20px;}

.newstit .right a:hover{color: #e60012;}

.newstit .right a.active{background: #e60012;color: #fff;

    -webkit-border-radius:20px;

    -moz-border-radius:20px;

    -ms-border-radius:20px;

    -o-border-radius:20px;

    border-radius:20px;

}

.hnewsmode .left{width: calc(100% - 450px); float: left;}

.hnewsmode{margin-top: 30px;}

.hnewslist li{width:100%;overflow: hidden; margin-top:15px;padding-bottom:15px;border-bottom: 1px dashed #e1e0e0;}

.hnewslist li .mdate{display: none;}

.hnewslist li .date{width:86px; height:86px;text-align: center; float: left;font: 300 12px/30px microsoft yahei;color: #666;background: #dcdcdc;}

.hnewslist li .date h2{font: 600 24px/30px microsoft yahei;margin-top:15px;} 

.hnewslist li .txtarea{width: calc(100% - 120px); float: right;}

.hnewslist li .txtarea h3{font: 700 15px/24px microsoft yahei;width:100%;height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.hnewslist li .txtarea h3 a{ color: #555;}

.hnewslist li .txtarea .desc{font: 300 12px/20px microsoft yahei;height:60px;overflow: hidden;color: #666;}

.hnewslist li:hover .date{background: #e60012;color: #fff;}

.hnewslist li:hover .txtarea h3 a{ color: #e60012;}



.hnewsmode .right{width:400px; float: right;margin-top:15px;}

.hnewpic{width: 100%;height: 224px; overflow: hidden;position: relative;margin-bottom:20px;}

.hnewpic .pic,.hnewpic .pic img{width: 100%;height: 100%;transition: transform 2s;}

.hnewpic:hover .pic img{ transform: scale(1.1);}

.hnewpic .cover{width:100%;height:50px;position:absolute;left:0; bottom:0;

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

}

.hnewpic .cover .tit{font: 300 16px/50px microsoft yahei;width: calc(100% - 40px);color:#fff;margin:0 20px;height: 50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}

.homemore{text-align: center;padding-top:30px;}

.homemore a{width: 190px;height: 50px; display: inline-block;border:1px solid #d3151c;color: #d3151c; text-align: center; font: 300 14px/50px microsoft yahei;}

.homemore a:hover{background: #d3151c;color:#fff;}



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

.hnewsmode .left{width:100%; float:none;}

.hnewsmode .right{width:100%; float: none;}

.hnewpic{width: 100%;height: auto;}

.hnewslist li .txtarea{width: calc(100% - 110px);}

.newstit .left{float:none;}

.newstit .right{float:none;margin-top:30px;}

}



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

   homepart04

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

.homepart04{padding:60px 0;background:url(../images/homebg02.jpg) top center no-repeat;}

.hometit02{text-align: center;color: #fff;margin-bottom: 40px;}

.hometit02 h3{font: 700 36px/48px microsoft yahei;}

.hometit02 .line{width: 40px; height: 4px; background: #fff;margin:10px auto;}

.hfwzxlist li{width: 25%;float: left;}

.hfwzxmode{width: 95%;height: 330px; overflow: hidden;margin:0 auto;position: relative;}

.hfwzxmode .pic,.hfwzxmode .pic img{width: 100%;height: 100%;}

.hfwzxmode .cover{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #42424c; text-align: center;color: #fff;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.hfwzxmode .cover .inco{margin-top:60px;}

.hfwzxmode .cover h3{font: 700 24px/48px microsoft yahei;margin-top: 10px;}

.hfwzxmode:hover .cover{

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#B2F84046', endColorstr='#B2F84046');background:rgba(248,64,70,0.7);}

 

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

.homepart04{padding-bottom: 20px;}

.hfwzxlist li{width: 50%;float: left;margin-bottom: 10px;}

.hfwzxmode{height:auto;}

.hfwzxmode .cover .inco{margin-top:20px;}

.hfwzxmode .cover .inco img{width: 50%;}

.hfwzxmode .cover h3{font: 700 22px/30px microsoft yahei;padding: 10px 0;margin:0;}

}





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

   homepart05

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

.homepart05{padding:0 0 40px 0;}

.homepart05 .hometit02 {color: #000;}

.homepart05 .hometit02 .line{background: #e60012;}

#owl-partners .pic{height:100px;border:1px solid #e7e7e7; line-height: 100px;overflow: hidden;}

#owl-partners.owl-carousel .owl-item{text-align: center;}

#owl-partners.owl-carousel .owl-item img{width: 90%;display: inline-block;}



#owl-partners .owl-dot{ filter: Alpha(Opacity=0);opacity: 0;}

#owl-partners .owl-prev,#owl-partners .owl-next{width:30px;top:0; height:100px;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-partners .owl-prev{position: absolute;left:-50px; background:url(../images/arr03.png) left center no-repeat;}

#owl-partners .owl-next{position: absolute;right:-50px;background:url(../images/arr04.png) right center no-repeat;}



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

#owl-partners .owl-dot{ filter: Alpha(Opacity=100);opacity: 1;}

#owl-partners .owl-prev,#owl-partners .owl-next{filter: Alpha(Opacity=0);opacity: 0;width: 0;height: 0;display: none; }

}



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

   Footer

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

footer { color: #fff; font-size: 12px; font-family: microsoft yahei; padding:60px 0 0 0;

    background:url(../images/footbg.jpg) center no-repeat; background-size: cover;

}

footer a { color: #fff; }

footer a:hover { text-decoration: underline; }

.footer-nav { text-align: justify; }

.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: 300 16px/24px microsoft yahei;}

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

.fn-col h3 a:hover {text-decoration: underline; }

.fn-col ul {}

.fn-col li { line-height:30px; font-size: 13px; }

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

.fn-col li a:hover {text-decoration: underline;}

.fn-colwx{width:130px;border-left: 1px solid #3c3b3b;padding-left: 20px; text-align: center;}



.foothd{text-align: center;padding:15px 0; margin-top:30px; text-transform:Uppercase; color: #fff; font-size: 12px; background: #262626;border-top: 1px solid #474646;}

.foothd a{color: #fff;}

.foothd a:hover{color: #fff;}



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

footer {padding-bottom:50px;padding-top: 30px;}

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

.foothd{padding-top:10px;}

.fn-col ul{display: none;}

.fn-colwx{display: none;}

}

.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: 767px) {

.fixed-b { display: block; }

}



.toggle-btn { display: none;}





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

    .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);

    }

}