@charset "utf-8";/* reset */body, ol, ul, h1, h2, h3, h4, h5, h6, p, th, td, dl, dd, form, input, textarea {margin: 0;padding: 0;}
body {font: 12px/24px '微软雅黑', Arial, '宋体', HELVETICA;color: #666;/*background: url(../images/bg.jpg) center 0;*/}

img {border: 0;vertical-align: top;}
li {list-style-type: none;vertical-align: top;}
button, input, select, textarea {font-size: 100%;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
table {border-collapse: collapse;border-spacing: 0;}
input, textarea {border: none;resize: none;outline: none;}
a {text-decoration: none;outline: none;color: #666;transition: 0.2s;}
a:hover {color: #ec0002;}
/* end reset *//* public */.w1100 {/*width: 1205px;*/width: 1120px;margin: 0 auto;position: relative;}
.fl {float: left;}
.fr {float: right;}
.mb20 {margin-bottom: 20px;}
.cl {zoom: 1;}
.cl:after {content: '';display: block;clear: both;}
.eps {overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.ib {display: inline-block;vertical-align: top;}
.z9 {z-index: 9;position: relative;}
/* end public *//* header */.header {border-top: 5px solid #323232;background: #fff;padding-bottom: 16px;z-index: 9;position: relative;}
.header h1 {padding-top: 37px;}
.topbar {background: url(../images/topbar.png) no-repeat;width: 503px;height: 30px;color: #fff;padding-left: 18px;line-height: 28px;}
.topbar em {font-style: normal;color: #FFFFFF;font-family: Arial;cursor: default;margin: 0 10px;}
.topbar a {color: #fff;}
.topbar a:hover {color: #fb0;}
.topbar .tel {background: url(../images/tel.png) no-repeat 0 center;padding-left: 17px;}
.topbar strong {font-size: 14px;font-family: Arial;font-weight: normal;}
.nav {padding-top: 35px;}
.nav li, .nav h2, .nav h2 a {float: left;}
.nav h2 a {padding: 0 22px;font-size: 15px;background: url(../images/cut.gif) no-repeat 0 center;}
.nav .none h2 a {background: none;}
.nav h2 a:hover, .nav .active h2 a {color: #ec0002;}
.wxCode {position: absolute;border: 1px solid #dadada;border-radius: 3px;overflow: hidden;right: 130px;top: 50px;display: none;}
/* banner */.banner {width: 100%;height: 600px;overflow: hidden;position: relative;}
.banner .bd {height: 600px;position: relative;left: 50%;margin-left: -960px;}
.banner .bd li {width: 1920px;}
.banner .hd {width: 100%;text-align: center;position: absolute;left: 0;bottom: 20px;overflow: hidden;height: 16px;}
.banner .hd ul {display: inline-block;*display: inline;*zoom: 1;height: 16px;background: url(../images/ctrlbg.png) repeat-x;padding: 0 10px;border-radius: 8px;overflow: hidden;}
.banner .hd li {display: inline-block;*display: inline;*zoom: 1;text-indent: -999px;overflow: hidden;background: url(../images/ctrl.png) no-repeat;width: 8px;height: 8px;cursor: pointer;margin: 0 5px;position: relative;top: 4px;}
.banner .hd .on {background-image: url(../images/ctrlon.png);}
.banner .ctrl {position: absolute;width: 1100px;left: 50%;top: 0;margin-left: -550px;display: none;}
.banner .ctrl a {color: #fff;font-size: 120px;height: 120px;line-height: 120px;font-family: 'simsun';top: 240px;position: absolute;opacity: 0.4;filter: alpha(opacity=40);}
.banner .ctrl .prev {left: -100px;}
.banner .ctrl .next {right: -100px;}
.banner .ctrl a:hover {opacity: 1;filter: alpha(opacity=100);}
/* search */.search {background: url(../images/search.png) repeat-x;height: 65px;margin-bottom: 43px;}
.search .fl {padding-top: 18px;}
.search span {color: #bdbdbd;font-family: Arial;cursor: default;margin: 0 10px;}
.search form {width: 330px;height: 30px;position: relative;border-radius: 15px;overflow: hidden;top: 15px;}
.search .txt {width: 308px;height: 28px;line-height: 28px;border: 1px solid #dadada;border-radius: 14px;padding: 0 10px;color: #999;}
.search .btn {width: 40px;height: 30px;position: absolute;right: 0;top: 0;background: url(../images/btn.png) no-repeat #323232;cursor: pointer;}
/* product */.product {margin-bottom: 90px;}
.prodTop {position: absolute;top: 0;left: 0;z-index: 9;}
.prodTop h3 {font-family: Arial;font-size: 18px;color: #bdbdbd;line-height: 16px;}
.prodTop h2 {font-size: 26px;color: #333;line-height: 30px;}
.prodWrap .hd {text-align: right;padding-top: 12px;margin-bottom: 20px;}
.prodWrap .hd li {display: inline-block;*display: inline;*zoom: 1;cursor: pointer;line-height: 28px;height: 28px;font-size: 14px;margin-left: 30px;}
.prodWrap .hd .on {border-bottom: 3px solid #ec0002;color: #ec0002;}
.prodWrap .long {width: 545px;}
.prodWrap .item h3 {margin-bottom: 15px;}
.prodWrap .bd a {width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 9;}
.prodWrap .con {height: 350px;padding-bottom: 70px;overflow: hidden;width: 1100px;margin-right: 10px;}
.prodWrap .bd {width: 1100px;overflow: hidden;}
.prodWrap .bd ul {width: 1112px;}
.prodWrap .bd li {float: left;text-align: center;height: 300px;position: relative;margin-left: 7px;margin-right:7px;overflow: hidden;}
.prodBox {padding: 0 20px;}
.prodBox h3 {font-size: 16px;color: #333;margin-bottom: 7px;padding-top: 12px;}
.prodBox p {line-height: 18px;height: 36px;overflow: hidden;}
.prodBox em {background: url(../images/add.png) no-repeat;width: 30px;height: 30px;display: inline-block;}
.prodAdorn {position: absolute;bottom: -177px;left: 0;height: 145px;background: #ec0002;width: 100%;padding-top: 25px;}
.prodAdorn h3 {margin-bottom: 20px;}
.prodAdorn h3 span {line-height: 27px;border-top: 1px solid #fff;border-bottom: 1px solid #fff;font-size: 16px;color: #fff;height: 27px;}
.prodAdorn p {line-height: 18px;padding: 0 18px;color: #fff;margin-bottom: 18px;height: 36px;overflow: hidden;}
.prodAdorn .go {background: url(../images/go.png) no-repeat;width: 30px;height: 30px;}
.prodAdorn .adorn {background: url(../images/up.png) no-repeat;width: 14px;height: 7px;position: absolute;top: -7px;left: 50%;margin-left: -7px;}
/* case */.case {margin-bottom: 44px;background: url(../images/case.jpg) no-repeat center 0;height: 490px;}
.caseSide {width: 200px;background: #414141;}
.caseTop {background: #ec0002;height: 90px;padding-left: 10px;margin-top: -90px;}
.caseTop h3 {font-size: 16px;font-family: Arial;color: #ff5f60;line-height: 16px;padding-top: 22px;font-weight: bold;}
.caseTop h2 {font-size: 26px;color: #fff;line-height: 30px;}
.caseSide .item {border-top: 1px solid #545454;padding-top: 28px;}
.caseSide .none {border: none;padding: 0;}
.caseSide em {width: 28px;height: 28px;position: absolute;background: url(../images/case.png) no-repeat;left: 10px;top: 50%;margin-top: -14px;}
.caseSide .b em {background-position: -28px 0;}
.caseSide .c em {background-position: -56px 0;}
.caseSide span {width: 100%;}
.caseSide h3 a {display: block;padding-left: 43px;position: relative;}
.caseSide h3 a:hover span {color: #ec0002;}
.caseSide h3 a:hover em {background-image: url(../images/caseon.png);}
.caseSide .cn {color: #999;font-size: 18px;line-height: 20px;}
.caseSide .en {color: #595959;font-family: Arial;line-height: 12px;}
.caseSide ol {padding-left: 43px;padding-top: 9px;padding-bottom: 18px;}
.caseSide h4 a {display: block;background: url(../images/tri.png) no-repeat 0 center;color: #fff;padding-left: 9px;opacity: 0.4;filter: alpha(opacity=40);height: 28px;line-height: 28px;transition: 0s;}
.caseSide h4 a:hover {opacity: 1;filter: alpha(opacity=100);}
.caseSide ul {height: 460px;padding-top: 30px;}
.caseWrap {padding-top: 30px;width: 892px;}
.caseSlide {float: left;}
.caseWrap {float: left;}
.caseWrap li {float: left;margin-left: 11px;margin-bottom: 11px;position: relative;overflow: hidden;}
.caseWrap .hd {text-align: center;}
.caseWrap .hd li {width: 10px;height: 10px;background: #dadada;text-indent: -99em;cursor: pointer;border-radius: 5px;float: none;display: inline-block;*display: inline;*zoom: 1;}
.caseWrap .hd .on {background: #ec0002;}
.caseWrap span {width: 100%;position: absolute;bottom: -30px;left: 0;line-height: 30px;height: 30px;background: url(../images/news.png);color: #fff;text-align: center;}
.caseWrap .tel {background: #323232;width: 225px;height: 82px;text-align: center;color: #fff;padding-top: 26px;}
.caseWrap .tel p {background: url(../images/line.gif) no-repeat center;}
.caseWrap .tel h3 {font-size: 30px;font-family: Arial;line-height: 28px;}
.caseWrap .more {height: 20px;line-height: 20px;border-top: 2px solid #323232;color: #323232;font-family: Arial;position: absolute;right: 0;top: -50px;}
.caseWrap .more:hover {color: #ec0002;border-color: #ec0002;}
/* advantage */.advantage {margin-bottom: 40px;}
.advantTop {text-align: center;margin-bottom: 27px;}
.advantTop h3 {color: #000;opacity: 0.1;filter: alpha(opacity=10);font-family: Arial;font-size: 36px;line-height: 38px;}
.advantTop h2 {color: #ec0002;font-weight: bold;font-size: 36px;line-height: 42px;}
.advantTop p {font-size: 18px;}
.advantWrap {margin-bottom: 30px;text-align: center;width: 1100px;overflow: hidden;}
.advantWrap ul {width: 1108px;}
.advantWrap li {margin-right: 7px;float: left;}
.advantWrap a {float: left;width: 270px;height: 377px;position: relative;background: #fff;}
.advantWrap .odd a {border-bottom: 3px solid #dadada;}
.advantWrap .even a {border-top: 3px solid #dadada;}
.advantWrap .even .img {position: absolute;bottom: 0;left: 0;}
.advantWrap img {transition: All 0.6s ease-in-out;-webkit-transition: All 0.6s ease-in-out;-moz-transition: All 0.6s ease-in-out;-o-transition: All 0.6s ease-in-out;}
.advantWrap span {transition: 0.2s;}
.advantWrap .tl {font-size: 16px;color: #333;padding-top: 36px;margin-bottom: 12px;}
.advantWrap .txt {padding: 0 18px;width: 234px;line-height: 20px;}
.advantWrap .img {width: 270px;height: 190px;display: inline-block;vertical-align: top;overflow: hidden;}
.advantWrap a:hover {border-color: #ec0002;}
.advantWrap a:hover .tl {color: #ec0002;}
.advantWrap a:hover .txt {color: #666;}
.advantWrap a:hover img {transform: scale(1.1);-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-o-transform: scale(1.1);-ms-transform: scale(1.1);}
.advantage .btn {text-align: center;}
.advantage .btn a {text-align: left;width: 116px;height: 26px;border: 2px solid #323232;font-size: 14px;color: #323232;line-height: 26px;text-indent: 17px;background: url(../images/shape.png) no-repeat 83px 6px;}
.advantage .btn a:hover {border-color: #ec0002;color: #ec0002;background-image: url(../images/shapeon.png);}
/* show */.show {margin-bottom: 46px;background: url(../images/show.gif);padding-bottom: 42px;}
.showTop {padding-left: 148px;height: 50px;overflow: hidden;padding-top: 44px;margin-bottom: 24px;}
.show h4 {font-family: Arial;font-size: 14px;color: #fff;opacity: 0.2;filter: alpha(opacity=20);font-weight: bold;letter-spacing: 9px;line-height: 14px;padding-top: 4px;}
.show h3 {font-size: 24px;color: #fff;text-indent: 4px;line-height: 28px;}
.show h2 {padding-left: 10px;color: #ec0002;font-size: 40px;font-weight: bold;height: 50px;line-height: 50px;}
/*轮播图 开始*/.main_banner {width: 100%;}
.main_banner_wrap {width: 1100px;height: 500px;position: relative;margin: 0 auto;overflow: hidden;}
.banner_btn { 	/*a 标签 按钮*/width: 120px;height: 308px;position: absolute;display: block;z-index: 9;top: 96px;}
.btn_next {right: 0;}
.banner_btn span {width: 50px;height: 70px;display: block;position: absolute;top: 120px;transition: 0.5s;font-size: 70px;line-height: 70px;font-family: 'simsun';text-align: center;color: #fff;opacity: 0.3;filter: alpha(opacity=30);font-weight: bold;}
.js_pre span {left: 10px;}
.btn_next span {right: 10px;}
.banner_btn:hover span {opacity: 1;filter: alpha(opacity=100);}
.main_banner_box {position: relative;z-index: 0;}
.main_banner li {position: absolute;background: #000;overflow: hidden;}
/*给每张图片初始设置不同宽高，层级，位置*/.main_banner .imgCard0 {width: 860px;height: 500px;z-index: 5;left: 120px;top: 0px;opacity: 1;background: #333d46;}
.main_banner .imgCard1 {width: 530px;height: 308px;z-index: 1;left: 570px;top: 96px;opacity: 1;background: #333d46;}
.main_banner .imgCard2 {/*初始在背后，透明度为0*/width: 320px;height: 186px;z-index: 1;left: 390px;top: 157px;opacity: 0;background: #333d46;}
.main_banner .imgCard3 {width: 530px;height: 308px;z-index: 2;left: 0px;top: 96px;opacity: 1;background: #333d46;}
.main_banner li img {width: 100%;height: 100%;}
.main_banner li span {/*遮罩层*/width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;background: #000;opacity: 0;filter: alpha(opacity=0);color: #fff;font-size: 30px;line-height: 120px;text-align: center;}
/*轮播图 结束*//* attitude */.attitude {margin-bottom: 66px;}
.attitude .fl {width: 685px;}
.attitude li {position: relative;overflow: hidden;}
.attitude .fl li {float: left;margin-bottom: 5px;margin-right: 5px;}
.attitude a {z-index: 10;}
.atMask, .atMask em, .attitude a {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.atMask {text-align: center;display: none;}
.atMask em {background: #000;opacity: 0.5;filter: alpha(opacity=50)}
.atMask .z9 {height: 120px;top: 50%;margin-top: -60px;}
.atMask h2 {background: url(../images/at.png) no-repeat;width: 120px;height: 60px;line-height: 60px;margin: 0 auto;font-size: 36px;color: #fff;margin-bottom: 12px;}
.atMask h3 {color: #fff;font-size: 18px;}
/* about */.about {margin-bottom: 40px;}
.aboutTop {border-bottom: 3px solid #ec0002;padding-bottom: 8px;position: absolute;top: 0;left: 0;}
.about .fl {width: 524px;padding-top: 100px;}
.aboutContent {line-height: 30px;font-size: 14px;text-indent: 2em;}
.about h3 {font-family: Arial;color: #bdbdbd;font-size: 18px;line-height: 18px;}
.about h2 {color: #333;font-size: 26px;line-height: 28px;}
.about .fr {position: relative;padding-right: 40px;top: 10px;}
.about img {padding: 5px;background: #fff;position: relative;z-index: 9;}
.about em {width: 365px;height: 344px;border: 3px solid #000;position: absolute;right: 0;top: 18px;}
.about a {width: 86px;height: 26px;border: 2px solid #323232;display: block;text-align: center;line-height: 26px;font-size: 14px;color: #323232;margin-top: 20px;}
.about a:hover {border-color: #ec0002;color: #ec0002;}
/* settings and honor */.sah {border-top: 2px solid #dadada;margin-bottom: 40px;}
.sah .hd {height: 46px;margin-bottom: 4px;}
.sah .hd ul {position: absolute;top: -2px;left: 0;}
.sah .hd li {font-size: 18px;float: left;border-top: 2px solid #dadada;line-height: 48px;height: 48px;margin-right: 28px;cursor: pointer;}
.sah .hd .on {border-color: #ec0002;}
.sah .more {position: absolute;right: 0;top: 12px;}
.sah .more a {color: #3c3cff;font-family: Arial;}
.sah .more a:hover {color: #ec0002;}
.sah .con {height: 250px;width: 1100px;overflow: hidden;}
.sah .bd ul {width: 1110px;}
.sah .bd li {position: relative;float: left;margin-right: 7px;width: 270px;}
.sah .bd span {position: absolute;bottom: -30px;left: 0;height: 30px;line-height: 30px;text-align: center;width: 250px;padding: 0 10px;background: url(../images/news.png);color: #fff;}
/* news */.news {background: #fff;width: 1060px;padding: 0 20px 10px;z-index: 9;margin-bottom: -40px;}
.newsTop {border-bottom: 1px solid #bdbdbd;padding-top: 28px;padding-bottom: 8px;margin-bottom: 20px;}
.newsTop h3 {font-family: Arial;color: #bdbdbd;font-size: 18px;line-height: 18px;}
.newsTop h2 {color: #333;font-size: 26px;line-height: 28px;}
.newsWrap .hd {position: absolute;right: 20px;top: 45px;}
.newsWrap .hd li {width: 100px;text-align: center;line-height: 28px;height: 28px;float: left;color: #fff;background: #d4d4d4;margin-left: 10px;cursor: pointer;}
.newsWrap .hd .on {background: #ec0002;}
.newsWrap .bd {width: 1060px;overflow: hidden;}
.newsWrap .con {margin-right: 20px;width: 1060px;height: 370px;}
.newsImg {width: 1060px;overflow: hidden;margin-bottom: 20px;}
.newsImg ul {width: 1080px;}
.newsImg li {float: left;margin-right: 20px;position: relative;}
.newsImg span {width: 230px;padding: 0 10px;position: absolute;bottom: -30px;left: 0;line-height: 30px;height: 30px;background: url(../images/news.png);color: #fff;}
.newsTxt {width: 1060px;overflow: hidden;}
.newsTxt ul {width: 1120px;}
.newsTxt li {float: left;width: 500px;margin-right: 60px;margin-bottom: 12px;}
.newsTxt h3 a {float: left;width: 400px;background: url(../images/news.gif) no-repeat 0 center;padding-left: 10px;}


.prodcut_box img{ max-width: 100%}
/* footer */.footer {background: #2c2c2c;padding-top: 82px;padding-bottom: 38px;}
.footer .cut {width: 1px;height: 170px;background: #424242;position: relative;top: 8px;margin-right: 40px;}
.share {background: url(../images/footlogo.png) no-repeat 0 10px;width: 150px;padding-top: 124px;}
.share a {background: url(../images/share.png) no-repeat;width: 30px;height: 30px;margin-right: 10px;}
.share .b {background-position: -30px 0;}
.share .c {background-position: -60px 0;}
.share a:hover {background-image: url(../images/shareon.png);}
.express ul {width: 200px;}
.express li {width: 100px;float: left;line-height: 30px;height: 30px;margin-bottom: 6px;}
.express a {color: #999;}
.express a:hover {color: #ec0002;}
.siteInfo p {line-height: 30px;color: #999;}
.siteInfo a {color: #999;}
.siteInfo a:hover {color: #ec0002;}
.siteInfo span {width: 210px;}
.code p {line-height: 40px;text-align: center;color: #999;}
.link {height: 40px;line-height: 40px;background: #000;color: #999;}
.link a {color: #999;}
.link span {cursor: default;margin: 0 12px;font-family: Arial;}
.link a:hover {color: #ec0002;}
.footWxCode {position: absolute;border: 1px solid #dadada;border-radius: 3px;overflow: hidden;left: 82px;bottom: -20px;z-index: 9;display: none;}
/* 内页 */.pageBanner {overflow: hidden;width: 100%;margin-bottom: 20px;}
.pageBanner img {left: 50%;margin-left: -960px;width: 1920px;height: 200px;position: relative;}
.page {overflow: hidden;zoom: 1;margin-bottom: 130px;}
.main {width: 750px;}
/* pageBanner */.pageBanner {overflow: hidden;width: 100%;margin-bottom: 20px;}
.pageBanner img {left: 50%;margin-left: -960px;width: 1920px;height: auto;position: relative;}
/* page */.page {width: 1100px;margin: 0 auto;margin-bottom: 50px;}
/* feedbackBox */.feedbackBox {padding-left: 100px;font-family: "Microsoft yahei";}
.feedbackBoxTop {font-size: 16px;margin-bottom: 36px;padding-top: 20px;}
.feedbackBoxTop span {color: #0604FF;}
/* side */.side {width: 220px;}
.sideNav {margin-bottom: 20px;}
.sideNav h2 {height: 56px;line-height: 56px;text-align: center;font-size: 24px;color: #fff;margin-bottom: 2px;background-image: url(/statics/images/bg_title.jpg);}
.sideNav .item {margin-bottom: 2px; border-bottom: dotted 1px #888; }
.sideNav .item h3{font-size: 16px; }
.sideNav .item ul li{font-size: 14px; line-height: 34px; height: 34px; font-weight: 400;margin-left:24px;text-indent:12px; margin-top: 2px}
.sideNav h3 a {display: block;height: 40px;line-height: 40px;background: url(../images/sidenav.gif) no-repeat 200px #fff;text-indent: 24px;position: relative;font-size: 16px;}
.sideNav h3 em {width: 4px;height: 3px;position: absolute;overflow: hidden;background: #fff;left: 24px;top: 17px;opacity: 0;filter: alpha(opacity=0);transition: 0.2s;}
.sideNav h3 a:hover, .sideNav .active h3 a {background-image: url(../images/sidenavon.gif);background-color: #755a25;color: #fff;text-indent: 34px;}
.sideNav h3 a:hover em, .sideNav .active h3 em {opacity: 1;filter: alpha(opacity=100);}

.sideNav .item ul li a {display: block;height: 36px;line-height: 36px;text-indent: 24px;position: relative;font-size: 14px;}

.sideNav .item ul li a:hover{display: block;height: 36px;line-height: 36px;position: relative;font-size: 14px;color: #fff;background: #ceae7b }
.sideNav .item ul li.hover a{display: block;height: 36px;line-height: 36px;position: relative;font-size: 14px;color: #fff;background: #ceae7b }
.sideNav ol {background: #f5f5f5;}
.sideNav .none a {background: none;}
.sideNav h4 {position: relative;height: 35px;}
.sideNav h4 a {position: absolute;left: 0;top: 0;width: 100%;height: 36px;line-height: 36px;text-indent: 46px;background: url(../images/splitbg.gif) repeat-x;}
.sideNav h4 a:hover, .sideNav .on h4 a {color: #EC0002;}
.sideWrap {margin-bottom: 20px;background: #fff;}
.sideWrap h2 {height: 40px;line-height: 40px;font-size: 16px;text-indent: 20px;background: #323232;color: #fff;}
.sideBox {border: 1px solid #dadada;border-top: none;}
.contactBox {padding: 15px;}
.hotLine {background: url(../images/hotline.gif) no-repeat;padding-left: 45px;margin-bottom: 4px;height: 46px;}
.hotLine p {line-height: 16px;}
.hotLine h3 {font-size: 20px;font-family: Arial;font-weight: bold;line-height: 30px;}
.contactInfo {background: url(../images/splitbg.gif) repeat-x;padding-top: 10px;}
.contactInfo span {vertical-align: top;display: inline-block;}
.contactInfo .value {width: 150px;}
/* imgSideBox */.imgSideBox {padding: 10px 0;}
.imgSideBox li {width: 198px;margin: 0 auto 14px;}
.imgSideBox a {display: block;}
.imgSideBox img {width: 190px;height: 130px;padding: 2px;border: 2px solid #dadada;transition: 0.3s;}
.imgSideBox span {width: 168px;text-align: center;display: inline-block;vertical-align: top;font-size: 14px;padding: 0 15px;line-height: 30px;padding-top: 4px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.imgSideBox a:hover {color: #EC0002;}
.imgSideBox a:hover img {border-color: #EC0002;}
/* main */.main {width: 800px;padding: 0 30px 30px;background: #fff;}
/* breadCrumb */.breadCrumb {height: 55px;border-bottom: 1px solid #dadada;position: relative;margin-bottom: 30px;display: table;width: 100%;}
.breadCrumb h2 {font-family: 'Microsoft Yahei';font-size: 18px;position: absolute;top: 0;left: 0;height: 54px;line-height: 54px;padding: 0 4px;border-bottom: 3px solid #323232;color: #333;}
.breadCrumb .fr {color: #999;cursor: default;width: 400px;line-height: 16px;text-align: right;display: table-cell;vertical-align: middle;float: none;}
/* imgBox */.imgBox {width: 800px;overflow: hidden;}
.imgBox ul {width: 850px;}
.imgBox li {float: left;text-align: center;margin-bottom: 20px;}
.imgBox a {float: left;}
.imgBox img {border: 2px solid #dadada;transition: 0.2s;}
.imgBox span {display: inline-block;vertical-align: top;font-size: 14px;padding: 0 15px;line-height: 30px;padding-top: 4px;overflow: hidden;-ms-text-overflow: ellipsis;text-overflow: ellipsis;white-space: nowrap;}
.imgBox a:hover {color: #EC0002;}
.imgBox a:hover img {border-color: #EC0002;}
/* productBox */.productBox li {width: 258px;margin-right: 13px;}
.productBox1 li {width: 250px;margin-right: 13px;}
.productBox img {width: 240px; height: auto;padding: 2px; height: 150px}
.productBox span {width: 214px;}

.productBox1 img {width: 240px; height: auto;padding: 2px; }
.productBox1 span {width: 214px;}

/* imgCaseBox */.imgCaseBox li {width: 258px;margin-right: 13px;}
.imgCaseBox img {width: 250px;height: 167px;padding: 2px;}
.imgCaseBox span {width: 214px;}
/* imgPartnerBox */.imgPartnerBox li {width: 150px;margin-right: 12px;}
.imgPartnerBox img {width: 146px;height: 69px;}
.imgPartnerBox span {width: 112px;}
/* imgSettingBox */.imgSettingBox li {width: 258px;margin-right: 13px;}
.imgSettingBox img {width: 250px;height: 167px;padding: 2px;}
.imgSettingBox span {width: 214px;}
/* product's picture */.tb-pic a {display: table-cell;text-align: center;vertical-align: middle;*display: block;*font-family: Arial;*line-height: 1;*font-size: 271px;}
.tb-pic img {vertical-align: middle;}
.tb-pic, .tb-pic a {height: 320px;width: 350px;background: #fff;}
.tb-pic, .tb-pic img {max-height: 320px;max-width: 350px;_width: 350px;}
.tb-pic {border: 1px solid #dadada;position: relative;z-index: 1;}
.zoomDiv {z-index: 999;position: absolute;top: 0;left: 0;width: 200px;height: 200px;background: #fff;border: 1px solid #ccc;display: none;text-align: center;overflow: hidden;}
.zoomMask {position: absolute;background: url(../images/mask.png);cursor: move;z-index: 1;}
.tb-picList {width: 352px;height: 62px;overflow: hidden;margin-top: 10px;position: relative;}
.tb-picList .prev, .tb-picList .next {position: absolute;top: 20px;font-family: 'simsun';font-weight: bold;font-size: 32px;}
.tb-picList .prev {left: 0;}
.tb-picList .next {right: 0;}
.tb-picList .prev:hover, .tb-picList .next:hover {color: #0604FF;}
.tb-picList .tb-thumb {position: relative;width: 290px;height: 62px;margin: 0 auto;overflow: hidden;}
.tb-picList .tb-thumb ul {position: absolute;width: 999999px;}
.tb-picList .tb-thumb li {float: left;width: 76px;overflow: hidden;position: relative;}
.tb-picList .tb-thumb a {display: block;width: 60px;border: 1px solid #dadada;text-align: center;background: #fff;}
.tb-picList .tb-thumb img {max-width: 100%;height: 60px;cursor: pointer;}
.tb-picList .tb-thumb em {position: absolute;width: 58px;height: 58px;border: 2px solid #0604FF;top: 0;left: 0;display: none;}
.tb-picList .tb-thumb .tb-selected em {display: block;}
.productTop {margin-bottom: 20px;}
.productIntro {width: 420px;}
.productIntro h1 {background: url(../images/splitbg.gif) repeat-x 0 bottom;font-size: 18px;font-family: 'Microsoft Yahei';color: #000;padding: 10px 0;margin-bottom: 10px;}
.descriptionBox {height: 178px;overflow: hidden;}
.descriptionBox .explain .value {height: 116px;overflow: hidden;}
.descriptionBox span {display: inline-block;vertical-align: top;}
.descriptionBox .value {width: 320px;}
.productOrder a {display: block;width: 130px;height: 40px;line-height: 40px;text-align: center;font-size: 15px;border-radius: 4px;font-family: 'Microsoft Yahei';background: #0604FF;color: #fff;}
.productOrder a:hover {background: #EC0002;}
.productShow {margin-bottom: 10px;}
.productShow .hd {height: 38px;line-height: 38px;font-size: 14px;background: #0604FF;font-family: 'Microsoft Yahei';}
.productShow .hd li {float: left;padding: 0 20px;cursor: pointer;color: #fff;transition: 0.3s;}
.productShow .hd .on {background: #EC0002;}
.productShow .con {padding: 10px 0;}
.column {margin-bottom: 20px;}
.column h2 {height: 36px;line-height: 36px;font-size: 14px;background: #eee;position: relative;text-indent: 20px;font-family: 'Microsoft Yahei';}
.column h2 em {position: absolute;width: 4px;height: 14px;left: 10px;top: 50%;margin-top: -7px;background: #333;}
.productForm h2 {margin-bottom: 2px;}
.productFormBox {background: #eee;}
.productFormBox form {padding: 20px 0 20px 16px;}
.productFormBox p {float: left;margin-right: 10px;}
.productFormBox span {display: inline-block;vertical-align: middle;width: 50px;text-align: right;padding-right: 10px;line-height: 26px;}
.productFormBox input, .productFormBox textarea {vertical-align: top;transition: 0.3s;}
.productFormBox .row {margin-bottom: 10px;}
.productFormBox .row input {height: 24px;border: 1px solid #dadada;width: 150px;padding: 0 10px;line-height: 24px;}
.productFormBox textarea {width: 634px;height: 72px;border: 1px solid #dadada;padding: 10px;line-height: 18px;}
.productFormBox .row input:focus, .productFormBox textarea:focus {border-color: #aaa;}
.productFormBox img {border: 1px solid #dadada;margin-left: 10px;cursor: pointer;position: relative;top: 1px;}
.productFormBox .btn {padding-left: 60px;}
.productFormBox .btn input {width: 65px;height: 24px;line-height: 24px;text-align: center;background: #666;cursor: pointer;color: #fff;border-radius: 2px;margin-right: 10px;font-family: 'Microsoft Yahei';}
.productFormBox .btn input:hover {background: #999;}
#verifyCode {width: 100px;}
.related h2 {margin-bottom: 10px;}
/* articleBox */.articleBox li {overflow: hidden;zoom: 1;background: url(../images/splitbg.gif) repeat-x 0 bottom;padding-bottom: 20px;margin-bottom: 20px;}
.articleBox img {width: 191px;height: 130px;border: 1px solid #EFEFEF;padding: 4px;}
.articleBox .fr {width: 580px;padding-top: 10px;}
.articleBox h2 {font-size: 16px;font-family: 'Microsoft Yahei';margin-bottom: 4px;padding-top: 6px;}
.articleBox h2 a {color: #000;}
.articleBox h2 a:hover {color: #EC0002;}
.articleBox h4 {background: url(../images/time.png) no-repeat 0 3px;padding-left: 24px;color: #a1a1a1;margin-bottom: 5px;}
.articleBox p {color: #888;}
.articleBox p a {color: #EC0002;}
.articleBox p a:hover {text-decoration: underline;}
.articleBox .img {position: relative;}
.articleBox .img img {position: relative;z-index: 9;}
.articleBox .img em {position: absolute;width: 191px;height: 130px;background: url(../images/timebg.png) no-repeat #0604FF;left: 5px;top: 5px;}
.articleBox .img span {color: #fff;position: absolute;width: 100%;text-align: center;left: 0;}
.articleBox .date {font-family: 'Microsoft Yahei';font-size: 60px;line-height: 60px;top: 24px;}
.articleBox .yam {font-family: Arial;font-size: 18px;top: 88px;}
/* faqBox */.faqBox h2 a {position: relative;padding-left: 26px;}
.faqBox h2 em {position: absolute;left: 0;top: 4px;width: 16px;height: 16px;background: url(../images/faq.png) no-repeat #1B8700;border-radius: 3px;}
.faqBox p {background: url(../images/faq.png) no-repeat 0 -26px;padding-left: 26px;}
/* faqOtherBox */.faqOtherBox {border-top: 1px solid #f1f1f1;}
.faqOtherBox h2 a {display: block;font-size: 16px;font-family: 'Microsoft Yahei';position: relative;padding: 10px 10px 10px 36px;border-bottom: 1px solid #f1f1f1;color: #999;}
.faqOtherBox h2 em {position: absolute;left: 10px;top: 50%;margin-top: -8px;width: 16px;height: 16px;background: url(../images/faq.png) no-repeat #0604FF;border-radius: 3px;}
.faqOtherBox .on a {background: #ECECEC;color: #000;}
.faqOtherBox .con {padding: 20px 0;border-left: 3px solid #0604FF;padding-left: 34px;background: url(../images/splitbg.gif) repeat-x 0 bottom;}
/* articleShow */.articleTop {text-align: center;background: url(../images/splitbg.gif) repeat-x 0 bottom;padding-bottom: 20px;margin-bottom: 20px;}
.articleTop h2 {font-size: 22px;color: #000;margin-bottom: 16px;font-family: "Microsoft yahei";}
.articleTop p {color: #999;}
.articleTop span {margin: 0 5px;}
.articleTop a {margin: 0 5px;}
.articleTop .active {color: #000;font-weight: bold;}
.articleShow {margin-bottom: 20px;font-size: 14px;}
.articleCtrl {height: 36px;line-height: 36px;background: #eee;margin-bottom: 10px;color: #999;padding: 0 10px;cursor: default;}
.articleCtrl p {background: url(../images/articlectrl.png) no-repeat 0 -25px;vertical-align: top;width: 40%;}
.articleCtrl .fl {padding-left: 16px;}
.articleCtrl .fr {padding-right: 16px;background-position: right 10px;text-align: right;}
.articleCtrl a {color: #333;}
.articleCtrl a:hover {color: #ff3400;}
.articleList {width: 800px;overflow: hidden;}
.articleList h2 {margin-bottom: 10px;}
.articleList ul {width: 820px;}
.articleList li, .articleList h3, .articleList a {float: left;}
.articleList li {width: 390px;margin-right: 20px;height: 32px;line-height: 32px;background: url(../images/splitbg.gif) repeat-x 0 bottom;}
.articleList a {background: url(../images/txt.png) no-repeat 6px center;padding-left: 26px;width: 260px;}
.articleList span {float: right;color: #999;font-family: Arial;}
/* pictureDetail *//* picture's picture */.pictureDetail .tb-pic a {cursor: default;}
.pictureDetail .tb-pic, .pictureDetail .tb-pic a {height: 500px;width: 738px;}
.pictureDetail .tb-pic, .pictureDetail .tb-pic img {max-height: 500px;max-width: 738px;_width: 500px;}
.pictureDetail .tb-pic {border: 1px solid #ECECEC;padding: 10px;}
.pictureDetail .tb-picList {width: 760px;height: 72px;}
.pictureDetail .tb-picList .tb-thumb {width: 674px;height: 72px;}
.pictureDetail .tb-picList .tb-thumb li {width: 86px;}
.pictureDetail .tb-picList .tb-thumb a {width: 70px;}
.pictureDetail .tb-picList .tb-thumb img {height: 70px;}
.pictureDetail .tb-picList .tb-thumb em {width: 68px;height: 68px;}
.pictureDetail .tb-picList .prev, .pictureDetail .tb-picList .next {top: 0;font-size: 18px;color: #fff;width: 25px;height: 72px;line-height: 72px;background: #ccc;text-align: center;}
.pictureDetail .tb-picList .prev:hover, .pictureDetail .tb-picList .next:hover {background: #0F127D;}
.pictureDetail .tb-picList .non, .pictureDetail .tb-picList .non:hover {background: #F3F3F3;cursor: default;}
.pictureTop {margin-bottom: 20px;}
/* downloadList */.downloadList {font-family: 'Microsoft Yahei';}
.downloadList li {overflow: hidden;zoom: 1;background: url(../images/splitbg.gif) repeat-x 0 bottom;height: 30px;line-height: 30px;margin-bottom: 10px;padding-bottom: 10px;}
.downloadList h2 {float: left;background: url(../images/file.png) no-repeat 6px 2px;padding-left: 40px;font-size: 14px;color: #000;}
.downloadList a {float: right;background: url(../images/download.png) no-repeat 0 6px;padding-left: 16px;color: blue;}
.downloadList a:hover {text-decoration: underline;}
/* jobList */.jobList {border: 1px solid #ddd;border-top: none;}
.jobList ol {height: 45px;line-height: 45px;border-top: 1px solid #e3e3e3;background: #f4f4f4;cursor: pointer;font: normal 12px/45px "Microsoft YaHei";}
.jobList ol li {float: left;width: 165px;padding-left: 22px;}
.jobList b {color: #000;}
.jobList .con {padding: 8px 25px;color: #999;display: none;}
/* pagination */.pagination span {background: #EC0002;border: 1px solid #EC0002;}