@charset "UTF-8";
body, h1, h2, h3, h4, h5, h6, p, form{margin:0;}
ol,ul{margin:0; padding:0;}
table,tr,td{
    padding: 0;
    margin: 0;
}
html{height: 100%;}
body{
    height: 100%;
    font-family: "Microsoft YaHei","Open Sans","微软雅黑", Arial, "STHeiti", "WenQuanYi Micro Hei", SimSun, sans-serif;font-size: 14px;color: #333;}
ul{margin:0; padding:0;}
ul li{list-style: none; }
a{text-decoration: none; color: #303030;
    -webkit-transition: all 0.2s ease;
    -moz-transition:  all 0.2s ease;
    transition:  all 0.2s ease;}
img{-webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;}
a:hover{color: #3770b3;}
a:hover img{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
*{box-sizing: border-box;}
.clearfix:before,.clearfix:after{
    content:"";
    display:table;
}
::-webkit-scrollbar              {/* 1 */width:9px; background-color:#333;}
::-webkit-scrollbar-button       {/* 2 */}
::-webkit-scrollbar-track        {/* 3 */}
::-webkit-scrollbar-track-piece  {/* 4 */}
::-webkit-scrollbar-thumb        {/* 5 */border:solid 2px #333; width:5px;  border-radius:4px; background-color:#fff;}
::-webkit-scrollbar-corner       {/* 6 */background-color:#333;}
::-webkit-resizer                {/* 7 */}
::-webkit-scrollbar:horizontal   {height:9px;}
.page-wrap {
    font-size: 14px;
    font-family: 宋体;
    margin-top: 30px;
    width:100%;
	text-align: center;
}
.page-wrap a{
    background: #cccccc;
    color: #fff;
    display: inline-block;
    width: 60px;
    height: 28px;
    line-height: 28px;
    text-align: center;
    border-radius: 5px;
}
.page-wrap span{
    background: #3770b3;
    color: #fff;
    display: inline-block;
	width: 60px;
    height: 28px;
    text-align: center;
    line-height: 28px;
    border-radius: 5px;
}
.page-wrap a:hover{
    background: #3770b3;
}
.container{
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 10px;
    padding-right: 10px;
    position: relative;
}
.clearfix:after{clear: both;}

.fl{
    float: left;
}
.fr{
    float: right;
}
.t-c{
    text-align: center;
}
.i-b{
    display: inline-block;
}
.img-auto{
    display: block;
    width: 100%;
    height: 100%;
}
.img-res{
    display: block;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}



.head-top{
    width: 100%;
    height: 40px;
    line-height: 40px;
    background: #f1f5f9;
}
.hd-top-l{
    float: left;
    color: #333;
}
.hd-top-l span{
    color: #3770b3;
}
.hd-top-l a{
    color: #999999;
}
.hd-top-l a:hover{
    text-decoration: underline;
}
.work-h{
    float: right;
    color: #999999;
}
.logo{
    display: block;
    float: left;
    margin-top: 35px;
}
.zcgs {
    float: left;
    margin-top: 40px;
    width: 35%;
    text-align: center;
}
.zcgs input {
    width: 70%;
    height: 40px;
    padding: 0 20px;
    border: 1px solid #d6d6d6;
    color: #d6d6d6;
    outline: none;
    background-image: url(../../s/images/ssk.png);
    background-repeat: no-repeat;
    background-size: 50px 30px;
    background-position-x: 250px;
    background-position-y: 5px;
}
.header-c-r{
    float: right;
    margin-top: 36px;
}
a.zxzx{
    display: block;
    float: left;
    width: 142px;
    height: 46px;
    
    color: #fff;
    line-height: 46px;
    font-size: 16px;
    background: #3770b3 url("../images/msg.png") no-repeat left 24px center;
    margin-right: 50px;
    position: relative;
    padding-left: 48px;
}
.zxzx:after{
    display: block;
    width: 1px;
    height: 34px;
    background: #dcdcdc;
    position: absolute;
    content: '';
    right: -24px;
    top: 7px;
}
.phone-no{
    float: right;
    font-size: 24px;
    font-family: Impact;
    color: #3770b3;
    width: 236px;
    height: 46px;
    line-height: 44px;
    border: 1px solid #3770b3;
  
    background: url("../images/phone.png") no-repeat left 30px center;
    padding-left: 68px;
}
.menu{
    margin-top: 34px;
    border-top: 1px solid #c2c7cd;
}
.menu ul li{
    float: left;
    width: 133px;
    height: 40px;
    line-height: 40px;
    padding: 0 1px;
    font-size: 16px;
}
.menu ul li a{
    display: block;
    width: 100%;
    height: 100%;
    text-align: center;
}
.menu ul li.on a{
    background: #3770b3;
    color: #fff;
}
.menu ul li a:hover{
    background: #3770b3;
    color: #fff;
}
.banner{
    width: 100%;
    height: 587px;
    position: relative;
    overflow: hidden;
}
.banner .hd{
    position: absolute;
    bottom: 22px;
    z-index: 1;
    width: 100%;
}
.banner .hd ul li{
    width: 10px;
    height: 10px;
    background: #c7d8ec;
    border-radius: 50%;
    float: left;
    margin: 0 9px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.banner .hd ul li.on{
    box-shadow: 0 0 0 2px #447dc0,0 0 0 3px #c7d8ec;
}
.banner .bd ul li{
    width: 100%;
    height: 587px;
}
.index-adv{
    padding-bottom: 55px;
}
.adv-tit{
    width: 100%;
    height: 20px;
    background: url("../images/adv-bd.png") no-repeat center;
    text-align: center;
    font-size: 20px;
    line-height: 20px;
    margin-top: 55px;
}
.adv-list{
    margin-left: -33px;
    margin-top: 45px;
}
.adv-list li{
    float: left;
    width: 295px;
    margin-left: 33px;
    text-align: center;
    color: #1d3a57;
    background: #f1f5f9;
    height: 106px;
    border-radius: 53px;
    padding-top: 26px;
    cursor: pointer;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.adv-list li span{
    position: relative;
}
.adv-list li span:before{
    content: '';
    display: block;
    position: absolute;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    left: -20px;
    top: 6px;

}
.adv-list li:nth-child(1) span:before{background: #96bd59;}
.adv-list li:nth-child(2) span:before{background: #2ca2a6;}
.adv-list li:nth-child(3) span:before{background: #cc9d2c;}
.adv-list li:nth-child(4) span:before{background: #aa89bd;}
.adv-list li p{
    font-size: 30px;
    line-height: 30px;
    margin-top: 10px;
}
.adv-list li p sub{
    font-size: 14px;
    position: relative;
    top: -2px;
}
.adv-list li:hover{
    background: #fff;
    box-shadow: 0 0 10px #eee;
}
.part1{
    width: 100%;
    background: #f1f5f9;
    padding-bottom: 10px;
}
.pro-type{
    width: 100%;
    height: 353px;
    margin-top: 70px;
    margin-bottom: 60px;
    box-shadow: 0 0 10px #eee;
    border-top-left-radius: 30px;
    border-top-right-radius: 30px;
}
.pro-type1{
    background: url("../images/pro-type1.png") no-repeat top center;
    border-bottom: 1px solid #5b8ac0;
}
.pro-type2{
    background: url("../images/pro-type2.png") no-repeat top center;
}
.pro-type3{
    background: url("../images/pro-type3.png") no-repeat top center;
    border-bottom: 1px solid #78acd8;
}
.pro-type4{
    background: url("../images/pro-type4.png") no-repeat top center;
    border-bottom: 1px solid #55b4b7;
}
.pro-type-top{
    height: 108px;
}
.pro-type-top a{
    float: right;
    display: block;
    margin-top: 30px;
}
.pro-type-top a:hover{
    opacity: 0.85;
}
a.morebl{
    width: 173px;
    height: 46px;
    border-radius: 23px;
    line-height: 44px;
    padding-left: 53px;
    color: #fff;
    font-size: 16px;
    font-weight: bold;
    background: rgba(255,255,255,0.5) url("../images/menu.png") no-repeat left 26px center;
    border: 1px solid #b8c9dd;
    margin-right: 42px;
}
a.zxzx1{
    width: 140px;
    color: #fff;
    height: 46px;
    border-radius: 23px;
    line-height: 46px;
    font-weight: bold;
    font-size: 16px;
    padding-left: 48px;
    margin-right: 5px;
    background: url("../images/msg.png") no-repeat left 24px center,linear-gradient(to right,#b7ddc5,#9bc7ab);
}
.pro-type-cc{
    width: 426px;
    float: left;
    margin-top: 50px;
    height: 126px;
}
.pro-type-icon{
    float: left;
    margin-left: 54px;
    font-size: 20px;
}
.pro-type-icon div{
    width: 80px;
    height: 60px;
    margin-bottom: 4px;
}
.pro-list{
    float: left;
    margin-left: 15px;
    width: 270px;

}
.pro-list li{
    float: left;
    margin-left: 25px;
    line-height: 30px;
    position: relative;
}
.pro-list li.hot:after{
    display: block;
    content: '';
    position: absolute;
    width: 12px;
    height: 15px;
    background: url("../images/hot.png") no-repeat center;
    right: -15px;
    top: 0;
}
.other{
    font-size: 20px;
    line-height: 28px;
    margin-left: 54px;
    float: left;
    margin-top: 18px;
}
.other div{
    width: 28px;
    height: 28px;
    float: left;
    border-radius: 50%;
    position: relative;
    background: #e4f1ea;
    margin-right: 22px;
}
.other div:before{
    display: block;
    content: '';
    position: absolute;
    width: 28px;
    height: 28px;
    left: 9px;
    background:#366caa url("../images/other.png") no-repeat center;
    border-radius: 50%;
}
.pro-type2 .other div{
    background: #e3e4e4;
}
.pro-type2 .other div:before{
    background: url("../images/other.png") no-repeat center,linear-gradient(to right,#ecb443,#ee905e );
}
.pro-type3 .other div{
    background: #e3e4e4;
}
.pro-type3 .other div:before{
    background: url("../images/other.png") no-repeat center,linear-gradient(to right,#8ab2db,#5999cf );
}
.pro-type4 .other div{
    background: #e3e4e4;
}
.pro-type4 .other div:before{
    background: url("../images/other.png") no-repeat center,linear-gradient(to right,#87bdb7,#23a0a5 );
}
.other-list{
    margin-top: 23px;
}
.other-list li{
    float: left;
    margin-left: 30px;
}
.pro-type2 .zxzx1{
    background: url("../images/msg.png") no-repeat left 24px center,linear-gradient(to right,#998ad2,#695ac3);
}
.pro-type2 .morebl{
    border: 1px solid #f9d7c5;
}
.pro-type3 .zxzx1{
    background: url("../images/msg.png") no-repeat left 24px center,linear-gradient(to right,#edd577,#e3b62e);
}
.pro-type3 .morebl{
    border: 1px solid #c1d7ea;
}
.pro-type4 .zxzx1{
    background: url("../images/msg.png") no-repeat left 24px center,linear-gradient(to right,#c6e39c,#8ebe43);
}
.pro-type5 .morebl{
    border: 1px solid #c6ddd6;
}
.part3{
    width: 100%;
    background: #f1f5f9;
    padding: 70px 0 60px;
}
.ljzx{
    display: block;
    width: 100%;
    height: 117px;
}
.info-wrap{
    width: 100%;
    margin-top: 44px;
}
.info-l{
    float: left;
    width: 270px;
    height: 464px;
    background: url("../images/info-l.png") no-repeat center;
}
.info-r{
    float: right;
    width: 998px;
    border: 1px solid #dcdcdc;
    background: #ffffff;
    height: 464px;
    position: relative;
    overflow: hidden;
}
.info-r .hd{
    height: 60px;
    border-bottom: 1px solid #2ca2a6;
}
.info-r .hd ul li{
    float: left;
    width: 170px;
    height: 59px;
    line-height: 59px;
    text-align: center;
    cursor: pointer;
    background: #fff;
    color: #666;
    font-size: 16px;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.info-r .hd ul li.on{
    background: linear-gradient(to top,#d6e8e9,#fafcfc);
    color: #2ca2a6;
}
.info-r .hd ul li:hover{
    color: #2ca2a6;
    background: linear-gradient(to top,#d6e8e9,#fafcfc);
}
.info-r .hd a{
    float: right;
    line-height: 59px;
    font-weight: bold;
    margin-right: 25px;
    color: #666;
}
.info-r .hd a:hover {
    color: #2ca2a6;
}
.hl-info{
    float: left;
    width: 410px;
    margin-top: 24px;
    margin-left: 24px;
}
.hl-img{
    width: 410px;
    height: 238px;
    display: block;
}
.hl-tit{
    font-weight: bold;
    font-size: 16px;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.hl-tit:hover{
    color: #2ca2a6;
}
.hl-info p{
    color: #666;
    margin: 10px 0 5px;
}
.hl-info span{
    color: #999;
    font-size: 12px;
}
.info-list{
    width: 490px;
    float: right;
    margin-right: 25px;
    margin-top: 20px;
}
.info-list li{
    line-height: 30px;
    margin-bottom: 5px;
}
.info-list li a{
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
    font-size: 16px;
    color: #666;
    max-width: 390px;
}
.info-list li a:hover{
    color: #2ba0a4;
}
.info-list li span{
    float: right;
}
.adv-tit-p{
    text-align: center;
    color: #999;
    margin-top: 10px;
}
.part4{
    width: 100%;
    height: 850px;
    background: url("../images/part4-bg.jpg") no-repeat top center;
    background-size: cover;
    padding-top: 30px;
}
.layout-wrap{
    margin-top: 55px;
}
.layout-l{
    width: 428px;
    height: 428px;
    border: 1px solid #dcdcdc;
    background: #fff;
    float: left;
}
.layout-l i{
    display: block;
    width: 100%;
    height: 6px;
    background: #3770b3;
}
.layout-l-part{
    padding: 0 26px;
}
.layout-l-tit{
    font-size: 16px;
    font-weight: bold;
    margin-top: 22px;
}
.hot-qs{
    margin-top: 20px;
    background: #f1f5f9;
    padding: 20px 0 15px 25px;
}
.hot-qs ul{
    margin-top: 10px;
}
.hot-qs li{
    float: left;
    width: 50%;
    margin-bottom: 12px;
    overflow: hidden;
}
.hot-qs li a{
    color: #999;
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hot-qs li a:hover{
    text-decoration: underline;
}
.hot-city{
    margin-top: 20px;
}
.hot-city li{
    margin: 0 8px 12px;
    float: left;
}
.tiwen-fm{
    width: 100%;
    height: 45px;
    background: #eeeeee;
    display: block;
    margin-top: 30px;
}
.tiwen-fm input[type=text]{
    float: left;
    width: 250px;
    padding-left: 25px;
    height: 44px;
    background: transparent;
    border: none;
    outline: none;
}
.tiwen-fm input[type=submit]{
    float: right;
    width: 96px;
    height: 44px;
    border: none;
    background: #3770b3;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
}
.hq-wrap{
    width: 653px;
    height: 157px;
    float: left;
    margin-left: 90px;
    box-shadow: 0 0 15px #eee;
    margin-top: 60px;
}
.hq-l{
    width: 436px;
    height: 100%;
    float: left;
    background: rgba(255,255,255,0.7);
    padding-left: 50px;
    padding-top: 30px;
}
.hq-r{
    width: 217px;
    height: 157px;
    float: right;
    background: rgba(55,112,179,0.8) url("../images/waer.png") no-repeat top 28px center;

}
.hq-l h4{
    font-size: 16px;
    font-weight: normal;
    margin-bottom: 10px;
}
.hq-l p{
    line-height: 32px;
    color: #666;
}
.hq-r a{
    display: block;
    width: 115px;
    height: 35px;
    background: #fff;
    border-radius: 6px;
    text-align: center;
    line-height: 35px;
    margin: 95px auto 0;
    font-size: 16px;
}
.bj-adv{
    margin-left: -35px;
    margin-top: 46px;
}
.bj-adv>div{
    float: left;
    width: 228px;
    margin-left: 35px;
    height: 80px;
    line-height: 80px;
    color: #6f6f6f;
    padding-left: 100px;
    box-shadow: 0 0 12px #eee;
    -webkit-transition: all 0.3s ease;-moz-transition:  all 0.3s ease;transition:  all 0.3s ease;
}
.bj-adv>div:hover{
    box-shadow: 0 0 12px #ddd;
}
.bj-adv>div:nth-child(1){background: #fff url("../images/adv1.png") no-repeat left 45px center;}
.bj-adv>div:nth-child(2){background: #fff url("../images/adv2.png") no-repeat left 45px center;}
.bj-adv>div:nth-child(3){background: #fff url("../images/adv3.png") no-repeat left 45px center;}
.bj-adv>div:nth-child(4){background: #fff url("../images/adv4.png") no-repeat left 45px center;}
.bj-adv>div:nth-child(5){background: #fff url("../images/adv5.png") no-repeat left 45px center;}
.gsd-bg{
    width: 100%;
    height: 170px;
    background: url("../images/gsd-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.gsd-list{
    margin-top: 55px;
}
.gsd-list li{
    float: left;
    width: 33.3333333%;
    height: 64px;
    padding-left: 105px;
    overflow: hidden;
    color: #acc5e2;
}
.gsd-list li p{
    color: #fff;
    margin-top: 4px;
    font-size: 20px;
    line-height: 32px;
    margin-bottom: 1px;
}
.gsd-list li:nth-child(1){background: url("../images/icon1.png") no-repeat left 40px center;}
.gsd-list li:nth-child(2){background: url("../images/icon2.png") no-repeat left 40px center;}
.gsd-list li:nth-child(3){background: url("../images/icon3.png") no-repeat left 40px center;}
.foot{
    width: 100%;
}
.footlinks{
    float:left;
    width:100%;
    /* padding-top:35px; */
    /* padding-bottom:30px; */
    background:#1e2d3b;
    border-bottom:1px solid #1e2d3b;
}
.api img {
    width: 100%;
}
.api {
    width: 10%;
    position: absolute;
    bottom: 0;
    right: 0;
}
.api p {
    color: #b6b6c1;
    font-size: 16px;
    text-align: center;
}
.linksname{
    float: left;
    width: 80px;
    height: 90px;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
}
.footlinks ul{
    float: left;
    width: 1060px;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.footlinks ul li{
    float:left;
    width:auto;
    height:auto;
    font-size:14px;
    color:#b6b6c1;
    padding-right:15px;
    margin-bottom: 5px;
}
.footlinks ul li a{
    color:#b6b6c1;
}
.footlinks ul li a:hover{
    color:#fff;
    text-decoration:underline;
}
.footcopy{
    float:left;
    width:100%;
    border-top:1px solid #171721;
    background:#1e2d3b;
    padding-top:44px;
    padding-bottom: 40px;
}
.footcopy p{
    padding:0;
    margin:0;
    float:left;
    width:100%;
    text-align:center;
    font-size:14px;
    color:#b6b6c1;
    margin-bottom:30px;
}
.footcopy p a{
    color:#b6b6c1;
}
.footcopy p a:hover{
    color:#b6b6c1;
    text-decoration:underline;
}
.logo-qr{
    text-align: center;
}
.f-logo{
    display: block;
    border-right: 1px solid #313747;
}
.logo-qr a{
    float: left;
    margin-top: 8px;
    margin-right: 22px;
    padding-right: 22px;
}
.logo-qr img{
    float: left;
}
.sus-box{
    width: 65px;
    position: fixed;
    left: 7%;
    top: 50%;
    margin-top: -150px;
    z-index: 1000;
    border-radius: 10px;
    overflow: hidden;
    box-shadow: 0 0 10px #eee;
	display:none;
}
.sus-box>div{
    width: 100%;
    height: 60px;
    color: #fff;
    text-align: center;
    border-bottom: 1px solid #ededed;
}
.sus-box>div:first-child{
    background: #4879b2;
    padding-top: 20px;
}
.sus-box a{
    display: block;
    width: 100%;
    height: 100%;
    background: #fff;
    color: #666666;
    padding: 12px 15px 0;
}
.sus-box a:hover{
    color: #fff;
    background: #3770b3;
}
.sus-box>div:last-child{
    border-bottom: none;
}
.in-bg{
    width: 100%;
    background: #f6f6f6;
    padding-bottom: 60px;
}
.crumbs{
    padding: 25px 0;
}
.crumbs a{
    color: #666;
}
.crumbs a:hover{
    color: #3770b3;
}

.zhaopin-wrap{
    width: 100%;
}
.shop-list-wrap{
    padding: 30px;
    background: #fff;
    box-shadow: 0 0 15px #eee;
}
.zp-list{

}
.zp-list li{
    background: #fff;
    box-shadow: 0 0 15px #eee;
    height: 110px;
    padding: 25px 65px 0;
    margin-bottom: 10px;
}
.zp-list li:hover{
    outline: 1px solid #cf2c3f;
}
.zp-l{
    float: left;
    width: 900px;
}
.zp-list-l{
    float: left;
    width: 400px;
}
.zp-list-l p{
    font-size: 18px;
    margin-bottom: 10px;
}
.zp-list-l span{
    font-size: 14px;
    color: #c1c1c1;

}
.zp-list-c{
    width: 130px;
    text-align: center;
    float: left;
}
.zp-list-c p{
    font-size: 18px;
    margin-bottom: 10px;
}
.zp-list-c span{
    font-size: 14px;
    color: #c1c1c1;
}
.zp-list-r{
    width: 150px;
    float: right;

}
.zp-list-r div {
    text-align: center;
    font-size: 14px;
    margin-bottom: 10px;
    height: 26px;
    line-height: 26px;
    border-radius: 13px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.zp-list-r div span{
    color: #cf2c3f;
    font-size: 16px;
}
.zp-list-r p{
    font-size: 14px;
    color: #c1c1c1;
}
.zp-list li:hover .zp-list-r div{
    background: #cf2c3f;
    color: #fff;
}
.zp-list li:hover .zp-list-r div span{
    color: #fff;
}
.zp-r{
    width: 350px;
    float: right;
}
.yy-wrap{
    width: 100%;
    background: #fff;
    box-shadow: 0 0 15px #eee;
    padding-bottom: 30px;
}
.yy-bn{
    width: 100%;
    height: 143px;

}
.yy-bt{
    width: 100%;
    padding: 0 19px 30px;

}
.yy-tab{
    width: 100%;
    margin-top: 14px;
    position: relative;
}
.yy-tab .hd{

}
.yy-tab .hd .prev{
    font-size: 14px;
    color: #dcdcdc;
    height: 24px;
    line-height: 24px;
    width: 14px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    left: -15px;
    font-family: 新宋体;
    font-weight: bold;
}
.yy-tab .hd .next{
    font-size: 14px;
    color: #dcdcdc;
    height: 24px;
    line-height: 24px;
    width: 14px;
    text-align: center;
    cursor: pointer;
    position: absolute;
    right: -15px;
    font-family: 新宋体;
    font-weight: bold;
}
.yy-tab .bd ul li{
    float: left;
    width: 74px;
    margin: 0 2px;
    height: 24px;
    line-height: 24px;
    text-align: center;
}
.yy-tab .bd ul li a{
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 12px;
    font-size: 14px;
}
.yy-tab .bd ul li a:hover{
    background: #5575a4;
    color: #fff;
}
.bj-form{
    width: 100%;
    margin-top: 12px;
}
.bj-form input[type=text]{
    border: 1px solid #dcdcdc;
    width: 100%;
    height: 40px;
    outline: none;
    padding-left: 32px;
    margin-bottom: 7px;
    border-radius: 5px;
}
.bj-name{
    background: url("../images/user.png") no-repeat left 11px center;
}
.bj-phone{
    background: url("../images/iphone.png") no-repeat left 11px center;
}
.huoqu{
    display: block;
    width: 100%;
    height: 40px;
    background: #5575a4;
    color: #fff;
    font-size: 16px;
    text-align: center;
    line-height: 40px;
    border-radius: 5px;
    margin-top: 4px;
}
.fws-link{
    margin-top: 13px;
}
.fws-link li{
    width: 350px;
    height: 181px;
    margin-bottom: 9px;
}
.fws-link li img{
    display: block;
    width: 100%;
    height: 100%;
}
.zxzx-wrap{
    background: #fff;
    box-shadow: 0 0 15px #eee;
    padding: 30px 18px 20px;
}
.ps-tit2{
    line-height: 20px;
}
.ps-tit2 span{
    float: left;
    font-size: 20px;
    font-weight: bold;
    color: #3770b3;
}
.ps-tit2 a{
    float: right;
    font-size: 14px;

}
.ps-tit2 a:hover{
    text-decoration: underline;
}
.last-news{

}
.last-news li{
    position: relative;
    padding-left: 15px;
    margin-top: 20px;

}
.last-news li i{
    width: 3px;
    height: 3px;
    background: #cf2c3f;
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 10px;

}
.last-news li a{
    display: block;
    font-size: 16px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    margin-bottom: 5px;
}
.last-news li span{
    color: #999999;
}
.zx-list{

}
.zx-list li{
    padding-left: 16px;
    position: relative;
    margin-bottom: 30px;
}
.zx-list li:before{
    display: block;
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -1px;
    width: 3px;
    height: 3px;
    background: #cf2c3f;
    border-radius: 50%;
}
.zx-list li a{
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 16px;
}
.zx-list li span{
    float: right;
    font-size: 12px;
    color: #999;
}
.zx-list-wrap{
    padding: 30px 70px 30px 18px;
    background: #fff;
    box-shadow: 0 0 15px #eee;
}
.zx-d-wrap{
    padding: 30px 58px;
    box-shadow: 0 0 15px #eee;
    background: #fff;
}
.zx-d-tit{

}
.zx-d-tit h2{
    font-size: 24px;
    font-weight: normal;
    margin-bottom: 18px;
}
.zx-d-tit p{
    font-size: 12px;
    color: #666666;
}
.zx-d-txt{
    margin-top: 30px;
    line-height: 40px;
    font-size: 16px;
}
.flip{
    font-size: 14px;
    margin-top: 30px;
}
.flip p{
    margin-bottom: 8px;
}
.in-banner{
    width: 100%;
    height: 517px;
    background-size: cover;
    overflow: hidden;
    position: relative;
}
.indexfrom{
    width:1280px;
    height:0;
    margin:auto;
    z-index:999;
    background:none;
}
.ftom{
    width:360px;
    height:480px;
    position:absolute;
    background:#f7fbff;
    z-index:999;
    margin-left:920px;
    margin-top:82px;
    padding: 0 38px;

}
.ftom form{
    width: 100%;
}
.ftom form select{
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    outline: none;
    margin-bottom: 13px;
    padding-left: 14px;
    font-size: 16px;
}
.ftom form h3{
    text-align: center;
    font-size: 22px;
    font-weight: bold;
    margin-top: 34px;
    margin-bottom: 20px;
}
.ftom form input[type=text]{
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    outline: none;
    margin-bottom: 13px;
    padding-left: 14px;
    font-size: 16px;
}
.ftom form .yzm input[type=text]{
    width: 180px;
    float: left;
    border: none;
    height: 38px;
}
.yzm{
    width: 100%;
    background: #fff;
    border: 1px solid #dcdcdc;
    height: 40px;
}
.yzm input[type=button]{
    float: left;
    width: 102px;
    border: none;
    outline: none;
    background: #fff;
    height: 16px;
    border-left: 1px solid #dcdcdc;
    line-height: 16px;
    margin-top: 11px;
    font-size: 14px;

}

.zzxk-part1{
    padding-bottom: 70px;
}
.zzxk-part2{
    width: 100%;
    background: #f5f6fb;
    overflow: hidden;
}
.help-list{
    margin-left: -12px;
    margin-top: 30px;
}
.help-list li{
    width: 311px;
    height: 198px;
    background: #fff;
    box-shadow: 0 0 10px #ddd;
    text-align: center;
    float: left;
    margin-left: 12px;
    margin-bottom: 12px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.help-list li a{

    display: inline-block;
    padding: 0 40px;
    margin-top: 50px;
    height: 40px;
    line-height: 40px;
    border: 1px solid #fff;
    font-size: 20px;
    font-weight: bold;
    border-radius: 20px;

}
.help-list li p{
    font-size: 14px;
    color: #666;
    margin-top: 10px;
}
.help-list li:hover{
    background: #1da4ca;
    color: #fff;
}
.help-list li:hover a{
    color: #fff;

}
.help-list li:hover p{
    color: #fff;
}
.doshiyo2{
    display: block;
    width: 444px;
    height: 56px;
    border: 1px solid #1da4ca;
    border-radius: 28px;
    margin: 45px auto 0;
    line-height: 54px;
    font-size: 20px;
    overflow: hidden;
    background: #fff;
}
.doshiyo2 .fl{
    width: 290px;
    padding-left: 28px;
    font-weight: bold;
}
.doshiyo2 .fr{
    width: 150px;
    background: #1da4ca;
    color: #fff;
    height: 100%;
    text-align: center;
}
.zzxk-part2{
    padding-bottom: 60px;
}
.zzxk-part3{
    width: 100%;
    height: 628px;
    background: url("../images/zzxk-part3-bg.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
}
.zzxk-part3 .in-tit{
    color: #fff;
}
.step-list{
    margin-top: 70px;
}
.step-list li{
    float: left;
    width: 173px;
    height: 173px;
    background: url("../images/step1.png") no-repeat center;
    margin: 0 70px;
    overflow: hidden;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.step-list li:hover{
    background: url("../images/step2.png") no-repeat center;
}
.step-list li div{
    width: 148px;
    height: 148px;
    background: #fff;
    border-radius: 50%;
    margin-left: 15px;
    margin-top: 10px;
    padding-top: 48px;
}
.step-list li div p{
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 6px;
}
.step-list li div span{
    font-size: 16px;
    color: #666;
}
.zzxk-part4{
    width: 100%;
    background: #f5f6fb;
    overflow: hidden;
    padding-bottom: 150px;
}
.youshi{
    margin-left: -18px;
    margin-top: 50px;
}
.youshi li{
    float: left;
    width: 306px;
    height: 187px;
    margin-left: 18px;
    text-align: center;
    color: #fff;
    position: relative;
}
.youshi li h3{
    font-size: 30px;
    font-weight: bold;
    margin-top: 52px;
}
.youshi li div{
    width: 284px;
    height: 104px;
    background: #1da4ca;
    position: absolute;
    left: 0;
    right: 0;
    top: 135px;
    margin: auto;
    line-height: 26px;
    font-size: 16px;
    padding-top: 10px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.youshi li:hover div{
    background: #6a70be;

}
.in-tit{
    text-align: center;
    margin-top: 80px;
}
.in-tit h2{
    font-size: 40px;
    font-weight: bold;
}
.in-tit p{
    font-size: 20px;
    margin-top: 5px;
}
.xkz-list{
    margin-top: 70px;
}
.xkz-list li{
    float: left;
    width: 366px;
    height: 196px;
    background: #eeeeee;
    text-align: center;
    padding-top: 150px;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 16px;
    position: relative;
    overflow: hidden;
}
.xkz-list li span{
    font-weight: bold;
    font-size: 20px;
}
.xkz-list li:nth-child(1){background: #eeeeee url("../images/xkz1.png") no-repeat top  center}
.xkz-list li:nth-child(2){background: #eeeeee url("../images/xkz2.png") no-repeat top  center}
.xkz-list li:nth-child(3){background: #eeeeee url("../images/xkz3.png") no-repeat top  center}
.xkz-list li:nth-child(4){background: #eeeeee url("../images/xkz4.png") no-repeat top  center}
.xkz-list li:nth-child(5){background: #eeeeee url("../images/xkz5.png") no-repeat top  center}
.xkz-list li:nth-child(6){background: #eeeeee url("../images/xkz6.png") no-repeat top  center}
.xkz-list li:nth-child(3n-1){
    margin-left: 91px;
    margin-right: 91px;
}
.xkz-list li a{
    display: block;
    width: 184px;
    height: 40px;
    background: #fff url("../images/mas.png") no-repeat left 40px top 13px;
    font-size: 18px;
    font-weight: bold;
    padding-left: 70px;
    text-align: left;
    line-height: 40px;
    margin: auto ;
    position: absolute;
    left: 0;
    right: 0;
    top: 77px;
    border-radius: 20px;
}
.xkz-list li div{
    width: 100%;
    height: 100%;
    position: absolute;
    background: rgba(29,164,202,0.8);
    top: 196px;
    left: 0;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.xkz-list li:hover div{
    top: 0;
}
.dljz-part5{
    padding-bottom: 60px;
}
.news-wrap{
    margin-top: 42px;
}
.l-news{
    width: 387px;
    height: 463px;
    background: url("../images/news-bg.jpg") no-repeat center;
    color: #fff;
    padding: 0 32px;
    overflow: hidden;
    float: left;
}
.l-news-tit{
    margin-top: 25px;
}
.l-news-tit span{
    float: left;
    font-size: 16px;
    font-weight: bold;
}
.l-news-tit a{
    float: right;
    font-size: 12px;
    color: #fff;
}
.l-news-tit a:hover{
    text-decoration: underline;
}
.l-news ul{
    margin-top: 35px;
}
.l-news ul li{
    margin-bottom: 40px;
}
.l-news ul li a{
    font-size: 16px;
    color: #fff;
    display: block;
    margin-bottom: 15px;


}
.l-news ul li a:hover{
    text-decoration: underline;
}
.n-date1{
    float: left;
    width: 62px;
    background: url("../images/time.png") no-repeat left center;
    padding-left: 22px;
    font-size: 14px;
    margin-right: 32px;
}
.n-view1{
    float: left;
    min-width: 70px;
    padding-left: 22px;
    background: url("../images/eye.png") no-repeat left center;
    font-size: 14px;
}
.r-news{
    width: 875px;
    height: 463px;
    float: right;
    box-shadow: 0 0 29px rgba(106,112,190,0.2);
    padding: 0 45px;
}
.news-list2 li{
    float: left;
    width: 380px;
    height: 40px;
    background: #e9eaf5;
    border-radius: 20px;
    margin-top: 16px;
}
.news-list2 li .icon{
    width: 40px;
    height: 40px;
    background: #6a70be url("../images/qm.png") no-repeat center;
    float: left;
    border-radius: 50%;

}
.news-list2 li a{
    display: block;
    float: left;
    width: 290px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 40px;
    font-size: 16px;
    margin-left: 15px;
}
.news-list2 li:nth-child(2n){
    float: right;
}
.news-2{


}
.news-2-l{
    width: 380px;
    float: left;

}
.news-hd{
    margin-bottom: 28px;
    margin-top: 10px;
}
.news-2-r{
    float: right;
    width: 380px;

}
.news-img{
    display: block;
    float: left;
}
.news-hd-r{
    float: right;
    width: 228px;

}
.news-hd-r a{
    font-size: 16px;
    line-height: 20px;
    height: 40px;
    overflow: hidden;
}
.news-hd-r p{
    font-size: 14px;
    margin-top: 28px;
}
.news-list{
    margin-top: 10px;
}
.news-list li{
    font-size: 14px;
    margin-bottom: 15px;
}
.news-list li a{
    display: block;
    float: left;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 300px;
}
.news-list li span{
    float: right;

}
.more-btn{
    display: block;
    width: 286px;
    height: 54px;
    color: #fff;
    background: #6a70be;
    border-radius: 27px;
    margin: 55px auto 0;
    text-align: center;
    box-shadow: 0 0 29px rgba(106,112,190,0.2);
    line-height: 54px;
    font-size: 20px;
}
.more-btn2{
    display: block;
    width: 286px;
    height: 54px;
    color: #fff;
    background: #ffa713;
    border-radius: 27px;
    margin: 55px auto 0;
    text-align: center;
    box-shadow: 0 0 29px rgba(255,167,19,0.9);
    line-height: 54px;
    font-size: 20px;
}
a.wna{
    display: inline-block;
    padding: 0 40px;
    height: 52px;
    line-height: 52px;
    color: #fff;
    background: #f39800;
    border-radius: 26px;
    font-size: 20px;
    margin-top: 30px;
}
.xlj-bg{
    width: 100%;
    padding-bottom: 80px;
    background: #edeef6;
    overflow: hidden;
}
.fuwu-list{
    margin-left: -22px;
    margin-top: 40px;
}
.fuwu-list li{
    float: left;
    text-align: center;
    background: #fff;
    width: 195px;
    height: 238px;
   margin-left: 22px;
    padding-top: 56px;
    box-shadow: 0 0 10px #ddd;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.fuwu-list li div{
    width: 88px;
    height: 88px;
    margin: 0 auto 20px;
}
.fuwu-list li p{
    font-size: 18px;
}
.fuwu-list li span{
    font-size: 12px;
    color: #999999;
}
.fuwu-list li:nth-child(1) div{background: url("../images/fuwu-icon1.png") no-repeat center;}
.fuwu-list li:nth-child(2) div{background: url("../images/fuwu-icon2.png") no-repeat center;}
.fuwu-list li:nth-child(3) div{background: url("../images/fuwu-icon3.png") no-repeat center;}
.fuwu-list li:nth-child(4) div{background: url("../images/fuwu-icon4.png") no-repeat center;}
.fuwu-list li:nth-child(5) div{background: url("../images/fuwu-icon5.png") no-repeat center;}
.fuwu-list li:nth-child(6) div{background: url("../images/fuwu-icon6.png") no-repeat center;}
.fuwu-list li:hover{
    margin-top: -5px;

}
.jinpai-list{
    margin-top: 70px;
}
.jinpai-list li{
    float: left;
    width: 25%;
    text-align: center;
    font-size: 18px;
}
.jinpai-list li div{
    width: 205px;
    height: 205px;
    border-radius: 50%;
    margin: 0 auto 40px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.jinpai-list li:hover div{
    box-shadow: 0 0 0 15px #f8f8f8;
}
.dljz-part1{
    padding-bottom: 70px;
}
.dljz-part2{
    background: #fafafa;
    width: 100%;
    padding-bottom: 90px;
    overflow: hidden;
}
.dljz-part3{
    padding-bottom: 90px;
}
.zhu{
    padding-left: 44px;
    color: #666;
    margin-top: 20px;
}
.ywlc-list{
    margin-top: 60px;
}
.ywlc-list li{
    width: 268px;
    float: left;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.ywlc-list li span{
    font-size: 16px;
    color: #c9c9c9;
    letter-spacing: 1px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.ywlc-list li h3{
    font-size: 18px;
    font-weight: normal;
    margin-top: 20px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.ywlc-list li p{
    color: #999999;
    padding: 0 50px;
    margin-top: 10px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.lc-border{
    margin: 25px 0 20px;
    width: 100%;
    position: relative;
    border-bottom: 1px solid #c9c9c9;
}
.lc-border i{
    display: block;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    bottom: -5px;
    width: 10px;
    height: 10px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
    border-radius: 50%;
    background: #c9c9c9;
    box-shadow: 0 0 0 3px #fff,0 0 0 4px #c9c9c9;
}
.ywlc-list li:hover{
    color: #3385ff;
}
.ywlc-list li:hover span{
    color: #3385ff;
}
.ywlc-list li:hover p{
    color: #3385ff;
}
.ywlc-list li:hover .lc-border i{
    background: #7288cd;
    box-shadow: 0 0 0 3px #fff,0 0 0 4px #7288cd;
}
.dljz-part4{
    width: 100%;
    background: #f6f6f6;
    overflow: hidden;
    padding-bottom: 90px;
}
.dljzhc{
    margin-left: -22px;
    margin-top: 40px;
}
.dljzhc li{
    float: left;
    width: 238px;
    margin-left: 22px;
}
.dljzhc li .hc-img{
    width: 100%;
    height: 166px;
    overflow: hidden;

}
.dljzhc li p{
    width: 100%;
    height: 164px;
    background: #fff;
    padding: 24px 20px 0;
    line-height: 26px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.dljzhc li:hover p{
    background: #7288cd;
    color: #fff;
}
.dljzhc li:hover img{
    transform: scale(1.1);
}
.bn-zx{
    display: block;
    width: 100%;
    height: 100%;
}
.in-tit2{
    text-align: center;
    margin-top: 80px;
}
.in-tit2 h2{
    font-size: 40px;
    font-weight: bold;
}
.in-tit2 h2 span{
    color: #ff9900;
}
.in-tit2 p{
    font-weight: lighter;
    font-size: 20px;
    color: #ccc;
    margin-top: 10px;
}
.bldx-li{
    width: 1001px;
    margin: 40px auto 0;
    border-top: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;

}
.bldx-li li{
    float: left;
    width: 250px;
    height: 138px;
    border-right: 1px solid #c9c9c9;
    border-bottom: 1px solid #c9c9c9;
    text-align: center;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.bldx-li li:hover{
    background: #eeeeee;
}
.bldx-li li div{
    width: 66px;
    height: 66px;
    margin: 25px auto 5px;

}
.bldx-li li:nth-child(1) div{background: url("../images/xkz-icon1.png") no-repeat center;}
.bldx-li li:nth-child(2) div{background: url("../images/xkz-icon2.png") no-repeat center;}
.bldx-li li:nth-child(3) div{background: url("../images/xkz-icon3.png") no-repeat center;}
.bldx-li li:nth-child(4) div{background: url("../images/xkz-icon4.png") no-repeat center;}
.bldx-li li:nth-child(5) div{background: url("../images/xkz-icon5.png") no-repeat center;}
.bldx-li li:nth-child(6) div{background: url("../images/xkz-icon6.png") no-repeat center;}
.bldx-li li:nth-child(7) div{background: url("../images/xkz-icon7.png") no-repeat center;}
.bldx-li li:nth-child(8) {background: #6a70be;color: #fff;}
.bldx-li li p{
    font-size: 20px;
    font-weight: bold;
    margin: 40px 0 10px;
}
.bldx-li li a{
    font-size: 16px;
    color: #fff;
}
.bldx-li li a:hover{
    text-decoration: underline;
}
.xkz-part1{
    padding-bottom: 120px;
}
.xkz-part2{
    width: 100%;
    background: url("../images/xkz-bg1.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding-bottom: 60px;
}
.xkz-part2 .in-tit2{
    color: #fff;
}
.xkz-part2 .in-tit2 p{
    color: #fff;
}
.ckx-fl{
    margin: 50px auto 0;
    width: 1038px;
}
.ckx-fl li{
    float: left;
    width: 312px;
    height: 134px;
    background: rgba(255,255,255,0.8);
    text-align: center;
    font-size: 16px;
    margin: 0 17px 26px;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.ckx-fl li:hover{
    background: rgba(255,255,255,1);
}
.ckx-fl li div{
    width: 62px;
    height: 62px;
    margin: 30px auto 0;
}
.ckx-fl li:nth-child(1) div{background: url("../images/xkzfl1.png") no-repeat center;}
.ckx-fl li:nth-child(2) div{background: url("../images/xkzfl2.png") no-repeat center;}
.ckx-fl li:nth-child(3) div{background: url("../images/xkzfl3.png") no-repeat center;}
.ckx-fl li:nth-child(4) div{background: url("../images/xkzfl4.png") no-repeat center;}
.ckx-fl li:nth-child(5) div{background: url("../images/xkzfl5.png") no-repeat center;}
.ckx-fl li:nth-child(6) div{background: url("../images/xkzfl6.png") no-repeat center;}
.xkz-part3{
    width: 100%;
    overflow: hidden;
    background: #eeeeee;
    padding-bottom: 80px;
}
.sxcl-li{
    margin-top: 80px;
}
.sxcl-li li{
    float: left;
    width: 33.3333%;
    padding: 0 10px;
    margin-bottom: 68px;
    height: 80px;
}
.sxcl-li li div{
    width: 54px;
    height: 54px;
    float: left;
    margin-top: 13px;
    margin-right: 20px;
}
.sxcl-li li:nth-child(1) div{background: url("../images/xkzsp.png") no-repeat 0 0;}
.sxcl-li li:nth-child(2) div{background: url("../images/xkzsp.png") no-repeat 0 -54px;}
.sxcl-li li:nth-child(3) div{background: url("../images/xkzsp.png") no-repeat 0 -108px;}
.sxcl-li li:nth-child(4) div{background: url("../images/xkzsp.png") no-repeat 0 -162px;}
.sxcl-li li:nth-child(5) div{background: url("../images/xkzsp.png") no-repeat 0 -216px;}
.sxcl-li li:nth-child(6) div{background: url("../images/xkzsp.png") no-repeat 0 -270px;}
.sxcl-li li p{
    line-height: 30px;
    font-size: 20px;
    font-weight: lighter;
    margin-top: 8px;
}
.sxcl-li li:nth-child(4) p{margin-top: 25px;}
.sxcl-li li:nth-child(6) p{margin-top: 25px;}
.sxcl-li li:hover div{
    background-position-x: -54px;
}
.dhhm{
    margin-top: 30px;
}
.bn-zx2{
    display: block;
    width: 228px;
    height: 50px;
    border-radius: 25px;
    position: absolute;
    left: 0;
    bottom: 134px;
}
.kk{
    width: 1280px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    height: 100%;
}
.bn-form{
    width: 358px;
    height: 445px;
    position: absolute;
    right: 0;
    background: #f6f6fe;
    top: 36px;
    padding: 50px 38px 0;
}
.bn-form h3{
    font-size: 20px;
    text-align: center;
    font-weight: normal;
    color: #de942c;
    margin-bottom: 20px;
}
.bn-row{
    margin-bottom: 15px;
}
.bn-row2{
    margin-bottom: 7px;

}
.bn-form select{
    width: 100%;
    height: 40px;
    border: 1px solid #eda846;
    padding-left: 15px;
    outline: none;
}
.bn-form select option{
    border: none;
}
.l-inp{
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    outline: none;
    padding-left: 15px;
}
.yzm-row{
    width: 100%;
    height: 40px;
    border: 1px solid #dcdcdc;
    background: #fff;
    line-height: 38px;
}
.yzm-row input{
    float: left;
    width: 170px;
    margin-right: 8px;
    height: 36px;
    border: none;
    outline: none;
    padding-left: 15px;
}
.yzm-row a{
    display: block;
    height: 16px;
    border-left: 1px solid #dcdcdc;
    float: left;
    line-height: 16px;
    margin-top: 11px;
    padding-left: 15px;
}
.yy-btn{
    width: 100%;
    height: 46px;
    color: #fff;
    background: #eda846;
    font-size: 18px;
    border: none;
    outline: none;
}
.bn-form p{
    font-size: 12px;
    color: #999999;
}
.qyzx-part1{
    padding-top: 140px;
}
.qyzx-part2{
    width: 100%;
    background: #f6f6f6;
    padding-top: 86px;
}
.bn-form .bn-row2 select{
    width: 135px;

}


.dyn{
    margin-top: 60px;
    margin-bottom: -30px;
}
.qyzx-part3{
    width: 100%;
    background: #dedeef;
    overflow: hidden;
    padding-bottom: 100px;
}
.gszx-lc{
    margin-top: 55px;
    margin-left: -28px;
}
.gszx-lc li{
    float: left;
    width: 299px;
    height: 326px;
    text-align: center;
    overflow: hidden;
    margin-left: 28px;
    box-shadow: 0 0 15px #ccc;
}
.gszx-lc li p{
    margin-top: 214px;
    font-size: 20px;
    font-weight: bold;
}
.gszx-lc li a{
    display: block;
    width: 186px;
    height: 40px;
    border-radius: 20px;
    line-height: 40px;
    background: #bec0e2;
    color: #fff;
    font-size: 16px;
    margin: 10px auto 0 ;
}
.gszx-lc li a:hover{
    background: #ffa713;
}
.qyzx-part4{
    padding: 120px 0 110px;
}
.qyzx-part3-l{
    width: 388px;
    float: left;
}
.qyzx-part3-l h3{
    font-weight: bold;
    font-size: 36px;
}
.qyzx-part3-l ul{
    margin-top: 40px;
}
.qyzx-part3-l ul li{
    width: 100%;
    height: 50px;
    border-radius: 25px;
    background: #eff0f6;
    font-size: 20px;
    margin-bottom: 10px;
}
.qyzx-part3-l ul li div{
    float: left;
    width: 32px;
    height: 32px;
    text-align: center;
    line-height: 32px;
    color: #454ca2;
    border-radius: 50%;
    margin-top: 10px;
    margin-left: 12px;
    margin-right: 20px;
    font-weight: bold;
    background: #ffffff;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.qyzx-part3-l ul li span{
    line-height: 50px;
}
.qyzx-part3-l ul li:hover div{
    color: #fff;
    background: #454ca2;
}
.qyzx-part3-r{
    width: 801px;
    float: right;
}
.qyzx-part3-r h3{
    font-weight: bold;
    font-size: 36px;
    padding-left: 25px;
}
.qyzx-part3-r img{
    margin-top: 52px;
}
.qyzx-part3-r .mfzx{
    float: right;
    margin: 68px 0 0;
}
.mfzx{
    width: 384px;
    height: 52px;
    color: #fff;
    background: #ffa713;
    text-align: center;
    line-height: 52px;
    font-size: 24px;
    font-weight: bold;
    margin: 68px auto 90px;
    border-radius: 26px;
    box-shadow: 0 2px 20px #ffa713;
}
.qyzx-part5{
    width: 100%;
    background: #f5f6fb;
    overflow: hidden;
    height: 580px;
}
.jigou{
    margin-left: -31px;
    margin-top: 60px;
}
.jigou li{
    float: left;
    background: linear-gradient(135deg,#fbbf65,#f0a330);
    width: 156px;
    height: 156px;
    border-radius: 20px;
    text-align: center;
    color: #fff;
    font-size: 18px;
    font-weight: bold;
    margin-left: 31px;
}
.jigou li div{
    width: 82px;
    height: 82px;
    margin: 20px auto 0;
}
.uni-link2{
    display: inline-block;
    margin: 80px auto 0;
    height: 54px;
    line-height: 54px;
    padding: 0 70px;
    color: #fff;
    background: #454ca2;
    font-size: 24px;
    border-radius: 27px;
    box-shadow: 0 2px 20px rgba(69,76,162,0.8) ;
}
.qyzx-part6{
    width: 100%;
    height: 393px;
    background: url("../images/qyzx-part5.jpg") no-repeat center;
    background-size: cover;
    overflow: hidden;
    padding-top: 64px;
}
.ljzx{
    display: block;
    width: 234px;
    height: 44px;
    line-height: 42px;
    color: #fff;
    text-align: center;
    background: #f5c148;
    border-radius: 24px;
    position: absolute;
    right: 10px;
    top: 50px;
    font-weight: bold;
    font-size: 20px;
    z-index: 999;
}
.ljzx:hover{
    background: #f1b134;
    color: #fff;
}

.piaofu{
    width: 180px;
    height: 449px;
    background: url("../images/piaofu.png") no-repeat center;
    position: fixed;
    left: 0;
    top: 50%;
    margin-top: -225px;
    z-index: 999;
    -webkit-transition: all 0.2s ease;  -moz-transition:  all 0.2s ease;transition:  all 0.2s ease;
}
.piaofu ul{
    width: 76px;
    margin-left: 54px;
    margin-top: 165px;
}
.piaofu ul li{
    text-align: center;

    font-size: 16px;
    line-height: 40px;
}
.piaofu ul li a{
    color: #fff;
}
.zhankai{
    width: 25px;
    height: 86px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 197px ;
    line-height: 22px;
    text-align: center;
    padding-top: 15px;
    padding-right: 2px;
    cursor: pointer;
    background: url("../images/zhankai.png") no-repeat bottom 15px left 8px;
    display: none;
}
.shouqi{
    width: 25px;
    height: 86px;
    color: #fff;
    position: absolute;
    right: 0;
    top: 197px ;
    line-height: 22px;
    text-align: center;
    padding-top: 15px;
    padding-right: 2px;
    cursor: pointer;
    background: url("../images/shouqi.png") no-repeat bottom 15px left 8px;
}


















.layout{flex:1;flex:auto\9}
.clearfix:after,.clearfix:before{display:table;content:" "}
.clearfix:after{clear:both;visibility:hidden;height:0;line-height:0}
.floatleft{float:left}
.floatright{float:right}
.text-center{text-align:center!important}
.text-left{text-align:left!important}
.text-right{text-align:right!important}
/* .container{margin:0 auto;width:1180px;height:auto} */
.hidden{display:none}
.w-auto{width:auto!important}
.greyf5f5f5{background:#f5f5f5}
.bg-f8 {background-color: #f8f8f8}
.bg-white{background-color:#fff}
.border-t-g{border-top:1px solid #e0e0e0}
.border-b-g{border-bottom:1px solid #e0e0e0}
.border-t-dashed-e0e0e0{border-top:1px dashed #e0e0e0}
.border-b-dashed-e0e0e0{border-bottom:1px dashed #e0e0e0}
.border-t-none{border-top:none!important}
.border-b-none{border-bottom:none!important}
.line-through{text-decoration:line-through}
.overflow-hidden{overflow:hidden}
.color-red{color:#e85555!important}
.color-blue{color:#007bc7!important}
.color-green{color:#64d936!important}
.color-warn{color:#f6a240!important}
.relative{position:relative!important}
.p-a{position:absolute;width:120%}
.n-m-t{margin-top:0!important}
.n-m-l{margin-left:0!important}
.m-r-0{margin-right:0!important}
.m-r-70{margin-right:80px!important}
.m-r-40{margin-right:40px!important}
.m-r-30{margin-right:30px!important}
.m-r-20{margin-right:20px!important}
.m-r-10{margin-right:10px!important}
.m-t-20{margin-top:20px!important}
.m-t-30{margin-top:30px!important}
.m-t-40{margin-top:40px!important}
.m-b-0{margin-bottom:0!important}
.m-b-10{margin-bottom:10px!important}
.m-b-20{margin-bottom:20px!important}
.m-b-22{margin-bottom:22px!important}
.m-b-40{margin-bottom:40px!important}
.m-b-27{margin-bottom:27px!important}
.m-b-30{margin-bottom:30px!important}
.m-b-53{margin-bottom:53px!important}
.m-b-90{margin-bottom:90px!important}
.m-36-0{margin-top:36px!important;margin-bottom:36px!important}
.m-l-5{margin-left:5px!important}
.m-l-15{margin-left:15px!important}
.p-r-10{padding-right:10px!important}
.p-t-10{padding-top:10px!important}
.p-t-30{padding-top:30px!important}
.p-t-40{padding-top:40px!important}
.p-t-60{padding-top:60px!important}
.p-b-90{padding-bottom:90px!important}
.p-0{padding:0!important}
.top-header{height:30px;background-color:#fff;color:#666;border-bottom:1px solid #eceff0;}
.top-header .arrow{margin-left:16px;width:10px;background-position:0 -891px;-webkit-transition:transform .1s ease-in 0s;-moz-transition:transform .1s ease-in 0s;-o-transition:transform .1s ease-in 0s;transition:transform .1s ease-in 0s;-ms-transition:transform .1s ease-in 0s}
.top-header i{display:inline-block;height:16px;background:url(../images/index2.png) no-repeat scroll left 0}
.top-header .nav-location{position:relative;height:30px;line-height:30px}
.top-header .nav-location .locatin-icon{display:inline-block;padding:0 20px 0 38px;border-right:1px solid #eceff0;border-left:none;background:url(../images/locationicon2.png) 20px 2px no-repeat;color:#666;line-height:16px}
.top-header .nav-location:hover .locatin-icon{border:none;background-position:20px -16px;color:#007bc7}
.top-header .nav-location:hover .arrow{background-position:-59px -891px;-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);-ms-transform:rotate(180deg)}
.top-header .nav-menu li{display:inline-block;height:30px;line-height:30px}
.top-header .nav-menu li a{padding:0 20px;color:#666;border-right:1px solid #eceff0;}
.top-header .nav-menu li a:hover{color:#177acf}
.main-header{background-color:#fff}
/*百度logo合作*/
.main-header h2 {margin:20px 0;}
.main-header h2 img{height: 56px;}
/*百度logo合作*/
.main-header h1{margin:27px 0 21px;}
/*.main-header h1 a{display:block;overflow:hidden;width:299px;height:32px;background:url(../images/logo_510.png) 0 0 no-repeat;text-indent:-9999px}
.main-header h1 a.company {background-image:url(../images/logo_company.png);}
.main-header h1 a.trademark {background-image:url(../images/logo_trademark.png);}*/
.main-header h1 img{overflow:hidden;width:299px;height:32px;text-indent:-9999px}
.main-header .logo-sub{float:left;margin:26px 0 0 20px;padding-left:20px;width:300px;height:32px;border-left:1px solid #999;color:#999;font-size:14px;line-height:32px}
.main-header .step{margin-top:30px;border-radius:10px}
.main-header .step ul li{position:relative;float:left;width:160px;height:5px;background-color:#ccc;color:#ccc}
.main-header .step ul li.step-start{border-radius:10px 0 0 10px}
.main-header .step ul li.step-end{border-radius:0 10px 10px 0}
.main-header .step ul li .step-num{position:absolute;left:50%;margin:-9px 0 0 -10px;width:20px;height:20px;border-radius:50%;background:url(../images/circle-3.png) no-repeat\9;background-color:#ccc;background-color:transparent\9;color:#fff;text-align:center;font-weight:700;line-height:20px}
.main-header .step ul li .step-text{position:absolute;top:15px;width:100%;text-align:center}
.main-header .step ul li.done{background-color:#b2e7df;color:#b2e7df}
.main-header .step ul li.done .step-num{background:url(../../s/images/circle-1.png) no-repeat\9;background-color:#b2e7df;background-color:transparent\9}
.main-header .step ul li.doing{background-color:#00b095;color:#00b095}
.main-header .step ul li.doing .step-num{background:url(../../s/images/circle-2.png) no-repeat\9;background-color:#00b095;background-color:transparent\9}
.main-header .nav-sub{position:relative}
.main-header .nav-sub>a{float:left;display:inline-block;width:220px;height:40px;background:#00c9ff url(../../s/images/navicon_new_427.png) 40px 14px no-repeat;color:#fff;text-align:center;font-size:15px;line-height:40px;cursor:default}
.main-header .navs{width:870px}
.main-header .navs>a{position:relative;float:right;display:inline-block;margin:0 5px;padding:0 10px;height:40px;color:#575757;font-size:16px;line-height:40px}
.main-header .navs>a:hover{color:#00c9ff;}
.main-header .navs>a.active{color:#00c9ff;}
.main-header .navs span{padding-left:22px;height:40px;background:url(../../s/images/navicon_new.png) 0 -22px no-repeat;color:#666;font-weight:700;font-size:14px;font-family:"Microsoft Yahei";line-height:40px;margin-left: 20px;}
.main-header .navs .hot-new{position:absolute;top:-4px;right:-20px;max-width:100%;vertical-align:middle}
.main-header .navs .hot-new.hot-new-old{right:0px;}




.main-header .nav-sub{width:220px}
.nav-sub .nav-list{position:absolute;top:40px;left:0;width:1180px;height:438px}
.nav-sub .nav-list .nav{position:absolute;top:1px;left:0;z-index:10;float:left;width:220px;background:url(../../s/images/navbg.png) repeat scroll center center}
.nav-sub .nav-list .nav ul li{position:relative;float:left;width:100%;height:73px;border-top:1px solid rgba(255,255,255,.2);line-height:71px;background:#616161;cursor:default!important}
.nav-sub .nav-list .nav ul li.active{/* border-bottom:1px solid #007bc7;border-left:1px solid #007bc7; */background-color:#fff}
.nav-sub .nav-list .nav ul li.active h4{color:#666}
.nav-sub .nav-list .nav ul li>h4{display:inline-block;color:#fff;font-weight:400;font-size:16px;cursor:default}
.nav-sub .nav-list .nav ul li>.right-arrow{position:absolute;top:50%;right:19px;display:inline-block;margin-top:-4.5px;width:6px;height:9px;background:url(../../s/images/index.png) no-repeat scroll left 0;background-position:-87px -1193px}
.nav-sub .nav-list .nav ul li.active>.right-arrow{background-position:-118px -1193px;background: url(../../s/images/index-1.png);background-size: cover;}
.nav-sub .nav-list .nav ul li>.icon-1,.nav-sub .nav-list .nav ul li>.icon-2,.nav-sub .nav-list .nav ul li>.icon-3,.nav-sub .nav-list .nav ul li>.icon-4,.nav-sub .nav-list .nav ul li>.icon-5,.nav-sub .nav-list .nav ul li>.icon-6{display:inline-block;margin:14px 16px 19px 33px;width:20px;height:24px;vertical-align:middle}
.nav-sub .nav-list .nav ul li>.icon-1{width:27px;height:27px;background:url(../../s/images/icon-1.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li>.icon-2{width:27px;height:27px;background:url(../../s/images/icon-2.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li>.icon-3{width:27px;height:27px;background:url(../../s/images/icon-3.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li>.icon-4{width:27px;height:27px;background:url(../../s/images/icon-4.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li>.icon-5{width:27px;height:27px;background:url(../../s/images/icon-5.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li>.icon-6{width:27px;height:27px;background:url(../../s/images/icon-6.png) no-repeat scroll left 0;background-position:-9px -8px}
.nav-sub .nav-list .nav ul li.active>.icon-1{background-image:url(../../s/images/icon-1-0.png)}
.nav-sub .nav-list .nav ul li.active>.icon-2{background-image:url(../../s/images/icon-2-0.png)}
.nav-sub .nav-list .nav ul li.active>.icon-3{background-image:url(../../s/images/icon-3-0.png)}
.nav-sub .nav-list .nav ul li.active>.icon-4{background-image:url(../../s/images/icon-4-0.png)}
.nav-sub .nav-list .nav ul li.active>.icon-5{background-image:url(../../s/images/icon-5-0.png)}
.nav-sub .nav-list .nav ul li.active>.icon-6{background-image:url(../../s/images/icon-6-0.png)}
.nav-sub .nav-list .nav-content{position:absolute;top:1px;left:220px;z-index:10;width:960px;height:438px;border-right:1px solid #007bc7;border-bottom:1px solid #007bc7;background:#fff}
.nav-sub .nav-list .nav-content .nav-content-item{padding-top:40px;width:660px}
.nav-sub .nav-list .nav-content .nav-content-item>li{float: left;
    width: 100%;
    height: auto;
    line-height: initial;
    padding: 0;}
.nav-sub .nav-list .nav-content .nav-content-item>li>a{float:left;margin-right:20px;color:#575757;font-size:14px;line-height:2}
.nav-sub .nav-list .nav-content .nav-content-item>li>div{float:left;padding:25px 0;width:475px;border-top:1px solid #eaeaea}
.nav-sub .nav-list .nav-content .nav-content-item.li-thin>li>div{padding:15px 0}
.nav-sub .nav-list .nav-content .nav-content-item a{float: left;
    margin-right: 27px;
    color: #666;
    font-size: 14px;
    line-height: 2.5;
    display: inherit;
    width: auto;
    height: auto;
    text-align: inherit;}
.nav-sub .nav-list .nav-content .nav-content-item a:hover{color:#007bc7;background: no-repeat;}
.nav-sub .nav-list .nav-content .nav-content-item h5{float:left;margin-top:27px;margin-left:47px;width:112px;color:#666;font-weight:700;font-size:16px;line-height:30px}
.nav-sub .nav-list .nav-content .nav-content-item.li-thin h5{margin-top:16px}
.nav-sub .nav-list .nav-content .nav-content-item h5:hover{color:#007bc7}
.nav-sub .nav-list .nav-content .nav-content-item .active{color:#e85555}
.nav-sub .nav-list .nav-content .nav-content-item .nav-one{border-top:none}
.nav-sub .nav-list .nav-content .nav-img-wrap{margin-top:83px}
.nav-sub .nav-list .nav-content .nav-content-item-2{padding-top:18px;height:437px;background:url(../../s/images/navbg.jpg) no-repeat scroll right bottom}
.nav-sub .nav-list .nav-content .nav-content-item-2>li>div{padding:18px 0}
.nav-sub .nav-list .nav-content .tool>li>div{padding:9px 0!important}
.nav-sub .nav-list .nav-content .nav-content-item-2 h5{float:left;margin-top:22px;margin-left:10px;width:112px;color:#666;text-align:center;font-weight:700;font-size:16px;line-height:30px}
.nav-sub .nav-list .nav-content .nav-img-wrap-2{overflow:hidden;width:298px;height:437px;border-left:1px solid #e8e8e8}
.nav-sub .nav-list .nav-content .nav-img-wrap-2>ul{width:100%}
.nav-sub .nav-list .nav-content .nav-img-wrap-2 li{position:relative;width:100%;height:146px;border-top:1px solid #e8e8e8;text-align:center}
.nav-sub .nav-list .nav-content .nav-img-wrap-2 li>a{display:block;width:100%;height:100%;background:none;}
.nav-sub .nav-list .nav-content .nav-img-wrap-2 li>a img{max-width:100%;vertical-align:middle}
.lunhuan a{position:absolute;z-index:2;display:block;width:100%;height:100%}
.indexFirst{position:relative;height:438px}
.lunhuan{position:relative;width:100%;height:438px}
.lunhuancenter li{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%}
.lunhuan #lunhuanback{position:absolute;top:0;left:0;overflow:hidden;width:100%;height:438px}
.lunhuan #lunhuanback p{position:absolute;top:0;left:0;width:100%;height:438px;opacity:0;filter:alpha(opacity=0)}
.lunhuan #lunhuanback p.lunhuanback{background:url(../../s/images/6.jpg) no-repeat scroll center center}
.lunhuan #lunhuanback p.lunhuanback0{background:url(../../s/images/0.jpg) no-repeat scroll center center}
.lunhuan #lunhuanback p.lunhuanback1{background:url(../../s/images/1.jpg) no-repeat scroll center center}
.lunhuan #lunhuanback p.lunhuanback2{background:url(../../s/images/2.jpg) no-repeat scroll center center}
.lunhuan #lunhuanback p.lunhuanback3{background:url(../../s/images/3.jpg) no-repeat scroll center center}
.lunhuan #lunhuanback p.lunhuanback4{background:url(../../s/images/7.jpg) no-repeat scroll center center}
.lunhuan .lunhuan_main{position:relative;margin:0 auto;width:1180px;height:438px}
#lunbonum{position:absolute;right:20px;bottom:27px;z-index:5;height:14px;line-height:23px}
#lunbonum li{float:left;margin-left:5px;width:12px;height:12px;cursor:pointer;border:2px solid #fafeff;}
#lunbonum .lunboone,#lunbonum li:hover{background:#fff;cursor:pointer;width:38px;border-radius: 8px;}