@charset "utf-8";
/* reset css */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, input, textarea, p, th, td {margin:0; padding:0; -webkit-text-size-adjust:none; font-size:13px; color:#484848; font-family:"微軟æ£é»‘é«”";}
th{font-weight:normal; text-align:left;}
table{border-collapse:collapse; border-spacing:0;}
img{border:0;}
ol, ul{list-style:none;}
a{outline:none; text-decoration:none; cursor:pointer}/*hlbr:expression(this.onFocus=this.blur())*/
a:link {text-decoration: none;}
a:hover { text-decoration: none; }
a:active { text-decoration: none}
input , select , textarea{outline:none; border-radius:0; font-family:arial , "微軟æ£é»‘é«”";}
button{cursor:pointer;}
body {
width:auto;height:auto;margin: 0 auto;color: #333;font-family:Arial,Verdana, Helvetica, sans-serif,"微軟æ£é»‘é«”";background:url(../images/t_hdbg.gif) repeat-x top center,url(../images/all_bg.jpg) top center;font-size:16px;text-align: center;}
.clear{ clear:both;}
.clearfix{visibility: hidden;display: block;font-size: 0;clear: both;width:0;height: 0}
.blank30{ height:30px;}
.blank70{ height:70px;}
.f_r{ float:right;}
.f_r2{ display:inline;}
.container{width:96%; max-width:1200px; margin:0 auto;}
/* header */
header#theader {position:relative;max-width:1200px;min-width:320px;height:220px;margin:auto;z-index: 1120}
header#theader .twrap{position:relative;width:96%; max-width:1200px; margin:0 auto; min-width:320px;}
header#theader .logo{float:left;width:253px;position:relative;height:66px;margin-top:48px;text-align:center;border:0px blue solid}
header#theader .tusr{position:absolute;top:0;right:22px;width:72px;height:16px;margin-top:48px}
header#theader .tlang_sch{float:right;position:relative;width:calc(100% - 253px);height:46px;margin:3px auto;z-index:10;border:0px red solid}
header#theader .tlang_sch .tlang{position:relative;display:block;width:100%;height:46px;line-height:46px;text-align:right;margin:7px auto;border:0px red solid}
header#theader .tlang_sch .tlang span{position:relative;display:inline-block;width:20px;height:20px;line-height:20px;margin:auto 3px auto 3px;text-align:center;border-radius:3px;cursor:pointer;border:1px #aaa solid}
header#theader .tlang_sch .tlang .tlsel{background:#e6b814;color:white;border:0}
header#theader .tlang_sch .tsch{position:relative;width:100%;height:43px;text-align:right;margin:7px auto;border:0px #dcdcdc solid}
header#theader .tlang_sch .tsch .tschform{float:right;position:relative;width:273px;height:43px;text-align:right;margin:auto}
header#theader .tlang_sch .tsch .tschform .tsinput{float:left;width:227px;height:43px;background:url(../images/t_sch2.png) no-repeat;padding-left:10px;border:0}
header#theader .tlang_sch .tsch .tschform .tsbutton{float:right;width:46px;height:43px;background:url(../images/t_sch1.png) no-repeat;margin:auto;border:0}
/***æ–‡å—滚动開始**/
.flvtxt{float:left;width:100%; position:relative; border:1px solid #ccc; }
.flvtxt .hd{ overflow:hidden; height:30px; background:#f4f4f4; padding:0 10px; }
.flvtxt .hd .prev,.flvtxt .hd .next{ display:block; width:5px; height:9px; float:right; margin-right:5px; margin-top:10px; overflow:hidden; cursor:pointer; background:url("images/icoLeft.gif") no-repeat;}
.flvtxt .hd .next{ background:url("images/icoRight.gif") no-repeat; }
.flvtxt .bd{ padding:10px; }
.flvtxt .bd .tempWrap{ width:425px !important; }/* 用 !important覆盖SuperSlide自动生æˆçš„å®½åº¦ï¼Œè¿™æ ·å°±å¯ä»¥æ‰‹åŠ¨æŽ§åˆ¶å¯è§†å®½åº¦ã€‚ */
.flvtxt .bd ul{ overflow:hidden; zoom:1; }
.flvtxt .bd ul li{ margin-right:20px; float:left; height:30px; line-height:30px; text-align:left; _display:inline; width:auto !important; }/* 用 width:auto !important 覆盖SuperSlide自动生æˆçš„宽度，解决文å—ä¸è¡”接问题 */
.flvtxt .bd ul li a{font-size:17px;color:#000; }
.flvtxt .bd ul li span{ color:#999; }
/***æ–‡å—滚动çµæŸ**/
#top_nav{ line-height:40px; background-color:#18B19C; color:#fff; }
#top_nav ul{ float:left;}
#top_nav ul li{ float:left; padding:0px 8px 0px 8px; background-image:url(../images/li.jpg); background-position:right; background-repeat:no-repeat;}
#top_nav ul li a{ color:#fff;}
.search{ float:left; width:199px; height:30px; border-radius:15px; background-color:#fff; margin-top:5px; }
.s_t{ float:left; margin-top:8px; margin-left:8px;width:159px; border:none;}
.s_b{ float:right;width:23px; height:24px; background-image:url(../images/search.png); cursor:pointer; background-color:transparent; border:none; margin-top:3px; margin-right:3px;}
.lang{ float:left; margin-left:9px;}
.lang a{background-color:#525252; color:#fff;width:24px; height:24px; display:inline-block; line-height:24px; text-align:center; font-size:15px;}
#zh_click_t{ background-color:#fff; color:#000;}
#logo{ float:left; width:422px; height:86px; background:url("../images/logo.jpg"); text-indent:-9999px; cursor:pointer;}
#navigation{float:right;position:relative;width:100%; margin-top:22px; max-width:1200px;z-index:112;border:0px blue solid}
#navigation li{ display:inline-block; position:relative; }
#navigation li > a{display:block;height:62px;line-height:10px; margin:5px 45px;padding-top:20px;font-size:17px; color:#000;text-overflow: ellipsis; text-align:center;border:0px red solid}
#navigation li:hover a{ color:#d9bb62}
#navigation li:hover a span{ color:#d9bb62}
#navigation li > a:hover{border-bottom:3px #d9bb62 solid}
#navigation li > a span{ display:block;font-size:14px}
#navigation li:hover .sub-menu{display:block;}
#navigation li .sub-menu{position:absolute; left:23px; top:100%; display:none; width:160px; z-index:1; background:#fdfdfd; padding-top:10px;padding-bottom:10px;border:1px #eee solid }
#navigation li .sub-menu a{display:block; font-size:14px; color:#000; line-height:35px; text-align:left; padding-left:10px;width:130px; margin:0 auto; transition:all .3s;overflow: hidden;white-space: nowrap}
#navigation li .sub-menu a:hover{background:#ffebc5; color:#000;background-repeat:no-repeat; background-position:right}
#navigation li .sub-menu:first-child{line-height:15px;text-align:left; padding-left:10px;border:1px red solid}
/* Chrome */
@media screen and (-webkit-min-device-pixel-ratio:0){
#navigation{margin-top:5px}
}
/* Firefox */
@-moz-document url-prefix(){
#navigation{margin-top:5px}
}
/* mobile */
#mobi-btn{position:absolute; top:60px; right:10px; display:none; width:40px; height:40px; background:#000; border-radius:50%}
#mobi-btn.active{background:#000;}
#mobi-btn hr ,
#mobi-btn:before ,
#mobi-btn:after{content:""; position:absolute; left:9px; display:block; width:23px; height:5px; margin:0; background:#fff; border:none; border-radius:4px;}
#mobi-btn:before{top:10px;}
#mobi-btn hr{top:18px;}
#mobi-btn:after{top:26px;}
#mobi-btn.active hr ,
#mobi-btn.active:before ,
#mobi-btn.active:after{background:#fff;}
#mobile{display:none;position:absolute; top:110px;width:100%;z-index:110;}
#mobile li{border-bottom:1px solid #333;}
#mobile li:first-child{border-top:1px solid #333;}
#mobile li > a{display:block; font-size:16px; color:#fff; line-height:50px; text-align:center; background-color:#ddd;color:black}
#mobile li > a span{ display:none}
#mobile li > a:hover{ background-color:#ddd; color:black;font-weight:bold }
#mobile li .sub-menu{display:none; background:#F5F1E8;}
#mobile li .sub-menu a{display:block; border-top:1px dashed #333; font-size:16px; color:#000; line-height:50px; text-align:center;}
#mobile li .sub-menu a:hover{ background-color:#fff; color:#000;}
/* slider */
#slider{position:relative; max-width:1380px; margin:0 auto; margin-top:1px;}
#slider .item img{display:block; width:100%; height:auto;}
#slider .owl-pagination{position:absolute; left:0; bottom:10px; width:100%; padding:0px; text-align:center; box-sizing:border-box;}
#slider .owl-pagination .owl-page{display:inline-block; width:12px; height:12px; margin:0 7px; background:#fff; border-radius:50%; box-shadow:0px 0px 2px #ccc; border:solid 1px #fff;}
#slider .owl-pagination .owl-page.active{background:#747474; width:15px; height:15px; border:solid 2px #fff;}
#slider .owl-buttons div{position:absolute; top:50%; width:16px; height:30px; margin-top:-15px; background:url("../images/slide_arrow.png"); text-indent:-9999px; transition:all .3s;}
#slider .owl-buttons div:hover{opacity:.6;}
#slider .owl-buttons .owl-prev{left:30px; background-position:left top;}
#slider .owl-buttons .owl-next{right:30px; background-position:right top;}
.ad{ border-bottom:solid 1px #F7B8A3;}
/*MAIN*/
.inewprobg{ background-color:#eeeeee;margin-top:30px;margin-bottom:30px}
section#mpro{position:relative;max-width:1200px;min-width:320px;height:auto;margin:auto;padding:10px auto 0 auto;z-index:100;border:0px red solid}
section#mpro .impheader{position:relative;display:block;width:100%;height:89px;line-height:22px;margin:auto;background:url(../images/m_titlebg.gif) no-repeat bottom center;text-align:center;border:0px red solid}
section#mpro .impheader h1{font-size:24px;color:#000;border:0px red solid}
section#mpro .impheader span{font-size:12px;color:#d9bb62;border:0px red solid}
section#mpro .impheader .imore{float:right;margin:20px auto;font-size:14px;color:#676767;border:0px red solid}
section#mpro .impheader .imore a{color:#676767}
section#mpro .impheader1{position:relative;display:block;width:100%;height:49px;line-height:49px;margin:auto;text-align:center;border-bottom:1px #aaa solid}
section#mpro .impheader1 .ptitle{float:left;display:inline-block;height:49px;line-height:49px;margin:auto;color:#000;text-align:left;border:0px red solid}
section#mpro .impheader1 .ptitle h1{float:left;width:auto;height:49px;line-height:49px;font-size:24px;font-weight:bold;border:0px red solid}
section#mpro .impheader1 .ptitle span{float:left;display:inline-block;font-size:12px;color:#7d7d7d;border:0px red solid}
section#mpro .impheader1 .imore{float:right;margin:20px auto;font-size:14px;color:#676767;border:0px red solid}
section#mpro .impheader1 .imore a{color:#676767}
section#mpro .mheight{height:82px;line-height:82px;margin:auto;border-bottom:1px #666 solid}
section#mpro .impheader .mtitle{display:inline-block;background:url(../images/m_hhint.png) no-repeat left center;padding-left:46px;font-size:40px;color:#666}
section#mpro .impheader .metitle{font-size:24px;color:#999797}
section#mpro .impheader .mlink{font-size:24px}
section#mpro .impcon{position:relative;display:inline-block;width:100%;height:auto;font-size:27px;margin:26px auto 0 auto;padding:0;border:0px blue solid}
section#mpro .impcon1{position:relative;display:inline-block;width:100%;height:auto;margin:16px auto 0 auto;padding:0;border:0px blue solid}
section#mpro .impcon .imitem{float:left;width:100%;height:48px;line-height:48px;text-align:left;color:#767676;transition:all .3s;overflow: hidden;white-space: nowrap;border-bottom:1px #aaa dashed}
section#mpro .impcon .imitem a{font-size:20px;color:#333}
section#mpro .impcon .imitem .newsitem{display:inline-block;width:calc(100% - 85px);color:#767676}
section#mpro .impcon .imitem .newsitem .newstitle{color:#767676}
section#mpro .impcon .imitem .newsdate{display:inline-block;width:85px;color:#767676}
section#mpro .impcon p{font-size:17px;color:#333}
section#mpro .impcon a{font-size:17px}
section#mpro .impbottom{position:relative;display:block;width:100%;height:54px;line-height:54px;margin:auto;text-align:center;border:0px red solid}
section#mpro .impbottom span{display:inline-block;width:131px;height:34px;line-height:34px;background:#ff7800;font-size:14px;color:#fff;text-align:center;border-radius:17px;margin:auto}
.pdimg img{width:98%}
.pdtitle{margin-bottom:20px;font-size:23px;font-weight:bold}
.pdtitlealg{display:inline-block;text-align:right;font-size:20px;font-weight:bold;border:0px blue solid}
.pdtitlecon{display:inline-block;font-size:20px}
.pdcontitle{font-size:17px;font-weight:bold;border-bottom:1px #aaa solid}
.mprobgg{background:#eee}
.mprohdwith{width:98%}
.mgap{margin:20px auto 0 auto}
.mnoborder{border:0px}
.mpro{position:relative;width:calc(100% - 10px);margin:6px auto 18px auto;padding:auto;background:white;border:0px #dcdcdc solid}
.mpro1{position:relative;width:calc(100% - 10px);margin:6px auto 18px auto;padding:auto;background:white;border:0px #dcdcdc solid}
.pimg{position:relative;width:100%;z-index:90}
.pimg img{width:100%;max-height:304px}
.pimghover{position:absolute;top:0;left:0;display:none;width:100%;height:100%;line-height:100%;text-align:center;background:black;filter:alpha(opacity=85);-moz-opacity:0.85;opacity:0.85;z-index:100}
.pimghover a{color:white}
.mpro:hover .pimghover{display:flex;justify-content: center;align-items: center}
.iptitle{width:100%;height:30px;line-height:30px;text-align:left;padding-left:2%;overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.iprice{width:100%;height:30px;line-height:30px;text-align:left;padding-left:2%;color:#e60000;font-size:16px;}
.iprice span{text-decoration:line-through;color:#757575;font-size:15px;}
.iptitle a{font-size:17px;color:black}
.mptitle{width:100%;height:36px;line-height:36px;text-align:left;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-bottom:1px #dcdcdc solid}
.mptitle a{font-size:17px;color:black}
.pintro{width:100%;height:53px;line-height:18px;text-align:left;padding-left:2%;color:#000;overflow:hidden}
.pmore{width:100%;height:68px;line-height:68px;text-align:center}
.malign{text-align:right}
/*footer */
footer {position:relative;height:auto;background:#ededed;padding:20px auto;border-top:1px #eeeeee solid}
footer h2{ text-align:center;}
.fcontainer{position:relative;width:96%; max-width:1200px; height:auto;margin:auto; padding-top:10px; padding-bottom:10px;}
.flogo{float:left;width:253px;height:65px;margin-top:36px;padding-bottom:20px}
footer section#fcsq{float:left;height:auto;margin:5px 0 0 78px;padding-bottom:20px;overflow:hidden;border:0px blue solid}
footer section#fcsq .fcheader{float:left;width:100%;height:50px;line-height:50px;background:url(../images/f_titlebot.gif) no-repeat left bottom, url(../images/f_titlebot1.gif) repeat-x;text-align:left;font-weight:bold;font-size:16px;color:#2f3034}
footer section#fcsq .fcheader span{display:inline-block;width:auto;height:50px;line-height:50px;border-bottom:1px #d9bb62 solid;text-align:left;font-weight:bold;font-size:18px;color:#2f3034}
footer section#fcsq .fctcon{float:left;width:100%;height:auto;line-height:30px;margin-top:15px;text-align:left;font-size:18px;color:#71737a;border:0px #eeeeee solid}
footer section#fcsq .fctcon span{color:#000;font-weight:bold}
.fctcon{width:327px}
.fshcon{width:266px}
.fqrcon{width:100px}
#ftotop{position:absolute;right:20px;top:-27px}
.fappoint{float:left;margin-top:20px;padding-bottom:20px}
.fshare{float:right;text-align:center; margin-top:20px;padding-bottom:20px}
.copyright{float:left;width:100%;height:62px;line-height:62px;text-align:center; font-size:14px;color:#71737a; margin-top:21px;border:1px #eeeeee solid}
.copyright span{ text-align:center;font-size:14px; color:#71737a; display:block;}
.copyright span a{ color:#71737a}
.pager{position:relative;width:100%;margin-top:60px; text-align:center}
.pager span{ background-color:#2E2E2E; padding:3px 8px 3px 8px ; color:#fff; margin-left:2px; margin-right:2px; display:inline-block; }
.pager a{ background-color:#2E2E2E; padding:3px 8px 3px 8px ; color:#fff; margin-left:2px; margin-right:2px }
#end_web{ display:block}
#end_wap{ display:none;}
#end_wap{ color:#fff; text-align:center; line-height:25px;}
#end_wap a{ color:#fff;}
/**最新消æ¯**/
.news{}
.news h3{ font-size:40px; color:#59b985; text-align:center; font-weight:lighter;}
.news h3 span{ display:block; color:#b8b8b8; font-size:33px;font-weight:lighter;}
.more{ text-align:right; display:block;}
.news ul{}
.news ul li{ float:left; border-right:solid 1px #DCDCDC;width:19.6%; padding-right:3%;padding-left:3%; margin-top:20px;}
.news ul li img{ max-width:264px; width:100%;}
.news ul li h6{ font-size:15px; color:#187000; margin-top:10px;}
.news ul li h6 a{ color:#187000;}
.news ul li h6 a:hover{ color:#FF6600;}
.news ul li span{ display:block; margin-top:8px; color:#187000;}
.news ul li span a{ color:#333333}
.news ul li span a:hover{ color:#FF6600;}
.news ul li p{ color:#626262; line-height:20px; margin-top:15px;text-align:left}
/**產å“ä¸å¿ƒ **/
.iflv img{ width:100%;border:0px red solid}
.ialtbg{ background-color:#f4f4f4;margin-top:30px}
.product .mpheader{position:relative;width:100%;height:69px;line-height:26px;font-size:24px;color:#000;text-align:center;margin:auto;border-bottom:1px #d9bb62 solid}
.product .mpheader span{font-size:12px;color:#d9bb62}
.product h3{ font-size:33px; color:#4a4a4a; text-align:center; font-weight:lighter;}
.product h3 span{ display:block; color:#59b985; font-size:40px;font-weight:lighter;}
.product .mpbottom{position:relative;width:100%;height:54px;text-align:center;margin:auto;padding-top:20px}
.product .mpbottom span{display:inline-block;width:131px;height:34px;line-height:34px;background:#ff7800;font-size:14px;color:#fff;text-align:center;border-radius:17px;margin:auto}
/***图片滚动開始**/
.clearout {height:20px;clear:both;}
#flexiselDemo2{display:none; margin-top:20px;}
.nbs-flexisel-container {display:flex;position:relative;max-width:100%;}
.nbs-flexisel-ul {position:relative;width:9999px;margin:0px;padding:0px;list-style-type:none; text-align:center; }
.nbs-flexisel-inner {overflow:hidden;float:left;width:100%;}
.nbs-flexisel-item {float:left;margin:0px;padding:0px;cursor:pointer;position:relative;line-height:0px; height:auto}
.nbs-flexisel-item a div{width:100%; max-width:242px;display: flex;justify-content: center;align-items: center;text-align:center;border-radius:20px; margin:auto;padding:auto;border:0px blue solid}
.nbs-flexisel-item img{width:auto; max-width:100%;align-items: center;text-align:center; border:solid 1px #ccc}
.nbs-flexisel-item a:hover{opacity:.6; }
.nbs-flexisel-item h4{width:100%;font-size:15px; color:#187000; margin-top:0px; height:18px; line-height:18px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.nbs-flexisel-item h4 a{ color:#000}
.nbs-flexisel-item h4 a:hover{ color:#5b7769}
.nbs-flexisel-item span{ color:#5b7769; display:block;}
.nbs-flexisel-nav-left,
.nbs-flexisel-nav-right {width: 40px;height: 50px; position: absolute;cursor: pointer;z-index: 1;opacity: 0.5;}
.nbs-flexisel-nav-left {left: -46px;background: url(../images/button-previous.png) no-repeat;}
.nbs-flexisel-nav-right {right:-45px;background: url(../images/button-next.png) no-repeat;}
/***图片滚动çµæŸ**/
.imail {position:relative;margin-bottom:50px;background:#6a6a6a;}
.imail .imhint{float:left;position:relative;width:470px;height:auto;margin:17px auto;padding-top:9px;color:white;text-align:left;font-size:18px}
.imail .imform{float:right;position:relative;width:567px;height:50px;margin:17px auto 0 auto;padding-top:13px}
.imail .imform .imtext{float:left;width:400px;height:50px;border:0}
.imail .imform .imsub{float:right;width:167px;height:50px;background:url(../images/m_mailsub.gif) no-repeat;margin:auto;border:0}
/**** å…§é 開始 ****/
.title{ padding-top:30px; padding-bottom:30px; color:#484848; margin-top:15px;}
.title h4{ font-size:15px; font-weight:lighter; background-image:url(../images/titlebg.jpg); background-repeat:no-repeat;color:#484848; text-indent:30px;}
.title h4 a{ color:#53971E;}
.content article{ padding-left:30px; padding-right:30px;}
/*** ä½¿ç”¨èŒƒåœ ***/
.usercope_title{ display:block; margin-top:30px;}
.usercope{ border-bottom:dotted 1px #ccc; padding-bottom:30px; position:relative;}
.usercope p{ float:left;width:60%;line-height:32px; font-size:15px;}
.usercope img{ float:right;width:35%;}
#usercope_top{ position:absolute; bottom:0px;right:10px;width:42px; height:15px;}
/*** å…§é åˆ†å·¦å³ **/
.left{ float:left;width:71%;}
.l_title{ font-size:20px; color:#53971E; font-weight:bold;}
.left article{ margin-top:20px;}
.right{ float:right;width:25%}
.right aside{ background-color:#18B19C; border-radius:5px; padding:15px ;}
.right aside h5{ font-size:20px; color:#fff; border-bottom:dotted 1px #fff; line-height:40px;}
.right aside ul{ margin-top:10px; margin-left:15px;}
.right aside ul li{ background-image:url(../images/li4.jpg); background-repeat:no-repeat;color:#fff; line-height:40px; text-indent:25px; font-size:18px;}
.right aside ul li a{ color:#fff;}
/** å…§é æœ€æ–°æ¶ˆæ¯ **/
.newslist li{ float:left; border-right:solid 1px #DCDCDC;width:28%; padding-right:3%;padding-left:3%; margin-top:20px;}
.newslist li img{ max-width:264px; width:100%;}
.newslist li h6{ font-size:15px; color:#187000; margin-top:10px;}
.newslist li h6 a{ color:#187000;}
.newslist li h6 a:hover{ color:#FF6600;}
.newslist li span{ display:block; margin-top:8px; color:#187000;}
.newslist li span a{ color:#333333}
.newslist li span a:hover{ color:#FF6600;}
.newslist li p{ color:#626262; line-height:20px; margin-top:15px;text-align:left}
/* 客戶實æˆç¸¾ **/
.projectlist{ }
.projectlist li{ float:left; width:21%; margin-right:5%; border:solid 1px #ccc; text-align:center; padding-top:15px; padding-bottom:15px; margin-top:30px; border-radius:5px; background-color:#efefef;}
.projectlist li img{ max-width:300px; border:solid 1px #fff;}
.projectlist li h6{ font-size:15px; color:#000; margin-top:10px;}
.projectlist li h6 a{ color:#187000;}
.projectlist li h6 a:hover{ color:#FF6600;}
.projectlist li:hover{ background-color:#ADD3BA;}
.expert{width:100%; line-height:35px; color:#046FB7; font-size:15px; }
.expert:hover{background-color:#efefef; border-radius:5px;}
.expert a{ color:#000; margin-left:20px; cursor:pointer; padding-top:10px; padding-bottom:10px; display:block;}
.expert a img{ float:left; margin-top:10px;width:14px;}
.expert a b{ float:left; width:90%; font-weight:lighter; }
.expert a b span{ margin-left:10px; display:block}
.expert_jieshao { display:none; color:#717173; padding-bottom:20px; padding:0px 10px 10px 22px; color:#999}
.expert_jieshao img{max-width:368px; float:right; margin-left:10px;}
/**注冊表單**/
.formBox {margin-top: 25px;color: #2f2f2f;font-size: 13px;width:80%; margin-left:auto; margin-right:auto; }
.form {margin-bottom: 25px;color: #2F2F2F;padding: 0 30px;text-align:left}
.form label {display: inline-block;width: 180px;text-align: right;margin-right: 5px;font-family: "微軟æ£é»‘é«”", "LiHei Pro", "新細明體", sans-serif;font-size: 17px;color: #737373; vertical-align:top}
.form label em {color: #ff0000;font-style: normal;font-weight: normal; margin-right:3px;}
.form input[type="text"], .formBox .form input[type="password"], .formBox .form input[type="email"]{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 35px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-image:url(../images/txt_bg.jpg); text-indent:10px;}
.form font{ margin-left:10px; color:#808080;}
.form select {box-sizing: border-box;-moz-box-sizing: border-box;padding: 5px;height: 35px;border: 1px solid #ccc;border-radius: 3px;background-image:url(../images/txt_bg.jpg); vertical-align:top; }
.lyc{box-sizing: border-box;-moz-box-sizing: border-box;width: 500px;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-image:url(../images/txt_bg.jpg); background-repeat:repeat-x ; background-color:#F4F4F4; height:300px; overflow:hidden;}
.btnc{width:119px; height:45px; background-image:url(../images/ok.jpg); cursor:pointer; border:none;}
/** 產å“列表 **/
.productlist li{ float:left;width:21%; margin-right:5%; margin-bottom:50px; text-align:center}
.productlist img{width:100%; max-width:230px; display:block; border:solid 1px #ccc; padding:6px; background-color:#F6F9EE; margin-left:auto; margin-right:auto;}
.productlist li strong a{font-size:15px; color:#187000; display:block; margin-top:20px;}
.productlist li span{ display:block; margin-top:10px;color:#187000;}
.productlist a:hover{opacity:.6; }
#lr{ margin-right:0%;}
/*** 產å“詳細 ***/
.imgpro{ float:right;width:48%; max-width:500px; max-height:393px; border:solid 1px #ccc;padding:6px; background-color:#F6F9EE; }
.proinfo{ float:left; text-align:left;width:48%;}
.proinfo h5{ background-color:#ccc; color:#333; line-height:30px; font-size:18px; padding:10px;}
.proinfo p{ margin-top:30px;}
.proinfo p b{ float:left;width:100px; font-size:18px; font-weight:lighter;}
.proinfo p span{ float:left; margin-left:10px;}
.oldprice{text-decoration:line-through;text-line-through-color:#000;color:#aaa; font-size:28px; font-weight:normal}
.price{color:red; font-size:28px; font-weight:bold;}
.mun{ border:solid 1px #ccc;width:50px; line-height:22px; height:22px; vertical-align:middle}
.xx{ margin-top:20px;width:100%; border-top:dotted 1px #999; padding-top:30px;}
.txt{box-sizing: border-box;-moz-box-sizing: border-box;width: 300px;height: 30px;
line-height: 30px;border: 1px solid #ccc;border-radius: 3px; padding-left:5px; padding-right:5px;}
.la{ font-size:15px;}
.inpsub{ border:solid 1px #ccc; background-color:#e8e9e9; padding:5px 10px 5px 10px; border-radius:5px; cursor:pointer;}
.inpsub2{ border:solid 1px #ccc; background-color:#e8e9e9; padding:0px 10px 0px 10px; cursor:pointer; vertical-align:middle}
.formBox2 {margin-top: 25px;color: #333;font-size: 13px;width:80%; margin-left:auto; margin-right:auto;}
.btn2{border:solid 1px #ccc; background-color:#ccc; padding:0 20px 0 20px; border-radius:5px; cursor:pointer;
height:45px; line-height:45px; width:120px; font-size:18px;color:#000}
/** 購物車**/
.table-c table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table-c table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;}
.table-c table td a{ color:#333;}
.btn{background-color:#3F3F3F; color:#ffffff; height:24px; line-height:24px; text-align:center; float:right; margin-left:10px; padding-left:10px; padding-right:10px; }
.table-c2{ display:none;}
.table-c2 table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:15px;}
.table-c2 table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;}
.table_e table{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
.table_e table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:13px; padding:5px; line-height:20px;}
.table-c2 p{ border-bottom:dotted 1px #ccc; line-height:26px; margin-top:15px; color:#666}
.table-c2 p a{ color:#000;}
.table-c2 p b{ display:block; color:#FF9416}
.table-c3 table{border-right:1px solid #ccc;border-bottom:1px solid #ccc; margin-top:15px;}
.table-c3 table td{border-left:1px solid #ccc;border-top:1px solid #ccc; line-height:24px; padding:5px;}
.btn3{background-color:#3F3F3F; color:#ffffff; height:24px; line-height:24px; text-align:center; float:right; margin-left:10px; padding-left:10px; padding-right:10px; }
/* RWD */
@media screen and (max-width:1180px){
#navigation li > a{padding:0 15px; }
.imail .imhint{float:none;position:relative;width:100%}
.imail .imform{float:none;width:100%}
.imail .imform .imtext{width:calc(100% - 167px)}
footer nav ul li a{font-size:15px;}
footer nav ul li ul li{ font-size:13px;}
}
@media screen and (max-width:1048px){
#navigation li > a{padding:0 5px; }
#logo{ width:350px; height:71px; background:url("../images/logo_mid.jpg"); }
}
@media screen and (max-width:960px){
#navigation{width:100%; margin-top:30px; max-width:520px;}
#navigation li > a{display:block; padding:5px 10px; font-size:16px; color:#000; transition:all .3s; text-align:center; border-bottom:solid 5px #fff;}
.pimg img{height:auto}
.iabimg{float:none;width:98%}
.iabcon{float:none;width:98%}
.form-group{text-align:left}
}
@media screen and (max-width:856px){
#navigation{display:none;}
#mobi-btn{display:block;}
#end_web{ display:none}
#end_wap{ display:block;}
/*
.left{ float:right;width:65%;}
.right{ float:left;width:31%}
.right aside ul li{ line-height:26px; text-indent:25px; font-size:13px;}
*/
.formBox {color: #2f2f2f;font-size: 13px; width:100%; margin-left:auto; margin-right:auto;}
.form label {width: auto;display: block;margin-bottom: 5px;text-align: left;}
.form input[type="text"],.form input[type="email"], .formBox .form input[type="password"], .formBox .form input[type="email"] {width: 100%;}
.table-c{ display:none}
.table-c2 { display:block;}
.table_e{ display:none;}
}
@media screen and (max-width:768px){
body {background:none}
header#theader{display:inline-block;height:115px;text-align:center;border:0px red solid}
header#theader .logo{float:none;display:block;width:100%;height:100%;line-height:100%;text-align:left;margin-top:28px;border:0px red solid}
header#theader .logo img{width:175px}
header#theader .tlang_sch{float:none;position:absolute;width:86px;height:20px;top:-33px;right:5px}
header#theader .tlang_sch .tlang{width:86px}
header#theader .tlang_sch .tlang span{width:30px;height:30px;line-height:30px;font-size:16px;margin:auto 5px auto 5px}
header#theader .tlang_sch .tsch{display:none}
.container{width:90%}
#navigation{float:none;}
#mobi-btn{top:22px;right:18px;border:0px red solid}
section#mpro{width:80%;max-width:80%;border:0px red solid}
section#mpro .impheader{width:96%;border:0px gold solid}
section#mpro .impheader .imore{display:none}
section#mpro .impheader1{transition:all .3s;overflow: hidden;white-space: nowrap}
section#mpro .impheader1 .ptitle h1{font-size:15px}
section#mpro .impheader1 .ptitle span{display:none}
section#mpro .impcon{font-size:15px}
section#mpro .impcon p{font-size:15px}
section#mpro .impcon a{font-size:15px}
section#mpro .impcon img{width:100%}
section#mpro .impcon .imitem{height:28px;line-height:28px}
section#mpro .impcon .imitem a{font-size:15px}
section#mpro .impcon .imitem .newsitem{width:100%}
section#mpro .impcon .imitem .newsdate{display:none}
.product .mpheader .imore{display:none}
.flogo{float:none;display:inline-block;text-align:center;margin-top:20px;padding-bottom:20px}
.fshare{float:none;display:none}
footer section#fcsq{float:none;width:96%;height:auto;margin:20px auto;padding-bottom:0px}
footer section#fcsq .fqrcom{text-align:center}
.fctcon,.fshcon,.fqrcon{width:100%;margin:auto}
.copyright{float:none;line-height:18px;margin-top:20px;padding-top:11px}
.blank30{ height:15px;}
.blank70{ height:30px;}
.news h3{ font-size:30px; }
.news h3 span{font-size:23px;}
.news ul li{ float:none; border-right:none;width:100%; padding-right:0%;padding-left:0%; text-align:center; }
/*** ä½¿ç”¨èŒƒåœ ***/
.usercope p{ float:none;width:100%;}
.usercope img{ float:none;width:100%; margin-top:20px; margin-left:auto; margin-right:auto; display:block;}
.left{ float:none;width:100%; margin-top:20px;}
.right{ float:none;width:100%}
.right aside{ }
.right aside ul li{ line-height:40px; text-indent:25px; font-size:18px;}
.newslist li{ float:none; border-right:none;width:100%; padding-right:0%;padding-left:0%; text-align:center; }
.projectlist li{ float:none;width:100%; text-align:center;}
.lyc{box-sizing: border-box;-moz-box-sizing: border-box;width: 100%;
line-height: 35px;border: 1px solid #ccc;border-radius: 3px; background-image:url(../images/txt_bg.jpg); background-repeat:repeat-x ; background-color:#F4F4F4; height:200px; overflow:hidden;}
.productlist li{ float:none;width:100%; margin-right:0%;}
.pdtitlealg{text-align:left}
.imgpro{ float:none;width:100%; text-align:center}
.proinfo{ float:none; text-align:left;width:100%; margin-top:30px;}
.txt{width: 150px;}
.formBox2{ width:100%;}
}
@media screen and (max-width:484px){
}