/***********************************************xiaoyuan*****************************************************************************************/
@charset "utf-8";
.head{ width:100%; height:164px; position: fixed; top:0px; left:0px; z-index:99997; background:#fff;}
.top{ width:1200px; margin:0px auto; height:124px;}
.logo{ float:left; padding-top:37px; width:248px; height:67px;}
.logo img{ width:100%; height:100%;}
.top_right{ float:right;}
.mark{ float:left; padding-top:36px; padding-right:54px; height: auto; width:150px;}
.mark img{ width: 100%; height: auto; }
.tel{ padding-left:30px; height:60px; margin-top:37px; float:left; background:url(../images/index_09.png) no-repeat center left; line-height:60px; font-size:18px; color:#565656;}
.share{ float:right; padding:59px 0px 0px 10px; height:23px;}
.share a{ display:inline-table; margin-left:22px; position:relative;}
.share a:hover .fxwx{ display:block;}
.fxwx{ position:absolute; left:-110px; top:30px; width:140px; height:140px; z-index:9999; display:none;}

.navbj{
  width: 100%;
  height: 40px;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #bbb;
  background: #fff;
}
.nav{ width:960px; height:40px; float:left; text-transform:uppercase;}
.nav ul li{ width:120px; height:40px; line-height:40px; float:left; position:relative;text-align:center;}
.nav ul li a{ color:#333; font-size:14px;display:block;}
.nav ul li a .mens{ display:block;}
.nav ul li a .mens2{ display:none;}
.nav ul li:hover a>.mens{ color:#fff;background-color:#666;}
.nav ul li:hover a>.mens2{ color:#fff;background-color:#666;}
.nav ul li a.xz .mens{ display:none;color:#fff;}
.nav ul li a.xz .mens2{ display:block;color:#fff;}
.nav ul li:hover a .mens{ display:none;}
.nav ul li:hover a .mens2{ display:block;}
.navk{ position:absolute; top:40px; background:#fff; display:none;}
.nav ul li .navk a{ color:#333;display:block;}
.nav ul li .navk a:hover{ color:#fff;background-color:#666;}
.nav ul li:hover .navk{ display:block;}

.serch{ width:220px; height:26px; padding-top:7px; float:right;}
.serch .kk{ width:180px; height:24px; border:1px solid #969696; background:none; float:left}
.input{ width:38px; height:26px; background:url(../images/index_15.png) no-repeat center center #969696; float:left;}

.banner{ width:100%; height:750px; position:relative;}
.banner .prev{ width:67px; height:107px; z-index:99; position:absolute; left:10px; top:50%; margin-top:-53px; background:url(../images/page1.png) no-repeat center top;}
.banner .next{ width:67px; height:107px; z-index:99; position:absolute; right:10px; top:50%; margin-top:-53px; background:url(../images/page2.png) no-repeat center top;}
.baner_list{ width:100%; height:750px; overflow:hidden;}
.baner_list ul li{ width:100%; margin:0px auto; height:750px;}
.baner_list ul li a{ display:block; width:100%; height:100%;}

.banner .hd{ position:absolute; width:100%; left:0px; height:75px; bottom:15px; text-align:center;}
.banner .hd ul li{ display:inline-table; width:180px; height:55px; margin:0px 3px 0px 3px; z-index:99; cursor:pointer;}
.bannersj{ width:100%; height: auto; position:relative; display: none;}
.bannersj .flexslider{position:relative;height:auto;overflow:hidden;}
.bannersj .slides{position:relative;z-index:1;}
.bannersj .slides li{height:auto;}
.bannersj .slides li img{height:auto; width:100%;}
.bannersj .flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%; height:12px;text-align:center;}
.bannersj .flex-control-nav li{display:inline-block;width:12px;height:12px;margin:0px 5px;*display:inline;zoom:1;}
.bannersj .flex-control-nav li a{width:12px;height:12px;display:block; overflow:hidden; line-height:60px; cursor:pointer; background:url(../images/index_19.png) no-repeat -22px 0px;}
.bannersj .flex-control-nav a.flex-active{background:url(../images/index_19.png) no-repeat 0px 0px;}

.title{ text-align: center;}
.product{ width:1200px; margin:0px auto; padding-top:30px;}
.product ul li{ width:366px; height:254px; position:relative; float:left; margin:34px 17px 0px 17px; overflow:hidden;box-shadow:3px 3px 10px #333;}
.proback{ width:100%; height:100%; position:absolute; left:0px; top:82%; background:rgba(0,0,0,0.56);}
.prod_bt{ width:100%; text-align:center; height:46px; line-height:46px; font-size:16px; color:#fff;}
.pro_wz{ width:90%; height:109px; margin:0px auto; line-height:24px; font-size:14px; color:#fff; padding-top:35px;}
.prod_link{ float:right; padding-right:20px;}
.prod_link span{ display:block; width:50px; height:24px; background:#fff; color:#666; text-align:center; line-height:24px;
-moz-border-radius: 5px;   -webkit-border-radius: 5px;    border-radius:5px; overflow:hidden;}
.prod_link span:hover{ color:#333;}

.news{ width:1200px; margin:0px auto; padding-top:60px;}
.news_lb{ width:605px; float:left;}
.news_tab{ width:100%; height:36px; color:#999; border-bottom:1px solid #e1e1e1;}
.news_tab ul li{ float:left; padding-right:60px; font-size:18px; color:#999; cursor:pointer;}
.news_tab ul li.xb{ color:#333;}
.more{ float:right; font-size:12px; color:#999;}

.news_list{ width:100%;}
.news_list ul li{ width:100%; height:80px; padding:22px 0px 22px 0px; border-bottom:1px solid #e1e1e1;}
.yeads{ width:70px; text-align:center; float:left; font-size:16px; color:#999;}
.yeads span{ font-size:30px; color:#333;}
.news_con{ width:390px; float:left; padding-left:60px;}
.news_tit{ width:100%; line-height:36px; font-size:16px; color:#333; font-weight:bold;}
.news_text{ width:100%; line-height:24px; font-size:14px; color:#333;}
.news_link{ width:40px; height:22px; float:right;}
.news_link a{ display:block; width:38px; height:20px; border:1px solid #999; text-align:center; line-height:20px; font-size:12px; color:#999;}
.news_link a:hover{ border:1px solid #d51119; color:#d51119;}


.news_pic{ width:548px; height:411px; float:right; position:relative;}
.news_pic img{  height:100%;}
.news_pic .flexslider{position:relative;height:100%;overflow:hidden;}
.news_pic .slides{position:relative;z-index:1;}
.news_pic .slides li{height:100%;}
.news_pic .slides li img{ height:100%; width: 100%;}
.news_pic .flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%; height:12px;text-align:center; display:none;}

.news_pic .flex-direction-nav{position:absolute;z-index:3;width:100%;top:30%;}
.news_pic .flex-direction-nav li a{display:block;width:38px;height:50px;overflow:hidden;cursor:pointer;position:absolute; background-size: 100% 100%;}
.news_pic .flex-direction-nav li a.flex-prev{top:57px;left:8px;background:url(../images/page1.png) center center no-repeat;}
.news_pic .flex-direction-nav li a.flex-next{top:57px;right:8px;background:url(../images/page2.png) center center no-repeat;}

.news_trks{ width:100%; height:52px; line-height:52px; text-align:center; font-size:14px; position:absolute; left:0px; bottom:0px; background:rgba(0,0,0,0.6);}
.news_trks a{ color:#fff;}


.case{ width:100%; height:502px; position:relative;}
.case .flexslider{position:relative;height:502px;overflow:hidden;}
.case .slides{position:relative;z-index:1;}
.case .slides li{height:502px;}
.case .flex-control-nav{position:absolute;bottom:26px;z-index:2;width:100%; height:12px;text-align:center;}
.case .flex-control-nav li{display:inline-block;width:15px;height:15px;margin:0px 5px;*display:inline;zoom:1;}
.case .flex-control-nav li a{width:15px;height:15px;display:block; overflow:hidden; line-height:60px; cursor:pointer; background:url(../images/index_30.png) no-repeat 0px 0px;}
.case .flex-control-nav a.flex-active{background:url(../images/index_30.png) no-repeat -25px 0px;}

.marktu{ width:100%; text-align:center; padding-top:60px;}
.marktu2{ width:695px; height:auto; float:left; padding-top:30px;}
.marktu2 img{ width:100%;}
.marktu3{ width:503px; float:left; padding-top:30px;}
.marktu3 img{ width:100%;}


.case_tit{ position:absolute; width:1200px; left:50%; margin-left:-600px; top:140px; z-index:999;}
.case_tit a{ display:block; width:120px; height:40px; text-align:center; margin-top:30px; text-align:center; line-height:40px; border:1px solid #fff; color:#fff; font-size:18px;}
.about_pic{ width:601px; height:350px; float:left;}
.about_infor{ float:right; width:480px;}
.about_bt{ width:100%; line-height:120px; font-size:18px; color:#333;}
.about_text{ width:100%; line-height:28px; font-size:14px; color:#666; height:164px; overflow:hidden;}
.about_link{ padding-top:23px; width:100%;}
.about_link a{ color:#999; font-size:12px;}
.about_link a:hover{ color:#333;}

.cooper{ width:100%; padding:60px 0px 60px 0px; background:#f5f5f5;}
.cooper_lb{ width:1200px; margin:0px auto;}
.cooper_lb ul li{ width:190px; height:90px; float:left; margin:60px 5px 0px 5px; position: relative;}
.cooper_lb ul li img{ width:100%; height:100%;}
.coopk{ width:190px; height:90px; position:absolute; left:0px; top:0px; background:rgba(245,245,245,0.8);}
.cooper_lb ul li:hover .coopk{ display:none;}

.footer{ width:100%; min-height:336px; background:#494949;}
.foot_lb{ float:left; padding-top:35px; width:140px;}
.foot_bt{ width:100%; line-height:50px; font-size:12px; color:#fff; border-bottom:1px solid #666565; margin-bottom:10px;}
.foot_lb ul li{ line-height:30px; font-size:12px;}
.foot_lb ul li a{ color:#c0c0c0;}
.foot_lb ul li a:hover{ color:#fff;}
.footer_ewm{ width:120px; float:right; text-align:center; line-height:50px; padding-top:35px; font-size:12px; color:#fff;}
.footbot{ width:100%; height:38px; background:#000; text-align:center; line-height:38px; font-size:12px; color:#fff;}
/*index end*/
.banner2{ width:100%; height:280px;}
.tabl_con{ width:100%; padding-top:40px; height:50px; border-bottom:1px solid #949494; text-align:center;}
.tabl_con a{ display:inline-table; width:140px; height:26px; text-align:center; line-height:26px; font-size:14px; color:#666; margin:0px 1px 0px 1px;}
.tabl_con a:hover{ color:#fff; background:#4badcd;}
.tabl_con a.xm{ color:#fff; background:#4badcd;}




/*荣誉*/
.ry-effect{ width:100%; height:700px; border:1px solid #b4b2b2; margin:0px auto;}
.ry-effect_bt{ width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:url(../images/product_27.jpg) no-repeat center top;}
.ry-effect_bt span{ padding-left:15px;}
.ry-effect_con{ width:auto; height:680px; margin:0px auto; padding-top:20px; position:relative;}
.ry-effect_con .prev{ width:38px; height:74px; position:absolute; left:36px; top:260px; background:url(../images/product_15.png) no-repeat center left; display:block; z-index:10;}
.ry-effect_con .next{ width:38px; height:74px; position:absolute; right:36px; top:260px; background:url(../images/product_17.png) no-repeat center left; display:block;z-index:10;}
.ry-effect_list{ width:844px; height:680px; margin:0px auto; overflow:hidden;}
.ry-effect_list ul li{ width:844px; height:680px;}

/*门店*/
.md-effect{ width:100%; height:684px; border:1px solid #b4b2b2; margin:0px auto;}
.md-effect_bt{ width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:url(../images/product_27.jpg) no-repeat center top;}
.md-effect_bt span{ padding-left:15px;}
.md-effect_con{ width:auto; height:593px; margin:0px auto; padding-top:20px; position:relative;}
.md-effect_con .prev{ width:38px; height:74px; position:absolute; left:36px; top:260px; background:url(../images/product_15.png) no-repeat center left; display:block;z-index:10;}
.md-effect_con .next{ width:38px; height:74px; position:absolute; right:36px; top:260px; background:url(../images/product_17.png) no-repeat center left; display:block;z-index:10;}
.md-effect_list{ width:844px; height:593px; margin:0px auto; overflow:hidden;}
.md-effect_list ul li{ width:auto; height:593px;}


/*产品详情*/
.effect{ width:1198px; height:684px; border:1px solid #b4b2b2; margin:0px auto;}
.effect_bt{ width:100%; height:46px; line-height:46px; font-size:16px; color:#fff; background:url(../images/product_27.jpg) no-repeat center top;}
.effect_bt span{ padding-left:15px;}
.effect_con{ width:1198px; height:593px; margin:0px auto; padding-top:20px; position:relative;}
.effect_con .prev{ width:38px; height:74px; position:absolute; left:36px; top:260px; background:url(../images/product_15.png) no-repeat center left; display:block;}
.effect_con .next{ width:38px; height:74px; position:absolute; right:36px; top:260px; background:url(../images/product_17.png) no-repeat center left; display:block;}
.effect_list{ width:844px; height:593px; margin:0px auto; overflow:hidden;}
.effect_list ul li{ width:844px; height:593px;}

.single{ width:1200px; margin:0px auto;}
.single_lb{ width:1200px;}
.single_lb ul li{ width:220px; height:265px; float:left; padding:30px 10px 0px 10px; float:left; text-align:center;}
.single_lb ul li p{ line-height:46px; font-size:14px; color:#666;}
.single_lb ul li span{ padding-right:10px; color:#333;}
.single_lb ul li img{ width:200px; height:198px; padding:9px; border:1px solid #b4b2b2;}

.depict{ width:1200px; margin:0px auto;}
.depictext{ line-height:24px; font-size:14px; color:#666; padding:30px 40px 0;}
.depictext a{ color:#333; margin-right:10px;}
/*page*/
.pages{ width:100%; text-align:center;}
.page{ height:38px;  padding-top:20px; display:inline-table;}
.page a{ display:block; width:36px; height:36px; border:1px solid #dbdbdb; text-align:center; line-height:36px; font-size:14px; color:#474747; float:left; margin:0px 2px 0px 2px;}
.page a:hover{ border:1px solid #d51119; background:#d51119; color:#fff;}
.page a.xp{ border:1px solid #d51119; background:#d51119; color:#fff;}
.page a.page1{ width:100px;}
.page a.nxet{ width:50px;}

/*page*/

.faq_bt{ width:100%; height:60px; background:url(../images/service_01.jpg) repeat-x; line-height:60px; font-size:16px; color:#fff;}
.faq_bt img{ float:left; padding:10px 18px 0px 15px;}
.ask{height:60px; background:url(../images/ask.png) no-repeat 11px center #d3d3d3; line-height:60px; font-size:16px; color:#333; padding-left:60px;}
.answer{ background:url(../images/answer.png) no-repeat 11px 5px #f7f7f7; line-height:22px; font-size:12px; color:#666; padding:10px 10px 10px 60px;}

.addre_bt{ height:50px; padding-left:13px; line-height:50px; font-size:16px; color:#fff; background:#4f4f4f;}
.mapls{ width:1180px; height:580px; border:10px solid #dadada;}
.about_tu{ float:left; width:401px; padding-left:60px;}
.about_wz{ width:670px; float:right; line-height:28px; font-size:14px; color:#666; padding-top:30px;}

.jmtab{ width:70px; float:left;}
.jmtab ul li{ width:70px; height:70px; padding-bottom:8px;}
.jmtab ul li a{ display:block; width:68px; height:58px; text-align:center; border:1px solid #9e9e9e; color:#333; font-size:16px; line-height:24px; padding-top:10px;}
.jmtab ul li a:hover{ background:#9e9e9e; color:#fff;}
.jmtab ul li a.xnm{ background:#9e9e9e; color:#fff;}
.jiamlb{ width:1050px; float:right; border-top:1px solid #bbb;}
/*.jiamlb ul li{ width:100%; height:68px; border-bottom:1px solid #bbb;}*/
.jiamlb ul li{ width:100%; padding:15px 0; border-bottom:1px solid #bbb;}
.nember{ width:24px; height:24px; background:#f0f0f0; text-align:center; line-height:24px; font-size:12px; color:#333; float:left; margin-top:22px;}
.jiamlb ul li span{ float:left; padding-left:25px; color:#333; font-size:14px; line-height:68px;}
.inltbt{ width:100%; line-height:40px; font-size:18px; color:#666; text-align:center;}
.inltwz{ width:100%; line-height:24px; font-size:12px; color:#666;}

.contact_ewm{ float:left; padding-left:20px; padding-top:15px;}
.contact_ewm img{ border:1px solid #ccc; margin-left:40px;}
.contact_bd{ float:left;  width:455px; padding-left:100px;}
.contact_bd td{ line-height:54px; font-size:14px; color:#666;}

.wrting{ width:1200px; margin:0px auto; line-height:28px; font-size:14px; color:#666;}
.wrting2{ width:1200px; margin:0px auto; line-height:28px; font-size:14px; color:#666;}

.itsbran{ width:1200px; margin:0px auto;}
.itsbran_tu{ width:496px; float:left;}
.itsbran_tu img{ width:100%;}
.itsbran_wz{ width:530px; height: auto; padding:60px 40px 60px 50px; border:8px solid #7a7a7a; border-left:none; float:left; background:#f5f5f5; line-height:30px; font-size:14px; color:#666; margin-top:60px;}

.news_hos{ width:175px; float:left;}
.news_hobt{ padding-left:10px; background:#6b6868; height:26px; line-height:26px; color:#fff; font-size:14px;}
.news_hotlb{ width:100%; padding:10px 0px 10px 0px;}
.news_hotlb ul li{ padding-left:10px; line-height:26px; font-size:12px; color:#333; background:url(../images/list.jpg) no-repeat center left;}
.news_hotlb ul li a{ color:#333;}

.news_rights{ width:750px; float:left; padding-left:100px;}
.neskb{ text-align:center; line-height:40px; font-size:20px; color:#333;}
.nesfont{ line-height:28px; font-size:14px; color:#666; font-size:14px; padding-top:20px;}

.news_rel{ padding-top:30px; width:100%; text-align:center;}
.news_rel a{ display:inline-table; text-align:center; line-height:40px; color:#666; font-size:14px; border:1px solid #b4b2b2; padding:0px 20px 0px 20px;-moz-border-radius:30px;   -webkit-border-radius: 30px;    border-radius:30px; overflow:hidden;}
.news_rel a:hover{ color:#333; border:1px solid #333;}

.news_type{ width:780px; float:left;}
.news_type ul li{ width:740px; height:120px; padding:19px; border:1px solid #d6d7dc; margin-bottom:20px;}
.news_type ul li:hover{ border:1px solid #f5f5f5; background:#f5f5f5;}
.news_tu{ width:160px; height:120px; float:left;}
.news_tu img{ width:100%; height:100%;}
.news_up{ width:475px; float:left; padding-left:20px;}
.news_tkt{ line-height:40px; font-size:18px; color:#333; font-weight:bold;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news_times{ line-height:26px; font-size:12px; color:#999;}
.news_fon{ line-height:24px; font-size:14px; color:#666;}
.news_pop{ width:40px; height:22px; float:right;}
.news_pop a{ display:block; width:38px; height:20px; border:1px solid #999; text-align:center; line-height:20px; font-size:12px; color:#999;}
.news_pop a:hover{ border:1px solid #d51119; color:#d51119;}

.news_bd{ width:353px; padding:0px 15px 15px 15px; float:right; background:#dcdcdc;}
.news_bd ul li{ width:353px; height:265px; position:relative; margin-top:15px; overflow:hidden;}
.news_bd ul li img{ width:100%; height:100%;}
.newback{ position:absolute; left:0px; top:80%; background:rgba(0,0,0,0.5); height:100%; width:100%;}
.online{ width:580px; margin:0px auto;}
.online td{ height:64px; line-height:64px;}
.online .box{ width:100%; height:50px; border:1px solid #b0b0b0; text-indent:10px; color:#999; font-size:14px;}
.online .box2{ width:100%; height:180px; border:1px solid #b0b0b0; text-indent:10px; color:#999; font-size:14px;font-family:Microsoft Yahei;}
.input2{ width:100px; height:40px; background:#d51119; font-size:14px; color:#fff; line-height:40px; text-align:center;}

.home_case{ width:1200px; margin:0px auto;}
.home_case ul li{ width:365px; height:255px; float:left; position:relative; overflow:hidden; margin:36px 12px 0px 12px;}
.ref-overlay{ position:absolute; left:0px; top:100%; width:100%; height:100%; background:rgba(0,0,0,0.5);}

.ref-title{ width:100%; text-align:center; line-height:40px; font-size:18px; color:#fff; padding-top:15px;}
.ref-desc{ width:90%; margin:0px auto; font-size:14px; line-height:24px; font-size:14px; color:#fff; text-align:center; height:96px;}
.ref-more{ width:64px; height:64px; margin:0px auto; margin-top:10px; background:url(../images/more_off.png) no-repeat; background-size:100% 100%;}
.home_case ul li.reds{ border:5px solid #d9d9d9;}
.home_case ul li.yellow{ border:5px solid #f89406;}
.home_case ul li.green{ border:5px solid #1e9044;}
.home_case ul li.blue{ border:5px solid #00c3ff;}
.home_case ul li.pink{ border:5px solid #ff35a0;}
.home_case ul li.purple{ border:5px solid #c03aff;}

.head2{ display:none;}
.footer2{ display:none;}

.pro {
  width: 100%;
  margin: 0 auto;
  padding-bottom: 80px;
}
.pro li {
  width: 17%;
  float: left;
  border-right: 1px solid #d1b792;
  padding-left: 1.5%;
  margin-right:.5em;
  line-height: 25px;
}
.pro li a{
	color: #333;
}
.pro div{
  margin-left:10px;
  float: left;
}
.pro div img{
  width:220px;
  height:200px;
  margin:1px;
  border: 1px solid #eee;
  box-shadow: 1px 2px 3px #789;
}


.hlinks{height:80px; border:1px solid #CCCCCC; padding:10px; width:1180px; margin:30px auto 0px auto;}
.hlinks .lten{width:119px; border-right:1px solid #cccccc; text-align:center; font-size:18px; height:80px; float:left; line-height:80px;}
.hlinks .lcom{float:left; width:1060px;}
.hlinks .lcom a{line-height:80px; margin-left:20px; color:#666;}

.xuanx{text-align:center;padding-top:15px;}

.hmore{ text-align:right; padding-right:20px;}
.hmore a{color:#505050; font-size:14px;}
.hmore a:hover{color:#4badcd; font-size:14px;}