﻿/*通用_基本信息*/
body { background:#E0FFFF;margin:0px auto; font-size:12px; text-align:center; color:#131313; font-family:"Arial","微软雅黑","宋体",Verdana; }
html{
overflow-x:hidden;
-webkit-text-size-adjust:none;        
}

.html-body-overflow
  {
   height:100%;
    overflow-y:hidden;
  }
td {}
a { color:#000000; text-decoration:none; }
a:hover { color:#ff0000;text-decoration:underline; }
form,ul,dl { margin:0; padding:0; border:0; }
img{border:0;vertical-align:bottom;margin:0;padding:0;}
ul{list-style:none;}
input,textarea { font-family:"微软雅黑","TIMES NEW ROMAN",Verdana,"宋体"; font-size: 12px; }
/*字体*/
@font-face {font-family: 'AlternateGothic2BTRegular';src: url('../font/altgot2n-webfont.eot');src: url('../font/altgot2n-webfont.eot?#iefix') format('embedded-opentype'),url('../font/altgot2n-webfont.woff') format('woff'),url('../font/altgot2n-webfont.ttf') format('truetype'),url('../font/altgot2n-webfont.svg#AlternateGothic2BTRegular') format('svg');font-weight: normal;font-style:normal}
@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}
@font-face {font-family: 'impact-webfont';src: url('../font/impact-webfont.eot');src: url('../font/impact-webfont.eot?#iefix') format('embedded-opentype'),url('../font/impact-webfont.woff') format('woff'),url('../font/impact-webfont.ttf') format('truetype'),url('../font/impact-webfont.svg#impact-webfont') format('svg');font-weight: normal;font-style:normal}
/*通用_各色文本链接样式*/
.White {color:#fff;font-family:"宋体";line-height:20px;}
.White a{color:#fff;line-height:20px;}
.White a:hover{color:#f00;}
.Black-bbb {color:#bbb;font-size:11px;font-family:"TIMES NEW ROMAN",Tahoma,Verdana,"宋体";}
.Black-222 {color:#222;font-size:11px;font-family:"TIMES NEW ROMAN",Tahoma,Verdana,"宋体";}
.Blac-666 {color:#666;}
.Red-F60 {color:#F60; font-weight:bold;}

/*通用_用户录登文本框和搜索框Login Login_index Login_page Search_index Search_page*/
.Login_text { width:90px; height:14px; padding:1px; color:#333; border:1px solid #7f9db9; margin-top:4px; }
.Login_button {  }
.Search_text { width:116px; height:17px; color:#333; padding:1px;border:1px solid #7F9DB9; background: #eee;}
.Search_sel { width:80px; height:19px; background: #eee;color:#333; border:1px solid #7F9DB9; font-size:12px;}
.Search_button { width:37px;height:22px;color:#333;font-size:12px;}
/*首页顶部*/
#top2{width:100%;margin:0px auto;padding:0px;height:100px;background:rgba(255,255,255,0.85);background:url(../images/topbg.png);z-index:9999;position:fixed;border-bottom:1px solid #ccc;}
#top2 #logo{margin:0px auto;padding:0px 0px 0px 3%;text-align:left;z-index:4;width:200px;float:left;}
#top2 #logo img{height:60px;padding-top:17px;}
#top2 #tel{float:right;font-size:20px;color:#ff0000;padding-right:3%;width:19%;text-align:right;line-height:100px;}
#top2 #tel i{padding-right:10px;font-size:24px;}
#top2 #head{float:left;margin:0px auto;width:60%;padding:0px;height:100px;line-height:100px;z-index:1;}
#top2 #head i{font-size:24px;padding:0 30px 0 5%;color:#000;float:left;font-weight:400;cursor:pointer;}
#top2 #head ul{list-style:none;padding:0px;margin:0px auto;float:left;width:80%;}
#top2 #head ul li{float:left;padding:0 3% 0 3%;margin:0px auto;position:relative;height:100px;line-height:100px;text-align:center;background:url(../images/menu_line.png) no-repeat right center;white-space: nowrap; display:inline-block;*display:inline;*zoom:1;}
#top2 #head ul li.last{background:none;}
#top2 #head ul li.cur{}
#top2 #head ul li a{color:#000;font-size:16px;font-weight:400;display:block;width:100%;height:100%;padding:0px;text-align:center;line-height:100px;position:relative;}
#top2 #head ul li.cur a{color:#0066cc;text-decoration:underline;}

#top2 #hmenu{color:#222;border:1px solid #666;border-radius:5px;width:30px;height:30px;text-align:center;position:absolute;right:2%;top:10px;line-height:30px;font-size:20px;display:none;cursor:pointer;}
#top2 #hmenu i{display:block;text-align:center;margin:0px auto;padding:0px;}
#top2 #head2{display:none;position:absolute;right:10%;top:0px;margin:0px auto;width:100%;padding:0px;height:50px;z-index:1;}


#top2 #head ul li dl{width:120px;position:absolute;left:-14px;top:70px;background:#fff;display:none;}
#top2 #head ul li dl dd{height:40px;line-height:40px;float:left;width:120px;margin:0px auto;padding:0px;}
#top2 #head ul li dl dd a{color:#333;font-size:14px;height:40px;line-height:40px;padding:0px;margin:0px auto;border:0px;text-decoration:none;}
#top2 #head ul li.cur dl dd a{text-decoration:none;color:#333;}
#top2 #head ul li dl dd:hover a{text-decoration:underline;color:#000;}

@media screen and (max-width:1440px)
{
#top2{height:80px;}
#top2 #logo{padding-left:2%;}
#top2 #logo img{padding-top:10px;}
#top2 #tel{line-height:80px;font-size:20px;width:255px;padding-right:2%;}
#top2 #head{height:80px;line-height:80px;}
#top2 #head i{font-size:20px;padding-right:10px;}
#top2 #head ul li{line-height:80px;height:80px;}
#top2 #head ul li a{line-height:80px;font-size:14px;}
#top2 #head ul li dl{top:60px;left:-20px;}
}

@media screen and (max-width:1280px)
{
#top2 #logo{width:150px;}
#top2 #logo img{height:45px;padding-top:15px;}
#top2 #head ul li{padding:0 2% 0 2%;}
#top2 #head ul li dl{left:-10px;}
#top2 #tel{}
}
@media screen and (max-width:1135px)
{
#top2 #logo{padding-left:10px;}
#top2 #tel{font-size:18px;width:235px;padding-right:10px;}
#top2 #tel i{font-size:22px;padding-right:5px;}
}
@media screen and (max-width:1090px)
{
#top2 #logo{width:133px;padding-left:10px;}
#top2 #logo img{height:40px;padding-top:17px;}
#top2 #head i{padding:0px 10px 0px 10px;}
#top2 #head ul li{padding:0 10px 0 10px;font-size:12px;}
#top2 #head ul li a{font-size:12px;}
#top2 #tel{width:205px;font-size:16px;padding-right:10px;}
#top2 #tel i{font-size:20px;padding-right:5px;}
}
@media screen and (max-width:980px)
{
#top2 #head ul li{padding:0 15px 0 15px;font-size:12px;}
#top2 #tel{display:none;}
}
@media screen and (max-width:800px)
{
#top2{height:60px;}
#top2 #logo img{padding-top:8px;}
#top2 #head i{font-size:16px;line-height:60px;padding-right:10px;padding-left:10px;width:20px;}
#top2 #head ul li{padding:0 10px 0 10px;line-height:60px;height:60px;}
#top2 #head ul li a{line-height:60px;font-size:12px;}
#top2 #head i{padding-left:10px;}


}
@media screen and (max-width:768px)
{
#top2{height:50px;position:relative;}
#top2 #logo{height:50px;}
#top2 #logo img{padding:0px 0px 0px 10px;height:50px;width:167px;}
#top2 #head{display:none;}
#top2 #tel{display:none;}
#top2 #head2.mob{top:50px;left:0px;width:100%;}
#top2 #head2.mob ul{}
#top2 #head2.mob ul li{float:right;width:100%;height:40px;line-height:40px;background:#000;filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85;font-size:16px;color:#fff;cursor:pointer;}
#top2 #head2.mob ul li.cur{background:#ccc;color:#000;}
#top2 #head2.mob ul li a{width:100%;display:block;margin:0px auto;padding:0px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;}
#top2 #head2.mob ul li a:hover{text-decoration:none;}
#top2 #head2.mob ul li.cur a{color:#000;font-weight:800;}
#top2 #hmenu{display:block;}
#top2 #head2.mob ul li dl{position:relative;left:0;top:0;display:none;margin:0 auto;padding:0;background:#fff;width:100%;height:100%;overflow:auto;}
#top2 #head2.mob ul li dl dd{margin:0 auto;padding:0;float:left;height:50px;width:33.33%;}
#top2 #head2.mob ul li dl dd a{font-size:12px;color:#393939;font-weight:400;display:block;margin:0 auto;width:80%;height:32px;line-height:32px;border:1px solid #dbdbdb;margin-top:8px;border-radius:5px;}
#top2 #head2.mob ul li.cur dl dd a{font-weight:400;}
#top2 #head2.mob ul li.cur dl dd a.cur{border:1px solid #333;background:#666;color:#fff;}
}

/*顶部*/
#top{width:100%;margin:0px auto;padding:0px;height:100px;background:rgba(255,255,255,0.85);z-index:9999;position:relative;}
#top #logo{margin:0px auto;padding:0px 0px 0px 3%;text-align:left;z-index:4;width:215px;float:left;}
#top #logo img{height:60px;padding-top:17px;}
#top #tel{float:right;font-size:20px;color:#ff0000;padding-right:3%;width:19%;text-align:right;line-height:100px;}
#top #tel i{padding-right:10px;font-size:24px;}
#top #head{float:left;margin:0px auto;width:60%;padding:0px;height:100px;line-height:100px;z-index:1;}
#top #head i{font-size:24px;padding:0 30px 0 5%;color:#000;float:left;font-weight:400;cursor:pointer;}
#top #head ul{list-style:none;padding:0px;margin:0px auto;float:left;width:80%;}
#top #head ul li{float:left;padding:0 3% 0 3%;margin:0px auto;position:relative;height:100px;line-height:100px;text-align:center;background:url(../images/menu_line.png) no-repeat right center;white-space: nowrap; display:inline-block;*display:inline;*zoom:1;}
#top #head ul li.last{background:none;}
#top #head ul li.cur{}
#top #head ul li a{color:#000;font-size:16px;font-weight:400;display:block;width:100%;height:100%;padding:0px;text-align:center;line-height:100px;position:relative;}
#top #head ul li.cur a{color:#0066cc;text-decoration:underline;}

#top #hmenu{color:#222;border:1px solid #666;border-radius:5px;width:30px;height:30px;text-align:center;position:absolute;right:2%;top:10px;line-height:30px;font-size:20px;display:none;cursor:pointer;}
#top #hmenu i{display:block;text-align:center;margin:0px auto;padding:0px;}
#top #head2{display:none;position:absolute;right:10%;top:0px;margin:0px auto;width:100%;padding:0px;height:50px;z-index:1;}


#top #head ul li dl{width:120px;position:absolute;left:-14px;top:70px;background:#fff;display:none;}
#top #head ul li dl dd{height:40px;line-height:40px;float:left;width:120px;margin:0px auto;padding:0px;}
#top #head ul li dl dd a{color:#333;font-size:14px;height:40px;line-height:40px;padding:0px;margin:0px auto;border:0px;text-decoration:none;}
#top #head ul li.cur dl dd a{text-decoration:none;color:#333;}
#top #head ul li dl dd:hover a{text-decoration:underline;color:#000;}
.gao{clear:both;height:70px;margin:0 auto;padding:0;}

@media screen and (max-width:1440px)
{
#top{height:80px;}
#top #logo{padding-left:2%;}
#top #logo img{padding-top:10px;}
#top #tel{line-height:80px;font-size:20px;width:255px;padding-right:2%;}
#top #head{height:80px;line-height:80px;}
#top #head i{font-size:20px;padding-right:10px;}
#top #head ul li{line-height:80px;height:80px;}
#top #head ul li a{line-height:80px;font-size:14px;}
#top #head ul li dl{top:60px;left:-20px;}
}

@media screen and (max-width:1280px)
{
#top #logo{width:150px;}
#top #logo img{height:45px;padding-top:15px;}
#top #head ul li{padding:0 2% 0 2%;}
#top #head ul li dl{left:-10px;}
#top #tel{}
}
@media screen and (max-width:1135px)
{
#top #logo{padding-left:10px;}
#top #tel{font-size:18px;width:235px;padding-right:10px;}
#top #tel i{font-size:22px;padding-right:5px;}
}
@media screen and (max-width:1090px)
{
#top #logo{width:133px;padding-left:10px;}
#top #logo img{height:40px;padding-top:17px;}
#top #head i{padding:0px 10px 0px 20px;}
#top #head ul li{padding:0 10px 0 10px;font-size:12px;}
#top #head ul li a{font-size:12px;}
#top #tel{width:205px;font-size:16px;padding-right:10px;}
#top #tel i{font-size:20px;padding-right:5px;}
}
@media screen and (max-width:980px)
{
#top #head ul li{padding:0 15px 0 15px;font-size:12px;}
#top #tel{display:none;}
}
@media screen and (max-width:800px)
{
#top{height:60px;}
#top #logo img{padding-top:8px;}
#top #head i{font-size:16px;line-height:60px;padding-right:10px;padding-left:10px;width:20px;}
#top #head ul li{padding:0 10px 0 10px;line-height:60px;height:60px;}
#top #head ul li a{line-height:60px;font-size:12px;}
#top #head i{padding-left:10px;}


}
@media screen and (max-width:768px)
{
#top{height:50px;}
#top #logo{height:50px;}
#top #logo img{padding:0px 0px 0px 10px;height:50px;width:167px;}
#top #head{display:none;}
#top #tel{display:none;}
#top #head2.mob{top:50px;left:0px;width:100%;}
#top #head2.mob ul{}
#top #head2.mob ul li{float:right;width:100%;height:40px;line-height:40px;background:#000;filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85;font-size:16px;color:#fff;cursor:pointer;}
#top #head2.mob ul li.cur{background:#ccc;color:#000;}
#top #head2.mob ul li a{width:100%;display:block;margin:0px auto;padding:0px;height:40px;line-height:40px;text-align:center;color:#fff;font-size:16px;}
#top #head2.mob ul li a:hover{text-decoration:none;}
#top #head2.mob ul li.cur a{color:#000;font-weight:800;}
#top #hmenu{display:block;}
#top #head2.mob ul li dl{position:relative;left:0;top:0;display:none;margin:0 auto;padding:0;background:#fff;width:100%;height:100%;overflow:auto;}
#top #head2.mob ul li dl dd{margin:0 auto;padding:0;float:left;height:50px;width:33.33%;}
#top #head2.mob ul li dl dd a{font-size:12px;color:#393939;font-weight:400;display:block;margin:0 auto;width:80%;height:32px;line-height:32px;border:1px solid #dbdbdb;margin-top:8px;border-radius:5px;}
#top #head2.mob ul li.cur dl dd a{font-weight:400;}
#top #head2.mob ul li.cur dl dd a.cur{border:1px solid #333;background:#666;color:#fff;}
}


/*qq*/
#AdLayer1{position: absolute;visibility:hidden;z-index:999;margin:0px auto;padding:0px;width:100px;}
#AdLayer1 span{display:block;width:40px;height:100%;overflow:auto;background:url(../images/tbg.png);color:#fff;cursor:pointer;float:right;margin-bottom:1px;}
#AdLayer1 span.cur{width:100px;}
#AdLayer1 span i{width:40px;display:block;line-height:24px;font-size:16px;}
#AdLayer1 span b{display:block;font-size:14px;text-align:center;width:40px;line-height:24px;font-weight:400;}
#AdLayer1 label{display:none;font-size:16px;text-align:center;width:100%;cursor:pointer;height:30px;line-height:30px;background:#666;color:#fff;}
#AdLayer1 label i{float:right;height:30px;line-height:30px;font-size:14px;}
#AdLayer1 .lb{display:none;}
#AdLayer1 .lb a{width:100%;display:block;background:url(../images/tbg.png);height:40px;line-height:40px;color:#fff;font-size:12px;margin-bottom:1px;}
#AdLayer1 .lb a:hover{filter: alpha(opacity=90); opacity: 0.90; -moz-opacity:0.90;background:#d60c28;text-decoration:none;}
#AdLayer1 .lb a.cur{background:url(../images/mbg.png);color:#000;}


/*首页中部*/
#banner{width:100%;position:relative;z-index:2;margin:0px auto;padding:0px;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;
}
.slide{list-style:none;}
.slide li{margin:0px auto;padding:0px;float:left;position:relative;}
.slide li div{position:absolute;right:0;top:z-index:9999;background:rgba(0,0,0,0.7);padding:25px 35px 25px 35px;text-align:left;color:#fff;width:30%;font-family:Arial;}
.slide li div p{margin:0 auto;padding:0;text-align:left;}
.slide li div p.p1{font-weight:600;line-height:40px;font-size:24px;}
.slide li div p.p2{font-weight:400;line-height:36px;font-size:18px;}
.slide li div p.p3{font-weight:400;line-height:40px;font-size:30px;}
.slide li div p.p4{font-weight:400;line-height:18px;font-size:14px;}
.slide li div.m0{bottom:6%;right:0%;}
.slide li div.m1{bottom:6%;right:0%;}
.slide li div.m2{bottom:6%;right:0%;}
.slide li div.m3{bottom:6%;right:0%;}
.slide li div.m4{bottom:6%;right:0%;}
.slide li div.m5{bottom:6%;right:0%;}
.slide li div.m6{bottom:6%;right:0%;}
#box img{width:100%;margin:0 auto;border:0px;padding:0px;}


#viewport {
  overflow: hidden;

}


footer {
  margin: 0 140px;
}


#controls {
  position: relative;
margin:0px auto;
  top: -30px;
 left:45%;
  overflow: hidden;
}

#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;

}

.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: 1px;
  background-color: #fff;
  position: absolute;
  top: 895px;
  left: 0px;
}
@media screen and (max-width:1024px)
{
.slide li div{padding:20px 25px 20px 25px;width:35%;}
.slide li div p.p1{line-height:36px;font-size:20px;}
.slide li div p.p2{line-height:20px;font-size:16px;}
.slide li div p.p3{line-height:18px;font-size:14px;}
.slide li div p.p4{line-height:16px;font-size:12px;}
}
@media screen and (max-width:800px)
{

.slide li div p.p1{line-height:32px;font-size:18px;}
.slide li div p.p2{line-height:20px;font-size:14px;}
.slide li div p.p3{line-height:18px;font-size:12px;}
.slide li div p.p4{line-height:14px;font-size:10px;}
}
@media screen and (max-width:600px)
{
.slide li div{width:50%;}

}
@media screen and (max-width:360px)
{
.slide li div{width:70%;display:none;}

#viewport-shadow #next,#viewport-shadow #prev{display:none;}
}
/*中部*/
/*关于我们*/
#middle{margin:0 auto;padding:0;width:80%;}
#middle #title{text-align:center;margin:0 auto;padding:20px 0px 10px 0px;text-align:center;}
#middle #title b{font-size:40px;line-height:80px;margin:0 auto;padding:0;width:100%;display:block;}
#middle #title span{font-size:24px;line-height:30px;margin:0 auto;padding:0;width:100%;display:block;}
#middle #nr{margin:0 auto;padding:15px 0px 0px 0px;width:100%;}
#middle #nr .tx{float:left;margin:0 auto;padding:0;width:35%;}
#middle #nr .tx img{float:right;max-width:100%;padding:3px;border-radius:5px;
-webkit-box-shadow:2px 2px 1px rgba(0,0,0,.5);
		-moz-box-shadow:2px 2px 5px rgba(0,0,0,.5);
			box-shadow:2px 2px 5px rgba(0,0,0,.5);}
#middle #nr .wz{float:right;width:61%;text-align:left;line-height:180%;font-size:16px;padding-top:20px;}
#middle #nr .wz a{color:#000;}

/*优势*/
#middle #ys{width:100%;}
#middle #ys ul{width:100%;margin:0 auto;}
#middle #ys ul li{float:left;width:16.6%;text-align:center;cursor:pointer;height:320px}
#middle #ys ul li .bk{width:90%;margin:0 auto;padding:0;border:2px solid #a9a9a9;height:316px;position:relative;}
#middle #ys ul li:hover .bk{border-color:#000080;}

#middle #ys ul li .bk i{border:3px solid #a9a9a9;display:block;height:80px;line-height:80px;width:80px;margin:0 auto;border-radius:80px;font-size:40px;color:#778899;}
#middle #ys ul li .bk span{margin:0 auto;font-size:12px;color:#778899;line-height:20px;display:block;width:80%;padding:10px 0px 0px 0px;text-align:left;}
#middle #ys ul li .bk b{font-size:18px;line-height:45px;display:block;background:#E0FFFF;height:45px;width:70%;position:relative;top:-25px;left:15%;text-align:center;color:#778899;font-weight:400;}
#middle #ys ul li:hover .bk i{border-color:#000080;color:#000080;}
#middle #ys ul li:hover .bk span{color:#000080;}
#middle #ys ul li:hover .bk b{color:#000080;}
@media screen and (max-width:1280px)
{
#middle #title b{font-size:36px;line-height:60px;}
#middle #title span{font-size:22px;}
#middle #ys ul li .bk i{top:-10px;position:relative;}
#middle #ys ul li .bk span{top:-10px;position:relative;}
}
@media screen and (max-width:1024px)
{
#middle #title b{font-size:30px;line-height:50px;}
#middle #title span{font-size:18px;}
#middle #nr .wz{height:192px;padding-top:10px;overflow:hidden;font-size:14px;line-height:24px;}
#middle #ys ul li{height:380px;}
#middle #ys ul li .bk{height:370px;}
#middle #ys ul li .bk b{font-size:16px;}
#middle #ys ul li i{font-size:30px;height:60px;line-height:60px;width:60px;border-radius:60px;}
}
@media screen and (max-width:980px)
{
#middle #ys ul li{width:33.33%;height:310px;}
#middle #ys ul li .bk{height:260px;}
#middle #ys ul li .bk i{top:-15px;}
#middle #ys ul li .bk span{top:-15px;}
#middle #ys ul li .bk b{font-size:18px;}
}
@media screen and (max-width:800px)
{
#middle #nr .wz{height:140px;padding-top:10px;font-size:12px;line-height:20px;}
#middle #ys ul li span{font-size:12px;}
#middle #ys ul li{height:330px;}
#middle #ys ul li .bk{height:280px;}
#middle #ys ul li .bk i{top:-20px;}
#middle #ys ul li .bk span{top:-20px;}
}
@media screen and (max-width:768px)
{
#middle{width:90%;}
}
@media screen and (max-width:620px)
{
#middle #nr .tx{width:90%;float:none;}
#middle #nr .tx img{margin:0 auto;float:none;}
#middle #nr .wz{width:90%;float:none;margin:0 auto;text-align:center;}
#middle #ys ul li{width:50%;height:300px;}
#middle #ys ul li .bk{height:270px;}
}
@media screen and (max-width:360px)
{
#middle #title b{font-size:24px;line-height:40px;}
#middle #title span{font-size:14px;}
#middle #nr{padding-top:5px;}
#middle #ys{padding-bottom:20px;}
#middle #ys ul{width:90%;}
#middle #ys ul li{height:370px;}
#middle #ys ul li .bk{height:330px;}
#middle #ys ul li .bk i{top:-25px;position:relative;}
#middle #ys ul li .bk span{top:-25px;position:relative;}
}
/*产品*/
#cp{margin:0 auto;padding:0;width:100%;background:#ff3300;height:100%;overflow:auto;border-top:3px solid #ccc;}

#cp #nr{margin:0 auto;padding:30px 0px 0px 0px;width:80%;}
#cp #nr .c2{}
#cp #nr .c2 li{float:left;width:25%;margin:0 auto;padding:0;position:relative;cursor:pointer;margin-top:15px;}
#cp #nr .c2 li .bt{margin:0 auto;padding:5px 0px 5px 0px;width:80%;font-size:18px;line-height:24px;text-align:center;color:#f7f7f7;position:absolute;left:10%;bottom:5px;background:rgba(0,0,0,0.7);z-index:2;display:none;}
#cp #nr .c2 li .tbg{width:80%;border:5px solid #bce672;background:#fff;overflow:hidden;}
#cp #nr .c2 li img{max-width:100%;margin:0 auto;z-index:0;-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);}

#cp #nr .c2 li img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;-webkit-transform: scale(1.1);
	transform: scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);}

#cp #nr .lbt{margin:0 auto;padding:0;width:50%;margin-bottom:20px;position:relative;height:40px;}
#cp #nr .lbt b{dipslay:block;width:100%;height:1px;background:#fff;overflow:hidden;margin:0 auto;padding:0;position:absolute;left:0;top:18px;z-index:0;}
#cp #nr .lbt span{font-size:24px;background:#ff3300;width:40%;min-width:150px;height:40px;color:#fff;line-height:40px;text-align:center;display:block;z-index:1;position:relative;margin:0 auto;padding:0;border:1px solid #fff;}
@media screen and (max-width:1024px)
{
#cp #nr .lbt{height:36px;}
#cp #nr .lbt span{font-size:20px;height:36px;line-height:36px;}
}
@media screen and (max-width:980px)
{
#cp #nr .c2 li{width:33.33%;}
#cp #nr .c2 li .bt{font-size:14px;}
}
@media screen and (max-width:768px)
{
#cp #nr{width:90%;}
#cp #nr .c2 li .tbg{width:90%;}
#cp #nr .c2 li .bt{width:90%;left:5%;}
}
@media screen and (max-width:700px)
{
#cp #nr .c2 li{width:50%;margin-bottom:10px;}
}

@media screen and (max-width:360px)
{
#cp #nr{width:90%;}
#cp #nr .c2 li{width:100%;}
#cp #nr .lbt{width:100%;}
}
/*新闻*/
#middle2{width:100%;background:#E0FFFF;height:100%;overflow:auto;margin:0 auto;padding:30px 0px 30px 0px;}
#middle2 #nnr{width:80%;margin:0 auto;}
#middle2 #nnr #left{width:40%;float:left;border-right:1px solid #ccc;height:340px;overflow:hidden;}
#middle2 #nnr .title{font-size:24px;font-weight:800;height:50px;line-height:50px;text-align:left;}
#middle2 #nnr #left ul{width:90%;float:left;}
#middle2 #nnr #left ul li{float:left;line-height:20px;text-align:left;width:100%;margin:0 auto;padding:8px;border:1px solid #dbdbdb;background:#fff;margin-bottom:10px;box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    -moz-box-sizing: border-box;}
#middle2 #nnr #left ul li:hover{background:#f5fbcf;border:1px solid #ccc;}
#middle2 #nnr #left ul li a{font-size:14px;color:#4c4c4c;}
#middle2 #nnr #left ul li a:hover{color:#000;}
#middle2 #nnr #left ul li a:hover{text-decoration:none;}
#middle2 #nnr #left ul li i{font-style:normal;display:block;width:100%;font-size:14px;color:#000;line-height:28px;margin:0 auto;padding:0px;font-weight:800;height:28px;overflow:hidden;}
#middle2 #nnr #left ul li i img{position:relative;top:-5px;}

#middle2 #nnr #left ul li b{margin:0 auto;display:block;padding:5px 0px 0px 0px;line-height:18px;width:100%;word-break:break-all;font-weight:400;font-size:12px;height:36px;overflow:hidden;}
#middle2 #nnr #right{float:right;width:57%;}
#middle2 #nnr #right #prev{float:left;margin:0px auto;padding:80px 0px 0px 0px;cursor:pointer;width:30px;height:100px;cursor:pointer;text-align:left;}
#middle2 #nnr #right #next{float:right;margin:0px auto;padding:80px 0px 0px 0px;cursor:pointer;width:30px;height:100px;cursor:pointer;text-align:right;}
#middle2 #nnr #right #mid{width:80%;float:left;}
#middle2 #nnr #right #mid ul{width:100%;}
#middle2 #nnr #right #mid ul li{float:left;width:33.33%;}
#middle2 #nnr #right #mid ul li .tbg2{width:90%;border:1px solid #dbdbdb;background:#fff;margin:0 auto;padding:0;}
#middle2 #nnr #right #mid ul li p{height:30px;line-height:30px;width:90%;text-align:center;margin:0 auto;padding:0;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
@media screen and (max-width:1600px)
{
#middle2 #nnr #right #prev{padding-top:60px;}
#middle2 #nnr #right #next{padding-top:60px;}
}
@media screen and (max-width:1440px)
{
#middle2 #nnr #left{height:270px;}
#middle2 #nnr #left ul{height:184px;overflow:hidden;}
#middle2 #nnr #right #prev{padding-top:50px;}
#middle2 #nnr #right #next{padding-top:50px;}
}
@media screen and (max-width:1360px)
{
#middle2 #nnr #left{height:250px;}
}

@media screen and (max-width:1024px)
{
#middle2 #nnr .title{font-size:20px;line-height:45px;height:45px;}
#middle2 #nnr #left{height:210px;}
#middle2 #nnr #left ul{height:164px;}
#middle2 #nnr #left ul li{padding:5px;margin-bottom:5px;}
#middle2 #nnr #left ul li i{line-height:24px;height:24px;}
#middle2 #nnr #left ul li i img{top:-3px;}
#middle2 #nnr #right #prev{padding-top:30px;}
#middle2 #nnr #right #next{padding-top:30px;}
}
@media screen and (max-width:980px)
{
#middle2 #nnr #left{width:35%;}
#middle2 #nnr #right{width:63%;}
}
@media screen and (max-width:750px)
{
#middle2 #nnr{width:90%;}
#middle2 #nnr .title{text-align:center;font-size:30px;height:50px;line-height:50px;}
#middle2 #nnr #left{width:100%;margin:0 auto;float:none;border-right:0px;height:270px;}
#middle2 #nnr #left ul{width:100%;height:200px;}
#middle2 #nnr #left ul li{padding:10px;margin-bottom:10px;}
#middle2 #nnr #left ul li i{line-height:28px;height:28px;}
#middle2 #nnr #left ul li i img{top:-5px;}
#middle2 #nnr #right{width:100%;float:none;}
#middle2 #nnr #right #prev{padding-top:70px;}
#middle2 #nnr #right #next{padding-top:70px;}
}
@media screen and (max-width:500px)
{
#middle2 #nnr .title{font-size:24px;}
#middle2 #nnr #right #prev{display:none;}
#middle2 #nnr #right #next{display:none;}

}

/*分页fullpage about*/

.banner{width:100%;margin:0px auto;padding:0px;text-align:center;}
.banner img{border:0px;margin:0px auto;padding:0px;width:100%;}


#fmiddle{margin:0 auto;padding:0;width:70%;background:#fff;height:100%;overflow:auto;padding:30px;}

#fmiddle .title{width:100%;height:95px;background:url(../images/ftitle.jpg) repeat-x 0px 36px;}
#fmiddle .title ul{float:left;}
#fmiddle .title ul li{float:left;width:150px;height:78px;margin:0px auto;padding:17px 0px 0px 0px;background:#00BFFF;color:#fff;margin-right:15px;}
#fmiddle .title ul li a{color:#fff;text-decoration:none;}
#fmiddle .title ul li b{display:block;width:100%;height:40px;line-height:40px;font-size:30px;text-align:center;}
#fmiddle .title ul li i{display:block;width:100%;line-height:18px;font-size:16px;font-style:normal;text-align:center;}
#fmiddle .title ul li.cur{background:#cc0000;}
#fmiddle .lb{margin:0 auto;width:95%;}
#fmiddle .lb b{font-size:14px;line-height:36px;float:left;display:block;}
#fmiddle .lb a{display:block;float:left;line-height:40px;height:40px;display:block;margin:0 auto;padding:0 10px 0 10px;margin-right:10px;_margin-right:5px;background:#fff;border:1px solid #fff;text-align:center;font-size:14px;margin-bottom:10px;border-radius:8px;color:#778899;}
#fmiddle .lb a:hover{background:#e0ffff;border:1px solid #ccc;text-decoration:none;color:#000;}
#fmiddle .lb a.cur{background:#0066cc;color:#fff;border:1px solid #0066cc;}
#fmiddle .mlb{margin:0 auto;padding:0;border-radius:8px;background:#0066cc;height:45px;line-height:45px;width:90%;text-align:center;color:#fff;font-size:18px;display:none;cursor:pointer;} 
#fmiddle .loc{width:100%;height:40px;line-height:40px;text-align:left;font-size:12px;border-bottom:1px solid #ccc;margin-bottom:15px;}


#fmiddle #danye{margin:0 auto;padding:30px 0px 0px 0px;width:90%;font-size:16px;line-height:200%;text-align:left;}
#fmiddle #danye img{max-width:100%;}
#fmiddle #xwlb{margin:0 auto;padding:20px 0px 0px 0px;width:100%;}
#fmiddle #xwlb ul{width:90%;margin:0 auto;}
#fmiddle #xwlb ul li{float:left;width:100%;padding:15px 0px 15px 0px;text-align:left;line-height:30px;border-bottom:1px solid #dbdbdb;}
#fmiddle #xwlb ul li a{font-size:16px;line-height:36px;font-weight:600;color:#343434;}
#fmiddle #xwlb ul li a:hover{color:#000;}
#fmiddle #xwlb ul li span{color:#666;padding-left:20px;}
#fmiddle #xwlb ul li p{font-size:12px;line-height:22px;}
#fmiddle #xwlb ul li h3{margin:0 auto;padding:3px 8px 3px 8px;float:right;background:#ff0000;color:#fff;border-radius:5px;}
#fmiddle #xwlb ul li h3 a{color:#fff;font-size:12px;line-height:20px;font-weight:400;}
#fmiddle #xwlb ul li h3 a:hover{text-decoration:none;color:#ffff00;}
#fmiddle #tplb{width:100%;margin:0 auto;padding:20px 0px 0px 0px;}
#fmiddle #tplb ul{}
#fmiddle #tplb ul li{float:left;width:25%;}
#fmiddle #tplb ul li .tbg{width:80%;border:1px solid #dbdbdb;padding:2px;}

#fmiddle #tplb ul li p{margin:0 auto;padding:5px 0px 5px 0px;line-height:24px;width:80%;text-align:center;overflow:hidden;height:24px;}
#fmiddle #qtlb{margin:0 auto;padding:20px 0px 0px 0px;width:100%;}

#fmiddle #qtlb .bt{text-align:left;width:100%;margin:0 auto;padding:10x 0px 10px 0px;font-size:20px;line-height:32px;color:#ff0000;font-weight:600;}

#fmiddle #qtlb .bnr{margin:0 auto;padding:0;text-align:left;width:100%;font-size:16px;line-height:30px;}
#fmiddle #qtlb .bnr p{margin:0 auto;padding:0;}
#fmiddle #qtlb ul{width:100%;}
#fmiddle #qtlb ul li{float:left;width:25%;text-align:center;}
#fmiddle #qtlb ul li img{width:90%;margin:0 auto;border:1px solid #dbdbdb;border-radius:5px;-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);}

#fmiddle #qtlb ul li img:hover{filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;-webkit-transform: scale(1.1);
	transform: scale(1.1);
-ms-transform:scale(1.1);
-moz-transform:scale(1.1);}

#fmiddle .hz{margin:0 auto;padding:20px 0px 0px 0px;}
#fmiddle .hz li{float:left;width:25%;}
#fmiddle .hz li .tbg{width:80%;overflow:hidden;}
#fmiddle .hz li p{margin:0 auto;padding:5px 0px 5px 0px;line-height:24px;width:80%;text-align:center;}
@media screen and (max-width:1600px)
{
#fmiddle .title ul li{width:140px;padding-top:15px;} 
#fmiddle .title ul li b{height:36px;line-height:36px;font-size:26px;}
#fmiddle .title ul li i{line-height:18px;font-size:14px;}
}
@media screen and (max-width:1440px)
{
#fmiddle{padding:20px;width:75%;}
#fmiddle .title ul li{width:130px;margin-right:10px;height:70px;} 
#fmiddle .title ul li b{height:30px;line-height:30px;font-size:20px;}
#fmiddle .title ul li i{line-height:18px;font-size:14px;}
#fmiddle #xwlb ul{width:95%;}
#fmiddle #tplb ul li img{width:90%;}
#fmiddle #tplb ul li p{width:90%;}
#fmiddle .hz li .tbg{width:90%}
#fmiddle .hz li p{width:90%;}
}
@media screen and (max-width:1024px)
{
#fmiddle{width:90%;}

}

@media screen and (max-width:768px)
{
#fmiddle .title ul li{width:120px;margin-right:6px;height:60px;} 
#fmiddle .title ul li b{height:28px;line-height:28px;font-size:18px;}
#fmiddle .title ul li i{line-height:16px;font-size:12px;}

#fmiddle #tplb ul li{width:33.33%;}

#fmiddle #qtlb ul li{width:50%;margin-bottom:5px;}
#fmiddle .hz li{width:50%;}
}
@media screen and (max-width:505px)
{
#fmiddle{width:90%;}
#fmiddle .title{height:50px;background:url(../images/ftitle.jpg) repeat-x 0px 20px;}
#fmiddle .title ul li{width:100px;margin-right:5px;height:50px;padding-top:10px;} 
#fmiddle .title ul li b{height:28px;line-height:28px;font-size:16px;}
#fmiddle .title ul li i{line-height:16px;font-size:12px;}
#fmiddle #tplb ul li{width:50%;}
#fmiddle .lb{display:none;}
#fmiddle .mlb{display:block;}
}
@media screen and (max-width:360px)
{
#fmiddle .title ul li{width:90px;margin-right:5px;height:50px;padding-top:10px;} 
#fmiddle #tplb ul li{width:100%;}
#fmiddle #tplb ul li .tbg{width:80%;}
#fmiddle #xwlb ul li a{line-height:24px;font-size:14px;}

#fmiddle #qtlb ul li{width:100%;}
#fmiddle #qtlb .bt{font-size:18px;line-height:28px;}
#fmiddle #qtlb .bnr{font-size:14px;line-height:20px;}
#fmiddle .hz li{width:100%;}
}


/*联系我们*/
#lxwm{width:80%;margin:0px auto;padding:4% 0px 0px 0px;overflow:auto;height:100%;background:#fff;height:100%;overflow:auto;}
#lxwm #left{float:left;width:28%;padding:0 2% 0 0;font-size:14px;}
#lxwm #left #title{margin:0px auto;padding:0px;width:100%;text-align:left;}
#lxwm #left #title span{text-align:right;font-size:24px;line-height:40px;color:#d60c28;display:block;letter-spacing:5px;font-weight:800;padding-right:5%;}
#lxwm #left #title b{font-size:18px;color:#663300;line-height:20px;display:block;font-weight:400;margin:0px auto;padding:20px 0px 30px 0px;}
#lxwm #left p{text-align:justify;margin:0px auto;padding:0px;color:#333;}
#lxwm #mid{width:52%;float:left;padding-left:3%;}
#lxwm #right{width:40%;float:right;padding-right:3%;}
#lxwm #right dl{width:100%;margin:0px auto;padding:0px;}
#lxwm #right dl dd{margin:0px auto;padding:10px 0px 10px 0px;width:100%;height:100%;overflow:auto;}
#lxwm #right dl dd .TextBox{width:96%;border:1px solid #d6d6d6;height:40px;line-height:40px;margin:0px auto;padding:0 0 0 1%;font-size:14px;color:#b3b5b4;}
#lxwm #right dl dd .TextBox2{width:98%;border:1px solid #d6d6d6;height:120px;line-height:24px;margin:0px auto;padding:0 0 0 1%;font-size:14px;color:#b3b5b4}
#lxwm #right dl dd .lybtn{background:#c65e5f;color:#fff;font-size:18px;text-align:center;width:100%;height:40px;line-height:40px;letter-spacing:3px;border:0;margin:0px auto;padding:0px;}
@media screen and (max-width:1100px)
{
#lxwm{width:90%;}
}
@media screen and (max-width:900px)
{
#lxwm{width:98%;}
}
@media screen and (max-width:700px)
{
#lxwm{width:95%;margin:0 auto;}
#lxwm #left{width:100%;margin-bottom:10px;line-height:150%;}
#lxwm #mid{width:100%;}
#lxwm #right{width:100%;margin:0 auto;padding:0;}
#lxwm #right dl{width:90%;margin:0 auto;}

#lxwm #right dl dd .TextBox{padding-left:5px;}
}

/*留言*/
#msg{background:url(../images/msg.jpg) no-repeat center top;width:90%;margin:0px auto;padding:0px;}
#msg #loc{text-align:left;height:40px;line-height:40px;margin:0px auto;padding:30px 0px 0px 550px;font-size:20px;}
#msg #loc i{padding-right:5px;color:#333;font-size:24px;}
#msg #nr{margin:0px auto;padding:0px 0px 0px 550px;text-align:left;height:600px;}
#msg #nr .TextBox{height:36px;line-height:36px;width:200px;border:1px solid #dbdbdb;border-radius:5px;font-size:14px;color:#666;}
#msg #nr .TextBox2{height:160px;line-height:18px;width:350px;border:1px solid #dbdbdb;border-radius:5px;font-size:14px;color:#666;}
#msg #nr .button{background:#5e5e5e;width:180px;height:45px;line-height:45px;color:#fff;font-size:24px;text-align:center;border:0px;cursor:pointer;font-weight:800;}
#msg #nr .button:hover{background:#8b0000;}

.fy{width:80%;padding:15px;clear:both;margin:0px auto;text-align:center;}
.fy a{display:block;float:left;margin-right:5px;height:36px;line-height:36px;width:36px;color:#666;background:#AFEEEE;}
.fy a:hover{background:#1d99d9;color:#fff;text-decoration:none;font-size:14px;}
.fy span{display:block;height:36px;width:36px;line-height:36px;float:left;margin-right:5px;color:#fff;background:#1d99d9;}
.fy a img{margin:0px auto;padding:12px 0px 12px 0px;height:8px;}





/*底部*/
#bfooter{width:100%;margin:0 auto;padding:0px;background:#483D8B;height:47px;line-height:47px;color:#fff;position:relative;z-index:999;}
#bfooter #bq{margin:0px auto;padding:0;text-align:center;font-size:12px;}
#bfooter #bq span{padding-left:20px;}
#gao{margin:0 auto;padding:0;height:0;overflow:hidden;width:100%;clear:both;}
#mfoot{display:none;margin:0 auto;padding:0;width:100%;height:45px;position:fixed;left:0px;bottom:0px;_position:absolute;_bottom:auto;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,0)||0)-(parseInt(this.currentStyle.marginBottom,0)||0)));z-index:1000;}
#mfoot ul{}
#mfoot ul li{float:left;width:50%;background:#131313;height:45px;line-height:45px;-webkit-box-shadow:2px 2px 1px rgba(255,255,255,.5);
		-moz-box-shadow:2px 2px 5px rgba(255,255,255,.5);
			box-shadow:2px 2px 5px rgba(255,255,255,.5);}
#mfoot ul li span{padding-right:10px;color:#fff;font-size:20px;}
#mfoot ul li i{color:#fff;font-size:18px;font-style:normal;}

@media screen and (max-width:900px)
{
#bfooter{height:36px;line-height:36px;}
#bfooter #bq{font-size:10px;}

}
@media screen and (max-width:768px)
{
#gao{height:45px;}
#bfooter{display:none;}
#mfoot{display:block;}
}

/*详细页*/
#xxnr{margin:0px auto;width:90%;height:100%;overflow:auto;padding:0px;text-align:left;background:#fff;height:100%;overflow:auto;}
#xxnr #bt{font-size:24px;font-weight:800;padding:10px 0px 10px 0px;text-align:center;width:100%;line-height:36px;}
#xxnr #tp{margin:0px auto;padding:15px 0px 0px 0px;text-align:center;position:relative;width:100%}
#xxnr #tp img{max-width:100%;margin:0 auto;padding:0;display:block;padding-bottom:2px;}
#xxnr #detail{text-align:left;margin:0px auto;padding:10px 0px 10px 0px;border:0px;width:100%;line-height:180%;font-size:14px;}
.clear{margin:0px auto;padding:0px;clear:both;height:0px;overflow:hidden;}
