@charset "utf-8";
body {
    padding-top: 0;
}
a, input, b, h1, img, span, button, header, .arrow, .portinfo, .portinfo h3, .portinfo p, .portimg,*:before, *:after , .nav_transform1 ul.navCont li .title,.media-box .icon,.cusbox a{
    -moz-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -webkit-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -o-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    -ms-transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
    transition: all 0.5s cubic-bezier(0.175, 0.885, 0.32, 1);
}

*:focus {
    outline: none;
}

header.home {
    background-color: transparent;
    border-bottom: none;
}
.news-swiper .swiper-slide a.bg-img{
    display: block;
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
    overflow: hidden;
}
.news-swiper .swiper-slide a.bg-img img{
    position: absolute;
    width: 100%;
    height: 100%;
    top:0;
    left: 0;
    object-fit: fill;
}
.logo-b {
    display: none;
}



._fixed .logo-a {
    display: none;
}

._fixed .logo-b {
    display: block;
}



.index-banner .swiper-slide {
    height: 100vh;
}

.index-video {
    width: 100%;
    height: 100%;
    position: relative;
}

.index-video video {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: fill;
}

.index-banner  .mask {
    position: absolute;
    bottom: 15vh;
    right: 5%;
    left: 5%;
    z-index: 999;
    color: #fff;
    font-size: 16px;
}

.index-banner  .mask .t0, .index-banner  .mask .t1 {
    font-size: 2.4em;
    position: relative;
    margin-bottom: 0;
    font-weight: 400;
}

.index-banner  .mask .t0 {
    margin-bottom: 0;
}

.index-banner  .mask .t2 {
    width: 50%;
    font-size: 14px;
}

.index-banner  .bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

.banner-nav {
    width: 90%;
    margin-top: 60px;
    position: relative;
}

.banner-nav .slide-prev, .banner-nav .slide-next {
    /*display: none;*/
    width: 48px;
    height: 48px;
    border-radius: 50%;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 48px;
    border: 1px solid #fff;
    cursor: pointer;
    transition: all .3s;
}

.banner-nav .slide-prev {
    position: absolute;
    left: 240px;
    top: 0;
}

.banner-nav .slide-next {
    position: absolute;
    left: 300px;
    right: auto;
    top: 0;
}

.banner-nav .slide-prev:hover, .banner-nav .slide-next:hover {
    background-color: #fff;
    color: #333;
}

.banner-nav.active .slide-prev, .banner-nav.active .slide-next {
    display: block;
}

.more-link-a {
    display: inline-block;
    min-width: 12em;
    height: 3em;
    line-height: 3em;
    text-align: center;
    border-radius: 1.5em;
    font-size: 16px;
    color: #fff;
    border: 1px solid #f8f9fa;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}

.more-link-a:hover {
    background-color: #f8f9fa;
    color: #212529;
}
.more-link-b{
    display: inline-block;
    min-width: 12em;
    height: 3em;
    margin: 0 10px;
    line-height: 3em;
    text-align: center;
    border-radius: 1.5em;
    font-size: 16px;
    border: 1px solid #ccc;
    transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out, box-shadow .15s ease-in-out;
}
.more-link-b:hover{
    background-color: var(--web-color);
    border-color: var(--web-color);
    color: #fff;
}
.index-banner .mask .content .t1, .index-banner .mask .content .t2 {
    font-size: 48px;
}

.index-banner .mask .content .t3 {
    margin-top: 30px;
}

.index-banner .mask .content ul {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-bottom: 20px;
}

.index-banner .mask .content ul li {
    width: 30%;
    line-height: 30px;
    margin-bottom: 10px;
}

.index-banner .mask .content ul li p {
    font-size: 18px;
}

.index-banner .mask h1 {
    font-size: 3vw;
}

.index-banner .mask p {
    font-size: 1.3vw;
}

#index-advantage0 {
    background: #fff;
    position: relative;

}

#index-advantage0 .width {
    position: relative;
}

#index-advantage0 .x-content {
    position: relative;
    display: flex;
    justify-content: flex-end;
}


#index-advantage0 .x-bg ul {
    position: relative;

    display: flex;
    justify-content: space-between;
    z-index: 5;
}

.index-div {
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    margin-bottom: 30px;
}

#index-advantage0 .x-main-title {
    text-align: center;
    margin-bottom: 60px;
}

#index-advantage0 li {
    width: 49.5%;
    margin: 0.25% 0;
    text-align: center;
    position: relative;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;
    cursor: pointer;
    background: #f5f5f5;
}

#index-advantage0 li img {
    max-width: 100%;
    margin-bottom: 10px;
}

#index-advantage0 li .box-img {
    padding: 40px;
    transform: rotateY(0);
    transition: all 0.50s ease-in-out 0s;
}

#index-advantage0 li .box-content {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    background: var(--web-color);
    color: #fff;
    padding: 40px 20px;
    opacity: 0.8;
    filter: alpha(opacity=80);
    transform: rotateY(90deg);
    transition: all 0.50s ease-in-out 0s;
    overflow: hidden;
}

#index-advantage0 li .box-content .t1 {
    font-size: 24px;
    margin-bottom: 20px;
}

#index-advantage0 li .box-content .t2 {
    text-align: left;
}

#index-advantage0 li:hover .box-img {
    transform: rotateY(-90deg);
}

#index-advantage0 li:hover .box-content {
    transform: rotateY(0);
}

#index-contact {
    background: url("../style/index-bg1.jpg") 0 0 /cover no-repeat;
    min-height: 700px;
    position: relative;
    color: #fff;
    padding: 200px 0;
}

#index-contact .waves {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
}
#index-contact .x-width{
    position: relative;
    z-index: 2;
}
#index-contact li a{
    display: inline-block;
    border: 1px solid #fff;
    color: #fff;
    line-height: 60px;
    padding: 0 30px;
    text-align: center;
    margin: 20px 20px 40px 0;
    transition: all .3s;
}
#index-contact li a:hover{
    background-color: #fff;
    color: var(--web-color);
}
#index-contact li img{
    padding: 0 40px;

}
#index-contact li .info{
    width: 400px;
    height: 70px;
    margin-top: 10px;
    line-height: 70px;
    padding: 0 30px;
    font-size: 24px;
    background: -webkit-linear-gradient(left,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: -o-linear-gradient(right,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: -moz-linear-gradient(right,rgba(255,255,255,.3),rgba(255,255,255,0));
    background: linear-gradient(to right,rgba(255,255,255,.3),rgba(255,255,255,0));
}
#index-contact li .info span{
    font-size: 24px;
}
#index-case li{
    margin-bottom: 2%;
}
#index-case li .case-bg{
    width: 100%;
    height: 0;
    padding-top: 66.66%;
    position: relative;
}
#index-case li .case-bg a{
    position: absolute;
    width: 100%;
    height: 100%;
    display: block;
    top: 0;
}
#index-case .x-main-title{
    text-align: center;
}
.case-nav{
    text-align: center;
    margin: 60px auto 40px;
}
#index-case li p{
    background-color: #eee;
    line-height: 45px;
    text-align: center;
    padding: 0 15px;
}
@media screen and (max-width: 1200px) {
    #index-contact{
        padding: 60px 0;
    }
    #index-contact li{
        text-align: center;
    }
    #index-contact li a{
        height: 40px;
        line-height: 40px;
    }
    #index-contact li .info{
        background: transparent;
        text-align: center;
        margin-top: 0;
        line-height: 50px;
        width: 100%;
        padding: 0;
    }
    #index-contact li img{
        margin-top: 30px;
    }
    #index-advantage0 li img {
        max-width: 80px;
    }

    #index-advantage0 li .box-content .t1 {
        margin-bottom: 10px;
    }
}

@media screen and (max-width: 992px) {
    body {
        padding-top: 60px;

    }
    #index-advantage0 li:hover .box-img,#index-advantage0 li:hover .box-content{
        transform: none;
    }
    #index-contact{
        min-height: 400px;
    }
    .index-video video {
        display: none;
    }

 
    header.home {
        background-color: var(--web-color);
    }

    .index-banner .mask p {
        display: none;
    }

    .index-banner .mask h1 {
        font-size: 24px;
        text-align: center;
    }

    .index-banner .swiper-slide {
        height: auto;
    }

    .index-banner .swiper-slide .index-video {
        position: relative;
        width: 100%;
        height: 0;
        padding-top: 66.666%;
    }

    .index-banner .swiper-slide img {
        max-width: 100%;
        height: auto;
    }

    .index-banner .mask .t0 {
        font-size: 33px;
        line-height: 40px;
        padding-bottom: 0;
        margin-bottom: 8px;
    }

    .index-banner .mask .t1, .index-banner .mask .t2 {
        width: 100%;
        font-size: 5.5vw;
        line-height: 1.3;
        text-align: center;
    }

    .index-banner .mask {
        font-size: 14px;
        width: 100%;
        height: 100%;
        left: 0;
        right: auto;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .banner-nav .slide-prev, .banner-nav .slide-next {
        width: 6vw;
        height: 6vw;
        line-height: 6vw;

    }

    .banner-nav .slide-prev span, .banner-nav .slide-next span {
        font-size: 2vw;
    }

    .banner-nav {
        margin-top: 0;
        padding: 20px 0;
        width: 100%;
        display: flex;
        justify-content: center;
    }

    .more-link-a,.more-link-b {
        min-width: 8em;
        padding: 0 1em;
        height: 2.4em;
        line-height: 2.4em;
        font-size: 14px;
    }

    .index-banner .mask .content .t3 {
        display: none;

    }

    .banner-nav .slide-prev {
        left: 0;
    }

    .banner-nav .slide-next {
        left: auto;
        right: 0;
    }

    #index-advantage0 li {
        width: 49%;
        text-align: center;
        margin-bottom: 5px;
    }

    #index-advantage0 li .t1 {
        font-size: 18px;
    }

    #index-advantage0 li .t2 {
        display: none;
    }

    #index-advantage0 .x-main-title {
        margin-bottom: 25px;
    }

    #index-advantage0 li .box-img {
        padding: 15px;
    }

    #index-advantage0 li img {
        max-width: 30px;
        display: inline-block;
    }

    #index-advantage0 li h3 {
        display: inline-block;
    }

    #index-advantage0 li .box-content {
        display: none;
    }

    #index-advantage0 .x-bg li .x-mask {
        background-color: rgba(0, 0, 0, .2);
    }

    #index-advantage0 ul {
        flex-wrap: wrap;
    }
}

#section2{
	background-size: auto%;
	transition: all 600ms ease 200ms;
	position: relative;
	height: 100%;
}

#section2 .infoleft{
	/*left: -130%;*/
	left: 0;
	position: relative;
	transition: all 600ms ease;
	float: left;
}

#section2 .intro .title1,#section4 .intro .title1,#section5 .intro .title1{
	text-transform: uppercase;
	font-size: 6.8rem;
	/*left: -100%;*/
	transition: all 600ms ease;
	clear: both;
	text-align: left;
	position: relative;
	color: #e7e7e7;
	font-weight: bold;
}
#section2 .intro .title1{
	margin-top: 0;
}

#section2 .intro .title2,#section4 .intro .title2,#section5 .intro .title2,#section6 .intro .title2{
	text-transform: uppercase;
	font-size: 2rem;
	
	/*left: -110%;*/
	left: 0%;
	transition: all 600ms ease 200ms;
	clear: both;
	text-align: left;
	margin-bottom: 30px;
	position: relative;
	opacity: 1;
	margin-top:-98px; 
text-indent:2rem;
}
#section2 .intro .title2 .ch1,#section4 .intro .title2 .ch1,#section5 .intro .title2 .ch1{
	color: #ed2900;font-weight: bold;
}
#section2 .intro .title2 .ch2,#section4 .intro .title2 .ch2,#section5 .intro .title2 .ch2{
	color: #000;font-weight: bold;
}
#section2 .intro  .title2-en,#section4 .intro  .title2-en,#section5 .intro  .title2-en,#section6 .intro  .title2-en{
	color: #919191;
	text-transform: capitalize;
	font-size: 10px;
	text-align: left;
	text-indent: 2rem;
	margin-top: -10px;
	line-height: 0;
	position: relative;
	margin-bottom: 50px;
}
#section2 .intro  .line,#section4 .intro  .line{
	width: 1px;
	height: 73px;
	display: block;
	background: #026cba;
	float: left;
	margin-left: 30px;
	margin-top: 20px;
	margin-bottom: 30px;
}
#section2 .intro  .line:after{
	clear: both;
	content:'';
	width: 100%;
	display: block;
}
#section2 .intro  .tip{
	clear: both;
	font-size: 24px;
	font-weight: bold;
	color: #000;
	text-align: left;
	margin-top: 80px;
	overflow: hidden;
}
#section2  .title2 span{

	margin-left: 0.2rem;
	color: #000;
	line-height: 1rem;
}
#section2 .about-num{
	text-align: center;
}
#section2  .ab-more{
	color: #FFF;
	font-size: 18px;
	padding:8px 20px;
	background: #026cba;
	display: block;
	float: left;
}
#section2  .about-dis{
	clear: both;
	overflow: hidden;
	margin:20px auto;
}
#section2 .about-num .num{
	font-weight: bold;
	color: #026cba;
	font-size: 44px;
}
#section2 .about-num .ch{
	color: #000;
	font-size: 18px;
	margin-left:5px;

}
#section2 .about-num .ch2{
	font-size: 15px;
	color: #1f1f1f;

}

#section2 .infoleft img{
	max-width: 100%;
}
#section2 .inforight{
	margin: 0;
	top: 10%;
	right: -100%;
	float: right;
	text-align: left;
	position: relative;
	transition: all 1200ms ease 200ms;
	overflow: hidden;
}
#section2 .inforight .title1{
	font-size: 3rem;
	font-weight: bold;
	color: #000;
	line-height: 4rem;

}
#section2 .inforight .title1 span{
	color: #cd0000;
}
#section2 .about-box{
	color: #929191;
	font-size: 16px;
	line-height: 2;
	padding: 0rem 0;
	box-sizing: border-box;
	text-align: left;
	margin-top: 50px;
	overflow: hidden;
	margin-bottom: 30px;
}
#section2 .about-box p{ text-indent: 2em; margin-bottom: 10px;}
#section2 .qk-link-ico{
	clear: both;
	overflow: hidden;
	padding-top: 80px;
	margin-bottom: 50px;
	max-width: 623px;
}
#section2 .qk-link-ico .qk-link-li{
	background: #ffffff;
	margin: 0 3px;
	text-align: center;
}
#section2 .qk-link-ico .qk-link-li i,#section2 .qk-link-ico .qk-link-li p{
	color: #626262;
}

#section2 .qk-link-ico .qk-link-li:hover{
	background: #026cba;
	color: #FFF;
}
#section2 .qk-link-ico .qk-link-li i{
	font-size: 30px !important;
}
#section2 .qk-link-ico .qk-link-li:hover i,#section2 .qk-link-ico .qk-link-li:hover p{
	color: #FFF;
}
#section2 .qk-link-ico .qk-link-li p{
	font-size: 14px;
	line-height: 2;
}
#section2 .qk-link-ico  .aboutpic{
	width: 100%;
	margin-top: 100px;
}
#section2 .inforight .more{
	width: 168px;
	height: 45px;
	display: block;
	background:#ee0303;
	line-height: 45px;
	color: #FFF;
	font-size: 16px;
	text-align: center;
	border-radius: 30px;
	float: right;
}
#section2 .inforight img{
	max-width: 100%;

}
#section2 .intro,#section3 .intro,#section4 .intro,#section5 .intro{
	clear: both;
	box-sizing: border-box;
	position: relative;
	width: 80%;
	margin: 0 auto;
}




.row{width:102%;}
.row:after,.row:before{clear:both;display:table;content:" ";}
.full-row .row .span-1,.span-1{float:left;margin-right:2%;width:6.33333333%;transition:.2s width ease;}
.full-row .row .span-2,.span-2{float:left;margin-right:2%;width:14.66666667%;transition:.2s width ease;}
.full-row .row .span-3,.span-3{float:left;margin-right:2%;width:23%;transition:.2s width ease;}
.full-row .row .span-4,.span-4{float:left;margin-right:2%;width:31.33333333%;transition:.2s width ease;}
.full-row .row .span-5,.span-5{float:left;margin-right:2%;width:39.66666667%;transition:.2s width ease;}
.full-row .row .span-6,.span-6{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
.full-row .row .span-7,.span-7{float:left;margin-right:2%;width:56.33333333%;transition:.2s width ease;}
.full-row .row .span-8,.span-8{float:left;margin-right:2%;width:64.66666667%;transition:.2s width ease;}
.full-row .row .span-9,.span-9{float:left;margin-right:2%;width:73%;transition:.2s width ease;}
.full-row .row .span-10,.span-10{float:left;margin-right:2%;width:81.33333333%;transition:.2s width ease;}
.full-row .row .span-11,.span-11{float:left;margin-right:2%;width:89.66666667%;transition:.2s width ease;}
.full-row .row .span-12,.span-12{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
.full-row .row .span-13,.span-13{float:left;margin-right:2%;width:106.33333333%;transition:.2s width ease;}
.full-row .row .span-14,.span-14{float:left;margin-right:2%;width:114.66666667%;transition:.2s width ease;}
.full-row .row .span-15,.span-15{float:left;margin-right:2%;width:123%;transition:.2s width ease;}
.full-row .row .span-16,.span-16{float:left;margin-right:2%;width:131.33333333%;transition:.2s width ease;}
.full-row .row .span-17,.span-17{float:left;margin-right:2%;width:139.66666667%;transition:.2s width ease;}
.full-row .row .span-18,.span-18{float:left;margin-right:2%;width:148%;transition:.2s width ease;}
.full-row .row .span-19,.span-19{float:left;margin-right:2%;width:156.33333333%;transition:.2s width ease;}
.full-row .row .span-20,.span-20{float:left;margin-right:2%;width:164.66666667%;transition:.2s width ease;}
.full-row .row .span-21,.span-21{float:left;margin-right:2%;width:173%;transition:.2s width ease;}
.full-row .row .span-22,.span-22{float:left;margin-right:2%;width:181.33333333%;transition:.2s width ease;}
.full-row .row .span-23,.span-23{float:left;margin-right:2%;width:189.66666667%;transition:.2s width ease;}
.full-row .row .span-24,.span-24{float:left;margin-right:2%;width:198%;transition:.2s width ease;}
.pull-right{float:right;}
.pull-left{float:left;}
.hide{display:none;}
.center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
.pull-left-1{position:relative;left:-8.33333333%;}
.pull-left-2{position:relative;left:-16.66666667%;}
.pull-left-3{position:relative;left:-25%;}
.pull-left-4{position:relative;left:-33.33333333%;}
.pull-left-5{position:relative;left:-41.66666667%;}
.pull-left-6{position:relative;left:-50%;}
.pull-left-7{position:relative;left:-58.33333333%;}
.pull-left-8{position:relative;left:-66.66666667%;}
.pull-left-9{position:relative;left:-75%;}
.pull-left-10{position:relative;left:-83.33333333%;}
.pull-left-11{position:relative;left:-91.66666667%;}
.pull-left-12{position:relative;left:-100%;}
.pull-left-13{position:relative;left:-108.33333333%;}
.pull-left-14{position:relative;left:-116.66666667%;}
.pull-left-15{position:relative;left:-125%;}
.pull-left-16{position:relative;left:-133.33333333%;}
.pull-left-17{position:relative;left:-141.66666667%;}
.pull-left-18{position:relative;left:-150%;}
.pull-left-19{position:relative;left:-158.33333333%;}
.pull-left-20{position:relative;left:-166.66666667%;}
.pull-left-21{position:relative;left:-175%;}
.pull-left-22{position:relative;left:-183.33333333%;}
.pull-left-23{position:relative;left:-191.66666667%;}
.pull-left-24{position:relative;left:-200%;}

.pull-right-1{position:relative;left:8.33333333%;}
.pull-right-2{position:relative;left:16.66666667%;}
.pull-right-3{position:relative;left:25%;}
.pull-right-4{position:relative;left:33.33333333%;}
.pull-right-5{position:relative;left:41.66666667%;}
.pull-right-6{position:relative;left:50%;}
.pull-right-7{position:relative;left:58.33333333%;}
.pull-right-8{position:relative;left:66.66666667%;}
.pull-right-9{position:relative;left:75%;}
.pull-right-10{position:relative;left:83.33333333%;}
.pull-right-11{position:relative;left:91.66666667%;}
.pull-right-12{position:relative;left:100%;}
.pull-right-13{position:relative;left:108.33333333%;}
.pull-right-14{position:relative;left:116.66666667%;}
.pull-right-15{position:relative;left:125%;}
.pull-right-16{position:relative;left:133.33333333%;}
.pull-right-17{position:relative;left:141.66666667%;}
.pull-right-18{position:relative;left:150%;}
.pull-right-19{position:relative;left:158.33333333%;}
.pull-right-20{position:relative;left:166.66666667%;}
.pull-right-21{position:relative;left:175%;}
.pull-right-22{position:relative;left:183.33333333%;}
.pull-right-23{position:relative;left:191.66666667%;}
.pull-right-24{position:relative;left:200%;}

.full-row{width:100%;}
.full-row:after,.full-row:before{clear:both;display:table;content:" ";}
.full-row [class*=midd],.full-row [class*=smal],.full-row [class*=span]{margin-right:0;}
.full-row .span-1{width:8.33333333%;}
.full-row .span-2{width:16.66666667%;}
.full-row .span-3{width:25%;}
.full-row .span-4{width:33.33333333%;}
.full-row .span-5{width:41.66666667%;}
.full-row .span-6{width:50%;}
.full-row .span-7{width:58.33333333%;}
.full-row .span-8{width:66.66666667%;}
.full-row .span-9{width:75%;}
.full-row .span-10{width:83.33333333%;}
.full-row .span-11{width:91.66666667%;}
.full-row .span-12{width:100%;}
.full-row .span-13{width:108.33333333%;}
.full-row .span-14{width:116.66666667%;}
.full-row .span-15{width:125%;}
.full-row .span-16{width:133.33333333%;}
.full-row .span-17{width:141.66666667%;}
.full-row .span-18{width:150%;}
.full-row .span-19{width:158.33333333%;}
.full-row .span-20{width:166.66666667%;}
.full-row .span-21{width:175%;}
.full-row .span-22{width:183.33333333%;}
.full-row .span-23{width:191.66666667%;}
.full-row .span-24{width:200%;}
.full-row .center{left:auto;}

.span-3-1{float:left;margin-right:2%;width:38%;transition:.2s width ease;}
.span-3-2{float:left;margin-right:2%;width:28%;transition:.2s width ease;}
.span-3-3{float:left;margin-right:2%;width:28%;transition:.2s width ease;}



@media only screen and (max-width:64em){
  .full-row .row .midd-1,.midd-1{width:6.33333333%;}
  .full-row .row .midd-2,.midd-2{width:14.66666667%;}
  .full-row .row .midd-3,.midd-3{width:23%;}
  .full-row .row .midd-4,.midd-4{width:31.33333333%;}
  .full-row .row .midd-5,.midd-5{width:39.66666667%;}
  .full-row .row .midd-6,.midd-6{width:48%;}
  .full-row .row .midd-7,.midd-7{width:56.33333333%;}
  .full-row .row .midd-8,.midd-8{width:64.66666667%;}
  .full-row .row .midd-9,.midd-9{width:73%;}
  .full-row .row .midd-10,.midd-10{width:81.33333333%;}
  .full-row .row .midd-11,.midd-11{width:89.66666667%;}
  .full-row .row .midd-12,.midd-12{width:98%;}
  .full-row .row .midd-13,.midd-13{width:106.33333333%;}
  .full-row .row .midd-14,.midd-14{width:114.66666667%;}
  .full-row .row .midd-15,.midd-15{width:123%;}
  .full-row .row .midd-16,.midd-16{width:131.33333333%;}
  .full-row .row .midd-17,.midd-17{width:139.66666667%;}
  .full-row .row .midd-18,.midd-18{width:148%;}
  .full-row .row .midd-19,.midd-19{width:156.33333333%;}
  .full-row .row .midd-20,.midd-20{width:164.66666667%;}
  .full-row .row .midd-21,.midd-21{width:173%;}
  .full-row .row .midd-22,.midd-22{width:181.33333333%;}
  .full-row .row .midd-23,.midd-23{width:189.66666667%;}
  .full-row .row .midd-24,.midd-24{width:198%;}
  .midd-hide{display:none!important;}
  .midd-center{position:relative;left:-1%;float:none;clear:both;display:block;margin-right:auto;margin-left:auto;}
  .full-row .midd-1{width:8.33333333%;}
  .full-row .midd-2{width:16.66666667%;}
  .full-row .midd-3{width:25%;}
  .full-row .midd-4{width:33.33333333%;}
  .full-row .midd-5{width:41.66666667%;}
  .full-row .midd-6{width:50%;}
  .full-row .midd-7{width:58.33333333%;}
  .full-row .midd-8{width:66.66666667%;}
  .full-row .midd-9{width:75%;}
  .full-row .midd-10{width:83.33333333%;}
  .full-row .midd-11{width:91.66666667%;}
  .full-row .midd-12{width:100%;}
  .full-row .midd-13{width:108.33333333%;}
  .full-row .midd-14{width:116.66666667%;}
  .full-row .midd-15{width:125%;}
  .full-row .midd-16{width:133.33333333%;}
  .full-row .midd-17{width:141.66666667%;}
  .full-row .midd-18{width:150%;}
  .full-row .midd-19{width:158.33333333%;}
  .full-row .midd-20{width:166.66666667%;}
  .full-row .midd-21{width:175%;}
  .full-row .midd-22{width:183.33333333%;}
  .full-row .midd-23{width:191.66666667%;}
  .full-row .midd-24{width:200%;}
}
@media only screen and (max-width:40em){
  .full-row .row .smal-1,.smal-1{width:6.33333333%;}
  .full-row .row .smal-2,.smal-2{width:14.66666667%;}
  .full-row .row .smal-3,.smal-3{width:23%;}
  .full-row .row .smal-4,.smal-4{width:31.33333333%;}
  .full-row .row .smal-5,.smal-5{width:39.66666667%;}
  .full-row .row .smal-6,.smal-6{width:48%;}
  .full-row .row .smal-7,.smal-7{width:56.33333333%;}
  .full-row .row .smal-8,.smal-8{width:64.66666667%;}
  .full-row .row .smal-9,.smal-9{width:73%;}
  .full-row .row .smal-10,.smal-10{width:81.33333333%;}
  .full-row .row .smal-11,.smal-11{width:89.66666667%;}
  .full-row .row .smal-12,.smal-12{width:98%;}
  .full-row .row .smal-13,.smal-13{width:106.33333333%;}
  .full-row .row .smal-14,.smal-14{width:114.66666667%;}
  .full-row .row .smal-15,.smal-15{width:123%;}
  .full-row .row .smal-16,.smal-16{width:131.33333333%;}
  .full-row .row .smal-17,.smal-17{width:139.66666667%;}
  .full-row .row .smal-18,.smal-18{width:148%;}
  .full-row .row .smal-19,.smal-19{width:156.33333333%;}
  .full-row .row .smal-20,.smal-20{width:164.66666667%;}
  .full-row .row .smal-21,.smal-21{width:173%;}
  .full-row .row .smal-22,.smal-22{width:181.33333333%;}
  .full-row .row .smal-23,.smal-23{width:189.66666667%;}
  .full-row .row .smal-24,.smal-24{width:198%;}
 
  .smal-center,.smal-show{display:block;}
  .smal-center{position:relative;left:-1%;float:none;clear:both;margin-right:auto;margin-left:auto;}
  [class*=pull-left-],[class*=pull-right-]{right:auto;left:auto;}
  .full-row .smal-1{width:8.33333333%;}
  .full-row .smal-2{width:16.66666667%;}
  .full-row .smal-3{width:25%;}
  .full-row .smal-4{width:33.33333333%;}
  .full-row .smal-5{width:41.66666667%;}
  .full-row .smal-6{width:50%;}
  .full-row .smal-7{width:58.33333333%;}
  .full-row .smal-8{width:66.66666667%;}
  .full-row .smal-9{width:75%;}
  .full-row .smal-10{width:83.33333333%;}
  .full-row .smal-11{width:91.66666667%;}
  .full-row .smal-12{width:100%;}
  .full-row .smal-13{width:108.33333333%;}
  .full-row .smal-14{width:116.66666667%;}
  .full-row .smal-15{width:125%;}
  .full-row .smal-16{width:133.33333333%;}
  .full-row .smal-17{width:141.66666667%;}
  .full-row .smal-18{width:150%;}
  .full-row .smal-19{width:158.33333333%;}
  .full-row .smal-20{width:166.66666667%;}
  .full-row .smal-21{width:175%;}
  .full-row .smal-22{width:183.33333333%;}
  .full-row .smal-23{width:191.66666667%;}
  .full-row .smal-24{width:200%;}

  .span-3-1{float:left;margin-right:2%;width:98%;transition:.2s width ease;}
  .span-3-2{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
  .span-3-3{float:left;margin-right:2%;width:48%;transition:.2s width ease;}
}
/*产品列表*/
.prolist {padding:0;overflow: hidden;}
.prolist .proitem{border: none;width: auto; margin-bottom:30px;}
.prolist .proitem a{ display: block;padding: 0;position: relative;overflow: hidden;}
.prolist .proitem .pimg{ padding: 0; overflow: hidden;transition:all 0.3s;}
.prolist .proitem .pimg img {width: 100%;height: auto;max-width: 100%;}
.prolist .proitem .protit {position: absolute;left: 0px;right: 0px; padding-left: 20px; padding-right: 20px; bottom:0;padding-bottom:4%;z-index: 3;background: url(../style/djbg.png) repeat-x bottom;}
.prolist .proitem .protit h2 {color: #fff;font-size: 30px; margin-top: 30px; line-height: 50px;text-transform: uppercase;font-weight: bold;}
.prolist .proitem .protit p {color: #fff;font-size: 16px;line-height:27px;transition: .5s ease;position: relative; padding-right: 50px;}
.prolist .proitem .protit p:after {content:"";width: 35px;height: 35px;background: url(../style/pjt.png) no-repeat center;background-size: contain;position: absolute;z-index: 4;right: 0;top:0;}
.prolist .proitem:hover .pimg img {transform: scale(1.3);transition:all 0.5s;}
.prolist .proitem:hover .protit p {letter-spacing: 0px;}
.prolist .p1 .pimg {background: #337843;}
.prolist .p1 .protit {bottom: 50%;margin-bottom: -35px;}
.prolist .p1:hover .pimg img {transform: scale(0.8);transition:all 0.5s;}

/*党建中心*/
.sect_dj {overflow: hidden;}
.sect_dj .djhot {padding: 0;overflow:hidden;}
.sect_dj .djhot a {display: block;width: 100%;height: 100%;position: relative;}
.sect_dj .djhot .icon {background: #f8f8f8;width: 100%;height: 100%;}
.sect_dj .djhot .icon img {width: 100%;height: 100%;object-fit: cover;}
.sect_dj .djhot .dj_box {position:absolute;left: 0;right: 0;bottom: 0;top:0;background: url(../style/djbg.png) no-repeat bottom center;background-size:contain;z-index: 3;}
.sect_dj .djhot .dj_box .djcona {padding: 0;overflow: hidden;position: absolute;bottom: 15px;z-index: 4;padding: 0 5%;left: 0;right: 0;}
.sect_dj .djhot .djcona span {display: block;color: #fff;border-bottom: 1px solid #59595c;font-size: 26px;line-height: 45px;font-weight: bold;}
.sect_dj .djhot .dj_box span small {color: #fff;font-size:18px;margin-left: 10px; }
.sect_dj .djhot .dj_box  p {color: #fff;font-size: 16px; padding-bottom: 10px; padding-top: 10px; line-height: 200%;font-weight: normal;}
.sect_dj .djhot:hover .icon img {transform: scale(1.3);transition:all 0.5s;}
.xwlist .xwitem {padding: 25px 45px; overflow: hidden;background: #fff;margin-bottom: 13px;}
.xwlist .xwitem a {display: block;}
.xwlist .xwitem span {display: block;width: 90%;height: 35px;background: #adadad;border-radius:15px;text-align: center;line-height: 35px;color: #fff;font-size: 18px;}
.xwlist .xwitem .xwtit h2 {color: #242222;font-size: 16px;line-height: 35px;font-weight: normal;}
.xwlist .xwitem .xwtit p {color: #a0a0a0;font-size: 16px;line-height: 30px;}
.xwlist .xwitem:hover {background: #0154a4;}
.xwlist .xwitem:hover span {background: #fff;color:#0154a4;}
.xwlist .xwitem:hover h2,.xwlist .xwitem:hover p {color: #fff;}

@media (max-width: 767px) {
	#section2 .about-num{ margin-bottom: 20px;}

#section2 .about-num .num{

	font-size: 40px;
}
#section2 .about-num .ch{
	color: #000;
	font-size: 14px;
}

#section2 .qk-link-ico{
	clear: both;
	overflow: hidden;
	padding-top: 10px;
	margin-bottom: 10px;

}	
#section2 .about-box{
	margin-top: 0px;
	margin-bottom: 0px;
}	
#section2 .qk-link-ico .qk-link-li{
	background: #ffffff;
	margin: 3px 3px;
	text-align: center;
}	
#section2 .qk-link-ico  .aboutpic img{
	width: 100%;

}	
#section2 .qk-link-ico  .aboutpic{

	margin-top: 10px;
}
	#section2 .intro  .tip{

	margin-top: 0px;

}
.prolist .proitem .protit h2 {font-size: 26px;}
.prolist .proitem .protit p {font-size: 12px; line-height: 20px;}
}

.notice-box {
  text-align: center;
}

.green-line {
  width: 28px;
  height: 2px;
  background-color: #39e057;
  display: block;
  margin: 0 auto;
}
/* 适配移动端缩小尺寸 */
@media(max-width:768px){

  .green-line{
    width: 28px;
    height: 2px;
  }
}




/* 服务范围模块样式 */
.services-section {
    background: linear-gradient(135deg, #f8fafc 0%, #e2e8f0 100%);
    position: relative;
    overflow: hidden;
}

.services-section::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1000 1000" opacity="0.03"><polygon fill="%230a58ca" points="0,1000 1000,0 1000,1000"/></svg>');
    background-size: cover;
}

/* 服务卡片样式 */
.service-card {
    background: var(--white);
    border-radius: 16px;
    padding: 30px;
    height: 100%;
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    transition: all 0.4s ease;
    position: relative;
    overflow: hidden;
    z-index: 1;
}

.service-card::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: linear-gradient(90deg, var(--primary-blue), var(--light-blue));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.4s ease;
}

.service-card:hover {
    transform: translateY(-10px);
}

.service-card:hover::before {
    transform: scaleX(1);
}

.large-card {
    padding: 40px;
}

/* 图标容器样式 */
.card-icon-container {
    position: relative;
    width: 150px;
    height: 150px;
    margin-bottom: 25px;
	margin: 0 auto;
}

.large-card .card-icon-container {
    width: 90px;
    height: 90px;
	
}

.icon-bg-shape {
    position: absolute;
    width: 100%;
    height: 100%;
    border-radius: 24px;
    opacity: 0.1;
    transition: all 0.4s ease;
}

.shape-1 {
    background: linear-gradient(135deg, #0a58ca, #4a90e2);
    transform: rotate(45deg);
}

.shape-2 {
    background: linear-gradient(135deg, #0a58ca, #4a90e2);
    transform: rotate(0deg);
    border-radius: 30% 70% 70% 30% / 30% 30% 70% 70%;
}

.shape-3 {
    background: linear-gradient(135deg, #0a58ca, #4a90e2);
    transform: rotate(0deg);
    border-radius: 50%;
}

.service-card:hover .icon-bg-shape {
    opacity: 0.15;
    transform: scale(1.1) rotate(10deg);
}

.card-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    height: 60px;
    color: var(--primary-blue);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 2rem;
}

.large-card .card-icon {
    width: 70px;
    height: 70px;
    font-size: 2rem;
}

.card-title, .card-title a {
    font-size: 1.5rem;
    font-weight: 700;
    margin-bottom: 15px;
	text-align: center;
	margin-top: 25px;

}

.large-card .card-title {
    font-size: 1.8rem;
}

.card-description {
    color: #999;
    margin-bottom: 20px;
    line-height: 1.6;
}

.feature-list {
    list-style: none;
    padding: 0;
    margin-bottom: 25px;
}

.feature-list li {
    margin-bottom: 10px;
    color: var(--color6);
    display: flex;
    align-items: flex-start;
}

.feature-list i {
    color: var(--primary-blue);
    margin-right: 10px;
    margin-top: 3px;
    width: 20px;
}

.service-link {
    color: #4ab344;
    font-weight: 600;
    text-decoration: none;
    display: inline-flex;
    align-items: center;
    transition: all 0.3s ease;
}

.service-link i {
    margin-left: 8px;
    transition: transform 0.3s ease;
}

.service-link:hover {
    color: var(--dark-blue);
}

.service-link:hover i {
    transform: translateX(5px);
}

.col-lg-3{flex:0 0 auto;width:25%; float: left;}
.card-icon{ font-size:15rem}
.iabout{ padding: 50px; background-color: #191a1b; border-radius: 15px; line-height: 200%; color: #999999}