/* menu */
.index .menu .menu1,
.project .menu .menu2,
.me .menu .menu3{background-color: #DBDCDD;}

.command{padding-left: 70px; padding-right: 70px; margin-top: 2px;min-height: calc(100vh - 112px);}

.top {font-size:24px; line-height: 65px; position: fixed;top:0;left: 0;width: 100%; z-index: 1;color:#444; background-color: #fff; box-sizing: border-box; border-bottom: 1px solid #d5d4d4;}
.menu {font-weight: normal; font-size: 18px;}
.menu div {width: 70px; height: 65px; text-align: center; cursor: pointer;}
.menu div:hover {background-color: #DBDCDD;}
.menu div a {line-height: 65px; font-size: 16px; display: block;}
.banner{text-align: center; height: 300px; } /*background-color: #4188FC; color: #ffffff; */
.banner-0{background: url("../img/logo.png") no-repeat; margin: 0 auto; background-size: 90px 90px; width: 90px; height: 90px;}
.banner-1{height: 60px; line-height: 60px; font-size: 30px; letter-spacing: 2px; color: #3EAF7C;}
.banner-2{font-size: 18px; font-size: 1.6rem;}
.action-button {display: inline-block;font-size: 1.2rem;color: #fff;background-color: #3eaf7c;padding: 0.8rem 1.6rem;border-radius: 4px;transition: background-color .1s ease;box-sizing: border-box;border-bottom: 1px solid #389d70;}
.action-button:hover{color: #fbfbfb;}
.spn1{padding-left: 10px; padding-right: 10px;}
.title1{height:36px;font-size: 26px; margin-bottom: 10px; padding-bottom: 10px; position: relative; margin-bottom: 30px;}
.title1:before{background:linear-gradient(to right,#fff,#C9E0FA,#fff);height: 1px;width: 100%;position: absolute;top: 19px;left: 0;content: '';}
.title1 span{background: #fff;padding: 1px 20px;left: 50%;transform: translateX(-50%);position: absolute;top: 0;}

.segement{border-top: 1px solid #eaecef; height: 40px;}

.content-div{padding-left: 70px; padding-right: 70px;}
.content div {float: left; border: 1px solid #E5F0FC; border-radius: 5px; padding: 12px; margin-left: 20px; width: calc(25% - 15px); height: auto; min-height: 150px; line-height: 28px;}
.content div:first-child{margin-left: 0px;}
.content h2 {font-size: 1.4rem;font-weight: 500;border-bottom: none;padding-bottom: 0;color: #3a5169; margin-bottom: 10px;}
.content p {color: #4e6e8e;}

.div-me{margin-top: 40px; margin-bottom: 50px; background-color: #F2F7FF; padding-top: 40px; padding-bottom: 40px;}
.box-shadow{box-shadow:5px 5px 6px #ddd;}
.project-module{width: calc(50% - 12px); height: 180px; padding: 20px; margin-top: 10px; margin-bottom: 10px; border: 1px solid #ddd; border-radius: 3px; box-shadow:1px 1px 5px 1px #ddd; cursor: pointer;}
.project-module-title{height: 40px; font-size: 18px;padding-left: 10px; }
.project-module-remark{height: 80px; padding-left: 10px;text-indent: 20px; line-height: 25px; }
.project-module-footer{border-top: 1px dashed #DDDDDD; line-height: 40px; padding-left: 10px;}
.project-module-footer a{color: #65bd93;}

.footer-div{width: 100%; height: 100px; line-height: 100px; color: #4e6e8e; font-size: 16px;}
.footer-div a{margin:0 20px; color: #4e6e8e;}

.me-title{font-size: 24px;}
.me-content{line-height: 28px}
.me-qq{background: url("../img/me-qq.png") no-repeat; background-size: 150px 150px; width: 150px; height: 150px;}

.nav_img{display: none;}

.popnav_m_f{display: none;}
.pt70{padding-top: 70px;}
@media screen and (max-width: 767px){
    .top{font-size: 16px;}
    .menu{display: none;}
    .popnav_m_f{display: block;}
    .nav_img{background: url(../img/classify.png) no-repeat;width: 22px;height: 22px;background-size: 100%;margin: 19px 8px 0 0;border: none;display: block;}
    .fixedgray{background: rgba(0,0,0,0.48);z-index: 11;left: 100%;transition: all 0.5s linear;height:100%;width:100%;    position: fixed;}
    .popboxnav_f{background: #ffffff;width: 190px;height: 100%;position: fixed;top: 0;right: -190px;z-index: 12;transition: all 0.5s linear;}
    .activem .popboxnav_f.open2s{right: 0;}
    .activem .fixedgray{left: 0;}
    .closepop_f{background: url(../img/nav_close.png) no-repeat;width: 15px;height: 18px;background-size: cover;margin: 15px 19px;display: inline-block;}
    .navlist_m{padding: 0 25px 0 20px;}
    .navlist_m a{padding: 16px 0;display: block;font-size: 15px;color: #4A4A4A;line-height: 18px;}
    .navlist_m a.active{color: #3EAF7C;background: url(../img/right.png) no-repeat right;background-size: 12px 8px;}

    .segement{height: 20px;}

    .pl70{padding-left: 30px;}
    .pr70{padding-right: 30px;}
    .content div{width: 100%;}
    .content div{width: 100%;height: auto; min-height: 120px; float: none;margin-left: 0;margin-top: 10px;}
    .title1{font-size: 20px;margin-bottom: 15px;}
    .title1 span{white-space: nowrap;}
    .title1:before{top: 14px;}
    .banner{height: 300px;}
    .banner-1{height: 60px; line-height: 60px; font-size: 20px; letter-spacing: 1px;}
    .banner-2{font-size: 20px;}
    .pt70{padding-top: 30px;}
    .pl50 {padding-left: 30px;}
    .pr50 {padding-right: 30px;}

    .div-me{margin-top: 30px; margin-bottom: 20px;padding-top:30px; padding-bottom: 20px;}

    .footer-div{width: 100%;line-height: 60px; font-size: 14px;height: auto;}
    .footer-div a{margin:0 20px;display: none;}
    .footer-desc{display: none;}

    /*项目*/
    .command{padding: 0 30px 30px 30px;}
    .project-module{width: 100%;margin: 10px 0 0 0;height: auto;padding-bottom: 0;}
    .project-module-remark{height: auto;}

    /*我们*/
    .me-title{font-size: 18px;}
    .me-title-div{line-height: 20px;font-size: 14px;}
}