/* 公共样式 */
body{font-size: 14px; color: #333; margin: 0 auto; font-family: "Microsoft YaHei","微软雅黑",Arial,sans-serif; /*font-family: -apple-system,"SF UI Text",Roboto,Noto,"Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;*/}
*{margin: 0; padding: 0; box-sizing: border-box;}
ul,dl,dd,dt,h2,p,h3,h4,h1{margin: 0;}
ul,li{list-style: none;}
i{font-style: normal;}
a{cursor: pointer;color: inherit;}
a:hover,a:focus{text-decoration: none; color: inherit;}

@font-face{font-family: "iconfont";
  src: url('../fonts/iconfont.eot'); /* IE9*/
  src: url('../fonts/iconfont.eot#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../fonts/iconfont.woff') format('woff'), /* chrome, firefox */
  url('../fonts/iconfont.ttf') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('../fonts/iconfont.svg#iconfont') format('svg'); /* iOS 4.1- */
}
.iconfont {
  font-family:"iconfont" !important;
  display:inline-block;
  vertical-align: middle;
  font-style:normal;
  -webkit-font-smoothing: antialiased;
  -webkit-text-stroke-width: 0px;
  -moz-osx-font-smoothing: grayscale;   
}

@font-face{
  font-family: 'impact';
  src:url('../fonts/impact.woff');
}
@font-face{
  font-family: 'rt';
  src:url('../fonts/pfr.ttf');
}

.img-responsive{display: block; margin: 0 auto; max-width: 100%;}
.flex,.flexC{ display: -webkit-box;display: -webkit-flex;  display: -ms-flexbox; display: flex;}
.flex>.sub,.flexC>.sub{ -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; overflow: hidden;}
.flexC{-webkit-flex-direction: column; flex-direction: column;}
.sb{justify-content: space-between;}
.jc{justify-content: center;}
.ai{-webkit-box-align:center;-moz-box-align:center;-o-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;}
.wrap{flex-wrap: wrap;}
.oneLine{white-space: nowrap;width: 100%;overflow: hidden;text-overflow: ellipsis;}
.twoLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;}
.threeLine{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;}
.no-padding{padding-left:0;padding-right: 0;}
.navbar{margin:0;border:none;background: none;color:#fff;}
.navbar-brand{height: auto;padding:20px 15px;display: inline-block;}
.navbar-collapse{padding:20px 0;}
.logo-m{display: none!important;}
.navbar-brand>img{max-height: 55px;}
.imghover{transition: all linear .6s;}
.imghover:hover{transform: scale(1.08);}
.mix{position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);}
.css3{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.css3l{-webkit-transition-duration: 1s; -ms-transition-duration: 1s; -o-transition-duration: 1s; -moz-transition-duration: 1s; transition-duration: 1s;}
.full_img{width:100%;height: 100%;object-fit: cover;object-position: center;position: absolute;left:0;top:0;}
.gray {-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;}
.gray:hover {-webkit-filter:grayscale(0%);-moz-filter:grayscale(0%);-ms-filter:grayscale(0%);-o-filter:grayscale(0%);filter:grayscale(0%);filter:gray;}


.more-btn{display: block;width: 168px;line-height: 48px;border:1px solid #000;text-align: center;color:#000;letter-spacing: 2px;border-radius:999px;overflow: hidden;font-size:17px;transition: all .3s;}
.more-btn.white{border-color:#fff;color:#fff;}
.more-btn:hover{background: #bf0000;color:#fff;border-color:#bf0000;}

.common_btn{position: relative;overflow: hidden;}
.common_btn>span{display:inline-block;vertical-align:middle;opacity:0;filter: alpha(opacity=0);color:#fff;-webkit-transform:translate3d(0,-10px,0);transform:translate3d(0,-10px,0);-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);vertical-align:0}
.common_btn::before{content:attr(c-text);position:absolute;top:0;left:10%;width:80%;height:100%;-webkit-transition:-webkit-transform .3s,opacity .3s;transition:transform .3s,opacity .3s;-webkit-transition-timing-function:cubic-bezier(.75,0,.125,1);transition-timing-function:cubic-bezier(.75,0,.125,1);display: none\0;}
.common_btn:hover .iconfont{color:#fff;}
/*.common_btn:hover{background:#bf0000;}*/
.common_btn:hover::before{opacity:0;filter: alpha(opacity=0);-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}
.common_btn:hover>span{opacity:1;filter: alpha(opacity=100);-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);display: inline-block;}
.common_btn>span.sep{width: 5px;height: 5px;display: inline-block;}
.common_btn:hover>span:nth-child(1){-webkit-transition-delay:45ms;transition-delay:45ms}
.common_btn:hover>span:nth-child(2){-webkit-transition-delay:.09s;transition-delay:.09s}
.common_btn:hover>span:nth-child(3){-webkit-transition-delay:.135s;transition-delay:.135s}
.common_btn:hover>span:nth-child(4){-webkit-transition-delay:.18s;transition-delay:.18s}
.common_btn:hover>span:nth-child(5){-webkit-transition-delay:.225s;transition-delay:.225s}
.common_btn:hover>span:nth-child(6){-webkit-transition-delay:.27s;transition-delay:.27s}
.common_btn:hover>span:nth-child(7){-webkit-transition-delay:.315s;transition-delay:.315s}
.common_btn:hover>span:nth-child(8){-webkit-transition-delay:.36s;transition-delay:.36s}
.common_btn:hover>span:nth-child(9){-webkit-transition-delay:.405s;transition-delay:.405s}
.common_btn:hover>span:nth-child(10){-webkit-transition-delay:.45s;transition-delay:.45s}
.common_btn:hover>span:nth-child(11){-webkit-transition-delay:.495s;transition-delay:.495s}
.common_btn:hover>span:nth-child(12){-webkit-transition-delay:.54s;transition-delay:.54s}
.common_btn:hover>span:nth-child(13){-webkit-transition-delay:.585s;transition-delay:.585s}
.common_btn:hover>span:nth-child(14){-webkit-transition-delay:.63s;transition-delay:.63s}
.common_btn:hover>span:nth-child(15){-webkit-transition-delay:.675s;transition-delay:.675s}
.common_btn:hover>span:nth-child(16){-webkit-transition-delay:.72s;transition-delay:.72s}
.common_btn:hover>span:nth-child(17){-webkit-transition-delay:.765s;transition-delay:.765s}
.common_btn:hover>span:nth-child(18){-webkit-transition-delay:.81s;transition-delay:.81s}
.common_btn:hover>span:nth-child(19){-webkit-transition-delay:.855s;transition-delay:.855s}
.common_btn:hover>span:nth-child(20){-webkit-transition-delay:.9s;transition-delay:.9s}
.common_btn.static_btn:hover{background:none;}
.common_btn.static_btn>span{color:#bf0000;}
.common_btn.static_btn::before{left:0;}

.common-btn{border-radius:999px;width:310px;text-align: center;max-width: 60%;margin-left:auto;margin-right: auto;display: block;line-height: 58px;border:3px solid #313131;}
.common-btn:hover{border-color:#bf0000;background: #bf0000;color:#fff;}


.container{width:1200px; max-width: 100%;}

@media (max-width: 1200px){
  .container{width: 95%;}
}
@media (max-width: 768px){
  .container{width: 100%;}
}
/* 公共样式 */


/* 导航部分 */
.header_top{width: 100%; line-height: 50px; background-color: #eee;}
.header_top .welcome{padding-left: 30px; background: url(../images/icon-welcome.png) no-repeat center left; background-size: 20px;}
.header_top .quote{display: inline-block; font-size: 14px; color: #fff; line-height: 20px; padding: 5px 15px; border-radius: 15px; background: #bf0000; margin-left: 15px;}
.header_top .quote:first-child{margin-left: 0;}

.header_mid{width: 100%; padding: 20px 0; background-color: #fff;}
.header_logo .logo{height: 80px; margin: 0;}
.header_logo .name{margin-left: 40px; position: relative;}
.header_logo .name::before{content: ""; width: 1px; height: 100%; background-color: #ccc; position: absolute; left: -20px; top: 0; z-index: 1;}
.header_logo .name h3{font-size: 30px; color: #000; line-height: 1;}
.header_logo .name p{font-size: 16px; color: #333; line-height: 1; margin-top: 10px;}
.header_contact{font-size: 24px; color: #bf0000; line-height: 50px; font-weight: bold; padding-left: 60px; background: url(../images/tel.png) no-repeat left center; background-size: contain;}
.header_contact:hover{color: #bf0000;}

.header_bot{width: 100%; background-color: #666;}
.nav{width: 100%;}
.nav li{width: 100%;}
.nav li a{display: block; width: 100%; padding: 0 15px; font-size: 16px; color: #fff; line-height: 50px; text-align: center;}
.nav li a.active, .nav li a:hover{background-color: #bf0000;}

@media (max-width: 768px){
  .header_top{line-height: 44px;}
  .header_top .welcome{width: 70%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}

  .header_mid{padding: 15px 0;}
  .header_logo .logo{height: 50px;}
  .header_logo .name{margin-left: 20px;}
  .header_logo .name::before{left: -10px;}
  .header_logo .name h3{font-size: 20px;}
  .header_logo .name p{font-size: 12px; margin-top: 6px;}
  .header_contact{display: none;}

  .header_bot .container{padding: 0;}
  .nav{display: block;}
  .nav li{width: 33.333%; float: left; border-bottom: 1px solid #fff; border-right: 1px solid #fff;}
  .nav li:nth-of-type(3n){border-right: none;}
  .nav li a{font-size: 14px; line-height: 36px; padding: 0;}
}
/* 导航部分 */


/* banner */
.banner{position: relative;}
.banner .slide-item-img{width:100%;height:auto;object-fit: cover;object-position: center;}

.banner .swiper-btn-box{position: absolute;z-index:10;left:50%;width: 100%;top: 50%; transform: translate(-50%,-50%);}
.banner .swiper-btn-prev,.banner .swiper-btn-next{float: left; width: 60px; height: 60px; border-radius: 50%; background-repeat: no-repeat; background-size: 50%; background-position: center; background-color: rgba(0,0,0,.5); transition: all .3s;}
.banner .swiper-btn-prev:hover,.banner .swiper-btn-next:hover{background-color: #bf0000;}
.banner .swiper-btn-prev{background-image: url(../images/icon-banner-prev.png);}
.banner .swiper-btn-next{background-image: url(../images/icon-banner-next.png); float: right;}

@media (max-width: 768px){
  .banner .slide-item-img{min-height: 60vw;}
  .banner .swiper-btn-prev,.banner .swiper-btn-next{width: 40px; height: 40px;}
}
/* banner */


/* location */
.strip{width: 100%; line-height: 50px; font-size: 16px; color: #333; border-bottom: 1px solid #aaa;}
.location{float: left; padding-left: 35px; background: url(../images/icon-home.png) no-repeat left center; background-size: 25px;}
.location a:hover{color: #bf0000;}

@media (max-width: 768px){
  .strip{line-height: 40px; font-size: 14px;}
  .location{float: unset; padding-left: 28px; background-size: 20px;}
}
/* location */


/* index */
.service{width: 100%; padding: 80px 0;}
.block_tit h3{font-size: 30px; color: #333; line-height: 1; font-weight: bold; text-align: center; position: relative;}
.block_tit h3::before{content: ""; width: 200px; height: 2px; background-color: #bf0000; position: absolute; top: 50%; right: 50%; transform: translateY(-50%); margin-right: 150px;}
.block_tit h3::after{content: ""; width: 200px; height: 2px; background-color: #bf0000; position: absolute; top: 50%; left: 50%; transform: translateY(-50%); margin-left: 150px;}
.block_tit p{font-size: 20px; color: #bf0000; line-height: 1; text-align: center; letter-spacing: 2px; margin-top: 20px;}

.service_item{width: 100%; margin-top: 50px;}
.service_item li{width: 23%; float: left; border: 1px solid #bf0000; border-radius: 10px; margin-right: 2.666%;}
.service_item li:last-child{margin-right: 0;}
.service_item li a{display: block; padding: 40px 20px;}
.service_item li img{display: block; width: 60%; margin: 0 auto;}
.service_item li .line{width: 100%; height: 1px; background-color: #bf0000; margin-top: 20px;}
.service_item li h3{font-size: 24px; color: #444; line-height: 1; text-align: center; margin: 25px 0;}
.service_item li span{display: block; width: 100%; font-size: 18px; color: #bf0000; line-height: 40px; text-align: center; border: 1px solid #bf0000; border-radius: 8px;}
.service_item li span:hover{background-color: #bf0000; color: #fff;}

@media (max-width: 768px){
  .service{padding: 50px 0;}
  .block_tit h3{font-size: 24px; overflow: hidden;}
  .block_tit h3::before{margin-right: 80px;}
  .block_tit h3::after{margin-left: 80px;}
  .block_tit p{font-size: 16px; letter-spacing: 1px; margin-top: 12px;}
  .service_item{margin-top: 20px;}
  .service_item li{width: 48%; margin-right: 4%; margin-top: 4%;}
  .service_item li:nth-of-type(2n){margin-right: 0;}
  .service_item li a{padding: 25px 15px;}
  .service_item li .line{margin-top: 15px;}
  .service_item li h3{font-size: 20px; margin: 20px 0;}
  .service_item li span{font-size: 16px; line-height: 36px;}
}

.adimg img{display: block; width: 100%;}
.adimg img.ad_web{display: none;}

@media (max-width: 768px){
  .adimg img.ad_pc{display: none;}
  .adimg img.ad_web{display: block;}
}

.case{width: 100%; padding: 80px 0;}
.case_list{width: 1000px; margin: auto; margin-top: 40px;}
.case_list li{float: left; margin-top: 20px;}
.case_list li:nth-of-type(1), .case_list li:nth-of-type(2), .case_list li:nth-of-type(3){width: 32%;}
.case_list li:nth-of-type(1), .case_list li:nth-of-type(2){margin-right: 2%;}
.case_list li:nth-of-type(4), .case_list li:nth-of-type(5){width: 48%;}
.case_list li:nth-of-type(4){margin-right: 4%;}
.case_list li img{display: block; width: 100%; cursor: zoom-in; transition: all .5s; box-shadow: 0 0 15px #aaa;}
.case_list li img:hover{transform: scale(1.05);}

@media (max-width: 768px){
  .case{padding: 50px 0;}
  .case_list{width: 100%; margin-top: 20px;}

  .album_wrap_case4 .album_case4 .right_btn {
    right: unset !important;
    top: 100% !important;
    left: 50%;
    transform: translateX(-50%);
  }
}

.blockt{margin-bottom: 80px;}
.blockt li{width: 49.5%; cursor: pointer; position: relative; overflow: hidden;}
.blockt li img{display: block; width: 100%; height: 210px; object-fit: cover;}
.blockt li .cover{display: block; width: 100%; height: 100%; background: rgba(191, 0, 0, .6); position: absolute; left: 0; top: 100%; z-index: 10; padding: 25px 30px; transition: all .5s;}
.blockt li .cover h3{font-size: 20px; color: #fff; line-height: 1; font-weight: bold; margin-bottom: 10px;}
.blockt li .cover p{font-size: 14px; color: #fff; line-height: 22px;}
.blockt li .cover span{display: inline-block; font-size: 14px; color: #fff; line-height: 30px; padding: 0 15px; border: 1px solid #fff; border-radius: 15px; margin-top: 15px;}
.blockt li .cover span i{display: inline-block; width: 20px; height: 20px; background: url(../images/icon-banner-next.png) no-repeat center; background-size: cover; margin-top: 5px; margin-left: 5px; float: right;}
.blockt li.iabout .cover p{text-overflow:-o-ellipsis-lastline;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;}
.blockt li:hover .cover{top: 0;}

@media (max-width: 768px){
  .blockt{display: block; margin-bottom: 50px;}
  .blockt li{width: 100%; margin-bottom: 30px;}
  .blockt li .cover{top: 0; padding: 25px 20px;}
}
/* index */


/* footer */
.footer{width: 100%; background-color: #0b172f; padding: 40px 0;}
.footer p{font-size: 14px; color: #fff; line-height: 30px; text-align: center; letter-spacing: 1px;}
.footer p span{display: inline-block; width: 15px;}
@media (max-width: 768px){
  .footer p span{display: block;}
}
/* footer */


/* about */
.about{width: 100%; padding: 80px 0;}
.introduce{margin-bottom: 80px;}
.about_tit{width: 100%; font-size: 16px; color: #999; line-height: 1; margin-bottom: 30px;}
.about_tit strong{font-size: 30px; color: #bf0000; margin-right: 10px;}
.introduce_con{font-size: 16px; color: #444; line-height: 30px; text-indent: 2em;}
.introduce_img{width: 100%; overflow: hidden;}
.introduce_img img{display: block; float: left; width: 49%; margin-top: 2%;}
.introduce_img img:nth-of-type(2n-1){margin-right: 2%;}
.team{margin-bottom: 40px;}
.team_con{font-size: 16px; color: #444; line-height: 30px; text-indent: 2em;}
.team_img{margin-top: 30px;}
.team_img img{display: block; max-width: 100%; margin: auto;}
.policy_con{font-size: 24px; font-weight: bold; line-height: 30px; letter-spacing: 2px; text-indent: 2em; margin-bottom: 50px;}
.objectives_con{font-size: 16px; color: #444; line-height: 30px; text-indent: 2em;}

@media (max-width: 768px){
  .about{padding: 40px 0;}
  .introduce{margin-bottom: 40px;}
  .about_tit{font-size: 14px; margin-bottom: 20px;}
  .about_tit strong{font-size: 24px;}
  .introduce_con{font-size: 14px; line-height: 26px;}
  .introduce_img{margin-top: 10px;}
  .team{margin-bottom: 20px;}
  .team_con{font-size: 14px; line-height: 26px;}
  .team_img{margin-top: 20px;}
  .policy_con{font-size: 20px; margin-bottom: 30px;}
  .objectives_con{font-size: 14px; line-height: 26px;}
}
/* about */


/* contact */
.contact{width: 100%; padding: 80px 0;}
.contact_info{margin: auto;}
.contact_info li{width: 50%; float: left; margin-bottom: 80px;}
.contact_info li img{display: block; width: 60px; margin: auto; transition: all .5s;}
.contact_info li p{font-size: 20px; color: #555; line-height: 1; text-align: center; margin-top: 20px;}
.contact_info li:hover img{transform: rotateY(360deg);}

.cmap{width: 100%; height: 500px;}
.cmap #contmap{width: 100%; height: 100%;}

@media (max-width: 768px){
  .contact{padding: 40px 0;}
  .contact_info li{width: 100%; float: unset; margin-bottom: 30px;}
  .contact_info li img{width: 50px;}
  .contact_info li p{font-size: 20px; margin-top: 15px;}
  .cmap{height: 400px;}
}
/* contact */


/* page */
.page{width: 100%; padding: 80px 0;}
.page h1{font-size: 32px; color: #bf0000; line-height: 1; text-align: center; margin-bottom: 25px;}
.page h3{font-size: 26px; color: #bf0000; line-height: 1; margin-top: 30px; margin-bottom: 20px;}
.page p{font-size: 16px; color: #444; line-height: 30px; text-indent: 2em; margin-bottom: 10px;}
.page img{display: block; max-width: 100%; margin: 20px auto;}

.dot_pro p{margin: 0;}

@media (max-width: 768px){
  .page{padding: 40px 0;}
  .page h1{font-size: 26px; margin-bottom: 20px;}
  .page p{font-size: 14px; line-height: 26px;}
}
/* page */


/* 证书展示 */
.zs_top{width: 100%; background-color: #0b172f; padding: 30px 0;}
.zs_tit{font-size: 24px; color: #fff; line-height: 40px; text-align: center; letter-spacing: 2px;}
.zs_show{width: 100%; padding: 80px 0;}
.zs_flex{text-align: center;}
.zs_info{width: auto; display: inline-block; text-align: left;}
.zs_info h3{font-size: 30px; color: #000; line-height: 40px; margin-bottom: 10px;}
.zs_info h3 i{display: inline-block; width: 30px; height: 35px; background: url(../images/icon-renz.png) no-repeat center; background-size: contain; vertical-align: middle; margin-right: 6px; margin-top: -6px;}
.zs_info p{font-size: 16px; color: #444; line-height: 40px;}
.zs_info p span{font-weight: bold; color: #000; margin-left: 10px;}
.zs_info p span.zt{display: inline-block; background-color: #bf0000; font-size: 15px; color: #fff; line-height: 34px; padding: 0 16px; border-radius: 5px;}
.zs_img{width: auto; margin-top: 20px;}
.zs_img img{display: block; max-width: 600px; max-height: 600px; margin: 0 auto 20px;}
.zs_down{display: block; width: 160px; font-size: 15px; color: #fff; line-height: 42px; text-align: center; background-color: #bf0000; border-radius: 10px; margin: auto;}
.zs_down i{display: inline-block; width: 24px; height: 24px; background: url(../images/icon-down.png) no-repeat center; background-size: contain; vertical-align: middle; margin-right: 8px; margin-top: -2px;}
.zs_down:hover, .zs_down:focus{color: #fff;}

@media (max-width: 768px){
  .zs_top{padding: 20px 0;}
  .zs_tit{font-size: 20px;}
  .zs_show{padding: 40px 0;}
  .zs_info{width: 100%;}
  .zs_info h3{font-size: 24px; line-height: 36px;}
  .zs_info h3 i{width: 24px;}
  .zs_info p{font-size: 15px; line-height: 36px;}
  .zs_info p span.zt{font-size: 14px; line-height: 32px;}
  .zs_img img{max-width: 100%;}
  .zs_down{width: 150px; line-height: 40px;}
}
/* 证书展示 */


/* 登录页面 */
.login_p{width: 100vw; height: 100vh; background: linear-gradient(to top right, #35a6e8 0%, #78e4ca 100%); display: flex; align-items: center; justify-content: center;}
.login_box{width: 500px; margin-top: -8vh;}
.login_box h3{font-size: 30px; color: #fff; line-height: 40px; text-align: center; letter-spacing: 1px; margin-bottom: 20px;}
.login_box .content{width: 100%; background: #fff; border-radius: 8px; padding: 50px 40px;}
.form_group{width: 100%; margin-bottom: 20px;}
.form_input{width: 100%; font-size: 16px; color: #333; line-height: 30px; padding: 10px 15px; border: 1px solid #ccc; border-radius: 8px; background: none; outline: none;}
.form_end{margin-top: 35px;}
.form_button{width: 100%; font-size: 20px; color: #fff; line-height: 30px; font-weight: bold; padding: 10px 15px; border: 1px solid #bf0000; border-radius: 8px; background: #bf0000; outline: none;}

@media (max-width: 768px){
  .login_box{width: 90%; margin: auto;}
  .login_box h3{font-size: 26px; margin-bottom: 15px;}
  .login_box .content{padding: 30px 25px;}
  .form_group{margin-bottom: 15px;}
  .form_input{line-height: 24px;}
  .form_end{margin-top: 25px;}
  .form_button{font-size: 18px; line-height: 24px;}
}
/* 登录页面 */