/*--------------------------------------------------
    project:ADS8.com
    producer:Chan.
    date:2018-5-10
--------------------------------------------------*/




/*
    初始化
*/
body{margin: 0;padding: 0; width:100%; font-family: 'Microsoft YaHei',Arial,serif,Helvetica;background: #eef3f5;}
h1,h2,h3,h4,h5,h6,ul,ol,li,p,figure{list-style: none; padding: 0; margin: 0;}



/*swiper-no-swiping*/

/*--------------------------------------------------
    组件
--------------------------------------------------*/


/*
    container
*/
.container{width: 1200px;padding: 0;}

#menu{display: none;}
.menu-area .logo{line-height: 50px;top: 0;display: none;}
#mb-menu .menu-button{display: none;}



/*
    header-banner
*/
.header-banner{position: relative;}


/*
    header
*/
.header{background: rgba(0,0,0,.4);width: 100%;height: 80px;position: fixed;top: 0;left: 0;text-align: center;z-index: 999;}
.logo{float: left;line-height: 80px;}

.menu{display: block;float: right;}
.menu>li{float: left;line-height: 80px;position: relative;}
.menu>li>a{padding: 0 36px;display: block;font-size: 16px;color: #fff;text-decoration: none;line-height: 80px;}

.menu .active>a{color: #3ab0ff;}
.menu .active .line{width: 100%;height: 2px;background: #3ab0ff;position: absolute;left: 0;bottom: 0;}

.menu>li>a:hover{color: #3ab0ff;}
.menu>li:hover .sub-menu{display: block;}

.sub-menu{display: none;position: absolute;left: 0;top: 80px;text-align: left;background: rgba(0,0,0,.5);transition: .2s;}
.sub-menu li{width: 160px;height: 40px;line-height: 40px;}
.sub-menu li a{padding-left: 15px;text-decoration: none;color: #fff;display: block;font-size: 14px;}
.sub-menu li a:hover{background: rgba(58,176,255,.7);}

.log-res{float: right;padding-top: 25px;display: none;}
.log-res li{float: left;width: 80px;height: 30px;border-radius: 15px;margin-left: 15px;}
.log-res a{text-decoration: none;display: block;line-height: 30px;font-size: 14px;color: #fff;}
.log-res .register{background: #ff9900;}
.log-res .login{background: #3ab0ff;}
.log-res li:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);}


/*
    index-banner
*/
#index-banner .swiper-slide{width: 100%;height: 640px;z-index: 0;background-size: cover;}
#index-banner .container{width: 1100px;padding-top: 260px;}
#index-banner .left-con{float: left;}
#index-banner figure{float: right;}
#index-banner h3{font-size: 20px;color: #fff;margin-bottom: 20px;}
#index-banner h4{font-size: 28px;color: #fff;margin-bottom: 20px;}
#index-banner p{font-size: 14px;color: #fff;margin-bottom: 15px;}

#index-banner .slide-1 h3{font-size: 24px;margin-bottom: 20px;margin-top: 20px;}
#index-banner .slide-1 h4{font-size: 36px;margin-bottom: 30px;}

#index-banner .slide-2 h3{font-size: 24px;margin-bottom: 20px;margin-top: 10px;}
#index-banner .slide-2 h4{font-size: 36px;margin-bottom: 30px;}

#index-banner .slide-3 h3{font-size: 22px;margin-top: 40px;}
#index-banner .slide-3 h4{font-size: 32px;margin-bottom: 30px;}


#index-banner .line{width: 40px;height: 2px;background: #3ab0ff;display: block;}

#banner-button{width: 80px;height: 80px;border-radius: 100%;display: block;position: absolute;left: 50%;bottom: -40px;margin-left: -40px;text-decoration: none;background: #3ab0ff;text-align: center;line-height: 80px;transition: .3s;z-index: 99;}
#banner-button i{font-size: 40px;color: #fff;}
#banner-button:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


/*
    index-pro-ser
*/
.index-pro-ser{padding: 80px 0;text-align: center;}
.index-pro-ser h1{font-size: 30px;color: #333;margin-bottom: 55px;text-align: center;}

.index-pro-ser .row{margin: 0 -30px;text-align: left;margin-bottom: 75px;}
.index-pro-ser .list{padding: 0 30px;position: relative;top: 15px;}
.index-pro-ser .row a{text-decoration: none;display: block;position: relative;top: 0;transition: .3s;}

.index-pro-ser .row a:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);position: relative;top: -3px;transition: .3s;}
.index-pro-ser .list:hover .hover{transition: .3s;opacity: 1;}
.index-pro-ser .list:hover .name{background: none;transition: .3s;}

.index-pro-ser figure{position: relative;}
.index-pro-ser .hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,.5);transition: .3s;opacity: 0;}
.index-pro-ser .hover i{display: block;font-size: 70px;color: #fff;position: absolute;left: 50%;top: 50%;margin-left: -35px;margin-top: -50px;}
.index-pro-ser .name{font-size: 14px;color: #fff;position: absolute;left: 0;bottom: 0;width: 100%;height: 36px;background: rgba(0,0,0,.5);line-height: 36px;padding-left: 20px;transition: .3s;}

.index-pro-ser .con{background: #fff;padding: 20px;overflow: hidden;}
.index-pro-ser .con h6{font-size: 16px;color: #3ab0ff;margin-bottom: 20px;}
.index-pro-ser .con p{font-size: 14px;color: #666666;line-height: 24px;height: 70px;}
.index-pro-ser .con span{font-size: 14px;color: #b0b0b0;float: right;}

.index-pro-ser .more{width: 120px;height: 40px;display: inline-block;background: #3ab0ff;line-height: 40px;border-radius: 20px;font-size: 14px;color: #fff;text-decoration: none;transition: .3s;}
.index-pro-ser .more:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


/*
    news-about
*/
.news-about{background: url("../../../images/service/new_ads8/index-ab.jpg") no-repeat;width: 100%;height: 435px;background-size: cover;background-position: center center;padding: 60px 0;}
.news-about h5{font-size: 30px;color: #fff;margin-bottom: 40px;}

.news-about .news{position: relative;width: 50%;float: left;}
.news-about .news-list{}
.news-about .news-list li{max-width: 450px;height: 40px;line-height: 40px;}
.news-about .news-list a{font-size: 14px;color: #eee;text-decoration: none;display: block;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.news-about .news-list a:before{content: '';width: 8px;height: 8px;background: #eee;border-radius: 100%;display: inline-block;margin-right: 10px;}
.news-about .news-list li:hover a{color: #3ab0ff;}
.news-about .news-list li:hover a:before{background: #3ab0ff;}

.news-about .more{font-size: 14px;color: #eee;position: absolute;right: 0;top: 0;text-decoration: none;}
.news-about .more:hover{color: #3ab0ff;}
.news-about .news .more{right: 40px;}

.news-about .about{float: right;width: 560px;}
.news-about .about figure{width: 240px;float: left;}
.news-about .about img{width: 100%;}
.news-about .about .con{overflow: hidden;margin-bottom: 20px;}
.news-about .about p{font-size: 14px;color: #eef3f5;line-height: 24px;}
.news-about .about .con p{float: right;width: 300px;}
.news-about .about span{color: #3ab0ff;}


/*
    index-partner
*/
.index-partner{padding: 60px 0 80px;position: relative;width: 1320px;margin: 0 auto;}
.index-partner h1{font-size: 30px;color: #333;text-align: center;margin-bottom: 50px;}
#index-partner{width: 1200px;}

.index-partner .swiper-button-prev{background: none;left: -30px;margin-top: -15px;}
.index-partner .swiper-button-next{background: none;right: 0;margin-top: -15px;}
.index-partner i{font-size: 60px;}


/*
    footer
*/
.footer-con{background: #333;padding: 60px 0;overflow: hidden;}
.footer-con h6{font-size: 20px;color: #fff;margin-bottom: 35px;}
.footer-con .left-con{overflow: hidden;float: left;}
.footer-con .list{float: left;max-width: 300px;margin-right: 160px;}
.footer-con .list:last-child{margin-right: 0;}
.footer-con .list p{color: #3ab0ff;font-size: 20px;margin-bottom: 5px;}
.footer-con .list i{margin-right: 10px;font-size: 20px;}

.footer-menu li{margin-bottom: 20px;}
.footer-menu li:last-child{margin-bottom: 0;}
.footer-menu a{color: #ccc;text-decoration: none;font-size: 14px;}
.footer-menu a:hover{color: #3ab0ff;}

.footer-con .infor li{font-size: 14px;color: #ccc;line-height: 40px;}
.footer-con .infor a{color: #ccc;text-decoration: none;}
.footer-con .infor a:hover{color: #3ab0ff;}

.footer-con .right-con{float: right;border-left: solid 1px rgba(255,255,255,.1);padding: 0 60px 20px 100px;text-align: center;}
.footer-con .code-list{text-align: center;}
.footer-con .code-list li{float: left;color: #ccc;font-size: 14px;margin-right: 25px;}
.footer-con .code-list li:last-child{margin-right: 0;}
.footer-con .code-list img{margin-bottom: 15px;}

.copy{background: #222;height: 50px;line-height: 50px;color: #999;text-align: center;font-size: 12px;}


/*
    top
*/
#return{width: 50px;height: 50px;background: #3ab0ff;border-radius: 100%;text-decoration: none;text-align: center;line-height: 50px;display: block;position: fixed;right: 50px;bottom: 100px;transition: .3s;}
#return i{font-size: 40px;color: #fff;}
#return:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


/*
    page-banner
*/
.page-banner{background: url("../../../images/service/new_ads8/page-banner.jpg") no-repeat;width: 100%;height: 480px;background-size: cover;padding-top: 80px;}
.page-banner h1{font-size: 36px;color: #fff;text-align: center;line-height: 400px;}


/*
    product-service
*/
.product-service{padding: 60px 0 120px;width: 1300px;margin: 0 auto;position: relative;}
.product-service h1{font-size: 30px;color: #333;text-align: center;margin-bottom: 60px;}

#product-service{width: 1200px;padding:  10px;}
#product-service figure{position: relative;overflow: hidden;}
#product-service .name{width: 100%;height: 36px;background: rgba(0,0,0,.5);position: absolute;left: 0;bottom: 0;font-size: 14px;color: #fff;line-height: 36px;padding-left: 15px;}
#product-service .hover{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(42,165,255,.9);opacity: 0;}
#product-service .hover h6{text-align: center;line-height: 180px;color: #fff;}
#product-service .arrow{position: absolute;right: 0;bottom: 0;}

#product-service a{text-decoration: none;display: block;transition: .3s;}
#product-service .con{background: #fff;padding: 15px;overflow: hidden;}
#product-service .con h6{font-size: 16px;color: #3ab0ff;margin-bottom: 20px;}
#product-service .con p{font-size: 14px;color: #666666;line-height: 24px;height: 95px;}
#product-service .con span{font-size: 14px;color: #b0b0b0;float: right;}

#product-service a:hover{box-shadow: 0 0 20px rgba(0,0,0,.2);transition: .3s;}
#product-service a:hover .hover{transition: .3s;opacity: 1;}
#product-service a:hover .name{display: none;}

.product-service .swiper-pagination{display: none;}

.product-service .swiper-button-prev{background: none;left: -30px;margin-top: -15px;}
.product-service .swiper-button-next{background: none;right: 0;margin-top: -15px;}
.product-service .swiper-button-next i{font-size: 60px;}
.product-service .swiper-button-prev i{font-size: 60px;}


/*
    news-page
*/
.news-page{padding: 60px 0 100px;overflow: hidden;}
.news-page .news-menu{float: left;width: 260px;}
.news-page .con{float: right;width: 900px;background: #fff;padding: 40px 40px 60px;text-align: center;}

.news-page .news-menu li{width: 100%;background: #fff;height: 50px;line-height: 50px;}
.news-page .news-menu a{display: block;padding-left: 30px;text-decoration: none;color: #333;}
.news-page .news-menu a:hover{color: #3ab0ff;}
.news-page .news-menu .active{background: #3ab0ff;}
.news-page .news-menu .active a{color: #fff;}
.news-page .news-menu .line{width: 3px;height: 20px;display: none;margin-right: 10px;background: #fff;position: relative;top: 4px;}
.news-page .news-menu .active .line{display: inline-block;}


.news-page h5{font-size: 20px;color: #3ab0ff;border-bottom: solid 1px #eef3f5;padding-bottom: 15px;margin-bottom: 40px;}

.news-page .news-list{margin-bottom: 50px;}
.news-page .news-list li{width: 100%;height: 50px;line-height: 50px;border-bottom: solid 1px #eef3f5;}
.news-page .news-list li:hover{background: #3ab0ff;}
.news-page .news-list li:hover p,.news-page .news-list li:hover span{color: #fff;}
.news-page .news-list a{display: block;overflow: hidden;padding: 0 20px;}
.news-page .news-list p{float: left;color: #333;}
.news-page .news-list span{float: right;color: #888;}


/*
    pagination
*/
.pagination{display: inline-block;text-align: center;}
.pagination li{float: left;width: 30px;height: 30px;border-radius: 3px;border: solid 1px #e4e3e3;margin: 0 5px;}
.pagination a{font-size: 14px;color: #888;display: block;line-height: 28px;text-decoration: none;}
.pagination i{font-size: 24px;}
.pagination li:hover{background: #3ab0ff;}
.pagination li:hover a{color: #fff;}
.pagination .active{background: #3ab0ff;}
.pagination .active a{color: #fff;}

/*.pagination a{width: auto;*/
    /*height: 30px;*/
    /*padding: 0 10px;*/
    /*margin: 0 5px;*/
    /*line-height: 28px;}*/


/*
    news-detail
*/
.news-detail{}
.news-detail h1{font-size: 20px;color: #333;margin-bottom: 10px;line-height: 20px;}
.news-detail .date{font-size: 12px;color: #888;margin-bottom: 30px;}
.news-detail .date span{margin: 0 10px;}
.news-detail img{max-width: 100%;display: block;margin: 0 auto;}
.news-detail p{font-size: 14px;color: #777;margin-bottom: 20px;text-align: left;text-indent: 2em;line-height: 24px;}

.read_more{text-indent: 0;margin-top: 30px;overflow: hidden;}
.read_more p{width: 47%;text-indent: 0;}
.read_more p:nth-child(1){float: left;}
.read_more p:nth-child(2){float: right;}
.read_more span{display: block;}
.read_more a{font-size: 14px;color: #555;text-decoration: none;width: auto;display: block;transition: .3s;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;line-height: 30px;}
.read_more a:hover{color: #2e86f3;transition: .3s;}


/*
    partner
*/
.partner{padding: 60px 0 100px;text-align: center;}
.partner .row{margin: 0 -20px;}
.partner .list{padding: 0 20px;margin-bottom: 40px;}
.partner .list a{display: block;text-decoration: none;position: relative;}
.partner figure{position: relative;}
.partner img{width: 100%;}
.partner p{width: 100%;height: 36px;line-height: 36px;background: rgba(0,0,0,.6);position: absolute;left: 0;bottom: 0;font-size: 14px;color: #fff;text-align: center;transition: .3s;}
.partner .hover{background: rgba(33,141,213,.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: .3s;}
.partner .list i{font-size: 60px;color: #fff;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -30px;}

.partner a:hover .hover{opacity: 1;transition: .3s;}
.partner a:hover p{opacity: 0;transition: .3s;}

.partner .pagination{margin-top: 30px;}


/*
    agent-banner
*/
.agent-banner{background: url("../../../images/service/new_ads8/agent-banner.jpg") no-repeat;width: 100%;height: 560px;padding-top: 220px;text-align: center;background-size: cover;background-position: center;}
.agent-banner h1{font-size: 42px;color: #fff;margin-bottom: 25px;}
.agent-banner h2{font-size: 20px;color: #fff;margin-bottom: 80px;}
.agent-banner .join{width: 160px;height: 40px;display: inline-block;background: #3ab0ff;border-radius: 20px;font-size: 14px;color: #fff;line-height: 40px;text-decoration: none;transition: .3s;}
.agent-banner .join i{font-size: 14px;line-height: 40px;display: inline-block;}
.agent-banner .join:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}



/*
    why-choose
*/
.why-choose{background: #fff;text-align: center;padding: 60px 0 80px;}
.why-choose h1{font-size: 30px;color: #333;margin-bottom: 60px;}
.why-choose .con{overflow: hidden;}
.why-choose .list{float: left;width: 25%;}
.why-choose img{margin-bottom: 20px;}
.why-choose p{font-size: 14px;color: #9999a5;line-height: 24px;}


/*
    join-benefit
*/
.join-benefit{padding: 60px 0 0 0;}
.join-benefit h1{font-size: 30px;color: #3ab0ff;text-align: center;margin-bottom: 20px;}
.join-benefit h2{font-size: 20px;color: #8c8d9d;text-align: center;margin-bottom: 70px;}
.join-benefit .row{margin: 0 -40px;}
.join-benefit .list{padding: 0 40px;margin-bottom: 80px;}
.join-benefit h6{font-size: 14px;color: #444;margin-bottom: 20px;}
.join-benefit .icon{width: 31px;height: 24px;display: inline-block;margin-right: 10px;position: relative;top: 6px;}
.join-benefit p{font-size: 12px;color: #787986;line-height: 24px;}


/*
    training-support
*/
.training-support{background: url("../../../images/service/new_ads8/ts-bg.jpg") no-repeat;width: 100%;height: 720px;background-size: cover;padding: 60px 0;text-align: center;}
.training-support h1{font-size: 30px;color: #fff;}
.training-support .container{position: relative;}
.training-support .con{background: url("../../../images/service/new_ads8/ts-line.png") no-repeat;width: 100%;height: 317px;margin-top: 250px;position: relative;background-position: center;}
.training-support .list{position: absolute;}
.training-support .list-a{left: 10%;top: 80px;}
.training-support .list-b{left: 28%;top: 0;}
.training-support .list-c{left: 45%;top: 70px;}
.training-support .list-d{left: 66%;top: 45px;}
.training-support .list-e{left: 86%;top: 95px;}

.training-support img{margin-bottom: 10px;}
.training-support p{font-size: 14px;color: #fff;}


/*
    how-partner
*/
.how-partner{background: #fff;padding: 60px 0 90px;text-align: center;}
.how-partner h1{font-size: 30px;color: #57a3f1;margin-bottom: 20px;}
.how-partner h2{font-size: 20px;color: #8d8e9d;margin-bottom: 60px;}
.how-partner .con{background: url("../../../images/service/new_ads8/partner-line.png") no-repeat;width: 100%;height: 525px;position: relative;}
.how-partner h6{font-size: 14px;color: #57a3f1;}

.how-partner .list{position: absolute;}
.how-partner .list-a{left: 80px;top: 140px;}
.how-partner .list-b{left: 160px;top: 305px;}
.how-partner .list-c{left: 378px;top: 220px;}
.how-partner .list-d{left: 580px;top: 90px;}
.how-partner .list-e{right: 310px;top: 210px;}
.how-partner .list-f{right: 80px;top: 65px;}

.how-partner .list a{display: block;font-size: 14px;color: #8c8d9d;margin-bottom: 5px;}
.how-partner .list-a h6{margin-bottom: 30px;}
.how-partner .list span{display: none;}

.how-partner .list-b h6{margin-bottom: 24px;}
.how-partner .list-b figure{margin-bottom: 15px;}
.how-partner .list-b a{width: 100px;height: 32px;border: solid 1px #c1c1c1;border-radius: 15px;line-height: 30px;text-decoration: none;}
.how-partner .list-b a:hover{background: #c1c1c1;color: #fff;}

.how-partner .list-c h6{margin-bottom: 22px;}

.how-partner .list-d h6{margin-bottom: 40px;}

.how-partner .list-e h6{margin-bottom: 30px;}

.how-partner .list-f h6{margin-bottom: 24px;}
.how-partner .list-f figure{margin-bottom: 15px;}
.how-partner .list-f a{width: 100px;height: 32px;border: solid 1px #c1c1c1;border-radius: 15px;line-height: 30px;text-decoration: none;}
.how-partner .list-f a:hover{background: #c1c1c1;color: #fff;}

.how-partner .img{position: absolute;right: 27px;top: 295px;}

.how-partner p{font-size: 16px;color: #8d8e9d;line-height: 26px;margin-top: 60px;display: inline-block;padding: 0 100px;margin-bottom: 40px;}

.how-partner .apply{display: inline-block;width: 400px;height: 56px;line-height: 56px;background: #57a3f1;font-size: 24px;color: #fff;border-radius: 30px;text-decoration: none;transition: .3s;}
.how-partner .apply:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


/*
    agent-apply-banner
*/
.agent-apply-banner{height: 420px;padding-top: 190px;}


/*
    agent-apply
*/
.agent-apply{padding: 60px 0 120px;}
.agent-apply .container{width: 1000px;}
.agent-apply .con{width: 100%;padding: 60px 100px 80px;background: #fff;box-shadow: 0 0 20px rgba(60,87,114,.15);}
.agent-apply h1{text-align: center;font-size: 30px;color: #278ce9;border-bottom: solid 1px #e0e5ef;padding-bottom: 25px;margin-bottom: 40px;}

.agent-apply .row{margin: 0 -20px;padding: 0 60px;}
.agent-apply .list{padding: 0 20px;margin-bottom: 25px;}
.agent-apply .input{width: 100%;position: relative;}
.agent-apply .code{width: 80px;height: 34px;position: absolute;right: 0;top: 0;text-align: center;line-height: 34px;background: #9da6b9;border-radius: 5px;color: #fff;text-decoration: none;}
.agent-apply .input input{width: 100%;margin-bottom: 10px;height: 34px;border: solid 1px #cbcbcc;padding-left: 15px;outline: none;border-radius: 5px;font-size: 14px;color: #888;}
.agent-apply .input input::placeholder{font-size: 14px;color: #888;}
.agent-apply .list p span{color: #379aff;margin-right: 5px;}
.agent-apply .list p{padding-left: 15px;font-size: 12px;color: #888;}

.agent-apply .region{margin-top: -30px;}
.agent-apply .select{overflow: hidden;margin-bottom: 10px;}
.agent-apply h6{font-size: 14px;color: #888;text-align: center;margin-bottom: 15px;}
.agent-apply select{height: 34px;border: solid 1px #cbcbcc;width: 46%;float: left;color: #888;}
.agent-apply select:last-child{float: right;}

.agent-apply .agree{display: table;margin: 0 auto;}
.agent-apply .agree input{display: inline-block;width: 16px;height: 16px;position: relative;top: 4px;}
.agent-apply .agree p{display: inline-block;margin-left: 5px;font-size: 12px;color: #888;}

.agent-apply .send{width: 160px;height: 46px;background: #3ab0ff;border-radius: 5px;display: block;margin: 0 auto;text-align: center;line-height: 46px;font-size: 18px;color: #fff;margin-top: 35px;text-decoration: none;transition: .3s;border: none;}
.agent-apply .send:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;cursor:pointer;}

/*
    agreement
*/
.agreement h2{font-size: 20px;margin-bottom: 20px;color: #333;line-height: 36px;}
.agreement h3{font-size: 16px;margin-bottom: 20px;color: #333;line-height: 30px;}
.agreement h4{font-size: 14px;margin-bottom: 10px;color: #333;padding-left: 1em;line-height: 26px;}
.agreement h5{font-size: 14px;text-align: right;color: #777;}
.agreement p{font-size: 14px;margin-bottom: 10px;color: #777;padding-left: 2em;line-height: 26px;}
.agreement .agree-con{margin-bottom: 20px;}


/*
    about-page
*/
.about-page{padding: 60px 0 80px;overflow: hidden;}
.about-page h1{font-size: 30px;color: #333;text-align: center;margin-bottom: 60px;}
.about-page figure{width: 500px;height: 360px;float: left;border: dashed 1px #bfbfbf;padding: 15px;}
.about-page .con{width: 640px;float: right;}
.about-page .con p{font-size: 14px;color: #333;line-height: 24px;margin-bottom: 24px;text-indent: 2em;}
.about-page .com-info{}
.about-page .com-info p{margin-bottom: 10px;}


/*
    culture
*/
.culture{background: url("../../../images/service/new_ads8/culture-bg.jpg") no-repeat;width: 100%;height: 600px;background-size: cover;text-align: center;padding-top: 60px;}
.culture h1{font-size: 30px;color: #fff;margin-bottom: 25px;}
.culture h2{font-size: 14px;color: #fff;line-height: 24px;margin-bottom: 30px;}
.culture h3{margin-top: 100px;font-size: 24px;color: #3ab0ff;margin-bottom: 15px;}
.culture h3:before{content: '';width: 240px;height: 1px;background: #fff;display: inline-block;position: relative;top: -8px;margin-right: 10px;opacity: .7;}
.culture h3:after{content: '';width: 240px;height: 1px;background: #fff;display: inline-block;position: relative;top: -8px;margin-left: 10px;opacity: .7;}

.culture .row{margin: 0 -20px;}
.culture .list{padding: 0 20px;}
.culture .con{background: #fff;border-radius: 5px;width: 100%;height: 170px;}
.culture .icon{width: 39px;height: 40px;display: block;position: absolute;left: 15px;top: 12px;}
.culture h5{text-align: center;background: #233255;height: 60px;color: #fff;line-height: 60px;position: relative;border-top-right-radius: 5px;border-top-left-radius: 5px;}
.culture .con p{padding: 30px;font-size: 16px;color: #2a3c66;}


/*
    about-album
*/
.about-album{padding: 60px 0 80px;text-align: center;position: relative;}
.about-album h1{font-size: 30px;color: #333;margin-bottom: 60px;}
.about-album #about-album{padding-bottom: 60px;}
.about-album .swiper-slide{}
.about-album .swiper-button-prev{left: 12%;background: none;top: 42%;width: auto;}
.about-album .swiper-button-next{right: 12%;background: none;top: 42%;width: auto;}
.about-album .swiper-button-prev i, .about-album .swiper-button-next i{font-size: 90px;color: #2e8dcc;}

.about-album .swiper-slide a{display: block;text-decoration: none;}
.about-album .swiper-slide figure{border: dashed 1px #bfbfbf;padding: 10px;margin-bottom: 15px;position: relative;}
.about-album .swiper-slide img{width: 100%;height: 180px;}
.about-album .swiper-slide p{font-size: 14px;color: #333;transition: .3s;}
.about-album .hover{background: rgba(0,0,0,.6);width: 100%;height: 100%;position: absolute;left: 0;top: 0;opacity: 0;transition: .3s;}
.about-album .swiper-slide i{color: #fff;font-size: 50px;position: absolute;left: 50%;top: 50%;margin-left: -25px;margin-top: -35px;}

.about-album .swiper-slide a:hover .hover{opacity: 1;transition: .3s;}
.about-album .swiper-slide a:hover p{color: #3ab0ff;transition: .3s;}



/*\album-detail*/
.album-detail{padding: 60px 0 80px;text-align: center;}
.album-detail h1{font-size: 30px;margin-bottom: 25px;color: #333;}
.album-detail h2{font-size: 14px;margin-bottom: 50px;color: #888;padding: 0 100px;line-height: 24px;}

.album-detail .gallery-top{text-align: center;margin-bottom: 30px;}
.album-detail .gallery-top img{max-width: 1000px;max-height: 600px;}
.album-detail .gallery-top figure{position: relative;max-width: 1000px;display: inline-block;}
.album-detail .gallery-top p{background: rgba(0,0,0,.6);width: 100%;height: 50px;position: absolute;left: 0;bottom: 0;color: #fff;font-size: 16px;line-height: 50px;}
.album-detail .swiper-button-next{background: none;right: 0;}
.album-detail .swiper-button-next i,.album-detail .swiper-button-prev i{font-size: 30px;}
.album-detail .swiper-button-prev{background: none;left: 0;}
.album-detail .swiper-button-next:hover{color: #3ab0ff;}
.album-detail .swiper-button-prev:hover{color: #3ab0ff;}

.album-detail .gallery-thumbs{background: #313131;padding: 10px;}
.album-detail .gallery-thumbs .swiper-slide{border: solid 1px rgba(255,255,255,.3);width: 240px;height: 130px;}
.album-detail .gallery-thumbs img{width: 100%;height: 100%;background-position: center;background-size: cover;-webkit-filter: brightness(0.5);  filter: brightness(0.5);}
.album-detail .gallery-thumbs .swiper-slide-active img{-webkit-filter: brightness(1);  filter: brightness(1);}


/*
    recruit
*/
.recruit{padding: 60px 0 110px;}
.recruit .container{width: 1100px;}
.recruit h1{font-size: 30px;color: #333;text-align: center;margin-bottom: 60px;}
.recruit h4{font-size: 14px;color: #888;margin-bottom: 40px;line-height: 28px;text-align: left;border-bottom: solid 1px #dce5e8;padding-bottom: 25px;}
.recruit h5{font-size: 16px;color: #009900;}
.recruit h6{font-size: 14px;color: #333;line-height: 28px;}
.recruit p{font-size: 14px;color: #888;line-height: 28px;}
.recruit span{background: #009900;width: 24px;height: 24px;text-align: center;line-height: 24px;margin-right: 10px;display: inline-block;color: #fff;border-radius: 100%;margin-bottom: 25px;}

.recruit-bg{background: #fff;width: 100%;padding: 60px;text-align: center;}
.recruit-bg .nav-pills{display: inline-block;overflow: hidden;}
.recruit-bg .nav-item{float: left;width: 220px;height: 60px;}
.recruit-bg .nav-link{display: block;padding: 0;height: 60px;line-height: 60px;color: #333;font-size: 20px;}
.recruit-bg .nav-link.active{background: #36a2ea;}
.recruit-bg .nav-link.active:before{content: '';width: 6px;height: 6px;background: #fff;display: inline-block;border-radius: 100%;margin-right: 15px;}
.recruit-bg .nav-link.active:after{content: '';width: 6px;height: 6px;background: #fff;display: inline-block;border-radius: 100%;margin-left: 15px;}
.recruit-bg .nav-link.active:before,.recruit-bg .nav-link.active:after{position: relative;top: -3px;}

.recruit-list{text-align: left;border-bottom: solid 1px #dce5e8;padding-bottom: 30px;position: relative;margin-bottom: 40px;}
.recruit-con .top-con{margin-bottom: 20px;}

.recruit .apply{width: 160px;height: 50px;line-height: 46px;background: #36a2ea;border-radius: 25px;display: block;text-align: center;font-size: 16px;color: #fff;text-decoration: none;position: absolute;top: 0;right: 0;transition: .3s;}
.recruit i{font-size: 22px;margin-right: 10px;position: relative;top: 3px;}
.recruit .apply:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}

.welfare{overflow: hidden;width: 510px;display: inline-block;text-align: left;}
.welfare figure{float: left;}
.welfare-con{float: right;}


/*
    history-page
*/
.history-page{background: #fff;padding: 60px 0 80px;text-align: center;}
.history-page h1{font-size: 30px;color: #333;margin-bottom: 60px;}

.history-page .con{position: relative;padding: 40px 0 1px;}
.history-page .line{width: 2px;height: 100%;background: #bfbfbf;position: absolute;left: 50%;top: 0;margin-left: -1px;}
.history-page .circle{width: 28px;height: 28px;background: #fff;border: solid 1px #c8c8c8;position: absolute;left: 50%;top: 5px;margin-left: -14px;border-radius: 100%;z-index: 99;}
.history-page h6{width: 530px;font-size: 36px;color: #3ab0ff;font-weight: bold;line-height: 36px;}
.history-page p{width: 530px;font-size: 14px;color: #888;line-height: 24px;margin-top: 6px;}
.history-page .style{position: relative;overflow: hidden;margin-bottom: 60px;}

.history-page .style-a h6{float: left;text-align: right;}
.history-page .style-a p{float: right;text-align: left;}
.history-page .style-b h6{float: right;text-align: left;}
.history-page .style-b p{float: left;text-align: right;}


/*
    honor
*/
.honor{background: linear-gradient(to right,#293142, #2a3c66 , #293142);padding: 60px 0 100px;text-align: center;}
.honor h1{font-size: 30px;color: #fff;margin-bottom: 60px;}
#honor{width: 1000px;}
.honor a{display: block;}
.honor figure{margin-bottom: 15px;}
.honor img{width: 100%;height: 240px;}
.honor p{font-size: 14px;color: #fff;transition: .3s;}
.honor a:hover p{color: #3ab0ff;transition: .3s;}

.honor .swiper-button-next{background: none;margin-right: 15px;}
.honor .swiper-button-prev{background: none;margin-left: -40px;}
.honor .iconfont{font-size: 80px;color: #fff;transition: .3s;}
.honor .iconfont:hover{color: #3ab0ff;transition: .3s;}


/*
    video
*/
.video{text-align: center;padding: 60px 0 100px;}
.video h1{font-size: 30px;color: #333;margin-bottom: 60px;}
.video p{font-size: 14px;color: #888;margin-top: 40px;}

.media_bk{width: 800px;height: 600px;display: inline-block;}


/*
    login-page
*/
.login-page{background: url("../../../images/service/new_ads8/login-bg.jpg") no-repeat;padding: 80px 0 20px;background-size: cover;text-align: center;}
.login-page .login-logo{margin-bottom: 50px;}

.login-bg{width: 480px;background: #fff;padding: 50px 50px 60px;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
.login-bg h1{font-size: 30px;color: #3ab0ff;margin-bottom: 60px;}

.login-bg .input{width: 100%;position: relative;margin-bottom: 15px;}
.login-bg input{width: 100%;height: 50px;border: solid 1px #c4ccde;border-radius: 5px;outline: none;padding: 0 20px 0 120px;color: #859aa7;font-size: 16px;}
.login-bg input::placeholder{font-size: 16px;color: #859aa7;opacity: 0.5;}
.login-bg .input span{position: absolute;left: 20px;top: 12px;font-size: 16px;color: #859aa7;}
.login-bg .line{width: 1px;height: 24px;background: #c4ccde;position: absolute;left: 100px;top: 13px;}
.login-bg .code{width: 90px;height: 50px;background: #99a0b1;text-align: center;line-height: 50px;border-radius: 5px;position: absolute;top: 0;right: 0;transition: .3s;}
.login-bg .code a{display: block;color: #fff;font-size: 16px;text-decoration: none;}
.login-bg .code:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


.login-bg .operation{width: 160px;height: 54px;background: #3ab0ff;display: inline-block;border-radius: 5px;line-height: 54px;color: #fff;font-size: 20px;margin-top: 15px;text-decoration: none;transition: .3s;}
.login-bg .operation:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}

.other-operation{height: 70px;width: 480px;margin: 0 auto 30px;}
.other-operation a{width: 50%;display: block;line-height: 70px;font-size: 18px;color: #fff;text-decoration: none;background: #4e5970;transition: .3s;}
.other-operation a:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}
.other-operation .left{float: left;border-right: solid 1px #606a80;border-bottom-left-radius: 10px;}
.other-operation .right{float: right;border-bottom-right-radius: 10px;}

.back{font-size: 14px;color: #fff;opacity: .7;transition: .3s;}
.back:hover{text-decoration: none;opacity: 1;transition: .3s;color: #fff;}
.back i{font-size: 30px;position: relative;top: 6px;}

.login-page .agree{display: table;margin: 20px auto;}
.login-page .agree input{display: inline-block;width: 16px;height: 16px;position: relative;top: 4px;}
.login-page .agree p{display: inline-block;margin-left: 5px;font-size: 12px;color: #888;}


/*
    login-copy
*/
.login-copy{font-size: 12px;color: #fff;margin-top: 60px;opacity: .8;}

/* 
    warning-tips
*/
.warning-tips{width: 100%;height: 100vh;position: fixed;left: 0;top: 0;background: rgba(0,0,0,.4);z-index: 9999999;display: none;}
.warning-tips .con{width: 600px;padding: 30px 45px;position: fixed;left: 50%;top: 50%;transform: translate(-50%,-50%);background: #fff;border-radius: 10px;}
.warning-tips .ti{font-weight: bold;text-align: center;margin-bottom: 20px; font-size: 16px;}
.warning-tips p{font-size: 16px;line-height: 1.6em;margin-bottom: 20px;text-align: justify;text-indent: 2em;color: #333;}
.warning-tips span{text-align: right;width: 100%;display: block;color: #888;}
.warning-tips .icon-guanbi{position: absolute;right: 15px;top: 10px;cursor: pointer;transition: all .3s;}
.warning-tips .icon-guanbi:hover{color: #007aff;}
.warning-tips .guanbi{position: absolute;right: 15px;top: 10px;cursor: pointer;transition: all .3s;}
.warning-tips .guanbi:hover{color: #007aff;}

@media (max-width: 414px){
.warning-tips .con{width: 85%;padding: 35px 15px;}
.warning-tips p {font-size: 12px;}
}


/*--------------------------------------------------
    Mobile-自适应
--------------------------------------------------*/
@media all and (max-width: 768px) {

    .container{width: 100%;}

    .header{ display: none;float: none;}

    /*
        menu res
    */
    #menu{display: block;z-index: 9999;width: 100%;}
    #mb-menu .menu-area{width: 100%;position: fixed;top: 0;left: 0;background: #1d2d54;height: 50px;z-index: 999;}
    .menu-area .logo{line-height: 50px;top: 0;display: block;}
    #mb-menu .menu-button{display: block;}
    #mb-menu .icon-down{font-size: 30px;position: relative;top: 6px}
    #mb-menu .mb-sub-menu li{border: none !important;}



        /*
        index-banner
    */
    #index-banner{width: 100%;}
    #index-banner .swiper-slide{width: 100%;height: 400px;z-index: 0;background-size: cover;background-position: center;overflow: hidden;}
    #index-banner .container{width: 100%;padding: 80px 15px 0 ;overflow: hidden;}
    #index-banner .left-con{float: none;width: 92%;margin-bottom: 30px;margin-right: 0;}
    #index-banner figure{float: none;width: 92%;}
    #index-banner figure img{float: none;width: 90%;}
    #index-banner h3{font-size: 16px;color: #fff;margin-bottom: 20px;}
    #index-banner h4{font-size: 20px;color: #fff;margin-bottom: 20px;}
    #index-banner p{font-size: 14px;color: #fff;margin-bottom: 15px;}

    #index-banner .slide-1 h3{font-size: 20px;margin-bottom: 20px;margin-top: 40px;}
    #index-banner .slide-1 h4{font-size: 26px;margin-bottom: 30px;}

    #index-banner .slide-2 h3{font-size: 20px;margin-bottom: 20px;margin-top: 40px;}
    #index-banner .slide-2 h4{font-size: 24px;margin-bottom: 30px;line-height: 36px;}

    #index-banner .slide-3 h3{font-size: 18px;margin-top: 40px;line-height: 30px;}
    #index-banner .slide-3 h4{font-size: 24px;margin-bottom: 30px;line-height: 36px;}

    #banner-button{display: none;}


    /*
        index-pro-ser
    */
    .index-pro-ser{padding: 80px 0;text-align: center;}
    .index-pro-ser h1{font-size: 30px;color: #333;margin-bottom: 55px;text-align: center;}

    .index-pro-ser .row{margin: 0;text-align: left;}
    .index-pro-ser .list{padding: 0 15px;margin-bottom: 50px;}

    .index-pro-ser figure{position: relative;}
    .index-pro-ser figure img{width: 100%;}


    /*
        news-about
    */
    .news-about{background: none;width: 100%;height: auto;background-size: cover;padding: 0;}
    .news-about h5{font-size: 30px;color: #fff;margin-bottom: 40px;text-align: center;}

    .news-about .news{position: relative;width: 100%;float: none;background: #2a3c66;padding: 60px 15px;overflow: hidden;}
    .news-about .news-list li{max-width: 100%;height: 42px;line-height: 42px;}

    .news-about .more{font-size: 14px;color: #eee;position: static;display: block;margin-top: 30px;text-align: center;}

    .news-about .about{width: 100%;float: none;background: #293142;padding: 60px 15px;overflow: hidden;}
    .news-about .about figure{width: 100%;float: none;margin-bottom: 30px;}
    .news-about .about img{width: 100%;}
    .news-about .about .con p{float: none;width: 100%;}


    /*
        index-partner
    */
    .index-partner{padding: 60px 0 80px;position: relative;width: 100%;margin: 0 auto;text-align: center;}
    .index-partner h1{font-size: 30px;color: #333;text-align: center;margin-bottom: 50px;}
    #index-partner{width: 100%;}

    .index-partner .swiper-button-prev{left: 0.5%   ;bottom: 0;}
    .index-partner .swiper-button-next{right: 9%;bottom: 0;}
    .index-partner i{font-size: 60px;}


    /*
        footer
    */
    .footer-con{background: #333;padding: 60px 15px 30px;overflow: hidden;text-align: center;}
    .footer-con h6{font-size: 20px;color: #fff;margin-bottom: 20px;}
    .footer-con h6:after{content: '';width: 25%;height: 1px;background: #fff;display: inline-block;opacity: .3;margin-left: 10px;position: relative;top: -6px;}
    .footer-con h6:before{content: '';width: 25%;height: 1px;background: #fff;display: inline-block;opacity: .3;margin-right: 10px;position: relative;top: -6px;}
    .footer-con .footer-menu{overflow: hidden;}
    .footer-con .left-con{overflow: hidden;float: none;}
    .footer-con .list{float: none;width: 100%;margin-right: 0 ;margin-bottom: 40px;max-width: 100%;}
    .footer-con .list:last-child{margin-right: 0;;}
    .footer-con .list p{color: #3ab0ff;font-size: 20px;margin-bottom: 5px;}
    .footer-con .list i{margin-right: 10px;font-size: 20px;}


    .footer-con .infor li{font-size: 14px;color: #ccc;line-height: 40px;}
    .footer-con .infor a{color: #ccc;text-decoration: none;}
    .footer-con .infor a:hover{color: #3ab0ff;}

    .footer-con .right-con{float: none;border-left: none;padding: 0;}
    .footer-con .code-list{text-align: center;}
    .footer-con .code-list li{float: none;color: #ccc;font-size: 14px;margin-right: 0;margin-bottom: 30px;}

    .copy{background: #222;height: auto;line-height: 24px;color: #999;text-align: center;font-size: 12px;padding: 15px;}


    /*
        top
    */
    #return{display: none;}


    /*
        page-banner
    */
    .page-banner{width: 100%;height: 200px;background-size: cover;padding-top: 50px;background-position: center;}
    .page-banner h1{font-size: 30px;color: #fff;text-align: center;line-height: 140px;}


    /*
        product-service
    */
    .product-service{padding: 60px 15px 120px;width: 100%;margin: 0 auto;position: relative;}
    .product-service h1{font-size: 24px;color: #333;text-align: center;margin-bottom: 60px;}

    #product-service{width: 100%;padding:  10px;}
    #product-service figure{position: relative;overflow: hidden;}
    #product-service img{width: 100%;}
    #product-service .swiper-slide{margin-bottom: 20px; }

    .product-service .swiper-pagination{display: block;margin: 0 auto;left: 50%;margin-left: -45px;}
    .product-service .swiper-pagination-bullet{margin: 0 5px}

    .product-service .swiper-button-prev{display: none;}
    .product-service .swiper-button-next{display: none;}


    /*
        news-page
    */
    .news-page{padding: 60px 0 100px;overflow: hidden;}
    .news-page .news-menu{float: none;width: 100%;margin-bottom: 30px;}
    .news-page .con{float: none;width: 100%;background: #fff;padding: 40px 0 60px;text-align: center;}

    .news-page .news-menu li{width: 100%;background: #fff;height: 50px;line-height: 50px;}
    .news-page .news-menu a{display: block;padding-left: 30px;text-decoration: none;color: #333;}
    .news-page .news-menu a:hover{color: #3ab0ff;}
    .news-page .news-menu .active{background: #3ab0ff;}
    .news-page .news-menu .active a{color: #fff;}
    .news-page .news-menu .line{width: 3px;height: 20px;display: none;margin-right: 10px;background: #fff;position: relative;top: 4px;}
    .news-page .news-menu .active .line{display: inline-block;}


    .news-page h5{font-size: 20px;color: #3ab0ff;border-bottom: solid 1px #eef3f5;padding-bottom: 15px;margin-bottom: 40px;}

    .news-page .news-list{margin-bottom: 50px;}
    .news-page .news-list li{width: 100%;height: 50px;line-height: 50px;border-bottom: solid 1px #eef3f5;overflow: hidden;text-overflow:ellipsis;  white-space: nowrap;}
    .news-page .news-list a{display: block;overflow: hidden;padding: 0 15px;text-decoration: none;}
    .news-page .news-list p{float: none;color: #333;text-align: left;width: 100%;overflow: hidden;text-overflow:ellipsis;  white-space: nowrap;}
    .news-page .news-list span{float: none;color: #888;display: none;}


    /*
        pagination
    */
    .pagination{display: inline-block;text-align: center;}
    .pagination li{float: left;width: 30px;height: 30px;border-radius: 3px;border: solid 1px #e4e3e3;margin: 0 5px;}
    .pagination a{font-size: 14px;color: #888;display: block;line-height: 28px;text-decoration: none;}
    .pagination i{font-size: 24px;}
    .pagination li:hover{background: #3ab0ff;}
    .pagination li:hover a{color: #fff;}
    .pagination .active{background: #3ab0ff;}
    .pagination .active a{color: #fff;}

    /*.pagination a{width: auto;*/
    /*height: 30px;*/
    /*padding: 0 10px;*/
    /*margin: 0 5px;*/
    /*line-height: 28px;}*/


    /*
        news-detail
    */
    .news-detail{overflow: hidden;}
    .news-page .con{padding: 40px 15px 60px;}
    .news-detail h1{font-size: 20px;color: #333;margin-bottom: 10px;line-height: 34px;}

    .read_more{margin-top: 50px;}
    .read_more p{width: 100%;}
    .read_more p{text-indent: 0;float: none;}


    /*
        partner
    */
    .partner{padding: 60px 15px 100px;text-align: center;}
    .partner .row{margin: 0 -10px;}
    .partner .list{padding: 0 10px;margin-bottom: 40px;}
    .partner .list a{display: block;text-decoration: none;position: relative;}
    .partner figure{position: relative;}
    .partner img{width: 100%;}
    .partner p{display: none;}
    .partner .hover{background: rgba(33,141,213,.6);width: 100%;height: 100%;position: absolute;top: 0;left: 0;opacity: 0;transition: .3s;}
    .partner .list i{font-size: 60px;color: #fff;position: absolute;left: 50%;top: 50%;margin: -40px 0 0 -30px;}

    .partner a:hover .hover{opacity: 1;transition: .3s;}
    .partner a:hover p{opacity: 0;transition: .3s;}

    .partner .pagination{margin-top: 30px;}


    /*
        agent-banner
    */
    .agent-banner{background: url("../../../images/service/new_ads8/agent-banner.jpg") no-repeat;width: 100%;height: 280px;padding-top: 90px;text-align: center;background-size: cover;background-position: center;}
    .agent-banner h1{font-size: 26px;color: #fff;margin-bottom: 25px;}
    .agent-banner h2{font-size: 16px;color: #fff;margin-bottom: 40px;}



    /*
        why-choose
    */
    .why-choose{background: #fff;text-align: center;padding: 60px 0 ;}
    .why-choose h1{font-size: 24px;color: #333;margin-bottom: 60px;}
    .why-choose .con{overflow: hidden;}
    .why-choose .list{float: left;width: 50%;margin-bottom: 25px;}


    /*
        join-benefit
    */
    .join-benefit{padding: 60px 15px 0;}
    .join-benefit h1{font-size: 24px;color: #3ab0ff;text-align: center;margin-bottom: 20px;}
    .join-benefit h2{font-size: 20px;color: #8c8d9d;text-align: center;margin-bottom: 70px;}
    .join-benefit .row{margin: 0 ;}
    .join-benefit .list{padding: 0 ;margin-bottom: 80px;}
    .join-benefit h6{font-size: 14px;color: #444;margin-bottom: 20px;}
    .join-benefit .icon{width: 31px;height: 24px;display: inline-block;margin-right: 10px;position: relative;top: 6px;}
    .join-benefit p{font-size: 12px;color: #787986;line-height: 24px;}


    /*
        training-support
    */
    .training-support{width: 100%;height:auto;background-size: cover;padding: 60px 0;text-align: center;background-position: center;}
    .training-support h1{font-size: 30px;color: #fff;}
    .training-support .con{background: none;margin-top: 100px;height: auto;overflow: hidden;}
    .training-support .list{position: static;float: left;width: 33.33%;margin-bottom: 40px;}


    /*
        how-partner
    */
    .how-partner{background: #fff;padding: 60px 15px 90px;text-align: center;}
    .how-partner h1{font-size: 30px;color: #57a3f1;margin-bottom: 20px;}
    .how-partner h2{font-size: 20px;color: #8d8e9d;margin-bottom: 60px;}
    .how-partner .con{background: none;width: 100%;height: auto;position: relative;overflow: hidden;}
    .how-partner h6{font-size: 14px;color: #57a3f1;}

    .how-partner .list{position: static;float: left;width: 100%;margin-bottom: 50px;}
    .how-partner .list span{display: inline-block;}

    .how-partner .list a{display: inline-block;font-size: 14px;color: #8c8d9d;margin-bottom: 5px;}
    .how-partner .list h6{margin-bottom: 20px !important;}

    .how-partner .img{position: static;right: 27px;top: 295px;}

    .how-partner p{font-size: 16px;color: #8d8e9d;line-height: 26px;margin-top: 60px;display: inline-block;padding: 0 15px;margin-bottom: 40px;}

    .how-partner .apply{display: inline-block;width: 100%;height: 56px;line-height: 56px;background: #57a3f1;}



    /*
        agent-apply-banner
    */
    .agent-apply-banner{height: 240px;padding-top: 100px;}


    /*
        agent-apply
    */
    .agent-apply{padding: 60px 0 120px;}
    .agent-apply .container{width: 100%;}
    .agent-apply .con{width: 100%;padding: 60px 15px 80px;background: #fff;box-shadow: 0 0 20px rgba(60,87,114,.15);}
    .agent-apply h1{text-align: center;font-size: 24px;color: #278ce9;border-bottom: solid 1px #e0e5ef;padding-bottom: 25px;margin-bottom: 40px;}

    .agent-apply .row{margin: 0;padding: 0 15px;}
    .agent-apply .list{padding: 0 ;margin-bottom: 25px;}
    .agent-apply .input{width: 100%;position: relative;}

    .agent-apply .region{margin-top: 0;}
    .agent-apply .select{overflow: hidden;margin-bottom: 10px;}
    .agent-apply h6{font-size: 14px;color: #888;text-align: center;margin-bottom: 15px;}
    .agent-apply select{height: 34px;border: solid 1px #cbcbcc;width: 46%;float: left;color: #888;}
    .agent-apply select:last-child{float: right;}

    .agent-apply .agree{display: table;margin: 0 auto;}
    .agent-apply .agree input{display: inline-block;width: 16px;height: 16px;position: relative;top: 4px;}
    .agent-apply .agree p{display: inline-block;margin-left: 5px;font-size: 12px;color: #888;}

    .agent-apply .send{width: 160px;height: 46px;background: #3ab0ff;border-radius: 5px;display: block;margin: 0 auto;text-align: center;line-height: 46px;font-size: 18px;color: #fff;margin-top: 35px;text-decoration: none;transition: .3s;}
    .agent-apply .send:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


    /*
        about-page
    */
    .about-page{padding: 60px 15px 80px;overflow: hidden;}
    .about-page h1{font-size: 24px;color: #333;text-align: center;margin-bottom: 60px;}
    .about-page figure{width: 100%;height: auto;float: none;border: dashed 1px #bfbfbf;padding: 15px;margin-bottom: 30px;}
    .about-page img{width: 100%;}
    .about-page .con{width: 100%;float: none;}


    /*
        culture
    */
    .culture{width: 100%;height: auto;background-position: center;padding: 60px 15px;}
    .culture h1{font-size: 24px;color: #fff;margin-bottom: 25px;}
    .culture h2{font-size: 14px;color: #fff;line-height: 24px;margin-bottom: 30px;}
    .culture h3{margin-top: 70px;font-size: 24px;color: #3ab0ff;margin-bottom: 15px;}
    .culture h3:before{content: '';width: 20%;}
    .culture h3:after{content: '';width: 20%;}

    .culture .row{margin: 0 ;}
    .culture .list{padding: 0 ;margin-bottom: 30px;}


    /*
        about-album
    */
    .about-album{padding: 60px 15px 80px;text-align: center;}
    .about-album h1{font-size: 24px;color: #333;margin-bottom: 60px;}
    .about-album .row{margin: 0 ;}
    .about-album .list{padding: 0 ;margin-bottom: 40px;}




    /*\album-detail*/
    .album-detail{padding: 60px 15px 80px;}
    .album-detail h1{font-size: 24px;margin-bottom: 25px;color: #333;}
    .album-detail h2{padding: 0;line-height: 24px;}

    .album-detail .gallery-top img{max-width: 100%;max-height: 600px;}
    .album-detail .gallery-top figure{position: relative;max-width: 100%;display: inline-block;}

    .album-detail .gallery-thumbs{background: #313131;padding: 10px;}
    .album-detail .gallery-thumbs .swiper-slide{width: 100%;height: auto;}


    /*
        recruit
    */
    .recruit{padding: 60px 0 110px;}
    .recruit .container{width: 100%;}
    .recruit h1{font-size: 24px;color: #333;text-align: center;margin-bottom: 60px;}

    .recruit-bg{background: #fff;width: 100%;padding: 60px 15px;text-align: center;}
    .recruit-bg .nav-pills{display: inline-block;overflow: hidden;}
    .recruit-bg .nav-item{float: none;width: 220px;height: 60px;}


    .recruit .apply{position: static;margin: 30px auto 10px;}

    .welfare{overflow: hidden;width: 100%;display: inline-block;text-align: center;}
    .welfare figure{float: none;display: inline-block;  margin-bottom: 40px;}
    .welfare-con{float: none;text-align: left;}
    .welfare-con p{margin-bottom: 20px;}


    /*
        history-page
    */
    .history-page{background: #fff;padding: 60px 15px 80px;text-align: center;}
    .history-page h1{font-size: 30px;color: #333;margin-bottom: 60px;}

    .history-page .con{position: relative;padding: 40px 0 1px;}
    .history-page .line{display: none;}
    .history-page .circle{top: 0;}
    .history-page h6{width: 100%;font-size: 36px;float: none;margin-bottom: 25px}
    .history-page p{width: 100%;font-size: 14px;float: none;}
    .history-page .style{position: relative;overflow: hidden;margin-bottom: 60px;padding-top: 50px;}
    .history-page .style-a p,.history-page .style-b p{text-align: center;float: none;}
    .history-page .style-a h6,.history-page .style-b h6{text-align: center;float: none;}


        /*
            honor
        */
    .honor{background: linear-gradient(to right,#293142, #2a3c66 , #293142);padding: 60px 0 100px;text-align: center;}
    .honor h1{font-size: 24px;color: #fff;margin-bottom: 60px;}
    #honor{width: 100%;}
    .honor img{width: 60%;height: 240px;}

    .honor .swiper-button-next{background: none;margin-right: 30px;}
    .honor .swiper-button-prev{background: none;margin-left: -25px;}

    /*
        video
    */
    .video{text-align: center;padding: 60px 15px 100px;}
    .video h1{font-size: 24px;color: #333;margin-bottom: 60px;}
    .video p{font-size: 14px;color: #888;margin-top: 40px;}
    .media_bk{width: 100%;height: auto;}


    /*
        login-page
    */
    .login-page{padding: 80px 15px 20px;background-position: center;}
    .login-page .login-logo{margin-bottom: 50px;}

    .login-bg{width: 100%;background: #fff;padding: 50px 15px 60px;margin: 0 auto;border-top-left-radius: 10px;border-top-right-radius: 10px;}
    .login-bg h1{font-size: 30px;color: #3ab0ff;margin-bottom: 60px;}

    .login-bg .input{width: 100%;position: relative;margin-bottom: 15px;}
    .login-bg input{width: 100%;height: 50px;border: solid 1px #c4ccde;border-radius: 5px;outline: none;padding: 0 20px 0 120px;color: #859aa7;font-size: 16px;}
    .login-bg input::placeholder{font-size: 16px;color: #859aa7;opacity: 0.5;}
    .login-bg .input span{position: absolute;left: 20px;top: 12px;font-size: 16px;color: #859aa7;}
    .login-bg .line{width: 1px;height: 24px;background: #c4ccde;position: absolute;left: 100px;top: 13px;}
    .login-bg .code{width: 90px;height: 50px;background: #99a0b1;text-align: center;line-height: 50px;border-radius: 5px;position: absolute;top: 0;right: 0;transition: .3s;}
    .login-bg .code a{display: block;color: #fff;font-size: 16px;text-decoration: none;}
    .login-bg .code:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}


    .login-bg .operation{width: 160px;height: 54px;background: #3ab0ff;display: inline-block;border-radius: 5px;line-height: 54px;color: #fff;font-size: 20px;margin-top: 15px;text-decoration: none;transition: .3s;}
    .login-bg .operation:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}

    .other-operation{height: 70px;width: 100%;margin: 0 auto 30px;}
    .other-operation a{width: 50%;display: block;line-height: 70px;font-size: 18px;color: #fff;text-decoration: none;background: #4e5970;transition: .3s;}
    .other-operation a:hover{-webkit-filter: brightness(1.1);  filter: brightness(1.1);transition: .3s;}
    .other-operation .left{float: left;border-right: solid 1px #606a80;border-bottom-left-radius: 10px;}
    .other-operation .right{float: right;border-bottom-right-radius: 10px;}

    .back{font-size: 14px;color: #fff;opacity: .7;transition: .3s;}
    .back:hover{text-decoration: none;opacity: 1;transition: .3s;color: #fff;}
    .back i{font-size: 30px;position: relative;top: 6px;}

    .login-page .agree{display: table;margin: 20px auto;}
    .login-page .agree input{display: inline-block;width: 16px;height: 16px;position: relative;top: 4px;}
    .login-page .agree p{display: inline-block;margin-left: 5px;font-size: 12px;color: #888;}

    #mb-menu .menu-con .mb-menu li a{text-align: left;}

    /*
        login-copy
    */
    .login-copy{font-size: 12px;color: #fff;margin-top: 60px;opacity: .8;}

    .about-album .swiper-button-prev{display: none;}
    .about-album .swiper-button-next{display: none;}

}

@media all and (min-width: 1000px) and (max-width: 1920px) {
    #index-banner{opacity: 0;transition: .8s;}

    .index-pro-ser h1{opacity: 0;transition: .8s;}

    .index-pro-ser .list{padding: 0 30px;position: relative;top: 15px;opacity: 0;transition: 1s;}

    .index-pro-ser .list:nth-child(1){transition-delay: .2s;}
    .index-pro-ser .list:nth-child(2){transition-delay: .4s;}
    .index-pro-ser .list:nth-child(3){transition-delay: .6s;}

    .news-about{opacity: 0;transition: .8s;}

    .index-partner{opacity: 0;transition: .8s;}

}

@media all and (min-width: 1280px) and (max-width: 1680px) {
    .about-album .swiper-button-prev{left: 10px;}
    .about-album .swiper-button-next{right: 10px;}

}