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


   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; box-sizing:border-box}


.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 {display: table; text-align: justify;padding-bottom: 20px; width:100%}


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


.fn-col { display: table-cell; *display:inline;


zoom: 1; vertical-align: top; }


.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;display: inline-block;  float: right;}


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

.industrybox img{ max-width:100% !important; height:auto !important; display:block}
footer {padding-top: 30px;}


.fn-col {width: calc(43% - 10px);padding-left:7%;display: inline-block; margin-right:0 !important}


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


.fn-col ul{display: none;}


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


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


    }


}








.rognyu{ overflow:hidden; zoom:1; margin-left:-132px;}
.rognyu li{ width:201px; margin-left:132px; _display:inline; float:left; text-align:center; margin-bottom:20px}
.rognyu li p{ padding-top:5px}
.rognyu li em{ height:250px; background-size:contain !important; display:block}


/*AB模版网新增翻页样式 各类模版第一站 www.adminbuy.cn*/
.dede_pages{padding:20px 0;font-size:14px;text-align:center; overflow:hidden}
.dede_pages ul{display:inline-block;margin:0 auto;padding:0}
.dede_pages ul li{float:left;font-family:'microsoft yahei';margin:0 2px;line-height:25px;background:#fff;border:1px solid #d8dadf}
.dede_pages ul li:nth-child(1){ padding:0 10px}
.dede_pages ul li:nth-child(1) a{ padding:0}
.dede_pages ul li a{color:#555;display:block;padding: 0 10px;}
.dede_pages ul li:hover{text-decoration:none;color:#fff;border:1px #333 solid;background-color:#333}
.dede_pages ul li:hover a{color:#fff}
.dede_pages ul li:hover a:hover{color:#fff;text-decoration:none}
.dede_pages ul li.thisclass{background-color:#333;color:#fff;border:1px #333 solid; padding:0 10px}
.dede_pages ul li:last-child{ padding:0 10px}
.dede_pages ul li:last-child a{ padding:0}
.dede_pages ul li.thisclass a{color:#fff; padding:0}
.dede_pages .pageinfo{line-height:30px;padding-left:5px}
.dede_pages strong{font-weight:400}

#maximg img{ max-width:100% !important; height:auto !important;}

@media screen and (max-width: 768px) {
    #maximg img{ max-width:100% !important; height:auto !important; display:block}
}