@charset "utf-8";

@font-face{
	font-family: 'beb';
	src : url('../fonts/BEBASNEUE.OTF');
}
@font-face{
	font-family: 'qtf';
	src : url('../fonts/Quantify Bold.ttf');
}

@font-face{
	font-family: 'ali';
	src : url('../fonts/Alibaba-PuHuiTi-Light.otf');
}

@font-face{
	font-family: 'acc';
	src : url('../fonts/ACCIDENTALPRESIDENCY.TTF');
}

@font-face{
	font-family: 'shs';
	src : url('../fonts/AbrilFatface-Regular.otf');
}

body{  }

input::-webkit-outer-spin-button,input::-webkit-inner-spin-button,select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="number"]{ -webkit-appearance: textfield; -moz-appearance: textfield; appearance: textfield; }
textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none;}
.swiper-button-next,.swiper-button-prev{ outline:0; }

.com_bg{ background-position: center center; background-repeat: no-repeat; background-size: cover;}
.com_ani,.index1 .item img,.custom .img::before,.case .list .item .img2,.case .list .item .img,.video .item .img::after,.bnews .text .more,.nlist .item .img::after,.nlist .item .more,.join1 .item,.stores .list .item{ 
	-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;
}

.com_ani:hover,.index1 .item:hover 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 .list .item:hover{
	-webkit-transform: translateY(10px); 
	-moz-transform: translateY(10px); 
	-ms-transform: translateY(10px); 
	-o-transform: translateY(10px); 
	transform: translateY(10px); 
}
.case .list .item:hover .img,.join1 .item:hover,.case .list .item:hover .img2{ 
	-webkit-transform: translateY(-10px); 
	-moz-transform: translateY(-10px); 
	-ms-transform: translateY(-10px); 
	-o-transform: translateY(-10px); 
	transform: translateY(-10px); 
}

.bnews .text:hover .more{ 
	-webkit-transform: translateX(15px); 
	-moz-transform: translateX(15px); 
	-ms-transform: translateX(15px); 
	-o-transform: translateX(15px); 
	transform: translateX(15px); 
}


.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);}



/* 页头 */
.headmain{ width: 100%; max-width: 1920px; margin: 0 auto; padding: 0 42px; box-sizing: border-box; }
.header_box {
	position: relative;
	padding: 27px 0;
	height: 46px;
	display: flex;
	justify-content: space-between;
}
.header_box h1 {
	width:295px;
	height:100%;
	background-image:url(../images/logo.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 100%;
}
.header_box h1 a {
	display:inline-block;
	width:100%;
	height:100%;
	text-indent:-9999px;
}
.head_right{ display:flex; }
.header_box .btn_box{ margin-left: 20px; width: 105px; height: 100%; }
.header_box .btn_box .idown{ float: left; display: block; width: 25px; height: 25px; padding-right: 30px; border-right: 1px solid #787879; background: url(../images/down.png) center center no-repeat;  }
.header_box .btn_box .search_btn{
	display:inline-block;
	width:30px;
	height:100%;
	background-image:url(../images/search.png);
	background-repeat:no-repeat;
	background-position:center;
	background-size:auto 22px;
	float: left;
	cursor:pointer;
	position: relative;
}
.header_box .btn_box .menu{ width:46px; height:100%; display:inline-block; float:right; cursor:pointer; background-image:url(../images/menu.png); background-repeat:no-repeat; background-position:center; background-size: auto 100%; position: relative; }
.header_box .nav{  }
.header_box .nav ul{ height:100%; display: flex; justify-content: space-around; align-items: center; }
.header_box .nav ul li{ display:inline-block; font-size:14px; line-height:30px; margin: 0 30px; position:relative;}
.header_box .nav li a{display:block;width:100%;line-height: 20px; text-align: center; font-size: 15px; color: #fff; }
.header_box .nav li a:hover,.header_box .nav li.on a{ font-weight: bold; }
.header .header_form {position:absolute;left:0;bottom:-150px;background:rgba(255,255,255,.8);z-index:666;padding:50px 0;text-align:center;width:100%;height:50px;overflow:hidden;display:none;}
.header .header_form form {height:50px;line-height:50px;display:inline-block;max-width:500px;width:100%;position:relative;}
.header .header_form form input.text {display:inline-block;position:absolute;left:0;top:0;width:78%;height:100%;background-color:#fff;border:none;text-indent:15px;color:#adb5c5;font-size:14px;border:none;border-radius:4px;}
.header .header_form form input.submit {display:inline-block;position:absolute;right:0;top:0;width:20%;height:100%;background-color:#303240;border:none;border-radius:4px;color:#fff;font-size:14px;}

@media (max-width:1600px){
	.headmain{ padding: 0 15px; }
}
@media (max-width:1500px){
	.header {padding:0 15px; }
	.headmain{ padding: 0px; }
	.header_box{ padding: 22px 0;}
	.header_box .nav ul li{ margin: 0 25px;}
}
@media (max-width:1200px){
	.header_box .nav ul li{ margin: 0 10px;}
}
@media (max-width:991px){
	.header_box{ padding: 15px 0; height: 36px; }
	.header_box h1{ width: 180px; }
	.header .header_form{ bottom:-100px; padding:30px 0; height: 40px; }
	.header .header_form form{ height:40px; line-height:40px; }
}
@media (max-width:768px){
	.header .header_form form{ width: 400px; }
}
@media (max-width:480px){
	.header_box{ padding: 10px 0; height: 30px; }
	.header_box h1{ width: 190px; }
	.header_box .btn_box{ width:80px; }
	.header_box .btn_box .menu{ width: 40px; }
	.header .header_form{ padding:25px 0; bottom:-90px; }
	.header .header_form form { width:85%; height: 36px; line-height: 36px; }
}


.banner{width:100%; background-color: #000;}
.banner .swiper-slide{ width:100%; height:100%;}
.banner .swiper-slide img{ width:100%;}
.banner .video_box{ width: 100%; height:100%; font-size: 0; line-height: 0; }
.banner .swiper-slide video{ height:100%; }
.banner .ivideo{ width: 100%; height: 100%; object-fit: cover; }

.banner .swiper-pagination{ bottom: 32px; color: #fff; text-align:center; z-index:9;}
.banner .swiper-pagination-bullet{ display:inline-block; width:10px; height:10px; border: 1px solid #22242e; background-color: #22242e; cursor:pointer; opacity: 1;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 12px; }
.banner .swiper-pagination-bullet-active{ background-color: transparent; border-color: #000; }

/* .banner .swiper-button-next,.banner .swiper-button-prev{ top: auto; bottom: 48px; width: 46px; height: 46px; background-size: auto 27px;}
.banner .swiper-button-prev{ background-image: url(../images/bleft.png); left: auto; right: 5%;}
.banner .swiper-button-next{ background-image: url(../images/bright.png); right: 0%;}
.banner .swiper-button-next:hover,.banner .swiper-button-prev:hover{ background-color: #183884;} */


.pcbanner{ display:block;}
.mobanner{ display:none;}



@media (max-width:1500px){
	
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.banner .swiper-pagination{ bottom: 20px; }
	.banner .swiper-pagination-bullet{ width:8px; height:8px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 8px; }
	/* .banner .swiper-button-next, .banner .swiper-button-prev{ bottom: 10px; width: 40px; height: 40px; background-size: auto 24px; }
	.banner .swiper-button-prev{ left: auto; right: 60px;}
	.banner .swiper-button-next{ right: 10px;} */
}
@media (max-width:768px){
	.pcbanner{ display:none;}
	.mobanner{ display:block;}
}
@media (max-width:480px){
	.banner .swiper-pagination-bullet{ width:6px; height:6px;}
	.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 6px; }
	/* .banner .swiper-button-next, .banner .swiper-button-prev{ bottom: 5px; width: 30px; height: 30px; background-size: auto 16px;}
	.banner .swiper-button-prev{ right: 50px;} */
}


/* 页脚footer */
.footer{ width: 100%; height: auto; color: #fff; background-color: #22242e;}
.footer.index{ color: #999; background-color: transparent; }
.footer .fbox{ padding: 72px 0 55px; display: flex; justify-content: space-between;}
.footer .ewm{ width: auto; }
.footer .ewm .flogo{ width: 297px; height: 37px; background-image: url(../images/flogow.png); background-position: left center; background-repeat: no-repeat; background-size: auto 100%; }
.footer.index .ewm .flogo{ background-image: url(../images/flogo.png); }
.footer .ewm .share{ margin-top: 20px; }
.footer .bshare-custom.icon-medium a{ display:inline-block; width: 48px!important; height: 48px!important; padding-left: 0px!important; background-size: cover!important;}
.footer .bshare-custom.icon-medium .bshare-weixin{ margin-right: 26px; background-image: url(../images/share_wx.jpg); background-repeat: no-repeat;}
.footer .bshare-custom.icon-medium a.bshare-more.more-style-addthis{ background-image: url(../images/share_more.jpg); background-repeat: no-repeat;}
.footer.index .bshare-custom.icon-medium .bshare-weixin{ background-image: url(../images/sharei_wx.jpg);}
.footer.index .bshare-custom.icon-medium a.bshare-more.more-style-addthis{ background-image: url(../images/sharei_more.jpg);}
.footer .fbox .right{ color: #fff; line-height: 30px; }
.footer.index .fbox .right{ color: #888; line-height: 30px; }


.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{ padding-bottom: 10px; color:#fff; line-height:36px; }
.footer .foot_nav dl dd{ line-height:36px; color: #fff; }
.footer.index .foot_nav dl dt{ color:#444; }
.footer.index .foot_nav dl dd{ color: #999; }

.copyright{ max-width: 1500px; height: auto; padding: 20px 0; line-height: 30px; border-top: 1px solid rgba(255,255,255,.2); box-sizing: border-box; font-size: 15px; color: #fff;}
.footer.index .copyright{ color: #888; }
.copyright p span{ display: inline-block; margin: 0 10px 0 0;}
.copyright .hidden-xs a{ margin-right: 10px; }

.showib-xs{ display: none; }
.foot_xs{ display: none; }


@media (max-width:1500px){
	.footer{ padding: 0 15px; box-sizing: border-box;}
	.footer .fbox{ padding: 60px 0 45px; box-sizing: border-box;}
	.footer .ewm .flogo{ width: 270px; height: 32px; }
	.copyright{ padding: 15px 0;} 
	.footer .foot_nav dl{margin: 0 16px;}
}
@media (max-width:1200px){
	.footer .fbox{ padding: 50px 0 40px;}
	.footer .fbox .right{ font-size: 14px; }
	.footer .ewm .flogo{ width: 230px; height: 27px; }
	.footer .foot_nav dl{margin: 0 8px;}
	.footer .foot_nav dl dd{ line-height: 30px; }
}
@media (max-width:991px){
	.footer .fbox{ padding: 40px 0 35px;}
	.footer .foot_nav dl{margin: 0 12px; }
	.footer .ewm{ width: auto; }
	.footer .bshare-custom.icon-medium a{ width: 35px!important; height: 35px!important; }
	.footer .bshare-custom.icon-medium .bshare-weixin{ margin-right: 13px;}
	.copyright{ text-align: center; line-height: 26px; font-size: 14px; }
	.footer .fbox .right{ display: none; }
}

@media (max-width:768px){
	.footer .fbox{ padding: 0; flex-wrap: wrap; justify-content: center;}
	.footer .main{ padding-top: 0px; }
	.footer .ewm{ display: none; }
	.showib-xs,.foot_xs{ display: block; }
	.footer .foot_nav{ display: none;}
	.footer .foot_nav dl{ display: block; width: 100%; padding: 5px 5px; margin: 0px; box-sizing: border-box; border-bottom: 1px solid #dcdcdc;}
	.footer .foot_nav dl dt{ line-height: 40px; padding-bottom: 0; font-size: 16px; color: #fff;}
	.footer.index .foot_nav dl dt{ color: #525252;}
	.footer .foot_nav dl dt i{ float: right; font-size: 16px;}
	.footer .foot_nav dl dd{ height: 30px; font-size: 15px; display: none;}
	/* 手机 */
	.footer .foot_xs{ text-align: center; padding-top: 30px;}
	.footer .foot_xs .flogo{ width: 100%; height: 28px; background-image: url(../images/flogow.png); background-position: center center; background-repeat: no-repeat; background-size: auto 100%; }
	.footer.index .foot_xs .flogo{ background-image: url(../images/flogo.png); }
	.footer .foot_xs h3{ font-size: 18px; color: #fff; margin: 20px 0 10px; font-weight: bold;}
	.footer .foot_xs p{ font-size: 20px; color: #fff; }
	.footer.index  .foot_xs h3{ color: #333;}
	.footer.index  .foot_xs p{ color: #666; }
	.footer .foot_xs a{ display: inline-block; margin-bottom: 20px; width: 240px; height: 50px; line-height: 50px; border-radius: 10px; font-size: 20px; color: #fff; background-color: #303240;}
}
@media (max-width:480px){
	.footer .ewm .flogo{ height: 26px; }
	.footer .ewm .share{ margin: 12px 0; text-align: center; }
	.footer .foot_nav dl dt{ line-height: 34px; }
	.footer .foot_xs .flogo{ height: 22px; }
	.footer .foot_xs h3{ margin: 12px 0;}
	.footer .foot_xs a{ width: 180px; height: 40px; line-height: 40px; font-size: 18px; }
	.copyright{ padding: 12px 0px; line-height: 22px; }
}

/* comm */
/* 回顶部 */
.turnt{ position: fixed; bottom: 200px; right: 100px; width: 55px; height: 55px; background: url(../images/turnt.jpg) center center no-repeat; background-size: cover; cursor: pointer;z-index: 888; display:none;}

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

.pc_show{ display:block; }
.ph_show{ display:none; }


.swiper-pagination{ text-align:center; z-index:9;}
.swiper-pagination-bullet{ display:inline-block; width:10px; height:10px; background-color: #c9c9c9; cursor:pointer; opacity: 1;}
.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 10px; }
.swiper-pagination-bullet-active{ background-color: #22242e; }

.fillbox{ height: 100px; }



@media (max-width:1500px){
	.fbanner{ padding-top: 90px;}
	.fillbox{ height: 90px; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.fbanner{ padding-top: 66px;}
	.fillbox{ height: 66px; }
}
@media (max-width:768px){
	.pc_show{ display:none; }
	.ph_show{ display:block; }

	.swiper-pagination-bullet{ width:8px; height:8px;}
	.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px; }
}
@media (max-width:480px){
	.fbanner{ padding-top: 50px;}
	.fillbox{ height: 50px; }
}



/* 标题 */
.comm_ih{ height: 58px; }
.comm_ih h2{ display: inline-block; line-height: 58px; font-size: 36px; font-weight: bold;}
.comm_ih .en{ padding-left: 15px; font-size: 30px; font-family: "qtf"; text-transform: uppercase; color: #c9c9c9; }
.comm_ih .more{ float: right; line-height: 40px; border-bottom: 2px solid #000; letter-spacing: 1px; font-family: "微软雅黑"; font-weight: bold; }
.comm_ih .more i{ padding-left: 40px; font-size: 24px; vertical-align: -4px; }
.comm_ih .more:hover{ opacity: .6; }

@media (max-width:1500px){
	.turnt{ right: 15px; bottom: 150px; opacity: .6;}
	.comm_ih h2{ font-size: 34px;}
	.comm_ih .en{ font-size: 28px; }
}
@media (max-width:1200px){
	.comm_ih h2{ font-size: 32px;}
	.comm_ih .en{ font-size: 26px; }
}
@media (max-width:991px){
	.turnt{ width: 40px; height: 40px; bottom: 80px;}
	.comm_ih h2{ font-size: 30px;}
	.comm_ih .en{ font-size: 24px; }
}
@media (max-width:768px){
	.comm_ih h2{ font-size: 26px;}
	.comm_ih .en{ font-size: 22px; }
	.comm_ih .more i{ padding-left: 25px; }
}
@media (max-width:480px){
	.turnt{ width: 30px; height: 30px;} 
	.comm_ih h2{ font-size: 22px; line-height: 30px;}
	.comm_ih .en{ display: block; padding-left: 0px; font-size: 20px; }
}


.iwBox{ background-color: #f5f5f5; }
/* index1 */
.index1{ padding: 110px 15px; box-sizing: border-box; }
.index1 .main{ display: flex; justify-content: space-between; }
.index1 .item{ position: relative; width: 31%; max-width: 465px; height: 304px; overflow: hidden; color: #fff; text-align: center; }
.index1 .ctext{ position: absolute; left: 0; top: 0; padding: 0 10px; width: 100%; height: 100%; box-sizing: border-box; display: flex; justify-content: center; align-items: center; }
.index1 .item h2{ font-size: 30px; }
.index1 .item p{ margin: 12px 0; line-height: 24px; height: 48px; }
.index1 .item .more{ font-size: 14px; }

@media (max-width:1500px){
	.index1{ padding: 90px 15px; }
	.index1 .item{ width: 32%; height: 280px; }
	.index1 .item h2{ font-size: 26px; }
}
@media (max-width:1200px){
	.index1{ padding: 75px 15px; }
	.index1 .item{ width: 32%; height: 255px; }
}
@media (max-width:991px){
	.index1{ padding: 60px 15px; }
	.index1 .item{ width: 32%; height: 230px; }
	.index1 .item h2{ font-size: 24px; }
}
@media (max-width:768px){
	.index1{ padding: 50px 15px; }
	.index1 .main{ flex-wrap: wrap; }
	.index1 .item{ margin-bottom: 20px; width: 48%; height: 230px; }
	.index1 .item:last-of-type{ margin-bottom: 0; }
	.index1 .item h2{ font-size: 22px; }
}
@media (max-width:480px){
	.index1{ padding: 35px 15px; }
	.index1 .item{ width: 100%; height: 230px; }
}


.index2{ height: 700px; color: #fff; }
.index2 .main{ position: relative; height: 100%; padding: 80px 60px 0; box-sizing: border-box; background: url(../images/indexbg2.jpg) left center no-repeat ; background-size: auto 100%; }
.index2 .en{ font-family: "shs"; line-height: 90px; font-size: 82px; }
.index2 h3{ font-family: "ali"; font-size: 40px; }
.index2 .textp{ margin-top: 85px; max-width: 446px; line-height: 30px; font-size: 14px; }
.index2 .fashion{ position: absolute; right: 0; top: 50%; width: 55.3%; transform: translateY(-50%); -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%);}
.fashion .img{ width: 100%; height: 0; padding-top: 60%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.index2 .pagebox{ margin-top: 80px; position: relative; }
.index2 .pagebox .num{ margin-bottom: 15px; font-size: 24px; font-family: "ali"; }
.index2 .swiper-pagination-bullet{ margin: 0 6px; width: 6px; height: 6px; border: 1px solid #fff; }


@media (max-width:1500px){
	.index2{ height: 600px; }
	.index2 .main{ padding: 60px 40px 0;}
	.index2 .en{ line-height: 75px; font-size: 72px; }
	.index2 h3{ font-size: 36px; }
	.index2 .textp{ margin-top: 60px; max-width: 420px; } 
	.index2 .pagebox { margin-top: 60px; }
}
@media (max-width:1200px){
	.index2{ height: 460px; }
	.index2 .main{ padding: 40px 25px 0;}
	.index2 .en{ line-height: 60px; font-size: 60px; }
	.index2 h3{ font-size: 32px; }
	.index2 .textp{ margin-top: 40px; max-width: 360px; } 
	.index2 .pagebox { margin-top: 40px; }
}
@media (max-width:991px){
	.index2{ height: auto; color: #333; text-align: center; }
	.index2 .main{ position: static; padding: 40px 25px; background: #eee; }
	.index2 .en{ line-height: 40px; font-size: 40px; }
	.index2 h3{ font-size: 28px; }
	.index2 .textp{ margin: 10px auto 20px; width: 100%; line-height: 26px; max-width: 600px; }
	.index2 .fashion{ position: static; width: 100%; max-width: 600px; margin: 0 auto; transform: none; -webkit-transform: none; -moz-transform: none; }
	.index2 .pagebox{ margin-top: 15px; }
	.index2 .swiper-pagination{ position: static; }
}
@media (max-width:768px){
	.index2 h3{ font-size: 25px; }
	.index2 .main{ position: static; padding: 35px 15px; background: #eee; }
	.index2 .pagebox .line{ display: none; }
}
@media (max-width:480px){
	.index2 .en{ line-height: 30px; font-size: 30px; }
	.index2 h3{ font-size: 22px; }
	.index2 .textp{ margin: 10px auto 15px;; line-height: 24px; }
	.index2 .pagebox{ margin-top: 10px; }
	.index2 .pagebox .num{ font-size: 20px; margin-bottom: 0px; }
}


.index3{ padding: 103px 0 60px; }
.custom{ margin-top: 60px; }
.custom .swiper-container{ padding-bottom: 80px; }
.custom .img{ position: relative; width: 100%; height: 0; padding-top: 131%; color: #fff; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.custom .img::before{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,.5); opacity: 0; }
.custom .img:hover::before{ opacity: 1; }
.custom .en{ position: absolute; left: 40px; top: 40px; font-size: 28px; font-style: italic; font-weight: bold; text-transform: uppercase; }
.custom h4{ position: absolute; left: 40px; bottom: 40px; font-size: 28px; font-weight: bold; }
.custom h4 i{ display: block; margin-top: 15px; width: 31px; height: 21px; background: url(../images/rig.png) center center no-repeat; background-size: auto 21px; }


@media (max-width:1500px){
	.index3{ padding: 90px 15px 50px; box-sizing: border-box; }
	.custom{ margin-top: 50px; }
	.custom .swiper-container{ padding-bottom: 70px; }
}
@media (max-width:1200px){
	.index3{ padding: 75px 15px 45px; }
	.custom{ margin-top: 40px; }
	.custom .swiper-container{ padding-bottom: 60px; }
	.custom .en{ left: 30px; top: 30px; font-size: 24px; }
	.custom h4{ left: 30px; bottom: 30px; font-size: 24px; }
	.custom h4 i{ margin-top: 10px; background-size: auto 18px; }
}
@media (max-width:991px){
	.index3{ padding: 60px 15px 40px; }
	.custom{ margin-top: 30px; }
	.custom .swiper-container{ padding-bottom: 50px; }
}
@media (max-width:768px){
	.index3{ padding: 50px 15px 35px; }
	.custom{ margin-top: 20px; }
	.custom .en{ left: 20px; top: 20px; font-size: 20px; }
	.custom h4{ left: 20px; bottom: 20px; font-size: 20px; }
	.custom h4 i{ margin-top: 6px; background-size: auto 15px; }
}
@media (max-width:480px){
	.index3{ padding: 40px 15px 26px; }
	.custom{ margin-top: 10px; }
	.custom .swiper-container{ padding-bottom: 40px; }
}


.ibBox{ padding: 138px 0 94px; box-sizing: border-box; background: url(../images/ibbox.jpg) center center no-repeat; }

.index4{  background-image: url(../images/indexbg4.jpg); }
.idcomm{ padding-bottom: 134px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.idcomm .title{ width: 100%; padding: 103px 0; color: #fff; text-align: center; }
.idcomm .title .en{ font-size: 40px; font-family: "shs"; text-transform: uppercase; }
.idcomm .title h2{ font-size: 32px; font-family: "ali"; }
.idcomm .title .textp{ padding-top: 75px; max-width: 980px; line-height: 27px; font-size: 14px; margin: 0 auto; }

.icSlide{ max-width: 1230px; margin: 0 auto; }
.icSlide .img{ width: 100%; height: 0; padding-top: 58%; border-radius: 8px; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.index4 .ls{ padding: 60px 0; font-size: 14px; letter-spacing: 40px; color: #fff; text-align: center; }
.idcomm.index4{ padding-bottom: 0; }

.index6{  background-image: url(../images/indexbg6.jpg); }


@media (max-width:1500px){
	.ibBox{ padding: 110px 15px 80px; }
	.idcomm{ padding: 0 15px; box-sizing: border-box; }
	.idcomm .title{ padding: 85px 0; }
	.idcomm .title .en{ font-size: 34px; }
	.idcomm .title h2{ font-size: 30px; }
	.idcomm .title .textp{ padding-top: 65px; line-height: 26px; }
	.index4 .ls{ padding: 50px 0; letter-spacing: 30px; }
	.idcomm{ padding-bottom: 114px;}
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.ibBox{ padding: 70px 15px 50px; }
	.idcomm .title{ padding: 50px 0; }
	.idcomm .title .en{ font-size: 28px; }
	.idcomm .title h2{ font-size: 24px; }
	.idcomm .title .textp{ padding-top: 35px; line-height: 26px; }
	.index4 .ls{ padding: 30px 0; letter-spacing: 20px; }
	.idcomm{ padding-bottom: 74px;}
}
@media (max-width:768px){
	.index4 .ls{ letter-spacing: 10px; }
}
@media (max-width:480px){
	.ibBox{ padding: 50px 15px 35px; }
	.idcomm .title{ padding: 30px 0; }
	.idcomm .title .en{ font-size: 20px; }
	.idcomm .title h2{ font-size: 20px; }
	.idcomm .title .textp{ padding-top: 20px; line-height: 24px; }
	.index4 .ls{ padding: 20px 0; letter-spacing: 3px; }
	.idcomm{ padding-bottom: 44px;}
}



.inews{ padding: 100px 0 115px; background-color: #f8f8f8; }
.inews .centbox{ margin-top: 30px; display: flex; justify-content: space-between; }
.inews .bimg{ width: 48%; background-color: #fff; }
.inews .bimg .img{ height: 385px; font-size: 0; line-height: 0; overflow: hidden; }
.inews .bimg .item{ display: flex; justify-content: space-between;}

.inews .bimg:hover .item{ background-color: #30323f; color: #fff; }

.inews .item{ padding: 45px 30px; width: 100%; height: 170px; box-sizing: border-box; background-color: #fff; }
.inews .item:hover{ background-color: #30323f; color: #fff; }
.inews .item .text{ width: 80%; box-sizing: border-box; }
.inews .item .text h4{ padding: 14px 0 10px; font-size: 20px; font-weight: bold; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.inews .item .text p{ font-size: 14px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.inews .item .date{ flex: 0 0 105px; padding-left: 25px; height: 80px; border-left: 1px solid #c5c5c5; box-sizing: border-box; color: #666; }
.inews .item:hover .date,.inews .bimg:hover .date{ color: #fff; }
.inews .item .year{ padding: 14px 0 10px; font-size: 16px; }
.inews .item .day{ font-size: 24px; }

.inews .imgli{ width: 50%; }
.inews .imgli .item{ margin-bottom: 23px; }
.inews .imgli .item:hover{ background-color: #30323f; color: #fff; }
.inews .imgli .item:last-of-type{ margin-bottom: 0; }
.inews .imgli .item a{ display: flex; justify-content: space-between; }


@media (max-width:1500px){
	.inews{ padding: 80px 15px 85px; box-sizing: border-box; }
	.inews .bimg .img{ height: 325px; }
	.inews .item{ padding: 30px 25px; height: 140px; }
}
@media (max-width:1200px){
	.inews{ padding: 65px 15px; }
	.inews .bimg .img{ height: 285px; }
	.inews .item{ padding: 20px 15px; height: 120px; }
	.inews .item .text{ width: 70%; }
}
@media (max-width:991px){
	.inews{ padding: 55px 15px; }
	.inews .item .date{ flex: 0 0 95px; padding-left: 20px; }
}
@media (max-width:768px){
	.inews{ padding: 45px 15px; }
	.inews .centbox{ margin-top: 20px; flex-wrap: wrap; }
	.inews .bimg{ width: 100%; max-width: 600px; margin: 0 auto 25px; }
	.inews .imgli{ width: 100%; max-width: 600px; margin: 0 auto; }
	.inews .imgli .item{ margin-bottom: 18px; }
}
@media (max-width:480px){
	.inews{ padding: 35px 15px 30px; }
	.inews .bimg .img{ height: 200px; }
	.inews .item{ padding: 10px 15px; height: 85px; }
	.inews .item .text h4{ padding: 8px 0 6px; font-size: 18px; }
	.inews .item .date{ height: 65px;flex: 0 0 85px; padding-left: 12px; }
	.inews .item .year{ padding: 8px 0; }
	.inews .item .day{ font-size: 20px; }
	.inews .imgli .item{ margin-bottom: 15px; }
}


/* fcom-nav */
.fcom-nav{ padding:28px 15px; box-sizing: border-box; }
.fcom-nav ul{ display: flex; }
.fcom-nav ul li{ margin: 3px 5px 3px 0; padding: 14px 30px; overflow: hidden; font-size: 16px; text-align: center; color: #666; }
.fcom-nav ul li.active,.fcom-nav ul li:hover{ background-color: #22242e; color: #fff; }
.fcom-nav ul li a{ display: block; height: 100%; }

@media (max-width:1500px){
	.fcom-nav{ padding: 28px 15px; }
}
@media (max-width:1200px){
	
}
@media (max-width:991px){
	.fcom-nav{ padding: 22px 15px; }
	.fcom-nav ul li{ font-size: 15px; padding: 12px 20px;}
}
@media (max-width:768px){
	.fcom-nav{ padding: 15px 15px; }
	.fcom-nav ul{ flex-wrap: wrap; }
	.fcom-nav ul li{ padding: 8px 12px;}
}
@media (max-width:480px){
	.fcom-nav{ padding: 15px; }
	.fcom-nav ul li{ padding: 8px 12px;}
}


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

.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:1500px){
	.page{padding:50px 0; }
}
@media (max-width:1200px){
	.page{padding:40px 0; }
}
@media (max-width:991px){
	.page{padding:30px 0; }
}
@media (max-width:768px){
	.page{padding:25px 0; }
	.page a{ width: 30px; height:30px; line-height:30px; margin: 3px; font-size:14px; }
}
@media (max-width:480px){
	.page{padding:20px 0; }
}



/* case */
.case{ padding: 55px 0; box-sizing: border-box; }
.case .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.case .list::after{ content: ""; width: 475px; }
.case .list .item{ width: 32%; margin-bottom: 50px; }
.case .list .item .img{ position: relative; width: 100%; overflow: hidden; }
.case .list .item .img2{ position: relative; width: 100%; overflow: hidden;border: 1px solid rgba(0,0,0,.08); }
.case .list .item .img2 img{ display: block; width: 100%;}
.case .item .text{ box-sizing: border-box; }
.case .item h4{ padding: 24px 0 12px; font-size: 18px; color: #333; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case .item:hover h4{ color: #333; }
.case .item p{ font-size: 12px; color: #999; overflow: hidden; white-space: nowrap;text-overflow: ellipsis; }
.case .page{ padding-top: 0px; }

@media (max-width:1500px){
	.case .list::after{ width: 32%; }
	.case .list .item{ width: 32%; }
	.case .item h4{ padding: 20px 0 10px; }
}
@media (max-width:1200px){
	.case .list .item{ margin-bottom: 40px; }
	.case .item h4{ padding: 16px 0 8px; }
}
@media (max-width:991px){
	.case .list::after{ width: 48%; }
	.case .list .item{ width: 48%; }
	.case .item h4{ padding: 13px 0 6px; }
}
@media (max-width:768px){
	.case{ padding-top: 15px; }
	.case .list .item{ margin-bottom: 30px; }
	.case .item h4{ font-size: 17px; }
}
@media (max-width:480px){
	.case{ padding-top: 10px; }
	.case .list{ justify-content: center; }
	.case .list::after{ display: none; }
	.case .list .item{ width: 90%; margin-bottom: 25px; }
}
@media (max-width:375px){
	.case .list .item{ width: 100%; }
}


/* about */
.abo1{ padding: 120px 15px; box-sizing: border-box; background-color: #f4f4f4; }
.abo1 .main{ display: flex; justify-content: space-between; align-items: center; }
.abo1 .textp{ width: 40%; max-width: 610px; margin-left: 24px; line-height: 30px; font-size: 16px; }
.abo1 .img{ width: 53.3%; display: inline-block; }





@media (max-width:1500px){
	.abo1{ padding: 90px 15px;}
	.abo1 .textp{ width: 44%; margin-left: 0px; line-height: 26px; font-size: 15px; }
}
@media (max-width:1200px){
	.abo1{ padding:70px 15px;}
}
@media (max-width:991px){
	.abo1{ padding:55px 15px;}
	.abo1 .main{ flex-wrap: wrap; }
	.abo1 .textp{ margin-bottom: 20px; width: 100%; max-width: none;}
	.abo1 .img{ width: 100%; max-width: 600px; text-align: center; margin: 0 auto; }
}
@media (max-width:768px){
	.abo1{ padding:45px 15px;}
}
@media (max-width:480px){
	.abo1{ padding:35px 15px;}
}



.abo2{ width: 100%; padding: 100px 0 106px; border-bottom: 1px solid #dcdcdc; box-sizing: border-box; }
.abo2 .data{ display: flex; justify-content: space-around; }
.abo2 .item { width: 150px; display: inline-block; color: #333; text-align: left; }
.abo2 .item .num{  font-weight: bold; display: flex; align-items: center; font-size:100px; }
.abo2 .item .num span{ font-family: "acc";}
.abo2 .item .num i{ font-family: "acc"; display: inline; font-weight: bold;}
/*.abo2 .item .num i sub{ font-size: 10px; font-weight: normal; }*/
.abo2 .item p{ font-size: 16px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }


@media (max-width:1600px){
	.abo2{ padding: 80px 0 85px; }
	.abo2 .item .num{ font-size:85px; }
}
@media (max-width:1200px){
	.abo2{ padding: 66px 0; }
	.abo2 .item .num{ font-size:70px; }
	.abo2 .item p{ font-size: 15px; }
}
@media (max-width:991px){
	.abo2{ padding: 52px 0; }
	.abo2 .item .num{ font-size:55px; }
}
@media (max-width:768px){
	.abo2{ padding: 44px 0; }
	.abo2 .data{ flex-wrap: wrap; justify-content: space-around; }
	.abo2 .item{ width: 46%; margin-top: 30px; text-align: center; }
	.abo2 .item:nth-of-type(-n+2){ margin-top: 0px; }
	.abo2 .item .num{ justify-content: center;}
	.abo2 .item .num{ font-size:45px; }
	.abo2 .item p{ font-size: 14px; }
}
@media (max-width:480px){
	.abo2{ padding: 35px 0; }
	.abo2 .item .num{ font-size:35px; }
}


.abo3{ background-color: #393939; display: flex; }
.abo3 .img{ width: 50%;  }
.abo3 .text{ width: 50%; display: flex; flex-direction:column; justify-content: center; }
.abo3 .item{ position: relative; margin: 3% 0 3% 13%; height: 80px; padding: 10px 0 10px 118px; box-sizing: border-box; color: #fff; }
.abo3 .item i{ position: absolute; left: 0; top: 0; width: 80px; height: 100%; }
.abo3 .item p{ line-height: 30px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }



@media (max-width:1500px){
	
}
@media (max-width:1200px){
	.abo3 .item{ height: 60px; padding: 5px 0 5px 80px; margin-left: 7%; }
	.abo3 .item p{ line-height: 25px; }
}

@media (max-width:768px){
	.abo3{ padding: 35px 15px; flex-wrap: wrap; }
	.abo3 .img{ width: 100%; margin: 0 auto 20px; }
	.abo3 .text{ width: 100%; }
	.abo3 .item{ margin-left: 0%; }
}
@media (max-width:480px){
	.abo3 .item{ height: 40px; padding: 0px 0 0px 50px; }
	.abo3 .item p{ line-height: 22px; }
}
@media (max-width:375px){
	.abo3 .item p{ font-size: 14px; }
}


.abo4{ margin-top: 110px; padding: 220px 30px 230px; box-sizing: border-box; background: url(../images/abobg4.jpg) center center no-repeat; background-size: cover; }
.abo4 .main{ padding-left: 60px; box-sizing: border-box; }
.abo4 h3{ font-size: 36px; font-weight: bold; }
.abo4 .line{ margin: 35px 0 53px; width: 100px; height: 3px; background-color: #333; }
.abo4 .textp{ max-width: 556px; line-height: 30px; }


@media (max-width:1500px){
	.abo4{ margin-top: 90px; padding: 190px 30px 200px;}
	.abo4 .main{ padding-left: 0px;}
}
@media (max-width:1200px){
	.abo4{ margin-top: 75px; padding: 180px 30px;}
}
@media (max-width:991px){
	.abo4{ margin-top: 60px; padding: 140px 30px 180px;}
	.abo4 h3{ font-size: 30px;}
	.abo4 .line{ margin: 30px 0 43px; width: 100px;}
	.abo4 .textp{ max-width: 458px; line-height: 30px; }
}
@media (max-width:768px){
	.abo4{ margin-top: 50px; padding: 80px 30px 220px;}
	.abo4 h3{ font-size: 24px;}
	.abo4 .line{ margin: 30px 0 35px; width: 80px; height: 2px; }
}
@media (max-width:480px){
	.abo4{ margin-top: 35px; padding: 40px 20px 220px;}
	.abo4 h3{ font-size: 21px;}
}



.honor{ padding: 78px 0 60px; color: #333; box-sizing: border-box; }
.honor .honlisde{ padding-top: 68px; border-top: 1px solid #ececec; }
.honor .honlisde .item{ text-align: center; background-color: #f7f7f7; }
.honor .honlisde .item .img{ width: 100%; height: 420px; padding: 40px 45px 30px; box-sizing: border-box; text-align: center;  }
.honor .honlisde .item .img a{ display: block; width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; }
.honor .honlisde .item p{ font-size: 16px; padding-bottom: 20px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }

.honor .honlisde .swiper-container{ padding-bottom: 90px; }


@media (max-width:1500px){
	.honor{ padding: 65px 15px 52px; }
	.honor .honlisde{ padding-top: 60px; }
	.honor .honlisde .item .img{ height: 380px; padding: 35px 35px 25px;}
	.honor .honlisde .swiper-container{ padding-bottom: 75px; }
}
@media (max-width:1200px){
	.honor{ padding: 55px 15px 45px; }
	.honor .honlisde{ padding-top: 50px; }
	.honor .honlisde .item .img{ height: 290px; padding: 30px 30px 20px;}
	.honor .honlisde .swiper-container{ padding-bottom: 60px; }
}
@media (max-width:991px){
	.honor{ padding: 50px 15px 35px; }
	.honor .honlisde{ padding-top: 40px; }
	.honor .honlisde .item .img{ height: 310px; padding: 25px 25px 20px;}
	.honor .honlisde .swiper-container{ padding-bottom: 50px; }
}
@media (max-width:768px){
	.honor{ padding: 45px 15px 25px; }
	.honor .honlisde{ padding-top: 35px; }
	.honor .honlisde .item .img{ height: 290px; padding: 20px;}
}
@media (max-width:480px){
	.honor{ padding: 35px 15px 15px; }
	.honor .honlisde{ padding-top: 30px; }
	.honor .honlisde .item .img{ height: 210px; padding: 15px;}
	.honor .honlisde .item p{ margin-bottom: 15px; font-size: 14px; }
	.honor .honlisde .swiper-container{ padding-bottom: 40px; }
}
@media (max-width:374px){
	.honor .honlisde .item .img{ height: 300px; }
	.honor .honlisde .swiper-container{ padding-bottom: 30px; }
}


/* contact */
.contact{ 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{ float: left; padding: 10px 0 10px 28px; max-width: 370px; line-height: 30px; color: #666; }


.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{ float: left; width: 179px;}
.contact .pic{ display: inline-block; width: auto; min-width: 30px; height: 46px; margin-left: 22px; background-color: #fff; border-radius: 5px; overflow: hidden;}
.contact input.submit{ width: 100%; background-color: #22242e; color: #fff;}

.map{ width: 100%; height: 540px; margin: 65px 0 80px;}
.map .main{ height: 100%; }
@media (max-width:1500px){
	.contact{ padding: 0 15px;}
	.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 .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{ padding-left: 15px; max-width: 310px; }
	.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 .ewm .address{ padding-left: 0px; margin-bottom: 15px; max-width: 310px; line-height: 26px; }
	.contact input, .contact textarea{ margin-bottom: 15px; }
	.contact div.pic{ margin-left: 0; margin-bottom: 20px; }
	.map{ margin: 35px 0 55px; height: 400px;}
}
@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 .ewm .address{ width: 100%; max-width: none; text-align: center; }
	.contact .left .ewm{ margin-top: 10px; }
	.contact .ewm .ewmimg{ float: none; text-align: center; }
	.contact input{ height: 40px; }
	.contact textarea{ height: 150px; }
	.contact input.f5{ width: 120px;}
	.contact .pic{ margin-left: 22px; height: 40px; }
	.map{ margin: 25px 0 40px; height: 300px;}
}
@media (max-width:480px){
	.contact input.user, .contact input.tel{ width: 100%; }
	.contact input.f5{ width: 100px; }
	.contact .pic{ margin-left: 15px; }
}


/* news */
.news{  }
.bnews{ padding: 57px 15px 70px; box-sizing: border-box; background-color: #f4f4f4; }
.bnews .main{ max-height: 520px; display: flex; justify-content: space-between; background-color: #fff;}
.bnews .left{ width: 50%; background-size: cover; box-sizing: border-box;}
.bnews .left{ font-size: 0; }
.bnews .right{ width: 50%; padding-left: 60px; display: flex; box-sizing: border-box; align-items: center;}
.bnews .text{ max-width: 556px; box-sizing: border-box;}
.bnews .text .date{ font-size: 16px; margin: 10px 0 36px;}
.bnews .text h4{ font-size: 30px; font-weight: bold; white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.bnews .text .textp{ margin-bottom: 60px; height: 90px; line-height: 30px; font-size: 16px; color: #666;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	overflow: hidden;}
.bnews .text .more{ width: 31px; height: 8px; background: url(../images/nmore.png) center center no-repeat; background-size: auto 8px; }
.bnews .text:hover .more{  }

@media (max-width:1500px){
	.bnews{ padding: 50px 15px 60px; }
	.bnews .right{ padding-left: 50px;}
	.bnews .text h4{ font-size: 28px; }
	.bnews .text .date{ margin-bottom: 30px; }
}
@media (max-width:1200px){
	.bnews{ padding: 45px 15px 50px; }
	.bnews .right{ padding-left: 35px; }
	.bnews .text h4{ font-size: 26px; }
	.bnews .text .date{ margin-bottom: 20px; }
	.bnews .text .textp{ margin-bottom: 45px; }
}
@media (max-width:991px){
	.bnews{ padding: 40px 15px; }
	.bnews .right{ padding: 0 15px; }
	.bnews .text h4{ font-size: 22px; }
	.bnews .text .textp{ margin-bottom: 35px; height: 78px; line-height: 26px; font-size: 15px; }
}
@media (max-width:768px){
	.bnews{ padding: 35px 15px; }
	.bnews .main{ flex-wrap: wrap; padding: 15px; box-sizing: border-box; }
	.bnews .left{ width: 100%; max-height: 250px; text-align: center;}
	.bnews .right{ width: 100%; padding: 10px 0; justify-content: center;}
	.bnews .text h4{ font-size: 20px; margin-top: 10px; }
	.bnews .text .textp{ margin-bottom: 25px;}
	.bnews .text .more{ background-size: auto 6px; }
}
@media (max-width:480px){
	.bnews{ padding: 30px 15px; }
	.bnews .text{ width: 100%; }
	.bnews .text h4{ font-size: 18px; }
	.bnews .text .date{ font-size: 14px; margin-bottom: 12px; }
	.bnews .text .textp{ margin-bottom: 15px; }
}


.nlist{ padding: 50px 0 10px; box-sizing: border-box; }
.nlist .item{ padding: 50px 0; border-bottom: 1px solid #f0efef; display: flex; justify-content: space-between; }
.nlist .item .img{ position: relative; width: 460px; height: 280px; }
.nlist .item .img::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.3) url(../images/newsh.png) center center no-repeat; background-size: auto 120px; opacity: 0; }
.nlist .item:hover .img::after{ opacity: 1; }
.nlist .item .text{ position: relative; padding-right: 250px; padding-left: 15px; width: 66%; box-sizing: border-box; }
.nlist .item h4{ padding: 35px 0 10px; max-width: 662px; font-size: 24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.nlist .item .date{ position: absolute; top: 0; right: 0; padding-left: 60px; padding-top: 10px; width: 235px; height: 200px; box-sizing: border-box; border-left: 1px solid #c8c8c8;}
.nlist .item .day{ line-height: 40px; font-size: 30px; }
.nlist .item .year{ font-size: 16px; }
.nlist .item .date2{ display: none; }
.nlist .item .textp{ margin-top: 25px; max-width: 662px; height: 90px; line-height: 30px; overflow: hidden; font-size: 16px; color: #666; }
.nlist .item .more{ margin-top: 25px; width: 31px; height: 8px; background: url(../images/nmore.png) center center no-repeat; background-size: auto 8px; opacity: 0; }
.nlist .item:hover .more{ opacity: 1; }


@media (max-width:1500px){
	.nlist{ padding: 35px 15px 0px; }
	.nlist .item .img{ float: left; width: 34%; }
	.nlist .item .text{float: right; padding-left: 20px; padding-right: 0px;}
	.nlist .item h4{ padding: 30px 0 10px; }
	.nlist .item .textp{ max-width: none; }
	.nlist .item .date{ display: none; }
	.nlist .item .date2{ display: block; }
}
@media (max-width:1200px){
	.nlist{ padding-top: 25px; }
	.nlist .item{ display: block; }
	.nlist .item .img::after{ background-size: auto 100px; }
}
@media (max-width:991px){
	.nlist .item{ padding: 40px 0; }
	.nlist .item .img{ height: 220px; }
	.nlist .item h4{ padding-top: 15px; font-size: 20px; }
	.nlist .item .textp{ margin-top: 20px; height: 78px; line-height: 26px; font-size: 15px; }
	.nlist .item .more{ margin-top: 15px; }
	.nlist .item .img::after{ background-size: auto 80px; }
} 
@media (max-width:768px){
	.nlist{ padding-top: 15px; }
	.nlist .item{ padding: 35px 0; }
	.nlist .item .img{ height: 170px; }
	.nlist .item .img::after{ background-size: auto 65px; }
	.nlist .item .text{ padding-left: 15px; }
	.nlist .item h4{ padding-top: 10px; font-size: 18px; }
	.nlist .item .textp{ margin-top: 12px; height: 72px; line-height: 24px; font-size: 14px; }
	.nlist .item .more{ margin-top: 10px; background-size: auto 6px; }
}
@media (max-width:480px){
	.nlist .item{ padding: 30px 0 20px; }
	.nlist .item .img{ float: none; width: 100%; max-width: 380px; margin: 0 auto; }
	.nlist .item .text{ float: none; width: 100%; padding-left: 0; }
	.nlist .item h4{ padding-top: 15px; font-size: 17px; }
	.nlist .item .more{ display: none; }
}


/* newsdet,videodet */
.newsdet{ padding: 20px 15px; box-sizing: border-box; border-top: 1px solid #dcdcdc; }
.newsdet .cleft .title{ padding: 40px 0 45px; text-align: center;}
.newsdet .title h3{ font-size: 30px; color: #333; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.newsdet .title .other{ margin-top: 2%; }
.newsdet .title .other>div{ display: inline-block; margin: 0 10px; font-size: 14px; color: #999;}

.newsdet .text_box{ padding: 3% 0; border-top: 1px solid #dcdcdc; color: #666;}
.newsdet .text_box p{ font-size: 16px; line-height: 30px;}
.newsdet .text_box img{ width: 100%; max-width: 1200px; }
.newsdet .text_box video,.newsdet .text_box iframe{ display: block; width: 90%!important; margin: 0 auto; }
.newsdet .lncase_aa{ position: relative; padding: 2% 0; color: #999; border-top: 1px solid #dcdcdc;}
.newsdet .lncase_aa a{ display: block; color: #666; font-size: 14px; line-height: 30px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.newsdet .lncase_aa a:hover{ display: block; color: #183884;}
.newsdet .lncase_aa .rebtn{ position: absolute; display: block; z-index: 999; right: 0; top: 50%; margin-top: -23px; width: 150px; height: 44px; opacity: .6; border: 1px solid #333; background: url(../images/sharebth.png) center center no-repeat; background-size: auto 21px; cursor: pointer; }


@media (max-width:1500px){
	.newsdet .cleft .title{ padding: 35px 0; }
}
@media (max-width:1200px){
	.newsdet .cleft .title{ padding: 30px 0; }
	.newsdet .title h3{  font-size: 26px; }
}
@media (max-width:991px){
	.newsdet .title h3{ font-size: 24px; }
}
@media (max-width:768px){
	.newsdet .cleft .title{ padding: 10px 0 30px; }
	.newsdet .title h3{ font-size: 19px; }
	.newsdet .title .other{ margin-top: 3%; }
	.newsdet .lncase_aa{ padding: 3% 0 4%; }
	.newsdet .lncase_aa .rebtn{ position: static; width: 120px; height: 35px; line-height: 35px; margin-top: 10px;}
}
@media (max-width:480px){
	.newsdet .cleft .title{ padding: 0px 0 20px; }
	.newsdet .title h3{ font-size: 17px; }
}



/* video */
.video{ padding: 80px 15px 0; box-sizing: border-box; background-color: #f4f4f4; }
.video .list{ display: flex; justify-content: space-between; flex-wrap: wrap; }
.video .list .item{ width: 685px; margin-bottom: 60px; }
.video .list .item .img{ position: relative; width: 100%; padding-bottom: 56.2%; overflow: hidden; }
.video .item .img::after{ content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.4) url(../images/play.png) center center no-repeat; background-size: auto 64px;opacity: 0; }
.video .item:hover .img::after{ opacity: .8; }
.video .item .text{ margin-top: 20px; text-align: center; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.video .page{ padding-top: 0px; }

@media (max-width:1500px){
	.video{ padding-top: 65px;}
	.video .list .item{ width: 45.7%; }
}
@media (max-width:1200px){
	.video{ padding-top: 55px;}
	.video .list .item{ margin-bottom: 40px; }
}
@media (max-width:991px){
	.video{ padding-top: 45px;}
	.video .list .item{ width: 48%; }
}
@media (max-width:768px){
	.video{ padding-top: 40px;}
	.video .list .item{ margin-bottom: 30px; }
	.video .item .text{ margin-top: 15px;}
}
@media (max-width:480px){
	.video .list{ justify-content: center; }
	.video .list .item{ width: 90%; margin-bottom: 25px; }
}
@media (max-width:375px){
	.video .list .item{ width: 100%; }
}


/* pro */
/* pc端pronav */
.pronav{ margin-top: 40px; padding: 0 15px; box-sizing: border-box; }
.pronav .list{ display: flex; padding: 10px 0; margin-bottom: 10px; border-bottom: 1px solid #eaeaea; }
.pronav .list span{ flex: 0 0 60px; line-height: 30px; font-weight: bold; white-space: nowrap; font-size: 18px; color: #666; }
.pronav .list ul{  }
.pronav .list li{ position: relative; float: left; padding: 0 25px; line-height: 30px; font-size: 16px; }
.pronav .list li:first-child::after{ content: ">"; position: absolute; top: 0px; right: -3px; color: #666; }
.pronav .list li.on,.pronav .list li:hover{ color: #c7000c; }

@media (max-width:1200px){
	.pronav{ margin-top: 30px;}
}

@media (max-width:768px){
	.pronav{ display: none; }
}



/* 移动端pronav */
.pullbtn{ text-align: right; font-size: 18px; color: #333; margin-bottom: 15px;}
.pullbtn em{ display: inline-block; text-align: center; width: 13px; }
.pronav_mb{
	padding:30px 15px;
}
.pronav_mb .list{
	padding-bottom:10px;
}
.pronav_mb .list h4{
	height:40px;
	line-height:40px;
	background:#22242e;
	color:#fff;
	font-size:15px;
	padding:0 15px;
}
.pronav_mb .list ul{
	padding:10px 0 10px 10px;
	border:1px solid #22242e;
	display:block;
}
.pronav_mb .list ul li{
	display:inline-block;
	height:35px;
	line-height:35px;
	font-size:14px;
	color:#666;
	padding:0 15px;
	float:left;
	margin:4px 10px 4px 0;
	border-radius: 4px;
}
.pronav_mb .list ul li:active,
.pronav_mb .list ul li.on{
	background:#22242e;
	color:#fff;
}
.pronav_mb .list ul li a{
	display:block;
}

@media (max-width:768px){
	.pronav_mb{
		padding:20px 15px 30px;
		display: block!important;
	}
}

@media (max-width:480px){
	.pullbtn{ font-size: 16px; }
	.pronav_mb .list ul li{ height: 30px; line-height: 30px; }
}




.pro{ padding: 70px 15px 0; box-sizing: border-box; }
.pro_box{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
}
.pro_box .list{
	width:33%;
	max-width: 480px;
	height: 0;
	border-radius: 4px;
	padding-bottom: 22%;
	margin-bottom: 160px;
	position: relative;
}
.pro_box::after{ content: ""; width: 33%; }

.pro_box .list .img{
	width:100%;
	height:100%;
	display:inline-block;
	position: absolute;
	padding: 20px;
	box-sizing: border-box;
	left:0;
	top:0;
	opacity: 0;
	z-index: 8;
	border-radius: 4px;
	background-color: rgba(255,255,255,1);
	-webkit-transition: all .3s ease-in-out;
	-moz-transition: all .3s ease-in-out;
	transition: all .3s ease-in-out;
	opacity: 1;
}
.pro_box .list .img img{ -webkit-transform: rotate(90deg);
   -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
     -o-transform: rotate(90deg);
        transform: rotate(90deg); }
.pro_box .list:hover .img{
	opacity: 0;
}
/*.pro_box .list .img img{ width: 100%; height:100%; object-fit: cover; }*/
.pro_box .list p{
	padding: 20px 0;
	width:100%;
	height:auto;
	position: absolute;
	left:0;
	bottom:-100px;
	color:#999;
	font-size:14px;
	text-align: left;
	z-index: 10;
	border-bottom: 1px solid #e0e0e0;
	text-align: center;
}
.pro_box .list p span{ display: inline-block; padding: 0 12px; width: 100%; line-height: 30px; box-sizing: border-box; overflow: hidden;white-space: nowrap;text-overflow: ellipsis; }
.pro_box .list p span.color0{ font-size: 16px; color: #000; }
.pro .page{ padding-top: 0; }


@media (max-width:1500px){
	.pro{ padding-top: 50px; }
	.pro_box .list{ width:32.5%; margin-bottom: 150px; }
	.pro_box::after{ width: 32.5%; }
	.pro_box .list p{ padding: 15px 0; bottom: -90px; }
	.pro_box .list p span{ line-height: 26px;}
}
@media (max-width:1200px){
	.pro_box .list{ margin-bottom: 140px; }
}
@media (max-width:991px){
	.pro{ padding-top: 40px; }
	.pro_box .list{ margin-bottom: 130px; }
	.pro_box .list p{ padding: 15px 0 10px; bottom: -80px; }
	.pro_box .list p span{ line-height: 24px; }
}
@media (max-width:768px){
	.pro{ padding-top: 15px; }
	.pro_box .list{ width:49%; padding-bottom: 33%; margin-bottom: 120px; }
	.pro_box::after{ display: none; }
}
@media (max-width:480px){
	.pro{ padding-top: 0px; }
	.pro_box .list{ width:48.5%; margin-bottom: 110px; }
	.pro_box .list p{ padding: 12px 0 8px; bottom: -74px; }
	.pro_box .list .img{ padding: 5px; }
}
@media (max-width:375px){
	.pro_box .list{ width:100%; padding-bottom: 66%; }
	.pro_box .list p span.color0{ font-size: 15px;  }
}




/* pro-det */
.jump{ padding: 36px 0px; box-sizing: border-box; }
.jump .breadcrumb{
	padding: 10px 0;
	float: left;
	display:inline-block;
	color: #666;
	font-size: 14px;
}
.jump .breadcrumb li{
	display:inline-block;
	float:left;
	height:30px;
	line-height:30px;
	position: relative;
	padding:0 5px 0 20px;
}
.jump .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(1),.breadcrumb li:nth-child(2){ padding-left:0; }
.breadcrumb li:nth-child(1)::after,.breadcrumb li:nth-child(2)::after{ display:none; }
.breadcrumb li a{
	display:block;
	color:inherit;
}
.breadcrumb li a:hover{
	text-decoration: underline;
	color:#22242e;
}

.jump .return{ float: right; display: inline-block; padding: 0 40px;line-height: 50px; border-radius: 25px; background-color: #f6f6f6; }
.jump .return:hover{ background-color: #22242e; color: #fff; }


@media (max-width:1500px){
	.jump{ padding: 30px 15px; }
	.jump .breadcrumb{ padding: 5px 0; }
	.jump .return{ padding: 0 20px; line-height: 40px; border-radius: 20px; }
}
@media (max-width:1200px){
	.jump{ padding: 26px 15px; }
}
@media (max-width:991px){
	.jump{ padding: 22px 15px; }
}
@media (max-width:768px){
	.jump{ padding: 18px 15px; }
}
@media (max-width:480px){
	.jump{ padding: 10px 15px; }
}
@media (max-width:375px){
	.jump .breadcrumb{ padding: 3px 0; }
	.jump .return{ padding: 0 12px; line-height: 36px;}
}



.prov{
	padding:0px 0 50px;
}
.prov_slide{
	width:50%;
	float:left;
	position: relative; display: flex;justify-content: space-between;
}
.prov_slide .mainSlide{
	padding-bottom:25px;
}
.prov_slide .mainSlide .img_box{
	width:86%;
}
.swiper-slide a{ }
.prov_slide .mainSlide .swiper-scrollbar{
	height:1px;
}

.prov_slide .mainSlide .swiper-scrollbar-drag{  margin-top: -1px; height: 3px; }

.prov_slide .slide_btn{
	height:100%;
}
.prov_slide .swiper-container{  width:95%;margin:0 auto}
.prov_slide .slide_btn .img_box{
	margin-bottom:5px;
	border:1px solid #ccc;
	cursor: pointer;
	box-sizing: border-box;
}
.prov_slide .slide_btn .swiper-slide-thumb-active .img_box{ border:1px solid #000; }

.prov_slide .slide_btn .img_box{
	width:118px;
	height:118px;
}


.prov .text_box{
	width:50%;
	padding: 0 190px 0 190px; display: flex;justify-content:center;flex-direction: column;
	height: 600px;
	float:right;
	box-sizing: border-box;
	background-color: #f6f6f6;
}
.prov .text_box h2{
	font-size:36px;
	color:#333;
	padding-bottom:22px;
}

.prov .text_box ul{ padding: 20px 0; width: 100%; border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
.prov .text_box ul li{ float: left; width: 50%; line-height: 48px; }
.prov .text_box ul li em{ color: #999; }

.prov .text_box .link_a{ margin-top: 35px; }
.prov .text_box .link_a a{ display: inline-block; margin-right: 12px; padding: 0 40px; line-height: 50px; border-radius: 25px; background-color: #fff; }
.prov .text_box .link_a a:last-of-type{ margin-right: 0; }
.prov .text_box .link_a .black{ background-color: #22242e; color: #fff; }

@media (max-width:1500px){
	.prov{
		padding:0px 15px 45px;
	}
	.prov_slide{
		width:450px;
	}
	.prov_slide .mainSlide .img_box{
		width:450px;
		height:450px;
	}
	.prov_slide .slide_btn,.prov_slide .swiper-container{ h }
	.prov_slide .slide_btn{ right: -110px; }
	.prov_slide .slide_btn .img_box{ width: 100px; height: 100px; }
	.prov .text_box{ width: 50%; height: 450px; padding: 50px 70px 30px; }
}
@media (max-width:1200px){
	.prov_slide{
		width:400px;
	}
	.prov_slide .mainSlide .img_box{
		width:400px;
		height:400px;
	}
	.prov_slide .slide_btn,.prov_slide .swiper-container{ height:400px;}
	.prov_slide .slide_btn{
		right:-100px;
	}
	.prov_slide .slide_btn .img_box{
		width:90px;
		height:90px;
	}
	.prov .text_box{ width: 45%; height: 400px; padding: 40px 50px; }
	.prov .text_box li{ line-height: 40px; }
	.prov .text_box .link_a a{ padding: 0 20px; line-height: 40px; }
}
@media (max-width:991px){
	.prov{
		padding:40px 15px;
	}
	.prov_slide{
		width:300px;
	}
	.prov_slide .mainSlide .img_box{
		width:300px;
		height:300px;
	}
	.prov_slide .slide_btn,.prov_slide .swiper-container{ height:300px;}
	.prov_slide .slide_btn{ right: -80px; }
	.prov_slide .slide_btn .img_box{ width: 70px; height: 70px; }
	.prov .text_box{ width: 45%; height: 300px; padding: 30px 20px; }
	.prov .text_box h2{ padding-bottom: 10px; font-size: 28px; }
	.prov .text_box li{ line-height: 30px; }
	.prov .text_box .link_a{ margin-top: 15px; }
	.prov .text_box .link_a a{ margin: 5px 3px 5px 0; padding: 0 15px; line-height: 40px; font-size: 15px; }
}

@media (max-width:768px){
	.prov{
		padding:0px 15px 30px;
	}
	.prov_slide{
		float:none;
		display:block;
		margin:0 auto;
		width:auto;
		width:300px;
		margin-bottom:30px;
	}
	.prov_slide .mainSlide .img_box{
		width:300px;
		height:300px;
	}
	.prov_slide .slide_btn{
		display:none;
	}
	.prov .text_box{
		float:none;
		display:block;
		width:auto;
	}
	.prov .text_box{ padding: 20px 15px; height: auto; }
	.prov .text_box .link_a a{ font-size: 14px; }
}

@media (max-width:480px){
	.prov .text_box h2{ font-size: 22px; }
	.prov .text_box ul{ padding: 10px 0; }
}
@media (max-width:420px){
	.prov_slide{
		width:280px;
	}
	.prov_slide .mainSlide .img_box{
		width:280px;
		height:280px;
	}
}
@media (max-width:370px){
	.prov_slide{
		width:280px;
	}
	.prov_slide .mainSlide .img_box{
		width:280px;
		height:280px;
	}

}



.pdetail{ margin-bottom: 90px; padding: 50px 135px 86px; box-sizing: border-box; background-color: #f6f6f6; }
.pdetail h4{ margin-bottom: 42px; font-size: 30px; text-align: center; color: #22242e; }
.pdetail h4 em{ margin-top: 12px; display: block; font-size: 36px; letter-spacing: 6px; font-family: "beb"; text-transform: uppercase; }
.pdetail .text_box{ line-height: 28px; }


@media (max-width:1500px){
	.pdetail{ margin-bottom: 70px; padding: 45px 115px 75px;}
	.pdetail h4{ font-size: 28px;}
	.pdetail h4 em{ font-size: 32px; letter-spacing: 5px;}
}
@media (max-width:1200px){
	.pdetail{ margin-bottom: 60px; padding: 40px 85px 65px;}
	.pdetail h4 em{ font-size: 30px;}
}
@media (max-width:991px){
	.pdetail{ margin-bottom:50px; padding: 35px 60px 55px;}
	.pdetail h4{ margin-bottom: 32px; font-size: 24px;}
	.pdetail h4 em{ font-size: 28px;}
}
@media (max-width:768px){
	.pdetail{ margin-bottom: 40px; padding: 30px 30px 45px;}
	.pdetail h4{ margin-bottom: 25px;  font-size: 22px;}
	.pdetail h4 em{ margin-top: 8px; font-size: 24px; letter-spacing: 4px; }
}
@media (max-width:480px){
	.pdetail{ margin-bottom: 30px; padding: 25px 15px 30px;}
	.pdetail h4{ margin-bottom: 20px; font-size: 19px;}
	.pdetail h4 em{ font-size: 20px; letter-spacing: 3px; }
}



/* join */
.join1{  }
.join1 h3{ float: left; padding-top: 105px; width: 20%; font-size: 30px; }
.join1 .jslide{ float: right; width: 77.5%; }
.join1 .item{  }
.join1 .item .text{ padding: 78px 12px 30px; box-sizing: border-box; border-left: 1px solid #efefef; border-right: 1px solid #efefef; }
.join1 .item .num{ font-size: 130px; color: #c5c5c5; font-family: "acc"; }
.join1 .item h4{ margin-bottom: 20px; font-size: 24px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis; }
.join1 .item .textp{ height: 72px; line-height: 24px; overflow: hidden; font-size: 14px; }
.join1 .item .img{ height: 0; padding-top: 95.8%; background-position: center center; background-repeat: no-repeat; background-size: cover; }

.join1 .jslide .swiper-container{ padding-bottom: 150px; } 
.join1 .jslide .swiper-button-next,.join1 .jslide .swiper-button-prev{ top: auto; bottom: 50px; width: 40px; height: 40px; border-radius: 50%; background-color: #22242e; background-image: url(../images/join_next.png); background-size: auto 14px; }
.join1 .jslide .swiper-button-prev{ left: auto; right: 70px; transform: rotate(180deg); }

@media (max-width:1500px){
	.join1{ padding: 0 15px; box-sizing: border-box; }
	.join1 h3{ padding-top: 80px; font-size: 28px; }
	.join1 .item .text{ padding-top: 40px;}
	.join1 .item .num{ font-size: 100px; }
	.join1 .jslide .swiper-container{ padding-bottom: 130px; } 
}
@media (max-width:1200px){
	.join1 h3{ padding-top: 60px; font-size: 26px; }
	.join1 .item .text{ padding-top: 30px;}
	.join1 .item .num{ font-size:80px; }
	.join1 .item h4{ margin-bottom: 12px; font-size: 22px; }
}
@media (max-width:991px){
	.join1 h3{ padding-top: 30px; font-size: 24px; }
	.join1 .item .text{ padding-top: 10px; padding-bottom: 12px;}
	.join1 .item .num{ font-size:60px; }
	.join1 .item h4{ margin-bottom: 10px; font-size: 20px; }
	.join1 .jslide .swiper-container{ padding-bottom: 110px; } 
	.join1 .jslide .swiper-button-next,.join1 .jslide .swiper-button-prev{ bottom: 35px; }
}
@media (max-width:600px){
	.join1 h3{ margin-bottom: 20px; width: 100%; text-align: center; }
	.join1 .jslide{ width: 100%; }
	.join1 .item .text{ padding-top: 0px; padding-bottom: 12px;}
	.join1 .item .num{ font-size:40px; }
	.join1 .item h4{ margin-bottom: 10px; font-size: 20px; }
	.join1 .jslide .swiper-container{ padding-bottom: 90px; } 
	.join1 .jslide .swiper-button-next,.join1 .jslide .swiper-button-prev{ bottom: 30px; width: 30px; height: 30px; background-size: auto 12px; }
}
@media (max-width:480px){
	.join1 .item .textp{ height: auto; }
	.join1 .jslide .swiper-button-prev{ left: 10%; right: auto; }
	.join1 .jslide .swiper-button-next{ right: 10%; }
}


.join2{ padding-bottom: 150px; background: url(../images/joinbg2.jpg) center center no-repeat; background-size: cover; color: #fff; }
.join2 h3{ padding: 100px 0; font-size: 36px; text-align: center; }
.join2 .row{ border-bottom: 1px solid rgba(255,255,255,.2); font-size: 0; text-align: center; }
.join2 .row:first-of-type{ border-top: 1px solid rgba(255,255,255,.2); }
.join2 .col{ display: inline-block; padding: 70px 0 35px; width: 430px; font-size: 16px; border-right: 1px solid rgba(255,255,255,.2); box-sizing: border-box; text-align: center; overflow: hidden; }
.join2 .col:first-of-type{ border-left: 1px solid rgba(255,255,255,.2); }
.join2 .col .img{ height: 70px; }
.join2 .col .img:hover{ animation: swing .5s; }
.join2 .col .textp{ margin-top: 20px; line-height: 30px; height: 60px; overflow: hidden; }

.join2 .row.ph_hidden{ display: block; }
.join2 .row.ph_show{ display: none; }

@media (max-width:1500px){
	.join2{ padding-bottom: 120px;}
	.join2 h3{ padding: 80px 0; font-size: 32px; }
	.join2 .col{ padding: 55px 15px 25px; width: 30%;}
	.join2 .col .img{ height: 60px; }
}
@media (max-width:1200px){
	.join2{ padding-bottom: 100px;}
	.join2 h3{ padding:70px 0; font-size: 30px; }
}
@media (max-width:991px){
	.join2{ padding-bottom: 80px;}
	.join2 h3{ padding:60px 0; font-size: 24px; }
	.join2 .col{ padding: 45px 15px 20px;}
	.join2 .col .img{ height: 50px; }
	.join2 .col .textp{ margin-top: 15px; font-size: 15px; }
	.join2 .col .textp br{ display: none; }
}
@media (max-width:768px){
	.join2{ padding-bottom: 50px;}
	.join2 h3{ padding:45px 0; }
	.join2 .col{ padding: 35px 6px 15px; width: 33%;}
	.join2 .col .img{ height: 40px; }
	.join2 .col .textp{ margin-top: 12px; height: 52px; line-height: 24px; font-size: 13px; }
}
@media (max-width:480px){
	.join2 h3{ padding:30px 0; font-size: 20px; }
	.join2 .row.ph_hidden{ display: none; }
	.join2 .row.ph_show{ display: block;  }
	.join2 .col{ width: 50%; padding: 30px 10px 15px; border-right: 0px; border-top: 1px solid rgba(255,255,255,.2);}
	.join2 .col:nth-of-type(2n){ border-left: 1px solid rgba(255,255,255,.2); }
	.join2 .col:first-of-type{ border-left: 0px;}
}


/* stores */
.stores{ padding-bottom: 30px; box-sizing: border-box; }

.jh{ text-align: center; margin: 78px 0 50px; }
.jh h3{ font-size: 36px; color: #000; }
.jh .textp{ font-size: 16px; max-width: 800px; color: #666; margin: 15px auto 0; line-height: 36px; }

.stores .list{ }
.stores .list .swiper-container{ padding-bottom: 60px; }
.stores .list .item{ width: 100%; }
.stores .item .img{ display: block; width: 100%; height: 0; padding-top: 61.5%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.stores .list .item:nth-child(3n){ margin-right: 0; }
.stores .item .img img{ width: 478px; height: 302px;}
.stores .item .box{  padding: 10px 10px 0; background-color: rgba(255,255,255,.6); }
.stores .item h5{ font-size: 18px; color: #333; 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); }

.stores.join5 .list{ display: block; }
.join5 .list .item{ width: 478px; float: none; margin: 0 auto; padding-bottom: 0px; }


@media (max-width:1500px){
	.jh{ margin: 65px 0 50px; }
	.jh h3{ font-size: 32px; }
	.jh .textp{ line-height: 32px; }
	.stores{ padding: 0 15px 30px; }
	.stores .storesform{ padding: 75px 0 55px;}
}
@media (max-width:1200px){
	.jh{ margin: 50px 0 40px; }
	.jh h3{ font-size: 28px; }
	.jh .textp{ line-height: 30px;}
	.stores .storesform{ padding: 60px 0 40px;}
}
@media (max-width:991px){
	.jh{ margin: 40px 0 35px; }
	.jh h3{ font-size: 26px; }
	.jh .textp{ line-height: 28px; }
	.stores .storesform{ padding: 40px 0 20px;}
	.stores .storesform p{ height: 40px; margin: 0 10px 10px;}
	.stores .list{ justify-content: center;}
	.stores .item p{ line-height: 26px; padding-left: 22px; }
	.stores .item p::before{ background-size: auto 16px; }
}
@media (max-width:768px){
	.jh{ margin: 35px 0 30px; }
	.jh h3{ font-size: 22px; }
	.jh .textp{ line-height: 22px; font-size: 14px;}
	.stores .storesform{ padding: 30px 0 10px;}
	.stores .storesform p{ height: 36px;}
	.stores .list .swiper-container{ padding-bottom: 40px; }
}
@media (max-width:480px){
	.jcomh h3{ font-size: 20px; }
	.stores{ padding-bottom: 20px; }
	.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; }
}



/* .joinc  */
.joinc{ margin-bottom: 80px; 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; }

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



/* dow2 */
.down{ padding-top: 80px; }
.down .list{ display: flex; justify-content: space-between; flex-wrap: wrap;}
.down .list::after{ content: ""; width: 468px; }
.down .list .item{ width: 468px; box-sizing: border-box; margin-bottom: 70px;}
.down .item .img{ width: 100%; height: 0; padding-top: 63.2%; background-position: center center; background-repeat: no-repeat; background-size: cover; }
.down .item .text{ color: #333; }
.down .item .text h5{ margin: 20px 0 10px; font-size: 22px; overflow:hidden;white-space:nowrap;text-overflow:ellipsis;}
.down .item .text .box{ font-size: 14px; color: #666; }
.down .item .box span{ position: relative; display: inline-block; padding-left: 28px; line-height: 24px; font-size: 14px; color: #666; }
.down .item .box .download{ margin-right: 20px; }
.down .item .box a::before,.down .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; }
.down .item .box .download::before{  background-image: url(../images/down.png);}
.down .item .box .byte::before{  background-image: url(../images/byte.png); }
.down .item .linefull,.down .item .anline{ width: 100%; height: 1px; background-color: #e8e8e8;}
.down .item .linefull{ background-color: #e8e8e8; margin-top: 25px; overflow: hidden;}
.down .item span.anline{ display: block; background-color: #6e6e6e; margin-left: -100%; }
.down .item:hover span.anline{ margin-left: 0%; }
.down .page{ padding-top: 0; }

@media (max-width:1500px){
	.down{ padding: 65px 15px 0; }
	.down .list::after{ width: 32%; }
	.down .list .item{ width: 32%; margin-bottom: 60px; }
	.down .item .linefull{margin-top: 20px; }
}
@media (max-width:1200px){
	.down{ padding-top: 55px; }
	.down .list .item{ margin-bottom: 50px; }
	.down .item .text h5{ font-size: 20px; margin: 15px 0 8px;}
}
@media (max-width:991px){
	.down{ padding-top: 45px; }
}
@media (max-width:768px){
	.down{ padding-top: 40px; }
	.down .list::after{ width: 48%; }
	.down .list .item{ width: 48%; margin-bottom: 40px; }
	.down .item .text h5{ font-size: 18px; margin: 13px 0 6px;}
	.down .item .linefull{ margin-top: 16px; }
}
@media (max-width:500px){
	.down{ padding-top: 35px; }
	.down .list .item{ width: 100%;  margin-bottom: 30px; }
	.down .item .img{ width: 100%; height: auto; }
	.down .item .img img{ width: 100%; height: auto; }
}


.dow{ position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; font-size: 0; line-height: 0; background-color: rgba(0,0,0,.7);}
.dow .win{ position: absolute; padding: 55px 0 70px; left: 50%; top: 50%; width: 545px; transform: translate(-50%,-50%); border-radius: 20px; box-sizing: border-box; background-color: #fff; text-align: center;}
.dow .win h3{ line-height: 50px; margin-bottom: 40px; font-size: 30px; color: #333; }
.dow .win form{ width: 400px; margin: 0 auto; }
.dow .win p{ display: inline-block; position: relative; border: 1px solid #dcdcdc; height: 50px; width: 100%; 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: 100%; 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: 100%; width: 100%; box-sizing: border-box; font-size: 16px; background-color: transparent;}
.dow .win input.submit{ width: 100%; margin-top: 20px; height: 48px; font-size: 18px; color: #fff; background-color: #22242e; }

.contact.joinc .ewm .address{ padding: 0; }

@media (max-width:1500px){
	.dow .win{ padding: 40px 0; width: 500px; }
	.dow .win h3{ margin-bottom: 30px; line-height: 40px; font-size: 26px; }
	.dow .win form{ width: 350px; }
}

@media (max-width:991px){
	.dow .win{ padding: 30px 0; width: 380px; }
	.dow .win h3{ margin-bottom: 20px; line-height: 30px; font-size: 24px; }
	.dow .win form{ width: 280px; }
	.dow .win p{ margin-bottom: 20px; height: 45px; }
	.dow .win input.submit{ margin-top: 10px; height: 45px; }
	.dow .win p{ padding-left: 50px; }
	.dow .win p.user::before, .dow .win p.password::before{ width: 50px; background-size: auto 20px; }
}
@media (max-width:480px){
	.dow .win{ padding: 30px 25px 40px; width: 90%; }
	.dow .win h3{ line-height: 24px; font-size: 20px; }
}
@media (max-width:400px){
	.dow .win form{ width: 100%; }
	.dow .win p{ height: 40px; }
	.dow .win input.submit{ margin-top: 0px; height: 40px; font-size: 16px; }
	.dow .win p{ padding-left: 40px; }
	.dow .win p.user::before, .dow .win p.password::before{ width: 40px; background-size: auto 18px; }
}