/* CSS Document */

* { margin:0px; padding:0px;}
body { background:#EBEBEB; font-size:13px; line-height:28px; color:#555; text-decoration:none; font-family:"微軟雅黑";}
a { color:#555; text-decoration:none;}
a:hover { color:#8C2D30; text-decoration:none;}
img { border:0;}
ul,li,ol { list-style-type:none;}
h1,h2,h3,h4,h5,h6,dl,dt,p,b,i,span { font-weight:normal;}

.head { height:30px; border-top:5px solid #8C2D30; width:100%;}
.head .head-in { width:1000px; height:29px; margin:0px auto; background:url(../image/top-bg.png) no-repeat top right;}
.head .head-in p { font-size:12px; float:right; height:29px; line-height:24px; color:#EEC8C9; width:310px; text-align:center;}
.head .head-in p a { color:#EEC8C9;}

.top { width:1000px; height:105px; margin:0px auto; position:relative;}
.top .logo { height:105px; overflow:hidden; display:table-cell; vertical-align: middle; }
.top .logo img { max-height:105px;}
/*nav*/
.nav { position: absolute; height:45px; right:0; top:30px;}
.nav li{float:left;}
.nav li a{float:left; padding:0px 18px;}
.inmenu:link,.inmenu:visited{color:#333; font-size:15px; line-height:45px; height:45px; text-align:center;}
.inmenu:hover,.inmenu:active{ text-decoration:none; color: #8C2D30;}
.inmenu_1:link,.inmenu_1:visited,.inmenu_1:hover,.inmenu_1:active{color: #8C2D30; font-size:15px; height:45px; line-height:45px; text-align:center;}

.nav li:hover{position:relative; z-index:99999999999; color:#8C2D30;}
.nav li:hover a{color:#8C2D30;}
.nav li:hover ul li a{background:#fff;color:#666; border-radius:0px;}
.nav li ul li{float:none;text-align:left;height:30px; border-bottom:1px solid #eee;}
.nav li ul li a{float:none;display:block;color:#FFF;white-space:nowrap;height:30px;line-height:30px;text-transform:capitalize;text-overflow:ellipsis; min-width:70px; font-size:13px;}
.nav li ul li a:hover{color:#FFF;background:#8C2D30; transition:0.5s all;}
.nav li ul{display:none;position:absolute;top:40px;left:0; z-index:9999; padding-top:35px;}

/*banner*/
#banner{ position:relative; clear:both;min-width:1000px;background:#eee;width: 100%;margin: 0px auto; z-index:888;}
.slider_img{display: block;text-align: center;height: 100%;}
.slider_img img{display:inline-block!important;margin:0px 0;max-width:100%;width: auto;height: auto;display:block;}
.wmuSlider{height:100%!important;position:relative;overflow:hidden;}

.bbdd{z-index: 2;position: absolute;bottom:25px;margin: 0;padding: 0; width:100%; text-align:center;}
.bbdd li{margin: 0 5px 10px 5px;list-style-type: none; display:inline-block;}
.bbdd a{display:inline-block;text-indent:999px;width:32px;height:16px; background: url(../image/dot.png) no-repeat 0 -16px;display: block; overflow:hidden;}
.bbdd a.wmuActive{background-position:0 0;}
.banner{width:100%;text-align:center; margin:0 auto;margin-bottom:10px;background:#f1f1f1;}
.banner img{min-width:1000px;max-width:100%;}

.wmuSliderPrev,.wmuSliderNext{width: 70px;height: 70px;line-height: 99em;overflow: hidden;margin: -35px 0 0;display: block;background: url(../image/ad_ctr.png) no-repeat;position: absolute;top: 50%;z-index: 10;cursor: pointer;opacity: 0;filter: alpha(opacity=0);-webkit-transition: all .3s ease;}
.wmuSliderNext {background-position: 0 -70px;right: 0;}
.wmuSliderPrev {left: 0;}
.wmuSlider:hover .wmuSliderNext {opacity: 0.3;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderPrev {opacity: 0.3;filter: alpha(opacity=25);}
.wmuSlider:hover .wmuSliderNext:hover,
.wmuSlider:hover .wmuSliderPrev:hover {opacity: 1;filter: alpha(opacity=50);}

/*content1*/
.title1 { font-size:22px; font-weight:bold; height:20px; line-height:20px; color:#222;}
.title1 span { font-size:14px; font-weight: normal; color:#AAA;}
.title1 img { float:right;}
.content1 { width:100%; height:338px; background:#7E8082 url(../image/bgs.jpg) no-repeat center bottom;}
.content1 .c1-box { width:1000px; margin:0px auto; padding-top:40px;}
.content1 .c1-box .c1-left { width:360px; float:left;}
.content1 .c1-box .c1-left .c1-news { width:360px; margin-top:15px;}
.content1 .c1-box .c1-left .c1-news li { width:360px; height:27px; line-height:27px; color:#ccc;}
.content1 .c1-box .c1-left .c1-news li a { color:#ccc;}
.content1 .c1-box .c1-left .c1-news li a:hover { color:#fff; }
.content1 .c1-box .c1-left .c1-news li span { float:right; font-size:12px;}
.content1 .c1-box .c1-right { width:590px; float:right;}
.content1 .c1-box .c1-right .pro-scr { width:590px; height:auto; OVERFLOW: hidden; ZOOM: 1; margin:0px auto; margin-top:20px;}
.content1 .c1-box .c1-right .pro-scr .pcont {FLOAT: left; OVERFLOW: hidden; WIDTH:590px;}
.content1 .c1-box .c1-right .pro-scr .ScrCont {WIDTH: 32733px; ZOOM: 1;}
.content1 .c1-box .c1-right .pro-scr #List1_1 {FLOAT:left;}
.content1 .c1-box .c1-right .pro-scr #List2_1 {FLOAT:left;}
.content1 .c1-box .c1-right .pro-scr .LeftBotton { background: url(../image/left.png) no-repeat left top; WIDTH:15px; HEIGHT:15px; position:absolute; margin-top:-40px; margin-left:558px;}
.content1 .c1-box .c1-right .pro-scr .RightBotton { background: url(../image/right.png) no-repeat top right; WIDTH:15px; HEIGHT:15px; position:absolute; margin-top:-40px; margin-left:-16px;}
.content1 .c1-box .c1-right .pro-scr .pl {DISPLAY: block; CURSOR: pointer; float:left;}
.content1 .c1-box .c1-right .pro-scr .pl li { width:180px; height: 170px; margin:0px 10px 0px 0px; padding:4px; float:left; border:1px solid #8f8f8f; text-align:center; line-height:25px; background:#76787A;}
.content1 .c1-box .c1-right .pro-scr .pl li img { width:180px; height:135px;}
.content1 .c1-box .c1-right .pro-scr .pl li a { color:#ccc;}
.content1 .c1-box .c1-right .pro-scr .pl li:hover {background:#7E8082;}

/*content2*/
.title2 { font-size:22px; font-weight:bold; height:20px; line-height:20px; color:#8C2D30; margin-bottom:20px;}
.title2 span { font-size:14px; font-weight: normal; color:#999;}
.title2 .more { float:right; font-size:12px; font-weight: normal;}
.content2 { width:1000px; height:auto; overflow:hidden; margin:0px auto; margin-top:30px;}
.item6{position:relative;float:left;margin:5px;width:240px;height:180px;cursor:pointer;overflow:hidden;}
.item6 img{ width:240px;height:180px; }
.item6 h2{position:absolute;left:0;top:140px;height:40px; line-height:40px; color:#fff; text-align:center; width:100%;background: url(../image/demo1.png) repeat; font-weight:normal; font-size:15px;}
.item6 div{position:absolute;width:0;height:0;background:url(../image/demo2.png) repeat;overflow:hidden;_zoom:1;}
.item6 .cornerCC{left:120px;top:90px;}
.item6 dl{position:absolute;top:0;left:0;width:240px;height:180px;display:none;}
.item6 dt{height:50px;width:100%;line-height:60px;text-align:center;color:#FFF; font-size:15px;}
.item6 dd{padding:0 20px;width:200px;line-height:20px; color:#FFF;font-size:12px;}

/*content3*/
.content3 { width:1000px; height:auto; overflow:hidden; margin:0px auto; margin-top:30px;}
.content3 li { width:480px; height:auto; float:left; margin-right:40px;}
#expert { float:right; margin:0px;}
.content3 li .abo { padding:14px; background:#e1e1e1; border:1px solid #fff; overflow:hidden;}
.content3 li .abo img { float:left; width:200px; height:200px;}
.content3 li .abo .text { float:left; width:235px; height:200px; margin-left:14px; overflow:hidden; line-height:25px;}
.content3 li .abo p span { font-weight:bold; color:#333;}

.foot { color:#ccc; width:100%; margin-top:40px; background:#7E8082 url(../image/bgx.jpg) no-repeat center top; overflow:hidden; text-align:center; border-bottom:5px solid #8C2D30; padding:40px 0px 20px 0px;}
.foot a { color:#ccc;}
.foot .foot-in { width:1000px; margin:25px auto 0px; overflow:hidden;}
.foot .foot-in .footmenu { width:1000px; height:35px; background:url(../image/foot-line.jpg) repeat-x left bottom; line-height:20px; text-align:center; margin-bottom:15px;}
.foot .foot-in .footmenu li { display: inline; line-height:20px; background:none; color:#fff; margin:0px 20px;}
.foot .foot-in .footmenu li a { background:none; color:#fff;line-height: 20px;font-size: 14px;}
.foot .foot-in .footmenu li a:hover { background:none; color:#fff; line-height: 20px;font-size: 14px; text-decoration:underline;}
.foot .foot-in p { width:1000px; color:#ccc; font-size:12px; text-align:center;}
.foot .foot-in p a { color:#ccc;}
.YqbYears { vertical-align:middle;  padding-left: 8px; margin-top: -6px;}

.inner-banner { width:100%; height:auto; overflow:hidden; text-align:center;}
.inner-banner img { max-width:100%; min-width:1000px;}

/*inner*/
.inner { width:1000px; background:#fff; margin:0px auto; margin-top:30px; overflow:hidden; padding:10px 20px 20px 20px;}
.inner .inner-l { width:220px; float:left;}
.inner-title { width:220px; height:40px; background:#8c2c30 url(../image/cate-bg.png) no-repeat right bottom; padding-bottom:7px; text-indent:20px; font-size:18px; color:#fff; line-height:40px; margin:10px 0px;}
.inner-title span { font-size:14px; color:#999;}
.inner-content { width:220px; font-size:13px; color:#777;}
.inner-content p { color:#777;}

ul.sf-menu {clear:both;margin:0px auto;height:auto;position:relative;text-transform:capitalize;z-index:500;width:220px;background-color:#00a1e9; color:#444;}
ul.sf-menu li {zoom:1;margin:0px; }
ul.sf-menu li a {text-transform:capitalize; display:block;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;height:42px;line-height:42px;font-size:14px;padding-left: 30px;background:#ddd url(../image/point.png) no-repeat 13px 17px; border-bottom:1px solid #fff;}
ul.sf-menu li a:hover, ul.sf-menu li a:active {background:#666 url(../image/point-h.png) no-repeat 13px 17px;color:#fff;font-size:14px;}
ul.sf-menu li.hover, ul.sf-menu li:hover {position:relative;}
ul.sf-menu li.menu-item:hover {position:relative;}
ul.sf-menu ul {width:100%;margin:0px;padding:0px;position:absolute;left:220px;top:0px;visibility:hidden;text-transform:capitalize;}
ul.sf-menu ul li a {font-weight:normal;line-height:35px;border-bottom:1px solid #fff;background:#eee url(../image/point1.png) no-repeat 10px 17px;height:35px;color:#444;font-size:14px;padding-left: 40px;}
ul.sf-menu li.hover ul li a, ul.sf-menu li.hover ul li a:hover, ul.sf-menu li.hover ul li a:active {color:#FFF;text-decoration:none;background:#8c2c30 url(../image/point1-h.png) no-repeat 10px 17px;font-size:14px;}
ul.sf-menu ul li a.hover, ul.sf-menu ul li a:hover {text-decoration:none;background:#8c2c30 url(../image/point1-h.png) no-repeat 10px 17px!important;color:#FFF;font-size:14px;}
li.LiLevel1 a {color:#444!important;}
li.LiLevel1 a:hover {color:#fff!important;}
ul.sf-menu ul li ul {padding:0px;}
ul.sf-menu ul ul {left:220px;margin:0px;padding:0px;visibility:hidden;}
ul.sf-menu ul ul li a {width:auto;padding:0px;padding-left: 40px;text-decoration:none;font-size:14px;}
ul.pro-menu {margin-top:-1px;margin:0px;padding:0px;text-transform:capitalize;}
ul.sf-menu li:hover > ul {visibility:visible;margin:0px;padding:0px;}
ul.sf-menu li.LiProDetail a {background:#eee url(../image/point1.png) no-repeat 10px 17px!important;text-indent:-15px!important;color:#333!important;font-size:14px;}
ul.sf-menu li.LiProDetail a:hover, ul.sf-menu li.LiProDetail a:active {background:#8c2c30 url(../image/point1-h.png) no-repeat 10px 17px!important;text-indent:-15px!important;font-size:14px;color:#fff!important;}

.inner .inner-r { width:760px; float:right; margin-top:10px;}
.inner-position { width:760px; font-size:20px; font-weight:bold; color:#666;}
.inner-position span { float:right; font-size:12px; font-weight: normal; color:#999;}

/*about*/
.inner-abo { width:760px; margin-top:20px; font-size:14px;}

/*products*/
.inner-pro { width:800px; height:auto; overflow:hidden; margin:0px auto; margin-top:10px;}
.profile-pro { width:760px; height:auto;}
.inner-pro li { width:170px; height:170px; margin:10px 10px 0px 0px; padding:4px; float:left; border:1px solid #ccc; text-align:center; line-height:25px; border-radius:3px;}
.inner-pro li img { width:170px; height:135px;}
.inner-pro li:hover { border:1px solid #EC9900;}

/*news*/
.news-inner { width:760px; height:auto; overflow:hidden; margin-top:20px;}
.news-inner li {width:740px;height:70px;overflow:hidden;float:left;margin-bottom:10px;padding:10px;background: #f6f6f6;}
.news-inner li .date {width:80px;height:70px;float:right;margin-left:15px;background: #e5e5e5;color: #666;text-align:center;font-size: 25px;line-height: 40px;border-radius:3px;}
.news-inner li .date span {display:block;color:#fff;border-top: 1px solid #fff;line-height: 30px;font-size: 12px;color: #666;}
.news-inner li .tit {width:610px;height:27px;line-height:27px;float:left;font-weight: inherit;font-size:15px;background: url(../image/point.png) no-repeat left 9px;padding-left:15px;}
.news-inner li .detail { width:625px; height:40x; line-height:20px; float:left; font-weight: normal; margin-top:3px; font-size:12px; color:#888;}
.news-inner li:hover { background:#666; transition:1s all;}
.news-inner li:hover div.tit { background:url(../image/point-h.png) no-repeat left 9px;}
.news-inner li:hover div.tit a{ color:#fff; transition:1s all;}
.news-inner li:hover div.detail{ color:#aaa; transition:1s all;}
.news-inner li:hover div.date{ background:#555; color:#fff; transition:1s all;}
.news-inner li:hover div.date span{ border-top:1px solid #666; color:#fff; transition:1s all;}

/*pages*/
.pages,.npage{clear:both; text-align:center; font-size:12px; padding:15px 0 0px 0;color:#b2b2b2;}
.pages a,.pages span{display:inline-block; height:24px;padding:0 2px; margin:0 2px!important; line-height:24px; border:1px solid #ccc; background:#ddd; padding:0px 8px; color: #333;}
.pages a:link,.pages a:visited {color: #333; line-height:24px; border:1px solid #ccc; background:#ddd; padding:0px 8px;}
.pages a:hover,.pages a:active,.pages span.ctxt{color: #fff; text-decoration:none; border:1px solid #8c2c30; background:#8c2c30; padding:0px 8px;}

/*newdetail*/
.news-content { margin-top:20px;}
.newsTitle {clear:both; font-size:20px;font-weight:bold;color:#333;line-height:22px; padding:0px 0px 5px 0px; }
.newsDate {clear:both; line-height:15px; margin-bottom:15px; color:#999; font-size:12px;}
.newsDate a { color:#999;}
.newsDate a:hover { color:#f30;}
.newsContent {clear:both;margin:0px auto;padding:0px; font-size:14px;color:#333;line-height:28px;word-wrap:break-word;word-break:normal;}
.prevNext {clear:both;margin:0px auto; line-height:20px;color:#333;font-size:14px;-webkit-text-size-adjust:none; margin-top:15px;}
.prevNext a {text-decoration:underline;}
.prevNext .prev { /*float:left;*/}
.prevNext .prev a { text-decoration:none;}
.prevNext .prev a:hover {color:#8c2c30; text-decoration:none;}
.prevNext .next { /*float:right;*/}
.prevNext .next a { text-decoration:none;}
.prevNext .next a:hover {color:#8c2c30; text-decoration:none;}

/*pro-detail*/
.pro-content { width:760px; font-size:14px; margin-top:20px;}
.pro-detail { width:760px; overflow:hidden;padding-bottom: 20px; border-bottom: 1px dashed #ccc;}
.pro-detail .fl { max-width:400px; float:left;}
.pro-detail .fl img { max-width:390px; border:1px solid #ccc; padding:4px;}
.pro-detail .fr { width:340px; float:right; font-size:14px;}
.pro-detail .fr strong { font-weight:600; width:340px; display:block; font-size:17px; border-bottom:1px dashed #ddd; padding:7px 0px; margin-bottom:10px;}
/*tab*/
#con{FONT-SIZE: 14px; MARGIN: 0px auto; WIDTH:760px; margin-top:20px;}
#tags{PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN:0px; WIDTH: 400px; PADDING-TOP: 0px; HEIGHT: 35px}
#tags LI{BACKGROUND:#111; FLOAT: left; MARGIN-RIGHT: 10px; LIST-STYLE-TYPE: none; HEIGHT: 35px; padding:0px 25px;}
#tags LI A {BACKGROUND:none; FLOAT: left; COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px; TEXT-DECORATION: none;}
#tags LI.emptyTag{BACKGROUND:#8c2c30; WIDTH: 100px}
#tags LI.selectTag{BACKGROUND:#8c2c30;  HEIGHT: 35px}
#tags LI.selectTag A{ COLOR: #fff; LINE-HEIGHT: 35px; HEIGHT: 35px}
#tagContent{ PADDING-TOP: 10px;}
.tagContent{ DISPLAY: none; WIDTH:760px; COLOR: #333; PADDING-TOP: 10px; font-size:14px; line-height:28px;}
#tagContent DIV.selectTag{DISPLAY: block;}

/*feedback*/
.feedback {clear:both;margin:0px auto;padding:0px;margin:20px 0px 0px 0px;}
.submita {margin:16px auto;display:inline-block;padding:0 18px!important;line-height:22px;background:#ff9c00;border:0px;height:24px;color:#FFF;cursor:pointer;font-size:16px;}
.xh {color:#f00;padding:0 3px;}
#feedbackForm {margin:20px 0px 0px 0px;}
#feedbackForm .text {width:300px;height:26px;margin:10px 0px 0px 0px;font-size:12px;line-height:26px;padding:0px 0px 0px 5px;border:1px solid #CCC;}

#feedbackForm .lable {padding:10px 12px 0px 0px;line-height:30px;height:30px;text-align:right;}
#feedbackForm .atextarea {float:left;border:1px solid #CCC;height:100px;width:305px;ont-size:12px;margin-top:10px;line-height:24px;color:#666;}
#feedbackForm .smtcss {padding-right:112px;text-align:center;}
.table {border-collapse:collapse;}
.table td, .table th {border:1px solid #cdcdcd;padding:5px;}
.table p {padding:0px;margin:0px;}
.e_mobile {display: inline-block;height:25px;line-height:25px;background:url(../image/emobile.png) 0px -50px no-repeat;text-indent:25px;}