﻿@charset "UTF-8";
/**
 * @authors yuanyang (471145945@qq.com)
 * @date    20170101 
 * 掌贝导航PC端样式
 */
body{
    min-width: 1000px;
    max-width: 1920px;
    margin: 0 auto;
}

/*如果是ie9以下*/
.ie9{
    width: 100%;
    max-width: 1920px;
    min-width: 1000px;
    margin: 0 auto;
    background: #000;
    color: #fff;
    padding:10px 0;
    text-align: center;
    font-size: 14px;
}
.ie9 a{color: #F13C35;}

/*页眉*/
.header{
    width: 100%;
    max-width: 1920px;
    min-width: 1000px;
    margin: 0 auto;
    height: 31px;
    background: #ffffff;
    border-bottom: 1px solid #ececec;
}
.header .hd_width{
    width: 1000px;
    height: 30px;
    margin: 0 auto;
}
.header .hd_width .logo{
    float: left;
    width: 40%;
    height: 30px;
}
.header .hd_width .logo a{
    width: 240px;
    height: 30px;
    display: inline-block;
}
.header .hd_width .logo a img{
    width: 240px;
    height: 30px;
}

/*页脚*/
.footer{
    width: 100%;
    min-width: 1000px;
    max-width: 1920px;
    margin: 0 auto;
    background: #5a5d5f;
    text-align: center;
    padding: 20px 0;
}
.footer p{
    display: inline-block;
    width: 100%;
    line-height: 20px;
    color: #999;
    font-size: 12px;
}
.footer p a{
    display: inline-block;
    font-size: 12px;
    color: #999;
    padding: 0 10px;
}
.footer p a:hover{
    color: #fff;
    text-decoration: underline;
}
.footer p img{
    position: relative;
    top:-1px;
    left: 8px;
    width: 20px;
    height: 20px;
}
/*banner*/
.dh_banner{
    width: 600px;
    height: 100px;
    margin: 0 auto;
    padding: 40px 0;
}
.dh_banner img{width: 100%;height: 100px;}

/*主题区域*/
.section{
    width: 1000px;
    margin:0 auto;
    padding: 0 0 20px 0;
}
/*菜单栏*/
.dh_search{width: 100%;}
.dh_search form{padding: 0 0 20px 0;}
.dh_search form .menu{
    width: 98%;
    margin: 0 auto;
    height: 50px;
}
.dh_search form .menu input{
    width: 100%;
    height: 36px;
    border: 1px solid #d3d3d3;
    text-indent: 1rem;
    font-size: 14px;
}
.dh_search form .center{width: 96%;margin-left: 2%;}
.dh_search form .center .btn{
    height: 30px;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    font-size: 14px;
    color: #fff;
    background: #3385ff;
    padding: 5px 10px 5px 10px;
    margin: 5px 0 0 0;
    letter-spacing: 1px;
    border:none;
    cursor: pointer;
    white-space: nowrap;/*规定段落中的文本不进行换行 */
}
.dh_search form .center .btn:link{text-decoration: none;}
.dh_search form .center .btn:visited{color: #fff;text-decoration: none;}
.dh_search form .center .btn:hover{color: #317ef3;background-color: rgba(122, 173, 226, 0.54902);}

/*内容*/
#dh_content{
    width: 98%;
    margin:0 auto;
}
#dh_content .wen{margin-top: 15px;}
#dh_content .wen h3{
    width: 100%;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
    text-indent: 1em;
    background: #ffffff;
    border-bottom: 1px solid #d3d3d3;
}
#dh_content .wen ul{
    display: inline-block;
    width: 960px;
    margin: 0 auto;
    overflow:hidden;
    background: #ffffff;
    padding: 10px;
    text-align: center;
}
#dh_content .wen ul li{
    float: left;
    width: 100px;
    height: 80px;
}
#dh_content .wen ul li a{
    display: inline-block;
    width: 100px;
    height: 80px;
}
#dh_content .wen ul li a img{
    width: 40px;
    height: 40px;
    border-radius: 15px;
    border: 1px solid #eee;
}
#dh_content .wen ul li a p{
    line-height: 30px;
    font-size: 14px;
    color:#000;
}