/*banner begin*/

    

    .box1 {

        clear: both;

        width: 100%;

        height: 760px;



        position: relative;

    }

    

    .swiper4 {

        height: 760px;

    }

    

    .cbgpe {

        width: 100%;

        position: absolute;

        left: 0px;

        top: 0;

    }

    

    .bpe {

        padding: 8.33vw 0 0 19.79vw;

    }

    

    .bpe_t {

        height: auto;

        overflow: hidden;

        margin-bottom: 45px;

    }

    

    .bpe_t p {

        opacity: 0;

    }

    

    .bpe_t p img {

        display: block;

        max-width: 100%;

        margin-bottom: 35px;

    }

    

    .bpe_c {

        height: auto;

        overflow: hidden;

    }
.newstitle{
height:60px;
line-height:60px;
clear:both;
text-align:right;
}
.newstitle h2{
font-size:22px;
float:left;
font-weight:100;
}   
.newstitle a{
font-size:16px;
color:#666666;
}  
    .bpe_c p {

        color: #fff;

        font-size: 26px;

        line-height: 26px;

        margin-bottom: 70px;

        opacity: 0;

    }

    

    .bpe_c a {

        display: block;

        width: 120px;

        height: 40px;

        border: 1px solid #fff;

        line-height: 40px;

        text-align: center;

        font-size: 16px;

        color: #fff;

        transition: all 0.5s ease;

        opacity: 0;

    }

    

    .bpe_c a img {

        margin-left: 5px;

    }

    

    .bpe_c a:hover {

        border-radius: 10px;

        -webkit-border-radius: 10px;

        -moz-border-radius: 10px;

        -ms-border-radius: 10px;

        -o-border-radius: 10px;

    }

    

    .ani-slide .bpe_t p {

        opacity: 1;

        animation-name: zifadeInUp;

        animation-duration: 2s;

        z-index: 99999

    }

    

    .ani-slide .bpe_t p {

        opacity: 1;

        animation-name: zifadeInUp;

        animation-duration: 2s;

        z-index: 99999

    }

    

    .ani-slide .bpe_t p {

        opacity: 1;

        animation-name: zifadeInUp;

        animation-duration: 2s;

        z-index: 99999

    }

    

    .ani-slide .bpe_c p {

        opacity: 1;

        animation-name: zifadeInUp;

        animation-duration: 2.2s;

        z-index: 99999

    }

    

    .ani-slide .bpe_c a {

        opacity: 1;

        animation-name: zifadeInUp;

        animation-duration: 2.5s;

        z-index: 99999

    }

    

    @media(max-width:1680px) {

        .box1 {

            height: 700px;

        }

        .swiper4 {

            height: 700px;

        }

        .bpe {

            padding: 9.52vw 0 0 12vw;

        }

    }

    

    @media(max-width:1600px) {

        .box1 {

            height: 650px;

        }

        .swiper4 {

            height: 650px;

        }

        .bpe {

            padding: 8.52vw 0 0 21vw;

        }

    }

    

    @media(max-width:1366px) {

        .box1 {

            height: 500px;

        }

        .swiper4 {

            height: 500px;

        }

        .bpe {

            padding: 6.52vw 0 0 19vw;

        }

        .bpe_t {

            margin-bottom: 10px;

        }

        .bpe_c p {

            margin-bottom: 50px;

        }

    }

    

    @media(max-width:1024px) {

        .bpe {

            padding: 100px 30px 0 30px;

        }

        .bpe_t p img {

            max-width: 20%;

            margin-bottom: 15px;

        }

        .bpe_c p {

            font-size: 18px;

            line-height: 24px;

            margin-bottom: 25px;

        }

		.box1 {



			margin-top:90px;

        }

    }

    

    @media(max-width:540px) {

        .box1 {

            height: 350px;

			margin-top:80px;

        }

        .swiper4 {

            height: 350px;

        }

        .bpe {

            padding: 60px 15px 0 15px;

        }

        .bpe_t p img {

            max-width: 35%;

            margin-bottom: 15px;

        }

    }

    

    @media(max-width:450px) {

        .box1 {

            height: 300px;

        }

        .swiper4 {

            height: 300px;

        }

    }

    /*banner end*/

    /*main begin*/

    

    .box2 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

        background: #f7f7f7;

    }

    

    .tjco_t {

        text-align: center;

        color: #333333;

        font-size: 36px;

        line-height: 40px;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        margin-bottom: 60px;

    }

    

    .tjco_t img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

        margin-top: 10px;

    }

    

    .tjco_c {

        width: 100%;

        height: 430px;

        overflow: hidden;

        margin-bottom: 40px;

    }

    

    .tcpr {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #fff;

        min-height:420px !important;
		padding:15px;
       position: relative;

    }

    

    .tcpr dt {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .tcpr dt img {

        display: block;
		width:100%;
		margin:0 auto;

        transition: all 0.5s ease;

    }

    

    .tcpr dd {

        position: absolute;

        left: 0;


        padding: 10px 15px 10px 15px;

        width: 100%;

	

    }

    

    .tcpr dd h2 {

        color: #333333;

        line-height:40px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-size: 22px;

        margin-bottom: 20px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;
		text-align:center;

    }

    .tcpr:hover dd h2 {

        color:#FF0302;

    }    

    .tcpr dd p {

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        transition: all 0.5s ease;

    }

    

    .tcpr dd span {

        display: block;

        font-size: 16px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        color: #666666;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .tcpr:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    .tcpr:hover dd p {

        color: #FF0302;

    }

    


    

    .tjco_b {

        clear: both;

        width: 212px;

        height: 56px;

        margin: 0 auto;

        position: relative;
		

    }

    

    @media(max-width:1366px) {

        .tcpr {

            min-height: 510px !important;

        }

    }

    

    @media(max-width:1024px) {

        .box2 {

            padding: 40px 0;

        }

        .tjco_t {

            font-size: 22px;

            line-height: 24px;

            margin-bottom: 20px;

        }

        .tjco_t img {

            max-width: 20%

        }

        .tcpr {

            padding: 0 0 0 0

        }

        .tcpr dd {

            bottom: 30px;

            padding: 0 30px;

        }

        .tcpr dd h2 {

            font-size: 18px;

            line-height: 24px;

            margin-bottom: 10px;

        }

        .tjco_c {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:540px) {

        .tcpr {

            min-height: 450px !important;

        }

        .tjco_b {

            width: 100px;

        }

    }

    

    @media(max-width:375px) {

        .tcpr {

            min-height: 420px !important;

        }

    }

    

    .box3 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: url(../images/bg1.jpg) no-repeat center center fixed;

        background-size: cover;

        padding: 80px 8.3vw;

    }

    

    .scep_l {

        float: left;

        width: 10.98vw;

        padding-top: 11.19vw;

    }

    

    .tjco_t1 {

        margin-bottom: 0;

    }

    

    .scep_r {

        float: right;

        width: 65.625vw;

    }

    

    .scep_r dl {

        float: left;

        width: 24%;

        height: auto;

        margin-right: 1.3%;

        position: relative;

        min-height: 500px !important;

        overflow: hidden;

    }

    

    .scep_r dl.qcbj {

        margin-right: 0%;

    }

    

    .scep_r dt {

        width: 100%;

        height: auto;

        overflow: hidden;

        position: absolute;

    }

    

    .scep_r dt img {

        display: block;

        width: 100%;

    }

    

    .scep_r dt span {

        display: block;

        position: absolute;

        left: 0;

        top: 0;

        background: rgba(0, 0, 0, 0.5);

        width: 100%;

        height: 100%;

    }

    

    .scep_r dd {

        position: absolute;

        width: 100%;

        height: 100%;

        top: 177px;

        left: 0;

        transition: all 0.5s ease;

    }

    

    .shuiz {

        position: absolute;

        width: 100%;

        height: auto;

        left: 0;

        top: 0;

        transition: all 0.5s ease;

    }

    

    .shuiz img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

    }

    

    .wzoe {

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 0 36px;

    }

    

    .wzoe p img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

        margin-bottom: 30px;

    }

    

    .wzoe h2 {

        text-align: center;

        color: #fff;

        font-size: 18px;

        line-height: 30px;

        height: 60px;

        overflow: hidden;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        margin-bottom: 30px;

        transition: all 0.5s ease;

    }

    

    .yine {

        width: 100%;

        height: 0;

        overflow: hidden;

        transition: all 0.5s ease;

    }

    

    .yine p {

        line-height: 30px;

        font-size: 16px;

        letter-spacing: -1px;

        color: #fff;

    }

    

    .scep_r dl:hover dd {

        top: 0;

        background: #FF0302;

        height: 120%;

        padding-top: 55px;

    }

    

    .scep_r dl:hover dd .shuiz {

        top: 55px

    }

    

    .scep_r dl:hover dd .yine {

        height: auto;

    }

    

    @media(max-width:1680px) {

        .box3 {

            padding: 80px 5.2vw

        }

        .scep_r {

            width: 73vw

        }

    }

    

    @media(max-width:1600px) {

        .yine p {

            line-height: 24px;

            font-size: 14px;

            letter-spacing: -1px;

            color: #fff;

        }

        .scep_r dl {

            min-height: 467px !important;

        }

    }

    

    @media(max-width:1440px) {

        .box3 {

            padding: 80px 4.3vw

        }

        .scep_l {

            width: 12vw;

        }

        .scep_r dl {

            min-height: 420px !important;

        }

        .scep_r dd {

            top: 135px;

        }

        .wzoe {

            padding: 0 28px;

        }

        .wzoe h2 {

            margin-bottom: 10px;

            font-size: 16px;

            line-height: 24px;

            overflow: hidden;

            height: 48px;

        }

        .yine p {

            line-height: 24px;

            font-size: 12px;

            letter-spacing: -1px;

            color: #fff;

        }

    }

    

    @media(max-width:1366px) {

        .scep_r dl {

            min-height: 398px !important;

        }

        .scep_r dd {

            top: 135px;

        }

        .wzoe {

            padding: 0 28px;

        }

        .wzoe h2 {

            margin-bottom: 10px;

            font-size: 16px;

            line-height: 24px;

            overflow: hidden;

            height: 48px;

        }

        .yine p {

            line-height: 24px;

            font-size: 12px;

            letter-spacing: -1px;

            color: #fff;

        }

    }

    

    @media(max-width:1280px) {

        .scep_r dl {

            min-height: 373px !important;

        }

        .scep_l {

            width: 13vw;

        }

    }

    

    @media(max-width:1024px) {

        .box3 {

            padding: 40px 30px

        }

        .scep_l {

            width: 100%;

            margin-bottom: 20px;

        }

        .scep_r {

            width: 100%;

        }

        .scep_r dl:hover dd {

            padding-top: 35px;

        }

        .scep_r dl:hover dd .shuiz {

            top: 35px

        }

    }

    

    @media(max-width:768px) {

        .box3 {

            padding: 40px 30px 20px 30px;

        }

        .scep_r dl {

            width: 48%;

            margin-right: 0;

            margin-bottom: 20px;

        }

        .scep_r dl:nth-child(even) {

            float: right;

        }

    }

    

    @media(max-width:540px) {

        .wzoe p img {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:450px) {

        .wzoe p img {

            margin-bottom: 20px;

        }

        .scep_r dl {

            width: 100%;

            margin-right: 0;

            margin-bottom: 20px;

            min-height: auto !;

        }

    }

    

    .box4 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        padding: 80px 0;

    }

    

    .jdal_c {

        width: 100%;
		height:329px;

        overflow: hidden;

        margin-bottom: 40px;

    }

    

    .dego {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #fff;

    }

    

    .dego dt {

        float: left;

        width: 49%;

        height: auto;

        overflow: hidden;

    }

    

    .dego dt img {

        display: block;

        width: 100%;

        transition: all 0.5s ease;
		padding:15px;

    }

    

    .dego dd {

        float: right;

        width: 51%;

        padding: 100px 84px 0 61px;

    }

    

    .dego dd h2 {

        position: relative;

        min-height: 67px !important;

        color: #333333;

        font-size: 22px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        margin-bottom: 35px;

    }

    

    .dego dd h2::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 20px;

        height: 3px;

        background: #FF0302;

    }

    

    .dego dd p {

        height: 72px;

        overflow: hidden;

        font-size: 16px;

        line-height: 24px;

        color: #666666;

        margin-bottom: 115px;

    }

    

    .dego dd span {

        display: block;

        width: 120px;

        height: 40px;

        border: 1px solid #999999;

        text-align: center;

        line-height: 40px;

        color: #999999;

        font-size: 16px;

        transition: all 0.5s ease;

    }

    

    .dego dd span img {

        margin-left: 10px;

    }

    

    .dego dl:hover dd span {

        border: 1px solid #FF0302;

        color: #FF0302;

    }

    

    .dego dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    @media(max-width:1680px) {

        .dego dd {

            padding: 40px 45px 0 45px

        }

        .dego dd p {

            margin-bottom: 75px;

        }

    }

    

    @media(max-width:1440px) {

        .dego dd {

            padding: 60px 25px 0 25px

        }

        .dego dd p {

            margin-bottom: 45px;

        }

    }

    

    @media(max-width:1366px) {

        .dego dd {

            padding: 40px 25px 0 25px

        }

        .dego dd p {

            margin-bottom: 45px;

        }

    }

    

    @media(max-width:1024px) {

        .box4 {

            padding: 40px 0;

        }

        .dego dd {

            padding: 30px 25px 0 25px

        }

        .dego dd p {

            margin-bottom: 45px;

            font-size: 14px;

            line-height: 24px;

            height: 68px;

            overflow: hidden;

            margin-bottom: 15px;

        }

        .dego dd h2 {

            font-size: 18px;

            line-height: 24px;

            margin-bottom: 20px;

        }

    }

    

@media(max-width:768px) {

    .cpxi_r dl {

        float: left;

        width: 32%;

        height: auto;

        overflow: hidden;

        background: #fff;

        max-height: 450px !important;

        position: relative;

        margin-bottom: 20px;

        margin-right: 2%;
	
padding:15px 0px;
    }

.dego dd {

padding: 90px 25px 0 25px

}
.nonean{
display:none;
}
.box6{
display:none;
}
.fotter_l{
display:none;
}

.banner1{
height:180px;
clear:both;
}
.logo{
text-align:center;
height:80px;
width:100%;
overflow:hidden;
}
.logo img{
height:80px;
}
.nav a{
height:50px;
line-height:50px;
width:33%;
float:left;
background-color:#FF0302;
margin-left:1px;
margin-bottom:1px;
display:block;
color:#FFFFFF;
text-align:center;
font-size:16px;
font-weight:bold;
}
.nav a.selected{
background-color:#000000;
color:#FFFFFF;
}
.maincontent dl{
width:49%;
height:320px;
float:left;
margin-left:1%;
}
.maincontent dl dt img{
height:276px;
border:1px #f3f3f3 solid;
padding:1px;
}
.maincontent dl dd{
height:40px;
line-height:40px;
overflow:hidden;
text-align:center;
}
.pages{
text-align:center;
padding:10px;
}
.cpxi_l li {
margin-bottom:1px;
}
.cpxi_r img{
width:100%;
}
.gywl_l img {
width:100%;
}   
}
@media(min-width:768px) {

.phone_n{
display:none;
}

.banner{
height:500px;

}
.qq {position:absolute;background:url(../images/showqq.gif) 92px no-repeat;left:0;width:100px;height:105px;padding:5px 0;text-align:center;color:#fff;}
.qq .bg {width:100%;height:100%;background:#fff;opacity:0.2;filter:alpha(opacity:20);position:absolute;top:0;left:0;z-index:0;border:5px solid #06F;}
.qq .fg {position:relative;}
.qq p {line-height:180%;margin:4px 0;}
.qq a {color:#fff;}
.maincontent dl{
width:250px;
height:340px;
float:left;
margin:10px 50px 10px 50px;
}
.maincontent dl dt img{
width:248px;
height:296px;
border:1px #f3f3f3 solid;
padding:1px;
}
.maincontent dl dd{
height:40px;
line-height:40px;
overflow:hidden;
text-align:center;
font-size:14px;
}
.pages{
clear:both;
text-align:center;
font-size:14px;
line-height:80px;
}
.pages a{
font-size:14px;
color:#000000;
}
    .cpxi_r dl {

        float: left;

        width: 32%;

        height: auto;

        overflow: hidden;

        background: #fff;
		height:340px;

        position: relative;

        margin-bottom: 20px;

        margin-right: 2%;
	
padding:15px 0px;
    }
    }
    

    @media(max-width:540px) {

        .dego dd {

            padding: 40px 25px 0 25px

        }

    }

    

    @media(max-width:450px) {

        .dego dd {

            width: 100%;

            padding: 25px;

        }

        .dego dt {

            width: 100%;

        }

        .dego dd h2 {

            font-size: 18px;

            line-height: 24px;

            margin-bottom: 20px;

            padding-bottom: 15px;

            min-height: auto !important;

        }

        .dego dd p {

            margin-bottom: 45px;

            font-size: 14px;

            line-height: 24px;

            height: 48px;

            overflow: hidden;

            margin-bottom: 15px;

        }

    }

    

    .box5 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        padding: 0 8.3vw 80px 8.3vw;

    }

    

    .sbxw_c {

        width: 100%;

        height: auto;

    }

    

    .sbxw_c dl {

        float: left;

        width: 32%;

        height: auto;

        margin-right: 2%;

    }

    

    .sbxw_c dl.qcbj {

        margin-right: 0%;

    }

    

    .sbxw_c dt {

        width: 100%;

        height: auto;
        
        overflow: hidden;
		background-color:#FFFFFF;

    }

    

    .sbxw_c dt img {

        display: block;

        width: 100%;

        transition: all 0.5s ease;
		
padding:15px;
    }

    

    .sbxw_c dd {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #fff;

        padding: 20px 20px 20px 20px;

    }

    

    .sbxw_c dd h2 {

        color: #333333;

        font-size: 24px;

        line-height: 36px;

        position: relative;

        padding-left: 15px;

        margin-bottom: 25px;

        transition: all 0.5s ease;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .sbxw_c dd h2::after {

        content: '';

        position: absolute;

        left: 0;

        top: 10px;

        width: 3px;

        height: 16px;

        background: #FF0302;

    }

    

    .sbxw_c dd p {

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        height: 48px;

        overflow: hidden;

        margin-bottom: 60px;

        transition: all 0.5s ease;

    }

    

    .sbxw_c dd span {

        display: block;

        color: #666666;

        font-size: 16px;

        line-height: 30px;

        transition: all 0.5s ease;

        position: relative;

    }

    

    .sbxw_c dd span::after {

        content: '';

        position: absolute;

        right: 10px;

        top: 12px;

        width: 29px;

        height: 10px;

        background: url(../images/bg2.jpg) no-repeat left top;

        opacity: 0;

        transition: all 0.5s ease;

    }

    

    .sbxw_c dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    .sbxw_c dl:hover dd h2,

    .sbxw_c dl:hover dd p {

        color: #FF0302;

    }

    

    .sbxw_c dl:hover dd {

        box-shadow: 0px 6px 18px rgba(0, 0, 0, 0.02);

    }

    

    .sbxw_c dl:hover dd span {

        color: #FF0302;

    }

    

    .sbxw_c dl:hover dd span::after {

        opacity: 1;

        right: 0;

    }

    

    @media(max-width:1680px) {

        .box5 {

            padding: 0 12vw 80px 12vw

        }

    }

    

    @media(max-width:1440px) {

        .box5 {

            padding: 0 4.3vw 80px 4.3vw

        }

    }

    

    @media(max-width:1024px) {

        .box5 {

            padding: 0 30px 40px 30px

        }

        .sbxw_c dd {

            padding: 20px;

        }

        .sbxw_c dd h2 {

            font-size: 20px;

            line-height: 24px;

            margin-bottom: 15px;

        }

        .sbxw_c dd p {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:540px) {

        .box5 {

            padding: 0 15px 40px 15px

        }

        .sbxw_c dl {

            width: 100%;

            margin-bottom: 20px;

        }

        .sbxw_c dd p {

            margin-bottom: 10px;

        }

        .sbxw_c dd h2::after {

            top: 5px;

        }

    }

    

    .sbxw_b {

        clear: both;

        padding-top: 40px;

    }

    

    .sbxw_b a {

        display: block;

        width: 120px;

        height: 40px;

        border: 1px solid #999999;

        text-align: center;

        line-height: 40px;

        margin: 0 auto;

        color: #999999;

        font-size: 16px;

        transition: all 0.5s ease;

    }

    

    .sbxw_b a:hover {

        border: 1px solid #FF0302;

        color: #FF0302;

    }

    

    @media(max-width:540px) {

        .sbxw_b {

            padding-top: 20px;

        }

    }

    

    .box6 {

        clear: both;

        width: 100%;

        height: auto;

    }

    

    .box6 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: url(../images/bg3.jpg) no-repeat center center fixed;

        background-size: cover;

        padding: 80px 8.3vw 60px 8.3vw;

    }

    

    .khwo_b {

        position: relative;

        padding: 0 150px;

    }

    

    .khwo_b1 {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .wrtp {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .wrtp li {

        width: 100%;

        height: auto;

        position: relative;

        margin-bottom: 20px;

        position: relative;

        cursor: pointer;

    }

    

    .wrtp li::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0px;

        height: 2px;

        background: #FF0302;

        transition: all 0.5s ease;

    }

    

    .wrtp li img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

    }

    

    .wrtp li:hover::after {

        width: 100%;

    }

    

    @media(max-width:1680px) {

        .box6 {

            padding: 60px 5.2vw 60px 5.2vw;

        }

        .khwo_b {

            padding: 0px 90px;

        }

		
		
		

    }

    

    @media(max-width:1440px) {

        .box6 {

            padding: 80px 4.3vw 60px 4.3vw;

        }

    }

    

    @media(max-width:1024px) {

        .box6 {

            padding: 40px 30px 20px 30px;

        }

    }

    

    @media(max-width:540px) {

        .box6 {

            padding: 40px 15px 20px 15px;

        }

        .khwo_b {

            padding: 0 60px

        }

    }

    

    .box7 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #ffffff;

        padding: 80px 8.3vw 40px 8.3vw

    }

    

    .boeg {

        float: left;

        width: 106px;

        color: #333333;

        font-size: 20px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        font-weight: bold;

    }

    

    .boed {

        float: right;

        width: 93%;

        height: auto;

    }

    

    .boed a {

        color: #666666;

        font-size: 14px;

        line-height: 28px;

        margin-right: 30px;

    }

    

    @media(max-width:1680px) {

        .box7 {

            padding: 80px 5.2vw 40px 5.2vw

        }

        .boed {

            width: 91%;

        }

    }

    

    @media(max-width:1440px) {

        .box7 {

            padding: 80px 4.3vw 40px 4.3vw

        }

        .boed {

            width: 91%;

        }

    }

    

    @media(max-width:1024px) {

        .box7 {

            padding: 40px 30px 20px 30px

        }

        .boeg {

            margin-bottom: 20px;

        }

        .boed {

            width: 100%;

        }

    }

    

    @media(max-width:540px) {

        .box7 {

            padding: 40px 15px 20px 15px

        }

        .boeg {

            margin-bottom: 20px;

        }

        .boed {

            width: 100%;

        }

    }

    /*main end*/

    /*产品中心 begin*/

    

    .cp_box {

        clear: both;

        width: 100%;

        height: 560px;

        overflow: hidden;

        margin-top: 110px;

        position: relative;

    }

    

    .swiper8 {

        height: 560px;

    }

    

    .wgpg {

        width: 1000px;

        height: auto;

        overflow: hidden;

        margin: 0 auto;

        padding: 65px 0 0 0;

    }

    

    .wgpg_l {

        float: left;

        width: 29%;

        height: auto;

        padding-top: 40px;

        opacity: 0

    }

    

    .wgpg_l p {

        line-height: 25px;

        color: #444648;

        font-size: 16px;

        margin-bottom: 15px;

    }

    

    .wgpg_l h2 {

        color: #444648;

        position: relative;

        padding-bottom: 40px;

        font-size: 26px;

        line-height: 36px;

        margin-bottom: 80px;

    }

    

    .wgpg_l h2 i {

        display: block;

        color: #FF0302;

        font-size: 30px;

        font-weight: bold;

    }

    

    .wgpg_l h2::after {

        content: '';

        position: absolute;

        width: 30px;

        height: 5px;

        background: #FF0302;

        left: 0;

        bottom: 0;

    }

    

    .wgpg_l a {

        display: block;

        width: 120px;

        height: 40px;

        border: 1px solid #FF0302;

        text-align: center;

        line-height: 40px;

        color: #FF0302;

        font-size: 16px;

    }

    

    .wgpg_r {

        float: right;

        width: 73%;

        height: auto;

        overflow: hidden;

        opacity: 0

    }

    

    .wgpg_r img {

        display: block;

        max-width: 100%;

        float: right;

    }

    

    .ani-slide .wgpg_r {

        opacity: 1;

        animation-name: zifadeInRight;

        animation-duration: 2s;

        z-index: 99999

    }

    

    .ani-slide .wgpg_l {

        opacity: 1;

        animation-name: zifadeInLeft;

        animation-duration: 2s;

        z-index: 99999

    }

    

    @media(max-width:1024px) {

        .cp_box {

            margin-top: 80px;

            height: 400px;

        }

        .swiper8 {

            height: 400px;

        }

        .wgpg {

            padding: 50px 30px 0 30px;

            width: 100%;

        }

        .wgpg_r {

            width: 35%;

        }

        .wgpg_l h2 {

            font-size: 20px;

            line-height: 24px;

            padding-bottom: 20px;

            margin-bottom: 20px;

        }

        .wgpg_l h2 i {

            display: block;

            font-size: 20px;

            line-height: 24px;

        }

    }

    

    @media(max-width:768px) {

        .wgpg_l {

            width: 29%;

        }

    }

    

    @media(max-width:540px) {

        .cp_box {

            margin-top: 80px;

            height: 300px;

        }

        .swiper8 {

            height: 300px;

        }

        .wgpg {

            padding: 50px 15px 0 15px;

            width: 100%;

        }

        .wgpg_r {

            width: 45%;

        }

        .wgpg_l {

            width: 42%;

        }

    }

    

    @media(max-width:450px) {

        .cp_box {

            margin-top: 80px;

            height: 300px;

        }

        .swiper8 {

            height: 300px;

        }

        .wgpg {

            padding: 50px 15px 0 15px;

            width: 100%;

        }

        .wgpg_r {

            width: 100%;

            margin-top: -50px;

        }

        .wgpg_r img {

            max-width: 40%;

        }

        .wgpg_l {

            width: 100%;

            padding-top: 0;

        }

    }

    

    .cp_box1 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        border-bottom: 1px solid #d4d4d4;

        line-height: 66px;

    }

    

    .cp_box1 a {

        color: #333333;

        font-size: 16px;

    }

    

    .cp_box1 img {

        vertical-align: middle;

        margin: 0 10px;

        margin-top: -5px;

    }

    

    @media(max-width:540px) {

        .cp_box1 {

            line-height: 45px;

        }

    }

    

    .cp_box2 {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        padding: 80px 0 60px 0;

    }

    

    .cpxi_l {

        float: left;

        width: 18%;

        height: auto;

        overflow: hidden;

    }

    

    .cpxi_l li {

        clear: both;

        width: 100%;

        min-height: 76px !important;

        background: url(../images/bg5.png) no-repeat 95% center #4c4f54;

        margin-bottom: 10px;

    }

    

    .cpxi_l li a {

        display: block;

        padding: 26px 15px 0 15px;

        color: #ffffff;

        font-size: 22px;

        line-height: 24px;

    }

    

    .cpxi_l li a span {

        display: block;

        width: 23px;

        height: 25px;

        overflow: hidden;

        margin-right: 10px;

        float: left;

        vertical-align: middle;

    }

    

    .cpxi_r {

        float: right;

        width: 80%;

        height: auto;

    }
.cpxi_r img{
margin-top:10px;
}
.np{
color:#666666;
font-size:14px;
line-height:40px;
} 
.np a{
color:#666666;
font-size:14px;
}   
.cpxi_r h1{
font-size:24px;
text-align:center;
padding:20px;

}


    

    .cpxi_r dl.qcbj {

        margin-right: 0%;

    }

    

    .cpxi_r dt {

        width: 100%;

        height: auto;

        overflow: hidden;
		

    }

    

    .cpxi_r dt img {

        display: block;

        max-width: 90%;

        margin: 0 auto;

        transition: all 0.5s ease;

    }

    

    .cpxi_r dd {



       

        padding: 0 10px 0 10px;

        width: 100%;
		text-align:center;


    }



    

    .cpxi_r dd h2 {

        font-family: "SOURCEHANSANSCN-NORMAL";

        color: #666666;

        font-size: 20px;

        line-height: 60px;

        transition: all 0.5s ease;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .cpxi_r dd span {

        display: block;

        color: #666666;

        font-size: 16px;

        line-height: 30px;

    }

    



    

    .cpxi_r dl:hover h2 {

        color: #FF0302;

    }

    

    .cpxi_r dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    @media(max-width:1440px) {

        .cpxi_l li a {

            font-size: 18px;

        }

        .cpxi_r dd h2 {

            font-size: 18px;

        }

        .cpxi_r dd {

        

        }

    }

    

    @media(max-width:1280px) {

        .cpxi_l li a {

            font-size: 16px;

        }

    }

    

    @media(max-width:1024px) {

        .cp_box2 {

            padding: 40px 0 20px 0;

        }

        .cpxi_l {

            width: 100%;

        }

        .cpxi_l li {

            float: left;

            width: 24%;

            margin-right: 1%;

            clear: none;

            min-height: 45px !important;

            margin-bottom: 20px;

        }

        .cpxi_l li a {

            display: block;

            padding: 10px 15px 0 15px;

            font-size: 16px;

            line-height: 24px;
			

        }

        .cpxi_r {

            width: 100%;

        }

        .cpxi_r dl {

            padding-top: 20px;

            min-height: 250px !important;

        }

        .cpxi_r dd p {

            font-size: 18px;

            line-height: 24px;

        }

    }

    

    @media(max-width:768px) {

        .cpxi_r dl {

            padding-top: 20px;

        

        }

    }

    

    @media(max-width:540px) {

        .cpxi_l li {

            width: 48%;

            margin-right: 0;

        }

        .cpxi_l li:nth-child(even) {

            float: right;

        }

        .cpxi_r dl {

            width: 48%;

            padding-top: 20px;

          

        }

        .cpxi_r dl:nth-child(even) {

            float: right;

        }

        .cpxi_r dd {

         

        }

    }

    

    @media(max-width:450px) {

        .cpxi_l li {

            width: 100%;

        }

        .cpxi_r dl {

            width: 100%;

            padding-top: 20px;

            min-height: 410px !important;

        }

    }

    

    .menuTitle3 {

        display: block;

        width: 100%;

        cursor: pointer;

        margin-bottom: 10px;

    }

    

    .activeTitle3 {

        display: block;

        width: 100%;

        cursor: pointer;

        margin-bottom: 10px;

    }

    

    .activeTitle3 li {

        background: url(../images/bg13.png) no-repeat 95% center #FF0302;

    }

    

    .menuContent3 {

        width: 100%;

        display: none;

        background: #ffffff;

        padding: 20px;

        clear: both;

    }

    

    .menuContent3 p {

        line-height: 40px;

        border-bottom: 1px dashed #e9e9e9;

        padding: 0 20px;

    }

    

    .menuContent3 p a {

        color: #666666;

        font-size: 18px;

    }

    

    .menuContent3 p a:hover {

        color: #FF0302;

    }

    

    .menuTitle3 li,

    .activeTitle3 li {

        margin-bottom: 0;

    }

    

    .fybo {

        padding-top: 40px;

        clear: both;

        overflow: hidden;

        margin: 0 auto;

        line-height: 34px;

        text-align: center;

    }

    

    .fybo a {

        display: inline-block;

        color: #666666;

        font-size: 16px;

        margin: 0 10px;

    }

    

    .fybo a.cur {

        color: #FF0302;

        font-weight: bold;

        border-bottom: 2px solid #FF0302;

    }

    

    .fybo a:last-child {

        margin-right: 0;

    }

    

    .fybo a.soeo {

        border: 1px solid #999999;

        width: 34px;

        height: 34px;

        text-align: center;

    }

    

    .fybo a.soeo1 {

        border: 1px solid #999999;

        width: 34px;

        height: 34px;

        text-align: center;

    }

    

    @media(max-width:1440px) {

        .menuContent3 p a {

            font-size: 16px;

        }

    }

    

    @media(max-width:1024px) {

        .xwp_box2 {

            padding: 0 30px;

        }

        .fybo {

            margin-bottom: 0;

            padding-top: 0px

        }

        .menuTitle3,

        .activeTitle3 {

            line-height: 45px;

        }

        .menuTitle3 li,

        .activeTitle3 li {

            margin-bottom: 0;

            width: 100%;

        }

    }

    

    @media(max-width:540px) {

        .menuContent3 p a {

            font-size: 14px;

        }

    }

    

    .cp_box3 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-top: 110px;

        background: url(../images/bg4.jpg) repeat-x left top;

        line-height: 67px;

        border-bottom: 1px solid #d4d4d4;

    }

    

    .cp_box3 a {

        color: #333333;

        font-size: 16px;

    }

    

    .cp_box3 img {

        margin: 0 8px;

    }

    

    @media(max-width:1024px) {

        .cp_box3 {

            margin-top: 90px;

        }

    }

    

    @media(max-width:540px) {

        .cp_box3 {

            margin-top: 80px;

            line-height: 45px;

        }

        .cp_box3 a {

            font-size: 14px;

        }

    }

    

    @media(max-width:450px) {

        .cp_box3 {

            margin-top: 80px;

            line-height: 28px;

            padding: 10px 0;

        }

    }

    

    .cp_box4 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .cpxo_t {

        height: auto;

        overflow: hidden;

        line-height: 40px;

        margin-bottom: 40px;

    }

    

    .cpxo_t span {

        display: block;

        color: #333333;

        font-size: 18px;

        float: left;

    }

    

    .cpxo_t ul {

        float: right;

        width: 93%;

        height: auto;

    }

    

    .cpxo_t li {

        float: left;

        border: 1px solid #d4d4d4;

        line-height: 40px;

        padding: 0 30px;

        margin-right: 10px;

        transition: all 0.5s ease;

    }

    

    .cpxo_t li:last-child {

        margin-right: 0;

    }

    

    .cpxo_t li a {

        color: #333333;

        font-size: 18px;

        transition: all 0.5s ease;

    }

    

    .cpxo_t li:hover {

        border: 1px solid #FF0302;

        background: #FF0302;

    }

    

    .cpxo_t li:hover a {

        color: #fff;

    }

    

    .cpxo_t li.qbpe {

        border: 1px solid #FF0302;

        background: #FF0302;

    }

    

    .cpxo_t li.qbpe a {

        color: #fff;

    }

    

    @media(max-width:1024px) {

        .cp_box4 {

            padding: 40px 0;

        }

        .cpxo_t ul {

            width: 89%;

        }

        .cpxo_t li {

            width: 24%;

            margin-right: 1%;

            padding: 0;

            text-align: center;

        }

        .cpxo_t li a {

            font-size: 16px;

        }

    }

    

    @media(max-width:768px) {

        .cpxo_t ul {

            width: 85%;

        }

        .cpxo_t {

            margin-bottom: 30px;

        }

    }

    

    @media(max-width:540px) {

        .cpxo_t ul {

            width: 100%;

        }

        .cpxo_t li {

            width: 32%;

            margin-right: 1%;

            padding: 0;

            text-align: center;

        }

        .cpxo_t li a {

            font-size: 14px;

        }

    }

    

    @media(max-width:375px) {

        .cpxo_t li {

            width: 48%;

            margin-right: 0%;

            padding: 0;

            text-align: center;

            margin-bottom: 10px;

            line-height: 30px;

        }

        .cpxo_t li:nth-child(even) {

            float: right;

        }

        .cpxo_t li a {

            font-size: 14px;

        }

    }

    

    .cpxo_e {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 80px;

    }

    

    .cpxo_el {

        float: left;

        width: 56%;

        height: auto;

        padding-top: 55px;

    }

    

    .bppry {

        width: 100%;

        height: auto;

        padding: 0 70px;

        position: relative;

        overflow: hidden;

    }

    

    .xoneww {

        width: 100%;

        height: auto;

        position: relative;

        overflow: hidden;

    }

    

    .xoneww span {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        text-align: center;

        display: -webkit-box;

        display: -ms-flexbox;

        display: -webkit-flex;

        display: flex;

        -webkit-box-pack: center;

        -ms-flex-pack: center;

        -webkit-justify-content: center;

        justify-content: center;

        -webkit-box-align: center;

        -ms-flex-align: center;

        -webkit-align-items: center;

    }

    

    .xoneww img {

        display: block;

        max-width: 100%;

    }

    

    .bppper {

        padding-left: 1px;

    }

    

    .cpxo_er {

        float: right;

        width: 39%;

        height: auto;

        overflow: hidden;

    }

    

    .cpxo_er_t {

        height: auto;

        overflow: hidden;

        margin-bottom: 40px;

    }

    

    .cpxo_er_t img {

        max-width: 100%;

        margin-right: 18px;

    }

    

    .cpxo_er_c {

        height: auto;

        overflow: hidden;

        margin-bottom: 50px;

    }

    

    .cpxo_er_c h2 {

        color: #333333;

        line-height: 32px;

        font-size: 26px;

        font-family: "SOURCEHANSANSCN-BOLD";

        font-weight: bold;

        margin-bottom: 25px;

    }

    

    .cpxo_er_c p {

        line-height: 32px;

        color: #333333;

        font-size: 16px;

    }

    

    .cpxo_er_b {

        clear: both;

        height: auto;

        overflow: hidden;

    }

    

    .cpxo_er_b a {

        display: block;

        float: left;

        width: 160px;

        height: 50px;

        background: #FF0302;

        line-height: 50px;

        text-align: center;

        color: #fff;

        font-size: 18px;

        margin-right: 40px;

    }

    

    .cpxo_er_b a:last-child {

        margin-right: 0%;

    }

    

    .nkgit img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

    }

    

    @media(max-width:1024px) {

        .cpxo_e {

            margin-bottom: 30px;

        }

        .cpxo_el {

            width: 100%;

            padding-top: 0;

            margin-bottom: 30px;

        }

        .cpxo_er {

            width: 100%;

        }

        .cpxo_er_t {

            margin-bottom: 20px;

        }

        .cpxo_er_c h2 {

            font-size: 20px;

            line-height: 24px;

            margin-bottom: 15px;

        }

        .cpxo_er_c {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:540px) {

        .cpxo_er_b a {

            width: 48%;

            height: 40px;

            line-height: 40px;

            margin-right: 0;

            font-size: 16px;

        }

        .cpxo_er_b a:last-child {

            float: right;

        }

    }

    

    .cpxo_h {

        width: 100%;

        height: auto;

        overflow: hidden;

        min-height: 40px !important;

        position: relative;

        border-bottom: 1px solid #d4d4d4;

    }

    

    .cpxo_h li {

        float: left;

        padding: 0 35px;

        color: #333333;

        font-size: 20px;

        line-height: 24px;

        min-height: 40px !important;

        position: relative;

        transition: all 0.5s ease;

        cursor: pointer;

    }

    

    .cpxo_h li:after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0px;

        height: 4px;

        transition: all 0.5s ease;

    }

    

    .cpxo_h li a {

        color: #333333;

        font-size: 20px;

    }

    

    .cpxo_h li.red:after {

        width: 100%;

        background: #FF0302;

    }

    

    .cpxo_h li.red a {

        color: #FF0302;

    }

    

    .cpxo_n {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding-top: 170px;

        margin-top: -110px;

    }

    

    .cpxo_nt {

        height: auto;

        overflow: hidden;

    }

    

    .cpxo_nt h2 {

        height: auto;

        overflow: hidden;

        color: #333333;

        font-size: 24px;

        font-family: "SOURCEHANSANSCN-BOLD";

        line-height: 24px;

        margin-bottom: 40px;

    }

    

    .cpxo_nt h6 {

        color: #333333;

        font-size: 20px;

        line-height: 32px;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        position: relative;

        padding-left: 15px;

        margin-bottom: 20px;

    }

    

    .cpxo_nt h6:after {

        content: '';

        position: absolute;

        left: 0;

        top: 5px;

        width: 4px;

        height: 24px;

        background: #FF0302;

    }

    

    .cpxo_nt .rerr {

        margin-bottom: 25px;

    }

    

    .cpxo_nt p {

        line-height: 32px;

        color: #333333;

        font-size: 16px;

    }

    

    .cpxo_nt li {

        line-height: 32px;

        font-size: 16px;

        background: url(../images/bg5.jpg) no-repeat left 14px;

        padding-left: 20px;

    }

    

    @media(max-width:1024px) {

        .cpxo_n {

            padding-top: 130px;

            margin-top: -90px;

        }

        .cpxo_nt h2 {

            font-size: 20px;

            line-height: 24px;

            margin-bottom: 20px;

        }

        .cpxo_nt h6 {

            line-height: 24px;

            font-size: 18px;

        }

        .cpxo_nt h6:after {

            top: 2px

        }

        .cpxo_h li {

            padding: 0;

            width: 20%;

            text-align: center;

        }

        .cpxo_h li a {

            font-size: 18px;

        }

    }

    

    @media(max-width:540px) {

        .cpxo_n {

            padding-top: 120px;

            margin-top: -90px;

        }

        .cpxo_h li a {

            font-size: 16px;

        }

    }

    

    .cpxo_nt li p {

        padding-left: 68px;

        color: #333333;

        font-size: 16px;

        line-height: 32px;

    }

    

    @media(max-width:1024px) {

        .cpxo_nt li p {

            padding-left: 0;

        }

    }

    

    .zxwwo {

        width: 100%;

        height: auto;

        overflow: hidden;

        margin-bottom: 0;

        border: 2px solid #d4d4d4;

    }

    

    .zxwo_t {

        height: auto;

        overflow: hidden;

        line-height: 58px;

        text-align: center;

        border-bottom: 2px solid #d4d4d4;

        margin-bottom: 0 !important;

        background: #fef7f0;

    }

    

    .zxwo_t li {

        float: left;

        width: 25%;

        text-align: center;

        font-size: 24px;

        background: none;

        padding-left: 0;

        line-height: 58px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        border-right: 2px solid #d4d4d4;

    }

    

    .zxwo_t li.qcbj {

        border: none;

    }

    

    .zxwo_b {

        clear: both;

        margin-bottom: 0 !important;

    }

    

    .zxwo_b li {

        clear: both;

        overflow: hidden;

        background: none;

        padding-left: 0;

        line-height: 47px;

        border-bottom: 1px solid #d4d4d4;

        border-right: 1px solid #d4d4d4;

    }

    

    .zxwo_b li span {

        display: block;

        float: left;

        width: 25%;

        text-align: center;

        font-size: 16px;

        color: #333;

        border-right: 1px solid #d4d4d4;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .zxwo_b li span.qcbj {

        border: none;

    }

    

    .zxwo_b li:last-child {

        border-bottom: none;

    }

    

    @media(max-width:1024px) {

        .zxwo_t li {

            line-height: 45px;

            font-size: 20px;

        }

        .zxwo_b li span {

            font-size: 14px;

        }

        .zxwo_b li {

            line-height: 35px;

        }

    }

    

    .zleig {

        height: auto;

        overflow: hidden;

        line-height: 46px;

        margin-bottom: 0px !important;

    }

    

    .zleig p {

        color: #333333;

        font-size: 16px;

    }

    

    .zleig p a {

        display: inline-block;

        width: 160px;

        height: 46px;

        background: #FF0302;

        text-align: center;

        line-height: 46px;

        width: 160px;

        height: 46px;

        color: #fff;

        font-size: 18px;

        margin-left: 40px;

    }

    

    .zleig p a img {

        margin-left: 25px;

        vertical-align: middle;

    }

    

    .tcprc {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        min-height: 410px !important;

        padding: 30px 0px 0 0px;

        position: relative;

    }

	.tcprc:hover{ background:#fff}

    

    .tcprc dt {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .tcprc dt img {

        display: block;

        max-width: 100%;

        transition: all 0.5s ease;

		margin:0 auto;

    }

    

    .tcprc dd {

        position: absolute;

        left: 0;

        bottom: 50px;

        padding: 0 30px 0 30px;

        width: 100%;
        text-align: center;

    }

    

    .tcprc dd h2 {

        color: #333333;

        line-height: 22px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-size: 22px;

        margin-bottom: 20px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .tcprc dd p {

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        transition: all 0.5s ease;

    }

    

    .tcprc dd span {

        display: block;

        font-size: 16px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        color: #666666;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .tcprc:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    .tcprc:hover dd p {

        color: #FF0302;

    }

    

    .tcprc:hover dd {

        background: url(../images/bg.jpg) no-repeat 90% bottom;

    }

    

    @media(max-width:540px) {

        .tcprc {

            min-height: 430px !important;

        }

    }

    

    .ebow {

        height: auto;

        text-align: center !important;

        font-size: 26px;

        color: #fff;

        margin-bottom: 25px;

    }

    

    .ebpo {

        clear: both;

        width: 100%;

        height: auto;

    }

    

    .ebpo p {

        clear: both;

        height: auto;

        overflow: hidden;

        margin-bottom: 20px;

        color: #ffffff;

        font-size: 16px;

        line-height: 30px;

    }

    

    .ebpo p span {

        display: block;

        width: 23%;

        height: auto;

        border-bottom: 1px solid #fff;

        overflow: hidden;

        min-height: 30px !important;

        float: left;

        margin-right: 2.6%;

    }

    

    .ebpo p span.qcbj {

        margin-right: 0%;

    }

    

    .ebpo p span i {

        display: block;

        float: left;

        width: 90px;

        color: #fff;

        font-size: 18px;

    }

    

    .wbk1 {

        width: 63%;

        height: 30px;

        border: none;

        background: none;

        line-height: 30px;

        color: #fff;

        font-size: 18px;

    }

    

    .ebpo p span.eeo {

        display: block;

        margin-right: 0;

        width: 100%;

    }

    

    .wwobr {

        width: 92%;

        border: none;

        background: none;

        height: 30px;

        line-height: 30px;

        font-size: 18px;

        color: #fff;

    }

    

    .tbvoe {

        width: 320px;

        height: auto;

        margin: 0 auto;

        clear: both;

        margin-top: 80px;

    }

    

    .wbode {

        float: left;

        width: 38%;

        height: 40px;

        text-align: center;

        color: #FF0302;

        background: #fff;

        border: 1px solid #fff;

        font-size: 16px;

    }

    

    .wbode1 {

        float: right;

        width: 38%;

        height: 40px;

        text-align: center;

        color: #fff;

        background: none;

        border: 1px solid #fff;

        font-size: 16px;

    }

    

    @media(max-width:1280px) {

        .wbk1 {

            width: 58%;

        }

        .wwobr {

            width: 88%;

        }

    }

    

    @media(max-width:1024px) {

        .tbvoe {

            margin-top: 30px;

        }

        .ebow {

            font-size: 20px;

            line-height: 24px;

        }

        .ebpo p span {

            width: 48%;

            margin-right: 0%;

            margin-bottom: 10px;

        }

        .ebpo p span:nth-child(even) {

            float: right;

        }

    }

    

    @media(max-width:540px) {

        .ebpo p span {

            width: 100%;

            margin-right: 0%;

            margin-bottom: 10px;

        }

        .ebpo p {

            margin-bottom: 0;

        }

        .wwobr {

            width: 100%;

        }

    }

    /*产品中心 end*/

    /*案例与服务 begin*/

    

    .al_box {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;


    }

    

    .al_box img {

        display: block;

        width: 100%;

    }

    

    @media(max-width:1024px) {

        .al_box {

            margin-top: 90px;

        }

    }

    

    @media(max-width:540px) {

        .al_box {

            margin-top: 80px;

        }

    }

    

    .al_box1 {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        min-height: 65px !important;

        border-bottom: 1px solid #d4d4d4;


    }

    

    .al_box1 li {

        float: left;

        width: 14%;

        line-height: 65px;

        text-align: center;

        position: relative;

        border-right: 1px solid #d4d4d4;

        transition: all 0.5s ease;

    }

    

    .al_box1 li::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        right: 0;

        margin: 0 auto;

        background: url(../images/bg8.png) no-repeat center center;

        width: 12px;

        height: 6px;

        transition: all 0.5s ease;

        opacity: 0;

    }

    

    .al_box1 li:hover {

        background: #FF0302;

    }

    

    .al_box1 li a {

        display: block;

        color: #333333;

        font-size: 18px;

    }

    

    .al_box1 li:hover a {

        color: #fff;

    }

    

    .al_box1 li:hover::after {

        opacity: 1

    }

    

    .al_box1 li.brr {

        background: #FF0302;

    }

    

    .al_box1 li.brr a {

        color: #fff;

    }

    

    .al_box1 li.brr::after {

        opacity: 1

    }

    

    @media(max-width:1024px) {

        .al_box1 {

            min-height: 45px !important;

        }

        .al_box1 li {

            line-height: 45px;

            width: 20%;

        }

        .al_box1 li a {

            font-size: 16px;

        }

    }

    

    @media(max-width:540px) {

        .al_box1 li {

            line-height: 45px;

            width: 33.33%;

        }

    }

    

    .al_box2 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .jeig {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .jeig dl {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        transition: all 0.5s ease;

        margin-bottom: 20px;

    }

    

    .jeig dt {

        float: left;

        width: 23%;

        overflow: hidden;

    }

    

    .jeig dt img {

        display: block;

        width: 100%;

        transition: all 0.5s ease;

    }

    

    .jeig dd {

        float: right;

        width: 70%;

        height: auto;

        overflow: hidden;

        margin-right: 40px;

        padding-top: 50px;

        padding-right: 130px;

    }

    

    .jeig dd h2 {

        color: #333333;

        font-size: 22px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        line-height: 24px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        font-weight: normal;

        margin-bottom: 30px;

        transition: all 0.5s ease;

    }

    

    .jeig dd p {

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        transition: all 0.5s ease;

    }

    

    .jeig dl:hover dd {

        background: url(../images/bg9.png) no-repeat right 80px;

    }

    

    .jeig dl:hover {

        box-shadow: 4px 4px 10px rgba(11, 3, 6, 0.04);

        background: #fff;

    }

    

    .jeig dl:hover dd h2,

    .jeig dl:hover p {

        color: #FF0302;

    }

    

    .jeig dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    @media(max-width:1440px) {

        .jeig dd {

            padding: 40px 40px 0 0;

        }

        .jeig dd p {

            font-size: 14px;

        }

    }

    

    @media(max-width:1024px) {

        .jeig dt {

            width: 100%;

        }

        .jeig dd {

            width: 100%;

            padding: 30px;

            margin-right: 0px;

        }

        .jeig dd p {

            font-size: 14px;

        }

        .jeig dd h2 {

            margin-bottom: 15px;

            font-size: 20px;

        }

    }

    

    @media(max-width:540px) {

        .jeig dl:hover dd {

            background: none;

        }

    }

    

    .al_box3 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .alxw_t {

        height: auto;

        text-align: center;

        overflow: hidden;

        margin-bottom: 60px;

    }

    

    .alxw_t h2 {

        font-size: 24px;

        line-height: 24px;

        color: #333333;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        margin-bottom: 15px;

    }

    

    .alxw_t p {

        color: #666666;

        font-size: 14px;

        line-height: 24px;

    }

    

    .alxw_c {

        height: auto;

        overflow: hidden;

        border-bottom: 1px solid #d4d4d4;

        margin-bottom: 65px;

    }

    

    .alxw_c p img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

    }

    

    .alxw_c p {

        margin-bottom: 40px;

        font-size: 16px;

        line-height: 36px;

    }

	.alxw_c p span a{

        font-size: 16px;

    }
    

    .alxw_c div {

        padding: 0 50px;

    }

    

    .alxw_b {

        clear: both;

        width: 100%;

    }

    

    .alxw_bl {

        float: left;

        width: 68%;

    }

    

    .alxw_bl p {

        line-height: 24px;

    }

    

    .alxw_bl p a {

        color: #666666;

        font-size: 16px;

    }

    

    .alxw_br {

        float: right;

        width: 120px;

        height: 40px;

        background: #FF0302;

        line-height: 40px;

        text-align: center;

        color: #f7f7f7;

        font-size: 16px;

        cursor: pointer;

    }

    

    @media(max-width:1440px) {

        .al_box3 {

            padding: 40px 0;

        }

        .alxw_t {

            margin-bottom: 20px;

        }

        .alxw_c div {

            padding: 0 30px;

        }

        .alxw_c {

            margin-bottom: 30px;

        }

    }

    

    @media(max-width:1024px) {

        .alxw_c p {

            margin-bottom: 15px;

            font-size: 14px;

        }

        .alxw_c div {

            padding: 0;

        }

        .alxw_bl p a {

            font-size: 14px;

        }

    }

    

    @media(max-width:540px) {

        .alxw_bl {

            width: 100%;

        }

        .alxw_br {

            float: left;

            margin-top: 15px;

        }

    }

    

    .cp_box4_11 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        background: url(../images/bg6.jpg) no-repeat center center fixed;

        background-size: cover;

        padding: 80px 0 60px 0;

    }

    

    .cp_box4_11 li {

        float: left;

        margin-right: 3.7%;

        width: 17%;

        height: auto;

        background: #fff;

        position: relative;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

        cursor: pointer;

        margin-bottom: 20px;

    }

    

    .cp_box4 li img {

        display: block;

        max-width: 100%;

    }

    

    .cp_box4_11 li.qcbj {

        margin-right: 0;

    }

    

    .cp_box4_11 li::after {

        content: '';

        position: absolute;

        left: 0;

        bottom: 0;

        width: 0;

        height: 2px;

        background: #FF0302;

        transition: all 0.5s ease;

    }

    

    .cp_box4_11 li:hover::after {

        width: 100%;

    }

    

    @media(max-width:1024px) {

        .cp_box4_11 {

            padding: 40px 0 20px 0;

        }

    }

    

    .al_box5 {

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .al_box5 li {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        border-bottom: 1px solid #d4d4d4;

        padding-bottom: 25px;

        margin-bottom: 30px;

    }

    

    .al_box5 li h2 {

        clear: both;

        overflow: hidden;

        padding-right: 15%;

        margin-bottom: 30px;

    }

    

    .al_box5 li h2 span {

        display: block;

        float: left;

        width: 85%;

        background: url(../images/bg7.jpg) no-repeat left 8px;

        padding-left: 30px;

        color: #333333;

        font-size: 22px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        transition: all 0.5s ease;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .al_box5 li h2 font {

        display: block;

        float: right;

        color: #666666;

        font-size: 14px;

        font-weight: normal;

        transition: all 0.5s ease;

        line-height: 24px;

    }

    

    .bpwt {

        float: left;

        width: 85%;

        height: auto;

        color: #666666;

        font-size: 16px;

        line-height: 24px;

    }

    

    .bpwt p {

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        height: 48px;

        overflow: hidden;

        transition: all 0.5s ease;

    }

    

    .bpwr {

        float: right;

        width: 10%;

        color: #666666;

        font-size: 16px;

        background: url(../images/bg8.jpg) no-repeat 75px center;

        line-height: 24px;

        transition: all 0.5s ease;

    }

    

    .al_box5 li:hover h2 span,

    .al_box5 li:hover font,

    .al_box5 li:hover .bpwt p {

        color: #FF0302;

    }

    

    .al_box5 li:hover .bpwr {

        background: url(../images/bg9.jpg) no-repeat 75px center;

        color: #FF0302;

    }

    

    @media(max-width:1024px) {

        .al_box5 {

            padding: 40px 0;

        }

    }

    

    @media(max-width:540px) {

        .al_box5 li h2 {

            padding-right: 0;

            margin-bottom: 15px;

        }

        .al_box5 li h2 span {

            width: 70%;

            font-size: 18px;

            margin-bottom: 0px;

        }

        .bpwt {

            width: 75%;

        }

        .bpwr {

            width: 24%;

            font-size: 14px;

        }

        .bpwt p {

            font-size: 14px;

        }

        .al_box5 li {

            padding-bottom: 20px;

            margin-bottom: 10px;

        }

    }

    

    @media(max-width:450px) {

        .al_box5 li h2 span {

            width: 60%;

        }

        .bpwt {

            width: 100%;

            margin-bottom: 10px;

        }

        .bpwr {

            width: 100%;

        }

    }

    

    .al_box6 {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .al_box6 li {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        cursor: pointer;

        margin-bottom: 40px;

    }

    

    .bepg {

        height: auto;

        overflow: hidden;

        margin-bottom: 15px;

    }

    

    .bepg span {

        display: block;

        float: left;

        width: 26px;

        height: 26px;

        background: #FF0302;

        text-align: center;

        line-height: 26px;

        color: #fff;

        font-size: 22px;

        font-family: Arial, Helvetica, sans-serif;

        margin-right: 19px;

    }

    

    .bepg h2 {

        float: left;

        width: 82%;

        display: block;

        color: #333333;

        font-size: 22px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        line-height: 26px;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

    }

    

    .bepg font {

        float: right;

        color: #666666;

        line-height: 26px;

        font-family: "SOURCEHANSANSCN-REGULAR";

        display: block;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

    }

    

    .bpbor {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding-left: 45px;

    }

    

    .bpeoea {

        width: 100%;

        height: auto;

        overflow: hidden;

        background: #f7f7f7;

        padding: 20px 40px 20px 30px;

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

    }

    

    .bpeoea p {

        display: block;

        padding-right: 177px;

        background: url(../images/bg10.png) no-repeat right center;

        line-height: 24px;

        color: #666666;

        font-size: 16px;

        font-family: "SOURCEHANSANSCN-REGULAR";

        transition: all 0.5s ease;

        -webkit-transition: all 0.5s ease;

        -moz-transition: all 0.5s ease;

        -ms-transition: all 0.5s ease;

        -o-transition: all 0.5s ease;

    }

    

    .al_box6 li:hover h2,

    .al_box6 li:hover font {

        color: #FF0302;

    }

    

    .al_box6 li:hover .bpeoea {

        background: #fefaf5;

    }

    

    .al_box6 li:hover .bpeoea p {

        color: #FF0302;

        background: url(../images/bg11.png) no-repeat right center;

    }

    

    @media(max-width:1024px) {

        .al_box6 {

            padding: 40px 0;

        }

        .bepg h2 {

            font-size: 18px;

        }

        .bpeoea p {

            font-size: 14px;

            padding-right: 55px

        }

        .bpeoea {

            padding: 20px;

        }

    }

    

    @media(max-width:540px) {

        .bepg h2 {

            width: 65%;

        }

        .bpbor {

            padding-left: 0;

        }

        .bpeoea p {

            height: 48px;

            overflow: hidden;

        }

    }

    

    @media(max-width:450px) {

        .bepg h2 {

            width: 58%;

        }

    }

    

    @media(max-width:375px) {

        .bepg h2 {

            width: 50%;

        }

    }

    

    .shfo {

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 0 30px 0 60px;

    }

    

    .shfo h6 {

        color: #333333;

        font-size: 16px;

        line-height: 36px;

        font-family: "SOURCEHANSANSCN-BOLD";

        padding-left: 17px;

        margin-bottom: 50px;

    }

    

    .shfo li {

        background: url(../images/bg5.jpg) no-repeat left 15px;

        padding-left: 17px;

        font-size: 16px;

        line-height: 36px;

    }

    

    @media(max-width:1024px) {

        .shfo {

            padding: 0 0px 0 0px;

        }

        .shfo h6 {

            padding-left: 0px;

            margin-bottom: 20px;

        }

    }

    /*案例与服务 end*/

    /*斯贝克快讯 begin*/

    

    .xw_box {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .xpbpe {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .xpbpe dl {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        border-bottom: 1px solid #d4d4d4;

        padding-bottom: 20px;

        margin-bottom: 40px;

    }

    

    .xpbpe dt {

        width: 23%;

        height: auto;

        overflow: hidden;

        float: left;

    }

    

    .xpbpe dt img {

        display: block;

        width: 100%;

        transition: all 0.5s linear;

        -webkit-transition: all 0.5s linear;

        -moz-transition: all 0.5s linear;

        -ms-transition: all 0.5s linear;

        -o-transition: all 0.5s linear;

    }

    

    .xpbpe dd {

        float: right;

        width: 73%;

        height: auto;

        padding: 40px 39px 0 0;

    }

    

    .xpbpe dd h2 {

        color: #333333;

        font-size: 22px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        margin-bottom: 28px;

        transition: all 0.5s linear;

        -webkit-transition: all 0.5s linear;

        -moz-transition: all 0.5s linear;

        -ms-transition: all 0.5s linear;

        -o-transition: all 0.5s linear;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

    }

    

    .xpbpe dd div {

        margin-bottom: 20px;

        overflow: hidden;

    }

    

    .xpbpe dd p {

        display: block;

        width: 64%;

        height: auto;

        overflow: hidden;

        color: #333333;

        font-size: 16px;

        line-height: 24px;

        height: 72px;

        float: left;

        transition: all 0.5s linear;

        -webkit-transition: all 0.5s linear;

        -moz-transition: all 0.5s linear;

        -ms-transition: all 0.5s linear;

        -o-transition: all 0.5s linear;

    }

    

    .xpbpe dd span {

        display: block;

        float: right;

        width: 120px;

        height: 40px;

        border: 1px solid #999999;

        text-align: center;

        line-height: 40px;

        color: #999999;

        transition: all 0.5s linear;

        -webkit-transition: all 0.5s linear;

        -moz-transition: all 0.5s linear;

        -ms-transition: all 0.5s linear;

        -o-transition: all 0.5s linear;

    }

    

    .xpbpe dd font {

        display: block;

        color: #999999;

        font-size: 14px;

        line-height: 24px;

        clear: both;

        transition: all 0.5s linear;

        -webkit-transition: all 0.5s linear;

        -moz-transition: all 0.5s linear;

        -ms-transition: all 0.5s linear;

        -o-transition: all 0.5s linear;

    }

    

    .xpbpe dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    .xpbpe dl:hover dd h2,

    .xpbpe dl:hover dd p,

    .xpbpe dl:hover dd font {

        color: #FF0302;

    }

    

    .xpbpe dl:hover dd span {

        color: #fff;

        background: #FF0302;

        border: 1px solid #FF0302;

    }

    

    .xpbpe dl.qcbj {

        margin-bottom: 0;

    }

    

    @media(max-width:1440px) {

        .xpbpe dd {

            padding: 30px 30px 0 0;

        }

        .xpbpe dd p {

            width: 75%;

        }

    }

    

    @media(max-width:1366px) {

        .xpbpe dd {

            padding: 20px 30px 0 0;

        }

    }

    

    @media(max-width:1280px) {

        .xpbpe dd {

            padding: 10px 30px 0 0;

        }

    }

    

    @media(max-width:1024px) {

        .xpbpe dd {

            padding: 0 0px 0 0;

        }

        .xpbpe dd h2 {

            font-size: 18px;

            margin-bottom: 10px;

        }

        .xpbpe dd p {

            font-size: 14px;

        }

        .xw_box {

            padding: 40px 0;

        }

        .alxw_t h2 {

            font-size: 20px;

        }

    }

    

    @media(max-width:540px) {

        .xpbpe dd {

            width: 100%;

            padding: 20px 0 0 0;

        }

        .xpbpe dt {

            width: 100%;

        }

        .xpbpe dd p {

            width: 100%;

        }

        .xpbpe dd span {

            float: left;

            margin-top: 10px;

        }

        .xpbpe dd div {

            margin-bottom: 10px;

        }

        .xpbpe dl {

            margin-bottom: 30px;

        }

        .xpbpe dl.qcbj {

            margin-bottom: 30px;

        }

    }

    

    .alxw_c1 {

        border-bottom: 1px solid #d4d4d4;

        margin-bottom: 65px;

    }

    

    .alxw_c1 p {

        margin-bottom: 0;

    }

    

    .xywo {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .xywo li {

        clear: both;

        height: auto;

        overflow: hidden;

        border-bottom: 1px solid #d4d4d4;

        padding: 0 60px 20px 60px;

        margin-bottom: 40px;

        transition: all 0.5s ease;

    }

    

    .xywo li h2 {

        clear: both;

        overflow: hidden;

        margin-bottom: 30px;

        position: relative;

        padding: 0 0 0 13px;

        line-height: 24px;

        transition: all 0.5s ease;

    }

    

    .xywo li h2::after {

        content: '';

        position: absolute;

        left: 0;

        top: 4px;

        width: 3px;

        height: 13px;

        background: #FF0302;

    }

    

    .xywo li h2 span {

        display: block;

        float: left;

        width: 86%;

        color: #333333;

        font-size: 22px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        overflow: hidden;

        white-space: nowrap;

        text-overflow: ellipsis;

        transition: all 0.5s ease;

    }

    

    .xywo li h2 em {

        display: block;

        width: 12%;

        height: auto;

        color: #999999;

        font-size: 14px;

        float: right;

        font-weight: normal;

        transition: all 0.5s ease;

    }

    

    .bpwgr {

        clear: both;

        height: auto;

        overflow: hidden;

        padding-left: 13px;

    }

    

    .bpwgr p {

        float: left;

        width: 100%;

        height: auto;

        color: #666666;

        font-size: 16px;

        line-height: 24px;

        margin-bottom: 20px;

        transition: all 0.5s ease;

    }

    

    .bpwgr em {

        width: 100%;

        display: block;

        float: right;

        color: #666666;

        font-size: 16px;

        background: url(../images/bg10.png) no-repeat 70px center;

        transition: all 0.5s ease;

    }

    

    .xywo li:hover h2 span,

    .xywo li:hover h2 em,

    .xywo li:hover .bpwgr p {

        color: #FF0302;

    }

    

    .xywo li:hover .bpwgr em {

        background: url(../images/bg11.png) no-repeat 70px center;

        color: #FF0302;

    }

    

    .xywo li.qcbj {

        margin-bottom: 0;

    }

    

    @media(max-width:1024px) {

        .xywo li {

            padding: 0 0 20px 0;

            margin-bottom: 30px;

        }

        .xywo li h2 {

            margin-bottom: 20px;

        }

        .xywo li h2 span {

            width: 70%;

            font-size: 20px;

        }

        .xywo li h2 em {

            width: auto;

        }

        .bpwgr p {

            font-size: 14px;

        }

        .bpwgr em {

            font-size: 14px;

        }

        .xywo li.qcbj {

            margin-bottom: 30px;

        }

    }

    

    @media(max-width:540px) {

        .bpwgr p {

            font-size: 14px;

            height: 48px;

            overflow: hidden;

        }

    }

    

    @media(max-width:450px) {

        .xywo li h2 span {

            width: 60%;

        }

    }

    /*斯贝克快讯 end*/

    /*关于我们 begin*/

    

    .gy_box {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        padding: 80px 0;

    }

    

    .gywl_l {

    

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .gywl_l h2 {

        position: relative;

        color: #333333;

        line-height: 40px;

        font-size: 40px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        padding-bottom: 20px;

        margin-bottom: 40px;

    }

    

    .gywl_l h2::after {

        content: '';

        width: 20px;

        height: 3px;

        background: #FF0302;

        position: absolute;

        left: 0;

        bottom: 0;

    }



    .gywl_l p {

        line-height: 30px;

        font-size: 16px;

        color: #333333;

    }

    

    .gywl_r {

        float: right;

        width: 50%;

    }

    

    .gywl_r img {

        display: block;

        width: 100%;

    }

    

    @media(max-width:1440px) {

        .gywl_l p {

            font-size: 14px;

            line-height: 26px;

        }

        .gywl_l h2 {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:1024px) {

        .gy_box {

            padding: 40px 0;

        }

        .gywl_l {

            width: 100%;

        }

        .gywl_l p {

            font-size: 14px;

            line-height: 26px;

        }

        .gywl_l h2 {

            margin-bottom: 20px;

            font-size: 22px;

            padding-bottom: 10px;

        }

        .gywl_r {

            width: 100%;

            padding-top: 20px;

        }

    }

    

    .qyro {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .qyro_t {

        height: auto;

        overflow: hidden;

        margin-bottom: 40px;

    }

    

    .qyro_t h2 {

        position: relative;

        color: #333333;

        line-height: 40px;

        font-size: 40px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        padding-bottom: 20px;

        margin-bottom: 40px;

    }

    

    .qyro_t h2::after {

        content: '';

        width: 20px;

        height: 3px;

        background: #FF0302;

        position: absolute;

        left: 0;

        bottom: 0;

    }

    

    .qyro_t p {

        line-height: 30px;

        font-size: 16px;

    }

    

    .qyro_b {

        height: auto;

        overflow: hidden;

    }

    

    .qyro_b li {

        float: left;

        width: 24%;

        background: #ffffff;

        padding-top: 92px;

        min-height: 460px !important;

        margin-right: 1.3%;

        margin-bottom: 20px;

        ;

    }

    

    .qyro_b li.qcbj {

        margin-right: 0%;

    }

    

    .qyro_b li .begegr {

        width: 275px;

        height: 275px;

        position: relative;

        margin: 0 auto;

        margin-bottom: 10px;

        overflow: hidden;

    }

    

    .qyro_b li img {

        position: absolute;

        left: 0;

        right: 0;

        top: 0;

        bottom: 0;

        display: block;

        max-width: 100%;

        margin: auto;

        border: 1px solid #7eb8db;

    }

    

    .qyro_b li p {

        text-align: center;

        font-size: 333333;

        font-size: 16px;

        line-height: 30px;

    }

    

    @media(max-width:1024px) {

        .qyro_b li {

            float: left;

            width: 48%;

            background: #ffffff;

            padding-top: 30px;

            min-height: 390px !important;

            margin-right: 1.3%;

            margin-bottom: 20px;

        }

        .qyro_b li:nth-child(even) {

            float: right;

        }

    }

    

    @media(max-width:540px) {

        .qyro_b li {

            float: left;

            width: 48%;

            background: #ffffff;

            padding-top: 30px;

            min-height: 360px !important;

            margin-right: 1.3%;

            margin-bottom: 20px;

            padding: 30px 10px 0 10px

        }

        .qyro_b li:nth-child(even) {

            float: right;

        }

        .qyro_b li .begegr {

            width: 100%;

        }

    }

    

    @media(max-width:450px) {

        .qyro_b li {

            float: left;

            width: 100%;

            background: #ffffff;

            min-height: auto !important;

            margin-right: 1.3%;

            margin-bottom: 20px;

            padding: 20px

        }

        .qyro_b li:nth-child(even) {

            float: right;

        }

        .qyro_b li .begegr {

            width: 100%;

            height: auto;

        }

        .qyro_b li img {

            position: inherit;

            left: 0;

            right: 0;

            top: 0;

            bottom: 0;

            display: block;

            max-width: 100%;

            margin: auto;

            border: 1px solid #7eb8db;

        }

    }

    

    .bpppe {

        height: auto;

        overflow: hidden;

    }

    

    .bpppe li {

        float: left;

        width: 49%;

        min-height: 325px !important;

        padding: 40px 75px 0 75px;

        background: url(../tu/tu94.jpg) no-repeat center center;

        background-size: cover;

        transition: all 0.5s ease;

        position: relative;

        margin-bottom: 20px;

    }

    

    .shuoz {

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        opacity: 0;

        transition: all 0.5s ease;

    }

    

    .shuoz img {

        display: block;

        max-width: 100%;

        position: absolute;

        left: 0;

        right: 0;

        bottom: 0;

        top: 0;

        margin: auto;

    }

    

    .cpwbp {

        width: 57px;

        height: 57px;

        position: relative;

        margin: 0 auto;

        overflow: hidden;

        margin-bottom: 20px;

    }

    

    .cpwbp img {

        display: block;

        max-width: 100%;

        margin: 0 auto;

    }

    

    .cpwbp em {

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0transition: all 0.5s ease;

    }

    

    .cpwbp span {

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        bottom: -100%;

        transition: all 0.5s ease;

    }

    

    .bpppe li h6 {

        text-align: center;

        color: #333333;

        font-size: 18px;

        line-height: 30px;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        margin-bottom: 30px;

        letter-spacing: -1px;

        transition: all 0.5s ease;

    }

    

    .bpppe li p {

        text-align: center;

        font-size: 16px;

        color: #333333;

        line-height: 30px;

        letter-spacing: -1px;

        transition: all 0.5s ease;

    }

    

    .bpppe li:hover p,

    .bpppe li:hover h6 {

        color: #fff;

    }

    

    .bpppe li:hover .cpwbp span {

        bottom: 0;

    }

    

    .bpppe li:hover .cpwbp em {

        top: -100%;

    }

    

    .bpppe li:hover .shuoz {

        opacity: 1;

    }

    

    .bpppe li.qcbj {

        float: right;

    }

    

    .bpppe li.bhoie1 {

        background: url(../tu/tu95.jpg) no-repeat center center;

        background-size: cover;

    }

    

    .bpppe li.bhoie2 {

        background: url(../tu/tu96.jpg) no-repeat center center;

        background-size: cover;

    }

    

    .bpppe li.bhoie3 {

        background: url(../tu/tu97.jpg) no-repeat center center;

        background-size: cover;

    }

    

    .bpppe li:hover {

        background: #FF0302;

    }

    

    @media(max-width:1440px) {

        .bpppe li {

            float: left;

            width: 49%;

            min-height: 325px !important;

            padding: 40px 55px 0 55px;

        }

    }

    

    @media(max-width:1280px) {

        .bpppe li {

            float: left;

            width: 49%;

            min-height: 325px !important;

            padding: 40px 45px 0 45px;

        }

    }

    

    @media(max-width:1024px) {

        .bpppe li {

            float: left;

            width: 100%;

            min-height: auto !important;

            padding: 30px;

        }

        .bpppe li h6 {

            margin-bottom: 20px;

        }

    }

    

    .lxne {

        width: 100%;

        height: auto;

        overflow: hidden;

    }

    

    .lxne_l {

        float: left;

        width: 47%;

        height: auto;

        overflow: hidden;

        border: 2px solid #FF0302;

    }

    

    .lxne_l img {

        display: block;

        width: 100%;

    }

    

    .lxne_r {

        float: right;

        width: 47%;

        height: auto;

    }

    

    .lxne_r h2 {

        color: #333333;

        font-size: 34px;

        line-height: 34px;

        font-family: "SOURCEHANSANSCN-MEDIUM";

        letter-spacing: -1px;

        font-weight: normal;

        margin-bottom: 25px;

    }

    

    .lxne_r h6 {

        margin-bottom: 50px;

    }

    

    .lxne_r h6 img {

        display: block;

        max-width: 100%;

    }

    

    .lxne_r li {

        clear: both;

        width: 100%;

        height: auto;

        overflow: hidden;

        line-height: 32px;

        margin-bottom: 20px;

    }

    

    .lxne_r li span {

        display: block;

        float: left;

        width: 32px;

    }

    

    .lxne_r li em {

        display: block;

        float: right;

        width: 92%;

        height: auto;

        color: #454648;

        font-size: 20px;

    }

    

    .lxne_r li:last-child {

        margin-bottom: 0;

    }

    

    @media(max-width:1440px) {

        .lxne_r h6 {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:1024px) {

        .lxne_r {

            width: 100%;

            padding-top: 20px

        }

        .lxne_r h6 {

            margin-bottom: 20px;

        }

        .lxne_l {

            width: 100%;

        }

        .lxne_r h2 {

            font-size: 22px;

            line-height: 24px;

        }

        .lxne_r li em {

            font-size: 16px;

        }

    }

    

    @media(max-width:450px) {

        .lxne_r li em {

            width: 86%;

        }

    }

    

    .qyro_t1 {

        margin-bottom: 0;

    }

    /*关于我们 end*/

    /*下载中心 begin*/

    

    .xz_box {

        clear: both;

        width: 100%;

        height: auto;

        background: url(../images/bg12.jpg) no-repeat right bottom;

        padding: 80px 0;

        overflow: hidden;

    }

    

    .zbpre_l {

        float: left;

        width: 37%;

        height: auto;

        overflow: hidden;

        border: 1px solid #FF0302;

    }

    

    .zbpre_l img {

        display: block;

        width: 100%;

        height: auto;

    }

    

    .zbpre_r {

        float: right;

        width: 57%;

        height: auto;

        padding-top: 80px;

    }

    

    .zbpre_r h2 {

        color: #333333;

        font-size: 24px;

        line-height: 24px;

        font-family: "SOURCEHANSANSCN-NORMAL";

        font-weight: normal;

        margin-bottom: 15px;

    }

    

    .zbpre_r h6 {

        color: #666666;

        font-size: 16px;

        line-height: 30px;

        font-weight: normal;

        margin-bottom: 35px;

    }

    

    .zbpre_r p {

        color: #454648;

        font-size: 18px;

        line-height: 30px;

    }

    

    .zbpre_r a {

        display: block;

        width: 160px;

        height: 50px;

        background: #FF0302;

        text-align: center;

        line-height: 50px;

        color: #fff;

        font-size: 18px;

        margin-top: 70px;

    }

    

    @media(max-width:1024px) {

        .xz_box {

            padding: 40px 0;

        }

        .zbpre_r a {

            margin-top: 20px;

        }

        .zbpre_r h6 {

            margin-bottom: 20px;

        }

    }

    

    @media(max-width:768px) {

        .zbpre_r {

            padding-top: 40px

        }

    }

    

    @media(max-width:540px) {

        .zbpre_l {

            width: 50%;

            margin: 0 auto;

            float: none;

        }

        .zbpre_r {

            width: 100%;

            padding-top: 40px

        }

        .zbpre_r h2 {

            font-size: 20px;

            line-height: 24px;

            margin-bottom: 10px;

        }

    }

    

    .xz_box_1 {

        background: none;

    }

    

    .spzoe {

        height: auto;

        overflow: hidden;

    }

    

    .spzoe_t {

        width: 100%;

        height: auto;

        margin-bottom: 50px;

        overflow: hidden;

    }

    

    .spzoe_t li {

        float: left;

        line-height: 32px;

    }

    

    .spzoe_t li a {

        display: block;

        padding: 0 29px;

        font-size: 16px;

        color: #333333;

        border: 1px solid #d4d4d4;

    }

    

    .spzoe_t li a.qvcpe {

        border: 1px solid #FF0302;

        background: #FF0302;

        color: #fff;

    }

    

    @media(max-width:1024px) {

        margin-bottom: 30px;

    }

    

    .spzow {

        height: auto;

        overflow: hidden;

    }

    

    .spzow dl {

        float: left;

        width: 24%;

        height: auto;

        overflow: hidden;

        margin-bottom: 20px;

        margin-right: 1.3%;

    }

    

    .spzow dl.qcbj {

        margin-right: 0;

    }

    

    .spzow dt {

        width: 100%;

        height: auto;

        overflow: hidden;

        position: relative;

    }

    

    .spzow dt img {

        display: block;

        width: 100%;

        transition: all 0.5s ease;

    }

    

    .spzow dt span {

        display: block;

        width: 100%;

        height: 100%;

        position: absolute;

        left: 0;

        top: 0;

        background: url(../images/bg12.png) no-repeat center center rgba(0, 0, 0, 0.4);

        opacity: 1;

        transition: all 0.5s ease;

    }

    

    .spzow dd {

        width: 100%;

        height: 83px;

        padding: 0 30px;

        display: table;

        color: #333333;

        font-size: 16px;

        line-height: 26px;

        transition: all 0.5s ease;

    }

    

    .borer {

        display: table-cell;

        vertical-align: middle;

    }

    

    .spzow dl:hover dt span {

        opacity: 0;

    }

    

    .spzow dl:hover dt img {

        transform: scale(1.1);

        -webkit-transform: scale(1.1);

        -moz-transform: scale(1.1);

        -ms-transform: scale(1.1);

        -o-transform: scale(1.1);

    }

    

    .spzow dl:hover dd {

        background: #FF0302;

        color: #fff;

    }

    

    @media(max-width:1440px) {

        .spzow dd {

            padding: 0 10px;

        }

    }

    

    @media(max-width:1024px) {

        .spzow dl {

            width: 48%;

            height: auto;

            margin-right: 0;

            margin-bottom: 0;

        }

        .spzow dl:nth-child(even) {

            float: right;

        }

        .spzow dd {

            padding: 0 10px;

        }

    }

    

    @media(max-width:540px) {

        .spzow dl {

            width: 100%;

            height: auto;

            margin-right: 0;

        }

        .spzow dl:nth-child(even) {

            float: right;

        }

        .spzow dd {

            padding: 0 10px;

        }

    }

    

    .spboet {

        width: 100%;

        height: auto;

    }

    

    .spboet img {

        display: block;

        max-width: 100%;

    }

    /*下载中心 end*/