html {-webkit-text-size-adjust:none;}
html,body,h1,h2,h3,h4,h5,h6,ul,ol,li,div,p,span,strong,a,img,em,i,dl,dt,dd{ border:0; padding:0; margin:0;}
a{ text-decoration:none; color:#3b4040}
a:hover{ text-decoration:underline;}
ul li,dl,dt,dd{ list-style:none;}
.clear,.wrap,.txwrap,.soprotext,.soproc,.rpro-line,.rpro-lines{ clear:both; overflow:hidden;}
.wrapnav{ clear:both;}
.fl{ float:left;}
.fr{ float:right;}

body{ text-align:center; background:#fff; font:normal 12px/15px Tahoma; color:#3b4040;}
.wrap{ text-align:left; margin:0 auto; padding:0 12%; width:75%;}
#top{ padding:8px 0;}
#logo{ width:166px; height:38px;}
#toplink{ width:70%; text-align:right; line-height:17px;}
#toplink a{ color:#085f5a; padding:0 1%; border-right:#085f5a solid 1px;}
#toplink #toplink03{ border:none; min-width:100px;}
#toplink #toplink04{ border:none; background:url(../images/web.jpg) no-repeat 0 50%; padding:0 0 0 20px; min-width:100px;}
/*nav texiao-----------------------------------------------------------------------begin*/
#nav{ width:62%; float:left;}
#nav .navlil{ width:18%;}
#nav .navlill{ width:19%;}
#nav .navlis{ width:14%}

.mscom-nav .mscom-nav-container{}
.mscom-nav .mscom-navitem{ float:left;display:inline-block;*display:inline; width:10%; text-align:center;}
.mscom-nav .selected{background:#eee;}
.mscom-nav .mscom-nav-item-link{text-decoration:none; font:normal 15px/35px Tahoma;}
.mscom-nav .mscom-nav-item-flyout-link{ padding:11px 0 2px 2px;}
.mscom-nav .mscom-nav-item-flyout-link::after{content:'∨';margin-left:2px; font-size:12px;}
.mscom-nav .mscom-nav-flyout{background-color:#eee;position:absolute;width:75%; padding:0 12.5%;left:0;border-left:medium none;opacity:1;display:none;z-index:996; text-align:left;}
.mscom-nav .mscom-nav-flyout #navadiv{ display:block; font:bold 15px/15px Tahoma; color:#000; padding:3% 0 1% 5%;}
.mscom-nav .mscom-nav-flyout dl{ float:left; width:19.75%; padding:0 0 3% 5%; line-height:20px;}
.mscom-nav .mscom-nav-flyout .navadl{ padding:12% 0 6% 0;}
.mscom-nav .mscom-nav-flyout dl dt{ font:bold 12px/14px Tahoma; padding-bottom:6%;}
.mscom-nav .mscom-nav-flyout dl dt a{ color:#085f5a;}
.mscom-nav .mscom-nav-flyout dl dd{ line-height:13px; padding:2.5% 0;}

#txmenu{ display:block; float:right; width:60px; height:12px; padding:4% 1% 0% 0;}
#box{ border-top:#eceded solid 5px;}
#box .boxli{ width:98%; padding-left:1%; background:#085f5a; border-bottom:#eceded solid 1px; font:normal 15px/30px Tahoma; height:30px; color:#fff;}
#box .boxli a{ color:#fff;}
#txmenu:hover,#box .a0 i:hover,#box .a1 i:hover,#box .boxsan i:hover{ cursor:pointer;}
#box .boxsan{ width:96%; padding-left:3%; background:#deebf4; border-bottom:#373b3b solid 1px; color:#3b4040; font:normal 15px/30px Tahoma; height:30px;}
#box .boxsan a{ color:#3b4040; display:block; width:90%; float:left;}
#box .boxsan i{ display:block; width:10%; float:right; font:normal 13px/30px Arial; text-align:center;}
#box .boxsi{ width:94%; background:#eff4f7; color:#3b4040; font:normal 13px/15px Tahoma; padding:1% 0 1% 5%;}

.a0{  width:98%; padding-left:1%; background:#085f5a; border-bottom:#eceded solid 1px; font:normal 15px/30px Tahoma; height:30px; color:#fff;}
.a0 a,.a1 a{ display:block; width:15%; float:left; color:#fff;}
.a0 i,.a1 i{ display:block; width:84%; float:left; font:normal 13px/30px Arial;}
.a1{  width:98%; padding-left:1%; background:#3b4040; border-bottom:#eceded solid 1px; font:normal 15px/30px Tahoma; height:30px; color:#fff;}


/*nav texiao-----------------------------------------------------------------------over*/
#navmail{ display:block; color:#085f5a; padding-top:7px;}
#navmaill{ line-height:20px; padding-right:5px;}
#navmaill,#navmailr{ display:block; float:left; height:20px;}

.txwrap{ width:100%; background:#eceded; width:98%; padding-right:2%; font:bold 13px/24px Tahoma;}
.txwrap a{ color:#085f5a;}
.txwrap #txwrapa{ display:block; float:right; height:24px; padding-right:5px;}
.txwrap #txwrapimg{ display:block; float:right; height:22px; padding-top:2px;}
.txwrap #txtop04{ display:block; float:right; background:url(../images/webtx.jpg) no-repeat 10% 50%; padding:0 0 0 8px; min-width:100px;}
/*banner--------------------------------------------------------------------begin*/
#banner,#banner-sub{ width:100%; height:auto;padding-bottom:20px; border-top:#eceded solid 5px;}
#bansuber{ width:100%; height:44px; margin-bottom:20px; background:#085f5a; border-top:#eceded solid 5px;}

#frameHlicAe { margin: 0px !important; border: 0px !important; position:relative; }
.comiis_wrapad { width:100%; overflow:hidden; }
.comiis_wrapad img { float: left; margin-top: 0px; width:100%; height:auto; }
.cl:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.cl { zoom: 1; }

.slideshow { clear: both; }
#slidesImgs li { width: 100%; height:auto; display: none; }
.slideshow li { position: relative; overflow: hidden; }
<!--.slideshow span.title { position: absolute; top:90%; left: 0; overflow: hidden;}-->
.slideshow span.title { position: absolute; overflow: hidden;}
.slideshow span.title1 { top:25%; left:52%; width:23%;}
.slideshow span.title1 div{ width:93%; background:#e55029; padding:6% 2% 2% 2%; margin-right:3%; color:#fff;}
.slideshow span.title1 div a{ display:block; font:bold 28px/30px Tahoma; color:#fff;}
.slideshow span.title1 div i{ display:block; font:normal 14px/20px Tahoma;}
.slideshow span.title1 em{ display:block; margin-left:3%; width:91%; padding:2% 0 2% 6%; background:#fff url(../images/dot-inewr.jpg) no-repeat 1% 50%; color:#000; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65; font:normal 12px/14px Tahoma; text-align:left;}
.slideshow span.title2 { top:20%; left:13%; width:22%;  background:#e55029; padding:1% 2% 1% 2%; color:#fff;}
.slideshow span.title2 a{ display:block; font:bold 20px/30px Tahoma; color:#fff;}
.slideshow span.title2 i{ display:block; font:normal 14px/20px Tahoma;}
.slideshow span.title3 { top:30%; left:7%; width:20%;  background:#e55029; padding:1% 2% 1% 2%; color:#fff;}
.slideshow span.title3 a{ display:block; font:bold 18px/30px Tahoma; color:#fff;}
.slideshow span.title3 i{ display:block; font:normal 14px/20px Tahoma;}
.slideshow span.title5 { top:9%; left:38%; width:28%; color:#fff; text-align:left;}
.slideshow span.title5 a{ display:block; width:95%; padding:2.5% 0% 2.5% 5%; font:bold 28px/30px Tahoma; color:#fff; background:#ff7a0f;}
.slideshow span.title5 i{ display:block; width:90%; padding:2% 5%; font:normal 14px/20px Tahoma; background:#767676; filter:alpha(opacity=65); -moz-opacity:0.65; -khtml-opacity: 0.65; opacity: 0.65;}

.slidebar { position:absolute; bottom:10%; left:80%;}
.slidebar li { background:url(../images/dot-navnor.gif) no-repeat 50% 50%;  color: #a24420; overflow: hidden;  float: left; width: 20px; height: 20px; text-align: center; font-size: 10px; cursor: pointer; }
.slidebar li.on { background:url(../images/dot-navon.gif) no-repeat 50% 50%; color: #bababa;  }

/*banner-----------------------------------------------------------------------over*/
#navp{ min-width:172px; width:19%;}
#navp h3{ height:48px; font:normal 34px/38px Tahoma; color:#085f5a;}
#navp li{ font:normal 15px/15px Tahoma; padding:5px 0 5px 10px; background:url(../images/dotnavs.jpg) no-repeat 0 50%;}
/*index content texiao-----------------------------------------------------------------------begin*/
#sopro{ width:78%; float:right;}
.soproc{ margin-top:23px;}
.soproc li{ float:left; width:22.83%; padding-right:2.67%;}
.soproc #soprocli{ padding:0;}
.soproc #soproclix{ padding-right:2.67%;}
.soproc li a{ display:block;}
.soproc li .soproclia{ text-align:center; padding-top:14px; color:#085f5a; line-height:12px; height:25px;}
.soproc li p{ text-align:center; font-size:11px;}
.soprotext{ padding:0 8px 0 2px;}

.mscom-pivot-container{margin:0;}
.mscom-pivot .selected .mscom-pivot-flyout{display:block}
.mscom-pivot-tab .mscom-pivot-flyout{width:100%;border-left:medium none;left:0;opacity:1;display:none;}
.mscom-pivot-tab #soprot .mscom-pivot-item-flyout-link{ display:block; float:left; height:30px; padding:0 10px; margin-right:4px; font:normal 20px/30px Tahoma; color:#085f5a; }
.mscom-pivot-tab #soprot .selected{ background:#085f5a; color:#fff;}
.mscom-pivot-tab #soprot .mscom-pivot-item-flyout-link:hover{ background:#085f5a; color:#fff; text-decoration:none;}

/*index content texiao-----------------------------------------------------------------------over*/
#bot{ width:100%; background:#085f5a; color:#fff; padding-bottom:25px; margin-top:30px;}
#bot a{ color:#fff;}
.botl{ float:left; padding:0 5.77% 0 1.28%; width:42.45%;}
.botl h4{ font:normal 20px/60px Tahoma; height:60px;}
.botl h6{ font:normal 12px/15px Tahoma; height:36px; padding-left:10px; background:url(../images/dotbot.jpg) no-repeat 0 20%;}

/*bnav-----------------------------------------------------------------------begin*/
#bottom{ width:100%; background:#eee;}
#bnav{ height:15px; text-align:right; padding-right:5%;}
#bottomb{ color:#000; padding:5px 0; background:#eee;}
#bottombl{ float:left; text-align:center; width:21%; padding:1% 0;}
#bottombc{ float:left; text-align:center; width:44%; padding:1% 0;}
#bottombr{ float:left; text-align:center; width:34%; padding:1% 0; color:#085f5a;}
#bottombl a{ display:inline-block; background:url(../images/dotarrow.jpg) no-repeat left center; padding:0 15px 0 15px; font-weight:bold; color:#085f5a;}
#bottombr a{ display:inline-block; border-right:#085f5a solid 1px; color:#085f5a; padding:0 10px 0 0px;}
#bottombr #bottombra{ border:none; padding:0 0 0 10px;}
/*bnav-----------------------------------------------------------------------over*/
/*products content-----------------------------------------------------------------------begin*/
/*prol-----------------------------------------------------------------------begin*/
#prol{ width:19.5%; margin:0 2% 0 1%;}

.snav,#snav-z .title{ width:95%; height:26px; padding:6px 0 0 5%; background:url(../images/inavbg.jpg) repeat-x;}
#snavon,#snav-z .selected{ width:95%; height:22px; padding:6px 0 0 5%; background:url(../images/navonbg.jpg) repeat-x;}
#snavon a,#snav-z .selected a,#snavh3on a,#snav-z2 .selected a{ color:#fff;}
.sanvh3,#snav-z2 .title{ width:94%; padding:2% 0 2% 5%; border:#e0e0e0 solid 1px; border-top:none; font:normal 11px/16px Tahoma;}
#snavh3last{ margin-bottom:6px;}
#snavh3top{ margin-top:6px;}

#snavh3on,#snav-z2 .selected{ width:95%; padding:2% 0 2% 5%; border:none; background:url(../images/navonbg-s.jpg) no-repeat 100% 50%;}
.snavul{ width:94%; padding:2% 0 2% 5%; border:#e0e0e0 solid 1px; border-top:none;}
.snavul li{ width:95%; padding:2% 0 2% 5%; line-height:13px;}
.snav-lis{ background:url(../images/dot-snavs.jpg) no-repeat left center;}
.snav-lid{ background:url(../images/dot-snavd.jpg) no-repeat left center;}

#il-search{ width:91%; background:#deebf5; margin-top:12px; padding:2% 4% 2% 5%;}
#il-search-title{ width:90%; height:19px; color:#000;}
#il-search-input{ display:block; float:left;}
#il-search-but{ display:block; float:right; width:10%; height:19px; background:url(../images/search.jpg) no-repeat;}

#il-ad{ width:99%; margin-top:1px; border:#e3e3e3 solid 1px;}
#il-ad-t{ width:95%; margin:0 2%; padding:3% 0 0 1%; font:normal 13px/30px Tahoma; color:#000; border-bottom:#e3e3e3 solid 1px;}
#il-ad-c{ width:94%; margin:0 2%; padding:10px 0 5% 2%;}
#il-ad-c img{ display:block; float:left; width:30px; height:30px; padding:0 4%;}
/*products rpro-----------------------------------------------------------------------begin*/
#pror{ width:76.5%;}
.rpro-zongs{ width:46%; float:left; padding:0 2.5% 0 1%;}
.rpro-line{ clear:both; width:97.5%; height:48px; padding-left:2.5%; background:url(../images/line-pro.jpg) repeat-x; font:bold 13px/27px Tahoma;}
.rpro-linesub{ clear:both; width:97.5%; height:40px; padding-left:2.5%; background:url(../images/line-pro.jpg) repeat-x; font:bold 13px/27px Tahoma;}
.rpro-con{ width:97.5%; padding-left:2.5%; clear:both; display:block; min-height:99px;}
.rpro-consub{ width:97.5%; padding-right:2.5%; clear:both; display:block; min-height:99px;}
.rpro-cimg{ display:block; width:27.5%; float:left;}
.rpro-ccon{ width:70.8%; padding-left:1.5%; float:left;}
.rpro-cconsub{ width:70.8%; padding-right:1.5%; float:left;}
.rpro-cconsub a{ display:block; background:url(../images/dot-inewr.jpg) no-repeat 0 50%; padding:3px 0 3px 14px; margin-bottom:2%;}
.rpro-ccon-title{ width:95%; padding-left:5%; background:url(../images/dot.jpg) no-repeat 2% 40%; font:bold 12px/12px Tahoma; clear:both;}
.rpro-ccon-text{ width:100%; line-height:13px; padding-bottom:5%;}
.rpro-ccon-numl{ float:left; width:10px; padding:2px 0 0 0px;}
.rpro-ccon-numc{ float:left; width:43px; text-align:center; color:#3b4040; font-weight:bold;}
.rpro-ccon-numr{ float:left; width:10px; padding:2px 8px 0 0;}
.rpro-ccon-numall{ float:left; width:71px; height:18px;}
.rpro-lines{ clear:both; width:100%; height:15px; border-top:#e3e3e3 solid 1px;}
#rpro-solu{ width:97.5%; padding:0.5%; border:#969696 solid 1px; font:bold 11px/11px Tahoma;}
#rpro-solul{ float:left; width:52.8%; height:auto;}
#rpro-solul-img{ display:block; width:100%; border-bottom:#fff solid 1px; max-width:182px;}
#rpro-solul-a{ display:block; max-width:163px; width:90%; padding-left:10%; background:#dd5622 url(../images/dot-square-f.jpg) no-repeat 3% 50%;  line-height:19px; color:#FFF; }
#rpro-solur{ float:left; width:43.2%; padding:1% 0 0 3%;}
#rpro-solur li{ width:88%; padding:2.5% 0 2.5% 11%; background:url(../images/dot-square.jpg) no-repeat 0 50%;}
#pror-inqtitle{ width:99%; padding-left:1%; height:24px; background:#eceded; border-bottom:#d6d6d6 solid 1px; border-top:#d4d4d4 solid 1px; margin:6px 0; font:bold 14px/24px Tahoma;}



/*jaw-----------------------------------------begin*/
#spro-top{ width:100%; padding-bottom:20px;}
#spro-img{ width:33%; background:#deebf4;}
#spro-intro{ width:60%; padding:0 3% 3% 3%; background:#deebf4;}
#spro-introtop{ width:100%; font:normal 19px/25px Tahoma; color:#dd5622; margin-bottom:1%;}
#spro-introtop strong{ padding-left:2px; margin:3px 3px; border:#ddd solid 1px; background:#dc4d28; font:bold 11px/13px Tahoma; padding:1px 3px;}
#spro-introtop a{ font:bold 11px/15px Tahoma; color:#FFF;}
#sprol{ float:left; width:74.6%; padding-right:1%;}
#sprolgb{ float:left; width:74.6%; margin-right:1%; background:#f7f7f7;}
.sprolgb-t{ width:98%; padding:1% 0 1% 2%; background:#e9eaea; font-weight:bold; color:#000; border-bottom:#d6d6d6 solid 1px;}
.sprolgb-tinq{ width:98%; padding:1% 0 1% 2%;}
/*table--------begin*/
.tablep{ width:100%; text-align:center;}
.tablep tr td{ line-height:13px; padding:0.5% 0; border-bottom:#e1e1e1 solid 1px;}
.tablep tr td strong,#table-note strong{ color:#085f5a;}
.tablep .table-trf{ background:#fff;}
.tablep .table-trtop{ background:#deebf4;}
.tablep .table-trtop td{ padding:0.8% 0;}
#table-note{ width:96%; padding:7px 0 3% 3%;}
.table-notep{ width:96%; padding:7px 0 0% 3%;}

#pro-fea{ width:92%; padding:3% 4%; line-height:18px;}
/*Application-----------begin*/
.pro-app{ width:93%; padding:3% 3% 3% 3%; clear:both; overflow:hidden;}
.proban{ float:left; width:64%;}
.flashbox{ width:100%; float:left; position:relative; }
.flashbox .focusNew_out{width:100%; position:relative; z-index:2}
.flashbox .f_tabs{ width:54%; height:20px; position:absolute; bottom:15px; right:0px; z-index:100;}
.flashbox .f_tabs span{ width:20px; height:20px; background:url(../images/dot-navnor.gif) no-repeat 50% 50%; float: left; text-align:center; color:#a24420;cursor:pointer}
.flashbox .f_tabs span.hover{ background:url(../images/dot-navon.gif) no-repeat 50% 50%; color: #bababa;}

.pro-appr{ float:left; width:33.5%; padding:1% 0px 0 1.5%;}
.pro-appr-t{ width:89%; padding:2% 1% 1% 10%; background:url(../images/dot-square.jpg) no-repeat 1% 50%; font:bold 11px/11px Tahoma; color:#3b4040;}
.pro-appul{ width:96%; padding:3% 0 3% 1%; margin:2% 1% 2% 2%; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; color:#000;}
.pro-appul a{ color:#000;}
.pro-appul li{ width:95%; padding:2% 0 2% 5%; background:url(../images/dot-circle.jpg) no-repeat 0 50%; line-height:11px;}
#pro-appr-chat{ width:99%; height:19px; padding:7px 0 0 1%;}
/*Application-----------over*/
#spror{ float:left; width:23.4%;}
#cqc{ width:100%; height:40px; padding-top:13px; background:url(../images/line-cqc.jpg) repeat-x; text-align:center;}
#cqc img{ padding:0 1%;}
#cqcchat{ width:100%; height:43px; margin-top:20px; background:url(../images/line-chat.jpg) repeat-x; text-align:center;}

#spror-contact{ width:100%; height:35px; border-bottom:#e3e3e3 solid 1px; padding-top:13px;}
#spror-contact i{ display:block; width:95%; height:33px; padding:0 0 0% 5%; background:#deebf4; border-top:#fff solid 1px; border-bottom:#fff solid 1px; font:bold 12px/33px Tahoma;}
.spror-mail{ width:100%; border-bottom:#e3e3e3 solid 1px;}
.spror-mail i{ display:block; width:88%; padding:3% 0 3% 12%; background:#e3e3e3 url(../images/dot-inewr.jpg) no-repeat 5% 50%; border-top:#fff solid 1px; border-bottom:#fff solid 1px; font:normal 11px/14px Tahoma;}
/*jaw-----------------------------------------over*/



/*crushing texiao-----------------------------------------------------------------------begin*/
.line-pro{ width:98%; padding-left:2%; background:url(../images/line-pro.jpg) repeat-x; font:bold 13px/27px Tahoma; color:#3b4040;}
.pro-z01 .title{ width:98%; padding-left:2%; font:bold 11px/36px Tahoma; border-bottom:#e3e3e3 solid 1px; clear:both;}
.pro-z01 .selected{ width:98%; padding-left:2%; background:#deebf4; border-top:#fff solid 1px; border-bottom:#fff solid 1px; font:bold 11px/32px Tahoma;}
.pro-z01 .toggle{ width:98%; height:auto; padding:11px 1% 11px 1%; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px; clear:both;}
.pro-text{ width:72%; float:left;}
.pro-text p{ width:99%; padding:4px 1% 3% 0; line-height:13px;}
.pro-text a{ display:block; width:94%; background:url(../images/dot-square.jpg) no-repeat left center; padding-left:6%;}
.pro-img{ display:block; width:27%; height:auto; float:left;}
.pro-gri{ padding-top:12px; clear:both; overflow:hidden;}

.pro-z02 .title{ width:100%; padding-left:0%; font:bold 11px/26px Tahoma; border-bottom:#e3e3e3 solid 1px;}
.pro-z02 .title a{ width:98%; padding-left:2%;}
.pro-z02 .selected{ width:100%; border-bottom:none;}
.pro-z02 .selected a{ display:block; width:98%; padding-left:2%; background:#deebf4; border-top:#fff solid 1px; font:bold 11px/32px Tahoma; border-bottom:none;}
#h4top{ margin-top:19px; border-top:#e3e3e3 solid 1px;}
.pro-z02 .toggle{ width:100%; border-bottom:#e3e3e3 solid 1px; background:#deebf4; clear:both;}
.pro-text02{ float:left; width:69%; padding:1% 1% 0 2%; line-height:13px;}
.pro-img02{ display:block; float:left; width:26%;}
.pro-all{ display:block; clear:both; width:94%; border-bottom:#fff solid 1px; background:#deebf4 url(../images/dot-square.jpg) no-repeat 2% 25%; padding:0 0 3% 6%;}
/*crushing texiao-----------------------------------------------------------------------over*/

/*solution-----------begin*/

#solubl{ float:left; width:25%; padding:0 0 0 2%;}
#solubr{ float:left; width:72%;}
#solubr-title{ width:100%; border-top:#e3e3e3 solid 1px; border-bottom:#e3e3e3 solid 1px;}
#solubr-title strong{ display:block; width:97%; padding-left:3%; border-top:#fff solid 1px; border-bottom:#fff solid 1px; background:#d5d5d5; font:bold 13px/23px Tahoma; color:#3b4040;}
.pro-z05 .title{ width:100%; border-bottom:#e3e3e3 solid 1px; font:bold 11px/36px Tahoma;}
.pro-z05 .title a{ width:98%; padding-left:2%;}
.pro-z05 .selected{ width:100%; border-bottom:#e3e3e3 solid 1px;}
.pro-z05 .selected a{ display:block; width:98%; padding-left:2%; border-top:#fff solid 1px; border-bottom:#fff solid 1px; background:#deebf4; font:bold 11px/32px Tahoma;}
.pro-z05 .toggle{ border-bottom:#e3e3e3 solid 1px;}
.solubr-con{ width:98%; padding:9px 1% 0 1%; clear:both;}
.solubr-con p{ float:left; width:73%; padding:5px 1% 0 0; line-height:14px;}
.solubr-conimg{ float:left; width:25%;}
.solubr-a{ display:block; clear:both; width:95%; padding-left:5%; background:url(../images/dot-square.jpg) no-repeat 9px 3px;}
.solubr-ul{ width:96%; height:auto; padding:5px 0 17px 4%;}
.solubr-ul li{ width:96%; padding-left:4%; background:url(../images/dot-square.jpg) no-repeat left center; font:bold 11px/20px Tahoma;}

/*Granite-----------begin*/
#granlc{ float:left; width:74.6%; padding-right:1%;}
#granl{ width:100%; border-bottom:#e3e3e3 solid 1px; padding:0 0 1% 0;}
#granl-title{ width:97%; height:24px; padding-left:3%; border-bottom:#e3e3e3 solid 1px; background:url(../images/dot-square.jpg) no-repeat left center; font:bold 11px/24px Tahoma; color:#3b4040;}
.granl-imgaz{ float:left; width:18%; padding-right:2%;}
.granl-img{ display:block; width:94%; padding:4% 0 0 6%;}
.granl-a{ display:block; width:94%; padding:4% 0 4% 6%; background:url(../images/dot-snavs.jpg) no-repeat 0 50%; font:bold 11px/13px Tahoma;}
#granc{ width:100%; padding-top:1%; margin-top:17px; background:#f7f7f7;}
.granc-title{ width:97%; padding-left:3%; background:url(../images/dot-square.jpg) no-repeat left center; font:bold 11px/28px Tahoma; color:#3b4040;}
.granc-p{ padding:0 3% 2.5% 3%; color:#000;}
.granc-titlebot{ width:98%; padding-left:2%; border-bottom:#d6d6d6 solid 1px; border-top:#d4d4d4 solid 1px; background:#eaeaea; font:bold 12px/35px Tahoma; color:#3b4040;}
#granc-ul{ width:98%; height:auto; padding:1% 0 2% 2%;}
#granc-ul li{ width:96%; padding:1% 0 1% 4%; background:url(../images/dot-square.jpg) no-repeat left center; font-weight:bold;}
#granr{ float:left; width:23.4%; padding:0 0 0 1%;}


/*project==============begin*/
#sparel-case{ float:left; width:74.6%; height:auto; padding:0px 0 10% 0;}
.sparel-title-case{ width:95%; height:35px; padding-left:5%; border-bottom:#ddd solid 1px; background:#f1f2f2 url(../images/dot-square.jpg) no-repeat 1% center; font:bold 12px/35px Tahoma; color:#3b4040; margin-bottom:3%;}
.spare-case{ float:left; width:30%; padding:0% 1% 3% 2%;}

/*cone------------begin*/
.pro03{ width:98.5%; padding:0 0 0 0.5%;}
.pro03-t{ width:98%; padding:0 0 2% 2%; font:normal 20px/20px Tahoma;}
.pro03-con{ width:99%; border:#eaeaea solid 1px; background:#f9f9f9; clear:both; margin-bottom:3%;}
.pro03-img{ float:left; width:20%; padding:2% 0 0 2%;}
.pro03-text{ float:left; width:73%; padding:2% 2% 0 2%;}
.pro03-text a{ display:block; background:url(../images/dot-square.jpg) no-repeat 0 50%; padding:2% 0 2% 4%; line-height:11px;}


/*aggregate-----------begin*/
.proagg{ width:100%; padding:0 0 4% 0;}
.proagg-img{ display:block; float:left; width:20.5%;}
.proagg-text{ float:left; width:71%; padding:0 2.5% 0 5%; background:url(../images/dot-square.jpg) no-repeat 1.5% 1.5%; line-height:13px;}
.proagg-text a{ display:block; font-weight:bold; padding-bottom:1.5%;}
#down{ width:99%; padding:1% 0 5% 0; border:#e3e3e3 solid 1px; text-align:center;}
#downt{ width:100%; padding:4% 0;}
#downb{ width:100%;}
#downb a{ padding:0 2%;}
.pro-z04 .title{ width:100%; border-bottom:#e3e3e3 solid 1px;}
.pro-z04 .title a{ display:block; width:96%; border-top:#fff solid 1px; border-bottom:#fff solid 1px; padding-left:4%; font:bold 11px/24px Tahoma; background:#e3e3e3;}
.pro-z04 .selected{ width:100%; border-bottom:none;}
.pro-z04 .selected a{ display:block; width:96%; border-top:#fff solid 1px; border-bottom:none; padding-left:4%; font:bold 11px/24px Tahoma; background:#deebf4;}
.pro-z04 .toggle{ width:100%; border-bottom:#e3e3e3 solid 1px; background:#deebf4;}
.pro-z04 .toggle p{ width:88%; padding:2% 3% 5% 6%; line-height:13px;}
#pro-z04-solu{ border-top:#e3e3e3 solid 1px;}
.proaggl-img{ display:block; width:88%; padding:2% 3% 5% 6%;}
.proaggl-a{ display:block; width:87%; padding:0 0 5% 13%; border-bottom:#fff solid 1px; line-height:11px; background:url(../images/dot-square.jpg) no-repeat 6% 10%;}

#iworld{ font:normal 36px/40px Tahoma; padding:1% 0 2.5% 0; color:#085f5a;}
.iworld-con{ float:left; width:10.5%; padding:0 1% 4% 1%; text-align:center;}
.iworld-con-img{ display:block; padding:0 0 10% 0;}
.iworld-con-text{ display:block; background:#085f5a; color:#fff; padding:2% 0;}



.flashbox img{ max-width:374px;}
.flashbox img,#banner-sub img,#rpro-solul-img img,.soproc li a img,#spro-img img,.pro-img02 img,.spare-case img,.proagg-img img,.proaggl-img img,.iworld-con-img img{ width:100%; height:auto;}
.soproc li a img{ max-width:196px;}
#spro-img img{ max-width:296px;}
.pro-img img,.solubr-conimg img,.granl-img img,.pro03-img img,.rpro-cimg img{ width:100%; height:auto; max-width:93px;}
.pro-img02 img,.proaggl-img img{ border:#fff solid 2px; max-width:93px;}
.proagg-img img{ max-width:121px;}
.iworld-con-img img{ max-width:74px;}

	
/*article==============begin*/
#il-line{ width:96%; height:29px; margin:3% 0; padding-left:4%; border-bottom:#c8c8c8 solid 1px; border-top:#c8c8c8 solid 1px; font:bold 13px/29px Tahoma; color:#085f5a;}
#il-line-ul li{ width:89%; padding:2% 0 2% 11%; font:bold 11px/11px Tahoma; background:url(../images/dot-square.jpg) no-repeat 3% 50%;}

#artl{ float:left; width:74.6%; padding-right:1%;}
.artl-title{ width:98%; height:35px; padding-left:2%; border-top:#e3e3e3 solid 2px; border-bottom:#e3e3e3 solid 2px; background:#f4f4f4; font:bold 12px/35px Tahoma; color:#3b4040;}
#artl-con,#artl-con01{ width:97%; padding:2% 1% 3% 2%; background:#f7f7f7; color:#000;}
#artlc-title{ width:100%; padding-bottom:2%; font:bold 18px/28px Tahoma; color:#dc4d28;}
#artlc-time{ width:96%; padding:1% 0 1% 4%; background:url(../images/dot-square.jpg) no-repeat 0 50%;}
#artlc-img{ float:right; width:47%; padding:1.5% 0 5% 4%;}
#artlc-img img{ width:100%; height:auto; max-width:263px;}
.artlc-p{ padding:2% 0 2% 0;}
#artlc-back{ width:42%; padding-left:57%; background:url(../images/dot-square.jpg) no-repeat 55% 50%; font-weight:bold;}
#artlc-back a{ color:#000;}

#artr{ float:left; width:23.4%; padding:0 0 0 1%;}
#artr-con{ width:99%; height:auto; padding:5% 0px 0 1%;}
#artr-con p{ padding:0 0 7% 11%; background:url(../images/dot-square.jpg) no-repeat 0 2px; line-height:13px; color:#3b4040;}
.artlconp{ width:96%; padding:1% 0 1% 4%; background:url(../images/dot-square.jpg) no-repeat 0 50%;}

/*new==============begin*/

.snew{ width:96%; padding:2% 2% 2% 2%; border-bottom:#e3e3e3 solid 1px; background:#f7f7f7;}
.snew-title{ width:97%; padding-left:3%; background:url(../images/dot-square.jpg) no-repeat 0 3px; font-weight:bold;}
.snew-time{ width:97%; padding-left:3%;}
.snew p{ line-height:14px;}
#snewb-z{ width:98%; height:40px; padding:2% 0 1% 2%; border-bottom:#e3e3e3 solid 1px; background:#f7f7f7; clear:both; overflow:hidden; color:#000000;}
#snewb-z strong{ color:#d42e12;}
#snewb{ height:40px; color:#fff;}
#snewb li{ display:block; float:left; width:auto; height:19px; text-align:center; margin:0 5px; font:bold 10px/19px Tahoma; background:#085f5a;}
#snewb li a{ display:block; color:#fff; width:auto; height:19px; background:#d42e12; padding:0 3px;}
#snewbb{ width:100%; height:25px; background:#f7f7f7;}

/*about==============begin*/
.about{ width:97%; padding:4% 3% 2% 0px; border-bottom:#e3e3e3 solid 1px; background:#f7f7f7;}
.about-img{ display:block; float:left; width:22%;}
.about-img img{ width:100%; height:auto; max-width:121px;}
.about-text{ float:left; width:73%; padding:0 0px 0 5%; background:url(../images/dot-square.jpg) no-repeat 1% 1%; line-height:13px;}
.about-text a{ display:block; height:18px; font-weight:bold;}

/*sparepart==============begin*/
#sparel-title{ width:95%; height:35px; padding-left:5%; border-bottom:#ddd solid 1px; background:#f1f2f2 url(../images/dot-square.jpg) no-repeat 1% 50%; font:bold 12px/35px Tahoma; color:#3b4040;}
.spare{ float:left; width:31%; padding:4% 1% 1% 1%;}
.spare-img{ width:94%; padding-left:6%;}
.spare-img img{ width:100%; height:auto; max-width:162px;}
.spare-a{ width:94%; padding:4% 0 4% 6%; border-bottom:#e3e3e3 solid 1px; background:url(../images/dot-spare.jpg) no-repeat 0 50%; font:bold 12px/14px Tahoma; color:#3b4040;}


@media screen and (min-width:1025px) and (max-width:1243px){
  #bottombl{ float:left; width:28%;}
  #bottombc{ float:left; width:30%;}
  #bottombr{ float:left; width:40%;}
}
@media screen and (min-width:1025px) and (max-width:1043px){
 #sopro{ width:75%; float:right;}
 #navp{ min-width:172px; width:22%;}
}	

@media screen and (max-width:1024px){
   .mscom-nav .mscom-nav-flyout{width:100%; padding:0;}
   .wrap{ padding:0 1%; width:98%;}
	}
@media screen and (min-width:901px) and (max-width:1019px){
  #sopro{ width:75%; float:right;}
  #navp{ min-width:172px; width:22%;}
}
@media screen and (max-width:950px){
  #bottombl{ float:left; width:24%; min-width:180px;}
  #bottombc{ float:left; width:30%; min-width:212px;}
  #bottombr{ float:left; width:46%;}
}
@media screen and (min-width:901px){
  .txwrap{ display:none;}
}

@media screen and (max-width:900px){
  #nav{ width:100%;}
  #sopro{ width:100%; padding-top:2%;}
   #prol{ display:none;}
  #pror{ width:100%;}
  .rpro-zongs{ width:46%; float:left; padding:0 2.5% 0 1%;}
  .txwrap{ display:block;}
  #toplink{ display:none;}
  #navmail{ display:none;}
  #navp{ min-width:auto; width:100%;}
  #navp li{ float:left; padding-right:5%;}
  #swtdm{ display:none;}
}
@media screen and (max-width:780px){
   #banner{ overflow:hidden;}
   .comiis_wrapad img{ width:780px; height:200px; text-align:center; vertical-align:middle; }
   .slideshow span.title1 div a{ font:bold 18px/20px Tahoma;}
   .slideshow span.title1 em{ width:89%; padding:2% 0 2% 8%;}
   .slideshow span.title2 a{ font:bold 18px/20px Tahoma;}
   .slideshow span.title2 i{ font:normal 14px/16px Tahoma;}
	} 
@media screen and (max-width:680px){
	#frameHlicAe { position:relative; }
   .slideshow span.title,.slideshow span.title1,.slideshow span.title2,.slideshow span.title3 { display:block; width:100%; height:100px; text-align:left; position:relative; top:100%; left:0%; overflow:hidden; background:#dc4d28; padding-top:0; padding-bottom:0; }
.slideshow span.title5 { display:block; width:100%; height:100px; text-align:left; position:relative; top:100%; left:0%; overflow:hidden; background:#ff7a0f; padding-top:0; padding-bottom:0; }
   .slideshow span.title5 a{ width:98%; font:normal 18px/24px Tahoma; padding:1% 0 1% 2%;}
   .slideshow span.title5 i{ width:98%; padding:1% 0 1% 2%; line-height:16px; }


.slideshow span.title1 div{ padding:0% 2% 1% 2%;}
.slideshow span.title1 div a,.slideshow span.title2 a,.slideshow span.title3 a{ padding:1.5% 0 0.5% 0;}
.slideshow span.title1 em{ padding:0.5% 0 0.5% 4%;}
   .slidebar { position:absolute; bottom:40%; left:80%;}
   
    .rpro-zongs{ width:98%; float:none; padding:0 0% 0 1%;}
   #rpro-solul{ width:32.8%;}
  #rpro-solur{ width:63.2%; padding:0% 0 0 1%;}  
  #rpro-solur li{ width:93%; padding:1% 0 1.5% 6%; background:url(../images/dot-square.jpg) no-repeat 0 50%;}
  .botl{ float:left; padding:0 4% 0 2%; width:93%;} 
  #bottombl,#bottombc,#bottombr{ float:none; width:100%; text-align:center;}
  #banner-sub img{ width:680px; height:114px; text-align:center; vertical-align:middle;}
   #sprol,#granlc{ width:100%; padding:0;}
  #spror,#solubl,#granr,#granr{ display:none;}
#solubr,#sparel-case{ width:100%;}
#sprolgb{ width:100%; margin:0;}
.iworld-con{ width:21%; padding:0 2% 4% 2%;}
  #artl{ width:100%; padding:0;}
  #artr{ display:none;}
	}

@media screen and (min-width:541px){
  #txmenu{ display:none;}
}
@media screen and (max-width:540px){

  #nav{ display:none;}
  .soproc li{ float:left; width:46.5%; padding-right:5%;}
  .soproc #soproclix{ padding:0;}
  .soprotext{ display:none; padding:0;}
  #txmenu{ display:block;}
}
@media screen and (max-width:500px){
   .slidebar { position:absolute; bottom:40%; left:65%;}
   .tablep,#table-note,.table-notep,#sprolgbtdis{ display:none;}
	}
@media screen and (max-width:453px){
.proban,.pro-appr{ width:100%;}
}
@media screen and (max-width:384px){
.a0 a,.a1 a{ width:20%;}
.a0 i,.a1 i{ width:79%;}
}
@media screen and (max-width:290px){
.a0 a,.a1 a{ width:25%;}
.a0 i,.a1 i{ width:74%;}
}