@charset "utf-8";
body { font-family:微软雅黑;color:#333;margin:0;padding:0; background:#fff; font-size:12px;}
form,dl,dd,dt,ol,ul,li,h1,h2,h3,h4,h5,h6,h7,p {margin:0;padding:0;}
a:link,a:visited,a:hover,a:active {COLOR:#333;text-decoration:none}
ol,ul,li {list-style:none outside none;}
img {border:0;}
em,cite,i {font-style:normal;}
.clear { clear:both; margin:0px; top:0px} 
div{ border:0px;}
img{border:none; margin:0; padding:0;}
.fl{float:left;}
.fr{float:right;}
.fc{ margin:0 auto;}
#top{ width:100%; height:30px; background:#f5f5f5;}
.top{ width:1000px;}
.top span{ line-height:30px; color:#888;}
.top em{ line-height:30px; padding-left:100px; color:#015b7e;}
.top em a{ color:#015b7e; text-decoration:underline;}
.top em a:hover{ font-weight:700; text-decoration:none;}
.top span a{ padding-left:18px; color:#888;}
.top span a:hover{ color:#555; text-decoration:underline;}
.head{ width:1000px; height:110px;}
.logo{ width:205px; padding-top:18px;}
.nav{ width:560px; height:auto; line-height:25px; margin-top:45px;}
.nav ul li{ width:auto; float:left; color:#444; font-size:14px;}
.nav ul li a{ color:#444;}
.nav ul li a:hover{ color:#22799b;}
.nav ul i{ width:45px; line-height:25px; color:#e0e0e0; text-align:center; float:left;}
.tel{ width:220px; background:url(../images/tel.jpg) left no-repeat; line-height:25px; font-size:16px; color:#444; margin-top:40px; text-align:right;}
.indy{ width:1008px; height:auto; overflow: hidden; margin:20px auto 80px;}
.indy ul li{ width:190px; height:242px; float:left; margin:4px; border:1px #e9e9e9 solid;}
.indy ul li a{display: block; width:190px; height:242px; overflow: hidden; position: relative;}
.indy ul li a span{display: block;width: 100%;height:242px;position: absolute; left:0;bottom:-172px;z-index: 1;background: url(../images/bg.png);color: #fff; text-align:center;}
.indy ul li a em{display: block;width: 100%;height:242px;position: absolute; left:0;bottom:-172px;z-index: 1;color: #fff; text-align:center;}
.indy ul li a em b{ font-size:16px; font-weight:100; display:block; padding-top:10px; line-height:30px;}
.indy ul li a em i{ font-size:10px; text-transform:uppercase;}
.info{ width:1000px; height:auto; padding:20px 0; background:url(../images/ind2.jpg) left repeat-y;}
.infol{ width:239px;}
.infol_tit{ width:239px; height:66px; text-align:center; color:#fff; padding-top:16px;}
.infbg1{ background:url(../images/ind1.jpg) no-repeat;}
.infbg2{ background:url(../images/ind4.jpg) no-repeat;}
.infbg3{ background:url(../images/ind5.jpg) no-repeat;}
.infbg4{ background:url(../images/ind6.jpg) no-repeat;}
.infol_tit em{ font-size:24px; font-weight:700; line-height:33px;}
.infol_tit span{ text-transform:uppercase;}
.infol_con{ width:239px; height:auto;}
.infol_con ul li{ width:239px; line-height:41px; border-bottom:1px #e2e2e2 dashed; font-size:14px; background:url(../images/ind3.jpg) 22px 17px no-repeat;}
.infol_con ul li a{ padding-left:40px; color:#666; display:block;}
.infol_con ul li a:hover{ color:#22799b;}
.infol_con ul li a.lion{ color:#22799b;}
.infor{ width:738px;}
.infor_tit{ line-height:20px; height:34px; width:738px; border-bottom:1px #eee solid;}
.infor_tit em{ color:#444; font-size:16px; padding-left:30px;}
.infor_tit span{ font-size:12px; color:#d8d8d8; text-transform:uppercase; padding-left:12px;}
.infor_con{ width:678px; height:auto; padding:30px; font-size:14px; color:#666; line-height:28px;}
.intxt{ width:308px; height:28px; border:1px #e5e5e5 solid; padding:0 5px;}
.intxts{ width:250px; height:148px; border:1px #e5e5e5 solid; padding:0 5px;}
.coolbg{ width:115px; height:36px; background:#339cc5; color:#fff; border:0; margin-right:15px;}
.coolbgs{ width:115px; height:36px; background:#ddd; color:#888; border:0;}
.infors{ width:738px;}
.infors_tit{ line-height:20px; height:34px; width:738px;}
.infors_tit em{ color:#444; font-size:16px; padding-left:30px;}
.infors_tit span{ font-size:12px; color:#d8d8d8; text-transform:uppercase; padding-left:12px;}
.infors_con{ width:708px; height:auto; padding-left:30px; font-size:14px; color:#666; line-height:28px;}
.chanp{ width:737px; height:417px; background:url(../images/ind7.jpg) no-repeat; position:relative;}
.cpym1{ width:147px; height:147px; position:absolute; left:200px; top:18px;}
.cpym1 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:147px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym1:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.cpym2{ width:145px; height:145px; position:absolute; left:480px; top:13px;}
.cpym2 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:145px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym2:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.cpym3{ width:138px; height:138px; position:absolute; left:357px; top:145px;}
.cpym3 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:138px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym3:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.cpym4{ width:129px; height:129px; position:absolute; left:612px; top:147px;}
.cpym4 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:129px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym4:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.cpym5{ width:138px; height:138px; position:absolute; left:228px; top:270px;}
.cpym5 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:138px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym5:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.cpym6{ width:134px; height:134px; position:absolute; left:500px; top:270px;}
.cpym6 span{ position:absolute; top:0; left:0; z-index:99; display:block; width:134px; text-align:center; color:#fff; font-size:14px; line-height:25px; padding-top:50px;}
.cpym6:hover img {
    transform: scale(1.1);
    transition: all 1s ease 0s;
	-webkit-transform: scale(1.1);
	-webkit-transform: all 1s ease 2s;
}
.fuwu{ width:720px; height:auto; font-size:14px; color:#666; line-height:28px; padding-left:18px;}
.fuwu ul li{ width:337px; height:108px; margin-left:13px; border:1px #eee solid; padding:4px; float:left; margin-bottom:13px;}
.fuwu ul li i{ display:block; width:108px; height:108px; text-align:center; background:#e2e2e2; float:left; margin-right:8px;}
.fuwu ul li i img{ padding-top:34px;}
.fuwu ul li:hover i{ background:#22799b;}
.fuwu ul li em{ color:#444; font-weight:700;}
.fuwu ul li p{ font-size:12px; line-height:18px; color:#888;}

.foot{ width:100%; height:35px; line-height:35px; background:#f5f5f5; text-align:center; color:#888;}
.fuwy{ width:1000px; height:auto;}
.fuwy_url{ width:1000px; height:43px; border-bottom:1px #eee solid; padding-top:17px;}
.fuwy_url em{ float:left; border-left:3px #22799b solid; padding-left:8px; line-height:25px; font-size:16px; color:#444;}
.fuwy_url span{ float:right; background:url(../images/7.png) left no-repeat; padding-left:15px; color:#666; margin-top:8px;}
.fuwy_url span a{ color:#666;}
.fw_title{ width:1000px; height:60px; line-height:60px; border-bottom:1px #eee solid; text-align:center; font-size:18px; color:#333;}
.fw_tcon{ width:1000px; height:auto; padding:20px 0; border-bottom:1px #eee solid;}


.infopl ul li i img{width: 330px;
    padding: 0;
    height: 230px;}
.infopl ul li{width:96%;    height: 230px;}
.infopl ul li i{width: 330px;
height: 230px;}
@media(max-width:700px){
	.top,.head,.index_focus,.indy,.info,.infol,.infors,.fuwu,.infol_tit,.infol_con,.infol_con ul li,.infors_tit,.chanp,.infors_con,.infor_tit{width:100%; max-width:1000px;}
	#top .top em{ float:right; padding:0;}
	#top .top span.fr{ display:none;}
	.tel{ margin-top:10px;	}
	.nav{ width:100%;}
	.nav ul li{ width: 32%; text-align: center;}
	.nav ul i{ width:3px;}
	.nav ul i:nth-of-type(3){ display:none;}
	.index_focus,.bd,.bd ul,.bd ul li{width:100%!important; height:150px!important;}
	.indy{ margin-bottom:0;}
	.indy ul li{ width: 50%;margin: 0; border: none;}
	.indy ul li:last-child{ width:100%;}
	.indy ul li:last-child img{ width:100%; margin-top:-95px;}
	.indy ul li a{ width:100%;}
	.info{ background:none;}
	.infol_tit{ background-size:cover;}
	.infors{ margin-top:35px;}
	.infors_tit em{  font-size:23px;}
	.infors_con{ padding:0;}
	.infors_con img{max-width:100%; height:auto!important;}
	.infors_con table img{ width:100%!important; 	}
	.fuwu{padding:0!important;}
	.fuwu ul li{ width:97%; height:120px; box-sizing: border-box; float:none; margin:5px auto;}
	.infopl,.infors_con{ padding:5px!important; box-sizing: border-box;}
	.chanp{height:500px; background-size:cover;}
	.cpym2{left:0;}
	.cpym3{ left:auto;right:6px;top: 156px;}
	.cpym4{ left:auto;right:118px; top:371px;;}
	.cpym5{left:auto;right:12px;}
	.cpym6{ left:0; top:373px}
	.infopl ul li{ height:auto;}
	.infopl ul li i{ width:100%;height:auto;float:none;}
	.infopl ul li i img{ width:100%; height:auto;}
	#wrap-vip,#wrap-vip-1,#bank,#bank ul{ width:100%!important;height:auto;}
	#wrap-vip-1 table{ width:100%; font-family:Microsoft YaHei;}
	#wrap-vip-1 table tr{ width:100%;}
	#vip-size{ display:block;}
	.size-2{ position:relative; display:block;}
	.size-2 input,.size-2 span{ position:absolute; top:50px; left:-260px;display: block;}
	.size-2 span{ margin-left:25px}
	#bank{margin-top:60px!important;}
	.vip-size-sf{ font-size:12px!important;}
	#bank li{ width:46%!important; display:blockl;}
	#bank li img{ width:78%;}
	.table-contact td:nth-child(1){ padding:0 15px;}
	.table-contact td:nth-child(3){ display:none;}
	#map{width:100%!important; height:400px!important; margin-top:25px;}
	
}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
}