.w1150 {
	/*
	width: 1100px;
	margin: 0 auto;
	*/
	margin: 0px 50px;
}

.shengyin-kg{position: fixed;width: 20px;height: 20px;z-index: 200;top: 10px;left: 10px;cursor: pointer;  }
.shengyin-kg img{width: 100%;  }

#hoverad1 {
	position: fixed;
	z-index: 999;
	left: 0;
	top: 0;
	display: none;
	width: 488.771875px;
	height: 239.05px;
	background: url(/static/skin/images/hoverAd.png) no-repeat;
	background-size: contain;
	background-position: center;
	padding-left: 190.6707878px;
	padding-top: 14.2292122px
}

#hoverad1 .close {
	display: block;
	margin-left: auto;
	margin-right: 14.940625px;
	width: 26.3239128px;
	height: auto;
	cursor: pointer;
	margin-bottom: 18.4979622px
}

#hoverad1 p {
	margin-right: 24.9010872px;
	max-height: 128.0625px; 
    width: 50%; height: 50%; margin-top: 10%; cursor: pointer;

	overflow: hidden;
	font-size: 11.3832878px;
	font-family: Microsoft YaHei;
	font-weight: 400;
	color: #000000;
	line-height: 1.8
}

#hovervid {
	position: fixed;
	width: 100%;
	height: 100%;
	z-index: 999;
	/*background-color: rgba(0, 0, 0, 0.568);*/
	display: none
}

#hovervid .close {
	position: absolute;
	width: 42.6875px;
	height: auto;
	left: 50%;
	bottom: 5vh;
	margin-left: -10.671875px;
	cursor: pointer
}

#hovervid video {
	width: 818.1770378px;
	height: auto;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%)
}

aside {
	position: fixed;
	right: 3.5573372px;
	top: 50%;
	transform: translateY(-50%);
	z-index: 10
}

aside .top {
	width: 71.1457878px;
	height: auto;
	display: block
}

aside ul li {
	margin-bottom: 3.5573372px;
	transition: all .3s
}

aside ul li img {
	width: 51.9364128px;
	height: auto
}

aside ul li:hover {
	filter: brightness(1.2)
}

header {
	width: 100%;
	/*height: 68.3px;
	background: #EBEBEB;*/
	height: 90px;
	background-color: #ffffff;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99
}

header .w1150 {
	display: flex;
	justify-content: space-between;
	align-items: center;
	height: 100%
}

header .w1150 .logo {
	/*width: 138.0229622px*/
	height:100%; width: auto;
}

header .w1150 .nav {
	display: flex;
	align-items: stretch
}

header .w1150 .nav li a {
	display: block;
	padding: 0 9.9604622px;
	line-height: 35.5729622px;
	height: 35.5729622px;
	border-bottom: 2px solid transparent;
	transition: all .3s;
	color: #3C3C3C;
	font-size: 18px;
}

header .w1150 .nav .on a,
header .w1150 .nav li:hover a {
	border-bottom: 2px solid #e8c971;
	color: #e8c971
}

header .w1150 .xstoggle {
	display: none
}

#xsmenu {
	display: none
}

.bigtitle {
	text-align: center;
	margin-bottom: 28.4582878px
}

.bigtitle h1 {
	font-size: 26px;
	line-height: 2;
	margin-bottom: 0;
	color: #4A4B4B;
	cursor: pointer;
}

.bigtitle h2 {
	color: #7F8384;
	font-size: 18px
}

.id-banner {
	padding-top: 68.3px
}

.id-ul1 {
	display: flex;
	padding-top: 9.2489128px
}

.id-ul1 li {
	display: flex;
	align-items: center;
	justify-content: center;
	flex: 1;
	min-height: 59.9048372px;
	border-right: 1px solid #D4D4D4
}

.id-ul1 li:last-of-type {
	border-right: 0px
}

.id-ul1 li img {
	width: 39px;
	height: auto;
	margin-right: 15.6520378px
}

.id-ul1 li .right {
	text-align: center;
	color: #2B2F36
}

.id-ul1 li .right h5 {
	font-size: 16px;font-weight: bold;
}

.id-ul1 li .right p {
	font-size: 13px
}

.id-sec1 {
	padding-top: 46.2448372px
}

.id-sec1 .callvidpop {
	width: 100%;
	position: relative;
	cursor: pointer
}

.id-sec1 .callvidpop:hover .btn {
	width: 58.3395378px
}

.id-sec1 .callvidpop .back {
	width: 100%;
	height: auto
}

.id-sec1 .callvidpop .btn {
	width: 52.6479622px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s
}

.id-sec1 .callvidpop .disc {
	font-size: 9.9604622px;
	text-align: center;
	width: 100%;
	position: absolute;
	left: 0;
	bottom: 42.6875px;
	/*color: #D7D7D7;*/
}

.disc  .disc-in{
	width:260px;margin: 0 auto; font-weight: bold; font-size: 23px;    color: #fff;
	padding:10px 30px;border-radius: 30px; 
	border: 2px solid #3D86C1; background-color: rgba(109, 169, 222, 0.7);
}

.id-bg {background-repeat: no-repeat; background-size: 100% auto; background-position: top;  }
.id-sec1-bg{background-image: url('/static/skin/images/bg_02_02.png');}
.id-sec2-bg{/* background-image: url('/static/skin/images/bg_02_02.png');*/ }
.id-sec3-bg{
	background-image: url('/static/skin/images/bg_02_04.png');background-position: center 50%; 
	}
.id-secs3-bg{
background-image: url('/static/skin/images/bg_02_06.png');padding-top: 30px;padding-bottom: 30px; 
background-size: 100% 100%;
}
.id-secs7-bg{background-image: url('/static/skin/images/bg_02_12.png');}

.id-sec2 {
	padding-top: 28.4582878px
}

.id-sec2 .switch {
	display: flex;
	justify-content: space-between;
	align-items: stretch
}

.id-sec2 .switch .menu {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	align-items: stretch;
	width: 36%;
	/*height: 277.46875px*/
}

.id-sec2 .switch .menu li {
	cursor: pointer;
	display: flex;
	align-items: center;
	/*height: 75px;*/
	height: 20%;
	background: #F7F7F7;
	border: 1px solid #F7F7F7
}

.id-sec2 .switch .menu li .innerleft {
	/*width: 61.1854622px;*/
	width:20%;
	margin-right: 22.7667122px;
	border-right: 1px solid #D1D1D1;
	height: 100%;
	transition: all .3s;
	display: flex;
	align-items: center;
	justify-content: center
}

.id-sec2 .switch .menu li .innerleft img {
	transition: all .3s;
	width: 23.478125px;
	height: auto
}

.id-sec2 .switch .menu li .innerright h5 {
	font-size: 18px; font-weight: bold;
	color: #3C3C3C;
	margin-bottom: 3.5573372px
}

.id-sec2 .switch .menu li .innerright p {
	font-size: 15px;
	color: #717171
}

.id-sec2 .switch .menu li:hover,
.id-sec2 .switch .menu .on {
	border: .010417px solid #e8c971;
}

.id-sec2 .switch .menu li:hover .innerleft,
.id-sec2 .switch .menu .on .innerleft {
	border: 0;
	background-color: #e8c971;
}

.id-sec2 .switch .menu li:hover .innerleft img,
.id-sec2 .switch .menu .on .innerleft img {
	filter: brightness(10)
}

.id-sec2 .switch .show {
	width: 60%;
	/*height: 277.46875px;*/
	overflow: hidden
}

.id-sec2 .switch .show li {
	display: none;
	position: relative
}

.id-sec2 .switch .show li:hover img {
	transform: scale(1.05)
}

.id-sec2 .switch .show li a {
	display: block
}

.id-sec2 .switch .show li a img {
	width: 100%;
	height: auto;
	transition: all .5s
}

.id-sec2 .switch .show li a p {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 56.9167122px;
	line-height: 56.9167122px;
	background-color: #3d86c1a4;
	color: white;
	padding-left: 31.3042122px;
	font-size: 17.075px
}

.id-sec3 {
	padding-top: 61.1854622px
}

.id-sec3 .mySwiper1 .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto;
	display: flex;
	flex-direction: row;justify-content: space-around;
}
.id-sec3 .mySwiper1 .swiper-slide  {
	width: 23%;
	justify-content: space-between;
	margin-bottom: 20px;
}
.id-sec3 .mySwiper1 .swiper-slide a {
	display: block
}

.id-sec3 .mySwiper1 .swiper-slide a img {
	width: 100%;
	height: auto;
	margin-bottom: 3.5573372px;
	display: block
}

.id-sec3 .mySwiper1 .swiper-slide a p {
	font-size: 18px;
	font-weight: bold;
	color: #3C3C3C;
	padding-left: 2.8457878px;
	text-align: center;
}

.id-secs3{}
.secs3-con{display: flex;justify-content:space-between;  }
.secs3-con .secs3-con-in{width: 48%; }
.secs3-con .secs3-con-left{width: 52%; }
.secs3-con .secs3-con-right{width: 46%; }

.secs3-con-left{
	display: flex;justify-content:space-between; flex-wrap:wrap; align-content:space-between;
}
.secs3-con-left .secs3conleft-one{
	width: 48%;
}

.secs3-con-left .secs3conleft-one:nth-child(1){
	margin-bottom: 30px;
}
.secs3-con-left .secs3conleft-one:nth-child(2){
	margin-bottom: 30px;
}

.id-sec4 {
	padding-top: 54.0707878px
}

.id-sec4 .mySwiper2 .swiper-slide {
	display: flex;
	justify-content: space-evenly;
	align-items: center
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft {
	width: 364.2667122px
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .top {
	display: flex;
	align-items: center;
	margin-bottom: 35.5729622px
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .top h3 {
	font-size: 18px;
	color: #505050;
	margin-right: 18.4979622px
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .top a {
	width: 47.6676628px;
	height: 20.6323372px;
	line-height: 20.6323372px;
	font-size: 8.5375px;
	color: white;
	padding-left: 5.6917122px;
	background: #C3C3C3
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .innercenter {
	font-size: 11.3832878px;
	color: #717171;
	min-height: 241.8957878px;
	margin-bottom: 7.1145378px
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .innercenter p {
	line-height: 1.6;
	margin-bottom: 14.2292122px
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .innerbottom {
	width: 123.0823372px;
	height: 38.41875px;
	line-height: 38.41875px;
	display: flex;
	justify-content: space-evenly;
	align-items: center;
	background: #3D86C1;
	font-size: 11.3832878px;
	color: white;
	transition: all .5s
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .innerbottom img {
	width: 11.3832878px;
	height: auto
}

.id-sec4 .mySwiper2 .swiper-slide .innerleft .innerbottom:hover {
	color: #3D86C1;
	background-color: #a7a7a731
}

.id-sec4 .mySwiper2 .swiper-slide .innerright {
	width: 235.4926628px;
	height: 389.1676628px
}

.id-sec4 .mySwiper2 .larrow,
.id-sec4 .mySwiper2 .rarrow {
	position: absolute;
	width: 25.6125px;
	height: auto;
	top: 50%;
	transform: translateY(-50%);
	cursor: pointer;
	right: 90px;
	z-index: 9
}

.id-sec4 .mySwiper2 .larrow {
	right: 440px
}

.id-sec5 {
	padding-top: 71.1457878px
}

.id-sec5 ul {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap
}
.id-sec5 ul li {
    width: 50%;
    margin-bottom: 20px;
}
.id-sec5 ul a {
	display: block;
	/*width: 378.4957878px;*/
	width: 95%;
	display: flex;
	margin-bottom: 9.2489128px
}

.id-sec5 ul a .left {
	/*padding: 15px;
	
	width: 51.225px;
	padding-top: 12.80625px;
	padding-bottom: 9.9604622px;
	*/
	text-align: center;
	
	background: #E4E5EA;
	color: #6E6F71;
	margin-right: 5.6917122px;
	flex: none;
	transition: all .3s;
	width:33%;
}

.id-sec5 ul a .left h4 {
	font-size: 22.7667122px;
	font-weight: 600
}

.id-sec5 ul a .left h5 {
	font-size: 9.2489128px
}

.id-sec5 ul a .right {
	width:66%;
	flex: 1
}

.id-sec5 ul a .right h5 {
	font-size: 18px;
	color: #0F0F0F;
	margin-bottom: 2.8457878px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-bottom: 11.3832878px;
	word-break: break-all;
	width: 315.1760872px
}

.id-sec5 ul a .right p {
	font-size: 16px;line-height: 30px;
	color: #666666;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	word-break: break-all;
	/*width: 315.1760872px*/
}

.id-sec5 ul li:nth-of-type(2) a .left,
.id-sec5 ul li:nth-of-type(1) a .left,
.id-sec5 ul li a:hover .left {
	/*background: #2277B8;*/
	color: white
}

.id-sec6 {
	padding-top: 78.2604622px;
	display: flex;
	justify-content: space-between;
	align-items: stretch
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide {
	display: flex;
	justify-content: space-between
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop {
	padding-left: 2.13096px;
	/*
	width: 407.665625px;
	height: 246.8760872px;
	*/
   width: 48%;
	position: relative;
	overflow: hidden;
	cursor: pointer
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop .back {
	width: 100%;
	height: 100%
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop .btn {
	width: 56.9167122px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	transition: all .3s
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop:hover .btn {
	width: 64.03125px
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright {
	/*
	width: 397.7051628px;
	height: 246.8760872px;
	*/
	width: 48%;
	background: #F9F9F9;
	padding: 32.015625px;
	padding-bottom: 35.5729622px;
	position: relative
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright h3 {
	font-size: 21.34375px;
	color: #0B6AB4;
	margin-bottom: 11.3832878px
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright h4 {
	font-size: 12.80625px;
	color: #4A4B4B;
	margin-bottom: 21.34375px
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright p {
	font-size: 16px; line-height: 28px;
	color: #4A4B4B;
	line-height: 1.5
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm {
	border-top: 1px solid #A8A8A8;
	display: flex;
	position: absolute;
	width: 98%;
	bottom: 2.134375px;
	left: 1%
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm .slideleft,
.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm .slideright {
	bottom: 4.26875px;
	height: 34.15px;
	line-height: 34.15px;
	text-align: center;
	font-size: 12.80625px;
	color: #4A4B4B;
	flex: 1;
	cursor: pointer
}

.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm .slideright {
	border-left: 1px solid #A8A8A8
}

.id-sec7 {
	padding-top: 71.1457878px
}

.id-sec7 ul {
	display: flex;
	justify-content: space-around
}

.id-sec7 ul li {
	padding-top: 17.075px;
	width: 22%;
}

.id-sec7 ul li:hover .top img {
	transform: scale(1.3) rotate(10deg)
}

.id-sec7 ul li .top {
	display: flex;
	align-items: center;
	font-size: 18px;
	color: #666666;
	margin-bottom: 11.3832878px
}

.id-sec7 ul li .top img {
	width: 18.4979622px;
	margin-right: 5.6917122px;
	transition: all .6s
}

.id-sec7 ul li .bottom p {
	font-size: 13px;
	color: #848484;
	line-height: 26px;
	margin-bottom: 17.075px
}

.id-sec7 ul li:first-of-type {
	padding-top: 0
}

.id-sec7 ul li:first-of-type .pic {
	width: 126px;
	/*height: 172.1729622px;*/
	margin-right: 0;
	margin-left: auto
}

.dividetitle {
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin-bottom: 14.2292122px
}

.dividetitle h2 {
	margin-left: 5.6917122px;
	font-size: 26px;
	    line-height: 2;
	color: #3C3C3C;
	
}

.dividetitle a {
	font-size: 9.9604622px;
	color: #0E6BB3
}

.id-sec8 {
	padding-top: 99.6042122px
}

.id-sec8 ul {
	display: flex;
	align-items: stretch;
	justify-content: space-between
}

.id-sec8 ul li {
	transition: all .3s;
	width: 13%;
}

.id-sec8 ul li:hover {
	box-shadow: 0 6px 19px 0 rgba(0, 0, 0, 0.1)
}

.id-sec8 ul li img {
	display: block;
	width: 100%;
}

.help-btn {
	display: block;
	/*margin: 0 auto;*/
	margin-top: 39.1301628px;
	width: 119.525px;
	text-align: center;
	color: white;
	height: 29.88125px;
	line-height: 29.88125px;
	background: #0E6BB3;
	font-size: 12.80625px;
	transition: all .3s
}

.id-sec8 .help {
	display: block;
	margin: 0 auto;
	margin-top: 39.1301628px;
	width: 260px;
	
	 padding: 10px;
	text-align: center;
	color: white;
	
	background: #0E6BB3;
	font-size: 20px;
	transition: all .3s
}

.id-sec8 .help:hover {
	color: #0E6BB3;
	background: rgba(97, 97, 97, 0.185)
}

.id-sec8 {
	padding-top: 48.3792122px;
	padding-bottom: 51.225px
}

.id-sec8 .mySwiper4 .swiper-wrapper {
	-webkit-transition-timing-function: linear;
	-moz-transition-timing-function: linear;
	-ms-transition-timing-function: linear;
	-o-transition-timing-function: linear;
	transition-timing-function: linear;
	margin: 0 auto;
	display: flex;
	flex-direction: row;justify-content: space-around;
}

.id-sec8 .mySwiper4 .swiper-slide {
	text-align: center;
	width: 23%;
	justify-content: space-between;
	margin-bottom: 20px;
}

.id-sec8 .mySwiper4 .swiper-slide img {
	width: 100%;
	height: auto;
	display: block;
	margin-bottom: 4.26875px
}

.id-sec8 .mySwiper4 .swiper-slide h5 {
	font-size: 18px;
	color: #3C3C3C;
	margin-bottom: 4.26875px
}

.id-sec8 .mySwiper4 .swiper-slide p {
	color: #646464;
	font-size: 13px
}

.id-sec8 .mySwiper9 .swiper-wrapper {

	margin: 0 auto;
	display: flex;
	flex-direction: row;justify-content: space-around;
}

.id-sec8 .mySwiper9 .swiper-slide {
	text-align: center;
	width: 13%;
	justify-content: space-between;
	margin-bottom: 20px;
}

.id-sec8 .mySwiper9 .swiper-slide img {
	width: 26%;
	height: auto;
	display: block;
	margin-bottom: 4.26875px;opacity: 0.8;
}

.id-sec8 .mySwiper9 .swiper-slide h5 {
	font-size: 13px;
	color: #ffffff;
	margin-bottom: 4.26875px; opacity: 0.8;
}


.id-sec9 {
	background: url(/static/skin/images/id-formbg.png) no-repeat;
	background-size: cover;
	padding-top: 27.0354622px;
	padding-bottom: 45.5332878px
}

.id-sec9 h2 {
	font-size: 18.4979622px;
	color: #3C3C3C;
	margin-bottom: 15.6520378px
}

.id-sec9 .top {
	display: flex;
	align-items: center;
	margin-bottom: 15.6520378px
}

.id-sec9 .top input {
	height: 31.3042122px;
	line-height: 31.3042122px;
	padding-left: 14.2292122px;
	font-size: 11.3832878px;
	background: #FFFFFF;
	border: 1px solid #BFC8CA;
	margin-right: 61.1854622px
}

.id-sec9 textarea {
	display: block;
	line-height: 31.3042122px;
	padding-left: 14.2292122px;
	font-size: 11.3832878px;
	background: #FFFFFF;
	border: 1px solid #BFC8CA;
	width: 100%;
	height: 61.896875px
}

.id-sec9 input[type='submit'] {
	display: block;
	margin-top: 21.34375px;
	width: 199.2082878px;
	height: 33.4385872px;
	line-height: 33.4385872px;
	font-size: 12.80625px;
	color: #E1F2F5;
	background: #0E6BB3;
	text-align: center;
	transition: all .3s;
	border: 0;
	cursor: pointer
}

.id-sec9 input[type='submit']:hover {
	color: #0E6BB3;
	background: #ececec
}

.more-div{text-align: center;}
.more-div a{}

footer {
	width: 100%
}

footer .top {
	width: 100%;
	text-align: center;
	padding-top: 35.5729622px;
	background: #333333;
	padding-bottom: 49.8020378px
}

footer .top img {
	display: block;
	margin: 0 auto;
	width: 498.0207878px;
	height: auto;
	margin-bottom: 27.0354622px
}

footer .top hr {
	margin: 0 auto;
	width: 566.3207878px;
	height: 1px;
	background: #D1EBFF;
	opacity: .52;
	border: 0;
	margin-bottom: 21.34375px
}

footer .top p {
	font-size: 15px; opacity: 0.8;
	color: #FFFFFF
}

footer .bottom {
	background: #262626;
	padding-top: 28.4582878px;
	padding-bottom: 39.8417122px;
	text-align: center;
	font-size: 9.2489128px
}

footer .bottom p {
	color: #D6D6D6;
	margin-bottom: 4.26875px
}

footer .bottom ul {
	margin: 0 auto;
	width: 227.6667122px;
	display: flex;
	flex-wrap: wrap;
	justify-content: center
}

footer .bottom ul li {
	padding: 0 3.5573372px;
	margin-bottom: 4.26875px
}

footer .bottom ul li a {
	color: #D6D6D6
}

@media screen and (max-width:768px) {
	.w1150 {
		width: 95%; margin: 0 auto;
	}
	
	
	.disc  .disc-in{
		width:260px;margin: 0 auto; font-weight: bold; font-size: 16px;    color: #fff;
		padding:2px 10px;border-radius: 30px; 
		border: 2px solid #3D86C1; background-color: rgba(109, 169, 222, 0.7);
	}
	

	.shengyin-kg{position: fixed;width: 20px;height: 20px;z-index: 200;top: 10px;left: 190px;cursor: pointer;  }
    .shengyin-kg img{width: 100%;  }

	header {
		height: 60px
	}

	header .w1150 .logo {
		/*
		width: 138.0229622px;
		max-width: 200px;
		min-width: 100px
		*/
		height: 100%;
		    width: auto;
	}

	header .w1150 .nav {
		display: none
	}

	header .w1150 .xstoggle {
		display: block;
		position: relative;
		width: 35px
	}

	header .w1150 .xstoggle span {
		display: block;
		width: 35px;
		height: 4px;
		border-radius: 2px;
		background-color: #0B6AB4;
		position: absolute;
		top: 0;
		left: 0;
		transition: all .6s
	}

	header .w1150 .xstoggle span:nth-of-type(1) {
		top: -12px
	}

	header .w1150 .xstoggle span:nth-of-type(3) {
		top: 12px
	}

	header .w1150 .toggleon span:nth-of-type(1) {
		transform: rotate(45deg);
		top: -6px
	}

	header .w1150 .toggleon span:nth-of-type(2) {
		top: -6px;
		transform: rotate(-45deg)
	}

	header .w1150 .toggleon span:nth-of-type(3) {
		opacity: 0
	}

	#xsmenu {
		z-index: 10;
		position: fixed;
		width: 100vw;
		height: 100vh;
		padding-top: 60px;
		left: 0;
		top: 0;
		background: #EBEBEB
	}

	#xsmenu ul {
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center
	}

	#xsmenu ul li {
		height: 30px;
		line-height: 30px;
		margin-top: 4vh
	}

	#xsmenu ul li a {
		color: #0B6AB4;
		font-size: 20px
	}

	.id-banner {
		padding-top: 60px
	}

	.id-banner .mySwiper5 .swiper-slide {
		position: relative;
		overflow: hidden;
		height: 40vw
	}

	.id-banner .mySwiper5 .swiper-slide img {
		height: 100%;
		width: auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%)
	}

	.bigtitle {
		margin-bottom: 30px
	}

	.bigtitle h1 {
		font-size: 22px
	}

	.bigtitle h2 {
		font-size: 15px
	}

	.id-ul1 {
		padding-top: 30px;
		flex-wrap: wrap
	}

	.id-ul1 li {
		width: 48%;
		flex: none;
		margin-bottom: 20px;
		border-right: 0
	}

	.id-ul1 li img {
		width: 7vw;
		margin-right: 10px
	}

	.id-ul1 li .right h5 {
		font-size: 14px;
		line-height: 2
	}

	.id-ul1 li .right p {
		font-size: 12px
	}

	.id-sec1 {
		padding-top: 30px
	}

	.id-sec1 .callvidpop {
		width: 100vw;
		margin-left: -2.5vw
	}

	.id-sec1 .callvidpop .btn {
		width: 30px;
		top: 40%
	}

	.id-sec1 .callvidpop .disc {
		font-size: 12px;
		bottom: 2vw
	}
	

	

	.id-sec2 {
		padding-top: 30px
	}

	.id-sec2 .switch {
		flex-wrap: wrap
	}

	.id-sec2 .switch .menu {
		width: 100%;
		display: flex;
		flex-wrap: wrap;
		flex-direction: row;
		justify-content: space-between;
		margin-bottom: 20px;
		height: auto
	}

	.id-sec2 .switch .menu li {
		width: 100%;
		margin-bottom: 15px;
		height: auto
	}

	.id-sec2 .switch .menu li .innerleft {
		width: 15vw
	}

	.id-sec2 .switch .menu li .innerleft img {
		width: 5vw
	}

	.id-sec2 .switch .menu li .innerright {
		padding: 10px 0
	}

	.id-sec2 .switch .menu li .innerright h5 {
		font-size: 15px;font-weight: bold;
		margin-bottom: 8px
	}

	.id-sec2 .switch .menu li .innerright p {
		font-size: 14px
	}

	.id-sec2 .switch .show {
		width: 100%;
		height: auto
	}

	.id-sec2 .switch .show li a p {
		font-size: 14px;
		height: 35px;
		line-height: 35px;
		padding-left: 10px
	}

	.id-sec3 {
		padding-top: 30px
	}

	.id-sec3 .mySwiper1 .swiper-wrapper {
		-webkit-transition-timing-function: linear;
		-moz-transition-timing-function: linear;
		-ms-transition-timing-function: linear;
		-o-transition-timing-function: linear;
		transition-timing-function: linear;
		margin: 0 auto;
		display: flex;
		    flex-direction: column;
	}
	.id-sec3 .mySwiper1 .swiper-slide  {
		width: 100%;
		justify-content: space-between;
	}

	.id-sec3 .mySwiper1 .swiper-slide a {
		width: auto
	}

	.id-sec3 .mySwiper1 .swiper-slide a img {
		margin-bottom: 8px
	}

	.id-sec3 .mySwiper1 .swiper-slide a p {
		font-size: 14px; text-align: center;
	}
	
	
	
	.id-secs3{}
	.secs3-con{display: block;  }
	.secs3-con .secs3-con-in{width: 100%;margin-bottom: 20px; }
	
	.secs3-con-left{
		display: flex;justify-content:space-between; flex-wrap:wrap; align-content:space-between;
	}
	.secs3-con-left .secs3conleft-one{
		width: 48%; margin-bottom: 15px;
	}
	
	

	.id-sec4 {
		padding-top: 30px
	}

	.id-sec4 .mySwiper2 .swiper-slide {
		flex-wrap: wrap
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft {
		width: 100%
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .top {
		margin-bottom: 20px
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .top h3 {
		font-size: 20px;
		margin-right: 5vw
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .top a {
		width: 80px;
		height: 25px;
		line-height: 25px;
		padding-left: 10px;
		font-size: 14px
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .innercenter {
		font-size: 14px;
		min-height: auto;
		margin-bottom: 15px
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .innerbottom {
		width: 120px;
		height: 35px;
		line-height: 35px;
		display: flex;
		justify-content: space-evenly;
		align-items: center;
		background: #3D86C1;
		font-size: 14px;
		margin-bottom: 20px
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerleft .innerbottom img {
		width: 12px
	}

	.id-sec4 .mySwiper2 .swiper-slide .innerright {
		height: 50vh;
		width: auto
	}

	.id-sec4 .mySwiper2 .larrow,
	.id-sec4 .mySwiper2 .rarrow {
		width: 20px;
		height: auto;
		top: auto;
		bottom: 25vh;
		transform: translateY(50%);
		cursor: pointer;
		right: 5vw
	}

	.id-sec4 .mySwiper2 .larrow {
		right: auto;
		left: 5vw
	}

	.id-sec5 {
		padding-top: 30px
	}

	.id-sec5 ul li {
		width: 100%;
		margin-bottom: 20px
	}

	.id-sec5 ul li a {
		width: 100%
	}

	.id-sec5 ul li a .left {
		width: 20vw;
		text-align: center;
		padding-top: 15px;
		padding-bottom: 15px;
		background: #E4E5EA;
		color: #6E6F71;
		margin-right: 10px
	}

	.id-sec5 ul li a .left h4 {
		font-size: 22px
	}

	.id-sec5 ul li a .left h5 {
		font-size: 14px
	}

	.id-sec5 ul li a .right h5 {
		width: 70vw;
		font-size: 16px;
		margin-bottom: 10px
	}

	.id-sec5 ul li a .right p {
		width: 70vw;
		font-size: 14px
	}

	.id-sec6 {
		padding-top: 20px;
		flex-wrap: wrap
	}

	.id-sec6 .mySwiper3 {
		width: 100%;
		height: auto;
		padding-bottom: 40px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper {
		height: auto
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide {
		flex-wrap: wrap
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop {
		width: 100%;
		height: auto;
		margin-bottom: 30px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop .back {
		height: auto
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .callvidpop .btn {
		width: 10vw
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright {
		width: 100%;
		height: auto;
		padding-bottom: 60px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright h3 {
		font-size: 20px;
		margin-bottom: 5px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright h4 {
		font-size: 16px;
		margin-bottom: 20px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright p {
		font-size: 14px
	}

	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm .slideleft,
	.id-sec6 .mySwiper3 .swiper-wrapper .swiper-slide .innerright .btm .slideright {
		height: 36px;
		line-height: 36px;
		font-size: 14px
	}

	.id-sec7 {
		padding-top: 30px
	}

	.id-sec7 ul {
		flex-wrap: wrap
	}

	.id-sec7 ul li {
		width: 100%;
		padding-top: 0;
		margin-bottom: 30px
	}

	.id-sec7 ul li .top {
		font-size: 18px;
		margin-bottom: 10px
	}

	.id-sec7 ul li .top img {
		width: 8vw;
		margin-right: 12px
	}

	.id-sec7 ul li .bottom p {
		font-size: 14px;
		margin-bottom: 10px
	}

	.id-sec7 ul li:first-of-type {
		display: none
	}

	.dividetitle {
		margin-bottom: 20px
	}

	.dividetitle h2 {
		font-size: 20px
	}

	.dividetitle a {
		font-size: 14px
	}

	.id-sec8 ul {
		flex-wrap: wrap;
		justify-content: space-around
	}

	.id-sec8 ul li {
		width: 45%;
		margin-bottom: 20px
	}

	.id-sec8 ul li img {
		width: 80%;
		margin: 0 auto
	}

	.id-sec8 .help {
		margin-top: 20px;
		width: 130px;
		text-align: center;
		color: white;
		height: 40px;
		/*line-height: 40px;*/
		background: #0E6BB3;
		font-size: 16px
	}

	.id-sec8 {
		padding: 20px 0
	}

	.id-sec8 .mySwiper4  .swiper-wrapper {
			display: flex;
			flex-direction: column;
	}
	.id-sec8 .mySwiper4 .swiper-slide  {
			width: 100%;
			
			margin-bottom: 20px;
	}
	.id-sec8 .mySwiper4 .swiper-slide img {
		margin-bottom: 10px
	}

	.id-sec8 .mySwiper4 .swiper-slide h5 {
		font-size: 16px
	}

	.id-sec8 .mySwiper4 .swiper-slide p {
		font-size: 14px
	}
	
	
	/**/
	.id-sec8 .mySwiper9 .swiper-wrapper {
	
		margin: 0 auto;
		display: flex;
		flex-direction: row;
		justify-content: space-around;
		flex-wrap: wrap;
	}
	
	.id-sec8 .mySwiper9 .swiper-slide {
		text-align: center;
		width: 28%;
		justify-content: space-between;
		margin-bottom: 20px;
	}
	
	.id-sec8 .mySwiper9 .swiper-slide img {
		width: 26%;
		height: auto;
		display: block;
		margin-bottom: 4.26875px
	}
	
	.id-sec8 .mySwiper9 .swiper-slide h5 {
		font-size: 13px;
		color: #ffffff;
		margin-bottom: 4.26875px
	}
	
	
	

	.id-sec9 {
		padding: 30px 0
	}

	.id-sec9 h2 {
		font-size: 22px;
		margin-bottom: 20px
	}

	.id-sec9 .top {
		justify-content: space-between;
		margin-bottom: 20px
	}

	.id-sec9 .top input {
		margin-right: 0;
		width: 46%;
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}

	.id-sec9 textarea {
		width: 100%;
		height: 90px;
		font-size: 14px;
		line-height: 30px;
		padding: 0
	}

	.id-sec9 input[type='submit'] {
		width: 120px;
		margin-top: 20px;
		height: 35px;
		line-height: 35px;
		font-size: 14px
	}

	footer .top {
		padding: 30px 0
	}

	footer .top img {
		width: 95%;
		max-width: 500px;
		margin-bottom: 20px
	}

	footer .top hr {
		width: 95%;
		max-width: 500px;
		margin-bottom: 20px
	}

	footer .top p {
		font-size: 14px;
		line-height: 1.8;
		width: 95%;
		margin: 0 auto
	}

	footer .bottom {
		padding: 30px 0;
		font-size: 14px
	}

	footer .bottom p {
		margin-bottom: 10px
	}

	footer .bottom ul {
		width: 50vw;
		min-width: 200px
	}

	footer .bottom ul li {
		padding: 0 10px;
		margin-bottom: 10px
	}

	#hovervid video {
		width: 100%
	}

	#hovervid .close {
		width: 40px;
		margin-left: -20px;
		bottom: 20vh
	}

	aside {
		right: 4px
	}

	aside .top {
		display: none
	}

	aside ul li {
		margin-bottom: 4px
	}

	aside ul li img {
		width: 8vw;
		min-width: 45px
	}
}

/*# sourceMappingURL=./style.css.map */