@charset "utf-8";
/* reset */
body,dl,dd,h1,h2,h3,h4,p,form{margin:0;}
ul,ol{margin:0;padding:0;}
li{list-style:none;}
img{border:none;}
input{padding:0;}
a{text-decoration:none;cursor:pointer; color:#333333;}
a:hover{ text-decoration: none; color:#019DDD;}
*:focus{outline:none}
.clearfix:after { visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;}
.clearfix { zoom:1;}

.db{display:block;}.dn{display:none;}
.fl{float:left;}.fr{float:right;}
.cl{ clear:both;}
.cb:after{content:'';clear:both;display:table;}.cb{zoom:1;}
.fwb{font-weight:bold;}
.tdu{text-decoration:underline;}
.cblue{color:#0066CC;}
.topjg{ margin-top:20px;}
body{font-family:"arial","微軟正黑體"; font-size:15px; color:#585858; position:relative;background:#fff; line-height:23px;}
#header{width:1170px; margin:0 auto; padding:25px 0;}
.language{width:335px;text-align:right; height:23px; line-height:23px; font-size:12px;}
.language span{ color:#7F7F7F; background: url(../images/map-icon.png) no-repeat left center; text-align:left; padding-left:20px;font-size:13px; float:left;}
.language .list{ width:212px; border:1px solid #808080; float:right;}
.language .list li{ float:left; width:70px; text-align:center;}
.language .list li a{ display:block;}
.language .list li a:hover{ display:block; background:#019DDD; color:#fff;}
.line{ border-right:1px solid #808080;}
.language .list .cur{ background:#019DDD;color:#fff;}
.homelogo{ width:530px;height:51px;}
.bigpmenu{ width:100%; background:url(../images/menu-bg.png) repeat-x left top; height:50px;}
.bigpmenu:after { display: table; content: ""; clear: both;}
.topmenu-search{ width:1170px;margin:0 auto;}
.topmenu{ width:660px;}
.topmenu li{float:left; font-size:15px;text-align:center;border-right:1px solid #018DC6; font-weight:bold;}
.topmenu li a{ width:120px;color:#1b5700;float:left;display:block; color:#fff;height:40px; line-height:40px; padding-top:5px;}
.topmenu li a:hover{ color:#fff;background:#2B4358;display:block;}
.topmenu li  a.cur{color:#fff !important;display:block;background:#2B4358;}
.topmenu li img{ padding:8px 10px 0 0;}
.topsearch{ width:240px; height:27px; padding:8px 10px 10px 10px;background:url(../images/search.jpg) no-repeat right top;}
.searchsrk{ border:none; height:28px; line-height:28px; width:210px; margin-top:1px; color:#A5A5A5; font-size:15px;}
.searcbutton{ width:21px; height:21px; background:url(../images/sousuo.png) no-repeat left top; border:none; margin-top:5px; margin-left:5px;}

/*home*/
.content{ width:1170px; margin:0 auto;}
.homepord-new{ margin:30px 0 20px 0;}
.left-news{ width:439px;font-size:13px; line-height:26px; padding:10px 0  0 30px; border-left:1px solid #ccc;}
.home-title{font-size:17px;color:#444;line-height:24px; height:24px; padding-left:15px; background:url(../images/title-bg.jpg) no-repeat left center;}
.left-news ul{ margin-top:10px;}
.left-news li{ height:40px; padding-top:5px;}
.left-news li a{background:url(../images/news-a-ico.png) no-repeat left center;color:#444; padding-left:15px;}
.left-news li a:hover{background:url(../images/news-hover-ico.png) no-repeat left center;color:#009DDD;padding-left:15px;}
.left-news .time{ width:70px; height:20px; line-height:20px; font-size:10px;color:#A3A3A3; display:block; text-align:right; float:right; border:1px solid #C6C6C7; text-align:center;}

/*banner*/
.main-focus{ position: relative; width:100%;background:url(../images/bbg.png) repeat-x 0 0;}
.main-focus02{width:100%;background:url(../images/bbg02.png) repeat-x 0 0;}
.banner{ margin:0 auto; width:1170px; overflow:hidden;}

.slider-wrap { position: absolute; left: 50%; top: 300px; margin-left: -585px; padding-right: 135px; width: 1035px;}
.slider-item { padding-bottom: 1px; border-bottom: 3px solid #019DDD;}

.right-pord{ width:670px; height:228px; position: relative;}
.blk_29 {OVERFLOW: hidden;ZOOM: 1; POSITION: relative}
.blk_29 .LeftBotton {	BACKGROUND: url(../images/ca_hz_002.png) no-repeat 20px center; FLOAT: left; WIDTH:30px; CURSOR: pointer; POSITION: absolute; TOP: 0px; HEIGHT:40px; border:1px solid #DADADA;}
.blk_29 .RightBotton {	RIGHT: 5px; BACKGROUND: url(../images/ca_hz_002.png) no-repeat -26px center; FLOAT: right; WIDTH:30px; CURSOR: pointer; POSITION: absolute; TOP: 10px; HEIGHT:30px; border:1px solid #DADADA;}
.blk_29 .Cont {	MARGIN: 0px auto; OVERFLOW: hidden; WIDTH:670px;}
.blk_29 .box {	FLOAT: left; WIDTH:200px; TEXT-ALIGN: center; margin-right:30px;}
.blk_29 .box span { display:block; line-height:24px; padding:10px 0;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;	}
.rollphotos {WIDTH:670px; margin-top:15px;}


/*內頁*/
.nycenter{ width:870px; overflow:hidden;}
.leftmain{}
.location{ margin:0 auto 30px auto;width:1128px;height:38px; border:1px solid #D6D6D6;color:#999;font-size:13px; line-height:38px; background:url(../images/home-ico02.png) no-repeat 15px center; padding-left:40px;}
.location span{ padding:0 15px;}
.location .cur{ padding:0; color:#019DDD;}
.location a{color:#999;}
.title-main{ font-size:21px; color:#009DDD; height:40px; margin-bottom:20px;}
.title-line{ border-bottom:1px solid #019DDD; padding-bottom:15px;}
.leftmenu{width:270px;}
.leftmenu li{ width:270px; height:38px; line-height:38px;border:1px solid #D6D6D6; margin-bottom:10px; font-size:13px;}
.leftmenu li a{ display:block; color:#2C455F; padding-left:15px;}
.leftmenu li a:hover{ display:block; color:#fff; background:#019DDD;} 
.leftmenu li .cur{display:block; color:#fff; background:#019DDD;}
.jsfont{ color:#FF7F00;}
.bluefont{ color:#009DDD;}

/*首頁滾動產品*/
#up {width:670px;height:42px;line-height:42px;}
#uptitle{background:url(../images/titleline.jpg) left bottom repeat-x; height:42px; line-height:41px; color:#999; font-size:12px; font-family:"Times New Roman","微軟正黑體"; font-style:italic; text-transform:uppercase;}
#uptitle span.title{display:inline-block; border-bottom:1px solid #50a9d5;color:#333; font-style:normal; font-size:15px; padding:0 2px; margin:0 10px 0 0;font-family:"arial","微軟正黑體";}
#up_left {float:left;height:22px;}
#up_right {float:left;height:22px;}
.words {float:left;margin-right:30px;}
#up ul li {float:left;width:10px;font-size:22px;}
#buttom {width:80px;float:right;height:30px;}
#buttom_left {width:40px;float:left;height:30px;background:url(../images/but.png) no-repeat; cursor:pointer;}
#buttom_right {width:40px;float:left;height:30px;background:url(../images/but.png) no-repeat right 0; cursor:pointer;}
#down {position:relative;width:670px;height:240px;float:left;overflow:hidden;}
#downContent {position:absolute;width:2850px;top:-20px;left:0px;}
#downContent ul li{display:inline;width:212px;margin-top:18px; margin-right:20px; float:left;background:url(../images/prodbg.png) no-repeat left top;}
#downContent ul li span{ width:212px;/*white-space:nowrap;overflow :hidden;text-overflow :ellipsis;*/height:30px; line-height:16px;margin-top:10px;display:block; text-align:center;}
#downContent ul li img {width:212px; height:212px;border-bottom:1px solid #2D455F; }
#downContent ul li a{color:#333;}
#downContent ul li a:hover{ color:#00a0ea;}
.current{color:#069;}
/*about*/
.about-txt{ line-height:22px; margin-bottom:40px;}
.aoubtpc{ padding-left:30px;}
.abouttable td{ border-bottom:1px solid #D6D6D6; font-size:13px; padding:8px 20px;}
.aboutline{border-right:1px solid #D6D6D6;}

/*news*/
.newslist{ width:1200px; overflow:hidden;}
.newslist ul li{float:left; margin:10px 30px 10px 0;}
.newslist dl{ width:470px; float:left; color:#2B4358; margin-left:30px; border-bottom:1px solid #D6D6D6;}
.newslist dl dt{ font-size:15px; font-weight:bold; margin-bottom:5px;}
.newslist dl dd{ font-size:13px; line-height:21px; margin-bottom:15px;}
a.newsmore{ width:80px;  font-size:10px;background:#BCBC00; color:#fff; padding:2px 5px; margin-top:20px;}
.time01{ font-size:12px; background:#2B4358;color:#009DDD; height:20px;}
.time02{ height:50px; line-height:50px;font-size:39px; background:#009DDD;color:#fff;}
.time01,.time02{ width:70px;display:block; text-align:center; }
.newslist-show{ width:1170px; overflow:hidden; position:relative;}
.newslist-show ul li{float:left; padding-bottom:10px;border-bottom:1px solid #D6D6D6;}
.newslist-show dl{ width:1070px; float:right; color:#2B4358; margin-left:30px; }
.newslist-show dl dt{font-size:25px; font-weight:bold; margin-bottom:5px; padding-bottom:20px; margin-bottom:20px;border-bottom:1px solid #D6D6D6;}
.newslist-show dl dd{ width:770px;font-size:13px; margin-bottom:15px;color:#666; }
.backbt{position:relative; min-height:60px;}
.topbackbt{width:80px; height:30px; line-height:30px; padding:3px 0;color:#fff; text-align:center; background:#BCBC00; font-size:14px; position:absolute; right:0; top:0; font-weight:normal; margin-bottom:10px;}
.backbt a{ width:80px; height:30px; line-height:30px; padding:3px 0;color:#fff; text-align:center; background:#BCBC00; font-size:14px; position:absolute; right:0; top:0; font-weight:normal; margin-top:20px; }
.redfont{ font-size:21px; color:#CC0000;}
.icogn{ position:absolute; right:0;top:70px;}
.icogn ul li{ line-height:36px; border:none;}
.print{ padding-right:10px;}
.print a{color:#273D86;}
.print img{ padding-right:5px;}
.hline{ color:#666; padding-right:10px;}

/*products*/
.prod-list{ width:900px; overflow:hidden;}
.prod-list li{width:270px; margin-right:30px; position:relative; float:left; margin-bottom:20px;}
.prod-list li img{border-bottom:1px solid #2D455F;}
.prodlist-title{ padding-left:10px;}
.prod-item:hover .mask{ display:block;opacity: 0.5;}
.prod-item .mask{ position:absolute; width:100%; height:270px; top:0;left:0; display:none;background:#019DDD;}
.leftprodmenu{width:270px;}
.leftprodmenu li{ width:270px; line-height:38px;border:1px solid #D6D6D6; margin-bottom:10px; font-size:13px;}
.leftprodmenu li ul li{ width:240px;background:#F1F1F1 url(../images/dian.png) 15px center no-repeat; padding:0; margin:0; line-height:30px;border-top:1px solid #D6D6D6;border-left:none;border-right:none;border-bottom:none; padding-left:30px;}
.leftprodmenu li ul li a{ color:#999; background:none; padding:0;}
.leftprodmenu li ul li a:hover{ color:#444; background:none;}
.leftprodmenu li ul li .cur{color:#444; background:none; text-decoration:underline; font-weight:bold;}
.leftprodmenu li a{ display:block; color:#2C455F; padding-left:15px;background:#fff url(../images/jha.png) 250px center no-repeat;}
.leftprodmenu li a:hover{ display:block; color:#fff;background:#019DDD url(../images/jh.png) 250px center no-repeat;} 
.leftprodmenu li .cur{display:block; color:#fff;background:#019DDD url(../images/jh.png) 250px center no-repeat;}
.jsfont{ color:#FF7F00;}
.bluefont{ color:#009DDD;}
.prod-pc-txt{ width:870px;}
.prod-pc{ width:420px; margin-right:30px;}
.prod-txt{ width:420px;}
.prodshow-title{ color:#019DDD; font-size:30px; line-height:30px; margin-bottom:10px;}
.prodshow-bz{color:#BFBF00; font-size:13px;}
.prodshow-bz span{ font-size:12px; padding:2px 8px; background:#BFBF00; color:#fff;border-radius:3px; margin-right:10px;}
.prodicogn{ padding:20px 0; height:36px;}
.prodicogn ul li{ line-height:36px; float:left;}
.prodprint{ padding-right:10px;}
.prodprint a{color:#273D86;}
.prodprint img{ padding-right:5px;}
.prodhline{ color:#666; padding-right:10px;}
.prodshow-font{ height:180px; padding:20px 10px;border-bottom:1px solid #e5e5e5;border-top:1px solid #e5e5e5; line-height:21px; color:#666; font-size:13px; margin-bottom:20px;}
.prod-bt li{ float:left;}
.prod-bt01{ background:#019DDD; margin-right:20px;}
.prod-bt02{ background:#F4661A;}
.prod-bt01,.prod-bt02{width:200px; height:39px; border:none; font-size:14px; color:#fff; cursor:pointer; font-weight:bold; text-align:center; line-height:39px;border-radius:3px;}
.prod-bt01 a,.prod-bt02 a{ color:#fff;}
.prod-show{margin-top:30px;min-height:500px;}
.show-fck-title{ background: url(../images/titlebg.jpg) repeat-x left top; height:44px; position:relative;}
.show-fck-title li{ float:left; width:116px; line-height:38px; text-align:center; border:1px solid #D6D6D6;}
.show-fck-title .tab01{ background:#fff; font-size:15px; color:#444;border-top:4px solid #019DDD; position:absolute;left:0; bottom:0;}
.show-fck-title .tab02{font-size:15px; color:#444;position:absolute;left:117px; bottom:0;}
.prod-show-fck{ text-align:center; padding:30px 0;}


/*contact*/
.contact-form{ width:770px; font-size:13px;}
.contact-form table td{ padding:6px 0; text-align:left;}
.contact-right{ width:370px;}
.contact-add{ margin-top:20px; margin-left:20px; font-size:13px;}
input,textarea{ border:1px solid #D6D6D6; border-radius:3px; padding:0;font-family:"arial","微軟正黑體"; }
.fontsx{ width:90px; line-height:33px; display:inline-block;}
.fontstard{ color:#FF0000; padding-left:5px;}
.input-width{height:33px; line-height:33px;}
.cinput01{ width:670px;}
.cinput02{ width:270px;}
.cinput03{ width:170px;}
.ctextarea{ height:200px;line-height:22px;}
.yzmpc{ padding:0 15px; line-height:37px;}
.yzmpc a{ color:#009DDD; text-decoration: underline;}
.yzmpc img{ margin-right:10px;}
.contact-bt{ width:170px; height:40px; line-height:40px; margin-right:30px; border-radius:3px; font-size:17px; cursor:pointer; margin-top:20px; border:none;}
.bt01{ background:#019DDD; color:#fff;}
.bt02{ background:#D6D6D6; color:#777;}
.manu { padding:25px 0 0 0; font-size:13px;}
.newspage{ padding-left:100px;}
.manu A { height:40px;line-height:40px; display: inline-block;MARGIN:3px; BORDER: #E5E5EB 1px solid; COLOR:#596B79; PADDING:0 16px; TEXT-DECORATION: none; text-align:center;}
.manu A:hover,.manu A:active {COLOR: #fff;BACKGROUND: #019DDD;}
.manu .current {height:40px;line-height:40px;PADDING:0 16px;display: inline-block;MARGIN: 3px;COLOR: #fff;BACKGROUND: #019DDD;}
.manu .disabled { width:70px; height:40px;line-height:40px; display: inline-block;MARGIN:3px; color:#C4C4C7;background:#E5E5EB; text-align:center;}

/*footer*/
#footer{ margin-top:50px; background:url(../images/fbg.png) repeat-x left bottom;}
.footerin{width:1140px;margin:0 auto; padding:15px;font-size:13px;color:#666; text-align:left; line-height:18px; background:#E5E5EB; }
.footerin a{color:#666;line-height:18px; text-decoration:none;}
.design{ float:right;}

/*catalogue*/
#nav-catalogue { margin-bottom:20px; width: 270px; overflow:hidden;}
#nav-catalogue h2 { margin-bottom: 10px; border: 1px solid #d6d6d6;}
#nav-catalogue h2.open { margin-bottom: 0;}
#nav-catalogue h2 a { position: relative; display: block; padding: 0 15px; font-size: 13px; line-height: 38px; color: #2D455F;}
#nav-catalogue h2 a:hover { background-color: #f1f1f1; transition: all 0.3s ease;}
#nav-catalogue h2.open a { background-color: #019DDD; color: #fff;}
#nav-catalogue h2 a:after { position: absolute; right: 0; top: 0; display: block; width: 38px; height: 38px; content: ""; background: url(../images/jha.png) no-repeat center center;}
#nav-catalogue h2.open a:after { background: url(../images/jh.png) no-repeat center center;}

#nav-catalogue > .sub-menu { transition: all 0.3s ease;}
#nav-catalogue ul { margin-bottom: 10px;}
#nav-catalogue li { padding: 0 15px; background: #f1f1f1; font-size: 12px; color: #999; line-height: 30px; border: 1px solid #d6d6d6; border-top: none;}
#nav-catalogue li a { padding: 0 15px; background: url(../images/dian.png) no-repeat left center; color: #999;}
#nav-catalogue li a:hover, #nav-catalogue li a.cur { color: #444; text-decoration: underline;}

/*tabs*/
#tabs { width: 100%;}  
#tabs .tab-title { margin-bottom: 30px; height: 40px; background-color: #f1f1f1;}
#tabs .tab-title:after { display: block; clear: both; content: "";}
#tabs .tab-title li { position: relative; float: left;}
#tabs .tab-title li.active { background-color: #fff;}
#tabs .tab-title li.active:before { position: absolute; left: 0; top: -3px; width: 100%; border-top: 4px solid #019DDD; content: "";}
#tabs .tab-title li a { display: block; padding: 0 35px; font-size: 15px; font-weight: bold; color: #444; line-height: 38px; border: 1px solid #d6d6d6;}
#tabs .tab-title li:first-child a { border-right: none;}

.error {
	display: block;
	color: #FF0000;
}