﻿


.d-ban1{
	position: relative;
	z-index: 1;
}
.d-ban1:before{
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 50%;
	height: 100%;
	background: linear-gradient(90deg , rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
	z-index: 2;
}


.d-slideNav{
	position: fixed;
	right: 30px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
	border-radius: 5px;
	box-shadow: 0 0 14px rgba(140, 156, 164, .4);
	z-index: 101;
}
.d-slideNav .item{
	display: block;
	position: relative;
}
.d-slideNav .hd{
	padding: 10px 5px;
	width: 66px;
	height: 76px;
	background-color: #fff;
	position: relative;
	display: -webkit-flex;
  	display: flex;
  	flex-direction: column;
  	justify-content: center;
  	align-items: center;
}
.d-slideNav .hd:before{
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 46px;
	height: 1px;
	background-color: #DDDDDD;
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
}
.d-slideNav .hd .icon{
	margin: 0 auto 4px;
	width: 24px;
	height: 24px;
	line-height: 24px;
	font-size: 0;
	text-align: center;
}
.d-slideNav .hd .icon img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.d-slideNav .hd .title{
	font-size: 13px;
	color: #494949;
	text-align: center;
	line-height: 1.3;
}
.d-slideNav .pop{
	padding-right: 20px;
	position: absolute;
	right: 100%;
	top: 0;
	z-index: 10;
	display: none;
}
.d-slideNav .pop .tel{
	padding: 12px 18px 7px;
	width: 160px;
	background-color: #fff;
	border: 1px solid #EEEEEE;
	border-radius: 5px;
	font-size: 14px;
	color: #444444;
	line-height: 1.5;
}
.d-slideNav .pop .tel .p1{
	margin-top: 5px;
	font-size: 18px;
	color: #0066FF;
	line-height: 1.2;
}
.d-slideNav .item:first-child .hd{
	border-radius: 5px 5px 0 0;
}
.d-slideNav .item:last-child .hd{
	border-radius: 0 0 5px 5px;
}
.d-slideNav .item:last-child .hd:before{
	display: none;
}
.d-slideNav .item:hover .pop{
	display: block;
}


.d-pop1{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000;
	display: none;
}
.d-pop1 input, .d-pop1 textarea{
	outline: none;
	border: none;
	background-color: transparent;
}
.d-pop1 .pop-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	opacity: .8;
}
.d-pop1 .pop-cont{
	padding: 52px 60px 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	width: 752px;
	background-color: #fff;
	border-radius: 5px;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
}
.d-pop1 .close{
	position: absolute;
	right: 24px;
	top: 22px;
	width: 37px;
	height: 37px;
	background: url(../images/d-close1.png) center center no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	cursor: pointer;
	z-index: 10;
}
.d-pop1 .title{
	font-size: 38px;
	color: #333333;
	font-weight: bold;
	line-height: 1.11;
}
.d-pop1 .desc{
	margin-top: 12px;
	font-size: 16px;
	color: #858585;
	line-height: 1.25;
}
.d-pop1 .form-cont{
	margin: 38px -12px -20px;
	display: -webkit-flex;
  	display: flex;
  	flex-wrap: wrap;
}
.d-pop1 .form-items{
	padding: 0 12px;
	margin-bottom: 24px;
	width: 50%;
	flex-shrink: 0;
}
.d-pop1 .label{
	margin-bottom: 12px;
	font-size: 16px;
	color: #666666;
	line-height: 1.25;
}
.d-pop1 .label em{
	margin-left: 10px;
	display: inline-block;
	color: #FF2626;
}
.d-pop1 .input{}
.d-pop1 .inp{
	padding: 0 20px;
	display: block;
	width: 100%;
	height: 46px;
	line-height: 44px;
	border: 1px solid #CACACA;
	font-size: 16px;
	color: #333333;
}
.d-pop1 .form-col1{
	width: 100% !important;
}
.d-pop1 .tar{
	padding: 14px 20px;
	display: block;
	width: 100%;
	height: 152px;
	border: 1px solid #CACACA;
	font-size: 16px;
	color: #333333;
	text-align: left !important;
}
.d-pop1 .form-btns{
	margin-top: 30px;
}
.d-pop1 .submit{
	display: block;
	width: 176px;
	height: 40px;
	line-height: 40px;
	background-color: #0066FF;
	font-size: 16px;
	color: #FFFFFF;
	text-align: center;
}


.d-hd1{
	box-sizing: border-box;
	margin-bottom: 33px;
}
.d-hd1 .tit{
	font-size: 32px;
	color: #262626;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
.d-text1{}
.d-text1 img{
	margin: 0 auto;
	display: block;
	max-width: 100%;
}
.d-desc1{
	font-size: 14px;
	color: #444444;
	line-height: 1.8;
}
.d-lst1{
	box-sizing: border-box;
	margin: 0 -14px -28px;
	display: -webkit-flex;
  	display: flex;
  	flex-wrap: wrap;
}
.d-lst1>li{
	box-sizing: border-box;
	padding: 0 14px;
	margin-bottom: 28px;
	width: 33.33%;
	flex-shrink: 0;
}
.d-lst1 .con{
	box-sizing: border-box;
	padding: 34px 36px 50px;
	display: block;
	height: 100%;
	min-height: 400px;
	background: url(../images/d-bg1.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	box-shadow: 0 8px 25px rgba(136, 136, 136, .19);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.d-lst1 .icon{
	box-sizing: border-box;
	margin: 0 auto 15px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 0;
	text-align: center;
}
.d-lst1 .icon img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.d-lst1 .tit{
	box-sizing: border-box;
	font-size: 28px;
	color: #262626;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
.d-lst1 .desc{
	box-sizing: border-box;
	margin-top: 25px;
	font-size: 14px;
	color: #444444;
	line-height: 1.71;
}
.d-lst1 .desc em{
	box-sizing: border-box;
	margin-right: 10px;
	color: #2D66F0;
}
.d-lst1 .desc ul{
	padding-left: 20px;
	list-style: disc;
}
.d-lst1 .con:hover{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.d-lst2{
	box-sizing: border-box;
	margin: 0 -14px -28px;
	display: -webkit-flex;
  	display: flex;
  	flex-wrap: wrap;
}
.d-lst2>li{
	box-sizing: border-box;
	padding: 0 14px;
	margin-bottom: 28px;
	width: 33.33%;
	flex-shrink: 0;
}
.d-lst2 .con{
	box-sizing: border-box;
	padding: 25px 36px 60px;
	display: block;
	height: 100%;
	min-height: 320px;
	background: url(../images/d-bg1.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
	box-shadow: 0 8px 25px rgba(136, 136, 136, .19);
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.d-lst2 .icon{
	box-sizing: border-box;
	margin: 0 auto 15px;
	width: 70px;
	height: 70px;
	line-height: 70px;
	font-size: 0;
	text-align: center;
}
.d-lst2 .icon img{
	display: inline-block;
	vertical-align: middle;
	max-width: 100%;
	max-height: 100%;
}
.d-lst2 .tit{
	box-sizing: border-box;
	font-size: 20px;
	color: #262626;
	font-weight: normal;
	text-align: center;
	line-height: 1.5;
}
.d-lst2 .desc{
	box-sizing: border-box;
	margin-top: 21px;
	font-size: 14px;
	color: #444444;
	line-height: 1.71;
}
.d-lst2 .desc .p1{
	display: -webkit-flex;
  	display: flex;
  	align-items: flex-start;
}
.d-lst2 .desc .p1 em{
	box-sizing: border-box;
	margin-right: 10px;
	color: #2D66F0;
	flex-shrink: 0;
}
.d-lst2 .desc .p2{
	display: -webkit-flex;
  	display: flex;
  	align-items: flex-start;
}
.d-lst2 .desc .p2 em{
	box-sizing: border-box;
	margin-right: 10px;
	color: #444444;
	line-height: 1.5;
	flex-shrink: 0;
}
.d-lst2 .con:hover{
	-webkit-transform: translateY(-10px);
	-ms-transform: translateY(-10px);
	-o-transform: translateY(-10px);
	transform: translateY(-10px);
}
.d-lst2.d-lst2_2{}
.d-lst2.d-lst2_2>li{
	width: 25%;
}
.d-lst3{
	box-sizing: border-box;
	margin: 0 -12px -24px;
	display: -webkit-flex;
  	display: flex;
  	flex-wrap: wrap;
}
.d-lst3 li{
	box-sizing: border-box;
	padding: 0 12px;
	margin-bottom: 24px;
	width: 33.33%;
	flex-shrink: 0;
}
.d-lst3 .con{
	box-sizing: border-box;
	display: block;
	height: 100%;
	background-color: #fff;
	box-shadow: 1px 3px 4px rgba(85, 85, 85, .24);
	border-radius: 10px 10px 0 0;
	overflow: hidden;
}
.d-lst3 .pic{
	box-sizing: border-box;
	padding-top: 41.88%;
	position: relative;
	overflow: hidden;
}
.d-lst3 .pic img{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.d-lst3 .text{
	box-sizing: border-box;
	padding: 30px 22px;
}
.d-lst3 .tit{
	box-sizing: border-box;
	padding-left: 26px;
	font-size: 20px;
	color: #000000;
	font-weight: normal;
	line-height: 1.5;
	position: relative;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.d-lst3 .tit:before{
	content: '';
	position: absolute;
	left: 2px;
	top: 50%;
	width: 6px;
	height: 32px;
	background-color: #0059E2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	transform: translateY(-50%);
}
.d-lst3 .line{
	box-sizing: border-box;
	margin: 18px 0 22px;
	height: 1px;
	background-color: #444444;
}
.d-lst3 .desc{
	box-sizing: border-box;
	font-size: 14px;
	color: #444444;
	line-height: 1.7;
}
.d-lst3 .con:hover .pic img{
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}
.d-lst3 .con:hover .tit{
	color: #0059E2;
}





.d-row1{
	box-sizing: border-box;
	padding: 66px 0 40px;
	overflow: hidden;
}
.d-row2{
	box-sizing: border-box;
	padding: 40px 0;
	overflow: hidden;
}
.d-row3{
	box-sizing: border-box;
	padding: 106px 0 0;
	overflow: hidden;
}
.d-row3 .tabsD1 .d-desc1{
	box-sizing: border-box;
	margin-bottom: 112px;
}
.d-row3 .tabsD1 .d-lst2{
	box-sizing: border-box;
	margin-bottom: 56px;
}
.d-row3 .tabsD1 .d-lst3{
	box-sizing: border-box;
	margin-bottom: 50px;
}
.tabs1{
	box-sizing: border-box;
	display: -webkit-flex;
  	display: flex;
}
.tabs1 ul{
	box-sizing: border-box;
	flex-grow: 1;
	display: -webkit-flex;
  	display: flex;
  	flex-wrap: wrap;
  	justify-content: center;
  	align-items: center;
}
.tabs1 li{
	box-sizing: border-box;
}
.tabs1 .a1{
	box-sizing: border-box;
	padding: 0 30px;
	display: block;
	min-width: 254px;
	height: 58px;
	line-height: 58px;
	font-size: 18px;
	color: #575747;
	text-align: center;
	box-shadow: 0 7px 21px rgba(187, 187, 187, .33);
}
.tabs1 .on{}
.tabs1 .on .a1{
	color: #ffffff;
	box-shadow: none;
	background-color: #2E67F0;
}
.tabsD1{
	padding: 64px 0 92px;
	background: url(../images/d-bg3.jpg) center top no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
.tabsD1 .tab-item{
	display: none;
}
.tabsD1 .tab-item.on{
	display: block;
}
.d-box1{
	box-sizing: border-box;
	padding: 30px 15.42%;
	min-height: 170px;
	background-repeat: no-repeat;
	background-position: center center;
	-webkit-background-size: cover;
	background-size: cover;
	display: -webkit-flex;
  	display: flex;
  	justify-content: center;
  	align-items: center;
}
.d-box1 .left{
	box-sizing: border-box;
	flex-grow: 1;
}
.d-box1 .right{
	box-sizing: border-box;
	margin-left: 98px;
	flex-shrink: 0;
}
.d-box1 .title{
	box-sizing: border-box;
	font-size: 32px;
	color: #FFFFFF;
	text-align: right;
	font-weight: normal;
	line-height: 1.5;
}
.d-box1 .btns{
	box-sizing: border-box;
	display: block;
	width: 178px;
	height: 40px;
	line-height: 40px;
	background-color: #fff;
	font-size: 16px;
	color: #0F56E4;
	text-align: center;
	-webkit-transition: all .5s ease-in-out;
	-o-transition: all .5s ease-in-out;
	transition: all .5s ease-in-out;
}
.d-box1 .btns:hover{
	color: #fff;
	background-color: #0059E2;
}




@media screen and (max-width: 1000px) {
	.wrap, .wrap2, .wrap3, .wrap4{max-width: 100%;}
	.d-slideNav{right: 15px;}
	.d-slideNav .hd{width: 52px; height: 60px;}
	.d-slideNav .hd .icon{width: 20px; height: 20px; line-height: 20px;}
	.d-slideNav .hd .title{font-size: 12px;}
	.d-slideNav .pop{padding-right: 10px;}
	.d-slideNav .pop .tel .p1{margin-top: 2px;}
	.d-pop1 .pop-cont{padding: 30px; width: 600px;}
	.d-pop1 .title{font-size: 24px;}
	.d-pop1 .desc{margin-top: 8px; font-size: 14px;}
	.d-pop1 .form-cont{margin-top: 20px;}
	.d-pop1 .label{font-size: 14px;}
	.d-pop1 .label em{margin-left: 5px;}
	.d-pop1 .inp{padding: 0 15px; height: 40px; line-height: 38px; font-size: 14px;}
	.d-pop1 .tar{padding: 10px 15px; height: 100px; font-size: 14px;}
	.d-pop1 .form-btns{margin-top: 20px;}
	.d-pop1 .submit{width: 140px; height: 36px; line-height: 36px; font-size: 14px;}
	.d-hd1{margin-bottom: 20px;}
	.d-hd1 .tit{font-size: 20px;}
	.d-desc1{}
	.d-lst1 .con{padding: 20px; padding-bottom: 30px; min-height: 0;}
	.d-lst1 .icon{margin-bottom: 10px; width: 50px; height: 50px; line-height: 50px;}
	.d-lst1 .tit{font-size: 18px;}
	.d-lst1 .desc{margin-top: 12px; }
	.d-lst2 .con{padding: 20px; padding-bottom: 30px; min-height: 0;}
	.d-lst2 .icon{margin-bottom: 10px; width: 50px; height: 50px; line-height: 50px;}
	.d-lst2 .tit{font-size: 18px;}
	.d-lst2 .desc{margin-top: 12px; }
	.d-lst3 .text{padding: 20px;}
	.d-lst3 .tit{padding-left: 18px; font-size: 18px;}
	.d-lst3 .tit:before{width: 3px; height: 16px;}
	.d-lst3 .line{margin: 15px 0;}
	.d-lst3 .desc{}
	.d-row1{padding: 40px 0 20px;}
	.d-row2{padding: 20px 0;}
	.d-row3{padding-top: 20px;}
	.d-row3 .tabsD1 .d-desc1{margin-bottom: 30px;}
	.d-row3 .tabsD1 .d-lst2{margin-bottom: 20px;}
	.d-row3 .tabsD1 .d-lst3{margin-bottom: 20px;}
	.tabs1{white-space: nowrap; overflow-x: auto;}
	.tabs1 ul{flex-wrap: nowrap;}
	.tabs1 .a1{min-width: 160px; font-size: 16px; height: 50px; line-height: 50px; box-shadow: 0 4px 10px rgba(187, 187, 187, .33);}
	.tabsD1{padding: 40px 0;}
	.d-box1{min-height: 140px;}
	.d-box1 .right{margin-left: 40px;}
	.d-box1 .title{font-size: 20px;}
	.d-box1 .btns{width: 130px; font-size: 14px; height: 36px; line-height: 36px;}
}
@media screen and (max-width: 767px) {
	.d-slideNav{right: 5px;}
	.d-slideNav .hd{width: 35px; height: 40px;}
	.d-slideNav .hd .icon{margin-bottom: 2px; width: 12px; height: 12px; line-height: 12px;}
	.d-slideNav .hd .title{font-size: 10px;}
	.d-pop1 .close{right: 10px; top: 10px;}
	.d-pop1 .pop-cont{padding: 20px; width: 90%;}
	.d-pop1 .title{font-size: 20px;}
	.d-pop1 .form-cont{margin: 15px -5px -15px;}
	.d-pop1 .form-items{padding: 0 5px; margin-bottom: 15px;}
	.d-pop1 .label{margin-bottom: 8px;}
	.d-pop1 .inp{height: 32px; line-height: 30px;}
	.d-pop1 .tar{height: 89px;}
	.d-pop1 .form-btns{margin-top: 15px;}
	.d-pop1 .submit{margin: 0 auto; width: 120px;}
	.d-lst1{margin: 0 -10px -20px;}
	.d-lst1>li{padding: 0 10px; margin-bottom: 20px; width: 100%;}
	.d-lst2{margin: 0 -10px -20px;}
	.d-lst2>li{padding: 0 10px; margin-bottom: 20px; width: 100% !important;}
	.d-lst3{margin: 0 -10px -20px;}
	.d-lst3 li{padding: 0 10px; margin-bottom: 20px; width: 100%;}
	.d-row3 .tabsD1 .d-desc1{margin-bottom: 20px;}
	.d-row3 .tabsD1 .d-lst2{margin-bottom: 10px;}
	.d-row3 .tabsD1 .d-lst3{margin-bottom: 10px;}
	.tabs1 .a1{padding: 0 20px; min-width: 120px; height: 42px; line-height: 42px;}
	.d-box1{padding: 30px 20px; min-height: 0; display: block;}
	.d-box1 .left, .d-box1 .right{width: 100%; margin: 0;}
	.d-box1 .right{margin-top: 10px;}
	.d-box1 .title{text-align: center;}
	.d-box1 .btns{margin: 0 auto;}
}

@media screen and (max-width: 479px) {
	.d-ban1 a{padding: 30px 0; display: block; height: auto;}
	.d-ban1.com-banner .bgVideo{position: absolute; left: 0; top: 0; width: 100%; height: 100%; max-height: 100%; height: 100%;}
	.d-ban1.com-banner .bgTxt{position: relative; z-index: 10;}
}
