body{color:#444;background: #fff; font-size:12px; margin:0; padding:0;}
a{text-decoration:none; color:#444}
a:hover{text-decoration:underline; color: #000000}
.mainhead{ width:798px; margin:10px auto; height:124px;}
.maincontent{
 margin:0 auto;
 width:798px;
 height:420px;
 background:url(../images/v9/bg.jpg) no-repeat center;
}
.maincontent .sousuo{
float:right;
height:160px;
margin-top:90px;
margin-right:20px;
width:380px;
}
.maincontent .sousuo .input{
border:#B2D7F1 solid 1px;
height:23px;
line-height:23px;
}
.maincontent .sousuo li{
margin-top:10px;
list-style:none;
float:left;
width:370px;
padding-left:10px;
height:23px;
line-height:23px;
font-size:14px;
}
.maincontent .jianjie{
float:left;
width:300px;
height:320px;
margin-left:20px;
margin-top:40px;
}
.maincontent .jianjie li{
list-style:none;
line-height:25px;
padding-left:10px;
font-size:12px;
color:#000000;
float:left;
width:290px;
text-align: left;
}
.maincontent .jianjie h1{
font-size: 18px;
color:#FF0000;
font-weight:bold;
text-align:center;
width:300px;
height:30px;
line-height:30px;
margin-top:10px;
font-weight:bold;
}
.txt{color: #000000; text-align:center; font-weight:bold; margin-top:10px;}
.txtbz{color: #000000; font-weight:bold; padding-top:15px; float:left;width:290px; font-size:12px; padding-left:10px;}
.maincontent .viewwork{ float: right; width:380px; height:120px; margin-right:10px; margin-top:20px; overflow:hidden;}
.maincontent .viewwork h2{
font-size: 14px;
color:#FF0000;
font-weight:bold;
text-align:left;
width:380px;
height:23px;
line-height:23px;
padding-top:5px;
padding-bottom:5px;
}
.maincontent .viewwork li{
list-style:none;
line-height: 36px;
height: 36px;
padding-top: 0;
font-size: 14px;
font-weight: 600;
text-align:center;
color:#fff;
float:left;
width:80px;
border:#c6112a solid 1px;
background-color:#c6112a;
}
.maincontent .viewwork li a{color:#fff;}
.dialog{display: none; height:0px; width:0;}
.table_form{ font-size:14px; }
.table_form th{ border-right: #eee solid 1px; padding:0 }
.logo{ text-align:center;border-left: #eee solid 1px;}
.introduce{ width:320px; height:100px; overflow:hidden; }
.introduce:after{content:"..."}
.error {color: #ff0000; font-size: 16px;}
/* footer style */
.footer{ margin:10px auto;text-align: center;}
.footer .footer_page,.footer .footer_page a{ color: #fff;}
.footer p.info{}
.footer p.info{color: #000000; line-height:24px;text-align:center; padding:12px 0; margin-top:15px; border-top:1px solid #dbe7ed}
.footer p.info a{color: #000000;}
.table_form tr{ min-height:25px;height:25px!important;}
.work_view {background: #fff;}
.by{margin-top:10px;}
.by img{padding: 0 3px; }
.foot_img{margin: 10px auto;}
.cd-top {
    display: inline-block;
    height: 40px;
    width: 40px;
    position: fixed;
    border-radius: 2px;
    bottom: 40px;
    right: 10px;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    background: url(../images/v9/bg_3.png) center center no-repeat #c00000;
    visibility: hidden;
    opacity: 0;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;
}
.cd-top.cd-is-visible {
    /* the button becomes visible */
    visibility: visible;
    opacity: 1;
}
.cd-top .cd-fade-out {
    opacity: .5;
}
.cd-top:hover {
    background-color: #333;
    opacity: 1;
}
@media only screen and (min-width: 768px) {
    .cd-top {
        right: 20px;
        bottom: 20px;
    }
}
@media only screen and (min-width: 1024px) {
    .cd-top {
        height: 60px;
        width: 60px;
        right: 30px;
        bottom: 30px;
    }
}
