:root{
	--mColor:#D49415;
	--nColor:#FF2358;
}
/* title */
.index-title{padding-bottom: 50px; text-align: center;}
.index-title h3{position: relative; padding-bottom: 10px; text-align: center; font-size: 30px; }
.index-title p{position: relative; font-size: 16px; color: #999;}
/* .index-title p:before{position: absolute; bottom: 0; left: 50%; content: ''; margin-left: -25px; width: 50px; height: 3px; background-color: #D49415;} */
.index-title-white{color: #fff;}
.index-title-white h3:before{background-color: #fff;}
/* .index-title-white p{color: #fff;} */
@media (max-width:768px) {
	.index-title{padding-bottom: 30px; }
	.index-title h3{ font-size: 24px; }
}

.x-banner{overflow: hidden;}
.x-banner .swiper-slide img{width: 100%;}

.x-banner .swiper-pagination span{ height: 4px; border-radius: 0;}
.x-banner .swiper-pagination .swiper-pagination-bullet-active{width: 30px; background:#D49415 ;}

@media (max-width:640px) {
	.x-banner .swiper-pagination{display: none;}
}
/*  */
/* 导航栏 */
.current-menu-parent,.current-menu-item{background-color:#D49415}
.current-menu-parent:hover{background-color:black;}


/* about */
.x-about-txt{position: absolute; bottom: 0; left: 0; width:45% ; padding: 25px; padding-bottom: 100px;  background-color: #fff; box-shadow: 0 0 10px rgba(0,0,0,.2);}
.x-about-txt h3{padding-bottom: 5px; font-size: 28px;}
.x-about-txt h3 span{position: relative; padding-bottom: 15px; font-size: 26px;  color: #D49415; text-transform: uppercase;}
.x-about-txt p{line-height: 24px; margin-top: 15px; color: #777;}
.x-about-txt a{position: absolute; bottom: 0; right: -45px; display: block; width: 90px; height: 90px; font-size: 18px; background-color: #D49415; display: flex; justify-content: center; align-items: center; color: #fff;}

.x-about-pic{float: right; width:65% ; text-align: center;}
.x-about-pic img{max-width:100%;}

@media (max-width:1200px) {
	.x-about-txt{float: left; position: relative;}
	.x-about-txt a{right: 0; left: 0; }
	.x-about-pic{float: right; width:53% ;}
}
@media (max-width:1000px) {
	.x-about-pic{display: none; }
	.x-about-txt{width: 100%;padding-top: 25px;}
}

.x-about ul{margin-top: 15px; margin-left: -10px;}
.x-about ul li{position: relative; float: left; width: 25%; text-align: center; padding-left: 10px;}
.x-about ul li::before{position: absolute; top: 50%; right: 0; content: ''; margin-top: -15px; width: 1px; height: 30px; background-color: #ccc;}
.x-about ul li a{display: block; padding: 35px 15px;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.x-about ul li i{font-size: 44px; color: #979797;}
.x-about ul li h3{position: relative;  font-size: 18px;padding-top: 15px; padding-bottom: 5px; }
.x-about ul li p{ color: #777; text-transform: uppercase;}
.x-about ul li a:hover i,
.x-about ul li a:hover h3,
.x-about ul li a:hover p{color: #D49415;}
@media (max-width:640px) {
	.x-about ul li{width: 50%; }
	.x-about ul li:nth-child(2)::before{display: none;}
}

/*  */
.x-business-cate{text-align: center;}
.x-business-cate ul {display: inline-block;}
.x-business-cate ul li{float: left; margin: 0 15px; }
.x-business-cate ul li span{padding: 0 25px; font-size: 16px; display: inline-block; line-height: 40px; background-color:#979797; color: #fff; border-radius: 40px; cursor: pointer;}
.x-business-cate ul li:hover span,
.x-business-cate ul li.on span{background-color: #D49415;}
.x-business-list{overflow: hidden;}
.x-business-list ul{margin-left: -55px;}
.x-business-list ul li{float: left; width: 33.33%; padding-left: 55px; margin-top: 25px;}
.x-business-pic {overflow: hidden;}
.x-business-pic img{width: 100%;}
.x-business-list ul{display: none;}
.x-business-list ul li h3{margin:15px 0; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.x-business-list ul li p{color: #777;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.x-business-list ul li a:hover img{transform: scale(1.1);}
.x-business-list ul li a:hover h3{color: #D49415;}
@media (max-width:1000px) {
	.x-business-list ul{margin-left: -15px;}
	.x-business-list ul li{padding-left: 15px;}
}

@media (max-width:768px) {
	.x-business-list ul li{width: 50%; margin-top: 15px;}
}
@media (max-width:640px) {
	.x-business-list ul li{width: 100%;}
}


/*  */
.x-news{background-color: #f5f5f5;}
.x-news-list{margin-left: -15px;}
.x-news-list .x-news-item{float: left;  padding-left: 155px;}
.x-news-box{padding: 15px 10px; }
.x-news-title{position: relative; padding: 9px 0 9px 0; }
.x-news-title img{position: absolute; top: 0; left: 0;}
.x-news-title h3 a{margin-top: 3px; color: #777; font-size: 14px;}
.x-news-pic{margin: 15px 0; overflow: hidden;}
.x-news-pic img{width: 100%;}
.x-news-box ul li{position: relative;  }
.x-news-box ul li a{display: block; line-height: 40px; border-top: 1px solid #eee;}
.x-news-box ul li span{float: left; margin-right: 15px;}
.x-news-box ul li:first-child a{border: none;}
.x-news-box ul li a:hover{color: #D49415;}

.x-news-more{margin-top: 25px; text-align: center;}
.x-news-more a{display: inline-block; padding: 0 25px; line-height: 35px; background-color: #D49415; color: #fff;}
.x-news-more a:hover{opacity: .8;}
.x-news-more1{margin-top:80px;}
@media (max-width:1200px) {
	.x-news-box ul li::before{position: absolute; top: 13px;}
	.x-news-box ul li a{ line-height: 30px;}
}

@media (max-width:768px) {
	.x-news-list .x-news-item{width: 100%; margin-top: 15px; }
	.x-news-pic{ display: none;}
	.x-news-title{margin-bottom: 15px;}
}
@media (max-width:768px) {
	.x-news-list .x-news-item{ padding-left: 0px;}
}





/*  x-advantage */
.x-advantage-box {width: 30%;}
.x-advantage-box ul li{margin: 90px 0;}
.x-advantage-box ul li h3 {position: relative; display: inline-block; padding-left: 8px; line-height: 20px; font-size: 20px; font-weight: bold; color: #4f4f4f; text-transform: uppercase;}
.x-advantage-box ul li h3 b{display: block; margin-top: 10px; font-size: 18px; font-weight: normal;}
.x-advantage-box ul li span{position: absolute; top: -15px; width: 80px; height: 80px; line-height: 80px; text-align: center; border-radius: 80px; border: 2px solid #D49415; color: #D49415;}
.x-advantage-left ul li h3{padding-right: 90px;}
.x-advantage-left ul li span{ right: 0;}

.x-advantage-right ul li h3{padding-left: 90px;}
.x-advantage-right ul li span{ left: 0;}

.x-advantage-box ul li span i{font-size: 36px;}
.x-advantage-box ul li p{ margin-top:25px; height: 60px; color: #777; overflow: hidden;}
.x-advantage-left{text-align: right;}

.x-advantage-center{width: 40%; padding:0 15px; padding-top: 55px; text-align: center;}
.x-advantage-center img{max-width: 100%;}



@media (max-width:1000px) {
	.x-advantage-center{padding-top: 90px;}
}
@media (max-width:768px) {
	.x-advantage-center{display: none;}
	.x-advantage-box {width:100%;}
	.x-advantage-left{text-align: left;}
	.x-advantage-box ul li{margin: 20px 0;}
	.x-advantage-box ul li p{ margin-top:8px; height: auto; ;}
	
	.x-advantage-box ul li span{position: static;  border: none; }
	.x-advantage-left ul li h3{padding-right: 0;}
	.x-advantage-left ul li span{ right: 0;}
	
	.x-advantage-right ul li h3{padding-left: 0;}
	.x-advantage-right ul li span{ left: 0;}
	
	
}
@media (max-width:320px) {
	.x-advantage .container-width{padding-bottom: 0;}
}


/*  */
.x-honor .swiper-container{width: 90%; margin: 0 auto;}
.x-honor .swiper-slide a{display: block;padding: 15px; background-color: #f5f5f5; }
.x-honor .swiper-slide img{width: 100%;}
.x-honor .swiper-button-prev,
.x-honor .swiper-button-next{margin-top: -25px; width: 50px; height: 50px;outline: none;}
.x-honor .swiper-button-prev img,
.x-honor .swiper-button-next img{width: 100%;}
@media (max-width:768px) {
	.x-honor .swiper-slide a{padding: 5px; }
}

/*  */
.x-worker{background-color: #f5f5f5;}
.x-worker ul{margin-left: -15px;}
.x-worker ul li{float: left; width: 25%; padding-left: 15px; margin-bottom: 15px; overflow: hidden;}
.x-worker ul li a{position: relative; display: block; height: 230px; background-position: center; background-size: cover; background-repeat: no-repeat;}
.x-worker ul li a h3{position: absolute; bottom: 0; left: 0; width: 100%; line-height: 40px; background-color: #D49415; text-align: center; color: #fff; opacity: .8;transform: translateY(40px);}
.x-worker ul li:nth-child(2){width: 50%;}
.x-worker ul li:nth-child(4),
.x-worker ul li:nth-child(5){width: 50%;}
.x-worker ul li img{width: 100%;}
.x-worker ul li a:hover h3{transform: translateY(0);}
@media (max-width:768px) {
	.x-worker ul li{ width: 50%!important;}
	.x-worker ul li a{ padding-top: 80%; height: 0;}
}

/* x-contact */
.x-contact-left,
.x-contact-right{width: 49%;border: 1px solid #eee;}
.x-contact-left h3,
.x-contact-right h3{position: relative; text-align: center;padding: 25px 0; font-size: 18px; border-bottom: 1px solid #eee;}
.x-contact-left h3 a,
.x-contact-right h3 a{position: absolute; top: 50%; right: 35px; margin-top: -10px; font-size: 14px; color: #777;}
.x-contact-left ul,
.x-contact-right ul{padding: 0 25px;}
.x-contact-left ul li,
.x-contact-right ul li{height: 60px; line-height: 60px; border-bottom: 1px dashed #eee;}
.x-contact-left ul li,
.x-contact-right ul li{color: #999;}
.x-contact-left ul li:last-child,
.x-contact-right ul li:last-child{border: none;}
.x-contact-left ul li i{margin-right: 10px; font-size: 28px; color: #777; vertical-align: middle;}

.x-contact-item{display: flex; justify-content: space-between;}
.x-contact-item a{display: inline-block; padding: 0 20px; line-height: 30px;  color: #fff; background-color: #D49415; border-radius: 4px;}
.x-contact-item a:hover{opacity: .8;}
.x-contact-left h3 a:hover,
.x-contact-right h3 a:hover{color: #D49415;}



@media (max-width:1000px) {
	.x-contact-item span:nth-child(2){display: none;}
}

@media (max-width:640px) {
	.x-contact-left,
	.x-contact-right{width: 100%;}
	.x-contact-left ul,
	.x-contact-right ul{padding: 0 5px;}
	.x-contact-left h3 a,
	.x-contact-right h3 a{position: static; }
	.x-contact-left ul li,
	.x-contact-right ul li{height: auto; line-height: 40px;}
}
/*  */
.x-propaganda{background: linear-gradient(to left,var(--nColor),#D49415 );}
.x-propaganda:hover {filter: brightness(110%);}
.x-propaganda-x{padding:50px 0; width: 100%;display: flex;justify-content:center; align-items: center; color: #fff; text-align: center;}
.x-propaganda-x>div:first-child h3{margin-bottom: 10px; font-size: 30px;}
.x-propaganda-x>div:first-child p{font-size: 18px;}

@media (max-width:860px) {
	.x-propaganda-x{display: block;}
	.x-propaganda-x>div:first-child h3{margin-bottom: 10px; font-size: 24px;}
	.x-propaganda-x>div:first-child p{font-size: 16px; }
}


/*  */ 
.x-fdlink{background-color:#f5f5f5;}
.x-fdlink ul{margin-left: -1px;}
.x-fdlink ul li{float: left; width: 16.66%;padding-left: 1px; margin-top: 1px;}
.x-fdlink ul li a{display: block; height: 100px; background-color: #fff; padding:10px 15px; text-align: center; display: flex; align-items: center; justify-content: center; overflow: hidden;}
.x-fdlink ul li img{max-width: 100%; height: auto!important; }
.x-fdlink ul li a:hover img{transform: translateY(-5px);}
@media (max-width:960px) {
	.x-fdlink ul li{width: 25%;}
}
@media (max-width:768px) {
	.x-fdlink{padding: 30px 0;}
	.x-fdlink>.container-width{margin-top: 30px;}
	.x-fdlink ul li{width: 33.33%;}
}
@media (max-width:480px) {
	.x-fdlink ul li{width: 50%;}
}





/* site-tel */
.site-tel{ padding: 0 15px; text-align: center;}
.site-tel-box{display: inline-block; padding-left: 40px; font-size: 16px;font-family: arial; color: #666; background-color: #fff; border: 1px solid  #D49415 ;height: 45px; line-height: 45px; border-radius: 40px; overflow: hidden; }
.site-tel-box strong{font-size: 20px;color:  #D49415 ;}


.site-tel-box a{display: block; margin-left: 30px; padding: 0 35px;  background-color:  #F68713 ;border-radius: 0 45px 45px 0; color: #fff;}
@media (max-width:640px) {
	.site-tel-box a{display: block; padding: 0 15px; }
}
@media (max-width:380px) {
	.site-tel-box b{ display: none;}
}



/*  */
/* 动画 */
.myjump{animation: myjump 3s linear infinite;}
@keyframes myjump{
	0% {
		transform: translateY(0);
	}
	25% {
		transform: translateY(2px);
	}
	50% {
		transform: translateY(8px);
	}
	75% {
		ransform: translateY(5px) ;
	}
	100% {
		transform: translateY(0) ;
	}
}

.goLeft {
    -webkit-animation-name: goLeft;
    animation-name: goLeft;
}
@keyframes goLeft{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(-30px,0,0);
		transform: translate3d(-30px,0,0)
	}
	
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.goRight {
    -webkit-animation-name: goRight;
    animation-name: goRight;
}
@keyframes goRight{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(30px,0,0);
		transform: translate3d(30px,0,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}

.goUp {
    -webkit-animation-name: goUp;
    animation-name: goUp;
}

@keyframes goUp{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,30px,0);
		transform: translate3d(0,30px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}
.goDown {
    -webkit-animation-name: goDown;
    animation-name: goDown;
}
@keyframes goDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-30px,0);
		transform: translate3d(0,-30px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}


/* title */
.titleDown {
    -webkit-animation-name: titleDown;
    animation-name: titleDown;
}
@keyframes titleDown{
	0% {
		opacity: 0;
		-webkit-transform: translate3d(0,-50px,0);
		transform: translate3d(0,-50px,0)
	}
	to {
		opacity: 1;
		-webkit-transform: translateZ(0);
		transform: translateZ(0)
	}
}


.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both
}

.animated.infinite {
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite
}

.animated.delay-1s {
    -webkit-animation-delay: 1s;
    animation-delay: 1s
}

.animated.delay-2s {
    -webkit-animation-delay: 2s;
    animation-delay: 2s
}

.animated.delay-3s {
    -webkit-animation-delay: 3s;
    animation-delay: 3s
}

.animated.delay-4s {
    -webkit-animation-delay: 4s;
    animation-delay: 4s
}

.animated.delay-5s {
    -webkit-animation-delay: 5s;
    animation-delay: 5s
}

.animated.fast {
    -webkit-animation-duration: .8s;
    animation-duration: .8s
}

.animated.faster {
    -webkit-animation-duration: .5s;
    animation-duration: .5s
}

.animated.slow {
    -webkit-animation-duration: 2s;
    animation-duration: 2s
}

.animated.slower {
    -webkit-animation-duration: 3s;
    animation-duration: 3s
}

@media (prefers-reduced-motion:reduce),(print) {
    .animated {
        -webkit-animation-duration: 1ms!important;
        animation-duration: 1ms!important;
        -webkit-transition-duration: 1ms!important;
        transition-duration: 1ms!important;
        -webkit-animation-iteration-count: 1!important;
        animation-iteration-count: 1!important
    }
}

/* 划过变色（导航） */
ul.sub-menu {
    position: absolute;
    top: 55px;
    z-index: 2;
    width: 100%;
    visibility: hidden;
	opacity: 0;
	background-color: black;
}
ul.sub-menu li{
	width:100%;
}
ul.menu li:hover ul.sub-menu{visibility: visible;opacity: 1;}
ul.sub_menu li:hover { background-color: #D49415;}

/* .pagination{margin:30px 0;padding:0 10px;text-align:center;font-size:12px;display:block;border-radius:0}
.excerpts .pagination{margin-bottom: 10px;}
.pagination ul{display:inline-block !important;*display:inline;*zoom:1;margin-left:0;margin-bottom:0;padding:0}
.pagination ul > li{display:inline}
.pagination ul > li > a,.pagination ul > li > span{margin:0 2px;float:left;padding:5px 12px;background-color:#ddd;color:#666;border-radius:2px;opacity:.88}
.pagination ul > li > a:hover,.pagination ul > li > a:focus{opacity:1}
.pagination ul > .active > a,.pagination ul > .active > span{background-color:#1d1d1d;color:#fff}
.pagination ul > .active > a,.pagination ul > .active > span{cursor:default}
.pagination ul > li > span,.pagination ul > .disabled > span,.pagination ul > .disabled > a,.pagination ul > .disabled > a:hover,.pagination ul > .disabled > a:focus{color:#999999;background-color:transparent;cursor:default}
 */