/* PC */
.banner {
    width: 100%;
    height: 620px;
    position: relative;
}

.banner .bannerbox .title {
    left: 0;
    top:165px;
    font-size: 51px;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 77px;
}
.banner .bannerbox{
    width: 1220px;
    height: 100%;
    position: absolute;
    text-align: left;
    left: 50%;
    margin-left: -610px;
}
.banner .bannerbox .msg {
    width: 543px;
    position: absolute;
    left: 0;
    top: 250px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: rgba(255, 255, 255, 0.8);
    line-height: 26px;
}

.banner .bannerbox .menulist {
    position: absolute;
    /* left: 50%;
    margin-left: -600px;
    bottom: 64px; */
    width: 1200px;
    text-align: left;
    font-size: 16px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 24px;
    margin-bottom: 20px;
}

.banner .bannerbox .menulist a {
    text-decoration: none;
    color: rgba(255, 255, 255, 0.8)
}

.banner .menulist .line {
    margin: 0 10px;
    color: rgba(255, 255, 255, 0.5);
}

.banner .tabar {
    width: 100%;
    height: 64px;
    position: absolute;
    left: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    backdrop-filter: saturate(180%) blur(20px);
}

.banner .tabar .tabbatitembox {
    display: flex;
    width: 1200px;
    position: absolute;
    left: 50%;
    margin-left: -600px;
}

.banner .tabar .tabbatitemdefault {
    min-width: fit-content;
    width: auto;
    height: 61px;
    box-sizing: content-box;
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #FFFFFF;
    line-height: 61px;
    text-align: center;
    cursor: pointer;
    padding: 0 30px;
}

.banner .tabar .tabbatitem {
    min-width: fit-content;
    height: 61px;
    box-sizing: content-box;
    background: #FFFFFF;
    border-top: 3px solid #E60113 !important;
    font-size: 20px;
    font-family: SourceHanSansCN-Medium, SourceHanSansCN;
    font-weight: 500;
    color: #222222 !important;
    line-height: 61px;
    text-align: center;
    cursor: pointer;
    padding: 0 30px;
}

.cpuproducebox {
    width: 100%;
}



.cpuproducebox .informationmsg {
    width: 100%;
    min-width: 1220px;
    background-color: #fff;
}

.cpuproducebox .informationmsg .contentbox {
    width: 1220px;
    margin: 0 auto;
    text-align: center;
    padding-top: 60px;
    padding-bottom: 80px;
}

.cpuproducebox .informationmsg .contentbox .leftmsg {
    width: 1220px;
}

.cpuproducebox .informationmsg .contentbox .leftmsg .msgtitle {
    font-size: 38px;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #333333;
    line-height: 57px;
    margin-bottom: 25px;
}

.cpuproducebox .informationmsg .contentbox .leftmsg .msg {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
}

.cpuproducebox .informationmsg .contentbox .rightimg {
    width: 584px;
    height: 304px;
    border: 1px solid #ccc;
}

.cpuproducebox .informationmsg .infocontent {
    width: 100%;
    padding-bottom: 100px;
    padding-top: 60px;
}

.cpuproducebox .informationmsg .infocontent .infoitem {
    width: 1220px;
    height: 465px;
    margin: 0 auto;
    background-color: #fff;
    box-shadow: 0px 2px 25px 0px rgba(0, 106, 242, 0.05);
    margin-bottom: 64px;
}

.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs {
    width: 100%;
    height: 87px;
    /* border-bottom: 1px solid #DDDDDD; */
    padding-left: 68px;
    background-color: #fff;
    box-sizing: border-box;

}

.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs li {
    line-height: 86px;
    padding-left: 60px;
    padding-right: 60px;
    background-color: #fff;

}

.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs li a {
    height: 86px !important;
    font-size: 20px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #222222;
    margin: 0;
    padding: 0;
    border: none;
    line-height: 84px;
    background-color: #fff;
}
.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs li:hover{
    background-color: #fff;
    border: none;
    line-height: 86px;
    border-bottom: 2px solid red;
}
.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs li:focus{
    background-color: #fff;
    border: none;
    line-height: 86px;
    border-bottom: 2px solid red;
    background-color: #fff;
}
.cpuproducebox .informationmsg .infocontent .infoitem .nav-tabs li.active{
    background-color: #fff;
    border: none;
    line-height: 86px;
    border-bottom: 2px solid red;
}

.infoitem .tab-content>.tab-pane {
    width: 100%;
    height: 378px;
    padding: 46px 76px 73px 68px;
}

.infoitem .tab-content>.tab-pane .tabitemboxleft {
    width: 512px;
    float: left;
}

.infoitem .tab-content>.tab-pane .tabitemboxleft p {
    font-size: 28px;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #222222;
    line-height: 42px;
    margin-bottom: 20px;
}

.infoitem .tab-content>.tab-pane .tabitemboxleft span {
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: 36px;
}

.infoitem .tab-content>.tab-pane .tabitemboxright {
    width: 494px;
    height: 259px;
    float: right;
}

.infoitem .tab-content>.tab-pane .tabitemboxright img {
    width: 100%;
    height: 100%;
}

.infocontent .infoitembox {
    width: 100%;
    padding-top: 40px;
    text-align: center;
    background-color: #fff;
}

.infocontent .infoitembox .infoitemboxtitle {
    font-size: 32px;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #222222;
    line-height: 48px;
    margin-bottom: 40px;
}

.infocontent .infoitembox .infoitemboxconteng {
    width: 1220px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    flex-wrap: wrap;
    background-color: #fff;
}

.infocontent .infoitembox .infoitemboxconteng:after {
    content: "";
    width: 290px;
    height: 0px;
    visibility: hidden;
}

.infocontent .infoitembox .infoitemboxconteng .solveitem {
    width: 290px;
    margin-bottom: 46px;
    text-align: center;
}

.infocontent .infoitembox .infoitemboxconteng .solveitem img {
    width: 290px;
    height: 210px;
    margin-bottom: 20px;
}

.infocontent .infoitembox .infoitemboxconteng .solveitem p {
    font-size: 22px;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: 33px;
}



.cpuproducebox .industrialcontrol {
    width: 1220px;
    margin: 0 auto;
    padding-top: 50px;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem {
    width: 100%;
    height: 520px;
    border: 1px solid #ccc;
    margin-bottom: 50px;
    position: relative;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .title {
    position: absolute;
    left: 50px;
    top: 60px;
    font-size: 26px;
    color: #fff;
    margin-bottom: 30px;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .msg {
    width: 450px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #fff;
    line-height: 28px;
    position: absolute;
    left: 50px;
    top: 116px;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .msgtext {
    width: 400px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #000;
    position: absolute;
    left: 50px;
    top: 150px;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .classification {
    width: 450px;
    font-size: 16px;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #fff;
    line-height: 26px;
    position: absolute;
    left: 50px;
    bottom: 150px;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .classification span {
    margin-right: 20px;
    color: #fff;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .classification span a {
    color: #FFFFFF;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .showmorebtn {
    width: 150px;
    height: 50px;
    border: 1px solid #fff;
    position: absolute;
    left: 50px;
    bottom: 67px;
    text-align: center;
    line-height: 50px;
    font-size: 20px;
    cursor: pointer;
}

.cpuproducebox .industrialcontrol .industrialcontrolitem .showmorebtn a {
    color: #fff;
    text-decoration: none;
    display: block;
    width: 150px;
    height: 50px;
}










.transitionimg {
    transform: scale(1.05);
    -webkit-transform: scale(1.05);
    /*Safari 鍜 Chrome*/
    -moz-transform: scale(1.05);
    /*Firefox*/
    -ms-transform: scale(1.05);
    /*IE9*/
    -o-transform: scale(1.05);
    /*Opera*/
    transition-duration: 0.25s;
}


/* H5 */
.mobile .mobiletopbanner {
    width: 10rem;
    height: 8rem;
    position: relative;
}

.mobile .mobiletopbanner img {
    position: absolute;
    left: 0;
    top: 0;
    width: 10rem;
    height: 8rem;
}

.mobile .mobiletopbanner .mobiletopbannertitle {
    width: 3.84rem;
    font-size: 0.64rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 0.96rem;
    position: absolute;
    left: 50%;
    margin-left: -1.92rem;
    top: 5.36rem;
    text-align: center;
}
.mobilecontent {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    display: none;
}

.mobilecontent:first-child {
    display: block;
}
.mobilecontent .chanpintab{
    width: 100%;
}
.mobilecontent .chanpintab .infoitem{
    width: 9.2rem;
    height: 15.73rem;
    background: #FFFFFF;
    box-shadow: 0rem 0.05rem 0.67rem 0rem rgba(0, 106, 242, 0.05);
}
.mobilecontent .chanpintab .infoitem .nav-tabs{
    display: flex;
    align-items: center;
    height: 1.55rem;
}

.mobilecontent .nav-tabs>li>a{
    height: 0.32rem;
    font-size: 0.32rem;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #222222;
    line-height: 0.1rem;
}
.mobilecontent .nav-tabs>li.active, .nav-tabs>li.active:focus, .nav-tabs>li.active:hover{
    border: 1px solid transparent;
    background-color: #fff;
    border-bottom: 0.05rem solid red;
    line-height: 1.5rem;
    box-sizing: border-box;
}
.mobilecontent .nav-tabs>li.active>a, .nav-tabs>li.active>a:focus, .nav-tabs>li.active>a:hover{
    height: 1.45rem;
    line-height: 1rem;
    border: none !important;
}
.mobilecontent .infoitem .tab-content>.tab-pane{
    padding: 0;
}
.mobile .mobilecontent .chanpintab .tabitemboxleft{
   width: 9.2rem;
   padding-left: 0.4rem;
   padding-right: 0.4rem;
}
.mobile .mobilecontent .chanpintab .tabitemboxleft p{
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #222222;
    line-height: 0.72rem;
    text-align: center;
    margin-top: 0.56rem;
}
.mobile .mobilecontent .chanpintab .tabitemboxright{
    width: 8.4rem;
    height: 4.38rem;
    background: #000000;
    margin-bottom: 0.53rem;
}
.mobile .mobilecontent .chanpintab .tabitemboxright img{
    width: 8.4rem;
    height: 4.38rem;
}
.mobile .mobilecontent .chanpintab .tabitemboxleft span{
    font-size: 0.35rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    line-height: 0.69rem;
}
.mobile .mobilecontent .yitijiejue{
    width: 100%;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.mobile .mobilecontent .yitijiejue .yitijiejueitem{
    width: 9.2rem;
    margin-bottom: 0.13rem;
    margin-top: 0.4rem;
}
.mobile .mobilecontent .yitijiejue .yitijiejueitem img{
    width: 100%;
    height: 6.91rem;
    margin-bottom: 0.2rem;
}
.mobile .mobilecontent .yitijiejue .yitijiejueitem p{
    font-size: 0.35rem;
    font-family: SourceHanSansCN-Normal, SourceHanSansCN;
    font-weight: 400;
    color: #222222;
    text-align: center;;
}
.mobile .mobilecontent .gongkongitem{
    width: 100%;
    height: 3.5rem;
    background-color: #222222;
    margin-top: 0.4rem;
    position: relative;
    margin-bottom: 0.58rem;
    padding-bottom: 0.59rem;
}
.mobile .mobilecontent .gongkongitem img{
    width: 100%;
    height: 3.95rem;
    position: absolute;
    left: 0;
    top: 0;
}
.mobile .mobilecontent .gongkongitem .title{
    font-size: 0.43rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 0.64rem;
    position: absolute;
    left: 0.45rem;
    top: 1.84rem;
}
.mobile .mobilecontent .gongkongitem .middlebox{
    position: absolute;
    left: 0.4rem;
    top: 4.25rem;
    width: 8.4rem;
    font-size: 0.29rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #FFFFFF;
    line-height: 0.51rem;
}
.mobile .mobilecontent .gongkongitem .bottombox{
    position: absolute;
    bottom: 0.59rem;
    left: 0.4rem;
    font-size: 0.29rem;
    font-family: SourceHanSansCN-Light, SourceHanSansCN;
    font-weight: 300;
    color: #FFFFFF;
    line-height: 0.45rem;

}
.mobile .jiejueitem{
    height: 7.79rem;
    position: relative;
    margin-bottom: 0.13rem;
}
.mobile .jiejueitem img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.mobile .jiejueitem .icon{
    width: 2.11rem;
    height: 2.13rem;
    position: absolute;
    left: 50%;
    margin-left: -1.05rem;
    top: 1.79rem;
}
.mobile .jiejueitem .title{
    width: 3.84rem;
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.72rem;
    position: absolute;
    left: 50%;
    margin-left: -1.92rem;
    top: 4.4rem;
    text-align: center;
}
.mobile .jiejueitems{
    height: 7.79rem;
    position: relative;
    margin-bottom: 0.13rem;
}
.mobile .jiejueitems img{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.mobile .jiejueitems .icon{
    width: 2.11rem;
    height: 2.13rem;
    position: absolute;
    left: 50%;
    margin-left: -1.05rem;
    top: 1.79rem;
}
.mobile .jiejueitems .title{
    width: 3.84rem;
    font-size: 0.48rem;
    font-family: SourceHanSansCN-Bold, SourceHanSansCN;
    font-weight: bold;
    color: #FFFFFF;
    line-height: 0.72rem;
    position: absolute;
    left: 50%;
    margin-left: -1.92rem;
    top: 4.4rem;
    text-align: center;
}
.nav>li>a{
    padding: 10px 8px !important;
}
.gaodengtitleh{
    font-size: 0.35rem;
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    font-family: SourceHanSansCN-Regular, SourceHanSansCN;
    font-weight: 400;
    color: #666666;
    text-align: left;
    line-height: 0.69rem;
}