@charset "utf-8";
.product { padding-top:10px;}
.product ul{  background:url(../images/common/icon.gif) repeat-x left bottom; height:150px;padding:25px 5px;}
.product ul li{ display:inline; float:left; }
.proLisLeft{ width:150px; height:150px;}
.proLisRight{ width:515px; height:150px; padding-left:20px; position:relative; }
.proLisRight p{ line-height:22px; margin-top:8px; color:#666; text-align:justify;}
.proLisRight p a{ color:#666;}
.proLisRight p.tar{ position:absolute; bottom:0; left:20px;}
.proLisRight p.tar a{ display:block; width:64px; height:20px; line-height:20px; padding-left:7px;_padding:2px 0 0 7px; background:#fff url(../images/product/morebg.png) no-repeat left top ; color:#003894; }
.proLisRight p.txt{ height:85px; overflow:hidden;}
.proLisRight h2{ padding-top:8px;}
.proLisRight h2 a{ font-size:14px; font-weight:bold; color:#4b4b4b;}
.prodetail{ margin-top:20px;}
.wrapperde{ clear:both; padding:10px 0 0 25px;  bottom:0;}
.imglistde li{ display:inline; float:left; margin:0 3px; width:74px; height:75px;}
.imglistde li a{ display:block; width:70px; height:70px; padding:1px;_padding-bottom:2px; background:#fff; border:1px solid #ccc;}
.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-container-horizontal{width:320px;height:75px;position:relative;margin:0 auto;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-clip-horizontal{width:320px;height:75px;overflow:hidden;position:relative;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-item{ width:74px;height:75px;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-next-horizontal,
.imgwrapperde .jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute;top:25px;width:12px;height:24px;cursor:pointer;overflow:hidden;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-prev-horizontal{ left:-15px;background:url(../images/index/leftarr.png) no-repeat;}
.imgwrapperde .jcarousel-skin-tango .jcarousel-next-horizontal{ right:-15px;background:url(../images/index/rightarr.png) no-repeat;}
#thumblist{padding-top:5px; height:102px;width:350px; text-align:center;}
#thumblist li .zoomThumbActive{border:1px solid #d12229;}
.jqzoom{text-decoration:none;float:left;}
.clearfix2:after{clear:both;content:".";display:block;font-size:0;height:0;line-height:0;visibility:hidden;}
.clearfix2{display:block;zoom:1}
.deleft{ float:left; width:277px; height:277px; margin-right:50px;}
.detai{width:300px; margin-left:33px; border:1px solid #ccc;}
.deright{ float:right; display:inline; width:360px; height:auto; min-height:200px; _height:200px;margin-right:10px; padding-bottom:20px; position:relative;}
.deright .backpro{ position:absolute; bottom:20px; left:0;}
.deright .pcon{padding-top:10px;line-height:170%; color:#4b4b4b;}
.deright .pcon p{ color:#4b4b4b;line-height:170%;}
.deright h2{ border-bottom:1px solid #d12229;font-weight:bold; color:#d12229; height:29px;}
.deright h2 strong{ float:left;  font-size:14px; line-height:29px; }
.deright h2 a{ float:right;}
.decont{ margin-top:20px;}
.decont h2{background: url("../images/product/title.gif") repeat-x  left top; height:32px; line-height:32px;position:relative;}
.decont h2 span{ float:left; height:32px;line-height:32px;padding:0 18px; font-weight:bold;color:#333;font-size:14px;}
.decont h2 span.current{ color:#333;}
.decont h2 img{ position:absolute; right:3px; top:5px;}
.decont .subcon{ clear:both; display:none;color:#525252; padding:15px;height:auto!important; _height:120px; min-height:120px; line-height:170%; border:1px solid #dfdfdf;} 
.decont .subcon p{ line-height:170%;}

.advicepro{ margin-top:20px; padding-bottom:20px;overflow:hidden; zoom:1;}
.advicepro h2{ font-size:13px; background: url("../images/common/leftteltbg.png") repeat-x scroll left top; height:32px; line-height:28px;position:relative; }
.advicepro h2 strong{ display:block; width:95px;line-height:32px; font-size:15px;text-align:center; color:#fff;font-family:\5FAE\8F6F\96C5\9ED1;}
.advicepro h2 span.fr{ position:absolute; right:20px; top:0;}
.advicepro h2 span.fr img{ margin-left:13px;}
.advicepro .product li{ margin:0 2px;}

.advicepro .bor{ width:708px; border:none;overflow:hidden; zoom:1;}
.wrapperps{ margin:0 auto; width:664px;padding:15px 0; background:#f2f2f2; overflow:hidden; zoom:1;}
.imglistps li{ display:inline; float:left; width:152px; height:190px; margin:0 4px; text-align:center; overflow:hidden; }
.imglistps li a.proImg{ display:inline-block;width:152px; height:152px; background:url(../images/product/bg.gif) no-repeat center bottom;padding:0 0 10px;}
.imglistps li a.proImg img{ width:150px; height:150px; background:#fff;border:1px solid #dcdcdc;}
.imglistps li a.proTxt{ display:block;color:#585858; padding-top:10px; line-height:20px; text-align:center;}
.jcarousel-skin-tango .jcarousel-direction-rtl{direction:rtl;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-container-horizontal{width:640px;height:190px;position:relative;margin:0 auto;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-clip-horizontal{width:640px;height:190px;overflow:hidden;position:relative;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-item{ width:152px;height:190px;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-next-horizontal,
.imgwrapperps .jcarousel-skin-tango .jcarousel-prev-horizontal{ position:absolute;top:50px;width:28px;height:54px;cursor:pointer;overflow:hidden;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-prev-horizontal{ left:-33px;background:url(../images/product/leftarr.png) no-repeat;}
.imgwrapperps .jcarousel-skin-tango .jcarousel-next-horizontal{ right:-33px;background:url(../images/product/rightarr.png) no-repeat;}

.imglistps li.hover{text-align:center;}
.imglistps li.hover a.proImg img{ width:150px; height:150px; background:#fff;border:1px solid #066db2;}
.imglistps li.hover a.proTxt{ display:inline-block;color:#006ab0; padding-top:10px; text-align:center;font-weight:bold;}

.Case ul.current{ background:#f6f6f6 url(../images/common/borb.gif) repeat-x left bottom; cursor:pointer;}
.caselists{ clear:both;margin:0 auto; padding:30px 5px ; background:url(../images/common/borb.gif) repeat-x left bottom; overflow:hidden; zoom:1;}
.leftimg{ float:left; width:150px; height:120px;}
.leftimg img{ border:1px solid #cacaca;}
.righttxt{ display:inline; float:left; width:520px; margin-left:20px; position:relative; }
.righttxt h2 a{ color:#666; font-weight:bold;}
.righttxt p{ line-height:150%; margin-top:5px;}
.righttxt p a{ color:#666;}
.righttxt p span{color:#7f7f7f;}
.caselists .righttxt .txt{ height:58px; overflow:hidden;}

#faq { margin:10px 5px;}
#faq li{ padding:20px;}
#faq li h5{padding:3px 0 3px 25px; color:#333;background:url(../images/common/q.png) no-repeat left 3px;}
#faq li p{line-height:150%; padding:10px 0 3px 25px; background:url(../images/common/a.png) no-repeat left 10px;color:#666;}
#faq li.current{ background:#f5f5f5;}

.industrynews h4{ height:27px; padding-left:10px; padding-right:20px; background:url(../images/news/titlebg.gif) repeat-x left bottom;}
.industrynews h4 span{ height:27px; line-height:27px;}
.industrynews .dates{ width:55px; text-align:left;}
.industrynews ul{ padding:10px;}
.industrynews li{ height:30px;background:url(../images/common/borb.gif) repeat-x left bottom;}
.industrynews li p{height:30px; line-height:30px; padding-left:10px;background:url(../images/news/sq.gif) no-repeat left center;}
.industrynews li a{ float:left; color:#666}
.industrynews li span{ float:right; width:70px; text-align:right; color:#666}
.industrynews li a:hover{ color:#9b0000;}

.pagenewlist li{ height:30px; line-height:30px; border-bottom:1px dotted #ccc;}
.pagenewlist li span{ float:left; height:30px; line-height:30px; color:#a9a9a9; width:90px; text-align:center; background:url(../images/news/span.gif) no-repeat right center;}
.pagenewlist li a{ float:left; height:30px; line-height:30px; color:#666; padding-left:15px;}
.pagenewlist li a:hover{ text-decoration:none;}
.pagenewlist li.current{ background:url(../images/news/newcurr.gif) repeat-x; cursor:pointer;}

.comNews{padding:10px 5px;}
.comNews ul{height:112px; padding-bottom:15px; margin-bottom:15px;}
.comNews ul li{ display:inline; float:left; }
.newsLisLeft{ width:185px; height:105px;padding:4px; background:url(../images/news/newbg.jpg) no-repeat; }
.newsLisRight{ width:470px; height:112px; padding-left:20px; position:relative; }
.newsLisRight p.caseTxt{ line-height:22px; margin-top:5px; height:48px; overflow:hidden;}
.newsLisRight p.caseTxt a{ color:#666;}
.newsLisRight p.tal{ position:absolute; bottom:5px; left:20px;}
.newsLisRight p.tal a{ padding:2px 8px; background-color:#003894; color:#fff;}
.newsLisRight h2{ padding-top:8px;}
.newsLisRight h2 a{ font-size:14px; font-weight:bold; color:#003894; }
.newsMain { padding:10px 15px;}
.newsMain .headTit{ border-bottom:1px dotted #ccc; text-align:center; padding:10px 0;}
.newsMain .headTit h1,.newsMain .headTit h2{ font-size:18px; line-height:18px; color:#000; font-family:\5FAE\8F6F\96C5\9ED1;}
.newsMain .headTit .time{ font-size:10px;}
.newsMain .headTit .clickhov span{margin-left:10px;}
.newsMain .texBody{ padding-top:20px; line-height:180%; color:#555;}
.newsMain .back { border-top:1px dotted #ccc; margin-top:20px; padding-top:5px;}
.newsMain .back a { background-color: #999; color:#FFF; display: block; float:right; height: 20px; line-height: 20px; margin-top: 1px; text-align: center; text-decoration: none; padding:0 10px;}
.newsTj li{ padding-top:5px;}

#demo_main{margin:20px auto;}
.myImagesSlideBox{width:745px;}
.myImages{margin:0 auto;height:500px;padding:106px 0 20px; background:url(../images/store/bg.png) no-repeat left top;text-align:center;cursor:pointer;position:relative;overflow:hidden;}
.myImages img{height:415px;width:300px;border:0; margin-right:65px;}
.myImages p{ width:500px; margin-left:78px; line-height:170%; font-size:12px; padding:30px 10px; text-align:center; color:#3073a7;}
.myImgs {display:none;}
#scrollable { padding:15px 0 15px 0; margin-left:30px;margin-right:60px;border:1px dotted #939393; border-left:none; border-right:none; overflow:hidden; zoom:1;}
div.items {height:180px;float:left;width:591px !important;visibility: visible;overflow: hidden;position: relative;}
div.items a {display:inline-block;float:left; margin:0 7px;width:130px;height:180px;text-decoration:none;text-align:center;cursor:pointer;border:1px solid #bbb;}
div.items a:hover {border:1px solid #003894;}
div.items a.active {border:1px solid #003894;}
.scrollableDiv{position: absolute; width: 200000em; left: 0px;}
#scrollable a.prev, #scrollable a.next {display:block;width:18px;height:37px;float:left;cursor:pointer;margin:80px 5px 0;}
#scrollable a.prev img, #scrollable a.next img{ border:none;}

.video{padding:10px 0 0 0; overflow:hidden; zoom:1;}
.videotop{ padding:20px 0 0 80px; min-height:105px; height:auto;_height:105px; background:url(../images/product/videoIcon.jpg) no-repeat 20px top; line-height:150%; color:#666;}
.video dl{ float:left; width:350px; height:134px; margin-top:20px; background:url(../images/product/videobg.png) no-repeat;}
.video dl dt{ float:left; height:134px; width:153px; background:url(../images/product/videobgimg.png) no-repeat;}
.video dl dt a{ display:block; margin:19px 0 0 9px;}
.video dl dd{ float:right; width:175px; height:124px; padding-top:10px; padding-right:8px; position:relative;}
.video dl dd h2{ font-weight:700; color:#666;}
.video dl dd p{ color:#666; line-height:150%; padding-top:7px;}
.video dl dd p.tar{ position:absolute; bottom:10px; right:10px;}
.video dl dd p.tar a{ color:#c5c5c5;}
.video dl dd p.txt{ height:58px; overflow:hidden;}
.videodetail{ width:100%; text-align:center;}
.videodetail h2{ font-size:16px;font-family:\5FAE\8F6F\96C5\9ED1;color:#333; height:30px; line-height:30px; text-align:center; margin-bottom:20px;}

.contact{ width:100%; padding-bottom:10px; overflow:hidden; zoom:1;}
.contop{ float:left; padding:10px 10px 30px 10px; width:320px; }
.contop h2{ font-size:16px; font-weight:bold; text-align:left; padding-bottom:10px; margin-bottom:20px; color:#333;font-family:\5FAE\8F6F\96C5\9ED1; background:url(../images/common/borb.gif) repeat-x left bottom;}
.contop p{ line-height:30px;font-family:\5FAE\8F6F\96C5\9ED1; font-size:14px;}

.sousuo{ padding:0 5px;}
.sousuo h4{ font-weight:bold; background-color:#E8E8E8; color:#333; height:25px; line-height:25px; padding-left:10px; margin-top:10px;}
.sousuo .industrynews{ padding:5px 5px 20px;}

.webMap{ width:100%;}
.webMap ul { padding:0 5px;}
.webMap ul li {  padding-bottom:10px; padding-top:10px; border-bottom: 1px dashed #DDDDDD;}
.webMap ul li h2{  height:25px; padding:0 0 8px; }
.webMap ul li h2 a{ display:block; width:122px; height:25px; line-height:25px; text-align:center; color:#333; font-size:12px;  background:#DDDDDD;}
.webMap ul li p{ padding:10px 0 0 5px;}
.webMap ul li p a{display: inline-block;padding-left:10px; padding-right:20px;padding-bottom:5px; white-space: nowrap; color:#666; background:url(../images/common/listylebg.gif) no-repeat left 5px;}

.faqlist{ clear:both; padding:5px 0 0; _padding:10px 0 0; overflow:hidden; zoom:1;}
.faqlist li{background:#fff; border:1px solid #f3e8c0; margin:5px 0 15px; padding-bottom:5px;}
.faqlist li h4{ height:23px;line-height:23px; background:#FFFCF0 url(../images/index/icon05.gif) no-repeat right bottom; border-bottom:1px solid #f3e8c0;}
.faqlist li h4 a{ display:block; padding-left:28px; background:url(../images/index/q2.gif) no-repeat 7px center; color:#7b2201;}
.faqlist li .faqTxt{ background:url(../images/index/a.gif) no-repeat 7px 7px; line-height:160%; padding:5px 15px 0 28px; color:#525252;}
.faqlist li .faqTxt a{ color:#4d4d4d;}
.faqlist li .faqTxt a:hover{ color:#b90904;}

.partner{ padding:0;}
.partner li{ float:left; width:90px; height:60px; margin:0 11px 20px; text-align:center;}

.about{ color:#666; line-height:21px; padding:23px 0 0;}
