* {
    margin: 0;
    padding: 0;
}

a {
    text-decoration: none;
}

ul, li {
    list-style-type: none;
}

html {
    font-size: 20px !important;
}

img {
    border-style: none;
}

.gray {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

::-webkit-scrollbar {
    width: .3rem;
}

::-webkit-scrollbar-thumb {
    background: #333;
}

::-webkit-scrollbar-track {
    background: #fff;
}

body {
    max-width: 100%;
    /*overflow-x: hidden;*/
    background-color: #fff;
}

.clear {
    clear: both;
}


/*sidebar*/
body{
    overflow-x: hidden;
}

#right_side{
    position: fixed;
    top: 150px;
    width: 200px;
    /*right:0;*/
    right:-125px;
    height: 400px;
    text-align:center;
    z-index:10;
    display:none;
}
#right_side div{
    background-color:rgb(225, 5, 30);
    color:white;
    border-bottom: 1px solid white;
    padding: 15px 0;
    cursor:pointer;
    width:75px;
    /*float:right;*/
    float:left;
    clear:both;
}
a{
    text-decoration:none;
}
.qq a{
    text-decoration:none;
    color:white;
}
.qq i,.word i{
    font-size:20px;
}
#right_side div span{
    font-size:14px;
}
.phone i{
    font-size:25px;
}
.phone{
    width: 200px!important;
    padding: 10px 5px!important;
    position:relative;
    /*right:-135px;*/
    right:0;
    transition: all 0.5s;
}
.phone p{
    display:inline-block;
    vertical-align: middle;
    font-size:17px;
}
.phone p:first-of-type{
    width:30px;
    margin: 0 23px 0 0;
}
.phone p:last-of-type{
    padding-left:0;
    font-size:16px;
}
#right_side .top{
    padding:27px 0;
}
#right_side p{
    font-size:15px;
}
.phone:hover{
    right:135px;
    /*right:-15px;*/
}
.erweima{
    /*position:relative;*/
    padding:0 !important;
}
.erweima .word {
    padding:5px 0 !important;
}
.erweima img{
    width:100%;
}
@media screen and (max-width: 770px) {
    #right_side {
        display:none !important;
    }
}


/*footerr*/
*{
    padding: 0;
    margin: 0;
}
#footer{
    width: 100%;
    background-color: #445268;
    padding:0 0 1.5rem;
}

.leave p{
    padding-bottom: 4px;
    color: #fff;
    font-size: 13px;
    text-align: center;
}
.leave form input{
    width: 70%;
    height: 40px;
    padding-left: 10px;
    border: 1px solid #fff;
    background-color: #364154;
    font-size: 16px;
    outline-color:#fff;
}
.leave form button{
    width: 22%;
    height: 42px;
    margin-left: 4px;
    padding-bottom: 2px;
    border: 1px solid #fff;
    border-radius: 3px;
    background-color: #445268;
    color: #fff;
    font-size: 16px;
}
.service{
    /*width: 80%;*/
    /*margin: 0 auto;*/
    display: flex;
    justify-content: center;
    padding: 25px 0px 20px 0px;
    color: #fff;
}
.service dl{
    width: 18%;
    line-height: 32px;
    font-size:13px;
}
.service dt{
    font-size: 20px;
}
.service a,.links a{
    color: white;
    text-decoration: none;
}
.service a:hover,.links a:hover{
    color: #d22;
}
.links{
    color: #fff;
    border-top: 1px solid #343333;
}
.links ul{
    /*width: 80%;*/
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    padding-top: 14px;
    list-style: none;
}
.links ul li{
    margin-right: 17px;
    line-height: 30px;
    font-size: 14px;
    text-align:center;
}
@media (max-width: 1280px){
    .leave{
        width: 38%;
        margin: 0 auto;
        padding-top: 50px;
    }
}

@media (max-width: 1024px){
    .leave{
        width: 45%;
        margin: 0 auto;
        padding-top: 50px;
    }
}
@media (max-width: 640px){
    .leave{
        width: 60%;
        margin: 0 auto;
        padding-top: 50px;
    }
    /*.service dl dd{*/
    /*    font-size: 13px;*/
    /*}*/
}
@media (max-width: 432px){
    .leave {
        width: 72%;
    }
    .service{
        display: none;
    }
}
@media (max-width: 380px){
    .leave{
        width: 90%;
        margin: 0 auto;
        padding-top: 50px;
    }
    .leave>input {
        width: 69%;
    }
}



.videoImg {
    top: 0;
    width: 100.2%;
    min-height: 100%;
    display: none;
}

.clear {
    clear: both;
}

#topBar {
    width: 100%;
    background: #313132d1;
    position: fixed;
    top: 0;
    z-index: 11;
    display: none;
}

#topBar .topBar_logo {
    float: left;
    width: 200px;
    margin: 22px 20px;
}

#topBar .topBar_logo img {
    width: 90%;
}

#topBar .topBar_bar {
    float: left;
    margin: 50px 3%;
    width: 70%;
}

#topBar .topBar_bar ul {
    text-align: center;
    margin: 0;
}

#topBar .topBar_bar ul li {
    list-style: none;
    display: inline-block;
    margin: 0 3.6%;
}

.banner .bannerTop h1 {
    height: 100%;
}

#topBar .topBar_bar ul li:last-of-type{
    display: none;
}

#topBar .topBar_bar ul li a {
    color: white;
    text-decoration: none;
    font-size: 18px;
}

#topBar .topBar_bar ul li a:hover {
    color: red;
}

#topBar .topBar_zx a {
    color: white;
    text-decoration: none;
    background: orangered;
    border-radius: 32px;
    padding: 10px 20px;
    font-size: 18px;
}

#topBar .topBar_zx {
    position: absolute;
    top: 40%;
    right: 1%;
}

.topBar_logo .logo_Img {
    position: absolute;
    right: 1rem;
    width: 3rem !important;
    top: 1.7rem;
    display: none;
}

.banner {
    width: 100%;
    max-height: 100vh;
    overflow: hidden;
    position: relative;
}

.banner:first-of-type {
    display: none;
}

.banner .bannerBack {
    width: 100%;
    overflow: hidden;
    position: relative;
}

.banner .bannerBack video {
    width: 100%;
    min-height: 100%;
}

.banner .bannerBack:after {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, .2);
}

.banner .bannerTop {
    width: calc(80% - 2rem);
    height: 5.3rem;
    position: absolute;
    left: 3%;
    top: 1.9rem;
}

.banner .bannerTop .bnetpLeft {
    float: left;
    height: 100%;
}

.banner .bannerTop .bnetpLeft img {
    display: block;
    height: 100%;
    width: auto;
}

.banner .bannerTop .bnetpRight {
    float: right;
    color: #fff;
}

.banner .bannerTop .bnetpRight .bepihTop {
    overflow: hidden;
    height: 1.4rem;
//    padding-left: 1.35rem;
    padding-left: 0;
    line-height: 1.4rem;
    margin-bottom: 1rem;
}

.banner .bannerTop .bnetpRight .bepihTop .bphoBox {
    float: right;
    font-size: .7rem;
    margin-left: 0.5rem;
    color: #fff;
}

.banner .bannerTop .bnetpRight .bepihTop .bphoBox span {
    font-size: 1rem;
    font-weight: 600;
    padding-right: .4rem;
}

.banner .bannerTop .bnetpRight .bepihTop .bphoBox input {
    display: block;
    float: left;
    width: 7rem;
    height: 1.35rem;
    background: transparent;
    border: none;
    border-bottom: .05rem solid #fff;
    color: #fff;
}

.banner .bannerTop .bnetpRight .bepihTop .bphoBox button {
    display: block;
    float: left;
    width: 1.4rem;
    height: 1.4rem;
    background: url('../images/search.png') no-repeat center center;
    background-size: auto 80%;
    background-color: transparent;
    border: none;
}

.banner .bannerTop .bnetpRight .bepihBottom {
    font-size: .95rem;
    line-height: 1rem;
    float: right;
}

.banner .bannerTop .bnetpRight .bepihBottom li {
    float: left;
    border-right: .05rem solid rgba(255, 255, 255, .2);
}

.banner .bannerTop .bnetpRight .bepihBottom li a {
    display: block;
    width: auto;
    height: 1rem;
    padding: 0 1rem;
    color: #fff;
}

.banner .bannerTop .bnetpRight .bepihBottom li a p {
    padding-bottom: .5rem;
    border-bottom: .05rem solid rgba(0, 0, 0, 0);
}

.banner .bannerTop .bnetpRight .bepihBottom .hphotmBegin p {
    border-bottom: .05rem solid rgba(225, 5, 30, 1);
    color: rgb(225, 5, 30);
}

.banner .bannerTop .bnetpRight .bepihBottom .hphotmEnd {
    border-right: none;
}

.banner .bannerTop .bnetpRight .bepihBottom .hphotmEnd a {
    font-size: .7rem;
    line-height: .7rem;
    text-align: right;
    padding: 0 0 0 .65rem;
}

.banner .bannerMid {
    position: absolute;
    left: 4.2%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -ms-transform:translate(0, -50%);
    -moz-transform:translate(0, -50%);
    -o-transform:translate(0, -50%);
    overflow: hidden;
}

.banner .bannerMid .bnemdHope {
    height: 2rem;
    line-height: 2rem;
    padding-left: .5rem;
    border-left: .2rem solid rgb(225, 5, 30);
    font-size: .8rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .1rem;
    margin-bottom: .5rem;
}

.banner .bannerMid .bnemdMain {
    line-height: 3rem;
    font-size: 1.8rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .3rem;
    margin-bottom: .5rem;
}

.banner .bannerMid .bnemdInfo {
    line-height: 2rem;
    font-size: .8rem;
    color: #fff;
    font-weight: 600;
    letter-spacing: .1rem;
    margin-bottom: 1.5rem;
}

.banner .bannerMid .bnemdMore {
    line-height: 2rem;
    padding: 0 2.2rem;
    background-color: rgb(225, 5, 30);
    color: #fff;
    font-weight: 400;
    letter-spacing: .1rem;
    float: left;
    font-size: .8rem;
}

.banner .bannerBottom {
    position: absolute;
    left: 50%;
    bottom: 1rem;
    text-align: center;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.banner .bannerBottom p {
    line-height: 1rem;
    font-size: .8rem;
    color: #fff;
    margin-bottom: .5rem;
    font-weight: 600;
}

.banner .bannerBottom img {
    width: 1.4rem;
    height: auto;
    animation: scrollDown 2400ms infinite;
    -webkit-animation: scrollDown 2400ms infinite;
}

@keyframes scrollDown {
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@-webkit-keyframes scrollDown /* Safari and Chrome */
{
    0% {
        opacity: 1;
    }
    50% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.banner .bannerRight {
    width: 14.3%;
    padding-right: 4.2%;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: rgb(0, 0, 0, .5);
    background: -moz-linear-gradient(top, rgb(0, 0, 0, .5) 0%, rgb(0, 0, 0, 0) 100%);
    background: -webkit-linear-gradient(top, rgb(0, 0, 0, .5) 0%, rgb(0, 0, 0, 0) 100%);
    background: linear-gradient(to bottom, rgb(0, 0, 0, .5) 0%, rgb(0, 0, 0, 0) 100%);
    filter: progid:DXImagetransform .Microsoft.gradient(startColorstr='rgb(0,0,0,.5)', endColorstr='rgb(0,0,0,0)', GradientType=0);
}

.banner .bannerRight .bnergtBox {
    height: 1rem;
    line-height: 1rem;
    padding: 1.4rem 0 1.4rem 1.5rem;
    border-bottom: .05rem solid rgba(255, 255, 255, .2);
    font-size: .8rem;
    font-weight: 600;
}

.banner .bannerRight .bnergtBox a,.banner .bannerRight .bnergtBox p{
    color: #fff;
}

.banner .bannerRight .bnergtBox span {
    font-weight: 300;
    font-size: .7rem;
    float: right;
}

.banner .bannerRight .bnergtMore {
    text-align: center;
}

.banner .bannerRight .bnergtMore .begmrIcon {
    display: inline-block;
    width: .5rem;
    height: .5rem;
    background-color: #fff;
    margin: .25rem;
    border-radius: 50%;
}

.banner .bannerRight .bnergtMore .begmrOne {
    animation: loadLike 2400ms infinite;
    -webkit-animation: loadLike 2400ms infinite;
}

.banner .bannerRight .bnergtMore .begmrTwo {
    animation: loadLike 2700ms infinite;
    -webkit-animation: loadLike 2700ms infinite;
}

.banner .bannerRight .bnergtMore .begmrThr {
    animation: loadLike 3000ms infinite;
    -webkit-animation: loadLike 3000ms infinite;
}

@keyframes loadLike {
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

@-webkit-keyframes loadLike /* Safari and Chrome */
{
    0% {
        opacity: 0.2;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0.2;
    }
}

.about {
    padding: 2rem 0 3.5rem;
    overflow: hidden;
}

.about .aotMain {
    width: calc(95.8% - 4.5rem);
    float: right;
    overflow: hidden;
    padding-right: 4.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.about .aotMain h2 {
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    text-align: right;
    margin-bottom: 2rem;
}

.about .aotMain ul {
    width: 100%;
    overflow: hidden;
}

.about .aotMain ul li {
    width: 23.5%;
    overflow: hidden;
    float: left;
    margin-right: 2%;
}

.about .aotMain ul li .atanTit {
    font-size: 1.4rem;
    font-weight: 600;
    line-height: 2.5rem;
    color: #000;
}

.about .aotMain ul li .atanNum {
    font-size: 3rem;
    font-weight: 600;
    color: rgb(225, 5, 30);
    line-height: 3.45rem;
}

.about .aotMain ul li .atanInfo {
    font-size: .75rem;
    line-height: 1.75rem;
}

.about .aotMain ul li .atanInfoEn {
    font-size: .75rem;
    line-height: 1.75rem;
    height: 3.5rem;
    overflow: hidden;
}

.about .aotMain ul li .atanBox {
    width: 100%;
    height: 18rem;
    overflow: hidden;
    position: relative;
}

.about .aotMain ul li .atanBox img {
    height: 18rem;
    width: auto;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.about .aotMain ul .atanEnd {
    margin-right: 0;
}

.business {
    padding: 2rem 0 3rem;
    overflow: hidden;
    background-color: rgb(249, 249, 252);
    box-shadow: inset .4rem .4rem 1rem 0 rgba(31, 68, 146, 0.2), inset -0.4rem -0.4rem 1rem 0 #fff;
    -webkit-box-shadow: inset .4rem .4rem 1rem 0 rgba(31, 68, 146, 0.2), inset -0.4rem -0.4rem 1rem 0 #fff;
    margin-bottom: 3rem;
}

.business .bsnsMain {
    width: 100%;
    padding: 0 4.2%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.business .bsnsMain h2 {
    height: 3.2rem;
    line-height: 3.2rem;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    text-align: right;
    margin-bottom: 2.7rem;
}

.business .bsnsMain ul {
    width: 100%;
}

.business .bsnsMain ul .bnmiLeft {
    float: right;
    width: 19.2rem;
    height: 11.6rem;
    padding-left: 2.4rem;
    margin: 4.75rem 0 4.75rem 5rem;
}

.business .bsnsMain ul .bnmiLeft .bmlfTit {
    height: 4.4rem;
    overflow: hidden;
    text-align: justify;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 1.4rem;
    font-weight: 700;
}

.business .bsnsMain ul .bnmiLeft .bmlfInfo {
    height: 2.2rem;
    line-height: 1.1rem;
    overflow: hidden;
    text-align: justify;
    font-size: .75rem;
}

.business .bsnsMain ul .bnmiLeft .bmlfMore {
    witdh: 100%;
    height: 1.6rem;
    padding: 1rem 0;
    overflow: hidden;
}

.business .bsnsMain ul .bnmiLeft .bmlfMore a {
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    padding: 0 .8rem;
    background-color: #38A1F3;
    border-radius: .8rem;
    color: #fff;
    font-size: .7rem;
}

.business .bsnsMain ul .bnmiLeft .bmlfMore span {
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    color: #000;
    font-size: .6rem;
    font-weight: 600;
    padding-left: .8rem;
}

.business .bsnsMain ul .bnmiRight {
    float: left;
    width: calc(100% - 26.6rem);
    height: 21.2rem;
    background-color: #fff;
    -webkit-box-shadow: rgba(31, 68, 146, 0.2) 0 1rem 3.5rem;
    box-shadow: rgba(31, 68, 146, 0.2) 0 1rem 3.5rem;
    overflow: hidden;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft {
    float: right;
    width: 7.4rem;
    height: 100%;
    padding: 2.8rem 2.2rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li {
    width: 3rem;
    margin-bottom: 1.2rem;
    cursor: pointer;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft .brtetEnd {
    margin-bottom: 0rem;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetImg {
    width: 3rem;
    height: 3rem;
    background-image: url('../images/icon1.png');
    background-size: 60px auto;
    background-repeat: no-repeat;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetOne {
    background-position: 0 0;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetOneG {
    background-position: 0 -241px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetTwo {
    background-position: 0 -60px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetTwoG {
    background-position: 0 -303px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetThr {
    background-position: 0 -120px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetThrG {
    background-position: 0 -364px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetFor {
    background-position: 0 -182px;
}

.business .bsnsMain ul .bnmiRight .bmrgtLeft li .brtetForG {
    background-position: 0 -425px;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight {
    width: calc(100% - 7.4rem);
    height: 100%;
    float: left;
    overflow: hidden;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
    display: none;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihBack {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: relative;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihBack img {
    display: block;
    height: 100%;
    width: auto;
    min-width: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable {
    width: 16rem;
    height: 100%;
    padding: 2.8rem 2.6rem 1rem 2.2rem;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: rgb(0, 0, 0, .5);
    position: absolute;
    right: 0;
    top: 0;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalTit {
    height: 4.2rem;
    line-height: 1.4rem;
    padding-right: 1.4rem;
    overflow: hidden;
    font-size: 1rem;
    font-weight: 600;
    text-align: justify;
    position: relative;
    color: #fff;
    margin-bottom: 1.6rem;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalTit:after {
    content: "→";
    position: absolute;
    right: .7rem;
    bottom: 0;
    transition: .3s;
    -moz-transition: .3s; /* Firefox 4 */
    -webkit-transition: .3s; /* Safari 和 Chrome */
    -o-transition: .3s;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable:hover .bthalTit:after {
    right: 0rem;
    transition: .3s;
    -moz-transition: .3s; /* Firefox 4 */
    -webkit-transition: .3s; /* Safari 和 Chrome */
    -o-transition: .3s;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalInfo {
    height: 1.1rem;
    line-height: 1.1rem;
    overflow: hidden;
    text-align: justify;
    font-size: .75rem;
    color: #fff;
    margin-bottom: .8rem;
    transition: .3s;
    -moz-transition: .3s; /* Firefox 4 */
    -webkit-transition: .3s; /* Safari 和 Chrome */
    -o-transition: .3s;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalInfo:hover {
    color: rgb(225, 5, 30);
    transition: .3s;
    -moz-transition: .3s; /* Firefox 4 */
    -webkit-transition: .3s; /* Safari 和 Chrome */
    -o-transition: .3s;
}

.business .bsnsMain ul .bnmiRight .bmrgtRight .brtihOn {
    display: block;
}

.cases {
    width: 100%;
    padding: 2rem 4.2%;
    overflow: hidden;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}

.cases .cssTop {
    width: 100%;
    overflow: hidden;
    margin-bottom: .8rem;
}

.cases .cssTop .csoLeft {
    border: .55rem solid transparent;
    border-top: .9rem solid #E1051E;
    float: left;
}

.cases .cssTop .csoRight {
    float: right;
    line-height: 1.45rem;
    height: 1.45rem;
    overflow: hidden;
    font-size: .75rem;
}

.cases .cssMid {
    overflow: hidden;
}

.cases .cssMid h2 {
    height: 6.4rem;
    line-height: 3.2rem;
    font-size: 2.4rem;
    color: #000;
    font-weight: 600;
    border-bottom: .15rem solid #000;
    float: left;
    padding-bottom: 1.3rem;
}

.cases .cssBottom {
    overflow: hidden;
}

.cases .cssBottom .csotmRight {
    overflow: hidden;
    width: 19.2rem;
    height: 35rem;
    float: right;
    margin-left: 2rem;
}

.cases .cssBottom .csotmRight p {
    height: 1.1rem;
    line-height: 1.1rem;
    overflow: hidden;
    text-align: justify;
    font-size: .75rem;
    margin-bottom: .8rem;
    color: #000;
}

.cases .cssBottom .csotmRight p:hover {
    text-decoration: underline;
}

.cases .cssBottom .csotmRight .comihTit {
    font-weight: 600;
    color: #464646;
    margin-bottom: 1.6rem;
}

.cases .cssBottom .csotmLeft {
    width: 14.4rem;
    height: 35rem;
    float: left;
    overflow: hidden;
    margin-left: 2rem;
    position: relative;
}

.cases .cssBottom .csotmLeft .cometMore {
    width: 100%;
    height: 1.1rem;
    line-height: 1.1rem;
    overflow: hidden;
    font-size: .75rem;
    color: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    padding-left: 1.5rem;
}

.cases .cssBottom .csotmLeft .cometMore:after {
    content: "";
    width: 0;
    height: 0;
    border: .55rem solid transparent;
    border-left: .9rem solid #E1051E;
    position: absolute;
    left: 0;
    bottom: 0;
}

.cases .cssBottom .csotmLeft .cometType {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}

.cases .cssBottom .csotmLeft .cometType p {
    height: 1.1rem;
    line-height: 1.1rem;
    overflow: hidden;
    text-align: justify;
    font-size: .75rem;
    margin-bottom: .8rem;
    color: #000;
    font-weight: 600;
}

.cases .cssBottom .csotmLeft .cometType p:hover {
    color: rgb(225, 5, 30);
    transition: .3s;
    -moz-transition: .3s; /* Firefox 4 */
    -webkit-transition: .3s; /* Safari 和 Chrome */
    -o-transition: .3s;
}

.cases .cssBottom .csotmMid {
    width: calc(100% - 37.6rem);
    height: 35rem;
    float: left;
    overflow: hidden;
}

.cases .cssBottom .csotmMid .comiTop {
    width: 100%;
    height: 31.85rem;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain {
    width: 100%;
    height: 31.85rem;
    position: relative;
    overflow: hidden;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft {
    width: 50%;
    height: 22.35rem;
    position: absolute;
    top: 4.75rem;
    left: 0;
    z-index: 1;
    cursor: pointer;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight {
    width: 50%;
    height: 22.35rem;
    position: absolute;
    top: 4.75rem;
    right: 0;
    z-index: 1;
    cursor: pointer;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain div {
    -moz-transition: .6s; /* Firefox 4 */
    -webkit-transition: .6s; /* Safari 和 Chrome */
    -o-transition: .6s;
    overflow: hidden;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain img {
    -moz-transition: .6s; /* Firefox 4 */
    -webkit-transition: .6s; /* Safari 和 Chrome */
    -o-transition: .6s;
    overflow: hidden;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft img, .cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight img {
    display: block;
    width: auto;
    min-width: 100%;
    height: 100%;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft img {
    position: absolute;
    left: 0;
    top: 0;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft:hover img {
    height: 110%;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight img {
    position: absolute;
    right: 0;
    top: 0;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight:hover img {
    height: 110%;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiMid {
    width: 50%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    z-index: 2;
    cursor: pointer;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiMid img {
    display: block;
    width: auto;
    min-width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiBack {
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, .5);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiMid:hover .ctmiBack {
    opacity: 1;
}

.cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiBack p {
    line-height: 2.4rem;
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

.cases .cssBottom .csotmMid .comiBottom {
    width: 100%;
    height: 3rem;
    line-height: 3rem;
    position: relative;
    border-bottom: .15rem solid #464646;
    font-size: .75rem;
    color: #464646;
    text-align: center;
}

.cases .cssBottom .csotmMid .comiBottom div,
.banner .bannerTop .bnetpRight img{
    display: none;
}

.cases .cssBottom .csotmMid .comiBottom .cmbtoOn {
    display: block;
}

.cases .cssBottom .csotmMid .comiBottom .cmbtoNum {
    position: absolute;
    left: 0;
    top: 0;
    text-align: left;
    font-weight: 600;
}

/*留言*/
#message {
    background: #eeeef0;
    padding: 20px 0;
    text-align: center;
    width: 100%;
}

#message h2 {
    margin: 40px 0 15px;
    font-weight: inherit;
    font-size: 1.75rem;
}

#message h3 {
    font-weight: inherit;
    color: grey;
    margin: 10px 0 40px;
    font-size: 0.9rem;
}

.message_div {
    width: 70%;
    margin: 0 auto;
}

.message_div_input p {
    position: relative;
    width: 100%;
    margin: 20px 0;
}

.message_div_input {
    display: inline-block;
    vertical-align: top;
    width: 45%;
    margin: 0 1%;

}

.message_div_input input {
    border: none;
    width: 90%;
    padding: 20px 10px 20px 40px;
    border-radius: 5px;
    font-size: 17px;
    color: grey;
}

.message_div_input input:focus, .message_div_input textarea:focus {
    outline: none;
}

input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
}

.message_div_input img {
    position: absolute;
    top: 15px;
    left: 13px;
    width: 30px;
    height: 30px;
}

#message textarea {
    width: 100%;
    padding: 10px;
    margin: 20px 0;
    font-size: 15px;
    border: none;
    border-radius: 5px;
}

#message textarea::placeholder {
    color: grey;
    font-size: 18px;
}

#message input[type=submit] {
    background: #3e8eea;
    color: white;
    width: 50%;
    height: 65px;
    border: none;
    border-radius: 30px;
    font-size: 18px;
    margin: 25px 0;
    cursor: pointer;
}

#message input[type=submit]:hover {
    opacity: 0.9;
}

#bar {
    width: 100%;
    background: #00000060;
    position: fixed;
    top: 0;
    height: 100vh;
    z-index: 10;
    display: none;
}

.add {
    height: 100%;
    overflow: hidden;
}

.bannerBar {
    position: fixed;
    top: 0;
    right: -8rem;
    z-index: 10;
    background: black;
    height: 100vh;
    width: 145px;;
}

.bannerImg {
    position: absolute;
    top: 0;
    right: 1rem;
    width: 3rem;
    display: none;
}

.bannerBar img {
    width: 3.25rem;
    margin-left: 4.25rem;
}

.bannerImg {
    display: none;
}

.bannerBar ul li {
    list-style: none;
    padding: 10px 16px;

}

.bannerBar ul li a {
    text-decoration: none;
    color: white;
}

@media screen and (min-width: 1481px) {

}

@media screen and (max-width: 1370px) {

    .banner .bannerTop .bnetpRight .bepihBottom li a {
        padding: 0 0.6rem;
        font-size: 0.9rem;
    }

    .about .aotMain, .business .bsnsMain {
        width: 95.8%;
    }

    .business .bsnsMain ul .bnmiLeft {
        margin: 4.75rem 2rem 4.75rem;
    }

    .cases .cssBottom .csotmRight {
        width: 15rem;
    }

    .cases .cssBottom .csotmMid {
        width: calc(100% - 30rem);
    }

    .cases .cssBottom .csotmLeft {
        width: 11rem;
    }

    .message_div {
        width: 90%;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1228px) {
    .banner .bannerRight .bnergtBox {
        padding: 1.4rem 0 1.4rem 0.7rem;
    }

    .banner .bannerTop .bnetpRight .bepihTop .bphoBox span {
        font-size: 0.7rem;
    }

    .business .bsnsMain ul .bnmiLeft {
        margin: 4.75rem 0 4.75rem;
        width: 15rem;
    }

    .business .bsnsMain ul .bnmiRight {
        width: calc(100% - 18rem);
    }

    .cases .cssBottom .csotmRight {
        margin-left: 0;
        width: 12rem;
    }

    .cases .cssBottom .csotmMid {
        width: calc(100% - 26rem);
    }

    #topBar .topBar_bar {
        float: left;
        margin: 50px 0;
        width: 69%;
    }
}

@media screen and (max-width: 1100px) {
    .banner .bannerRight {
        width: 18%;
        padding-right: 3%;
    }

    .about .aotMain ul li .atanInfo {
        font-size: .65rem;
    }

    .about .aotMain ul li .atanBox {
        height: 15rem;
    }

    .about .aotMain ul li .atanInfoEn {
        font-size: .65rem;
    }

    .banner .bannerRight .bnergtBox {
        padding: 1.4rem 0 1.4rem 1rem;
    }

    .banner .bannerTop {
        left: 2%;
    }

    #topBar .topBar_bar {
        width: 60%;
    }

    #topBar .topBar_bar ul li {
        margin: 0 2%;
    }

    .banner .bannerTop .bnetpRight .bepihBottom li a {
        font-size: 0.7rem;
    }
}

@media screen and (max-width: 1000px) {
    .banner .bannerTop {
        width: 82%;
        height: 5rem;
    }

    .banner .bannerMid {
        top: 55%;
    }

    .banner .bannerTop .bnetpRight {
        margin-right: 7%;
    }
}

@media screen and (max-width: 980px) {
    .banner .bannerMid {
        top: 55%;
    }

    .banner .bannerRight .bnergtBox {
        padding: 1rem 0 1rem 0.5rem;
    }

    .banner .bannerRight {
        padding-right: 1%;
    }

    .banner .bannerTop {
        height: 4.3rem;
    }

    .about .aotMain ul li .atanInfo {
        font-size: .6rem;
    }

    .cases .cssBottom .csotmRight {
        display: none;
    }

    .cases .cssBottom .csotmMid {
        width: calc(100% - 13rem);
    }

    #topBar .topBar_bar {
        margin: 50px 2%;
        width: 62%;
    }

    #topBar .topBar_bar ul li {
        margin: 0 1%;
    }

    .banner .bannerTop .bnetpRight .bepihBottom li a {
        padding: 0 0.5rem;
    }

    .banner .bannerTop .bnetpRight {
        margin-right: 2.5rem;
    }

    .banner .bannerTop .bnetpRight .bepihTop .bphoBox {
        margin-left: 0.5rem;
    }
}

@media screen and (max-width: 900px) {
    #topBar .topBar_bar {
        margin: 50px 0;
    }

    #topBar .topBar_bar ul li a {
        font-size: 17px;
    }

    .message_div_input {
        margin: 0 2%;
    }

    .banner .bannerTop .bnetpRight .bepihTop .bphoBox span {
        font-size: 0.5rem;
        padding-right: 0;
    }

    .banner .bannerTop .bnetpRight .bepihTop {
        height: 2rem;
        padding-top: 0.25rem;
    }

    .banner .bannerRight .bnergtBox p {
        font-size: 0.7rem;
    }

    .about .aotMain ul li {
        width: 48%;
    }

    .about .aotMain ul li .atanInfoEn {
        line-height: 1rem;
    }

    .about .aotMain ul li .atanInfoEn {
        height: 2rem;
    }

    .about .aotMain ul li .atanBox {
        margin-bottom: 2rem;
    }

    .about {
        padding: 2rem 0 0.5rem;
    }

    .business .bsnsMain h2 {
        margin-bottom: 1rem;
    }

    .business .bsnsMain ul .bnmiLeft {
        margin: 0;
        width: 40rem;
        height: 8rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfInfo {
        height: 1rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfTit {
        height: 2rem;
    }

    .business .bsnsMain ul .bnmiRight {
        width: 100%;
    }

    .cases .cssBottom .csotmLeft, .cases .cssBottom .csotmMid {
        height: 20rem;
    }

    .cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft, .cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight {
        height: 13.35rem;
        top: 1.75rem;
    }

    .cases .cssBottom .csotmMid .comiTop {
        height: 16.8rem;
    }

    .cases .cssBottom .csotmMid .comiTop .cmtpMain {
        width: 100%;
        height: 16.85rem;
    }

    .banner .bannerTop .bnetpRight .bepihBottom li a {
        padding: 0 0.5rem;
    }
}

@media screen and (max-width: 840px) {
    .banner .bannerRight .bnergtBox {
        padding: 0.95rem 0 0.95rem 0.5rem;
    }

    .banner .bannerRight .bnergtBox p {
        font-size: 0.65rem;
    }

    .banner .bannerRight .bnergtBox {
        font-size: 0.65rem;
    }

    .about .aotMain h2, .business .bsnsMain h2 {
        font-size: 2rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfTit, .business .bsnsMain ul .bnmiLeft .bmlfInfo,
    .business .bsnsMain ul .bnmiLeft .bmlfMore {
        text-align: right;
    }

    .banner .bannerMid .bnemdMain {
        font-size: 1.5rem;
        margin-bottom: 0;
    }

    .banner .bannerMid .bnemdInfo {
        margin-bottom: 0.5rem;
    }

    .cases .cssMid h2 br {
        display: none;
    }

    .cases .cssMid h2 {
        height: 3rem;
        padding-bottom: 0.5rem;
        margin-bottom: 1rem;
        width: 100%;
    }

    #topBar .topBar_bar {
        margin: 50px -30px;
        width: 55%;
    }

    #topBar .topBar_bar ul li {
        margin: 0 1%;
    }

    .banner .bannerTop {
        height: 3.5rem;
    }

    .banner .bannerTop .bnetpRight {
        margin-right: 1.5rem;
    }

    .banner .bannerTop .bnetpRight .bepihTop {
        height: 1.5rem;
        padding-top: 0;
    }

    .banner .bannerTop .bnetpRight .bepihBottom {
        font-size: .95rem;
        line-height: 0;
    }

    .banner .bannerTop .bnetpRight .bepihBottom li a {
        padding: 0 0.5rem;
    }
}
@media screen and (max-width: 770px) {
    .banner .bannerBottom{
        display:none;
    }
    .banner .bannerMid .bnemdMain {
        line-height: 2rem;
        font-size: 1.2rem;
        letter-spacing: .1rem;
    }
    #topBar .topBar_bar,#topBar .topBar_zx{
        display:none;
    }
    .banner .bannerTop .bnetpLeft{width:30%;}
    .banner .bannerTop .bnetpRight .bepihBottom{
        position: fixed;
        top: 0;
        right: -40%;
        background: black;
        z-index: 12;
        padding: 4rem 0;
        width: 40%;
        height: 100%;
    }
    .banner .bannerTop .bnetpRight .bepihBottom img{
        display:block;
        position:absolute;
        top:1rem;
        right:1.15rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom li{float:none;padding:18px 14px;}
    .banner .bannerTop .bnetpRight .bepihBottom li a{font-size:1rem;}
    .banner .bannerTop .bnetpRight .bepihBottom li:nth-of-type(7){display:block;}
    .banner .bannerBack video {
        display: none;
    }
    .videoImg {
        display: block;
    }
    .banner .bannerBack:after {
        background-color: rgba(0, 0, 0, .2);
    }
    .banner .bannerTop {
        width: 100%;
    }
    .message_div_input {
        width: 41%;
        margin: 0 4%;
    }
    .banner .bannerRight, .banner .bannerBottom {
        display: none;
    }
    .bannerImg{
        right:7%;
        width:3rem;
    }
    .bannerImg, .logo_Img {
        display: block !important;
    }
    .banner .bannerMid .bnemdMain {
        line-height: 2rem;
        font-size: 1.2rem;
        letter-spacing: .1rem;
    }
    .about .aotMain h2, .business .bsnsMain h2 {
        font-size: 1.5rem;
    }
    .about .aotMain ul li .atanNum {
        font-size: 2rem;
        line-height: 2rem;
    }
    .about .aotMain ul li .atanTit {
        font-size: 1rem;
    }
    .business .bsnsMain ul .bnmiLeft .bmlfTit {
        font-size: 1rem;
    }
    .business .bsnsMain ul .bnmiLeft .bmlfInfo {
        font-size: .7rem;
    }
    .cases .cssBottom .csotmLeft {
        width: 8rem;
    }
    .cases .cssBottom .csotmMid {
        width: calc(100% - 10rem);
    }
    .business .bsnsMain ul .bnmiLeft .bmlfMore span {
        font-size: .8rem;
    }
    #topBar .topBar_bar, #topBar .topBar_zx {
        display: none;
    }
    .banner .bannerMid {
        top: 60%;
    }
}

@media screen and (max-width: 600px) {
    #message input[type=submit] {
        width: 100%;
    }

    .banner .bannerMid .bnemdMore {
        display: none;
    }

    .banner .bannerMid {
        top: 65%;
    }

    .about .aotMain h2, .business .bsnsMain h2 {
        font-size: 1rem;
    }

    .about .aotMain h2 {
        margin-bottom: 0;
    }

    .about .aotMain ul li .atanTit {
        font-size: 0.8rem;
    }

    .about .aotMain ul li .atanNum {
        font-size: 1.3rem;
        line-height: 1.5rem;
    }

    .about .aotMain ul li .atanBox {
        margin-bottom: 1rem;
    }

    .about .aotMain ul li .atanBox {
        height: 10rem;
    }

    .business {
        padding: 1rem 0 3rem;
    }

    .business .bsnsMain h2 {
        margin-bottom: -1rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfTit {
        margin-bottom: 0;
        font-size: .8rem;
    }

    .cases .cssMid h2 {
        font-size: 1.5rem;
    }

    .message_div_input {
        width: 100%;
        margin: 0;
    }

    #message textarea {
        width: 97%;
        margin: 0;
    }

    .banner .bannerTop {
        top: 1.5rem;
    }
}

@media screen and (max-width: 500px) {
    .videoImg {
        width: 25rem;
    }

    .banner .bannerBack video {
        width: initial;
        height: 280px;
    }

    .about .aotMain ul li .atanBox {
        height: 18rem;
    }

    .about {
        padding: 0 0 0.5rem;
    }

    .about .aotMain ul li .atanTit {
        line-height: 1rem;
    }

    .banner .bannerMid {
        top: 60%;
    }

    .about .aotMain ul li {
        width: 100%;
    }

    .banner .bannerMid .bnemdMain {
        line-height: 1.3rem;
        font-size: 0.9rem;
    }

    .business .bsnsMain ul .bnmiLeft {
        width: 18rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfInfo {
        overflow: initial;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfMore {
        padding: 2rem 0;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtLeft {
        width: 5rem;
        padding: 1.5rem 1rem;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight {
        width: calc(100% - 5rem);
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable {
        width: 100%;
        padding: 1.8rem 0.6rem 1rem 2.2rem;
    }

    .business .bsnsMain ul .bnmiRight {
        height: 18rem;
    }

    .cases .cssBottom .csotmLeft {
        float: none;
        width: 16rem;
    }

    .business {
        padding: 1rem 0 2rem;
        margin-bottom: 0;
    }

    .cases .cssBottom .csotmLeft .cometType {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-evenly;
    }

    .cases .cssBottom .csotmLeft .cometType a {
        margin: 0 1rem;
    }

    .cases .cssBottom .csotmLeft {
        height: 5rem;
        margin-left: 0;
    }

    .cases .cssBottom .csotmMid {
        margin-top: 1rem;
        width: calc(100% - 0rem);
    }

    .cases .cssBottom .csotmLeft .cometMore {
        bottom: -22.5rem;
    }

    .cases .cssBottom .csotmLeft, .cases .cssBottom {
        overflow: initial;
    }

    .message_div_input input {
        width: 85%;
    }

    #message textarea {
        width: 94%;
    }
}

@media screen and (max-width: 400px) {
    .videoImg {
        width: 20rem;
    }

    .banner .bannerMid .bnemdMain {
        line-height: 1rem;
        font-size: 0.7rem;
    }

    .banner .bannerBack video {
        height: 235px;
    }

    .bannerImg {
        width: 2.5rem;
    }

    .banner .bannerTop {
        top: 1rem;
        height: 3rem;
    }

    .banner .bannerMid {
        top: 70%;
    }

    .business .bsnsMain h2 {
        font-size: 0.8rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfTit {
        font-size: .65rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfInfo {
        display: none;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfMore {
        padding: 1rem 0;
    }

    .business .bsnsMain ul .bnmiLeft {
        height: 6rem;
    }

    .about .aotMain h2 {
        font-size: 0.8rem;
        height: 2.5rem;
        line-height: 3rem;
    }

    .about .aotMain ul li .atanBox {
        height: 10rem;
    }

    .about .aotMain ul li .atanBox img {
        height: 100%;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfMore span {
        padding-left: 0.3rem;
    }

    .business .bsnsMain ul .bnmiLeft .bmlfMore a {
        padding: 0 0.6rem;
    }

    .business .bsnsMain ul .bnmiRight {
        width: 100%;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtLeft {
        width: 100%;
        padding: 14rem 1rem 0;
        z-index: -1;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight {
        width: 100%;
        height: 75%;
        position: relative;
        top: -18rem;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtLeft {
        float: none;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtLeft li {
        display: inline-block;
        width: 18%;
        margin: 0 2% 0;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable {
        padding: 0.8rem 0.6rem 1rem 1rem;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalTit {
        font-size: 0.8rem;
        margin-bottom: 1rem;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtRight li .brtihTable .bthalInfo {
        margin-bottom: 0.3rem;
    }

    .cases .cssMid h2 {
        font-size: 1.3rem;
    }

    .cases .cssBottom .csotmMid .comiTop .cmtpMain {
        height: 15rem;
    }

    .cases .cssBottom .csotmMid {
        margin-top: 0;
    }

    .cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiLeft,
    .cases .cssBottom .csotmMid .comiTop .cmtpMain .ctmiRight {
        height: 13rem;
        top: 1rem;
    }

    .cases .cssBottom .csotmMid .comiTop {
        height: 15rem;
    }

    .cases .cssBottom .csotmLeft {
        height: 3rem;
    }

    .cases {
        padding: 1rem 4.2%;
    }

    .cases .cssBottom .csotmLeft .cometMore {
        bottom: -20rem;
    }

    #message h2 {
        font-size: 1rem;
    }

    #message h3 {
        font-size: 0.5rem;
        margin: 10px 0;
    }

    .message_div_input img {
        top: 0.3rem;
    }

    .message_div_input input {
        padding: 0.6rem 0.5rem 0.6rem 2rem;
        width: 80%;
        font-size: 0.6rem;
    }

    #message textarea {
        width: 90%;
    }

    #message textarea::placeholder {
        font-size: 0.6rem;
    }

    #message input[type=submit] {
        width: 90%;
        height: 2.5rem;
        margin: 0.75rem;
    }

    .topBar_logo .logo_Img {
        top:1rem;
    }

    #topBar .topBar_logo img {
        width: 70%;
    }

    #topBar .topBar_logo {
        margin: 22px 7px;
    }
}

@media screen and (max-width: 320px) {
    .business .bsnsMain ul .bnmiLeft .bmlfMore span {
        font-size: 0.6rem;
    }

    .business .bsnsMain ul .bnmiRight .bmrgtLeft {
        padding: 14rem 0 0;
    }

    .cases .cssMid h2 {
        font-size: 1rem;
    }

    .cases .cssBottom .csotmLeft .cometType a {
        margin: 0 0.5rem;
    }

    #topBar .topBar_logo img {
        width: 55%;
    }

    .topBar_logo .logo_Img {
        width: 2.5rem !important;
    }
}



@media screen and (min-width: 961px){
    .banner .bannerTop .rightConsult{
        display:none;
        float:right;
        color: white;
        background: rgb(225, 5, 30);
        border-radius: 1.6rem;
        padding: .5rem 1rem;
        font-size: .9rem;
    }
    .banner .haeFix{
        width:100%;
        height:6.8rem;
        padding:1.25rem 1rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color:rgba(0,0,0,.6);
        position:fixed;
        top:0;
        left:0;
        z-index:11;
    }
    .banner .haeFix .bepihTop,.banner .haeFix .hphotmEnd,.hphotmClose{
        display:none;
    }
    .banner .haeFix .bnetpLeft{
        width:auto;
    }
    .banner .haeFix .bnetpRight{
        height:100%;
        float:left;
        margin:0 6%;
        padding:1.65rem 0;
    }
    .banner .haeFix .bepihBottom{
        height:100%;
        float:none;
    }
    .banner .haeFix .bepihBottom li{
        border-right:none!important;
    }
    .banner .haeFix .rightConsult{
        display:block;
        margin-top:1.05rem;
    }
}
@media screen and (min-width: 1481px){
    .banner .bannerTop .bnetpRight .bepihTop .bphoBox{
        font-size:.7rem;
    }
    .banner .bannerTop .bnetpRight .bepihTop .bphoBox span{
        font-size:1.2rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom{
        font-size:.95rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom li a{
        padding:0 2rem;
    }
}
@media screen and (max-width: 1480px) and (min-width: 960px){
    .banner .bannerTop .bnetpRight .bepihTop .bphoBox{
        font-size:.7rem;
    }
    .banner .bannerTop .bnetpRight .bepihTop .bphoBox span{
        font-size:0.9rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom{
        font-size:.8rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom li a{
        padding:0 .8rem;
    }
}
@media screen and (max-width:960px){
    .banner .bannerTop .bnetpRight .bepihBottom li:nth-last-child(3){
        display:none;
    }
    .banner .bannerRight{
        display:none;
    }
    .banner .bannerTop{
        width:95%;
        height:3.3rem;
    }
    .banner .bannerTop .rightMenu{
        width:1.6rem;
        height:1.6rem;
        position:absolute;
        right:.8rem;
        top:50%;
        transform: translate(0%,-50%);
        -ms-transform:translate(0%,-50%);
        -moz-transform:translate(0%,-50%);
        -webkit-transform:translate(0%,-50%);
        -o-transform:translate(0%,-50%);
    }
    .banner .bannerTop .rightMenu::after,.banner .bannerTop .rightMenu::before{
        content:"";
        position:absolute;
        width:1.6rem;
        height:.2rem;
        background-color:rgb(255,255,255);
        left:0;
    }
    .banner .bannerTop .rightMenu::after{
        top:0;
    }
    .banner .bannerTop .rightMenu::before{
        bottom:0;
    }
    .banner .bannerTop .rightMenu .rgteuBorder{
        width:1.6rem;
        height:.2rem;
        background-color:rgb(255,255,255);
        margin:.7rem 0;
    }
    .banner .bannerTop h1{
        height:100%;
    }
    .banner .bannerTop .bnetpLeft{
        float:left;
        height:100%;
    }
    .banner .bannerTop .bnetpLeft img{
        display:block;
        width:auto;
        height:100%;
    }
    .banner .bannerTop .bnetpRight{
        width:100vw;
        height:100vh;
        background-color:rgba(0,0,0,0.6);
        position:fixed;
        top:0;
        left:0;
        z-index:10;
        display:none;
    }
    .banner .bannerTop .bnetpRight .bepihTop .bepiHidden{
        display:none;
    }
    .banner .bannerTop .bnetpRight .bepihTop .bepiShow{
        display:block;
        width:50%;
        position:absolute;
        top:0;
        left:100%;
        z-index:13;
        -moz-animation:shortenLeft 300ms forwards;
        -o-animation:shortenLeft 300ms forwards;
        -webkit-animation:shortenLeft 300ms forwards;
        animation:shortenLeft 300ms forwards;
    }
    .banner .bannerTop .bnetpMenu .bepiShow .bphoBox{
        height:6.7rem;
        padding:0 1rem;
        line-height:6.7rem;
        font-size:.9rem;
        color:rgb(255,255,255);
    }
    .banner .bannerTop .bnetpMenu .bepiShow .bphoBox span{
        font-size:1.2rem;
        font-weight:600;
        padding-right:.4rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom{
        width:50%;
        height:100vh;
        background-color:rgb(0,0,0);
        padding-top:6.7rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position:absolute;
        left:100%;
        top:0;
        -moz-animation:shortenLeft 300ms forwards;
        -o-animation:shortenLeft 300ms forwards;
        -webkit-animation:shortenLeft 300ms forwards;
        animation:shortenLeft 300ms forwards;
    }
    .banner .bannerTop .bnetpRight .bepihBottom li{
        padding:.6rem 1rem;
        height:1rem;
        float:none;
    }
    .banner .bannerTop .bnetpRight .bepihTop .bphoBox{
        float:none;
    }
    .banner .bannerTop .bnetpRight .bepihBottom .hphotmEnd a{
        font-size:inherit;
        text-align:left;
        padding:0 0 0 .4rem;
    }
    .banner .bannerTop .bnetpRight .bepihBottom li a{
        display:block;
        width:auto;
        height:1rem;
        line-height:1rem;
        font-size:.9rem;
        color:#fff;
    }
    .banner .bannerTop .rightConsult{
        display:none;
    }
    .banner .haeFix{
        width:100%;
        height:5.3rem;
        padding:1rem 1rem;
        -moz-box-sizing: border-box;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        background-color:rgba(0,0,0,.6);
        position:fixed;
        top:0!important;
        left:0;
        z-index:11;
    }
    .banner .bannerTop .bnetpMenu{
        display:block;
    }
    .banner .bannerTop .bnetpRight .hphotmClose{
        position:absolute;
        right:-1.6rem;
        top:1rem;
        width:1.6rem;
        height:1.6rem;
        z-index:15;
        -moz-animation:shortenRight 300ms forwards;
        -o-animation:shortenRight 300ms forwards;
        -webkit-animation:shortenRight 300ms forwards;
        animation:shortenRight 300ms forwards;
    }
    .banner .bannerTop .bnetpRight .hphotmClose::after,.banner .bannerTop .bnetpRight .hphotmClose::before{
        width:  1.2rem;
        height: .15rem;
        background-color:rgb(255,255,255);
        content:"";
        position: absolute;
        top:50%;
        left:50%;
        transition:.3s;
        -moz-transition:.3s;
        -webkit-transition:.3s;
        -o-transition:.3s;
    }
    .banner .bannerTop .bnetpRight .hphotmClose::after{
        transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform:translate(-50%,-50%) rotate(-45deg);
        -moz-transform:translate(-50%,-50%) rotate(-45deg);
        -webkit-transform:translate(-50%,-50%) rotate(-45deg);
        -o-transform:translate(-50%,-50%) rotate(-45deg);
    }
    .banner .bannerTop .bnetpRight .hphotmClose:hover::after{
        transform: translate(-50%,-50%) rotate(45deg);
        -ms-transform:translate(-50%,-50%) rotate(45deg);
        -moz-transform:translate(-50%,-50%) rotate(45deg);
        -webkit-transform:translate(-50%,-50%) rotate(45deg);
        -o-transform:translate(-50%,-50%) rotate(45deg);
    }
    .banner .bannerTop .bnetpRight .hphotmClose::before{
        transform: translate(-50%,-50%) rotate(45deg);
        -ms-transform:translate(-50%,-50%) rotate(45deg);
        -moz-transform:translate(-50%,-50%) rotate(45deg);
        -webkit-transform:translate(-50%,-50%) rotate(45deg);
        -o-transform:translate(-50%,-50%) rotate(45deg);
    }
    .banner .bannerTop .bnetpRight .hphotmClose:hover::before{
        transform: translate(-50%,-50%) rotate(-45deg);
        -ms-transform:translate(-50%,-50%) rotate(-45deg);
        -moz-transform:translate(-50%,-50%) rotate(-45deg);
        -webkit-transform:translate(-50%,-50%) rotate(-45deg);
        -o-transform:translate(-50%,-50%) rotate(-45deg);
    }
    @keyframes shortenLeft
    {
        0% {left:100%;}
        100% {left:50%;}
    }
    @-webkit-keyframes shortenLeft
    {
        0% {left:100%;}
        100% {left:50%;}
    }
    @-moz-keyframes shortenLeft
    {
        0% {left:100%;}
        100% {left:50%;}
    }
    @-o-keyframes shortenLeft
    {
        0% {left:100%;}
        100% {left:50%;}
    }
    @keyframes shortenRight
    {
        0% {right:-1.6rem;}
        100% {right:1rem;}
    }
    @-webkit-keyframes shortenRight
    {
        0% {right:-1.6rem;}
        100% {right:1rem;}
    }
    @-moz-keyframes shortenRight
    {
        0% {right:-1.6rem;}
        100% {right:1rem;}
    }
    @-o-keyframes shortenRight
    {
        0% {right:-1.6rem;}
        100% {right:1rem;}
    }
}