body {text-align:center;font-size:14px; font-family:"Arial","Tahoma","宋体"; }
body, td, div,a {font-size:14px;font-family:"Arial","Tahoma","宋体";color:#333333; } 
a {
    font: normal 1em/133% DroidSans, Arial, sans-serif;
    letter-spacing: 1px;
    color: #333333;
    text-decoration: none;
}
td{ vertical-align:middle;}
hr{ color :#006600; margin :0px;}
input,button,select,textarea,dl,dd{vertical-align:middle;}
ol,ul,li{list-style-type:none;list-style: none;}
ul,menu,dir{display:block;list-style-type:disc;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:0;-webkit-margin-end:0;-webkit-padding-start:40px}
body,div,ol,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,p,form,fieldset,legend,input,label,span,em{ margin:0; padding:0;text-align:left;font-style: normal;list-style: none;}
h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}
img,fieldset,iframe{ border:none;vertical-align: middle;}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}

.circle{width:100%;height:100%;background:red;-moz-border-radius:50%;-webkit-border-radius:50%;border-radius:50%}
.triangle-up{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-bottom:10px solid red}
.triangle-down{width:0;height:0;border-left:5px solid transparent;border-right:5px solid transparent;border-top:10px solid red}
.triangle-left{width:0;height:0;border-top:5px solid transparent;border-right:10px solid red;border-bottom:5px solid transparent}
.triangle-right{width:0;height:0;border-top:5px solid transparent;border-left:10px solid red;border-bottom:5px solid transparent}
.yin-yang{width:96px;height:48px;background:#fff;border-color:#000;border-style:solid;border-width:48px 0 0 0;border-radius:100%;position:relative}.yin-yang:before{content:"";position:absolute;top:-50%;left:0;background:#fff;border:18px solid #000;border-radius:100%;width:12px;height:12px}.yin-yang:after{content:"";position:absolute;top:-50%;left:50%;background:#000;border:18px solid #fff;border-radius:100%;width:12px;height:12px}
.heart{position:relative}.heart:before,.heart:after{position:absolute;content:"";left:50px;top:0;width:50px;height:80px;background:red;-moz-border-radius:50px 50px 0 0;border-radius:50px 50px 0 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);-webkit-transform-origin:0 100%;-moz-transform-origin:0 100%;-ms-transform-origin:0 100%;-o-transform-origin:0 100%;transform-origin:0 100%}.heart:after{left:0;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-transform-origin:100% 100%;-moz-transform-origin:100% 100%;-ms-transform-origin:100% 100%;-o-transform-origin:100% 100%;transform-origin:100% 100%}
.star-five{margin:50px 0;position:relative;display:block;color:red;width:0;height:0;border-right:100px solid transparent;border-bottom:70px solid red;border-left:100px solid transparent;-moz-transform:rotate(35deg);-webkit-transform:rotate(35deg);-ms-transform:rotate(35deg);-o-transform:rotate(35deg)}.star-five:before{border-bottom:80px solid red;border-left:30px solid transparent;border-right:30px solid transparent;position:absolute;height:0;width:0;top:-45px;left:-65px;display:block;content:'';-webkit-transform:rotate(-35deg);-moz-transform:rotate(-35deg);-ms-transform:rotate(-35deg);-o-transform:rotate(-35deg)}.star-five:after{position:absolute;display:block;color:red;top:3px;left:-105px;width:0;height:0;border-right:100px solid transparent;border-bottom:70px solid red;border-left:100px solid transparent;-webkit-transform:rotate(-70deg);-moz-transform:rotate(-70deg);-ms-transform:rotate(-70deg);-o-transform:rotate(-70deg);content:''}

.bgpic{background-repeat:no-repeat; background-position:center;background-size: contain;-moz-background-size:contain;-webkit-background-size:contain;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='imgsrc',  sizingMethod='scale'); display:block;}
.bgpic img{ width:100%; visibility:hidden;}
a:link ,a:visited ,a:active{text-decoration: none;}
a:hover { color:#f40;text-decoration: none; cursor:pointer;}
.inline,.il,.of,.ofx,.ofy{display:inline-block !important;*display:inline;zoom:1;}
.txtflow,.tf {text-overflow:ellipsis;white-space:nowrap;overflow:hidden;zoom:1;}
.of{overflow:hidden;}
.ofx{overflow-x:hidden;}
.ofy{overflow-y:hidden;}
.fl{ float:left;}
.fr{ float:right;}
.textleft{ text-align:left;}
.textcenter{ text-align:center;}
.textright{ text-align:right;}
input:disabled,select:disabled,textarea:disabled{background-color:#ebebe4}

.cur{ cursor:pointer;}
.pos_rel,.rel,.posr{ position:relative;}
.pos_abs,.abs,.posa{ position:absolute;}
.icon{ font-family:global-iconfont;}
.clear:after,.clearfix:after {content: '\20';display: block;height: 0;clear: both;}
.hid,.hide{ display:none;}
.hidtext{ text-indent:-10000px;}
.v-hide {visibility: hidden;}
.rmb:before{content:"￥"; margin-right:5px;}
.shadow{-moz-box-shadow:0 0 10px rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);}
.radius{-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.translucent{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;}
.square{}
/*弹出窗口样式*/
.winAlert,.winAlertBack,.winAlertBody,.winAlertClose{position:fixed;_position:absolute}
.winAlert,.winAlertBack{width:100%;height:100%;left:0;top:0}
.winAlertBack{background:#000;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;z-index:1}
.winAlertBody{left:50%;top:50%;background:#FFF;border:1px #e7ebed solid;padding:20px;-moz-box-shadow:0 0 10px rgba(0,0,0,.15);-webkit-box-shadow:0 0 10px rgba(0,0,0,.15);box-shadow:0 0 10px rgba(0,0,0,.15);-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;z-index:2}
.winAlertClose{left:50%;top:50%;cursor:pointer;width:16px;height:16px;background:url(/Images/skin/smbt.png) 0 0 #fff;z-index:3}
/*分页样式*/
ul.pagelist{margin:3px;padding:3px;border:0px;float:right; margin-right:-3px;}
ul.pagelist li{ float:left; display:block; padding:3px 5px; margin-right:3px;border:1px #D2DFE6 solid;background:#FFFFFF;font-size:12px;}
ul.pagelist .m{background:#E7EEF1;color:red;}
ul.pagelist a{font-size:12px;display:block; height:auto;}

.cur{ cursor:pointer;}
.red{ color:Red;}
.c_0,.clear,.clearfix{ clear:both;}
.c_5{ clear:both; height:5px;}
.c_10{ clear:both; height:10px;}
.c_15{ clear:both; height:15px;}
.c_20{ clear:both; height:20px;}
.c_25{ clear:both; height:25px;}
.c_30{ clear:both; height:30px;}
.c_35{ clear:both; height:35px;}
.c_40{ clear:both; height:40px;}
.c_45{ clear:both; height:45px;}
.c_50{ clear:both; height:50px;}

/*Master*/
.header{ height:120px; width:100%; position:relative;}
.logo{left:100px; top:30px; position:absolute;}
ul.topmenu{ position:absolute; right:100px; top:60px;}
ul.topmenu li{ float:left; position:relative; margin-left:30px; font-size:14px; height:30px; text-align:center;}
ul.topmenu li a.upc{padding: 0.5em 0.5em 0.25em 0.5em; font-weight:bold;border: 1px transparent solid;}
ul.topmenu li .dropdown{ display:none; position:absolute; top:28px; left:50%; width:300px; background:#828282; z-index:999;filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}
ul.topmenu li .dropdown *{ color:#fff;}
ul.topmenu li .dropdown li{ width:200px; text-align:left;}
ul.topmenu li .dropdown li:hover a{ color:#f40; width:100%; height:100%; display:block;}
ul.topmenu li .triangle-up{ display:none;border-bottom-color:#828282; zoom:1; margin:auto; position:absolute;top:60%;left:50%;}
ul.topmenu li:hover .triangle-up,ul.topmenu li:hover .dropdown{ display:block;}
.footer{ background-color:#333333; height:200px;}  
.footer *{ color:#fff; font-size:14px; font-family:Arial;}    
.footer a{ margin:auto;}
.footer .blg{font-size:28px; font-family:Arial;}  
.footer .blg span{font-size:32px;}  
/*HomePage*/
.hlist ul{ border-bottom:1px solid #e6e6e6; height:400px; position:relative;}
.hlist li{width:50%; position:absolute; top:0px; left:0px;height:400px; }
.hlist li.cright{ background-color:#e6e6e6; font-size:14px; line-height:30px;}
.hlist li .more{position:absolute; width:184px; height:44px; background-image:url(/images/skin/more.png); margin-left:30px; bottom:10px; display:block; zoom:0.8;}
.hlist .cright{left:50%;}
.hlist .row2 .bgpic{left:50%;}
.hlist .row2 .cright{left:0px;}
.hlist li .ctit{ margin:50px 30px 0px 30px; font-size:16px; font-weight:bold;}
.hlist li .cdec{ margin:20px 30px 10px 30px;}
.tlist{ width:100%; height:486px;border-top:1px solid #ccc; background-color:#ccc;}
.tlist li{ float:left; height:486px;width:25%; position:relative; overflow:hidden;}
.tlist li .con{height:100%; margin-right:1px; background-color:#fff;}
.tlist li a{ display:none;}
.tlist li:hover a{ display:block; width:100%; height:100%; background-color:#f1f1f1; position:absolute; top:0px; left:0px;}
.tlist li .con.nomr{margin-right:0px;}
.tlist li .sname{ position:absolute; top:-50px; left:20px;  font-size:30px; font-weight:bold; color:#888888;}
.tlist li .sdesc{font-size:14px; color:#888888; height:150px; overflow:hidden; line-height:30px; margin:3px 20px;}
.plist{ height:424px; width:90%; margin:20px auto; position:relative;}
.plist li{width:16%; position:absolute; left:50%; z-index:1;}
.plist li a{ width:100%; height:100%; display:block; border:1px solid #fff;}
.plist li.square:hover a{ border:1px solid #ccc;}
.plist li.square:hover{z-index:2;}
.plist li.cmg{width:32%; position:absolute; left:50%;}

.breadcrumb {margin: 30px 30px 10px 33.2%;font-size:18px;}
.breadcrumb strong{font-size:22px;}
.breadcrumb p{ margin-top:10px; font-size:16px;}
.JeweList{ width:100%; border-bottom:1px solid #ccc; border-top:1px solid #ccc; overflow:hidden;}
.JeweList li{ width:19.9%; border:1px solid #ccc; margin-left:-1px; margin-top:-1px;float:left; height:262px; z-index:1;}
.JeweList li:hover a{display:block; background:#f1f1f1;filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5; color:#888888;}
.JeweList li:hover a span{ margin:10px;}
.JeweList li a{ width:100%; height:100%;  display:none;}
.Material{ margin:0 30px; position:relative;}
.imgstop img{ width:100%;}
.imgstop { margin-bottom:30px;}