body,html,*{
    font-family: '微软雅黑';
    font-family: Microsoft YaHei;
}
/*@font-face {*/
    /*font-family: SourceHanSansSC;*/
    /*src:url('SourceHanSansSC-Medium.otf')*/
/*}*/
.ico.active i:nth-child(1) {
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 14px;
}
.ico.active i:nth-child(2) {
    opacity: 0;
}
.ico.active i:nth-child(3) {
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 14px;
}
.ico {
    position: relative;
    width: 36px;
    height: 36px;
    z-index: 999999999;
    cursor: pointer;
    display: none;
}
.ico i {
    height: 2px;
    width: 90%;
    background-color: #333;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    display: block;
    position: absolute;
    -moz-transition: all 300ms ease;
    -o-transition: all 300ms ease;
    -webkit-transition: all 300ms ease;
    transition: all 300ms ease;
    -moz-transform: translate3d(0, 0, 0);
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
}
.ico i:nth-child(1) {
    top: 2px;
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
    -moz-transition-delay: 210ms;
    -o-transition-delay: 210ms;
    -webkit-transition-delay: 210ms;
    transition-delay: 210ms;
}
.ico i:nth-child(2) {
    top: 14px;
    -moz-transition-delay: 140ms;
    -o-transition-delay: 140ms;
    -webkit-transition-delay: 140ms;
    transition-delay: 140ms;
}
.ico i:nth-child(3) {
    top: 26px;
    -moz-transition-delay: 70ms;
    -o-transition-delay: 70ms;
    -webkit-transition-delay: 70ms;
    transition-delay: 70ms;
}
header{
    background: #fff;
    position: fixed;
    width:100%;
    left: 0;
    top:0;
    z-index:99;
    line-height: 90px;
}
header .Box1500{
    overflow: inherit;
    overflow: inherit;
    overflow: initial;
}
header .Box1500 .wid100{
    overflow: inherit;
    overflow: initial;
}
.menus{
    position: absolute;
    width:100%;
    left: 10%;
    top:50%;
    z-index:99;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    width: 200px;
    border-left:1px solid #fff;
}
#menu{
    display: block !important;
}
.menus li{
    margin-bottom: 15px;
    text-align: left;
}
.menus li:last-child{
    margin-bottom: 0;
}
.menus li a{
    position: relative;
    padding-left: 26px;
    color: #fff;
    font-size: 16px;
}
.menus li a:after{
    content: '';
    width: 8px;
    height: 8px;
    background-color: #fff;
    border-radius: 50%;
    position: absolute;
    left: -4px;
    top:50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
}
.menus li a span{
    display: inline-block;
    padding: 3px 0;
    border-radius: 15px;
}
.menus li.active a span{
    border: solid 1px #ffffff;
    padding: 3px 20px;
}
.menus li.active a:after{
    background-color: #e2c076;
}
header .lt{
    float: left;
}
header .rt{
    float: right;
}
header .rt li{
    display: inline-block;

}
header .rt li .navA a{
    padding: 0 20px;
}
.serch{
    position: relative;
}
.serch .ser{
    position: absolute;
    top:90px;
    line-height: 48px;
    right: 50%;
    margin-right: -80px;
    display: none;
}
.serch .ser input{
    line-height: 48px;
    background-color: #ffffff;
    border: solid 1px #dddddd;
    width: 290px;
    height: 50px;
    padding: 5px 60px 5px 10px;
}
.serch .ser .btn{
    position: absolute;
    right:0;
    top:0;
    height: 48px;
    background: none;
}
.serch a.cur:after{
    content: '';
    width: 16px;
    height:10px;
    background: url("../images/topSj_03.png") no-repeat center;
    background-size: cover;
    position: absolute;
    bottom:-33px;
    left: 50%;
    margin-left:-8px;
    z-index:8;
}
header .rt li:last-child{
    padding-right: 0;
   
}
header .rt li a{
    color: #333333;
    font-size: 16px;
}
header .rt li.serch a{
    width: 30px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    background-color: #333333;
    border-radius: 15px;
    font-size: 18px;
    color: #fff;
}
header .rt li a{
    position: relative;
}
header .rt li a.active{
    color: #bfa160;
}
header .rt li .navA a:after{
    content: '';
    width: 100%;
    height: 2px;
    background-color: #bfa160;
    position: absolute;
    bottom: 0px ;
    left: 0;
    display: none;
}
header .rt li a.active:after{
    display: block;
}
header .rt li:hover .navA a:after{
    display: block;
}
header .rt li.hd{
    position: relative;
}
.down_sd{
    position: absolute;
    width: 100%;
    background: url("../images/topbg_05.png") no-repeat center;
    background-size: cover;
    left: 0;
    top: 90px;
    border-top: 1px solid #ddd;
    text-align: center;
    display: none;
    z-index:99;
}
.down_s{
    position: absolute;
    background: #fff;
    left: 0;
    top: 90px;
    border-top: 1px solid #ddd;
    text-align: center;
    width: 100%;
    padding: 10px 0;
    display: none;
    z-index:99;
}
.down_sd li{
    display: inline-block;
    float: left;
    margin: 20px;
    width: 230px;
    padding: 0 !important;
}
.down_sd ul{
    display: inline-block;
}
.down_sd li p{
    line-height: 40px;
}
.down_sd li .top{
    border-bottom: 1px solid #ddd;
    padding: 0 10px 20px;
    line-height: 50px;
    margin-bottom: 16px;
}
.down_sd li .top img{
    margin-right: 16px;
    height: 31px;
}
.down_sd li .top span{
    position: relative;
    top:2px;
}
.down_sd li .top .icons{
    display: none;
}
.down_s a{
    display: block;
    line-height: 36px;
    padding: 0 5px;
}
header .rt li .navA .icons{

    display: none;
}
header .rt li .navA .icons .icon{
    font-weight: bold;
    transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    display: inline-block;
}


.fullpage .section .fp-tableCell{
    padding-top: 90px;
}
#banner{
    height: 100%;
}
#banner .container{
    height: 100%;
}
#banner .container .cont{
    width: 467px;
}
#banner .container .cont p{
    color: #ffffff;
    margin-top: 3rem;
    line-height: 1.8;
}
#banner  .swiper-pagination .swiper-pagination-bullet{
    width: 17px;
    height: 17px;
    background-color: #ffffff;
    border-radius: 9px;
    opacity: 1;
    margin: 0 10px;
}
#banner  .swiper-pagination .swiper-pagination-bullet-active{
    width: 33px;
}
#banner .swiper-slide .cont p,#banner .swiper-slide .cont .title_ct{
    transform: translateY(300px);
    -moz-transform: translateY(300px);
    -webkit-transform: translateY(300px);
    opacity: 0;
    transition: all 1s ease-out 0s;
    -moz-transition: all 1s ease-out 0s;
    -webkit-transition: all 1s ease-out 0s;
    -o-transition: all 1s ease-out 0s;
}
#banner .swiper-slide .cont p{
    transition: all 1s ease-out 0.5s;
    -moz-transition: all 1s ease-out 0.5s;
    -webkit-transition: all 1s ease-out 0.5s;
    -o-transition: all 1s ease-out 0.5s;
}
#banner .swiper-slide-active .cont p,#banner .swiper-slide .cont .title_ct{
    opacity: 1;
    transform: translateY(0);
    -moz-transform: translateY(0);
    -webkit-transform: translateY(0);
    -o-transform: translateY(0);
}


.page1 li{
    width: 120px;
    float: left;
    height: 100%;
    position: relative;
    cursor: pointer;
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
    overflow: hidden;
}
.page1 li:after{
    content: '';
    background-color: #000000;
    opacity: 0.7;
    width: 100%;
    height: 100%;
    left: 0;
    top:0;
    position: absolute;
}
.page1 li.active{
    width: calc(100% - 360px);
    width: -webkit-calc(100% - 360px);
    transition: all 1s;
    -moz-transition: all 1s;
    -webkit-transition: all 1s;
    -o-transition: all 1s;
}
.page1 li.active:after{
    opacity: 0.4;
}
.page1 .wid100{
    height: 100%;
}
.page1 .wid100 ul{
    height: 100%;
}
.page1 li .bgs{
    height: 100%;
    padding: 0 10%;
}
.page1 li .bgs{
    height: 100%;
}
.page1 li .bgs .cont{
    width: 45%;
    text-align: left;
    color: #fff;
    position: relative;
    z-index: 2;
}
.page1 li .bgs .cont .coor{
    display: none;
}
.page1 li.active .bgs .cont .coor{
    display: block;
}
.page1 li.active .bgs .cont{
    display: block;
}
.page1 li.active .bgs .cont .font42{
    padding: 0;
    width:100%;
}
.page1 li .bgs .cont .font42{
    margin-bottom: 12px;
    width: 120px;
    padding: 10px 40px;
    color: #fff;
    position: relative;
    z-index:7;
    height:230px;
}
.page1 li.active .bgs .cont .font42{
    height: auto;
}
.page1 li .bgs .cont .font24{
    margin-bottom: 25px;
}
.page1 li .bgs .cont .font16{
    line-height: 1.6;
    margin-bottom: 25px;
}
.page1 li .bgs .cont .font18{
    margin-bottom: 25px;
}
.page1 li .bgs .cont a{
    background-color: #bfa160;
    border-radius: 6px;
    opacity: 0.9;
    color: #fff;
    padding: 13px 25px;
}
.page1 li:nth-child(2n){
    transform: translateY(300px);
    -webkit-transform: translateY(300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page1 li:nth-child(2n + 1){
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page1.active li:nth-child(2n){
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}
.page1.active li:nth-child(2n + 1){
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}
.page3 .lt{
    width: 60%;
    float: left;
    padding: 5% 5% 5% 5%;
    text-align: left;
    transform: translateX(-300px);
    -webkit-transform: translateX(-300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page3.active .lt,.page3.active .rt{
    transform: translateX(0);
    -webkit-transform: translateX(0);
    opacity: 1;
}
.page3 .rt{
    width: 40%;
    float: left;
    transform: translateX(300px);
    -webkit-transform: translateX(300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0
}
.page3 .lt img{
    margin-bottom: 25px;
}
.page3 .lt p{
    color: #666666;
    line-height: 1.8;
    margin-bottom: 28px;
}
.page3 .lt a{
    color: #666666;
    border-radius: 6px;
    border: solid 1px #dddddd;
    padding: 13px 25px;
}
.page4 .left{
    width: 50%;
    position: absolute;
    height: 100%;
    left: 0;
    top:0;
    background-color: #bfa160;
    opacity: 0.9;
}
.page4 .Box1500{
    position: relative;
    z-index:7;
    text-align: left;
}
.page4 .lt{
    width: 40%;
    float: left;
    padding: 5%;
    transform: translateY(300px);
    -webkit-transform: translateY(300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page4.active .lt{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
}
.page4 .rt li{
    transform: translateY(100%);
    -webkit-transform: translateY(100%);
    opacity: 0;
}
.page4.active .rt li{
    transform: translateY(0px);
    -webkit-transform: translateY(0px);
    opacity: 1;
}
.page4 .rt li:nth-child(1){
    transition: all 1.2s ease-in-out 0s;
    -moz-transition: all 1.2s ease-in-out 0s;
    -webkit-transition: all 1.2s ease-in-out 0s;
    -o-transition: all 1.2s ease-in-out 0s;
}
.page4 .rt li:nth-child(2){
    transition: all 1.2s ease-in-out 0.5s;
    -moz-transition: all 1.2s ease-in-out 0.5s;
    -webkit-transition: all 1.2s ease-in-out 0.5s;
    -o-transition: all 1.2s ease-in-out 0.5s;
}
.page4 .rt li:nth-child(3){
    transition: all 1.2s ease-in-out 1s;
    -moz-transition: all 1.2s ease-in-out 1s;
    -webkit-transition: all 1.2s ease-in-out 1s;
    -o-transition: all 1.2s ease-in-out 1s;
}
.page4 .rt ul{
    overflow: hidden;
    background: #fff;
}
.page4 .lt p{
    font-size: 16px;
    color: #fff;
    margin: 30px 0;
}
.page4 .lt a{
    color: #fff;
    border-radius: 6px;
    border: solid 1px #fff;
    padding: 13px 25px;
}
.page4 .rt{
    width: 60%;
    float: left;
}
.page4 .rt li a{
    background: #fff;
    padding: 40px 80px;
    color: #333;
    display: block;
}
.page4 .rt li a p{
    margin: 12px 0;
}
.page4 .rt li a .font14 span{
    color: #999;
}
.page2 .cont{
    height: 100%;
}
.page2 .cont ul{
    height: 100%;
}
.page2 .cont ul li{
    width: 100%;
    height: 100%;
    display: none;
}
.page2 .cont ul li.active{
    display: block;
}
.page2 .cont ul li a{
    width: 100%;
    display: block;
    height: 100%;
}
footer{
    height: 170px;
    background-color: #333333;
}
.page5 .swiper-container{
    height: calc(100% - 170px);
    height: -webkit-calc(100% - 170px);
}
.page5 .swiper-pagination{
    display: none;
}
.page5 .swiper-container a{
    height: 100%;
    display: block;
}
.page5 .swiper-container a .imgs{
    height: 55%;
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}
.page5 .swiper-container a .cont{
    height: 45%;
    padding: 20px;
}
.page5 .swiper-container a .cont .font24{
    color: #333333;
    margin: 20px auto 12px;
}
.page5 .swiper-container a .cont p{
    color: #666666;
}
.page5 .swiper-container a .cont .imgs2 img:last-child{
    display: none;
}
.page5 .swiper-container .swiper-slide a .imgs{
    transform: translateY(-300px);
    -webkit-transform: translateY(-300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page5 .swiper-container .swiper-slide a .cont{
    transform: translateY(300px);
    -webkit-transform: translateY(300px);
    transition: all 1.2s;
    -moz-transition: all 1.2s;
    -webkit-transition: all 1.2s;
    -o-transition: all 1.2s;
    opacity: 0;
}
.page5.active .swiper-container .swiper-slide a .imgs,
.page5.active .swiper-container .swiper-slide a .cont{
    transform: translateY(0);
    -webkit-transform: translateY(0);
    opacity: 1;
}
footer .lt{
    float: left;
    width:calc(100% - 300px);
    width:-webkit-calc(100% - 300px);
    color: #fff;
    text-align: left;
	padding-right:15px;
}
footer .wx{
	float:left;
	width:80px;
}
footer .rt{
    float: right;
    width:200px;
    color: #fff;
    text-align: left;
    border-left: 1px solid rgba(255,255,255,0.5);
    padding-left: 24px;
	margin-top:10px;
}
footer{
    padding: 50px 0;
}
footer .lt li{
    display: inline-block;
    padding-right: 20px;
    margin-left: 20px;
}
footer .lt li:last-child{
    margin-right: 0;
    padding-right: 0;
}
footer .lt li:first-child{
    margin-left: 0;
}
footer .lt li a{
    color: #ffffff;
    font-size: 16px;
}
footer .lt p{
    color: rgba(255,255,255,0.8);
    margin-top: 20px;
}
footer .lt p a{
    color: rgba(255,255,255,0.8);
    opacity: 0.8;
    margin-left: 5px;
}
footer .rt .font16{
    margin-bottom: 10px;
}
footer .lt p a:first-of-type{
    margin-right: 20px;
}
.html{
    margin-top: 90px;
}
.bannerAll{
    position: relative;
    padding: 10% 0;
}
.bannerAll .conts{
    overflow: hidden;
}
.bannerAll .cont{
    max-width: 550px;
    margin-left: 5%;
}
.bannerAll .cont .font48{
    color: #333333;
    font-weight: bold;
    /*font-family: SourceHanSansSC;*/
}
.bannerAll .cont .font26{
    color: #333333;
    /*font-family: SourceHanSansSC;*/
}
.bannerAll .cont p{
    color: #333333;
    line-height: 1.8;
    margin-top: 20px;
    /*font-family: SourceHanSansSC;*/
}
.tabs{
    border-bottom: 1px solid #dddddd;;
}
.tabs li{
    width: 20%;
    float: left;
    text-align: center;
}
.tabs li a{
    display: block;
    color: #333333;
    padding: 20px;
}
.tabs li a.active{
    background-color: #bfa160;
    color: #fff;
}
.about1 .lt,.about1 .rt{
    width: 50%;
    float: right;
}
.about1 .lt{
    padding-left: 5%;
}
.about2 .lt{
    padding-right: 5%;
    padding-top: 3%;
}
.about1 .lt p,.about2 .lt p{
    color: #333333;
    line-height: 2;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:7;
    text-overflow:ellipsis;
    word-break: break-all;
    text-align: justify;
}
.about1 .rt img{
    opacity: 0;
}
.title_lt{
    position: relative;
    padding: 38px 0 0 48px;
    margin-bottom: 53px;
    height: 140px;
}
.about2 .wid100 .rt img,.about1 .wid100 .rt img{
    opacity: 0;
}
.title_lt img{
    position: absolute;
    left: 0;
    top:0;
    height: 140px;
}
.title_lt .cont{
    display: inline-block;
    background: #fff;
    position: relative;
}
.title_lt .cont .font36{
    padding-left: 13px;
}
.about2 .lt,.about2 .rt{
    width: 50%;
    float: left;
}
.about3 .pad3{
    padding: 3rem 0;
}
.about3{
    background-color: #f3f3f3;
    text-align: center;
    position: relative;
}
.about3 video{
    width: 100%;
}
.about3 .wid100{
    position: relative;
}
.about3 .click{
    position: absolute;
    left: 50%;
    top:50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    cursor: pointer;
}
.about3 .click p{
    color: #fff;
    margin-top: 20px;
}
.title_ct{
    position: relative;
    padding: 48px 0 55px;
    text-align: center;
    margin-bottom: 20px;
}
.title_ct img{
    position: absolute;
    top:0;
    left: 50%;
    transform: translate(-50%,0);
    -webkit-transform: translate(-50%,0);
}

.about4 .cont{
    position: relative;
    padding: 0 50px;
}
.about4 .title_ct .cont{
    color: #333;
}
#aboutTOP{
    margin-bottom: 3rem;
    background: url("../images/14.jpg") repeat-x center bottom 5px;
}
#aboutTOP .swiper-slide{
    text-align: center;
    cursor: pointer;
}
#aboutTOP .swiper-slide .font18{
    color: #333333;
    display: block;
    margin-bottom: 8px;
    height: 34px;
    line-height: 34px;
}
#aboutTOP .swiper-slide .yian{
    width: 24px;
    height: 24px;
    border-radius: 50%;
    border: 1px solid #ddd;
    display: inline-block;
    line-height: 28px;
    background: #fff;
}
#aboutTOP .swiper-slide .yian span{
    display: inline-block;
    background: #ddd;
    border:8px solid #ddd;
    border-radius: 50%;
}
#aboutTOP .swiper-slide-thumb-active .font18{
    font-size: 24px;
    color: #bfa160;
}
#aboutTOP .swiper-slide-thumb-active .yian{
    border-color: #bfa160;
}
#aboutTOP .swiper-slide-thumb-active .yian span{
    background: #bfa160;
    border-color: #bfa160;
}
.btns{
    background-image: none;
    width: 24px;
    height: 24px;
    margin-top: 0;
}
.btns.swiper-button-next{
    right: 0;
}
.btns.swiper-button-prev{
    left: 0;
}
.btns span{
    font-size: 24px;
    color: #ddd;
}
.btns:hover span{
    color: #bfa160
}
#aboutBOTTOM .swiper-slide{
    border-radius: 4px;
    border: solid 1px #dddddd;
    padding: 3%;
    background:#fdfdfd url("../images/15.jpg") no-repeat right bottom;
    background-size: cover;
}
#aboutBOTTOM .swiper-slide .lt{
    width: 56%;
    float: left;
}
#aboutBOTTOM .swiper-slide .rt{
    width: 44%;
    float: left;
    padding: 3% 2% 3% 5%;

}
#aboutBOTTOM .swiper-slide .rt .font30{
    color: #333333;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: 1px dashed #ddd;
}
#aboutBOTTOM .swiper-slide .rt p{
    color: #333333;
    line-height: 1.9;
}
.maodian{
    position: relative;
    top:-20px;
    left: 0;
}
.about5{
    background: url("../images/10.jpg") no-repeat center;
    background-size: cover;
    padding: 7rem 0;
    text-align: center;
}
.about5 .title_ct .cont{
    color: #fff;
}
.about5 .conts{
    color: #fff;
}
.about5 .conts .font16{
    line-height: 2;
    margin-top: 25px;
}
.about6{
    background: url("../images/16.jpg") no-repeat center;
    background-size: cover;
}
.about6 .conts{
    position: relative;
    padding: 0 8%;
    text-align: center;
}
.about6 .conts .swiper-slide .sert{
    border:1px solid #ddd;
}
.about6 .conts .swiper-slide p{
    color: #333333;
    font-size: 16px;
    margin: 20px auto;
}
.about6 .swiper-pagination{
    position: relative;
    margin-top: 15px;
}
.about6 .swiper-pagination .swiper-pagination-bullet{
    width: 50px;
    height: 4px;
    background-color: #dddddd;
    border-radius: 2px;
    opacity: 1;
}
.about6 .swiper-pagination .swiper-pagination-bullet-active{
    background-color: #bfa160;
}
.about6 .btns{
    top: 40%;
}
.flexs{
    position: fixed;
    z-index:99;
    width:70px;
    right:0;
    top:50%;
    transform: translate(0,-50%);
    -webkit-transform: translate(0,-50%);

    border-radius: 10px 0px 0px 10px;
    /*overflow: hidden;*/
}
.flexs li{
    width: 70px;
    height: 70px;
    text-align: center;
    position: relative;
}
.flexs li a{
    height: 100%;
    position: relative;
    z-index:8;
    background-color: #333333;
    background-image: none;
    float: none;
    padding: 0;
    margin: 0;
    line-height: inherit;
    line-height: initial;
}
.flexs li:nth-child(1){
    border-radius: 10px 0 0 0;
    overflow: hidden;
}
.flexs li:nth-child(4){
    border-radius:  0 0 0 10px;
    overflow: hidden;
}
.flexs li a.bds_mail{
    background-image: url("../images/ico1.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.flexs li a.bds_sqq{
    background-image: url("../images/ico3.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.flexs li a.bds_weixin{
    background-image: url("../images/ico4.png");
    background-position: center center;
    background-repeat: no-repeat;
}
.flexs li a.bds_mail img,.bds_weixin img,.bds_sqq img{
    display: none;
}
.flexs .phone{
    position: absolute;
    width: 178px;
    height: 70px;
    background-color: #bfa160;
    border-radius: 3px 0 0 3px;
    line-height: 70px;
    color: #fff;
    font-size: 20px;
    top:0;
    right: 0;
    transition: all 1s;
    -moz-transition: all 1s;
    z-index:2;
    opacity: 0;
}
.hovePhone a.active{
    background-color: #bfa160;
}
.news_t .wid100{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
.news_t .wid100 .lt{
    width: 50%;
}
.news_t .wid100 .lt img{
    display: none;
}
.news_t .wid100 .rt{
    width: 50%;
    padding:7% 5%;
}
.news_t .wid100 .rt .font24{
    color: #333333;
    margin-bottom: 15px;
}
.news_t .wid100 .rt div.font16{
    color: #999999;
    margin-bottom: 20px;
}
.news_t .wid100 .rt div.font16 img{
    position: relative;
    top: -2px;
    margin-right: 15px;
}
.news_t .wid100 .rt p{
    color: #333333;
    line-height: 1.8;
    margin-bottom: 3rem;
    text-align:justify;
}
.news_t .wid100 .rt a{
    border-radius: 21px;
    border: solid 1px #bfa160;
    padding: 8px 26px;
    color: #bfa160;
}
.news ul{
    margin-top: 3rem;
}
.news ul li{
    padding: 20px;
}
.news ul li a{
    border-radius: 4px;
    border: solid 1px #dddddd;
    overflow: hidden;
    display: block;
}
.news ul li a .imgs{
    height: 300px;
    overflow: hidden;
}
.news ul li a .imgs div{
    height: 100%;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.news ul li a .imgs img{
    display: none;
}
.news ul li a .cont{
    padding: 22px 25px;
}
.news ul li a .cont .font20{
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    color: #333333;
    margin-bottom: 10px;
    height: 28px;
}
.news ul li a .cont .font14{
    color: #666;
}
.news ul li a .cont .font14 span{
    font-size: 13px;
    margin-right: 12px;
}
.pages{
    font-size: 16px;
    margin-top: 20px;
}
.pages a{
    margin: 0 5px;
    padding: 5px 10px;
    color: #666666;
}
.pages a.active{
    border-bottom: 1px solid #bfa160;
    color: #bfa160;
}
.newsDetails .font36{
    text-align: center;
    color: #333333;
    margin-bottom: 30px;
    line-height:1.5;
}
.newsDetails .bgs{
    background-color: #f5f5f5;
    padding: 12px;
    text-align: center;
    margin-bottom: 30px;
}
.newsDetails .bgs span{
    display: inline-block;
    margin: 0 20px;
    color: #666;
}
.newsDetails .bgs span img{
    position: relative;
    top:-2px;
    margin-right: 10px;
}
.newsDetails .cont{
    margin-bottom: 4rem;
}
.prev_next{
    position: relative;
}
.prev_next a{
    color: #666666;
}
.prev_next li{padding: 6px 0}
.prev_next li:last-child a{
    color: #bfa160;
    padding: 8px 29px;
    border-radius: 4px;
    border: solid 1px #dddddd;
}
.prev_next li:last-child{
    position: absolute;
    right:0;
    top:0;
}
.case{
    padding-bottom: 6rem;
}
.case ul li a .cont .add{
    color: #666;
    border-top: 1px solid #ddd;
    margin-top: 10px;
    padding-top: 10px;
}
.case ul li a .cont .add span{
    float: right;
    color: #666;
}
.product{
    background-color: #f5f5f4
}
.product .swiper-container .conts{
    padding: 10% 0;
}
.product .swiper-container .conts img{
    margin-bottom: 35px;
}
.product .swiper-container .conts .font48{
    color: #333333;
    font-weight: bold;
    
}
.product .swiper-container .conts p{
    color: #333333;
    line-height: 1.8;
    margin-top: 20px;
    /*font-family: SourceHanSansSC;*/
}
.product .swiper-container .conts .cont{
    max-width: 550px;
    margin-left: 5%;
}
.product .swiper-pagination-bullet{
    width: 50px;
    height: 3px;
    background-color: #ffffff;
    border-radius: 2px;
}
.product .swiper-pagination-bullet-active{
    background-color: #ffffff;
}
.product li{
    overflow: hidden;
    margin-bottom: 50px;
    height: 480px;
}
.product li .lt,.product li .rt{
    height: 100%;
}
.product li .rt img{
    opacity: 0;
}
.product li .rt .imgss{
    height: 100%;
}
.product li .lt{
    padding: 30px 5%;
    text-align: center;
}
.product li:nth-child(2n + 1) .lt{
    width: 50%;
    float: left;
}
.product li:nth-child(2n + 1) .rt{
    width: 50%;
    float: left;
}
.product li:nth-child(2n) .lt{
    width: 50%;
    float: right;
}
.product li:nth-child(2n) .rt{
    width: 50%;
    float: right;
}
.product li:nth-child(1) .lt{
    background-color: #fff;
}
.product li:nth-child(1) .lt .title_ct .cont{
    background-color: #fff;
    position: relative;
    z-index:3;
}
.title_ct .cont{
    position: relative;
    z-index:3;
}
.product li:nth-child(1) .lt p{
    color: #888888;
}
.product li .lt .font20{
    color: #333333;
    margin-top: 5px;
}
.product li .lt .font20 span{
    display: inline-block;
    margin: 0 20px;
}
.product li .lt p{
    margin: 20px auto;
    line-height: 1.9;
}
.product li .lt a{
    padding: 12px 30px;
    border-radius: 4px;
    border:1px solid #c5a055;
    color: #c5a055;
    line-height: 1;
}
.product li .lt a span{
    position: relative;
    margin-left: 5px;
    top:1px;
}
.product li:nth-child(2) .lt{
    background-color: #c5a055;
}
.product li:nth-child(2) .lt .cont{
    background-color: #c5a055;
    color: #fff;
}
.product li:nth-child(2) .lt p{
    color: #fff;
}
.product li:nth-child(2) .lt a{
    color: #fff;
    border-color: #fff;
}
.product li:nth-child(3) .lt{
    background-color: #333333;
}
.product li:nth-child(3) .lt .title_ct .cont{
    background-color: #333;
    color: #fff;
}
.product li:nth-child(3) .lt p{
    color: #ffffff;
}
.product li:nth-child(4) .lt{
    background-color: #fff;
}
.product li:nth-child(4) .lt .title_ct .cont{
    background-color: #fff;
}
.product li:last-child{
    margin-bottom: 0;
}
.tabs li .img img:last-child{
    display: block;
}
.tabs li .img img:first-child{
    display: none;
}
.tabs li a.active .img img:last-child{
    display: none;
}
.tabs li a.active .img img:first-child{
    display: block;
}
.tabs li .img{
    display: inline-block;
}
.productTab li a{
    height: 96px;
    line-height: 96px;
    position: relative;
    width:270px;
}
.productTab li a span{
    display: inline-block;
    position: relative;
    top: -15px;
    margin-left: 14px;
}
.productTab.tabs ul{
    text-align: center;
    font-size: 0;
}
.productTab.tabs li {
    width: auto;
    float: none;
    display: inline-block;
    border-left: 1px solid #fff;
}
.productList1{
    padding: 32px 0 65px;
}
.productList1 .title_ct .cont img{
    position: inherit;
    position: initial;
    transform: translate(0,0);
    -webkit-transform: translate(0,0);
}
.productList1 .title_ct{
    padding: 42px 0 56px;
}
.productList1 .title_ct .cont .font32{
    color: #333;
}
.productList1 .title_ct .cont .font36{
    line-height: 1;
}
.productList1 .conts{
    position: relative;
    padding: 0 50px;
}
.productList1 .conts .swiper-slide{
    text-align: center;
    padding: 7px 20px;
    border-left: solid 1px rgba(170,170,170,0.5);
}
.productList1 .conts .swiper-slide .imgs{
    height: 75px;
    margin-bottom: 25px;
}
.productList1 .conts .swiper-slide .font24{
    color: #333333;
    margin-bottom: 15px;
    font-weight: bold;
}
.productList1 .conts .swiper-slide p{
    color: #666666;overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
    text-overflow:ellipsis;
    word-break: break-all;
    line-height: 1.6;
}
.productList1 .btns span{
    color: #333;
}
.productList1 .icd{
    overflow: hidden;
}
.productList1 .swiper-container{
    position: relative;
    left: -1px;
}
.productList2 .list_top li{
    width: 33.3333%;
    float: left;
    height: 280px;
    color: #fff;
    position: relative;
}
.productList2 .list_top li span{
    position: relative;
    z-index:4;
}
.productList2 .list_top li:nth-child(2){
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}
.productList2 .list_top li.active:after{
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    z-index:3;
    left: 0;
    top:0;
    background-color: #bc974c;
    opacity: 0.6;
}
.productList2 .list_top ul{
width: 100%;
    display: block;
}
.productList2 .list_top li.active:before{
    content: '';
    border-right: 18px solid transparent;
    border-left: 18px solid transparent;
    border-top: 18px solid #bc974c;
    position: absolute;
    bottom: -18px;
    left: 50%;
    -moz-transform: translate3d(-50%, 0, 0);
    -webkit-transform: translate3d(-50%, 0, 0);
    transform: translate3d(-50%, 0, 0);
}
.list_bom_cont li{
    width: 22%;
    float: left;
    margin-bottom: 22px;
    margin-left: 4%;
    background-color: #ffffff;
    border-radius: 3px;
    padding: 3%;
    position: relative;
}
.list_bom_cont li:nth-child(4n + 1){
    margin-left: 0;
}
.productList2 .list_bom{
    background-color: #f0f0f0;
}
.list_bom_cont li .imgs img.imgs1{
    position: absolute;
    left: 13px;
    top: 20px;
    display: none;
}
.list_bom_cont li.active .imgs img.imgs1{
    display: inline-block;
}
.list_bom_cont li .imgs{
    text-align: center;
    padding: 0 20px;
    height: 266px;
    margin-bottom: 30px;
}
.list_bom_cont li .cont .font24{
    color: #333333;
    margin-bottom: 5px;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.list_bom_cont li .cont p{
    color: #666666;
    line-height: 1.5;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    word-break: break-all;
}
.list_bom_cont{
    display: none;
}
.list_bom_cont.active{
    display: block;
}
.prtDtg{
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
    padding: 20px 0;
}
.prtDtg .cont{
    padding: 10px 50px;
    position: relative;
}
.prtDtg .cont .swiper-slide{
    text-align: center;
}
.prtDtg .cont .swiper-slide a{
    color: #333333;
}
.prtDtg .cont .swiper-slide.active a{
    color: #c5a055;
}
.prtDtg .btns{
    margin-top: -12px;
}
.prtDtgS .lt{
    background: url("../images/cp23_02.png") no-repeat left bottom;
    background-size: cover;
    width: 50%;
    padding: 5% 5% 5% 20%;
}
.prtDtgS .rt{
    width: 50%;
}
.prtDtgS .rt img{
    opacity: 0;
}
.prtDtgS .wid100{
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
}
.prtDtgS .lt .font48,.prtDtgS .lt .font36{
    color: #0a0a0a;
}
.prtDtgS .lt p{
    color: #0a0a0a;
    margin-top: 15px;
}
.prtDtgS .lt ul{
    margin: 2rem 0;
    padding-left: 20px;
}
.prtDtgS .lt ul li{
    list-style: disc;
    color: #c5a055;
    padding: 5px 0;
}
.prtDtgS .lt a{
    color: #c5a055;
    padding: 12px 30px;
    border:1px solid #c5a055;
    border-radius: 4px;
}
.prtDtgS .cont{
    background-color: #f0f0f0;
}
.service li{
    margin-bottom: 20px;
    width: calc(20% - 10px);
    width: -webkit-calc(20% - 10px);
    float: left;
    height:400px;
    margin-left: 12.5px;
}
.service li:first-child{
    margin-left: 0;
}
.service li a{
    display: block;
    height: 100%;
    position: relative;
}
.service li a .cont{
    padding: 5% 5% 8%;
    position: absolute;
    z-index:8;
    bottom: 0;
    left: 0;
    width:100%;
    text-align: center;
    color: #fff;
    height: 140px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.service li a .cont .font24{
    margin-bottom: 10px;
}
.service li a .cont .font18{
    line-height: 1.8;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    word-break: break-all;
}
.service li a:hover .cont .font18{
    -webkit-line-clamp:8;
}
.service li a:hover .cont{
    height: 100%;
}
.service li a:hover:after{
    content: '';
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    background-color: #c49f5a;
    opacity: 0.9;
    z-index:2;
    position: absolute;
}
.service li:nth-child(1),
.service1 li:nth-child(1),
.service2 li:nth-child(1){
    animation-delay:0s;
    -webkit-animation-delay:0s;
}
.service li:nth-child(2),
.service1 li:nth-child(2),
.service2 li:nth-child(2){
    animation-delay:0.2s;
    -webkit-animation-delay:0.2s;
}
.service li:nth-child(3),
.service1 li:nth-child(3),
.service2 li:nth-child(3){
    animation-delay:0.4s;
    -webkit-animation-delay:0.4s;
}
.service li:nth-child(4),
.service1 li:nth-child(4),
.service2 li:nth-child(4){
    animation-delay:0.6s;
    -webkit-animation-delay:0.6s;
}
.service li:nth-child(5),
.service1 li:nth-child(5){
    animation-delay:0.8s;
    -webkit-animation-delay:0.8s;
}
.service li:nth-child(6),
.service1 li:nth-child(6){
    animation-delay:1s;
    -webkit-animation-delay:1s;
}
.service li:nth-child(7),
.service1 li:nth-child(7){
    animation-delay:1.2s;
    -webkit-animation-delay:1.2s;
}
.service1{
    background-color: #f6f6f6;
}
.service1 li{
    width: 20%;
    padding: 10px 20px;
    float: left;
    text-align: center;
}
.service1 li .imgs{
    width: 180px;
    height: 180px;
    line-height: 180px;
    text-align: center;
    background-color: #ffffff;
    box-shadow: 0px 3px 12px 0px rgba(0, 0, 10, 0.03);
    border-radius: 50%;
    margin: 0 auto 15px;
}
.service1 li .imgs img:last-child{
    display: none;
}
.service1 li .font26{
    color: #333333;
    margin-bottom: 5px;
}
.service1 li .font16{
    color: #777777;
}
.service1 li a{
    display: block;
}
.service1 li a:hover .imgs img:first-child{
    display: none;
}
.service1 li a:hover .imgs img:last-child{
    display: inline-block;
}
.service1 li a:hover .font26{
    color: #c49f5a;
}
.service1 li a:hover .font16{
    color: #d8b26b;
}
.service2 li{
    width: 22%;
    margin-left: 4%;
    background-color: #f6f6f6;
    float: left;
    text-align: center;
    padding: 2.2% 20px;
    height: 290px;
}
.service2 ul{
    margin-top: 2rem;
}
.service2 li:first-child{
    margin-left: 0;
}
.service2 li .imgs{
    height: 134px;
    line-height: 134px;
}
.service2 li .font26{
    color: #333;
    margin: 20px auto 10px;
}
.service2 li .font16{
    color: #777;
}
.maintenance{
    background-color: #f6f6f6;
}
.maintenance .conts{
    padding: 0 10%;
}
.maintenance .cont{
    background-color: #fff;
    padding: 5%;
    text-align: center;
}
.maintenance .cont .font36{
    color: #333333;
    margin-bottom: 13px;
}
.maintenance .cont .font18{
    color: #888888;
    margin-bottom: 20px;
    line-height: 1.8;
}
.maintenance .cont .fm1,.join4 .fm1{
    width: 48%;
    float: left;
}
.maintenance .cont .fm1:first-child,.join4 .fm1:first-child{
    margin-right: 4%;
}
.maintenance .cont .form-group,.join4 .form-group{
    position: relative;
}
.maintenance .cont .form-group input,.join4 .form-group input{
    height: 58px;
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px rgba(191,191,191,0.4);
}
.maintenance .cont .form-group label,.join4 .form-group label{
    position: absolute;
    left: 10px;
    top:17px;
    font-size: 16px;
    color: #333333;
}
.maintenance .cont .fm1 input{
    padding-left: 56px;
}
.maintenance .cont .fm2 input{
    padding-left: 100px;
}
.maintenance .cont textarea{
    background-color: #ffffff;
    border-radius: 3px;
    border: solid 1px rgba(191,191,191,0.4);
    text-indent: 3rem;
}
.maintenance .cont button{
    background-color: #333333;
    border-radius: 3px;
    border: solid 1px #bfbfbf;
    color: #fff;
    padding: 18px 105px;
}
.maintenance .cont .fm3 label{
    top:5px;
}
.productMaintenance .ctds{
    overflow: hidden;
}
.productMaintenance .ctds .lt{
    width: 290px;
    float: left;
}
.productMaintenance .ctds .rt{
    width: calc(100% - 290px);
    width: -webkit-calc(100% - 290px);
    float: left;
    padding-left: 4%;
    text-align: left;
    padding-top: 16px;
}
.productMaintenance .ctds .rt .font24{
    color: #333333;
    margin-bottom: 14px;
}
.productMaintenance .ctds .rt p{
    color: #888888;
    line-height: 1.5;
    overflow:hidden;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
    text-overflow:ellipsis;
    word-break: break-all;
    margin-bottom: 20px;
}
.productMaintenance .ctds .rt a{
    color: #ffffff;
    font-size: 16px;
    background-color: #333333;
    border-radius: 3px;
    border: solid 1px #bfbfbf;
    padding: 10px 40px;
}
.productMaintenance li{
    text-align: left;
    overflow: hidden;
}
.productMaintenance li a{
    display: block;
    color: #333333;
    padding: 15px 0;
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
.productMaintenance ul{
    border-top:1px solid rgba(51,51,51,0.1);
    margin-top: 30px;
}
.maintenance .cont.faq{
    text-align: left;
}
.faq li{
    padding: 0 15px;
    border-bottom: 1px solid rgba(51,51,51,0.1);
}
.faq li a{
    display: block;
}
.faq li .top{
    color: #333333;
    position: relative;
    padding: 15px 0;
    cursor: pointer;
}
.faq li .top span.q{
    display: inline-block;
    margin-right: 10px;
    width: 23px;
    height: 23px;
    text-align: center;
    line-height: 23px;
    background-color: #000000;
    border-radius: 50%;
    color: #fff;
}
.faq li .top .icon{
    position: absolute;
    right: 15px;
    top:28px;
    -moz-transform: translate3d(0, -50%, 0) rotate(0deg);
    -webkit-transform: rotate(0deg);
    transform:rotate(0deg);
    color: #333;
    margin-top: -10px;
    font-weight: bold;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.faq li.active .top .icon{
    -moz-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
}
.faq li .bom{
    padding-left: 33px;
    position: relative;
    color: #333;
    display: none;
}
.faq li .bom .a{
    position: absolute;
    left: 4px;
    font-size: 16px;
    font-weight: bold;
    top: 3px;
}
.faq li .top .font18{
    color: #333;
    margin-bottom: 0;
    padding-right: 40px;
}
.faq li .top .font18 .q{
    font-weight: 100;
}
.join li{
    width: 18%;
    margin-left: 2.5%;
    height: 430px;
    position: relative;
    float: left;
    padding: 25px;
}
.join li:first-child{
    margin-left: 0;
}
.join li .cont{
    position: relative;
    z-index:8;
    text-align: center;
}
.join li:after{
    content: '';
    background-color: #000;
    opacity: 0.67;
    position: absolute;
    width:100%;
    height: 100%;
    top:0;
    left: 0;
    z-index:4;
}
.join li .cont .font26{
    color: #ffffff;
}
.join li .cont p{
    color: #ffffff;
    line-height: 1.6;
    text-align: justify;
    margin-top: 15px;
    /*height: 0;*/
    /*opacity: 0;*/
    /*transition: all 0.6s;*/
    /*-moz-transition: all 0.6s;*/
    /*-webkit-transition: all 0.6s;*/
    /*-o-transition: all 0.6s;*/
    display: none;
}
.join li .cont .imgs{
    margin-bottom: 15px;
    height: 80px;
    line-height: 80px;
    transition: all 0.6s;
    -moz-transition: all 0.6s;
    -webkit-transition: all 0.6s;
    -o-transition: all 0.6s;
}
.join1 .btns{
    width: 49px;
    height: 49px;
    background-color: #ffffff;
    text-align: center;
    line-height: 49px;
    border-radius: 50%;
}

.join1 .swiper-slide img{
    width: 100%;
}
.join1 .btns span{
    color: #777;
    font-size: 18px;
}
.join1 .btns.swiper-button-next{
    right: 10px;
}
.join1 .btns.swiper-button-prev{
    left: 10px;
}
.join1{
    margin-bottom: 6rem;
}
.join2{
    background-color: #f6f6f6;
}
.join2 ul{
    margin-top: 3rem;
}
.join2 li{
    height: 390px;
}
.join2 .lt{
    width: 50%;
    height: 100%;
    float: right;
    padding: 20px 5%;
}
.join2 .rt{
    width: 50%;
    height: 100%;
    float: right;
}
.join2 .rt img{
    opacity: 0;
}
.join2 li:nth-child(2n) .lt{
    float: left;
}
.join2 li:nth-child(2n) .rt{
    float: left;
}
.join2 .lt .font30{
    color: #333333;
    margin-bottom: 20px;
}
.join2 .lt p{
    color: #888888;
    font-size: 16px;
    margin-bottom: 7px;
    line-height: 1.8;
}
.join2 li:nth-child(1) .lt{
    background: #fff url("../images/01_03.png") no-repeat center right 0;
    background-size: auto;
}
.join2 li:nth-child(2) .lt{
    background: #fff url("../images/02_07.png") no-repeat center right 0;
    background-size: auto;
}
.join2 li:nth-child(3) .lt{
    background: #fff url("../images/03_11.png") no-repeat center right 0;
    background-size: auto;
}
.join3 .swiper-slide{
    text-align: center;
}
.join3 .swiper-slide .sert{
    width: 180px;
    height: 180px;
    line-height: 180px;
    background-color: #333333;
    border-radius: 50%;
    text-align: center;
    margin: 0 auto 18px;
}
.join3 .swiper-slide p{
    color: #777777;
    font-size: 16px;
}
.join3 .swiper-slide:hover .sert{
    background-color: #c49f5a;
}
.join3 .btns{
    width: 49px;
    height: 49px;
    background-color: #ffffff;
    box-shadow: 0px 3px 10px 0px
    rgba(0, 0, 0, 0.13);
    border-radius: 50%;
    text-align: center;
    line-height: 49px;
    top: 90px;
    margin-top: -25px;
}
.join3 .btns.swiper-button-next{
    right: 5px;
}
.join3 .btns.swiper-button-prev{
    left: 5px;
}
.join4{
    background-color: #f6f6f6;
}
.join4 .title{
    margin-bottom: 3rem;
}
.join4 .title .font36{
    color: #333333;
    margin-bottom: 5px;
}
.join4 .title .font16{
    color: #888;
}
.join4 .lt{
    width: 32%;
    float: left;
}
.join4 .rt{
    width: 68%;
    float: left;
}
.join4 .lt .font30{
    letter-spacing: 14px;
    color: #333333;
    margin: 30px 0 15px;
    padding-left: 12px;
}
.join4 .lt .font48{
    color: #c49f5a;
    padding-left: 12px;
    letter-spacing: 4px;
}
.join4  form .wid100:first-child .form-group:first-child input{
    padding-left: 70px;
}
.join4  form .wid100:first-child .form-group:last-child input{
    padding-left: 87px;
}
.join4 form .wid100:nth-child(2) .form-group:first-child input{
    padding-left: 105px;
}
.join4 form .wid100:nth-child(2) .form-group input{
    padding-left: 120px;
}
.join4 .form-group.fm3 label{
    top:5px;
}
.join4 .form-group.fm3 textarea{
    text-indent: 5.5rem;
}
.join4 .btn{
    color: #ffffff;	background-color: #333333;
    border-radius: 3px;
    padding: 18px 105px;
}

header .rt li.icoS .navA .icons .icon,
header .rt li .down_sd li .top.icoS .icons .icon{
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
}
.newsDetails p{
    text-align:justify;
}
#banner .title_ct{
    color: #fff;
}
#banner .title_ct .font48{
    letter-spacing: 5px;
}

.about3 .click p{margin-top: 0}
.btns2{
    background-color: rgba(255,255,255,0.9);
    width: 50px;
    height: 50px;
    border-radius: 50%;
    background-size: 10px 14px;
}

#about3{
    margin-bottom: 30px
}
#about3 .swiper-slide .cont{
    position: relative;
}
.about3 .swiper-slide .click{
    display: none;
    height: 60px;
}
.about3 .swiper-slide:hover .click{
    display: block;
}
.join1 .swiper-slide .cont{
    position: absolute;
    width: 100%;
    bottom: 0;
    left: 0;
    background: rgba(0,0,0,0.4);
    padding: 12px 20px;
    color: #fff;
}
.join1 .swiper-slide .cont p{
    margin-top: 7px;
    overflow:hidden; 
display:-webkit-box; 
-webkit-box-orient:vertical; 
-webkit-line-clamp:2;
text-overflow:ellipsis;
  word-break: break-all;
}


.page1 li.active .bgs .cont *{color:#fff!important;}
.flexs li a{position:relative;}
.flexs li:nth-child(4){overflow:visible;}
.wxImg{width:110px; height:110px; background:#CCB480; position:absolute; right:82px; top:50%; margin-top:-55px; padding:5px; transition:all 0.5s ease-in-out; opacity:0; transform:translateX(-20px); visibility:hidden}
.wxImg img{width:100px; height:100px;}
.wxImg:after{content:""; border-top:8px solid transparent; border-bottom:8px solid transparent; border-left:8px solid #CCB480; position:absolute; right:-8px; top:50%; margin-top:-4px;}
.flexs li:hover .wxImg{opacity:1; visibility:visible; transform:translateX(0);}
.flexs > div{border-radius:10px 0 0px 10px}
.flexs li:nth-child(4) a{border-radius:0 0 0px 10px;}