﻿@charset "utf-8";
/* CSS Document */
body {margin:0px auto;padding:0px;text-align:center; color:#131313;background:#fff;}
div,dl,dt,dd,ul,li,form,h1,h2,h3,h4,h5,h6,p {
	margin:0;
	padding:0;
}
html {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
}
ul,li,dl,dt,dd {
	display:block;
	list-style:none;
}
fieldset,img {border:0;vertical-align:bottom;}

@font-face {font-family: 'empire_script-webfont';src: url('../font/empire_script-webfont.eot');src: url('../font/empire_script-webfont.eot?#iefix') format('embedded-opentype'),url('../font/empire_script-webfont.woff') format('woff'),url('../font/empire_script-webfont.ttf') format('truetype'),url('../font/empire_script-webfont.svg#empire_script-webfont') format('svg');font-weight: normal;font-style:normal}

/*勿删，解决滚动图片ie样式问题*/

.clear {
	background:none;
	border:0;
	clear:both;
	display:block;
	float:none;
	font-size:0;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
a {
	text-decoration:none;
	outline:none;
}

.mui-icon-left-nav{color:#000;}
#header{background-image: -webkit-gradient(linear, left top, left bottom, from(#fff ), to(#dee0fe )); /* Saf4+, Chrome */
			background-image: -webkit-linear-gradient(top, #fff , #dee0fe ); /* Chrome 10+, Saf5.1+ */
			background-image:    -moz-linear-gradient(top, #165282,#dee0fe ); /* FF3.6 */
			background-image:     -ms-linear-gradient(top, #165282,#dee0fe ); /* IE10 */
			background-image:      -o-linear-gradient(top, #165282,#dee0fe ); /* Opera 11.10+ */
			background-image:         linear-gradient(top, #fff,#dee0fe);}

#foot{
background:none;
-moz-box-shadow:none;
-webkit-box-shadow:none;
-o-box-shadow:none;
box-shadow:none;
}
.mui-bar{background-color:#fff;-moz-box-shadow:0 3px 5px #666;
-webkit-box-shadow:0 3px 5px #666;
-o-box-shadow:0 3px 5px #666;
box-shadow:0 3px 5px #666;}
.mui-bar .mui-title{color:#000;left:10px;}
.mui-title img{float:left;height:45px;}
.mui-title span{float:left;color:#7b7b7b;font-size:16px;padding-left:10px;}
#offCanvasSide{background:rgba(0,0,0,0.7);}
#menu{color:#000;}
.bgao{height:45px;}
.mui-content{background:#fff;height:100%;overflow:auto;width:100%;}
.mui-table-view-chevron{}
.mui-content-padded{width:100%;margin:0 auto;padding:0;}
/*底部导航*/
#foot a{
width:50px;height:50px;float:right;line-height:50px;border-top-left-radius:5px;
/*background-image: -webkit-gradient(linear, left top, left bottom, from(#00a0e9 ), to(#0094d8 )); 
background-image: -webkit-linear-gradient(top, #00a0e9 , #0094d8 ); 
background-image: -moz-linear-gradient(top,  #00a0e9 , #0094d8 ); 
background-image: -ms-linear-gradient(top,  #00a0e9 , #0094d8 ); 
background-image: -o-linear-gradient(top,  #00a0e9 , #0094d8 ); 
background-image: linear-gradient(top,  #00a0e9 , #0094d8 );*/
background:rgba(0,0,0,0.3);}
#foot span{font-size:24px;color:#fff;line-height:50px;}
#foot i{font-style:normal;color:#fff;font-size:14px;}
#foot a.cur i{color:#bbb;}
#foot a.cur span{color:#bbb;}
@media screen and (max-width:320px)
{
#foot span{font-size:18px;}
#foot i{font-size:12px;}

.mui-table-view-cell a{font-size:14px;}
}
/*侧滑菜单*/
#tmenu{position:fixed;left:0;top:44px;display:none;width:100%;margin:0 auto;padding:0;z-index:10000;}
#tmenu .mui-table-view-inverted{background:rgba(0,0,0,0.7);}
#tmenu .mui-table-view-inverted .mui-table-view-cell{border-bottom:1px solid #666;}
#tmenu ul li .ee{margin:-11px -15px;margin-right:-65px;padding:inherit;text-align:center;}
#tmenu ul li .ee span{position:absolute;right:15px;font-size:inherit;}
#tmenu ul li dl{width:90%;margin:0 auto;padding:0;display:none;float:right;border-top:1px solid #666;margin-top:5px;margin-left:5%;}
#tmenu ul li dl dd{float:left;marign:0 auto;padding:0;width:100%;height:32px;line-height:32px;text-align:left;border-bottom:1px solid #666;}
#tmenu ul li dl dd a{color:#fff;font-size:14px;width:100%;height:32px;line-height:32px;display:block;margin:0 auto;padding:0;}

/*首页*/
/*轮播*/
#banner{width:100%;margin:0 auto;padding:0;overflow:hidden;}
section{
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
 display: block;
}
#page {
  width: 100%;
  margin: 0 auto;
position:relative;
}
#viewport-shadow {
  position: relative;
  width: 100%;
  padding: 0px;

}

#viewport, #box, .slide {
  width: 100%;
margin:0px auto;
padding:0px;
}
#box img{width:100%;margin:0 auto;border:0px;padding:0px;}
.slide li div{position:absolute;z-index:9999;padding:0px;color:#fff;width:60%;font-family:Arial;top:40%;left:20%;text-align:center;}
.slide li div.m0{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}
.slide li div.m1{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}
.slide li div.m2{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}
.slide li div.m3{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}
.slide li div.m4{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}
.slide li div.m5{
animation-name:wtop;
	animation-duration:1s;
	animation-timing-function:linear;
	animation-delay:0s;
-webkit-animation-name:wtop;
	-webkit-animation-duration:1s;
	-webkit-animation-timing-function:linear;
	-webkit-animation-delay:0s;
}

.slide li div p{width:100%;margin:0 auto;padding:0;text-align:center;}
.slide li div p.p1{font-weight:800;line-height:24px;font-size:26px;text-stroke:5px #fff;-moz-text-stroke:5px #fff;;-webkit-text-stroke:5px #fff;color:#003366;}

[data-content]::before{
content:attr(data-content);
position:absolute;
-webkit-text-stroke:0;
-moz-text-stroke:0;
text-stroke:0;
color:#003366;
}
.slide li div p.p2{font-weight:400;line-height:20px;font-size:22px;text-stroke:2px #0066cc;-moz-text-stroke:2px #0066cc;;-webkit-text-stroke:2px #fff;color:#003366;}
.slide li div span{margin:0 auto;padding:0;margin-top:15px;margin-bottom:15px;height:2px;width:80%;display:block;overflow:hidden;background:#fff;
-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-ms-box-shadow: 1px 1px 2px rgba(0,0,0,.5);-o-box-shadow: 1px 1px 2px rgba(0,0,0,.5);box-shadow:  1px 1px 2px rgba(0,0,0,.5);
}

@keyframes wtop
{
    from {top: 45%;}
    to {top: 40%;}
}
 
@-webkit-keyframes wtop /* Safari 与 Chrome */
{
    from {top: 45%;}
    to {top: 40%;}
}
@-moz-keyframes wtop /* Safari 与 Chrome */
{
    from {top: 45%;}
    to {top: 40%;}
}
@media screen and (max-width:640px)
{
.slide li div{width:74%;left:13%;}
.slide li div p.p1{font-size:24px;}
.slide li div p.p2{font-size:20px;}
}
@media screen and (max-width:550px)
{
.slide li div{width:78%;left:11%;}
.slide li div p.p1{font-size:22px;}
.slide li div p.p2{font-size:18px;}
}
@media screen and (max-width:425px)
{
.slide li div{width:90%;left:5%;}
.slide li div p.p1{font-size:20px;}
.slide li div span{margin-top:10px;margin-bottom:10px;}
.slide li div p.p2{font-size:16px;}
}
@media screen and (max-width:375px)
{
.slide li div{width:90%;left:5%;}
.slide li div p.p1{font-size:18px;}
.slide li div p.p2{font-size:14px;}
}
@media screen and (max-width:320px)
{
.slide li div{width:94%;left:3%;}
.slide li div p.p1{font-size:16px;}
.slide li div p.p2{font-size:12px;}
}

#viewport {
  overflow: hidden;
}
footer {
  margin: 0 auto;
}
#controls {
  position: relative;
margin:0px auto;
  top: -30px;
 left:45%;
  overflow: hidden;
padding:0;
}

#controls li {
  display: inline;
}
.goto-slide {
  margin-left: 5px;
  width: 8px;
  height: 8px;
  display: block;
  float: left;
  border: 0;
  background-color: #e4e4e4;
border-radius:8px;
-webkit-border-radius:8px;
-moz-border-radius:8px;
}
.goto-slide.current {
  background-color: #666;
}

#viewport-shadow #next,#viewport-shadow #prev{
  position: absolute;
  top: 105px;
  width: 52px;
  height: 74px;
  background: url(../images/nav_paddles.png) no-repeat;
  display: block;
z-index:1000;
  -webkit-transition: background .4s;
  -moz-transition: background .4s;
  transition: background .4s;
}

#viewport-shadow #next:hover,#viewport-shadow #prev:hover {
  background: url(../images/nav_paddles_down.png) no-repeat;
  border: none;
}

#viewport-shadow #prev {
  left:0%;
}

#viewport-shadow #next,#viewport-shadow #next:hover {
  right: 0%;
  background-position: -64px 0;
}
#time-indicator {
  width: 100%;
  height: 2px;
  background-color: #fff;
  position: absolute;
  top: 100%;
  left: 0;
}

.stitle{margin:0 auto;padding:0;width:100%;text-align:center;margin-top:20px;}
.stitle span{font-family:"Courier New";font-size:36px;line-height:60px;display:block;width:100%;color:rgb(171,170,170);}
.stitle .l1{width:100%;margin:0 auto;padding:0;height:24px;position:relative;}
.stitle .l3{width:100%;height:1px;background:#dbdbdb;position:absolute;left:0;top:12px;z-index:0;}
.stitle .l2{width:420px;margin:0 auto;padding:0;height:24px;background:#fff;padding:0 12px;position:relative;z-index:1;}
.stitle .l2 i{font-style:normal;font-size:20px;height:28px;line-height:28px;display:block;width:100%;margin:0 auto;background:#0099cc;border-radius:5px;color:#fff;display:block;}
.stitle b{display:block;font-weight:600;color:#666;font-size:28px;line-height:60px;width:100%;letter-spacing:3px;}

@media screen and (max-width:425px)
{
.stitle{margin-top:15px;}
.stitle span{font-size:30px;line-height:45px;}
.stitle .l2{width:300px;}
.stitle .l2 i{font-size:16px;}
.stitle b{font-size:24px;line-height:45px;}
}
@media screen and (max-width:375px)
{
.stitle{margin-top:10px;}
.stitle span{font-size:28px;line-height:40px;}
.stitle .l2{width:280px;}
.stitle .l2 i{font-size:14px;height:24px;line-height:24px;}
.stitle b{font-size:22px;line-height:40px;}
}
@media screen and (max-width:320px)
{
.stitle{margin-top:8px;}
.stitle span{font-size:24px;line-height:30px;}
.stitle .l2{width:240px;}
.stitle .l2 i{font-size:12px;}
.stitle b{font-size:18px;line-height:30px;}
}
#gsjj{margin:0px auto;width:100%;padding:0px 0px 30px 0px;overflow:hidden;}
#gsjj #gy{margin:0 auto;padding:15px 0px 20px 0px;width:80%;font-size:14px;line-height:26px;text-align:left;}
#gsjj #gy img{width:280px;float:left;margin-right:20px;margin-bottom:10px;}
#gsjj #more{margin:0 auto;padding:0;width:70%;}
#gsjj #more a{display:block;width:150px;height:40px;line-height:36px;text-align:center;margin:0 auto;padding:0;border:2px solid #c0c0c0;font-size:18px;color:#c0c0c0;border-radius:24px;-webkit-border-radius:24px;-moz-border-radius:24px;}
#gsjj #more a i{padding-left:5px;font-size:28px;}
#gsjj #more a:hover{border-color:#0099cc;color:#fff;background:#0099cc;text-decoration:none;}
@media screen and (max-width:425px)
{
#gsjj{padding:0 0 20px 0;}
#gsjj #gy{padding:10px 0 15px 0;}
#gsjj #gy img{float:none;;width:100%;margin:0 auto;margin-bottom:5px;display:block;}
#gsjj #more a{width:120px;height:36px;line-height:30px;border-radius:20px;-webkit-border-radius:20px;-moz-border-radius:20px;font-size:16px;}
#gsjj #more a i{font-size:24px;}
}
@media screen and (max-width:375px)
{
#gsjj{padding:0 0 15px 0;}
#gsjj #gy{padding:10px 0 10px 0;font-size:12px;line-height:20px;}
#gsjj #more a{width:100px;height:32px;line-height:30px;border-radius:16px;-webkit-border-radius:16px;-moz-border-radius:16px;font-size:14px;border:1px solid #c0c0c0;}
#gsjj #more a i{font-size:20px;}
}

/*新闻*/
.xw{margin:0 auto;padding:0;width:100%;height:100%;overflow:auto;background:url(../images/abg.jpg);}
.xw .l1{display:none;}
.sxw{margin:0 auto;padding:35px 0;width:90%;height:100%;overflow:auto;}
.sxw .xwnr{float:left;width:100%;margin:0 auto;padding:0;}
.sxw .xwnr .line{height:10px;margin:0 auto;padding:0;width:100%;background:#00a0e9;overflow:hidden;}
.sxw .xwnr .bline{height:5px;margin:0 auto;padding:0;width:100%;background:#00a0e9;overflow:hidden;margin-top:20px;}
.sxw .xwnr .menu{width:100%;margin:0 auto;padding:0;margin-top:10px;position:relative;overflow:hidden;}
.sxw .xwnr .menu img{width:100%;}
.sxw .xwnr .menu span{font-size:50px;line-height:50px;display:block;position:absolute;top:10px;left:10px;color:#fff;width:100%;text-align:left;text-shadow: 1px 1px 3px rgba(0,0,0,.75);}
.sxw .xwnr ul{width:100%;margin:0 auto;padding:0;padding-top:30px;}
.sxw .xwnr ul li{width:100%;float:left;height:40px;line-height:40px;font-size:16px;text-align:left;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.sxw .xwnr ul li a{color:#727171;}
.sxw .xwnr ul li a:hover{color:#000;text-decoration:underline;}
.sxw .xwnr ul li a.m{text-decoration:underline;}

@media screen and (max-width:425px)
{
.sxw{padding:20px 0 0 0;}
.sxw .xwnr .line{height:6px;}
.sxw .xwnr .bline{height:3px;margin-top:10px;}
.sxw .xwnr .menu span{font-size:32px;line-height:32px;}
.sxw .xwnr ul{padding-top:20px;}
.sxw .xwnr ul li{height:36px;line-height:36px;font-size:14px;}
}
@media screen and (max-width:320px)
{
.sxw{padding:12px 0 0 0;}
.sxw .xwnr .line{height:4px;}
.sxw .xwnr .bline{height:2px;margin-top:6px;}
.sxw .xwnr .menu span{font-size:26px;line-height:26px;}
.sxw .xwnr ul{padding-top:15px;}
.sxw .xwnr ul li{height:30px;line-height:30px;font-size:12px;}
}
/*案例*/
#ld{margin:0 auto;padding:20px 0 0 0;width:100%;background:#fff;height:100%;overflow:auto;}
#ld #lnr{margin:0px auto;padding:20px 0px 0px 0px;width:90%;overflow:hidden;}
#ld #lnr ul{list-style:none;width:100%;padding-top:20px;overflow:hidden;}
#ld #lnr ul li{float:left;width:25%;margin:0px auto;padding:0px;}
#ld #lnr ul li p{height:40px;margin:0px auto;padding:0px;width:90%;text-align:center;line-height:40px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#ld #lnr ul li p a{font-size:14px;}
#ld #lnr ul li .tbg{width:90%;height:180px;border:1px solid #dcdcdc;padding:1px;text-align:center;overflow:hidden;background:#fff;border-radius:5px;}
#ld #lnr ul li .tbg:hover{border:1px solid #666;}
#ld #lnr ul li .tbg img{border-radius:5px;max-width:100%;margin:0 auto;-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
	-webkit-transform: scale(1);
	transform: scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);}


@media screen and (max-width:425px)
{
#ld{padding-top:10px;}
#ld #lnr{padding-top:10px;width:94%;}
#ld #lnr ul li{width:50%;}
}


.banner{width:100%;margin:0px auto;padding:0px;text-align:center;position:relative;z-index:1;overflow:hidden;}
.banner img{border:0px;margin:0px auto;padding:0px;width:100%;z-index:1;position:relative;}
.banner .lbt{position:absolute;top:40%;left:0;width:100%;text-align:center;font-size:40px;line-height:170%;color:#fff;z-index:2;text-shadow: 1px 1px 3px rgba(0,0,0,.75);}
.banner .lbt b{display:block;margin:0 auto;font-weight:400;}
.banner .lbt i{font-style:normal;display:block;margin:0 auto;}

/*分页*/
#fmiddle{width:94%;margin:0 auto;padding:0;background:#fff;height:100%;overflow:hidden;top:-120px;margin-bottom:-100px;position:relative;z-index:2;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.5);-moz-box-shadow: 0 0 8px rgba(0,0,0,.5);-ms-box-shadow: 0 0 8px rgba(0,0,0,.5);-o-box-shadow: 0 0 8px rgba(0,0,0,.5);box-shadow: 0 0 8px rgba(0,0,0,.5);
}
#fmiddle #nr{width:100%;margin:0 auto;padding:0px 0 30px 0;}
#fmiddle #nr .menu{margin:0 auto;padding:0;width:100%;}
#fmiddle #nr .menu li{float:left;}
#fmiddle #nr .menu li::before {
  content: "";
  display: block;
  width: 1px;
  height: 18px;
  margin-top: 23px;
  background: #ccc;
  float: right;
}
#fmiddle #nr .menu li:last-child::before {
  width: 0px;
}
#fmiddle #nr .menu li.f2{width:50%;}
#fmiddle #nr .menu li.f3{width:33.33%;}
#fmiddle #nr .menu li.f4{width:25%;}
#fmiddle #nr .menu li.f5{width:20%;}
#fmiddle #nr .menu li a{width:100%;height:60px;line-height:60px;display:block;font-size:18px;
border-bottom:2px solid #fff;color:#666;}
#fmiddle #nr .menu li.cur a{color:#0066cc;border-bottom:2px solid #0066cc;}
#fmiddle #nr .gao2{clear:both;height:50px;width:100%;}
#fmiddle #nr #loc{margin:0 auto;padding:0px;width:96%;height:40px;line-height:40px;text-align:left;border-bottom:1px solid #dbdbdb;font-size:16px;margin-top:10px;}
#fmiddle #nr #loc i{float:left;font-size:20px;padding-right:8px;color:#c0c0c0;line-height:36px;}
#fmiddle #nr #loc a{display:block;float:left;padding:0px 10px 0px 0px;color:#a9a9a9;}
#fmiddle #nr #loc span{display:block;padding:0px 10px 0px 0px;float:left;font-family:宋体;color:#a9a9a9;}
#fmiddle #nr #loc b{color:#646464;font-weight:400;float:left;border-bottom:1px solid #646464;}

@media screen and (max-width:425px)
{
.banner .lbt{font-size:32px;}
#fmiddle{width:98%;top:-72px;margin-bottom:-50px;border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;
-webkit-box-shadow: 0 0 4px rgba(0,0,0,.5);-moz-box-shadow: 0 0 4px rgba(0,0,0,.5);-ms-box-shadow: 0 0 4px rgba(0,0,0,.5);-o-box-shadow: 0 0 4px rgba(0,0,0,.5);box-shadow: 0 0 4px rgba(0,0,0,.5);}
#fmiddle #nr .menu li a{font-size:14px;line-height:36px;height:36px;}
#fmiddle #nr .menu li.cur a{border-bottom:1px solid #0066cc;}
#fmiddle #nr .menu li::before {
  height: 10px;
  margin-top: 14px;
}
#fmiddle #nr .gao2{height:20px;}
#fmiddle #nr #loc{height:36px;line-height:36px;font-size:14px;margin-top:5px;}
#fmiddle #nr #loc i{font-size:18px;line-height:30px;}
}
@media screen and (max-width:320px)
{
#fmiddle #nr #loc{height:36px;line-height:24px;font-size:12px;}
#fmiddle #nr #loc i{font-size:16px;line-height:20px;}
}


#fmiddle #nr #danye{margin:0 auto;padding:20px 10px;text-align:left;width:100%;box-sizing:border-box;-webkit-box-sizing:-moz-border-box;box-sizing:border-box;font-size:16px;line-height:150%;}
#fmiddle #nr #danye img{max-width:100%;}
.csj{margin:0 auto;padding:20px 0 30px 0;height:100%;overflow:auto;}
.csj ul{width:100%;margin:0 auto;padding:0;}
.csj ul li{float:left;width:33.33%;color:#525254;position:relative;}
.csj ul li .snr{width:80%;margin:0 auto;padding:0;text-align:center;position:relative;}
.csj ul li span{margin:0 auto;padding:0;font-size:56px;color:#0066cc;font-weight:400;font-family:arial;
-webkit-transform: scale(1,1.4);
-moz-transform: scale(1,1.4);
-ms-transform: scale(1,1.4);
transform: scale(1,1.4);
}
.csj ul li i{font-size:26px;line-height:60px;font-style:normal;}
.csj ul li b{font-weight:400;font-size:16px;display:block;margin:0 auto;padding:0;line-height:24px;width:100%;text-align:center;color:#161616;}
@media screen and (max-width:425px)
{
.csj{padding:10px 0 20px 0px;}
.csj ul li span{font-size:30px;width:85%;}
.csj ul li i{font-size:18px;line-height:36px;}
.csj ul li b{font-size:12px;line-height:20px;}
#fmiddle #nr #danye{font-size:14px;}
}
@media screen and (max-width:320px)
{
.csj{padding:5px 0 10px 0px;}
.csj ul li span{font-size:24px;width:85%;}
.csj ul li i{font-size:16px;line-height:30px;}
.csj ul li b{font-size:12px;line-height:20px;}
#fmiddle #nr #danye{font-size:12px;}
}
/*新闻*/
#fmiddle #nr #xwlb{width:90%;margin:0 auto;}
#fmiddle #nr #xwlb ul{list-style:none;padding:0px;margin:0px auto;width:100%;height:100%;overflow:auto;}
#fmiddle #nr #xwlb ul li{float:left;text-align:left;width:50%;margin:0 auto;padding:20px 0px 20px 0px;}
#fmiddle #nr #xwlb ul li .xbg{width:94%;margin:0 auto;padding:0;}
#fmiddle #nr #xwlb ul li .xbg .tp{width:100%;height:200px;overflow:hidden;}
#fmiddle #nr #xwlb ul li .xbg .tp img{width:100%;}

#fmiddle #nr #xwlb ul li .bt{margin:0px auto;padding:5px 0px 0px 0px;width:100%;}
#fmiddle #nr #xwlb ul li .bt p{margin:0 auto;padding:5px 0px 5px 0px;overflow:hidden;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:18px;font-weight:800;color:#000;line-height:36px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:24px;font-size:14px;color:#666;height:48px;overflow:hidden;display:block;width:100%;}
#fmiddle #nr #xwlb ul li .more{margin:0 auto;float:right;height:32px;width:90px;line-height:32px;text-align:center;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin-top:5px;border:1px solid #dbdbdb;}
#fmiddle #nr #xwlb ul li .more a{color:#969696;display:block;width:100%;line-height:32px;margin:0 auto;font-size:14px;}
@media screen and (max-width:425px)
{
#fmiddle #nr #xwlb ul li{float:none;margin-bottom:10px;margin-top:10px;width:97%;-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);-ms-box-shadow: 0 0 5px rgba(0,0,0,.5);-o-box-shadow: 0 0 5px rgba(0,0,0,.5);box-shadow: 0 0 5px rgba(0,0,0,.5);border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#fmiddle #nr #xwlb ul li .xbg .tp{height:auto;}
#fmiddle #nr #xwlb ul li .more{float:none;height:28px;width:80px;line-height:28px;}
#fmiddle #nr #xwlb ul li .more a{line-height:28px;font-size:12px;}
}
@media screen and (max-width:375px)
{
#fmiddle #nr #xwlb ul li .bt p a{font-size:16px;line-height:30px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:20px;font-size:12px;height:60px;}
}
@media screen and (max-width:320px)
{
#fmiddle #nr #xwlb ul li .bt p a{font-size:14px;line-height:24px;}
}
/*图文*/
#fmiddle #nr #tplb{margin:0px auto;padding:0px;width:90%;height:100%;overflow:hidden;}
#fmiddle #nr #tplb ul{list-style:none;margin:0px auto;padding:0px;width:100%}
#fmiddle #nr #tplb ul li{float:left;width:33.33%;margin:0px auto;padding:0px;position:relative;text-align:center;z-index:0;height:100%;margin-bottom:20px;overflow:auto;}
#fmiddle #nr #tplb ul li .tbg{width:90%;padding:0px;margin:0 auto;height:180px;text-align:center;overflow:hidden;border:1px solid #dbdbdb;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
#fmiddle #nr #tplb ul li .tbg img{margin:0 auto;padding:0px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}

#fmiddle #nr #tplb ul li span{width:90%;margin:0 auto;padding:0;height:36px;line-height:36px;font-size:14px;display:block;background:#44cef6;color:#fff;margin-top:5px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#fmiddle #nr #tplb ul li span a{color:#fff;}
@media screen and (max-width:550px)
{
#fmiddle #nr #tplb ul li{width:50%;}
}
@media screen and (max-width:375px)
{
#fmiddle #nr #tplb ul li{width:100%;}
}
/*其他方式*/
#fmiddle #nr #qtlb{margin:0 auto;padding:0;width:94%;}
#fmiddle #nr #qtlb ul{width:100%;}
#fmiddle #nr #qtlb ul li{float:left;width:100%;margin:0 auto;padding:20px 0px;border-bottom:2px dashed #ccc;}
#fmiddle #nr #qtlb ul li .hbg{width:40%;float:left;margin:0 auto;padding:5px;border:1px solid #dbdbdb;background:#fff;
-webkit-box-shadow: 0 0 8px rgba(0,0,0,.5);-moz-box-shadow: 0 0 8px rgba(0,0,0,.5);-ms-box-shadow: 0 0 8px rgba(0,0,0,.5);-o-box-shadow: 0 0 8px rgba(0,0,0,.5);box-shadow: 0 0 8px rgba(0,0,0,.5);
}

#fmiddle #nr #qtlb ul li .hbg .tp{width:100%;height:auto;overflow:hidden;}
#fmiddle #nr #qtlb ul li .hbg .tp img{width:100%;margin:0 auto;padding:0px;display:block;}
#fmiddle #nr #qtlb ul li .hbg .tp img.on{display:none;}
#fmiddle #nr #qtlb ul li .rnr{float:right;width:55%;margin:0 auto;padding:0;}
#fmiddle #nr #qtlb ul li.r .hbg{float:right;}
#fmiddle #nr #qtlb ul li.r .rnr{float:left;}
#fmiddle #nr #qtlb ul li .rnr .rbt{font-size:20px;line-height:36px;text-align:left;font-weight:800;}
#fmiddle #nr #qtlb ul li .rnr .rms{text-align:left;line-height:24px;font-size:14px;color:#4c4c4c;}

@media screen and (max-width:425px)
{
#fmiddle #nr #qtlb ul li .hbg{width:100%;float:none;padding:3px;
-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);-ms-box-shadow: 0 0 5px rgba(0,0,0,.5);-o-box-shadow: 0 0 5px rgba(0,0,0,.5);box-shadow: 0 0 5px rgba(0,0,0,.5);
}
#fmiddle #nr #qtlb ul li .hbg .tp img{display:none;}
#fmiddle #nr #qtlb ul li .hbg .tp img.on{display:block;}
#fmiddle #nr #qtlb ul li .rnr{float:none;width:100%;margin-top:15px;}
}
@media screen and (max-width:375px)
{
#fmiddle #nr #qtlb ul li .rnr .rbt{font-size:18px;margin-top:10px;}
#fmiddle #nr #qtlb ul li .rnr .rms{font-size:12px;line-height:20px;}
}



/*联系我们*/
#lxwm{width:94%;margin:0px auto;padding:40px 0px 20px 0px;overflow:auto;height:100%;}
#lxwm #left{margin:0 auto;padding:0;width:100%;}
#lxwm #left dl{width:100%;margin:0 auto;padding:0;}
#lxwm #left dl dt{width:100%;color:#00a0e9;font-size:16px;line-height:30px;padding:0 0 15px 0;text-align:left;}
#lxwm #left dl dd{width:100%;float:left;margin:0 auto;padding:0 0 5px 0;}
#lxwm #left dl dd .mtx{height:38px;border:1px solid #00a0e9;margin:0 auto;padding:0 0 0 1%;width:100%;font-size:16px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#lxwm #left dl dd input::-webkit-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd input::-moz-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd input::-ms-input-placeholder {
        color: #727171;
      }
#lxwm #left dl dd .mtx2{height:140px;border:1px solid #00a0e9;margin:0 auto;padding:0 0 0 1%;width:100%;font-size:16px;line-height:20px;box-sizing:border-box;
-moz-box-sizing:border-box; /* Firefox */
-webkit-box-sizing:border-box; /* Safari */}
#lxwm #left dl dd .y_but{background:#7b7b7b;width:100%;height:45px;text-align:center;cursor:pointer;border:0px;margin:0px auto;padding:0px;color:#fff;display:block;border-radius:5px;font-size:20px;}
#lxwm #mid{margin:0 auto;padding:0;width:100%;margin-top:20px;} 
@media screen and (max-width:425px)
{
#lxwm{padding-top:20px;}
#lxwm #left dl dt{font-size:14px;padding-bottom:10px;line-height:24px;}
#lxwm #left dl dd .mtx{height:30px;line-height:30px;font-size:14px;}
#lxwm #left dl dd .mtx2{line-height:18px;height:126px;font-size:14px;}
#lxwm #left dl dd .y_but{font-size:16px;line-height:40px;height:40px;;}
}

#xxnr{margin:0 auto;padding:0px;font-size:12px;line-height:180%;width:100%;position:relative;}
#xxnr #bt{font-weight:800;font-size:20px;text-align:left;width:96%;margin:0 auto;line-height:24px;border-bottom:2px solid #727171;color:#727171;padding-bottom:10px;margin-top:20px;}
#xxnr #ly{font-size:12px;text-align:center;width:100%;margin:0 auto;line-height:30px;color:#666;padding:0px;}
#xxnr #tp{margin:0 auto;padding:0;text-align:center;}
#xxnr img{max-width:100%;vertical-align:middle;}
#xxnr #nr{text-align:left;font-size:14px;width:96%;margin:0 auto;padding:10px 0;}
#xxnr #nr p{text-indent:0;}
#xxnr #nr img{max-width:100%;}
@media screen and (max-width:360px)
{
#xxnr #bt{font-size:18px;margin-top:10px;}
#xxnr #nr{font-size:12px;}
}


.fy{width:85%;margin:0 auto;padding:0;height:100%;overflow:auto;margin-bottom:15px;}
.fy a{display:block;width:33.33%;height:32px;line-height:32px;text-align:center;border-radius:5px;font-size:16px;}
.fy a.p{float:left;color:#fff;background:#727171;}
.fy a.n{float:right;color:#fff;background:#727171;}
.fy a.d{float:left;color:#000;}
.fy a.d i{font-style:normal;color:#727171;padding-right:5px;}
.fy a.d b{font-weight:400;padding-left:5px;color:#000;}
.fy a.no{background:#969696;}

.ffy{width:85%;margin:0 auto;padding:0;height:100%;overflow:auto;margin-bottom:15px;}
.ffy a{display:block;width:33.33%;height:45px;line-height:45px;text-align:center;}
.ffy a.p{float:left;color:#727171;}
.ffy a.n{float:right;color:#727171;}
.ffy a i{font-size:45px;}
.ffy a.no{color:#ccc;}

#fmiddle .dxw{margin:0 auto;padding:0;width:100%;clear:both;margin-top:20px;}
#fmiddle .dxw h3{font-size:16px;line-height:45px;height:45px;text-align:center;border-top:2px solid #727171;background:#e4e4e4;margin:0 auto;padding:0;}
#fmiddle .dxw ul{width:95%;margin:0 auto;}
#fmiddle .dxw ul li{float:left;width:100%;margin:0 auto;padding:0px;text-align:left;line-height:30px;height:30px;border-bottom:1px dashed #dbdbdb;position:relative;z-index:0;}
#fmiddle .dxw ul li a{margin:0 auto;padding:0 5% 0 0;color:#000;font-size:14px;width:95%;z-index:1;display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
#fmiddle .dxw ul li i{position:absolute;right:10px;top:5px;font-size:18px;color:#666;z-index:2;display:block;}
@media screen and (max-width:320px)
{
#fmiddle #danye{font-size:14px;line-height:150%;}
#fmiddle #danye p{font-size:14px;line-height:150%;}
}

#bfooter{width:100%;margin:0 auto;padding:50px 0px 20px 0px;position:relative;background:url(../images/bg.jpg);height:100%;overflow:auto;margin-top:0px;border-top:2px solid #dbdbdb;}
#bline{margin:0 auto;padding:0;width:100%;margin-top:40px;}
#bline img{max-width:100%;}
#bfooter #mid{margin:0 auto;padding:0;width:90%;font-size:18px;line-height:34px;color:#000;height:100%;overflow:auto;position:relative;z-index:0;}

#bfooter #mid #bleft{width:100%;}
#bfooter #mid #bleft ul{width:100%;}
#bfooter #mid #bleft ul li{text-align:left;line-height:32px;width:100%;float:left;margin:0 auto;height:100%;overflow:auto;font-size:16px;}
#bfooter #mid #bleft ul li b{line-height:50px;font-weight:400;}
#bfooter #mid #bleft ul li b.bt{font-size:20px;}
#bfooter #mid #bleft ul li i{font-style:normal;float:left;display:block;padding-right:10px;font-size:18px;}
#bfooter #mid #bleft ul li b.tel{font-size:28px;padding-left:20px;font-family:'impact-webfont',arial;}
#bfooter #mid #bleft ul li span{display:block;float:left;}


#bfooter #mid .link{margin:0 auto;padding:0;width:100%;text-align:left;font-size:14px;line-height:30px;margin-top:30px;}
#bfooter #mid .link a{color:#333;padding-right:10px;text-decoration:underline;}
#bfooter #mid .link a:hover{color:#0066cc;}
#bfooter #mid .bq{font-size:14px;border-top:1px solid #666;line-height:40px;color:#666;}
#bfooter #mid .bq a{color:#666;padding-left:20px;}
#bfooter #mid .bq a:hover{color:#333;}
@media screen and (max-width:425px)
{
#bfooter{width:100%;margin:0 auto;padding:30px 0px 10px 0px;}
#bfooter #mid #bleft ul li{line-height:24px;font-size:14px;}
#bfooter #mid #bleft ul li b{line-height:40px;}
#bfooter #mid #bleft ul li b.bt{font-size:18px;}
#bfooter #mid #bleft ul li i{padding-right:8px;font-size:16px;}
#bfooter #mid #bleft ul li b.tel{font-size:24px;padding-left:15px;}
#bfooter #mid .link{margin-top:20px;font-size:12px;line-height:24px;}
#bfooter #mid .bq{font-size:12px;line-height:24px;}
#bfooter #mid .bq span{display:block;;width:100%;margin:0 auto;padding:0;}
}
@media screen and (max-width:320px)
{
#bfooter{width:100%;margin:0 auto;padding:20px 0px 5px 0px;}
#bfooter #mid #bleft ul li{line-height:20px;font-size:12px;}
#bfooter #mid #bleft ul li b{line-height:30px;}
#bfooter #mid #bleft ul li b.bt{font-size:16px;}
#bfooter #mid #bleft ul li i{padding-right:5px;font-size:14px;}
#bfooter #mid #bleft ul li b.tel{font-size:20px;padding-left:10px;}
#bfooter #mid .link{margin-top:15px;line-height:20px;}
#bfooter #mid .bq{fline-height:20px;}
}
