@charset "utf-8";
/* CSS Document */

 
<style id="css" type="text/css" rel="stylesheet">


body{}#mOuterBox{}#mBody1,#dBody1{background-position: 0% 0%;}#mBody2,#dBody2{background-position: 0% 0%;}
.clearfix { zoom: 1; }
.clearfix:after { content: ""; display: block; height: 0; clear: both; visibility: hidden; }
.box866_1 * { font: 14px/1.8 "Microsoft Yahei"; color:#333; margin:0; padding:0; -moz-box-sizing: border-box; box-sizing: border-box; list-style: none;}
.box866_1 ul { list-style: none}
.box866_1 a { color: #333; text-decoration: none; -moz-transition: all ease .1.5s; -webkit-transition: all ease .1.5s; transition: all ease .1.5s;}
.box866_1 a:hover {color: #185fa9;}
.box866_1 .nav_warp { width: 1100px; height: 54px; background:#185fa9; position: absolute;}
.box866_1 .nav_warp li { float: left; list-style: none;}
.box866_1 .nav_warp li > a { color: #fff; display: block; width: 110px; height: 54px; line-height: 54px; border-top: 2px solid #185fa9; text-align: center;  overflow: hidden; text-overflow: ellipsis;  white-space: nowrap;}
.box866_1 .nav_warp li:hover > a { color: #185fa9; border-top-color: #e62129;  background: url(/client/images/down.png) 86px 25px no-repeat;  background-color: #fff; }
.box866_1 .sf-mega { display: none; position: absolute; width: 100%; left: 0; z-index: 99; box-shadow: 2px 3px 6px rgba(0,0,0,.2); background: rgba(255,255,255,.9);}
.box866_1 .sf-m { overflow: hidden; padding: 20px; }
.box866_1 .sf-m a { float: left; width: 25%;  padding: 0 15px; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis;  white-space: nowrap; }
.box866_1 .sf-m a:hover { background: #185fa9; color: #fff;}
.box866_1 .nav_warp li:hover .sf-mega { display: block;}


.box227_1{ background:#BAE3F7; padding:10px;}
.box227_1 .clearFix227{ clear:both; height:0; overflow:hidden;}
.box227_1 input{ vertical-align:middle;}
.box227_1 select{ vertical-align:middle; margin-right:5px;}
.box227_1 .title,.box227_1 .select01,.box227_1 .select02,.box227_1 .kwCont{ display:inline; float:left;}
.box227_1 .title{ color:#2F86C9; font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
.box227_1 select{ border:#6BC0F1 1px solid;  height:25px;}
.box227_1 .kwCont{ background:url(/client/images/bg_03.gif) no-repeat; width:475px; height:25px; display:inline-block;}
.box227_1 .kwCont .textCont{ border:0; width:378px; margin-left:30px; color:#A7C2D5; padding-top:3px; float:left; margin-top:5px;}
.anSearch{ background:url(images/bg_03.gif) no-repeat right; width:55px; height:25px; border:none; float:right; cursor:pointer;}

@charset "UTF-8";
.box20063_1 { font: 14px/1.43 "Micrsoft Yahei", Arial, sans-serif; color: #333; }
.box20063_1 * { margin: 0; padding: 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.box20063_1 a { text-decoration: none; color: inherit; }
.box20063_1 a:focus { outline: 0; }
.box20063_1 img { max-width: 100%; vertical-align: middle; border: 0; }
.box20063_1 ul, .box20063_1 li { list-style: none; }
.box20063_1 .mf-nav-wrap { background-color: rgba(0, 0, 0, 0.7); position: fixed; top: 0; left: 0; width: 100%; padding: 15px; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 990; /*页面的右移效果，如无必要，无需修改*/ }
.box20063_1 .mf-nav-wrap::before, .mf1048_1 .mf-nav-wrap::after { display: table; content: ""; }
.box20063_1 .mf-nav-wrap::after { clear: both; }
.box20063_1 .mf-nav-wrap.slide-style { -webkit-transform: translate3d(-300px, 0, 0); transform: translate3d(-300px, 0, 0); }
.box20063_1 .logo { float: left; width: 85px; }
.box20063_1 .mf-nav-toggle { float: right; margin-top: 6px; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-nav-toggle span { display: block; width: 30px; height: 2px; background-color: #fff; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-nav-toggle span + span { margin-top: 5px; }
.box20063_1 .mf-nav-toggle.toggle { margin-top: 12px; }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(1) { -webkit-transform: translate(1px, 1px) rotate(-45deg); transform: translate(1px, 1px) rotate(-45deg); }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(2) { display: none; }
.box20063_1 .mf-nav-toggle.toggle span:nth-child(3) { margin-top: 0; -webkit-transform: translate(1px, -1px) rotate(45deg); transform: translate(1px, -1px) rotate(45deg); }
.box20063_1 .mf-navbar .mask { position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 997; visibility: hidden; }
.box20063_1 .mf-navbar ul { background-color: #fff; width: 300px; height: 100vh; position: fixed; right: -300px; top: 0; padding-bottom: 30px; overflow-y: auto; visibility: hidden; -webkit-transition: all ease .3s; transition: all ease .3s; z-index: 998; }
.box20063_1 .mf-navbar ul li { -webkit-transform: translateX(-100%); transform: translateX(-100%); -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-navbar ul li > a { display: block; padding: 20px 15px; border-bottom: 1px solid #efefef; overflow: hidden; }
.box20063_1 .mf-navbar ul li > a img { width: 22px; margin-right: 15px; float: left; }
.box20063_1 .mf-navbar ul li > a .title { display: block; float: left; font-size: 16px; max-width: 170px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box20063_1 .mf-navbar ul li > a .mf-arrow { display: block; width: 22px; height: 22px; float: right; background: url(/client/images/arrow_down.png) no-repeat center center; background-size: 15px auto; -webkit-transition: all ease .3s; transition: all ease .3s; }
.box20063_1 .mf-navbar ul li.active > a .mf-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); }
.box20063_1 .mf-navbar .subnav { display: none; }
.box20063_1 .mf-navbar .subnav .sub-item { border-bottom: 1px solid #efefef; background-color: #f8f8f8; }
.box20063_1 .mf-navbar .subnav .sub-item a { display: block; padding: 10px 15px 10px 50px; font-size: 14px; color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.box20063_1 .mf-navbar.show .mask { visibility: visible; }
.box20063_1 .mf-navbar.show ul { -webkit-transform: translateX(-300px); transform: translateX(-300px); visibility: visible; }
.box20063_1 .mf-navbar.show ul li.ani { -webkit-transform: translateX(0); transform: translateX(0); }


.box227_1{ background:#BAE3F7; padding:10px;}
.box227_1 .clearFix227{ clear:both; height:0; overflow:hidden;}
.box227_1 input{ vertical-align:middle;}
.box227_1 select{ vertical-align:middle; margin-right:5px;}
.box227_1 .title,.box227_1 .select01,.box227_1 .select02,.box227_1 .kwCont{ display:inline; float:left;}
.box227_1 .title{ color:#2F86C9; font-family:"微软雅黑"; font-size:14px; font-weight:bold;}
.box227_1 select{ border:#6BC0F1 1px solid;  height:25px;}
.box227_1 .kwCont{ background:url(/client/images/bg_03.gif) no-repeat; width:475px; height:25px; display:inline-block;}
.box227_1 .kwCont .textCont{ border:0; width:378px; margin-left:30px; color:#A7C2D5; padding-top:3px; float:left; margin-top:5px;}
.anSearch{ background:url(/client/images/bg_03.gif) no-repeat right; width:55px; height:25px; border:none; float:right; cursor:pointer;}

*{ margin:0;padding:0;} 
.box303_1 #kinMaxShow .kinMaxShow_image_box{width:100%;height:380px;position:relative;z-index:1;} 
.box303_1 #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item{width:100%;height:380px;position:absolute;overflow:hidden;} 
.box303_1 #kinMaxShow .kinMaxShow_image_box .kinMaxShow_image_item a{width:100%;height:380px;display:block;text-decoration:none;padding:0;margin:0;background:transparent;text-indent:0;outline:none;hide-focus:expression(this.hideFocus=true);} 
.box303_1 #kinMaxShow .kinMaxShow_button{right:44%;bottom:10px;position:absolute;list-style:none;z-index:2;}
.box303_1 #kinMaxShow .kinMaxShow_button li{width:14px;height:14px;line-height:14px;font-size:10px;background:url(/client/images/dian_bg.jpg) no-repeat 0 center;border:0;color:#666666;text-align:center;margin-right:8px;font-family:Verdana;float:left;cursor:pointer;-webkit-text-size-adjust:none;}
.box303_1 #kinMaxShow .kinMaxShow_button li.focus{background:url(/client/images/dian_bg.jpg) no-repeat -21px center;border:0;color:#fff;cursor:default;}


.box10017_1 *{margin: 0;padding: 0;box-sizing: border-box;}
.box10017_1{font:14px/1.43 'Microsoft Yahei',Arial,sans-serif;color: #666;}
.box10017_1 a{ height:30px;font-weight:700; line-height:20px;color:#666; text-decoration:none;font-family: "微软雅黑",Arial;font-weight:normal;margin:0 5px;}
.box10017_1 a:hover{text-decoration:none;color: #0f91dd;}
                                                                               

.box161_1
{ 
}



.box20052_1 { font: 14px/1.43 'Microsoft Yahei', Arial, sans-serif; color: #333; width: 1200px; margin: 0 auto; }
.box20052_1::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }
.box20052_1 * { margin: 0; padding: 0; }
.box20052_1 a { color: inherit; text-decoration: none; }
.box20052_1 img{vertical-align: middle;}
.box20052_1 .small-box img{max-width:100%;}
.box20052_1 .thumbnail-box .list .item img{max-width:100%;}
.box20052_1 ul, .box20052_1 li { list-style: none; }
.box20052_1 #magnifier { position: relative; width: 450px; float: left; }
.box20052_1 .small-box { position: relative; width: 450px; height: 450px; margin-bottom: 20px; border: 1px solid #eee;overflow:hidden; }
.box20052_1 .small-box img { display: block;}
.box20052_1 .small-box .hover { display: none; position: absolute; left: 0; top: 0; width: 200px; height: 200px; border: 1px solid #aaa; background: #0099ff; opacity: .5; filter: alpha(opacity=50%); cursor: move; }
.box20052_1 .small-box .play { width: 60px; height: 60px; background: url(/client/images/play.png) no-repeat center center; position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; z-index: 990; display: none; }
.box20052_1 .small-box .videos { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 992; display: none; }
.box20052_1 .small-box .videos video { width: 100%; height: 100%; background-color: #000; }
.box20052_1 .small-box .videos .vclose { position: absolute; right: 1%; top: 1%; border-radius: 100%; cursor: pointer; }
.box20052_1 .small-box:hover .play { display: block; }
.box20052_1 .thumbnail-box { position: relative; width: 100%; }
.box20052_1 .thumbnail-box .btn { position: absolute; top: 50%; width: 22px; height: 32px; margin-top: -16px; }
.box20052_1 .thumbnail-box .btn-prev { left: 0; background: url(/client/images/btn_prev.png) no-repeat; }
.box20052_1 .thumbnail-box .btn-next { right: 0; background: url(/client/images/btn_next.png) no-repeat; }
.box20052_1 .thumbnail-box .list { overflow: hidden; width: 390px; margin: 0 auto; }
.box20052_1 .thumbnail-box .list .item { float: left; width: 58px; margin: 0 10px; }
.box20052_1 .thumbnail-box .list .item img { border: 2px solid #fff; }
.box20052_1 .thumbnail-box .list .item-cur img { border: 2px solid #e53e41; }
.box20052_1 .thumbnail-box .wrapper { width: 100000px; }
.box20052_1 .big-box { display: none; overflow: hidden; position: absolute; left: 451px; top: 0; width: 540px; height: 540px; border: 1px solid #e4e4e4; }
.box20052_1 .big-box img { display: block;max-width:inherit;}
.box20052_1 .pro-intro { float: right; width: 650px; }
.box20052_1 .pro-intro .pro-title { font-size: 20px; font-weight: bold; padding-bottom: 15px; border-bottom: 1px solid #eee; margin-bottom: 25px; }
.box20052_1 .pro-intro .pro-detail { margin-bottom: 50px; }
.box20052_1 .pro-intro .pro-detail .pro-type { margin-bottom: 10px; }
.box20052_1 .pro-intro .pro-detail .pro-txt .bref { margin-bottom: 5px; }
.box20052_1 .pro-intro .pro-detail .pro-txt .txt { line-height: 180%; color: #666; }
.box20052_1 .pro-intro .pro-tel { padding-left: 35px; background: url(/client/images/tel.png) no-repeat left center/25px auto; font-size: 18px; height: 36px; line-height: 36px; }


ul,li{margin: 0;padding: 0;list-style: none;}
.box268_1 { width:100%; overflow:hidden; margin:0 auto;}
.box268_1 .tab_conbox1{border: 1px solid #dfdfdf;padding:14px;}


.box268_1 .tabs1{overflow:hidden;}
.box268_1 .tabs1 li{height:39px;line-height:40px;float:left;border:1px solid #dfdfdf;background: #fff;overflow: hidden;position: relative; border-bottom:none;}
.box268_1 .tabs1 li a {display: block;padding: 0 10px;border: 1px solid #fff;outline: none;text-decoration: none;color: #000;font-size: 14px;}
.box268_1 .tabs1 li a:hover {background: #fff;}	
.box268_1 .tabs1 .thistab{background:#fff;border-top:2px solid #701b1e;height:38px;line-height:38px; border-bottom:none;}
.box268_1 .tabs1 .thistab a:hover{background:#fff;height:38px;line-height:38px;}
.box268_1 .tab_con {font-size: 14px; line-height:175%;}


.box20064_1 img{max-width:100%;vertical-align:middle}
.box20064_1 li,.box20064_1 ul{list-style:none}
.box20064_1 a{text-decoration:none}
.box20064_1 .db{position:fixed;bottom:0;z-index:999;display:flex;padding-bottom:10px;width:100%;background:#f5b834;text-align:center;justify-content:space-around;align-items:flex-end;left: 0;}
.box20064_1 .db li img{width:30px}
.box20064_1 .db li.dt img{width:40px;transform:translateY(2px)}
.box20064_1 .db li a{color:#fff;font-size:12px}
.box20064_1 .db li a p{margin-top:5px}
</style>