/* jxd  */
@charset "UTF-8";
/*-----------------------------首页样式start-----------------------------*/
/*导航*/
#mobile1 a {
    padding-right: 5px;
    color: #fff !important;
}
.public_top {
    width: 100%;
    background: #fffff1;
    position: relative;
    z-index: 999;
}
.navBar{
	position: absolute;
	top: 40px;
	left: 0;
	width: 100%;
}
.navTop_wrap{box-shadow: 0px 1px 5px rgba(0,0,0,0.1); width:100%;background:#fff;position:relative;z-index: 99;}
.navTop{position:relative;z-index:3;}
.navTop_menu{ border-right: 1px solid #eaeaea;}
.navTop_menu a{ display: block; float: left; text-align: center;}
.navTop_menu .nav_list{ transition: 0.4s ease; width: 155px; height: 120px; border-left: 1px solid #eaeaea;}
.navTop_menu .nav_list:hover, 
.navTop_menu .nav_list.hover{background:#cb0202; }
.navTop_menu .nav_logo{ height: 120px; position: relative; border-left: 1px solid #eaeaea;}
.navTop_menu .nav_list em{display: block; width: 100px; height: 40px; margin: 30px auto 0; transition:0.2s;}
.navTop_menu .nav_logo em{ background:url(../images/logo.png) no-repeat center center; display: block; width: 262px; height: 100%; position: relative; z-index: 1; }
.navTop_menu .nav_logo i{ display: block; width: 200px; height: 35px; position: absolute; left: -1px; top: 106px; background:url(../images/icon.png); background-position: 0 -212px;}
.navTop_menu .nav_list span{ font-size: 15px; color: #616161; }
.navTop_menu .nav_list:hover span,.navTop_menu .nav_list.hover span{ color: #fff;}

.navTop_menu .a0 em{ background: url(../images/nav0.png) no-repeat center center}
.navTop_menu .a1 em{ background: url(../images/nav1.png) no-repeat center center}
.navTop_menu .a2 em{ background: url(../images/nav2.png) no-repeat center center}
.navTop_menu .a3 em{ background: url(../images/nav3.png) no-repeat center center}
.navTop_menu .a4 em{ background: url(../images/nav4.png) no-repeat center center}
.navTop_menu .a5 em{ background: url(../images/nav5.png) no-repeat center center}

.navTop_menu .a0:hover em,.navTop_menu .a0.hover em{background: url(../images/nav0_h.png) no-repeat center center}
.navTop_menu .a1:hover em,.navTop_menu .a1.hover em{background: url(../images/nav1_h.png) no-repeat center center}
.navTop_menu .a2:hover em,.navTop_menu .a2.hover em{background: url(../images/nav2_h.png) no-repeat center center}
.navTop_menu .a3:hover em,.navTop_menu .a3.hover em{background: url(../images/nav3_h.png) no-repeat center center}
.navTop_menu .a4:hover em,.navTop_menu .a4.hover em{background: url(../images/nav4_h.png) no-repeat center center}
.navTop_menu .a5:hover em,.navTop_menu .a5.hover em{background: url(../images/nav5_h.png) no-repeat center center}

/*下拉菜单*/
.nav_link_con{width:100%;background: rgba(255, 255, 255, 0.92);/*firefox、chrome*/background: #f27826\9;/*IE*/filter: alpha(opacity=80);/*IE*/position:absolute;top:-500px;transition:0.4s;}
.nav_link_con_wrap{position: relative; }
.nav_link_con_box{width:155px; margin-left: 1px; height: 100%;float:left;overflow:hidden;padding:10px 0;transition: 0.4s ease;}
.nav_link_con_box a{color: #666}
.nav_link_con_box.hover a{color: #fff}
.globalNavLinkBtns{display:block;color:#fff;font-size:14px;padding:10px 0;position:relative;text-align:center;margin-left:-18px;}
.globalNavLinkBtns i{width:0;height:0;font-size:0;border-width:5px;border-style:solid;border-color: transparent transparent transparent #fff000;overflow:hidden;position:relative;left:2px;top:-4px;transition:0.3s;opacity:0;filter:alpha(opacity=0);}
.globalNavLinkBtns span{display:inline-block;position:relative;margin-left:12px;}
.globalNavLinkBtns span em{position:absolute;width:0;height:1px;left:0;background:#fff000;bottom:-4px;transition:0.3s;}
.globalNavLinkBtns:hover{ color: #fff000;}
.globalNavLinkBtns:hover.globalNavLinkBtns i{left:8px;opacity:1;filter:alpha(opacity=100);}
.globalNavLinkBtns:hover.globalNavLinkBtns em{width:100%;}

.globalNavLinkBtns.hover.globalNavLinkBtns i{left:8px;opacity:1;filter:alpha(opacity=100);}
.globalNavLinkBtns.hover.globalNavLinkBtns em{width:100%;}

/*头部开始*/
.head_top{
	width: 100%;
	height: 40px;
	line-height: 40px;
	background:#cb0202;
	color: #fff;
	position: relative;
	z-index: 999;
}
.head_weather{
	color: #fff;
}
#mobile1 div{
	color: #fff !important;
}
.pd15{padding: 0 15px}
.top_direct a {
	color: #fff;
	display: block;
	padding-left: 28px;
	font-size: 12px;
	transition: all .3s;
	-webkit-transition: all .3s;
	background: url(../images/direct.png) no-repeat left center;
}

.language{
	display: block;
	height: 40px;
	color: #fff;
	font-size: 14px;
	position: relative
}

a.language_link{color: #fff;padding-left: 24px;background: url(../images/national.png) no-repeat left center;display: block;position: relative}
a.language_link em{
	position: absolute;
	right: -15px;
	top:17px;
	width: 11px;
	height: 7px;
	background: url(../images/arrow1.png);
	transition: all .3s;
	-webkit-transition: all .3s;
}
.language_select{ display: none; width: 100%; position: absolute; left: 0; top: 100%; background: #e58a25; border-radius: 0 0 5px 5px;}
.language_select .language_link{ height: 30px; line-height: 30px; color: #fff;}
.language_select .language_link1{ height: 30px; line-height: 30px; color: #fff;display: block;text-align: center}
.language_select a.language_link1:hover{color: #eadb03}
.language:hover .language_select{ display: block;}
.language:hover a.language_link em{ transform: rotate(-180deg)}

.lang2{
	width: 100%;
	background: url(../images/japan.gif) no-repeat center 9px;
}
.language_select a.lang2:hover{
	background: url(../images/japan1.gif) no-repeat center 9px;
}
.lang3{
	width: 100%;
	background: url(../images/Korea1.gif) no-repeat center 9px;
}
.language_select a.lang3:hover{
	background: url(../images/Korea.gif) no-repeat center 9px;
}


.search_box{
	margin-right: 5px;
	border: 1px solid #fff;
	height: 28px;
	border-radius: 28px;
	padding:0 0 0 10px ;
	position: relative;
	top: 5px;
}
.search_box input{
	background: none;
	border: none;
	line-height: 28px;
	display: block;
	color: #fff;
}
.search_box input::-webkit-input-placeholder{
	color: #fff;
}
.search_box a.searchBtn{
	overflow: hidden;
	display: block;
	width: 40px;
	height: 28px;
	background: url(../images/search1.png) no-repeat center center;
}
.switch{
    position: fixed;
    right: 30px;
    bottom: 50px;
    width: 40px;
    height: 40px;
    background: #fff;
    z-index: 10;
}
.switch a{
    display: block;
    height: 100%;
    background: url(../images/switch.png) center center no-repeat;
}
/*头部结束*/
/*indexBanner开始*/
.banner{
	overflow: hidden;
	position: relative;
	z-index: 1;
}
.banner .bd{
	overflow: hidden;
	height: 790px;
}
.banner .bt{
	/*display: none;*/
	width: 75px;
	height: 75px;
	overflow: hidden;
	position: absolute;
	top: 50%;
	margin-top: -37px;
	z-index: 9;
	opacity: 1;
}
.banner .bt:hover{
	opacity: 1;
}
.banner .prev{
	left: 50px;
	background: url(../images/bannerPrev.png) no-repeat left top;
}
.banner .next{
	right: 50px;
	background: url(../images/bannerNext.png) no-repeat right top;
}
.banner .hd{
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 50px;
	text-align: center;
	z-index: 10;
}
.banner .hd ul{
	display: inline-block;
	overflow: hidden;
}
.banner .hd ul li{
	width: 12px;
	height: 12px;
	overflow: hidden;
	border: 1px solid transparent;
	float: left;
	display: inline;
	margin: 0px 5px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	text-indent: 99em;
	position: relative;
}
.banner .hd ul li:after{
	content: "";
	position: absolute;
	left: 2px;
	top: 2px;
	width: 8px;
	height: 8px;
	border-radius: 50%;
	background: #fff;
}
.banner .hd ul li.on{
	border-color: #d6000f;
}
.banner .hd ul li.on:after{
	background: #d6000f;
}
.banner_ul{
	height: 100%;
	overflow: hidden;
	position: relative;
}

.banner_ul li{
	width: 100%;
	left: 0px;
	top: 0px;
	height:100%;
	z-index: 1;
	position: absolute;
}
.banner_ul li.show{
	display: block !important;
	-webkit-animation: banner 0.8s linear;
	-o-animation: banner 0.8s linear;
	animation: banner 0.8s linear;
}
.banner_ul li.left{
	left: -100px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.bannerDeta{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute !important;
	left: 100%;
	top: 0px;
}
.bannerDeta>div{
	left:-2.5% !important;
	top: -2.5% !important;
}
.bnrTxt{
	position: absolute !important;
	top: 50% !important;
	left: 50% !important;
	height: 534px;
	width: 354px;
	margin-left: -177px;
	margin-top: -267px;
}
.bnrTxt .bnr1Txt1{
	position: absolute;
	left: 55px;
	top: 55px;
}
.bnrTxt .bnr1Txt2{
	position: absolute;
	left: 155px;
	top: 0;
}
.bnrTxt .bnr1Txt3{
	position: absolute;
	left: 0;
	top: 105px;
}
.bnrTxt .bnr1Txt4{
	position: absolute;
	left: 0;
	top: 155px;
}
/*.banner_ul li.on .bannerDeta{
    left: 0px;
}*/
/*第二通栏start*/
.indTitle{
	height: 45px;
	overflow: hidden;
	margin-bottom: 20px;
}
.tit1{
	font-size: 16px;
	color: #d40006;
	font-weight: bold;
}
.tit2{
	font-size: 14px;
	color: #d1d1d1;
	padding-top: 5px;
}
.indexMore a{
	display: block;
	font-size: 14px;
	color: #999;
	padding-top: 10px;
	transition: 0.2s;
}
.indexMore a:hover{
	color: #d40006;
}
.ind_item{overflow: hidden}
.ind_dl{overflow: hidden;margin: 0 -10px}
.ind_dl dd{float: left;display: inline;width: 25%;padding: 5px 0}
.ind_dl dd a{
	display: block;
	margin: 0 10px;
	position: relative;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transform: translateY(0px);
	-ms-transform: translateY(0px);
	-o-transform: translateY(0px);
	transform: translateY(0px);
}
.ind_dl dd .pic{position: relative;padding-top: 47.945%;width: 100%}
.ind_dl dd .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.ind_dl dd a span{font-size: 20px;position: absolute;left: 18px;top: 60px;}
.color1{color: #5a555d}
.color2{color: #fff}
.color3{color: #69ad42}
.color4{color: #d60208}
.ind_dl dd:hover a{
	background: #fff;
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
	box-shadow: 0px 0px 15px rgba(0,0,0,0.1);
}

/*新闻动态*/
.ind_new{overflow: height: ;}
.news1L{
	width: 500px;
	overflow: hidden;
	margin-right: 30px;
	position: relative;
}
.news1LSlide{
	position: relative;
	overflow: hidden;
}
.news1L .bd{
	height: 330px;
	overflow: hidden;
}
.news1L_dl{
	overflow: hidden;
	height: 100%;
}
.news1L_dl dd{
	overflow: hidden;
	height: 100%;
}
.news1L_dl .list_a{
	display: block;
	overflow: hidden;
}
.news1L_dl .pic{
	overflow: hidden;
	position: relative;
	padding-top: 66%;
	z-index: 3;
}
.news1L_dl .pic img{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
	object-fit: cover;
}
.news1LName{
	position: absolute;
	left: 0px;
	right: 0px;
	bottom: 0px;
	overflow: hidden;
	height: 50px;
	line-height: 50px;
	font-size: 16px;
	color:#fff;
	padding: 0px 20px;
	background: rgba(0,0,0,0.6);
	z-index: 4;
}
.newText{
	height: 50px;
	line-height: 50px;
	position: absolute;
	bottom: -50px;
}
.news1L .hd{
	position: absolute;
	right: 35px;
	bottom: 17px;
	overflow: hidden;
	z-index: 5;
}
.news1L ul{
	overflow: hidden;
}
.news1L ul li{
	width: 7px;
	height: 7px;
	overflow: hidden;
	float: left;
	display: inline;
	margin: 0px 3px;
	border: 1px solid #fff;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	text-indent: 99em;
	cursor: pointer;
}
.news1L ul li.on{
	background: #e60012;
	border-color: #e60012;
}
.news1R{
	overflow: hidden;
}
.news1R_dl{
	overflow: hidden;
}
.news1R_dl dd{
	padding: 10px 0px;
	overflow: hidden;
}
.news1R_dl .list_a{
	display: block;
	padding: 10px 20px;
	overflow: hidden;
	background: #fff;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.news1R_dl .list_a:hover{
	-webkit-transform: translateY(-5px);
	-ms-transform: translateY(-5px);
	-o-transform: translateY(-5px);
	transform: translateY(-5px);
	-webkit-box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.news1RName{
	overflow: hidden;
	font-size: 16px;
	color:#333;
	line-height: 30px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.news1RTime{
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 20px;
}
.news1RIntr{
	overflow: hidden;
	font-size: 14px;
	color:#999;
	line-height: 25px;
	height: 50px;
}
.list_a:hover .news1RName{
	color:#990000;
}
a.more{
	display: block;
	width: 145px;
	height: 43px;
	overflow: hidden;
	margin: 0px auto;
	font-size: 14px;
	color:#999;
	text-align: center;
	line-height: 43px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.more:hover{
	background: #990000;
	border-color:#990000;
	color:#fff;
}
.news1LSlide .ind1bt {display: block;width: 10px;height: 18px;overflow: hidden;position: absolute;bottom: 13px;z-index: 9;opacity: 0.5;right: 0}
.news1LSlide .prev {right: 86px;background: url(../images/prev1.png) no-repeat left top;}
.news1LSlide .next {right: 18px;background: url(../images/next1.png) no-repeat right top;}
.news1LSlide .ind1bt:hover{opacity: 1;}
.news1LSlide em{position: absolute;right: 50px;bottom: 14px;width: 1px;height: 30px;background: #fff;display: block;opacity: 1;z-index: 111}

.news1R {
	overflow: hidden;
}
.ind1Top{padding: 12px 0;border-bottom: 1px solid #ddd}
.ind1Top h3{margin-bottom: 8px}
.ind1Top h3 a{display: block;color: #333;font-size: 16px;font-weight: bold}
.ind1Top .time{color: #59c253;font-size: 14px;}
.ind1Top .time a{color: #999}
.ind1Top .time a:hover{color: #d40006}
.ind1dlR_intr{font-size: 14px;line-height: 26px;color: #858585;
	overflow : hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	margin-bottom: 10px;
}

.ind1st_dl{
	overflow: hidden;
}
.ind1st_dl dd{
	height: 35px;
	overflow: hidden;
	line-height: 35px;
}
a.listName{
	font-size: 14px;
	color:#444;
	padding-left: 10px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-transform: translateX(0px);
	-ms-transform: translateX(0px);
	-o-transform: translateX(0px);
	transform: translateX(0px);
}
.ind1st_dl dd a.listName{
	background: url(../images/trangleRight.png) no-repeat left center;
}
.listName:hover{
	-webkit-transform: translateX(5px);
	-ms-transform: translateX(5px);
	-o-transform: translateX(5px);
	transform: translateX(5px);
	color:#cb0202;
}
.ind1st_dl dd a.listName:hover{
	background: url(../images/trangleRight_h.png) no-repeat left center;
}
.listTime{
	font-size: 14px;
	color:#999;
	overflow: hidden;
}

/*项目展示*/
.programSlide{
	position: relative;
}
.programSlide a.bt{
	position: absolute;
	top: -54px;
	width: 35px;
	height: 35px;
	display: none;
}
.programSlide .prev{
	right: 45px;
	background: url(../images/prev2.png) no-repeat center center;
	transition: all .3s;
}
.programSlide .prev:hover{
	right: 45px;
	background: url(../images/prev2_h.png) no-repeat center center;
}
.programSlide .next{
	right: 0;
	background: url(../images/next2.png) no-repeat center center;
	transition: all .3s;
}
.programSlide .next:hover{
	right: 0px;
	background: url(../images/next2_h.png) no-repeat center center;
}
.programSlide .bd{
	overflow: hidden;
}
.caseBig_dl{
	margin: 0px -7px !important;
	overflow: hidden;
	height: 100%;
}
.caseBig_dl dd{
	width: 33.3333333333%;
	float: left;
	display: inline;
	overflow: hidden;
	height: 100%;
}

.caseBigImg{
	margin: 0px 7px;
	height: 100%;
}
.caseBigImg a:hover img{
	transform: scale(1.05);
}
.caseBig_dl .list_a{
	position: relative;
	display: block;
	width: 100%;
}
.caseBig_dl .listTit{
	text-align: center;
	line-height: 40px;
	font-size: 16px;

}
.imgDivBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	top: 0px;
}
.imgDivBox .imgDiv{
	padding-top: 0px;
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0px;
}
.imgDivL{
	z-index: 3;
}
.imgDivR{
	z-index: 2;
}
.imgDivL img{
	/*filter: grayscale(100%);*/
	/*-webkit-filter: grayscale(100%);*/
	/*-moz-filter: grayscale(100%);*/
	/*-ms-filter: grayscale(100%);*/
	/*-o-filter: grayscale(100%);*/
	-webkit-transform: scale();
	-ms-transform: scale();
	-o-transform: scale();
	transform: scale();
}

/*底部开始*/
.footerBox{
	position: relative;
	z-index: 9;
	background:#242424 url(../images/foot_bg.png) bottom center no-repeat;
	padding: 50px 0 30px 0;
}
.footLogo{}
.footTel{
	padding-left: 55px;
	background: url(../images/footTel.png) left center no-repeat;
	font-size: 30px;
	color: #d50009;
	font-weight: bold;
	margin: 10px 0 0 30px;
}
.footLeft{position: relative;}

.footT_dl{overflow: hidden;}
.footT_dl dd{float: left;display: inline;margin-right: 28px;position: relative}
.footT_dl dd:after{content: "";position: absolute;left: -14px;height: 10px;width: 1px;background: #646464;top: 10px}
.footT_dl dd+dd:after{border: none;}
.footT_dl dd a{height: 30px;font-size: 14px;color: #7d7d7d;line-height: 30px;transition: all .3s;-webkit-transition:  all .3s;}
.footT_dl dd a:hover{color: #9f9f9f;}
.footCopyRight{
	font-size: 14px;
	color: #4d4d4d;
	line-height: 30px;
}
.footCopyRight a{
	color: #4d4d4d;
}
.footCopyRight a:hover{
	color: #9f9f9f;
}
.friendLink{
	border: 1px solid #484848;
	height: 45px;
	width: 305px;
	line-height: 45px;
	position: relative;
}
.friendLink .linkText{
	position: relative;
	height: 100%;
	padding-left: 15px;
	color: #7d7d7d;
	font-size: 14px;
	cursor: pointer;
}
.friendLink .linkIco{
	display: block;
	position: absolute;
	right: 15px;
	top: 50%;
	border: 7px solid #7d7d7d;
	border-top-color:transparent ;
	border-left-color:transparent ;
	border-right-color:transparent ;
	margin-top: -12px;
}
.friendLink .linkList{
	position: absolute;
	bottom: 100%;
	left: -1px;
	border: 1px solid #e5e5e5;
	width: 100%;
	background: #fff;
	display: none;
	max-height:145px ;
	overflow-y: auto;
}
.friendLink .linkList a{
	display: block;
	padding-left: 15px;
	border-top: 1px solid #e5e5e5;
	line-height: 35px;
}
/*底部结束*/
/*----------------------------- 首页样式end -----------------------------*/
/*----------------------------- 内页框架 start -----------------------------*/
/* subPage */
.subPage{
	position: relative;
	z-index: 2;
}
.pageLeft{
	width: 320px;
	margin-right: 20px;
	display: none;
}
.pageLeftC{
	padding: 10px;
	background: #cb0202;
	border-radius: 8px;
}
.subMenuTit{
	font-size: 18px;
	color: #fff;
	line-height: 75px;
	height: 75px;
	padding: 0 10px;
	position: relative;
}
.subMenuTit .titleCn{
	font-size: 32px;
	position: absolute;
    left: 66px;
    top: -8px;
}
.subMenuTit .titleEn{
	font-size: 14px;
}
.subMenuTit .titleEn:first-letter {
	font-size: 68px;
}
.subMenuIco{
	position: absolute;
	right:0;
	bottom: -23px;
	width: 112px;
	height: 79px;
	background: url(../images/leftIco2.png) center center no-repeat;
}
.subMenu{
	padding: 10px;
	background: #fff;
	border-radius: 4px;
}
.subMenu dd{
	line-height: 50px;
}
.subMenu dd+dd{
	border-top: 1px solid #d6d6d6;
}
.subMenu a{
	display: block;
	color: #555;
	font-size: 16px;
	background: url(../images/leftIco1.png) right center no-repeat;
	transition: 0.3s ease;
}
.subMenu a:hover{
	color: #cb0202;
	background: url(../images/leftIco1_h.png) right center no-repeat;
}
.wxCodeBox{
	padding: 10px;
}
.wxCodeIco{
	width: 130px;
	height: 222px;
	margin-right: 13px;
	background: url(../images/wxCodeIco.png) center center no-repeat;
}
.wxCodeImg{
	padding-top: 5px;
}
.wxCodeImg span{
	display: block;
	color: #fff;
	font-size: 16px;
	line-height: 30px;
	text-align: center;
}
.wxCodeImg img{
	width: 136px;
	height: 136px;
	border-radius: 5px;
}

.subMenu dd.hover a{
	color: #cb0202;
	background: url(../images/leftIco1_h.png) right center no-repeat;
}
.subTitle{
	height: 45px;
	border-bottom: 1px #e6e6e6 solid;
	display: none;
}
.subTitle1{
	font-size: 22px;
	line-height: 45px;
	/* border-bottom: 3px #cb0202 solid; */
	color: #333;
	position: relative;
	margin-top: -2px;
}
.subTitle .location{
	height: auto;
}
.subTitle .location span{
	float: left;
	line-height: 40px;
    height: 40px;
}
.subTitle .location a{
	line-height: 40px;
	height: 40px;
	padding: 0;
}
.subTitle .location a~a{
	padding-left:14px;
}
.textImg1{
	overflow: hidden;
	padding:0;
	border: none;
}
.textImg1 dd{
	border: none;
}
.textImg1 dd+dd{
	border-top: 1px solid #e6e6e6;
}
.subPage .textImg1 p{
	height: 90px;
	text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
}

/*内页banner*/
.subBanner{
	clear: both;
	width: 100%;
	padding-top:360px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
	transition: all 1.5s cubic-bezier(0.215,.61,.215,1);
    -webkit-transition: all 1.5s cubic-bezier(0.215,.61,.215,1);
    transform: scale(1.05);
    -webkit-transform: scale(1.05)
}
.subBanner.hover{
	transform: scale(1);
	-webkit-transform: scale(1)
}
.channelBanner{
	clear: both;
	width: 100%;
	height:500px;
	background-position: center center;
	background-repeat: no-repeat;
	background-size:cover;
	position:relative;
}
.bannerLine{
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 2;
    background: url(../images/lineShadow.png) repeat;
    opacity: 0.1;
	display: none;
}

/*当前位置*/
.locationBase{
	width: 100%;
	height: 60px;
	clear:both;
	position: relative;
	z-index: 10;
}
.locationBox.fixed{
	position: fixed;
	left: 0px;
	top: 0px;
	z-index: 995;
}
.locationBox{
	width: 100%;
	height: 60px;
	background: #fff;
	box-shadow:0 1px 10px rgba(0,0,0,0.05);
}
.location{
	height: 60px;
	overflow: hidden;
	padding-left: 25px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/home.png);
    background-size: auto 17px;
}
.location a{
	display: inline;
	float: left;
	height: 60px;
	line-height: 60px;
	padding-left: 14px;
	margin-right: 10px;
	background-position: left center;
	background-repeat: no-repeat;
	background-image: url(../images/trangleRight.png);
	color: #a3a3a3;
	font-size: 14px;
}
/* .location a:hover{color:#cb0202;background: url(../images/trangleRight_h.png) no-repeat left center;} */
.location a.hover{color:#cb0202;background: url(../images/trangleRight_h.png) no-repeat left center;}

/*内页导航*/
.nav{margin-right:-15px;height: 60px;position: relative;}
.nav a{
	display: inline;
	float: left;
	line-height: 60px;
	height:57px;
	color: #666666;
	font-size: 14px;
	padding:0 20px;

}
.nav a.hover{color: #cb0202}
.nav a:hover{color: #cb0202}
.navLine{
    display: block;
    width: 0px;
    height: 3px;
    background: #cb0202;
    position: absolute;
    left: 0px;
    bottom: 0px;
}

/**
 * 新闻上下页
 * @author 杨朝杰
 * @return
 */
.moreBt3{width:100%; height:30px; text-align:center;}
.moreBt3 button{width:30px; height:30px; display:inline-block; border:1px solid #e6e6e6; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; outline:none; cursor:pointer;}
.moreBt3 .works_prev{background:#fff url(../images/works_arr.png) no-repeat -11px -10px;}
.moreBt3 .works_prev:hover{background:#d61f19 url(../images/works_arr.png) no-repeat -63px -10px;}
.moreBt3 .works_next{background:#fff url(../images/works_arr.png) no-repeat -63px -60px;}
.moreBt3 .works_next:hover{background:#d61f19 url(../images/works_arr.png) no-repeat -11px -60px;}
.works_prev, .works_next,{border-radius:2px; vertical-align:middle;}

.articleB_box{
	clear:both;
	height:30px;
	overflow:hidden;
	background:#f8f9fb;
	color:#666;
	font-size:14px;
	line-height:30px;
	}
.articleB_box i{color:#cb0202}
.pageUp{
	clear:both;
	overflow:hidden;
	line-height:35px;
	font-size:16px;
	padding:20px 0;
}

.pageBoxC2{
	padding:20px 40px;
	overflow: hidden;
	background: #fff;
}

.titleBox{ width:1200px; text-align:center; margin:0 auto; overflow:hidden;padding:10px 0;}
.titleBox h1{ font-size:22px; color:#333; line-height:20px;float:left; font-weight:normal;}
.titleBox h1 em{ font-size:16px; color:#888; padding:0 0 0 10px;}
.titleBox span{ font-size:14px; color:#666; float:right; line-height:20px;}
.titleBox span a{
	background: #bebebe;
    border-radius: 35px;
    padding: 5px 20px;
    font-size: 12px;
    color: #ffffff;
    display: inline-block;
	}
.titleBox span a:hover{ color:#fff; background:#d61f19}
/*----------------------------- 内页框架 end -----------------------------*/
/* 关于我们 start */
.layerBgBox{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 3;
}
.layerBg{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	z-index: 3;
}
/*
* 关于俊发螺蛳湾 第一通栏 lxb 2019-03-02
*/
.row ,.wrap{
	position: relative;
	z-index: 4;
}
.about1{
	height: 716px;
}
.about1L{
	width: 690px;
	overflow: hidden;
	margin-right: 30px;
}
.publicTit .En{
	overflow: hidden;
	font-size: 30px;
	color:#cb0202;
	line-height: 45px;
	font-weight: bold;
	display: none;
}
.publicTit .Cn{
	overflow: hidden;
	font-size: 30px;
	color:#555;
	font-weight: bold;
}
.publicTit.cfff .En ,
.publicTit.cfff .Cn {
	color: #fff;
}
.about1LIntr{
	overflow: hidden;
	font-size: 14px;
	color:#555;
	line-height: 30px;
}
.about_detail a{
	display: block;
	width: 175px;
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	background: #cb0202;
	border-radius: 40px;
}
.about1R{
	width: 430px;
}
.bg1C{
	width: 405px;
	height: 270px;
	background: #cb0202;
	margin-top: 140px;
	position: relative;
}
.aboutVideo{
	width: 405px;
	height: 270px;
	background: #fff;
	position: absolute;
	top: 18px;
	right: 18px;
}
.video_a{
	display: block;
	overflow: hidden;
	position: relative;
	pointer-events: none;
}
.video_a .imgDiv{
	padding-top: 66.66667%;
}
.videoTit{
	width: 100%;
	height: 40px;
	line-height: 40px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-indent: 2em;
	z-index: 3;
	font-size: 14px;
	color:#fff;
}
.videoIcon{
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 2;
	display: none;
}
.imgDiv img {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0px;
	top: 0px;
}
.videoIcon span{
	display: block;
	overflow: hidden;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 75px;
	height: 75px;
	margin: -39px 0px 0px -39px;
	background: url(../images/play.png) no-repeat center center;
}

/*未来计划*/
.tc{text-align: center}
.about2{
	height: 820px;
	width: 100%;
	background: url(../images/planBg.png);
}
.planBox{overflow: hidden}
.point_dl {
	position: relative;
	padding-top: 49.829%;
	background: url(../images/plan.png) no-repeat center center;
}
.point_dl dd .point_a{
	z-index: 2;
	position: absolute;
	display: block;
	transition: 1s;
	-webkit-transition: 1s;
	animation: roller4 2s linear infinite;
	-webkit-animation: roller4 2s linear infinite;
}
.point_dl dd.dd1 .point_a {
	 top: 0;
	 left: 300px;
	 width: 109px;
	 height: 194px;
	 background: url(../images/plan/type1.png) no-repeat center center;
}
.point_dl dd.dd2 .point_a {
	bottom: 34%;
	left: 283px;
	width: 84px;
	height: 84px;
	background: url(../images/plan/type2.png) no-repeat center center;
}
.point_dl dd.dd3 .point_a {
	bottom: 38%;
	left: 436px;
	width: 84px;
	height: 84px;
	background: url(../images/plan/type3.png) no-repeat center center;
}
.point_dl dd.dd4 .point_a {
	top: 220px;
	left: 585px;
	width: 110px;
	height: 109px;
	background: url(../images/plan/type4.png) no-repeat center center;
}
.point_dl dd.dd5 .point_a {
	top: 50px;
	right: 410px;
	width: 68px;
	height: 134px;
	background: url(../images/plan/type5.png) no-repeat center center;
}
.point_dl dd.dd6 .point_a {
	top: 85px;
	right: 305px;
	width: 84px;
	height: 213px;
	background: url(../images/plan/type6.png) no-repeat center center;
}
.point_dl dd.dd7 .point_a {
	bottom: 110px;
	right: 325px;
	width: 68px;
	height: 173px;
	background: url(../images/plan/type7.png) no-repeat center center;
}
.point_dl dd.dd8 .point_a {
	top: 110px;
	left: 210px;
	width: 715px;
	height: 294px;
	background: url(../images/plan/type8.png) no-repeat center center;
}
@keyframes roller4{
	0%{
		-webkit-transform: translateY(5px)
	}
	50%{
		-webkit-transform: translateY(-5px)
	}
	100%{
		-webkit-transform: translateY(5px)
	}
}

/*下属公司*/
.about3{
	height: 666px;
}
.boxAbout{
	width: 420px;
}
.introAbot{
	font-size: 14px;
	color: #dedede;
	line-height: 26px;
	padding: 25px 0 40px;
}
.about3FR{width: 705px;overflow: hidden}
.about3_ul{margin: 0 -10px}
.about3_ul li{display: inline;width: 33.33333%;float: left}
.about3_ul li a{display: block;margin: 0 10px}
.about3_ul li .pic{
	padding-top: 100%;
	position: relative;
}
.about3_ul li .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
}

/*企业荣誉*/
.about4{
	height: 771px;
}
.hor_box{
	position: relative;
}
.hor_box .bd{
	overflow: hidden;
	height: 430px;
	margin: 0 -10px;
}
.honor_box{overflow: hidden;}
.honor_box dd{
	display: inline;
	float: left;
	width: 33.33333%;
	padding: 5px 0;
}
.honor_box dd a{
	display: block;
	margin: 0 10px;
	background: #fff;
	transition: 0.4s ease;
}
.picImg{position: relative;padding: 24px 22px}
.honor_box dd .pic{width: 100%;position: relative;padding-top: 72.514%}
.honor_box dd .pic img{ object-fit: contain; width: 100%;height:100%;position: absolute;left: 0;top: 0;}

.honor_box dd:hover .indShade{
	visibility:visible;
	opacity:1;
	transform: scale(1);
}

.honor_box dd .txt{position: relative;font-size: 16px;color: #4c4c4c;height: 55px;line-height: 55px;text-align: center;transition: all .8s}
.honor_box dd:hover .txt{background: #cb0202;color: #fff}
.honor_box dd:hover a{
	transform: translateY(-4px);
	box-shadow: 0 0 13px 1px rgba(0,0,0,0.1)
}
.hor_box .hd{
	width: 100%;
	overflow: hidden;
	position: absolute;
	left: 0px;
	bottom: 20px;
	text-align: center;
	z-index: 10;
}
.hor_box .hd ul{
	display: inline-block;
	overflow: hidden;
}
.hor_box .hd ul li{
	width: 12px;
	height: 12px;
	overflow: hidden;
	border: 1px solid #cb0202;
	float: left;
	display: inline;
	margin: 0px 5px;
	-webkit-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	-ms-border-radius: 100%;
	-o-border-radius: 100%;
	border-radius: 100%;
	cursor: pointer;
	text-indent: 99em;
	position: relative;
}
.hor_box .hd ul li.on{
	background: #cb0202;
	border-color: #cb0202;
}

/*发展历程*/
.about5{
	height: 771px;
	position: relative;
}
.about5 .eventBox{
	font-size: 16px;
	color: #fff;
	line-height: 30px;
	width: 420px;
	margin: 0 auto;
	background: none;
}
.lineMove{
	position: absolute;
	top: 228px;
	width: 100%;
	height: 435px;
	background: url(../images/line.png) no-repeat left center;
	z-index: 888;
	transition: all .3s;
}
@-webkit-keyframes slideWidth {
  0% {
    width:0;
  }

  100% {
    width:1920px;
  }
}

@keyframes slideWidth {
  0% {
    width:0;
  }

  100% {
    width:1920px;
  }
}

.slideWidth {
  -webkit-animation-name: slideWidth;
          animation-name: slideWidth;
}
.lineMove.mover{
	width: 100%;
}
.event_ul{
	overflow: hidden;
	position: relative;
	height: 600px;
}
.event_ul li{
	position: absolute;
	height: 100px;
	width: 100px;
	border-radius: 50%;
	border: 1px dashed #fff;
	z-index: 9999;
}
.event_ul li a{
	display: block;
	width: 90px;
	height: 90px;
	background: #fff;
	border-radius: 50%;
	line-height: 90px;
	text-align: center;
	color: #cb0202;
	font-size: 18px;
	margin-top: 5px;
	margin-left: 5px;
	font-weight: bold;
	transition: all .3s;
}
.event_ul li.hover a{
	background: #cb0202;
	color: #fff;
}
.event_ul li:hover a{
	background: #cb0202;
	color: #fff;
}
.event_ul li.li1{
	right: 80px;
	top: 45px;
}
.event_ul li.li2{
	right: 240px;
	top: 125px;
}
.event_ul li.li3{
	right: 415px;
	top: 140px;
}
.event_ul li.li4{
	right: 615px;
	top: 150px;
}
.event_ul li.li5{
	right: 735px;
	top: 220px;
}
.event_ul li.li6{
	right: 327px;
    top: 135px;
}
.event_ul li.li7{
	left: 305px;
    top: 218px;
}

/*社会责任*/
.found_dl{margin: 0 -20px}
.found_dl dd{
    float: left;
    width: 33.333333%;
    display: inline;
}
.found_dl dd a{
    display: block;
    margin: 0 20px;
    position: relative;
    padding-left: 60px;
}
.found_dl dd a .title{
    font-size: 16px;
    color: #555;
    margin-bottom: 15px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.found_dl dd a .pic{
    padding-top: 56.66666666666667%;
    position: relative;
}
.found_dl dd a .pic img{
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.intro{
    font-size: 14px;
    color: #858585;
    line-height: 24px;
}
.dateBox{
    position: absolute;
    left: 0;
    top: 0;
    width: 45px;
    height: 45px;
    background: #c7c7c7;
    text-align: center;
    transition: all .3s;
}
.dateBox em{
    display: block;
    font-size: 20px;
    color: #fff;
    font-style: normal;
}
.dateBox span{
    display: block;
    font-size: 14px;color: #fff;
}
.found_dl dd:hover .dateBox{background: #cb0202}
.found_dl dd.hover .dateBox{background: #cb0202}

/*第七栏*/
.about7{
	height: 690px;
	position: relative;
}
.about7_fl{
	width: 960px;
	height: 100%;
	position: absolute;
	right: 50%;
	top: 0;
}
.about7_fl .pic{
	width: 100%;
}
.about7_fl .pic img{
	
}
.about7_fr{
	width: 960px;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 0;
}
.about7_fr .pic img{
	
}
/* 关于我们 end */
/* 导航二 start */
.headBox{
	position: relative;
	padding-top: 4px;
}
.headBox:after{
	content: '';
	display: block;
	height: 4px;
	background: url(../images/menuLine.png) center center;
	background-repeat:repeat-x ;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}
.headBox .wrap{
    position: relative;
    z-index: 2;
}
.menuBox{z-index: 9;position: relative;}
.menuDl{
    position: relative;
}
.menuDl dd{
	display: inline;
	float:left;
    padding: 0 5px;
    position: relative;
    z-index: 3;
}
.menuDl dd span a{
	display: block;
	height:80px;
	overflow: hidden;
	line-height: 80px;
	color: #454545;
	font-size:14px;
	font-weight:bold;
	position: relative;
    padding: 0px 10px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.menuDl dd.hover span a{color: #d5000c}
.menuDl dd span a i{
	display: none;
	width: 100%;
	height: 2px;
	overflow: hidden;
	background: #d6000f;
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.menuDl dd.hover span a i{
    display: block;
}
.menuDl dd .div_a{
	width: 100%;
	overflow: hidden;
	position: absolute;
	top: 108px;
	left: 0;
	z-index: 99;
	background:#fff;
	display: none;
}
.menuDl dd .div_a a{
	display: block;
	height: 35px;
	overflow: hidden;
	text-align: center;
	line-height: 35px;
	text-align: center;
	color: #333333;
	font-size: 14px;
}
.menuDl dd .div_a a.hover{background: #fff}
.menuDl dd .div_a a:hover{background: #fff}
.subMenuDiv{
	display: none;
	width: 100%;
	position: absolute;
	/*left: 0px;*/
	top: 80px;
	/*opacity: 0;*/
	z-index: 1;
}
.menuDl dd.hover .subMenuDiv{
	z-index: 3;
}
.menuDl dt{
    width: 0px;
    height: 3px;
    /* height:100%; */
    overflow: hidden;
    background: #d6000f;
    position: absolute;
    left: 0px;
    bottom: 0px;
    z-index: 2;
}
.subMenu_ul{
    width: 1000px;
    overflow: hidden;
    padding: 10px 0px;
    position: relative;
    z-index: 3;
}
.subMenuShadow{
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 0px;
    z-index: 1;
    width: 50000px;
    margin-left: -25000px;
}
/*.subMenu_ul:after{
    display: block;
    left: 15px;
    right: 15px;
    overflow: hidden;
    top: 0px;
    height: 0px;
    z-index: 1;
    background: #fff;
}*/
.subMenu_ul li{
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    position: relative;
    z-index: 2;
    float: left;
    display: inline;
    margin: 0px 15px;
    -webkit-transform: translateY(0px);
    -ms-transform: translateY(0px);
    -o-transform: translateY(0px);
    transform: translateY(0px);
    /*-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;*/
}
.menuDl dd.hover .subMenu_ul li{
    opacity: 0;
    -webkit-animation: liMove 0.3s linear forwards;
    -o-animation: liMove 0.3s linear forwards;
    animation: liMove 0.3s linear forwards;
}
@keyframes liMove{
    0%  {transform: translateY(-110%);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.menuDl dd.hide .subMenu_ul li{
    opacity: 1;
    -webkit-animation: liHIde 0.3s linear forwards;
    -o-animation: liHIde 0.3s linear forwards;
    animation: liHIde 0.3s linear forwards;
}
@keyframes liHIde{
    0%  {transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(110%);opacity: 0;}
}
.subMenu_ul li a{
    display: block;
    overflow: hidden;
    font-size: 14px;
    color:#ccc;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.subMenu_ul li a:hover{
    color:#fff;
}
.half .subMenu_ul li a{
    font-size: 14px;
}
.subMenu_ul li a span{
    position: relative;
}


.subMenu_ul li a span em{
    display: block;
    width: 2px;
    height: 10px;
    overflow: hidden;
    position: absolute;
    left: 0px;
    top: 50%;
    margin-top: -5px;
    background: #d6000f;
}
.subMenuR{
	width: 50%;
	overflow: hidden;
	padding: 20px 0px;
}
.menuTop{
	height: 40px;
	line-height: 40px;
	display: block;
	overflow: hidden;
	font-size: 24px;
	color:#555;
	padding-left: 50px;
}
.subMenuCont{
	overflow: hidden;
	position: relative;
	margin-right: 15px;
}
.listBg{
	width: 0px;
	height: 0px;
	overflow: hidden;
	background: rgba(255,255,255,1);
	position: absolute;
	left: 0px;
	top: 0px;
}
.subMenuTop{
	height: 40px;
	line-height: 40px;
	display: none;
	font-size: 16px;
	color:#888;
	overflow: hidden;
	padding: 15px 0px 10px 50px;
}
.half{
	float: left;
	display: inline;
	width: 50%;
}
/*.subMenuR.half{
	width: 66.6666666%;
}
.subMenuR.half{
	padding-left: 33.3333333%
}*/
.half .subMenuTop{
	display: block;
}
.subMenuL{
    width: 50%;
    padding: 20px 0px;
}
.subMenuTxt{
    height: 250px;
	overflow: hidden;
    padding: 20px;
    margin: 0px 20px;
}
.subMenuLTop{
	display: none;
	text-align: center;
	font-size: 34px;
	color:#333;
	overflow: hidden;
}
.subMenuIntr{
    display: none;
	overflow: hidden;
	font-size: 14px;
	color:#404040;
	line-height: 25px;
}
.menuBg{
	display: none;
	width: 100%;
    height: 50px;
	overflow: hidden;
	position: absolute;
	left: 0px;
	top: 84px;
    z-index: 2;
	background: rgba(0,0,0,0.6);
}
.subMenuDiv.showMenu{
	-webkit-animation: showMenu 0.5s linear forwards;
	-o-animation: showMenu 0.5s linear forwards;
	animation: showMenu 0.5s linear forwards;
}
@keyframes showMenu{
	0%  {opacity: 0.5}
	100%{opacity: 1}
}
.subMenuDiv.hideMenu{
	-webkit-animation: hideMenu 0.5s linear forwards;
	-o-animation: hideMenu 0.5s linear forwards;
	animation: hideMenu 0.5s linear forwards;
}
@keyframes hideMenu{
	0%  {opacity: 0.2}
	100%{opacity: 0}
}
.headBox .wrap{
	position: relative;
	z-index: 3;
}
.topR{
    /*clear:both;*/
}
.languageBox{
    font-size: 14px;
    color:#666;
    height: 20px;
    line-height: 20px;
    padding: 30px 0px;
    position: relative;
    margin: 0px 15px;
}
a.lang_a{font-weight: bold;color:#888;}
.languageBox:hover .lang_a{
    color:#d6000f;
}
.lang_dl{
    display: none;
    width: 270px;
    overflow: hidden;
    position: absolute;
    left: 50%;
    top: 80px;
    margin-left: -135px;
}
.lang_dl dd{
    overflow: hidden;
    float: left;
    display: inline;
    font-size: 14px;
    color:#333;
    position: relative;
}
.lang_dl dd:nth-child(1){
    animation-delay: 0s;
}
.lang_dl dd:nth-child(2){
    animation-delay: 0.12s;
}
.lang_dl dd:nth-child(3){
    animation-delay: 0.18s;
}
.languageBox.show .lang_dl dd{
    opacity: 0;
    -webkit-animation: languaShow 0.3s linear forwards;
    -o-animation: languaShow 0.3s linear forwards;
    animation: languaShow 0.3s linear forwards;
}
@keyframes languaShow{
    0%  {transform: translateY(-110%);opacity: 0;}
    100%{transform: translateY(0px);opacity: 1;}
}
.languageBox.hide .lang_dl dd{
    opacity: 1;
    -webkit-animation: languaHide 0.3s linear forwards;
    -o-animation: languaHide 0.3s linear forwards;
    animation: languaHide 0.3s linear forwards;
}
@keyframes languaHide{
    0%  {transform: translateY(0px);opacity: 1;}
    100%{transform: translateY(110%);opacity: 0;}
}
.lang_dl dd a{
    display: block;
    width: 90px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    color:#ccc;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.lang_dl dd em{
    display: block;
    width: 1px;
    height: 15px;
    overflow: hidden;
    position: absolute;
    right: 0px;
    top: 50%;
    margin-top: -7px;
    background: rgba(255,255,255,0.2);
}
.lang_dl dd a:hover{
    color:#fff;
}
.topSeaBox{
    position: relative;
    padding: 23px 0px;
}
.topSeaInp{
    display: none;
    position: absolute;
    left: 0px;
    top: 80px;
    overflow: hidden;
    padding: 10px 0px;
}
.topSeaBox input{
    height: 30px;
    overflow: hidden;
    background: none;
    border:1px solid rgba(255,255,255,0.2);
    outline: none;
    z-index: 2;
    font-size: 14px;
    color:#fff;
    line-height: 30px;
    font-family: 'microsoft yahei';
    border-radius: 3px;
}
.topSeaBox:hover input{
    display: block;
}
.fixedMenu{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 80px;
}
.topSearch {
    display: block;
    width: 30px;
    height: 30px;
    position: relative;
    z-index: 3;
    background: url(../images/search.png) no-repeat center center;
	transition: 0.2s ease;
}
.topSearch:hover{
	background: url(../images/search_h.png) no-repeat center center;
}
.webMapBt {
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    top: 14px;
    background: #fff url(../images/menu.png) no-repeat center center;
    z-index: 995;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
/* 导航二 end */
/* 网站地图 start */
.oh{
    overflow: hidden;
}
.webMapBt{
    display: block;
    width: 46px;
    height: 46px;
    overflow: hidden;
    position: fixed;
    right: 15px;
    top: 14px;
    background: #fff url(../images/menu.png) no-repeat center center;
    z-index: 995;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.webMapBt:hover{
    background: #d6000f url(../images/menu_h.png) no-repeat center center;
}
.webMap{
    width: 405px;
    height: 100%;
    overflow: hidden;
    background: #fff;
    position: fixed;
    right: -100%;
    top: 0px;
    z-index: 999;
}
.webMapBg{
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: fixed;
    left: 0px;
    top: 0px;
    z-index: 998;
    background: rgba(0,0,0,0.5);
    filter: progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#50000000',endColorstr = '#50000000');
}
.webMapCont{
    position: relative;
    overflow: hidden;
}
.webMapScroll{
    overflow-x: hidden;
    overflow-y: auto;
    height: calc(100vh - 80px);
}
.webMapTop{
    background: #f5f5f5;
    padding: 0px 20px;
    overflow: hidden;
    border-bottom: 1px solid #ddd;
}
.closeMap{
    display: block;
    width: 40px;
    height: 40px;
    overflow: hidden;
    background: url(../images/close_h.png) no-repeat center center;
    background-size: 25px auto;
    margin-top: 20px;
}
.webMapTit{
    font-size: 18px;
    color:#fff;
    overflow: hidden;
    padding-top: 22px;
    height: 62px;
}
.webMapTit img{
	height: 35px;
}
.webMapMenu{
    overflow: hidden;
    padding: 10px 20px 20px 20px;
}
.webMapMenuBox{
    padding: 7px 0px;
    overflow: hidden;
    border-bottom: 1px solid #f2f2f2;
}
.webMap_dl{
    overflow: hidden;
    padding-left: 20px;
    margin-right: -15px;
}
.webMapMenuBox:last-child{
    border-bottom: none;
}
.webMapTopMenu{
    overflow: hidden;
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    text-align: left;
    color:#333;
    font-weight: bold;
}
.webMapIcon1 a{
    background: url(../images/webMapIcon.png) no-repeat left 4px;
}
.webMapIcon1 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -31px;
}
.webMapIcon2 a{
    background: url(../images/webMapIcon.png) no-repeat left -65px;
}
.webMapIcon2 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -100px;
}
.webMapIcon3 a{
    background: url(../images/webMapIcon.png) no-repeat left -136px;
}
.webMapIcon3 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -171px;
}
.webMapIcon4 a{
    background: url(../images/webMapIcon.png) no-repeat left -207px;
}
.webMapIcon4 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -242px;
}
.webMapIcon5 a{
    background: url(../images/webMapIcon.png) no-repeat left -274px;
}
.webMapIcon5 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -309px;
}
.webMapIcon6 a{
    background: url(../images/webMapIcon.png) no-repeat left -336px;
}
.webMapIcon6 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -371px;
}
.webMapIcon7 a{
    background: url(../images/webMapIcon.png) no-repeat left -407px;
}
.webMapIcon7 a:hover{
    background: url(../images/webMapIcon.png) no-repeat left -442px;
}
.webMapTopMenu a{
    color:#333;
    padding-left: 20px;
    /*-webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;*/
}
.webMap_dl dd{
    float: left;
    display: inline;
    margin-right: 15px;
    overflow: hidden;
    height: 25px;
    line-height: 25px;
}
.webMap_dl dd a{
    font-size: 14px;
    color:#999;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.webMapTopMenu a:hover,
.webMap_dl dd a:hover{
    color:#d6000f;
}
.busineDiv .banShadow{opacity:0.5;}
.webMapOther{
    overflow: hidden;
    border-top: 5px solid #ddd;
    padding: 10px 20px;
    text-align: center;
    font-size: 0px;
}
.webGroupTit{
    padding-left: 20px;
    background: url(../images/webGroup.png) no-repeat left center;
}
.webGroup{
    overflow: hidden;
    line-height: 25px;
    font-size: 14px;
    color:#666;
    padding-left: 20px;
    margin-right: -15px;
}
.webGroup a{
    color:#666;
    float: left;
    margin-right: 15px;
    font-size: 14px;
    -webkit-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.webGroup a:hover{
    color:#d6000f;
}
.webMapOther .webCenter{
    display: inline-block;
    overflow: hidden;
}
.webMapOther .webMapMenuBox{
    border:none;
}
.footCode{
    float: right;
    display: inline;
    padding-top: 22px;
}
.codeTxt{
	font-size: 14px;
	color: #fff;
	float: left;
	line-height: 30px;
}
.footCode .ico{
	width: 30px;
	height: 30px;
	float: left;
	display: inline;
	cursor: pointer;
	position: relative;
	margin-left: 15px;
}
.footCode .ico1{
	background: url(../images/wxIco.png) center center no-repeat;
}
.footCode .ico2{
	background: url(../images/qqIco.png) center center no-repeat;
}
.footCode .ico3{
	background: url(../images/wbIco.png) center center no-repeat;
}
.footCode .ico .codeImg{
	height: 120px;
	width: 120px;
	position: absolute;
	bottom: 100px;
	left: 50%;
	margin-left: -60px;
	background: #fff;
	opacity: 0;
	visibility: hidden;
	transition: 0.4s ease;
}
.footCode .codeImg:after{
	content: '';
	display: block;
    position: absolute;
    bottom: -9px;
    left: 50%;
    margin-left: -5px;
    border: 5px solid #fff;
    border-left-color: transparent;
    border-bottom-color: transparent;
    border-right-color: transparent;
}
.footCode .codeImg img{
	width: 100%;
	height: 100%;
}
.footCode .ico a{
	display: block;
	height: 100%;
}
.footCode .ico:hover .codeImg{
	opacity: 1;
	visibility: visible;
	bottom: 40px;
}

/* 网站地图 end */

/*  新闻 start */
.newsBox{
	clear: both;
	overflow: hidden;
}
.newsBox1Slide{
	overflow: hidden;
	margin-right:35px;
	position: relative;
}
.newsBox1Slide .bd{
	width:610px;
	height:430px;
	overflow: hidden;
}
.newsBox1Slide .bd dl dd{
	width:610px;
	height:430px;
}
.newsBox1Slide .bd dl dd img{
	display: block;
	width:100%;
	height:100%;
	object-fit: cover;
	object-position: center center;
}
.newsBox1Slide .hd{
	background:rgba(0,0,0,0.5);
	overflow: hidden;
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
}
.newsBox1Slide .hd div.fl{
	width:500px;
	height:40px;
	line-height: 40px;
	color: #fff;
	font-size: 16px;
	padding-left: 17px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.newsBox1Slide .hd ul{margin-right:24px;margin-top:24px;}
.newsBox1Slide .hd ul li{
	float: left;
	width:14px;
	height:14px;
	overflow: hidden;
	line-height:9999px;
	border-radius:100%;
	border:1px solid #c6c6c6;
	margin-left: 12px;
	cursor: pointer;
}
.newsBox1Slide .hd ul li.on{border:1px solid #1d6ea6;background:#1d6ea6}
.newsBox1Slide .arrow{
	display: block;
	width: 30px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	transition: 0.4s ease;
	cursor: pointer;
}
.newsBox1Slide .prev{
	left: -30px;
	background:#55575b url(../images/arrowL.png) no-repeat center center;
}
.newsBox1Slide .next{
	right: -30px;
	background:#55575b url(../images/arrowR.png) no-repeat center center;
}
.newsBox1Slide .arrow:hover{
	background-color: #d81920 !important;
}
.newsBox1Slide:hover .prev{
	left: 0;
}
.newsBox1Slide:hover .next{
	right: 0;
}
.newsBox1R{
	overflow: hidden;
}
.newsBox1R .newsList1{height:416px;overflow: hidden}
.newsList1 dd{
	overflow: hidden;
	padding-bottom:13px;
	margin-bottom:13px;
	border-bottom:1px solid #dddddd;
}
.newsList1 dd .divT{
	clear: both;
	height:26px;
	overflow: hidden;
}
.newsList1 dd .divT a{
	line-height: 26px;
	color: #222222;
	font-size: 16px;
}
.newsList1 dd .divT a:hover{color:#d81920}
.newsList1 dd .divT2{
	clear: both;
	height:20px;
	overflow: hidden;
	line-height: 20px;
	font-size: 14px;
	color: #999999;
}
.newsList1 dd .divT2 a{
	color:#d81920;
}
.newsList1 dd .txt{
	clear: both;
	overflow: hidden;
	font-size: 14px;
	color: #666666;
	line-height: 25px;
}
/*2*/
.dutyList {
    margin: 0 -15px;
}
.dutyList dd{
    width: 50%;
    float: left;
    display: inline;
    padding: 15px 0px;
}
.dutyList dd a{
    display: block;
    margin: 0 15px;
    background-color: #fff;
    overflow: hidden;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.dutyList dd .listTime{
    width: 108px;
    text-align: center;
    height: 120px;
    position: relative;
}
.dutyList dd .listTime span{
    font-size: 28px;
    color: #454545;
    display: block;
    line-height: 36px;
    height: 36px;
    padding-top: 30px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
}
.dutyList dd .listTime em{
    -webkit-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
    display: block;
}
.dutyList dd .listTime i{
    display: block;
    position: absolute;
    height: 53px;
    border-left: 1px solid #dcdcdc;
    right: 0;
    top: 33px;
}
.dutyList dd .txtDiv{
    overflow: hidden;
    padding: 0 38px;
}
.dutyList dd .listTit{
    font-size: 18px;
    color: #333;
    padding-top: 28px;
    font-weight: bold;
}
.dutyList dd .listInfr{
    color: #777;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    padding-top: 12px;
    -webkit-transition: 0.3s linear;
    -o-transition: 0.3s linear;
    transition: 0.3s linear;
} 
.dutyList dd a:hover{
    background: #d81920;
    transform: translateY(-4px);
    -webkit-transform: translateY(-4px);
}
.dutyList dd a:hover .listTime span,
.dutyList dd a:hover .listTime em,
.dutyList dd a:hover .listTit,
.dutyList dd a:hover .listInfr{
    color: #fff;
}
/*3*/
.slider{
    position: relative;
    width:700px;
    margin: 0px auto;
    height: 350px;
}
.slider .bt{
    display: block;
	width: 30px;
	height: 70px;
	position: absolute;
	top: 50%;
	margin-top: -35px;
	transition: 0.4s ease;
	cursor: pointer;
}
.slider .prev{
    left: -190px;
    background:#55575b url(../images/arrowL.png) no-repeat center center;
}
.slider .prev:hover{
    background-color: #d81920;
}
.slider .next{
    right: -190px;
    background:#55575b url(../images/arrowR.png) no-repeat center center;
}
.slider .next:hover{
    background-color: #d81920;
}
#img-slider{
    height: 365px;
}
#img-slider li{
    width:565px;
    height:365px;
    position:relative;
}
#img-slider a{
	display: block;
	background: #fff;
	box-shadow: 0 0 10px 0 rgba(0,0,0,0.1);
}
#img-slider span{
	overflow: hidden;
    font-size: 16px;
    color: #666;
    text-align: center;
    padding-top: 10px;
	display: none;
}
#img-slider .roundabout-in-focus span{
	display: block;
}
#img-slider .honorImg{
	position: relative;
}
#img-slider .honorImg:after{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background:rgba(0,0,0,0.3);
	display: block;
	transition: 0.4s ease;
	background-position:  center center ;
}
#img-slider li img{
    display:block;
    width: 100%;
	height: 100%;
}
.roundabout-in-focus .honorName{
    display: block;
}
#img-slider .roundabout-in-focus .honorImg:after{
	background:rgba(0,0,0,0.3) url(../images/play1.png) center center no-repeat;
    
}
.honorName{
    display: none;
    overflow: hidden;
    font-size: 16px;
    color:#666;
    text-align: center;
    padding-top: 10px;
}

.dhjd_dl{
    overflow: visible !important;
}

#articleContent .center{
    width: 1920px;
    overflow: hidden;
    position: relative;
    left: 50%;
    margin-left: -960px;
}
/*  新闻 end */
/*人力资源 start*/
.development{
	padding: 0 80px;
}
.development dd{
	width: 33.333333%;
	float: left;
	display: inline;
}
.development .ico{
	position: relative;
	background-position: center center;
	background-repeat: no-repeat;
	width: 161px;
	height: 161px;
	margin: 0 auto;
}
.development .dd1 .ico{
	background-image: url(../images/rlIco1.png);
}
.development .dd2 .ico{
	background-image: url(../images/rlIco2.png);
}
.development .dd3 .ico{
	background-image: url(../images/rlIco3.png);
}
.development .ico:after{
	content: '';
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	background: url(../images/rlBg1.png) center center no-repeat;
	transition: 0.4s ease;
}
.development dd:hover .ico:after{
	transform: rotate(45deg);
}
.development .text{
	font-size: 20px;
	color: #111;
	padding-top: 20px;
	text-align: center;
}

.devInfo{
	padding: 30px 0 40px 0;
	font-size: 16px;
	color: #666;
	line-height: 30px;
	background: url(../images/development.png) right bottom no-repeat
}
.devCon{
	overflow: hidden;
	line-height: 46px;
	font-size: 14px;
	color: #666;
}
.ruirectBox{
	background: url(../images/ruirectBg.jpg) center center no-repeat;
	height: 215px;
	padding: 215px 0 0 45%;
}
.ruirectBox .btn{
	height: 215px;
}
.ruirectBox .btn a{
	display: block;
	padding-left: 62px;
}
.ruirectBox .ruirect1{
	float: left;
	display: inline;
	width: 340px;
	background: #eeeae8;
}
.ruirectBox .ruirect2{
	overflow: hidden;
	background: #cc0000;
}
.ruirectBox .ruirect1 .titleEn{
	font-size: 18px;
	color: #666;
	width: 130px;
	padding-top: 30px;
	font-size: 0;
}
.ruirectBox .ruirect1 .titleCn{
	font-size: 18px;
	color: #cc0000;
	width: 130px;
	padding-top: 8px;
}
 .ruirect1 .ruirectIco{
	background: url(../images/ruirectIco1.png) left bottom no-repeat;
	width: 49px;
	height: 49px;
	padding-top: 15px;
	transition: 0.8s ease;
}
.ruirectBox .ruirect2 .titleEn{
	font-size: 18px;
	color: #fff;
	width: 130px;
	padding-top: 30px;
	font-size: 0;
}
.ruirectBox .ruirect2 .titleCn{
	font-size: 18px;
	color: #d6c7ab;
	width: 130px;
	padding-top: 8px;
}
.ruirectBox .ruirect2 .ruirectIco{
	background: url(../images/ruirectIco2.png) left bottom no-repeat;
	width: 49px;
	height: 49px;
	padding-top: 15px;
	transition: 0.8s ease;
}
.ruirectBox .btn:hover .ruirectIco{
	transform: rotateY(360deg);
}
/*人力资源 end*/
/* 联系我们 start */
.contactBox{
    overflow: hidden;
}
.contactMap{
    overflow: hidden;
    width: 760px;
    height: 370px;
    background: #fff;
}
.contactDeta{
    overflow: hidden;
    height: 280px;
    background: #d6000f;
    padding: 45px 30px 45px 30px;
}
.contactDetaTit{
    overflow: hidden;
    font-size: 24px;
    color:#fff;
    line-height: 40px;
}
.contactDeta_ul{
    overflow: hidden;
    padding-top: 20px;
}
.contactDeta_ul li{
    line-height: 38px;
    font-size: 14px;
    color:#fff;
    padding: 10px 0px 10px 35px;
}
.contactDeta_ul .li1{
    background: url(../images/contactAdd.png) no-repeat 3px 18px;
}
.contactDeta_ul .li2{
    background: url(../images/contactTel.png) no-repeat left 18px;
}
.contactDeta_ul .li3{
    background: url(../images/contactFax.png) no-repeat left 18px;
}
.contactDeta_ul .li4{
    background: url(../images/contactTel2.png) no-repeat left 18px;
}
.contactDeta_ul .li5{
    background: url(../images/contactFax.png) no-repeat left 18px;
}
.contact_dl{
    overflow: hidden;
    margin: 0px -16px;
}
.contact_dl dd{
    width: 50%;
    float: left;
    display: inline;
}
.contact_dl .list_a{
    margin: 0px 16px;
    position: relative;
    height: 340px;
    overflow: visible;
	display: block;
	padding: 0 65px;
}
.contactRow{
	overflow: hidden;
}
.contactRow2Tit{
    overflow: hidden;
    font-size: 20px;
    color:#fff;
    font-weight: bold;
   	padding-top: 30px;
}
.contactRow2Intr{
    overflow: hidden;
    font-size: 16px;
    color:#fff;
    line-height: 30px;
    padding-top: 20px;
    margin-bottom: 30px;
    text-transform: uppercase;
}
.contactCricle{
    overflow: hidden;
    width: 60px;
    height: 60px;
    transition: 0.8s ease;
    margin:40px 35px 0 0;
}
.contact_dl dd.dd1 .list_a{
    background: url(../images/contactBg1.jpg) repeat;
}
.contact_dl dd.dd1 .contactCricle{
    background:  url(../images/contactIcon1.png) no-repeat center center;
}
.contact_dl dd.dd2 .list_a{
    background: url(../images/contactBg2.jpg) repeat;
}
.contact_dl dd.dd2 .contactCricle{
    background:  url(../images/contactIcon2.png) no-repeat center center;
}
.contact_dl dd.dd2:hover .contactCricle{
    background:  url(../images/contactIcon2_h.png) no-repeat center center;
    transform: rotateY(360deg) !important;
}
.contact_dl dd.dd3 .list_a{
    background: url(../images/contactBg3.jpg) repeat;
}
.contact_dl dd.dd3 .contactCricle{
    background: url(../images/contactIcon3.png) no-repeat center center;
}
.contact_dl dd.dd3:hover .contactCricle{
    background: url(../images/contactIcon3_h.png) no-repeat center center;
    transform: rotateY(360deg) !important;
}
/* 联系我们 end */
/*商贸万象 start*/
.tradeImg{
	width: 570px;
	margin-right: 50px;
}
.tradeData{
	overflow: hidden;
}
.tradeInfo{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	height: 120px;
	overflow: hidden;
}
.tradeMore a{
	width: 190px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	color: #fff;
	font-size: 16px;
	background: #cb0202;
	display: block;
	border-radius: 45px;
	transition: 0.4s ease;
	position: relative;
	overflow: hidden;
}
.tradeMore a:after{
	content: '';
    display: block;
    background: rgba(255,255,255,0.3);
    position: absolute;
    top: 50%;
    left: 50%;
    height: 45px;
    width: 45px;
    transform: translate(-50%,-50%) scale(0);
    border-radius: 50%;
    
}
.tradeMore a:hover{
	background: #da0000;
}
.tradeMore a:hover:after{
	animation: anim-in 1.8s infinite;
}
.commendList.channel dd{
	padding: 10px 0;
}
.commendList.channel a{
	border: none;
    background: none;
    padding-bottom: 10px;
}
.commendList.channel a:hover{
	box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
}
.commendList.channel .ico{
	height: 195px;
	background-position: center bottom;
	background-repeat: no-repeat;
}
.commendList.channel .dd1 .ico{
	background-image: url(../images/qi1.png);
}
.commendList.channel .dd2 .ico{
	background-image: url(../images/qi2.png);
}
.commendList.channel .dd3 .ico{
	background-image: url(../images/qi3.png);
}
.merchant{
    padding-left: 395px;
    overflow: hidden;
    position: relative;
    margin-right: -13px;
    height: 390px;
}
.merchant a{
    display: block;
    position: relative;
    overflow: hidden;
}
.merchant .imgBox:after{
	padding-top: 100%;
}
.merchant dt{
    width: 380px;
    position: absolute;
    left: 0;
    top: 0;
}
.merchant dd{
    float: left;
    display: inline;
    margin-bottom: 25px;
    position: relative;
}
.merchant dd a{
	margin: 0 13px;
	width: 178px;

}
.merchant .listData{
	position: absolute;
	left: 0;
	width: 100%;
	bottom: -40px;
	font-size: 16px;
	color: #fff;
	background: rgba(0,0,0,0.2);
	line-height: 40px;
	transition: 0.4s ease;
}
.merchant .listTit{
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	padding: 0 10px;
}
.merchant .listTit2{
	padding-right: 10px;
}
.merchant a:hover .listData{
	bottom: 0;
}

.mallChannel{
	background: url(../images/mallMap2.jpg) center center no-repeat;
	height: 715px;
}
.mallShow{
	position: relative;
	height: 590px;
}
.mallShow dd{
	position: absolute;
	cursor: pointer;
}
.mallShow a{
	display: block;
	height: 100%;
}
.mallShow .text{
	text-align: center;
	width: 140px;
	height: 50px;
	line-height: 50px;
	border-radius: 5px;
	border: 1px solid #fff;
	color: #fff;
	position: relative;
}
.mallShow .text:after{
	content: '';
	display: block;
	border: 1px solid #fff;
	transform: translateX(-50%) scaleX(0.7) rotate(45deg);
	background: #efcf58;
	width: 10px;
	height: 10px;
	left: 50%;
	position: absolute;
	bottom: -6px;
	border-left: none;
    border-top: none;
}
.mallShow dd.dd1{
	left: 15px;
    width: 375px;
    height: 175px;
    top: 115px;
}
.mallShow dd.dd1 .text{
	background: #efcf58;
	left: 115px;
}
.mallShow dd.dd2{
	width: 400px;
    height: 145px;
    top: 60px;
    left: 390px;
}
.mallShow dd.dd2 .text{
	background: #129f96;
	left: 115px;
}
.mallShow dd.dd2 .text:after{
	background: #129f96;
}
.mallShow dd.dd3{
	width: 400px;
    height: 176px;
    top: 345px;
    left: 144px;
}
.mallShow dd.dd3 .text{
	background: #339fd0;
	left: 123px;
    top: 25px;
}
.mallShow dd.dd3 .text:after{
	background: #339fd0;
}
.mallShow dd.dd4{
	width: 201px;
    height: 130px;
    top: 232px;
    left: 942px;
}
.mallShow dd.dd4 .text{
	background: #ebb0a4;
	left: 35px;
    top: -5px;
}
.mallShow dd.dd4 .text:after{
	background: #ebb0a4;
}
.mallShow dd.dd1:hover .text,
.mallShow dd.dd2:hover .text,
.mallShow dd.dd3:hover .text{
	animation: moveUp 2s ease infinite;
}
@keyframes moveUp{
    0%{
        transform: translateY(0);

    }
    50%{
        transform: translateY(-10px);
    }
    100%{
        transform: translateY(0);
    }
}

.proBoxBg{
	background: url(../images/shBg1.jpg) center center no-repeat;
	background-size: cover;
}
.projectList{
    margin: 0 -15px;
    overflow: hidden;
    padding: 5px 0;
}
.projectList dd{
    float: left;
    width:25%;
    display: inline;
    margin-bottom: 25px;
}
.projectList a{
    display: block;
    margin: 0 15px;
    position: relative;
    transition: 0.4s ease;
}

.projectList .pic{
    position: relative ;
    overflow: hidden ;
    padding-top: 118.4211% ;
}
.projectList .pic img{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.projectList .listData{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	left: 0;
	z-index: 9;
	background-color: rgba(0,0,0,0.4);
	background-position: center 70px;
	background-repeat: no-repeat;
	text-align: center;
}
.projectList .listData:after{
	content: '';
	display: block;
	background: url(../images/xmMask.png) center center no-repeat;
	background-size: 100%;
	height: 0;
	opacity: 0;
	filter: alpha(opacity=0);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	transition: 0.4s ease;
}
.projectList .dd1 .listData{
	background-image: url(../images/xmIco1.png);
}
.projectList .dd2 .listData{
	background-image: url(../images/xmIco2.png);
}
.projectList .dd3 .listData{
	background-image: url(../images/xmIco3.png);
}
.projectList .title{
	font-size: 26px;
	color: #fff;
	padding-top: 220px;
	line-height: 36px;
	position: relative;
	z-index: 9;
}
.projectList .info{
	font-size: 14px;
	color: #fff;
	line-height: 28px;
	height: 52px;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 40px;
	position: relative;
	z-index: 9;
	padding: 10px 50px 0 50px;
}
.projectList .more{
	color: #fff;
	width: 110px;
	line-height: 35px;
	border-radius: 35px;
	font-size: 14px;
	text-align: center;
	margin: 0 auto;
	transition: 0.4s ease;
	position: relative;
	z-index: 9;
}
.projectList a:hover{
    box-shadow: 0 0 15px 0 rgba(0,0,0,0.1);
    transform: translateY(-3px);
}
.projectList a:hover .listData:after{
	height: 235px;
	opacity: 1;
	filter: alpha(opacity=100);
}
.projectList a:hover .more{
	background: #e60012;
}
/*商贸万象 end*/

 /*业态分布 start */
.mallFloor{
	width: 74.7395%;
	position: relative;
	padding-bottom: 70px;
}
.period{
	position: absolute;
	top: 20px;
	left: 20px;
	z-index: 9;
}
.period dd{
	float: left;
	display: inline;
	padding: 0 5px;
}
.period a{
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	text-align: center;
	color: #333;
	font-size: 15px;
	background: #d2d2d4;
	font-weight: bold;
	border-radius: 3px;
}
.period dd.hover a{
	background: #cb0202;
	color: #fff;
}

.floorList{
	position: absolute;
	top: 50%;
	transform: translateY(-45%);
	left: 30px;
	z-index: 9;
}
.floorList dd{
	height: 48px;
	width: 48px;
	border-radius: 48px;
	border: 1px solid #d7d7d7;
	background: #e6e6e6;
	color: #666;
	text-align: center;
	line-height: 48px;
	margin-bottom: 25px;
	cursor: pointer;
	position: relative;
}
.floorList dd.hover{
	background: #cb0202;
	color: #fff;
	border-color: #cb0202;
}
.floorList .floorInfo{
	display: none;
	background: #fff;
	border-radius: 3px;
	border: 1px solid #cb0202;
	color: #cb0202;
	font-size: 12px;
	padding: 0 5px;
	line-height: 23px;
	position: absolute;
	top: -25px;
	left: 20px;
	white-space: nowrap;
}
.floorList .floorInfo:after{
	content: '';
	display: block;
	background: url(../images/floorIco1.png);
	height: 8px;
	width: 8px;
	position: absolute;
	left: 8px;
	top: 22px;
}
.floorList dd.show .floorInfo{
	display: block;
}


.floorPic{
	height: 620px;
	padding:0 20px 0 115px;
	background: url(../images/mallsearch.png) right bottom no-repeat;
}
.floorPic .swiper-slide{
	position: relative;
}
.floorMark{
	position: absolute;
	left: 10%;
    top: 20%;
	background: url(../images/floorIco2.png) center center no-repeat;
	width: 64px;
	height: 77px;
	font-size: 18px;
	text-align: center;
	color: #333;
	line-height: 65px;
}
.floorPic .pic{
	height: 620px;
	position: relative;
}
.floorPic .pic img{
	position: absolute;
    height: 100%;
    max-width: 100%;
    left: 130px;
    top: 0;
    object-fit: contain;
}
/* 区块颜色 srart */
.areaPlate{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}
.areaPlate dd{
	position: absolute;
	cursor: pointer;
	width: 101px;
    padding-top: 178px;

}

.areaPlate dd.dd1{
	top: 341px;
    left: 254px;
}
.areaPlate dd.dd2{
    top: 306px;
    left: 359px;
}
.areaPlate dd.dd3{
    top: 277px;
    left: 469px;
}
.areaPlate dd.dd4{
    top: 243px;
    left: 566px;
}
.areaPlate dd.dd5{
    top: 208px;
    left: 666px;
}
.areaPlate dd.dd6{
    top: 176px;
    left: 766px;
}
.areaPlate dd.dd7{
    top: 146px;
    left: 869px;
}
.areaPlate .areaBg{
	transform: rotate(-15deg) skewX(21deg);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9;
}

.areaPlate .goodsType{
	transform:translate(-60%,-210%);
	font-size: 14px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 50px\9;
	border: 1px solid #9ea6b6;
	background: #fff;
	border-radius: 3px;
	white-space: nowrap;
	padding: 3px 5px;
	opacity: 0;
	visibility: hidden;
	transition: 0.3s ease;
}
.areaPlate .goodsType:after {
    content: '';
    display: block;
    background: url(../images/goodsIco1.png);
    height: 7px;
    width: 8px;
    position: absolute;
    left: 50%;
    margin-left: -4px;
    bottom: -7px;
}
.areaPlate .areaBg:hover~.goodsType{
	opacity: 1;
	visibility: visible;
	transform:translate(-60%,-190%);
	
}
.shopsNum{
	background: url(../images/shopsNumBg.png);
	width: 56px;
	height: 62px;
    transform: translate(-17%,-38%);
    position: absolute;
	top: 50%;
	left: 50%;
	font-size: 12px;
	color: #fff;
	line-height: 55px;
	text-align: center;
	display: none;
}
.areaPlate dd.show .shopsNum{
	display: block;
}
.areaMask{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.areaMask dd{
	width: 212px;
    height: 194px;
	background: url(../images/floorBMask.png);
	position: absolute;
	top: 0;
	left: 0;
	background-size: 100% 100%;
	display: none;
	
}
.areaMask dd span{
	display: block;
	padding-left: 67%;
	line-height: 301px;
	color: #fff;
	position: absolute;
	bottom: 25px;
	height: 30px;
	line-height: 30px;
}
.areaMask dd.dd1{
	top: 338px;
    left: 200px;
    width: 210px;
    height: 197px;
}
.areaMask dd.dd2{
	top: 305px;
    left: 304px;
    height: 196px;
}
.areaMask dd.dd3{
    top: 273px;
    left: 410px;
}
.areaMask dd.dd4{
	top: 240px;
    left: 511px;
}
.areaMask dd.dd5{
	top: 209px;
    left: 613px;
    height: 191px;
}
.areaMask dd.dd6{
	top: 177px;
    left: 714px;
    height: 190px;
}
.areaMask dd.dd7{
    top: 165px;
    left: 812px;
    height: 171px;
    background-image: url(../images/floorBMask2.png);
}
.areaMask dd.show{
	display: block;
}
@media screen and (max-width: 1680px) {
	.floorPic .pic img{
	    left: 0;
	}
	.areaPlate dd.dd1{
	    left: 124px;
	}
	.areaPlate dd.dd2{
	    left: 229px;
	}
	.areaPlate dd.dd3{
	    left: 335px;
	}
	.areaPlate dd.dd4{
	    left: 436px;
	}
	.areaPlate dd.dd5{
	    left: 536px;
	}
	.areaPlate dd.dd6{
	    left: 636px;
	}
	.areaPlate dd.dd7{
	    left: 739px;
	}

	.areaMask dd.dd1{
	    left: 80px;
	}
	.areaMask dd.dd2{
	    left: 179px;
	}
	.areaMask dd.dd3{
	    left: 280px;
	}
	.areaMask dd.dd4{
	    left: 381px;
	}
	.areaMask dd.dd5{
	    left: 483px;
	}
	.areaMask dd.dd6{
	    left: 584px;
	}
	.areaMask dd.dd7{
	    left: 682px;
	}
}
@media screen and (max-width: 1500px) {
	.areaPlate dd{
		width: 10.5%;
	    padding-top: 18%;
	}
	.areaPlate dd.dd1{
		top: 54.5%;
    	left: 12.5%;
	}
	.areaPlate dd.dd2{
	    top: 49.5%;
    	left: 23%;
	}
	.areaPlate dd.dd3{
	    top: 45.5%;
    	left: 34%;
	}
	.areaPlate dd.dd4{
	    top: 41%;
    	left: 44.5%;
	}
	.areaPlate dd.dd5{
	    top: 37%;
    	left: 54.5%;
	}
	.areaPlate dd.dd6{
	    top: 33%;
    	left: 65%;
	}
	.areaPlate dd.dd7{
	    top: 28%;
    	left: 75%;
	}

	.areaMask dd{
		height: 0 !important;
		padding-top: 20.1%;
		width: 21%;
	}
	.areaMask dd.dd1{
	    left: 8.2%;
    	top: 53.5%;
    	width: 21%;
	}
	.areaMask dd.dd2{
	    left: 18.1%;
	    top: 49.4%;
	    padding-top: 19.8%;
	    width: 21.8%;
	    transform: skewX(-2deg);
	}
	.areaMask dd.dd3{
		left: 28.8%;
	    top: 45%;
	    padding-top: 19.7%;
	    transform: skewX(-0.8deg);
	}
	.areaMask dd.dd4{
	    left: 38.5%;
	    top: 40.9%;
	    padding-top: 19.5%;
	    width: 21.9%;
	    transform: skewX(-1deg);
	}
	.areaMask dd.dd5{
	    left: 49%;
	    top: 36.6%;
	    padding-top: 19.2%;
	    width: 21.7%;
	    transform: skewX(-1deg);
	}
	.areaMask dd.dd6{
	    left: 59.1%;
    	top: 32.5%;
	    padding-top: 19.1%;
	    width: 21.7%;
	}
	.areaMask dd.dd7{
	    left: 69.5%;
	    top: 30.4%;
	    padding-top: 17.5%;
	    width: 21.5%;
	}
}
/* 区块颜色 end */


.goodsSearch{
	background: #fcfcfc;
	overflow: hidden;
	border-left: 1px solid #dedede;
	height: 690px;
}
.SearchInp{
	border-top: 1px solid #dedede;
	border-bottom: 1px solid #dedede;
	padding-left: 60px;
	transition: 0.4s ease;
	position: relative;
	background: url(../images/searchIco1.png) 15px center no-repeat;
}

.SearchInp .inpBox{
	padding: 0 10px;
}
.SearchInp input{
	border: none;
	background: none;
	line-height: 65px;
	height: 65px;
	width: 100%;
}
.SearchInp input::-webkit-input-placeholder{
	color: #a6a6a6;
}
.SearchInp .goodsSeaBtn{
	position: absolute;
	top: 50%;
	right: 10px;
	height: 36px;
	margin-top: -18px;
	width: 80px;
	text-align: center;
	color: #fff;
	font-size: 14px;
	line-height: 36px;
	border-radius: 36px;
	background-image: -webkit-gradient(linear,left top,right top,from(#e82d48),to(#f1ae3b));
    background-image: -webkit-linear-gradient(left,#e82d48,#f1ae3b);
    background-image: -moz-linear-gradient(left,#e82d48,#f1ae3b);
    background-image: linear-gradient(to right,#e82d48,#f1ae3b);
    opacity: 0;
    transform:translateX(80px) scale(0);
    visibility: hidden;
    transition: 0.4s cubic-bezier(0.34, 0.41, 0.21, 1.43);
}
.SearchInp.hover{
	padding: 0 56px 0 0;
	background-position: -30px center;
}
.SearchInp.hover .goodsSeaBtn{
	opacity: 1;
    transform:translateX(0) scale(1);
    visibility: visible;
}
.SearchText{
	font-size: 14px;
	color: #666;
	line-height: 24px;
	padding:0 0 15px 0;
	border-bottom: 1px solid #e5e5e5;
}

.floorView{
	height: 497px;
}
.floorView1{
	height: 457px;
	padding: 20px;
	overflow: hidden;
}
.floorNum{
	font-size: 22px;
	color: #333;
	font-weight: bold;
	font-style: italic;
	margin-bottom: 5px;
}
.areaList dd{
	padding: 5px 0;
	overflow: hidden;
}
.areaList .areaNum{
	height: 30px;
	width: 30px;
	background: #cfd5e1;
	text-align: center;
	line-height: 30px;
	font-size: 14px;
	color: #000;
	border-radius: 30px;
	float: left;
	margin-right: 10px;
}
.areaList dd.show .areaNum{
	color: #fff;
	background: #e82d48;
}
.areaList span{
	float: left;
	padding: 0 5px;
	font-size: 14px;
	color: #e82d48;
	line-height: 30px;
	display: none;
}

.areaType{
	overflow: hidden;
	padding: 0 5px;
	font-size: 14px;
	color: #666;
	line-height: 30px;
}
.areaList dd.show span{
	display: block;
}
.areaList dd.show .areaType{
	display: none;
}

/* 二期 start */

.floorPic3 .areaPlate .dd1{
	top: 306px;
    left: 196px;
    width: 70px;
    padding-top: 84px;
}
.floorPic3 .areaPlate .dd1 .shopsNum{
	top: 35%;
    left: 35%;
}
.floorPic3 .areaPlate .dd2{
	top: 233px;
    left: 256px;
    width: 97px;
    padding-top: 159px;
}
.floorPic3 .areaPlate .dd2 .areaBg{
	transform: rotate(-7deg) skewX(15deg);
}

.floorPic3 .areaPlate .dd3{
	top: 221px;
    left: 352px;
    width: 82px;
    padding-top: 157px;
}
.floorPic3 .areaPlate .dd3 .areaBg{
	transform: rotate(-7deg) skewX(15deg);
}
.floorPic3 .areaPlate .dd4{
	top: 211px;
    left: 435px;
    width: 92px;
    padding-top: 152px;
}
.floorPic3 .areaPlate .dd4 .areaBg{
	transform: rotate(-7deg) skewX(15deg);
}
.floorPic3 .areaPlate .dd5{
	top: 237px;
    left: 537px;
    width: 92px;
    padding-top: 110px;
}
.floorPic3 .areaPlate .dd5 .shopsNum{
	top: 50%;
    left: 35%;
}
.floorPic3 .areaPlate .dd5 .areaBg{
	transform: rotate(-7deg) skewX(15deg);
}
.floorPic3 .areaPlate .dd6{
	top: 243px;
    left: 638px;
    width: 92px;
    padding-top: 110px;
}
.floorPic3 .areaPlate .dd6 .areaBg{
	transform: rotate(-7deg) skewX(15deg);
}
.floorPic3 .areaPlate .dd6 .goodsType{
	transform: translate(-80%,-265%)
}
.floorPic3 .areaPlate .dd6 .areaBg:hover~.goodsType{
	transform: translate(-80%,-255%)
}
.floorPic3 .areaPlate .dd6 .shopsNum{
	top: 36%;
    left: 3%;
}
.floorPic3 .areaPlate .dd7{
	top: 242px;
    left: 690px;
    width: 70px;
    padding-top: 110px;
}
.floorPic3 .areaPlate .dd7 .areaBg{
	transform: rotate(22deg) skewX(-26deg);
}
.floorPic3 .areaPlate .dd7 .shopsNum{
	top: 50%;
    left: -1%;
}
.floorPic3 .areaPlate .dd8{
	top: 218px;
    left: 785px;
    width: 70px;
    padding-top: 164px;
}
.floorPic3 .areaPlate .dd8 .areaBg{
	transform: rotate(22deg) skewX(-26deg);
}
.floorPic3 .areaPlate .dd9{
	top: 242px;
    left: 859px;
    width: 74px;
    padding-top: 164px;
}
.floorPic3 .areaPlate .dd9 .areaBg{
	transform: rotate(21deg) skewX(-30deg);
}
.floorPic3 .areaPlate .dd10{
	top: 267px;
    left: 937px;
    width: 75px;
    padding-top: 170px;
}
.floorPic3 .areaPlate .dd10 .areaBg{
	transform: rotate(21deg) skewX(-30deg);
}
.floorPic3 .areaPlate .dd8 .shopsNum,
.floorPic3 .areaPlate .dd9 .shopsNum,
.floorPic3 .areaPlate .dd10 .shopsNum{
	top: 50%;
    left: -10%;
}
.floorPic3 .areaMask dd.dd1{
	background-image: url(../images/two/floorBMask1.png);
	height: 99px;
	width: 114px;
	top: 299px;
    left: 167px;
    z-index: 1;
}
.floorPic3 .areaMask dd.dd2{
	background-image: url(../images/two/floorBMask2.png);
	height: 164px;
	width: 151px;
	top: 232px;
    left: 230px;
}
.floorPic3 .areaMask dd.dd3{
	background-image: url(../images/two/floorBMask3.png);
	height: 160px;
	width: 138px;
	top: 221px;
    left: 324px;
}
.floorPic3 .areaMask dd.dd4{
	background-image: url(../images/two/floorBMask9.png);
	height: 161px;
	width: 156px;
    top: 207px;
    left: 401px;
}
.floorPic3 .areaMask dd.dd5{
	background-image: url(../images/two/floorBMask4.png);
	height: 111px;
	width: 138px;
	top: 243px;
    left: 511px;
}
.floorPic3 .areaMask dd.dd6{
	background-image: url(../images/two/floorBMask5.png);
	height: 97px;
	width: 114px;
	top: 243px;
    left: 612px;
}
.floorPic3 .areaMask dd.dd7{
	background-image: url(../images/two/floorBMask6.png);
	height: 111px;
	width: 140px;
	top: 246px;
    left: 664px;
}
.floorPic3 .areaMask dd.dd8{
	background-image: url(../images/two/floorBMask7.png);
	height: 156px;
	width: 220px;
	top: 227px;
    left: 710px;
}
.floorPic3 .areaMask dd.dd8{
	background-image: url(../images/two/floorBMask7.png);
	height: 156px;
	width: 220px;
	top: 227px;
    left: 710px;
}
.floorPic3 .areaMask dd.dd9{
	background-image: url(../images/two/floorBMask8.png);
	height: 163px;
	width: 232px;
	top: 249px;
    left: 777px;
}
.floorPic3 .areaMask dd.dd10{
	background-image: url(../images/two/floorBMask10.png);
	height: 166px;
	width: 234px;
	top: 277px;
    left: 856px;
}

@media screen and (max-width: 1680px) {
	.floorPic3 .areaPlate .dd1{
	    left: 66px;
	}
	.floorPic3 .areaPlate .dd2{
	    left: 126px;
	}

	.floorPic3 .areaPlate .dd3{
	    left: 222px;
	}
	.floorPic3 .areaPlate .dd4{
	    left: 305px;
	}
	.floorPic3 .areaPlate .dd5{
	    left: 407px;
	}
	.floorPic3 .areaPlate .dd6{
	    left: 508px;
	}
	.floorPic3 .areaPlate .dd7{
	    left: 566px;
	}
	.floorPic3 .areaPlate .dd8{
	    left: 655px;
	}
	.floorPic3 .areaPlate .dd9{
	    left: 729px;
	}
	.floorPic3 .areaPlate .dd10{
	    left: 807px;
	}
	.floorPic3 .areaMask dd.dd1{
	    left: 37px;
	}
	.floorPic3 .areaMask dd.dd2{
	    left: 99px;
	}
	.floorPic3 .areaMask dd.dd3{
	    left: 193px;
	}
	.floorPic3 .areaMask dd.dd4{
	    left: 270px;
	}
	.floorPic3 .areaMask dd.dd5{
	    left: 381px;
	}
	.floorPic3 .areaMask dd.dd6{
	    left: 482px;
	}
	.floorPic3 .areaMask dd.dd7{
	    left: 534px;
	}
	.floorPic3 .areaMask dd.dd8{
	    left: 579px;
	}
	.floorPic3 .areaMask dd.dd9{
	    left: 647px;
	}
	.floorPic3 .areaMask dd.dd10{
	    left: 726px;
	}
}
@media screen and (max-width: 1500px) {
	.floorPic3 .areaPlate .dd1{
	    left: 6.5%;
	    top: 48.5%;
	    width: 7%;
	    padding-top: 9%;
	}
	.floorPic3 .areaPlate .dd2{
	    left: 13%;
	    top: 40.5%;
	    width: 9.7%;
	    padding-top: 15%;
	}

	.floorPic3 .areaPlate .dd3{
	    left: 23%;
	    top: 38.5%;
	    width: 8%;
	    padding-top: 15%;
	}
	.floorPic3 .areaPlate .dd4{
        left: 30.5%;
	    top: 36.5%;
	    width: 10%;
	    padding-top: 15%;
	}
	.floorPic3 .areaPlate .dd5{
	    left: 41.5%;
	    top: 40.5%;
	    width: 9.5%;
	    padding-top: 11%;
	}
	.floorPic3 .areaPlate .dd6{
		left: 51%;
	    top: 40%;
	    width: 10%;
	    padding-top: 10%;
	}
	.floorPic3 .areaPlate .dd7{
		left: 55%;
	    top: 40%;
	    width: 9%;
	    padding-top: 12%;
	}
	.floorPic3 .areaPlate .dd8{
		left: 65.5%;
	    top: 37%;
	    width: 8%;
	    padding-top: 18%;
	}
	.floorPic3 .areaPlate .dd9{
		left: 73.5%;
	    top: 40.5%;
	    width: 8%;
	    padding-top: 18%;
	}
	.floorPic3 .areaPlate .dd10{
		left: 82%;
	    top: 44%;
	    width: 8%;
	    padding-top: 18%;
	}

	.floorPic3 .areaMask dd.dd1{
	    left: 3%;
	    top: 48%;
	    width: 12.5%;
	}
	.floorPic3 .areaMask dd.dd2{
		left: 10%;
	    top: 39.5%;
	    width: 15.5%;
	}
	.floorPic3 .areaMask dd.dd3{
	    left: 19.8%;
	    top: 38%;
	    width: 14.2%;
	}
	.floorPic3 .areaMask dd.dd4{
	    left: 27.5%;
	    top: 36.1%;
	    width: 16%;
	}
	.floorPic3 .areaMask dd.dd5{
		left: 38.9%;
	    top: 41.1%;
	    width: 14%;
	}
	.floorPic3 .areaMask dd.dd6{
	    left: 49.1%;
	    top: 41.1%;
	    width: 11.6%;
	}
	.floorPic3 .areaMask dd.dd7{
	    left: 54.4%;
	    top: 41.5%;
	    width: 14.2%;
	}
	.floorPic3 .areaMask dd.dd8{
	    left: 59.1%;
	    top: 39.2%;
	    width: 22%;
	}
	.floorPic3 .areaMask dd.dd9{
	    left: 66%;
	    top: 41.9%;
	    width: 23.5%;
	}
	.floorPic3 .areaMask dd.dd10{
	    left: 74%;
	    top: 45.7%;
	    width: 23.6%;
	}
}
/* 二期 end */

/* 三期 start */
.floorPic3 .areaMask dd span,
.floorPic2 .areaMask dd span{
	display: none;
}
.floorPic2 .areaPlate .areaBg{
	transform: rotate(33deg) skewX(-28deg);
}
.floorPic2 .areaPlate dd{
	width: 101px;
    padding-top: 191px;
}
.floorPic2 .areaPlate .dd1{
	top: 151px;
    left: 325px;
}
.floorPic2 .areaPlate .dd2{
	top: 206px;
    left: 410px;
}

.floorPic2 .areaPlate .dd3{
	top: 260px;
    left: 496px;
}
.floorPic2 .areaPlate .dd4{
	top: 291px;
    left: 584px;
}
.floorPic2 .areaPlate .dd4 .areaBg{
	transform: rotate(26deg) skewX(-6deg);
}
.floorPic2 .areaPlate .dd5{
	top: 338px;
    left: 679px;
    width: 161px;
    padding-top: 165px;
}
.floorPic2 .areaPlate .dd5 .areaBg{
	transform: rotate(10deg) skewX(-16deg);
}
.floorPic2 .areaPlate .dd6{
	top: 364px;
    left: 837px;
    width: 161px;
    padding-top: 165px;
}
.floorPic2 .areaPlate .dd6 .areaBg{
	transform: rotate(10deg) skewX(-16deg);
}
.floorPic2 .goodsType{
	top: 40%;
	left: 80%;
}
.floorPic2 .areaPlate .dd1 .goodsType,
.floorPic2 .areaPlate .dd2 .goodsType{
	left: 120%;
}
.floorPic2 .shopsNum{
	left: 30%;
}
.floorPic2 .areaPlate .dd6 .goodsType{
	left: 50%;
}
.floorPic2 .areaMask dd{
	background-size: 100%;
	background-repeat: no-repeat;
}
.floorPic2 .areaMask dd.dd1{
	background-image: url(../images/three/floorBMask3.png);
	height: 163px;
	width: 262px;
	top: 175px;
    left: 250px;
}
.floorPic2 .areaMask dd.dd2{
	background-image: url(../images/three/floorBMask4.png);
	height: 169px;
	width: 260px;
	top: 224px;
    left: 334px;
}
.floorPic2 .areaMask dd.dd3{
	background-image: url(../images/three/floorBMask8.png);
	height: 175px;
	width: 244px;
	top: 275px;
    left: 417px;
}
.floorPic2 .areaMask dd.dd4{
	background-image: url(../images/three/floorBMask5.png);
	height: 170px;
	width: 228px;
	top: 318px;
    left: 502px;
}
.floorPic2 .areaMask dd.dd5{
	background-image: url(../images/three/floorBMask6.png);
	height: 182px;
	width: 234px;
	top: 333px;
    left: 644px;
}
.floorPic2 .areaMask dd.dd6{
	background-image: url(../images/three/floorBMask7.png);
	height: 182px;
	width: 211px;
	top: 358px;
    left: 806px;
}
@media screen and (max-width: 1680px) {
	.floorPic2 .areaPlate .dd1{
	    left: 195px;
	}
	.floorPic2 .areaPlate .dd2{
	    left: 280px;
	}

	.floorPic2 .areaPlate .dd3{
	    left: 366px;
	}
	.floorPic2 .areaPlate .dd4{
	    left: 454px;
	}
	.floorPic2 .areaPlate .dd5{
	    left: 549px;
	}
	.floorPic2 .areaPlate .dd6{
	    left: 707px;
	}
	.floorPic2 .areaMask dd.dd1{
	    left: 120px;
	}
	.floorPic2 .areaMask dd.dd2{
	    left: 204px;
	}
	.floorPic2 .areaMask dd.dd3{
	    left: 287px;
	}
	.floorPic2 .areaMask dd.dd4{
	    left: 372px;
	}
	.floorPic2 .areaMask dd.dd5{
	    left: 515px;
	}
	.floorPic2 .areaMask dd.dd6{
	    left: 676px;
	}
}
@media screen and (max-width: 1500px) {
	.floorPic2 .areaPlate .dd1{
	    left: 20.5%;
	    top: 28.5%;
	    width: 10%;
	    padding-top: 19%;
	}
	.floorPic2 .areaPlate .dd2{
	    left: 28.5%;
    	top: 36.5%;
	    width: 10%;
	    padding-top: 19%;
	}

	.floorPic2 .areaPlate .dd3{
	    left: 37.5%;
    	top: 43.5%;
	    width: 10%;
	    padding-top: 19%;
	}
	.floorPic2 .areaPlate .dd4{
        left: 45.5%;
	    top: 48.5%;
	    width: 11%;
	    padding-top: 18%;
	}
	.floorPic2 .areaPlate .dd5{
	    left: 56.5%;
	    top: 53.5%;
	    width: 16%;
	    padding-top: 17%;
	}
	.floorPic2 .areaPlate .dd6{
		left: 72.5%;
	    top: 56.5%;
	    width: 16%;
	    padding-top: 17%;
	}
	.floorPic2 .areaMask dd.dd1{
	    left: 12.5%;
	    top: 32%;
	    width: 26.5%;
	}
	.floorPic2 .areaMask dd.dd2{
		left: 20.9%;
	    top: 38.6%;
	    width: 26%;
	}
	.floorPic2 .areaMask dd.dd3{
	    left: 29%;
	    top: 45%;
	    width: 25%;
	}
	.floorPic2 .areaMask dd.dd4{
	    left: 37.5%;
	    top: 50.6%;
	    width: 23.5%;
	}
	.floorPic2 .areaMask dd.dd5{
		left: 52.2%;
	    top: 52.8%;
	    width: 24%;
	}
	.floorPic2 .areaMask dd.dd6{
	    left: 68.7%;
	    top: 56%;
	    width: 21.8%;
	}
}
/* 三期 end */
/* 中药材 start */
.floorPic4 .areaPlate .areaBg{
	transform:rotate(0deg) skewX(-38deg);
}
.floorPic4 .areaPlate dd{
	width: 161px;
	padding-top: 158px;
}
.floorPic4 .areaPlate dd.dd1{
	top: 222px;
	left: 337px;
}
.floorPic4 .areaPlate dd.dd2{
	top: 218px;
	left: 510px;
}
.floorPic4 .areaPlate dd.dd2 .areaBg{
	transform: rotate(0deg) skewX(-34deg);
}
.floorPic4 .areaPlate dd.dd3{
	top: 215px;
	left: 679px;
	width: 177px;
	padding-top: 162px;
}
.floorPic4 .areaPlate dd.dd3 .areaBg{
	transform: rotate(0deg) skewX(-34deg);
}
.floorPic4 .shopsNum{
	transform: translate(-65%,-28%);
}
.floorPic4 .areaMask dd.dd1{
	background-image: url(../images/four/floorBMask1.png);
	height: 184px;
	width: 293px;
	top: 217px;
	left: 272px;
	z-index: 1;
	
}
.floorPic4 .areaMask dd.dd2{
	background-image: url(../images/four/floorBMask2.png);
	height: 187px;
	width: 282px;
	top: 214px;
	left: 452px;
	z-index: 1;
	
}
.floorPic4 .areaMask dd.dd3{
	background-image: url(../images/four/floorBMask3.png);
	height: 190px;
	width: 284px;
	top: 211px;
	left: 621px;
	z-index: 1;
	
}
/* 中药材 end */


/* 业态分布 end */
/* 业态分布地图 start */
.mallAll{
	background: #f7f1e1;
}
.mallList{
	height: 950px;
	width: 1307px;
	margin: 0 auto;
	background: url(../images/news/mallMap.png) center center no-repeat;
	background-size: 100%;
	position: relative;
}

.mallListTxt{
	width: 295px;
}
.mallListTxt .listTit{
	font-size: 14px;
	color: #333;
	font-weight: bold;
}
.mallListTxt .listCon{
	font-size: 12px;
	line-height: 26px;
	color: #666;
}
.mallList a{
	display: block;
	position: relative;
	z-index: 9;
	background-size: 100% !important;
}
.mallList1 .mallListTxt{
	padding-left: 40px;
	height: 255px;
	background: url(../images/mallAll/mall1Line.png) left 5px no-repeat;
	position: relative;
	top: 70px;
	left: 8px;
}
.mallList2 .mallListTxt{
	padding-left: 45px;
	height: 168px;
	background: url(../images/mallAll/mall2Line.png) left 5px no-repeat;
	position: relative;
	top: 16px;
    left: 258px;
}
.mallList3 .mallListTxt{
	padding-top: 187px;
    height: 168px;
    background: url(../images/mallAll/mall3Line.png) right 5px no-repeat;
    position: absolute;
    top: 100px;
    left: -130px;
}
.mallList5 .mallListTxt{
	padding-right: 180px;
	height: 168px;
	background: url(../images/news/mall5Line.png) right 5px no-repeat;
	position: relative;
	top: 188px;
    left: -458px;
	text-align: right;
}
.mallList1 a{
	width: 315px;
	height: 147px;
	background: url(../images/news/mall1.png) no-repeat;
	transition: 0.3s ease;
}
.mallList2 a{
    width: 348px;
    height: 110px;
	background: url(../images/news/mall2.png) no-repeat;
	transition: 0.3s ease;
}
.mallList3 a{
    width: 264px;
    height: 143px;
	background: url(../images/news/mall3.png) no-repeat;
	transition: 0.3s ease;
}
.mallList4 a{
    width: 143px;
    height: 93px;
	background: url(../images/news/mall4.png) no-repeat;
	transition: 0.3s ease;
	position: absolute;
	top: -302px;
	left: 160px;
}
.mallList5 a{
	width: 25px;
	height: 26px;
	background: url(../images/news/mall5.png) no-repeat;
	transition: 0.3s ease;
	position: relative;
	z-index: 10;
}
.mallList1{
	position: absolute;
	left: 190px;
	top: 32px;
	z-index: 10;
}
.mallList2{
	position: absolute;
	top: 86px;
    left: 484px;
}
.mallList3{
	position: absolute;
	top: 480px;
    left: 327px;
}
.mallList4{
    position: absolute;
    top: 686px;
    left: 766px;
}
.mallList5{
	position: absolute;
	top: 363px;
	left: 320px;
}
.mallList .house{
	background: url(../images/mallAll/house.png) no-repeat;
	height: 125px;
    width: 193px;
	position: absolute;
	top: 287px;
    left: 785px;
    z-index: 9;
}
.mallList1 a:hover{
	background: url(../images/news/mall1_h.png) no-repeat;
}
.mallList2 a:hover{
	background: url(../images/news/mall2_h.png) no-repeat;
}
.mallList3 a:hover{
	background: url(../images/news/mall3_h.png) no-repeat;
}
.mallList4 a:hover{
	background: url(../images/news/mall4_h.png) no-repeat;
}
.mallList5 a:hover{
	background: url(../images/news/mall5_h.png) no-repeat;
}
@media screen and (max-width: 1680px){
	.mallList5 .mallListTxt .listCon{
		padding-left: 50px;
	}
}
@media screen and (max-width: 1540px){
	.mallList5 .mallListTxt .listCon{
		padding-left: 120px;
	}
}
@media screen and (max-width: 1366px){
	.mallList5 .mallListTxt .listCon{
		padding-left: 160px;
	}
	.mallListTxt .listCon{
		line-height: 20px;
	}
}
@media screen and (max-width: 1310px) {
	.mallList{
		width: 1200px;
	}
	.mallList1{
		left: 171px;
		top: 45px;
	}
	.mallList1 a{
		width: 296px;
	}
	.mallList2{
		top: 104px;
    	left: 447px;
	}
	.mallList2 a{
	    width: 312px;
	}
	.mallList3 {
	    position: absolute;
	    top: 480px;
	    left: 300px;
	}
	.mallList3 a {
	    width: 242px;
	}
	.mallList4 {
	    top: 668px;
	    left: 725px;
	}
	.mallList .house{
	    background-size: 100%;
	    width: 176px;
	    top: 302px;
	    left: 721px;
	}
	
}
/* 业态分布地图 end */

/* 搜索 start */
.searchBox{
    padding-bottom: ;
    text-align: center;
    font-size: 0px;
}
.searchBox .center{
    display: inline-block;
}
.selecL{
    background: #fff;
    margin: 0px 5px;
    padding-left: 15px;
    /*-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.05);*/
    border: 1px solid #e5e5e5;
    border-radius: 3px;
}
.selecLTit{
    font-size: 14px;
    color:#333;
    line-height: 50px;
}
.searchSel{width:120px; height:50px; position:relative; padding-right:30px; border-radius: 0px 3px 3px 0px;}
.searchSel .seljg{padding-left:10px; line-height:50px; color:#ccc; font-size:14px; cursor:pointer;}
.searchSel i{ display:block; width:50px; height:50px; background:url(../images/trangleBig.png) no-repeat center center; position:absolute; right:0px; top:0px; cursor:pointer;}
.searchSel .selTj{box-shadow: 0px 2px 5px rgba(0,0,0,0.1); border-radius: 0px 3px 3px 3px; width:100%; overflow:hidden; border-top:none; max-height:240px; overflow-y:auto; position:absolute; left:0px; top:50px; background:#fff; display:none;}
.searchSel .selTj a{ padding-right:22px;display:block; height:35px; line-height:35px; padding-left:10px; color:#666666; margin-bottom:1px;font-size: 14px;}
.searchSel .selTj a:hover{ background:#f8f8f8; color:#ff7800;}
.searchSel .selTj a.hover{background:#f8f8f8; color:#ff7800;}
.searcBody{
    overflow: hidden;
    margin: 0px 5px;
    background: #fff;
    /*-webkit-box-shadow: 0px 2px 5px rgba(0,0,0,0.05);
    box-shadow: 0px 2px 5px rgba(0,0,0,0.05);*/
    border: 1px solid #e5e5e5;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    -o-border-radius: 3px;
    border-radius: 3px;
}
.searchInp{
    display: block;
    height: 50px;
    overflow: hidden;
    line-height: 50px;
    background: #fff;
    padding: 0px 10px;
    font-size: 14px;
    color:#ccc;
    width: 380px;
    border:none;
    outline: none;
}
.searchBt{
    display: block;
    width: 80px;
    height: 50px;
    overflow: hidden;
    background: #d6000f url(../images/searchBig.png) no-repeat center center;
}
/* 搜索 end */

/* 检索 start */
.screenBox{
    padding:10px 0; 
    overflow:hidden;
    font-size:15px;
}
.screenBox_dl{float:left;display:inline;overflow:hidden;margin: 0px -5px;padding:5px 0px;}
.screenBox_dl dt,
.screenBox_dl dd{
    float:left;
	overflow:hidden;
	padding: 5px;
    }
.screenBox_dl dt a,
.screenBox_dl dd a{
    line-height:35px;
    display: block;
    font-size: 14px;
    color:#666;
    background:#fff;
    text-decoration: none;
    padding: 0 25px;
    border-radius: 35px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
    transition: 0.3s;
}
.screenBox_dl dt.hover a ,.bottombar dl dt a:hover,
.screenBox_dl dd.hover a ,.bottombar dl dd a:hover{
    background:#d6000f;
    color: #fff;
}

/* 检索 end */