﻿body {font-family:"Microsoft Yahei"; color:#333;}
a { blr:expression(this.onFocus=this.blur()) } 
a { outline:none; } 
.are{width:1200px;  margin:0 auto; height:122px;}
.area { width:1200px; overflow:hidden; margin:0 auto;}

.header { width:100%;  background-color:#fff; height:122px;}
.tit { margin:70px 0 0;}
.tit h3{ font-size:46px; font-weight:normal;}
.tit p { font-size:14px; line-height:30px;}
.map { height:618px; position:relative; margin:40px auto 80px;}
.mp_bg { position:absolute; z-index:1;}
.mp_con { position:absolute; z-index:2; right:520px; bottom:444px; }
.mp_t { background-color:#f1f0f0; padding:20px 25px 20px 15px; font-size:14px;-moz-border-radius:10px; -webkit-border-radius:10px;border-radius:10px;box-shadow: 0 0 10px #666; }
.mp_t ul li { height:30px; line-height:30px; padding-left:30px; background:url(../image/mp01.png) left center no-repeat;}
.mp_t ul li.mp02 {background:url(../image/mp02.png) left center no-repeat;}
.mp_t ul li.mp03 {background:url(../image/mp03.png) left center no-repeat;}
.mp_b { height:18px; width:275px;}
.footer { background-color:#f28d01;}
.ft_icp { line-height:40px; background-color:#d27c06; color:#fff; font-size:14px;}
.ft_icp a { color:#fff;}
.ft_lf { }

.ft_lf dl { width:420px; float:left; text-align:center; color:#fff; margin-top:25px;  padding: 0 20px 0 0;}
.ft_lf dt { font-size:25px; margin-bottom:5px;text-align:left}
.ft_lf dd a{ font-size:16px; color:#fff; line-height:28px;}
.ft_lf dl.ft_wx dd { float:left;font-size:16px;text-indent:2em;text-align:left}



.ft_ce dl { width:370px; float:left; text-align:center; color:#fff; margin-top:25px;}
.ft_ce dt { font-size:25px; margin-bottom:5px;}
.ft_ce dd a{ font-size:16px; color:#fff; line-height:28px;}
.ft_ce dl.ft_wx dd { text-align:left}


.ft_rt { margin-top:25px;}
.ft_rt a { width:147px; display: block; margin-left:40px; color:#fff; font-size:14px; line-height:20px;}
.ft_rt a img { margin-bottom:5px;}
.ft_rt a:hover { text-decoration:none;}

.menu {width:950px;height:50px; margin:35px 0 0;}
.menu ul {width:1000px;height: 50px;position: relative; }
.menu ul li { float: left; padding:0 20px;}
.menu ul li a {display: block; line-height:50px;color:#333; font-size:20px; color:#333;}
.menu ul li a:hover { text-decoration:none;}
.menu .block { width: 48px;height:3px;background: #f98b29; position: absolute;bottom: 0px; left: 0;z-index: 99;}

.indexBanner { position: relative; width: 100%; height: 540px; overflow: hidden;  }
.indexBanner:hover .prev,.indexBanner:hover .next { display: block; }
.indexBanner .prev, .indexBanner .next { position: absolute; display: block; width: 45px; height: 50px; top: 50%; margin-top: -25px; z-index: 2;  filter:alpha(opacity=50); -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5; display: none; }
.indexBanner .prev:hover, .indexBanner .next:hover { -webkit-opacity: 1; opacity: 1; filter: alpha(opacity=100); }
.indexBanner .prev { left: 0;  }




.indexBanner .next { right: 0;  }

.indexBanner .bd { position: relative; width: 100%; height: 100%; overflow: hidden; }
.indexBanner .bd ul { height: 100%; }
.indexBanner .bd li { position: relative; width: 100%; height: 100%; }
.indexBanner .bd li > div { position: absolute; left: 50%; }
.indexBanner .bd li.l1 .pic1 { width: 1089px; height: 399px; top:145px; margin-left:-555px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;}
.indexBanner .bd li.l1 .pic2 { width: 782px; height: 267px; top: -267px; margin-left: -390px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l2 .pic1 { width: 548px; height:277px; top: 106px; margin-left: -496px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l2 .pic2 { width: 580px; height: 540px; top:-6px; margin-left: 75px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l2 .pic2 .more { position: absolute; display: block; width: 144px; height: 33px; left: 0; bottom: 0;  transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }





.indexBanner .bd li.l2 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic1 { width: 622px; height: 367px; z-index:2; top: 122px; margin-left: -537px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l3 .pic1 .more { position: absolute; display: block; width: 147px; height: 40px; left: 0; bottom: 0; transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }





.indexBanner .bd li.l3 .pic1 .more:hover { transform: translate(5px, 0); }
.indexBanner .bd li.l3 .pic2 { width: 536px; height:491px; top:42px; margin-left:0; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l4 .pic1 { width: 386px; height: 494px; margin-left:100px; bottom: 0;  filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l4 .pic2 { width: 666px; height: 349px; top: 70px;margin-left: -550px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0;}
.indexBanner .bd li.l4 .pic2 .more { position: absolute; display: block; width: 148px; height: 39px; left: 0; bottom: 0;  transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }






.indexBanner .bd li.l4 .pic2 .more:hover { transform: translate(1px, 1px); }




.indexBanner .bd li.l5 .pic1 { width: 594px; height: 384px; top: 56px; margin-left: -570px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l5 .pic2 { width: 478px; height: 182px; top: 90px; margin-left: 70px; filter:alpha(opacity=0); -moz-opacity:0;  -khtml-opacity: 0;  opacity: 0; }
.indexBanner .bd li.l5 .pic2 .more { position: absolute; display: block; width: 143px; height: 33px; left: 0; bottom: 0;  transition: 0.2s ease all; -webkit-transition: 0.2s ease all; -moz-transition: 0.2s ease all; }



.indexBanner .bd li.l5 .pic2 .more:hover { transform: translate(5px, 0); }
.indexBanner .hd { position: absolute; width: 100%; height: 18px; left: 0; bottom: 15px; z-index: 3; }
.indexBanner .hd ul { width: 100%; text-align: center; }
.indexBanner .hd ul li { display: inline-block; *display: inline; *zoom: 1; width: 18px; height: 18px; margin: 0 5px; background: url(../image/dot1.png) center no-repeat; cursor: pointer; }
.indexBanner .hd ul li.on { background: url(../image/index.png) 0 -86px no-repeat; }

#wrap-container { margin-top:60px; }
.examples_body {width:100%; text-align:center;overflow: hidden;position: relative;}
.bannerHolder { *padding-left:80px;}
.bannerHolder li { width:200px; display:inline-block;margin: 0 30px; *float:left;}
.bannerHolder li h3 { font-weight:normal; font-size:30px; margin:20px 0 0;}
.banner { width:200px;height:200px;position: relative;overflow: hidden; float: left;display: inline;  -moz-border-radius:100px; -webkit-border-radius:100px;border-radius:100px;}
.banner img {display: block;}
.cornerTL ,  .cornerTR , .cornerBL , .cornerBR{position: absolute; z-index: 100; background-color: #333;*background-color: #333;filter:alpha(opacity=50); -moz-opacity:0.5;  -khtml-opacity: 0.5;  opacity: 0.5;width: 200px;height: 200px; cursor: pointer;-moz-border-radius:100px; -webkit-border-radius:100px;border-radius:100px;}
.banner .cornerTL { left:-200px; top:-200px;   }
.banner .cornerTR { right:-200px; top:-200px;  }
.banner .cornerBL { left:-200px; bottom:-200px;  }
.banner .cornerBR { right:-200px; bottom:-200px;   }
.banner p { width: 100%;left: 0;top:40px; z-index: 200;position: absolute;  color: #FFF;font-size: 16px;text-align: center; cursor: pointer;display: none; line-height:24px;}
.corTL , .corTR , .corBL , .corBR{ width:100px; height:100px; position:absolute; z-index:200;}
.corTL { left:0; top:0;}
.corTR { right:0; top:0;}
.corBL { left:0; bottom:0;}
.corBR { right:0; bottom:0;}



.main{width:1200px;margin:50px auto;padding:28px 0;}
.ProductList{overflow:hidden;}
.ProductList li{float:left;margin-right:30px;width:268px;height:252px;background-color:#FAFAFA;overflow:hidden;}
.ProductList .unit{position:relative;z-index:4;height:222px; background-color:#f98b29;}
.ProductList .hoverline{display:none;height:4px;width:100%;background-color:#C68D43;position:absolute;top:0;left:0;}
.ProductList .images{display:block;height:222px;width:268px;overflow:hidden;}
.ProductList .images img{display:block;max-height:222px;max-width:268px;}
.ProductList h1{text-align:center;padding-top:6px; font-size:20px; font-weight:normal;}
.ProductList h1 a { color:#fff;}
.ProductList dl{padding:4px 10px 10px 30px;}
.ProductList dd{white-space:nowrap;overflow:hidden;height:26px;line-height:26px;}
.view{position:absolute;z-index:500;left:0;bottom:-60px;width:100%;height:59px;background-color:#FAFAFA;font-size:14px;font-family:"\5FAE\8F6F\96C5\9ED1";border-bottom:1px solid #C68D43;}
.view .left{padding-left:30px;}
.view .right{background-color:#C68D43;color:#fff;display:block;height:30px;line-height:30px;width:80px;text-align:center;}
.view .right span{font-family:"\5B8B\4F53";font-size:16px;padding-left:6px;}
.view .right:hover{background-color:#2D2D2D;}


.zuoguo { margin:50px 0 0; width:100%;}
.allProduct{position:relative;z-index:2;}
.productTab{ margin:0 auto; width:760px;height:35px;}
.productTab li{float:left;color:#fff;background-color:#f98b29;margin-left:20px;height:35px;line-height:35px;font-size:20px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;}
.productTab li:hover{background-color:#333333;}
.productTab li.select{background-color:#333333;}
.productTab a{display:block;color:#fff;padding:0 30px;-moz-border-radius:14px; -webkit-border-radius:14px;border-radius:14px; outline:non;}
.productTab a:hover { text-decoration:none;}
.allProduct .ProductList{ width:1200px; margin:0 auto; overflow:hidden !important;}
.loadMore{width:100%;height:40px;border-top:1px solid #C68D43;position:relative;z-index:2;}
.loadMore a{position:absolute;height:40px;line-height:40px;text-align:center;width:140px;color:#fff;background-color:#C68D43;left:45%;top:-20px;font-size:14px;}
.loadMore a:hover{background-color:#2d2d2d;}


.isotope-item{z-index:2}
.isotope-hidden.isotope-item{pointer-events:none;z-index:1}
.isotope,.isotope .isotope-item{
	-webkit-transition-duration:0.8s;
	-moz-transition-duration:0.8s;
	-ms-transition-duration:0.8s;
	-o-transition-duration:0.8s;
	transition-duration:0.8s
}
.isotope{
	-webkit-transition-property:height, width;
	-moz-transition-property:height, width;
	-ms-transition-property:height, width;
	-o-transition-property:height, width;
	transition-property:height, width
}
.isotope .isotope-item{
	-webkit-transition-property:
	-webkit-transform, opacity;
	-moz-transition-property:-moz-transform, opacity;
	-ms-transition-property: -ms-transform, opacity;
	-o-transition-property:top, left, opacity;
	transition-property:transform, opacity
}
.isotope.no-transition,.isotope.no-transition .isotope-item,.isotope .isotope-item.no-transition{
	-webkit-transition-duration:0s;
	-moz-transition-duration:0s;
	-ms-transition-duration:0s;
	-o-transition-duration:0s;
	transition-duration:0s
}



.share , .have { margin-top:50px;}
.slideTxtBox .bd{ padding:15px;  }
.slideTxtBox .bd ul{ padding:10px;  }
.slideTxtBox .tempWrap{ margin:15px;  }
.have .hd { width:298px;height:40px; margin:0 auto;}
.share .hd{ width:697px; height:40px; margin:0 auto;}
.have .hd ul li , .share .hd ul li{ float:left; color:#fff;background-color:#f98b29;margin-left:20px;height:35px;line-height:35px;font-size:20px;-moz-border-radius:15px; -webkit-border-radius:15px;border-radius:15px;}
.have .hd ul li.on , .share .hd ul li.on{ background-color:#333333; }
.have .hd ul li a , .share .hd ul li a { padding:0 20px; color:#fff;}
.have .hd ul li a:hover , .share .hd ul li a:hover { text-decoration:none;}
.slideTxtBox1 .bd ul span.lf { width:120px; height:120px; background-color:#f98b29; overflow:hidden; text-align:center; color:#fff; font-size:16px;-moz-border-radius:60px; -webkit-border-radius:60px; border-radius:60px;}
.slideTxtBox1 .bd ul li { width:540px; height:120px; float:left; margin:23px 0 0 35px; overflow:hidden;}
.slideTxtBox1 .bd ul span.lf font { font-size:70px; display:block;line-height:70px;margin:14px 0 0;}
.slideTxtBox1 .bd ul span.rt { width:400px;}
.slideTxtBox1 .bd ul span.rt a { font-size:16px; color:#000; display:block; height:35px; line-height:35px; margin:12px 0 0; overflow:hidden;}
.slideTxtBox1 .bd ul span.rt p { font-size:14px; height:60px; overflow:hidden;}
.slideTxtBox1 .bd{ padding:15px;  }
.slideTxtBox1 .bd ul{ padding:10px;  }
.slideTxtBox1 .tempWrap{ margin:15px;  }
.cust li { width:500px; float:left; margin-left:65px;}
.cust li a { width:135px; height:135px; overflow:hidden; margin:10px 10px 0 0; display:inline-block; border:4px solid #dbdbdb;}
.tech li { width:204px; float:left;padding:20px 0 0; margin:0 0 0 21px;}
.tech li dt { width:200px; height:200px; overflow:hidden;-moz-border-radius:100px; -webkit-border-radius:100px;border-radius:100px; border:2px solid #fe7100;}
.tech li dd{ font-size:22px; line-height:65px; }
.tech li.tc_d { padding:250px 0 0;}

#leftsead{width:131px;height:143px;position:fixed;top:258px;right:0px; z-index:1000;}
*html #leftsead{margin-top:258px;position:absolute;top:expression(eval(document.documentElement.scrollTop));}
#leftsead li{width:131px;height:60px;}
#leftsead li img{float:right;}
#leftsead li a{height:49px;float:right;display:block;min-width:47px;max-width:131px;}
#leftsead li a .shows{display:block;}
#leftsead li a .hides{margin-right:-143px;cursor:pointer;cursor:hand;}
#leftsead li a.youhui .hides{display:none;position:absolute;right:190px;top:2px;}

.wb_tit { width:100%; overflow:hidden; margin:50px 0 20px;}
.wb_tit b{  display: block; float: left;font-size: 80px;font-weight:normal;line-height: normal; margin-right: 5px;}
.wb_tit h5 { font-size:38px;font-weight: normal; margin:12px 0 0;}
.wb_tit h6 { font-family: "Arial"; font-size: 24px; font-weight:normal;line-height:18px;}
.web { padding-top:50px;}
.web dl , .weix dl{ width:100%; overflow:hidden; margin:0 0 100px 0;}
.web dd { width:700px;}
.web dt { width:400px; padding:0 30px;}
.web dt p , .weix dt p{ clear:both; font-size:22px; line-height:35px;}
.weix dt p.wx_jj { color:#f98b29; margin:10px 0 15px; font-size:25px;}
.weix dt { width:600px; padding:30px 0 0;}
.weix dd { width:550px;}
.weix { margin-top:50px;}
.shiy { margin-bottom:50px;}
.shiy a { margin:0 20px;}
.wx_tit h5 , .wx_tit h6 { display:inline-block; font-size:60px; font-weight:normal; line-height:normal; margin-right:10px;}
.wx_tit h6 { font-size:30px;}
.weix dt p { font-size:20px;} 

.ab_tit font { font-size:22px; color:#999; margin-left:10px;}
.ab_con { padding:50px 0 0;}
.ab_con p { font-size:18px; text-indent:36px; line-height:28px; margin-bottom:10px;}
.lx_con { width:100%; height:600px; margin:50px 0 0; position:relative;}
.lx_c { width:100%; height:600px; position:absolute; z-index:1;}
.iw_poi_title {color:#cc5522;font-size: 16px; font-weight: bold; }
.iw_poi_content { font-size:16px; padding:10px 0 0;}
.lx_t { width:350px; height:460px; border-radius:10px; padding:20px; background-color:#fff; top:50px; right:100px; position:absolute; z-index:2; -moz-border-radius:10px; -webkit-border-radius:10px;box-shadow: 0 0 10px #666;}
.lx_txt h3 { color:#cc5522; font-size:18px; font-weight:normal; margin-bottom:10px;}
.lx_txt p { font-size:16px;}
.lx_ly { width:100%; overflow:hidden; border-top:1px solid #ccc; padding:5px 0 0;}
.lx_ly span { display:block; padding:5px 0;}
.lx_ly span font { width:60px; font-size:14px; display:inline-block; margin-right:10px; vertical-align:top;}
.txt_ly , .sec_ly , .text_ly{ width:250px; height:25px; border:1px solid #ccc;  font-size:14px;font-family:"Microsoft Yahei";}
.txt_ly {padding:0 5px;}
.sec_ly  {width:265px; }
.text_ly { height:auto; padding:5px;}
.lx_ly h3 { font-weight:normal; font-size:18px;}
.lx_ly  p { font-size:14px;}
.btn_ly { width:100px; height:30px; line-height:30px; text-align:center; border:none; border-radius:5px; background-color:#cc5522; color:#fff; font-size:14px;font-family:"Microsoft Yahei"; cursor:pointer;}


.content {  height:auto !important; min-height:500px;height:500px;}
.bt_tit { margin:20px 0;}
.bt_tit h3{font-size:35px; font-weight:normal;}
.con { font-size:16px;}




.menu{ position:relative; z-index:9997}
.menu ul{ position:relative; z-index:9999;}
.ermao{ }
.ermao dd{ position:absolute; top:50px; background:#fff; width:960px;  margin:0 20px; height:200px; box-shadow:0px 2px 2px #999;  z-index:9998; background:rgb(243, 243, 243);display:none}


.ermao a{color:#333333}

.anli  .anli_zuo{float:left;width:670px;margin-top:20px}

.anli  .anli_zuo  span{width: 200px; height: 30px; text-align: center;line-height: 30px;float: left;margin:5px 10px 5px 70px;background:white;font-size:16px}

.anli  .anli_you{float:right;margin:10px;width:210px}




.weixin  .weixin_zuo{float:left;width:300px;margin-top:20px}
.weixin  .weixin_zuo  span{width: 200px; height: 30px; text-align: center;line-height: 30px;float: left;margin:5px 10px 5px 70px;background:white;font-size:16px}


.weixin  .weixin_zhong{float:left;width:335px;margin-top:20px}
.weixin  .weixin_zhong  h4{text-align:center}
.weixin  .weixin_zhong  h6{text-indent:2em;padding-top:15px}

.weixin  .weixin_you{float:right;margin:10px;width:210px}