@charset "utf-8";
/* 全局CSS定义 */
@font-face{ font-family: FZLTCXH; src: url(img/FZLTCXH.TTF);}
body { font-family: "微软雅黑"; background: #fff; font-size:14px; color:#111; margin: 0; padding: 0;}
div,form,img,ul,ol,li,dl,dt,dd {margin: 0; padding: 0; border: 0; list-style: none none;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-size:14px; font-weight: normal;}
table,td,tr,th{font-size:14px;}

/* 链接颜色 */
a:link {color: #111; text-decoration:none;}
a:visited {color: #111;text-decoration:none;}
a:hover { color: #c00; text-decoration: underline;}
a:active { color: #111;}

/* 字体属性 */
.fB {font-weight: bold;}
.clr{ clear: both; height: 0; line-height: 0; font-size: 0;}
.clr_10{ clear: both; height: 10px; line-height: 0; font-size: 0;}
.pages{ clear:both; padding: 35px 0; font-family:Verdana, Geneva, sans-serif;}
.pages a,.pages a:visited,.pages strong{ display:block; float:left; margin: 0 3px; text-align:cente; padding: 4px 8px; border: 1px solid #ccc; background: #E8E8E8;}
.pages a:hover,.pages strong{ border: 1px solid #DC0133; color: #fff; background: #DC0133; font-weight:normal; font-weight:bold;}
.cRed,.cRed:link,.cRed:visited{ color: #c00;}


.QQbox {right: 0px; width: 150px; position:absolute; top: 300px;}
.QQbox .Qlist {	background:url(img/qq_bg.jpg) right top no-repeat;width:150px; height:460px;}
.QQbox .Qlist ul{ padding-top: 100px;}
.QQbox .Qlist ul li { height: 26px; text-align:center;}
.QQbox .Qlist ul .t{ font-weight:bold; padding-top: 5px;}


.Header{} 
.Header .top{ width: 1280px; margin: 0 auto;}
.Header .logo{ float:left; padding: 25px 0;}
.Header .r{ float:right; width: 550px; background:url(img/ico_tel.jpg) no-repeat right 0; height: 52px; margin-top: 35px;}
.Header .r ul{ margin-top: 25px;}
.Header .r li{ float:left; background:url(img/ico_1.jpg) no-repeat 0 center; padding: 0 50px 0 23px; height: 25px; line-height: 23px;}




.Header .menu{ height: 48px; line-height: 48px; clear:both; background: #000;}
.Header .menu ul{ width: 1280px;margin: 0 auto;height: 48px;}
.Header .menu ul li{ float:left; font-size: 16px; text-align:center;padding: 0 40px; }
.Header .menu ul li a,.HeaderMenu ul li a:visited{ color: #fff;}
.Header .menu ul li a:hover{ color: #f00; text-decoration:none;}
.Header .menu ul .sc{ float:right; width: 265px; padding: 7px 0 0 0;}
.Header .menu ul .sc .input{ float:right; width: 226px; height: 32px; line-height: 32px; background: #fff; border: none; text-indent: 7px; font-size: 14px;outline:none;}
.Header .menu ul .sc .but{ float: right; background: #fff url(img/search_bg.gif) no-repeat 0 center; border: none; cursor: pointer; width: 34px; height: 34px;outline:none;}
.Header .menu ul .home{ padding-left: 0;}
.Header .pr{ height: 36px; line-height: 36px; clear:both; background: #ccc;}
.Header .pr ul{ width: 1280px; margin: 0 auto;}
.Header .pr ul li{ padding-left: 25px; float:left;}
.Header .pr ul .no{ padding-left: 0;}


/*banner*/
.main_area{ height:460px; position:relative;}
#con_product_slide{ width: 108px; height:460px;margin:0 auto; position:relative;*z-index:1;}
#scroll_btn_list{ overflow:hidden;height:20px;position:absolute;bottom:10px;z-index:5; margin: 0 auto;}
#scroll_btn_list li{width:15px;height:15px;float:left;margin-right:12px;}
#scroll_btn_list li a{display:block;position:relative;width:15px; height:15px; font-size: 0; line-height: 0; border-radius:15px;  background:#fff;overflow:hidden ;}
#scroll_btn_list li a:after{ position:absolute;left:0;top:0;width:100%;height:15px;}
#scroll_btn_list .on a,#scroll_btn_list li a:hover{ background:#DC0334;}
#scroll_product_list{ height:460px;width:100%;position:absolute;top:0;left:0;}
#scroll_product_list li{height:460px;width:100%;display:none;position:absolute;left:0;top:0;}
#scroll_product_list li.on{display:block;}
#scroll_product_list li a{ display:block; height: 460px;}




.HomeW{ width: 1280px; margin: 0 auto;}
.HomeW .title{text-align:center; color: #B6B6B6; padding: 40px 0 0; font-size: 46px; font-family: FZLTCXH; font-weight:bold;}
.HomeW .title span{ color: #111; font-size: 50px; }
.HomeW .title em,.HomeW .title2 em{ font-style:normal; color: #c00; }

.HomeW .title2{ background:url(img/bg_1.jpg) no-repeat center 0; padding: 40px 0 20px; font-size: 46px; font-family: FZLTCXH; font-weight:bold; text-align:center; margin-top: 50px;}

.Home .products{}
.Home .products li{ float:left; width: 410px; margin: 50px 25px 0 0;}
.Home .products .r{ float:right; margin-right: 0;}

.Home .products li img{ float:left; width: 180px; height: 200px;}
.Home .products li p{ margin: 0; padding: 20px; line-height: 21px; float:right; background: #F2F2F2; height: 160px; width:190px; color: #666;}
.Home .products li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 40px;}
.Home .products li p .more{ background:url(img/ico_3.png) no-repeat 42px center; display:block; margin-top: 10px; width: 90px;}


.Home .why{}

.Home .why .L,.Home .why .w2 .R{ float:left; width: 610px;}
.Home .why .R,.Home .why .w2 .L{ float:right; width: 610px;}
.Home .why .w1{ padding: 30px 0;}
.Home .why .w1 p{ font-size: 18px; color: #CF9B48; font-weight:bold; padding: 10px 20px 0;}
.Home .why li{ background:url(img/ico_4.png) no-repeat 0 14px; padding: 5px 0 5px 20px; line-height: 27px;}
.Home .why .R1{ text-align:right; padding-top: 50px;}



.HomeCase{ background: #eee; padding: 15px 0 40px;}
.HomeCase p{ line-height: 27px; padding-top: 20px;}

.HomeCase li{ float:left; width: 240px; height: 190px; position:relative; margin: 20px 20px 10px 0;}
.HomeCase li img{ position: absolute;}
.HomeCase li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.4);  bottom: 0; height: 32px; line-height: 32px; width: 240px; text-align:center; color: #fff;}
.HomeCase .r{ float:right; margin-right: 0;}



.HomeW .about{ background:url(img/bg_1.jpg) no-repeat center 0; margin-top: 30px; padding-top: 10px;}
.HomeW .about .text{ padding: 50px 0;}
.HomeW .about .text .pic{ float:left;}
.HomeW .about .text .r{ float:right; width: 775px;}
.HomeW .about .text .r h2{ font-size: 26px; padding-bottom: 10px;}
.HomeW .about .text .r p{ margin: 0; padding: 10px 0; line-height: 27px;}
.HomeW .about .text .r .more{ background:url(img/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}

.HomeW .about .tag{ height: 40px; background: #F6F6F6; line-height: 40px;}
.HomeW .about .tag li{ float:left; width: 120px; background: #E3E3E3; text-align:center; margin-right: 1px;}
.HomeW .about .tag .t{ background: #DC0334; font-weight:bold;}
.HomeW .about .tag .t a,.HomeW .news .tag .t a:visited{color: #fff; }
.HomeW .about .tag .no{ float:right; width:auto; background: none; padding-right: 10px;}

.HomeW .news{ float:left; width: 800px;}
.HomeW .news .list .pic{ float:left; width: 255px; padding-top: 27px;}
.HomeW .news .list ul{ float:right; width: 510px; margin-top: 18px;}
.HomeW .news .list ul li{ text-align:right; color: #999; height: 35px; line-height: 35px; background:url(img/ico_7.png) no-repeat 0 center; border-bottom: 1px dotted #ccc; padding-left: 20px;}
.HomeW .news .list ul li a{ float:left; }


.HomeW .faq{ float:right; width: 420px;}
.HomeW .faq ul{ margin-bottom: 7px;}
.HomeW .faq p{ margin: 0; padding: 5px 0 5px 30px; line-height: 28px;}
.HomeW .faq .ico1{ background:url(img/ico_5.png) no-repeat 0 12px; padding-top: 10px;}
.HomeW .faq .ico1 a,.HomeW .faq .ico1 a:visited{ color: #D2A153;}

.HomeW .faq .ico2{ background:url(img/ico_6.png) no-repeat 0 2px; color: #666; padding: 0 0 12px 30px; border-bottom: 1px dotted #ccc;}



.Content{ width: 1280px; margin: 20px auto 0; background:url(img/contentleft_bg.png) repeat-y 0 0;}
.ContentLeft{ float:left; width: 250px;}
.ContentLeft h3{ border-bottom: 1px solid #ccc; height: 34px; font-size: 16px; font-weight:bold;}
.ContentLeft .menu ul{ padding: 15px 0;}
.ContentLeft .menu h2{ background: #DC0435; height: 65px; line-height: 65px; font-size: 18px; color: #fff; text-indent: 50px;}
.ContentLeft .menu li{ background:url(img/ico_8.png) no-repeat 30px 14px; padding-left: 50px; line-height: 38px;}
.ContentLeft .menu .tag{ background:url(img/ico_9.png) no-repeat 30px 14px;}
.ContentLeft .menu .tag a{ color:#DC0133;}

.ContentLeft .tuipr,.ContentLeft .down,.ContentLeft .news{ padding: 30px 30px 0;}
.ContentLeft .tuipr ul{ margin-top: 10px;}
.ContentLeft .tuipr ul li{ line-height: 30px; height: 30px; overflow:hidden;}
.ContentLeft .tuipr li{ line-height: 30px; text-indent: 15px; font-size: 12px; overflow:hidden; background:url(img/ico_6.gif) no-repeat 0 13px;}


.ContentLeft .down{ padding: 30px 30px 0;}
.ContentLeft .down img{ width: 100%; display:block; margin-bottom: 7px;}
.ContentLeft .down ul{ margin-top: 10px;}
.ContentLeft .down li{ padding: 7px 0; text-align:center; font-size: 12px;}
.ContentLeft .news ul{ margin-top: 10px;}
.ContentLeft .news li{line-height: 21px; padding: 7px 0 7px 15px; font-size: 12px; overflow:hidden; background:url(img/ico_6.gif) no-repeat 0 14px;}





.ContentRight{ float:right; width: 1000px;}

.ContentRight .PrBanner{ background: #F2F2F2 url(img/contentright_banner.jpg) no-repeat center 0; height: 300px; padding: 0 20px 0 50px;}
.ContentRight .PrBanner .pic{ float:right;}
.ContentRight .PrBanner h1{ font-size: 48px; font-family: FZLTCXH; padding-top: 50px;}
.ContentRight .PrBanner p{ margin: 0; padding: 10px 0 0; width: 350px; line-height: 25px;}
.ContentRight .PrBannerHome .pic{ padding: 40px 50px 0 50px;}


.ContentRight .Links{ height: 50px; background:#E9E9E9; line-height: 50px; padding: 0 20px; border-top: 1px solid #fff;}
.ContentRight .Links h1{ float:left; font-size: 28px; font-weight:bold; font-family: FZLTCXH;}
.ContentRight .Links span{ float:right; color: #ccc;}


.ContentRight .productslist .search{ padding: 50px 0 0; height: 80px; clear:both; font-size: 16px;}
.ContentRight .productslist .search span{ float:left; display:block; line-height: 36px;}
.ContentRight .productslist .search .input{ height: 32px; line-height: 32px; border:1px solid #ccc; text-indent: 10px; float:left; width: 300px;}
.ContentRight .productslist .search .but{ width: 70px; height: 36px; line-height: 36px; background: #000; color: #fff; font-size: 16px; cursor: pointer; border: none; float:left;}


.ContentRight .productslist{}
.ContentRight .productslist ul{ clear:both;}
.ContentRight .productslist li{ float:left; width: 480px; margin: 40px 0 0 0;}
.ContentRight .productslist .r{ float:right; margin-right: 0; border-right: none;}
.ContentRight .productslist li img{ float:left; width: 180px; height: 200px; padding: 10px; border: 2px solid #eee;}
.ContentRight .productslist li p{ margin: 0; padding: 30px 0 0 20px; line-height: 27px; float:right; height: 170px; width:250px; color: #666;}
.ContentRight .productslist li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.ContentRight .productslist li p .more{ background:url(img/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}


.ContentRight .Linksv{ border-bottom: 1px solid #e4e4e4; height: 64px; line-height: 64px;}

.ContentRight .productsview{ padding-top: 30px;}
.ContentRight .productsview .pic{ float:right; width: 422px; padding: 0 0 50px 40px;}
.ContentRight .productsview .pic ul .no{ margin-left: 0;}


.ContentRight .downlist{ }
.ContentRight .downlist li{ float:left; width: 210px; text-align:center; margin: 30px 53px 0 0;}
.ContentRight .downlist li img{ display:block; margin-bottom: 10px; border: 1px solid #ddd; padding: 9px;}
.ContentRight .downlist .r{ float:right; margin-right: 0;}



.tb-pic { border:1px solid #E4E4E4;	position:relative;	z-index:1; max-width:450px;}
.tb-pic img{ max-width:420px; vertical-align:middle; display:block; margin: 0 auto;}
.tb-thumb { margin:10px 0 0; height: 80px;}
.tb-thumb li { float:left; width: 62px; height: 62px; margin-left: 9px;}
.tb-thumb li img{ border: 1px solid #D8D8D8; width: 62px; height: 62px; display:block; }
.tb-thumb .tb-selected img { border: 1px solid #999;}
.tb-thumb ul .no{ margin-left: 0;}
.tb-thumb li div { border:1px solid #CDCDCD;}
div.zoomDiv { z-index:999;	position: absolute;	top:0px; left:0px; width:420px;	height:420px; background: #ffffff; border:1px solid #D8D8D8; display:none; overflow: hidden;}
div.zoomMask { position:absolute; background:url(img/mask.png) repeat scroll 0 0 transparent; cursor:move; z-index:1;}



.ContentRight .productsview .text{ padding-top: 10px; line-height: 27px;}
.ContentRight .productsview .text h1{ font-size: 26px; font-weight:bold; padding-bottom: 30px;}
.ContentRight .productsview .text p{ margin: 0; padding: 10px 0 5px;}
.ContentRight .productsview .text h2,.ContentRight .productsview .text strong{ font-size: 18px; font-weight:bold; padding: 25px 0 0; display:block;}
.ContentRight .productsview .text table{ width: 100%; border-collapse:collapse; margin: 10px 0 20px;}
.ContentRight .productsview .text table td,.ContentRight .productsview .text table th{ border: 1px solid #D4D4D4;line-height: 23px; background: #f2f2f2 url(img/bg_td.gif) no-repeat 0 0; padding: 1px 6px; font-size: 12px;}
.ContentRight .productsview .text table td strong{ font-size: 12px; padding: 0;}
.ContentRight .productsview .text table td p{ margin: 0; padding: 0; text-align:left;}
.ContentRight .productsview .text table td br{ line-height: 0; font-size: 0; height: 0;}
.ContentRight .productsview .text table td img{ display:block; margin: 0; padding: 0;}
.ContentRight .productsview .text font{  font-size: 14px;}
.ContentRight .productsview .text h6{ font-weight:bold; clear:both; height: 28px; line-height: 28px; margin-top: 10px; background:url(img/ico_2.gif) no-repeat 0 11px; padding-left: 15px;}
.ContentRight .productsview .text .tishi{ margin-top: 20px; background: #FFF4EA; border: 1px solid #FFDFBF; padding: 15px; line-height: 27px;}
.ContentRight .productsview .text .tishi strong{ padding: 0; font-size: 16px;}


.ContentRight .productsview .text .piclist{}
.ContentRight .productsview .text .piclist img{ display:block; margin: 0 auto; max-width:1000px;}
.ContentRight .productsview .text .piclist h3{ font-size: 16px; font-weight:bold;}


.ContentRight .productsview .next{  margin-top: 40px; border-top: 1px solid #e4e4e4; padding-top: 15px;}
.ContentRight .productsview .next .l{ float:left;}
.ContentRight .productsview .next .r{ float:right;}
.ContentRight .xianguan{ padding-top: 70px; clear:both;}
.ContentRight .xianguan h3{ height: 52px; line-height: 52px; padding: 0 15px; font-size: 18px; font-weight:bold; background: #F2F2F2;}
.ContentRight .xianguan h3 a{ float:right; font-size: 14px; font-weight:normal;}



.ContentRight .xianguan li{ float:left; width: 480px; margin: 40px 0 0 0;}
.ContentRight .xianguan .r{ float:right; margin-right: 0; border-right: none;}
.ContentRight .xianguan li img{ float:left; width: 180px; height: 200px; padding: 10px; border: 2px solid #eee;}
.ContentRight .xianguan li p{ margin: 0; padding: 30px 0 0 20px; line-height: 27px; float:right; height: 170px; width:250px; color: #666;}

.ContentRight .xianguan li p .more{ background:url(img/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}



.ContentRight .newslist{ padding: 30px 0;}
.ContentRight .newslist h1{font-size: 28px; height: 55px;}
.ContentRight .newslist li{ height: 38px; line-height: 38px; border-bottom: 1px solid #e4e4e4; text-align:right; color: #999;}
.ContentRight .newslist li a{ float:left; background:url(img/ico_2.gif) no-repeat 0 16px; padding-left: 20px;}
.ContentRight .newsview{ padding: 50px 0 20px;}
.ContentRight .newsview h1{font-size: 28px; text-align:center;}
.ContentRight .newsview .time{ text-align:center; line-height: 38px; color: #999;}
.ContentRight .newsview .text{ padding-bottom: 20px; border-bottom: 1px solid #e4e4e4;}
.ContentRight .newsview .text p{ margin: 0; padding: 12px 0; text-indent: 25px; line-height: 27px;}
.ContentRight .newsview .next{ margin-top: 25px; line-height: 35px;}


.ContentRight .about{ padding: 30px 0;}
.ContentRight .about h1{font-size: 28px; height: 50px;}
.ContentRight .about p{ line-height: 27px; margin: 0; padding: 12px 0;}


.ContentRight .shebei{}
.ContentRight .shebei li{ float:left; position:relative; padding-top: 30px; width: 485px; height: 365px;}
.ContentRight .shebei li img{ position: absolute; display:block;}
.ContentRight .shebei li span{ position:absolute; z-index: 2; background: rgba(0,0,0,0.4);  bottom: 0; height: 35px; line-height: 35px; width: 485px; text-align:center; color: #fff;}
.ContentRight .shebei .r{ float:right;}



.ProductsHome{ float:none; background: #fff; width: 100%;}
.ProductsHome .PrBanner p{ width: 500px; }


.ProductsHome .products li{ float:left; width: 410px; margin: 50px 25px 0 0;}
.ProductsHome .products .r{ float:right; margin-right: 0;}

.ProductsHome .products li img{ float:left; width: 180px; height: 200px;}
.ProductsHome .products li p{ margin: 0; padding: 30px; line-height: 21px; float:right; background: #F2F2F2; height: 140px; width:150px; color: #666;}
.ProductsHome .products li p strong{ display:block; font-size: 18px; font-weight:normal; color: #111; height: 50px;}
.ProductsHome .products li p .more{ background:url(img/ico_3.png) no-repeat 42px center; display:block; margin-top: 20px; width: 90px;}


.ContentRight .app{}
.ContentRight .app p{ margin: 0; padding: 13px 0 8px; line-height: 27px;}
.ContentRight .app ul{}
.ContentRight .app .top li{ float:left; width: 125px; height: 110px; margin: 10px 45px 0 0; text-align:center;}
.ContentRight .app .top li img{ display:block; margin-bottom: 7px;}
.ContentRight .app h3{ font-weight:bold; height: 40px; line-height: 23px; font-size: 18px; border-bottom: 1px solid #ccc; background:url(img/ico_1.png) no-repeat 0 4px; padding-left: 25px; margin-top: 30px;}
.ContentRight .app h4{ font-weight:bold; padding-top: 20px; font-size: 16px;}
.ContentRight .app .pic{ height: 240px; margin-top: 15px; }
.ContentRight .app .pic li{ float:left; width: 180px; margin-right: 25px; text-align:center; line-height: 21px;}
.ContentRight .app .pic li img{ width: 180px; height: 200px; display:block; margin-bottom: 10px;}
.ContentRight .app .pic .r{ float:right; margin-right: 0;}


.ContentRight .case{}
.ContentRight .case .pic li{ float:left; width: 235px; height: 210px; text-align:center; margin: 20px 20px 0 0;}
.ContentRight .case .pic li img{ display:block; margin-bottom: 1px; width: 235px;}
.ContentRight .case .pic .r{ float:right; margin-right: 0;}
.ContentRight .case .pic li strong{ display:block; height: 30px; line-height: 30px; background: #f4f4f4; font-weight:normal;}
.ContentRight .case h4{ font-weight:bold; height: 40px; font-size: 18px; margin-top: 25px; background:url(img/ico_1.png) no-repeat 0 5px; padding-left: 25px; clear:both;}
.ContentRight .case .list{}
.ContentRight .case .list li{ float:left; width: 248px; height: 28px; line-height: 28px; background: #DADADA; border: 1px solid #fff; text-indent: 15px;}











.FootBg{ background: #222; margin-top: 50px;}
.Foot{ width: 1280px; margin: 0 auto; padding-bottom: 25px;}


.Foot ul{ float:left; width: 270px;}
.Foot ul li{ line-height: 27px; color: #999; font-size: 12px;}
.Foot ul a{ color: #999;}
.Foot ul li a:hover{ color: #ccc;}
.Foot ul .t{ font-size: 14px; padding: 40px 0 15px; font-weight:bold;}
.Foot ul .t a{ color: #fff;}

.Foot .r{ float:right;}
.Foot .r img{ margin-top: 25px;}
.Foot .pr{ width:470px;}
.Foot .pr .t{ width: 470px;}
.Foot .pr li{ float: left; width: 180px; height: 27px;}


.FootBg .icp{ background: #000; border-top: 1px solid #333; padding: 30px 0 20px; clear:both; text-align:center; color: #999; font-size: 12px;}
.FootBg .icp img{ display:block; margin: 15px auto 0;}
.FootBg a{ color: #999;}
.FootBg a:hover{color: #ccc;}



.cd-top {
  display: inline-block;
  height: 70px;
  width: 70px;
  position: fixed;
  bottom: 10px;
  right: 10px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  /* image replacement properties */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  background: #000 url(img/ico_20.png) no-repeat center 50%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  transition: all 0.3s;
  border-radius:4px; 
}
.cd-top.cd-is-visible {
  /* the button becomes visible */
  visibility: visible;
  opacity: 1;
}
.cd-top.cd-fade-out {
  /* 如果用户继续向下滚动,这个按钮的透明度会变得更低 */
  opacity: .5;
}
.no-touch .cd-top:hover {

  opacity: 1;
}
@media only screen and (min-width: 768px) {
  .cd-top {
    right: 10px;
    bottom: 10px;
  }
}
@media only screen and (min-width: 1024px) {
  .cd-top {
    height: 70px;
    width: 70px;
    right: 10px;
    bottom: 10px;
  }
}