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

   Global

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

    

    html {font-size: 62.5%;}    

    a {color: #666;}    

    a:hover {color: #1855a5;}

    

    body {

        color: #666;

        font: 12px/1.7 microsoft yahei, Arial, Helvetica, sans-serif;

        background: #fff;    }

    

    .wrapper {

        max-width: 1200px;

        /*min-width: 980px; */

        _width: 1200px;

        padding: 0 10px;

        margin-left: auto;

        margin-right: auto;

    }

      .wrapper02 {

        max-width: 1770px;

        _width: 1770px;

        padding: 0 10px;

        margin-left: auto;

        margin-right: auto;

    }



    

    .wrapper:after, .wrapper02: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;

    }

    /*header*/

header {width:100%;background: #fff;}



.headcon{max-width: 1200px;position: relative;margin: 0 auto;height: 85px;}

.logo {float: left;height: 85px; line-height: 85px;}

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



/*header globalnav*/

.globalnav {float: right; height: 85px;line-height: 85px;margin-right: 50px;}

.globalnav li { text-align: center;padding:0 20px;float: left; height:85px;font:300 16px/85px microsoft yahei;}

.globalnav li a {  color: #666666;   text-decoration: none;}

.globalnav .active a{ color: #0081cc;  }

.globalnav li.active{ color: #0081cc;}

.globalnav li:hover a{ color: #fff;  }

.globalnav li:hover{ color: #fff; background: #0081cc;}

.globalnav .dropdown { position: absolute; z-index: 99; display: none; background: #0081cc; width:100%; text-align: left; right:-0px;top: 85px; padding:20px 50px;

 width: calc(100% - 250px); line-height: 30px;}

.globalnav .dropdown a{color: #fff;}

.globalnav .dropdown .level2{width:28%;padding-right: 2%;float: left;margin-bottom: 20px;}

.globalnav .dropdown .sunmode i{margin-left: 30px;}

.globalnav .dropdown .level3{border-top: 2px solid #fff;padding-top: 10px;margin-top: 10px;}

.globalnav .dropdown .level3 a{width:50%;height: 30px; display: inline-block; float: left;font: 300 12px/24px microsoft yahei;}



#gn_02 .dropdown .level2{width:45%;padding-right:5%;float: left;margin-bottom: 20px;}

.serchinco{position: absolute;color: #666; width: 40px; height: 40px; right:0; top: 23px; font: 300 16px/40px microsoft yahei;cursor: pointer;z-index: 999;text-align: center;}

.globalsearch{display: none;}

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

.globalsearch .mode{background: #fff;}

.globalsearch #q,

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

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

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

.mchead{display: none;}

.mchead{height: 48px;}

.mchead .logo{height: 48px; line-height: 48px;}

.mchead .logo img{height:40px;}

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

   .globalnav li {padding:0 20px;font:300 14px/85px microsoft yahei;}

   .logo {width: 200px;padding-left: 10px;}

}

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

  .pchead{display: none;}

  .mchead{display: block;}

  .serchinco{ width: 48px; height: 48px;line-height: 48px; right:48px;top: 0;}

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

}

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

   Content

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



.hidden {

    display: none;

}



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

   banner

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

    

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

.banner .swiper-wrapper{z-index: 0;}

.banner .swiper-slide .pic {overflow: hidden;}

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

.banner .mpic{ display: none;}

.banner .swiper-button-next,.banner .swiper-button-prev{width:53px; height: 103px;}

.banner .swiper-button-next{background: url(../images/br.png) no-repeat left top;}

.banner .swiper-button-prev{background: url(../images/bl.png) no-repeat left top;}

.banner .swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block; border:2px solid #fff;

    border-radius: 100%;

    filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#33FFFFFF', endColorstr='#33FFFFFF');background:rgba(255,255,255,0.2);

    opacity:0.8;

}

.banner .swiper-pagination-bullet-active {

    opacity: 1;

    background: #fff;

}

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

    .banner .mpic{ display: block;}

    .banner .pic{display: none;}

    .banner {height: auto;}

    .banner .swiper-slide .pic { height: auto;}

   .banner .swiper-slide img { display: block;max-width: 100%;}

   .banner .swiper-button-next,.banner .swiper-button-prev{display: none;}

}

 



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

   homeabout

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

.homeabout{padding:80px 0; overflow: hidden; }

.aboutlist li{width: 16.6%; float: left; overflow: hidden;}

.aboutlist li .imgarea{overflow: hidden;width:98px; height: 98px; margin:0 auto 20px auto;transition-duration:800ms;}

.aboutlist li .imgarea img{width:98px; height: 98px;}

.aboutlist li .txtarea{padding:10px 20px; text-align: center;}

.aboutlist li .txtarea h2{font:300 18px/30px microsoft yahei;margin-bottom: 10px;}

.aboutlist li .txtarea .ms{font: 300 14px/24px microsoft yahei;height: 48px; overflow: hidden;}

.aboutlist li:hover .imgarea{transform:rotateY(360deg);}



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

.homeabout{padding:30px 0; overflow: hidden; }

.aboutlist li{width: 33.3%; float: left; overflow: hidden;}

.aboutlist li .imgarea{margin:0 auto 10px auto;}

.aboutlist li .txtarea{padding:5px 10px; text-align: center;}

}



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

   homequick

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

.homequick{padding:80px 0; overflow: hidden; position: relative; }

.homequickbg{width:60%;height: 100%; background: #0053a5; position: absolute; left: 0; top: 0;z-index:-999; }

.homequick .wrapper{border-top:3px solid #ffb800;padding:0;}

.homequick .mode01{width: 50%;height: 561px; overflow: hidden; float: left; background: #fff;position: relative;border-bottom:3px solid #ffb800;}

.homequick .mode01 .imgarea{width:100%; height:434px; overflow: hidden;}

.homequick .mode01 .imgarea img{ height: 100%;} 

.homequick .mode01 .txtarea{padding:30px; background: #fff;position: absolute; bottom: 0;left:0;} 

.homequick .mode01 .txtarea .warp{

    height: 100px; overflow: hidden;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.homequick .mode01 .txtarea h3{font: 300 24px/30px microsoft yahei;color: #333;margin-bottom: 10px; }

.homequick .mode01 .txtarea .txten{text-transform:Uppercase; font-size: 18px;color: #666;}

.homequick .mode01 .txtarea .desc{font: 300 16px/30px microsoft yahei;height:60px; overflow:hidden;}

.homequick .mode01 .txtarea .more a{width:126px; height: 36px;display: block;font: 300 12px/36px microsoft yahei;color: #fff; text-align: center;

    border:2px solid #365da8; background: #365da8;margin:0 auto; margin-top: 20px;

}

.homequick .mode01:hover .txtarea .warp{height: 170px;}

.homequick .hquickrig{width: 50%;height: 564px; overflow: hidden; float: right;}

.homequick .hquickrig .mode{width: 50%;height:279px; overflow: hidden; float: left; background: #fff;position: relative;border-bottom:3px solid #ffb800;}

.homequick .hquickrig .mode .imgarea{width:100%; height:204px; overflow: hidden;}

.homequick .hquickrig .mode .imgarea img{ height: 100%;}

.homequick .hquickrig .mode .txtarea{background: #fff;position: absolute; bottom: 0; left:0;width:100%;} 

.homequick .hquickrig .mode .txtarea .warp{

    height:75px; overflow: hidden;padding:20px 30px 0 30px;

    -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.homequick .hquickrig .mode .txtarea h3{font: 300 24px/30px microsoft yahei;color: #333;margin-bottom:5px;height:30px; overflow:hidden; }

.homequick .hquickrig .mode .txtarea .txten{text-transform:Uppercase; font-size: 18px;color: #666;}

.homequick .hquickrig .mode .txtarea .desc{font: 300 16px/24px microsoft yahei;height: 24px; overflow: hidden;}

.homequick .hquickrig .mode .txtarea .more a{width:126px; height: 36px;display: block;font: 300 12px/36px microsoft yahei;color: #fff; text-align: center;

    border:2px solid #365da8; background: #365da8;margin:0 auto; margin-top: 20px;

}

.homequick .hquickrig .mode:hover .txtarea .warp{height: 140px;}



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

	.homequick{padding-top:0;}

	.homequickbg{display:none;}

.homequick .mode01{width:100%;height: 561px; overflow: hidden; float: none;}

.homequick .mode01 .txtarea .warp{height:auto;}

.homequick .hquickrig{width:100%;height: 564px; overflow: hidden; float: none;}

.homequick .hquickrig .mode .txtarea .warp{height: 140px;}

.homequick .hquickrig .mode .txtarea .more a{width:100px;}

}



.htit01{text-align: center;font: 300 36px/40px microsoft yahei;color: #000;}

.htit01 span{text-transform:Uppercase; font-size:30px;color: #ffb800;}

.titms{text-align: center;font: 300 16px/30px microsoft yahei;margin:30px 0;}



.homeadvant{padding:60px 0 60px 0; overflow: hidden; }

.homepro{padding:60px 0; overflow: hidden;background: url(../images/homebg.jpg) no-repeat center top; background-size: cover;  }

.homepro .htit01 ,.homepro .titms{color:#fff;}

.hprolist li{width: 33.3%; height: 280px;float: left;margin-bottom: 20px;}

.hprolist li .warp{margin:0 10px; background: #fff;border:3px solid #fff;position: relative;}

.hprolist li .imgarea{width: 100%;height: 274px; overflow: hidden; line-height: 274px; text-align: center;}

.hprolist li .imgarea img{max-width: 100%;max-height: 100%;}

.hprolist li .cover{width: 100%;height: 40px; overflow: hidden;position: absolute; left: 0; bottom: 0; text-align: center;color: #333;background: #fff;

	-webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.hprolist li .cover .protit{font: 300 16px/40px microsoft yahei;}

.hprolist li:hover .cover{height: 100%;color: #fff;

	filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#E50053A5', endColorstr='#E50053A5');background:rgba(0,83,165,0.9);

}

.hprolist li:hover .cover .cover_con{padding:50px 60px;font: 300 14px/24px microsoft yahei;}

.hprolist li:hover .cover .cover_con .desc{max-height: 72px; overflow: hidden;margin-bottom: 20px;}

.hprolist li:hover .warp{border:3px solid #ffb800;}



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

	.hprolist li{width:50%;}

}

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

	.hprolist li{width:100%;}

}

.hadvant_left{width: calc(60% - 30px); float: left;}

.hadvant_left .mode{margin-bottom: 20px;font: 300 14px/24px microsoft yahei; }

.hadvant_left .mode .pic{width:100px;float: left;}

.hadvant_left .mode .txtarea{width: calc(100% - 100px); float:left;}

.hadvant_left .mode .txtarea h3{font-size: 18px;color: #333;margin:5px 0;}

.hadvant_rig{width:40%; height: auto; float: right;text-align: center;}

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

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

.hadvant_left{width:100%; float: none;margin-bottom: 10px;}

.hadvant_rig{width:100%; float: none;}

}



.homenews{padding:60px 0;}

.fousnew{width: 48%;height: 430px; float: left;}

.fousnew .imgarea{width: 100%;height: 275px; overflow: hidden; line-height: 275px; text-align: center;}

.fousnew .imgarea img{height: 100%;transition: transform 2s;}

.fousnew:hover .imgarea img{ transform: scale(1.1);}   

.fousnew .txtarea{padding:30px 20px 30px 20px;border:1px solid #e5e5e5;}

.fousnew .txtarea .desc{font: 300 14px/24px microsoft yahei;height: 48px; overflow: hidden;}

.fousnew .txtarea h3{font: 600 16px/24px microsoft yahei;color: #333;margin-bottom: 10px;}

.hnews{width:48%; float: right;}

.hnews li{height:89px; overflow: hidden;float: left;margin-bottom:19px;cursor: pointer;border-bottom: 1px solid #eeeeee;}

.hnews li .txtarea{height: 78px; width: calc(100% - 100px); float: right;font: 300 14px/24px microsoft yahei;}

.hnews li .txtarea h3{font-size: 18px; width: 100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;margin-top:10px;}

.hnews li .txtarea h3 a{color: #333;}

.hnews li .txtarea .desc{height:24px; overflow: hidden;margin-top: 5px; color: #666;}

.hnews li .date{width:76px; height:70px; float: left; overflow: hidden; background: #0053a5;color: #fff; text-align: center;font-size: 16px;}

.hnews li .date h2{font-size: 30px;height: 30px;margin-bottom: 5px;}

.hnews li:hover .date{background: #ffb800;}

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

.fousnew{width:100%;float: none;}

.hnews{width:100%; float: none;}

}

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

   Footer

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

footer { color: #c5c5c5; font-size: 14px; background-color: #222732; font-family: microsoft yahei; padding-top:60px;color: #cdcbcb;}

footer a { color: #cdcbcb; }

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

.footer-nav { text-align: justify; width: calc(100% - 300px); float: left;}

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

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

.fn-col ul {}

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

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

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

.fn-colwx{width:254px;float: right; text-align: center;}

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

.fn-colwx .footshare a{margin:0 5px;}



.footbd{background: #222732; color: #fff; line-height: 18px; padding:20px 0;border-top: 1px solid #565656;}

.footbd a{ color: #fff;}

.footbd .copyright{float: left;}

.footbd  .friendlink{float: right;width:187px;position: relative;}

.footbd  .friendlink .linkhd{width: 185px; height: 30px;border:1px solid #7a7a7a;padding:0 5px;line-height: 30px; background: #4c4c4c;}

.footbd  .friendlink .linkhd i{float: right;line-height: 30px;}

.footbd  .friendlink .linkbd{display: none; position: absolute;right:-10px;bottom:31px;width: 175px;border:1px solid #7a7a7a;padding:10px;line-height: 24px;

 background: #4c4c4c;

 -webkit-transition: all 0.5s;

   -moz-transition: all 0.5s;

   -o-transition: all 0.5s;

   transition: all 0.5s;

}

.footbd  .friendlink:hover .linkbd{display: block;}



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

.footbd { padding-bottom: 60px; }



}

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

    .homeadvant{padding-top: 0;}

footer {padding-top:20px;}

.footer-nav { width:100%; float: none;}

.fn-col ul {display: none;}

.fn-colwx{float: none; text-align: left;margin-bottom: 20px;}

.fn-colwx .ewmpic,.fn-colwx p{display: none;}

.footbd .copyright{float: none;}

.footbd  .friendlink{float: none;margin-top: 10px;}

}



.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:last-of-type a { border-right: 0 none; }

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



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

    }

}