html{font-size:62.5%;}
body {text-align:center;font-family:robotoregular,'Open Sans',Verdana,Arial,Helvetica,sans-serif;font-size:1.3em;margin:0px auto;padding:0px;color:#58595B;} 
a:link,a:visited {color: #003C68; text-decoration: none;}
a:hover {color:#126db1; text-decoration: none;}
form{margin:0;padding:0;}
img{border:0px;}
.web_width{width:1000px;margin:0px auto;text-align:left;}

/* box */
#header{background-color:#404041;border-bottom:2px solid #FFF;}
.header {height:115px;}
.mav{display:none;cursor:pointer;}
.msc{display:none;margin-left:15px;cursor:pointer;}
.mla{display:none;margin-left:15px;cursor:pointer;}
.mca{float:right;margin-left:20px;margin-top:16px;margin-right:30px;cursor:pointer;position:relative;}
.mca_num{position:absolute;width:20px;height:20px;text-align:center;border:1px #000;right:-12px;top:-5px;display:block;border-radius:50%;background-color:#FFF;border:1px solid #ccc;}
.logo {float:left;width:160px;padding-top:40px;} 
.logo IMG{width:100%;}

.dropnav {display:block;float: right;height:35px;line-height:30px;margin:0;padding-right:10px;width:10%;padding-top:15px;color:#fff;}
.dropnav span{cursor:pointer;}
.dropnav a{color:#FFF;}
.dropnav:hover .dropdown{display:block;}
.dropdown{display:none;position:absolute;background-color:#999;z-index:1000;margin:0px;padding:5px;}
.dropdown li{list-style:none;display:block;margin:0px;padding:0px;}


.dlogo {margin:10px;} 
.dwelcome{margin:10px;} 
.dlang {margin:10px;height:35px;text-align:center;}
.dlang a{padding-right:20px;line-height:30px;height:30px;}

/* searching form */
.searching {float:right;height:35px;width:18%;padding-top: 15px;}
.searching table{width:100%;}
.searching .input_txt input {width:95%;color:#666;height: 20px;line-height:20px;border: 1px solid #ccc;}
.nico_searching{border:0px;}

/* home */
.banner{line-height:1%;}
.banner img{width:100%;}

.show {display: block}
.dis {display: none}
#bimg {filter: progid:DXImageTransform.Microsoft.Fade ( duration=0.5,overlap=1.0 );position: relative;}
#simg_pos{position:relative;height:0px;}
#simg {position: absolute;z-index: 9;}
#simg div {filter: alpha(Opacity=50);cursor: pointer;float: left;}
#simg div.s {filter: alpha(Opacity=50);}
#simg {right: 25px;bottom: 15px;margin-right:5px;}
#simg div {width:10px;line-height:10px;margin-left:10px;border:2px solid white;text-align: center;background: #fff;color:#fff;font-size:2px;}
#simg div.s {background: #fe7f00;color:#fe7f00}

.ban{margin:0px auto;}
.ban img{width:100%;}
.ban_bg{background:url("../images/banner-bj.jpg") no-repeat center bottom;padding-bottom:22px;line-height:0.5em;}

#main_about{background-color:#E6E7E8;}
.main_about{padding:2em 0;}
.main_about h1{margin:0px;line-height:1.8em;font-size:1.3em;}
.main_about_left{float:left;width:75%;font-size:1.1em;line-height:200%;}
.main_about_right{float:right;width:24%;}
.main_about_right img{width:95%;}

#main_index{background-color:#F1F1F1;}
.main_index{padding:1.5em 0;}
.mtitle{font-size:1.2em;font-weight:bold;text-indent:0.5em;line-height:2.4em;}
.mtitle a{color:#FFF;}
.main_index_1{width:45%;float:left;}
.main_index_1 .mtitle{background-color:#7B904B;}
.main_index_2{width:25%;float:left;margin-left:2%;}
.main_index_2 .mtitle{background-color:#087983;}
.main_index_3{width:25%;float:left;margin-left:2%;}
.main_index_3 .mtitle{background-color:#0474BB;}

.main_index_1 ul{margin:0px;padding:0px;}
.main_index_1 li {list-style:none;margin:10px 0;padding:0px;}
.main_index_1_left {float: left;width:30%;margin-right:2%;}
.main_index_1_left  img{width:100%;}
.main_index_1_right{float:right;width:65%;}
.main_index_1_right h3 {margin:0px;font-size:1.3em;font-weight:normal;}
.main_index_1_right .time {font-size:1.0em;line-height:150%;}
.main_index_1_right .text {line-height:20px;height:40px;overflow: hidden;margin:0px;}
.main_index_1_right .detail {height: 25px;line-height: 25px;}
.main_index_1_right .detail a {color: #ee0015;text-decoration: none;}

.main_index_2 ul{margin:0px;padding:0px;}
.main_index_2 li {list-style:none;margin:15px 0;padding:0px;line-height:150%;}

.main_index_3 ul{margin:0px;padding:0px;}
.main_index_3 li {list-style:none;margin:15px 0;padding:0px;line-height:150%;}

#main_index_class{background-color:#E6E7E8;}
.main_index_class{padding:3em 0 1.5em 0;}

/* main */
.chief{padding-bottom:10px;}
#left {width:22%;padding:0px;}
#right {float:right;width:74%;;margin:0 0 10px 0;}
#position {line-height:200%;padding-bottom:10px;}
#prod_content {margin:0;padding:0;min-height:400px;}
#sitemap {margin:0;padding:0;line-height:200%;}
#content {margin:0;padding:0;line-height:200%;min-height:400px;}
.News_content{color:#333333;line-height:200%;}

/* prodclass brand  */
#prod_title{color:#126db1;font-size:1.5em;margin-bottom:10px;}
#prod_title a{color: #b40001;}

#prod_cata {padding:0 10px 10px 0;color:#666;line-height:180%;}
#prod_cata p{margin:0px;padding:0px;}

/* prod layout  */
.prod_class ul{margin:0px;padding:0px;}
.prod_class li {list-style:none;margin:0;padding:0; width:16.6%;float:left;padding-bottom:15px;}
.prod_class li .cimg {width:85%;border: 1px solid #A6A8AB;border-top: 3px solid #003C68;}
.prod_class li .cname {width:85%;height:4em;line-height:2em;text-align:center;}
.prod_class li .cname h2{margin:0px;padding:0px;font-weight:normal;font-size:1.2em}
.prod_class li .cimg  img{width:100%;border:0px;}

.prod_table table{width:100%;}

.prod_grid ul{margin:0px;padding:0px;}
.prod_grid li {list-style:none;margin:0;padding:0; width:24.5%;float:left;padding-bottom:15px;}
.prod_grid li .cimg {width:85%;border: 1px solid #A6A8AB;border-top: 3px solid #003C68;}
.prod_grid li .cname {width:85%;height:4em;line-height:2em;text-align:center;}
.prod_grid li .cname h2{margin:0px;padding:0px;font-weight:normal;font-size:1.2em}
.prod_grid li .cimg  img{width:100%;border:0px;}

.prod_list {height: auto;line-height: 150%;}
.prod_list ul{margin:0px;padding:0px;}
.prod_list li {border-top: 1px dashed #9f9f9f;list-style:none;margin:0px;padding:15px 0px;}
.prod_list li .img {border: 1px solid #A6A8AB;float: left;margin-left: 0;margin-right:15px;width:150px;border-top: 3px solid #003C68;}
.prod_list li .img  img{width:100%;border:0px;}
.prod_list li .text {height: 125px;}
.prod_list li .text h3 {font-size:1.4em;line-height: 24px;font-weight:normal;margin:0px;}
.prod_list li .text .xx {height:75px;line-height: 25px;overflow: hidden;margin:0px;}
.prod_list li .text span{color: #1d47af;}
.prod_list li .text .detail {height: 25px;line-height: 25px;}
.prod_list li .text .detail a {text-decoration: none;}

/* prod */
#prod_cont{padding-bottom:10px;}
.rating-result{display:inline-block;}
.rating-result > span {display: inline-block;float:left;}

.prod_pics{float: left; width:32%; margin-right:15px;}
.prod_pics img{width:100%;}
.prod_pics .imgbig{border: 1px solid #A6A8AB;border-top: 3px solid #003C68;margin-bottom:10px;}
.prod_pics .imglist a{display:block;float:left;width:30%;margin:0 1% 1% 1%;_margin:2px;border:1px solid #A6A8AB;margin-bottom:10px;}

.prod_mod {margin: 0px;padding: 0px;}
.prod_mod ul {margin: 0px;padding: 0;}
.prod_mod ul li{LINE-HEIGHT:2em;list-style-type: none;}
.prod_mod ul li .nico_inquiry{margin:10px 0;}
.prod_mod ul li p{margin:0.5em}
.cblue{color:#126db1;}

#prod_spec {height: 31px;line-height: 31px;white-space: nowrap;padding-left:5px;}
#prod_spec div{display:block;height:31px;float:left;margin-right:10px;overflow:hidden;border:1px solid #ccc;border-bottom:0px;}
#prod_spec .gray-Selected {font-weight:bold;color: #126db1;display: block;float: left;padding: 0 5px;text-align: center;}
#prod_spec .gray-Normal {font-weight:normal;display: block;float: left;padding: 0 5px;text-align: center;}

#prod_detail {
border:1px solid #eee;
background: none repeat scroll 0 0 #FFF;
background: -moz-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#fff),color-stop(100%,#e6e7e8));
background: -webkit-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -o-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -ms-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: linear-gradient(to bottom,#ffffff 70%,#e6e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e7e8',GradientType=0);
}
#prod_detail .spec_cont{line-height: 150%;min-height: 200px;overflow: hidden;padding:10px;}
#prod_detail p {font-size:0.9em;line-height: 25px;margin: 5px auto;}
#prod_detail p img {border: 1px solid #ccc;margin: 5px auto;}
#prod_detail ul {font-size:0.9em;line-height: 25px;padding: 0 25px;}

/* left class */
.left_title{height:45px;line-height:45px;font-size:1.4em;background-color:#0474BB;color:#FFF;text-indent:10px;}
.left_titles{background-color:#7D9250;}
.nav {
margin:0 0 15px 0;
border:1px solid #A6A8AB;
padding:5px 5px 10px;
background: #ffffff;
background: -moz-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(70%,#fff),color-stop(100%,#e6e7e8));
background: -webkit-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -o-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: -ms-linear-gradient(top,#fff 70%,#e6e7e8 100%);
background: linear-gradient(to bottom,#ffffff 70%,#e6e7e8 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#e6e7e8',GradientType=0);
}
.nav ul {height:auto;margin:0;padding:0;}
.nav ul li{list-style:none;margin:0;padding:0;}
.nav ul li a{display: block;height:2.5em;line-height:2.5em;text-indent:0.5em;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.nav ul li a i{background-position:-0px -273px;width: 7px;height: 10px;}
.nav ul li a:hover {background-color:#e0e0e0;}
.nav ul ul li a {text-indent:1.5em;}
.nav ul ul li a i{background-position:-0px -241px;width: 5px;height: 7px;}
.nav ul ul ul li a {text-indent:2.5em;}
.nav ul li.big_selected a{background-color: #e0e0e0;}
.nav ul li.big_selected li a{background-color:transparent;}
.nav ul li a.red{background-color: #e0e0e0;}

.left_cont img{width:100%;}

/* inquiry table */
.font_red {color:red;}
#inquire_class table{width:100%;BACKGROUND-COLOR:#F3F3F3;}
#inquire_class table .td_left{text-align:right;width:20%;}

/* cart */
#prod_cart{marign:10px auto;}
#prod_cart table {WIDTH: 100%; BACKGROUND-COLOR:#E7E7E7;margin-bottom:10px;}
#prod_cart table tr{BACKGROUND-COLOR: #ffffff;height: 20px;line-height: 20px;}
#prod_cart table td{padding:5px;}
#prod_cart img{width:85px;border:0px;}
#prod_cont1_2{width:140px;text-align:center;font-size:0.9em;}

/* contact */
#contact_info{margin-bottom:10px;line-height:200%;}

/* User Center */
#inquire_user table {WIDTH: 100%; BACKGROUND-COLOR:#E7E7E7;margin-bottom:10px;}
#inquire_user table tr{BACKGROUND-COLOR:#fff;height: 20px;line-height: 20px;}
#inquire_user table .tr_center {font-weight:bold;}
#inquire_user table .td_right{text-align:right;padding-right:5px;}
#inquire_user table .td_left{text-align:left;padding-left:5px;}
#inquire_user .login_form{width:300px;}

/* content Detail */
#detail {line-height:200%;}

#news_table a{color:#333;}
#news_table table{width:100%;margin-bottom:10px;color:#333;}
#news_table td{padding:5px 5px 5px 0px;border-bottom:1px dashed #ccc;}
#news_table .News_times{width:80px;}

/* News Download List */
#news_classCS{margin-left:10px;}
.hbox{margin:10px 0px;padding:10px 10px 10px 0;background-color:#f7f9fb;}
.hbox .text{height:64px;overflow:hidden;line-height: 16px;}
.himage{width:100px;float:left;height:90px;}
.himage img{border:1px solid #ccc;padding:2px;background-color:#fff;}

/* Page Next */
#pagenav {clear:both;margin:0px 0px 5px 0px;padding:10px 0px 5px 0px;overflow:visible;border-top:1px dashed #9f9f9f}
#pagenav a {BORDER: #ccc 1px solid; PADDING:2px 5px 2px 5px; TEXT-DECORATION: none;}
#pagenav a:hover {BACKGROUND-COLOR: #e5edf9}
#pagenav .nowpage {font-weight:bold;}

/* footer */
#footer {
clear:both;
padding:20px 0 100px 0;
line-height:200%;
background: #bbbdbf;
background: -moz-linear-gradient(top,#bbbdbf 0%,#e6e7e8 50%,#e6e7e8 50%);
background: -webkit-gradient(linear,left top,left bottom,color-stop(0%,#bbbdbf),color-stop(50%,#e6e7e8),color-stop(50%,#e6e7e8));
background: -webkit-linear-gradient(top,#bbbdbf 0%,#e6e7e8 50%,#e6e7e8 50%);
background: -o-linear-gradient(top,#bbbdbf 0%,#e6e7e8 50%,#e6e7e8 50%);
background: -ms-linear-gradient(top,#bbbdbf 0%,#e6e7e8 50%,#e6e7e8 50%);
background: linear-gradient(to bottom,#bbbdbf 0%,#e6e7e8 50%,#e6e7e8 50%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbbdbf',endColorstr='#e6e7e8',GradientType=0);	
} 
.footer {}
.footer .dh {float:right;width:73%;}
.footer .dh dl {float: left;width:20%;padding:0 2%;margin:0;}
.footer .dh dt {height:24px;line-height: 24px;}
.footer .dh dd {margin:0px;}
.footer .dh dd a{color:#247AD1;}
.footer .dh dd a:hover {text-decoration: underline;}
.footer .dr {float: left;width:25%;}
.footer .dr .logo-sm{width:100px;margin-bottom:10px;}
.footer .dr .logo-sm img{width:100%;}

/* Guestbook */
.guest_class {BORDER: #999999 1px dotted;width:75%;padding:5px;line-height:150%;}
#guest_cont dl{height:auto;border:1px solid #DEEFF7;margin:5px 0px 5px 0px;padding:0px 0px 10px 0px;}
#guest_cont .guest_cont_1{padding-top:20px;float:left;width:13%;text-align:center;}
#guest_cont .guest_cont_1 img{width:80%;}
#guest_cont dt{float:right;padding:2px 5px 2px 0px;background-color:#DEEFF7;width:85%;height:21px;text-indent:30px;color:blue;font-weight:bold;overflow:hidden;}
#guest_cont dt span{color:black;font-weight:normal;}
#guest_cont dd{margin:0px;padding:2px 5px 2px 0px;  float:right;font-size:1em;width:82%;line-height:200%;}
#guest_cont dd p{border-top:1px dashed #DEEFF7;margin:10px 0px 0px 0px;display:block;width:95%;padding:0px 10px 0px 0px;}
#guest_cont dd p span{font-weight:bold;font-size:0.9em;}

/* keys */
#keyslist ul{margin:0px 15px;padding:0px;}
#keyslist ul li{float:left;width:30%;height:30px;}

@media screen and (min-width:726px){
.web_width{width:99%;}

#info{z-index: 9;left:10%;top:30%;_display:none;position: absolute;color:#FFF;width:50%;height:auto;line-height:30px;text-align:left;}
#info .stitle{display:block;font-size:2.5em;margin-bottom:15px;}
#info .sdesc{display:block;font-size:1.3em;}

#menu{float:right;height:30px;line-height:30px;margin:0;font-weight: normal;width:68%;overflow: hidden;padding-top: 18px;}
.menu ul{list-style-type: none;margin: 0;padding: 0;z-index:1000;text-align:right;}
.menu ul li{display:inline-block;list-style-type:none;_height:0;}
.menu ul li a{display: block;text-decoration: none;padding:0px 20px;font-size:1.2em;text-transform:uppercase;color:#FFF;}
.menu ul li a:link,.menu ul li a:visited{color:#FFF;}
.menu ul li ul{display: none;position: absolute;margin: 0px;padding:5px;width:15em;background-color:#999;text-align:left;}
.menu ul li ul li{display:block;padding:0px;margin:0px;}
.menu ul li ul li a{display:block;color:#000;WHITE-SPACE: nowrap;line-height:25px;font-size:1.1em;text-transform:none;}

.lang a:link,.lang a:visited{color:#fff;}
}

@media screen and (min-width:980px){
.web_width{width:95%;}
#info{width:30%;}
}

@media screen and (max-width:979px){
.dropnav{width:15%;}
}

@media screen and (min-width:1200px){
.web_width{width:1200px;}
}

@media screen and (max-width:725px){
body{font-size:1.4em;}
.web_width{width:95%;}
#left{float:none;width:100%;}
#right{float:none;width:100%;padding:0;border:0;}
#main_index_class li {width:49%;}
.prod_grid li {width:49%;}
.prod_table table{width:auto;}
.prod_table{overflow:scroll;}
.prod_mod ul li .w_33{width:50%;}

.header{height:65px;}
.mav{display:block;float:left;margin-top:18px;}
.msc{display:block;float:left;margin-top:18px;}
.mla{display:block;float:left;margin-top:18px;}
.mca{display:block;float:left;margin-left:15px;margin-top:18px;margin-right:0px;}
.logo{float:right;width:105px;padding:0px;margin-top:20px;}
.logo img{width:100%;}
.ban_bg{padding-bottom:10px;}

.main_index_1,.main_index_2,.main_index_3{float:none;width:100%;margin:0;padding:0;}
#inquire_class textarea,#inquire_user textarea,#inquire_class select,#inquire_user select{width:80%;}
#inquire_user table .td_right,#inquire_class table .td_left{width:40%;}

#lang,#cur,#menu,#searching{float:none;height:auto;text-align:center;background-color:#404041;position:absolute;width:100%;margin:0;top:-1000px;left:0;z-index:100;border-top:1px solid #ccc;}
#lang {padding:10px 0px;}
#lang span{display:none;}
#lang .dropdown{display:block;position:static;background:none;}
#lang .dropdown li{display:inline-block;width:30%;}
#lang a:link,.lang a:visited{color:#fff;}
.searching{padding:30px 0px;}
.searching table{width:60%;margin:0px auto;}

#info{position:static;background-color:#000;color:#FFF;width:100%;height:auto;line-height:30px;text-align:left;text-indent:0.5em;}
#info .sdesc{display:none;}

.menu{padding:5px 0px;}
.menu ul{margin:0;padding:0;}
.menu ul li{list-style-type:none;margin:0;padding:0;text-align:center;_height:0;}
.menu ul li a{display:block;line-height:2.5em;color:#FFF;}
.menu ul li a:link,.menu ul li a:visited{color:#FFF;}
.menu ul li a:hover{background-color:#fff;color:#000;}
.menu ul li ul{display:block;background-color:#999;}
.left_cont{display:none;}

.footer {text-align:left;line-height:2.5em;}
.footer .dh {float:none;width:100%;}
.footer .dh dl {background:none;float:none;height:auto;width:100%;padding:0;}
.footer .dr{float:none;width:100%;margin-top:10px;}
}

@media screen and (max-width:480px){
.prod_mod ul li .w_33{width:100%;}
.prod_list li .img {float:none;width:100%;}
.main_about_left,.main_about_right{float:none;width:100%;}
.prod_pics{float:none; width:auto; margin:0;}
}