@charset "utf-8";
 /*  
*@description: 全局 
*@author: name 林异频  
* @update: name (2015-08-22 18:32)更新 */

html{width:100%; overflow-x:scroll;}
body{ font-size:12px;color:#434343; line-height:1.8; min-width:320px;font-family:helvetica,"微软雅黑";}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {margin: 0;padding: 0;border: 0;outline: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
ol,ul,li{list-style-image:none;list-style-position:outside;list-style-type:none;}
input{ padding:0; margin:0; font-family:"微软雅黑"; outline:none}
.left{float:left;}
.right{float:right;}
.clear{clear:both; height:0px; width:0; margin:0; padding:0; border:none; overflow:hidden; }
a{text-decoration:none; cursor:pointer; color:#434343;background-position:233px 28px;
transition-property:box-shadow,color;
transition-duration:.3s;}
a{ color:#00a5a9}
h1{ font-size:18px}
h2{ font-size:18px}
h3{ font-size:16px}
h4{ font-size:14px}
h5{ font-size:12px}
.height30{ height: 15px;}
.mobile_nosee{ display: none !important;}

.beijing{ padding:10px 10px 0; clear:both; overflow: hidden; min-width:320px; margin:0 auto}
.beijing1{ clear:both; overflow:visible; margin: 0 auto;min-width:320px;}
/**************头部**************/
header{ clear: both; overflow: hidden; width: 100%; line-height: 26px; background: #00a5a9; color: #fff; padding: 5px 0;}
.head dt{ display: none; float: left;}
.head dd{ float: right;}
.head dd a{ color: #fff}
.head dd span{ display: inline-block; margin: 0 10px;}
.logo{ padding:10px 5px; height:50px;}
.logo h2{float: left; height:30px; overflow: hidden;}
.logo h2 img{ height: 100%; vertical-align: top;}
#right-menu{overflow:hidden; display:block; height:30px; width:35px;float:right; border-radius:5px; background:#00a5a9; cursor:pointer;  display:inline-block; padding:4px 5px 3px; margin-bottom:10px; position: relative; z-index: 100; }
#right-menu em{ display:block; height:3px; margin:2px 0 3px; width:100%; background:#fff; overflow:hidden; float:left}
#sidr-right{ display:none;right: -220px;position: fixed;top: 0;height: 100%;z-index: 999999;width:220px;overflow-x: visible;overflow-y: visible;background: #fff;color: #333;-webkit-box-shadow: inset 0 0 5px 5px #f0f0f0;-moz-box-shadow: inset 0 0 5px 5px #f0f0f0;box-shadow: inset 0 0 5px 5px #f0f0f0; padding: 10px;}
.logo_ss{ clear: both; overflow: hidden; padding: 10px;}
.logo_ss input{float: left; height:38px; overflow: hidden; display: inline-block;}
.logo_ss1{ border:1px solid #00a5a9; line-height:36px; width:142px; *width: 120px; *height: 36px; padding: 0 10px; color: #cecece; font-size: 14px;}
.logo_ss2{ background: url(../images/logo_1.png) no-repeat center 9px #00a5a9; cursor: pointer;border: 0; width: 38px; height: 38px; line-height: 999em;}
.menu{ clear: both; overflow: hidden; padding: 0 10px; font-size: 30px;}
.menu li{ clear: both; overflow: hidden; padding: 10px 0;}
.menu_1 em{ display: none;}
.menu_2{ display: none; position: absolute; left: 0; top: 50px; width: 768px; z-index: 100;}
.menu_3{ background: #909090;line-height:50px;}
.menu_3 a{ color: #fff; font-weight: bold;}
.menu_2 dd{float: left; display: inline-block; overflow: hidden; text-align: center;}
.menu_2.menu_ab dd{ width:14.285% ;}
.menu_2.menu_fm dd{ width:14.222222% ;}
.menu_2.menu_ml dd{ width:33.333% ;}
.menu_2.menu_hs dd{ width:20% ;}
.menu_2.menu_cb dd{ width:25% ;}

.menu_4{ border-right: 1px solid #d9d9d9; height:120px; padding:10px 0; font-size: 12px;}
.menu1{ width: 100%; height:80px; overflow: hidden;}
.menu1 img{ height: 100%;}
.menu2 a{ margin: 0 5px;}
.body_mn,.body_mn1{ display: none; clear: both; overflow: hidden; width: 100%; height: 100%; position: fixed;right: 0; top: 0; background: url(../images/zj.png) repeat; z-index: 10;}
.sidr-right-open .body_mn{ display: block;}
.sidr-left-open .body_mn{ display: block;}
.menu_1 a{ display: block;}
.menu_fm dd{ background: #fff;}
/**************banner**************/
/*slider*/
.slick-slider{ position: relative; z-index: 1; display: block; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: none; touch-action: none; -webkit-tap-highlight-color: transparent; }
.slick-list { position: relative;/* overflow: hidden; */display: block;}
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }
.slick-track { position: relative; left: 0; top: 0; display: block; zoom: 1; }
.slick-track:before,.slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }
.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }
.slick-slider .slick-list, .slick-track, .slick-slide, .slick-slide img { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }


.banner{ clear: both; overflow: hidden; position: relative; width: 100%;}
.banner_top{ position: absolute; left: 0; width: 100%; top: 0; background: url(../images/logo1.png) repeat-x; height:4px; z-index: 9;}
.swiper-container {margin:0 auto;position:relative;overflow:hidden;-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-o-backface-visibility:hidden;backface-visibility:hidden;z-index:1;}
.swiper-wrapper {position:relative;width:100%;-webkit-transition-property:-webkit-transform, left, top;-webkit-transition-duration:0s;-webkit-transform:translate3d(0px,0,0);-webkit-transition-timing-function:ease;-moz-transition-property:-moz-transform, left, top;-moz-transition-duration:0s;-moz-transform:translate3d(0px,0,0);-moz-transition-timing-function:ease;-o-transition-property:-o-transform, left, top;-o-transition-duration:0s;-o-transform:translate3d(0px,0,0);-o-transition-timing-function:ease;-o-transform:translate(0px,0px);-ms-transition-property:-ms-transform, left, top;-ms-transition-duration:0s;-ms-transform:translate3d(0px,0,0);-ms-transition-timing-function:ease;transition-property:transform, left, top;transition-duration:0s;transform:translate3d(0px,0,0);transition-timing-function:ease;}
.swiper-free-mode > .swiper-wrapper {-webkit-transition-timing-function: ease-out;-moz-transition-timing-function: ease-out;-ms-transition-timing-function: ease-out;-o-transition-timing-function: ease-out;transition-timing-function: ease-out;margin: 0 auto;}
.swiper-slide {float: left;}
.swiper-wp8-horizontal {-ms-touch-action: pan-y;}
.swiper-wp8-vertical {-ms-touch-action: pan-x;}

.mobile_banner {width: 100%;position: relative;}
.mobile_banner .arrow-left,.mobile_banner .arrow-right{background-image: url(../images/banner_2.png); background-repeat: no-repeat; background-size:40px auto !important;position: absolute;top: 50%;margin-top: -10px;width:20px;height:20px; z-index: 2;}
.mobile_banner .arrow-left {left: 10px; background-position:0 0;}
.mobile_banner .arrow-right { right: 10px; background-position:right 0;}
.mobile_banner .arrow-left:hover{ background-position:0 bottom;}
.mobile_banner .arrow-right:hover{ background-position: right bottom;}
.swiper-container {width: 100%;}
.content-slide {padding: 20px;color: #fff;}
.title {font-size: 25px;margin-bottom: 10px;}
.pagination {position: absolute;left: 0;text-align: center;bottom:5px;width: 100%; z-index: 3;}
.swiper-pagination-switch {display: inline-block;width: 10px;height: 10px;border-radius: 50%;background: #9b9995;margin: 0 3px;cursor: pointer;}
.swiper-active-switch {background: #00a5a9;}
.swiper-wrapper img{ width: 100%;}


.banner .slider{ width:100%;  min-width:768px; height: 369px;  position:relative; overflow:hidden; background:#fff; text-align:center; display: none;}
.banner .slider .bd{ width:768px; position:absolute; left:50%; margin-left:-384px  }
.banner .slider .bd li{overflow:hidden; }
.banner .slider .bd li img{ display:block; width:100%;   }
.banner .slider .tempWrap{ overflow:visible !important }
.banner .slider .tempWrap ul{  margin-left:-768px !important; /*强制位置*/  }

.banner .slider .hd{ position:absolute; width:100%; z-index:10; height:28px; bottom:10%; left: 0; }
.banner .slider .hd ul{ margin: 0 auto; width: 700px; text-align: right;}
.banner .slider .hd li{ display:inline-block;*display: inline; zoom:1; width:28px; height:28px; line-height:28px; overflow:hidden; border-radius: 50%; background: #9c9a96; margin:0 5px;  text-align:center; cursor: pointer; font-size: 14px; color: #fff;}
.banner .slider .hd li.on{ background: #00a5a9;}
.banner .slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:100%; cursor:pointer;   }
.banner .slider .prev{ left:-50%; margin-left:-384px;  }
.banner .slider .next{ left:50%;  margin-left:384px;  }
.banner .slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slider .pnBtn .arrow{position:absolute; top:50%; z-index:1; width:54px; height:54px; margin-top: -27px;}

.banner .slider .prev .arrow{ right:-70px; background:url(../images/banner_2.png) 0 0 no-repeat;   }
.banner .slider .next .arrow{ left:-70px; background:url(../images/banner_4.png) 0 0 no-repeat;  }
.banner .slider .pnBtn .arrow:hover{ background-position:0 bottom;}


.index_more{ border-bottom: 1px solid #d6d6d6; clear: both; line-height:30px;}
.index_more a{float: right; background: url(../images/more.png) no-repeat right center; padding-right:18px; display: inline-block;}
.index_more big{float: left; border-bottom: 3px solid #00a5a9; margin-bottom: -2px; line-height: 29px; font-size: 16px;}
.index_more strong{font-size: 16px; font-weight: bold; padding-right: 20px; color: #000;float: left; border-bottom: 3px solid #00a5a9; margin-bottom: -2px; line-height: 29px;}
/**************footer**************/
footer{ background: #353433; clear: both; overflow: hidden; font-size: 12px; }
.foot{ display: none;}
.foot ul{ clear: both; overflow: hidden;}
.foot ul li{float: left; width: 16.666%; border-right: 1px solid #606060; padding:0 10px 0 40px; height: 240px; overflow: hidden; display: inline-block; }
.foot ul li h3{ clear: both; overflow: hidden;font-weight: lighter; line-height:22px; height: 22px; margin-bottom: 8px;}
.foot ul li h3 a{ color: #fff;}
.foot ul li p{ clear: both; overflow: hidden; line-height: 2;}
.foot ul li p a{ display: block; clear: both; overflow: hidden; height: 24px; color: #ababab;}
.foot ul li.foot_b1{ padding: 0 10px 0 30px;}
.foot ul li.foot_b2{ background-position:-133px 2px;}
.foot ul li.foot_b3{ background-position:-275px 2px;} 
.foot ul li.foot_b4{ background-position:-420px 2px;} 
.foot ul li.foot_b5{ background-position:-563px 2px;} 
.foot ul li.foot_b6{ background-position:-715px 2px;} 
.foot1{float: right; display: none;width: 22%; color: #fff;}
.foot1 dd{ clear: both; overflow: hidden;}
.foot1_1{float: left; width: 50%; padding: 0 0 10px 10px; display: inline-block; overflow: hidden; text-align: center;}
.foot1_1 em{ display: block; border: 3px solid #000; margin-bottom: 5px;}
.foot1_1 em img{ width: 100%;}
.foot1 dt{ padding-left:15px; clear: both; overflow: hidden; color: #fff;}
.foot1 dt img{ width: 100%;}
.foot3{ border-top: 1px solid #606060; clear: both; overflow: hidden; color: #fff;text-align: center;}
.foot3 dt{ clear: both; overflow: hidden; line-height: 26px;}
.foot3 dt img{ margin:7px 0 0 15px; vertical-align: top;}
.foot3 dd{overflow: hidden; display: none; clear: both; padding: 15px 0;}
.foot3_1 a{ color: #fff;}
.foot_select select{-webkit-appearance: button;-webkit-padding-end: 24px;-webkit-padding-start:3px;-webkit-user-select: none;color: #ababab;background: url('../images/footer_select.png') no-repeat right center #353433; height: 26px;*height: 24px; line-height: 24px; min-width: 160px; outline:none;}
.fx{ clear: both; overflow: hidden; padding-top: 15px; line-height:36px;}
.fx span{ display: inline-block; overflow: hidden;float: left;}
.fx_1{ display: inline-block; height: 36px;}
.fx_1 a{ display: inline-block; height: 26px; width: 26px; margin: 0 5px; background: url(../images/footer2.png) no-repeat 0 0;}
.fx_1 a:hover{ background-position:0 bottom;}
.fx_1 a.fx2{ background-position:-38px 0;}
.fx_1 a.fx2:hover{ background-position:-38px bottom;}
.fx_1 a.fx3{ background-position:-77px 0;}
.fx_1 a.fx3:hover{ background-position:-77px bottom;}
.fx_1 a.fx4{ background-position:-115px 0;}
.fx_1 a.fx4:hover{ background-position:-115px bottom;}
/**************漂浮**************/
.bodyright{ display: none; position: fixed; top: 50%; margin-top: -185px; right: 0; z-index: 5555555555; width: 71px; font-size: 12px;}
.bodyright li{ width: 71px; height: 71px;*height: 26px; margin-bottom: 1px; text-align: center; color: #818181; padding-top: 45px; background: url(../images/body_right.png) no-repeat 0 0 #ddd; cursor: pointer;}
.bodyright li a{ color: #818181; display: block;}
.bodyright li.hover a,.bodyright li.hover{ color: #fff;}
.bodyright li.hover{ background-position: right 0; background-color: #00cbcd;}
.bodyright li.body_r2{ background-position:0 -74px;}
.bodyright li.body_r2.hover{ background-position:right -74px;}
.bodyright li.body_r3{ background-position:0 -148px; position: relative;}
.bodyright li.body_r3.hover{ background-position:right -148px;}
.bodyright li.body_r4{ background-position:0 -222px;}
.bodyright li.body_r4.hover{ background-position:right -222px;}
.bodyright li.body_r5{ background-position:0 -296px;}
.bodyright li.body_r5.hover{ background-position:right -296px;}
.bodyright li.body_r3 p{ position: absolute;right: 75px; top:-17px; background: url(../images/body_right1.png) no-repeat 0 0; width: 108px; height: 100px; display: none;}
.bodyright li.body_r3.hover p{ display: block;}
.bodyright li.body_r3 p img{ width: 90px; margin: 5px 13px 5px 5px;}



@media only screen and (max-width: 767px) {
.menu_2{ display: none !important;}	
.sale li{ height: auto !important}
.case_small p{ display: none !important;}
}

@media only screen and (min-width:320px) {
html{ overflow-x:hidden;}
}

@media only screen and (min-width: 768px) {
body{ font-size: 14px;}
.mobile_nosee{ display: inline-block !important;}
.beijing{ padding: 10px 0; width: 768px;}
.beijing1{ width: 768px;}
.height10{ height: 10px;}
.height20{ height: 20px;}
.height30{ height: 30px;}
/**************header**************/
.head dt{ display:inline-block;}
.head dd span{ margin: 0 15px;}

.logo{ padding:0; height:50px; position: relative;}
.logo h2{height:30px; margin: 10px 0;}
#right-menu{display: none;}
#sidr-right{ display:block;right:auto;position:static;float:left;top:auto;height:auto;width:auto; overflow: visible;background:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; padding: 0;}
.logo_ss{ float: right; display: none;}
.menu{ float: left; clear: none; overflow: visible;  padding: 0px 0px 0px 0px;}/*border-left: 1px solid #ececec;*/
.menu li{float: left; clear: none; overflow: visible; padding: 0;}
.menu_1{line-height: 50px;padding: 0; position: relative;}/*border-right: 1px solid #ececec;*/
.menu_1 a{ padding: 0 20px; }
.menu_1 em,.menu_1 i{display:none; position: absolute;left: 50%; margin-left: -7px; width:14px; }
.menu_1 em{ bottom:0 ; border: solid; border-color: #fff #fff #909090 #fff; border-width:0 7px 7px;}
.menu_1 i{height: 2px; background: #0ca9ad; bottom: 10px;}
.menu li.hover .menu_1 i,.menu li.hover .menu_1 em{ display: block;}
.menu li.hover .menu_1 a{ color:#0ca9ad ;}

/**************banner**************/
/*.mobile_banner{ display: none;}
.banner .slider{ display: block;}*/

.index_more{line-height:40px;}
.index_more b{font-size: 16px;}
.index_more big{line-height: 39px; font-size: 24px;}
/**************footer**************/
.foot{ display:block; padding: 20px 0;}

.foot3 dt{float: left; clear: none;}
.foot3 dd{display:inline-block; text-align: right; float: right; clear: none; padding: 0;}
.bodyright{ display: block;}
}


@media only screen and (min-width: 960px) {
.beijing,.beijing1,.menu_2{ width: 960px;}

/**************header**************/
.logo{ height: 58px;}
.logo h2{ height:38px;}
.logo_ss{ display: inline-block; padding: 10px 0 10px 15px;}
.menu_1{line-height: 58px;}
.menu_1 a{ padding: 0 16px; }
.menu_2{ top: 58px;}
.menu_4{ font-size: 14px; height: 160px; padding: 15px 0; background: #fff;}
.menu1{height:110px;}


/**************banner**************/
.banner .slider{ min-width:960px; height: 462px; }
.banner .slider .bd{ width:960px;margin-left:-480px  }
.banner .slider .tempWrap ul{  margin-left:-960px !important;  }
.banner .slider .hd ul{ width: 900px; }
.banner .slider .prev{margin-left:-480px;  }
.banner .slider .next{margin-left:480px;  }
.banner .slider .prev .arrow{ right:-80px; }
.banner .slider .next .arrow{ left:-80px;  }


/**************footer**************/

.foot ul{ clear: none;float: left; width:78%;}

.foot1{float: right; display:inline-block; }
.foot3 .beijing{ padding: 20px 0;}
.foot3 dt{width: 50%; text-align: left;}
.foot3 dd{ width: 49%;}
.foot_select{float: left; width: 230px;}
.fx{ clear: none;float: right; padding: 0; height: 26px;}

}


@media only screen and (min-width: 1160px) {
.beijing,.beijing1,.menu_2{ width: 1260px;}

/**************header**************/
.logo{ height:80px;}
.logo h2{ height:52px; margin: 14px 0;}
.logo_ss{padding: 21px 0 21px 20px;}
.menu_1{ line-height: 80px; font-size: 50px;}
.menu_1 a{ padding: 0 22px; }
.menu_1 em,.menu_1 i{ margin-left: -10px; width:20px; }
.menu_1 em{ border-width:0 10px 10px;}
.menu_1 i{ bottom: 18px;}
.menu_2{ top:80px;}
.menu_3{ font-size: 15px;}
.menu_4{ font-size: 14px; height: 160px; padding: 15px 0;}
.menu1{height:110px;}

/**************banner**************/
.banner .slider{ min-width:1160px; height: 558px; }
.banner .slider .bd{ width:1160px;margin-left:-580px  }
.banner .slider .tempWrap ul{  margin-left:-1160px !important;  }
.banner .slider .hd ul{ width: 1100px; }
.banner .slider .prev{margin-left:-580px;  }
.banner .slider .next{margin-left:580px;  }
.banner .slider .prev .arrow{ right:-88px; }
.banner .slider .next .arrow{ left:-88px;  }
/**************footer**************/
.foot ul{ width: 74%;}
.foot1{ width: 25%;}
.foot1_1{ padding: 0 0 10px 20px;}
.foot1 dt{ padding-left: 20px;}
}