@charset "utf-8";
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
body{margin:0px;padding:0px;font-family: "微軟正黑體", "Microsoft YaHei",  Arial;-webkit-text-size-adjust:none;}
body ::selection {color:#FFFFFF;background-color:#ee2d36;text-shadow:none;}
ul,h1,h2,h3,li{margin:0px;padding:0px; list-style-type:none;}
a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} 
a:focus{outline:none;-moz-outline-style:none;-moz-outline:none;}
a:hover{text-decoration:underline;}
.clear{ clear:both; height:0px; overflow:hidden; border:0;}
input,textarea{outline:none;background-color:transparent;resize:none;}
.none{display:none; }
img{border:0px;max-width: 100%;}
.w1100{max-width:1100px;margin:auto;}
.header{height:100px; box-shadow:1px 1px 5px #CCC; overflow:hidden;}
.header h1{float:left; padding-top:20px;}
.nav1{  text-align:center;float:right;}
.nav1 ul li a{height:100px;line-height:31px; border-bottom:solid #fff 4px; padding:65px 12px 0; color:#6e6e6e;}
.nav1 ul li{ display:inline-block;border-right:solid #e8e5e5 1px;}
.nav1 ul li a{  font-size:14px; display:block;}
.nav1 ul li ul{ position:absolute; background:rgba(0,0,0,.5); padding:20px 0;  display:none; z-index:999;}
.nav1 ul li ul li{ display:block;}
.header ul li ul li a{ height:30px; padding:0 20px; text-align:left; line-height:30px;  border-bottom:solid rgba(51,51,51,.2) 1px;color:#fff;}
.header ul li a:hover,.header ul li.hover a{border-bottom:solid #272e4b 4px; text-decoration:none;}


.inewsbox{box-shadow:1px 1px 5px #CCC; height:37px; line-height:37px;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.inewsbox strong{ color:#272e4b;}
.inewsbox a{ color:#797979; font-size:14px;}
.inewsbox span{ color:#797979; margin-left:20px;font-size:14px;}
.imain{padding:20px 0; background:url(bj.jpg)}
.imain .ileft{ float:left; width:30%;}
.imain .ileft h3,.imain .iright h3{ font-size:18px; color:#272e4b;}
.imain .ileft h3 span,.imain .iright h3 span{ margin-left: 20px; text-transform: uppercase; color:#888; font-size:17px;}
.imain .iright{ float:right; width:64%;}
.imain .iright ul li{ float:left; padding:20px 20px 0 0; width:139px;}
.imain .iright ul li a{ display:block;}
.imain .iright ul li a span{width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#707070; font-size:12px; padding-top:10px;}
.iabout{ padding-top:20px; color:#707070; font-size:14px; text-indent:2em;}
.footer{ background:#272e4b; padding:20px 0; color:#fff; font-size:12px;}
.footer a{ color:#fff;}
.ifleft{ float:left;}
.ifright{ float:right;}
/*內頁*/
.banner2{ width:100%;}
.banner2 img{ width:100%;}
.position{ height:40px; box-shadow:1px 1px 5px #CCC; line-height:40px; font-size:14px;}
.position a{ color:#333;}
.aboutbox{ padding:20px 0;}
.aboutbox hr{ height:0; border:0; border-bottom:dotted #CCC 1px;}
.product_list{ padding:20px 0;}
.product_list ul li{ float:left; padding:20px 20px 0 0; width:180px;}
.product_list ul li a{ display:block;}
.product_list ul li a img{ width:100%;}
.product_list ul li a span{width:100%;display:block;white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#707070; font-size:12px; padding-top:10px;}
.news_list{ padding:20px 0;}
.technology2{width: 100%;overflow: hidden;}
.technology2 a{ display:block; padding:30px; border-bottom:dotted #CCC 1px;}
.technology2 a:hover{ background:#F7F7F7;}
.technology2 ul li{overflow: hidden;}
.technology2-time {float: left;}
.technology2-time ul{width: 75px;text-align: center;	overflow: hidden;}
.technology2-year{font-size: 1.3375em;color: #414d58;border-bottom: 1px solid #414d58;}
.technology2-month{font-size: 3.01em;color: #414d58;font-weight:400;}
.technology2-data{font-size: 1.14em;color: #414d58;}
.technology2-con{float:right; width:940px;}
.technology2-con h2{font-size: 1.25em;padding-top: 10px;color: #414d58;font-weight: normal;}
.technology2-con p{font-size: 0.75em;color: #9c9c9c;line-height: 22px;}
.technology2-con img{ display:none}
@media screen and (max-width:1100px){
.w1100{ padding:0 10px;}
.technology2-time{ display:none;}
.technology2-con{ width:100%;}
.technology2 a{ padding:20px 0;}
}
@media screen and (max-width:900px){
.nicon{background:url(muicon.png) no-repeat center center; width:50px; height:50px; display:block; float:right;}
.header{height:50px;}
.header h1{padding:5px 0;}
.header h1 img{max-height:40px;}
.header ul{display:none;position:absolute; left:0; top:50px; z-index:99; background:rgba(0,0,0,.9); width:100%;}
.header ul li{float:none;display:block;}
.header ul li a{width:100%;height:40px; display:block;line-height:40px; border-bottom: solid #333 1px; padding:0; text-align:center; color:#fff;}
.header ul li ul{position:static; display:block; z-index:9999;}


}
@media screen and (max-width:700px){
.imain .ileft{ width:100%; float:none;}
.imain .iright{ width:100%; float:none; padding-top:20px;}
.ifleft{ float: none; text-align:center;}
.ifright{ display:none}
.imain .iright ul li{ width:50%; padding:20px 10px 0}
.imain .iright ul li img{ width:100%;}
.product_list ul li{ width:50%; padding:20px 10px 0}
.product_list ul li img{ width:100%;}
.technology2-con img{ display:block; width:100%;}
}

.dTreeNode a{ color:#000;}

.inputtext,.inputtext3{ min-height:40px; font-size:12px;}
.inputtext span,.inputtext3 span{ display:block; line-height:30px; text-align:right; width:180px; height:30px; float:left; font-size:16px;}
.inputtext input{ height:30px;font-size:16px;}
.inputtext select{ height:30px;font-size:16px;}
.inputtext textarea{ width:380px; height:120px;font-size:16px;}
.inputtext input.submit{width:100px; height:30px; background:#D2B48C; border:0;font-size:16px;}

@media screen and (max-width:640px){

.inputtext span{ display:block; text-align:left;}
.inputtext3 span{ width:auto;}
.inputtext input{ width:100%;}
.inputtext select{ width:100%;}
.inputtext textarea{ width:100%;}
.inputtext input.submit{ width:100%; margin-bottom:30px;}
.input_box3 input{ width:100%; margin:0;}
.inputtext span.w640{ display:none;}
}