/* 动态 */

.sun-delay0 {
    -webkit-transition-delay: 0.2s;
            transition-delay: 0.2s;
}

.sun-delay1 {
    -webkit-transition-delay: 0.4s;
            transition-delay: 0.4s;
}

.sun-delay2 {
    -webkit-transition-delay: 0.6s;
            transition-delay: 0.6s;
}

.sun-delay3 {
    -webkit-transition-delay: 0.8s;
            transition-delay: 0.8s;
}

.sun-delay4 {
    -webkit-transition-delay: 1s;
            transition-delay: 1s;
}

.sun-delay5 {
    -webkit-transition-delay: 1.2s;
            transition-delay: 1.2s;
}

.sun-delay6 {
    -webkit-transition-delay: 1.4s;
            transition-delay: 1.4s;
}

.sun-delay7 {
    -webkit-transition-delay: 1.6s;
            transition-delay: 1.6s;
}

.sun-delay8 {
    -webkit-transition-delay: 1.8s;
            transition-delay: 1.8s;
}

.sun-delay9 {
    -webkit-transition-delay: 2s;
            transition-delay: 2s;
}

.sun-delay10 {
    -webkit-transition-delay: 2.2s;
            transition-delay: 2.2s;
}

.sun-ani-left,
.sun-ani-down,
.sun-ani-up,
.sun-ani-right {
    opacity: 0;
    -webkit-transition-property: all;
    transition-property: all;
    -webkit-transition-duration: .7s;
            transition-duration: .7s;
}

.sun-ani-left {
    -webkit-transform: translateX(-100px);
            transform: translateX(-100px);
}

.sun-ani-down {
    -webkit-transform: translateY(-100px);
            transform: translateY(-100px);
}


.sun-ani-up {
    -webkit-transform: translateY(-100px);
            transform: translateY(100px);
}

.sun-ani-right {
    -webkit-transform: translatex(100px);
            transform: translatex(100px);
}

.active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .sun-ani-left {
    opacity: 1;
    -webkit-transform: translateX(0);
            transform: translateX(0);
}

.active .sun-ani-down {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .sun-ani-up {
    opacity: 1;
    -webkit-transform: translateY(0);
            transform: translateY(0);
}

.active .sun-ani-right {
    opacity: 1;
    -webkit-transform: translatex(0);
            transform: translatex(0);
}

#newBridge{position: absolute!important;}
/* 头部 */

.demo-header{
    padding: 0;
    position: absolute;
    z-index: 999;
    left: 0;
    right: 0;
    background: none;
}

.demo-logo{
    margin-top: 2.2vw;
}

.demo-menu{
    float: right;
    width:auto;
    margin-top: 2.917vw;
}
.demo-menu>li{
    margin: 0 1vw;
}
.demo-menu>li>a{
    color: #ffffff;
    font-size: 16px;
}

.demo-menu>li.active>a, .demo-menu>li>a:hover{
    background: none;
    color: #e0d6be;
}


/* banner */
.apple-banner {
	width: 100%;
	height: auto;
	overflow: hidden;
}
.apple-banner .swiper-container {
	width: 100%;
	height: 950px;
}
.swiper-button-prev,.swiper-button-next{
	width: 15%;
	height: 100%;
	top:0;
	background:none;
	}
.swiper-button-prev{
	left:0;}	
.swiper-button-next{
	right:0;}	
.swiper-button-prev span,.swiper-button-next span{
	display:block;
	width: 64px;
	height: 64px;
	position: absolute;
	left: 20px;
	top: 50%;
	margin-top:-32px;
	border-radius: 100%;
	background: rgba(180,180,180,0.25) url(../Images/arrows.png) no-repeat center 17px;
	opacity: 0;
	-webkit-transition: opacity 0.5s ease;
	transition: opacity 0.5s ease;
}
.swiper-button-next span{
	background: rgba(180,180,180,0.25) url(../Images/arrows.png) no-repeat center -71px;
	left:auto;
	right:20px;
	}
.swiper-button-prev:hover span,.swiper-button-next:hover span{
	opacity: .6;
}
.swiper-button-prev span {
  background: url(../Images/prev.png) center no-repeat;
}

.swiper-button-next span {
  background: url(../Images/next.png) center no-repeat;
}



/*分页器*/
.apple-banner .swiper-pagination{
	top:auto;
	bottom:50px;
	background:none;
}
.apple-banner  .swiper-pagination-bullet {
	display: inline-block;
	width: 50px;
	height: 30px;
	margin: 0 3px;
	cursor: pointer;
	background: none;
	border-radius:0;
	opacity: 1;
}
.apple-banner  .swiper-pagination-bullet span {
	width: 50px;
	height: 2px;
	display: block;
	background: rgba(128,128,128,0.2);
}
.apple-banner .swiper-pagination-bullet-active span{
    background:gray;
}
.apple-banner .autoplay .swiper-pagination-bullet-active span{
    background: rgba(128,128,128,0.2);
}
.apple-banner  .swiper-pagination-bullet i{
	background: #fff;
	height: 2px;
	transform:scaleX(0);
	transform-origin: 0;
	display: block;
}
.apple-banner .autoplay .firsrCurrent i{
	transition:transform 2.9s linear;
	transform:scaleX(1);
}
.apple-banner .autoplay .current i{
	transition:transform 4s linear;
	transform:scaleX(1);
}
.apple-banner  .autoplay .replace span{
  background:gray;
}
/*内容样式*/

.slide1 {
	background: #000 url(../Images/iphone_large.jpg) no-repeat 50% 10%;
	background-size: auto 100%;
}

.slide1 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 30px;
	font-weight: normal;
	color: #fff;
}

.slide2 {
	background: #f3f3f3 url(../Images/watch_alt_large.jpg) no-repeat center 50%;
	background-size: auto 100%;
}

.slide2 .title {
	padding-top: 100px;
	text-align: center;
}

.slide2 h2 {
	bottom: 100px;
	text-align: center;
	font-size: 30px;
	font-weight: normal;
	position: absolute;
	width: 100%;
}

.slide3 {
	background: #fff url(../Images/macbookpro_large.jpg) no-repeat center 110%;
	background-size: auto 70%;
}

.slide3 .title {
	text-align: center;
	margin-top: 100px;
	font-size: 40px;
	font-weight: normal;
}


@media screen and (max-width: 1600px) {
    
    .apple-banner .swiper-container{
        
          height: 800px;
    }
}

@media screen and (max-width: 1440px) {
    
    .apple-banner .swiper-container{
        
          height: 700px;
    }
}
@media screen and (max-width: 1366px) {
    
    .apple-banner .swiper-container{
        
          height: 676px;
    }
}

@media screen and (max-width: 1200px) {
    
    .apple-banner .swiper-container{
        
          height: 596px;
    }
}


@media screen and (max-width: 1280px) {
    
    .apple-banner .swiper-container{
        
          height: 650px;
    }
}

@media screen and (max-width: 1024px) {
    
    .apple-banner .swiper-container{
        
          height: 540px;
    }
}


.slick-banner {
    position: relative
}

.slick-banner .slick-arrow {
    position: absolute;
    z-index: 99;
    width: 60px;
    height: 60px;
    margin-top: -30px;
    top: 50%;
    background-color: rgba(0,0,0,.3);
    background-repeat: no-repeat;
    background-size: auto;
    background-image: url(../Images/xyin-banner-jt.png);
    border-radius: 5px;
    cursor: pointer;
    outline: none;
    border: none;
    font-size: 0;
    -webkit-transition: all .5s;
    transition: all .5s
}

.slick-banner .slick-arrow.slick-prev {
    left: 7.8125%;
    background-position: 0 0
}

.slick-banner .slick-arrow.slick-next {
    right: 7.8125%;
    background-position: -60px 0
}

.slick-banner .slick-arrow:hover {
    background-color: rgba(0,0,0,.5)
}

.slick-banner .slick-dots {
    position: absolute;
    left: 0;
    right: 0;
    text-align: center;
    font-size: 0;
    z-index: 9;
    bottom: 10px
}

.slick-banner .slick-dots li {
    display: inline-block;
    margin: 0 5px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #efefef;
    cursor: pointer
}

.slick-banner .slick-dots li button {
    background: none;
    outline: none;
    border: none;
    font-size: 0
}

.slick-banner .slick-dots li.slick-active {
    background: #ab001a
}

.slick-banner .img img {
    width: 100%
}

.slick-banner .slick-con {
    position: relative
}

.slick-banner .wz {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 9;
    top: 50%;
    text-align: center;
    color: #fff;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.slick-banner .wz .wz1 {
    font-size: 60px;
    margin-bottom: 10px
}

.slick-banner .wz .wz2 {
    font-size: 30px;
    margin-bottom: 55px
}

.slick-banner .wz .wz-more {
    display: inline-block;
    padding: 15px 25px;
    font-size: 16px;
    color: #fff;
    border: 2px solid #fff;
    font-family: Arial;
    -webkit-transition: all .5s;
    transition: all .5s
}

.slick-banner .wz .wz-more:hover {
    background: #ab001a;
    border-color: #ab001a;
    text-decoration: none
}

@media (max-width: 1200px) {
    .slick-banner .wz .wz1 {
        font-size:40px;
        margin-bottom: 10px
    }

    .slick-banner .wz .wz2 {
        font-size: 20px;
        margin-bottom: 30px
    }

    .slick-banner .wz .wz-more {
        padding: 10px 25px;
        font-size: 12px;
        border: 1px solid #fff
    }
}

#mob-banner {
    display: none
}

@media (max-width: 768px) {
    #pc-banner {
        display:none
    }

    #mob-banner {
        display: block
    }
}




/* 文字内容 */

.box1{
    background: #f6f6f6;
    padding: 6.25vw 0;
}

.provide-index{
    display: flex;
}

.provide-left{
    width:50%;
}
.provide-left p img{
    max-width: 100%;
   
}
.provide-left p:nth-of-type(2){
    margin-top: 20px;
}
.provide-left p:nth-of-type(3){
    margin: 0;
    margin-top: 40px;
}
.provide-left p{
    color: #666666;
}

.provide-right{
    width:50%;
    text-align: right;
}
.provide-right p img{
    max-width: 100%;
}
.provide-right p:nth-of-type(2){
    margin-top: 110px;
}

.provide-right .provide-more{
    width:70px;
    height: 70px;
    background: #313131;
    float: right;
    margin-top: 4vw;
}
.provide-right .provide-more a{
    display: block;
    color: #fff;
    font-size: 40px;
    text-align: center;
    line-height: 70px;
    font-weight: normal;
}

.provide-right .provide-more:hover{
    background: #e0d6be;
}


@media(max-width:768px){
    .provide-index{
        display:block;
    }
    .provide-left{
        width: 100%;
    }
    .provide-left p:nth-of-type(3){
        margin-top:20px
    }
    .provide-right{
        width: 100%;
    }
    .provide-left p img{
       
    }
    .provide-right p img
        {
         width:100% !important;
        height: auto !important;
        }
    
}

/* 服务项目 */
.box2{
    background: url(../Images/bj1.jpg) no-repeat top center;
    background-size: cover;
    padding-top: 80px;
    padding-bottom: 80px;
}
.item-list{
    background: url(../Images/tt1.png) no-repeat top center;
    height: auto;
}

.xyin-item-slick .slick-list {
	padding: 10px 0 15px 0;
	margin: 0 -15px;
}

.xyin-item-slick .slick-slide {
	outline: none;
}

.xyin-item-slick .slick-slide img {
	display: inline-block;
    max-width: 100%;
    -webkit-transition: -webkit-transform 1s ease-out;
	-moz-transition: -moz-transform 1s ease-out;
	-o-transition: -o-transform 1s ease-out;
	-ms-transition: -ms-transform 1s ease-out;
}

.xyin-item-slick .slick-slide:hover img{
    -webkit-transform: rotateZ(360deg);
	-moz-transform: rotateZ(360deg);
	-o-transform: rotateZ(360deg);
	-ms-transform: rotateZ(360deg);
	transform: rotateZ(360deg);
}


.xyin-item-slick .slick-dots {
	text-align: center;
	margin-top: 50px;
}

.xyin-item-slick .slick-dots li {
	display: inline-block;
	margin: 0 8px;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	background: #bfbfbf;
	cursor: pointer;
}

.xyin-item-slick .slick-dots li button {
	background: none;
	outline: none;
	border: none;
	font-size: 0;
}

.xyin-item-slick .slick-dots li.slick-active {
	background: #959595;
}

@media (max-width: 768px) {
    .box2{
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .xyin-item-slick .slick-dots{
        margin-top: 20px;
    }
	.xyin-item-slick .slick-dots li {
		width: 10px;
		height: 10px;
		margin: 0 4px;
	}
}

.xyin-item-slick .slick-con {
	margin: 0 10px;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
	position: relative;
	background: url(../Images/tt1.png) no-repeat top center;
	text-align: center;
	padding: 30px 0;
}

.xyin-item-slick .slick-con .img {
    position: relative;
    padding-top: 60px;
	margin-bottom: 15px;
}


.xyin-item-slick .slick-con .wz h3 {
	font-size: 24px;
	color: #444444;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}

.xyin-item-slick .slick-con .wz span{
    display: block;
    width:36px;
    height: 1px;
    background: #bfbfbf;
    margin: 30px auto;
}

.xyin-item-slick .slick-con .wz .info{
    font-size: 14px;
    color: #444444;
    margin-top: 77px;
    padding: 0 20px;
}

.xyin-item-slick .slick-con a {
	outline: none;
	display: block;
}

.xyin-item-slick .slick-con a:hover {
	text-decoration: none;
}


.xyin-item-slick .slick-con:hover {
    background: url(../Images/tt2.png) no-repeat top center;
}

.xyin-item-slick .slick-con:hover .wz .info{
    color: #fff;
}

.xyin-item-slick .slick-con:hover:after {
	opacity: 1;
}


@media(max-width:768px){
   
}


/* 案例赏析 */
.box3{
    background: #f6f6f6;
}
.item-title p{
    margin: 0;
}
.item-title p img{
    max-width: 100%;
}


@media(max-width:768px){
    .item-title p img{
        width:100% !important;
        height:auto!important;
    }
}

/* 公司简介 */
@keyframes myfirst {
    from {
        transform: scale(1.3)
    }
    to {
        transform: scale(1)
    }
}
.box4{
    background: #f6f6f6;
}
.about-index{
    display: flex;
}
.about-left{
    width: 60%;
    overflow: hidden;
}
.about-left p{
    margin: 0;
}
.about-left p img{
    max-width: 100%;
    height: auto!important;
    animation: myfirst 4s linear infinite alternate;
    height: 411px;
}

.about-right{
    width: 40%;
    background: #373737;
    padding: 0 80px;
    padding-top: 110px;
}
.about-right p img{
    max-width: 100%;
}
.about-right p{
    font-size: 14px;
    color: #ffffff;
    line-height: 30px;
}
.about-more{
	border-top:1px solid #626262;
	margin-top:8%;
}
.about-more span.m1{
    display: inline-block;
    text-align: left;
    float: left;
    font-size: 14px;
    color: #8f8a8e;
    line-height: 70px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}
.about-more span.m2{
    display: inline-block;
    text-align: right;
    float: right;
    font-size: 30px;
    color: #dddddd;
    line-height: 70px;
    transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}
.about-more span.m1:hover{
    cursor: pointer;
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
    color: #e0d6be;
}
.about-more span.m2:hover{
    cursor: pointer;
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
    color: #e0d6be;
}


@media(max-width:1366px){
    .about-right{
       width: 40%;
        background: #373737;
        padding: 0 20px;
        padding-top: 20px;
    }
}

@media(max-width:768px){
    .about-index{
        display: block;
    }
    .about-left{
        width:100%;
    }
    .about-right{
        width:100%;
        padding: 15px;
    }
}

/* 联系我们 */
.box5{
    background: #f6f6f6;
}

.contact-index{
    margin-top: 65px;
    border-top: 3px solid #262626;
    border-bottom: 3px solid #262626;
    padding: 3.229vw;
}
.contact-index .ct-title{
    position: relative;
    top: 50%;
    transform: translateY(50%);
}
.contact-index .ct-title p{
    margin: 0;
}
.contact-index .ct-title p img{
    max-width: 100%;
}

.contact-index .erq p{
    margin: 0;
    text-align: center;
}
.contact-index .erq p img{
    max-width: 100%;
}

.contact-index .ct{
    font-size: 16px;
    color: #262626;
    padding-top: 1vw;
    line-height: 1.875;
}

@media(max-width:768px){
    .contact-index{
        margin-top: 20px;
    }
    .contact-index .ct{
        font-size: 14px;
        line-height: 20px;
    }
}

/* 新闻资讯 */
.box6{
    background: #f6f6f6;
    padding-top: 85px;
}
.news-index{
    display: flex;
}
.news-title{
    margin-bottom: 20px;
}
.news-title p{
    margin: 0;
}

.news-title p img{
    max-width: 100%;
}

.news-left{
    width: 60%;
}
.slick-wrap { }
.slick-contanier { }
.slick-contanier .slick-slide { outline: none; }
.slick-contanier img { display: inline-block; width: 100%; }
.slick-contanier .slick-con { display: block; padding: 0 5%; font-size: 0; }

.tab-li {text-align: center;cursor: pointer;margin-bottom: 2%;}
.tab-li li {float: left;width:15%;color: #262626;line-height: 2.5em;font-size: 1.2em;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis}
.tab-li li:hover, .tab-li li.active { background:#d2d2d2;font-weight: bold;}

.tab-con { position: relative; }
.tab-con .tab-main { opacity: 0; visibility: hidden; transition: all .5s ease;float: none;position: absolute;}
.tab-con .tab-main.active { position: static; opacity: 1; visibility: visible;  }
.tab-con .tab-main p:nth-of-type(1){padding: 0;}
.tab-con .tab-main p img{max-width: 100%;}
.tab-con .tab-main p{padding: 0 5%;color: #777777;font-size: 1.1em;}
.tab-con .tab-main p:nth-of-type(2){font-weight: bold;color: #333333;font-size: 1.4em;padding-top: 2%;padding-bottom: 2%;}
.tab-con .tab-main p:nth-of-type(5){font-weight: bold;color: #3faf41;font-size: 1.2em;padding-top: 2%;}


.tab-list{margin: 0 -1%;}
.tab-list .n1{background: #fff;float: left;width: 48%;margin: 0 1%;padding: 3%;margin-bottom: 2%;}
.tab-list .date{float: left;width: 20%}
.tab-list .date dl{font-size: 48px;color: #808080;margin: 0;}
.tab-list .date dt{font-weight: normal;font-size: 14px;color: #808080;}
.tab-list .wen{float: left;width: 60%}
.tab-list .wen a{display: block;font-size: 18px;color: #626262;overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;}
.tab-list .wen a:hover{
    color: #e0d6be;
}
.tab-list .wen span{
    display: block;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    box-sizing:initial;
    color: #bababa;
    -webkit-box-orient: vertical;
    height: 50px;
    overflow: hidden;
    margin-top: 10px;
    line-height: 24px;
}
.tab-list .more{float: left;width: 20%;padding-top: 20px;}
.tab-list .more a{display: block;font-size: 30px;color: #808080;text-align: center;}


.news-more{
    width:20%;
    background: #262626;
    height: 55px;;
}

.news-more a{
    display: block;
    color: #fff;
    line-height: 55px;
    text-align: center;
    transition:all .5s;
    -webkit-transition:all .5s;
    -ms-transition:all .5s;
}

.news-more a:hover{
    -webkit-transform:translateX(10px);
    -moz-transform:translateX(10px);
    -ms-transform:translateX(10px);
    -o-transform:translateX(10px);
    transform:translateX(10px);
    color: #e0d6be;
}

.news-right{
    width: 40%;
    flex-direction: column;

    text-align: right;
    flex: 1;
    padding-left: 4%;
  
}

.news-right img{
    width: 100%;
}
.news-list2 li{
    position: relative;
}

.news-list2 li h3{
    position: absolute;
    height: 3.281vw;
    bottom: 0;
    left: 0;
    right: 0;
    background: rgba(38,38,38,.52);
    text-align: center;
}
.news-list2 li h3 a{
    display: block;
    text-align: center;
    color: #fff;
    font-size: 18px;
    line-height: 3.281vw;
    font-weight: bold;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

.news-list2 li h3 a:hover{
    color: #e0d6be;
}


@media(max-width:1200px){
    .box6{
        padding-top: 20px;
    }
    .news-index{
        display: block;

    }
    .news-left{
        width:100%;
    }
    .tab-li li{
        width:50%;
    }
    .tab-list .n1{
        width:100%;
        margin: 0;
        margin-bottom: 10px;
    }
    .news-more{
        width:100%;
    }
    .news-right{
        width:100%;
        padding: 0;
        display:block;
    }
    .news-list2 li h3{
        height: 30px;
    }
    .news-list2 li h3 a{
        line-height: 30px;
        font-size: 14px;
    }
}

/* 选择 */
.box7{
    background: #f6f6f6;
    padding-top: 85px;
}

.choose-index{
    border-top: 1px solid #262626;
    padding: 3% 0;
}

.choose-title{
    font-size: 24px;
    color: #262626;
}
.choose-title p{
    font-size: 14px;
    color: #767676;
}

.demo-company-item{
    padding: 0 5px;
}
.demo-company-item a{
    height: auto;
}

.owl-carousel .owl-dots{
    text-align: right;
    top: -50%;
}

.owl-carousel .owl-dots button.owl-dot{
    background: #959595;
    width:10px;
    height: 10px;
   
}

.owl-carousel .owl-dots button.owl-dot.active{
    background: #262626;
}

@media(max-width:768px){
    .box7{
        padding-top: 20px;
    }
    .owl-carousel .owl-dots{
        display: none;
    }
    .demo-company-item{
        padding: 0 5px;
    }
}

/* foot */
.foot-bg{
    background: #222222;
}

.foot-index{

}

.foot1{
    padding: 80px 0;
    border-bottom: 1px solid #333333;
}
.naxfoot p{
    margin: 0;
    color: #c6c6c6;
    font-size: 16px;
}

.naxfoot p a{
    color: #c6c6c6;
    font-size: 16px;
    margin-right:20px;
    padding-right:20px;
    border-right: 2px solid #c6c6c6;
    line-height: 16px;
    height: 16px;
    display: inline-block;
}

.naxfoot p a:hover{
    color: #e0d6be;
}
.ctfoot p{
    color: #818181;
    margin: 0;
}

.foot2{
    padding: 40px 0;
}
.linkfoot span{
    display: block;
    font-size: 16px;
    color: #9a9a9a;
    font-weight: bold;
    margin-bottom: 5px;
}
.linkfoot a{
    font-size: 14px;
    color: #6b6b6b;
    line-height: 28px;
}
.linkfoot a:hover{
    color: #e0d6be;
}
.kk1{
    text-align: right;
    color: #575757;
}
.kk1 a{
    color: #575757;
}
.kk1 a:hover{
    color: #e0d6be;
}
.kk2{
    text-align: right;
    color: #575757;
}
.kk2 a{
    color: #575757;
}
.kk2 a:hover{
    color: #e0d6be;
}

@media(max-width:768px){
    .foot1{
        padding: 20px 0;
    }
}


.page-wrap{
    background: #f6f6f6;
}

.xypg-left-title{
    background: none;
    font-size: 26px;
    line-height: 42px;
    color: #333;
}

.xypg-left-title span h2{
    font-size: 2.6em;
    color: #808080;
    text-transform: uppercase;
}
.xypg-left-title span{
    color: #333;
}

.xypg-left-title span p{
    margin: 0;
    font-size: 14px;
    color: #808080;
}

.xypg-left-title span:after, .xypg-left-title span:before{
    display: none;
}
.xypg-left-con{
    border:none;
}
.xypg-left-nav{
    text-align: left;
    margin: 0;
}
.xypg-left-nav>li{
    display: inline-block;
    padding-right: 35px;
    float: left;
}
.xypg-left-nav>li+li{
    border:none;
}
.xypg-left-nav>li .first-nav-btn:after{
    display: none;
}
.xypg-left-nav>li>a{
    text-align: left;
    padding: 0 10px;
    border-bottom: 2px solid transparent;
    line-height: 3.6;
    padding: 0;
}
.xypg-left-nav>li.clicked>a, .xypg-left-nav>li:hover>a{
    border-bottom: 2px solid #626262;
    background: none;
    color: #2e2e2e
}




.case-news-more{
    width:200px;
    height: 52px;
    background:#959595;
    margin: 0 auto;
}

.case-news-more a{
    display: block;
    line-height: 52px;
    color: #fff;
    text-align: center;
    font-size: 14px;
    text-transform: uppercase;
}
.case-news{
    border-top: 1px solid #959595;
    margin-top: 46px;
    padding-top: 46px;
}


.case-news-title p{
    margin: 0;
    text-align: center;
}

.case-news-title p img{
    max-width: 100%;
}


.xyin-news .xyin-news-list {
    margin: 40px 0
}

.xyin-news .xyin-news-list li {
    background: #fff;
    display: inline-block;
    width: calc(33.333% - 35px);
    margin: 0 16px
}

.xyin-news .xyin-news-list li a {
    color: #787878
}

.xyin-news .xyin-news-list li a .xyin-news-content {
    padding: 20px 30px
}

.xyin-news .xyin-news-list li a .xyin-news-content h3 {
    font-size: 16px;
    color: #1e1b1e;
    margin-bottom: 20px;
    overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}

.xyin-news .xyin-news-list li a .xyin-news-content .summary {
    color: #787878;
    line-height: 25px;
    padding-bottom: 30px;
    border-bottom: 1px solid #e5e5e5;
}

.xyin-news .xyin-news-list li a .xyin-news-content span {
    display: block;
    width: 90px;
    height: 60px;
    line-height: 60px;
    font-size: 16px;
    float: left;
}

.xyin-news .xyin-news-list li a .xyin-news-content .re-more{
    float: right;
      height: 60px;
    line-height: 60px;
}

@media (max-width:768px) {
    .xyin-news .xyin-news-list li a .xyin-news-content {
        padding: 20px
    }
}


@media (max-width:768px) {
    .xyin-news .xyin-news-list li {
        width: 100%
    }
}



.pads li{
    float: left;
    width:25%;
}

.pads li img{
    width: 100%;
}


@media(max-width:768px){
    .pads li{
        width:50%;
    }
}



/*修改*/
.xypg-left-box{
    background: #fff;
    margin-bottom: 0;
}


.ditu{
    background: #fff;
    padding: 7% 13%;
}

.ditu-left{
    float: left;
    width: 66%;
}
.ditu-left p{
    margin: 0;
}
.ditu-left p img{
    max-width: 100%;
}

.ditu-right{
    float: right;
    width: 30%;
}

.ditu-list{
    
}
.ditu-list li{
    border:1px solid  #dcdcdc;
    padding: 10%;
    margin-bottom: 12px;
}
.ditu-list li .tu{
    width: 14%;
    float: left;
    margin-right: 4%;
}

.ditu-list li .tu img{
    max-width: 100%;
}

.ditu-list li .wen{
    width: 82%;
    float: left;
}
.ditu-list li .wen h2{
    font-size: 15px;
    color: #3f3f3f;
    line-height: 1.3;
}

.ditu-list li .wen h3{
    font-size: 15px;
    color: #3f3f3f;
    font-weight: normal;
}


.cerq1{
    float: left;
    margin-right: 4%;
    margin-top: 5%;
}
.cerq1 p{
    margin: 0;
    text-align: center;
    font-size: 14px;
    color: #3f3f3f;
}
.cerq1 p:nth-of-type(3){
    color: #a4a4a4;
}

.cerq1 p img{
    max-width: 100%;
}


@media(max-width:1200px){
    .ditu-left{
        float:none;
        width:100%;
    }
    .ditu-right{
        float:none;
        width:100%;
    }
    .cerq1{
        float:none;
        width:100%;
    }
}



/*简介*/
.ab{
    display: flex;
    margin-bottom: 5%;
}
.ab-left{
    width:64.375%;
    background: #fff;
    padding:7% 5%;
}
.ab-left p{
    margin: 0;
    font-size: 14px;
    color: #777777;
    line-height: 24px;
}
.ab-left p:nth-of-type(1){
    margin-bottom:5%;
}
.ab-left p img{
    max-width: 100%;
}
.ab-left p:nth-of-type(2){
    margin-bottom:3%;
}
.ab-left p:nth-of-type(4){
     margin-top:3%;
}
.ab-left p:nth-of-type(4) img{
     margin-right:2%;
}
.ab-right{
    width:35.625%;
    background: #313131;
    padding: 6%;
}

.ab-title{
    font-size: 23px;
    color: #fff;
}

.ab-title span{
    display: block;
    width:20px;
    height: 2px;
    background: #c9c9c9;
    margin: 10px 0;
}
.ab-title p{
    font-size: 16px;
    color: #969696;
    margin-top: 10px;
}


.ab-list{
    margin-top: 14%;
}
.ab-list li{
    float: left;
    width:33.333%;
    text-align: center;
    position: relative;
}
.ab-list li h3{
    font-size: 60px;
    color: #fff;
}
.ab-list li span{
    position: absolute;
    right: 0;
    top: 0;
    font-size: 14px;
    color: #b6b6b6;
}

.ab-list li h4{
    font-size: 14px;
    color: #b6b6b6;
}

.ab2{
    display: flex;
    margin-top: 1%;
}


.ab2-right{
    width:38.625%;
}
.ab2-left{
    width: 64.375%;
}

.ab2-left p{
    margin: 0;
}

.ab2-left p img{
    max-width: 100%;
}


.ab3{
    margin-top: 1.5%;
}
.a3-left{
    width:49%;
    float: left;
}

.a3-left p img{
    max-width: 100%;
}
.a3-right{
    width:49%;
    float: right;
}

.a3-right p img{
    max-width: 100%;
}

@media(max-width:1200px){
    .ab{
        display:block;
    }
    .ab-left{
        width:100%;
    }
    .ab-right{
        width:100%;
    }
    .ab2{
        display:block;
    }
    .ab2-left{
        width:100%;
    }
    .a3-left{
        float:none;
        width:100%;
    }
    .a3-right{
        float:none;
        width:100%;
    }
}


.wenhua{
    background: #fff;
    padding: 5% 8%;
    margin-bottom: 5%;
}

.wenhua-list li{
    float: left;
    width:33.333%;
    background: #e5e5e5;
    position: relative;
}
.wenhua-list li .wenhua-img{
    
}
.wenhua-list li .wenhua-img img{
    width:100%;
}
.wenhua-list li .wenhua-wen{
    position: absolute;
    top: 26%;
    left: 0;
    right: 0;
    padding: 0 20%;
}
.wenhua-list li .wenhua-wen h3{
    font-size: 30px;
    color: #3f3f3f;
    text-align: center;
    font-weight: bold;
}

.wenhua-list li .wenhua-wen span{
    display: block;
    width:24px;
    height: 2px;
    background: #313131;
    margin: 20px auto;
}

.wenhua-list li .wenhua-wen h4{
    font-size: 14px;
    color: #3f3f3f;
    text-align: center;
    line-height: 26px;
}

.wenhua-list li:nth-of-type(5) h3{
    color: #fff;
}
.wenhua-list li:nth-of-type(5) span{
    background:#fff;
}
.wenhua-list li:nth-of-type(5) h4{
    color: #fff;
}

@media(max-width:1200px){
    .wenhua-list li{
        width:50%;
    }
    .wenhua-list li .wenhua-wen{
        top:18%;
    }
    .wenhua-list li .wenhua-wen h3{
        font-size:16px;
    }
    .wenhua-list li .wenhua-wen span{
        margin:5px auto;
    }
    .wenhua-list li .wenhua-wen h4{
        font-size:12px;
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2; 
        line-height:20px;
    }
}


/*案例详细*/
.cased1{
    display: flex;
    background: #fff;
}

.cased1-left{
    width:50%;
    padding: 5% 4%;
    border-right: 1px solid #dcdcdc;
}

.cased1-title{
    font-size: 30px;
    color: #555555;
}
.cased1-title span{
    display: block;
    width: 50px;
    height: 1px;
    background: #dcdcdc;
    margin: 20px 0;
}
.cased1-con{
    font-size: 14px;
    color: #828282;
    line-height:24px;
}
.cased1-con p img{
    max-width: 100%;
    margin-top: 5%;
}
.cased1-right{
    width:50%;
    padding: 5% 5%;
}
.cased2-con{
    font-size: 16px;
    margin-top: 8%;
}

.cased2{
    background: #fff;
    padding: 5% 10%;
    margin-top: 2%;
}

.cased2 p img{
    max-width: 100%;
    width: 100%!important;
    height: auto!important;
    max-height: auto!important;
}
.sx {
    text-align: center;
    margin-top: 5%;
}
.sx li{
    list-style:none;
    display: inline-block;
    margin: 0 2%;
}
.sx li:nth-of-type(1) dt{
    background: url(../Images/shang.png) no-repeat top center;
    width: 34px;
    height: 24px;
}
.sx li:nth-of-type(2){
    background: url(../Images/shou.png) no-repeat top center;
    width: 40px;
    height: 37px;
}
.sx li:nth-of-type(3) dt{
    background: url(../Images/xia.png) no-repeat top center;
    width: 34px;
    height: 24px;
}