/* 
    Created on : 2018-4-19, 10:54:41
    Author     : Cubbon
    Web name   : 台湾瑞文公司网站
*/
/*public*/
@charset "utf-8";

/*public*/
img{max-width: 100%}
a{color:#333;transition: all .5s;}
a:hover, a:focus{color: #666}
.am-g-fixed{max-width: 1200px;}
.btn-tw{color: #fff;background-color: #97d065;border: 1px solid #fff;text-transform: uppercase;}
.btn-tw:hover,.btn-tw:focus{color: #fff;background: #5f873c;}
.btn-tw2{color: #97d065;background-color: transparent;border: 1px solid #97d065;text-transform: uppercase;}
.btn-tw2:hover,.btn-tw2:focus{color: #fff;background: #97d065;}
.btn-tw3{padding-left: 80px;padding-right: 80px;background-color: #97d065;color:#fff;font-size:1.6rem;box-shadow: 0 0 8px #97d065;border-color: #97d065;text-transform:uppercase;margin: 2rem 0;transition:all .5s;}
.btn-tw3:hover,.btn-tw3:focus{color: #97d065;border-radius:5px;box-shadow: 0 0 8px #97d065;background-color: transparent;}

.line-clamp2{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.line-clamp3{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.line-clamp4{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4;-webkit-box-orient: vertical;}
.line-clamp5{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;}
::-webkit-scrollbar {width:5px;height:5px;}
.am-article-bd img{display:inline}
/* Track */
::-webkit-scrollbar-track { -webkit-border-radius: 5px;border-radius: 5px;}
/* Handle */
::-webkit-scrollbar-thumb {-webkit-border-radius: 5px;border-radius: 5px;background:#97d065;}

.am-article-title{font-size: 2.4rem;margin-top: 2rem}
.no_pro{text-align:center;border: 1px solid #ddd;line-height:  3;font-size: 130%;box-shadow: 0 0 5px #333;width:  80%;margin-top: 24px;margin-left:  auto;margin-right: auto;overflow:  hidden;border-radius: 3px;color:#666}

.page{margin: 2rem 0}
.page a{padding: 0 .5rem;}
.page a:first-child,
.page a:last-child{border: 1px solid #ccc;padding: .5rem 2rem;color: #ccc;margin: 0 .5rem;}

/*header*/
#logo{position:  absolute;width:  1200px;z-index:  3;left: 50%;margin-left: -600px;}
.banner{position: relative}
.banner .swiper-pagination{top: 50%;width: 30px;margin-top: -100px;}
.banner .swiper-pagination:before{content: '';border-left: 2px solid #fff;position:  absolute;height: calc(100% - 42px);left: 14px;top: 15px;}
.banner .swiper-pagination-bullet{width: 30px;height: 30px;border: 2px solid transparent;background: transparent;margin-bottom: 5px;position:  relative;opacity: 1;}
.banner .swiper-pagination-bullet:before{content: '';width:  14px;height:  14px;background:  #fff;position:  absolute;border-radius: 100%;left: 6px;top: 6px;}
.banner .swiper-pagination-bullet-active{border: 2px solid #fff;}

nav .nav{background: #fff;position: relative;box-shadow: 0 6px 20px #d9d9d9;padding: 2rem 0;margin-top: -38px;z-index:  1;text-transform: uppercase}
nav .nav>li{position: relative}
nav .nav>li:hover .sub_menu {display: block;}
nav .nav>li>a{color: #666;font-weight: 600;font-size: 18px;}
nav .nav>li>a:hover{color: #7acca8}
nav .nav>li>a span{display: block;font-size: 14px;}
nav .nav .sub_menu{display: none;position: absolute;background: #fff;box-shadow: 0 0 20px #d9d9d9;width: 100%;border-radius: 5px;padding: 5px 15px;padding-bottom: 0;top: 65px;}
nav .nav .sub_menu li{border-bottom:1px solid #e1e1e1;padding: 12px 20px;}
nav .nav .sub_menu li:last-child{border-bottom:none;}
nav .nav .sub_menu li a{display:block;line-height: 1;color:#999;border-left:2px solid transparent}
nav .nav .sub_menu li a:hover{border-left:2px solid #97d065;}
nav .nav .sub_menu:before{content: '';position: absolute;border-left: 15px solid transparent;border-right: 15px solid transparent;border-bottom: 15px solid #ffffff;top: -15px;left: 50%;margin-left: -15px;}

/*手机页头*/
.p_header{}
.p_header .am-header-default{background: #fff;border-bottom: 1px solid #ddd;margin-bottom: 1rem;}
.am-header .am-header-title{margin:0}
.p_header .am-header .am-header-title img{height:49px;margin:0}
.p_header .am-header-default a{color: #97d065}
.p_header .cha{position:  relative;}
.p_header .cha span{width: 26px;height: 2px;background: #97d065;display: block;margin: 12px 0;position:  absolute;left: 4px;transition: all .3s}
.p_header .cha .up{top: -24px;transform: rotate(0deg);}
.p_header .cha .down{top: -16px;transform: rotate(0deg);}
.p_header .cha.close .up{top: -20px;transform: rotate(45deg);}
.p_header .cha.close .down{top: -20px;transform: rotate(-45deg);}

#menu{background: transparent}
#menu .am-offcanvas-bar{width: 80%;background: #fff;}
#menu .am-offcanvas-bar:after {content: "";display: block;position: absolute;top: 0;bottom: 0;right: 0;width: 1px;background: #d1d1d1;box-shadow: 0 0 20px #000;}
#menu .am-menu-nav{}
#menu .am-menu-nav>li{border-bottom: 1px solid #ddd;}
#menu .am-menu-nav .am-open>a{background: #97d065;color: #fff}
#menu .am-menu-nav>li a{color: #666;transition: all .3s;}
#menu .am-menu-nav>li>a{height: 44px;line-height: 44px;text-indent: 15px;padding: 0;position: relative;color: #666;}
#menu .am-menu-nav>.am-parent>a:after{content: "\f104";position: absolute;right: 1.5rem;}
#menu .am-menu-nav>.am-parent.am-open>a:after{content: "\f107"}
#menu .am-menu-sub{padding: 5px 0 5px 15px;background: #eaeaea}

/*home*/
.tit{position: relative;font-weight: 500;line-height: 1;margin-top: 4rem}
.tit:before{content: '';width: 30px;position:  absolute;height:  2px;background: #999;bottom: -1rem;}
.tit small{text-transform: uppercase;display: block;color: #666;font-size: 1.4rem;display: inline-block}
.h_about{margin: 0 -8px}
.h_about a{display: block;margin: 8px}
.h_about a:hover{box-shadow: 0 0 12px #97d065}
.h_about a:hover .con{background: #97d065;color: #fff}
.h_about a:hover .con i{color: #fff}
.h_about a:hover .con h3{color:#fff;}
.h_about a img{width: 100%}
.h_about .con{height: 172px;transition: all .5s;padding: 1rem 3rem;color: #9a9a9a;}
.h_about .con i{color: transparent;font-size: 2rem}
.h_about .con h3{position:  relative;color:#3f3f3f;}
.h_about .con h3:after{content:"____";position:absolute;bottom: -10px;left: 50%;margin-left: -10px;}
.h_about .con .desc{}

.p_about{position: relative}
.p_about .swiper-container{width: calc(100% - 66px)}
.p_about .next,
.p_about .prev{position: absolute;font-size:  3rem;top: 20%;color: #999}
.p_about .next{right:5px}
.p_about .prev{left:5px;}
.p_about .con{padding-bottom: 2rem;}
.p_about .con .desc{height:50px;}
.p_about .con h3{margin-top: 1rem;margin-bottom: 0}

.h_news{background: #f7f8fc;padding-bottom: 4rem;}
.h_news .list{list-style: none;margin: 0;padding: 0;}
.h_news .list h2{margin-bottom: 0;position:  relative;}
.h_news .list h2:before{content:'';width: 60px;position:  absolute;border-bottom: 2px solid #98d17e;left: -80px;top: 20px;}
.h_news .list li .time{color: #999}
.h_news .list li.tou{float: left;width: 70%}
.h_news .list li.tou .time{margin-bottom: 2rem}
.h_news .list li.tou .img,
.h_news .list li.tou .con{float: left;}
.h_news .list li.tou .img{width: 288px;height: 188px;}
.h_news .list li.tou .con{width: 500px;padding-left: 4rem;}
.h_news .list li.tou .con .desc{font-size: 1.4rem;margin-bottom: 2rem;color: #666}
.h_news .list li .more{padding-left: 2rem;padding-right: 2rem}
.h_news .list li h3{padding-left: 84px;margin-bottom: 0;color: #666;font-size: 1.4rem;}
.h_news .list li.zi{float: left;width: 30%;position:  relative;margin-bottom: 1.3rem;}
.h_news .list li.zi .time{display: inline-block;font-size: 1.4rem;position:  absolute;left: 0;top: 1px;}

.h_news .list2{margin: 1rem;}
.h_news .list2 li{border-bottom: 1px solid #ddd;padding-bottom: .5rem;padding-top: .5rem;width: 100%;}
.h_news .list2 li:last-child{border-bottom-color: transparent}
.h_news .list2 h3{color: #333;margin-top: .5rem;margin-bottom: 0;margin-left: 1rem;}
.h_news .list2 .time{font-size: 1.4rem;color: #999;margin-left: 1rem;}
.h_news_more{background-color:#f8f8f8;}

.service{}
#certify {position: relative;width: 1200px;margin: 0 auto}
#certify .swiper-container {padding-bottom: 60px;}
#certify .swiper-slide {width: 520px;background: #fff;box-shadow: 0 8px 30px #ddd;padding: 1rem;}
#certify .swiper-slide img {display: block;}
#certify .swiper-slide p {background: rgba(255, 255, 255, .5);padding-top: 0;text-align: center;color: #fff;font-size: 1.1em;margin: 0;position:  absolute;bottom: 1rem;width: calc(100% - 2rem);text-align:  left;text-indent: 1em;line-height: 2.5;opacity: 0;transition: all .5s;height:43px;}
#certify .swiper-pagination {width: 20%;top: -60px;right: 100px;text-align:  right;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet {margin: 0 5px;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;border-radius:  unset;}
#certify .swiper-pagination-bullets .swiper-pagination-bullet-active {background-color: #97d065;}
#certify .prev,
#certify .next{position: absolute;top: -66px;background: #ddd;text-align:  center;height: 40px;line-height: 40px;font-size: 18px;color: #fff;}
#certify .prev {right: 40px;width: 40px;}
#certify .prev:hover {background-position: 0 -46px;background-size: 100%}
#certify .next {right: 0;width: 40px;}
#certify .next:hover {background-position: 0 -139px;background-size: 100%}
#certify .swiper-slide-active p{opacity: 1}

.service .list2{margin: 1rem;}
.service .list2 img{box-shadow: 0 2px 5px #ddd}
.service .list2 h3{margin-bottom: 0;}
.service .list2 .sub_tit{color: #666;font-size: 1.4rem;height:22px}
.service .list2 .desc{margin: .5rem 1.5rem 2rem 1.5rem;}


.joinus{background: #f7f8fc;margin-bottom: 4rem;}
.ju{background: url(../img/ju_bg.png) no-repeat center bottom;height: 479px;margin-top: -66px;}
.ju_k{height: 428px;}
.ju_k .title{margin-top: 50px;}
.ju_k .title h1{display:  inline-block;background: rgba(255, 255, 255, 0.75);padding: 22px 80px;margin: 0;font-size:  3rem;font-weight: 500;color: #666;}
.ju_k .num{font-size: 24px;font-weight: 600;margin-top: -40px;}
.ju_k .num span{border-bottom: 4px solid #97d065;}
.ju_k .desc{width: 480px;margin-top: 23px;font-size: 1.4rem;height: 200px;overflow:  hidden;}
.joinus .swiper-pagination{width:  50px;right:  0;top: 50%;left: auto;height: 190px;margin-top: -100px;}
.joinus .swiper-pagination-bullet{width:  50px;height:  50px;margin:  0 !important;margin-bottom: 20px !important;font-size: 1.6rem;line-height:  50px;color: #fff;background: #97d065;}
.joinus .swiper-pagination-bullet:last-child{margin-bottom: 0 !important;}

.abs{}
.abs .desc{padding: 1rem;}

.mb{line-height: 1;font-size: 1.4rem;color: #d4d4d4;text-align: right}
.mb .am-breadcrumb{display: inline-block;font-size: 1.4rem;}
.mb .am-breadcrumb a{color: #d4d4d4;}
.mb .am-breadcrumb>.am-active{color: #d4d4d4}

/*news*/
.news .list2{margin:0 1rem;}
.news .list2 li{border-bottom: 1px solid #ddd;padding-bottom: .5rem;padding-top: .5rem;width: 100%;}
.news .list2 li:last-child{border-bottom-color: transparent}
.news .list2 h3{color: #333;margin-top: .5rem;margin-bottom: 0;margin-left: 1rem;}
.news .list2 .time{font-size: 1.4rem;color: #999;margin-left: 1rem;}
.news_more{background-color:#f8f8f8;}

.news .list3{}
.news .list3 li{border-bottom: 1px solid #ddd;padding-bottom: 2.5rem;padding-top: 2.5rem;width: 100%;}
.news .list3 li:last-child{border-bottom-color: transparent}
.news .list3 h3{color: #333;margin-bottom:  1rem;margin-top: .5rem;font-weight: 500;padding-right: 2rem;}
.news .list3 .time{color: #999;font-size: 2.6rem;position:  relative;padding-left: 1em;}
.news .list3 .time:before{content:"";position:  absolute;width:  46px;height:  1px;background-color: #ddd;right: 33px;top: 20px;}
.news .list3 .desc{font-size:1.4rem;color: #666;padding-right: 10rem;}

.qie{border-bottom:  1px solid #ddd;margin:  0;padding: 0;list-style:  none;font-size:1.8rem;}
.qie li{display: inline-block;margin: 1.5rem;border-top: 2px solid transparent;padding-top: 2rem;margin-top: 0;}
.qie li.action{border-top-color:#0f84c7}

.pros{}
.pros img{width: 100%}
.pros .list{}
.pros .list a{display: block;padding: 1rem 0;margin: 0 1rem;border-top: 1px solid #ededed;margin-bottom: 2rem;}
.pros .list a:hover,
.pros .list a:focus{border-top-color:#7fbde1}
.pros .list .title{position: relative;margin-bottom: 12px}
.pros .list .title i{position: absolute;right: 0;font-size: 12px;color: #999;border-left: 1px solid #999;height: 14px;line-height: 12px;padding-left: 4px;top: 6px;}
.pros .list .desc{color: #666;font-size: 1.4rem;margin-bottom: 5px;height:22px;}

.cate{}
.cate.action li{display: none;}
.cate.action li:first-child,
.cate.action li:last-child{display: block}

.liuda{border-bottom: 1px solid #ccc;padding: 0 1rem;margin-top: 3rem}
.liuda h3{border-bottom: 1px solid #ccc;margin-bottom: 1rem;padding-bottom: 1rem;font-size: 2rem}
.liuda .desc{padding-bottom: 3rem}

.map{width: 100%;height: 300px;}

.gbook{}
.gbook .am-form-horizontal .am-form-label{padding-right:20px;font-weight:500}

/*表单*/
.login-box{position:relative}
.login-box h3.title{text-align: center;padding:8px;font-weight: 600;margin:0}
.zcnext{position: absolute;right: 20px;top: 15px;padding:5px;font-size:14px;background:  transparent;color: #99d169;}

.login-form{background: rgba(255, 255, 255, .7);width: 100%;}
.login-form form{max-width:320px;margin:20px auto ;}
.login-form .user-name,
.login-form .user-pass,
.login-form .user-email,
.login-form .user-phone,
.login-form .verification{position: relative;height: 42px;margin-bottom:5px;}
.login-form form label{position:absolute;display: block;width: 40px;height: 40px;line-height: 40px;background: transparent;text-align: center;top:1px;left:1px;}
.login-form form input{font-size: 14px;line-height: 18px;height:42px;padding: 11px 8px 11px 50px;width:100%;border: 1px solid #99d169;border-radius:  5px;background: transparent;}
.login-form input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px #fff inset;}

.login-links{max-width:320px;margin:20px auto ;font-size:14px;}

.submit{max-width:320px;margin:0 auto;}
/*表单 end*/

footer{background: #f7f8fc;padding: 3rem 0; }
footer .logo{border-bottom: 1px solid #333;}

@media only screen and (min-width: 1025px){
  .nav{padding: .5rem 0}
  .bot_list h3:after{display: none;}
  .am-with-fixed-navbar{padding-bottom: 0}
  .am-gotop-fixed{right: 15%}
  .news .tit{display: none;}
  
  .login-banner,
  .res-banner{width:100%;height:100%; background:url(../img/login_bg.jpg) no-repeat top center;}
  .login-main,
  .res-main{height:100%;margin:0px auto;position:relative;}
  .login-box,
  .login-box2 {width: 100%;max-width:360px;height: 320px;position: absolute;margin-left:0px;background: rgba(255, 255, 255, .7);right: 8%;padding:10px 20px;border: 1px solid #ddd;border-radius: 10px;top: 50%;margin-top: -160px;}
}

@media only screen and (min-width: 641px){

}
@media only screen and (max-width: 1024px){
  .banner .swiper-pagination{left: 24px}
  body{background: #f8f8f8}
  .tit{text-align: center;margin-top: 3rem}
  .tit small{padding: 1px 7px;position:  relative;z-index: 1;}
  .tit.t1 small{background: #f8f8f8;}
  .tit:before{bottom: 7px;width: 140px;left: 50%;margin-left: -70px;}
  .h_news{background: #fff;padding-bottom: 0}
  .h_news .tit small{background: #fff}
  .joinus{background: #fff}
  .news .tit{margin-top: 1rem;margin-bottom: .5rem}
  .cates{padding-bottom: 80px;}
  .cate{width: 100%;box-shadow: 0 0 10px #e3e0e0;position:absolute;text-align: center;z-index: 1}
  .cate li{background-color: rgba(255,255,255,.96);font-size: 1.5rem;line-height: 40px;border-bottom: 1px solid #f1f1f1;}
  .cate li a{display: block;color: #333;transition: all .5s;}
  .cate li.action a{background-color: #97d065;color: #fff}
  #shou{background: url(../img/cate_bg.png) no-repeat center center;font-size: 1.2rem;position:  absolute;bottom: -39px;height: 40px;line-height: 24px;border-bottom-color: transparent;}
  .gbook{display: none;}
  .am-modal-actions-group .header{border-bottom:1px solid #ccc;margin: -10px -10px 0 -10px;padding: 10px;}
  .am-modal-actions-group .header h1{margin:0;font-size: 2rem;}
  .am-modal-actions-group .header span{font-size:2rem;color:#999}
  
  .zcnext{top:5px}
}
@media only screen and (min-width: 1025px){
  .banner .swiper-pagination{left: 10%}
  .cates{padding-bottom: 160px;}
  .cate{width: 300px;box-shadow: 0 0 10px #e3e0e0;position:absolute;text-align: center;z-index: 1}
  .cate li{background-color: rgba(255,255,255,.96);font-size: 1.8rem;}
  .cate li a{display: block;line-height: 80px;border-bottom: 1px solid #f1f1f1;color: #9a9a9a;transition: all .5s;}
  .cate li a:hover,
  .cate li a:focus,
  .cate li.action a{background-color: #97d065;color: #fff}
}
@media only screen and (max-width: 640px){

}