/* CSS Document */
  
* {
	margin: 0px;
	padding: 0px;
	-webkit-overflow-scrolling: touch; /*苹果手机端滑动卡屏*/
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    -webkit-tap-highlight-color: transparent; /*手机端点击底部出现背景*/
    -webkit-user-select:text;
    -ms-user-select:text;
    user-select:text;
    -webkit-appearance:none;
}

img {
	border: none;
	max-width: 100%;
}

a {
	text-decoration: none;
	color: #504f4f;
	-ms-transition: all .5s; 
	-moz-transition:  all .5s; 
	-webkit-transition:  all .5s; 
	-o-transition:  all .5s; 
	transition: all .5s; 
}

body {
	font-size: 12px;
	color: #565352;
	font-family: sans-serif;
	min-width: 1180px;

}

li {
	list-style: none;
}

table {
	border-collapse: collapse;
}

input, textarea,button {
	font-family: sans-serif;
	font-size: 12px;
	outline: none;
	-ms-transition: all .5s; 
	-moz-transition:  all .5s; 
	-webkit-transition:  all .5s; 
	-o-transition:  all .5s; 
	transition: all .5s; 

}
::after,::before,.donghua{
-ms-transition: all .5s; 
	-moz-transition:  all .5s; 
	-webkit-transition:  all .5s; 
	-o-transition:  all .5s; 
	transition: all .5s; 
}
.fg {
	clear: both;
	width: 0px !important;
	height: 0px !important;
	margin: 0px !important;
	padding: 0px !important;
	display: block;
}



/*顶部*/


.webtop .showcity{display:inline-block; *zoom:1; *display:inline; padding:0 10px 0 24px; 
	height:24px; line-height:24px; border-radius:12px;  background:#51b7a9;
	 position:absolute; color: #fff; font-size: 14px; top: 50%; margin-top: -14px; 
	 left: 150px;
	 cursor: pointer;

	}
.webtop .showcity i{ width:10px; height:12px; background:url(../images/in_09.png) center no-repeat; 
	display:block; position:absolute; top:50%; margin-top:-6px; left:9px;}


.webtop .list{ position:absolute; background:#fff; padding:15px 10px 15px 20px; 
	box-shadow:0 0 20px rgba(0,0,0,.1); width:260px; left:150px; top:70px; display:none; opacity:0;transform:translateY(20px); z-index: 2000;}
.webtop .list .bbt{ font-size:16px; font-weight:bold; color:#000; line-height:30px;}
.webtop .list ul{ display:block;}
.webtop .list ul li{ display:block; padding:5px 0 5px 30px; position:relative; line-height:24px; min-height:24px; font-size:14px;}
.webtop .list ul li span{ display:block; line-height:24px; text-align:center; width:24px; height:24px; overflow:hidden; position:absolute; left:0px; top:5px; background:#ddd; color:#333; border-radius:100%; font-size:14px;}
.webtop .list ul li a{ display:inline-block; color:#666; margin-right:8px;}
.webtop .list ul li a:hover,.webtop .list ul li a.on{ color:#ca0915;}
.webtop .list:after{ content:""; display:block; position:absolute; border-width:7px; border-style:solid; border-color:transparent transparent #fff transparent; bottom:100%; left:20px;} 
.webtop .list[data-on="on"]{ opacity:1; transform:translateY(0);}



.webtop{ background: #fff; height: 35px;  padding: 20px 0; border-bottom: 1px solid #e5e5e5; }
.webtop-main{ max-width: 1138px;height: 35px; padding-left: 242px; position: relative; margin: auto; }
.webtop-main .logo{ height: 35px; display: block; position: absolute; left: 0px; top: 0px; }
.webtop-main .logo img{ height: 35px; }
.webtop-main .logo img.bai{ display: none }
.webtop-main .menu{ height: 35px; line-height: 35px; transition: all .5s;}
.webtop-main .menu ul{ display: block;height: 35px; transition: all .5s;}
.webtop-main .menu ul li{ display: block; height: 35px; position: relative; float: left; margin-right:25px; }
.webtop-main .menu ul li a{ display: block;height: 35px; overflow: hidden; color: #232323; font-size: 16px; }
.webtop-main .menu ul li.on a,.webtop-main .menu ul li a:hover{ color: #da251d; }
.webtop-main .t-right{ padding: 5px 0; height: 25px; line-height: 25px; position: absolute; top: 0px; right: 0px; font-size: 14px; }
.webtop-main .t-right .phone{ float: right; padding-left: 34px; margin-left: 30px; color: #da251d; 
	background: url(../images/indexico_05.png) left no-repeat;;
}
.webtop-main .t-right .cz{ float: right; width: 76px; margin-left: 30px; }
.webtop-main .t-right .cz a{ display: block; height: 25px; border-radius: 2px; color: #fff; background: #51b7a9; text-align: center; }
.webtop-main .t-right .cz a:hover{ background: #2b887b; }
.webtop-main .t-right .login-infobox{ float: right; height: 25px; }
.webtop-main .t-right .login-infobox a{ margin-left: 15px; *display: inline; *zoom:1; display: inline-block; overflow: hidden;   
 white-space: nowrap;
    text-overflow: ellipsis; max-width: 80px; }
.webtop-main .t-right .login-infobox a.on,.webtop-main .t-right .login-infobox a:hover{color: #da251d;}
.webtop-main .t-right .login-infobox a.mar0{ margin-left: 0px; }
.webtop.smallpage{ background: #51b7a9; border-bottom: 0; }
.webtop.smallpage .webtop-main{  max-width: 998px; }
.webtop.smallpage .webtop-main .logo img.cai{ display: none }
.webtop.smallpage .webtop-main .logo img.bai{ display: block }
.webtop.smallpage .webtop-main .menu ul li a{ color: #fff; }
.webtop.smallpage .webtop-main .menu ul li { margin-right: 25px; }
.webtop.smallpage .webtop-main .menu ul li a{ font-size: 15px; }

.webtop.smallpage .webtop-main .t-right .phone{ display: none }
.webtop.smallpage .webtop-main .t-right .cz a{ color: #da251d; background: #fff; }
.webtop.smallpage .webtop-main .t-right .cz a:hover{ background: #2b887b; color: #fff; }
.webtop.smallpage .webtop-main .t-right .login-infobox a{ max-width: 200px; color: #fff; }


/*顶部 end*/
.huibg{ background: #f5f5f5; }
/*底部*/
.page-footer{ padding: 60px 0 40px; background-color: #eeeeee; background-image: url(../images/footbg_02.jpg); background-repeat: no-repeat;
background-position: bottom; background-size: cover; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.page-footer .page-fmain{ width: 1380px; margin:auto; position: relative; min-height: 200px; }
.smallpage.page-footer .page-fmain{ width: 1180px; }
.page-footer .page-fmain .l-m{ padding-right: 330px; }
.page-footer .page-fmain .l-m .big-ad{ color: #51b7a9; font-size: 48px; margin-bottom: 60px; }
.page-footer .page-fmain .l-m .href{ font-size: 14px; margin-bottom: 20px; }
.page-footer .page-fmain .l-m .href a{ display: inline-block; margin-right: 30px; color: #000; }
.page-footer .page-fmain .l-m .href a:hover{ color: #51b7a9; text-decoration: underline; text-shadow: 0 1px 2px rgba(0,0,0,.2); }
.page-footer .page-fmain .l-m .content{ line-height: 2; }
.page-footer .page-fmain .r-m{ right: 0px; top: 0px; position: absolute; padding-top: 12px; } 
.page-footer .page-fmain .r-m .phone{ padding-top: 12px; font-size: 14px; color: #848484; }
.page-footer .page-fmain .r-m .phone .s{ line-height: 20px; }
.page-footer .page-fmain .r-m .phone .b{ margin-bottom: 14px; line-height: 50px; font-size: 36px; color: #51b7a9; }
.page-footer .page-fmain .r-m .ewm{ text-align: center; *display: inline; *zoom:1; display: inline-block; color: #898989;}
.page-footer .page-fmain .r-m .ewm img{  width: 90px; border:5px solid #fff; box-shadow: 0 0 10px rgba(0,0,0,.175); margin-bottom: 8px; }
.smallpage.page-footer{ background: #fff; padding: 30px 0 20px; border-bottom: 0; }


.smallpage.page-footer .page-fmain .l-m .big-ad,.smallpage.page-footer .page-fmain .r-m .phone{ display: none }
.smallpage.page-footer .page-fmain{ min-height: 100px; }

/*底部 end*/
#link-list.smallpage{ display: none }
#link-list{ padding: 20px 0; background: #fff; line-height: 20px; }
#link-list .list{ width: 1380px; margin: auto; font-size: 14px; }
#link-list .list a{ *display: inline; *zoom:1; display: inline-block; margin-right: 10px; }
#link-list .list a:hover{color: #51b7a9; text-decoration: underline;}
.layui-layer .layui-layer-btn .layui-layer-btn0 {
    border-color: #51b7a9;
    background-color: #51b7a9;
    color: #fff;
}


/*float*/

#float{ position:fixed; z-index:1000; bottom:15%; left:50%; margin-left:700px;
}
#float dl dd{ display:block; width:40px; height:60px;  background-color:#51b7a9; box-shadow:0 0 5px rgba(0,0,0,.2); 
	background-position: center;
	background-repeat: no-repeat;
}
#float dl dd:hover{ background-color:#da251d;}
#float dl dd.f1{ background-image:url(../images/fico_03.png);}
#float dl dd.f2{ background-image:url(../images/fico_07.png); cursor:pointer;}
#float dl dd.f3{ background-image:url(../images/fico_09.png); position:relative;}
#float dl dd.f4{ background-image:url(../images/fico_13.png); display:none; cursor:pointer;}
#float dl dd.f3:hover .box{ display:block;}
#float dl dd.f2:hover .ewm{ display:block;}
#float dl dd .box{ position:absolute; bottom:0px; right:40px; padding-right:11px; display:none;}
#float dl dd .box .view{background-color:#51b7a9; padding:10px 20px 10px 15px; border-radius:5px; box-shadow:0 0 5px rgba(0,0,0,.2); }
#float dl dd .box .view ul li{ display:block; height:30px; line-height:30px; overflow:hidden; width:80px;}
#float dl dd .box .view ul li a{ display:block;display:block; height:30px; line-height:30px; overflow:hidden; padding-left:30px; color:#fff; background:url(../images/qq.png) left no-repeat;}
#float dl dd .box .view ul li a:hover{ text-decoration:underline;color:#da251d;}
#float dl dd .ewm{ width: 108px; background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.175); padding: 6px;
 position: absolute; top: 0px; right: 40px; padding-right: 6px; display: none }
#float dl dd .ewm img{ background: #fff; width: 100%;  }



@media only screen  and (max-width: 1440px){
#float{ margin-left: 600px; }	
.webtop{ padding: 15px 0; }	
.webtop-main{ max-width: 998px;}
.webtop-main .menu ul li{ margin-right: 15px; }
.webtop-main .menu ul li a{ font-size: 14px; }
.webtop-main .t-right .cz,.webtop-main .t-right .phone{  margin-left: 20px; }
/**/
.page-footer .page-fmain{ width: 1180px; }
.page-footer{ padding: 50px 0 30px; }
#link-list .list{ font-size: 12px; width: 1180px; }
.webtop .showcity{ font-size: 12px; }
}