/*******public css******/
.container{width: 1280px; margin: auto; position: relative; display: block;}
.container-min{width: 1200px; margin: auto; position: relative; display: block;}
.header-wrap{padding-left:40px; padding-right: 40px;}
.banner{width: 100%; height: auto; display: block; position:relative;min-height: 330px; background-repeat: no-repeat; background-size: cover; background-position: center; overflow: hidden; -ms-behavior: url(../../css/gh/backgroundsize.min.htc);     behavior: url(../../css/gh/backgroundsize.min.htc); }
.banner .txt{width: 1200px; display: block; color: #fff; position: absolute;left: 50%; top: 48%; margin-left: -600px;}
.banner .txt .h1{width: 100%; font-size: 33px; line-height: 33px; text-transform: uppercase; margin-bottom: 22px; font-family: "微软雅黑 Light",微软雅黑;}
.banner .txt.top35{top:35%;}
.banner .txt b{text-transform: uppercase;}
.banner .txt .h2{width: 100%; font-size: 37px; line-height: 37px; text-transform: uppercase; font-family: "微软雅黑 Light",微软雅黑;}
.banner .txt .h3{width: 100%; font-size: 15px; margin-top: 14px; display: block; text-transform: uppercase;}
.banner .txt .h3{width: 100%; font-size: 12px; line-height: 25px; margin-top: 14px; display: block; text-transform: uppercase;}
.banner img{width: 100%; display: block;}
.wrap{padding-left: 40px; padding-right: 40px;}
.title{width: 100%; display: block; text-align: center; padding-top: 30px; padding-bottom: 30px; font-size: 0;}
.title h3{width: 100%; display: block; font-size: 36px; line-height: 36px; color: #000000; position: relative;font-weight: bold;}
.title em{width: 40px; height: 1px; background: #b2b2b2; display: inline-block; margin-top: 14px; margin-bottom: 14px;}
.title h3.bg:before{content: ''; width: 100%; height: 1px; display: block; position: absolute; left: 50%; margin-left: -771px; margin-top: 15px;}
.title .en{width: 100%; display: block; font-size: 12px; line-height: 12px; color: #c3c3c3; margin-top: 10px; text-transform: uppercase}
.title .en1{font-size: 16px; line-height: 16px;}
.title.text-left{text-align: left;}
.title .p{width: 100%; text-align: center; font-size: 14px; line-height: 25px; color: #737373;}
.public-btn{width: 120px; border: 1px solid #0c0307; height: 40px; text-align: center; padding-top: 16px; font-size: 0;transition: all 0.3s ease-in-out; cursor: pointer; display: block;}
.public-btn i{width: 37px; height: 9px; background: url("../images/public-btn.png") no-repeat; display: inline-block; transition: all 0.3s ease-in-out;}
.public-btn:hover{background: #1b245c; border: 1px solid #1b245c;}
.public-btn:hover i{background-position: 0 -9px;}
.cd-fixed-bg {  position: relative;  min-height: 100%;  background-size: cover;  background-repeat: no-repeat;  background-position: center center;  z-index: 1;background-attachment: fixed;}
.pt30{padding-top: 30px!important;}
.pt38{padding-top: 38px!important;}
.pt40{padding-top: 40px!important;}
.pb47{padding-bottom: 47px!important;}
.pb50{padding-bottom: 50px!important;}
.pb80{padding-bottom: 80px!important;}
.pt80{padding-top: 80px!important;}
.mt12{margin-top: 12px!important;}
.mt13{margin-top: 13px!important;}
.mt18{margin-top: 18px!important;}
.mt24{margin-top: 24px!important;}
.mt35{margin-top: 35px!important;}
.mt42{margin-top: 42px!important;}
.mt50{margin-top: 50px!important;}
.mt80{margin-top: 80px!important;}
.mb4{margin-bottom: 4px!important;}
.mb25{margin-bottom: 25px!important;}
.mb30{margin-bottom: 30px!important;}
.mb44{margin-bottom: 44px!important;}
.mb60{margin-bottom: 60px!important;}
.mb80{margin-bottom: 80px!important;}
.mb17{margin-bottom: 17px!important;}
.mr5{margin-right: 5px;}
.left{float: left;}
.right{float: right;}
.row{width: 100%; display: block;}
.c1b{color: #1b245c!important;}
.c9a{color: #9a9a9a!important;}
.c8d{color: #8d9094!important;}
.c00{color: #000!important;}
.ca6{color: #a6a6a6!important;}
.f30{font-size: 30px!important;}
/*******header css******/
header{width: 100%;display: block; height: 120px; background: url("../images/header-icon1.png") no-repeat; background-position: bottom center; z-index: 9999;top: 0; left: 0; right: 0; position: absolute; transition: all 0.3s ease-in-out;}
header.active{position: fixed; background-color: rgba(255,255,255,0.9); height: 100px;}
header .logo{width: 204px; height: 50px; margin-top: 46px; float: left; background: url("../images/logo.png") no-repeat; background-size: 100%;}
header.active .logo{margin-top: 26px; background: url("../images/logo-1.png") no-repeat; background-size: 100%;}
header .nav{width: auto; height: 100%; display: inline-block; float: right; position: relative;}
header .nav li{width: auto; float: left;position: relative;}
header .nav li a{width:auto; height: 100%; float: left; font-size: 14px; padding-left: 24px; padding-right: 24px; display: block; line-height: 14px; padding-top: 67px; text-align: center; position: relative; color: #fff; padding-bottom: 40px;}
header.active .nav li a{color: #000; padding-top: 47px;}
header .nav .block{width: 100px; position: absolute; top: 0; left: 0;  height: 10px; display: block; background: #1b245c; transition: all 0.3s ease-in-out;}
header .nav li a.active:before{ display: block;}
header .nav li:before{content: ''; width: 100%; height: 0; position: absolute; top: 0; left: 0; right: 0; background: #1b245c; transition: all 0.3s ease-in-out;}
header .nav li:hover:before{ height: 100%;}
header .nav li:hover a{color: #fff;}


footer{width: 100%; display: block;}
.footer-top{width: 100%; display: block; text-align: center; font-size: 0; padding-top: 22px; padding-bottom: 22px; background: #dddddd;}
.footer-top dl{width: auto; display: inline-block; text-align: left; margin: 0 35px;}
.footer-top dt{width: 46px; height: 46px; display: block; background-repeat: no-repeat;background-image: url("../images/footer-top-icon1.png"); float: left; margin:5px 12px 0 0;}
.footer-top dt.icon1{background-position: 0 0px;}
.footer-top dt.icon2{background-position: 0 -46px;}
.footer-top dt.icon3{background-position: 0 -92px;}
.footer-top dt.icon4{background-position: 0 -138px;}
.footer-top dd{width: auto; display: block; float: left;}
.footer-top dd .h1{width: auto; font-size: 20px; line-height: 20px; color: #000000; margin-top: 5px;}
.footer-top dd .h2{width: auto; font-size: 12px; line-height: 12px; color: #1b245c; margin-top: 10px;}
.footer-content{width: 100%; display: block; padding-top: 46px; background: #f3f3f3;}
.footer-nav{width: 100%; display: block; font-size: 0; float: left; padding-bottom: 24px; border-bottom: 1px solid #dbdbdc;}
.footer-nav ul{width: auto; float: left; display: inline-block; font-size: 12px; margin-left: 70px;}
.footer-nav ul a{color: #848485; line-height: 22px;}
.footer-nav ul:first-child{margin-left: 0;}
.footer-nav ul span{width: auto; text-align: center; font-weight: bold; display: block; padding-bottom: 22px;}
.footer-nav .qcode{width:137px; height: 159px; display: block; background: url("../images/qcode.png") no-repeat; background-size: 100%;
    float:right;}
.footer-foot{width: 100%; display: block; padding-top: 30px; color: #373434; padding-bottom: 40px;}
.footer-foot .left{width: auto; float: left;}
.footer-foot .right{width: auto; float: right;}
.footer-foot .logo{width: 171px; height: 41px; display: block; margin-bottom:23px;}
.footer-foot .logo img{width: 100%; height: auto; display: block;}
.footer-foot .h1{width: auto; font-size: 12px; margin-bottom: 10px; text-align: right;}
.footer-foot .h2,.footer-foot .h2 a{width: auto; font-size: 12px; color: #898889; margin-bottom: 10px; text-align: right;}
.footer-foot .h2 a img{width:auto; display:block; float:right;}


.home-banner{width: 100%; display: block; height: 674px;border-bottom: 1px solid #000000; overflow: hidden;}
.home-banner .slider{width: 100%; height: 674px; display: block; overflow: hidden;}

.home-toolbar{width: 100%; display: block;}
.home-toolbar a{width:20%; display: block; position: relative; float: left; overflow:hidden;}
.home-toolbar a:after{content: ''; width: 1px; height: 150px; background: url("../images/home-toolbar-icon1.png") no-repeat; top: 50%; right: 0; position: absolute; margin-top: -75px;}
.home-toolbar a:last-child:after{width: 0;}
.home-toolbar a img{width: 100%; display: block; height: auto; transition: all 0.3s ease-in-out; transform: scale(1)}
.home-toolbar a .box{width: 100%; height: 100%; display: block; padding-top: 19%; background: rgba(0,0,0,0.7); position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.3s ease-in-out;}
.home-toolbar .box h3{width: 100%; display: block; font-size: 14px; line-height: 14px; margin-bottom: 10px; text-transform: uppercase; color: #fff; text-align: center;}
.home-toolbar a:hover img{ transform: scale(1.05)}
.home-toolbar a:hover .box{padding-top: 18%;background: rgba(0,0,0,0);}

.home-s1{width: 100%; display: block;}
.home-s1 .imgbox{width: 100%; display: block; position: relative;}
.home-s1 .imgbox img{width: 100%; display: block;}
.home-s1 .imgbox .box{width: 338px; display: block; position: absolute; padding-left: 38px; left: 0; top: 0; bottom: 0; padding-top: 100px;}
.home-s1 .box .h1{width: 100%; display: block; font-size: 20px; line-height: 30px; margin-bottom: 14px;}
.home-s1 .box .h2{width:100%; display: block; font-size: 12px; text-transform: uppercase; font-weight: bold; margin-bottom: 32px;}
.home-s1 .box .h3{width: 100%; display: block; font-size: 14px; line-height: 26px; color: #bbbbbb;}

.home-block{width: 100%; display: block; position: relative;}
.home-block ul.nav{max-width: 1013px; display: block; float: right;}
.home-block ul.nav li{width: 150px; text-align: center; font-size: 20px; line-height: 40px; border: 1px solid #d1cfd0; float: left; margin: 0 20px; transition: all 0.3s ease-in-out; cursor: pointer;}
.home-block ul.nav li.active{background: #253179;border: 1px solid #253179; color: #fff;}
.home-block ul.nav li:last-child{margin-right: 0;}
.home-block .ctitle{width: 266px; height: 120px; padding-top: 33px; padding-left: 22px; background: #253179; color: #fff; float: left; z-index: 99; position: relative;}
.home-block .ctitle h3{width: 100%; display: block; font-size: 24px; line-height: 24px;}
.home-block-img{width: 100%; height: 700px; display: block; margin-top: -60px; position:relative;overflow: hidden; float:left;}
.home-block-img .btn{width: 148px; line-height: 38px; background: #cbb477; color: #fff; font-size: 14px; text-align: center; position: absolute; left: 50%; margin-left:-69px; bottom: 50px; }
.home-block-img .btn:before{content: '';width: 0; height: 100%; display: block; background: #253179; transition: all 0.3s ease-in-out; position: absolute; left: 0; top: 0; bottom:0;z-index: 1 }
.home-block-img .btn span{width: 100%; height: 100%; display: block; z-index: 1; position: relative}
.home-block-img:hover .btn:before{width: 100%;}
.home-block-img .img{width: 100%; display: block; height: 700px; background-size: cover; background-repeat: no-repeat; transform: scale(1); transition: all 0.3s ease-in-out;}
.home-block-img:hover .img{ transform: scale(1.02)}
.home-block-img li{width: 100%; display: none; opacity: 1; }
.home-block-img li.active{display: block; opacity: 1;}
.home-door-block{width: 100%; display: block;}


.home-s2{width: 100%;display: block;}
.home-s2 .box img{width: 100%; height: auto; display: block; transition: all 0.3s ease-in-out; transform: scale(1);}
.home-s2 .box .img{overflow: hidden;}
.home-s2 .box:hover img{transform: scale(1.05)}
.home-s2 .box1{width:374px; height: 398px; display: block; float: left; overflow: hidden;}
.home-s2 .box2{width:206px; display: block; float: left;}
.home-s2 .txt{ width: 100%; height: 140px; display: block; padding-top: 50px; background: #eeeeee; text-align: center;}
.home-s2 .txt .h1{width: 100%; font-size: 16px; line-height: 16px; color: #000000; margin-bottom: 10px;}
.home-s2 .txt .h2{width: 100%; display: block; font-size: 10px; line-height: 16px; text-transform: uppercase; color: #afafaf;}

/*首页加盟佳禾样式开始*/
.home-s3,.home-join{width: 100%; display: block;}
.home-join-icon{background-image: url("../images/home-join-icon.png"); background-repeat: no-repeat;}
.home-join>.top{background-image: url("../images/home-join-bg-01.jpg");background-position: center;background-size: cover;}
.home-join>.top>.box{width: 1200px; height: 600px; overflow: hidden; margin: 0 auto;}
.home-join>.top>.box>.outer-frame{width: 100%; height: 400px; border: 2px solid #fff; margin: 100px 0; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;}
.home-join>.top>.box>.outer-frame>h1{width: 340px; height: 40px; font-size: 32px; font-weight: bold; color: #fff; text-align: center; line-height: 40px; background-color: #303b80; left: 50%; margin-left: -170px; top: -20px; position: absolute;}
.home-join>.top>.box>.outer-frame>ul{margin-top: 70px;}
.home-join>.top>.box>.outer-frame>ul>li{float: left; color: #fff; width: 27%; margin: 0 3.16%; text-align: center;}
.home-join>.top>.box>.outer-frame>ul>li>i{display: inline-block; width: 64px; height: 64px; border: 2px solid #fff; border-radius: 10px;}
.home-join>.top>.box>.outer-frame>ul>li>i.i1{background-position: -25px -14px;}
.home-join>.top>.box>.outer-frame>ul>li>i.i2{background-position: -86px -14px;}
.home-join>.top>.box>.outer-frame>ul>li>i.i3{background-position: -147px -14px;}
.home-join>.top>.box>.outer-frame>ul>li>p{font-size: 20px; font-weight: bold; padding: 25px 0 15px 0;}
.home-join>.top>.box>.outer-frame>ul>li>span{display: block; font-size: 14px; text-align: justify; line-height: 25px;}
.home-join>.bottom{background-image: url("../images/home-join-bg-02.jpg");background-position: center;background-size: cover;}
.home-join>.bottom>.box{width: 1200px; height: 650px; padding-top: 50px; overflow: hidden; margin: 0 auto;}
.home-join>.bottom>.box>.process{width: 700px; border-right: 1px solid #dcdcdc; box-sizing: border-box; -moz-box-sizing: border-box; float: left;}
.home-join>.bottom>.box>.process>h1{height: 50px; padding-left: 15px; color: #253179; border-left: 10px solid #253179; line-height: 50px; font-size: 32px; font-weight: bold;}
.home-join>.bottom>.box>.process>ul{margin-top: 20px;}
.home-join>.bottom>.box>.process>ul>li{float: left; width: 64px; text-align: center; margin:50px 50px 0 0;}
.home-join>.bottom>.box>.process>ul>li>div{width: 64px; height: 64px; border-radius: 50%; border: 2px solid #253179; position: relative; box-sizing: border-box; -moz-box-sizing: border-box;}
.home-join>.bottom>.box>.process>ul>li>p{font-size: 14px; line-height: 20px; text-align: center; padding-top: 15px;}
.home-join>.bottom>.box>.process>ul>li>div.d1{background-position: -25px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d2{background-position: -102px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d3{background-position: -178px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d4{background-position: -253px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d5{background-position: -318px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d6{background-position: -385px -100px;}
.home-join>.bottom>.box>.process>ul>li>div.d7{background-position: -25px -184px;}
.home-join>.bottom>.box>.process>ul>li>div.d8{background-position: -102px -184px;}
.home-join>.bottom>.box>.process>ul>li>div.d9{background-position: -178px -184px;}
.home-join>.bottom>.box>.process>ul>li>div.d10{background-position: -253px -184px;}
.home-join>.bottom>.box>.process>ul>li>div.d11{background-position: -318px -184px;}
.home-join>.bottom>.box>.process>ul>li>div.d12{background-position: -385px -184px;}
.home-join>.bottom>.box>.process>ul>li>div>span{display: block; width: 20px; height: 20px; border-radius: 50%; background-color: #253179; color: #fff; font-family: Arial; font-weight: bold; font-size: 12px; text-align: center; line-height: 20px; position: absolute; top: -10px; left: 50%; margin-left: -10px;}
.home-join>.bottom>.box>.requirement{width: 450px; float: right;}
.home-join>.bottom>.box>.requirement>ul>li{padding-left: 30px; position: relative; font-size: 14px; line-height: 22px; margin-bottom: 17px; text-align: justify;}
.home-join>.bottom>.box>.requirement>ul>li>i{display: block; width: 20px; height: 20px; border-radius: 4px; background-color: #253179; text-align: center; line-height: 20px; font-size: 12px; font-weight: bold; font-family: Arial; color: #fff; position: absolute; top: 2px; left: 0;}
.home-join>.bottom>.box>.btn{width: 410px; height: 60px; border: 2px solid #253179; box-sizing: border-box; -moz-box-sizing: border-box; margin: 50px auto 0 auto; transition: .5s;}
.home-join>.bottom>.box>.btn>.tel{width: 266px; height: 56px; text-align: center; line-height: 70px; color: #253179; float: left; overflow: hidden; transition: .5s;}
.home-join>.bottom>.box>.btn>.tel>span{display: inline-block; font-size: 12px; line-height: 14px;}
.home-join>.bottom>.box>.btn>.tel>p{display: inline-block; font-size: 30px; font-family: Arial; font-weight: bold;}
.home-join>.bottom>.box>.btn>a{display: block; float: right; width: 140px; height: 56px; text-align: center; line-height: 56px; background-color: #253179; font-size: 16px; color: #fff; transition: .5s;}
.home-join>.bottom>.box>.btn:hover{border: 2px solid #cbb477;}
.home-join>.bottom>.box>.btn:hover>.tel{width: 246px;}
.home-join>.bottom>.box>.btn:hover>a{background-color: #cbb477; width: 160px;}
.clear{clear: both;}
/*首页加盟佳禾样式结束*/


.home-s4{width: 100%; display: block;}
.home-s4 .item{width: 383px; height: auto; display: block; position: relative; overflow: hidden; float: left; margin-left: 25px; cursor: pointer;}
.home-s4 .item:first-child{margin-left: 0;}
.home-s4 .item img{width: 100%; display: block; transform: scale(1); transition: all 0.3s ease-in-out;}
.home-s4 .item:hover img{transform: scale(1.02)}
.home-s4 .item .box{width: 100%; height: 46px; display: block; position: absolute; bottom: 0; left: 0; right: 0; background: #e9e9e9;transition: all 0.3s ease-in-out; color: #1b245c; text-align: left; padding-left: 20px;}
.home-s4 .box .h1{width: 100%; display: block; margin-top: -9px; font-weight: bold; font-size: 16px; line-height: 16px;}
.home-s4 .box .h2{width: 100%; display: block; margin-top: 11px; font-size: 12px; line-height: 12px;}
.home-s4 .item:hover .box{height: 100%; background: rgba(27,36,92,.9); text-align: center; color: #fff; padding-top: 76px; margin-top: 0;}


.ing-s1{width: 100%; display: block;}
.ing-s1 .li{float: left;}
.ing-s1 .box{width:286px; height: 397px; padding-top: 74px; background: #f6f5f5; padding-left: 34px; padding-right: 30px;transition: all 0.3s ease-in-out;}
.ing-s1 .box .h1{width: 100%; display: block; font-size: 20px; line-height: 20px; color: #000000; margin-bottom: 10px;}
.ing-s1 .box .h2{width: 100%; display: block; font-size: 12px; line-height: 12px; color: #c3c2c2; margin-bottom: 40px; text-transform: uppercase;}
.ing-s1 .box .p{width: 100%; display: block; font-size: 14px; line-height: 24px; color: #6f6f6f; text-transform: uppercase; text-align: justify; text-justify: inter-ideograph;
    -ms-text-justify:inter-ideograph;
    text-justify:inter-ideograph;}
.ing-s1 .box:hover{padding-top: 50px;}
.ing-s1 .box-img{width:auto; display: block; float: left; overflow: hidden;}
.ing-s1 .box-img img{width: 100%; display: block;transition: all 0.3s ease-in-out;}
.ing-s1 .box-img:hover img{transform: scale(1.02)}
.ing-s1 .box-img1{width: 396px; display: block;}
.ing-s1 .box-img2{width: 306px; display: block;}
.ing-s1 .box-img3{width: 197px; display: block;}
.ing-s1 .box-img4{width: 306px; display: block;}
.ing-s1 .box-txt{width: 197px; height: 198px; display: block; background: #1b245c; color: #fff; padding-left: 10px; padding-right: 10px;padding-top: 60px;}
.ing-s1 .box-s{width: 508px; display: block;}
.ing-s1 .box-txt .h1{width: 100%; text-align: center; font-size: 14px; line-height: 25px; margin-bottom: 10px;}
.ing-s1 .box-txt .h2{width: 100%; text-align: center; font-size: 8px; line-height: 15px; text-transform: uppercase; }


.ing-s2{width: 100%; display: block; background: #f2f2f2; text-align: center; font-size: 0;}
.ing-s2 .left{width: 470px; text-align: right}
.ing-s2 .left .h1{width: 100%; font-size: 20px; line-height: 30px; color: #1b245c;}
.ing-s2 .left .h2{width: 100%; font-size: 12px; margin-top: 7px; color: #b8b8b8; text-transform: uppercase;}
.ing-s2 .right{width: 730px; padding-left: 40px; font-size:14px; line-height: 30px; color: #8e8e8e; margin-top: -3px; text-align: left;}
.ing-s2 .img{width:auto; margin:40px auto 60px; display: inline-block;}
.ing-s2 .img img{width: auto; display: block;}

.ing-s3{width: 100%; display: block; text-align: center; font-size: 0;}
.ing-s3 .left{width: 470px; text-align: right}
.ing-s3 .left .h1{width: 100%; font-size: 20px; line-height: 30px; color: #1b245c;}
.ing-s3 .left .h2{width: 100%; font-size: 12px; margin-top: 7px; color: #b8b8b8; text-transform: uppercase;}
.ing-s3 .right{width: 730px; padding-left: 40px; font-size:14px; line-height: 30px; color: #8e8e8e; margin-top: -3px; text-align: left;}
.ing-s3 .img{width:100%; margin:40px auto 0; display: inline-block; overflow: hidden;}
.ing-s3 .img img{width: auto; display: block;transition: all 0.3s ease-in-out;}
.ing-s3 .img:hover img{transform: scale(1.02)}
.ing-s3 .icon{width:auto; margin: auto; display: inline-block; margin-bottom: 55px;}
.ing-s3 .icon img{width: auto;display: block;}

.ing-s4{width: 100%; display: block; background: url("../images/ing-s4-1.jpg") no-repeat; height: 500px; padding-top: 106px; text-align: center;}
.ing-s4 img{width: 100%; display: inline-block; margin: auto;}


.join-s1{width: 100%; display: block;}
.join-s1 .item{width: 33.333334%; height: 273px; display: block; float: left; border-left: 1px dashed #c5c3c4; text-align: center; font-size: 0; padding-top: 12px; padding-left: 17px; padding-right: 17px;}
.join-s1 .item:first-child{border-left: 0;}
.join-s1 .item.border-bottom{border-bottom: 1px dashed #c5c3c4;}
.join-s1 .item .icon{width: 72px; height: 72px; display: inline-block; padding-bottom: 28px;}
.join-s1 .item .icon1{background: url("../images/join-s1-icon1.png") no-repeat;}
.join-s1 .item .icon2{background: url("../images/join-s1-icon2.png") no-repeat;}
.join-s1 .item .icon3{background: url("../images/join-s1-icon3.png") no-repeat;}
.join-s1 .item .icon4{background: url("../images/join-s1-icon4.png") no-repeat;}
.join-s1 .item .icon5{background: url("../images/join-s1-icon5.png") no-repeat;}
.join-s1 .item .icon6{background: url("../images/join-s1-icon6.png") no-repeat;}
.join-s1 .item .h1{width: 100%;display: block;font-size: 20px; line-height: 20px; margin-bottom: 8px; color: #000000;}
.join-s1 .item .h2{width: 100%;display: block;font-size: 12px; line-height: 12px; margin-bottom: 20px; color: #cacaca; }
.join-s1 .item .h3{width: 100%;display: block;font-size: 12px; line-height: 22px; margin-bottom: 20px; color: #0c0307; text-align: left; }

.join-s2{width: 100%; display: block;}
.join-s2 .left{width: 560px; padding-right: 120px; font-size: 16px; line-height: 28px; color: #000000; padding-top: 100px;}
.join-s2 .right{width: 640px; font-size: 16px; line-height: 35px; color: #666666;padding-top: 92px;}



.join-s3{width: 100%; display: block;}
.join-s3-bg {  background-image: url("../images/join-fixed-bg-1.jpg"); }
.join-s3 .bg{width: 100%; height: 100%; background-color: rgba(255,255,255,.8);}
.join-s3 .block{width: 100%; display: block; text-align: center; font-size: 0; padding-bottom: 60px;}
.join-s3 .item{width: 202px; height: 185px; background: #1b245c; color: #fff; text-align: center; padding-left: 10px; padding-right: 10px; padding-top: 47px; margin:11px 34px; display: inline-block}
.join-s3 .item .h1{width: 100%; display: block; font-size: 20px; line-height: 20px; margin-bottom: 10px;}
.join-s3 .item .h2{width: 100%; display: block; font-size: 12px; line-height: 12px; text-transform: uppercase; margin-bottom: 18px;}
.join-s3 .item .h3{width: 100%; display: block; font-size: 12px; line-height: 20px;}

.join-s4{width: 100%; display: block; text-align: center; font-size: 0;}
.join-s4 dl{width: auto; display: inline-block; margin-left: 47px; margin-right: 17px; margin-bottom: 30px;}
.join-s4 dt{width: 50px; height: 50px; font-size: 54px; line-height: 54px; display: block; color: #1b245c; font-weight: bold; float: left; margin-top: 18px; background: #fff; z-index: 1; position: relative;}
.join-s4 dd{width: 195px; height: 90px; border: 1px solid #000; padding-top: 27px; float: left; margin-left: -16px;
    padding-left:28px;}
.join-s4 dd .h1{width: 100%; display: block; font-size: 17px; color: #000; margin-bottom: 10px;FONT-WEIGHT: bold;}
.join-s4 dd .h2{width: 100%; font-size: 10px; color: #b0b0b0;}

.join-s5{width: 100%; display: block; background: #f2f2f2; text-align: center; font-size: 0;}
.join-s5 table{width: 956px; border: 1px solid #0c0307; margin: auto; display: inline-block;}
.join-s5 table tr{width: 100%; display: block;}
.join-s5 thead{width: 100%; background: #1b245c; color: #fff; font-size: 16px; line-height: 43px; display: inline-block;}
.join-s5 thead th{ width: 33.33334%; text-align: center; border-left: 1px solid #60668d; display: inline-block; float: left;}
.join-s5 thead th:first-child{border-left: 0;}
.join-s5 tbody{width: 100%; font-size: 14px; border-left:2px solid #0c0307; border-right:2px solid #0c0307; border-bottom: 2px solid #0c0307; background: #fff;}
.join-s5 tbody tr{width: 100%; display: inline-block; height: 40px;}
.join-s5 tbody td{border-left: 1px solid #b6b3b4;border-bottom: 1px solid #b6b3b4;width: 33.33334%; float: left; display:inline-block;line-height: 40px; }
.join-s5 dl{width: auto; margin-right: 100px; float: left; text-align: left;}
.join-s5 dt{width: auto; font-size: 16px; color: #000; line-height: 18px; padding-bottom: 18px; position: relative; padding-left: 40px;}
.join-s5 dt:before{content: ''; width: 18px; height: 18px; background: #1b245c; left: 0; top: 0; position: absolute; display: block;}
.join-s5 dd{width: auto; font-size: 16px; line-height: 28px; color: #616161;}
.join-s5 .box{width: 956px; margin: auto; margin-top: 36px;padding-bottom: 80px;}
.join-s6{width: 100%; display: inline-table; text-align: center; font-size: 0;}
.join-s6 .block{padding:80px 120px;}
.join-s6 .imgbox{width: 556px; height: 339px; display: block; float: left; padding-top: 15px;}
.join-s6 .imgbox img{width: 100%; display: block;}
.join-s6 .formbox{width: 401px; display: block; padding-left: 41px; float: left;}
.join-s6 .formbox input,.join-s6 .formbox textarea{width: 100%; display: block; line-height: 40px; border: 1px solid #b6b3b4; font-size: 14px; color: #3f3f3f;margin-bottom: 14px; padding: 0 5px;}
.join-s6 .formbox textarea{height: 133px; line-height: 22px;}
.join-s6 .formbox input[type='submit']{width: 100%; height: 40px; background: #1b245c; color: #fff;}

.list{width: 100%; display: block; text-align: center; font-size: 0;}
.nav-toolbar{width: auto; text-align: center; display: block; font-size: 0;}
.nav-toolbar .item{width: 180px; height: 113px; text-align: center; font-size: 0; position: relative; display: inline-block; background-color: #e5e5e5;}
.nav-toolbar .item .box{width: 100%; height:100%; display: inline-block; position: absolute; left: 0; top: 0; right: 0; transition: all 0.3s ease-in-out; padding-top: 30px;}

.nav-space-toolbar .item .box{ padding-top: 15px;}
.nav-toolbar.door .item .box{padding-top: 38px;}
.nav-toolbar .item .icon{width: 60px; height: 60px; background-repeat: no-repeat; display: inline-block; background-size: 100%;}
.nav-toolbar .item .icon1{background-image: url("../images/nav-toolbar-1.png");}
.nav-toolbar .item .icon2{background-image: url("../images/nav-toolbar-2.png");}
.nav-toolbar .item .icon3{background-image: url("../images/nav-toolbar-3.png");}
.nav-toolbar .item .icon4{background-image: url("../images/nav-toolbar-4.png");}
.nav-toolbar .item .icon5{background-image: url("../images/nav-toolbar-5.png");}
.nav-toolbar .item:before{content: ''; width: 1px; height: 56px; position: absolute; left: 0; top: 50%; margin-top: -28px; z-index: 10;background: #a0a0a0;}
.nav-toolbar .item:first-child:before{width: 0;}
.nav-toolbar .item .h1{width: 100%; display: block; font-size: 16px; color: #000;}
.nav-toolbar.door .item .h1{margin-bottom: 15px;}
.nav-toolbar .item .h2{width: 100%; font-size: 12px; line-height: 12px; text-transform: uppercase;color: #000; margin-top: 13px;}
.nav-toolbar .item.active .box,.nav-toolbar .item:hover .box{background-color: #1b245c; top:-20px; left: 0; padding-top: 30px;}
.nav-space-toolbar .item.active .box,.nav-space-toolbar .item:hover .box{background-color: #1b245c; top:-20px; left: 0; padding-top: 15px;}
.nav-toolbar .item.active .h1,.nav-toolbar .item:hover .h1,.nav-toolbar .item.active .h2{color: #fff;}
.nav-toolbar .item.active .icon,.nav-toolbar .item:hover .icon{background-position: 0 -60px;}
.nav-toolbar .item.active .h2,.nav-toolbar .item:hover .h2{color: #fff;}
.lists-content{width: 100%; display: block; margin-left: -9px;}
.lists-content li{width: 394px; display: block; margin-bottom: 46px; float: left; margin-left:8px;}
.lists-content li .img{width:100%; height: 258px; display: block; margin-bottom: 16px; overflow: hidden;}
.lists-content li img{width: 100%; display: block; transition: all 0.3s ease-in-out;}
.lists-content li .h1{width: 100%; display: block; height: 32px; line-height: 32px; font-size: 16px; color: #000000; text-align: center; border: 1px solid #b6b3b4;}
.lists-content li:hover .h1{ background: #1b245c; color: #fff;}
.lists-content li:hover img{transform: scale(1.05)}
.lists-main{width: 103%;}
.lists-btn-more{width: 260px; height: 44px; border: 1px solid #b2b2b2; font-size: 14px; line-height: 44px; text-align: center; color: #a3a3a3; margin:10px auto 0; text-transform: uppercase; cursor: pointer;}
.lists-btn-more.active{font-size: 0; border:1px solid #fff;}
.lists-btn-more.active{width: 260px; height: 44px; line-height: 44px; text-align: center; font-size: 0; margin:10px auto 0; text-transform: uppercase; cursor: pointer;}
.lists-btn-more.active i{width:32px; height: 32px; display:inline-block; background: url("../images/AjaxLoader.gif") no-repeat 100% center; margin-top: auto;}

.lists-news-content{margin-left: -16px; width: 103%}
.lists-news-content li img{margin-bottom: 0;}
.lists-news-main li{width: 388px; display: block; margin-left: 17px; margin-right: 17px;}
.lists-news-main .box{width: 100%; display: block; padding-top: 30px; height: 180px; border-bottom: 1px solid #b2b2b2;}
.lists-news-main dt{width: 81px; height: 81px; display: block; border: 1px solid #b2b2b2; padding-top: 20px; padding-bottom: 18px; margin-right: 23px; text-align: left; padding-left: 13px; float: left; color: #737373; transition: all 0.3s ease-in-out;}
.lists-news-main dt .d1{width: 100%; display: block; font-size: 24px; line-height: 24px; margin-bottom: 8px; font-weight: bold;transition: all 0.3s ease-in-out;}
.lists-news-main dt .d2{width: 100%; display: block; font-size: 12px; line-height: 12px;transition: all 0.3s ease-in-out;}
.lists-news-main dd{width: 276px; float: left; display: block;transition: all 0.3s ease-in-out; padding-right: 8px;}
.lists-news-main dd .t1{width: 100%; font-size: 14px; line-height: 18px; display: block; color: #000; margin-bottom: 10px;transition: all 0.3s ease-in-out;}
.lists-news-main dd .t2{width: 100%; font-size: 12px; line-height: 17px; display: block; color: #9d9d9d;transition: all 0.3s ease-in-out;}
.lists-news-main li:hover{background: #1b245c;}
.lists-news-main li:hover dt{border: 0; color: #fff; border-top: 1px solid #fff;}
.lists-news-main li:hover .t1,.lists-news-main li:hover .t2{color: #fff;}

.about-s1,.about-s2{width: 100%;display: block;}
.about-s1 .imgbox{width: 100%; display: block; overflow: hidden;}
.about-s1 .imgbox img{width: 100%; display: block; transition: all  0.3s ease-in-out;}
.about-s1 .imgbox:hover img{width: 100%; display: block; transform: scale(1.02)}

.about-s2-block{width: 100%; display: block;}
.about-s2-block .item{width: 50%; display: block; float: left;}
.about-s2-block .item-img{height: 360px; overflow: hidden;}
.about-s2-block .item img{width: 100%; display: block; overflow: hidden; transition: all 0.3s ease-in-out;}
.about-s2-block .item .h1{width: 100%; display: block; font-size: 24px; line-height: 31px; color: #000; margin-bottom: 35px;}
.about-s2-block .item .p{width: 100%; display: block; font-size: 14px; line-height: 24px; color: #9d9d9d;}
.about-s2-block .item-txt{padding-left: 25px; padding-right: 47px;}

.about-s3{width: 100%; display: block; }
.about-s3-bg{width: 100%; display: block; background: #f2f2f2; padding-bottom: 60px;}
.about-s3-main{width: 100%; display: block; background: #f2f2f2; font-size: 0; position: relative; overflow: hidden;}

.about-s3-main .line{width: 1px; height: 100%; display: block; background: #7f7a7c; position: absolute; top: 0; left: 50%;}
.about-s3-main .box{width: 50%; display: inline-block;position: relative;}
.about-s3-main .box.right{float: right;}
.about-s3-main dl{width: 100%;display:inline-block; padding-bottom: 60px;}
.about-s3-main dl .h1{font-size: 14px; font-weight: bold; color: #1b245c; margin-bottom: 12px;}
.about-s3-main dl .h2{font-size: 14px; color: #222222; line-height: 18px;}
.about-s3-main dt{width:200px; display: block; font-size: 48px; line-height: 48px;}
.about-s3-main .box:before{content: ''; width: 15px; height: 15px; background: #fff; border: 1px solid #000; border-radius: 10px; position: absolute; top: 32px; display: block; left: 0; z-index: 10}
.about-s3-main .box.right dt{float: left; padding-left: 17px;}
.about-s3-main .box.right:before{ left: -8px;}
.about-s3-main .box.right dd{float: left;}
.about-s3-main .box.left dt{float: right; text-align: right; padding-right: 17px;}
.about-s3-main .box.left:before{ right: -9px; left: auto;}
.about-s3-main .box.left dd{float: right; text-align: right;}
.about-s3-main .box.left .h1,.about-s3-main .box.left .h2{text-align: right;}
.about-s3-main .item:last-child{padding-bottom: 0;}
.about-s4{width: 100%; display: block;}
.about-s4-container{width: 105%; display: block;}
.about-s4-bg{background: #f2f2f2;}
.about-s4 .container-min{ font-size: 0; text-align: center; display: block;}
.about-s4 .item{width: 290px; display: inline-table; margin: 20px 10px;}
.about-s4 .item .img{width: 290px; height: 192px; display: block;}
.about-s4 .item img{width: auto; max-height: 192px; display: block; margin: auto;}
.about-s4 .item .h3{width: 100%; font-size: 14px; line-height: 20px; display: block; text-align: center; margin-top: 20px; padding: 0 20px;}

#about-media img{margin: auto; display: block;}

.contact-s1{width: 100%; display: block; background: #ecedf1; padding-bottom: 33px;}
.contact-s1 .ctitle{width: 155px; height: 86px; display: block; background: #1b245c; padding-top: 24px; text-align: center; color: #fff; margin-top: -32px; position: absolute; left: 0; top:0px; z-index: 10;}
.contact-s1 .ctitle .h1{width: 100%; font-size: 14px; line-height: 14px; margin-bottom: 11px; display: block;}
.contact-s1 .ctitle .h2{width: 100%; font-size: 10px; line-height: 10px; text-transform: uppercase; display: block;}
.contact-s1-block{width: 103%; display: block; margin-left: -6px;}
.contact-s1-block .item{width: 392px; display: block; position: relative; height: 272px; float:left; margin-left: 6px; margin-right: 6px; margin-bottom: 42px;}
.contact-s1-block .item .imgbox{width: 100%; height: 228px; display: block; overflow: hidden;}
.contact-s1-block .item .imgbox img{width:100%; display:block;transition: all 0.3s ease-in-out;}
.contact-s1-block .item .h1{width: 100%; display: block; height: 43px; line-height: 43px; font-size: 14px; color: #000; text-align: center; background: #fff; transition: all 0.3s ease-in-out; left: 0; bottom: 0; right: 0; position: absolute;}
.contact-s1-block .item:hover .h1{height: 59px; line-height: 59px; font-size: 14px; color: #fff; background: #1b245c;}
.contact-s1-block .item:hover img{transform: scale(1.02)}


/*job content*/
.job-main{width: 100%; display: block; padding-top: 74px;}
.job-main .jtitle{width: 100%; height: 30px; display: block; margin-bottom: 60px; position: relative; text-align: left;}
.job-main .jtitle:after{ content: ''; width: 100%; height: 1px; background: #b6b3b4; position: absolute; left: 0; top: 50%; z-index: -1;}

.job-main .jtitle h3{width: auto; line-height: 30px; font-size: 30px; color: #000; display: inline-block; background: #fff; z-index: 2}
.job-main .jtitle h3 span{width: auto; display: inline-block; color: #cacaca; margin-left: 32px;background: #fff; z-index: 1; font-family: "微软雅黑 Light"; text-transform: uppercase; padding-right: 36px; }
.job-main .left{width: 200px; float: left; display: block;}
.job-main .item{width: 100%; height: 130px; display: block; background: #ecedf1; color:#fff; box-sizing: border-box; position: relative; cursor: pointer; margin-bottom: 1px; text-align: center; z-index: 1}
.job-main .item .box{width: 100%; height: 100%; display: block; transition: all 0.3s ease-in-out;  padding-top: 43px;}
.job-main .item.on .box{width: 284px; display: block; background: #1b245c;}
.job-main .item .t1{width: 100%; display: block; font-size: 14px; line-height: 14px; text-transform: uppercase; color: #000000;}
.job-main .item .t2{width: 100%; display: block; font-size: 12px; line-height: 12px; margin-top: 12px; color: #d4d5d9; text-transform: uppercase;}
.job-main .item.on .t1,.job-main .item.on .t2{color: #fff;}
.job-main .right{width: 974px; float: left; padding-left: 6px; display: block; box-sizing: border-box;}
.job-main .content{width: 100%; display: none;}
.job-main dl{width: 100%; display: block;background: #ecedf1; padding-top: 32px; box-sizing: border-box;position: relative; padding-left: 214px;}
.job-main .content dl:last-child{padding-bottom: 55px;}
.job-main dt{width:100%; display: block; color: #2b2b2d; font-size: 24px; line-height: 24px; float: left; box-sizing: border-box; margin-bottom: 13px; text-align: left;}
.job-main dt span{width: auto; display: inline-block; font-size: 20px; color: #bbbcbf; text-transform: uppercase;}
.job-main dl .job-contact{width: 100%; display: block; text-align: left; font-size: 0; position: absolute; left: 42px;  bottom:30px;}
.job-main .job-contact .icon{width: 21px; height: 14px; display: inline-block; background: url(../images/job-contact-icon.png) no-repeat;  }
.job-main .job-contact .p{width: 100%; font-size: 12px; line-height: 18px; color: #2b2b2d; margin-top: 10px;}
.job-main .job-contact .p a{ color: #fdd100;text-transform: uppercase;}
.job-main dd{width: 100%; padding-right: 140px; float: right; display: block; height: auto; box-sizing: border-box;font-size: 14px; color: #2b2b2d;line-height: 20px;}
.job-main dd p{width: 100%; display: block; font-size: 14px;  color: #2b2b2d;}


.contact-s2{width: 100%; display: block; background: #f1f1f1; padding-top: 40px; padding-bottom: 40px;}
.contact-s2 .left{width: 670px; display: block;}
.contact-s2 .left img{width: 100%; display: block;}
.contact-s2 .right{width: 530px; display: block; padding-left: 139px;}
.contact-s2 .h1{width: 100%; display: block; font-size: 30px; line-height: 30px; color: #1b245c; margin-bottom: 60px; padding-top: 30px;}
.contact-s2 .h2{width: 100%; display: block; font-size: 16px; line-height: 28px; color: #000000;}
.contact-s2 .h3{width: 100%; display: block; font-size: 12px; margin-top: 28px; line-height: 22px; color: #a6a6a6; text-transform: uppercase;}


.contact-s3{width: 100%; display: block; padding-bottom: 80px;}
.contact-s3 .block{padding: 0 100px; width: 100%; box-sizing: border-box; text-align: center; overflow: hidden;}
.contact-s3 .input-text{ width:304px; padding:0 10px; height:38px; border:1px solid #000; line-height:38px;font-size:14px; color:#999; box-sizing: border-box; margin: 0 43px 20px 0; display: block; float: left;}
.contact-s3 .input-text:last-child{margin-right: 0;}
.contact-s3 input[type='submit']{width: 180px; height: 40px; line-height: 40px; background: #2b2b2d; color: #fff; font-size: 12px; display: inline-block; border: 0; margin-top: 20px;}
.contact-s3 .last-text{margin-right: 0!important;}
.textarea{ padding:10px; height:140px; width:864px; border:1px solid #000; font-family:"微软雅黑"; font-size:14px; color:#999; display: block;}
.contact-s3 .btn-submit{ width:180px; height:40px; color:#fff; background:#000; text-align:center; line-height:40px; display:block; margin-top:19px;}
.contact-s3 .btn-submit:hover{ background:#1b245c; color:#fff}
.contact-s3 .block textarea{width: 100%!important; box-sizing: border-box; height: 160px; display: block; line-height:38px;font-size:14px;  padding:0 10px;color:#999; }
.contact-s3 .block form{width: 100%;}


.show-product{width: 100%; display: block;}
.show-product .content{width: 100%;  font-size: 14px; line-height: 24px; color: #737373;}
.show-product .content img{max-width: 100%; display: block; margin: auto;}

.news-page-title{width: 100%; display: block; border-bottom: 1px solid #b6b3b4; padding-top: 60px; padding-bottom: 26px; text-align: center;}
.news-page-title h3{width: 100%; display: block; font-size: 30px; line-height: 30px; color: #000; margin-bottom: 16px;}
.news-page-title .date{width: 100%; display: block; font-size: 12px; line-height: 12px; color: #a3a3a3;}
.news-page-content{width: 100%; display: block; padding-top: 32px; font-size: 14px; line-height: 30px; color: #000000; padding-bottom: 80px;border-bottom: 1px solid #b6b3b4;}
.news-page-content img{max-width: 100%; margin-bottom: auto; display: block;}
.w50{width: 50%;}
.news-pager{width: 100%; display: block;}

.news-pager{width: 100%; display: block; padding-top: 30px; font-size: 0; padding-bottom: 80px;}
.news-pager .btn{width: 140px; height: 40px; padding-top: 12px; box-sizing: border-box; border: 1px solid #8e8e8f; display: inline-block; text-align: center;   float: right; transition: all 0.3s ease-in-out;}
.news-pager .btn i{width: 7px; height: 15px; margin-right: 10px; background: url(../images/tool-icon1.png) no-repeat; display: inline-block;vertical-align: top; transition: all 0.3s ease-in-out;}
.news-pager .btn span{font-size: 14px; line-height: 14px; color: #656566;display: inline-block;transition: all 0.3s ease-in-out;}
.news-pager .btn:hover{border-color: #2b2b2b;}
.news-pager .btn:hover span{color: #2b2b2b;}
.news-pager .btn:hover i{background: url(../images/tool-icon2.png) no-repeat;}
.news-pager dd{width: 100%; font-size: 14px;color: #4b4b4b; line-height: 24px; display: inline-block; margin-top: -5px;}
.news-pager .link{width: auto;color: #656566; line-height: 24px; display: inline-block; margin-top: 2px;}


.news-more{width: 100%; display: block;}
.news-more .ntitle{width: 100%; display: block; text-align: left; padding-bottom: 50px;}
.news-more .ntitle h3{width: 100%; display: block; font-size: 16px; line-height: 16px; color: #000; margin-bottom: 6px;}
.news-more .ntitle em{width: 90px; display: block; height: 1px; background: #b2b2b2; margin-bottom: 8px;}
.news-more .ntitle .p{width: 100%; display: block; font-size: 12px; text-transform: uppercase; color: #cacaca;}
.news-more .w50{float: left;padding-right: 60px;}
.news-more .w50 h3{width: 100%; display: block; font-size: 14px; line-height: 14px; color: #000; margin-bottom: 16px;}
.news-more .w50 .p{width: 100%; display: block; font-size: 14px; line-height: 24px; color: #656565;}
.news-more .w50 em{width: 52px; height: 1px; background: #b2b2b2; margin-bottom: 17px; display: block; margin-top: 12px;}
.news-more .w50 .date{width: 100%; display: block; font-size: 14px; line-height: 14px; color: #737373;}
/*news content*/



@media screen and (max-width: 1280px) {
    html,body,header{width: 1280px;}
}