@charset "UTF-8";
/**
 * 
 * @authors Your Name (you@example.org)
 * @date    2016-10-19 16:07:10
 * @version $Id$
 */
body,html{width:100%;height:100%;}
body{margin:0;padding:0;background:url(../images/background.jpg) no-repeat;background-position:top center;font-family: "微软雅黑";}
input:focus{outline:none;}
dl,dt,dd,ul,li,p,input,img,h1,h2,h3,h4,h5,h6,div{margin:0;padding:0;list-style:none;border:0;}
a:link,a:visited{color:#6e7679;text-decoration:none;}
a:hover{text-decoration:none;}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------    PC端    --------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
.LOGO{
    width:800px;height:190px;
    margin:0 auto;
    background:url(../images/logo_new.png) no-repeat;
    background-position:left bottom;
    background-size:30% auto;
    margin-bottom:50px;
}
.content{
    width:1150px;height:800px;
    margin:0 auto;
    background:rgba(255,255,255,0.2);
    overflow:hidden;
    border-radius: 15px;
    margin-bottom: 50px;
}
.Middle{
    width:50px;height:800px;
    float: left;
}

.content .left,
.content .right{
    width:550px;height:800px;
    background:rgba(255,255,255,0.5);
    float: left;
    border-radius: 15px;
}
.content .left .title,
.content .right .title{
    width:550px;height:60px;
    border-radius: 15px 15px 0 0 ;
    background:#650708;
    color:#fff;
    line-height:60px;
    text-align: center;
    font-size:20px;
}

.content .left .left_title_contetn .list_content .list_content_d li div,
.content .right .right_title_contetn .list_content .list_content_d li div{
    width:183px;height:30px;
    line-height: 30px;
    float:left;
    text-align: center;
}
.content .left .left_title_contetn .list_content .list_content_d a li,
.content .right .right_title_contetn .list_content .list_content_d a li{
    width:550px;height:30px;
    background:#fff;
}
.content .left .left_title_contetn .list_content .list_content_d a li:hover,
.content .right .right_title_contetn .list_content .list_content_d a li:hover{
    background:#ebebeb;
}
/* css 重置 */
body,div,ul,li { padding: 0; margin: 0; }
ul { list-style: none ; }
img { border: none; }
a { blr: expression(this.onFocus=this.blur()); outline: none; }
/****************************************************************left       list css开始**********************************************************************/
/*本例css*/
.left_title_contetn { width: 550px; height: 740px; margin:0 auto; position: relative; overflow:hidden;}

/*数字按钮样式*/
.left_title_contetn .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 ;}
.left_title_contetn .num li {
    width: 25px; height: 25px; 
    line-height: 25px; 
    text-align: center; 
    font-weight: 400; 
    font-family: "微软雅黑", Arial; 
    color: #FFFFFF; 
    background: #444444; 
    margin-right: 10px; 
    border-radius:50%; 
    cursor:pointer; 
    float: left;
}
.left_title_contetn .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.left_title_contetn .prev,
.left_title_contetn .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 40%;}
.left_title_contetn .prev { left: 0; }
.left_title_contetn .next { right: 0; background-position: right ;}




/****************************************************************right  list css开始**********************************************************************/
/*本例css*/
.right_title_contetn { width: 550px; height: 740px; margin:0 auto; position: relative; overflow:hidden;}

/*数字按钮样式*/
.right_title_contetn .num { overflow:hidden; height: 25px; position: absolute; bottom:12px; left: 15px; zoom:1; z-index:3 ;}
.right_title_contetn .num li {
    width: 25px; height: 25px; 
    line-height: 25px; 
    text-align: center; 
    font-weight: 400; 
    font-family: "微软雅黑", Arial; 
    color: #FFFFFF; 
    background: #444444; 
    margin-right: 10px; 
    border-radius:50%; 
    cursor:pointer; 
    float: left;
}
.right_title_contetn .num li.on { background: #FF7700; } /*当前项*/

/*上一个  下一个*/
.right_title_contetn .prev,
.right_title_contetn .next { display: none; width: 40px; height: 100px; background: url(../images/btn.png) no-repeat; position: absolute; top: 40%;}
.right_title_contetn .prev { left: 0; }
.right_title_contetn .next { right: 0; background-position: right ;}

.content .right .title{
    line-height: 30px;
}
.content .right .title span{
    font-size: 14px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------    Mobile端    ------------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/