@charset "utf-8";

/* CSS Document */

#header {

	width: 100%;

	min-width: 320px;

	height: 90px;

	background-color: #fff;

	position: relative

}

.showMenu {

	right: 3%;

	top: 35%;

	display: block;

	width: 48px;

	height: 28px;

	margin-top: -14px;

	z-index: 1001;

	font:0.9em/1.5em "Microsoft YaHei";

	color:#0ba29a;

}

.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: #0ba29a;

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

}

.logo {

	left: 50%;

	top: 50%;

	display: block;

	width: 453px;

	height: 60px;

	margin-left: -196px;

	margin-top: -30px;

	background: url(logo.png) no-repeat;

}

.topTell {

	left: 3%;

	top: 50%;

	display: block;

	width: 40px;

	height: 40px;

	margin-right: -20px;

	margin-top: -20px;

	background: url(header_goHome.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%;}

.menulist h3 {wdith:100%;height:70px;font-size:30px;color:#fff;font-weight:500;padding-top:20px;padding-left:22px; padding-bottom:0;}

.menulist h3 a { display:block;}

.menulist ul {width:100%;border-bottom:1px solid #6a7380;}

.menulist ul li {width:100%;float:left;height:78px;overflow:hidden;line-height:78px;font-size:26px;text-align:center;color:#9097a0;border-top:1px solid #6a7380;}

.menulist ul li a {display:block;float:left;height:78px;color:#9097a0;border-right:1px solid #6a7380;border-right:1px solid #6a7380;}

.menulist ul li a:nth-child(4n) {border-right:none}

.popMenu {display:none;}

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

.menuBtn {width:100%;height:90px;line-height:90px;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(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(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(address_pic1.png) no-repeat;}

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

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

.hAbout {right:10px;top:200px;width:187px;height:64px; background:url(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: 45px;

}

.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: #083;

	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: 187px;

	height: 30px;

	margin-top: -15px;

	margin-left: -94px;

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

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

	background-size: 100% 100%;

}

.topTell {

	width: 20px;

	height: 20px;

	margin-top: -10px;

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

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

	background-size: 100% 100%;

}

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

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

.menuBtn {height:45px;line-height:45px;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;}

	}

	

	.v15_mainNav { background-color:#0ba29a; color:#fff; overflow:hidden; height:2.5em; padding:.4em 0;} 

.v15_mainNav a { float:left; color:#fff; font:1.16em/2.1em "Microsoft YaHei"; margin-left:1em; display: block;}

.v15_mainNav a:link,.v15_mainNav a:visited,.v15_mainNav a:hover { color:#fff;}

.v15_mainNav .askBut {  background-color:#fff; float:right; display:block; border-radius:.4em; color:#008883; padding:0 .5em; margin-right:.625em; margin-top:2px;}

.v15_mainNav .askBut>a { color:#008883; margin:0; padding:0;}

.jibing{ color: #00866e;font-size: 12px;line-height: 2em;}



.fksy_a{width:99%; margin:0px auto; text-align:center;position:relative;}
.fksy_a img{width:100%;}
.fksy_a a{display: block;position:absolute;height:100%;}
.fksy_tell{width:58%;top:0;left:0;}
.fksy_swt{width:42%;top:0;right:0;}
.fksy_b{width:99%; margin:0px auto; text-align:center;}
.fksy_b img{width:23%; padding-top:2%;}
.fksy_c{width:99%; margin:0px auto; text-align:center; line-height:30px; padding:3% 0;}

#swiper-wrapper .swiper-slide,#swiper-wrapper .swiper-slide a{ display:block;} 
.swiper-slide a{ display:block;}
.swiper-slide{ display:block;}
.swiper-container { width:100%; text-align:left; margin:0 auto; overflow:visible; position:relative;  z-index:5; padding:0; }
.swiper-container .swiper_title{ position:absolute; bottom:0;left:0;height:35px; width:100%; color:#FFF;overflow:hidden; z-index:50; text-align:left; text-indent:1em;background: none repeat scroll 0 0 rgba(12, 0, 0, 0.6); overflow:hidden; display:none;}
.swiper-wrapper {position: relative;z-index:10;}
.swiper-slide {position:relative;text-align:left; float:left; margin:0; padding:0;}
.swiper-slide a{ position:relative; width:100%; height:100%; display:block; overflow:hidden;}
.swiper-slide img{ max-height:100%;  max-width:100%;  vertical-align:middle; position:relative;}
.swiper-slide h3,.swiper-slide p{ display:inline; }

.swiper-pagination{ position:absolute; width:100%;right:0; z-index:100; }
.swiper-pagination-bullet{margin-left:10px;}
.swiper-container .pagination .swiper-pagination-switch{ display:inline-block; height:13px; width:13px; background:#cccccc; border-radius:50%; _display:inline; margin-right:0.5em;}
.swiper-container .pagination .swiper-active-switch{ background:#008883;}
.swiper-container .pagination2{ position:absolute; width:100%; bottom:0; right:50%;z-index:100; text-align:right;}
.swiper-container .pagination2 .swiper-pagination-switch{ display:inline-block; height:13px; width:13px; background:#cccccc; border-radius:50%; _display:inline; margin-right:0.5em;}
.swiper-container .pagination2 .swiper-active-switch{ background:#008883;}

.swiper-bxList { width:100%; height:22em; margin:0 auto; position:relative;overflow:hidden;}
.swiper-home_mainAd  { height:10.833em; width:100%; margin:0 auto; position:relative;overflow:hidden;}
.swiper-home_mainAd .swiper-slide img { width:100%;}



/*商务通*/
.swt_R{position:fixed;width:30px;height:94px;right:0;top:30%;margin-top:-20px;z-index:999;}
.swt_R a{background:url(../images/swt_right.gif) no-repeat;width:30px;height:94px;display:block;}
#comp_tel_span {float:right; color:#fff;font-size:14px;width:100%; text-align:center;}
#comp_tel_span p{font-size:20px;line-height:28px;text-shadow: 0 1px 0 rgba(255,255,255,.2); color:#fff}
#comp_chat_span {float:right; color:#fff;font-size:18px;padding-top:14px;width:100%;text-shadow: 0 1px 0 rgba(255,255,255,.2);}
#comp_tel {background:url(../images/fsprite.png) 10px -295px no-repeat #00707e;width:52%;height:46px; float:left; padding-left:10%}
#comp_chat {background:url(../images/fsprite.png) 10px -343px no-repeat #ff9619;width:28%;height:46px;float:left; padding-left:10%; position:relative;}
#comp_chat i{display:block; width:18px; height:18px; position:absolute; top:5px; left:20px;}
.bottom-fixed {position:fixed;left: 0;	z-index:10000;	height:46px; width:100%;	bottom:0;	text-align:center;	background:#00707e;*bottom:auto;*position:absolute;	*top:expression(eval(document.documentElement.scrollTop+357))}