/*选择默认的字体*/
body {
    font-family: "Microsoft YaHei UI", sans-serif;
    min-height: 75rem;
    padding-top: 3.5rem;
}

.defIcon {
    background: rgb(64 210 177);
    color: #fff;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    text-align: center;
    line-height: 40px;
    margin-right: 15px;
}

/*导航栏*/
.navbar-default {
    background-color: #fff;
    border: none;
    /*透明度*/
    box-shadow: 0 2px 8px 0 rgba(50, 50, 50, 0.30);
}

.navbar-default .navbar-brand {
    font-size: 25px;
    font-weight: bold;
    color: #40d2b1;
    height: 70px;
    line-height: 35px;
}

.navbar-default .navbar-nav > li > a {
    font-size: 16px;
    font-weight: bold;
    color: #666;
    height: 70px;
    line-height: 35px;
}
.navbar-toggle {
    margin-top: 17px;
}

.navbar-default .navbar-toggle:hover {
    border-color: #40d2b1;
    background-color: rgb(69, 210, 184);
}

.navbar-default .navbar-toggle .icon-bar {
    border-color: #1c9982
}

/*home*/
#home {
    /*background: url("../../../img/freelancer-back.jpg");*/
    background: url("../../../img/背景1.jpg");
    /*background: url("../../../img_2/5.jpg");*/
    background-size: cover;
    color: #ffffff;
    text-align: center;
    width: 100%;
    /*height: 500px;*/
    padding: 60px 0;
    margin-top: -60px;
}

.lvjing {
    width: 100%;
    height: 100%;
    /*下面的修改透明度 0.1最亮 0.9最暗*/
    background: rgba(0, 0, 0, 0.6);
    /*上下  左右*/
    padding: 40px 0;
}

#home h1 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 25px;
}

#home p {
    font-weight: 400;
    line-height: 25px;
}

#home img {
    margin-top: 30px;
    display: inline-block;
}
/*定义位于上部的3个主要图片的样式*/
.img3_me {
    margin: 30px auto;
    max-width: 100%;
    height: auto;
    display: block
}
/* <section id="download" style="margin-top: 20px">
        <div class="container">
            <div class="row">
                <div style="text-align: center">
                    <a href=*/

#download a{
    padding: 20px;
    display: block;
    font-size: 20px;
    margin: 30px auto;
}

/*bbs*/
#production {
    padding: 80px 0;
    text-align: center;
}

#production .col-md-4 {
    padding: 15px;
}

#production .col-md-4:hover {

    background: #f1f1f1;
    box-shadow: 1px 1px 4px #888888;
}

#production a {
    color: #33857e;
    /*去除超链接的下划线*/
    text-decoration: none;
}

/*图片居中的方法,困扰梁好久的事情*/
#production img {
    margin: 0 auto;
}
#production  .img-480{
    margin: 20px auto;
    max-width: 100%;
    height: auto;
    display: block
}
#production .img-470{
    margin: 20px auto;
    max-width: 92%;
    height: auto;
    display: block
}
#production p{
    font-size: medium;
    font-weight: bold;
}
/*给海奥华预言h3字体加粗*/
#production h3 {
    font-weight: bold;
}
/*download*/
#download{
    background: #e5e5e5;
    padding-top:70px;
    margin-top:-70px;
}
/*html*/
#html5 {
    background: #e5e5e5;
    /*padding: 0px;*/
    padding-top:70px;
    margin-top:-70px;
}

#html5 h3 {
    font-weight: bold;
    color: #0c4128;
}

#html5 img {
    margin: 0 auto;
    height: 300px;
}

#html5 p {
    line-height: 35px;
    color: #0c4128;
}
#html5  .img-480{
    margin: 5px auto;

    max-width: 100%;
    height: auto;
    display: block
}
/* -----------------------------------------  contact 部分 -------------------------*/
/*部分.整体部分: 背景图(不重复) 覆盖 里面字体总体颜色 调试高度 */
#contact {
    background: url("../../../img/banner.jpg") no-repeat;
    background-size: cover;
    color: #ffffff;
    /*padding: 60px 0;*/
    /*margin-top: -60px;*/
}

/*大标题的: 字体粗体 边距加宽*/
#contact h2 {
    font-weight: bold;
    margin-top: 0;
    margin-bottom: 25px;
}

/*小字体的: 行高 边距*/
#contact p {
    line-height: 25px;
    margin-bottom: 20px;
}

/*大多数按钮的效果 无边界 无圆弧半径 保持高度 保持间距*/
#contact .form-control {
    border: none;
    border-radius: 0;
    height: 50px;
    margin-bottom: 20px;
}
/*留言部分的,要自动执行高度*/
#contact textarea.form-control {
    height: auto;
}
/*提交按钮的效果: 背景色 颜色 字体形状 渐变效果*/
#contact input[type=submit]{
    background: #40d2b1 ;
    color: #fff;
    font-weight: bold;
    /*渐变效果 0.3s 不错的感觉*/
    transition: all 0.3s;
}
/* 鼠标移动到位的效果 加深颜色 */
#contact input[type=submit]:hover{
    background: rgb(40,142,120);
}


/*------------ footer */
footer{
    font-weight:400 ;
    text-align: center;
    padding: 20px;
}
