body {margin:0; padding:0;margin-top: 21px;background-color: #DFE3E6;}
table,div {font-family:Arial, Helvetica, sans-serif; font-size:12px;}
form{ margin:0px;}
a { color:#757578; text-decoration:none;}
a:hover { color:#FDB949; text-decoration:none;}
.mAuto { width:675px; margin:0 auto;}
.allAuto { margin:0 auto;}
.cb{clear:both;}
.fl{float:left;}
.fr{float:right;}
.body_left{width:213px; float:left;}
.body_right{width:462px; float:right;}
.top{width:462px; height:189px; background:url(../images/top_bg.GIF) no-repeat; float:left;}
.lan{width:115px; float:left; margin:110px 0 0 36px !important; margin:110px 0 0 19px; background:none;}
.lan01{width:115px; float:left; color:#626262; letter-spacing:1px; margin-top:5px; background:none;}
.lan01 a { color:#626262; text-decoration:none;}
.lan01 a:hover { color:#025283; text-decoration:underline;}
.lan_line{width:115px; border-bottom:dashed #B9B9BC 1px; float:left; margin-top:5px !important; margin-top:-9px; background:none;}
.tt{width:407px; height:25px; background:url(../images/title_bg.GIF) repeat-x; float:left; margin:13px 0 0 26px !important; margin:13px 0 0 13px;}
.tt00{width:407px; height:25px; background:url(../images/title_bg.GIF) repeat-x; float:left; margin:5px 0 0 26px !important; margin:5px 0 0 13px;}
.tt01{padding: 3px 0 0 13px;background:none; color:#fff; font-weight:bold; float:left;}
.tt_more{background:none; float:right; padding:10px 12px 0 0;}
.pic{width:407px; float:left; margin:11px 0 0 26px !important; margin:11px 0 0 13px;}
.pic01{width:211px; float:left;}
.pic_text{color:#5798B1; font-weight:bold; text-decoration:underline; padding-left:5px;}
.pic_text a { color:#5798B1; text-decoration:underline;}
.pic_text a:hover { color:#FDB949; text-decoration:underline;}
.pic_boder{width:203px; height:127px; border:solid #DADBDB 1px; float:left; margin-top:7px;}
.pic_boder01{width:199px; height:123px; border:solid #EDEFF0 2px; text-align:center;}
.pic02{width:195px; float:left;}
.pic_text01{color:#5798B1; font-weight:bold; text-decoration:underline;}
.pic_text01 a { color:#5798B1; text-decoration:underline;}
.pic_text01 a:hover { color:#FDB949; text-decoration:underline;}
.pic03{width:195px; float:left; margin-top:7px;}
.img{border:solid #DADBDB 1px;}
.news_list{width:412px; float:left; color:#5798B1; margin:6px 0 0 19px !important; margin:6px 0 0 9px; font-size:12px;}
.news_list a { color:#5798B1; text-decoration:none;}
.news_list a:hover {color:#FDB949; text-decoration:none; float:left;}
.news_list ul {margin:0; padding:0; list-style:none;}
.news_list li {width:412px; float:left; color:#5798B1; background: url(../images/news_icon.GIF) no-repeat 0px 5px; line-height:20px; padding-left:10px;}
.news_text{width:390px; float:left; margin:3px 0 0 28px !important; margin:3px 0 0 14px; color:#757578; line-height:16px; font-size:10px;}
.line{width:407px; background:url(../images/line.GIF) repeat-x; height:1px; float:left; line-height:1px; margin:5px 0 0 26px !important; margin:5px 0 0 13px; overflow:hidden; }
.line01{width:427px; background:#E7E7E4; height:1px; float:left; margin:10px 0 0 16px !important; margin:10px 0 0 7px; overflow:hidden; }
.line03{width:406px; background:#E7E7E4; height:1px; float:left; margin:10px 0 0 26px !important; margin:10px 0 0 13px; overflow:hidden; }
.left_bg{width:213px; height:115px; background:url(../images/left_bg.GIF) repeat-y; float:left;}
.line02{width:209px; background:#89949D; height:1px; float:left; margin-left:3px !important; margin-left:2px; overflow:hidden;}
.left_bot{width:209px; background:#E9E9E6; height:88px; float:left; margin:2px 0 1px 4px !important; margin:2px 0 1px 2px;}
.logo{padding:42px 0 0 37px;}
.search{width:113px; margin:25px 0 0 18px !important; margin:25px 0 0 9px; background:none;}
.imput{width:111px; height:16px; border:solid #B8B8B4 1px;}
.search_img{float:right; margin:-20px 20px 0 0 !important; margin:-21px 9px 0 0;}
.search_text{width:100px; margin:6px 0 0 18px; background:none;}
.search_text ul {margin:0; padding:0; list-style:none;}
.search_text li { float:left; color:#757578; background:url(../images/icon02.GIF) no-repeat 0px 5px; padding-left:10px; text-decoration:underline;}
.bot_text{width:412px; margin:25px 0 0 35px !important; margin:35px 0 0 35px; color:#757578;}
.text_l{color:#757578; text-decoration:underline;}
.text_l a { color:#757578; text-decoration:underline;}
.text_l a:hover { color:#FDB949; text-decoration:none;}
.bot{width:427px; float:left; margin:14px 0 0 15px !important; margin:14px 0 0 7px;}
.text{width:395px; color:#757578; float:left; margin:11px 0 0 26px !important; margin:11px 0 0 13px;}
.pro_list{width:150px; float:left; color:#2B7693; margin:12px 0 0 19px !important; margin:12px 0 0 9px;}
.pro_list a { color:#2B7693; text-decoration:underline;}
.pro_list a:hover {color:#FFBC47; text-decoration:underline; float:left;}
.pro_list .pro{color:#FFBC47; font-weight:bold; background: url(../images/pro01.GIF) no-repeat 0px 8px; line-height:20px; text-decoration:underline; padding-left:10px;}
.pro_list ul {margin:0; padding:0; list-style:none;}
.pro_list li {width:150px; float:left; color:#2B7693; background: url(../images/pro.GIF) no-repeat 0px 8px; line-height:20px; text-decoration:underline; padding-left:10px;}
.product{width:406px; float:left; margin:8px 0 0 26px !important; margin:8px 0 0 13px;}
.pro_img{width:100px;height: 132px;float:left;margin-bottom: 25px;}
.pro_img01{width:95px; height:95px; float:left; text-align:center;}
.pro_text{width: 80px;margin-top: 0;font-size: 11px;margin: 0 auto;}
.pro_text ul {margin:0; padding:0; list-style:none; font-size:11px;}
/*.pro_text li { float:left; color:#757578; background:url(../images/icon02.GIF) no-repeat 12px 5px;word-break:break-all;}*/
.pro_text li { color:#757578;word-break:break-all;text-align:center;}
.pro_line{width:1px; height:102px; background:#E2E2E2; float:left; font-size:11px;}
.pro_more{width:220px; color:#757578; float:left; margin:18px 0 0 26px !important; margin:18px 0 0 13px;}
.height{width:213px; height:600px; background:url(../images/left_bg.GIF) repeat-y; float:left;}
.height01{width:213px; height:190px; background:url(../images/left_bg.GIF) repeat-y; float:left;}
.height02{width:213px; height:106px; background:url(../images/left_bg.GIF) repeat-y; float:left;}
.order{width:400px; float:left; margin:24px 0 0 26px !important; margin:24px 0 0 13px;}
.order01{width:400px; float:left; margin-top:6px;}
.order_in{width:167px; height:20px; border:solid #E4E7E9 1px; float:left;}
.order_in01{width:259px; border:solid #E4E7E9 1px; float:left;}
.order_text{width:110px; float:left; text-align:right; color:#757578; padding:3px 5px 0 0;}
.order_text01{float:left; color:#417E9A; padding:3px 0 0 5px; font-size:12px;}
.order_list{ float:left; color:#2B7693; margin:18px 0 0 121px !important; margin:18px 0 0 60px;}
.order_list a { color:#2B7693; text-decoration:underline;}
.order_list a:hover {color:#FFBC47; text-decoration:underline; float:left;}
.order_list ul {margin:0; padding:0; list-style:none;}
.order_list li { float:left; color:#2B7693; background: url(../images/pro.GIF) no-repeat 0px 8px; line-height:20px; text-decoration:underline; padding:0 20px 0 10px;}
.contact{width:315px; float:left; margin:24px 0 0 36px !important; margin:24px 0 0 18px; color:#757578; line-height:24px;}
.contact_text{color:#417E9D; text-decoration:underline;}
.contact_text01{color:#EC9301;}
.news_list01{width:400px; float:left; color:#848484; margin:24px 0 0 26px !important; margin:24px 0 0 13px;}
.news_list01 a { color:#848484; text-decoration:none;}
.news_list01 a:hover {color:#FDB949; text-decoration:none; float:left;}
.news_list01 ul {margin:0; padding:0; list-style:none;}
.news_list01 li {width:400px; float:left; color:#848484; background: url(../images/icon03.GIF) no-repeat 0px 5px; line-height:16px; padding-left:10px;}
.news_list01 .news_line{width:400px; height:1px; background:url(../images/new_line.GIF) repeat-x; float:left; margin:5px 0 5px 0; overflow:hidden;}
.color{color:#2B7693;}
.der{width:220px; color:#757578; float:left; margin:38px 0 0 146px !important; margin:38px 0 0 73px;}
.newsmore_text{width:400px; float:left; margin:24px 0 0 26px !important; margin:24px 0 0 13px; color:#757578; line-height:20px;}
.back{width:400px; float:left; margin:24px 0 0 26px !important; margin:24px 0 0 13px; text-align:right;}
.pp { position: relative; width: 407px; height: 272px; background: url(../images/promore_bg.GIF) no-repeat; margin: 13px 0 0 26px; text-align: center; }
.pp video { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.small{width:44px; height:39px; border:solid #D7D9D9 1px; text-align:center; float:left; padding-top:1px; margin-right:2px;}
.small_img{width:400px; float:left; margin:12px 0 0 36px !important; margin:12px 0 0 18px; }
.small_l{width:19px; float:left; padding-top:16px;}
.small_r{width:17px; float:left; padding-top:16px; text-align:right;}
/*********************·Å´ó¾µÅäÖÃÎļþ*******************************************************************************************/
/* Copyright 2008 MagicToolBox.com. To use this code on your own site, visit http://magictoolbox.com */
/* CSS class for zoomed area */
.MagicZoomBigImageCont {
border: 1px solid #91b817;
}
/* Header look and feel CSS class */
/* header is shown if "title" attribute is present in the tag */
.MagicZoomHeader {
font: 12px Tahoma, Verdana, Arial, sans-serif;
color: #fff;
background: #91b817;
text-align: center !important;
}
/* CSS class for small looking glass square under mouse */
.MagicZoomPup {
border: 1px solid #aaa;
background: #ffffff;
cursor: hand;
}
/* CSS style for loading animation box */
.MagicZoomLoading {
text-align: center;
background: #ffffff;
color: #444;
border: 1px solid #ccc;
opacity: 0.8;
padding: 3px 3px 3px 3px !important;
display: none; /* do not edit this line please */
}
/* CSS style for gif image in the loading animation box */
.MagicZoomLoading img {
padding-top: 3px !important;
}
/* ?2008 MagicToolbox.com. To use this code on your own site, visit http://www.magictoolbox.com */
/* CSS class for thumbnail link */
.MagicThumb {
cursor: url(../images/zoomin.cur), pointer;
outline: none;
}
/* CSS class for the thumbnail link when the big image is zoomed mo ban tang ban quan suo you */
.MagicThumb-zoomed { cursor: default; }
/* CSS class for span inside the thumbnail */
.MagicThumb span { display: none; }
/* CSS class for the zoomed big image */
.MagicThumb-image-zoomed { cursor: url(../images/zoomout.cur), pointer; }
/* CSS class for the caption under the big zoomed image */
.MagicThumb-caption {
color: #333333;
background-color: #F0F0F0;
border: 1px solid #CCCCCC;
border-top: none;
font-family: Verdana, Helvetica;
font-size: 11px;
padding: 8px 16px;
}
/* CSS class for the control bar ec mo ban */
.MagicThumb-controlbar {
display: block;
height: 18px;
}
.MagicThumb-controlbar a {
display: block;
width: 18px;
height: 18px;
margin: 0px 1px;
outline: none;
float: left;
overflow: hidden;
}
.MagicThumb-controlbar a span {
display: block;
width: 1000px;
height: 1000px;
background: transparent url(../images/controlbar.png) no-repeat 0 0;
outline: none;
position: absolute;
left: 0px;
top: 0px;
}
/* CSS class for the loading message box */
.MagicThumb-loading {
border: 1px solid #000000;
background: #ffffff url(../images/loader.gif) no-repeat 2px 50%;
padding: 2px 2px 2px 22px;
margin: 0;
text-decoration: none;
text-align: left;
font-size: 8pt;
font-family: sans-serif;
}
.picture{
margin-top:10px;
text-align:left;
}
.picture img{
width:42px;
height:37px;
cursor:pointer;
margin:0 3px;
}
.picture img.onbg{ border:0px solid #ff9900;
}
.picture img.autobg{
border:1px solid #DBDBDB;
}
/*pager*/
.in-page{clear:both;text-align:center;padding:10px 0;}
.in-page ul{margin:0;padding:0;height:40px;font-size:12px;color:#666}
.in-page li{width:auto;background:initial;display:inline-block;padding:0;height:auto;line-height:inherit;border-bottom:none;}
.in-page .press,.in-page a,.in-page select,.in-page a:visited{background:#FFF;vertical-align: middle;color:#333;display:inline-block;height:20px;line-height:20px;margin:2px;text-decoration:none}
.in-page a:hover{color:000;}
.in-page .press{font-weight:bold;}
.in-page li.list-page {display:none;}
.in-page li.pre-page a,.in-page li.next-page a{padding: 0 11px;}
.in-page li.next-page a{background:#FFF url(../images/3.GIF) no-repeat center center;}
.in-page li.pre-page a{background:#FFF url(../images/2.GIF) no-repeat center center;}
@media screen and (max-width:1200px){
.in-page li{display:none}
.in-page li:first-child,.in-page li:last-child,.in-page li.list-page{display:inline-block}
.in-page li.list-page select{width:58px;border-radius:0;font-size:14px;-webkit-appearance:none;appearance:none;outline:none;-webkit-tap-highlight-color:rgba(0,0,0,0);background:#FFF url(../images/select.png) no-repeat 33px center;background-size:18px;}
}
.posi{color: #3D3D3D;background:url(../images/posi.png) no-repeat right center;background-size:contain;padding-right:25px;}
.joinF_box { width: 100%; max-width: 950px; margin: 0 auto; }
.joinF_box .joinF_T { padding: 0 20px; line-height: 40px; font-size: 14px; font-weight: bold; color: #333; background: #f5f5f5; }
.joinF_box .joinF_iptDiv { padding: 38px 0 20px;position:relative; }
.joinF_iptDiv .joinFIpt_one { width: 100%; margin-bottom: 12px;overflow:hidden;clear:both; }
.joinFIpt_one .joinF_ipt { width: 32%; margin-right: 3.2%; float: left; font-size: 14px; color: #7c7c7c; text-align: right; line-height: 36px; }
.joinFIpt_one .joinF_exp { width: 15%; float: left; line-height: 36px; font-size: 14px; color: #a3a3a3; }
.rqeIpt .joinF_exp:before { content: "*"; color: #f00; display: inline-block; width: 24px; text-align: center; }
.joinFIpt_one input{ width: 200px; float: left; height: 36px; border: 1px solid #d1d1d1; border-radius: 2px; font-size: 14px; color: #7c7c7c; padding-left: 10px; }
.joinFIpt_one select { width: 212px; float: left; height: 36px; border: 1px solid #d1d1d1; border-radius: 2px; font-size: 14px; color: #7c7c7c; padding-left: 10px; }
.joinFIpt_one select { appearance: none; -moz-appearance: none; -webkit-appearance: none; background: #fff url(../images/drop_02.jpg) right center no-repeat; }
.joinF_iptDiv .exp_box { padding: 25px 0 12px; border-radius: 5px; margin-bottom: 20px; position: relative; border: dashed 1px #DDD; width: 97%; margin: 20px auto; }
.exp_box .exp_delete { width: 22px; height: 22px; background: url(../images/join_x.png) center no-repeat; position: absolute; top: -11px; right: -11px; cursor: pointer; }
.add_epx { width: auto; text-align: center; margin: auto; border-radius: 16px; font-size: 14px; color: #000; cursor: pointer; position: absolute; top: -34px; right: 10px; text-align: center; padding: 5px 0; }
.joinF_iptDiv textarea { border: 1px solid #d1d1d1; border-radius: 2px; width: 100%; height: 100px; font-size: 14px; color: #7c7c7c; padding: 5px 10px; resize: none; }
.add_epx i { display: inline-block; padding-left: 16px; background: url(../images/join_add.png) left center no-repeat; }
.alodpc { text-align:center;overflow:hidden;padding-bottom:20px; }
.alodpc input { cursor: pointer; border: none; color: #fff; background: #000; padding: 10px 50px; }