@charset "utf-8";
/* CSS Document*/
.box{width: 1566px;}
.swiper-pagination-bullet{width: 70px; height: 5px; background-color: #fff; border-radius: 0; opacity: 1;
	box-sizing: border-box;}
.swiper-pagination-bullet-active{background-color: transparent; border:1px solid #fff;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 12px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
	bottom: 45px;
}
.lb1{width: 600px; position: absolute; top:50%; left: 50%; margin-left: -300px;}
.lb1 .tj{width: 200px; text-align: center;}
.lb1 .tj>li>span{font-size: 60px; font-family: "AgencyFB"; color: #fff;}
.lb1 .tj>li>i{font-size: 40px; font-family: "AgencyFB"; color: #fff;}
.lb1 .tj>div{width: 37px; height: 2px; background-color: #fff; margin:15px auto 20px;}
.lb1 .tj>p{font-size: 20px; color: #fff; font-family: "Alibaba-PuHuiTi-Light";}
.lb1 .know{display: block; width: 152px; height: 58px; background-color: #cca776; font-size: 18px; color: #fff;
	line-height: 58px; text-align: center; margin: 35px auto 0;}

.lingyu{padding-bottom: 70px;}
.tit{font-size: 36px; color: #666; padding: 80px 0 60px;}
.tit>span{font-size: 30px; opacity: .3; font-family: "Alibaba-PuHuiTi-Light";}
.lybox{width: 1411px;}
.lybox .ly{width: 23.8%; height: 313px; border:1px solid #f6f6f6; box-sizing: border-box; text-align: center;
	transition: .5s; margin-right: 1.6%; margin-bottom: 24px;}
.lybox .ly:nth-child(4n){margin-right: 0;}
.lybox .ly>img{height: 69px; padding-top: 95px; transition: .5s;}
.lybox .ly>p{padding-top: 45px; font-size: 20px; color: #999; transition: .5s;}
.lybox .ly:hover{border:1px solid #cfad7f;}
.lybox .ly:hover>p{color: #cfad7f;}
.lybox .ly:hover>img{transform: rotateY(180deg);}

.lvshi{background-color: #fafafa; padding-bottom: 50px;}
.swiper-container2{width: 1411px; margin:0;}
.lsbox{width: 100%; height: 700px;}
.lsbox .ls{width: 29.8%; margin-right: 5%; position: relative;}
.lsbox .ls:last-child{margin-right: 0;}
.lsbox .ls .bg{width: 91%; height: 563px; background: url(../images/ls.jpg) no-repeat center; margin:0 auto;
	background-size: cover; text-align: center; transition: .5s;}
.lsbox .ls .img{position: absolute; top:35px; left: 0; width: 100%; -webkit-box-shadow: #ccc 5px 5px 5px;
	-moz-box-shadow: #ccc 5px 5px 5px;}
.lsbox .ls .bg .name{font-size: 36px; color: #666; padding-top: 367px; font-family: "Alibaba-PuHuiTi-Light";}
.lsbox .ls .bg .name_en{font-size: 18px; color: #a0a0a0; padding-top: 5px; font-family: "Alibaba-PuHuiTi-Light";
	padding-bottom: 20px;}
.lsbox .ls .bg .drag{width: 55px; height: 1px; background-color: #cca776; margin:0 auto;}
.lsbox .ls .bg .btn{height: 38px; background-color: #e5e5e5; font-size: 18px; color: #666; padding: 0 15px;
	line-height: 38px; text-align: center; font-family: "Alibaba-PuHuiTi-Light"; margin:25px auto 0;
	display: inline-block; transition: .5s;}
.lsbox .ls:hover .bg{background-image:url(../images/ls_box.jpg);}
.lsbox .ls:hover .bg .btn{background-color: #cca776; color: #fff;}
.lvshi .swiper-pagination-bullet{background-color: #dcdcdc;}
.lvshi .swiper-pagination-bullet-active{border: none; background-color: #cca776;}

.news{padding: 120px 0 110px;}
.newsbox{width: 1411px;}
.newsbox .xinwen{width: 31.6%; height: 693px; margin-right: 2.6%;}
.newsbox .xinwen:last-child{margin-right: 0;}
.newsbox .xinwen .news_head{width: 100%; height: 148px; background: url(../images/news1.jpg) no-repeat center;
	background-size: cover; margin-bottom: 3px;}
.newsbox .xinwen .news_head>p{float: left; font-size: 36px; color: #fff; line-height: 148px; margin-left: 40px;}
.newsbox .xinwen .news_head>a>img{float: right; margin-right: 34px; margin-top: 70px; transition: .5s;}
.newsbox .xinwen .news_con{width: 100%; height: 482px; background-color: #f7f7f7; padding-top: 40px;
	padding-bottom: 20px;}
.list{margin-bottom: 24px;}
.list>div{float: left; width: 85px; height: 95px; background-color: #e5e5e5; font-family: "DINOT-CondLight";
	font-size: 37px; padding-left: 10px; color: #fff; margin-left: 40px; transition: .5s;}
.list>div>span{font-size: 30px;}
.list>a{float: left; font-size: 18px; color: #666666; width: 280px; display: -webkit-box;
	-webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; height: 54px; margin-left: 10px;
	margin-top:20px; transition: .5s;}
.newsbox .xinwen:nth-child(2) .news_head{background-image: url(../images/news2.jpg);}
.newsbox .xinwen:nth-child(3) .news_head{background-image: url(../images/news3.jpg);}
.list:hover>div{background-color: #cca776;}
.list:hover>a{color: #cca776;}
.newsbox .xinwen:hover .news_head>a>img{margin-right: 20px;}

.huoban{padding-bottom: 106px; background-color: #fafafa;}
.hbbox{width: 1411px;}
.huoban .tit{padding: 80px 0 25px;}
.huoban .fuwu{font-size: 18px; color: #999;}
.huoban .more{text-align: right; font-size: 16px; padding-top: 20px; padding-bottom: 18px;}
.huoban .more a{color: #cca776;}
.huoban .more a:hover{text-decoration: underline;}
.hb{width: 100%;}
.hb>div{float: left; width: 16.66%; height: auto; border-top:1px solid #eee; border-left:1px solid #eee;
	border-bottom:1px solid #eee; box-sizing: border-box; position: relative; cursor: pointer;}
.hb>div:last-child{border-right: 1px solid #eee;}
.hb>div>img{display: block; width: 100%;}
.hb>div>div{width: 100%; height: 100%; background-color: rgba(204,167,118,0); position: absolute; top:0;
	left: 0; transition: .5s;}
.hb>div:hover>div{background-color: rgba(204,167,118,.6);}

.contact{width: 100%; height: 778px; background: url(../images/contact.jpg) no-repeat center;
	background-size: cover;}
.contact .tit_cn{font-size: 30px; color: #fff; font-family: "Alibaba-PuHuiTi-Light"; text-align: center;
	padding-top: 96px;}
.contact .tit_en{font-size: 30px; color: #fff; opacity: .3; font-family: "Alibaba-PuHuiTi-Light";
	text-align: center; margin-top: -30px;}
.contact .tact{width: 1067px; margin:0 auto; border-top:1px solid rgba(255,255,255,.3); margin-top:50px;
	padding-top: 38px;}
.contact .tact input{float: left; width: 31.3%; height: 72px; margin-right: 3.05%; font-size: 20px; color: #666;
	font-family: "Alibaba-PuHuiTi-Light"; text-indent: 10px;}
.contact .tact select{float: left; width: 31.3%; height: 72px; margin-right: 0; border: none; font-size: 20px;
	color: #666; font-family: "Alibaba-PuHuiTi-Light"; text-indent: 10px; outline: none;}
.contact .tact textarea{float: left; width: 98%; height: 230px; font-size: 20px; border: none; outline: none;
	color: #666; font-family: "Alibaba-PuHuiTi-Light"; padding: 1%; margin-top:25px;}
.contact .tijiao{width: 253px; height: 78px; background-color: #cca776; font-size: 20px; color: #fff;
	font-family: "Alibaba-PuHuiTi-Light"; text-align: center; line-height: 78px; margin:37px auto 0;
	cursor: pointer;}
/*弹出*/
html,body{width: 100%; height: 100%; position: relative;}
.tanchu{width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: fixed; top:0; left: 0; 
	display: none; z-index: 99999; overflow-y: auto;}
.tanchu>.box{width: 1200px; position: relative;}
.tanchu .tcbox{width: 100%; padding: 80px; border:1px solid #e5e5e5; box-sizing: border-box;
	background-color: #fff; position: absolute; top:100px; left: 0;}
.tanchu .tcbox .guanbi{width: 35px; height: 35px; border:1px solid #fff; font-size: 26px; color: #fff;
	text-align: center; line-height: 36px; position: absolute; top:-50px; right: 0; cursor: pointer;
	transition: .5s;}
.tanchu .tcbox .guanbi:hover{background-color: #cca776}
.tanchu .tcbox .tc_js{width: 100%; padding-bottom: 68px;}
.tanchu .tcbox .tc_js .tc_logo{width: 31%; border:1px solid #cca776; box-sizing: border-box;}
.tanchu .tcbox .tc_js .tc_logo>img{display: block; width: 100%; height: auto;}
.tanchu .tcbox .tc_js .tc_jj{width: 43%; margin-left: 5%;}
.tanchu .tcbox .tc_js .tc_jj .tit2{font-size: 20px; color: #666;}
.tanchu .tcbox .tc_js .tc_jj .line{width: 40px; height: 1px; background-color: #cca776; margin: 20px 0;}
.tanchu .tcbox .tc_js .tc_jj .tc_font{font-size: 16px; color: #999999; line-height: 30px;}
.tanchu .tcbox .tc_img>div{float: left; width: 26%; margin-right: 11%;}
.tanchu .tcbox .tc_img>div>img{display: block; width: 100%;}
.tanchu .tcbox .tc_img>div:nth-child(3n){margin-right: 0;}
/*侧导航*/
.floor{position: fixed; right: 9.1%; top:50%; z-index: 999; height: 150px; margin-top:-75px;}
.floor ul{width: 90px;}
.floor ul li{font-size: 14px; line-height: 30px; color: #cca776; float: right;}
.floor ul li a{color: inherit;}
.floor ul li a i{font-size: 14px!important;}
.active{font-size: 17px!important;}

@media screen and (max-width: 1680px){
	.box{width: 1340px;}
	.lb1 .tj>li>span{font-size: 55px;}
	.lb1 .know{width: 130px; height: 50px; line-height: 50px;}
	.tit{font-size: 30px; padding: 70px 0 50px;}
	.tit>span{font-size: 25px;}
	.floor{right: 150px;}
	.lingyu{padding-bottom: 60px;}
	.lybox{width: 1234px;}
	.lybox .ly{height: 280px;}
	.lybox .ly>img{padding-top: 70px;}
	.swiper-container2{width: 1234px;}
	.lsbox{height: 620px;}
	.lsbox .ls .bg{height: 496px;}
	.lsbox .ls .img{top:30px;}
	.lsbox .ls .bg .name{font-size: 28px; padding-top: 320px;}
	.lsbox .ls .bg .name_en{font-size: 16px; padding-top: 0; padding-bottom: 15px;}
	.lsbox .ls .bg .drag{width: 40px;}
	.lsbox .ls .bg .btn{margin:20px auto 0; font-size: 16px;}
	.news{padding: 80px 0;}
	.newsbox{width: 1234px;}
	.newsbox .xinwen{height: auto;}
	.newsbox .xinwen .news_head{height: 130px;}
	.newsbox .xinwen .news_head>p{font-size: 28px; line-height: 130px; margin-left: 30px;}
	.newsbox .xinwen .news_con{height: auto;}
	.list>div{font-size: 30px; width: 70px; height: 78px; margin-left: 20px;}
	.list>div>span{font-size: 25px;}
	.list>a{width: 250px; margin-top:12px;}
	.hbbox{width: 1234px;}
	.huoban{padding-bottom: 80px;}
	.huoban .tit{padding: 70px 0 20px;}
	.contact{height: 700px;}
	.contact .tit_cn{padding-top: 70px;}
	.contact .tijiao{width: 220px; height: 55px; line-height: 55px;}
	.contact .tact{margin-top:40px;}
	.contact .tact input{height: 60px; font-size: 18px;}
	.contact .tact select{height: 60px; font-size: 18px;}
	.contact .tact textarea{font-size: 18px;}
}
@media screen and (max-width: 1600px){
	.floor{right: 110px;}
}
@media screen and (max-width: 1440px){
	.floor{right: 50px;}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{
		bottom: 20px;
	}
}
@media screen and (max-width: 1366px){
	.box{width: 1200px;}
	.floor{right: 20px;}
	.lb1 .tj>li>span{font-size: 45px;}
	.lb1 .tj>p{font-size: 18px;}
	.lb1 .know{width: 120px; height: 40px; line-height: 40px; font-size: 16px;}
	.lybox{width: 1140px;}
	.lybox .ly{height: 260px;}
	.lybox .ly>img{padding-top: 50px;}
	.lybox .ly>p{font-size: 18px;}
	.tit{font-size: 26px;}
	.tit>span{font-size: 22px;}
	.swiper-container2{width: 1140px;}
	.lsbox{height: 560px;}
	.lsbox .ls .bg{height: 458px;}
	.lsbox .ls .bg .name{padding-top: 290px; font-size: 26px;}
	.newsbox{width: 1140px;}
	.newsbox .xinwen .news_head>p{font-size: 26px;}
	.list>div{font-size: 28px; width: 65px; height: 74px;}
	.list>div>span{font-size: 24px;}
	.list>a{font-size: 16px; width: 236px;}
	.hbbox{width: 1140px;}
	.contact .tit_cn{font-size: 26px; padding-top: 60px;}
	.contact .tit_en{font-size: 26px; margin-top: -24px;}
	.contact{height: 600px;}
	.contact .tact{padding-top: 30px;}
	.contact .tact input{height: 50px;}
	.contact .tact select{height: 50px;}
	.contact .tact textarea{height: 200px;}
	.contact .tijiao{width: 190px; height: 50px; line-height: 50px; font-size: 18px;}
	.lsbox .ls .bg .btn{padding: 0 7px;}
}
@media screen and (max-width: 1280px){
	.lb1 .tj>li>span{font-size: 40px;}
	.lb1 .know{margin: 25px auto 0; height: 35px; line-height: 35px; width: 110px;}
	.lybox{width: 1100px;}
	.lybox .ly{height: 250px;}
	
	.swiper-container2{width: 1100px;}
	.lsbox{height: 540px;}
	.lsbox .ls .bg{height: 441px;}
	.lsbox .ls .bg .name{padding-top: 280px; font-size: 24px;}
	.lsbox .ls .bg .btn{height: 35px; line-height: 35px;}
	.newsbox{width: 1100px;}
	.list>div{margin-left: 15px;}
	.hbbox{width: 1100px;}
	.contact .tact{width: 1000px;}
	.lsbox .ls .bg .btn{padding: 0 4px;}
}
@media screen and (max-width: 1279px){
    .box{width: 900px;}
    .floor{display: none;}  
    .lybox{width: 100%;}
	.lybox .ly{height: 200px;}
	.lybox .ly>img{padding-top: 30px;}
	.lybox .ly>p{padding-top: 35px;}
	.swiper-container2{width: 100%;}
	.lsbox{height: 440px;}
	.lsbox .ls .bg{height: 360px;}
	.lsbox .ls .img{top:17px;}
	.lsbox .ls .bg .name{font-size: 20px; padding-top: 220px;}
	.lsbox .ls .bg .btn{font-size: 14px; height: 30px; line-height: 30px;}
	.newsbox{width: 100%;}
	.newsbox .xinwen .news_head{height: 100px;}
	.newsbox .xinwen .news_head>p{font-size: 20px; line-height: 100px;}
	.newsbox .xinwen .news_head>a>img{margin-top: 43px;}
	.list>a{width: 180px;}
	.hbbox{width: 100%;}
	.contact .tact{width: 100%;}
	.lsbox .ls .bg .btn{padding: 0 1px;}
}
@media screen and (max-width: 900px){
	.yes_1279{display: none!important;}
	.no_1279{display: block!important;}
 	.box{width: auto; padding: 0 3%;}
 	.lb1{width: 88%; left: 6%; margin-left: 0; top:46%;}
 	.lb1 .tj{width: 33.33%;}
 	.lybox{width: 100%;} 
 	.tit{padding: 30px 0 20px; font-size: 18px;}
 	.tit>span{font-size: 16px;}
 	.lingyu{padding-bottom: 20px;}
 	.lybox .ly{width: 48%; margin-right: 2%; height: 150px;}
 	.lybox .ly:nth-child(2n){margin-right: 0; margin-left: 2%;}
 	.lybox .ly>img{height: 60px; padding-top: 20px;}
 	.lybox .ly>p{font-size: 16px; padding-top: 15px;}
 	.swiper-container2{width: 100%;}
 	.lsbox .ls .bg .name{padding-top: 260px;}
 	.lsbox .ls{width: 320px; margin: 0 auto; display: block;}
 	.lsbox .ls .bg{height: 428px;}
 	.lsbox .ls:last-child{margin:0 auto;}
 	.swiper-button-prev, .swiper-container-rtl .swiper-button-next{background: none; left: 0; font-size: 40px;
 		width: auto; height: auto; color: #cca776;}
 	.swiper-button-next, .swiper-container-rtl .swiper-button-prev{background: none; right: 0; font-size: 40px;
 		width: auto; height: auto; color: #cca776;
 	}
 	.lsbox{height: 430px; padding-top: 10px;}
 	.newsbox{width: 100%;}
 	.newsbox .xinwen{width: 100%; margin-right: 0; margin-bottom: 10px;}
 	.news{padding: 30px 0;}
	.newsbox .xinwen .news_head>p{font-size: 22px;}
	.newsbox .xinwen .news_con{padding-top: 20px;}
	.list>a{width: 68%; height: 52px;}
	.hbbox{width: 100%;}
	.huoban{padding-bottom: 30px;}
	.huoban .tit{padding: 30px 0 10px;}
	.huoban .fuwu{font-size: 14px;}
	.huoban .more{font-size: 14px; padding: 10px 0;}
	.hb>div{width: 33.33%;}
	.hb>div>img{height: 65px;}
	.hb>div:nth-child(1){border-bottom: none;}
	.hb>div:nth-child(2){border-bottom: none;}
	.hb>div:nth-child(3){border-bottom: none; border-right: 1px solid #eee;}
	.contact{height: 470px;}
	.contact .tact{width: 100%; margin-top:20px; padding-top: 20px;}
	.contact .tit_cn{font-size: 20px; padding-top: 30px;}
	.contact .tit_en{font-size: 20px; margin-top: -20px;}
	.contact .tact input{width: 49%; margin-right: 1%; font-size: 14px; font-family: "Alibaba-PuHuiTi-Regular";
		height: 40px; text-indent: 6px;}
	.contact .tact input:nth-child(2){margin-right: 0; margin-left: 1%;}
	.contact .tact select{width: 100%; margin-top: 10px; font-size: 14px; font-family: "Alibaba-PuHuiTi-Regular";
		height: 40px; text-indent: 2px;}
	.contact .tact textarea{margin-top:10px; font-size: 14px; font-family: "Alibaba-PuHuiTi-Regular";
		height: 150px; padding: 2%; width: 96%;}
	.contact .tijiao{width: 120px; height: 40px; line-height: 40px; font-size: 16px;
		font-family: "Alibaba-PuHuiTi-Regular"; margin:25px auto 0;}
	/*合作伙伴弹出*/
	.tanchu{overflow-y: auto;}
	.tanchu>.box{min-height: 100%; width: auto;}
	.tanchu .tcbox{padding: 3%; min-height: 100%; top:0;}
	.tanchu .tcbox .guanbi{top:0; border:none; color: #cca776; font-size: 34px;}
	.tanchu .tcbox .tc_js .tc_jj{width: 100%; margin-left: 0; padding-top: 20px;}
	.tanchu .tcbox .tc_js .tc_jj .tit2{font-size: 17px;}
	.tanchu .tcbox .tc_js .tc_jj .line{margin:10px 0;}
	.tanchu .tcbox .tc_js .tc_jj .tc_font{font-size: 15px; line-height: 25px;}
	.tanchu .tcbox .tc_js{padding-bottom: 20px;}
	.tanchu .tcbox .tc_img>div{width: 32%; margin-right: 2%;}
	.lsbox .ls .bg .btn{padding: 0 3px;}


}
@media screen and (max-width: 375px){
	.lsbox .ls{width: 270px;}
	.lsbox .ls .bg{height: 362px;}
	.lsbox .ls .img{top:18px;}
	.lsbox .ls .bg .name{padding-top: 220px; font-size: 22px;}
	.lsbox .ls .bg .btn{height: 30px; line-height: 30px; font-size: 14px;}
	.lsbox{height: 363px;}
}