﻿

body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li,pre,code,fieldset, lengend, button, input, textarea, th, td { margin: 0;padding: 0;}

ol, ul {list-style: none;}

a { text-decoration: none; outline:none }

a:hover { text-decoration: underline; }

fieldset, img { border: none; } 

table {border-collapse: collapse;border-spacing: 0;}

h1, h2, h3, h4, h5, h6 {font-size: 100%;font-weight: normal;}

button, input, select, textarea {font-size: 100%;}

address, caption, cite, code, dfn,em, strong, th, var, optgroup {font-style: normal;}

q:before, q:after { content: ''; }

:focus {outline:none;}  

body{ font:12px/1.5 Tahoma,Arial,"宋体",sans-serif;}

   

.clearfix:after { content: "."; display: block; height: 0; clear: both;visibility: hidden; }

.clearfix {display: inline-block;}

* html .clearfix {height: 1%;} 

.clearfix {display: block;} 

.fl{ float:left}

.fr{float:right}



.clear{ clear:both}



a{color:#636466}

a:hover {color:#1586c8;text-decoration:underline}

.itemblk-bg{ background:#fff;}









.form-customParaBox{ color:#616161}

.form-customParaBox .forminput{border: 1px solid #d6d6d6;color: #42474B;height: 17px;line-height: 17px;padding: 4px 2px 5px 5px;vertical-align: middle;}

.form-customParaBox .pr10{ padding-right:10px}

.form-customParaBox .formarea{border:1px solid #cecece; padding:3px 0 0 5px; color:#42474B}

.form-customParaBox .formselect{border:1px solid #cecece; padding:4px 3px 5px 3px;color:#42474B; *font-family:"Microsoft YaHei", Helvetica, Verdana, Arial, Tahoma; *font-size:14px; *line-height:1.5}

.form-customParaBox .valigntop{vertical-align: top;}

.form-customParaBox .valignmid{vertical-align:middle;}

.form-customParaBox .KjEditAddBlk span{ color:#616161}





.CSadvert-listWrap .advert-numlist { bottom:0px;text-align: center; width: 100%; z-index: 30;background-color:rgba(0, 0, 0, 0.7); filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7F000000,endcolorstr=#7F000000); padding:10px}

.CSadvert-listWrap .advert-numlist li { width: 8px; height: 8px; border-radius: 50%; background: #ff4889; margin: 0 3px; display: inline-block; *display:inline;

*zoom:1;cursor:pointer; overflow:hidden;}

.CSadvert-listWrap .advert-numlist li span{ text-indent:-9999px; display:inline-block}

.CSadvert-listWrap .advert-numlist li.oncurr { background: #fff }







html,body {*width:100%; *overflow-x:hidden}

html,body {background:url("../images/bg.png") repeat; color:#999999}

.header {background:url("../images/header_bg.png") repeat-x; height:144px; position:relative; z-index:30}

.wrap {width:1000px; margin:0 auto}



.logo {float:left; width:600px; overflow:hidden; margin-top:5px;}

.mt20 {margin-top:20px}

.sub-wrap {background:#fff; overflow:hidden; padding-top:20px; margin-bottom:30px;}

.wrap-left {width:275px; margin-right:10px; border-right:1px dashed #b9b9b9}

.wrap-right {width:700px; margin-right:10px}

.wrap-left,.wrap-right{margin-bottom:-10000px;padding-bottom:10000px;}

.sub-page {padding-bottom:5px; margin-bottom:20px; border-bottom:#b3b3b3 1px solid;}

.sub-page-h h2 {font:bold 16px/26px "Microsoft YaHei"; color:#1586c8; padding-left:20px; background:url("../images/subpage.png") no-repeat 5px -192px}

.bread a {color:#1586c8;}

.bread{ color:#808080; font-family:"宋体"}

.bread span {color:#808080}

.bread a.last,.bread a.last:hover{color:#808080; cursor:default; text-decoration:none}

.form-customSubBtn {background:url("../images/btn.png") no-repeat; width:107px; height:36px; border:0; color:#fff; font-size:14px; cursor:pointer}

.form-customSubBtn:hover {color:#fff}



.sub-banner-wrap {width:100%; overflow:hidden;}

.sub-banner-box {float:left; position:relative; left:50%}

.sub-banner{float:left; position:relative; left:-50%}

.sub-banner a {}









.header-bar-wrap {z-index:40; float:right}

.header-bar{color:#5f6062; width:600px;margin:0 auto;}

.header-bar .item{ float:right;}

.header-bar a{ color:#5f6062}

.header-bar a:hover{ color:#1586c8}

.loginhand,.header-ewm,.languages,.header-carthd{height:29px; line-height:29px}

.loginhand{width:190px; text-align:right}

.loginhand .logout{ padding-left:5px;}

.loginhand .loginName{ text-decoration:underline}



.header-cart{ position:relative; z-index:40}

.header-carthd{ padding:0px 13px; margin-left:10px;overflow:hidden; z-index:40; position:relative;width:90px; }

.header-carthd a{ padding:0 0px 0 20px;background:url("../images/header_cart.png") no-repeat left center;}

.header-carthd em{ color:#1586c8;padding:0 3px; font-weight:bold}

.header-cartbd{ background:#fff; position:absolute; right:0; top:28px; width:330px; padding:15px 5px 15px 20px; border:1px solid #d7d7d7; display:none}

.cartSp-listWrap{overflow-y:scroll;max-height:365px;height:auto !important;height:365px;}

.cartSp-list .pic{ width:51px; height:51px; border:1px solid #dadada; overflow:hidden; float:left;}

.cartSp-list .name{ float:left; width:175px; overflow:hidden; padding-left:10px; color:#676a6f}

.cartSp-list .name:hover{ color:#1586c8; text-decoration:underline}

.cartSp-list .hand{ float:left; width:75px; text-align:center}

.cartSp-list .price{ display:block; color:#ff5a00; font-family:"微软雅黑"}

.cartSp-list .del{ color:#3366cc; text-decoration:underline}

.cartSp-list .del:hover{ color:#1586c8; text-decoration:underline}

.cartSp-list li{ padding:10px 0}

.header-cartHover .header-carthd{ background:#fff; border-left:1px solid #d7d7d7;border-right:1px solid #d7d7d7;padding:0 12px;}

.header-cartHover .header-cartbd{ display:block}

.goto-count{ text-align:right; padding:0px 0px 0 0;}

.goto-count a{border-radius: 5px 5px 5px 5px;color: #FFFFFF;display: inline-block;font-weight: 700;height: 26px;line-height:26px; margin-top: 6px; text-align: center;width: 78px; background:url("../images/goto_count.png") no-repeat right top}

.goto-count a:hover{ text-decoration:none; color:#fff}

.cart-amountCount{ text-align:right; padding:10px 10px 0px 10px; color:#888888}

.cart-amountCount b {color: #E4393C;margin: 0 3px 0 5px;}

.cart-amountCount strong {color: #E4393C;font-size: 18px; font-family:\5FAE\8F6F\96C5\9ED1; font-weight:normal}

.cart-notgoods{ text-align:center}

.cartSp-buyDw{border-top:1px solid #eee;}





.languages{ margin-left:3px;width:75px}

.header-ewm{ padding-left:6px; position:relative; z-index:40; margin-left:12}

.header-ewm .oncurr{}

.ewm-hd{width:90px}

.ewm-hd em{  background:url("../images/ewm_icon.png") no-repeat left center; padding-left:20px;cursor:pointer;}

.ewm-hd em b{background:url("../images/ewm_jt_icon.png") no-repeat right center; padding-right:10px; font-weight:normal}

.ewm-hd em:hover{ color:#a5a5a5; }

.ewm-bd{ position:absolute;left:-15px; top:29px; display:none}

.ewm-detail{ padding-top:7px; background:url("../images/ewm_jt.png") no-repeat top center;}

.ewm-detail .pic{ width:129px; height:129px; overflow:hidden; padding:5px;background:#cccccc;}

.ewm-detail .txt{ height:25px; line-height:25px; text-align:center; color:#7e7e7e; text-align:center; _width:125px;}



.nav-wrap{ position:relative;float:left; z-index:20; width:1000px; margin-top:5px}

.nav-list li{float:left; margin-right:2px; display:inline;width:163px;}

.nav-list li a{display:block; width:163px; height:54px; overflow:hidden;line-height:54px;text-align:center;font-family:\5FAE\8F6F\96C5\9ED1; font-size:16px; color:#5f6062; }

.nav-list li a:hover{color:#fff; background:#1586c8; text-decoration:none}

.nav-list li.oncurr a{color:#fff; background:#1586c8}

.nav-list li.onHover a{color:#fff; background:#1586c8}

.nav-list li ul{position:absolute; height:0; overflow:hidden; left:0;}

.nav-list li ul li{ float:none; width:auto;}

.nav-list li ul li a{ display:block;white-space:nowrap; width:auto;_display:inline-block; padding:0 10px;overflow:visible;}

.floatMenuWrap{}

.floatMenuWrap .floatContentBox{ background:#e8e8e7}

.floatMenuWrap .nav-sub li{ border-left:none; height:32px; line-height:32px; float:left; display:inline; width:100%}

.floatMenuWrap .nav-sub li a{font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; color:#5f6062; display:block; height:32px; overflow:hidden; padding:0 10px;}

.floatMenuWrap .nav-sub li a span {background:url("../images/all.png") no-repeat 0px -333px; padding-left:10px}

.floatMenuWrap .nav-sub li a:hover{ color:#fff; background:#1586c8; text-decoration:none}

.floatMenuWrap .nav-sub li a:hover span {background:url("../images/all.png") no-repeat 0px -356px}

.floatMenuWrap ul.center li{ text-align:center}

.floatMenuWrap ul.left li{ text-align:left}

.floatMenuWrap ul.right li{ text-align:right}

.floatArrow{left:0; top:0px; position:absolute;}



.banner {background:#0d0e10; width:100%; height:400px; border-bottom:#004374 3px solid}





.bs_list li { width:100%; height: 400px; }

.bs_list li a { display: block; height: 400px }

.cs-bannerWrap1 .banner-ui-prev { height: 55px; position: absolute; top: 170px; left: 10px; width: 52px; background: #900 }

.cs-bannerWrap1 .banner-ui-next { height: 55px; position: absolute; top: 170px; right: 10px; width: 52px; background: #900 }

.cs-bannerWrap1 .banner-numlist { bottom:10px;text-align: center; width: 100%; z-index: 30; }

.cs-bannerWrap1 .banner-numlist li { width: 12px; height: 12px; border-radius: 50%; background: #ffffff; margin: 0 3px; display: inline-block; *display:inline;

*zoom:1;cursor:pointer; overflow:hidden; border:1px solid #989a97}

.cs-bannerWrap1 .banner-numlist li span{ text-indent:-9999px; display:inline-block}

.cs-bannerWrap1 .banner-numlist li.oncurr { background: #2d8acf }

.cs-bannerWrap1 .banner-ui-desc { position: absolute; height: 41px; line-height: 41px; text-align: center; width: 250px; background: #666; color: #fff;}



.pagewrap{padding:3px; margin:20px 0px; text-align:right;}

.pagewrap a{padding:4px 8px; border:#b1b1b1 1px solid; color:#666666;text-decoration: none; margin:2px 1px; border-radius:2px}

.pagewrap a:hover ,.pagewrap a:active {color: #fff; background:#1586c8; border:0; padding:5px 9px}

.pagewrap a.current {padding:5px 9px; background:#1586c8; font-weight:bold; margin:2px; margin:0 1px; color:#fff; border-radius:2px; border-color:#1586c8}

.pagewrap a.last {margin-right:0}



.footer-wrap {background:#f3f3f3; padding:20px 0; text-align:center; color:#8c8c8c}

.footer , .footer a{font-family:\5FAE\8F6F\96C5\9ED1; line-height:26px}

.friendlink-wrap {background:#e6e6e6; border-top:#cecece 1px solid; border-bottom:#cecece 1px solid; padding:5px 0; clear:both}

.friendlink .tit{font:16px/25px \5FAE\8F6F\96C5\9ED1; color:#1586c8; float:left;overflow:hidden; width:80px; text-align:left}

.friendlink-list{ float:left; width:900px; overflow:hidden;line-height:25px;}

.friendlink a {color:#8c8c8c;  font-family:\5FAE\8F6F\96C5\9ED1; padding:0 8px 0 7px; background:url("../images/friendlink_list_li.png") no-repeat right 2.5px; line-height:25px}

.friendlink a.last{ background:none}

.friendlink a:hover {color:#1586c8; text-decoration:none}



.index-hd1 {position:relative; z-index:3; width:94px; height:37px; background:#1586c8; font:16px/37px \5FAE\8F6F\96C5\9ED1; text-align:center; color:#fff; float:left}

.index-hd2 {font:18px/60px \5FAE\8F6F\96C5\9ED1; color:#1586c8}

.index-notice-wrap{background:#fff; float:left; width:906px; height:37px; line-height:37px; overflow:hidden; text-align:left}

.index-notice {position:relative; z-index:2; margin-top:-37px; width:100%; height:37px; background:#fff;}

.index-notice-list {position:absolute; z-index:1}

.index-notice-list li{ overflow:hidden; width:780px}

.index-notice-list li a { color:#7c7d80; font:14px/37px \5FAE\8F6F\96C5\9ED1; background:url("../images/all.png") no-repeat 0 -50px; margin-left:20px; padding-left:15px; padding-right:70px}

.index-notice .scroll-prev , .index-notice .scroll-next {display:inline-block; width:14px; height:13px; background:url("../images/all.png") no-repeat; position:absolute; z-index:4; top:13px;}

.index-notice .scroll-prev {right:30px; background-position: 0 -106px}

.index-notice .scroll-next {right:10px; background-position: 0 -76px}





.cs-bannerWrap2 .banner-ui-prev { width:14px; height:13px; background:url("../images/all.png") no-repeat 0 -106px; position:absolute; right:40px; top:13px}

.cs-bannerWrap2 .banner-ui-next { width:14px; height:13px; background:url("../images/all.png") no-repeat 0 -76px; position:absolute; right:15px; top:13px}



.index-video{padding:20px 10px 20px 15px;}

.index-video p {background:#1586c8; padding:10px; width:288px; height:244px; overflow:hidden; border-radius: 5px; position:relative; z-index:1}

.index-video p a.index-video-btn {display:block; width:100%; height:100%; position:absolute; z-index:2; background:url("../images/video_bg.png") no-repeat center center; _background:none; top:0; left:0;}



.h-contactIntrobox{padding:20px 10px 22px;line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1; color:#999;}

.h-contactIntrobox a {color:#1586c8; white-space:nowrap}

.index-news{ padding:20px 10px}

.index-news-list li {margin-bottom:14px}

.index-news-list li div.index-news-img {border:2px solid #d9d9d9; width:85px; height:70px; float:left; overflow:hidden; margin-right:10px}

.index-news-list li div.index-news-con {word-break:break-all; word-wrap:break-word}

.index-news-list li div.index-news-con a {font:16px/26px \5FAE\8F6F\96C5\9ED1}

.index-news-list li div.index-news-con a:hover {color:#1586c8}

.index-news-list li div.index-news-con p {overflow:hidden; font-family:\5FAE\8F6F\96C5\9ED1}



.h-pro-listbox{}

.h-pro-listWrap{ margin-left:-13px;}

.h-pro-list{z-index:2;}

.h-pro-list li{float:left; width:240px; height:270px; overflow:hidden; margin-left:13px; display:inline}

.h-pro-list li .blend{background:#fff; width:216px; height:246px; padding:12px}

.h-pro-list li .pic{width:215px; height:139px; overflow:hidden; float:left;}

.h-pro-list li  a{color:#1586c8; text-decoration:none; font:16px/30px \5FAE\8F6F\96C5\9ED1}

.h-pro-list li .name{color:#1586c8; text-decoration:none; font:16px/30px \5FAE\8F6F\96C5\9ED1}

.h-pro-list li .intro{height:48px; overflow:hidden; color:#8c8c8c; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1}

.h-pro-list li .detail{height:26px; background:#ececec url("../images/all.png") no-repeat 170px -139px}

.h-pro-list li .detail a{color:#797979; line-height:26px; display:block; padding-left:15px; text-decoration:none; font-size:12px;}

.h-pro-list li .index-product-hover {background:#1586c8}

.h-pro-list li .index-product-hover a ,.h-pro-list li .index-product-hover .intro{color:#fff}

.h-pro-list li .index-product-hover .detail{background:#f2faff url("../images/all.png") no-repeat 170px -139px}

.h-pro-list li .index-product-hover .detail a{color:#797979;}



.h-pro-scrollBox{width:1000px; overflow:hidden; position:relative; z-index:1; height:270px;}

.h-pro-scrollBox .h-pro-listWrap{ position:absolute; margin-left:0; left:0; top:0}

.h-pro-scrollBox .h-pro-listWrap .h-pro-list{ float:left; width:1012px}

.h-pro-scrollBox .h-pro-listWrap .h-pro-list li{ margin-right:13px; margin-left:0}

.h-pro-scrollBox .ui-scro-prev1, .h-pro-scrollBox .ui-scro-next1 {display:inline-block; width:37px; height:37px; background:url("../images/all.png") no-repeat; position:absolute; z-index:4; top:110px;}

.h-pro-scrollBox .ui-scro-prev1 {left:0px; background-position: 0 -168px}

.h-pro-scrollBox .ui-scro-next1 {right:0px; background-position: 0 -247px}





.index-product {width:1000px; overflow:hidden; position:relative; z-index:1; height:270px;}

.index-product-listwrap{ position:absolute;}

.index-product-list {z-index:2; float:left}

.index-product-list li {float:left; width:254px; height:270px; overflow:hidden}

.index-product-box {background:#fff; width:216px; height:246px; padding:12px}

.index-product-img {width:215px; height:139px; overflow:hidden}

.index-product-a a {color:#1586c8; text-decoration:none; font:16px/30px \5FAE\8F6F\96C5\9ED1}

.index-product-p {height:48px; overflow:hidden; color:#8c8c8c; line-height:24px; font-family:\5FAE\8F6F\96C5\9ED1}

.index-product-url {height:26px; background:#ececec url("../images/all.png") no-repeat 170px -139px}

.index-product-url a {color:#797979; line-height:26px; display:block; padding-left:15px; text-decoration:none}

.index-product-hover {background:#1586c8}

.index-product-hover .index-product-a a , .index-product-hover .index-product-p{color:#fff}

.index-product-hover .index-product-url {background:#f2faff url("../images/all.png") no-repeat 170px -139px}







.sidebar-nav {margin:0px 15px 20px}

.sidebar-nav h3{ height:48px; padding-left:20px; color:#fff; font:18px/48px \5FAE\8F6F\96C5\9ED1; background:url("../images/subpage.png") no-repeat; margin-bottom:5px}

.sidebar-navlist{}

.sidebar-navlist li{margin-bottom:5px}

.sidebar-navlist li a{display:block; height:35px; line-height:35px; overflow:hidden; padding:0 30px; font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px; color:#5f6062; background:url("../images/subpage.png") no-repeat 0 -88px;}

.sidebar-navlist li.oncurr a , .sidebar-navlist li.onHover a , .sidebar-navlist li a:hover{color:#fff; background:url("../images/subpage.png") no-repeat 0 -51px; text-decoration:none}

.sidebar-navlist li .sidebar-subnav a{padding-left:50px; color:#666; height:25px; line-height:25px; font-size:12px; font-family:\5FAE\8F6F\96C5\9ED1; background:url("../images/subpage.png") no-repeat 30px -157px; font-size:14px;}

.sidebar-navlist li .sidebar-subnav{display:none;}

.sidebar-navlist li.oncurr .sidebar-subnav{display:block}

.sidebar-navlist li .sidebar-subnav li{ background:none}

.sidebar-navlist li .sidebar-subnav .subOncurr a , .sidebar-navlist li .sidebar-subnav a:hover{background:url("../images/subpage.png") no-repeat 30px -127px; color:#1586c8}



.news-listbox1{}

.news-list li{ padding:20px; border-bottom:1px dashed #e6e6e6}

.news-list li .pic {width:124px; height:102px; overflow:hidden; float:left; margin-right:20px; border:1px solid #e6e6e6}

.news-list li .txt{word-break: break-all; word-wrap:break-word;}

.news-list li .txt .intro{ overflow:hidden}

.news-list li .tit a{ color:#444; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1;line-height:25px;}

.news-list li .tit a:hover{ color:#0087dd}

.news-list li .txt .intro{ font-size:12px; color:#b2b2b2; line-height:18px;}

.news-list li .time{color:#999; float:right}



.news-conBox{border-bottom:1px solid #d3d3d3;}

.news-conBox h1{color:#262626;font-size:26px;font-family:\5FAE\8F6F\96C5\9ED1; text-align:center;line-height:56px;height:56px;overflow:hidden}

.news-conBarWrap{ padding:8px 0 10px; border-bottom:1px dotted #ababab}

.news-conBarInner{ position:relative; float:left; left:50%}

.news-conBarBox{ position:relative; float:left; left:-50%;color:#666}



.news-conBarPara span{ padding-right:25px}

.news-conBarPara{ float:left; height:25px; line-height:25px; padding-right:25px; color:#8f8f8f}

.news-conBarShare{ float:left}

.news-conDetailTxt{ font:14px/26px \5FAE\8F6F\96C5\9ED1; color:#666; padding:15px 0}

.news-branchesDir{ font-size:14px; margin:20px 0; font-family:\5FAE\8F6F\96C5\9ED1}

.news-branchesDir p {float:left; width:50%}

.news-branchesDir a{ color:#262626; font-family:\5FAE\8F6F\96C5\9ED1}

.news-branchesDir a:hover{color:#1586c8; text-decoration:underline}

.news-relatelist li{clear:both; background:url("../images/news_li_icon.png") no-repeat left center; padding-left:12px; line-height:24px; font-size:14px; height:24px; overflow:hidden}

.news-relatelist li a{ color:#4c4c4c; float:left; font:14px/28px \5FAE\8F6F\96C5\9ED1}

.news-relatelist li a:hover{ color:#b2b2b2; text-decoration:underline}

.news-relatelist li span{ padding-left:20px; color:#aaaaaa; float:left}

.news-relateRead{ padding-bottom:20px; float:left; width:100%}

.news-relateRead .tit{ color:#1f1f1f; font-size:16px; line-height:36px; font-weight:bold; display:block; padding-bottom:5px}



.leavmsg-list{ width:100%; margin-bottom:25px; word-break:break-all}

.leavmsg-list tr{ border-bottom:1px solid #e6e6e6}

.leavmsg-list td{ padding-top:20px; padding-bottom:20px }

.leavmsg-asker{ float:left; width:90px; padding-left:10px; overflow:hidden}

.leavmsg-asker .name{ font-weight:bold;display:block; color:#4c4c4c; line-height:23px}

.leavmsg-asker .time{ color:#b2b2b2; font-family:Arial;}

.leavmsg-txt{padding:0 15px }

.leavmsg-asktxt{ line-height:24px; color:#666; }

.leavmsg-replytxt{ background:#f2f2f2; padding:10px 15px; color:#1586c8; margin-top:15px;}

.leavmsg-replytxt strong{ font-weight:bold; padding-right:10px}

.leavmsg-formbox{ margin-top:35px; padding-bottom:30px}

.leavmsg-formhd{ border-bottom:2px solid #1586c8; padding:0 10px;}

.leavmsg-formhd span{ background:url("../images/leavmsg_formhd_circle1.png") no-repeat left center; padding-left:35px; font-size:14px; color:#323f44; font-weight:bold; height:30px; line-height:30px; display:block}

.leavmsg-itemlist .m-inp1{ width:170px;}

.leavmsg-itemlist .m-inp2{ width:200px;}

.leavmsg-itemlist .m-inp3{ width:80px;}

.leavmsg-itemlist li{ padding-top:20px}

.leavmsg-itemlist li .item{ float:left; padding-right:30px;}

.leavmsg-itemlist li .para-tit{ color:#666666; float:left; line-height:28px; width:100px; text-align:right}

.leavmsg-itemlist li .para-tit em{ vertical-align:middle; color:#f00; padding-right:3px}

.leavmsg-itemlist .leavmsg-input{ padding:6px 3px; border:1px solid #cecece; float:left}

.leavmsg-input:hover,.leavmsg-area:hover {border-color: #abaaaa;}

.leavmsg-input:focus,.leavmsg-area:focus{border-color: #abaaaa;box-shadow: 0 1px 5px #CDCDCD inset;outline: 0 none;}

.leavmsg-yzmbox{ height:28px; overflow:hidden; float:left; margin-left:12px; display:inline}

.leavmsg-area{ border:1px solid #cccccc; width:540px; height:120px; padding:3px 5px;}

.leavmsg-subtn{ width:107px; height:36px;border:none; font-size:16px; font-family:\5FAE\8F6F\96C5\9ED1; color:#fff; cursor:pointer; background:url("../images/btn.png") no-repeat}

.leavmsg-itemlist .m-invalid{ border-color:#F00}



.staff-list-box {margin-left:-20px}

.staff-list li {float:left; width:220px; margin-left:20px; margin-bottom:20px; display:inline}

.staff-list li a {border:1px solid #cecece; display:block; text-align:center; padding:7px 0 3px}

.staff-list li a div {width:199px; height:126px; margin:0 auto; overflow:hidden}

.staff-list li a span {display:block; line-height:30px; padding-left:10px; text-align:left}

.staff-list li a:hover {background:#1586c8; border:#fff 1px solid; text-decoration:none}

.staff-list li a:hover span { color:#fff}



.staff-conBox h1{ font-size:22px; font-weight:bold; color:#4c4c4c; text-align:center; line-height:45px;}

.staff-conBox {margin:0 auto}

.staff-bigPrev,.staff-bigNext{ background:url("../images/staff_gallery.png") no-repeat;width:52px; height:55px;position:absolute; z-index:25;display:none}

.staff-bigPrev{ left:10px; background-position:0 0}

.staff-bigPrev:hover{ background-position:-52px 0px}

.staff-bigNext{ right:10px; background-position:0 -55px}

.staff-bigNext:hover{ background-position:-52px -55px}

.staff-bigPicTit{ text-align:center; position:absolute; left:0; bottom:0; z-index:20; width:100%; _top:260px; display:none}

.staff-bigPicTit b{ display:block; height:35px; line-height:35px; z-index:22; position:relative; color:#FFF}

.staff-bigPicTit span{ display:block; height:35px; line-height:35px;filter:alpha(opacity=70);-moz-opacity:0.7;

-khtml-opacity:0.7;opacity:0.7; background:#000; position:absolute; z-index:21; left:0; top:0; width:100%}

.staff-bigPic{ border:1px solid #d5d5d5}

.staff-bigWrap,.staff-smallWrap { margin:0 auto}

.staff-smallWrap{ margin-top:15px; height:72px; position:relative}

.staff-smallBtn{background:url("../images/staff_gallery.png") no-repeat;width:20px;height:72px; position:absolute}

.staff-smallPrev{ background-position:0 -182px; left:0}

.staff-smallPrev:hover{background-position:-20px -182px}

.staff-dis-smallPrev,.staff-dis-smallPrev:hover{background-position:-40px -182px; cursor:default}

.staff-smallNext{ background-position: 0 -110px; right:0}

.staff-smallNext:hover{background-position:-20px -110px}

.staff-dis-smallNext,.staff-dis-smallNext:hover{background-position:-40px -110px; cursor:default}

.staff-smallListWrap{height:72px; overflow:hidden; margin:0 auto; position:relative}

.staff-smallListInner{ position:absolute; left:0; top:0px}

.staff-smallList li{ float:left; width:95px; height:70px; overflow:hidden; margin:1px 4px 0; display:inline}

.staff-smallList li a{ border:3px solid #dfdfdf; display:block; width:89px; height:64px; overflow:hidden}

.staff-small-Arrow{ position:absolute; left:0; top:0; width:103px; height:70px; overflow:hidden}

.staff-small-Arrow b{ display:block;border:3px solid #1586c8; display:block; width:89px; height:64px;margin:0 4px}

.staff-conIntro{ padding:30px 15px 0}

.staff-conIntro p{ line-height:24px; color:#666666; text-indent:2em}

.staff-conShare{ margin-top:15px}



.staff-relatehd {border-bottom:#b3b3b3 1px solid; font:16px/38px \5FAE\8F6F\96C5\9ED1; padding-left:10px; color:#1586c8; margin-bottom:20px; background:url("../images/subpage.png") no-repeat 0 -185px}



.video-list-box {margin-left:-20px}

.video-list li {float:left; width:220px; margin-left:20px; margin-bottom:20px; display:inline}

.video-list li a {border:1px solid #cecece; display:block; text-align:center; padding:7px 3px}

.video-list li a div {width:199px; height:126px; margin:0 auto; overflow:hidden}

.video-list li a span {display:block; line-height:30px; padding-left:10px; text-align:left}

.video-list li a:hover {background:#1586c8; border:#fff 1px solid; text-decoration:none}

.video-list li a:hover span { color:#fff}



.video-conBox h1{ font-size:22px; font-weight:bold; color:#4c4c4c; text-align:center; padding:0px 0 12px}

.video-showBox{ width:730px; height:526px; overflow:hidden}

.video-conShare{ margin-top:10PX}

.video-conDetailTxt{ text-indent:2em; line-height:24px; font-size:14px; color:#4c4c4c; margin-top:12px;}

.video-branchDir p {line-height:30px; color:#4c4c4c}

.video-branchDir p a {color:#4c4c4c}

.video-branchDir p a:hover { text-decoration:underline}



.video-relatehd {border-bottom:#b3b3b3 1px solid; font:16px/38px \5FAE\8F6F\96C5\9ED1; padding-left:10px; color:#1586c8; margin-bottom:20px; background:url("../images/subpage.png") no-repeat 0 -185px}



.product-list-box { margin-left:-20px}

.product-list li {float:left; width:220px; height:260px; margin-left:20px; margin-bottom:20px; overflow:hidden; display:inline}

.product-list .index-product-box {background:#f2f2f2; width:200px; height:246px; padding:12px}

.product-list .index-product-img {width:197px; height:127px; overflow:hidden}

.index-product-a a {color:#1586c8; text-decoration:none; font:16px/30px \5FAE\8F6F\96C5\9ED1}

.index-product-p {height:48px; overflow:hidden; color:#8c8c8c; line-height:24px}

.product-list .index-product-url {height:26px; background:#fff url("../images/all.png") no-repeat 160px -139px}

.index-product-url a {color:#797979; line-height:26px; display:block; padding-left:15px; text-decoration:none}

.product-list .index-product-hover {background:#1586c8}

.index-product-hover .index-product-a a , .index-product-hover .index-product-p{color:#fff}

.index-product-hover .index-product-url {background:#f2faff url("../images/all.png") no-repeat 160px -139px}



.fpro-detailTab {margin-top:40px}

.fpro-detailTab-hd{ height:33px; border-bottom:#1586c8 2px solid;}

.fpro-detailTab-hd .fpro-tabhd{ font-size:14px; color:#3b3b3b; width:112px; height:33px; line-height:33px; text-align:center; float:left; cursor:pointer}

.fpro-detailTab-hd .oncurr{cursor:default;color:#fff; background:#1586c8; border:0; position:relative; z-index:3; margin-bottom:-1px; margin-left:-1px}

.fpro-detailTab-bd{ padding:0 15px;}

.fpro-detailTab-Item{padding:15px 0;display:none;color:#4e4e4e; font:14px/26px \5FAE\8F6F\96C5\9ED1;}

.fpro-detailTab-Item img{ max-width:670px;}

.fpro-detailTable{ width:100%; color:#4c4c4c}

.fpro-detailTable td{ border:1PX solid #c3c3c3; font-size:14px; padding:3px 0}

.fpro-detailTable .tit{width:120px;text-align:right; padding-right:3px; background:#efefef; vertical-align:top;word-break:break-all; color:#4e4e4e; font-size:12px;}

.fpro-detailTable .para{ padding-left:10px;word-break:break-all; color:#717171}



.product-relatehd {border-bottom:#b3b3b3 1px solid; font:16px/38px \5FAE\8F6F\96C5\9ED1; padding-left:10px; color:#1586c8; margin-bottom:20px; background:url("../images/subpage.png") no-repeat 0 -185px}









*html{_background-image:url(../css/.com/templets/default/css/about:blank); _background-attachment:fixed; zoom:1;}

.kf-online2-wrap{position:fixed; right:0;top:120px;color:#FFF; _position:absolute; _top:expression(document.documentElement.scrollTop+(parseInt(this.currentStyle.marginTop,10)||120)); z-index:30}

.kf-online2-box{position:relative;overflow:hidden; background:none; padding-top:21px}

.kf-online2-openBtn{ width:33px; height:117px; background:url("../images/kf-online2.png") no-repeat 0 -60px; float:left; margin-top:63px;}

.kf-online2-bd{ float:left; background:#008cd8; border-radius:5px; padding-bottom:5px; width:130px; overflow:hidden; position:relative; display:none}

.kf-online2-bd .hd{ background:url("../images/kf-online2.png") no-repeat 0 0; height:60px; width:130px;}

.kf-online2-itemWrap{ background:#fff; width:120px; margin:0 auto;min-height:130px;height:auto !important;height:130px;overflow:visible;}

.kf-online2-item{ padding:5px 10px 12px}

.hx-shadow2{ text-align:left; padding:3px 0}

.kf-online2-list{ padding:0 8px; text-align:center}

.kf-online2-item .tit{color:#7a7a7a; font-size:12px; height:31px; line-height:31px;}

.kf-online2-closeBtn{ width:12px; height:12px; background:url("../images/kf-online2.png") no-repeat -130px 0; position:absolute; right:5px; top:5px}





.recruit-listbox{ margin-top:20px}

.recruit-table{ width:100%;font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;}

.recruit-table td,.recruit-table th{ padding:0 10px;}

.recruit-table .recruit-thead th{height:42px; line-height:42px; color:#333;background:#d0effb;font-size:14px;}

.recruit-table .recruit-thead th.first{ text-align:left}

.recruit-table .recruit-tbody td{ padding-top:10px; padding-bottom:10px;}

.recruit-table tr.odd td{ background:#eaf9ff}

.recruit-name a{font-size:14px; color:#4b4b4b; background:url("../images/recruit_name.png") no-repeat left center; padding-left:12px;}

.recruit-name a:hover{text-decoration:underline; color:#1586c8}

.recruit-count,.recruit-address,.recruit-time{ color:#999; text-align:center}



.recruit-conbox{ color:#585858;font-family:\5FAE\8F6F\96C5\9ED1;}

.recruit-conName{ font-size:18px;color:#262626; background:#cbecff;padding:10px 15px 10px 20px;}

.recruit-conPanel-1,.recruit-conPanel-2{font-size:14px;}

.recruit-conPanel-2{border-top:1px dotted #b7b7b7; padding:15px}

.recruit-contable1{ width:100%; margin:0 10px;}

.recruit-contable1 td{ padding:10px 15px 10px 0;}

.recruit-jobDesc .tit,.recruit-jobRequire .tit{ font-size:14px; color:#262626; line-height:30px; height:30px; padding:0 15px; display:block;}

.jobDesc-txt,.jobRequire-txt{ padding:10px 15px 20px}

.recruit-conPanel-2 p{ line-height:20px}

.recruit-conPanel-2 .recruit-conEmail{ font-size:20px; font-family:\5FAE\8F6F\96C5\9ED1; line-height:25px; color:#1586c8; margin-top:10px}

.recruit-conhand{ margin-top:15px;}

.recruit-conhand .more{ float:right; color:#1586c8}

.recruit-conhand .more:hover{ text-decoration:underline}





.aboutus-con {line-height:28px; font-size:14px; font-family:\5FAE\8F6F\96C5\9ED1; padding-bottom:30px; color:#666666}

.aboutus-con img{ max-width:690px;}



.newslist-type4{padding:10px}

.newslist-type4 li{padding:5px 0 5px 10px;border-bottom:1px dotted #abaeb3;font-family:\5FAE\8F6F\96C5\9ED1;background:url("../images/newslist-type3_bg.png") no-repeat left center;}

  	.newslist-type4 li a{color:#5c5f65;font-size:14px;}

	.newslist-type4 li a:hover{color:#1586c8;}

	.newslist-type4 li span{color:#b3b3b3;font-size:12px; padding-right:10px;}

	



.newslist-type5{  padding:10px}

.newslist-type5 li{padding:5px 0;}

	.newslist-type5 li.first .hd a{font-weight:bold;}

	.newslist-type5 li  a.name{color:#4d4d4d;background:url("../images/type5_bg.png") no-repeat left center;padding-left:10px;}

	.newslist-type5 li  a.name:hover{color:#1586c8;}

	.newslist-type5 li  .time{float:right;color:#9c9c9c;}

	.newslist-type5 li .bd{ padding:7px 0 0}

	.newslist-type5 li .bd .pic{float:left;border:1px solid #cce7f2;padding:2px;width:105px;height:62px;overflow:hidden;margin-right:10px;}

	.newslist-type5 li .bd .intro{color:#707070;line-height:24px;}

	.newslist-type5 li .bd .intro a{color:#079fde;}

	.newslist-type5 li .bd .intro a:hover{text-decoration:underline;}





.h-profloatbox{background:#ffffff;}

.h-profloathd{ height:45px; line-height:45px; background:#1586c8; padding:0 9px; color:#ffffff}

.h-profloathd .tit { float:left; font-size:18px;font-family:\5FAE\8F6F\96C5\9ED1; }

.h-profloathd .more{ float:right; color:#fff;padding-right:8px; font-size:12px; font-family:Arial; font-size:10PX;transform:scale(0.875);}

.h-profloathd .more:hover{ text-decoration:underline}

.h-profloatlist{ padding:0 10px 18px}

.h-profloatlist li{ height:35px; line-height:35px; border-bottom:1px dotted #c4c7cc; padding:0 15px 0 8px; overflow:hidden}

.h-profloatlist li.last{ border-bottom:none}

.h-profloatlist li a{ color:#5c5f65; font-size:14px; padding-left:14px; background:url("../images/h-profloatlist_jt.png") no-repeat left center;font-family:\5FAE\8F6F\96C5\9ED1;}

.h-profloatlist li a:hover{ text-decoration:underline; color:#ef5344}





.site-norecord{ color:#b2b2b2; text-align:center; font-size:14px;font-family:\5FAE\8F6F\96C5\9ED1; padding:30px 0}



.submain-relatebox{float:left; width:100%;}









.dede_pages {

	padding:5px 0;

	margin-left:0px

}

.dede_pages li {

	display:inline-block;

	float:left;

}

.dede_pages li a, .dede_pages li.thisclass {

	border:1px solid #E7E7E7;

	height:30px;

	line-height:30px;

	background-color:#fff;

	padding:0 12px;

	color:#09F;

	box-shadow:1px 1px 1px #E7E7E7;

	margin:0 4px 0 0;

	display:block;

	float:left

}

.dede_pages li a:hover, .dede_pages li.thisclass {

	background-color:#4e5c6b;

	color:#fff;

}

.dede_pages li.thisclass {

	display:inline-block

}

.dede_pages em {

	font-size:10px;

	font-style:normal;

	-webkit-text-size-adjust:none;

}

.pagelist li.pageinfo {

	color:#999;

	font-weight:normal

}
.mainPage{ margin:20px 0;}

.mainPage ul{width: 680px;height: 32px;display:block; margin:0 auto;}

.mainPage ul li{float: left; display: inline; height: 32px; line-height: 32px; padding: 0 10px;color:#000;font-size:15px; margin: 0 5px; border:1px solid #dedede; font-size:16px;}

.mainPage ul li a{color:#000;font-size:16px; }

.mainPage ul li.thisclass{background:#09f;border:1px solid ##218EC1;color:#fff; font-size:16px;}

.mainPage ul li.thisclass a{color:#fff;}
.mainPage ul li a:hover, a:focus {
    color: hsl(209, 93%, 48%);
    text-decoration: none;
}
