/* ��ҳ���ֿ�ʼ */
.mfbox{width:1180px; margin:0 auto;}
.header{width:100%; height:50px; background:url(../Images/header_bg.jpg) no-repeat center top;}
.header_in{width:1130px; height:50px; margin:0 auto; position:relative; line-height:50px; font-size:16px;}

.logo{ position:absolute; left:0; top:0; overflow:hidden; z-index:9999;}

.login{color:#fff; float:right; text-align:center; width:150px;}
.login a{color:#FFF; padding:0 5px;}

.custom{float:right; margin-right:40px;	margin-left:27px;}
.custom a{color:#E70011;}
.custom a:hover{text-decoration:none; color:#E70011;}

.lan{ position: absolute; top: 0px;left: 13%;display:none;}
.lan li{float:left; padding-right:5px;}
.lan li a{color:#fff;}

.i_nav{ position:relative; float:right; height:50px;}
/*.i_nav li{float:left; width:112px; height:50px; margin-right:-18px; text-align:center;}
.i_nav li > a{display:block; color:#FFF; width:112px; height:50px; line-height:50px; font-size:16px; text-align:center;}
.i_nav li > a:hover{color:#000; background:url(../Images/nav_bg.png) no-repeat left top;}
.i_nav li > a.on{color:#000; background:url(../Images/nav_bg.png) no-repeat left top;}*/

.i_container{width:100%; /*padding:10px 0;*/ background:url(../Images/cbg.jpg) repeat center top; overflow:hidden;}

.i_banner_box{position:relative; width:100%; height:555px; margin:0 auto; overflow:hidden;}
.i_banner{ float:left; display:inline;}
/*.i_banner li{width:1280px; height:555px;}
.i_banner li a{display:block; width:100%; height:555px;}
.i_banner_p{position:absolute; width:100%; left:0; bottom:15px; text-align:center;}
.i_banner_p a{display:inline-block; margin:0 -2px; width:30px; height:24px; font-size:12px; line-height:24px; color:#FFF; background:url(../Images/icon01.png) no-repeat center top; overflow:hidden;}
.i_banner_p a:hover{ background:url(../Images/icon02.png) no-repeat center top;}
.i_banner_p a.on{ background:url(../Images/icon02.png) no-repeat center top;}*/

.footer{width:95%; height:50px; padding-left:5%; line-height:50px; background-color:#3a3a3a; z-index:999;}
.footer_in{padding-right:5%; height:50px; background:url(../images/footer_rb.jpg) no-repeat right top;}

.flan{float:right;}
.flan a{ margin:0 8px;}
.flan img{ vertical-align:middle;}

.copyright{float:left; color:#FFF; line-height:50px; padding-right:10px;}
.footer_nav{float:left; color:#FFF;  line-height:50px;}
.footer_nav a{padding:0 10px 0 0; color:#FFF;}
.jsq{float:left; color:#FFF; line-height:50px; padding-right:10px;}

/* ��ҳ���ֽ��� */

/* ��ҳ���ֿ�ʼ */
.p_container{width:100%; min-height:610px;  background:url(../Images/bg.jpg) no-repeat center top ;
     overflow:hidden;
     min-width: 1280px;
    }
.p_container_in{ width:1280px; height:580px; background-color:#FFFFFF; margin:0px auto; clear:both; padding:30px 20px 1px;}

.p_container1{width:100%;  padding-top:20px; background:url(../Images/bg.jpg) no-repeat center top ; overflow:hidden;
                min-width: 1280px;}
.p_container_in1{ width:1200px;  margin:0px auto; clear:both; padding:0px 20px 40px;}

.p_content{margin:0 auto; width:1220px; height:580px; }
.p_line{float:right; width:10px; height:430px; padding:10px 0; background:#393b3a;}
.p_linea{width:10px; height:180px; background:url(../images/line.jpg) repeat-y left top; cursor:pointer;}

.sidebar{float:right; text-align:right; font-size:14px; padding-right:20px;}
/*.sidebar a{line-height:23px; padding:0 10px; color:#000;}
.sidebar a:hover{color:#c30d23;}
.sidebar a.on{color:#c30d23;}*/

.p_about{padding:20px 3px; line-height:25px; font-size:14px; 
    /* font-family:comic sans ms, cursive; */
}
.p_about h4{ display:block; padding:10px 0; text-align:center;}


/* ��ҳ���ֽ��� */


.remark1 {
    line-height: 25px;
}

.p_about {
    font-family: microsoft yahei;
    font-size: 14px;
    line-height: 25px; height:90%;
}


#out {
    height: 550px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 1220px;
}
#content {
    -moz-user-select: none;
    height: 100%;
    line-height: 24px;
    overflow: auto;
    padding-right: 20px;
    width: 100%;
}

#scrollBar {
    background: rgba(0, 0, 0, 0) url(../images/line.jpg) repeat-y scroll center center;
    float: left;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    width: 11px;
    z-index: 9;
}
#scrollBarTop, #scrollBarHandle, #scrollBarBottom {
    cursor: default;
    left: 0;
    position: absolute;
}
#scrollBarTop, #scrollBarBottom {
    color: #fff;
    height: 10px;
    text-align: center;
    width: 100%;
}
#scrollBarTop {
    top: 0;
}
#scrollBarBottom {
    bottom: 0;
}
#scrollBarHandle {
    background: rgba(0, 0, 0, 0) url(../images/line1.jpg) repeat-y scroll 0 0;
    height: 19px;
    width: 100%;
}


.proview_left{ float:right; width:670px;}
.proview_right{ float:left; width:436px;}