.com-width{width: 1200px;margin: 0 auto;}
.com-width-1300{width: 1300px;margin: 0 auto;}
.header .nav li:hover>a,
.header .nav li.active>a{color: #fff;}
.hide{display: none;}
.news-list li h3 a:hover,
.cert-list a:hover{color: #006634;}

/* header */
.header{width: 100%;}
.header .nav-bar{margin: 0 auto;position: relative;}
.header .logo-search{position: relative;padding-top: 20px;height: 80px;box-sizing: border-box;}
.header .logo-search .logo{display: inline-block;}
.header .logo-search .logo img{display: block;}
.header .logo-search .logo-text{margin-left: 50px;margin-top: 10px;}
.header .logo-search .search{margin-top: 24px;}
.header .search .search-input{width: 280px;height: 30px;line-height: 28px;border: 1px solid #e6e6e6;padding-left: 10px;box-shadow: inset 0 0 4px #e6e6e6}
.header .search button{width:80px;height: 30px;line-height: 30px;cursor: pointer; border: none;color: #fff;font-size: 12px;background: #63a544;}
.header .nav{margin: 10px 0; text-align: center; width: 100%;}
.header .nav li{display: inline-block;position: relative;margin: 0 15px;text-align: center;padding-bottom: 31px;height: 60px;}
.header .nav li.active,
.header .nav li:hover{background: #006634;}
/*.header .nav li.last{margin-right: 0;}
.header .nav li.last a{padding-right: 0;}*/
.header .nav li>a{font-size: 16px;color: #494949;display: inline-block;position: relative;font-weight: normal;padding: 0 18px;line-height: 20px;margin-top: 18px;}

.banner{width:100%;position:relative;overflow:hidden;z-index: 1;margin: 0 auto;height: 400px;max-width: 1920px;}
.banner .slides{position:relative;z-index:1;height: 100%}
.banner .slides li{position: relative;}
.banner .slides li a{text-align: center;display: block;overflow: hidden;height: 400px}
.banner .slides li a img{display: block;width: 100%;height: 100%;}
.banner .slides li span{display: block;position: absolute;left: 50%;bottom: 14px;font-size: 16px;color: #fff;margin-left: -600px;z-index: 999;}
.slide-hd{bottom: 20px;text-align: center;position: absolute;left:0;width: 100%;z-index: 99;height: 20px;}
.slide-hd li{display: inline-block; position: relative; width: 15px; height: 15px;overflow: hidden; text-align: center;margin: 0 8px; cursor: pointer;background: #006634;border-radius: 50%;}
.slide-hd li.on{background: #ffffff;}
.banner .icon-prev,
.banner .icon-next{position: absolute;top: 50%;width: 50px;height: 40px;margin-top: -20px;z-index: 10;cursor: pointer;background: #000 url(../images/icon_prev_next.png) no-repeat;opacity: 0.6;}
.team-prev-next a{top: 33%;}
.banner .prev-next a:after{display: block;content: '';width: 44px;height: 44px;background: #000;opacity: 0.6;position: absolute;left: 0;top:0;border-radius: 22px;z-index: -1;}
.banner .icon-prev{background-position: 20px 12px;left: 50%;margin-left: -650px;}
.banner .icon-next{background-position: -9px 12px;right: 50%;margin-right: -650px;}

.index-hd{text-align: center;padding-top: 50px;}
.index-hd h3{color: #424242;font-size: 24px;line-height: 28px;display: inline-block;position: relative;}
.index-hd h3 em{display: block;font-size: 12px;color: #006634;font-weight: lighter;}

.index-service{}
.index-service-list{margin-top: 60px;padding-bottom: 60px;}
.index-service .service-item{width: 300px;box-sizing: border-box;padding: 0 20px;float: left;text-align: center;}
.index-service .service-item h3{font-size: 16px;color: #5f5f5f;margin: 30px 0;}
.index-service .service-item p{text-align: left;font-size: 12px;line-height: 24px;color: #929292;max-height: 100px;overflow: hidden;}

.index-team{padding-bottom: 20px;}
.team-slides{overflow: hidden;position: relative;padding: 0 50px;margin-top: 40px;z-index: 0;}
.team-slides .tempWrap{width: 1200px !important;margin-bottom: 30px;}
.team-list{margin-top: 20px;}
.team-list li{width: 224px;float: left;margin-right: 20px;margin-bottom: 40px;}
.index-team .team-list li{margin-bottom: 0;}
.team-list li.last{margin-right: 0;}
.team-list li .pic{height: 260px;overflow: hidden;display: block;}
.team-list li .pic img{height: 260px;overflow: hidden;}
.team-list li .team-txt{height: 100px;background: #bbbbbb;padding: 10px;}
.team-list li .team-txt span{font-size: 13px;color: #535353;font-weight: lighter;}
.team-list li .team-txt span em{font-size: 18px;color: #303030;position: relative;margin-right: 30px;}
.team-list li .team-txt em:after{position: absolute;content: "";left: 50%;margin-left: -10px;bottom: -6px;width: 20px;height: 2px;background: #919191;}
.team-list li .team-txt p{line-height: 22px;color: #303030;font-size: 18px;font-weight: lighter;margin-top: 6px;

display: -webkit-box; /* 需要浏览器支持WebKit */
  -webkit-line-clamp:3; /* 显示的最大行数 */
  -webkit-box-orient: vertical; /* 设置布局方向为垂直 */
  overflow: hidden; /* 隐藏超出的部分 */
  max-width: 100%; /* 可以根据需要设置宽度 */
  text-overflow: ellipsis; /* 添加省略号 */

}
.team-list li .view-more{display: block;text-align: right;height: 36px;border: 1px solid #bbbbbb;font-size: 14px;color: #bbbbbb;padding-right: 30px;line-height: 36px;}
.team-list li:hover .view-more{background: #006634;}
.team-list li .pic img{
    -webkit-transition: all .6s ease-in-out;
    -moz-transition: all .6s ease-in-out;
    -o-transition: all .6s ease-in-out;
    transition: all .6s ease-in-out;
    -webkit-transform: scaleY(1);
    -moz-transform: scaleY(1);
    -o-transform: scaleY(1);
    transform: scaleY(1);
    -ms-transform: scaleY(1);
    -ms-transition: all .6s ease-in-out;
}
.team-list li:hover img{
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    -ms-transform: scale(1.1);
}
.team-prev-next a{position: absolute;top: 50%;width: 40px;height: 40px;margin-top: -21px;cursor: pointer;background-image: url(../images/icon_prev_next.png);background-repeat: no-repeat;}
.team-prev-next a:after{position: absolute;content: "";width: 40px;height: 40px;background: #6f7071;left: 0;top:0;z-index: -1;}
.team-prev-next a.roll-prev{background-position: 15px 10px;left: 0;}
.team-prev-next a.roll-next{background-position: -14px center;right: 0;}
.more{text-align: center;margin-top: 40px; margin-bottom: 40px;}
.more a{width: 100px;height: 30px;display: inline-block;background: #006634;text-align: center;line-height: 30px;border-radius: 8px;font-size: 14px;color: #fff;}
.more a em{margin-left: 10px;}

.index-news{margin-top: 18px; margin-bottom: 50px;}
.tab-hd{position: relative;}
.tab-hd li{display: inline-block;margin: 0 4px;height: 28px;line-height: 28px;padding: 0 15px;font-size: 16px;font-weight: lighter;color: #006634;position: relative;}
.tab-hd li:after{position: absolute;content: "";border-left: 1px solid #666;right: -10px;top:7px;height: 16px;width: 1px;}
.tab-hd li a{font-size: 14px;line-height: 16px;}
.tab-hd li.last:after{display: none;}
.tab-hd li.active,.tab-hd li:hover{background: #006634;}
.tab-hd li.active a,.tab-hd li:hover a{color: #fff;}
.index-news .tab-hd li.active a{color: #fff;}
.index-news .tab-bd{margin-top: 20px;}
.news-list li{width: 510px;float: left;padding: 20px 80px 20px 0;box-sizing: border-box;margin-left: 90px;}
.news-list li span{font-size: 14px;color: #006634;float: right;}
.news-list li h3{margin-bottom: 20px;height: 26px;}
.news-list li h3 a{font-size: 18px;color: #494949;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;height: 26px;}
.news-list li p{color: #818181;line-height: 26px;height: 52px;overflow: hidden;}

.index-total{height: 200px;background: url(../images/total_bg.jpg) no-repeat center;margin-top: 40px;}
.index-total ul{}
.index-total ul li{color: #fff;text-align: center;width: 300px;box-sizing: border-box;padding-right: 30px;float: left;margin-top: 40px;}
.index-total ul li span em{font-size: 36px;font-weight: bold;margin-right: 10px;display: inline-block;position: relative;}
.index-total ul li span em:after{content: "";position: absolute;left: 50%;margin-left: -15px;bottom: -8px;width: 30px;height: 2px;display: block;background: #fff;}
.index-total ul li p{margin-top: 30px;}

.index-cert{margin-top: 20px; background: url("../images/indexcert.jpg") no-repeat center top; width: 100%; height: 800px;padding-top:10px;}
.index-cert .index-hd h3{color: #fff;}
.index-cert .index-hd h3 em{color: #fff;}
.index-cert .cert-list{margin-top: 60px; height: 540px;}

.cert-list dd{float: left;width: 381px;height: 240px; margin-right: 28px;margin-bottom: 28px; }
.cert-list dd:nth-child(3n){
	margin-right: 0px !important;
}
.cert-list dd .pic{overflow: hidden;}
.cert-list dd .pic img{max-width: 381px;max-height: 240px;}

.index-cert .cert-tab-hd{position: relative; text-align: center; margin-top: 20px;}
.index-cert .cert-tab-hd li{width:160px;height: 10px;background-color: #fff; display: inline-block;margin: 0px 20px;position: relative; cursor: pointer;}
.index-cert .cert-tab-hd li.active{background-color: #006634;}



/**内页证书列表**/
.index-cert1{ width: 100%;}

.index-cert1 .cert1-list{margin-top: 30px; }

.cert1-list dd{float: left;width: 300px;height: 189px; margin-right: 20px;margin-bottom: 20px; }
.cert1-list dd:nth-child(3n){
	margin-right: 0px !important;
}
.cert1-list dd .pic{overflow: hidden;}
.cert1-list dd .pic img{max-width: 300px;max-height: 189px;}




.index-qa{height: 540px;background: url(../images/index_qa_bg.jpg) no-repeat center;}
.index-qa .index-hd span{width: 18px;height: 18px;background: #ff0000;border-radius: 50%;text-align: center;line-height: 18px;color: #fff;display: block;margin:5px auto;}
.index-qa .index-hd a{color: #ff0000;}
.qa-list{margin-top: 10px;}
.qa-list li{float: left;width: 552px;margin-left: 25px;margin-bottom: 30px;}
.qa-list li.even{margin-left: 50px;}
.qa-list li .question p{background: #e0e0e0;height: 60px;overflow: hidden;padding: 5px 10px 5px 26px;}
.qa-list li .answer{background: #f5f5f5;padding: 10px 10px 10px 26px;height: 110px;box-sizing: border-box;}
.qa-list li .answer a{color: #696969;line-height: 30px;}
.qa-list li .qa{position: relative;}
.qa-list li .qa em{display: block;position: absolute;content: "";width: 26px;height: 26px;line-height: 26px;text-align: center;background: #006634;border-radius: 50%;color: #fff;left: -13px;top: 50%;margin-top: -13px;}
.qa-list li .answer em{background: #006634;}

.sub-banner{height: 200px;text-align: center;overflow: hidden;position: relative;}
.sub-banner img{position: absolute;left: 50%;margin-left: -960px;top:0;z-index: 1;}

.main-wrap{position: relative;top: -60px;left:0;z-index: 9;background: #fff;}
.main-wrap .sub-hd{height: 80px;background: #f5f5f5;}
.sub-hd .col-title{height: 60px;box-sizing: border-box;}
.sub-hd .col-title h3{font-size: 18px;color: #424242;line-height: 20px;margin-top: 16px;margin-left: 20px;position: relative;display: inline-block;}
.sub-hd .col-title h3 em{display: block;color: #006634;font-weight: lighter;margin-bottom: 5px;}
.breadcrumbs{height: 30px;color: #858585;line-height: 30px;padding-left: 30px;font-weight: lighter;width: 940px;}
.breadcrumbs .location{float: left;margin-top: 38px;}
.breadcrumbs .location a{padding: 0 5px;color: #878787;}
.breadcrumbs span,.breadcrumbs .location a:hover{padding: 0 5px;color: #006634;}
.sub-hd .back{float: right;display: inline-block;margin-right: 10px;height: 28px;border-radius: 50%;margin-top: 40px;color: #5c5c5c;font-weight: lighter;background: #e9e9e9 url(../images/icon_back.png) no-repeat center;width: 28px;}
.sub-hd .back em{margin-left: 10px;color: #5c5c5c;font-weight: lighter;}

.main-right{padding: 0 0 0 260px;min-height: 500px;}
.sidebar{width: 240px;margin-top: 20px;}
.sidebar dl{min-height: 196px;}
.sidebar dd{border-bottom: 2px solid #fff;position: relative;}
.sidebar dd:before{content: "|";position: absolute;left: 24px;top: 0;font-weight: normal;color: #006634;height: 38px;line-height: 38px;z-index: 2;}
.sidebar dd:hover:after,
.sidebar dd.active:after{content: ">";position: absolute;right: 24px;top: 0;font-weight: normal;color: #fff;height: 38px;line-height: 38px;z-index: 2;}
.sidebar dd:hover:before{color: #fff;}
.sidebar dd>a{display: block;overflow: hidden;padding: 0 10px;text-align:left;color: #747474;padding-left: 60px;height: 40px;line-height: 40px;position: relative;background: #f6f6f6;font-size: 16px;font-weight: lighter;}
.sidebar dd .sub-menu{}
.sidebar dd .sub-menu a{border-top: 1px solid #fff;height: 30px;line-height: 30px;background: #006634;display: block;padding-left: 10px;color: #fff;}
.sidebar dd.active>a,.sidebar dd>a:hover{background: #006634;color: #fff;}
.sidebar dd:hover:before,.sidebar dd.active:before{color: #fff;}

.main-right .list{}
.main-right .list.news-list li{width: 100%;margin-left: 0;padding-bottom: 0;}

.main-right .list.cert-list{margin-top: 20px;}
.main-right .list.cert-list dd{margin-left: 0;width: 100%;}

.main-right .team-list li{margin-right: 14px;}
.main-right .team-list li.last{margin-right: 0;}

.main-right .qa-list{margin-top: 20px;}
.main-right .qa-list li{float: none;width: 100%;margin-left: 0;}
.main-right .qa-list li .question p{background: #f0f0f0;}

.team-detail{height: 180px;background: #d9d9d9;margin-top: 20px;}
.team-detail .avatar{height: 180px;overflow: hidden;}
.team-detail .avatar img{max-height: 180px;vertical-align: middle;}
.team-detail .team-txt{height: 180px;padding: 10px;width: 550px;}
.team-detail .team-txt span{font-size: 13px;color: #535353;font-weight: lighter;}
.team-detail .team-txt span em{font-size: 18px;color: #303030;position: relative;margin-right: 30px;}
.team-detail .team-txt em:after{position: absolute;content: "";left: 50%;margin-left: -10px;bottom: -6px;width: 20px;height: 2px;background: #919191;}
.team-detail .team-txt p{max-height: 106px;line-height: 22px;color: #545454;font-size: 13px;font-weight: lighter;overflow: hidden;margin-top: 6px;}
.team-detail .wechat{width: 230px;background: #e4e4e4;height: 180px;text-align: center;vertical-align: middle;}
.team-detail .wechat img{width: 96px;height: 96px;margin-top: 30px;}
.team-detail .wechat p{color: #acacac;font-weight: lighter;}

.form{width: 600px;margin-top: 20px;}
.form li{background: #f1f1f1;height: 36px;line-height: 36px;margin-top: 5px;padding:0 20px 0}
.form li label{width: 60px;font-size: 14px;color: #006634;display: inline-block;font-weight: lighter}
.form li input{display: inline-block;width: 260px;height: 36px;line-height: 36px;;border: none;font-size: 14px;color: #9f9f9f;background: #f1f1f1;font-weight: lighter;}
.form li input::placeholder,
.form li.profile textarea::placeholder{color: #9f9f9f;}
.form li.profile{width: 100%;height: auto;line-height: 32px;font-size: 16px;color: #9f9f9f;}
.form li.profile label{height: 30px;line-height: 30px;}
.form li.profile textarea{height: 90px;width: 100%;border:none;text-align: left;background: #f1f1f1;color: #9f9f9f;}
.form li input.verify-code{width: 110px;}
.form li.last{width: 390px;padding-right: 5px;position: relative;}
.form li img{display: block;width: 80px;float: right;margin-top: 3px;height: 30px;margin-right: 20px;}
.form .submit-btn{width: 190px;background: #006634;text-align: center;font-size: 14px;color: #fff;display: block;border: none;height: 36px;line-height: 36px;position: absolute;top: 0;right: -210px;}


.detail{margin-top:20px;padding: 30px 10px 10px 10px; }
.detail .tit{font-size: 20px;color: #006634;line-height: 30px;border-bottom: 1px solid #f9f9f9;padding-bottom: 12px;text-align: center;}
.detail .release{text-align: center;margin: 4px 0 20px;color: #bbbbbb;font-weight: lighter;}
.detail .release em{margin: 0 15px;}
.detail .content{width: 100%;font-size: 14px !important;font-weight: lighter;line-height: 32px;}
.detail .content img{max-width: 100%;}
.detail .content *{font-size: 14px !important;line-height: 30px;font-weight: lighter;color: #363636;}

.main-right .law-list li{height: 60px;line-height: 70px;border-bottom: 1px solid #efefef;padding-left: 40px;position: relative;overflow: hidden;}
.main-right .law-list li a{font-size: 18px;color: #767676;font-weight: lighter;padding-right: 46px;width: 70%;display: inline-block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.main-right .law-list li span{display: inline-block;font-size: 12px;font-weight: lighter;float: right;color: #006634;}
.main-right .law-list li a:before{width: 20px;height: 20px;display: block;content: "";zoom: 1;position: absolute;left: 10px;top: 30px;background: url(../images/icon_before.png) no-repeat;}

.contact-page{margin-top: 30px;}
.contact-page .qr-code{width: 280px;margin-left: 30px;margin-top: 60px;}
.contact-page .qr-code .qr-code-item{margin: 0 18px;text-align: center;}
.contact-page .contact-info{line-height: 32px;color: #383838;width: 540px;font-weight: lighter;font-size: 16px;}
.contact-page .map{margin-top: 30px;}
.contact-page .map img{width: 100%;}


.page{margin-top:50px; text-align: right;height: 30px;padding-bottom: 20px;}
.page a,.page span{background: #e9e9e9;padding: 4px 11px;color: #858585;}
.page .current,.page a:hover{background: #006634;color: #fff;}
.page .disabled{display: none;background: #eeee;}
.page span:last-child{display: inline;}

.footer{height: 260px;background: #333333;color: #acacac;font-weight: lighter;padding: 15px 0;}
.footer dl dt{color: #ffffff;font-size: 16px;}
.footer .links{width: 380px;}
.footer .links dd{margin-top: 10px;padding-left: 10px;max-height: 160px;overflow: hidden;}
.footer .links a{padding: 0 10px;display: inline-block;color: #acacac;}
.footer .qr-code{width: 280px;margin-left: 30px;}
.footer .qr-code dd{margin-top: 30px;}
.footer .qr-code dd .footer-qr-code{margin: 0 18px;text-align: center;}
.footer .contact{width: 500px;}
.footer .contact dd{margin-top: 10px;line-height: 28px;}

.copyright{height: 36px;line-height: 36px;background: #000;color: #fff;}