/* 首页banner样式 */
.x-banner .owl-carousel {
	position: relative;
}

.x-banner .owl-carousel .banner-item a {
	display: block;
}

.x-banner .owl-carousel .owl-nav .owl-prev {
	left: 0;
}

.x-banner .owl-carousel .owl-nav .owl-next {
	right: 0;
}

.x-banner .owl-carousel .owl-nav button.owl-prev,
.x-banner .owl-carousel .owl-nav button.owl-next {
	outline: none;
	position: absolute;
	top: 50%;
	z-index: 9999;
	background: none;
	border: 1px solid #fff;
	height: 65px;
	width: 50px;
	margin-top: -32.5px;
	border-radius: 0;
	-webkit-transition: all .5s ease;
	transition: all .5s ease;
}



.x-banner .owl-carousel .owl-nav .icon-font {
	display: block;
	width: 100%;
	height: 100%;
}

.x-banner .owl-carousel .owl-nav .icon-left-arrow:after {
	background-position: -34px -180px;
}

.x-banner .owl-carousel .owl-nav .icon-right-arrow:after {
	background-position: -26px -480px;
}

@media (max-width: 990px) {

	.x-banner .owl-carousel .owl-nav button.owl-prev,
	.x-banner .owl-carousel .owl-nav button.owl-next {
		height: 40px;
		width: 30px;
		margin-top: -20px;
	}

	.x-banner .owl-carousel .owl-nav .iconfont {
		font-size: 20px;
	}
}

.x-banner .owl-carousel .owl-dots {
	position: absolute;
	z-index: 999;
	left: 0;
	width: 100%;
	text-align: center;
	font-size: 0;
	bottom: 3%;

}

.x-banner .owl-carousel .owl-dots button.owl-dot {
	display: inline-block;
	vertical-align: middle;
	font-size: 14px;
	margin: 0 .5em;
	outline: none;
	background: #000;
	border-radius: 6px;
	width: 50px;
	height: 6px;
    opacity: .5;
}

.x-banner .owl-carousel .owl-dots button.owl-dot:hover {
	opacity: 1;
    background: #f76801;
}

.x-banner .owl-carousel .owl-dots button.owl-dot.active {
	opacity: 1;
    background: #f76801;
}

@media (max-width: 990px) {
	.x-banner .owl-carousel .owl-dots button.owl-dot {
		font-size: 12px;
	}
}

.icon-font {
	position: relative;
}

.icon-font:after {
	content: "";
	width: 30px;
	height: 30px;
	background-image: url(../images/icon_spirit.png);
	background-repeat: no-repeat;
	position: absolute;
	left: calc(50% - 15px);
	top: calc(50% - 15px);
}


.x-banner .text{
    position: absolute;
    bottom: 71px;
    z-index: 99;
    text-align: center;
    width: 100%;
}
.x-banner {
    position: relative;
}
.x-banner .text p{
    font-size: 19px;
    color: #fff;
    text-align: center;
    margin-bottom: 38px;
}

.x-banner .text .gl{
    -webkit-animation: myfirst 1.5s infinite; animation: myfirst 1.5s infinite;
}

  @-webkit-keyframes myfirst{
      0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
      50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
      100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
  }
  @keyframes myfirst{
      0%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
      50%{-webkit-transform: translate(0px, -10px); transform: translate(0px, -10px);}
      100%{-webkit-transform: translate(0px, 0px); transform: translate(0px, 0px);}
  }
.tit{
    text-align: center;
    padding-top: 5%;
    padding-bottom: 4%;
}
.tit h5 span{
	font-weight: bold;
}
.tit h5{
    font-size: 48px;
    color: #333;
    text-transform: uppercase;
    
}
.tit p{
    font-size: 20px;
    color: #666;
    text-transform: uppercase;
}


/**/
.box1{
	background-color: #f7f7f7;
	padding-bottom: 3%;
}
.product{}
.product ul{
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-content: center;
    align-items: center;
} 
.product li{
	margin-bottom: 20px;
}
.product li img{}
.product li p{
	background-color: #fff;
	font-size: 22px;
	font-weight: bold;
	color: #434343;
	text-align: center;
	    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    align-content: center;
    flex-direction: row;
	line-height: 60px;
}

.product li p::after{
	content: ">";
	width: 22px;
	height: 22px;
	border-radius: 22px;
	display: inline-block;
	background-color: #f76801;
	color: #fff;
	text-align: center;
	line-height: 22px;
	font-size: 12px;
	font-family: monospace;
	margin-left: 10px;

}


.box2{
	background: url(../images/casebj.jpg) right bottom;
	padding-bottom: 3%;
}
.b3in1{
    width: 100%;
    background-color: #f2f2f2;
    overflow: hidden;
    padding: 47px 0;
}
.b3ul1{
	display: flex;
    justify-content: space-around;
    align-items: center;
    align-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
}
.b3in1 li{
    border-right: 1px solid #e5e5e5;
	padding: 0 25px;
}
.b3in1 li:last-of-type{
    border-right: none;
}
.b3in1 li p{
    font-size: 16px;
    line-height: 16px;
    color: #313131;
}
.b3in1 li .b3con1{
    width: 100%;
    overflow: hidden;
    margin-top: 20px;
}
.b3con1 h3,.b3in1 li .b3con1 p{
    float: left;
    font-size: 72px;
    line-height: 72px;
    color: #313131;
    font-family: HelveticaInserat-Roman-SemiB;
    letter-spacing: -4px;
    font-weight: bold;
}
.b3con1 img{
    float: left;
    vertical-align: bottom;
    margin-left: 5px;
    display: inline-block;
    margin-top: 21px;
}
.b3con1 i{
	width: 28px;
	height: 28px;
	background-color: #f76801;
	border-radius: 50%;
	font-size: 12px;
	color: #fff;
	text-align: center;
	line-height: 28px;
	font-style: normal;

}
.b3in2{
    width: 100%;
    margin-top: 48px;
    overflow: hidden;
}
.b3_fl{
    width: 362px;
    position: relative;
    height: 502px;
    margin-right: -99px;
}
.b3con2{
    width: 100%;
    overflow: hidden;
}
.b3con2 h3{
    font-size: 28px;
    line-height: 28px;
    color: #313131;
}
.b3con2 h4{
    font-size: 28px;
    line-height: 28px;
    font-weight: normal;
    color: #313131;
    margin: 8px 0 22px;
}
.b3con2 p{
    font-size: 16px;
    line-height: 16px;
    color: #313131;
}
.b2line1{
    width: 41px;
    height: 4px;
    background-color: #f76801;
    margin: 45px 0 33px;
}
.b3con3{
    width: 231px;
    overflow: hidden;
}
.b3con3 p{
    font-size: 14px;
    line-height: 20px;
    font-weight: lighter;
    color: #666666;
}
.b3con4{
    width: 100%;
    height: 162px;
    position: absolute;
    bottom: 0;
    background: url('../images/b3imgbg1.png') no-repeat center bottom;
    z-index: 5;
}
.b3_fr{
    width: 935px;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.b3_fr li{
    width: 207px;
    height: 501px;
    float: left;
    overflow: hidden;
    position: relative;
    transition: all 0.4s linear;
}
.b3_fr li.on{width: 521px;}
.b3_fr li .b3img2{
    width: 521px;
    height: 501px;
    overflow: hidden;
    position: relative;
}
.b3img2 img{
    width: 100%;
    height: 100%;
}
.b3_fr li .b3con2{
    width: 52px;
    height: 192px;
    background-color: #4c4c4c;
    position: absolute;
    left: 0;
    top: 0;
    overflow: hidden;
    padding: 20px 15.5px 0;
    transition: all 0.4s linear;
    font-size: 21px;
    line-height: 52px;
    font-weight: bold;
    color: #eaeaea;
	writing-mode: vertical-rl;
}
.b3_fr li.on .b3con2{background-color: #f76801;}



/* box4 */
.box4{
    overflow: hidden;
    background: url('../images/b4bg.jpg') no-repeat center top;
    height: 884px;
    padding: 99px 0 0 0;
}
.box4 .tit{
	padding-top: 0;
	padding-bottom: 0;
}
.box4 .tit h5{
	color: #fff;
}
.box4 .tit p{
	color: #c4c4c4;
}
.b4_tit h3,.b4_tit h3 span{
    color: #ffffff;
}
.b4_tit p{
    color: #c4c4c4;
}
.b4_index{
    margin: 70px auto 0;
    overflow: hidden;
}
.b4_index .hd{
    width: 100%;
    overflow: hidden;
}
.b4_index .hd ul{
    width: 100%;
    text-align: center;
    overflow: hidden;
}
.b4_index .hd li{
    width: 170px;
    overflow: hidden;
    display: inline-block;
    text-align: center;
}
.b4_index .hd li a{
    position: relative;
    font-size: 20px;
    line-height: 21px;
    display: block;
    width: 100%;
    color: #d6d6d6;
}
.b4_index .hd li a:after{
    position: absolute;
    right: 0;
    top: 0;
    content: "/";
}
.b4_index .hd li:last-of-type a:after{
    display: none;
}
.b4_index .bd{
    width: 100%;
    margin-top: 62px;
    overflow: hidden;
}
.b4_fl{
    width: 500px;
    overflow: hidden;
    margin-top: 52px;
}
.b4_fl h3{
    font-size: 30px;
    line-height: 30px;
    font-weight: normal;
    color: #ffffff;
}
.b4_fl .b4line1{
    width: 100%;
    height: 3px;
    background: url('../images/b4line.png') no-repeat center center;
    margin: 25px 0 41px;
}
.b4_fl p{
    font-size: 14px;
    line-height: 36px;
    color: #ffffff;
    background: url('../images/b4dot.png') no-repeat left 16px;
    padding-left: 13px;
}
.b4_fr{
    width: 639px;
    height: 480px;
    overflow: hidden;
}
.b4_fr img{
    width: 100%;
    height: 100%;
}

.box5 .tit{
	padding-top: 0;
}
.case_list{
	margin-bottom: 50px;
}
.case_list ul{
	display: flex;
    flex-wrap: nowrap;
    justify-content: center;
}
.case_list li{
	padding: 0 20px;
	color: #666;
	border: 1px solid #fff;
	line-height: 60px;
	border-radius: 50px;
}
.case_list li a{
	font-size: 18px;
	color: inherit;
}
.case_list li:first-child{
	color: #f76801;
	border: 1px solid #f76801;
	
}
.case_list li:hover{
	color: #f76801;
	border: 1px solid #f76801;
}
.case{
	max-width: 1680px;
	margin: auto;
}
.case ul{
	display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
	
}

.case li{
	margin-bottom: 30px;
	border: 1px solid #ececec;
	width: 31%;
}
.case li .text{
	padding: 20px;
}
.case li img{
	width: 100%;
}
.case li p{
	font-size: 18px;
	color: #333;
	padding: 30px 0;
	border-bottom: 1px solid #ececec;
	margin-bottom: 20px;
	position: relative;
}
.case li p::after{
	content: "";
	background: url(../images/case_icon.png) no-repeat;
	width: 22px;
	height: 22px;
	display: block;
	position: absolute;
	right: 3%;
    top: 39%;
}
.case li span{
	font-size: 14px;
	color: #333;
	opacity: .6;
	
	
}

.box6{
	padding-bottom: 3%;
}
.b6_index{
    width: 100%;
    overflow: hidden;
    margin-top: 55px;
}
.b6ul1{
	display: flex;
}
.b6_index li{
    width: 160px;
    height: 120px;
    position: relative;
    float: left;
    margin-right: 48px;
    transition: all 0.4s linear;
    background: url('../images/b6imgbg1.png') no-repeat left center;
    padding-left: 18px;
}
.b6_index li:hover{
    background: url('../images/b6imgbg1h.png') no-repeat left center;
}
.b6_index li:last-of-type{
    margin-right: 0;
}
.b6_index li:after{
    content: "";
    width: 33px;
    height: 120px;
    background: url('../images/b6dot1.png') no-repeat center center;
    position: absolute;
    right: -33px;
    top: 0;
}
.b6_index li:last-of-type:after{display:none;}
.b6_index li h3{
    float: left;
    font-size: 48px;
    line-height: 120px;
    font-style: italic;
    color: #333333;
}
.b6_index li p{
    float: left;
    margin-left: 7px;
    color: #333333;
    font-size: 18px;
    line-height: 120px;
}
.b6_index li:hover h3,.b6_index li:hover p{
    color: #f76801;
}
.b6in1{
	padding-top: 44px;
	padding-bottom: 10px;
    padding-left: 30px;
    background: url(../images/b6imgbg2.png) no-repeat left top;
    font-size: 16px;
    margin-left: 60px;
    margin-top: 20px;
}


/* box8 */
.box8{
    overflow: hidden;
    padding: 66px 0 0 0;
    background: url('../images/b8bg.png') repeat-x left bottom;
}
.b8_index{
    width: 1200px;
    margin: 60px auto 0;
    overflow: hidden;
}
.b8in1{
    width: 100%;
    padding-top: 30px;
    overflow: hidden;
}
.b8in1 .hd li{
    margin-right: 27px;
}
.b8in1 li{
    float: left;
    overflow: hidden;
}
.b8in1 li h3{
    font-size: 18px;
    line-height: 19px;
    color: #464646;
    float: left;
    font-weight: normal;
}
.b8in1 li.on h3{
    font-weight: bold;
}
.b8in1 li p{
    margin-left: 3px;
    float: left;
    font-size: 12px;
    line-height: 12px;
    margin-top: 6px;
    color: #b6b6b6;
}
.b8in1 .b8more1{
    font-size: 14px;
    line-height: 14px;
    margin-top: 4px;
    color: #666666;
    display: block;
}
.b8_fl{
    width: 672px;
    overflow: hidden;
}
.b8in2{
    width: 100%;
    overflow: hidden;
    margin-top: 28px;
}
.b8in2 .b8li1{
    width: 100%;
    overflow: hidden;
    margin-bottom: 94px;
}
.b8in2 .b8li1 .b8img1{
    display: block;
    width: 350px;
    height: 197px;
    overflow: hidden;
}
.b8in2 .b8li1 .b8img1 img{
    width: 100%;
    height: 100%;
}
.b8in2 .b8li1 .b8con1{
    width: 292px;
    overflow: hidden;
    padding: 24px 0 0 0;
}
.b8con1 h3{
    font-size: 14px;
    line-height: 14px;
    color: #000000;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
    margin-bottom: 16px;
}
.b8con1 p{
    font-size: 12px;
    line-height: 25px;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:4;
    -webkit-box-orient:vertical;
}
.b8con1 .b8more2{
    display: block;
    width: 91px;
    height: 25px;
    background-color: #f76801;
    border-radius: 13px;
    margin-top: 16px;
    text-align: center;
    line-height: 25px;
    font-size: 12px;
    color: #ffffff;
}
.b8li2{
    width: 50%;
    padding-right: 0%;
    overflow: hidden;
    margin-bottom: 26px;
    float: left;
}
.b8li2:nth-of-type(n+6){
    margin-bottom: 0;
}
.b8li2 h3{
    font-size: 14px;
    font-weight: normal;
    line-height: 14px;
    color: #333333;
    background: url('../images/b8dot.png') no-repeat left center;
    padding-left: 18px;
    margin-bottom: 13px;
}
.b8li2 p{
    font-size: 14px;
    line-height: 14px;
    color: #333333;
    padding-left: 18px;
}
.b8_fr{
    width: 420px;
    height: 573px;
    background-color: #ffffff;
    border: solid 1px #e2e2e2;
    overflow: hidden; 
    padding: 0 25px;
}
.b8in3{
    width: 100%;
    overflow: hidden;
    margin-top: 28px;
}
.b8in3 li{
    width: 100%;
    overflow: hidden;
    border-bottom: 1px solid #cccccc;
    padding-bottom: 22px;
    margin-bottom: 21px;
}
.b8in3 li:last-of-type{
    margin-bottom: 0;
}
.b8in3 li h3{
    width: 100%;
    padding-left:36px;
    background: url('../images/wen.png') no-repeat left center;
    font-size: 12px;
    line-height: 22px;
    color: #333333;
    margin-bottom: 8px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
.b8in3 li p{
    font-size: 12px;
    line-height: 24px;
    background: url('../images/da.png') no-repeat left top;
    padding-left: 36px;
    color: #333333;
    overflow:hidden;
    text-overflow:ellipsis;
    display: -webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
}