﻿/*** ====================================================================Main Slider style====================================================================***/
.main-slider {position:relative;z-index:10;max-height:880px;overflow:hidden;}
.main-slider .tp-dottedoverlay {background-color:rgba(0,0,0,0.10) !important;}
.main-slider .tp-caption {z-index:5;transform:scale(0);}
.main-slider .text {font-weight:400;line-height:1.8em;color:#ffffff;font-size:24px;}
.main-slider .text.light {color:#ffffff;}
.main-slider h1,.main-slider h2 {color:#fff;font-family:'Wulkan Display Italic';font-weight:normal;text-shadow:rgba(0,0,0,0.9) 2px 2px 2px;}
.main-slider h1 {font-size:42px;line-height:1.2em;}
.main-slider h2 {font-size:42px;line-height:1.6em;}
.main-slider .btn-style-one,.main-slider .btn-style-two {min-width:160px;padding:15px 0;text-align:center;border-width:2px !important;color:#fff;}
.main-slider .btn-style-one {background:#ff6a00;}
.main-slider .btn-style-two {background:#000;}
.main-slider .tp-bullets.preview3 .bullet {background:#a6a7ab !important;width:1.8vw !important;min-width:28px !important;height:12px !important;border:0px!important;border-radius:2px !important;margin:0px 8px;transform:skewX(-30deg);}
.main-slider .tp-bullets.preview3 .bullet:hover,.main-slider .tp-bullets.preview3 .bullet.selected {border-color:#f18d00 !important;background:#f18d00 !important;}

.main-slider .tparrows.preview3 {background:none !important;width:54px !important;overflow:hidden;margin-top:-27px !important;height:54px !important;display:none !important;}
.main-slider .tparrows.preview3::after {top:0px;background-color:rgba(255,255,255,0.2);background-position:center;background-repeat:no-repeat;background-size:80%;height:54px !important;width:54px !important;border-radius:50%;}
.main-slider .tparrows.tp-leftarrow.preview3::after {content:'';background-image:url('images/arrow-left.png');}
.main-slider .tparrows.tp-rightarrow.preview3::after {content:'';background-image:url('images/arrow-right.png');}
.main-slider .tparrows.preview3.tp-leftarrow {left:30px !important;}
.main-slider .tparrows.preview3.tp-rightarrow {right:30px !important;}
.main-slider .tparrows.preview3:hover::after {background-color:#fc721e;}
.main-slider .tparrows.preview3 .tp-arr-iwrapper {visibility:hidden;opacity:0;display:none;}
.main-slider .tp-bannertimer {display:none !important;}
.tp-bullets.hidebullets {opacity:1 !important;}


/*@-webkit-keyframes zoomButOut {
  0% {transform:scaleX(1) scaleY(1);opacity:0.5;}
  100% {transform:scaleX(1.2) scaleY(1.8);opacity:0;}
}

@keyframes zoomButOut {
  0% {transform:scaleX(1) scaleY(1);opacity:0.5;}
  100% {transform:scaleX(1.2) scaleY(1.8);opacity:0;}
}*/

.part1 {padding:5em 0;background:#F8F8F8;}
.part1 .title {text-align:center;padding-bottom:1.5em;}
.part1 .title h6 {font-size:3em;color:#B69B40;padding-bottom:0.5em;}
.part1 .title p {font-size:1em;color:#666;}
.part1 ul {clear:both;margin-top:1.5em;display:flex;align-items:center;justify-content:space-between;}
.part1 li {border-left:1px dashed #ccc;padding:0 2.5em;}
.part1 ul li:first-child {border-left:none;}
.part1 li h6 {font-size:1.6em;line-height:2em;text-align:center;}
.part1 li p {font-size:1em;line-height:1.5em;margin-top:1.5em;color:#5D5D5D;display:block;}
.part1 li p::before {content:'';display:block;background:url('/images/icons/icons-1.png') 0px 0 no-repeat;height:70px;width:70px;margin:0 auto;margin-bottom:1.8em;}
.part1 li p.p2:before {background-position:-290px 0;}
.part1 li p.p3:before {background-position:-595px 0;}
.part1 li p.p4:before {background-position:-895px 0;}
.part1 li p.p5:before {background-position:-1195px 0;}


h3.title {font-size:24px;line-height:36px;border-bottom:1px solid #ccc;}
h3.title span.note {margin-left:20px;font-size:14px;color:#666;font-weight:normal;}
h3.title .right {float:right;font-weight:normal;font-size:14px;}


.projectPart {margin-top:30px;border-width:1px;}
/*h3.title {height:50px;line-height:50px;border-bottom:1px solid #dedede;font-weight:normal;text-align:right;background:#fff url('/images/home_caseTitle.jpg') 0 13px no-repeat;}*/
.projectPart .list {padding:16px 0;padding-top:1px;}
.projectPart .list ul {width:100%;justify-content:space-between;display:flex;flex-wrap:wrap;gap:2vw;padding-top:2vw;}
.projectPart .list li {width:25%;background:#f0f0f0;}
.projectPart .list li a {display:block;border:1px solid #ccc;height:400px;overflow:hidden;position:relative;}
.projectPart .list li a img {display:block;height:400px;width:auto;max-width:100%;}
/*做到这里了   用于做一个动画上浮效果*/
.projectPart .list li a span {display:block;padding:1em 0;line-height:1.2em;width:100%;background-color:rgba(0,0,0,0.8);text-align:center;position:absolute;bottom:-3.4em;transition:all .3s;}
.projectPart .list li a:hover span {bottom:0;color:#fff;}
.projectPart .list li:first-child,.projectPart .list li:last-child {width:44%;}


.productPart {margin-top:50px;padding:80px 0;border-width:1px;background:#F8F8F8;}

.servicerPart {margin-top:50px;border-width:1px;}
.servicerPart .list {padding:20px;}

.part2 {padding:80px 0;background:#F8F8F8;}
.part2 .title {text-align:center;padding-bottom:20px;}
.part2 .title h6 {font-size:36px;color:#CF010E;padding-bottom:15px;}
.part2 .title p {font-size:16px;}
.part2 ul {clear:both;margin-top:15px;display:flex;justify-content:space-between;flex-wrap:wrap;}
.part2 li {width:33.3333%;padding:50px 80px;background:#F5ECE3;}
.part2 li.s {background:#E1E0DB;}
.part2 li h6 {font-size:24px;color:#CE000D;line-height:30px;text-align:center;}
.part2 li h6:before {content:'';width:84px;height:84px;display:block;background:url('/images/icons/icons-2.png') 0px 0 no-repeat;margin:20px auto;}
.part2 li h6.h2:before {background-position:-200px 0;}
.part2 li h6.h3:before {background-position:-400px 0;}
.part2 li h6.h4:before {background-position:-600px 0;}
.part2 li h6.h5:before {background-position:-800px 0;}
.part2 li h6.h6:before {background-position:-1000px 0;}
.part2 li p {font-size:14px;line-height:20px;margin-top:10px;color:#5D5D5D;text-align:center;}

.part3 {padding:50px 0;clear:both;}
/*.part3 h3 {font-size:20px;line-height:36px;border-bottom:1px solid #ccc;}
.part3 h3 span {margin-left:20px;font-size:14px;color:#666;font-weight:normal;}
.part3 h3 a {float:right;font-weight:normal;font-size:14px;}
.part3 .list {clear:both;padding-bottom:40px;}*/
.part3 .list ul {position:relative;padding:15px 0;margin-left:-25px;display:flex;justify-content:space-between;}
.part3 .list li {width:19%;background:#EAE3D9;margin-left:25px;padding-bottom:6px;}
.part3 .list li img {width:100%;display:block;}
.part3 .list li .txt {padding:15px;}
.part3 .list li .txt h6 {padding:8px 0;font-size:16px;line-height:22px;}
.part3 .list li .txt p {padding-top:20px;background:url('/images/home/lineBg-1.gif') 0 0 no-repeat;}


@media only screen and (max-width:1640px) {
	/*about us*/
	.aboutUs { padding: 8vw 0; }
	/*.aboutUs .title { font-size: 1.375vw; padding: 1.8vw 0; }
	.aboutUs .content p { font-size: 1.2vw; }*/
}


@media only screen and (max-width:768px) {
	.main-slider .tp-bullets.preview3 .bullet {min-width:20px !important;height:10px !important;}


}
@media only screen and (max-width:560px){
	.main-slider h1 {line-height:1.4em;}
	.main-slider h2 {line-height:1.8em;}
	.main-slider .tp-bullets.preview3 .bullet {min-width:18px !important;height:8px !important;}


}
