﻿
/* CSS Document */
body {padding:0; margin:0; font-size:14px; font-family:"微軟雅黑"; color:#212121;}
a{color:#212121;text-decoration:none;}
a:hover{color:#4081d5; text-decoration:none;}
a img{border:none;} 
body,div,h1,h2,h3,h4,ul,li,span,p,img,dl,dd,dt{padding: 0px; margin: 0px;list-style-type: none;}
em{font-style: normal;font-weight: normal;}
table {padding: 0px; margin:auto;list-style-type: none;}
dt,dl,dd {padding: 0px; margin: 0px;list-style-type: none;}
form{margin:0px;padding:0px;}
tr {padding: 0px; margin: 0px;list-style-type: none;}
.clearfloat {clear:both;height:0;font-size: 1px;line-heigt: 0px;}
#container {margin:0 auto; width:100%;}
.upfile { border: 1px solid #ccc; margin-left:10px;}

/*頭部*/
.header{
	width: 100%;
	height: 192px;
	background: #eaeaea;
}
.wen{
	width: 1200px;
	height: 50px;
	margin: 0 auto;
}
.wen_left{float: left;line-height: 50px;}
.wen_right{float: right;line-height: 50px;width: 270px;text-align:right;background: url(../image/phone.png) no-repeat 0px 10px;}
.wen_right span{font-weight: bold;color: #ff0000;font-size: 20px;}

.nav{width: 1200px;height: 140px;margin: 0 auto;}
.nav h1 img{float: left;margin: 5px 10px 0 0;}


/*導航*/
#nav_color{
	width: 100%;
	height: 40px;
	background: #aab5c7;
}
#menu {height:140px; width:1040px;float: right; overflow: hidden;}
#nav {width:1056px; height:140px;overflow: hidden;margin-left: 108px;}
#nav li{float:left}
#nav .mainlevel { float:left;/*IE6 only*/}
#nav .mainlevel a {color: #000; text-decoration:none; line-height:140px; display:block; width:133px; text-align:center; font-size:14px;}
#nav .mainlevel a:active{color:#fff;}
#nav .mainlevel a:hover { color:#fff;height:140px; background: #4081d5; position:relative; z-index:999;}
.munehover>a{background:#4081d5; color: #fff!Important;}
#nav .mainlevel ul {display:none; position:absolute; z-index:999;}
#nav .mainlevel li {background:#999; margin-top:0px; width:133px; height:28px; border-top:1px solid #fff; clear:both;/*IE6 only*/}
#nav .mainlevel li a{ color:#FFF !Important;line-height:28px; width:133px; font-size:12px;}
#nav .mainlevel li a:hover{ background:#4081d5;height:28px; text-decoration:none;}


/*關于我們公司*/
.abouts{width: 1200px;margin: 0 auto;margin-top:25px;}
.about_bg{ width:100%; height:59px;background: url(../image/about.jpg) center no-repeat;font-size: 27px;font-weight:bold;line-height:55px;text-align: center; margin-top:30px;}


.about_text{margin-top: 40px; margin-bottom:30px;}
.about_text img{float: left; display:block; width:496px;}
.about_text p{display:block; float:right; width:690px; line-height:29px;}
.about_text p a{margin:0 auto; width:174px; height:40px; display:block; line-height:40px; text-align:center; background:url(../image/about_btn.jpg) no-repeat; color:#fff; margin-top:40px; }
.about_text p a:hover{color:#FFFF00;}


.about_nav{margin-top: 50px;}
.about_nav li{width: 336px;text-align: center;float: left;margin-left: 113px;}
.about_nav li:first-child{margin-left: -34px;}
.about_nav li p{margin-top: 10px; line-height:30px;}
.about_nav li p a{color: #000;}
.back{background: url(../image/about_text.png) no-repeat 76px -3px;height: 39px;margin: 10px 0 10px 0;}
.back{line-height: 39px; font-size:18px;}
.bold{font-size: 20px; font-family:Arial, Helvetica, sans-serif; }
.about_nav li p:nth-child(3){line-height: 39px;}

/*现有產品展示*/
.pround{width:100%;height:125px;margin-top:70px;background: url(../image/pround.jpg) #4081d5 center 48px no-repeat;}


.pround_width{width: 1200px;margin: 0 auto;}
.pround_bg{ -50px 49px;font-size: 27px;color:#fff;font-weight:bold;line-height: 125px;text-align: center;}

.pround_bgs{overflow: hidden;}
.pround_bgs dl{text-align: center;width: 455px;height: 51px;margin:0px 0 0 416px;padding-top: 20px;}
.pround_bgs dd{float: left;margin-left: 6px;}
.pround_bgs dd a{width: 103px;height: 50px;display: block;text-align: center;background: url(../image/pround_btn.jpg) no-repeat;line-height: 50px;color: #fff;}
.pround_bgs dd a:hover{color:#FFFF00;}
.width{width: 1200px;margin: 0 auto;}

.pround_bgs{width: 100%;height:496px;background: #f3f3f3;}
.marqueeleft{width:1200px; margin:40px 0;}
.marqueeleft img{border:solid 1px #CCC; padding:1px; margin-left:10px;}
.marqueeleft img:hover{border:solid 1px #4081d5}
.marqueeleft .t{line-height:35px;}

.width span{width: 203px;height: 50px;display: block;margin: 0 auto;}
.width span a{width: 203px;height: 50px;display: block;background: url(../image/width_btn.jpg) no-repeat;text-align: center;line-height: 50px;color: #fff;}
.width span a:hover{color:#FFFF00;}
/*合作客戶*/
.cooperation_bg{width:100%; height:60px;background: url(../image/open.jpg) center no-repeat; font-size: 27px;font-weight:bold;text-align: center; margin-top:30px;}
.cooperation{width: 1200px;margin:0 auto;}
.cooperation p{width:480px; margin:0 auto;text-align: center; line-height:28px; margin-top:10px; display:block;}
.cooperation ul{display:block; margin-top:30px;}
.cooperation li{float:left;margin-left: 27px;}
.cooperation li img{width:210px; height:75px;border: 1px solid #ccc; padding:1px;}
.cooperation li img:hover{border: 1px solid #4081d5;}
.cooperation li:first-child{margin-left: 0;}

/*導航鏈接*/
.Navigation{width: 100%;height: 313px;background: #4d4d4d;margin-top:35px;}
.Navigation_width{width: 1200px;height: 273px;margin: 0 auto; color: #fff;padding-top: 40px;}
.Navigation_width dl{width: 94px; float: left;margin-left: 63px;}
.Navigation_width dl:first-child{margin-left: 0px;}
.Navigation_width dt{font-size: 20px;background: url(../image/nav.jpg) no-repeat 1px 38px;line-height:39px;margin-bottom: 6px;}
.Navigation_width dd{line-height: 23px;}
.Navigation_width dd a{color: #fff;}
.Navigation_width dd a:hover{color:#FFff00;}
.kehu{width: 257px!important;}
.kehu dt{background: none;}
.Navigation_width div{width: 160px;height: 184px;float: right;text-align: center;}
.Navigation_width p{margin-top:5px}

/*底部*/
.footer{width: 100%;height: 69px;background: #222222;}
.food{width: 1200px;margin: 0 auto; color: #fff;line-height: 69px;}
.food a{color: #fff;}


/*廣告*/
#banner{margin:0 auto; height:500px; width:100%; clear:both;}
#full-screen-slider { width:100%; height:500px; float:left; position:relative}
#slides { display:block; width:100%; height:500px; list-style:none; padding:0; margin:0; position:relative;}
#slides li { display:block; width:100%; height:100%; list-style:none; padding:0; margin:0; position:absolute}
#slides li a { display:block; width:100%; height:100%; text-indent:-9999px}
#pagination { display:block; list-style:none; position:absolute; left:25%; top:465px; z-index:999; margin:0}
#pagination li { display:block; list-style:none; width:12px; height:13px; float:left; margin-left:10px; border-radius:5px; background:url(../image/ico-2.png) no-repeat;}
#pagination li a { display:block; width:100%; height:100%; padding:0; margin:0;  text-indent:-9999px;}
#pagination li.current {background:url(../image/ico-1.png) no-repeat;}

/*首頁*/

.index_product{margin:0 auto; width:100%; margin-top:30px; background:url(/image/line.jpg) center no-repeat; font-size:24px; text-align:center;}
.product_ny{margin:0 auto; width:1200px; margin-top:20px;}
.product_ny li{float:left; display:block; width:180px; margin-left:160px;}
.product_ny li p{display:block; text-align:center; height:45px; line-height:45px;}
.product_ny li:first-child{margin-left:0px;}

.product_list{margin:0 auto; width:100%; height:280px; background:#EFEFEF; margin-top:10px;}
.product_list_ny{margin:0 auto; width:1200px; padding-top:40px;}
.product_list_ny #featureContainer { WIDTH: 100%;margin:0 auto }
.product_list_ny #wrap {OVERFLOW: hidden}
.product_list_ny #load {TEXT-INDENT: -9999px; MARGIN: 0px auto; WIDTH:1123px; DISPLAY: none; HEIGHT: 72px; }
.product_list_ny #feature {POSITION: relative;}
.product_list_ny #feature .button {POSITION: absolute; WIDTH:1200px;  TOP: 72px;  LEFT: 0px}
.product_list_ny #feature .prev {TEXT-INDENT: -9999px; WIDTH:17px; display: block; background: url(/image/hleft.jpg) left center;left:0px; HEIGHT:54px; TOP:58px; position:absolute}
.product_list_ny #feature .next {TEXT-INDENT: -9999px; WIDTH:17px; display: block; background: url(/image/hright.jpg) right center;right:0px; HEIGHT:54px;TOP:58px; position:absolute}
.product_list_ny .featureUL {POSITION: relative;  LIST-STYLE-TYPE: none; MARGIN: 0px; WIDTH: 2800px; FLOAT: left; LEFT: 0px}
.product_list_ny .featureBox { WIDTH:290px; FLOAT: left; OVERFLOW: hidden; }
.product_list_ny #botton-scroll {Z-INDEX: 0;  MARGIN: 0px auto; WIDTH:1200px; FLOAT: left;}
.product_list_ny #block {Z-INDEX: 0; POSITION: relative;  MARGIN: 0px auto;WIDTH:1175px;OVERFLOW: hidden;}
.product_list_ny #block .box { WIDTH:240px;  FLOAT: left; text-align:center; padding:0px 25px; line-height:35px;}
.product_list_ny #block .box img{ WIDTH:240px;  HEIGHT:180px; border:solid 1px #CCCCCC;}
.product_list_ny #block .box img:hover{border:solid 1px #4081d5;}

.index_app{margin:0 auto; width:100%; height:609px; background:url(/image/appbg.jpg) center no-repeat;}
.index_app_ny{margin:0 auto; width:1200px;}
.index_app_ny_wz{font-size:24px; display:block; text-align:center; color:#FFFFFF; padding-top:80px;}
.index_app_ny_wz p{display:block; font-size:14px; margin-top:8px;}
.index_app_list{width:1200px; margin-top:80px;}
.index_app_list li{width:400px; float:left; display:block;}
.index_app_list li img{width:400px; height:300px; display:block;}
.index_app_list li span{font-size:18px; width:400px; background:url(/image/app_line.png) center no-repeat; text-align:center; height:45px; line-height:45px; display:block;}
.index_app_list li p a{display:block; width:90px; height:28px; margin:0 auto; border:solid 1px #CCCCCC; text-align:center; line-height:28px;}
.index_app_list li p a:hover{background:#4081d5; color:#FFFFFF; border:none;}


.h_news_list{ margin:0 auto; height:525px; margin-top:45px; width:1200px;}
.h_news_list ul li{ height:485px; width:400px; float:left; position:relative;}
.h_news_list ul li .h_news_img{ width:400px; height:255px;}
.h_news_list ul li .h_news_cont{ width:400px; height:255px;  position:relative;}
.h_news_cont .news_jt{ position:absolute; top:-8px; left:200px; width:12px; height:8px;}
.h_news_cont .h_news_title{ padding-top:45px; height:40px; font-size:16px; text-align:center;}
.h_news_cont .h_news_note{overflow:hidden; padding:0 20px;}
.h_news_cont .h_news_more{ width:90px; border:solid 1px #dedede; height:26px; line-height:26px; margin:0 auto; text-align:center; margin-top:20px;}
.h_news_cont .h_news_more a{ display:block; cursor:pointer;}

.index_about{width:1200px; margin:0 auto; margin-top:25px;}
.index_about_ny{width:530px; height:334px; background:url(/image/about_bg.png) no-repeat; float:left;}
.index_about_ny span{font-size:24px; display:block; text-align:center; padding-top:40px;}
.index_about_ny p{padding:20px 40px; display:block; line-height:30px;}

#more a{font-size:12px; display:block; margin-top:12px; margin:0 auto; height:28px; width:90px; border:solid 1px #CCCCCC; text-align:center; line-height:28px;}
#more a:hover{background:#4081d5; color:#FFFFFF; border:none;}
.index_about img{float:right; display:block; margin-top:7px;}





/*內容*/
#mainContent {width:1200px; margin:0 auto; margin-bottom:30px; margin-top:20px; background:url(../image/rightbg.jpg) #FFFFFF no-repeat; padding-bottom:20px;}
#sidebar { float:left; width:190px; margin-left:8px; padding-top:10px;}
#aboutuss { width:190px; height:38px; background:url(../image/aboutus.png) no-repeat;}
#aboutuss dt{width:178px; line-height:38px; text-align:center; color:#ffffff; font-size:16px; font-weight:bold; margin-bottom:10px;}
#aboutusbg{ width:940px; line-height:25px; padding:15px; background:url(/image/us.jpg) top right no-repeat; border-top:none;}
#newspro { width:930px; margin-top:10px; line-height:30px; margin-left:10px;}

#content {width:980px; margin-bottom:20px; float:right; padding-top:10px;}
#wzdh {float:right; padding-top:7px;}
#wzdh a:hover{color: #0066CC;}
#contentrightcomtt {padding-left:13px; float:left; font-size:16px; font-weight:bold; color:#4081d5; line-height:30px;}
#contentproduct {width:950px; height:30px; border-bottom:solid 1px #ddd; margin-left:8px; background:url(../image/ico.gif) left no-repeat;}
#ddddd{font-size:18px; text-align:center; font-weight:bold;border-bottom: dotted 1px #ddd; height:45px; line-height:45px;}
#dddd{ margin-left:10px; margin-top:15px; font-size:12px; text-align:center;}
#netx{margin-left:10px; margin-top:5px; font-size:12px; text-align:center;}
#line{width:940px; height:1px; border-top:dotted 1px #CCCCCC; margin-left:10px; margin-top:15px;}
#newspro {width:940px; margin-top:10px; line-height:30px; margin-left:10px;}

#nymianus{width:190px; padding-top:5px; background-color:#ECEAEB;}
#nymianus ul{}
#nymianus li{line-height:26px;position:relative;z-index:999;}
#nymianus li a{ width:170px; height:35px; padding-left:20px;  display:block; color:#333; background: url(../image/left_menu.jpg) left 0 no-repeat;}
#nymianus li a:hover{ color:#fff; font-weight:bold; background:url(../image/title_bg.jpg) left 0 no-repeat; text-decoration:none;}
#nymianus li a.here:link{color:#fff;font-weight:bold;}
#nymianus li a.here{color:#fff; font-weight:bold; background:url(../image/title_bg.jpg) left 0 no-repeat;}
#nymianus li a.here:active {color:#fff;}
#nymianusbg{width:190px; height:14px; background:url(../image/leftbg.jpg) top no-repeat;}

.nav_er{ display:none; z-index:9999999;}
.nav_er{ position:absolute; left:190px;top:0px;background:#52CD1D;width:auto !important; color:#fff !important;}
.nav_er li a{background:none !important;line-height:25px !important;padding-left:12px !important;height:25px !important;text-align:left; color:#fff !important; border-bottom:dotted #FFFFFF 1px;width:205px !important;}
.nav_er li a.here{color:#fff000 !important; font-weight:bold;}
.nav_er li a:hover{color:#fff000 !important; font-weight:normal !important;}

/*现有產品搜索*/
.photolisting{ width:950px;}
.photolisting li{width:186px; float:left; height:185px; overflow:hidden; text-align:center;}
.photolisting img{width:175px; height:142px; border:#e8e8e8 1px solid; padding:2px;}
.photolisting a{ text-align:center; display:block; line-height:35px;}
.photolisting a:hover{ color:red; text-decoration:none;}
.multipage{width:950px; margin:0px auto; overflow:hidden; margin-top:20px;}

/*tjcp*/
#tjcp{ width:950px; clear:both; padding:6px;line-height:25px; margin-top:10px;}
#tjcp img{padding:2px; border:solid 1px #CCCCCC}
#tjcp img:hover{padding:2px; border:solid 1px #4081d5}
#tjcp .t{line-height:35px;}

#aboutus{ width:940px; clear:both; line-height:27px; padding:10px;}

.list_article{ width:940px; clear:both; line-height:27px; padding:10px;}
.list_article li{height:40px; line-height:40px; overflow:hidden; margin-top:20px; border:1px dashed #CCCCCC;}
.list_article li span{ display:block; float:left;margin-left:5px;}
.list_article li .li_date{ width:99px; border-left:1px dashed #ccc; text-align:center;}
.list_article li .li_title{ width:820px; font-size:14px;}
.list_article li a:hover{ color:#E50112;}



#netx{ margin-left:10px; margin-top:5px; font-size:12px; text-align:center;}
#fenye{clear:both; margin:10px 20px 0 0;}
#fenye a{text-decoration:none; display:inline;border-radius: 3px;line-height:25px;}
#fenye .prev,#fenye .next{width:52px; text-align:center;  line-height:25px;}
#fenye a.curr{width:22px;background:#4081d5; border:1px solid #fff; color:#fff; font-weight:bold; text-align:center;}
#fenye a.curr:visited {color:#fff;}
#fenye a{color:#333333;background:#fff; margin:0px 5px; border:1px solid #dcdddd; float:left; text-align:center;height:22px;line-height:22px}
#fenye a.num{width:22px;}
#fenye a:visited{color:#333333;} 
#fenye a:hover{ float:left;}
#fenye span{line-height:30px; font-size:13px; height:30px;}

#nycpms{ height:28px; border-bottom:1px solid #D5D5D3; width:950px; margin-bottom:20px; margin-top:20px;}
#nycpms .cpjj{ background: url(../image/nav_bg2.gif) no-repeat; display:block; width:72px; line-height:28px; text-align:left; padding-left:18px; font-weight:bold; color:#393939;}
#next{ line-height:30px; margin-top:20px;color:#393939; width:950px;}
#next strong{ color:#393939; margin-left:10px;}

#nytjcp{ width:950px; clear:both; padding:6px;line-height:25px; margin-top:10px;}

/*圖片放大鏡樣式*/
.jqzoom{float:left;border:none;position:relative;padding:0px;cursor:pointer;margin:0px;display:block;}
.jqzoom img{width:450px; height:338px; max-width:450px; max-height:338px; border:solid 1px #CCCCCC;}
.zoomdiv{z-index:100;position:absolute;top:0px;left:0px;width:450px;display:none;text-align:center;overflow:hidden;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:20px;height:20px;border:1px solid #aaa;background:#ffffff /*url(../images/zoom.png) 50% center no-repeat*/;opacity: 0.5;-moz-opacity: 0.5;-khtml-opacity: 0.5;filter: alpha(Opacity=50);}

/*圖片小圖預覽列表*/
.spec-preview{width:450px;}
.spec-scroll{clear:both;margin-top:5px;}
.spec-scroll .prev{float:left;margin-right:8px; background:url(../image/left.gif) no-repeat;  margin-top:20px;}
.spec-scroll .next{float:right; background:url(../image/right.gif) no-repeat;  margin-top:20px;}
.spec-scroll .prev,.spec-scroll .next{display:block;width:17px;height:54px; line-height:54px;cursor:pointer;text-decoration:none;}
.spec-scroll .items{float:left;position:relative;width:400px;height:56px;overflow:hidden; margin-top:20px;}
.spec-scroll .items ul{position:absolute;width:999999px;height:54px;}
.spec-scroll .items ul li{float:left;width:75px;text-align:center;}
.spec-scroll .items ul li img{border:1px solid #CCC;padding:2px;width:66px;height:50px;}
.spec-scroll .items ul li img:hover{border:2px solid #FF6600;padding:1px;}


.prodtitle {LINE-HEIGHT: 45px; HEIGHT: 45px; FONT-SIZE:16px; text-align:left;}
.products_show_1 {WIDTH:950px; PADDING-TOP: 15px}
.show_left {WIDTH: 450px; FLOAT: left; }
.show_right {WIDTH:450px; FLOAT: right;}
.show_right UL {LINE-HEIGHT: 27px;WIDTH:440px}
.show_right UL LI {LINE-HEIGHT:25px; TEXT-OVERFLOW: ellipsis; WHITE-SPACE: nowrap; text-align:left; OVERFLOW: hidden;}
.show_right table{margin-bottom:10px;}
.show_right td{padding:5px;}


