@charset "utf-8";
/* CSS Document */
@font-face {
    font-family: 'Segoe UI';
    src: url('../fonts/Segoe UI.eot');
    src: url('../fonts/Segoe UI.eot') format('embedded-opentype'),
         url('../fonts/Segoe UI.woff2') format('woff2'),
         url('../fonts/Segoe UI.woff') format('woff'),
         url('../fonts/Segoe UI.ttf') format('truetype'),
         url('../fonts/Segoe UI.svg#Segoe UI') format('svg');
}

body {margin:0px; padding:0px; color:#333;font: 0.75em/150% Segoe UI,Arial, Helvetica, sans-serif;-webkit-text-size-adjust:none; font-style:normal; background:url(../images/bg.png) left top repeat #e0e0e0;}

ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, dl, dt, dd, tr ,span,a ,input,select{margin:0px;padding:0px;font-family:Segoe UI,Arial, Helvetica, sans-serif;}
input,select { font-family:Segoe UI,Arial, Helvetica, sans-serif;}
ul,li { list-style:none;}
a { text-decoration:none; color:#333;-webkit-text-size-adjust:none;}
a,area{blr:expression(this.onFocus=this.blur());}/*For IE*/
:focus{-moz-outline-style:none;}/*For Firefox*/
a:hover {color:#353535; text-decoration:underline;}

img, object {-ms-interpolation-mode: bicubic; border:none;height: auto; width: auto\9; max-width:100%; }
.pad {padding-top:12px;}
.overf {overflow:hidden;}
.wrap {
	max-width:980px;
	width:100%; margin:0px auto; padding:0px 0px; background:#fff;}
.fl {float:left;}
.fr {float:right;}
.clear { clear:both; font-size:0px;}

#header {}
#top {color:#fff;background: #2884e2; padding-bottom:8px; padding-top:5px;}
#logo { width:51%; padding-left:6px;}
#topr { width:36%; padding-right:6px;}
#tel { text-align:right; line-height:2.25em;}
#tel span { color:#ff5400;}
#tsear {width:99%; overflow:hidden; margin-top:1em; /*border:solid 1px #e3e3e3;*/ height:28px;}
.tsinput {width:90%; height:28px; line-height:25px; text-indent:3px; border:none;float:left; vertical-align:middle;}
.tsbtn { background:url(../images/sinobuilding_06.jpg) no-repeat; width:34px; height:30px; float:left; vertical-align:middle; border:none; cursor:pointer;}

#menu { position:relative; height:33px; padding-top:5px; background:#f5f5f5; }

#flash { border-top:solid 3px #2884e2; }
.flexslider{position:relative;width:100%;height:auto;overflow:hidden;zoom:1;}
.flex-viewport{max-height:2000px;-webkit-transition:all 1s ease;-moz-transition:all 1s ease;transition:all 1s ease;}
.flexslider .slides{zoom:1;}
.flex-direction-nav a{width:30px;height:45px;line-height:99em;overflow:hidden;margin:-30px 0 0;display:block;background:url(../images/ad_ctr1.png) no-repeat;position:absolute;top:50%;z-index:10;cursor:pointer;opacity:0;filter:alpha(opacity=0);-webkit-transition:all .3s ease;}
.flex-direction-nav .flex-next{background-position:0 -45px;right:0;}
.flex-direction-nav .flex-prev{left:0;}
.flexslider:hover .flex-next{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-prev{opacity:0.8;filter:alpha(opacity=25);}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover{opacity:1;filter:alpha(opacity=50);}
.flex-control-nav{width:100%;position:absolute;bottom:10px; right:10px;text-align:right;}
.flex-control-nav li{margin:0 5px;display:inline-block;zoom:1;*display:inline;}
.flex-control-paging li a{background:url(../images/dot.png) no-repeat 0 -16px;display:block;height:16px;overflow:hidden;text-indent:-99em;width:16px;cursor:pointer; color:#fff;}
.flex-control-paging li a.flex-active{background-position:0 0; color:#1067bf;}

#inmain {  padding-bottom:10px; border-top:solid 3px #2884e2;}
#inmain h2 { font-size:1.25em; height:1.75em; color:#1067bf; position:relative; background:url(../images/sinobuilding_15.jpg) left center repeat-x;}
#inmain h2 span a {color:#1067bf;}
#inmain h2 span { position:absolute; left:0px; top:0px; height:1.75em; line-height:1.75em; display:block; padding-right:2em; background:#fff;}

#inmain h1 { font-size:1.25em; height:1.75em; color:#1067bf; position:relative; background:url(../images/sinobuilding_15.jpg) left center repeat-x;}


#inabout { width:35%; padding-right:3%; padding-left:1%;}
#inabcont { overflow:hidden; padding:5px 2px; line-height:1.75em;}
#inabcont img { float:left; margin-right:5px; margin-top:5px;}
#inabcont a.amore { color:#ff5400; text-decoration:underline;}

#inprod {padding:8px 1% 0px 1%;box-shadow: 0 2px 4px #ddd;
-webkit-box-shadow: 0 2px 4px #ddd;
-moz-box-shadow: 0 2px 4px #ddd; background:#f5f5f5; margin-bottom:10px; padding-bottom:6px;}
#inprod h2 { font-size:1.25em; height:1.75em; color:#1067bf; position:relative; background:url(../images/sinobuilding_15.jpg) left center repeat-x;}
#inprod h2 span a {color:#1067bf;}
#inprod h2 span { position:absolute; left:0px; top:0px; height:1.75em; line-height:1.75em; display:block; padding-right:2em; background:#f5f5f5;}
#inprodlist {padding:10px 0px 10px 5px;}
#inprodlist ul li { display:inline-block; padding: 5px 1% 0px 1%; width:22%;}
#inprodlist ul li span { padding-top:5px; display:block;}
#inprodlist ul li a { display:block;}


#inlx { width:26%; padding-right:1%;}
#inlxcont {padding:10px 0px 5px 5px; line-height:22px;}

#innews { width:31%;}
#innewslist { padding:3px 0px;} 
#innewslist ul li { position:relative;}
#innewslist ul li a { height:28px; line-height:28px; background:url(../images/lb_25.jpg) 2px center no-repeat; padding-left:12px; }

#bottom {}
#footer { padding:1.5em 10px;background:#2884e2;  text-align:center; color:#fff; line-height:18px;color:#fff;}
#footer a { color:#fff;}
#fdh { line-height:16px; padding:10px 0px;}

#main { padding-top:10px;/*box-shadow: 0 2px 4px #ddd;
-webkit-box-shadow: 0 2px 4px #ddd;
-moz-box-shadow: 0 2px 4px #ddd;*/ border-top:solid 1px #eee;}
#left { width:19%; padding-left:1%;}
#left h2 { font-size:1.35em; height:1.75em; line-height:1.75em; border-bottom:solid 2px #d0d0d0; position:relative;}
#left h2 span { display:block; position:absolute; left:0px; bottom:-2px; border-bottom:solid 2px #2884e2; padding-left:2px; padding-right:8px;}
#lfenl {}
#lfenllist { padding:8px 1px;}
#lfenllist ul li { padding:3px 0px;}
#lfenllist ul li a { line-height:24px; background:url(../images/plb_03.jpg) 98% center no-repeat; display:block; font-size:1.1em; padding-left:3px;}
#lfenllist ul li a:hover { background:#d0d0d0; color:#222; text-decoration:none;}

#lianx { padding-top:1em;}
.lxcont {padding:8px 2px; line-height:22px;}

#right { width:76%; padding-right:1%; min-height:600px;}
.rbox {padding:0px 2px;}
.rbox h1 { height:2em; line-height:2em; font-size:1.25em; background:#f1f1f1; padding-left:10px;}

.prodlist { padding:10px 0px;}
.prodlist ul { overflow:hidden}
.prodlist ul li { width:22%; padding:3px 1% 3px 1%; display:inline-block;text-align:center;}
.prodlist ul li img { border:solid 1px #dedede;}
.prodlist ul li span { display:block; line-height:18px; text-align:center; padding-top:5px;}

#ptoptit {height:30px; line-height:30px; overflow:hidden; margin-bottom:10px;}
#ptsort {overflow:hidden; height:30px; font-size:12px;}
#ptsl {padding-left:10px; height:35px; line-height:35px;}
#ptsl a#list { padding-left:25px; margin-right:10px;}
#ptsl a#gal { padding-left:25px; margin-right:10px;}
#ptsl a.cur {color:#c60000;}
#ptstitle { padding-left:5px; font-size:1.2em; font-weight:bold;}
#ptsr {padding-right:5px;}
#ptsr select {border:solid 1px #d0d0d0; line-height:18px;}
.rcsort { width:35%; padding-left:10px; height:1.75em; line-height:1.75em;}
#rpage {width:45%; line-height:1.75em; height:1.75em; text-align:right; padding-right:5px;}
#rpage a {padding:0px 5px; border:solid 1px #ddd;}
#rpage a:hover { text-decoration:none;}
.botpad { border-top:solid 1px #ebebeb; margin-top:8px; padding-top:5px;}


#newslist { padding:10px 5px 5px 5px;}
#newslist ul li { padding:5px 0px 3px 0px;}
#newslist ul li span { display: block;}
#newslist ul li span.nltit { padding:4px 0px 4px 3px;line-height:18px; border-bottom:dotted 1px #ccc; font-weight:bold; color:#333;}
#newslist ul li span.nlcont { padding-top:5px; padding-left:4px; line-height:18px; color:#666;}
#newslist ul li span.nlcont a { color:#666;}

#newscont { padding:8px 5px;}
.nvtit {height:2.5em; line-height:2.5em; font-size:14px; border-bottom:solid 1px #e5e5e5; font-weight:bold; text-align:center; padding-top:10px;}
.nvcont {padding:10px 5px; line-height:20px; word-wrap:break-word;}

#vcbtn {padding:5px 0px; text-align:center;}

#pvdes {padding-top:10px; clear:both; line-height:18px;}
#pvdes h3 {color:#333; height:25px; line-height:25px;}
#pvcs {position:relative;}
.pvh4 {height:32px;padding-left:3px; font-size:16px; border-bottom:solid 1px #e1e1e1; font-weight:bold;}
.pvh4 ul { overflow:hidden;}
.pvh4 ul li {float:left; height:32px; line-height:32px; margin-right:5px; position:relative; margin-top:1px;}
.block { display: block; padding:10px; line-height:20px;}
.unblock { display: none;padding:10px 5px;}

#alsolike { padding-top:8px;}
#alsolike h3 { height:32px; line-height:32px; color:#333; padding-left:3px; position:relative; font-size:1.25em; font-weight:bold; border-bottom:solid 1px #e1e1e1;}
#alsolist { padding-top:20px;}

.pagecont { padding:8px 3px; line-height:22px;}
#pviewcont { padding:2em 5px;}
.pviewtitle {font-size:1.25em;  text-align:center; color:#555; padding-left:3px; height:2em; line-height:2em; border-bottom: solid 1px #e2e2e2; padding-bottom:5px;}

.pviewpic { text-align:center; padding:6px 3%;}

form.contact-form div { overflow:hidden; padding:5px 0px;}
form.contact-form label { float:left; width:20%; padding-right:5px; text-align:right; height:28px; line-height:28px;}
.contact-input { float:left; vertical-align:middle; height:24px; line-height:20px; text-indent:3px; border:solid 1px #ddd; width:30%;}
.contact-text-input {float:left; vertical-align:middle;line-height:20px; text-indent:3px; border:solid 1px #ddd; width:56%;}
.form-submit { background:url(../images/fsubmit.jpg) left center no-repeat; width:75px; height:28px; margin-bottom:15px; margin-left:21%; border:none;}