@charset "utf-8";
/*@font-face {*/
/*    font-family: 'jdabiaosong';*/
/*    src: url('../font/jdabiaosong.eot');*/
/*    src: url('../font/jdabiaosong.eot?#font-spider') format('embedded-opentype'),*/
/*    url('../font/jdabiaosong.woff') format('woff'),*/
/*    url('../font/jdabiaosong.ttf') format('truetype'),*/
/*    url('../font/jdabiaosong.svg') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/

/*@font-face {*/
/*    font-family: 'HYa9gj';*/
/*    src: url('../font/HYa9gj.eot');*/
/*    src: url('../font/HYa9gj.eot?#font-spider') format('embedded-opentype'),*/
/*    url('../font/HYa9gj.woff') format('woff'),*/
/*    url('../font/HYa9gj.ttf') format('truetype'),*/
/*    url('../font/HYa9gj.svg') format('svg');*/
/*    font-weight: normal;*/
/*    font-style: normal;*/
/*}*/
@font-face {
    font-family: 'DreamHanSansCN-W18';
    src: url('../font/DreamHanSansCN-W18.eot');
    src:
            url('../font/DreamHanSansCN-W18.eot?#font-spider') format('embedded-opentype'),
            url('../font/DreamHanSansCN-W18.woff') format('woff'),
            url('../font/DreamHanSansCN-W18.TTF') format('truetype'),
            url('../font/DreamHanSansCN-W18.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}






body {
    width: 100%;
    min-width: 1640px;
    height: 100%;
}

.tops {
    width: 100%;
    position: relative;
}
.tops .img {
    width: 100%;
    height: auto;
}
.banner-text{
    position: absolute;
    top: 240px;
    width: 100%;
}
.banner-text-wapper{
	width:1200px;
	margin:0 auto;
}

.banner-text-title{
	font-size:56px!important;
	line-height: 75px;
}
.banner-text img{
    margin-bottom: 16px;
	width:600px;
}
.banner-text p{
    text-align: left;
    font-size: 30px;
    line-height: 50px;
    color: #fff;
	letter-spacing:0.5px;
    font-weight: normal;
}
.banner-text h4{
    font-size: 20px;
    font-weight: normal;
    line-height: 28px;
    color: #614b3e;
    text-align: left;
}
.banner-form-wapper{
    position: absolute;
    top: 600px;
    width: 100%;
}
.banner-form {
    width: 1200px;
    padding-bottom: 60px;
    justify-content: center;
	margin:0 auto;
	text-align:right;
}

.banner-form span {
    display: block;
    width: auto;
    height: 35px;
    text-align: center;
    line-height: 35px;
    font-size: 18px;
    font-weight: normal;
    font-stretch: normal;
    letter-spacing: 0px;
    color: #614b3e;
    margin-right: 20px;
	float:left;
}
.banner-form #tab {
	float:left;
}
.banner-form input {
    width: 90px;
    height: 25px;
    background-color: #ffffff;
    /*border: solid 2px #103d64;*/
    padding: 0 10px;
    font-size: 15px;
    color: #858382;
    margin: 0 8px;
	border:none;
	border-radius:50px;
	padding: 5px;
}

.banner-form button {
    display: block;
    width: 144px;
    height: 35px;
    border: 0;
    /* background-image: linear-gradient(
            #974322,
            #974322),
    linear-gradient(
            #ffffff,
            #ffffff);
    background-blend-mode: normal,
    normal; */
	background-color:#091928;
    font-size: 16px;
    color: #fff;
    cursor: pointer;
    margin-left: 20px;
	border-radius:50px;
	float:left;
}
.form-name{
    display: inline;
    padding: 9px 40px;
    background-color: #17bf98;
    color: #fff;
    border-radius: 50px;
    font-size: 16px;
    float: left;
    margin-right: 20px;
}
.form-name:hover{
    color: #fff!important;
}

.ppjc{
    display: block;
    margin: 30px auto;
}
.ppjc img{
    display: block;
    margin: 30px auto;
}
.ppjc p{

    font-family: DreamHanSansCN-W18;
    font-size: 34px;
    line-height: 80px;
    text-align: center;
    color: #fff;
}


.boxCont {
    width: 1640px;
    margin: 0 auto;
    position: relative;
}

.box {
    width: 100%;
    /*height: 700px;*/
    display: flex;
    justify-content: flex-start;
    margin-bottom: 70px;
}

.txBox {
    width: 320px;
    height: auto;
    background-color: #f3f3f3;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-content: center;
}

.txBox .tx {
    width: 100%;
    text-align: center;
    /*padding-top: 140px;*/
    overflow: hidden;
}

.txBox .tx img {
    width: 220px;
    height: 220px;
    border-radius: 50%;
}

.txBox .p1 {
    width: 100%;
    text-align: center;
    padding-top: 30px;
    font-size: 28px;
    color: #000000;
    font-weight: bold;
    font-family: DreamHanSansCN-W18;
}

.txBox .p2 {
    width: 100%;
    text-align: center;
    padding-top: 30px;

}

.txBox .p2 span {
    font-size: 20px;
    color: #000000;
    border-radius: 6px;
    border: solid 1px #000000;
    padding: 6px 30px;
    padding-top: 5px;
    font-family: DreamHanSansCN-W18;
}

.page-t1{
    font-family: DreamHanSansCN-W18;
    font-size: 61px;
    line-height: 80px;
    letter-spacing: 5px;
    color: #964e47;
    text-align: center;
}
.page-t2{
    font-family: DreamHanSansCN-W18;
    font-size: 25px;
    line-height: 36px;
    letter-spacing: 5px;
    color: #696662;
    text-align: center;
}
.boxCont1{
    width: 1390px;
    margin: 0 auto;
    position: relative;
}

.swiper-button-next,
.swiper-button-prev{
    background-image: unset;
}
.swiper-button-prev1{
    top: 50%;
    left: -110px;
    width: 91px;
    height: 91px;
    background: url(../images/left.png) no-repeat center;
    background-size: 91px;
}
.swiper-button-next1{
    top: 50%;
    right: -110px;
    width: 91px;
    height: 91px;
    background: url(../images/right.png) no-repeat center;
    background-size: 91px;
}

.swiper-container1 .swiper-slide div{
    position: relative;
    width: 330px;
}
.swiper-container1 .swiper-slide div img{
    display: block;
    width: 100%;
}
.swiper-container1 .swiper-slide div p{
    padding: 10px 20px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 20px;
    background: rgba(0,0,0,.5);
}
.swiper-container1 .swiper-slide h3{
    font-family: DreamHanSansCN-W18;
    font-size: 28px;
    font-weight: bold;
    padding: 10px 0 5px;
    line-height: 40px;
    letter-spacing: 2px;
    color: #0c0602;
}
.swiper-container1 .swiper-slide>p{
    font-family: DreamHanSansCN-W18;
    font-size: 20px;
    line-height: 30px;
    letter-spacing: 1px;
    color: #74706c;
}

.banner3{
    background: linear-gradient(to bottom, #bfbfbf 0%,#bfbfbf 65%,white 66%,white 100%);
}

.bn3-tab{
    width: 1591px;
    margin: 30px auto;
}
.bn3-tab span{
    display: inline-block;
    margin: 0 50px;
    font-family: DreamHanSansCN-W18;
    font-size: 35px;
    line-height: 40px;
    letter-spacing: 3px;
    color: #ffffff;
    cursor: pointer;
}
.bn3-tab span.active{
    color: #964e47;
}

.bn3-swiper{
    width: 1591px;
    margin: 30px auto;
}

.rz-list{
    background-image: linear-gradient(
            #e5e5e5,
            #e5e5e5),
    linear-gradient(
            #7c6b5b,
            #7c6b5b);
    padding: 50px 0;
    margin: 50px 0;
}
.rz-img{
    width: 1640px;
    margin:0 auto;
}
.rz-img img{
    display: block;
    width: 1536px;
    margin: 0 auto;
}

.zzs{
    width: 1640px;
    margin:50px auto 50px;
}
.zzs img{
    display: block;
    width: 100%;
}


.banner6{
    width: 100%;
    height: 956px;
/*     background: url(../images/banner6bg.jpg) no-repeat center;
    background-size: 100%; */
}
.zzfw{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1200px;
    margin: 0 auto;
	padding-bottom:40px;
}
.zzfw div{
    width: 280px;
    margin: 0 10px;
    position: relative;
}
.zzfw div img{
    width: 100%;
}
.zzfw div img.active{
    position: absolute;
    left: 0;
    top: 0;
    z-index: 9;
    opacity: 0;
    transition: opacity linear .3s;
}
.zzfw div:hover img.active{
    opacity: 1;
}





.sh-box{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 1417px;
    height: 540px;
    margin: 0 auto;
    padding: 45px 80px;
    background-image: linear-gradient(
            #7e342f,
            #7e342f),
    linear-gradient(
            #7c6b5b,
            #7c6b5b);
    background-blend-mode: normal,
    normal;
}

.sh-box img{
    display: block;
    width: 676px;
}
.sh-box div h3{
    font-family: DreamHanSansCN-W18;
    font-size: 48px;
    line-height: 65px;
    letter-spacing: 4px;
    color: #ffffff;
    margin-bottom: 20px;
}
.sh-box div h3 b{
    font-size: 63px;
}
.sh-box div p{
    font-family: MicrosoftYaHeiUI;
    font-size: 19px;
    line-height:40px;
    letter-spacing: 2px;
    color: #ffffff;
    position: relative;
    padding-left: 40px;
    margin-bottom: 10px;
}
.sh-box div p:before{
    position: absolute;
    left: 0;
    top: 12px;
    content: '';
    width: 14px;
    height: 14px;
    border-radius: 15px;
    background-color: #ffffff;
}




.banner8{
    padding: 40px 0;
    background-image: linear-gradient(
            #7e342f,
            #7e342f),
    linear-gradient(
            #7c6b5b,
            #7c6b5b);
}
.banner8 img{
    display: block;
    width: 1022px;
    margin: 0 auto;
}


/* 新增样式 */
.pt_45{
    padding-top:85px;
}
.pt_40{
    padding-top:40px;
}
.pb_45{
	padding-bottom:45px;
}
.pb_120{
	padding-bottom:120px;
}
.pb_25{
	padding-bottom:25px;
}
.fn_white{
	color:#fff!important;
}
.wapper .img {
    width: 100%;
    height: auto;
}
.wapper-small{
	width:1200px;
	margin:0 auto;
}
.wapper-large{
	width:1400px;
	margin:0 auto;
}
.bg-box-gray{
    background-color: #f5f6fb;
    margin-top: 60px;
}
.U-bgbox-left{
    position: absolute;
    left: -100px;
    top:10px;
}
.U-bgbox-right{
    position: absolute;
    right: 0px;
    top:10px;
}

.rz-about-left{
	float:left;
	width:323px;
	height:auto;
	padding:70px 50px 0 100px;
}
.rz-about-left h3{
	font-size:40px;
	color:#614b3e;
	letter-spacing:1px;
}
.rz-about-left .about-hr{
	background-color:#fda656;
	width:50px;
	height:5px;
	margin:10px 0;
}
.rz-about-left p{
	font-size:16px;
	line-height:25px;
	margin-bottom:15px;
	color:#614b3e;
}
.rz-about-right{
	float:left;
	width:600px;
	height:auto;
	padding:20px 100px 0 0;
}
.rz-about-right img{
	width:600px;
	height:auto;
}

.rz-class-box{
	width:250px;
	height:auto;
	overflow:hidden;
	float:left;
	margin:0 15px 75px 15px;
	text-align:center;
}
.rz-class-box img{
	width:250px;
	height:auto;
}
.rz-class-box h4{
	font-size:18px;
	padding:30px 0 5px 0;
}
.rz-class-box p{
	font-size:12px;
}
.rz-title{
	text-align:center;
	padding:80px 0 60px 0;
}
.rz-title h1{
	font-size: 40px;
    line-height: 40px;
	color:#091928;
	letter-spacing:2px;
}
.rz-title p {
    font-size: 18px;
    line-height: 20px;
    margin-top: 14px;
    color: #10b38d;
	letter-spacing:1px;
    font-weight: bold;
}
.title-position{
	position:absolute;
	text-align:center;
	top:0;
	width:1400px;
}
.title-position2{
	position:absolute;
	text-align:center;
	top:0;
	width:1200px;
}

.rz-video-box{
	position:absolute;
	text-align:center;
	top:240px;
	width:1200px;
	height:675px;
	border:5px solid #7b6b62;
	overflow:hidden;
}
.rz-video-box video{
	width:1200px;
	height:auto;
}
.rz-video-box video:focus{
      outline: -webkit-focus-ring-color auto 0;
}

.CASA-bg{
	 background-image:url(../images/CASA-bg.png);
	 background-repeat:no-repeat;
	 height:831px;
}


.rz-logo{
	width:1400px;
	height:343px;
	top:240px;
	position:absolute;
	text-align:center;
}
.rz-logo img{
	width:1039px;
	height:343px;
	margin:0 auto;
}
.rz-logo-text{
	width:1400px;
	height:auto;
	text-align:center;
	position:absolute;
	bottom:60px;
}
.rz-logo-text ul{
	width:760px;
	height:auto;
	text-align:center;
	margin:0 auto;
}
.rz-logo-text li{
	float:left;
	padding:0 25px;
	font-size:24px;
	color:#fff;
}

.foot-about{
	width:350px;
	height:auto;
	float:left;
	padding:0 50px;
}
.foot-about .foot-about-left{
	float:left;
	width:;
	margin-right:20px;

}
.foot-about .foot-about-right{
	float:left;
	color:#fff;
}
.foot-about .foot-about-right h4{
	font-size:18px;
}
.foot-span{
	width:100%;
	padding:10px 0;
}
.about-24{
	font-size:30px;
	font-weight:bold;
	margin-right:5px;
}
.foot-about .foot-about-right h5{
	font-size:16px;
	padding-top:5px;
}

.foot-about li{
	float:left;
	padding:10px 10px 0 0;
    position: relative;
}
.foot-about li img{
	display:inline-block;
	width: 106px;
    border-radius: 3px;
}

/*footer hover*/
a{color:#fff;text-decoration:none;}
.sub-img {width:106px;height:106px;position: absolute; top:-100px;}
.sub-img img{width:106px;height:106px;}

.CASA-remarks{width:910px; height:30px;line-height:30px;color:#aa1f24; text-align:right;font-size:10px;}
.example {width: 910px;height: 568px;text-align: center;}

.tabbtn{height:510px;width:270px;float:right;}

.tabbtn .current{border:1px solid #c1c1c1;}

.tabbtn li{position:relative;height:176px;width: 270px;margin-bottom: 20px;overflow:hidden;vertical-align:middle;display:flex;text-align:center;}

.tabbtn li img{width:270px;height:176px;}

.tabbtn li a{display:block;float:left;overflow:hidden;text-align:center;cursor:pointer;}

.tabbtn li.current a{color:#3366cc;font-weight:800;}

.tabcon{width:910px;position:relative;/*必要元素*/height:568px;overflow:hidden;}

.tabcon .subbox{position:absolute;/*必要元素*/left:0;top:0;}

.tabcon .sublist{}

#leftcon .subbox{width:9999em;}

#leftcon .subbox .sublist{float:left;width:270px;}

/* .sublist li{height:28px;line-height:28px;font-size:12px;} */

/*U+*/
.swiper-slide {
    width: 1200px;
    height: 344px;
    margin: 0 auto;
}
.swiper-slide img {
    width: 1200px;
    height: 344px;
}
.swiper-btn{
    width: 100px;
    height: 30px;
    padding: 20px 0 95px 0;
    margin: 0 auto;
    clear: both;
}
.prev {
    width: 30px;
    height: 30px;
    float: left;
}
.prev img {
    width: 30px;
    height: 30px;
    outline: none;
}
.prev:focus {
    outline: none;
}
.next {
    width: 30px;
    height: 30px;
    float: right;
}
.next img {
    width: 30px;
    height: 30px;
    outline: none;
}
.next:focus {
    outline: none;
}
.wapper-jobs{
    background: url(../images/U-jobs-bg.png) repeat-x;
    height: 800px;
}
.U-title{
    text-align:center;
    padding:80px 0 60px 0;
}
.U-title h1{
    font-size: 40px;
    line-height: 40px;
    color:#fff;
    letter-spacing:2px;
}
.U-title p {
    font-size: 18px;
    line-height: 20px;
    margin-top: 14px;
    color: #60dabd;
    letter-spacing:1px;
    font-weight: bold;
}

.swiper-slide {
    width: 20%;
    text-align: center;
    font-size: 18px;

    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    transition: 300ms;
    transform: scale(0.8);
    overflow: hidden;
}
.swiper-slide img {
    width: 100%;
    height: auto;
}
.swiper-slide-active,.swiper-slide-duplicate-active{
    transform: scale(1);
}


.hals-info .swiper-slide {
    display: block!important;
    padding-top: 50px;
    padding-bottom: 50px;

}
.hals-info .swiper-slide div{
    visibility: hidden;
    display: flex;
    align-items: flex-start;
    justify-content: start;
    width: 100%;
    height: 100px;
    background: #fff;
    padding: 10px;
    text-align: left;
    box-sizing: border-box;
    border-radius: 5px;
    box-shadow: 0 5px 5px #10b38d;
    margin-bottom: 30px;
    position: relative;
    top: -30px;
    font-size: 15px;
    line-height: 150%;
    transform: scale(1.3);
}
.hals-info .swiper-slide div:before{
    position: absolute;
    left: 50%;
    top: 110px;
    transform: translate(-50%,-50%);
    content: '';
    width: 0;
    height: 0;
    border: 10px solid transparent;
    border-top-color: #fff ;
}
.hals-info .swiper-slide.swiper-slide-active{
    overflow: unset;
    position: relative;
    top: -30px;
}
.hals-info .swiper-slide.swiper-slide-active img{
    transform: scale(1.6);
}
.hals-info .swiper-slide.swiper-slide-active div{
    visibility: unset;
}