html{font-family: "Microsoft YaHei","微软雅黑" !important;}
 html, body {
		margin:0;
		padding:0;
        position: relative;
        height: 100%;
    }
a:link, a:visited {
    text-decoration: none;
}
img{
	padding:0;
	margin:0;
	border:0;
	display:block;
}

/*------通用css-------*/
.width100{
	width:100%;
}
*, *::before, *::after {
    box-sizing: border-box;
}
.clear{
	clear:both;
}
.ri-ellipsis{
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
/**------------------**/
.body_bg{
	width:100%;
	max-width:1920px;
	overflow:hidden;
	background:url(../images/body-bg.jpg) no-repeat top center;
}

.tpcon{
	width:100%;
	max-width:1200px;
	min-width:320px;
	overflow:hidden;
	min-height:500px;
	border:0px solid #2081c3;
	margin:142px auto 0;
	position:relative;	
}

.logo{
	width:11%;
	left:7.5%;
	top:28px;
	position:absolute;
}	
.logo img{
	width:100%;
}


.jiesao{
    color: #545454;
    float: right;
    font-size: 12px;
    margin-right: 5%;
    margin-top: -12%;
    text-align: right;
    width: 72%;
	position:relative;
	z-index:5;
}
.jiesao .tit{
	font-size:30px;
	cursor:pointer;
}
.jiesao .tit2{
	font-size:20px;
	cursor:pointer;
}

.jiesao .cont {
	line-height:22px;
	padding-top:10px;
	display:none;
}
.index_bottom{
	position:absolute;
	bottom:0px;
	width:100%;
	text-align:left;
	font-size:10px;
	padding-left:30px;
}
.right_c .adjs {
    display: table;
    overflow: hidden;
    width: 100%;
}
 .ad .swiper-container {
		min-width:640px;
        width: 640px;
        margin-left: auto;
        margin-right: auto;
		}
.ad .swiper-slide {
        background-size: cover;
        background-position: center;
    }
 .ad .gallery-top {
        height: 80%;
       width: 100%;
    }
  .ad .gallery-thumbs {
		width: 100%;;
        height: 20%;
        box-sizing: border-box;
        padding: 10px 0;
    }
  .ad .gallery-thumbs .swiper-slide {
        height: 100%;
        opacity: 0.4;
    }
 .ad .gallery-thumbs .swiper-slide-active {
        opacity: 1;
    }
    
.shopping{
	overflow: hidden;
    width: 100%;
	position:relative;
}
.shopping .floors{
	overflow: hidden;
    width: 100%;
	
}
.shopping .qulist{
	overflow: hidden;
    width: 100%;
	cursor:pointer;
}
.shopping .qulist .qu{
	float:left;
	margin:20px 1% ;
	width:20%;
	border:1px solid #2c88e4;
	background:#fff;
	color:#2c88e4;
	text-align:center;
	padding:2px 5px;
}

.shopping .floors .floor{
	float:left;
	margin:15px 1%;
	width:30%;
	cursor:pointer;
	background:#fff;
}

.shopping .floors .floorno{
	padding:2px 15px;
	line-height:24px;
	font-size:12px;
	color:#fff;
	background:#f8bf00;
}
.shopping .floors .close{
	padding:0px 15px;
	line-height:24px;
	font-size:11px;
	color:#fff;
	float:right;
	margin-right:15px;
	background:#ff5a00;
	display:none;
}
.shopping .floors .floor img{
	width:100%;
}

/* Pop */
@-webkit-keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

@keyframes pop {
  50% {
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
  }

  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}

.pop {
  display: inline-block;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.pop:hover, .pop:focus, .pop:active {
  -webkit-animation-name: pop;
  animation-name: pop;
  -webkit-animation-duration: 0.3s;
  animation-duration: 0.3s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/**------index-end--------**/

/**------jiasi.html--------**/
.body_tp{
	width:100%;
	max-width:1920px;
	padding-top:120px;
}


.top{
	max-width:1405px;
	height:65px;
	margin:0px auto;
	background:url(../images/menu-bg.png) no-repeat top center;
}
.top .menu{
	max-width:1200px;
	min-width:320px;
	overflow:hidden;
	margin:0 auto;
	text-align:center;
}

.top .menu a{
	display: inline-block;
	width:10.2%;
	color:#fff;
	font-size:18px;
	border-right:2px solid #fff;
	margin-top:7px;
}
.top .menu a:hover{
	color:#fff;
	text-decoration:underline;
}
.left_t{
	position:fixed;
	top:0;
	left:0;
	z-index:-1;
	width:26%;
}
.right_t{
	position:absolute;
	top:40px;
	right:60px;
	z-index:999;
	width:180px;
}
.right_b{
	position:fixed;
	bottom:0;
	right:0;
	width:40%;
}
.wx_2w{
	position:fixed;
	bottom:0px;
	left:0;
	z-index:9999;
	width:120px;
	background:#fff;
	overflow:hidden;
	text-align:center;
	font-size:9px;
	padding:0 0 8px 0;
}
.right_b img ,.wx_2w img{
	width:100%;
}
.logo img ,.left_t img ,.right_t img ,.right_b img{
	width:100%;
}

a.daohang{
	color:#00a1e6;
	float:right; 
	margin-right:100px;
}
a.daohang:hover{
	text-decoration:underline
}
.ad_jabo{
	position:absolute;
	top:28%;
	width:80%;
	left:10%;
	z-index:66;
}
.ad_jabo img{
	width:100%;
}
.ad_jabo .ad_con{
	width:100%;
	position:relative;
}
.ad_jabo .ad_con .close{
	position:absolute;
	width:80px;
	height:80px;
	border:0px solid red;
	top:6%;
	right:12%;
	cursor:pointer;
}
.js_con{
	width:100%;
	min-width:1200px;
	position:absolute;
	top:0;
	left:0;
	z-index:-5;

}
.js_show{
	width:80%;
	max-width:1200px;
	max-height:604px;
	margin:-36px auto;
	position:relative;
}

.js_jiesao{
	display:none;
	opacity:1;
	padding-top: 5%;
}
.js_zhanshi{
	display:none;
	opacity:1;
	width:100%;
	height:100%;
	position:relative;
	padding-top: 5.3%;
	overflow:hidden;
}
.js_zhanshi_con{
	height: 74%;
    left: 12px;
    overflow: hidden;
    position: absolute;
    top: 23%;
    width: 74.3%;
}
.js_zhanshi ul{
	padding:0;
	padding-top:6.3%;
	overflow:hidden;
}

.js_zhanshi li{
	width:100%;
	height:auto;
	overflow:hidden;
	list-style:none;
	margin:2px 0;
}
.js_zhanshi li:hover .js_zhanshi_con{
	z-index:10;
}
.js_zhanshi li a{
	display:block;
	width:23%;
	float:right;
	clear:both;
	margin-right:12px;
}


.rotate{
	transition: 1s ease;
}

.rotate:hover{
		transform:rotateY(180deg);
		transition: 1s ease;
	}
.back{
	   opacity: 0.4;
	   transition: 1s opacity;
   }
.rotate:hover .back{opacity: 1;}

.rotate img{
	transform:rotate(-45deg);
}

.rotate .cotate_con{
	width:100%;
	height:100%;
	position:relative;
}

.menu01{
	position:absolute;
	width:28%;
	height:auto;
	overflow:hidden;
	left:26%;
	top:15px;
	border:1px solid red;
}


.g_ct {
	font-size:30px;
	color:#383831;
	width:90%;
	padding:10px 0;
	overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;	
	font-weight:500;
}

/* swiper */
.swiper-container {
		min-width:1200px;

		margin:0 auto;
        width: 100%;
    }
.swiper-slide {
	text-align: center;
	font-size: 18px;
	background: #fff;
	margin:0;
	padding:0;
	/* Center slide text vertically */
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
}


/**------jiasi-active.html--------**/
.top-ban{
	width:100%;
	overflow:hidden;
}
.active_con{
	width:100%;
	position:relative;
	//max-width:1400px;
	min-height:970px;
	background:url(../images/con-bg.jpg);
	margin:0 auto;
}
.active_con .top{
	position:relative;
}
.contant{
	width:100%;
	max-width:1160px;
	min-width:1200px;
	overflow:hidden;
	min-height:905px;
	background:#fff;
	margin:0px auto;
	border-top-left-radius:20px;
	border-top-right-radius:20px;
	padding:3% 4% 0 4%;
	position:relative;
}
.left-menu {
	border:1px solid #dddddd;
	border-bottom:10px solid #2c88e4;
	width:286px;
	overflow:hidden;
	position:absolute;
	top:70px;
	left:30px;
	background:#fff;
}

.left-menu-bg{
	left: -75px;
    position: absolute;
    top: -56px;
    z-index: 0;
}

.left-menu a{
		color:#8a8a8a;
	}
.left-menu .menu-t{
	width:100%;
	padding-left:20%;
	color:#fff;
	font-size:24px;
	background:#2c88e4;
	height:56px;
	line-height:50px;
	position: absolute;
	left:0;
	top:0;
	z-index:1;
}

.left-menu .menu-b{
	width:100%;
	
	color:#8a8a8a;
	font-size:18px;
	background:#ebe9e3;
	margin:10px 0;
	height:32px;
	line-height:32px;
}
.left-menu .menu-b a{
	width:100%;
	padding-left:20%;
	display:block;
}
.left-menu .menu-b a:hover{
	background:#6795c7;
	color:#fff;
}
.left-menu .menu-b-cid{
	width:100%;	
	color:#8a8a8a;
	font-size:16px;
	background:#fff;
	margin:4px 0 10px;
	line-height:30px;
}
.left-menu .menu-b-cid a{
	width:100%;
	height:30px;
	display:block;
	padding-left:30%;
}
.left-menu .menu-b-cid a{
	color:#8a8a8a;
}
.left-menu .menu-b-cid a:hover{
	background:#6795c7 !important;
	color:#fff !important;
}
.left-menu .menu-b-cid:hover  a.menu-actived{
	background:#fff;
	color:#8a8a8a;
}
.left-menu .menu-b-cid a.menu-actived{
	background:#6795c7;
	color:#fff;
}

.right_c{
	width:70%;
	float:right;
	border:0px solid red;
	color:#969696;
	min-height:600px;
}
.right_c  .ad{
	width:100%;
}
.right_c .title{
	color:#2c88e4;
	height: 56px;
    line-height: 68px;
	font-size:22px;
}
.right_c .title_b{
	color:#000000;
	height: 56px;
    line-height: 68px;
	font-size:20px;
}

.right_c .title_t{
	color:#2c88e4;
	height: 56px;
    line-height: 72px;
	font-size:26px;
	font-family:"Adobe 黑体 Std";
	}
.right_c .content {
    color: #323232;
    font-size: 14px;
    line-height: 26px;
    padding: 15px;
}
.ad .adlist{
	width:24%;
	padding:2%;
	background:#fff;
	text-align:center;
	color:#fff;
	font-size:18px;
	float:left;
	margin-right:1%;  
	margin-bottom:20px;
	border:0px solid #ddd;
	min-height:1600px;
}
.ad .adlist img{
	width:100%;
	border:1px solid #ddd;
	margin:10px 0 ;
}
.right_c .news{
	width:100%;
	overflow:hidden;
	color:#414440;
}
.news .newlist{
	width:100%;
	max-height:140px;
	padding-bottom:10px;
	border-bottom:1px solid #2c88e4;
	position:relative;
	overflow:hidden;
	margin-bottom:15px;
}
.news .newlist .new_date{
	font-size: 14px;
    position: absolute;
    right: 15px;
    top: 5px;
}
.news .newlist .new_more{
	font-size:14px;
	color:#ef5d5e;
	font-size: 14px;
    position: absolute;
    right: 15px;
    bottom: 20px;
}
.news .newlist .newlist_l{
	width:23%;
	max-width:164px;
	max-height:108px;
	float:left;
	overflow:hidden;
}
.news .newlist .newlist_r{
	float: right;
    max-height: 110px;
    max-width: 610px;
    overflow: hidden;
    width: 75%;
}
.news .newlist .newlist_r .newlist_t{
	width:75%;
	overflow:hidden;
	font-size:18px;
	
}
.news .newlist .newlist_r .newlist_con{
	width:80%;
	overflow:hidden;
	font-size:13px;
	padding-top:10px;
}
.right_c .crumble{
	height:24px;
	line-height:24px;
	font-size:14px;
	margin-bottom:6px;
}
.right_c .crumble a{
	display:inline-block;
	padding:0 5px;
	color:#969696;
}
.right_c .txt{
    line-height: 30px;
	font-size:16px;
	text-indent:2em;
	padding-bottom:20px;
}
.right_c .txt img{
		max-width:100% !important;
	}
.ad_banner{
	width:100%;
	overflow:hidden;

}
.ad_banner img{
	width:100%;
}
.ad_banner .swiper-container {
	margin:0 auto;
    width: 100%;
	min-width:100%;
    }

.active_bottom{
	width:100%;
	overflow:hidden;
	padding-top:46px;
	text-align:center;
	color:#484848;
}
.active_bottom p{
	margin:30px 0 40px;
}
.bottom-menu{
	width:100%;
	max-width:1400px;
	margin:0 auto;	
	overflow:hidden;
}

.he_slideCaptionDown{
	width:11.2%;
	background:#0f0e0d;max-width:192px;max-height:114px;
	padding:0;margin:0;border:0px solid #000;position:relative;
	box-sizing:border-box;cursor:pointer;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden;
	float:left;
	margin-right:4px;
	}
.he_slideCaptionDown .he_slideCaptionDown_img{position:relative;display:block;width:100%;padding:0;margin:0;opacity:1;overflow:hidden}
.he_slideCaptionDown .he_slideCaptionDown_caption{
	color:#fff;background:rgba(254,114,83,0);
	-moz-backface-visibility:hidden;
	-webkit-backface-visibility:hidden;
	backface-visibility:hidden;
	-webkit-transform:translate3d(0,-100%,0);
	-moz-transform:translate3d(0,-100%,0);
	-o-transform:translate3d(0,-100%,0);
	-ms-transform:translate3d(0,-100%,0);
	transform:translate3d(0,-100%,0);
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
	}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption{
	background:rgba(21,30,25,.7);
	-webkit-transform:translate3d(0,0,0);
	-moz-transform:translate3d(0,0,0);
	-o-transform:translate3d(0,0,0);
	-ms-transform:translate3d(0,0,0);
	transform:translate3d(0,0,0)
	}
.he_slideCaptionDown .he_slideCaptionDown_caption,.he_slideCaptionDown .he_slideCaptionDown_caption > a{
	position:absolute;top:0;left:0;
	width:100%;height:100%;
	padding:0;margin:0;
	-webkit-transition:all .4s ease-in-out;
	-moz-transition:all .4s ease-in-out;
	-o-transition:all .4s ease-in-out;
	-ms-transition:all .4s ease-in-out;
	transition:all .4s ease-in-out;
	overflow:hidden
	}
.he_slideCaptionDown .he_slideCaptionDown_caption_h{
	font-size:1.1em;font-weight:700;
	text-align:center;width:80%;
	position:absolute;top:-50%;left:10%;
	-webkit-transition:all .5s ease-in-out;
	-moz-transition:all .5s ease-in-out;
	-o-transition:all .5s ease-in-out;
	-ms-transition:all .5s ease-in-out;
	transition:all .5s ease-in-out;
	overflow:hidden;opacity:0
	}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_h{color:#fff;top:20%;opacity:1}
.he_slideCaptionDown .he_slideCaptionDown_caption_p{
	font-size:1em;text-align:center;
	width:80%;position:absolute;
	top:-50%;left:10%;
	-webkit-transition:all .6s ease-in-out;
	-moz-transition:all .6s ease-in-out;
	-o-transition:all .6s ease-in-out;
	-ms-transition:all .6s ease-in-out;
	transition:all .6s ease-in-out;
	overflow:hidden;opacity:0
	}
.he_slideCaptionDown:hover .he_slideCaptionDown_caption_p{color:#fff;top:30%;opacity:1}



.map_cont{
	width:100%;
	overflow:hidden;
	padding-top:30px;
}
.map_cont .map{
	width:90%;
	min-height:400px;
	background:#ddd;
}
.map_cont .ads{
	width:100%;
	color:#8c8c8c;
}


/*-------------------jingpin.html------------------------*/
.jp_con{
	width:100%;
	min-width:1200px;
	position:relative;
}
.jp_con img{
	height:100%;
}


.wx_c{
	margin: 0 auto;
    padding: 30px 0;
    width: 67%;
}




/***************--------resize----------**************/

@media all and (max-width: 1360px) {
	.right_c .txt{
    line-height: 30px;
	font-size:16px;
	text-indent:2em;
	}
}

@media all and (max-width: 800px) {
  #purecontainer a span {
    font-size: 1rem;

  }
  .right_c .txt{
    line-height: 30px;
	font-size:12px;
	text-indent:2em;
	}

}

@media all and (max-width:720px) {
  #purecontainer a span {
    font-size: 0.6rem;
	letter-spacing: .1rem;
  }
  #purecontainer a{
	 opacity: 1;
	-webkit-transition: 1 opacity;
    transition: 1 opacity;
	-webkit-tap-highlight-color:transparent;
  }

  /**-jiasi-phone**/

	.top{
		position:absolute;
		top:10px;
		left:0;
		right:0;
		max-width:1405px;
		height:65px;
		margin:0px auto;
		background:url(../images/menu-bg.png) no-repeat top center;
	}

	.body_tp{
		padding-top:1px;
	}
	.top .menu a{
		font-size:10px;
		width:13%;
		border-right:1px solid #fff;
	}
	.js_show{
		margin:38px auto;
	}
	.js_zhanshi{
		padding-top: 6.3%;
		width: 93%;
	}
	
	.js_zhanshi ul {
		padding: 0;
		padding-top: 5.3%;
		overflow: hidden;
	}
	.js_zhanshi li a {
		display: block;
		width: 20%;
		font-size:16px;
	}

	.js_zhanshi_con {
		height: 65%;
		left: 12px;
		overflow: hidden;
		position: absolute;
		top: 27%;
		width: 73.3%;
	}
	.swiper-container {
		min-width:320px;
		width:100%;
		margin:0 auto;
    }
	.js_con{
	width:100%;
	min-width:320px;
	position:absolute;
	top:0;
	left:0;
	z-index:-2;
	}
	
	.left_t img {
	width:20%;
	}
	.right_b img{
	display:none;
	}


	.right_c .txt{
    line-height: 24px;
	font-size:12px ;
	text-indent:2em;
	padding-top:10px;
	}
	
	
	.right_c .title_b{
	color:#ef5d5e;
	height: 20px;
    line-height: 20px;
	font-size:14px;
	margin-bottom:10px;
	}
	
	.left-menu .menu-t{
	width:100%;
	padding-left:10%;
	color:#fff;
	font-size:16px;
	background:#ef5d5e;
	height:36px;
	line-height:36px;
	}

	.left-menu .menu-b{
		width:100%;
		padding-left:10%;
		color:#8a8a8a;
		font-size:18px;
		background:#ebe9e3;
		margin:10px 0;
		height:32px;
		line-height:32px;
	}
}


@media all and (max-width: 600px) {

	/**-index-phone-**/
  #purecontainer a span {
    font-size: 0.5rem;
	letter-spacing: .1rem;
	left: 10%;
	top: -50%;
  }
  a#rotate07 span {
    font-size: 0.5rem;
    left: 10%;
	top: -40%;
}
  #purecontainer a{
	 opacity: 1;
	-webkit-transition: 1 opacity;
    transition: 1 opacity;
	-webkit-tap-highlight-color:transparent;
  }
	.jiesao{
    color: #545454;
    float: right;
    font-size: 12px;
    margin-right: 5%;
    margin-top: -2%;
    text-align: right;
    width: 94%;
	}
	.jiesao .tit{
		font-size:18px;
	}
	.jiesao .tit2{
		font-size:16px;
	}

	.jiesao .cont {
		line-height:22px;
		padding-top:10px;
		text-align: left;
	}
	
	.index_bottom{
		display:none;
	}

	/**-jiasi-phone**/
	.body_tp{
		padding-top:1px;
	}
	.top .menu a{
		font-size:10px;
		width:13%;
		border-right:1px solid #fff;
	}
	.js_show{
		margin:38px auto;
	}
	.js_zhanshi{
		padding-top: 6.3%;
		width: 93%;
	}
	
	.js_zhanshi ul {
		padding: 0;
		padding-top: 2.3%;
		overflow: hidden;
	}
	.js_zhanshi li a {
		display: block;
		width: 20%;
	}

	.js_zhanshi_con {
    height: 63%;
    left: 12px;
    overflow: hidden;
    position: absolute;
    top: 24%;
    width: 69.3%;
	}
	.swiper-container {
		min-width:320px;
		width:100%;
		margin:0 auto;
    }
	.js_con{
	width:100%;
	min-width:320px;
	position:absolute;
	top:0;
	left:0;
	z-index:-1;

	}
	.right_c .txt{
		font-size:12px;
	}
}

@media all and (min-width: 1500px) {
  #purecontainer {
 //background: url(http://zaole.net/2.jpg);
   // background-size: cover;
  }
}