﻿
/* CSS Document */
/*样式重置*/
*{ font-family:ariaL,"微软雅黑"; color: #373737;margin:0;padding:0;list-style-type:none;}
body{margin: 0; padding: 0; border: 0; width:100%; height:100%; float:left;}
a{ cursor:pointer; text-decoration:none;}
p,h1,h2,h3,img,a,input,textarea,img{ margin:0; padding:0;}
ul,li{ list-style:none; margin:0; padding:0;}

/*顶部导航*/
.dbnav{ width:100%; height:34px; background:#f5f5f5;}
.xbox{ width:1200px; height:34px; margin:auto;}
.zb{ float:left; line-height:34px; width:200px;}
.zb p,.zb a,.zb span{ float:left; margin-right:5px; font-size:14px;}
.zb span{ width:2px; height:18px; background:#3DAFA7; margin-top:8px;}
.zb a:hover{ color:#fec009;}

.yb{ float:right; line-height:34px;}
.xbox .yb a{ width:90px; color:#999; text-align:center; float:left; font-size:14px;}
.xbox .yb span{ width:2px; height:18px; background:#999; margin-top:8px; float:left;}
.xbox .yb a:hover{ color:#fec009;}


/*logo*/
.logobox{ width:1200px; height:160px; margin:auto;}
.logo{ float:left; width:400px; height:100px; margin-top:30px;}
.logo img{ width:100%; height:100%;}

.xj{ width:180px; font-size:14px; height:auto; float:left; margin-top:50px;}
.xj p{ width:180px; color:#999; line-height:28px;}
.xj img{ width:16px; height:16px; float:left; margin-right:10px; margin-top:5px;}

/*搜索*/
.ssbox{ float:right; width:350px; height:auto; margin-top:40px;}
.dh{ width: 350px; height:30px;}
.dh img{ width:20px; height:20px; margin-top:4px; float:left;}
.dh a{ color:#fec009; font-size:14px; line-height:30px; height:30px; display:block; float:left;}
.dh span{ margin-left:5px; height:30px; line-height:30px; display:block; float:left; font-size:14px;}

.ss{ width:350px; height:30px; border:2px solid #fec009;padding-left:10px; border-radius:4px; float:left;}
.ss input{ outline:none; width:300px; height:30px; border-radius:4px; border:none; float:left;}
.ss span{ width:45px; height:30px; background:#fec009; cursor:pointer; float:right; margin:0;}
.ss span img{ width:25px; height:25px; margin-left:10px; margin-top:3px;}


/*菜单导航*/
.navbox{ width:100%; height:45px; border-bottom:2px solid #1fa4f0;}
.nav{ width:1200px; height:45px; margin:auto;}
.xl{ width:170px; height:45px; float:left; position:relative;}
.xl .wzdh{ background:#006db3; height:45px; width:170px; float:left;}
.xl .wzdh img{ width:25px; height:25px; margin-top:10px; float:left;}
.xl .xldh{font-size:18px; color:white; line-height:45px; height:45px; width:100px; margin:auto;}

.cdnav{ float:left; height:45px; width:830px; position:relative;}
.cdnav a{ display:block; width:100px; height:45px; text-align:center; line-height:45px; color:#7d7d7d; font-size:18px; font-weight:bold; float:left;}
.cdnav a:hover{ color:#006db3;}
.cdnav .sjx{ width:20px; height:20px; position:absolute; bottom:-8px; left:50px; margin-left:-10px;}


.xlbox{ width:170px; height:300px; background:rgba(31,164,240,0.90); position:absolute; top:45px; display:none; z-index:99;}
.xlbox a{ display:block; width:170px; height:50px; line-height:50px; color:white; font-size:18px; text-align:center;}
.xlbox a p{color:white; font-size:18px; text-align:center; float:left; line-height:50px;}
.xlbox .tiao{ background:url(../image/tiao.png); width:80%; margin-left:10%; height:2px; float:left;}
.xlbox a .tp{ width:20px; height:20px; margin-right:10px; line-height:50px; float:left; margin-left:32px; margin-top:4px;}
.xlbox a .tp img{ width:20px; height:20px;}



/*图片翻转*/
.xwcms {    
		-webkit-transition: -webkit-transform 0.4s ease-out;
		-moz-transition: -moz-transform 0.4s ease-out;
		-o-transition: -o-transform 0.4s ease-out;
		-ms-transition: -ms-transform 0.4s ease-out;
        }
.wzdh:hover .xwcms {
	-webkit-transform: rotateZ(180deg);
	-moz-transform: rotateZ(180deg);
	-o-transform: rotateZ(180deg);
	-ms-transform: rotateZ(180deg);
	transform: rotateZ(180deg);
}

.xlbox a:hover img {
    -moz-transform:scaleX(-1);
    -webkit-transform:scaleX(-1);
    -o-transform:scaleX(-1);
    transform:scaleX(-1);
    /*IE*/
    filter:FlipH;
}


/*定位*/
.dwbox{ width:1200px; height:45px; border-bottom:1px solid #999; margin:auto;}
.dwbox p{ float:left; line-height:45px; font-size:14px; margin-left:5px; margin-right:5px;}
.dwbox a,.dwbox span{ float:left; line-height:45px; margin-right:5px;}
.dwbox a:hover{ color:#1fa4f0;}
.wzt{ width:4px; background:#1fa4f0; height:20px; float:left; margin-top:12px; margin-left:10px;}


/*预约*/
.yybox{ width:1200px; margin:auto; height:auto;margin-top:20px;}
.yybox2{ width:1200px; margin:auto; height:auto; float:left;}
.yydh{ width:220px; height:280px; border:1px solid #eee; float:left;}
.yynav{ width:220px; height:45px; line-height:45px; text-align:center; background:#006db3; color:#fff;}
.yygh{ width:220px; height:45px; line-height:45px; text-align:center; border-bottom:1px solid #eee; cursor:pointer; position:relative;}
.yygh img{ width:20px; height:20px; position:absolute; right:20px; top:50%; margin-top:-10px; display:none;}
.yygh:hover img{ display:block;}
.yygh:hover{ color:#1fa4f0;}


.ybyy{ width:950px; float:right; min-height:500px;}
.gh{float:right; border:1px solid #eee; border-bottom:none; width:950px; height:auto;}
.xz{ border-bottom:1px solid #eee; float:left; padding-bottom:5px; width:950px; height:auto;}
.ghxm{ width:100px; line-height:40px; text-align:center; float:left; font-size:16px; height:auto;}
.ghxz,.ghks{ width:800px; float:left; height:auto;}
.ghxz span,.ghks span{ line-height:40px; font-size:16px;text-align:center; cursor:pointer; margin-left:5px; margin-right:5px;}
.ghxz span:hover,.ghks span:hover{ color:#1fa4f0;}

.xzys{ color:#1fa4f0;}


.yylb{ width:950px; height:auto; margin-top:20px; float:left;}
.ys{ width:220px; height:280px; border:1px solid #eee; float:left; border-radius:5px; margin-bottom:20px;}
.tx{ width:80px; height:80px; margin:auto; border-radius:80px; margin-top:20px;}
.tx img{ width:100%; height:100%; border-radius:80px;}
.zc{ width:250px; height:50px;}
.zc p,.zc span{ float:left; line-height:50px; width:110px;}
.zc p{ text-align:right; margin-right:5px; font-weight:900;}
.yssj{ width:220px; height:40px; margin-top:10px; overflow:hidden;}
.yssj p{ width:190px; margin:auto; font-size:14px;}

.yyaj{ width:80px; height:40px; background:#1fa4f0;  text-align:center; line-height:40px; border-radius:5px; margin-left:65px; margin-top:20px; display:block; color:#fff;}
.yyaj:hover{ background:#fec009; color:#fff;}
.pf{ width:130px; margin:auto; height:20px;}
.pf p{ float:left; font-size:12px; line-height:20px;}
.pf span{ float:left; font-size:12px; line-height:20px;}

.gk{ width:20px; height:280px; float:left;}




/*页码*/
.ym{width:950px; height:81px; border-top:1px solid rgba(31,164,240,0.7); float:right;}

.pages {width:700px; height:50px; margin:auto;}
.pages #Pagination {float: left;overflow: hidden;}
.pages #Pagination .pagination {
  height: 40px;
  text-align: right;
  font-family: \u5b8b\u4f53,Arial;
}
.pages #Pagination .pagination a,
.pages #Pagination .pagination span {
  float: left; 
  height:40px;
  line-height:40px;
  display: inline;
  padding:0 13px;
  border: 1px solid #1fa4f0;
  border-right: none;
  background: #FFFFFF;
  color: #1fa4f0;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 14px;
  cursor: pointer;
}
.pages #Pagination .pagination .current {
  background: #1fa4f0;
  color: #fff;
}
.pages #Pagination .pagination .prev,
.pages #Pagination .pagination .next {
  float: left;height:40px; 
  padding:0 13px;
  border: 1px solid #1fa4f0;
  background: #FFFFFF;
  color: #1fa4f0;
  cursor: pointer;
}
.pages #Pagination .pagination .prev i,
.pages #Pagination .pagination .next i {
  display: inline-block;
  width:4px;
  height: 11px;
  margin-right: 5px;
  background: url(/resources/web/1/img/icon.fw.png) no-repeat;
}
.pages #Pagination .pagination .prev {
  border-right: none;
}
.pages #Pagination .pagination .prev i {
  background-position: -144px -1px;
  *background-position: -144px -4px;
}
.pages #Pagination .pagination .next i {
  background-position: -156px -1px;
  *background-position: -156px -4px;
}
.pages #Pagination .pagination .pagination-break {
  padding:0 5px;
  border: none;
  border-left: 1px solid #1fa4f0;
  background: none;
  cursor: default;
}
.pages .searchPage {
  float: left;
  padding: 8px 0;
}
.pages .searchPage .page-sum {
  padding: 11px 13px;
  color: #1fa4f0;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 16px;
}
.pages .searchPage .page-go {
  padding: 8px 0;
  color: #205eb2;
  font-family: \u5b8b\u4f53,Arial;
  font-size: 14px;
  padding: 10px 0;
  *padding: 6px 0;
}
.pages .searchPage .page-go input {
  width: 28px;
  height: 24px;
  margin: 0 5px;
  padding-left: 5px;
  border: 1px solid #1fa4f0;
}
.pages .searchPage .page-btn {
  margin: 9px 0 5px 5px;
  padding: 7px 10px;
  background:#1fa4f0;
  border-radius:5px;
  color: #ffffff;
  font-family: Arial, 'Microsoft YaHei';
  font-size: 14px;
  text-decoration: none;
}








/*友情链接*/
.yqlj{ width:100%; height:55px; background:#f5f5f5; float:left; margin-top:20px; text-align:center; line-height:55px; font-size:20px; color:#414141;}
.gk5{ width:100%; height:1px; float:left; background:#d7d7d7;}
.yqlj2{ width:100%; height:100px; background:#f5f5f5; float:left; margin-top:3px;}
.yqlj3{ width:1200px; height:100px; margin:auto;}
.yqzz{ width:140px; height:60px; float:left; margin-top:20px; margin-left:20px;}
.yqzz img{ width:100%; height:100%;}
/*页脚*/
.foot{ width:100%; height:260px; background:#226286; float:left; position:relative;}
.foot .dz{ text-align:center; color:#fff; font-size:14px; margin-top:35px; line-height:30px;}
.foot .jszc{ text-align:center; color:#fff; font-size:14px; line-height:30px;}
.foot .ba{ text-align:center; color:#fff; font-size:14px; line-height:30px;}
.foot img{ width:80px; height:80px;}
.foot a{ position:absolute; bottom:30px; left:50%; margin-left:-40px;}
.yqlj3 img:hover{ box-shadow: 1px 2px 5px rgba(0,0,0,0.30)}


/*定位区*/



#leftsead{width:45px;height:auto;position:fixed;top:50%;right:0px; margin-top:-65px; z-index:88;}
#leftsead .cbbox{width:auto;height:53px; float:right;}
#leftsead .cbbox img{border-bottom-left-radius:5px;border-top-left-radius:5px; float:left;}
#leftsead .cbbox a{height:49px;float:left;display:block; width:47px; background:#454545; margin:0;border-bottom-left-radius:5px;border-top-left-radius:5px; overflow:hidden;transition:width 1s;
-moz-transition:width 1s; /* Firefox 4 */
-webkit-transition:width 1s; /* Safari and Chrome */
-o-transition:width 1s; /* Opera */}
#leftsead .cbbox a .shows{display:block;}
#leftsead .cbbox a .hides{margin-right:-160px;cursor:pointer;cursor:hand; width:200px; height:200px; border-radius:4px;}
#leftsead .cbbox a.youhui .hides{display:none;position:absolute;right:216px;top:2px;}
#leftsead .cbbox a p { color:#fff; line-height:49px; padding-right:10px; float:left; font-size:14px;}
#leftsead .cbbox .qq:hover{ width:160px;}

