﻿@charset "utf-8";
body { font-family:Arial, Helvetica, sans-serif; font-size:12px; line-height: 18px; color:#333;}
* {margin: 0; padding: 0;}
img {border: 0;}
ul,ol,li{ list-style-type:none;}
em {font-style:normal;}
h1,h2,h3,h4,h5,h6 { font-size:14px;}
input,select{ vertical-align: middle; color: #333; padding: 1px 0;}
textarea { font-size: 13px; color: #333; padding: 5px; }
/* Link */
a:link,a:visited{color:#0b57c9; text-decoration:none;}
a:hover {color:#f30;}
/* Color */
.cRed,.cRed:link,.cRed:visited{ color:#f30; }
a.cRed:hover{color:#f60;}
.cGray,.cGray:link,.cGray:visited{ color:#888; }
a.cGray:hover{color:#f60;}
/* Other */
.floatLeft{ float: left;}
.floatRight{ float: right;}
.alignLeft{ text-align: left;}
.alignRight{ text-align: right;}
.alignCenter{ text-align: center;}
.clear{ clear: both; font-size:1px; width:1px; height:0; line-height: 0px; visibility: hidden; }
.marinB10 { margin-bottom:10px;}
.marinT10 { margin-top:10px;}
.marinT8 { margin-top:8px;}
/*base*/
.wrap { width: 960px; margin:0 auto;}
#login {width: 988px; margin: 0 auto; background: #fff url(../images/conbg.jpg) no-repeat; border: 1px solid #d5dfea; padding:15px 0 15px 0;}
#left {width: 142px; float: left; background: #fff;padding: 3px; border: 1px solid #d5dfea;}
#right {width: 796px; float: right;background: #fff url(../images/conbg.jpg) no-repeat; border: 1px solid #d5dfea; padding: 15px;}
.footer { width:960px; margin:10px auto 0 auto; padding:10px 0 10px 0; line-height:20px; text-align:center; border-top:1px solid #dce1e6;}
.footer a:link,.footer a:visited{ color: #333;}
.footer a:hover{ color: #f30;}
.footer h2{ font-size:12px; font-weight:normal;}
/*header*/
#top { width:100%; height:31px; background: url(../images/shadow.gif) repeat-x 0 top; border-bottom:1px solid #cecece;}
#top .nav { width:560px; font-size:14px;}
#top .nav dt{ height:25px; padding:6px 15px 0 0; background:url(../images/topbg.gif) no-repeat right 0;}
#top .nav dd{ height:25px; padding:6px 15px 0 15px; background:url(../images/topbg.gif) no-repeat right 0;}
#top .login { padding-top:6px;}
#logo_search{ width:960px; height:100px; margin:0 auto; border-bottom:3px solid #235689;}
#logo_search .logo{ margin-top:20px;}
#logo_search .companyname{ width:740px; border-left:1px solid #e3e3e3; padding-left:10px; margin-top:25px;}
#logo_search .companyname h1{ width:740px; color:#666;}
#logo_search .companyname h2{ width:740px; color:#004b98; font-size:26px; line-height:28px;}

.hleft{ width:200px;}
.hleft .leftbox{ width:198px; border:1px solid #dce1e6; float:left;}
.hleft .leftbox .contacts{ width:178px; padding:10px; float:left;}
.hleft .leftbox .contacts dt{ width:178px; padding:0 0 6px 0; float:left;}
.hleft .leftbox .contacts dd{ width:178px; padding:3px 0 3px 0; border-top:1px dashed #e3e3e3; float:left;}
.hleft .leftbox .categorie{ width:178px; padding:10px; float:left;}
.hleft .leftbox .categorie li{ width:168px; padding:3px 0 3px 10px; background:url(../images/f_bg_01.gif) no-repeat 3px 12px; border-bottom:1px solid #e3e3e3; float:left;}
.hleft .companynav{ width:198px; font-weight:bold; background-color:#fafafa; border-top:3px solid #235689; border-bottom:1px solid #618ab4; border-left:1px solid #618ab4; border-right:1px solid #618ab4; float:left;}
.hleft .companynav dt{ width:188px; padding:5px 0 5px 10px; float:left;}
.hleft .companynav dd{ width:188px; padding:5px 0 5px 10px; background:url(../images/menubg.png) no-repeat 0 top; float:left;}
.hleft .leftbox .stitle{ width:188px; height:16px; font-size:13px; font-weight:bold; padding:3px 0 4px 10px; border-bottom:1px solid #dce1e6; background:url(../images/shadow.gif) repeat-x 0 -31px;}
.hleft .leftbox .stitle1{ width:188px; height:16px; font-size:13px; font-weight:bold; padding:3px 0 4px 10px; border-bottom:1px solid #dce1e6;}
.hleft .categories{ width:198px;}
.hleft .categories li{ width:198px; border-bottom:1px solid #dce1e6; float:left; font-size:11px;}
.hleft .categories li a{ width:188px; padding:2px 0 3px 10px; float:left;}
.hleft .categories li a:hover{ width:188px; padding:2px 0 3px 10px; float:left; background-color:#fff8e1;}

.hright752{ width:730px; padding:10px; border:1px solid #dce1e6;}
.hright752 .subtitle{ width:730px; padding:0 0 3px 0; color:#004b98; border-bottom:1px solid #dce1e6;}
.hright752 .productbox{ width:730px;}
.hright752 .productbox dl{ width:100px; float:left; padding:16px 5px 0 15px; overflow:hidden;}
.hright752 .productbox dl dd{ width:100px; float:left; text-align:center;}
.hright752 .pagelist{ width:730px; margin-top:20px; float:left; padding-top:5px; border-top:1px solid #e3e3e3;}
.hright752 .pagelist dt{ float:right;}
.hright752 .pagelist dd{ float:left; padding-right:6px;}
.hright752 .subtitle1{ width:730px; padding:20px 0 3px 0; color:#004b98; border-bottom:1px solid #dce1e6;}
.hright752 .conbox{ width:730px; padding-top:10px;}
.hright752 .conbox dd{ width:730px; float:left; padding-top:6px;}
.hright752 .conbox dd span{ width:180px; padding-right:8px; float:left; text-align:right;}
.hright752 .conbox dd .rightbar{ width:540px; float:left;}
.hright752 .conbox .nologin{ width:730px; text-align:center; line-height:38px; padding-top:110px; padding-bottom:110px;}











