.main-banner{ padding-top: 0px; }
.main-banner img{ width: 100%; }
.sub-menu{ text-align: center; border-bottom: 1px solid #c9c9d2; margin-bottom: 80px; }
.sub-menu a{ display: inline-block; width: 33.333%; line-height: 80px; color: #262626; box-sizing: border-box; border-right: 1px solid #c9c9d2; position: relative; transition: all 0.3s ease; }
.sub-menu a::after{ position: absolute; content: ''; width: 100%; height: 2px; background-color: #e62029; bottom: -1px; left: 0; display: none; }
.sub-menu a.active::after{ display: block; }
.sub-menu a:last-child{ border: none; }
.sub-menu a:hover,.sub-menu a.active{ color: #e62029; }
.sub-menu.w2 a{ width: 50%; }

.history_cont .title{ padding: 120px 0 0 20px; font-size: 34px; color: #53535c; margin-bottom: 40px; }
.history_cont .title span{ display: block; width: 35px; height: 3px; background: #e62029; margin-top: 35px; }
.history_cont .title.h1{ background: url(../../images/aboutbg1.jpg) no-repeat left top; }
.history_cont .title.h2{ background: url(../../images/aboutbg2.jpg) no-repeat left top; }
.history_cont .text{ line-height: 24px; margin-bottom: 40px; font-size: 16px; color: #202029; }
.history_cont .cont1 .text p{ margin-bottom: 30px; }
.history_cont .cont1 img{ display: block; margin: 0 auto; max-width: 100%; }
.history_cont .cont1{ margin-bottom: 70px; }
.history_cont .cont2 .imgbox{ float: left; width: 41%; }
.history_cont .cont2 .imgbox img{ width: 100%; }
.history_cont .cont2 .text{ float: right; width: 50%; }
.history_cont .cont2 .text>p{ padding: 0 20px; }
.history_cont{ margin-bottom: 110px; }

.about_cont{ margin-bottom: 120px; }
.about_cont .cont1{ margin-bottom: 100px; }
.about_cont .cont1 .imgbox{ float: left; width: 40%; }
.about_cont .cont1 .imgbox img{ width: 100%; }
.about_cont .cont1 .text{ float: right; width: 50%; padding-right: 40px; box-sizing: border-box; padding-top: 20px; }
.about_cont .cont1 .text h3{ font-size: 34px; color: #53535c; }
.about_cont .cont1 .text span{ display: block; width: 35px; height: 3px; background: #e62029; margin: 30px 0; }
.about_cont .cont1 .text p{ line-height: 24px; font-size: 16px; margin-bottom: 40px; color: #202029; }
.about_cont .cont1 .text img{ display: block; margin: 0 auto; margin-top: 60px; max-width: 100%; }
.about_cont .cont2{ padding: 0 40px; }
.about_cont .cont2 p{ line-height: 24px; font-size: 16px; margin-bottom: 60px; color: #202029; }
.about_cont .cont2 img{ display: block; margin: 0 auto; margin-bottom: 30px; max-width: 100%; }

.contact_cont{ padding-top: 0px; }
.contact_cont .map_cont{ height: 680px; position: relative; overflow: hidden; margin-bottom: 80px; }
.contact_cont .map_cont iframe{ position: absolute; left: 50%; margin-left: -960px; top: 0; width: 1920; height: 100%; }
.contact_cont .map_cont img{ position: absolute; left: 50%; margin-left: -960px; width: 1920; top: 0; }
.contact_cont .title{ text-align: center; }
.contact_cont .title h3{ font-size: 34px; color: #53535c; margin-bottom: 35px; }
.contact_cont .title span{ display: block; margin: 0 auto; width: 35px; height: 3px; background: #e62029; }
.contact_cont .add{ margin-bottom: 55px; }
.contact_cont .add .title{ margin-bottom: 70px; }
.contact_cont .add li{ display: inline-block; width: 30%; text-align: center; color: #53535c; vertical-align: top; }
.contact_cont .add li img{ margin-bottom: 25px; }
.contact_cont .add li span{ display: block; font-size: 18px; color: #53535c; margin-bottom: 20px; font-weight: bold; }
.contact_cont .add li a{ color: #53535c; transition: all 0.3s ease; }
.contact_cont .add li a:hover{ color: #e62029; }
.contact_cont .add ul{ margin-bottom: 60px; text-align: center; }
.contact_cont .border{ border-top: 1px solid #e3e3e4; border-bottom: 1px solid #e3e3e4; height: 4px; }
.contact_cont .traf{ font-size: 0; }
.contact_cont .traf .tip{ display: inline-block; width: 50%; font-size: 14px; padding: 50px 50px 0 50px; box-sizing: border-box; height: 170px; text-align: center; }
.contact_cont .traf .tip div{ display: inline-block; vertical-align: top; text-align: left; padding-left: 80px; }
.contact_cont .traf .tip b{ color: #53535c; font-size: 18px; margin-bottom: 10px; display: block; }
.contact_cont .traf .tip.t1 div{ background: url(../../images/contacticon4.png) no-repeat left center; }
.contact_cont .traf .tip.t2 div{ background: url(../../images/contacticon5.png) no-repeat left center; }
.contact_cont .traf .tip p{ line-height: 24px; }
.contact_cont .form{ margin-bottom: 100px; }
.contact_cont .form .title{ margin-bottom: 40px; }
.contact_cont .form input[type=text],.contact_cont .form input[type=tel]{ border: 1px solid #cdcdd4; font-size: 18px; height: 70px; padding: 0 30px; box-sizing: border-box; width: 46%; margin-right: 8%; font-weight: bold; color: #666; }
.contact_cont .form input:last-child{ margin-right: 0; }
.contact_cont .form input.border{ border: 1px solid #e62029; }
.contact_cont .form .lis{ margin-bottom: 26px; }
.contact_cont .form textarea{ border: 1px solid #cdcdd4; font-size: 18px; padding: 20px 30px; height: 180px; width: 100%; resize: none; font-weight: bold; color: #666; }
.contact_cont .form input[type=button]{ color: #fff; border: none; background: #e62029; width: 560px; height: 70px; font-size: 22px; font-weight: bold; cursor: pointer; transition: all 0.3s ease; }
.contact_cont .form input[type=button]:hover{ background-color: #cc1d26; }

.lit-menu{ text-align: center; margin: 80px 0; }
.lit-menu a{ font-size: 16px; color: #a6a8b7; width: 102px; height: 28px; line-height: 28px; border: 2px solid #c4c5d7; border-radius: 50px; text-align: center; display: inline-block; margin: 0 25px; transition: all 0.3s ease; }
.lit-menu a.active{ border-color: #e62029; color: #e62029; }
.lit-menu a:hover{ color: #e62029; }
.team_cont{ margin-bottom: 120px; }
.team_cont ul{ margin-bottom: 20px; }
.team_cont li{ float: left; width: 335px; margin-right: 97.5px; padding-bottom: 25px; position: relative; margin-bottom: 50px; }
.team_cont li::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 0; height: 1px; background: #e62029; transition: all 0.5s ease; }
.team_cont li:hover::after{ width: 100%; }
.team_cont li:nth-child(3n){ margin-right: 0; }
.team_cont li .imgbox{ height: 200px; overflow: hidden; text-align: right; margin-bottom: 25px; }
.team_cont li .imgbox img{ min-height: 100%; transition: all 3s ease; max-width: 100%; }
.team_cont li:hover .imgbox img{ transform: scale(1.1); }
.team_cont li .text p{ font-size: 20px; color: #202029; font-weight: bold; margin-bottom: 5px; }
.team_cont li .text{ color: #676774; position: relative; }
.team_cont li .text i{ position: absolute; width: 31px; height: 23px; right: 10px; top: 10px; display: block; background: url(../../images/more.png) no-repeat center; transition: all 0.3s ease; }
.team_cont li:hover .text i{ background: url(../../images/more2.png) no-repeat center; right: 0; }


.news_cont ul{ margin-bottom: 70px; }
.news_cont li{ margin-left: 40px; border: 1px solid #e3e8ec; position: relative; margin-bottom: 50px; }
.news_cont li a{ display: block; padding: 22px 20% 0 100px; box-sizing: border-box; height: 110px; }
.news_cont li .time{ width: 100px; height: 100px; position: absolute; left: -40px; top: -10px; color: #a3a1a6; font-weight: bold; background: url(../images/news/bg1.png) no-repeat center; text-align: center; font-size: 16px; padding-top: 20px; box-sizing: border-box; transition: all 0.3s ease; }
.news_cont li .time span{ width: 66px; height: 1px; background: #d5d2d9; display: block; margin: 8px auto; }
.news_cont li .time p{ font-size: 23px; }
.news_cont li h3{ font-size: 16px; color: #2f2d31; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.news_cont li a>p{ height: 36px; line-height: 18px; overflow: hidden; font-size: 12px; color: #a39ea9; }
.news_cont li .more{ position: absolute; width: 15%; text-align: center; height: 100%; right: 0; top: 0; }
.news_cont li .more::after{ content: ''; width: 1px; background: #e3e8ec; height: 60%; top: 20%; left: 0; position: absolute; }
.news_cont li .more span{ display: inline-block; width: 31px; height: 100%; background: url(../../images/more3.png) no-repeat center; transition: all 0.3s ease; }
.news_cont li:hover .time{ background: url(../../images/newsbg2.png) no-repeat center; color: #fff; }
.news_cont li:hover .more span{ background: url(../../images/more2.png) no-repeat center; transform: translateX(10px); }
.news_cont{ margin-bottom: 120px; }

.case_cont{ padding-top: 100px; }
.case_cont li a{ padding-top: 0; height: 88px; }
.case_cont li h3{ line-height: 88px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: all 0.3s ease; }
.case_cont li .time{ height: 72px; background-position: top center; padding-top: 0; line-height: 72px; }
.case_cont li:hover .time{ background-position: top center; }
.case_cont li:hover h3{ color: #e62029; }

.case_detail{ padding-top: 80px; margin-bottom: 120px; }
.case_detail .det_all{ width: 1000px; margin: 0 auto; }
.case_detail .det_title{ text-align: center; color: #444653; margin-bottom: 40px; }
.case_detail .det_title h3{ font-size: 26px; margin-bottom: 30px; }
.case_detail .det_title span em{ color: #12131c; }
.case_detail .det_title .border{ position: relative; border-top: 1px solid #f0f0f7; border-bottom: 1px solid #f0f0f7; height: 1px; margin-top: 25px; }
.case_detail .det_title .border::after{ content: ''; position: absolute; width: 194px; height: 3px; background-color: #e62029; left: 50%; margin-left: -97px; top: 0; }
.case_detail .html_cont{ width: 910px; margin: 0 auto; line-height: 24px; color: #202029; margin-bottom: 100px; }
.case_detail .html_cont img{ max-width: 100%; }
.case_detail .det_menu{ border: 1px solid #ced4d9; font-size: 0; }
.case_detail .det_menu a{ display: inline-block; font-size: 18px; border-right: 1px solid #ced4d9; text-align: center; line-height: 68px; width: 33.33%; box-sizing: border-box; color: #5b5b64; }
.case_detail .det_menu a:last-child{ border: none; }
.case_detail .det_menu a:hover{ color: #e62029; }
.case_detail .det_menu a.unclick{ color: #d9d9db; }

@media only screen and (max-width: 1280px) {
    .team_cont li{ margin-right: 35px; }
    .team_cont ul{ width: 1075px; margin: 0 auto; }
}
@media only screen and (max-width: 1130px) {
    .team_cont li{ width: 280px; }
    .team_cont li .imgbox{ height: 167px; }
    .team_cont ul{ width: 910px; }
    .about_cont .cont1 .text{ padding: 0; }
    .about_cont .cont1 .text p{ margin-bottom: 20px; }
    .about_cont .cont1 .imgbox{ width: 45%; }
    .contact_cont .traf .tip{ padding: 50px 25px 0 25px; }
}
@media only screen and (max-width: 1000px) {
    .case_detail .det_all{ width: 100%; padding: 0 20px; box-sizing: border-box; }
}
@media only screen and (max-width: 940px) {
    .case_detail .html_cont{ width: 100%; }
}
@media only screen and (max-width: 768px) {
    .case_detail .det_title h3{ font-size: 20px; }
    .sub-menu a{ line-height: 50px; }
    .case_detail .det_menu a{ line-height: 46px; font-size: 16px; }
    .main-banner{ overflow: hidden; }
    .main-banner img{ width: 150%; margin-left: -25%; }
    .team_cont li:nth-child(3n){ margin-right: 30px; }
    .team_cont li:nth-child(2n){ margin-right: 0; }
    .team_cont ul{ width: 595px; }
    .about_cont .cont1{ margin-bottom: 40px; }
    .about_cont .cont1 .text{ width: 100%; }
    .about_cont .cont2{ padding: 0; }
    .about_cont .cont2 p{ margin-bottom: 30px; }
    .about_cont .cont1 .imgbox{ display: none; }
    .about_cont .cont1 .text h3,.contact_cont .title h3,.history_cont .title{ font-size: 28px; }
    .history_cont .cont2 .imgbox{ padding-top: 100px; }
    .contact_cont .traf .tip{ width: 100%; height: auto; text-align: left; padding: 20px; }
    .contact_cont .map_cont{ height: 400px; }
    .contact_cont .map_cont img{ height: 400px; width: auto; margin-left: -564px; }
}
@media only screen and (max-width: 510px) {
    .news_cont li .more{ display: none; }
    .news_cont li{ margin-left: 0; margin-bottom: 30px; }
    .news_cont li a{ padding: 20px; height: auto; }
    .news_cont li .time{ position: static; width: auto; height: auto; text-align: left; color: #a39ea9 !important; font-size: 12px; background: none !important; margin-bottom: 10px; padding-top: 0; }
    .news_cont li .time span{ display: none; }
    .news_cont li .time p{ display: inline-block; margin-left: 10px; font-size: 14px; }
    .news_cont,.case_detail .html_cont,.case_detail,.team_cont,.about_cont,.history_cont{ margin-bottom: 60px; }
    .sub-menu,.news_cont ul,.contact_cont .add ul{ margin-bottom: 40px; }
    .main-banner img{ width: 200%; margin-left: -50%; }
    .case_cont li .time{ line-height: 20px; }
    .case_cont,.case_detail{ padding-top: 40px; }
    .case_cont li h3{ line-height: 24px; max-height: 48px; white-space: initial; }
    .lit-menu{ margin: 40px 0; }
    .lit-menu a{ margin: 0 10px; font-size: 14px; width: 85px; }
    .team_cont li{ margin-right: 0 !important; width: 100%; margin-bottom: 20px; }
    .team_cont ul{ width: 100%; }
    .about_cont .cont1 .imgbox{ display: block; width: 80%; float: none; margin: 0 auto; margin-bottom: 40px; }
    .about_cont .cont1 .text img{ margin-top: 40px; }
    .history_cont .cont2 .imgbox{ width: 100%; padding-top: 0; }
    .history_cont .cont2 .text{ float: none; width: 100%; }
    .history_cont .title{ background-size: auto 100px !important; padding-top: 77px; }
    .contact_cont .form input[type=text], .contact_cont .form input[type=tel]{ width: 100%; margin-bottom: 20px; height: 50px; font-size: 16px; }
    .contact_cont .form .lis{ margin-bottom: 0; }
    .contact_cont .form .lis:last-child{ margin-top: 20px; }
    .contact_cont .form input[type=button]{ width: 100%; font-size: 16px; height: 50px; }
    .contact_cont .add li{ width: 100%; margin-bottom: 30px; }
    .contact_cont .add li img{ width: 50px; }
    .contact_cont .add li br{ display: none; }
    .contact_cont .traf .tip div{ padding-left: 45px; background-size: auto 30px !important; background-position: left 5px !important; }
    .contact_cont .map_cont{ height: 300px; }
    .contact_cont .map_cont img{ height: 300px; width: auto; margin-left: -423px; }
}