@charset "utf-8";

/* CSS Document */

#header {

	width: 100%;

	min-width: 320px;

	height:6.4rem;

	

	position: relative

}

.showMenu { cursor:pointer;

	

	right: 1.5rem;

	top:2.5rem;

	display:inline-block;

width: 2.9rem;

height: 2.9rem;

	

	z-index: 1001;

}

.showMenu a {

	display: block;

	width: 48px;

	height: 28px;

	position: relative;

	outline: none;

}

.showMenu a:before, .showMenu a:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	height: 8px;

	width: 100%;

	z-index: -1;

	-moz-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	background-color: #6a7380;

	margin-top: -4px;

}

.showMenu a:before {

	-moz-transform: translateY(-10px);

	-o-transform: translateY(-10px);

	-ms-transform: translateY(-10px);

	-webkit-transform: translateY(-10px);

	transform: translateY(-10px);

}

.showMenu a:after {

	-moz-transform: translateY(10px);

	-o-transform: translateY(10px);

	-ms-transform: translateY(10px);

	-webkit-transform: translateY(10px);

	transform: translateY(10px);

}

.hideMenu a:before {

	-moz-transform: rotate(90deg) rotate(45deg);

	-o-transform: rotate(90deg) rotate(45deg);

	-ms-transform: rotate(90deg) rotate(45deg);

	-webkit-transform: rotate(90deg) rotate(45deg);

	transform: rotate(90deg) rotate(45deg);

}

.hideMenu a:after {

	-moz-transform: rotate(90deg) rotate(-45deg);

	-o-transform: rotate(90deg) rotate(-45deg);

	-ms-transform: rotate(90deg) rotate(-45deg);

	-webkit-transform: rotate(90deg) rotate(-45deg);

	transform: rotate(90deg) rotate(-45deg);

}



.topTell {

	right: 3%;

	top: 50%;

	display: block;

	width: 47px;

	height: 47px;

	margin-left: -23px;

	margin-top: -23px;

	background: url(../images/top_tell.png) no-repeat;

}

.shake {-webkit-animation:shake 0.2s ease-in-out  6  alternate;-moz-animation:shake 0.2s ease-in-out  6  alternate;-o-animation:shake 0.2s ease-in-out  6  alternate;animation:shake 0.2s ease-in-out  6  alternate;}

@-webkit-keyframes shake{

	0% {

		-moz-transform:rotate(8deg);

		-webkit-transform:rotate(8deg);

		transform:rotate(8deg);

		}

	100% {

		-moz-transform:rotate(-8deg);

		-webkit-transform:rotate(-8deg);

		transform:rotate(-8deg);

		}

	}

@-moz-keyframes shake {

		0% {

		-moz-transform:rotate(8deg);

		-webkit-transform:rotate(8deg);

		transform:rotate(8deg);

		}

	100% {

		-moz-transform:rotate(-8deg);

		-webkit-transform:rotate(-8deg);

		transform:rotate(-8deg);

		}

	}

@-o-keyframes shake {

		0% {

		-moz-transform:rotate(8deg);

		-webkit-transform:rotate(8deg);

		transform:rotate(8deg);

		}

	100% {

		-moz-transform:rotate(-8deg);

		-webkit-transform:rotate(-8deg);

		transform:rotate(-8deg);

		}

	}

@keyframes shake {

		0% {

		-moz-transform:rotate(8deg);

		-webkit-transform:rotate(8deg);

		transform:rotate(8deg);

		}

	100% {

		-moz-transform:rotate(-8deg);

		-webkit-transform:rotate(-8deg);

		transform:rotate(-8deg);

		}

	}



.menulist {width:100%;}

.popMenu {display:none;}

.menulists {position:absolute;width:100%;}

.menuBtn {width:100%;height:80px;line-height:80px;text-align:center;font-size:26px;color:#424b59; background-color:#242c37;cursor:pointer;position:relative; -webkit-perspective: 1200px;

    -moz-perspective: 1200px;

    -ms-perspective: 1200px;

    -o-perspective: 1200px;

    perspective: 1200px;

	-webkit-transform-style: preserve-3d;

    -moz-transform-style: preserve-3d;

    -ms-transform-style: preserve-3d;

    -o-transform-style: preserve-3d;

    transform-style: preserve-3d;}

.menuBtn span {display:inline-block;}

.menuBtn.active i {-moz-transform:rotateX(180deg);-webkit-transform:rotateX(180deg);transform:rotateX(180deg);}

.menuBtn i {position:absolute;left:50%;top:50%;margin-top:-3px;margin-left:60px;display:block;width:17px;height:12px; background:url(../images/down.png) no-repeat;-moz-transition:all 0.6s linear 0s;-webkit-transition:all 0.6s linear 0s;transition:all 0.6s linear 0s;}

.call_number {display:block;width:97%;margin:20px auto;}

.address_info {width:100%;height:306px; background:url(../images/addressBg.png) no-repeat center; -moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;margin:20px auto;}

.address_pic1 {left:0;top:66px;width:280px;height:190px; background:url(../images/address_pic1.png) no-repeat;}

.address_pic2 {right:54px;top:56px;width:342px;height:134px; background:url(../images/address_pic2.png) no-repeat;}

.address_online {right:209px;top:200px;width:187px;height:64px; background:url(../images/hMap.png) no-repeat;}

.hAbout {right:10px;top:200px;width:187px;height:64px; background:url(../images/hAbout.png) no-repeat;}

.copyRight {width:100%;margin:0 auto 160px;}

.copyRight p {font-size:24px;color:#babdc1;text-align:center;overflow:hidden;}

.copyRight p:nth-child(n+2){font-size:14px;}

.copyRight p span {width:100%;display:inline-block;margin:0 auto;}

.scrollTop { position:fixed; bottom:116px; right:0; width:13%; }









/* @media screen and (min-width:320px) and (max-width:900px) {

#header {

	height: 40px;

}

.showMenu {

	width: 24px;

	height: 14px;

	margin-top: -7px;

--moz-background-size:100% 100%;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.showMenu a {

	width: 24px;

	height: 14px;

}

.showMenu a {

	display: block;

	width: 24px;

	height: 14px;

	position: relative;

}

.showMenu a:before, .showMenu a:after {

	content: '';

	position: absolute;

	left: 0;

	top: 50%;

	height: 4px;

	width: 100%;

	z-index: -1;

	-moz-transition: all 0.3s ease 0s;

	-o-transition: all 0.3s ease 0s;

	-webkit-transition: all 0.3s ease 0s;

	transition: all 0.3s ease 0s;

	background-color: #6a7380;

	margin-top: -2px;

}

.showMenu a:before {

	-moz-transform: translateY(-5px);

	-o-transform: translateY(-5px);

	-ms-transform: translateY(-5px);

	-webkit-transform: translateY(-5px);

	transform: translateY(-5px);

}

.showMenu a:after {

	-moz-transform: translateY(5px);

	-o-transform: translateY(5px);

	-ms-transform: translateY(5px);

	-webkit-transform: translateY(5px);

	transform: translateY(5px);

}

.hideMenu a:before {

	-moz-transform: rotate(90deg) rotate(45deg);

	-o-transform: rotate(90deg) rotate(45deg);

	-ms-transform: rotate(90deg) rotate(45deg);

	-webkit-transform: rotate(90deg) rotate(45deg);

	transform: rotate(90deg) rotate(45deg);

}

.hideMenu a:after {

	-moz-transform: rotate(90deg) rotate(-45deg);

	-o-transform: rotate(90deg) rotate(-45deg);

	-ms-transform: rotate(90deg) rotate(-45deg);

	-webkit-transform: rotate(90deg) rotate(-45deg);

	transform: rotate(90deg) rotate(-45deg);

}

.logo {

	width: 160px;

	height: 20px;

	margin-top: -10px;

	margin-left: -80px;

	-moz-background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.topTell {

	width: 24px;

	height: 24px;

	margin-top: -12px;

	-moz-background-size: 100% 100%;

	-webkit-background-size: 100% 100%;

	background-size: 100% 100%;

}

.menulist h3 {height:40px;font-size:15px;padding-left:11px;padding-top:10px;}

.menulist ul li {height:39px;font-size:13px;line-height:39px;}

.menuBtn {height:40px;line-height:40px;font-size:13px;}

.menuBtn i {width:9px;height:6px;margin-left:30px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.address_info {width:100%;height:153px;}

.address_pic1 {top:33px;width:140px;height:95px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.address_pic2 {right:28px;top:28px;width:171px;height:67px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.address_online {right:105px;top:100px;width:94px;height:32px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.hAbout {right:6px;top:100px;width:94px;height:32px;-moz-background-size:100% 100%;-webkit-background-size:100% 100%;background-size:100% 100%;}

.copyRight {width:100%;margin:0 auto 80px;}

}

@media screen and (min-width:360px) and (max-width:409px){

		.address_info {height:172px;}

		.address_pic1 {width:156px;height:106px;top:36px;}

		.address_pic2 {right:21px;width:192px;height:75px;top:31px;}

		.address_online {right:118px;width:105px;height:35px;top:112px;}

		.hAbout { width:105px;height:35px;top:112px;}

		.copyRight {margin-bottom:89px;}

	}

@media screen and (min-width:410px) and (max-width:900px){

		.address_info {height:196px;}

		.address_pic1 {width:179px;height:121px;top:42px;}

		.address_pic2 {right:20px;width:218px;height:85px;top:35px;}

		.address_online {right:126px; width:112px;height:40px;top:128px;}

		.hAbout { right:7px; width:112px;height:40px;top:128px;}

		.copyRight {margin-bottom:96px;}

	}*/









.rslides { position: relative; overflow: hidden; width: 100%; padding: 0; margin: 0; margin-left:2rem; width:26rem; float:left; }
.rslides li {  -webkit-backface-visibility: hidden; position: absolute; display: none; width: 100%; left: 0; top: 0; font-size:14px; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0;padding-right: 5px; padding-left: 5px; }
.slide_container { margin-bottom: 5px; position: relative; float: left; width: 100%; margin-top:2rem; }
.slide { position: relative; list-style: none; overflow: hidden; }
.slide li { position: absolute; width: 100%; left: 0; top: 0; }
.slide img { display: block; position: relative; z-index: 1; height: auto; width: 100%; border: 0; }
.slide .caption { display: block; position: absolute; z-index: 2; font-size: 14px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 0 20px; line-height:24px; margin: 0; max-width: none; }
.slide_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0);  left: 0; opacity: 0.7; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 333px; width: 40px; background: transparent url("/images/left.png") no-repeat left top; background-size:100%;}
.slide_nav:active { opacity: 1.0; }
.slide_nav.next { left: auto; background-position: right top; right: 0;  background:url("/images/right.png");}




.anli_box{
    margin-top: 25px;
}
.anli_list{
    width: 595px;
    height: 318px;
    margin: 0 auto;
    background: url("/img/images/anlibg.png");
    text-align: center;
    margin-top: 10px;
}
.anli_list p{
    font-size: 1.8em;
    padding-left: 10px;
    line-height: 2.2em;
    text-align: left;
}
.anli_bottom{
    width: 440px;
    height: 47px;
    background: url("/img/images/anli_bottom.png");
    margin: 0 auto;
}
.bottom_left{
    width: 100%;
    display: block;
    height: 100%;
    float: left;
}
.bottom_right{
    width: 0;
    display: block;
    height: 100%;
    float: right;
}
.foot_about{
    width: 581px;
    height: 253px;
    background: url("/img/images/foot.jpg");
    margin: 10px auto;

}
.foot_zixun{
    width: 118px;
    height: 43px;
    display: block;
    position: relative;
    top: 210px;
	left:320px;
	z-index:5;
}
.foot_liaojie{
    width: 118px;
    height: 43px;
    display: block;
    position: relative;
    top: 168px;
	left:445px;
	z-index:5;
}










#foot_tanchuang{
		display: none;
		width: 640px;
		height: 400px;
		position: fixed;
		bottom: 0px;
		z-index:200;
	}
	.close{
		display: block;
		width: 75px;
		height: 75px;
		float: right;
	}
	.shaohouzaishuo{
		width: 200px;
		height: 60px;
		position: relative;
		top:325px;
		left: 90px;
		display: block;
	}
	.foot_zaixian{
		width: 200px;
		height: 60px;
		position: relative;
		top:265px;
		left: 350px;
		display: block;
	}
	.haiguanxin{
    margin-top:35px;
    height:32px;
    width:640px;
    background:url("/img/images/haiguanxin.jpg");
}
.ertong_list_a{
    width:598px;
    height:172px;
    background:url("/img/images/ertong_list_a.jpg");
    margin:38px auto 0 auto;
}
.ertong_a1{
    display:block;
    float:left;
    width:193px;
    height:44px;
}
.ertong_a2{
    display:block;
    float:left;
    width:249px;
    height:44px;
    margin-left:2px;
}
.ertong_a3{
    display:block;
    float:right;
    width:152px;
    height:53px;
}
.ertong_a4{
    display:block;
    float:left;
    width:208px;
    height:56px;
    margin-top:1px;
}
.ertong_a5{
    display:block;
    float:left;
    width:234px;
    height:62px;
    margin-top:2px;
    margin-left:2px;
}
.ertong_a6{
    display:block;
    float:right;
    width:152px;
    height:54px;
    margin-top:2px;
}
.ertong_a7{
    display:block;
    float:left;
    width:208px;
    height:69px;
    margin-top:-5px;
}
.ertong_a8{
    display:block;
    float:left;
    width:217px;
    height:62px;
    margin-top:2px;
    margin-left:2px;
}
.ertong_a9{
    display:block;
    float:right;
    width:169px;
    height:62px;
    margin-top:2px;
}
.list_zixun{
    margin:20px auto auto auto;
    width:435px;
    height:48px;
    background:url("/img/images/list_zixun.jpg");
}