/*--全局--*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea,  blockquote, th,  figure {padding: 0;margin: 0; font-family:"微软雅黑",Arial, Helvetica, sans-serif;}
input:focus{ outline:none;}
fieldset, img {border: 0;}
ol, ul, li , figure{list-style: none;}
address, caption, cite, code, dfn, em, th, var {font-weight: normal;font-style: normal;}
caption, th {text-align: left;}
h1, h2, h3, h4, h5, h6 {font-weight: normal;font-size: 100%;}
q:before, q:after {content: '';}
abbr, acronym {border: 0;}
td {word-break: break-all;word-wrap: break-word;}
img {max-width: 100%;height: auto;width: auto\9;}
.clear{ clear:both; padding:0px; margin:0px;}

body { background:#333; font-size:12px; color:#303030; line-height:1.75; font-family:Microsoft YaHei, SimSun,Arial, Helvetica,San-serif ; }

a { text-decoration:none; color:#333;}

a:hover { color:#333; }

a img { border:0px none; }

p{ font-family:Arial, Helvetica,San-serif, SimSun, Microsoft YaHei;}

input , textarea { font-family:Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; color:#303030; font-size:12px;}
input[type="submit"] , input[type="reset"]{ cursor:pointer;}
a , input , div {-webkit-tap-highlight-color:rgba(0,0,0,0);}

/*--share--*/
.headerwrapper , .footerwrapper , .locationwrapper { width:99%;max-width:1100px; margin-left:auto; margin-right:auto; }
.bannerwrapper , #mainpage{ width:100%; max-width:1100px; margin-left:auto; margin-right:auto; }

.inner , .slidebox , .prenext , searchForm , input{ -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.bgLinear { background:-moz-linear-gradient(#f86f00, #dd2a01); background:-webkit-linear-gradient(#f86f00,#dd2a01); background:-o-linear-gradient(#f86f00,#dd2a01); background:-ms-linear-gradient(#f86f00,#dd2a01); background:linear-gradient(#f86f00,#dd2a01) ;filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#f86f00', endColorStr='#dd2a01', gradientType='0'); }
.shadow { box-shadow:2px 2px 5px rgba(0,0,0,0.5);}

.transition , #nav a { transition:all 0.6s ease 0s; -moz-transition:all 0.6s ease 0s; -webkit-transition:all 0.6s ease 0s; -o-transition:all 0.6s ease 0s;-ms-transition:all 0.6s ease 0s; }
h3.hotProTitle span{font-family:Microsoft YaHei, SimSun, Arial, Helvetica,San-serif,Calibri ; }

@font-face {
    font-family: 'Calibri';
    src: url('../font/calibri.eot');
    src: url('../font/calibri.eot?#iefix') format('embedded-opentype'),
         url('../font/calibri.woff') format('woff'),
         url('../font/calibri.ttf') format('truetype'),
         url('../font/calibri.svg#calibri') format('svg');
    font-weight: normal;
    font-style: normal;
   }
.cmail:link{ color:#C60; text-decoration:underline;}
/*--header--*/
.bodyClear{ width:100%; height:100%; overflow:hidden;}
#container{ width:100%; overflow:hidden; background:#fff;position:relative; }
#header{ border-top:3px solid #f60;padding:8px 0px;}
.headerwrapper{ position:relative;}
#menuTitle{ position:absolute;width:100%; top:0px; left:0px; display:none; height:40px; }
#menuBtn{ height:32px; margin-top:3px; margin-left:5px; line-height:32px; border-radius:4px; overflow:hidden; background:#000; width:60px; text-align:center; color:#fff; border-bottom:1px solid #888; cursor:pointer;}

#banner , #bannerSub{ width:100%; position:relative;}
#banner:before , #bannerSub:before , #footer:before{ content:''; width:110%; left:-5%; height:10px; overflow:hidden; box-shadow:inset 0px 5px 5px rgba(0,0,0,0.3); position:absolute; z-index:9;}
.logo{padding-top:3px; padding-bottom:0px; margin:1.272% 0px;}
#header .topRight{ text-align:right;}
.topRight{ position:absolute; top:0px; right:0px; bottom:0px; left:220px; margin:auto;}
#lang , .share a , .share , .searchForm{ display:inline-block; vertical-align:middle;}
.share a{ width:23px; height:22px; margin-left:8px;}
#lang{ width:80px;  padding-left:8px; margin-right:9px; border-radius:4px; border:0px none; box-shadow:inset 1px 1px 5px rgba(0,0,0,0.2); overflow:hidden; background:#f3f3f3; color:#a7a7a7; height:22px; line-height:22px;}
#nav{ margin-top:1.6%;}
#nav a{ display:inline-block; font-size:15px; line-height:30px; vertical-align:top; background-color:#EBEBEB; padding:0 15px; }
#nav a{ margin-left:1.48%;}
#nav a:first-child{ margin-left:0px;}
#nav a:hover{ color: #F60; border-bottom:3px solid #F60;}
.searchinput{
    border-right-width: 0px;
    padding-left: 3px;
    width: 168px;
    font-family: arial;
    float: left;
    border-top-width: 0px;
    border-bottom-width: 0px;
    color: #636365;
    margin-left: 4px;
    font-size: 8pt;
    vertical-align: middle;
    border-left-width: 0px;
    margin-right: 3px;
}
.tab_search{
    border-bottom: #cccccc 1px solid;
    border-left: #cccccc 1px solid;
    height: 25px;
    border-top: #cccccc 1px solid;
    border-right: #cccccc 1px solid;
}
.searchaction{
    width: 21px;
    float: left;
    height: 17px;
}
.topRight .searchForm {  width:160px; padding-right:24px; margin-right:12px; box-shadow:inset 1px 1px 5px rgba(0,0,0,0.2); border-radius:4px; overflow:hidden; background:#f3f3f3; height:22px; padding:1px 0px;}
.topRight .search { width: 100%; line-height: 20px; padding:0px 5px;  }
.topRight .searchBtn { width: 24px; height: 22px; background: url(../images/bg-search.png) no-repeat center; }

.searchForm { position: relative; max-width: 98%; }
.search { width: 100%; padding: 0px 6px; border: 0px none; background: transparent; }
.searchBtn { border: 0px none; position: absolute; top: 0px; right: 0px; }



.goright{ }

/*--mainpage--*/
.newsbar{height:47px; line-height:47px; background:#f2f2f2; margin-top:4.54%; margin-bottom:3.27%; position:relative;}
#mainpage .newsbar .newsbarTitle{font-size:15px; color: #06C; padding-left:74px; background:url(../images/sprite.png) no-repeat 20px 12px; }
.newsbarTitle , .slidebox{ display:inline-block;vertical-align:top;}
.slidebox{ margin-left:2.5%; width:55%; position:relative; height:47px; }
.slidebox li{ position:absolute; left:0px; top:0px; right:0px; }
.slidebox li h3{ position:relative; z-index:90; display:inline-block; max-width:100%;}
.slidebox li h3 a{ display:block; text-overflow:ellipsis; overflow:hidden; display:block;white-space:nowrap;}
.slidebox li .updatetime{color:#878787; position:absolute; display:block; white-space:nowrap; left:100%; top:0px; bottom:0px; margin-top:auto; margin-bottom:auto; margin-left:3%;}
.newsbarBtn{ position:absolute; right:2.27%; top:15px; height:18px; }
.newsbarBtn>div { display:inline-block; vertical-align:top; height:18px; width:27px; background-color:#868686; border-radius:4px; overflow:hidden; background-image:url(../images/sprite.png); background-repeat:no-repeat; margin-left:7px; cursor:pointer;}
.newsbarBtn>div:hover{ background-color:#e20027;}
.newsBtnPre{ background-position:9px -37px;}
.newsBtnNext{ background-position:-18px -37px;}

#showBox .proPic{ width:30.63%; margin-bottom:4.45%;}
#showBox .proPic img{ width:100%;}
h3.showTitle{ background:#163270; text-transform:uppercase; height:35px; line-height:35px; padding-left:10px; margin-top:1px;}
h3.showTitle a{ display:block; color:#fff; font-size:15px;}
h3.showTitle span{ position:relative; font-size:17px; margin-left:5px;}
h3.showTitle span:after{ content:''; position:absolute; width:12px; height:12px; border:1px solid #fff; border-radius:7px; background:url(../images/sprite.png) no-repeat 5px -55px; overflow:hidden;  margin-left:10px; left:100%; top:0px; bottom:0px; margin-top:auto; margin-bottom:auto;}

h3.hotProTitle{ height:18px; font-weight:bold; color:#da0026; text-align:center; background: url(../images/gray-line.png) repeat; margin-bottom:35px;}
h3.hotProTitle span{ background:#fff; height:18px; padding:0px 2.54%;font-size:18px; line-height:26px; height:26px; margin-top:-4px; display:inline-block;}
h3.hotProTitle i{ font-size:26px; font-weight:normal; font-style:normal; text-transform:uppercase; color:#494f52; display:inline-block; vertical-align:middle; margin-top:-4px; margin-left:8px;}

#hotPro{ background:#fff;}
#hotPro .movebox{ height:254px;}
#hotPro .jcarousel-list li{ height:254px; }
#hotPro .movebox ul li .proimg>a{ height:165px;border:0px none;}
#hotPro .movebox ul li .proimg{ background:#f5f5f5;  padding:10px;}
#hotPro .movebox ul li .protext{ font-size:15px;}
#hotPro .jcarousel-list li{ width:288px; padding:0px 53px 0px 0px;}
#hotPro .jcarousel-container-horizontal{ padding:0px;}

#hotPro .jcarousel-container .jcarousel-prev-horizontal{left:-45px;}
#hotPro .jcarousel-container .jcarousel-next-horizontal{right:-45px;}
#hotPro .jcarousel-container .jcarousel-next-horizontal , #hotPro .jcarousel-container .jcarousel-prev-horizontal{ background-image:url(../images/arrow-pre-next-l.png); background-color:rgba(255,255,255,0.6);}
#hotPro .jcarousel-container .jcarousel-next-horizontal:hover , #hotPro .jcarousel-container .jcarousel-prev-horizontal:hover{ background-color:#fff;}
#hotPro .jcarousel-prev, #hotPro .jcarousel-next{ top:75px;}

.readMore{ text-align:center;}
.readMore a{ position:relative; padding-right:24px; font-size:16px; color:#007cd7;}
.readMore a:after{ content:''; position:absolute; width:15px; height:15px; border-radius:9px; overflow:hidden; border:1px solid #007cd7; background:url(../images/sprite.png) no-repeat -9px -54px; top:0px; right:0px; bottom:0px; margin:auto;}



/*--footer--*/
#footer{ margin-top:3.18%; position:relative; background:#163270;}
.footerwrapper{ padding-top:17px; padding-bottom:35px; color:#fff;}
.footerwrapper a{ color:#A15D38;}
.footerContactTitle{padding-left:33px; padding-right:20px; position:relative; margin-right:15px;}
.footerContactTitle:before , .footerContactTitle:after{ content:''; position:absolute; top:0px; height:40px; background-image:url(../images/sprite.png); background-repeat:no-repeat; }
.footerContactTitle:before{ width:25px; background-position:left -75px; left:0px;}
.footerContactTitle:after{ width:11px; background-position:right -75px; right:0px;}
.footerLeft>ul li:first-child{font-size:21px; color:#fff;}
.footerContactTitle li:first-child{letter-spacing:4px;}
.footerLeft>ul{ display:inline-block; vertical-align:top; margin-top:8px;}
.footerLeft li{ line-height:1.2; margin-bottom:5px;}
.footerContactInfo , .footerRight{ color: #CCC;}
.footerContactInfo li span{ display:inline-block; padding-right:5px;}
.footerRight p{ margin-top:5px;}
#footer .footerRight{ text-align:right; margin-top:8px;}
#footer .footerwrapper>div{ vertical-align:bottom;}

/*--product--*/
#bannerSub{background:#4F2E1C;}
.bannerwrapper{background:url(../images/banner-sub.jpg) no-repeat left center; background-size: cover;}
h2.mainTitle{ font-size:30px; font-weight:bold; line-height:38px; color:#fff; text-transform:uppercase; position:relative; padding-top:4.81%; padding-bottom:4.36%;}
h2.mainTitle span{ font-size:17px; font-weight:normal; color:#000; vertical-align:middle; padding-left:8px; padding-right:38px; position:relative; display:inline-block;}
h2.mainTitle span:after{ content:''; position:absolute; width:20px; height:20px; border-radius:14px; border:1px solid #fff; background:url(../images/sprite.png) no-repeat 7px -36px; right:0px; top:0px; bottom:6px; overflow:hidden; margin:auto;}
.locationwrapper a{ color:#888;}
.locationwrapper span{ font-family:SimSun,Arial, Helvetica,San-serif; padding:0px 5px;}
#location{ border-bottom:1px solid #d8d8d8; line-height:22px; padding:10px 0px; color:#888;}

#aside{ width:200px;;}
#maincontent{ width:78%;}
#aside ul {border:0px solid #d8d8d8; margin-top:-1px; }
#aside ul li{ border-top:1px dotted #d8d8d8;}
#aside ul li:first-child{ border-top:0px none;}
#aside li a{padding-left:40px; padding-right:10px; background:url(../images/sprite.png) no-repeat 20px -140px; line-height:21px; padding-top:9px; padding-bottom:9px; font-size:14px;}
#aside li a{ display:block;}
.asidetitle{ color:#000;padding:10px 0px; font-size:20px; line-height:24px;}
h2.maincontentTitle{ height:45px; line-height:45px;font-size:24px; padding-left:10px; border-bottom:#CCC 1px dotted; color:#999}
.prodisplay .proPic{ width:29.19%; margin-bottom:27px;}
.prodisplay .proPic>a{ border:1px solid #e8e8e8;}
#maincontent .prodisplay .line{ width:29.19%;}
.content{ padding:1.5% 1.53%; font-size:14px; line-height:200%;}

.bgLinearBlack{ background:linear-gradient(#4b4b4b , #343434); background:-webkit-linear-gradient(#4b4b4b , #343434); background:-moz-linear-gradient(#4b4b4b , #343434);
background:-o-linear-gradient(#4b4b4b , #343434);background:-ms-linear-gradient(#4b4b4b , #343434); filter:progid:DXImageTransform.Microsoft.Gradient(startColorStr='#4b4b4b', endColorStr='#343434', gradientType='0');}

/*--contact--*/
.contactList{margin-bottom:12px;}
#aside .selected{ background-color:#004eaf; color:#fff; background-position:29px -170px;}
.contactMessage{ width:85.28%;}

/*--news--*/
h3.newsTitle , h3.newsTitle a{ font-size:14px; color:#000; line-height:22px; margin-top:3.23%;}
h3.newsTitle a , .downloadList li p{text-overflow:ellipsis; overflow:hidden; display:block;white-space:nowrap;}
.dateTime{ line-height:18px; margin-bottom:8px; color:#adadad;}
.newsContent{}
.newsList li{ padding-bottom:3.4%; border-bottom:1px dotted #c5c4c4; padding-left:1.42%; padding-right:18.2%;}
.newsList{ margin-bottom:10px;}
.newsList li p{ line-height:18px; max-height:36px; overflow:hidden;}
.newsContentTop{ padding:0px 2%; margin-bottom:8px;border-bottom:1px dotted #c5c4c4;}
.newsContentText{ padding:0px 2%;}

/*--equipment--*/
.proList li .proPic{ width:21.34%; }
.proList li .proPic>a{height:127px; border:1px solid #e8e8e8;}
.proList .proListText{ width:74.03%;}
.proListText p{ line-height:20px; max-height:40px; overflow:hidden; margin:2.1% 0px;}
.proList li {padding-bottom:4.38%; padding-left:1.2%; margin-top:4.38%; border-bottom:1px dotted #b7b7b7;}
.equipmentMore{ padding-top:2%;}
.equipmentMore a{ display:block; width:88px; height:27px; line-height:27px; color:#fff; text-align:center; background:#004eaf;}
h3.equipmentTitle{ font-size:15px; line-height:20px;}

/*--download--*/
.downloadList li{ padding-bottom:4.25%; margin-top:4%; padding-left:1.2%; padding-right:1.2%; border-bottom:1px dotted #c5c4c4;}
.downloadList .equipmentMore a{ background:#5b5b5b; width:97px; height:24px; line-height:24px;}


/*产品详细页面样式*/

.proleft{width:53%;}
.proright {width:45%; }
.proright h2{color:#285480;font-size:15px;font-weight:bold; line-height:1; margin-bottom:10px;}
.proright>p{max-height:126px;overflow:hidden;margin:1% 0px; text-align:left; color:#333; line-height:21px; }
.proright .pdcon{ margin-top:1%;padding-top:2%;color:#285480;line-height:1.3; border-top:1px dotted #8F8F8F; margin-top:10px;}
.proright .pdcon strong{display:block;}
.proright .pdcon a{display:block;margin-top:5px;text-align:center; height:25px; width:109px; line-height:25px;color:#fff; border-radius:2px;}
.proright .pdcon a:hover{ text-decoration:none;}
#proimg {width: 100%; height: 100%;background-color:#fff; vertical-align:middle;text-align:center;font-size:0px;*font-size:189px;border:1px solid #d6d6d6;}
#proimg:after{height:100%;width:0px; content:'.'; display:inline-block; vertical-align:middle; overflow:hidden;}
#proimg img{max-width:100%;max-height:100%; vertical-align:middle;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;margin:0px;}
.zoomdiv{height:400px; width:400px;z-index:100;position:absolute;top:1px;left:0px;width:300px;height:300px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e4e4e4;display:none;text-align:center;overflow: hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #fff;background:#afafaf 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:pointer;}
.proimglist{overflow:hidden;background-color:#F5F5F5;padding:12px 15px; margin-top:13px;width:100%;border:1px solid #E8E8E8;}
.proimglist .imglist{max-width:50%;}
.proimglist .imglist .spec-prev,.proimglist .imglist .spec-next{ background:url(images/left.gif) no-repeat 0px center; width:10px; height:50px; float:left; cursor:pointer; display:none;}
.proimglist .imglist .spec-next{background:url(images/right.gif) no-repeat scroll 0px center; }
.proimglist .imglist .spec-list{overflow:hidden;position:relative; width:100%;}
.proimglist .imglist .spec-list ul{width:100%; font-size:0px;}
.proimglist .imglist .spec-list ul li{margin-right:0px; display:inline-block;width:80px;}
.proimglist .imglist .spec-list ul li img{width:66px; height:45px;padding:2px; border:1px solid #ccc; cursor:pointer;}
.content .proimglist>ul{max-width:50%;}
.proimglist>ul li{display:inline-block; white-space:nowrap;line-height:20px; font-size:12px; margin-right:6px;  text-align:right; margin-top:2px; margin-bottom:3px;}
.proimglist>ul li i{color:#F84400;font-style:normal;}
.bigimg{ max-width:none;}
.proDes{width:100%; margin-top:1.4%; margin-bottom:1.4%;}   
.proDes #tags{position:relative; bottom:-1px; font-size:14px; font-weight:bold;}
.proDes #tags li{ vertical-align:bottom; padding-top:3px;}
.proDes #tags li a{color:#5f5f5f;padding:0px 17px;display:block;background:#EBEBEB; line-height:30px;border-left:1px solid #e4e7e8; border-right:1px solid #e4e7e8; cursor:pointer;}
.proDes #tags li:hover ,#tags li.selectTag {border-top:3px solid #F84400;padding-top:0px;}
.proDes #tags li a:hover,#tags li.selectTag a{color:#F84400;background:#fff;}
.proDes #tagContent{border:1px solid #e4e7e8;}
.proDes #tagContent .tagContent{color:#474747;padding:3.3%;}
.proDes #tagContent .tagContent table {max-width:100%; word-break:break-all;}
.prenext{background:#f4f3f4;padding:5px 25px;margin:1% 0;font-size:12px; line-height:18px; width:46%; position:relative;}
.prenext b{ font-weight:bold; color:#f84000; margin-right:3px;}
.prenext a:after{ content:''; position:absolute; width:9px; height:13px; background-image:url(../images/sprite.png); background-repeat:no-repeat; top:0px; bottom:0px; margin:auto;}
.prenext:first-child a:after{ background-position:-22px -122px; left:11px;}
.prenext:nth-child(2) a:after{ background-position:-31px -122px; right:11px;}



/*热门产品盒子*/
.related-product {background-color:#f4f3f4;width:100%;margin-top:2.27%;  }
.related-product .titl{padding-left:2.9%; font-size:15px; height:42px; line-height:42px; color:#484848;   }
.related-product .movebox{height:190px;}
.related-product .movebox ul li .proimg{ display:block; width:100%; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.related-product .movebox ul li .proimg>a{width:100%;height:130px;text-align:center; display:block; font-size:0px;*font-size:90px; overflow:hidden; border:1px solid #d9d8d9; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;}
.related-product .movebox ul li .proimg>a:after{height:100%; display:inline-block; vertical-align:middle;content:".";width:0px; overflow:hidden;}
.related-product .movebox ul li .proimg img{max-width:100%; max-height:100%; vertical-align:middle; }
.related-product .movebox ul li .protext{padding:5px 0px; text-align:center; width:100%; text-overflow:ellipsis; overflow:hidden; display:block;white-space:nowrap;}
.jcarousel-container {position: relative;}
.jcarousel-clip {z-index: 2;padding: 0;margin: 0;overflow: hidden;position: relative;}
.jcarousel-list {z-index: 1;overflow: hidden;position: relative;top: 0;left: 0;margin: 0;padding: 0;}
.jcarousel-list li{width:252px;padding:10px 32px 0px 30px;overflow:hidden; float:left; vertical-align:top;}
.jcarousel-next {z-index: 3;display: none;}
.jcarousel-prev {z-index: 3;display: none;}
.jcarousel-container-horizontal{width:100%;padding:0px 31px;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
.jcarousel-container .jcarousel-clip-horizontal{width:100%;}
.jcarousel-prev,.jcarousel-next{top:50px;position:absolute;width:30px;height:53px;cursor:pointer;}
.jcarousel-prev:hover  , .jcarousel-next:hover { background-color:#f43200;}
.jcarousel-container .jcarousel-prev-horizontal{left:0px;background:#D9D8D9 url(../images/arrow-pre-next.png) no-repeat left center;}
.jcarousel-container .jcarousel-next-horizontal{right:0px;background:#D9D8D9 url(../images/arrow-pre-next.png) no-repeat right center;}
.jcarousel-container .jcarousel-next-horizontal:hover , .jcarousel-container .jcarousel-prev-horizontal:hover{ background-color:#f84000;}
/*邮件发送 样式*/
#quotation{margi-bottomn:1%;}
#quotation .formtitle{ font-size:14px; font-weight:bold; margin-top:5px; margin-bottom:5px;}
#quotation ul{margin:15px auto;width:100%;}
#quotation ul li{margin:10px 0px; line-height:22px;}
#quotation ul li{ vertical-align:top;}
#quotation ul li input , #quotation ul li textarea{border:1px solid #d6d6d6; height:28px;width:100%; vertical-align:top; padding:3px 6px;  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; line-height:22px;}
#quotation ul li textarea{ max-width:100%; height:240px; resize: none; }
#quotation ul li i{color:#ff4546;}
#quotation input.btn{color: #fff; padding:0px; width:109px; height:25px;line-height:25px;border:0px; cursor:pointer; border-radius:2px;  }
#quotation input.btn:first-child {margin-right:13px;}
#quotation ul li input[name="code"]{ min-width:100px; width:20%;}



/*--product display--*/
.proPic { word-wrap:break-word; }
.proPic>a { display:block; width:100%;   text-align:center; vertical-align:middle; overflow:hidden; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
.proPic>a img { max-width:100%; max-height:100%; vertical-align:middle; display:inline-block; }
/*.proPic>a:after { height:100%; width:0px; overflow:hidden; content:''; vertical-align:middle; display:inline-block; }*/
.proPic p {  line-height:20px; max-height:40px; overflow:hidden; }
.proPicTitle {text-align:center; color:#000; margin-top:12px;  line-height:20px;  width:100%; text-overflow:ellipsis; overflow:hidden; display:block;white-space:nowrap; font-size:14px;}
.proPicTitle a{color:#595959; }

/*--page number--*/
#pageNum{ font-size:0px; margin-bottom:15px; margin-top:3.56%;}
#pageNum a , #pageNum span{  padding:2px 6px; display:inline-block; margin-right:6px; margin-bottom:5px; font-size:12px; line-height:16px; border:1px solid #e3e3e3;  }
#pageNum a:hover , #pageNum .cur { padding:2px 6px; display:inline-block; color:#fff; background:#da0026; border:1px solid #da0026;}



/*--共用--*/
.justify { text-align:justify; text-justify:inter-ideograph; letter-spacing:0px; }
.justify:after { content:'.'; height:0px; width:100%; display:inline-block; overflow:hidden; }
.justify .line { content:'.'; display:inline-block; width:100%; height:0px; overflow:hidden; }
.justify .box { display:inline-block; vertical-align:top; font-size:12px; text-align:left; }


/*******footerbox*******/

/*--footerBox--*/
#footerToolbox , #footerToolBtn , #footerToolbox ul ,#footerToolbox li , #footerToolbox li a{ margin:0px; padding:0px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#footerToolbox li{ list-style:none;}
.close{left:100%; margin-left:1px; right:auto;}
#footerToolBtn{ position:absolute; width:13px; height:58px; left:-12px;top:0px; bottom:0px; margin:auto; border-radius:22px 0px 0px 22px/8px 0px 0px 8px; cursor:pointer; background: url(../images/footerTool-icon.png) no-repeat 1px -168px; }
#footerToolbox{ position:fixed; width:42px; bottom:50%; margin-bottom:-103px; right:0px; z-index:999; text-align:center;font-size:12px; line-height:1; font-family:Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; visibility:hidden; }
#footerToolbox ul li{ width:40px; height:40px; border-width:1px 1px 0px 1px; border-color:rgba(255,255,255,0.6); border-style:solid; }
#footerToolbox ul li:last-child{ border-bottom-width:1px;}
#footerToolbox ul li a{ display:block; line-height:40px; text-indent:299px; background-image:url(../images/footerbox/footerTool-icon.png); background-repeat:no-repeat; overflow:hidden; white-space: nowrap;}
#toolTel a{ background-position:center 8px;}
#toolEmail a{ background-position:center -28px;}
#toolMap a{ background-position:center -62px;}
#toolShare a{ background-position:center -98px;}
#toolMessage a{ background-position:center -133px;}
/*-color-*/
#footerToolBtn{ background-color:#007cc3;}
#footerToolbox ul li a{background-color:#007cc3;}
#footerToolBtn:hover{ background-color:#e60027;}
#footerToolbox ul li a:hover{ background-color:#e60027;}

@media screen and (max-width:640px){
	#footerToolbox{ visibility:visible;}
}


/*--chatBox--*/
#chatToolBox , h3 , #chatToolBox ul , #chatToolBox ul li { margin:0px; padding:0px; -webkit-tap-highlight-color:rgba(0,0,0,0);}
#chatToolBox li{ list-style:none;}
#chatToolBox{ font-size:9px; position:fixed; width:68px;top:50%; margin-top:-260px;right:3px; font-family:Arial, Helvetica,San-serif, Microsoft YaHei, SimSun; color:#fff; border-radius:3px; box-shadow:0px 0px 5px rgba(0,0,0,0.6); z-index:999;}
#chatToolBox h3{font-size:12px; font-weight:bold; line-height:20px; text-align:center; margin-bottom:2px;}
#chatToolBox ul li{ width:60px; margin:0px 4px; text-align:center;  cursor:pointer;}
#chatToolBox ul li a{ display:block; width:60px; height:19px; line-height:18px; padding-top:19px; overflow:hidden;background-repeat:no-repeat; color:#fff; text-decoration:none;}
#chatToolMail{ background:url(../images/chatTool-icon.png) no-repeat center top;}
#chatToolContact,.chatToolSkype{ background:url(../images/chatTool-icon.png) no-repeat center -40px;}
.chatToolgg{background:url(../images/chatTool-icon.png) no-repeat center -80px;}
/*-color-*/
#chatToolBox{ background:#007cc3; }

@media screen and (max-width:640px){
	#chatToolBox{ display:none;}
}

/*******fancyBox*******/

/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp{padding: 0;margin: 0;border: 0;outline: none;vertical-align: top;}
.fancybox-wrap {position: absolute;top: 0;left: 0;z-index: 8020;}
.fancybox-skin {position: relative;background: #f9f9f9;color: #444;text-shadow: none;-webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px;}
.fancybox-opened {z-index: 8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position: relative;}
.fancybox-inner {overflow: hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling: touch;}
.fancybox-error {color: #444;font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin: 0;padding: 15px;white-space: nowrap;}
.fancybox-image, .fancybox-iframe {display: block;width: 100%;height: 100%;}
.fancybox-image {max-width: 100%;max-height: 100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image: url('../images/fancybox_sprite.png');}
#fancybox-loading {position: fixed;top: 50%;left: 50%;margin-top: -22px;margin-left: -22px;background-position: 0 -108px;opacity: 0.8;cursor: pointer;z-index: 8060;}
#fancybox-loading div {width: 44px;height: 44px;background: url('../images/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position: absolute;top: -18px;right: -18px;width: 36px;height: 36px;cursor: pointer;z-index: 8040;}
.fancybox-nav {position: absolute;top: 0;width: 40%;height: 100%;cursor: pointer;text-decoration: none;background: transparent url('../images/blank.gif'); /* helps IE */-webkit-tap-highlight-color: rgba(0,0,0,0);z-index: 8040;}
.fancybox-prev {left: 0;}
.fancybox-next {right: 0;}
.fancybox-nav span {position: absolute;top: 50%;width: 36px;height: 34px;margin-top: -18px;cursor: pointer;z-index: 8040;visibility: hidden;}
.fancybox-prev span {left: 10px;background-position: 0 -36px;}
.fancybox-next span {right: 10px;background-position: 0 -72px;}
.fancybox-nav:hover span {visibility: visible;}
.fancybox-tmp {position: absolute;top: -99999px;left: -99999px;visibility: hidden;max-width: 99999px;max-height: 99999px;overflow: visible !important;}
/* Overlay helper */
.fancybox-lock {overflow: hidden !important;width: auto;}
.fancybox-lock body {overflow: hidden !important;}
.fancybox-lock-test {overflow-y: hidden !important;}
.fancybox-overlay {position: absolute;top: 0;left: 0;overflow: hidden;display: none;z-index: 8010;background: url('../images/fancybox_overlay.png');}
.fancybox-overlay-fixed {position: fixed;bottom: 0;right: 0;}
.fancybox-lock .fancybox-overlay {overflow: auto;overflow-y: scroll;}
/* Title helper */
.fancybox-title {visibility: hidden;font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position: relative;text-shadow: none;z-index: 8050;}
.fancybox-opened .fancybox-title {visibility: visible;}
.fancybox-title-float-wrap {position: absolute;bottom: 0;right: 50%;margin-bottom: -35px;z-index: 8050;text-align: center;}
.fancybox-title-float-wrap .child {display: inline-block;margin-right: -100%;padding: 2px 20px;background: transparent;background: rgba(0, 0, 0, 0.8);-webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;text-shadow: 0 1px 2px #222;color: #FFF;font-weight: bold;line-height: 24px;white-space: nowrap;}
.fancybox-title-outside-wrap {position: relative;margin-top: 10px;color: #fff;}
.fancybox-title-inside-wrap {padding-top: 10px;}
.fancybox-title-over-wrap {position: absolute;bottom: 0;left: 0;color: #fff;padding: 10px;background: #000;background: rgba(0, 0, 0, .8);}
/*Retina graphics!*/
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
	   only screen and (min--moz-device-pixel-ratio: 1.5),
	   only screen and (min-device-pixel-ratio: 1.5){

	#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
		background-image: url('../images/fancybox/fancybox_sprite@2x.png');
		background-size: 44px 152px; /*The size of the normal image, half the size of the hi-res image*/
	}

	#fancybox-loading div {
		background-image: url('../images/fancybox/fancybox_loading@2x.gif');
		background-size: 24px 24px; /*The size of the normal image, half the size of the hi-res image*/
	}
}




/*--MEDIA--*/
@media screen and (max-width:1220px){
	#hotPro .jcarousel-container .jcarousel-prev-horizontal{left:0px;}
	#hotPro .jcarousel-container .jcarousel-next-horizontal{right:0px;}
}
@media screen and (max-width:1100px){
	.content .proimglist {display:none;}
	#nav a{ margin-left:4.6%;}
}
@media screen and (max-width:1000px){
	
	#nav a{ margin-left:3.6%;}
}
@media screen and (max-width:940px){
	#footer .footerRight{ width:100%; text-align:left; margin-top:18px;}
	.topRight{ height:23px;}
	#nav{ position:fixed; top:0px; left:0px; z-index:-1; width:38%; }
	#menuTitle{ display:block;}
	#header{ margin-top:40px;}
	#nav a{ color:#fff; display:block; text-align:left; padding-left:12px; line-height:36px; border-bottom:1px solid #222; }
	#header #nav a{ margin:0px; font-size:12px;}
	#nav a:hover{ color:#fff; border-bottom:1px solid #222;}
}

@media screen and (max-width:780px){
	.slidebox{width:42%;}
	.prenext{width:100%;}
	#showBox .proPic { width:46%;}
	#showBox .proPic:last-child{ display:none;}
	h2.mainTitle{ padding:33px 0px;}
	#aside , #maincontent{ width:100%;}
	#aside ul li{padding:0px 1.53%;}
	#aside li a { padding-left:11px; background-position:1px -140px;}
	.locationwrapper{ width:100%; padding:0px 1.53%;}

.logo{ text-align:center; margin-bottom:0px;}
	#header .topRight{ position:static; text-align:center; margin-bottom:1.5%;}
.topRight{ height:auto;}
}

@media screen and (max-width:550px){

	.prodisplay .proPic{ width:46%;}
	.proleft , .proright{width:100%;}
	.proright{margin:10px 0px; height:auto; padding-bottom:36px;}
	
	
	.proList li .proPic{width:35%;}
	.proList li .proPic>a{height:102px;}
	.proList .proListText{width:60%;}
	
	#banner{ width:140%; margin-left:-20%;}
	#banner .rsMinW .rsArrowLeft , #banner .rsMinW .rsArrowRight{ display:none;}
	#banner .rsMinW .rsBullets{ bottom:6px;}
	.headerwrapper , .footerwrapper { width:98%;}
	
	#mainpage .newsbar .newsbarTitle{ display:block;}
	#mainpage .newsbar{ height:auto; line-height:42px;}
	.slidebox{ display:block; width:auto; padding-right:50px;}
	.slidebox li{ right:78px;}
	.slidebox li h3{ display:block;}
	.slidebox li .updatetime{ margin-left:5px;}
	.newsbarBtn{ right:8px;}
	
	#showBox .proPic { width:100%;}
	#showBox .proPic:last-child{ display: inline-block;}
	#lang{ margin-right:0px;}
	
	.newsList li{ padding-right:1.42%;}
	.contactMessage{ width:100%;}
}
@media screen and (max-width:450px){
.topRight .searchForm{ display:block; margin-top:6px; margin-bottom:12px; margin-left:auto; margin-right:auto; width:185px;}
}
@media screen and (max-width:400px){
	.proDes #tags li a{padding:0px 8px;}

}

@media screen and (max-width:350px){
	.prodisplay .proPic{ width:100%;}
	.proDes #tags li a{padding:0px 3px;}
	#quotation input.btn:first-child {margin-right:2.3%; }
	#quotation input.btn{ width:33%; min-width:80px;}
	.proList li .proPic , .proList .proListText{ width:100%; margin:5px 0px;}
}



.linkF{color:#b1b6c7; text-transform:uppercase; margin-top:5px;}
.linkF img{ vertical-align:bottom; margin-left:4px; }
.gongshang{text-align:center; display:inline-block; width:100%;}

.techlist{ background:#F2F2F2; padding:10px;}
.techlist li{ background:url(../images/mark_img2.gif) no-repeat left center; padding-left:15px; height:35px; line-height:35px; border-bottom:#CCC 1px dotted;}
.techlist li a{ font-size:14px;}
.techlist li:hover{ background-color:#fff;}
.techlist li a span{ color:#999}