/*通用_基本信息*/
body { background:#fff;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,li { 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;}
/*顶部*/
#top{width:100%;margin:0px auto;padding:0px;height:110px;background:#fff;z-index:3;position:relative;z-index:8888;max-width:1920px;}
#top #logo{margin:0px auto;padding:5px 0px 0px 3%;text-align:left;z-index:4;float:left;}
#top #logo img{height:100px;}
#top #tel{float:right;font-size:28px;color:#666;padding-right:3%;width:19%;text-align:right;line-height:110px;font-family: 'impact-webfont';}
#top #tel i{padding-right:5%;font-size:28px;color:#666;}
#top #head{float:left;margin:0px auto;width:60%;padding:0px;height:110px;line-height:110px;z-index:1;}
#top #head i{font-size:28px;padding:0 3% 0 5%;color:#000;float:left;font-weight:400;cursor:pointer;line-height:110px;}
#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:110px;line-height:110px;text-align:center;background:url(../images/menu_line2.png) no-repeat right center;}
#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:110px;position:relative;letter-spacing:3px;}
#top #head ul li a:hover{color:#666;}
#top #head ul li.cur a{text-decoration:underline;}

#top #hmenu{color:#000;border:1px solid #000;border-radius:5px;width:30px;height:30px;text-align:center;position:absolute;right:2%;top:15px;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:0px;top:80px;background:#fff;display:none;}
#top #head ul li #nav {filter: alpha(opacity=100); opacity: 1.0; -moz-opacity: 1.0;}
#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:#999;font-size:14px;height:40px;line-height:40px;padding:0px;margin:0px auto;border:0px;text-decoration:none;font-weight:400;}
#top #head ul li.cur dl dd a{text-decoration:none;}
#top #head ul li dl dd:hover a{text-decoration:none;color:#000;background:#ffccff;}

@media screen and (max-width:1440px)
{
#top{height:90px;}
#top #logo{padding-top:0px;}
#top #logo img{height:90px;}
#top #tel{line-height:90px;font-size:20px;}
#top #tel i{font-size:20px;}

#top #head{height:90px;line-height:90px;}
#top #head i{font-size:20px;line-height:90px;}
#top #head ul li{line-height:90px;height:90px;}
#top #head ul li a{line-height:90px;font-size:14px;}
#top #head ul li dl{top:70px;left:-10px;}
#top #head ul li dl dd a{font-size:14px;}

}
@media screen and (max-width:1366px)
{
#top #head ul li dl{left:-10px;}
}
@media screen and (max-width:1280px)
{
#top #head{width:70%;} 
#top #head ul li{padding:0 3% 0 3%;}
#top #head ul li dl{left:0px;width:100px;}
#top #head ul li dl dd{width:100px;height:36px;line-height:36px;}
#top #head ul li dl dd a{font-size:12px;line-height:36px;height:36px;}
}

@media screen and (max-width:1024px)
{

#top{height:60px;}
#top #logo img{height:50px;}
#top #tel{line-height:60px;font-size:18px;}
#top #tel i{font-size:18px;}
#top #head{height:60px;line-height:60px;}
#top #head i{font-size:18px;line-height:60px;padding:0 15px 0 20px;}
#top #head ul li{line-height:60px;height:60px;padding:0 15px 0 15px;}
#top #head ul li a{line-height:60px;font-size:12px;}
#top #head ul li dl{top:50px;left:-15px;}
#top #head ul li dl dd{width:100px;height:36px;line-height:36px;}
#top #head ul li dl dd a{font-size:12px;line-height:36px;height:36px;}
}

/*qq*/
#AdLayer1{position: absolute;visibility:hidden;z-index:999;margin:0px auto;padding:0px;width:72px;}
.right-nav{margin:0 auto;padding:0;position:fixed;width:54px;height:275px;right:0;top:50%;z-index:999;filter: alpha(opacity=85); opacity: 0.85; -moz-opacity: 0.85;}
.right-nav ul{margin:0 auto;padding:0;}
.right-nav ul li{width:54px;height:54px;float:left;position:relative;line-height:54px;margin-bottom:1px;}
.right-nav ul li a{display:inline-block}
.right-nav ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0px;transition:all .3s;background:#9999ff;color:#fff;font-size:14px;line-height:54px;overflow:hidden}
.right-nav ul li .sidebox.red{background:#0066cc}
.right-nav ul li .sidebox.black{background:#9999ff;}
.right-nav ul li .sidebox.blue{background:#0066cc}
.right-nav ul li .sidebox .iconfont{font-size:30px;width:54px;text-align:center;display:block;}
.right-nav ul li .sidebox span{display:block;float:left;}
.right-nav ul li .sidebox p{float:left;margin:0 auto;padding:15px 0px 0px 0px;line-height:30px;}


/*首页中部*/
#banner{width:100%;position:relative;z-index:2;margin:0px auto;padding:0px;overflow:hidden;max-width:1920px;}

/*轮播广告*/
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;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:24px;font-size:18px;}
.slide li div p.p3{font-weight:400;line-height:20px;font-size:16px;}
.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;
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;
}

.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: 0px;
  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;}
}

#middle{margin:0px auto;width:100%;padding:0px;overflow:hidden;}
#middle #ftitle{margin:0 auto;padding:0;text-align:center;}
#middle #gy{margin:0 auto;padding:15px 0px 20px 0px;width:70%;font-size:18px;line-height:45px;text-align:center;}
#middle #gy img{width:280px;float:left;margin-right:10px;margin-bottom:10px;}
#middle #more{margin:0 auto;padding:0;width:70%;}
#middle #more a{display:block;width:160px;height:50px;line-height:50px;text-align:center;margin:0 auto;padding:0;border:2px solid #c0c0c0;font-size:22px;color:#c0c0c0;border-radius:24px;}
#middle #more a i{padding-left:5px;}
#middle #more a:hover{border-color:#0066cc;color:#fff;background:#0066cc;text-decoration:none;}


@media screen and (max-width:1440px)
{
#middle #ftitle img{height:145px;}
#middle #gy{font-size:16px;line-height:36px;}
#middle #gy img{width:220px;}
#middle #more a{font-size:18px;height:45px;line-height:45px;width:145px;}
#middle #more a i{font-size:18px;}
}
@media screen and (max-width:1366px)
{
#middle #ftitle img{height:130px;}
#middle #gy{font-size:14px;line-height:30px;}
#middle #gy img{width:200px;}
#middle #more a{font-size:16px;height:40px;line-height:40px;width:135px;border-radius:20px;border-width:1px;}
#middle #more a i{font-size:16px;}
}
@media screen and (max-width:1024px)
{
#middle #ftitle img{height:120px;}
#middle #gy{font-size:12px;line-height:24px;}
#middle #gy img{width:180px;}
#middle #more a{font-size:14px;height:32px;line-height:32px;width:120px;border-radius:15px;}
#middle #more a i{font-size:14px;}
}
/*产品*/

#hd{width:100%;margin:0 auto;margin-top:80px;padding:70px 0px 50px 0px;background:url(../images/abg.jpg);height:100%;overflow:auto;}
#hd #htitle{width:100%;margin:0 auto;padding:0;}
#hd #htitle i{font-size:50px;color:#005d85;font-style:normal;font-family:impact-webfont,Tahoma,sans-serif;letter-spacing:10px;display:block;margin:0px auto;padding:0px;line-height:80px;height:80px;color:#0066cc;}
#hd #htitle b{font-size:24px;display:block;margin:0px auto;padding:0;height:36px;line-height:30px;color:#484848;letter-spacing:5px;}
#hd #hnr{margin:0 auto;padding:40px 0px 0px 0px;width:87%}
#hd #hnr ul{width:100%;}
#hd #hnr ul li{width:25%;float:left;}
#hd #hnr ul li .hbg{width:90%;margin:0 auto;padding:10px;border:1px solid #dbdbdb;background:#fff;
-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);
}
#hd #hnr ul li .hbg:hover{
-webkit-box-shadow: 0 0 10px rgba(0,0,0,.5);-moz-box-shadow: 0 0 10px rgba(0,0,0,.5);-ms-box-shadow: 0 0 10px rgba(0,0,0,.5);-o-box-shadow: 0 0 10px rgba(0,0,0,.5);box-shadow: 0 0 10px rgba(0,0,0,.5);
}
#hd #hnr ul li .hbg .bt{height:40px;width:100%;margin:0 auto;padding:10px 0px 20px 0px;line-height:20px;text-align:center;font-size:16px;overflow:hidden;}
#hd #hnr ul li .hbg .bt a{color:#392f41;height:40px;line-height:20px;overflow:hidden;display:block;width:100%;}
#hd #hnr ul li .hbg .bt a:hover{color:#ff3300;}
#hd #hnr ul li .hbg .tp{width:100%;margin:0 auto;overflow:hidden;border:1px solid #dbdbdb;}
#hd #hnr ul li .hbg .tp img{width:100%;vertical-align:middle;border:0;
-webkit-transition: opacity 0.25s, -webkit-transform 0.25s;
	transition: opacity 0.25s, transform 0.25s;
	-webkit-transform: scale(1);
	transform: scale(1);
-ms-transform:scale(1);
-moz-transform:scale(1);
filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;
}
#hd #hnr ul li .hbg .tp img:hover{-webkit-transform: scale(1.05);
	transform: scale(1.05);
-ms-transform:scale(1.05);
-moz-transform:scale(1.05);
filter: alpha(opacity=100); opacity: 1; -moz-opacity: 1;
}

#hd #hnr ul li .hbg .nr{width:100%;text-align:left;line-height:20px;font-size:12px;height:40px;position:relative;margin:0 auto;padding:10px 0px 0px 0px;}
#hd #hnr ul li .hbg .nr a{position:absolute;right:2%;bottom:10px;border:1px solid #cca4e3;width:60px;height:24px;text-align:center;display:block;line-height:24px;color:#cca4e3;border-radius:5px;font-size:12px;}
#hd #hnr ul li .hbg .nr a:hover{background:#0066cc;color:#fff;text-decoration:none;border:1px solid #0066cc;}
#hd #hnr ul li .hbg .nr span{color:#665757;display:block;height:60px;line-height:20px;font-size:12px;width:100%;overflow:hidden;}
#hd #hnr ul li .hbg .nr b{position:absolute;left:2%;bottom:10px;font-size:14px;color:#0066cc;} 


@media screen and (max-width:1440px)
{
#hd #htitle img{width:90%;}
#hd #htitle i{font-size:40px;line-height:60px;height:60px;}
#hd #htitle b{font-size:20px;}
#hd #hnr{width:90%;}
#hd #hnr ul li .hbg .bt{padding:5px 0px 10px 0px;}
}
@media screen and (max-width:1280px)
{
#hd{padding:50px 0px 20px 0px;}

#hd #hnr ul li .hbg{padding:7px;}

}

@media screen and (max-width:1024px)
{
#hd{padding:40px 0px 10px 0px;}
#hd #htitle i{font-size:36px;line-height:50px;height:50px;}
#hd #htitle b{font-size:18px;}
#hd #hnr{width:96%;}
#hd #hnr ul li .hbg{padding:5px;}
#hd #hnr ul li .hbg .bt{padding:0px 0px 5px 0px;font-size:14px;}

}


/*分页fullpage about*/

.banner{width:100%;margin:0px auto;padding:0px;text-align:center;max-width:1920px;}
.banner img{border:0px;margin:0px auto;padding:0px;width:100%;}


/*分页类别*/

#nav {right:0px;list-style:none;margin: 0;position: fixed;top:200px;filter: alpha(opacity=70); opacity: 0.7; -moz-opacity: 0.7;width:75px;}
#nav li {margin-bottom:4px;width:75px;float:left;height:20px;line-height:20px;}
#nav a {display:block;width:75px;margin:0px auto;text-align:center;background:none;}
#nav a span{float:left;text-align:left;display:none;width:60px;height:20px;line-height:20px;}
#nav a b{display:block;float:right;width:15px;}
#nav a i{margin:0px auto;display:block;width:8px;height:8px;border-radius:8px;background: #ccc;margin-top:6px;}
#nav a i:hover {background: #dedede;}
#nav .current a i{background:#000;width:12px;height:12px;border-radius:12px;margin-top:4px;}
#nav a:hover span{display:block;color:#000;font-size:14px;}

#container{max-width:1920px;margin:0 auto;}



#container .bt{width:100%;background:#4b5cc4;color:#fff;height:198px;margin:0px auto;padding:0px;}
#container .bt .btmid{margin:0px auto;padding:0px;width:80%;height:198px;}
#container .bt .btmid i{font-style:normal;margin:0px auto;padding:0px;display:block;float:left;height:198px;font-size:32px;font-weight:400;line-height:198px;position:relative;}
#container .bt .btmid i h1{font-size:32px;width:60%;font-weight:400;line-height:40px;margin:0px auto;padding:0px;text-align:left;position:absolute;left:0px;top:55px;display:block;}
#container .bt .btmid i h2{font-size:20px;font-weight:400;margin:0px auto;padding:0px;text-align:left;line-height:30px;position:absolute;left:0px;bottom:55px;display:block;width:60%;}
#container .bt .btmid b{color:#fff;font-size:90px;line-height:198px;display:block;text-align:right;float;right;padding-right:10px;}

#container .nr{margin:0px auto;padding:30px 0px 0px 0px;width:80%;}
#container .nr img{max-width:100%;}
#container .danye{margin:0px auto;padding:0px;width:100%;text-align:left;}
#container #tplb{width:100%;padding:50px 0px 50px 0px;height:100%;overflow:auto;}
#container #tplb ul{}
#container #tplb ul li{width:25%;float:left;height:100%;overflow:hidden;margin-bottom:10px;}
#container #tplb ul li .tbg{width:90%;border:1px solid #dbdbdb;padding:2px;overflow:hidden;background:#fff;}
#container #tplb ul li .tbg:hover{border:1px solid #ccc;}
#container #tplb ul li .tbg img{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);filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}

#container #tplb ul li .tbg 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);}

#container #tplb ul li p{margin:0 auto;padding:0px;line-height:40px;width:90%;text-align:center;overflow:hidden;height:40px;font-size:16px;}



#container .section{margin:0 auto;padding:0;height:100%;overflow:auto;}
#container #section0{font-size:18px;line-height:32px;}
#container #section1{font-size:16px;line-height:28px;background:#ccffcc;}
#container .b1{font-size:24px;}
#container #section2{font-size:16px;line-height:28px;background:#d6ecf0;}
#container #section3{font-size:16px;line-height:28px;}

@media screen and (max-width:1440px)
{
#container #section0{font-size:16px;line-height:28px;}
#container #section1{font-size:14px;line-height:24px;}
#container .b1{font-size:20px;}
#container #section2{font-size:14px;line-height:24px;}
#container #section3{font-size:14px;line-height:24px;}

#container .bt{height:140px;}
#container .bt .btmid{height:140px;}
#container .bt .btmid i{height:140px;font-size:24px;line-height:140px;}
#container .bt .btmid b{font-size:60px;line-height:140px;}
#container #tplb{padding:40px 0px 40px 0px;}
#container #tplb ul li p{font-size:14px;height:36px;line-height:36px;}

}
@media screen and (max-width:1280px)
{
#container .nr{padding-top:15px;}
#container #section0{font-size:14px;line-height:24px;}
#container #section1{font-size:12px;line-height:20px;}
#container .b1{font-size:16px;}
#container #section2{font-size:12px;line-height:20px;}
#container #section3{font-size:12px;line-height:20px;}
#container .bt{height:100px;}
#container .bt .btmid{height:100px;}
#container .bt .btmid i{height:100px;font-size:20px;line-height:100px;}
#container .bt .btmid b{font-size:45px;line-height:100px;}
#container #tplb{padding:30px 0px 30px 0px;}
#container #tplb ul li p{font-size:12px;height:30px;line-height:30px;}
}


#fmiddle{width:100%;margin:0 auto;padding:0;background:#fff;height:100%;overflow:auto;max-width:1920px;}



#fmiddle #nr{width:87%;margin:0 auto;padding:0 0 30px 0;background:#fff;height:100%;overflow:auto;}
/*分类*/
#fmiddle #nr #lb{width:100%;}
#fmiddle #nr #lb ul{width:100%;padding:15px 0px 0px 0px;}
#fmiddle #nr #lb ul li{width:100%;float:left;padding:10px 0px 10px 0px;margin:0 auto;text-align:left;}
#fmiddle #nr #lb ul li span{padding-right:10px;font-size:16px;font-weight:800;float:left;width:50px;display:block;height:30px;line-height:30px;}
#fmiddle #nr #lb ul li a{padding:0 15px 0px 15px;font-size:14px;border:1px solid #dbdbdb;margin-right:12px;display:block;float:left;height:30px;line-height:30px;border-radius:5px;color:#660033;}
#fmiddle #nr #lb ul li a:hover{background:#ccffff;text-decoration:none;}
#fmiddle #nr #lb ul li a.cur{color:#fff;border:1px solid #0066cc;background:#0066cc;}
@media screen and (max-width:1280px)
{
#fmiddle #nr #lb ul li span{font-size:14px;line-height:24px;height:24px;width:45px;}
#fmiddle #nr #lb ul li a{font-size:12px;line-height:24px;height:24px;padding:0 10px 0px 10px;margin-right:8px;}
}
@media screen and (max-width:1024px)
{
#fmiddle #nr #lb ul li span{font-size:12px;line-height:20px;height:20px;width:40px;}
#fmiddle #nr #lb ul li a{font-size:12px;line-height:20px;height:20px;padding:0 7px 0px 7px;margin-right:5px;}
}


#fmiddle #nr #loc{margin:0 auto;padding:10px 0px 0px 0px;width:100%;height:40px;line-height:40px;text-align:left;border-bottom:1px solid #dbdbdb;font-size:16px;}
#fmiddle #nr #loc a{display:block;float:left;padding:0px 10px 0px 0px;}
#fmiddle #nr #loc span{display:block;padding:0px 10px 0px 0px;float:left;font-family:宋体;}
#fmiddle #nr #loc b{color:#0066cc;font-weight:400;float:left;border-bottom:1px solid #0066cc;}
#fmiddle #nr #danye{margin:0 auto;padding:20px 2% 30px 2%;width:96%;text-align:left;line-height:150%;font-size:14px;}
#fmiddle #nr #danye img{max-width:100%;}
#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{text-align:left;width:100%;padding:20px 0px 20px 0px;height:160px;position:relative;border-bottom:1px solid #ccc;}
#fmiddle #nr #xwlb ul li .sj{float:left;margin:0px auto;padding:0px;width:140px;height:160px;background:#3366cc;color:#fff;}
#fmiddle #nr #xwlb ul li .sj span{display:block;float:left;}
#fmiddle #nr #xwlb ul li .sj span.s1{font-size:72px;font-weight:800;margin:0px auto;padding:30px 0px 0px 0px;text-align:center;width:140px;font-family:'AlternateGothic2BTRegular';letter-spacing:3px;}
#fmiddle #nr #xwlb ul li .sj span.s1 b{font-size:30px;padding-left:5px;}
#fmiddle #nr #xwlb ul li .sj span.s2{text-align:right;width:120px;padding:5px 20px 0px 0px;font-size:12px;}
#fmiddle #nr #xwlb ul li .bt{float:right;margin:0px auto;padding:5px 0px 0px 0px;width:60%;}
#fmiddle #nr #xwlb ul li .bt p{margin:0 auto;padding:5px 0px 5px 0px;line-height:40px;overflow:hidden;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:24px;font-weight:800;color:#333333;line-height:40px;}
#fmiddle #nr #xwlb ul li .bt p a:hover{color:#000;text-decoration:none;}
#fmiddle #nr #xwlb ul li .bt span{line-height:28px;font-size:16px;color:#666;height:56px;overflow:hidden;display:block;width:100%;}
#fmiddle #nr #xwlb ul li .more{position:absolute;right:0px;bottom:15px;border:1px solid #969696;height:30px;width:90px;line-height:30px;text-align:center;border-radius:5px;}
#fmiddle #nr #xwlb ul li .more:hover{border:1px solid #0066cc;}
#fmiddle #nr #xwlb ul li .more a{color:#969696;display:block;width:100%;line-height:30px;margin:0 auto;}
#fmiddle #nr #xwlb ul li .more:hover a{color:#0066cc;text-decoration:none;}

#fmiddle #nr #tplb{width:90%;margin:0 auto;padding:20px 0px 0px 0px;}
#fmiddle #nr #tplb ul{width:100%;}
#fmiddle #nr #tplb ul li{float:left;width:25%;}
#fmiddle #nr #tplb ul li .tbg{width:80%;border:1px solid #dbdbdb;padding:2px;overflow:hidden;}
#fmiddle #nr #tplb ul li .tbg:hover{border:1px solid #ccc;}
#fmiddle #nr #tplb ul li .tbg img{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);filter: alpha(opacity=80); opacity: 0.8; -moz-opacity: 0.8;}

#fmiddle #nr #tplb ul li .tbg 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 #nr #tplb ul li p{margin:0 auto;padding:5px 0px 30px 0px;line-height:30px;width:80%;text-align:center;overflow:hidden;height:30px;font-size:16px;text-overflow:ellipsis;white-space:nowrap;}


#fmiddle #nr #qtlb{margin:0 auto;padding:20px 0px 0px 0px;width:90%;}
#fmiddle #nr #qtlb ul{width:100%;}
#fmiddle #nr #qtlb ul li{float:left;width:20%;text-align:center;}
#fmiddle #nr #qtlb ul li .qbg{width:80%;border:1px solid #dbdbdb;padding:2px;}
#fmiddle #nr #qtlb ul li .qbg:hover{border:1px solid #ccc;}
#fmiddle #nr #qtlb ul li img{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);}

#fmiddle #nr #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);}



.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;}
.fy a:hover{background:#666;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:#969696;}
.fy a img{margin:0px auto;padding:12px 0px 12px 0px;height:8px;}

@media screen and (max-width:1440px)
{
#fmiddle #nr{width:90%;}
#fmiddle #nr #xwlb ul li{height:140px;}
#fmiddle #nr #xwlb ul li .sj{width:120px;height:140px;}
#fmiddle #nr #xwlb ul li .sj span.s1{font-size:60px;padding:30px 0px 0px 0px;width:120px;}
#fmiddle #nr #xwlb ul li .sj span.s1 b{font-size:24px;}
#fmiddle #nr #xwlb ul li .sj span.s2{width:100px;padding:5px 20px 0px 0px;}
#fmiddle #nr #xwlb ul li .bt p{line-height:32px;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:20px;line-height:32px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:24px;font-size:14px;height:48px;}

#fmiddle #nr #tplb ul li .tbg{width:90%;}
#fmiddle #nr #tplb ul li p{width:90%;font-size:14px;padding-bottom:20px;}
#fmiddle #nr #qtlb ul li .qbg{width:90%;}
}

@media screen and (max-width:1280px)
{
#fmiddle #nr #loc{font-size:12px;height:30px;line-height:30px;}
#fmiddle #nr #danye{padding:10px 0px 15px 0px;}
#fmiddle #nr #xwlb ul li{height:130px;}
#fmiddle #nr #xwlb ul li .sj{width:110px;height:130px;}
#fmiddle #nr #xwlb ul li .sj span.s1{font-size:50px;padding:15px 0px 0px 0px;width:110px;}
#fmiddle #nr #xwlb ul li .sj span.s1 b{font-size:20px;}
#fmiddle #nr #xwlb ul li .sj span.s2{width:100px;padding:5px 10px 0px 0px;}
#fmiddle #nr #xwlb ul li .bt p{line-height:24px;}
#fmiddle #nr #xwlb ul li .bt p a{font-size:16px;line-height:24px;}
#fmiddle #nr #xwlb ul li .bt span{line-height:20px;font-size:12px;height:40px;}
#fmiddle #nr #tplb ul li p{font-size:12px;padding-bottom:10px;padding-top:0px;}
}
@media screen and (max-width:1024px)
{
#fmiddle #nr{width:95%;} 
#fmiddle #nr #tplb{width:100%;padding-top:0px;}
#fmiddle #nr #danye{font-size:12px;line-height:18px;}
}


/*联系我们*/
#lxwm{width:80%;margin:0px auto;padding:4% 0px 0px 0px;overflow:auto;height:100%;}

#lxwm #mid{width:68%;float:left;padding:0 2% 0 0;}
#lxwm #mid #allmap{width:100%;}
#lxwm #right{width:28%;float:right;text-align:left;font-size:16px;line-height:200%;}
#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:98%;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;cursor:pointer;}
@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%;}
#lxwm #left{width:100%;margin-bottom:10px;line-height:150%;}
#lxwm #mid{width:100%;}
#lxwm #right{width:100%;}
}


/*留言*/
#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;}

/*底部*/
#bfooter{width:100%;margin:0 auto;padding:0px;max-width:1920px;background:#003366;height:47px;line-height:47px;color:#fff;z-index:999;}
#bfooter #bq{margin:0px auto;padding:0 2.6% 0 0;text-align:right;font-size:12px;float:right;}
#bfooter #bq span{padding-left:20px;}
#bfooter #bq a{color:#ccc;}
#bfooter #bq a:hover{color:#fff;}
.gao2{clear:both;height:47px;margin:0 auto;padding:0;}
@media screen and (max-width:900px)
{
#bfooter{height:36px;line-height:36px;}
#bfooter #bq{font-size:10px;}
.gao2{height:36px;}
}
@media screen and (max-width:400px)
{
#bfooter{height:55px;}
#bfooter #bq{padding:5px 0px 0px 0px;width:100%;float:none;}
#bfooter #bq span{display:block;width:100%;text-align:center;line-height:24px;padding:0;}
.gao2{height:55px;}
}
#link{margin:0 auto;padding:0;width:80%;}
#link #title{margin:0 auto;height:45px;line-height:45px;width:100%;text-align:center;font-size:24px;}
#link ul{width:100%;}
#link ul li{float:left;width:150px;height:50px;margin-right:20px;margin-bottom:15px;}
#link ul li img{width:150px;height:50px;}
/*详细页*/
#xxnr{margin:0px auto;width:87%;height:100%;overflow:auto;padding:0px;text-align:left;background:#fff;}
#xxnr #bt{font-size:24px;font-weight:800;padding:10px;text-align:center;width:90%;line-height:36px;}
#xxnr #tp{margin:0px auto;padding:15px 0px 0px 0px;text-align:center;position:relative;width:90%;}
#fmiddle #xxnr #tp img{max-width:100%;}
#xxnr #detail{text-align:left;margin:0px auto;padding:10px 0px 10px 0px;border:0px;width:90%;line-height:180%;font-size:14px;}
#xxnr #detail img{max-width:100%;}
#xxnr #qt{margin:0 auto;padding:0 0 20px 0;width:90%;text-align:center;}
#xxnr #qt a{font-size:14px;padding-left:10px;padding-right:10px;}
#xxnr #qt a:hover{color:#ff0000;}

/*产品详情*/
#cp{margin:0 auto;padding:0;width:100%;}
#cp #left{margin:0 auto;padding:20px 0px 0px 0px;float:left;width:500px;position:relative;z-index:1;}
#tsShopContainer li,#tsShopContainer img{vertical-align:top;}
#tsShopContainer{width:498px;margin:0 auto;position:relative;height:650px;padding:0px;}
#tsShopContainer #tsImgS{text-align:center;width:498px;position:relative;border:1px solid #dbdbdb;}
#tsShopContainer #tsImgS a{display:block;text-align:center;margin:0px auto;}
#tsShopContainer #tsImgS img{border:0px;}
#tsShopContainer #tsPicContainer{width:100%;height:122px;position:relative;background:url(../images/scrollPicbg.gif) repeat-x 0px 0px;padding-top:10px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSArrL{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat left center;position:absolute;top:0px;left:3px;}
#tsShopContainer #tsPicContainer #tsImgSArrL.current{background:url(../images/picshopArr2.gif) no-repeat left center;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSArrR{width:17px;height:100%;background:url(../images/picshopArr.gif) no-repeat right center;position:absolute;top:0px;right:3px;}
#tsShopContainer #tsPicContainer #tsImgSArrR.current{background:url(../images/picshopArr2.gif) no-repeat right center;cursor:pointer;}

#tsShopContainer #tsPicContainer #tsImgSCon{position:absolute;top:10px;left:25px;width:440px;height:110px;overflow:hidden;}
#tsShopContainer #tsPicContainer #tsImgSCon ul{width:100%;overflow:hidden;list-style:none;float:left;}
#tsShopContainer #tsPicContainer #tsImgSCon li{width:110px;float:left;cursor:pointer;}
#tsShopContainer #tsPicContainer #tsImgSCon li img{padding:3px;margin:1px;border:1px solid  #e4e4e4;display:block;width:100px;height:100px;}
#tsShopContainer #tsPicContainer #tsImgSCon li.tsSelectImg img{border:2px solid #ccc;margin:0px;}


#cp #right{float:right;width:50%;}
#cp #right #bt{margin:0 auto;padding:20px 0px 30px 0px;;width:100%;font-size:36px;line-height:45px;text-align:left;color:#2b2b2b;}
#cp #right #jg{background:#ececec;color:#666;margin:0 auto;padding:20px 0px 20px 0px;text-align:left;font-size:16px;}
#cp #right #jg b{color:#4c4c4c;font-weight:800;font-size:24px;padding-left:15px;}
#cp #right #jg i{font-size:36px;color:#ff0000;font-style:normal;padding-right:5px;}
#cp #right #td{font-size:18px;margin:0 auto;padding:10px 0;line-height:28px;text-align:left;width:100%;text-indent:20px;}
#cp #right #td b{color:#4c4c4c;font-weight:400;font-size:16px;}
#cp #right #wl{margin:0 auto;padding:10px 0px 10px 0px;;text-align:center;width:90%;}
#cp #right #wl .tb{display:block;background:#ff4400;font-size:20px;font-weight:800;color:#fff;width:70%;height:50px;line-height:50px;margin:0 auto;padding:0;border-radius:8px;text-align:center;margin-bottom:20px;cursor:pointer;letter-spacing:5px;}
#cp #right #wl .tb:hover{text-decoration:none;background:#ff0000;}
#cp #right #wl .tb i{font-size:28px;}
#cp #detail{margin:0 auto;padding:15px 0px 0px 0px;border-top:1px solid #dbdbdb;}

@media screen and (max-width:1440px)
{
#cp #right #bt{padding-bottom:20px;font-size:32px;line-height:40px;}
#cp #right #jg{padding:15px 0px 15px 0px;}
#cp #right #jg b{font-size:20px;}
#cp #right #jg i{font-size:32px;}
#cp #right #td{font-size:16px;}
#cp #right #td b{font-size:14px;}
}

@media screen and (max-width:1280px)
{
#cp #right #bt{font-size:28px;line-height:36px;}
#cp #right #jg{padding:10px 0px 10px 0px;}
#cp #right #jg b{font-size:16px;}
#cp #right #jg i{font-size:28px;}
#cp #right #td{font-size:14px;}
#cp #right #td b{font-size:12px;}
#cp #right #wl .tb{line-height:45px;height:45px;font-size:18px;}
}

@media screen and (max-width:1024px)
{
#cp #right #bt{font-size:24px;line-height:32px;}
#cp #right #jg{padding:5px 0px 5px 0px;}
#cp #right #jg b{font-size:14px;}
#cp #right #jg i{font-size:24px;}
#cp #right #td{font-size:14px;}
#cp #right #td b{font-size:12px;}

}

/*图片显示*/
#xxnr  #picarea {
	MARGIN: 0px auto; WIDTH: 700px; padding:0px;HEIGHT: 475px;position:relative;
}
#xxnr #picarea #bigpicarea {
	POSITION: relative; MARGIN: 0px auto; WIDTH: 700px; HEIGHT: 400px; OVERFLOW: hidden
}
#xxnr .image {
	TEXT-ALIGN: center
}
#xxnr .image IMG {
	BORDER-BOTTOM: #ececec 1px solid; BORDER-LEFT: #ececec 1px solid; MARGIN: 0px auto; BORDER-TOP: #ececec 1px solid; BORDER-RIGHT: #ececec 1px solid
}
#xxnr #bigpicarea .ui-els-hide {
	DISPLAY: none
}
#xxnr #picarea .bigbtnPrev {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; LEFT: 30px;background:#ccc;
}
#xxnr #picarea .bigbtnNext {
	Z-INDEX: 100; POSITION: absolute; WIDTH: 35px; HEIGHT: 51px; TOP: 186px; CURSOR: pointer; RIGHT: 30px
}
#xxnr #picarea #big_play_prev {
	BACKGROUND-IMAGE: url(../images/leftbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/leftbig.png')
}
#xxnr #picarea #big_play_next {
	BACKGROUND-IMAGE: url(../images/rightbig.png); WIDTH: 35px; DISPLAY: block; HEIGHT: 51px; _background: none; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='../images/rightbig.png')
}

#xxnr #picarea #smallpicarea {
	MARGIN: 0px auto; WIDTH: 700px;PADDING:0px;position:absolute;left:0px;top:402px;
}
#xxnr #picarea #smallpicarea #thumbs {
	LIST-STYLE-TYPE: none; MARGIN: 0px auto; padding:0px;WIDTH: 700px; HEIGHT: 175px;overflow:hidden;
}
#xxnr #picarea #smallpicarea #thumbs {
	HEIGHT: 100%;width:700px;overflow:hidden;
}
#xxnr #picarea #smallpicarea #thumbs #first {
	MARGIN: 16px 0px 0px 0px; WIDTH: 8px; HEIGHT: 51px; CURSOR: pointer;padding:0px;float:left;
}
#xxnr #picarea #smallpicarea #thumbs #last {
	MARGIN: 16px 0px 0px 0px; WIDTH: 8px; HEIGHT: 51px; CURSOR: pointer;float:right;padding:0px;
}
#xxnr #picarea #smallpicarea #thumbs #first IMG {
	
}
#xxnr #picarea #smallpicarea #thumbs #last IMG {
	
}
#xxnr #picarea #smallpicarea #thumbs #tpmid{margin:0px auto;padding:0px;width:672px;overflow:hidden;height:75px;float:left;margin-left:4px;_margin-left:2px;}
#xxnr #picarea #smallpicarea #thumbs #tpmid UL {
	margin:0px auto;MARGIN-TOP: 5px;padding:0px;width:2000px;float:left;list-style:none;
}
#xxnr #picarea #smallpicarea #thumbs #tpmid ul li {
	MARGIN: 0px auto; WIDTH: 96px; FLOAT: left; HEIGHT: 64px;padding:0px;
}
#xxnr #picarea #smallpicarea #thumbs #tpmid ul LI A {
	BORDER-BOTTOM: #fff 2px solid; BORDER-LEFT: #fff 2px solid; WIDTH: 90px; DISPLAY: block; FONT-SIZE: 0px; BORDER-TOP: #fff 2px solid; BORDER-RIGHT: #fff 2px solid
}
#xxnr #picarea #smallpicarea #thumbs #tpmid ul LI A:hover {
	BORDER-BOTTOM: #000 2px solid; BORDER-LEFT: #000 2px solid; BORDER-TOP: #000 2px solid; BORDER-RIGHT: #000 2px solid
}
#xxnr #picarea #smallpicarea #thumbs #tpmid ul LI A.current {
	BORDER-BOTTOM: #ff0000 2px solid; BORDER-LEFT: #ff0000 2px solid; BORDER-TOP: #ff0000 2px solid; BORDER-RIGHT: #ff0000 2px solid
}
.clear{margin:0px auto;padding:0px;clear:both;height:0px;overflow:hidden;}