@charset "utf-8";

@font-face{
	font-family: 'ffh3';
	src : url('../fonts/ITC AVANT GARDE GOTHIC LT EXTRA LIGHT.ttf');
}
@font-face{
	font-family: 'ffh4';
	src : url('../fonts/AVANTI.ttf');
}
@font-face{
	font-family: 'ff';
	src : url('../fonts/ACCIDENTALPRESIDENCY.ttf');
}

.com_bg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}

.index2 .list .item,.index2 .item .cbox{ 
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}


.flex_r {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:space-between;}
.flex_rc {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:center;}
.flex_rr {display:flex;flex-direction:row;flex-wrap:wrap;justify-content:flex-end;}
.flex_ra {
	display:flex;
	flex-direction:row;
	flex-wrap:wrap;
	justify-content:space-around;
}
.flex_cc{
	display:flex;
	flex-direction: column;
	align-items:center;
	justify-content : center;
}

.public_imgbg{ background-position:center center; background-repeat:no-repeat; background-size: cover;}


.sidebar-wrapper {position:relative;height:100%;overflow:auto;display:none;}
#dowebok {background-color:rgba(0,0,0,.6);}
#dowebok .nav {margin-top:80px;list-style-type:none;color:#fff;}
#dowebok .nav li {display:block;line-height:55px;font-size:18px;position:relative;}
#dowebok .nav li a {display:block;padding:0 20px;height:100%;border-bottom:1px solid #666;}
#dowebok .nav a:hover {background-color:#000;}
#dowebok .nav li .n2btn {width:35px;height:60px;display:inline-block;position:absolute;right:0;top:0;background:url(../images/more-ico.png) no-repeat left center;background-size:auto 24px;z-index:10;}
#dowebok .nav li .nav2 {display:none;}
#dowebok .nav li .nav2 li {font-size:16px;}
#dowebok .nav li .nav2 li a {padding-left:50px;}
[data-simplersidebar='active'] {box-shadow:3px 0px 3px 0px rgba(0,0,0,0.5);}



.banner{width:100%;}
.banner .swiper-slide{ width:100%;}
.banner img{ width:100%;}
/*.banner .img_box{ height:100%; }*/
.banner .ivideo,.banner video{ width: 100%; height:100%; object-fit: cover;}


.banner .swiper-pagination{text-align:center;z-index:9;}
.banner .swiper-pagination-bullet{
	display:inline-block;
	width:10px;
	height:10px;
	border: 1px solid #fff;
	background:#fff;
	cursor:pointer;
	opacity: 1;
	border-radius: 50%;
}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{
	margin: 0 14px;
}
.banner .swiper-pagination-bullet-active{
	background: transparent;
}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 39px;}

.banner .swiper-button-next,.banner .swiper-button-prev{ top: auto; border: 2px solid #fff;  bottom: 48px; width: 46px; height: 46px;}
.banner .swiper-button-prev{ background-image: url(../images/bannl.png); background-size: 20%; left: auto; right: 14%;}
.banner .swiper-button-next{ background-image: url(../images/bannr.png); background-size: 20%; right: 10%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-color: #b4895f;  border: 2px solid #b4895f;}
.banner .swiper-pagination{ width: 40px; height: 20px; left: auto; right: 20%; bottom: 62px; font-size: 18px; color: #fff;}


.inc_banner{font-size:0;}
.inc_banner img{width:100%;}

@media (max-width:1500px){
	.banner .swiper-button-prev{ right: 10%;}
	.banner .swiper-button-next{ right: 5%;}
}
@media (max-width:1400px){
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px;}
}
@media (max-width:1200px){
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 25px;}
	.banner .swiper-button-prev{ right: 10%;}
	.banner .swiper-button-next{ right: 3%;}
}
@media (max-width:991px){
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 20px;}
}
@media (max-width:768px){
	.banner .swiper-button-next,.banner .swiper-button-prev{ display: none;}
	.banner .swiper-pagination{ bottom: 30px; right: 6%;}
}
@media (max-width:500px){
	.banner .swiper-pagination-bullet{
		width:6px;
		height:6px;
		border: 1px solid #fff;
	}
	.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px;}
}


.navTab{ position: absolute; top: 0px; left:0px; z-index: -1; width: 100%; padding-top: 96px;}
.navTab_li{ display: none; background-color: rgba(255,255,255,.95);}


.navTab .main{ position: relative; }
.navText,.navTab_img{ box-sizing: border-box; width: 37.5%; padding: 0 105px; display: inline-block; vertical-align: middle; }
.navText{ font-size: 14px; }
.navText .tit {
    font-size: 30px;
    color: #333333;
    font-weight: bold;
    margin-bottom: 25px;
}
.navText .txt {
    font-size: 16px;
    color: #666666;
    line-height: 30px;
    margin-bottom: 45px;
}
.viweMore {
    display: block;
}
.viweMore .word {
    font-size: 16px;
    color: #bd7f28;
    text-transform: uppercase;
    display: inline-block;
    vertical-align: middle;
    margin-right: 10px;
}
.viweMore .ico {
    width: 20px;
    height: 20px;
    display: inline-block;
    vertical-align: middle;
    text-align: center;
    line-height: 20px;
    border-radius: 100%;
    background-color: #bd7f28;
    font-size: 0;
    box-shadow: 0px 0px 20px 0px rgba(0,0,0,.3);
    transform: translateX(0);
    margin-top: -2px;
}
.viweMore .ico img {
    display: inline-block;
    vertical-align: middle;
}

.navTab_nav {
	width: 24%;
	box-sizing: border-box;
    margin: auto;
    border-left: solid 1px #dddddd;
    border-right: solid 1px #dddddd;
    padding: 70px 0;
    text-align: center;
    min-height: 360px;
    display: inline-block;
    vertical-align: middle;
}
.navTab_nav li {
    padding: 0 15px;
}
.navTab_nav li a {
    font-size: 18px;
    color: #333333;
    line-height: 60px;
    -webkit-transition: all 0.3s ease 0s;
    -moz-transition: all 0.3s ease 0s;
    -ms-transition: all 0.3s ease 0s;
    -o-transition: all 0.3s ease 0s;
    transition: all 0.3s ease 0s;
}
.navTab_img {
    right: 0;
}
.navTab_img dl {
    position: relative;
    overflow: hidden;
}
.navTab_img dt img {
    width: 100%;
}
.navTab_img dd {
    position: absolute;
    z-index: 2;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0 15px;
    height: 42px;
    line-height: 42px;
    background-color: rgba(0,0,0,.3);
    text-align: center;
    color: #fff;
    font-size: 16px;
}


@media (max-width:1500px){
	
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.navTab{ display: none; }
}


/* 页脚footer */
.footer{ width: 100%; height: auto; color: #999;  }
.footer .main{ border-top: 1px solid #dcdcdc; padding-top: 72px;}
.footer .fbox{ padding-bottom: 20px; display: flex; justify-content: space-between;}
.footer .ewm{ width: auto; }
.footer .ewm .flogo{  }
.footer .ewm .ewmin{ margin-top: 30px; text-align: center;}
.footer .ewm .ewmin img{ width: 120px; height: 120px; margin-right: 10px;}
.footer .ewm .ewmin img:last-child{ margin-right: 0px; margin-top: 10px;}
.footer .ewm .share{ margin-top: 30px; }
.footer .bshare-custom.icon-medium a{ display:inline-block; width: 48px!important; height: 48px!important; padding-left: 20px!important;}
.footer .bshare-custom.icon-medium .bshare-weixin{ background-image: url(../images/share_wx.png); background-repeat: no-repeat;}
.footer .bshare-custom.icon-medium a.bshare-more.more-style-addthis{ background-image: url(../images/share_more.png); background-repeat: no-repeat;}

.footer .fbox .right{ float: right; width: 310px; }
.footer .fbox .right p{ line-height: 36px; }

.footer .foot_nav{  }
.footer .foot_nav dl{
	float:left;
	width:auto;
	font-size:15px;
	margin: 0 30px;
	text-align:left;
}
.footer .foot_nav dl:last-child{
	margin-right:0;
}
.footer .foot_nav dl dt{
	color:#444;
	line-height:36px;
}
.footer .foot_nav dl dd{
	line-height:36px;
	color: #999;
}

.copyright{ max-width: 1500px; height: auto; padding: 20px 0; box-sizing: border-box; font-size: 15px; color: #888;}
.copyright p{ line-height: 30px; }
.copyright p span{ display: inline-block; margin: 0 10px 0 0;}

@media (max-width:1500px){
	.footer .fbox{ padding: 0 15px 20px; }
	.copyright{ padding: 20px 15px;} 
	.footer .foot_nav dl{margin: 0 15px;}
}
@media (max-width:1200px){
	.footer .fbox .right{ width: 200px; }
	.footer .ewm{ width: 185px; }
}
@media (max-width:991px){
	.footer .foot_nav dl{margin: 0 10px;}
	.footer .fbox .right{ display: none;}
	.footer .ewm{ width: auto; }
	.copyright p{ text-align: center;}
}

@media (max-width:768px){
	.footer .main{ padding-top: 0px; }
	.footer .ewm,.footer .fbox .right{ display: none; }
	.footer .foot_nav{ width: 100%; margin-left: 0px;}
	.footer .foot_nav dl{ display: block; width: 100%; padding: 20px 4px 14px; margin: 0px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
	.footer .foot_nav dl dt{ line-height: 40px; font-size: 18px; color: #525252;}
	.footer .foot_nav dl dt i{ float: right; color: #888; font-size: 16px;}
	.footer .foot_nav dl dd{ height: 36px; font-size: 18px; display: none;}
	.yqlj{ display: none; }
	/* 小屏幕显示 */
	.footer .foot_xs{ text-align: center; padding-top: 50px;}
	.footer .foot_xs h3{ font-size: 24px; color: #333; margin: 40px 0 20px; font-weight: bold;}
	.footer .foot_xs p{ font-size: 20px; color: #666; }
	.footer .foot_xs a{ display: inline-block; width: 290px; height: 70px; margin: 20px 0 10px; line-height: 70px; border-radius: 10px; font-size: 22px; color: #fff; background-color: #2f2f2f;}
}
@media (max-width:500px){
	.footer .foot_nav dl{ padding: 10px 4px 6px;}
	.footer .foot_nav dl dt{ font-size: 16px;}
	.footer .foot_nav dl dd{ height: 30px; font-size: 16px;}
	/* 小屏幕显示 */
	.footer .foot_xs{ padding-top: 30px;}
	.footer .foot_xs h3{ font-size: 20px; color: #333; margin: 20px 0 14px;}
	.footer .foot_xs p{ font-size: 16px; color: #666; }
	.footer .foot_xs a{ display: inline-block; width: 200px; height: 50px; margin: 20px 0 10px; line-height: 50px; font-size: 20px;}
}

/*comm_nav*/
.comm_nav{ display: none; }

@media (max-width:768px){
    .footer{ margin-bottom: 110px; }
    .comm_nav{ display: block; width: 100%; height: 110px; position: fixed; bottom: 0; z-index: 999; background-color: #2f2f2f;}
    .comm_nav>a{ display: inline-block; width: 25%; height: 110px; border-right: 1px solid #505050; box-sizing: border-box; padding-top: 20px; float: left; text-align: center;}
    .comm_nav>a:last-child{ border-right: 0;}
    .comm_nav>a span{ display: inline-block; width: 53px; height: 50px; background-image: url(../images/icon_01.png); background-position: center center; background-repeat: no-repeat; background-size: cover;}
    .comm_nav>a p{ color: #fff; }
    .comm_nav>a span.icon_home{  background-image: url(../images/icon_home.png); }
    .comm_nav>a span.icon_pro{  background-image: url(../images/icon_pro.png); }
    .comm_nav>a span.icon_join{  background-image: url(../images/icon_join.png); }
    .comm_nav>a span.icon_tel{  background-image: url(../images/icon_tel.png); }
}
@media (max-width:500px){
    .footer{ margin-bottom: 80px; }
    .comm_nav{ height: 80px;}
     .comm_nav>a{  height: 80px; padding-top: 12px;}
    .comm_nav>a span{ width: 32px; height: 30px; }
    .comm_nav>a p{ font-size: 14px; }
}



/* comm */
/* 回顶部 */
.turnt{position: fixed; bottom: 200px; right: 100px; cursor: pointer;z-index: 888; display:none;}

/* fbanner */
.fbanner{font-size:0; line-height: 0;}
.fbanner img{width:100%;}

/* 英文大写 */
.capital{ text-transform: uppercase; }

/* 手机显示 */
.showib-xs{ display: none!important; }
.showb-xs{ display: none!important; }
.show-xs{ display: none!important; }

/* 通栏灰线 */
.linedc{ width: 100%; border-bottom: 1px solid #dcdcdc; }

/* 公用内容标题 */
.commh{ position: relative; padding: 90px 0 60px; box-sizing: border-box; }
.commh h3{ color: #000; font-size: 36px; margin-bottom: 10px; font-family: 'ffh3'; text-transform: uppercase;}
.commh h2{ color: #333; font-size: 30px; }
.commh .hmore{ display: block; position: absolute; right: 2px; top: 130px; width: 168px; height: 46px; line-height: 46px; border-radius: 23px; text-align: center; border: 2px solid #d2d2d2; color: #333; font-size: 16px;}

/* more */
.more_a{ display: block;   height: 30px;}
.more_a .ani_line{ position: relative; float: left; display: block; width: 87px; height: 10px; border-bottom: 1px solid #fff; }
.more_a:hover .ani_line{ position: relative; width: 87px; border-bottom: 1px solid #fff; }
.more_a .ani_line .dot{ position: absolute; width: 8px; height: 8px; border-radius: 50%;left: 0; bottom: -4px; background-color: #fff;
	-webkit-transition: all .5s ease-in-out;
	-moz-transition: all .5s ease-in-out;
	-ms-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
}
.more_a:hover .ani_line .dot{ left: 100%; background-color: #fff;}
.more_a .tt{ float: left; display: block; height: 20px; color: #fff; font-size: 18px; margin-left: 15px;}


@media (max-width:1500px){
	.turnt{ right: 15px; bottom: 150px; opacity: .6;}
	.commh{ padding: 80px 15px 50px; }
	.commh h3{ font-size: 32px;}
	.commh h2 { font-size: 26px; }
	.commh .hmore{ top: 120px; width: 140px;  height: 42px; line-height: 42px;  right: 15px;}
}
@media (max-width:1200px){
	.commh{ padding: 65px 15px 40px; }
	.commh h3{ font-size: 28px; margin-bottom: 8px;}
	.commh h2{ font-size: 24px; }
	.commh .hmore{ top: 100px; height:38px; line-height: 38px;}
}
@media (max-width:991px){
	.turnt{ bottom: 80px;}
	.commh{ padding: 50px 15px 30px; }
	.commh h3{ font-size: 26px;}
	.commh h2{ font-size: 22px; }
	.commh .hmore{ top: 80px; height:34px; line-height: 34px;}
}

@media (max-width:768px){
	.turnt{ bottom: 50px; width: 30px; height: 30px;}
	.commh{ padding: 40px 15px 20px; }
	.commh h3{ font-size: 24px; margin-bottom: 6px;}
	.commh h2{ font-size: 20px; }
	.commh .hmore{ top: 70px; width: 120px; height:30px; line-height: 30px;}
	.showib-xs{ display: inline-block!important; }
	.showb-xs{ display: block!important; }
}
@media (max-width:500px){
	.commh{ padding: 30px 15px 15px; }
	.commh h3{ font-size: 20px; margin-bottom: 4px;}
	.commh .hmore{ top: 60px; font-size: 14px; width: 100px; height:26px; line-height: 26px; border-width: 1px;}

}


/* index1 */
.index1{ padding-bottom: 30px; }
.index1 .list{ box-sizing: border-box; }
.index1 .list .item{ }
.index1 .item .img{ height:550px ;}
.index1 .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.index1 .item h4{ color: #393738; font-size: 24px; margin: 20px 0 7px; font-weight: bold;}
.index1 .item h5{ color: #333; font-size: 18px; margin-bottom: 5px;}
.index1 .item p{ color: #999; font-size: 16px;}
.index1 .swiper-wrapper{ padding-bottom: 150px; }


.index1 .swiper-pagination { height: 33px; line-height: 33px; background: url(../images/pagination_bg.png) center center no-repeat;}
.index1 .swiper-pagination-bullet{ width: 38px;  height: 33px; color: transparent; line-height: 33px; opacity: 1; background: url(../images/bullet.png) center center no-repeat; }
.index1 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0;}
.index1 .swiper-pagination-bullet.swiper-pagination-bullet-active{ color: #666; background: url(../images/bulleth.png) center center no-repeat; }

@media (max-width:1500px){
	.index1 .list{ padding: 0 15px; }
    .index1 .item .img{ height:450px ;}
}
@media (max-width:1200px){
    .index1 .item .img{ height:380px ;}
}
@media (max-width:991px){
	.index1 .item h4{ font-size: 22px; margin: 15px 0 7px;}
	.index1 .item p{ font-size: 16px;}
	.index1 .swiper-wrapper {padding-bottom: 100px;}
    .index1 .item .img{ height:300px ;}
}

@media (max-width:768px){
	.index1 .item h4{ font-size: 20px;}
	.index1 .item h5{font-size: 16px; margin-bottom: 5px;}
    .index1 .item .img{ height:360px ;}
}
@media (max-width:500px){
	.index1{ padding-bottom: 10px; }
	.index1 .item h4{ font-size: 20px; margin: 7px 0 5px;}
	.index1 .item p{ display: none;}
	.index1 .swiper-wrapper {padding-bottom: 70px;}
    .index1 .item .img{ height:300px ;}
}


/* index2 */
.index2{ width: 100%; padding-bottom: 105px; background: #f5f5f5 url(../images/indexbg2.jpg) left top repeat-x; }
.index2 .commh h2{ color: #fff;  margin-bottom: 10px;}
.index2 .commh h3{ color: #fff; }
.index2 .commh .hmore{ border-color: #fff; color: #fff;}
.index2 .list{ box-sizing: border-box; display: flex; justify-content: space-between; }
.index2 .list .item{ position: relative; width: 368px; margin-right: 9px; overflow: hidden;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.index2 .list .item:last-child{ margin-right: 0px;}
.index2 .item .img{  }
.index2 .item .cbox{ position: absolute; width: 100%; height: 180px; top: 0; left: 0; padding: 64px 40px 0; box-sizing: border-box; background-color: #fff; }
.index2 .item .cbox h4{ font-size: 24px; color: #333;}
.index2 .item .cbox p{ font-size: 16px; margin-top: 0px; color: #999; font-family: 'ffh4'; text-transform: uppercase;}
.index2 .item:hover{ 
	-webkit-transform: scaleY(1.05); 
	-moz-transform: scaleY(1.05); 
	-ms-transform: scaleY(1.05); 
	-o-transform: scaleY(1.05); 
	transform: scaleY(1.05); 
}

.index2 .item:hover .cbox{ background-color: transparent; }
.index2 .item:hover h4,.index2 .item:hover p{ color: #fff; }

@media (max-width:1500px){
	.index2 .list{ padding: 0 15px; }
	.index2 .item .cbox{ height: 160px; padding: 54px 40px 0; }
}
@media (max-width:1200px){
	.index2 .commh h2{ margin-bottom: 8px;}
	.index2 .item .cbox{ height: 140px; padding: 44px 30px 0; }
	.index2 .item .cbox h4{ font-size: 22px;}
	.index2 .item .cbox p{ font-size: 16px; }
}
@media (max-width:991px){
	.index2{ width: 100%; padding-bottom: 20px; background: #2a2a2a; }
	.index2 .item .cbox{ height: 100px; padding: 24px 20px 0; }
	.index2 .item .cbox h4{ font-size: 20px;}
	.index2 .item .cbox p{ font-size: 14px; }
}
@media (max-width:768px){
	.index2 .commh h2{  margin-bottom: 6px;}
	.index2 .list{ box-sizing: border-box; display: flex; justify-content: space-between; flex-wrap: wrap; }
	.index2 .list .item{ width: 48%; margin-right: 0px; margin-bottom: 20px;}
}
@media (max-width:500px){
	.index2 .commh h2{  margin-bottom: 4px;}
	.index2 .item .cbox{ height: 80px; padding: 14px 10px 0; }
	.index2 .item .cbox h4{ font-size: 18px;}
	.index2 .item:hover{ 
		-webkit-transform: none; 
		-moz-transform: none; 
		-ms-transform: none; 
		-o-transform: none; 
		transform: none; 
	}
}


/* index3 */
.index3{ max-width: 1920px; margin: 0 auto; padding: 120px 0; }
.index3 .list{ display: flex; justify-content: space-between; }
.index3 .list .item{ width: 50%; height: 700px;}
.index3 .item.img{ background: url(../images/index3.jpg) center center no-repeat; background-size: cover; }
.index3 .item img{ opacity: 0; }
.index3 .item .text{ width: 640px; margin: 150px 0 0 80px; box-sizing: border-box;}
.index3 .item h3{ font-size: 36px; font-family: 'ffh3'; color: #000;}
.index3 .item h2{ font-size: 30px; color: #333; margin: 10px 0 80px; }
.index3 .item p{ font-size: 16px; color: #666; line-height: 36px;}
.index3 .item .more_a{ margin-top: 50px;}


@media (max-width:1500px){
	.index3{ padding: 100px 0; }
	.index3 .list .item{ width: 50%; height: 550px;}
	.index3 .item .text{ width: 100%; margin: 100px 0 0 0; padding: 0 15px 0 20px;}
	.index3 .item h2{ margin: 10px 0 60px; }
}
@media (max-width:1200px){
	.index3{ padding: 80px 0; }
	.index3 .list .item{ height: 450px;}
	.index3 .item .text{ margin-top: 45px; padding: 0 15px 0 20px;}
	.index3 .item h3{ font-size: 30px; }
	.index3 .item h2{ font-size: 24px; margin: 10px 0 40px; }
	.index3 .item .more_a{ margin-top: 30px; }
}
@media (max-width:991px){
	.index3{ padding: 60px 0; }
	.index3 .list .item{ height: 300px;}
	.index3 .item .text{ margin-top: 20px; padding: 0 15px 0 20px;}
	.index3 .item h3{ font-size: 26px; }
	.index3 .item h2{ font-size: 20px; margin: 10px 0 10px; }
	.index3 .item p{ font-size: 14px;  line-height: 26px;}
	.index3 .item .more_a{ margin-top: 20px; }
	.index3 .item .more_a{ padding: 5px 20px;}
	.index3 .item .more_a .ani_line{ margin-top: 5px; }
}

@media (max-width:768px){
	.index3{ padding: 40px 0; }
	.index3 .list{ flex-wrap: wrap; padding: 0 15px;}
	.index3 .list .item{ width: 100%; height: auto;}
	.index3 .item .text{ margin-top: 20px; padding: 0;}

	.index3 .item.img{ background: none; }
	.index3 .item img{  opacity: 1; }
}
@media (max-width:500px){
	.index3 .item h3{ font-size: 20px; }
	.index3 .item h2{ font-size: 18px; margin: 5px 0 5px; }
	.index3 .item .more_a{ border: 1px solid #dcdcdc; line-height: 30px; }
}

/* index4 */
.index4{  }
.index4 .bbox{ box-sizing: border-box; }
.index4 .bbox>div{ width: 50%; }
.index4 .bbox .left{ float: left; overflow: hidden; font-size: 0px;}
.index4 .bbox .right{ float: right; padding-left: 10px; box-sizing: border-box; }
.index4 .bbox .right>div{ width: 100%; overflow: hidden; font-size: 0px;}
.index4 .bbox .right .top{ margin-bottom: 10px;}


@media (max-width:1500px){
	.index4 .bbox{ padding: 0 15px; }
}
@media (max-width:1200px){

}
@media (max-width:991px){
	
}
@media (max-width:768px){
	.index4 .bbox>div{ width: 100%; }
	.index4 .bbox .left{ margin-bottom: 15px; }
	.index4 .bbox .right{ padding-left: 0px; }
	.index4 .bbox .right .top{ margin-bottom: 15px;}
}
@media (max-width:500px){
	
}


/* index5 */
.index5{ max-width: 1920px; margin: 0 auto; }
.index5 .list{ position: relative; }
.index5 .list>.gallery-top>.swiper-wrapper>.swiper-slide{ max-width: 1300px; opacity: .3; }
.index5 .list>.gallery-top>.swiper-wrapper>.swiper-slide img{ width: 100%; display: block; }
.index5 .list>.gallery-top>.swiper-wrapper>.swiper-slide.swiper-slide-active{ opacity: 1; }

.index5 .text{ position: absolute; right: 10%; top: 27%; padding: 90px 50px; box-sizing: border-box; width: 600px;  background-color: #151b26; z-index: 55;}
.index5 .text h4{ font-size: 33px; color: #fff; }
.index5 .text h4 a{ font-size: 30px; color: #fff; }
.index5 .text p{ font-size: 18px; color: #fff; margin: 30px 0 20px;}
.index5 .text .more_a{ }
.index5 .swiper-button-next,.index5 .swiper-button-prev{ outline:0; width: 33px; height: 14px; top: auto; bottom: 50px; background-size: cover;}
.index5 .swiper-button-prev{  left: auto; right: 120px;}
.index5 .swiper-button-next{right: 50px;}
.index5 .swiper-pagination{ display: none; }

@media (max-width:1500px){
	.index5 .text{  width: 500px; }
	.index5 .text h4{ font-size: 26px; }
	.index5 .text p{ margin: 20px 0 15px;}
}
@media (max-width:1200px){
	.index5 .text{ right: 10%; top: 20%; padding: 30px 20px; width: 400px; }
	.index5 .text h4{ font-size: 22px; }
	.index5 .text p{ margin: 20px 0 15px;}
	.index5 .swiper-button-next,.index5 .swiper-button-prev{ bottom: 30px;}
}
@media (max-width:991px){
	.index5{ background-color: #f5f5f5; padding-bottom: 70px;}
	.index5 .swiper-button-next,.index5 .swiper-button-prev{ display: none;}
	.index5 .text{ position: relative; width: 80%; padding: 50px 40px 30px; box-sizing: border-box; margin: -70px auto 0; box-sizing: border-box; z-index: 55; border-right: 0; right: auto;}
	.index5 .swiper-pagination{ display: block; width: 100%; margin-top: 20px;}
	.index5 .swiper-pagination .swiper-pagination-bullet{ width: 100%; width: 10px; height: 10px; margin: 0 10px; background-color: #b4895f;}
	.index5 .text .more_a{ margin-top: 30px; margin-left: auto; }
}
@media (max-width:768px){
	.index5 .text{ padding: 40px 30px 20px; margin: -40px auto 0;}
	.index5 .text h4{ font-size: 20px; }
}
@media (max-width:500px){
	.index5 .text{ padding: 20px 15px 10px; margin: -30px auto 0;}
	.index5 .text h4{ font-size: 18px; }
	.index5 .text p{ font-size: 14px; margin: 15px 0 10px;}
	.index5 .swiper-pagination .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 5px;}
}


/* index6 */
.index6{ padding-bottom: 94px; }
.index6 .list{ display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
.index6 .list .item{ width: 49%; padding: 30px; margin-bottom: 26px; box-sizing: border-box; border: 1px solid #dcdcdc;}
.index6 .item .text{ float: left; width: 49%; color: #666;}
.index6 .item .text .days{ font-size: 36px; }
.index6 .item .text .years{  font-size: 14px; }
.index6 .item .text h5{ font-size: 16px; color: #333; margin: 25px 0 20px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap;}
.index6 .item .text p{ font-size: 14px; height: 60px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.index6 .item .img{ float: right; width: 49%; height: 100%;}


@media (max-width:1500px){
	.index6{ padding-bottom: 80px; }
	.index6 .list{ padding: 0 15px; }
	.index6 .item .text .days{ font-size: 32px; }
}
@media (max-width:1200px){
	.index6{ padding-bottom: 60px; }
	.index6 .item .text .days{ font-size: 28px; }
	.index6 .item .text h5{ margin: 20px 0 15px;}
}
@media (max-width:991px){
	.index6{ padding-bottom: 40px; }
	.index6 .list .item{ width: 100%;}
}
@media (max-width:768px){
	.index6{ padding-bottom: 30px; }
	.index6 .list .item{ padding: 20px;}
	.index6 .item .text .days{ font-size: 26px; }
	.index6 .item .text h5{ margin: 16px 0 12px;}
}
@media (max-width:600px){
	.index6{ padding-bottom:20px; }
	.index6 .list .item{ padding: 20px 15px;}
	.index6 .item .text{ width: 100%; float: none; margin-bottom: 15px;}
	.index6 .item .img{ width: 100%; float: none; height: 0; padding-bottom: 65%;}
	.index6 .item .text .days{ font-size: 24px; } 
	.index6 .item .text h5{ margin: 20px 0 15px;}
}
@media (max-width:500px){
	
}

/* comm snav */
.comm_snav{ border-bottom: 1px solid #dcdcdc; }
.breadcrumb{
	float: left;
	display:inline-block;
	font-size: 16px;
	color: #666;
	margin: 38px 0 20px;
}
.breadcrumb li{
	display:inline-block;
	float:left;
	height:30px;
	line-height:30px;
	position: relative;
	padding:0 5px 0 20px;
}
.breadcrumb li::after{
	display:inline-block;
	content: '>';
	height:30px;
	width:20px;
	position: absolute;
	left:0;
	top:0;
	text-align:center;
	line-height:30px;
	color:#666;
}
.breadcrumb li:nth-child(2),.breadcrumb li:nth-child(1){
	padding-left:0;
}
.breadcrumb li:nth-child(2)::after,.breadcrumb li:nth-child(1)::after{
	display:none;
}
.breadcrumb li a{
	display:block;
	color:inherit;
}
.breadcrumb li a:hover{
	text-decoration: underline;
	color:#94724d;
}

.snav{ float: right; display: inline-block; }
.snav li{ float: left; width: 120px; line-height: 94px; margin-left: 6px; font-size: 16px; text-align: center; border-bottom: 3px solid transparent;}
.snav li:hover,.snav li.active{ color: #bd7f28; border-bottom: 3px solid #bd7f28;}

.comm_h{ padding: 90px 0 55px; text-align: center; }
.comm_h h4{ font-family: 'ffh3'; font-size: 36px; color: #666; text-transform: uppercase;}
.comm_h h3{ font-weight: bold; font-size: 30px; color: #333; margin-top: 6px; }

/*  */


@media (max-width:1500px){
	.comm_snav { padding: 0 15px; box-sizing: border-box; }
	.comm_h{ padding: 70px 0 45px; }
	.comm_h h4{ font-size: 34px; }
	.comm_h h3{ font-size: 28px; }
}
@media (max-width:1200px){
	.comm_h{ padding: 60px 0 35px; }
	.comm_h h4{ font-size: 32px; }
	.comm_h h3{ font-size: 26px; }
}
@media (max-width:991px){
	.snav li{ width: 100px; line-height: 94px; margin-left: 6px;}
	.comm_h{ padding: 50px 0 30px; }
	.comm_h h4{ font-size: 30px; }
	.comm_h h3{ font-size: 26px; margin-top: 2px; }
}
@media (max-width:768px){
	.breadcrumb{ display: none; }
	.snav{ float: left; }
	.snav li{ line-height: 70px; }

	.comm_h{ padding: 40px 0 25px; }
	.comm_h h4{ font-size: 24px; }
	.comm_h h3{ font-size: 22px; margin-top: 2px; }
}
@media (max-width:600px){
	.snav li{ width: 90px; margin-left: 3px;}
	.comm_h h4{ font-size: 22px; }
	.comm_h{ padding: 30px 0 20px; }
	.comm_h h3{  margin-top: 0px; }
}
@media (max-width:500px){
	.snav{ padding: 10px 0; }
	.snav li{ width: 90px; line-height: 30px; margin-left: 3px; border-bottom: 0;}
	.snav li:hover,.snav li.active{ border-bottom: 0;}
	.comm_h h4{ font-size: 22px; }
	.comm_h{ padding: 30px 0 20px; }
	.comm_h h3{  margin-top: 0px; }
}


/* about */
.about1{  }
.about1 .main{ padding: 100px 0 0; box-sizing: border-box; display: flex; justify-content: space-between; align-items: center;}
.about1 .img{ width: 45%;  }
.about1 .text{ padding: 30px 40px; width: 55%; box-sizing: border-box; }
.about1 .text h4{ font-family: 'ffh3'; font-size: 36px; color: #666; text-transform: uppercase;}
.about1 .text h3{ font-weight: bold; font-size: 30px; color: #333; margin: 12px 0 45px; }
.about1 .text p{ font-size: 16px; color: #666; line-height: 30px;}


@media (max-width:1500px){
	.about1 .main{ padding: 60px 15px 0;}
}
@media (max-width:1200px){
	.about1 .main{ padding: 30px 15px 0; flex-wrap: wrap;}
	.about1 .img{ width: 100%;  }
	.about1 .text{ padding: 25px 0px; width: 100%; order: -1;}
	.about1 .text h4{ font-size: 32px; }
	.about1 .text h3{  font-size: 26px;  margin: 10px 0 30px; }
	.about1 .text p{ line-height: 28px;}
}
@media (max-width:991px){
	.about1 .main{ padding: 20px 15px 0;}
	.about1 .text h4{ font-size: 30px; }
	.about1 .text h3{  font-size: 24px;  margin: 10px 0 20px; }
}
@media (max-width:768px){
	.about1 .main{ padding: 10px 15px 0;}
	.about1 .text{ padding: 15px 0px; width: 100%; order: -1;}
	.about1 .text h4{ font-size: 24px; }
	.about1 .text h3{  font-size: 22px;  margin: 5px 0 10px; }
	.about1 .text p{ font-size: 14px; line-height: 26px;}
	
}
@media (max-width:500px){
	.about1 .main{ padding: 0px 15px 0;}
	.about1 .text h4{ font-size: 22px; }
}

/* about2 */
.about2{ padding-bottom: 120px; }
.about2 .listout{ background: url(../images/aboutbg2.jpg) center center no-repeat; background-size: cover; }
.about2 .list{ display: flex; flex-wrap: nowrap; width: 100%; overflow: hidden;}
.about2 .list .item{
	height: 0;
    width: calc(100% / 4);
    overflow: hidden;
    float: left;
    position: relative;
    transition: 0.5s all ease;
	padding-bottom: 43.5%;
	border-right: 1px solid #fff;
	box-sizing: border-box;
}
.about2 .list .item:last-child{ border-right: 0;}
.about2 .list .item:hover{ width: 40%;}
.about2 .list .item .center{ position: absolute;overflow: hidden;width: 100%;height: 100%;}
.about2 .list .item .center .text{
	color: #fff;
	width: 100%;
	height: 100%;
	flex-wrap: wrap;
	display: flex;
	justify-content: center;
	align-content: center;
	text-align: center;
}
.about2 .list .item .center .text .img{ width: 100%; margin-bottom: 24px;}
.about2 .list .item .center .text p{ font-size: 24px; line-height: 22px;}
.about2 .list .item .center .text p.hov_h{ }
.about2 .list .item .center .text div.hov_s p{ font-size: 16px; line-height: 24px; padding: 0 40px; display:none; }
.about2 .list .item .center .text em{ font-size: 12px; text-transform: uppercase;}
.about2 .list .item:hover .center .text p.hov_h,.about2 .list .item:hover .center .text .img{ display:none; }
.about2 .list .item:hover .center .text div.hov_s p{ display: block; }

@media (max-width:1500px){
	.about2{ padding-bottom: 110px; }
}
@media (max-width:1200px){
	.about2{ padding-bottom: 85px; }
	.about2 .list .item .center .text .img img{ width: 40px; margin-bottom: 10px;}
	.about2 .list .item .center .text p{ font-size: 22px; line-height: 22px;}
}
@media (max-width:991px){
	.about2{ padding-bottom: 65px; }
	.about2 .list .item .center .text .img img{ width: 30px; margin-bottom: 5px;}
	.about2 .list .item .center .text p{ font-size: 18px;}
}
@media (max-width:768px){
	.about2{ padding-bottom: 45px; }
	.about2 .comm_h3{ padding-top: 50px;}
	.about2 .list{ flex-wrap: wrap; }
	.about2 .list .item{ width: calc(100% / 2); border-right: 0; padding-bottom: 33.5%;}
	.about2 .list .item:hover{ width: 50%;}
	.about2 .list .item .center .text .img{ margin-bottom: 18px;}
	.about2 .list .item .center .text p{ font-size: 16px;}
}
@media (max-width:500px){
	.about2{ padding-bottom: 35px; }
	.about2 .list .item{ padding-bottom: 43.5%;}
	.about2 .list .item .center .text .img{ margin-bottom: 0px;}
}

/* about3 */
.about3{ max-width: 1920px; margin: 0 auto; background: url(../images/linebg.jpg) center 487px repeat-x,url(../images/aboutbg3.jpg) center center no-repeat; }
.about3 .list{ position: relative; }
.swiper-button-next, .swiper-container-rtl .swiper-button-prev{ outline:0; }
.about3 .list .swiper-button-next,.about3 .list .swiper-button-prev{ width: 27px; height: 39px; margin-top: -26px;}
.about3 .list .swiper-button-prev{ background-image: url(../images/about_l.png); }
.about3 .list .swiper-button-next{ background-image: url(../images/about_r.png); }
.about3 .list .item{ text-align: center; margin: 0 auto; }
.about3 .list .swiper-container{ width: 90%; text-align: center; padding-bottom: 80px;}
.about3 .item .img{ width: 367px; height: 215px; margin: 0 auto; text-align: center;}
.about3 .item .date{ margin-bottom: 30px; margin-top: 26px;}
.about3 .item .pot{ display: inline-block; width: 9px; height: 9px; border: 7px solid rgba(0,0,0,0.2); border-radius: 50%; }
.about3 .item .pot span{ display: block; width: 9px; height: 9px; font-size: 0; line-height: 0; background-color: #717171; border-radius: 50%;}
.about3 .swiper-slide-active .item .pot{ border: 7px solid rgba(176,138,98,0.2);}
.about3 .swiper-slide-active .item .pot span{ background-color: #b08a62;}
.about3 .item .years{ color: #666; font-size: 24px; margin-top: 20px;}
.about3 .swiper-slide-active .item .years{ color: #b08a62; }
.about3 .item .text{ color: #888; }
.about3 .item .text h5{ font-size: 18px; margin-bottom: 10px;}
.about3 .item .text p{  font-size: 14px; line-height: 24px; }


@media (max-width:1500px){
	.about3{ background: url(../images/linebg.jpg) center 452px repeat-x,url(../images/aboutbg3.jpg) center center no-repeat; }
	.about3 .list .swiper-container {padding-bottom: 70px;}
    .about3 .list .swiper-button-next,.about3 .list .swiper-button-prev{ margin-top: -33px;}
}
@media (max-width:1200px){
	.about3{ background: url(../images/linebg.jpg) center 428px repeat-x,url(../images/aboutbg3.jpg) center center no-repeat; }
	.about3 .list .swiper-container {padding-bottom: 60px;}
    .about3 .list .swiper-button-next,.about3 .list .swiper-button-prev{ margin-top: -17px;}
}
@media (max-width:991px){
	.about3{ background: url(../images/aboutbg3.jpg) center center no-repeat; }
	.about3 .list .swiper-container {padding-bottom: 50px;}
	.about3 .list .item { width: 90%;}
	.about3 .item .img{ width: 100%;}
    .about3 .list .swiper-button-next,.about3 .list .swiper-button-prev{ margin-top: -17px;}
	
}
@media (max-width:768px){
	.about3 .list .swiper-container {padding-bottom: 20px;}
	.about3 .list .item { width: 100%;}
	.about3 .item .img{ width: 100%; }
	.about3 .item .date{ margin: 15px 0 15px; }
	.about3 .item .years{ margin-top: 15px; }
}
@media (max-width:500px){
	.about3 .list .swiper-container { padding-bottom: 20px;}
	.about3 .item .img{ height: auto;}
}

/* about4 */
.about4{}
.about4 .main{}
.about4 p,.about4 .item .text{ line-height: 36px; text-align: center; font-size: 16px; color: #666; }
.about4 p{ width: 70%; margin: 0 auto;}
.about4 .list{ position: relative; padding: 80px 0 80px; }
.about4 .list .swiper-container{ width: 1200px; height: 528px;  margin: 0 auto; }
.about4 .list .swiper-button-next,.about4 .list .swiper-button-prev{ width: 58px; height: 58px; opacity: 1; background-size: cover;}
.about4 .list .swiper-button-prev{ background-image: url(../images/about4_l.png); }
.about4 .list .swiper-button-next{ background-image: url(../images/about4_r.png); }
.about4 .list .item{ width: 400px; height: 528px; text-align: center; margin: 0 auto; padding: 50px 50px; box-sizing: border-box; border: 1px solid #dcdcdc;  }
.about4 .list .swiper-slide:last-child .item{ border-right: 1px solid #dcdcdc; }
.about4 .item .img{ width: 300px; height: 370px; margin: 0 auto; text-align: center;}
.about4 .item .text{ margin-top: 30px; }


@media (max-width:1500px){
	.about4 .main{ padding: 0 15px; box-sizing: border-box; } 
	.about4 .list{ position: relative; padding: 60px 0 60px; }
	.about4 .list .swiper-container{ width: auto; height: 528px;  margin: 0 auto; }
	.about4 .list .swiper-slide .item{ border: 1px solid #dcdcdc; }
}
@media (max-width:1200px){
	.about4 p{ width: 100%; }
	.about4 .list{ position: relative; padding: 50px 0 50px; }
}
@media (max-width:991px){
	.about4 .list{ position: relative; padding: 40px 0 20px; }
	.about4 .list .item{ width: 350px; height: 480px; padding: 30px 20px; }
	.about4 .item .img{ width: 300px; height: 370px; margin: 0 auto; text-align: center;}
	.about4 .item .text{ margin-top: 10px; }
}
@media (max-width:768px){
	.about4 p{ display: none; }
	.about4 .list{ position: relative; padding: 10px 0 0px; }
	.about4 .list .swiper-button-next,.about4 .list .swiper-button-prev{ width: 40px; height: 40px; opacity: .7;}
	.about4 .list .item{ width: 350px; height: 465px; padding: 20px 20px; }
}
@media (max-width:500px){
	.about4 .list {  height: 470px; }
	.about4 .list .item{ width: 300px; height: 435px; padding: 10px 10px; }
	.about4 .item .text { margin-top: 0px; }
}

/* about5 */
.about5{ max-width: 1920px; margin: 0 auto 60px; background-color: #272728; }
.about5 .list{ display: flex; justify-content: space-between; }
.about5 .list .item{ width: 50%; height: 700px;}
.about5 .item.img{ background: url(../images/about5.jpg) center center no-repeat; background-size: cover; }
.about5 .item img{ opacity: 0; }
.about5 .item .text{ width: 640px; color: #fff; margin: 150px 0 0 80px; box-sizing: border-box;}
.about5 .item h3{ font-size: 36px; font-family: 'ffh3';}
.about5 .item h2{ font-size: 30px; margin: 10px 0 80px; }
.about5 .item p{ font-size: 16px; line-height: 36px;}
.about5 .item .more_a{ margin-top: 50px;}
.about5 .more_a .tt{ color: #fff; }
.about5 .more_a:hover .ani_line .dot{ color: #fff; }


@media (max-width:1500px){
	.about5 .list .item{ width: 50%; height: 550px;}
	.about5 .item .text{ width: 100%; margin: 100px 0 0 0; padding: 0 15px 0 20px;}
	.about5 .item h2{ margin: 10px 0 60px; }
}
@media (max-width:1200px){
	.about5{ margin-bottom: 50px;}
	.about5 .list .item{ height: 450px;}
	.about5 .item .text{ margin-top: 45px; padding: 0 15px 0 20px;}
	.about5 .item h3{ font-size: 30px; }
	.about5 .item h2{ font-size: 24px; margin: 10px 0 40px; }
	.about5 .item .more_a{ margin-top: 30px; }
}
@media (max-width:991px){
	.about5{ margin-bottom: 40px;}
	.about5 .list .item{ height: 300px;}
	.about5 .item .text{ margin-top: 20px; padding: 0 15px 0 20px;}
	.about5 .item h3{ font-size: 26px; }
	.about5 .item h2{ font-size: 20px; margin: 10px 0 10px; }
	.about5 .item p{ font-size: 14px;  line-height: 26px;}
	.about5 .item .more_a{ margin-top: 20px; }
	.about5 .item .more_a{ padding: 5px 20px;}
	.about5 .item .more_a .ani_line{ margin-top: 5px; }
}

@media (max-width:768px){
	.about5{ margin-bottom: 30px;}
	.about5 .list{ flex-wrap: wrap;}
	.about5 .list .item{ width: 100%; height: auto;}
	.about5 .item .text{ margin-top: 20px; padding: 0; padding: 0 15px; box-sizing: border-box; margin-bottom: 20px;}

	.about5 .item.img{ background: none; }
	.about5 .item img{  opacity: 1; }
}
@media (max-width:500px){
	.about5 .item h3{ font-size: 20px; }
	.about5 .item h2{ font-size: 18px; margin: 5px 0 5px; }
	.about5 .item .more_a{ border: 1px solid #dcdcdc; line-height: 30px; }
}


/* about2页面 */
/* apower */
.apower1{ box-sizing: border-box; padding-bottom: 50px; }
.apower1 .title{ padding: 105px 0 55px; text-align: center; }
.apower1 .title h3{ font-size: 40px; color: #333; margin-bottom: 20px;}
.apower1 .title p{ line-height: 30px; color: #666;}

.apower1 .list{ padding: 10px 0 50px;  }
.apower1 .list ul{ text-align: center; }
.apower1 .list li{ display: inline-block; height: 70px; color: #b08a62; text-align: center; padding: 0 40px; border-right: 1px solid #dcdcdc; }
.apower1 .list li:nth-child(2n){  }
.apower1 .list li:last-child{ border-right: 0; }
.apower1 .list li .num{ position: relative; margin-top: -7px; font-family: 'ff'; line-height: 36px; }
.apower1 .list li .num span{ display: inline-block; font-size: 60px; line-height: 50px; }
.apower1 .list li .num i{ font-size: 20px;}
.apower1 .list li p{ color: #666;  font-size: 16px;}
.apower1 .img{ display: flex; justify-content: space-between; }
.apower1 .img .imgl{ margin-right: 20px;}


@media (max-width:1500px){
	.apower1{ padding: 0 15px 40px; }
	.apower1 .title{ padding: 95px 0 50px; }
	.apower1 .title h3{ font-size: 36px; }
	.apower1 .title p{ line-height: 28px; }
	.apower1 .list{ padding: 10px 0 40px;  }
	.apower1 .list li{ height: 70px; padding: 0 20px;  white-space: nowrap;}
	.apower1 .list li .num span{ font-size: 54px; }
	.apower1 .list li .num i {font-size: 18px; }
}
@media (max-width:1200px){
	.apower1 .title{ padding: 70px 0 40px; }
	.apower1 .title h3{ font-size: 32px; margin-bottom: 15px;}
	.apower1 .list{ padding: 10px 0 20px;  }
	.apower1 .list li{ padding: 0 10px;}
	/*.apower1 .list li:nth-child(2n){ width: 195px; }*/
	.apower1 .list li .num span{ font-size: 48px; }
}
@media (max-width:991px){
	.apower1 .title{ padding: 60px 0 30px; }
	.apower1 .title h3{ font-size: 28px; }
	.apower1 .title p{ line-height: 26px; }
	.apower1 .list li{ margin-bottom: 50px; border-right: 0;}
	.apower1 .list li .num span{ font-size: 44px; }

	.apower1 .list li .num i{font-size: 16px; }
}
@media (max-width:768px){
	.apower1{ padding-bottom: 10px; }
	.apower1 .title{ padding: 40px 0 15px; }
	.apower1 .title h3{ font-size: 26px; margin-bottom: 10px;}
	.apower1 .title p{ display: none; }
	.apower1 .list{ padding: 10px 0 10px;  }
	.apower1 .list li{ margin-bottom: 25px; }
	.apower1 .list li .num i {font-size: 14px; }
	.apower1 .list li .num span{ font-size: 40px; }
	.apower1 .list li p{ font-size: 14px;}
	.apower1 .img{ flex-wrap: wrap; }
	.apower1 .img>div{ width: 100%; margin-bottom: 30px; }
	.apower1 .img .imgl{ margin-right: 0px;}
}
@media (max-width:500px){
	.apower1 .title{ padding: 40px 0 20px; }
	.apower1 .title h3{ font-size: 22px; margin-bottom: 10px;}
	.apower1 .list{ padding: 10px 0 0px;  }
	.apower1 .list li{ margin-bottom: 15px; }
    .apower1 .list li .num span{ font-size: 32px; }
	.apower1 .img>div{ margin-bottom: 15px; }
}


/* apower2 */
.apower2{ padding-bottom: 50px; box-sizing: border-box; background: url(../images/apowerbg2.jpg) center top no-repeat; }
.apower2 .title{ padding: 105px 0 55px; text-align: center; }
.apower2 .title h3{ font-size: 40px; color: #333; margin-bottom: 20px;}
.apower2 .title p{ line-height: 30px; color: #666;}
.apower2 .list{ display: flex; justify-content: center; flex-wrap: wrap; }
.apower2 .list .item{ width: 350px; height: 206px; margin: 0 18px 16px; }

@media (max-width:1500px){
	.apower2{ padding: 0 15px 40px; }
	.apower2 .title{ padding: 95px 0 50px; }
	.apower2 .title h3{ font-size: 36px; }
	.apower2 .title p{ line-height: 28px; }
}
@media (max-width:1200px){
	.apower2{ padding: 0 15px 30px; background: #f1f1f1; }
	.apower2 .title{ padding: 70px 0 40px; }
	.apower2 .title h3{ font-size: 32px; margin-bottom: 15px;}
}
@media (max-width:991px){
	.apower2 .title{ padding: 60px 0 30px; }
	.apower2 .title h3{ font-size: 28px; }
	.apower2 .title p{ line-height: 26px; }
	.apower2 .list .item{ width: 350px; height: 206px; margin: 0 8px 16px; }
}
@media (max-width:768px){
	.apower2 .title{ padding: 40px 0 15px; }
	.apower2 .title h3{ font-size: 26px; margin-bottom: 10px;}
	.apower2 .title p{ display: none; }
	.apower2 .list .item{ width: 100%; height: auto; margin: 0 0 15px;display:table-cell;vertical-align:middle;text-align:center;}
}
@media (max-width:500px){
	.apower2 .title{ padding: 40px 0 20px; }
	.apower2 .title h3{ font-size: 22px; margin-bottom: 10px;}
}

/* apower3 */
.apower3{ padding-bottom: 50px; box-sizing: border-box; }
.apower3 .title{ padding: 105px 0 55px; text-align: center; }
.apower3 .title h3{ font-size: 40px; color: #333; margin-bottom: 20px;}
.apower3 .list{ background-color: #f8f8f8; }
.apower3 .list .item{ display: flex; justify-content: center; align-items: center;}
.apower3 .item .img{ width: 66%;}
.apower3 .item .text{ width: 34%; color: #444; padding: 0 30px 0 40px; box-sizing: border-box;}
.apower3 .item .text h5{ font-size: 30px; margin-bottom: 30px;}
.apower3 .item .text p{ font-size: 16px; line-height: 36px;}

.apower3 .lr_box{ position: absolute; width: 132px; height: 52px; bottom: 2px; right: 29.8%;}
.apower3 .swiper-button-next,.apower3 .swiper-button-prev{ width: 66px; height: 52px; top: auto; bottom: 2px; background-size: 30%; background-color: #fff; }
.apower3 .swiper-button-prev{ background-image: url(../images/apowerh_left.png); left: 0;}
.apower3 .swiper-button-next{ background-image: url(../images/apower_right.png); right: 0; background-color: #b58857;}
.apower3 .swiper-button-prev:hover{ background-image: url(../images/apower_left.png); background-color: #b58857; }
.apower3 .swiper-button-next:hover{ background-image: url(../images/apowerh_right.png); background-color: #fff;}
.apower3 .swiper-pagination{ width: 100px; left: auto; right: 13%;  color: #444;}
.apower3 .swiper-pagination-current{ color: #b58857;}



@media (max-width:1500px){
	.apower3{ padding: 0 15px 40px; }
	.apower3 .title{ padding: 95px 0 50px; }
	.apower3 .title h3{ font-size: 36px; }
	.apower3 .lr_box{ right: 29%;}
	.apower3 .item .text{ padding: 0 20px 0 30px; }
	.apower3 .item .text h5{ font-size: 28px; margin-bottom: 28px;}
	.apower3 .item .text p{ line-height: 34px;}
}
@media (max-width:1400px){
	.apower3 .lr_box{ right: 28.7%;}
}
@media (max-width:1300px){
	.apower3 .lr_box{ right: 28.4%;}
}
@media (max-width:1200px){
	.apower3{ padding: 0 15px 30px;  }
	.apower3 .title{ padding: 70px 0 40px; }
	.apower3 .title h3{ font-size: 32px; margin-bottom: 15px;}
	.apower3 .item .text h5{ font-size: 26px; margin-bottom: 26px;}
	.apower3 .item .text p{ line-height: 30px;}
	.apower3 .lr_box{ right: 28.2%;}
}
@media (max-width:1100px){
	.apower3 .lr_box{ right: 27.5%;}
}
@media (max-width:991px){
	.apower3 .title{ padding: 60px 0 30px; }
	.apower3 .title h3{ font-size: 28px; }
	.apower3 .item .text h5{ font-size: 24px; margin-bottom: 24px;}
	.apower3 .lr_box{ display: none; }
}
@media (max-width:768px){
	.apower3 .title{ padding: 40px 0 15px; }
	.apower3 .title h3{ font-size: 26px; margin-bottom: 10px;}
	.apower3 .swiper-pagination{ }
	.apower3 .list .item{ flex-wrap: wrap; }
	.apower3 .item .img{ width: 100%; }
	.apower3 .item .text{ width: 100%; padding: 20px 15px 40px;}
	.apower3 .item .text h5{ font-size: 22px; margin-bottom: 15px;}
	.apower3 .item .text p{ line-height: 26px; font-size: 14px;}
}
@media (max-width:500px){
	.apower3 .title{ padding: 40px 0 20px; }
	.apower3 .title h3{ font-size: 22px; margin-bottom: 10px;}
}

/* video */
.video{ padding-top: 70px; }
.video .list{ display: flex; justify-content: space-between; flex-wrap: wrap; box-sizing: border-box;}
.video .list .item{ position: relative; margin-bottom: 50px; padding-bottom: 50px; text-align: center;}
.video .list .item .video_in{ width: 720px; height: 400px; background-color: #000; font-size: 0; text-align: center; display: flex; justify-content: center; align-items: center;}
.video .list .item .text{width: 100%; position: absolute; bottom: 0; padding: 15px 0; overflow: hidden; text-overflow:ellipsis;white-space: nowrap;}


@media (max-width:1500px){
	.video{ padding-top: 60px; }
	.video .list{ padding: 0 15px; }
	.video .list .item{ width: 48%; margin-bottom: 40px;}
	.video .list .item .video_in{ width: 100%; }
}
@media (max-width:1200px){
	.video{ padding-top: 50px; }
	.video .list .item{ margin-bottom: 30px;}
}
@media (max-width:991px){
	.video{ padding-top: 40px; }
	.video .list .item{ margin-bottom: 20px;}
}
@media (max-width:768px){
	.video{ padding-top: 30px; }
	.video .list .item{ width: 100%;}
	.video .list .item .text{ font-size: 14px;}
}
@media (max-width:500px){
	.video .list .item .text{ padding: 10px 0 15px;}
}

/* quality */
.quality{ background-color: #f8f8f8; box-sizing: border-box;}
.quality .title{ padding: 100px 0 80px; text-align: center; }
.quality .title h3{ font-size: 36px; color: #444; margin-bottom: 15px;}
.quality .title>p{ line-height: 28px; color: #444444;}
.quality .list{ display: flex; justify-content: space-between;}
.quality .list .item{ width: 32%; height: 230px; padding: 45px 10px 10px; margin-bottom: 50px; box-sizing: border-box; text-align: center; background-color: #fff;}
.quality .item .text h5{ font-size: 24px; color: #333; margin: 25px 0 15px; }
.quality .item .text p{ font-size: 16px; color: #666; line-height: 28px;}

@media (max-width:1500px){
	.quality{ padding: 0 15px;}
	.quality .title{ padding: 95px 0 50px; }
	.quality .title h3{ font-size: 34px; }
}
@media (max-width:1200px){
	.quality .title{ padding: 70px 0 40px; }
	.quality .title h3{ font-size: 32px; margin-bottom: 15px;}
	.quality .list .item{ margin-bottom: 30px;}
	.quality .item .text h5{ font-size: 22px; margin: 20px 0 10px; }
}
@media (max-width:991px){
	.quality .title{ padding: 60px 0 30px; }
	.quality .title h3{ font-size: 28px; }
	.quality .title p{ line-height: 26px; }
	.quality .list{ flex-wrap: wrap;}
	.quality .list .item{ margin-bottom: 20px;}
	.quality .item .img img{ width: 40px; height: 40px; }
	.quality .item .text h5{ font-size: 20px; margin: 16px 0 8px; }

}
@media (max-width:768px){
	.quality .title{ padding: 40px 0 15px; }
	.quality .title h3{ font-size: 26px; margin-bottom: 10px;}
	.quality .title p{ font-size: 14px; }
	.quality .list .item{ width: 100%; height: 180px; padding: 30px 10px 10px; }
	.quality .item .text p{ font-size: 14px; }
}
@media (max-width:500px){
	.quality .title{ padding: 35px 0 20px; }
	.quality .title h3{ font-size: 24px; }
}

/* quality2 */
.quality2{ box-sizing: border-box;}
.quality2 .title{ padding: 100px 0 80px; text-align: center; }
.quality2 .title>p{ line-height: 28px; color: #444444;}
.quality2 .list{ }
.quality2 .swiper-wrapper{ padding-bottom: 87px; }

.quality2 .swiper-pagination-bullet{ width: 10px; height: 10px; background-color: #d2d2d2; opacity: 1;}
.quality2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 55px; background-color: #b08a62; border-radius: 5px;}
.quality2 .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{  margin: 0 8px; }
.quality2 .list .item{ display: flex; justify-content: center; align-items: center; }
.quality2 .item .img{ width: 50%; }
.quality2 .item .text{ width: 50%; padding: 0 75px 0 85px; box-sizing: border-box; }
.quality2 .item .text h5{ font-size: 36px; color: #333; font-weight: bold;}
.quality2 .item .text .line110{ width: 110px; height: 3px; background-color: #b08a62; margin: 20px 0 18px; }
.quality2 .item .text p{ font-size: 16px; color: #666; line-height: 30px;}

@media (max-width:1500px){
	.quality2{ padding: 0 15px;}
	.quality2 .title{ padding: 95px 0 50px; }
	.quality2 .item .text{ padding: 0 55px 0 70px; }
	.quality2 .item .text h5{ font-size: 32px;  }
}
@media (max-width:1200px){
	.quality2 .title{ padding: 70px 0 40px; }
	.quality2 .item .text{ padding: 0 40px 0 50px; }
	.quality2 .item .text h5{ font-size: 30px; }
	.quality2 .item .text .line110{ margin: 15px 0 12px; }
	.quality2 .item .text p{ line-height: 28px;}
}
@media (max-width:991px){
	.quality2 .title{ padding: 60px 0 30px; }
	.quality2 .title p{ line-height: 26px; }
	.quality2 .swiper-pagination-bullet{ width: 8px; height: 8px;}
	.quality2 .swiper-pagination-bullet.swiper-pagination-bullet-active{ width: 40px; border-radius: 4px;}
	.quality2 .item .text{ padding: 0 0 0 15px; }
	.quality2 .item .text h5{ font-size: 26px; margin: 16px 0 8px; }
	.quality2 .item .text .line110{ margin: 13px 0 8px; height: 2px; }

}
@media (max-width:768px){
	.quality2 .title{ padding: 40px 0 15px; }
	.quality2 .title p{ font-size: 14px; }
	.quality2 .swiper-wrapper { padding-bottom: 70px; }
	.quality2 .item{ flex-wrap: wrap; }
	.quality2 .item .img{ width: 100%; }
	.quality2 .item .text{ width: 100%; padding: 0; }
	.quality2 .item .text p{ font-size: 14px; line-height: 26px;}
	
}
@media (max-width:500px){
	.quality2 .title{ padding: 35px 0 20px; }
}

/* contact */
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select{ -webkit-appearance: none; }
input[type="number"]{ -moz-appearance: textfield; }
textarea {  -webkit-appearance: none;}

.contact{ margin-top: 60px; box-sizing: border-box;}
.contact .way{ padding: 90px 60px 70px; background-color: #f8f8f8; box-sizing: border-box;}
.contact .way .left{ float: left; width: 50%; box-sizing: border-box; padding-right: 10px;}
.contact .left .cphone{ margin-top: 80px; }
.contact .left .cphone h5{ position: relative; margin-bottom: 18px; padding-left: 40px; font-size: 18px; color: #333; }
.contact .cphone h5::before{ position: absolute; left: 8px; top: 0px; content: ''; width: 20px; height: 19px; background-size: auto 19px; background: url(../images/red_phone.png) center center no-repeat; }
.contact .left .cphone a{  font-size: 36px; color: #333; }
.contact .left>p{ line-height: 40px; font-size: 18px; color: #444; }
.contact .left .ewm{ margin-top: 56px; }
.contact .ewm .ewmimg{ float: left;  }
.contact .ewm .address p{ float: left; line-height: 36px; padding: 10px 0 10px 28px; color: #333;}

.contact .word{ float: right; width: 50%; box-sizing: border-box;}
.contact .word form{ width: 100%;}
.contact input,.contact textarea{ margin-bottom: 26px; box-sizing: border-box; border-radius: 5px; background-color: #fff; font-size: 16px;}
.contact input{ height: 46px; padding-left: 18px;}
.contact textarea{ width: 100%; height: 200px; padding: 18px 10px 0 18px;}
.contact input.user,.contact input.tel{ width: 48%; }
.contact input.user{ float: left;}
.contact input.tel{ float: right; }
.contact input.f5,.contact div.pic{ float: left; width: 179px; height: 46px;}
.contact div.pic{ margin-left: 22px; /*background-color: #fff;*/ border-radius: 5px; overflow: hidden;}
.contact input.submit{ width: 100%; background-color: #bb8a5e; color: #fff;}

.map{ width: 100%; height: 540px; margin: 65px 0 80px;}

@media (max-width:1500px){
	.contact{ padding: 0 15px; margin-top: 50px;}
	.contact .way{ padding: 75px 15px 50px; }
	.contact .left .cphone{ margin-top: 60px; }
	.contact .left .cphone a{ font-size: 32px; }
	.contact .left .ewm{ margin-top: 40px; }
	.map{ margin: 55px 0 70px;}
}

@media (max-width:1200px){
	.contact{ margin-top: 40px;}
	.contact .way{ padding: 60px 15px 40px; }
	.contact .left>p{ line-height: 30px; font-size: 16px; }
	.contact .left .cphone{ margin-top: 30px; }
	.contact .left .cphone h5{ margin-bottom: 5px; }
	.contact .left .cphone a{ font-size: 28px; }
	.contact .left .ewm{ margin-top: 20px; }
	.contact .ewm .address p{ padding: 10px 0 10px 8px; line-height: 30px; }
	.map{ height: auto; margin: 45px 0 55px;}
}
@media (max-width:991px){
	.contact .way{ padding: 32px 15px 30px; }
	.contact .left .cphone a{ font-size: 26px; }
	.contact input, .contact textarea{ margin-bottom: 15px; }
	.contact input.f5,.contact div.pic{ float: none; }
	.contact div.pic{ margin-left: 0; margin-bottom: 20px; }
	.map{ margin: 35px 0 55px;}
}
@media (max-width:768px){
	.contact .way{ padding: 30px 15px 10px; }
	.contact .way .left{ width: 100%; margin-right: 0;}
	.contact .left>p{ line-height: 24px; font-size: 14px; }
	.contact .word{  width: 100%; }
	.contact .left .cphone{ margin-top: 20px; text-align: center;}
	.contact .left .cphone h5{ width: 82px; margin: 0 auto; text-align: left; }
	.contact .left .cphone a{ font-size: 22px; }
	.contact .left .ewm{ margin-top: 10px; }
	.contact .ewm .ewmimg{ float: none; text-align: center; }
	.contact .ewm .address p{ float: none; padding: 10px 0 30px 0; text-align: center; line-height: 28px; }
	.contact input.f5,.contact div.pic{ float: left; }
	.contact div.pic{ margin-left: 22px; }
	.map{ margin: 25px 0 40px;}
}
@media (max-width:500px){
	.contact input.user, .contact input.tel{ width: 100%; }
	.contact input.f5,.contact div.pic{ float: none; }
	.contact div.pic{ margin-left: 0; }
}

/* case */
.index5.caseh{ }

@media (max-width:1500px){
	.index5.caseh{ }
	.case{ padding-top: 60px; }
	.case .list{ padding: 0 15px; justify-content: center;}
	.case .list .item{  margin: 0 15px 40px; }
	.case .list .item .video_in{ text-align: center;}
}
@media (max-width:1200px){
	.index5.caseh{ padding-top: 50px; }
	.case{ padding-top: 50px; }
	.case .list{ padding: 0 15px; justify-content: space-between;}
	.case .list .item{ margin: 0 0 30px; width: 474px; height: auto;}
	.case .list .item .case_in{ width: 474px; height: 282.5px; }
	.case .list .item .case_in img{ width: 474px; height: 282.5px; }
}
@media (max-width:991px){
	.index5.caseh{ padding-top: 40px; }
	.case{ padding-top: 40px; }
	.case .list .item{ margin-bottom: 20px; width: 362px;}
	.case .list .item .case_in{ width: 362px; height: 212.5px; }
	.case .list .item .case_in img{ width: 362px; height: 212.5px; }
}
@media (max-width:768px){
	.index5.caseh{ padding-top: 30px; }
	.case{ padding-top: 30px; }
	.case .list .item{ margin-bottom: 10px; width: 100%; }
	.case .list .item .case_in{ width: 100%;  height: auto; }
	.case .list .item .case_in img{ width: 100%;  height: auto; }
	.case .list .item .text{ font-size: 14px;}
}
@media (max-width:500px){
	.video .list .item .text{ padding: 10px 0 15px;}
}


/* pro */

/*.pro .pro_box::after{
    content: '';
    width: 718px;
}*/
.pronav{
    padding:50px 0;
}
.pronav .list{
    display:flex;
    flex-direction: row;
    justify-content: center;
    border:1px solid #eee;
    border-top:none;
}
.pronav .list:nth-child(1){
    border-top:1px solid #eee;
}
.pronav .list h4{
    flex:1 .4 120px;
    line-height:60px;
    text-align:center;
    width:120px;
    background:#f4f4f4;
    color:#666;
    font-size:16px;
}
.pronav .list ul{
    flex:1 1 1280px;
    padding:10px 0;
}

.pronav .list ul li{
    cursor: pointer;
    display:inline-block;
    height:auto;
    line-height:40px;
    font-size:16px;
    color:#666;
    text-align: left;
    float:left;
    padding:0 20px;
}
.pronav .list ul li:hover,
.pronav .list ul li:active,
.pronav .list ul li.on{
    color:#b08a62;
}
.pronav .list ul li>a{
    display:block;
}
.pronav .list:first-child ul{
    flex:1 1 1280px;
    padding:10px 0 0;
}
.pronav .list:first-child ul li{
    padding-bottom: 10px;
}
.listu{ flex:1 1 1280px; display: flex; flex-wrap: wrap; }
.inlist{ width: 100%; height: 40px; padding-top: 0px; margin-top: 0px; padding-bottom: 0px; margin-bottom: 0px; display: none;}
.inlist .item{ float: left; line-height: 40px; margin-left: 50px; display: none; }
.inlist .item:first-child{  opacity: 0; padding: 0 20px;}
.inlist .item a{
    display: inline-block;
    height: auto;
    line-height: 40px;
    font-size: 14px;
    color: #999;
    text-align: left;
    float: left;
    padding: 0 20px;
}
.inlist .item a.on{
	color:#b08a62;
}
@media (max-width:1400px){
    .pronav{
        padding:50px 15px;
    }
}
@media (max-width:991px){
    .pronav{
        padding:40px 15px;
    }
    .pronav .list h4{
        line-height:50px;
        font-size:14px;
    }
    .pronav .list ul{
        flex:1 1 1280px;
        padding:10px 0;
    }
    .pronav .list ul li{
        height:30px;
        line-height:30px;
        font-size:14px;
    }
}








.pullbtn{ text-align: right; font-size: 22px; color: #2f2f2f; padding: 0 15px 15px; border-bottom: 1px solid #d4d4d4;}
.pullbtn em{ display: inline-block; text-align: center; width: 13px; }
.pronav_mb{
    padding: 20px 0;
}
.pronav_mb .main{
    padding:30px 15px 0;
    box-sizing: border-box;
    display:none;
}
.pronav_mb .list{
    padding-bottom:8px;
}
.pronav_mb .list h4{
    height:35px;
    line-height:35px;
    background:#f4f4f4;
    color:#333;
    font-size:15px;
    padding:0 15px;
}
.pronav_mb .list ul{
    padding: 10px;
    border:1px solid #eee;
}
.pronav_mb .list ul li{
    display:inline-block;
    height:34px;
    line-height:34px;
    font-size:14px;
    color:#999;
    padding:0 15px;
    float:left;
    margin-right:10px;
    border-radius: 4px;
}
.pronav_mb .list ul li:active,
.pronav_mb .list ul li.on{
    background:#eee;
    color:#b08a62;
}
.pronav_mb .list ul li a{
    display:block;
}
.pronav_mb .list .item{ border-bottom: 1px solid #fff; }


.pro{
    padding-bottom:60px;
}
.pro_box .list{
    width:330px;
    margin-bottom:50px;
    position: relative;
}
.pro_box .list .img_box{
    width:330px;
    height:330px;
}
.pro_box .list .img{
    width:100%;
    height:100%;
    display:inline-block;
    position: absolute;
    left:0;
    top:0;
    opacity: 0;
    z-index: 8;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
}
.pro_box .list .img img{
    width:100%;
    height:100%;
    object-fit: cover;
}
.pro_box .list:active .img,
.pro_box .list:hover .img{
    opacity: 1;
}
.pro_box .list p{
    width:100%;
    height:50px;
    line-height:50px;
    text-align:cneter;
    /*position: absolute;
    left:0;
    bottom:0;*/
    background:rgba(0,0,0,.1);
    color:#707070;
    font-size:14px;
    text-align: center;
    z-index: 10;
    overflow: hidden;
}
.pro_box .list:active p,
.pro_box .list:hover p{
    background:#b08a62;
    color:#fff;
}

@media (max-width:768px){
    
}

@media (max-width:500px){
    .pullbtn{ font-size: 18px; }
}


@media (max-width:1400px){
	.pro{
		padding:0 15px;
		padding-bottom:40px;
	}
	.pro_box .list{
		width:285px;
		margin-bottom:40px;
	}
	.pro_box .list .img_box{
		width:285px;
		height:285px;
	}
}
@media (max-width:991px){
	.pro{
		padding-bottom:30px;
	}
	.pro_box .list{
		width:240px;
		margin-bottom:30px;
	}
	.pro_box .list .img_box{
		width:240px;
		height:240px;
	}
}
@media (max-width:768px){
	.pro{
		padding-bottom:20px;
	}
	.pro_box .list{
		width:210px;
		margin-bottom:25px;
	}
	.pro_box .list .img_box{
		width:210px;
		height:210px;
	}
}
@media (max-width:640px){
	.pro_box .list{
		width:220px;
	}
	.pro_box .list .img_box{
		width:220px;
		height:220px;
	}
}
@media (max-width:480px){
	.pro_box .list{
		width:190px;
	}
	.pro_box .list .img_box{
		width:190px;
		height:190px;
	}
	.pro_box .list p{
		height:30px;
		line-height:30px;
	}
}
@media (max-width:420px){
	.pro_box .list{
		width:180px;
	}
	.pro_box .list .img_box{
		width:180px;
		height:180px;
	}
}
@media (max-width:375px){
	.pro_box .list{
		width:150px;
	}
	.pro_box .list .img_box{
		width:150px;
		height:150px;
	}
}

/* prolist */
.introduce { padding : 65px 0px 50px; box-sizing: border-box;}
.introduce .main { display : flex ; justify-content : space-between; }
.introduce .img { width : 640px; position: relative;}
.introduce .swiper-1 a { display : block; }
.introduce .swiper-1 .img_box { width : 640px ; height : 640px ; background-color : #EEEEEE; }
.introduce .swiper-1 .swiper-button-prev,.introduce .swiper-1 .swiper-button-next{ width: 34px; height: 56px; top: 50%; opacity: .6; background-color : #3b5c6f;background-size: 100%; background-color: transparent;}
.introduce .swiper-1 .swiper-button-prev{ left: 18px; background-image: url(../images/pro_left.png); }
.introduce .swiper-1 .swiper-button-prev:hover{ left: 18px; background-image: url(../images/proh_left.png); background-color: transparent;}
.introduce .swiper-1 .swiper-button-next{ right: 18px; background-image: url(../images/pro_right.png);transform: scale(1); }
.introduce .swiper-1 .swiper-button-next:hover{ right: 18px; background-image: url(../images/proh_right.png);transform: scale(1); background-color: transparent;}
.introduce .img-nav { margin-top : 78px ; position : relative; }
.introduce .img-nav .swiper-container { width : 550px; margin: 0 31px;}
.introduce .img-nav .swiper-slide { cursor : pointer; }
.introduce .img-nav .img_box { width : 98px ; height : 98px ; box-sizing: border-box; border: 1px solid #dcdcdc; }
.introduce .img-nav .swiper-slide:hover .img_box { border: 1px solid #c59868;}
.introduce .swiper-button-prev, .introduce .swiper-button-next { --swiper-navigation-size : 0px ; width : 29px ; height : 98px ;background-size: 40%; background-color : #A6A6A6 ; background-image : url(../images/pd-icon-1.png) ; background-repeat : no-repeat ; background-position : center center ; opacity : 1 !important ; outline : none ; top : 22px ; transition : .3s; }
.introduce .swiper-button-prev:hover, .introduce .swiper-button-next:hover { background-color : #c59868; }
.introduce .swiper-button-prev { left : 0px; }
.introduce .swiper-button-next { right : 0px ; transform : scale(-1); }

.introduce .ln_aa{ width: 100%; margin-top: 50px;}
.introduce .ln_aa a{ display:block;  float: left; width: 45%; text-align: center; font-size: 16px; color: #333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.introduce .ln_aa a.ll{ text-align: left; }
.introduce .ln_aa a.cc{ width: 10%; }
.introduce .ln_aa a.rr{ text-align: right; }
.introduce .ln_aa a em{ color: #666;}
.introduce .ln_aa a:hover,.ln_aa a:hover em{  color: #c59868;}

.introduce .text{ width: 608px; margin: 0 auto; box-sizing: border-box;}
.introduce .text h5{ line-height: 44px; font-size: 24px; color: #333;}
.introduce .text>p{ padding: 10px 0 20px; line-height: 30px; font-size: 16px; color: #999;}
.introduce .text .p_em{ padding: 20px 0;}
.introduce .text .p_em p{ line-height: 36px; font-size: 16px; color: #666;}
.introduce .text .p_em p em{ color: #333; padding-right: 20px; font-weight: bold;}
.introduce .text .btn_a a{ display: inline-block; width: 170px; height: 48px; line-height: 48px; margin-right: 20px; margin-bottom: 20px; text-align: center; color: #fff;}
.introduce .text .btn_a a.left{ background-color: #c59868;}
.introduce .text .btn_a a.right{ background-color: #474747;}


.rendslide .swiper-wrapper{ padding-bottom: 60px; }
.rendslide .swiper-pagination{ bottom: 2px; }
.rendslide .swiper-pagination-bullet-active{ background-color: #bd7f28; }

@media (max-width:1500px){
	.introduce{ padding : 65px 15px 90px;}
	.introduce .img{ width: 550px;}
	.introduce .swiper-1 .img_box { width: 550px; height: 550px; }
	.introduce .text{ padding: 0;}
	.introduce .img-nav{ width: 550px; margin-top: 0px;}
    .introduce .img-nav .swiper-container{ width: 486px;}
}
@media (max-width:1200px){
	.introduce{padding: 65px 15px 20px;}
	.introduce .img{ width: 450px;}
	.introduce .swiper-1 .img_box { width: 450px; height: 450px; }
	.introduce .text{ padding: 0 15px;}
	.introduce .text>p{ padding: 10px 0;}
	.introduce .text .p_em{ padding: 10px 0;}
	.introduce .text .p_em p{line-height: 30px;}
	.introduce .text .btn_a a{ width: 170px;}
	.introduce .img-nav{ width: 493px;}
	.introduce .img-nav .swiper-container{ width: 430px;}
	.introduce .img-nav .swiper-slide{ width: 78px!important;}
	.introduce .img-nav .img_box { width: 78px; height: 78px; }
	.introduce .swiper-button-prev, .introduce .swiper-button-next { --swiper-navigation-size : 0px ; width : 29px ; height : 78px;background-size: 40%;  top : 22px ; }
}
@media (max-width:991px){
	.introduce .img{ margin: 0 auto 50px;}
	.introduce .main { flex-wrap: wrap;}
	.introduce .img-nav{ display: none;}

    .introduce .ln_aa{ margin-top: 40px;}
}
@media (max-width:768px){
	.introduce{padding: 65px 15px 50px;}
    .rendslide .swiper-wrapper{ padding-bottom: 40px; }
}
@media (max-width:640px){
	.introduce{ padding: 40px 15px 30px;}
	.introduce .img{ width: 550px; margin: 0 auto 20px;}
	.introduce .swiper-1 .img_box { width: 550px; height: 550px; }
	.introduce .text{ padding: 0;}
	.introduce .text h5{ line-height: 36px; font-size: 20px;}
	.introduce .text .p_em p{ line-height: 28px; font-size: 14px;}

    .introduce .ln_aa{ margin-top: 20px;}
}
@media (max-width:600px){
	.introduce .img{ width: 500px;}
	.introduce .swiper-1 .img_box { width: 500px; height: 500px; }
}
@media (max-width:550px){
	.introduce .img{ width: 460px;}
	.introduce .swiper-1 .img_box { width: 460px; height: 460px; }
}
@media (max-width:500px){
	.introduce{ padding: 30px 15px 15px;}
	.introduce .img{ width: 440px;}
	.introduce .swiper-1 .img_box { width: 440px; height: 440px; }
	.introduce .text h5{ line-height: 30px; font-size: 18px;}
	.introduce .text>p{ font-size: 14px; line-height: 22px; padding: 5px 0;}
	.introduce .text .btn_a a{ width: 130px; height: 40px; line-height: 40px;}
	.introduce .swiper-1 .swiper-button-prev,.introduce .swiper-1 .swiper-button-next{ width: 26px; }

    .introduce .ln_aa{ display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 10px;}
    .introduce .ln_aa a{ display:block; width: 100%; margin-bottom: 10px; }
    .introduce .ln_aa a.ll{ text-align: left; }
    .introduce .ln_aa a.cc{ width: 100%; text-align: left; }
    .introduce .ln_aa a.rr{ text-align: left; }
}
@media (max-width:460px){
	.introduce .img{ width: 420px;}
	.introduce .swiper-1 .img_box { width: 420px; height: 420px; }
}
@media (max-width:440px){
	.introduce .img{ width: 380px;}
	.introduce .swiper-1 .img_box { width: 380px; height: 380px; }
}
@media (max-width:420px){
	.introduce .img{ width: 360px;}
	.introduce .swiper-1 .img_box { width: 360px; height: 360px; }
}
@media (max-width:380px){
	.introduce .img{ width: 340px;}
	.introduce .swiper-1 .img_box { width: 340px; height: 340px; }
}
@media (max-width:360px){
	.introduce .img{ width: 320px;}
	.introduce .swiper-1 .img_box { width: 320px; height: 320px; }
}
@media (max-width:340px){
	.introduce .img{ width: 300px;}
	.introduce .swiper-1 .img_box { width: 300px; height: 300px; }
}
@media (max-width:320px){
	.introduce .img{ width: 280px;}
	.introduce .swiper-1 .img_box { width: 280px; height: 280px; }
}




/* matching */
.matching{ box-sizing: border-box; padding-bottom: 50px;}
.matching h4{ font-size: 30px; color: #666; line-height: 60px; padding: 50px 0 60px; }
.matching h4 em{ font-size: 26px; font-family: "Myriad Variable Concept"; font-weight: lighter; text-transform: uppercase;vertical-align: bottom;}
.matching .img{  }
.matching .img .item{ background-position: center center; background-repeat: no-repeat; background-size: cover;}


@media (max-width:1500px){
	.matching{ padding: 0 15px 50px; }
}
@media (max-width:1200px){
	.matching{ padding: 0 15px 45px; }
	.matching h4{ font-size: 28px; padding: 20px 0 40px;}
	.matching h4 em{ font-size: 24px;}
}
@media (max-width:991px){
	.matching{ padding: 0 15px 35px; }
	.matching h4{ font-size: 26px; padding: 10px 0 30px; }
	.matching h4 em{ font-size: 22px;}
}
@media (max-width:768px){
	.matching{ padding: 0 15px 30px; }
	.matching h4{ font-size: 24px; line-height: 40px; padding: 10px 0 10px;}
	.matching h4 em{ font-size: 20px;}
}
@media (max-width:500px){
	
}



/* stores */

.stores{ padding-bottom: 30px; box-sizing: border-box; }
.distpicker1{ display: flex; justify-content: center; flex-wrap: wrap; }
.stores .storesform{ padding: 90px 0 70px; display: flex; justify-content: center; }
.stores .storesform p{ width: 234px; height: 44px; margin: 0 10px 20px; padding: 0 12px 0; border: 1px solid #dedede;}
.stores .storesform p.submitp{ border: 1px solid #b08a62; background-color: #b08a62;}
.stores .storesform select,.stores .storesform input{ background-color: transparent; width: 100%; height: 100%; border: 0; outline: none; font-size: 15px; color: #666;}
.stores .storesform input.submit{ color: #fff; background-color: #b08a62; cursor: pointer;}
select{ background-color: transparent; }
.stores .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.stores .list .item{ position: relative; float: left; width: 478px; height: 420px; padding-bottom: 50px; }
.stores .item .img{ width: 478px; height: 302px; overflow: hidden; }
.stores .list .item:nth-child(3n){ margin-right: 0; }
.stores .item .img img{ width: 478px; height: 302px;
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	-o-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out; 
}
.stores .item:hover .img img{ 
	-webkit-transform: scale(1.1); 
	-moz-transform: scale(1.1); 
	-ms-transform: scale(1.1); 
	-o-transform: scale(1.1); 
	transform: scale(1.1); 
}
.stores .item .box{  padding: 10px 10px 0; background-color: rgba(255,255,255,.6); }
.stores .item h5{ font-size: 18px; color: #333; font-weight: bold; padding: 5px 0 10px;}
.stores .item p{ position: relative; padding-left: 30px; font-size: 14px; color: #666; line-height: 30px;}
.stores .item p::before{ 
	position: absolute;
	left: 0px;
    top: 3px;
    content: '';
    width: 20px;
    height: 20px;
	background-size: auto 19px;
	background-position: center center;
	background-repeat: no-repeat;
 }
.stores .item p.address::before{ background-image: url(../images/icon_ad.png);}
.stores .item p.phone::before{ background-image: url(../images/icon_ph.png); }

@media (max-width:1500px){
	.stores{ padding: 0 15px; }
	.stores .storesform{ padding: 75px 0 55px;}
	.stores .list .item{ padding-bottom: 40px; }
}
@media (max-width:1200px){
	.stores .storesform{ padding: 60px 0 40px;}
	.stores .list .item{ padding-bottom: 30px; }
}
@media (max-width:991px){
	.stores .storesform{ padding: 40px 0 20px;}
	.stores .storesform p{ height: 40px; margin: 0 10px 10px;}
	.stores .list{ justify-content: center;}
	.stores .list .item{ padding-bottom: 30px; }
	.stores .item p{ line-height: 26px; padding-left: 22px; }
	.stores .item p::before{ background-size: auto 16px; }
}
@media (max-width:768px){
	.stores .storesform{ padding: 30px 0 10px;}
	.stores .storesform p{ height: 36px;}
	
}
@media (max-width:500px){
	.stores .list .item{ width: 100%; height: auto; }
	.stores .item .img{ width: 100%; height: auto; }
	.stores .item .img img{ width: 100%; height: auto; }
	.stores .item .box{ padding: 0; }
}



/* news */
.news{ padding-top: 65px; }
.news .newsshow{ display: flex; justify-content: space-between;  margin-bottom: 60px; background-color: #f8f8f8;}
.news .newsshow .left{ width: 50%; /*background: url(../images/about5.jpg) center center no-repeat;*/ background-size: cover; box-sizing: border-box;}
.news .newsshow .left img{ width: 100%; height: 100%; object-fit: cover;}
/*.news .left img{ opacity: 0; }*/
.news .newsshow .right{ width: 50%; padding: 0 38px; display: flex; box-sizing: border-box; align-items: center;}
.news .newsshow .text{ box-sizing: border-box;}
.news .newsshow .right .date{ font-size: 14px; color: #999; margin: 20px 0;}
.news .newsshow .right h4{ font-size: 24px; color: #9e805f;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.news .newsshow .right p{ font-size: 16px; color: #666; margin: 25px 0 50px; line-height: 30px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.news .newsshow .right a{  display: block; width: 186px; height: 50px; line-height: 50px; text-align: center; background-color: #ac855b; font-size: 16px; color: #fff;}


@media (max-width:1500px){
	.news{ padding-top: 55px; padding-bottom: 30px;}
	.news .newsshow{ margin-bottom: 55px; }
	.news .newsshow .right{ padding: 0 30px; }
	.news .newsshow .right h4{ font-size: 22px; }
	.news .newsshow .right .date{ font-size: 14px; color: #999; margin: 15px 0;}
	.news .newsshow .right p{ margin: 20px 0 30px; line-height: 28px; }
	.news .newsshow .right a{ width: 170px; height: 45px; line-height: 45px;}
	
}
@media (max-width:1200px){
	.news{ padding-top: 50px; padding-bottom: 20px;}
	.news .newsshow{ margin-bottom: 50px; }
	.news .newsshow .right{ padding: 0 22px; }
	.news .newsshow .right h4{ font-size: 20px; }
	.news .newsshow .right .date{ margin: 10px 0;}
	.news .newsshow .right p{ margin: 20px 0 30px; line-height: 26px; }
	.news .newsshow .right a{ width: 150px; height: 40px; line-height: 40px;}
}
@media (max-width:991px){
	.news{ padding-top: 45px; padding-bottom: 10px;}
	.news .newsshow{ margin-bottom:45px; }
	.news .newsshow .right{ padding: 5px 10px; }
	.news .newsshow .right h4{ font-size: 20px; }
	.news .newsshow .right .date{ margin: 10px 0;}
	.news .newsshow .right p{ margin: 10px 0; line-height: 20px;font-size: 14px;}
	.news .newsshow .right a{ width: 130px; height: 35px; line-height: 35px;}
}
@media (max-width:768px){
	.news{ padding-top: 40px; padding-bottom: 0px;}
	.news .newsshow{ margin-bottom:40px; }
	.news .newsshow{ flex-wrap: wrap; padding: 0 15px 20px; }
	.news .newsshow .left{ width: 100%;}
	.news .newsshow .right{ width: 100%; padding: 0;}
	.news .newsshow .right h4{ font-size: 18px; margin-top: 10px; }
	.news .newsshow .right a{ font-size: 14px; width: 130px; height: 30px; line-height: 30px;}
}
@media (max-width:500px){
	.news .newsshow .text{ width: 100%; }
	.news .newsshow .right h4{ font-size: 16px; }
}



/* newsv */
.newsv{
    padding-bottom:60px;
}
.newsv_box{
	box-sizing: border-box;
}
.newsv_box .htit{
    padding:50px 0;
    text-align:center;
}
.newsv_box .htit h4{
    font-size:24px;
    color:#333;
    padding:6px 0;
}

.newsv_box .htit .date{  background-color: #f5f5f5; margin-top: 20px;}
.newsv_box .htit .date span{ font-size:15px; height:50px; line-height:50px; display:inline-block; padding-left:25px; background-repeat: no-repeat; background-position:left center;}
.newsv_box .htit span.day{
	background-image: url(../images/date.png);
	margin-left:20px;
	margin-right: 20px;
}
.newsv_box .htit span.count{
	background-image: url(../images/view.png);
}
.newsv_box .text_box{
    font-size:14px;
	color:#333;
    line-height:26px;
    padding-bottom:40px;
}
.newsv_box .text_box>img{
    display: block; 
    margin: 0 auto;
}

.newsv_box .text_box iframe{ 
	display: block;
	width: 1000px!important;
	height: 500px!important;
	margin: 0 auto;
}
.newsv_box .text_box video{ 
	display: block;
	width: 90%!important;
	margin: 0 auto;
}
.newsv_box .next_group{
	height: 65px;
	padding: 20px 55px;
	box-sizing: border-box;
    font-size:15px;
	color:#444;
	background-color: #f5f5f5;
}

.newsv_box .next_group a{
    display:inline-block;
	padding:0 20px;
	position: relative;
}
.newsv_box .next_group a.left{ float: left; }
.newsv_box .next_group a.left::before{ position: absolute; left: 0px; top: 0px; content: ''; width: 10px; height: 20px; background-size: auto 10px; background: url(../images/newsleft.png) center center no-repeat; }
.newsv_box .next_group a.right{ float: right; }
.newsv_box .next_group a.right::before{ position: absolute; right: 0px; top: 0px; content: ''; width: 10px; height: 20px; background-size: auto 10px; background: url(../images/newsright.png) center center no-repeat; }
.newsv_box .next_group a:hover{
    text-decoration: underline;
}
@media (max-width:1500px){
	.newsv_box{
		padding:0 15px;
	}
}
@media (max-width:1200px){
	.newsv_box .text_box iframe{ 
		width: 800px!important;
		height: 400px!important;
	}
}
@media (max-width:991px){
	.newsv_box .text_box iframe{ 
		width: 700px!important;
		height: 350px!important;
	}
}
@media (max-width:768px){
	.newsv_box .text_box iframe{ 
		width: 100%!important;
		height: 300px!important;
	}
	.newsv_box .htit{
	    padding:40px 0;
	}
	.newsv_box .htit h2{
	    font-size:18px;
	}
	.newsv_box .next_group{
		font-size:14px;
		height: 45px;
		padding: 10px 30px;
	}
}
@media (max-width:500px){
	.newsv{
	    padding-bottom:40px;
	}
	.newsv_box .htit h2{
	    font-size:16px;
	}
	.newsv_box .htit p{
	    font-size:14px;
	}
	.newsv_box .next_group{
		height: 75px;
	}
	.newsv_box .next_group a{
		width: 100%;
		padding: 0 0px 0 20px;
	}
	.newsv_box .next_group a.right{ float: left; margin-top: 10px; }
	.newsv_box .next_group a.right::before{ left: 0px;}

	
}
@media (max-width:380px){
	.newsv_box .text_box iframe{ 
		height: 200px!important;
	}
}


/* dow */
.dow{ position: relative; font-size: 0; font-size: 0; line-height: 0;}
.dow img{ width: 100%; }
.dow>p.dowp{ position: absolute; width: 100%; top: 20%; line-height: 30px; font-size: 18px; z-index: 55; color: #fff; text-align: center;}
.dow .win{ position: absolute; width: 35%;  padding: 55px 0 70px; text-align: center; left: 50%; top: 30%; width: 545px;  margin-left: -272.5px; border-radius: 20px; box-sizing: border-box; background-color: #fff;}
.dow .win h3{ line-height: 50px; margin-bottom: 40px; font-size: 30px; color: #333; }
.dow .win p{ display: inline-block; position: relative; border: 1px solid #dcdcdc; height: 50px; width: 400px; margin-bottom: 25px; padding-left: 78px; box-sizing: border-box; font-size: 18px; background-color: transparent; }
.dow .win p.user::before,.dow .win p.password::before{ position: absolute; left: 0px; top: 0px; content: ''; width: 78px; height: 50px; background-size: auto 24px; background-position: center center; background-repeat: no-repeat; }
.dow .win p.user::before{ background-image: url(../images/my.jpg); }
.dow .win p.password::before{ background-image: url(../images/password.jpg); }
.dow .win input{ height: 50px; width: 100%; box-sizing: border-box; font-size: 16px; background-color: transparent;}
.dow .win input.submit{ width: 400px; margin-top: 20px; font-size: 18px; color: #fff; background-color: #b18556; }

@media (max-width:1500px){
	.dow>p.dowp{ top: 10%; }
	.dow .win{ padding: 40px 0 50px; left: 50%; top: 20%; width: 545px; margin-left: -272.5px; }
	.dow .win h3{ line-height: 40px; margin-bottom: 30px; font-size: 28px; }
}
@media (max-width:1200px){

	.dow .win{ padding: 30px 0 40px; left: 50%; top: 20%; width: 500px; margin-left: -250px; }
	.dow .win h3{ line-height: 40px; margin-bottom: 20px; font-size: 26px; }
	.dow .win p{ height: 45px; width: 400px; margin-bottom: 20px; padding-left: 78px;  }
	.dow .win p.user::before,.dow .win p.password::before{ width: 78px; height: 45px; background-size: auto 24px; background-position: center center; background-repeat: no-repeat; }
	.dow .win input{ height: 45px; font-size: 14px;}
}
@media (max-width:991px){
	.dow{ padding: 30px 15px; background: url(../images/fbdow.jpg) center center no-repeat; background-size: cover;}
	.dow img{ display: none; }
	.dow>p.dowp{ position: static; width: 100%; font-size: 16px;}
	.dow .win{ position: static; width: 35%; margin: 30px auto 0; width: 545px; }
	.dow .win h3{ margin-bottom: 16px; font-size: 24px; }

}
@media (max-width:768px){
	.dow .win h3{ margin-bottom: 14px; font-size: 22px; }
}
@media (max-width:545px){
	.dow>p.dowp{ font-size: 14px; line-height: 26px;}
	.dow .win{ width: 80%; padding: 25px 30px 30px; margin: 20px auto 0;}
	.dow .win h3{ font-size: 22px; }
	.dow .win p{ width: 100%; margin-bottom: 10px; padding-left: 48px; font-size: 14px; }
	.dow .win p.user::before, .dow .win p.password::before{ width: 48px; background-size: auto 18px;}
	.dow .win input{  font-size: 14px;}
	.dow .win input.submit{ width: 100%; margin-top: 10px;}
}
@media (max-width:500px){
	.dow .win{ width: 100%;}
	.dow .win h3{ margin-bottom: 14px; font-size: 20px; }
	.dow .win p{  padding-left: 30px; font-size: 14px; }
	.dow .win p.user::before, .dow .win p.password::before{ width: 30px; background-size: auto 14px;}
}



/* dow2 */
.dow2{ padding-top: 65px; }
.dow2 .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.dow2 .list .item{ float: left; width: 468px; box-sizing: border-box; margin-bottom: 50px;}
.dow2 .item .img{ width: 100%; height: 296px; overflow: hidden;}
.dow2 .item .img img{ width: 100%; height: 100%; object-fit: cover; }
.dow2 .item .text{ color: #333; }
.dow2 .item .text h5{ margin: 20px 0 10px; font-size: 22px;}
.dow2 .item .text .box{ font-size: 14px; color: #666; }
.dow2 .item .box a,.dow2 .item .box span{ position: relative; display: inline-block; padding-left: 30px; line-height: 24px; font-size: 14px; color: #666; }
.dow2 .item .box span{ margin-left: 20px; }
.dow2 .item .box a::before,.dow2 .item .box span::before{ position: absolute; left: 0px; top: 0px; content: ''; width: 20px; height: 24px; background-size: auto 18px; background-position: center center; background-repeat: no-repeat; }
.dow2 .item .box a::before{  background-image: url(../images/down.png);}
.dow2 .item .box span::before{  background-image: url(../images/downnum.png); }
.dow2 .item .linefull,.dow2 .item .anline{ width: 100%; height: 1px; background-color: #e8e8e8;}
.dow2 .item .linefull{ background-color: #e8e8e8; margin: 25px 0; overflow: hidden;}
.dow2 .item span.anline{ display: block; background-color: #6e6e6e; margin-left: -100%; }
.dow2 .item:hover span.anline{ margin-left: 0%; }

@media (max-width:1500px){
	.dow2{ padding: 55px 15px 0; }
	.dow2 .list .item{ margin-bottom: 40px; }
	.dow2 .item .linefull{margin: 20px 0; }
	
}
@media (max-width:1200px){
	.dow2{ padding: 45px 15px 0; }
	.dow2 .list .item{ margin-bottom: 30px; }
	.dow2 .item .text h5{ font-size: 20px; margin: 15px 0 8px;}
}
@media (max-width:991px){
	.dow2 .list{ justify-content: center;}
	.dow2 .item .linefull{margin: 20px 0; }
}
@media (max-width:768px){
	.dow2 .item .text h5{ font-size: 18px; margin: 13px 0 6px;}
	.dow2 .item .linefull{margin: 16px 0; }
}
@media (max-width:500px){
	.dow2 .list .item{ width: 100%; height: auto; }
	.dow2 .item .img{ width: 100%; height: auto; }
	.dow2 .item .img img{ width: 100%; height: auto; }
}



/* join */
.jcomh{ text-align: center; margin: 78px 0 60px; }
.jcomh h3{ font-size: 36px; color: #000; }
.jcomh p{ font-size: 16px; color: #666; margin-top: 10px; line-height: 36px; }

@media (max-width:1500px){
	.jcomh{ margin: 65px 0 50px; }
	.jcomh h3{ font-size: 32px; }
	.jcomh p{ line-height: 32px; }
}
@media (max-width:1200px){
	.jcomh{ margin: 50px 0 40px; }
	.jcomh h3{ font-size: 28px; }
	.jcomh p{ line-height: 30px; margin-top: 7px;}
}
@media (max-width:991px){
	.jcomh{ margin: 40px 0 35px; }
	.jcomh h3{ font-size: 26px; }
	.jcomh p{ line-height: 28px; }
}
@media (max-width:768px){
	.jcomh{ margin: 20px 0 30px; }
	.jcomh h3{ font-size: 22px; }
	.jcomh p{ line-height: 22px; font-size: 14px; margin-top: 5px;}
}
@media (max-width:500px){
	.jcomh h3{ font-size: 20px; }
}



.join1{ background-color: #f8f8f8; overflow: hidden; box-sizing: border-box;}
.join1 .list{  }
.join1 .list .swiper-wrapper{ padding-bottom: 110px; }
.join1 .list .swiper-slide{ text-align: center;  }
.join1 .list .item{ background-color: #fff; max-width: 480px; margin: 0 auto;  }
.join1 .list .item .img{ }
.join1 .list .item .text{ padding: 10px 20px 20px;  text-align: left;}
.join1 .list .item .text h4{ font-size: 24px; color: #333; line-height: 40px; }
.join1 .list .item .text p{ font-size: 14px; color: #666; line-height: 26px;
	word-break:break-all;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden; 
}

.join1 .list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 50px;}
.join1 .list .swiper-pagination-bullet{ width: 12px; height: 12px; background-color: #dedede; opacity: 1;}
.join1 .list .swiper-pagination-bullet-active,.join5 .list .swiper-pagination-bullet-active{ background-color: #bd7f28;}
.join1 .list .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 8px; }
@media (max-width:1500px){
	.join1{ padding: 0 15px; }
}
@media (max-width:1200px){

}
@media (max-width:991px){
	
}
@media (max-width:768px){
	.join1 .list .item .text{ padding: 10px 20px 20px;  text-align: left;}
	.join1 .list .item .text h4{ font-size: 18px; line-height: 30px; }
	.join1 .list .item .text p{ line-height: 24px; }
	.join1 .list .swiper-wrapper{ padding-bottom: 50px; }
	.join1 .list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 15px;}
	.join1 .list .swiper-pagination-bullet,.join5 .list .swiper-pagination-bullet{ width: 8px; height: 8px; margin: 0 6px;}
}
@media (max-width:500px){
	
}



/* join2 */
.join2{ background: #000 url(../images/jionbg2.jpg) center bottom no-repeat; overflow: hidden; box-sizing: border-box;}
.join2 .jcomh h3{ color: #fff; }
.join2 .jcomh p{ color: #fff; line-height: 22px; }
.join2 .list{ padding-bottom: 20px; }
.join2 .list .item{ display: flex; justify-content: center; }
.join2 .list .item .img{ margin: 0 15px 30px; }

@media (max-width:1500px){
	.join2{ padding: 0 15px; }
}
@media (max-width:1200px){

}
@media (max-width:991px){
	
}
@media (max-width:768px){
	
}
@media (max-width:500px){
	
}


/* .join3 */
.join3{}
.join3 .list{ display: flex; justify-content: center; flex-wrap: wrap;}
.join3 .list .item{ width: 240px; height: 286px; padding-top: 70px; text-align: center; margin: 0 12px 24px; box-sizing: border-box; background-color: #e5e5e5; } 
.join3 .list .item:hover{ background-color: #c8a176;}
.join3 .list .item .text h5{ font-size: 24px; color: #333; margin: 24px 0;}
.join3 .list .item .text p{ font-size: 16px; color: #666; line-height: 24px;}
.join3 .list .item:hover h5,.join3 .list .item:hover p{ color: #fff;}

.join3 .list .item .img{ margin:0 auto ; width: 42px; height: 42px; }
.join3 .list .item .img.img1{ background-image: url(../images/jion3_01.png); }
.join3 .list .item .img.img2{ background-image: url(../images/jion3_02.png); }
.join3 .list .item .img.img3{ background-image: url(../images/jion3_03.png); }
.join3 .list .item .img.img4{ background-image: url(../images/jion3_04.png); }
.join3 .list .item .img.img5{ background-image: url(../images/jion3_05.png); }
.join3 .list .item:hover .img.img1{ background-image: url(../images/jionh3_01.png); }
.join3 .list .item:hover .img.img2{ background-image: url(../images/jionh3_02.png); }
.join3 .list .item:hover .img.img3{ background-image: url(../images/jionh3_03.png); }
.join3 .list .item:hover .img.img4{ background-image: url(../images/jionh3_04.png); }
.join3 .list .item:hover .img.img5{ background-image: url(../images/jionh3_05.png); }




@media (max-width:1500px){
	.join3 .list .item{ width: 240px; height: 266px; padding-top: 60px;  } 
	.join3 .list .item .text h5{ margin: 22px 0;}
}
@media (max-width:1200px){
	.join3 .list .item .text h5{ font-size: 22px; margin: 20px 0;}
}
@media (max-width:991px){
	.join3 .list .item{ width: 220px; height: 256px; padding-top: 50px;  } 
	.join3 .list .item .text h5{ margin: 18px 0;}
}
@media (max-width:768px){
	
}
@media (max-width:500px){
	.join3 .list .item{ width: 180px;  height: 236px; padding-top: 40px; margin: 0 10px 24px;} 
}
@media (max-width:400px){
    .join3 .list .item{ width: 220px; height: 256px; padding-top: 50px;  } 
}


.join4 .img{ font-size: 0px; }

/* join5 */
.stores.join5 .list{ display: block; }
.join5 .list .item{ width: 478px; float: none; margin: 0 auto; }
.join5 .list .swiper-wrapper{ padding-bottom: 50px; }
.join5 .list .swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 30px;}

@media (max-width:1500px){
	.join5 .list .swiper-wrapper{ padding-bottom: 50px; }
}
@media (max-width:1200px){

}
@media (max-width:991px){
	
}
@media (max-width:768px){
	
}
@media (max-width:530px){
	.join5 .list .item{ width: 100%; }
}

/* .joinc  */
.joinc{ margin-top: 0; }
.joinc h4{ font-size: 36px; color: #444;}
.joinc select{ margin-bottom: 26px; box-sizing: border-box; border-radius: 5px; background-color: #fff; font-size: 16px; height: 46px; padding-left: 18px; padding-right: 18px; border: 0; outline: none; color: #666;}
.joinc select.province,.joinc select.city{ width: 48%; }
.joinc select.province{ float: left;}
.joinc select.city{ float: right; }
.joinc .ewm .address p{ padding: 10px 0; }

@media (max-width:1500px){
	.joinc h4{ font-size: 32px; }
}
@media (max-width:1200px){
	.joinc h4{ font-size: 28px; }
}
@media (max-width:991px){
	.joinc h4{ font-size: 24px; }
}
@media (max-width:768px){
	.joinc h4{ font-size: 22px; }
}
@media (max-width:500px){
	.joinc select.province,.joinc select.city{ width: 100%; }
}


/* page */
.page{
	text-align:center;
	padding:40px 0 80px;
}
.page div{
	display:inline-block;
}
.page a{
	display:inline-block;
	height:36px;
	line-height:36px;
	padding:0 14px;
	margin:0 8px;
	font-size:15px;
	border-radius: 50%;
	color:#666;
	background:#eee;
	float:left;
}
.page a:active,
.page a.on{
	background-color:#bb8a5e;
	color:#fff;
}
.page a.prev,
.page a.next{
	padding:0;
	width:36px;
	
}

.page a:active,.page a.on{ background-color:#bb8a5e;}


.page a.prev{
	background: url(../images/l_bg2.png) center center no-repeat;
	background-size: 25%;
}
.page a.next{
	background: url(../images/r_bg2.png) center center no-repeat;
	background-size: 25%;
}

@media (max-width:768px){
	.page{
		padding:20px 11px;
	}
	.page a{
		height:30px;
		line-height:30px;
		padding:0 11px;
		margin:0 3px;
		font-size:14px;
		margin-bottom:10px;
	}
}
@media (max-width:500px){
	.page{
		padding:15px 8px;
	}
}