﻿*{
	margin: 0;
	padding: 0;
	box-sizing:border-box;
	-moz-box-sizing:border-box; 
	-webkit-box-sizing:border-box;
	white-space:normal !important;
}
a{
	text-decoration: none;
	color: #333;
}
li{
	list-style: none;
}
img{
	vertical-align: middle;
	max-width: 100%;
}

@font-face {
	font-family: bahnschrift;
	src: url(../fonts/bahnschrift.eot);
	src: url(../fonts/bahnschrift.eot#iefix) format("embedded-opentype"), url(../fonts/bahnschrift.woff2) format("woff2"), url(../fonts/bahnschrift.woff) format("woff"), url(../fonts/bahnschrift.ttf) format("truetype"), url(../fonts/bahnschrift.svg#bahnschrift) format("svg")
}

body{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
	font-size: 16px;
	color: #222;
	overflow: hidden;
	position: relative;
	font-family:arial,"微软雅黑", "Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;
	font-family: bahnschrift;
}
.max1920{
	width: 100%;
	max-width: 1920px;
	margin: 0 auto;
}

@font-face {
	font-family: DIN-Condensed-Bold;
	src: url(../fonts/DIN-Condensed-Bold.eot);
	src: url(../fonts/DIN-Condensed-Bold.eot#iefix) format("embedded-opentype"), url(../fonts/DIN-Condensed-Bold.woff2) format("woff2"), url(../fonts/DIN-Condensed-Bold.woff) format("woff"), url(../fonts/DIN-Condensed-Bold.ttf) format("truetype"), url(../fonts/DIN-Condensed-Bold.svg#DIN-Condensed-Bold) format("svg")
}


/*头部*/
header{
	width: 100%;
	max-width: 1920px;
	position: fixed;
	top: 0;
	z-index: 39;
	height: 110px;
	border-bottom: 1px solid rgba(255,255,255,.3);
}
.header{
	overflow: hidden;
}
.logo{
	float: left;
	line-height: 110px;
}
.logo .img2{
	display: none;
}
.header-yy{
	float: right;
	padding-top: 40px;
}
.header-yy a{
	display: inline-block;
	font-size: 18px;
	line-height: 30px;
	color: #fff;
	/*font-weight: bold;*/
}
.header-yy span{
	display: inline-block;
	width: 35px;
	height: 2px;
	background: #fff;
	margin: 0 10px;
	position: relative;
	top: -4px;
}
.header-yy a:hover{
	font-weight: bold;
}
.header-yx{
	display: inline-block;
	float: right;
	width: 30px;
	height: 30px;
	background: url(../img/ico31_2.png) no-repeat center;
	margin: 40px;
	margin-bottom: 0;
}
.header-nav{
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -429px;
}
.header-nav li{
	display: inline-block;
	position: relative;
}
.header-nav li .d1{
	width: 180px;
	padding:10px 0;
	line-height: 1;
	background: #fff;
	box-shadow: 0 0 5px #ccc;
	position: absolute;
	left: 50%;
	bottom: 0;
	display: none;
	
transform:translateY(100%);
-ms-transform:translateY(100%);
-moz-transform:translateY(100%);
-webkit-transform:translateY(100%);
	margin-left: -75px;
	margin-top: -2px;
}
.header-nav li .d2{
	line-height: 1;
	position: relative;
	padding: 10px 0;
}
.header-nav li .d2 div{
	width: 200px;
	padding: 15px 0;
	background: #fff;
	position: absolute;
	right: -200px;
	top: -10px;
	box-shadow: 0 0 5px #ccc;
	display: none;
}
.header-nav li .d1 a{
	display: block;
	font-size: 16px;
	color: #333;
	line-height: 25px;
	padding: 0 20px;
	/*margin: 10px 0;*/
}
.header-nav li .d2 div a{
	margin: 10px 0;
}
.header-nav li .d1 a:hover{
	color: #5B108B;
}
.header-nav li .d2:hover>a{
	color: #5B108B;
}
.header-nav .a1{
	display: inline-block;
	margin:0 30px;
	font-size: 18px;
	color: #fff;
	line-height: 110px;
	position: relative;
	text-transform: uppercase;
}
.header-nav .a1:after{
	content: '';
	width: 0%;
	height: 3px;
	background: #5b108b;
	position: absolute;
	bottom: 0px;
	left:50%;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.header-nav .a1:hover:after{
	width: 100%;
	left: 0;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.header-nav .a1.on:after{
	width: 100%;
	left: 0;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.header-st{
	width: 50px;
	height: 50px;
	background: url(../img/ico01.png) no-repeat center;
	position: absolute;
	top: 30px;
	right: 20px;
	cursor: pointer;
}

.header-ss{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 11;
	background: rgba(0,0,0,.8);
	display: none;
}
.header-ss-a{
	width: 600px;
	margin: 0 auto;
	height: 50px;
	line-height: 50px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -25px;
	margin-left: -300px;
}
.header-ss-a .int1{
	width: 540px;
	height: 50px;
	line-height: 50px;
	background: none;
	border: none;
	border-bottom: 1px solid #fff;
	font-size: 18px;
	color: #fff;
	padding:  0 10px;
	padding-right: 60px;
}
.header-ss-a .int2{
	width: 50px;
	height: 50px;
	border: none;
	background: no-repeat center;
	background-image: url(../img/ss03.png);
	position: absolute;
	top: 0;
	right: 60px;
	cursor: pointer;
}
.header-ss-x{
	width: 50px;
	height: 50px;
	background: url(../img/x01.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}

.header-dx{
	width: 35px;
	margin-top: 35px;
	text-align: right;
	margin-left:15px ;
	overflow: hidden;
	display: none;
}
.header-dx1,.header-dx2,.header-dx3{
	width: 100%;
	height: 4px;
	margin-bottom: 8px;
	background: #000;
	float: right;
	
}
.header-dx2{
	width: 70%;
	float: left;
}

.header-dx div{
	transition: all .5s; 
}
.header-dx.cli .header-dx1{
	-webkit-transform: rotate(44deg);
   -ms-transform: rotate(44deg);
   transform: rotate(44deg);
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}
.header-dx.cli .header-dx2{
   opacity: 0;
   transition: all .5s; 
}
.header-dx.cli .header-dx3{
	-webkit-transform: rotate(-44deg);
   -ms-transform: rotate(-44deg);
   transform: rotate(-44deg);
   position: relative;
   top:1px;
  transform-origin:0%;
  -ms-transform-origin:0%;
  -webkit-transform-origin:0%;
  -moz-transform-origin:0%;
  transition: all .5s; 
}

@media(min-width:1201px){
	header.on{
		background: #fff;
		border: 1px solid #e5e5e5;
	}
	header.on .header-nav .a1{
		color: #333;
	}
	header.on .header-yy a{
		color: #333;
	}
	header.on .header-yy span{
		background: #333;
	}
	header.on .logo .img1{
		display: none;
	}
	header.on .logo .img2{
		display: inline-block;
	}
	header.on .header-st{
		background-image: url(../img/ico01_1.png);
	}
	header.on .header-yx{
		background-image: url(../img/ico31_1.png);
		margin-top: 30px;
	}
	
	header.cl{
		background: #fff;
		border: 1px solid #e5e5e5;
	}
	header.cl .header-nav .a1{
		color: #333;
	}
	header.cl .header-yy a{
		color: #333;
	}
	header.cl .header-yy span{
		background: #333;
	}
	header.cl .logo .img1{
		display: none;
	}
	header.cl .logo .img2{
		display: inline-block;
	}
	header.cl .header-st{
		background-image: url(../img/ico01_1.png);
	}
	header.cl .header-yx{
		background-image: url(../img/ico31_1.png);
		margin-top: 40px;
	}
	
	
	header.hl{
		height: 85px;
	}
	header.hl .logo{
		line-height: 85px;
	}
	header.hl .header-nav .a1{
		line-height: 85px;
	}
	header.hl .header-yy{
		padding-top: 25px;
	}
	header.hl .header-st{
		top: 20px;
	}
	header.hl .header-yx{
		margin-top: 30px;
	}
}

@media(max-width:1800px){
	.header-yy{
		margin-right: 30px;
	}
}
@media(max-width:1600px){
	
	header{
		height: 85px;
	}
	header .logo{
		line-height: 85px;
	}
	header .header-nav .a1{
		line-height: 85px;
		margin: 0 15px;
		font-size: 18px;
	}
	header .header-yy{
		padding-top: 25px;
	}
	header .header-st{
		top: 20px;
	}
	
	/*header .header-nav .a1{
		margin: 0 30px;
	}*/
	.header-nav{
		margin-left: -370px;
	}
	header .header-yx{
		margin-left: 0;
		margin-top: 30px;
	}
	header.cl .header-yx{
		margin-top: 30px;
	}
}

@media(max-width:1200px){
	header{
		height: 85px;
		background: #fff;
		border-bottom: 1px solid #e5e5e5;
	}
	header .header-nav{
		display: none;
	}
	header .header-nav .a1{
		color: #333;
	}
	header .header-yy a{
		color: #333;
	}
	header .header-yy span{
		width: 0;
		background: #333;
	}
	header .logo .img1{
		display: none;
	}
	header .logo .img2{
		display: inline-block;
	}
	header .header-st{
		background-image: url(../img/ico01_1.png);
		display: none;
	}
	header .header-nav{
		width: 100%;
		height: 100%;
		position: fixed;
		top: 85px;
		background: #fff;
		left: 0;
		margin: 0;
		padding: 30px;
	}
	header .header-nav .a1{
		display: block;
		width: 100%;
		line-height: 60px;
		border-bottom: 1px solid #e5e5e5;
		margin: 0;
	}
	header .header-st{
		position: relative;
		float: right;
		right: 0;
		margin-right: 30px;
	}
	.header-dx{
		display: block;
	}
	header .header-yx{
		background-image: url(../img/ico31_1.png);
		margin-top: 30px;
	}
	.header-nav li{
		width: 100%;
	}
	.header-nav .li2:after{
		width: 100%;
		height: 60px;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
		background: url(../img/ico10.png) no-repeat right center;
	}
	.header-nav li .d1{
		position: relative;
		transform: initial;
		margin: 0;
		left: 0;
		bottom: initial;
		width: 100%;
		box-shadow: initial;
		padding: 0;
	}
	.header-nav li .d1 a{
		width: 100%;
		padding: 0 30px;
		line-height: 60px;
		margin: 0;
		border-bottom: 1px solid #E5E5E5;
	}
}


@media(max-width:750px){
	.header-dx{
		display: block;
		width: .45rem;
		margin-top: .5rem;
		margin-left: .2rem;
	}
	.header-dx1, .header-dx2, .header-dx3{
		height: .05rem;
		margin-bottom: .1rem;
	}
	
	.header-ss-a{
		width: 7rem;
		margin-left: -3.5rem;
	}
	.header-ss-a .int1{
		width: 6rem;
	}
	header .header-yx{
		width: .4rem;
		height: .4rem;
		background-size: .4rem auto;
		margin-top: .5rem;
		margin-right: .3rem;
		margin-left: .2rem;
	}
	header.cl .header-yx{
		margin-top: .5rem;
	}
	
	header{
		height: 1.25rem;
	}
	header .logo{
		line-height: 1.25rem;
		width: 1.6rem;
	}
	header .header-yy{
		padding-top: .4rem;
		margin-right: .3rem;
		height: .5rem;
		line-height: .5rem;
	}
	header .header-yy a{
		font-size: .3rem;
		line-height: .5rem;
	}
	header .header-yy span{
		width: 0rem;
		margin: 0 .1rem;
		top: -.1rem;
	}
	header .header-st{
		width: .4rem;
		height: .4rem;
		background-size: cover;
		top: .3rem;
		margin-right: .3rem;
	}
	header .header-nav{
		top:1.25rem;
		padding: .4rem;
	}
	header .header-nav .a1{
		font-size: .32rem;
		line-height: 1rem;
	}
	.header-nav .li2:after{
		height: 1rem;
	}
	.header-nav li .d1 a{
		font-size: .32rem;
		line-height: .9rem;
		padding: 0 .3rem;
	}
}



/*底部*/
footer{
	width: 100%;
	background: #5e4399;
	
}
.footer{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 40px;
}
.footer-lt{
	float: left;
	width: 440px;
}
.footer-lt img{
	margin-bottom: 55px;
}
.footer-lt>div{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
	color: #fff;
	opacity: .7;
}
.footer-rt{
	width: calc(100% - 460px);
	width: -webkit-calc(100% - 460px);
	float: right;
	padding-right: 80px;
	max-width: 900px;
	position: relative;
}
.footer-rt ul{
	width: 25%;
	padding-right: 15px;
	float: left;
}
.footer-rt ul li{
	line-height: 1;
	margin-bottom: 10px;
	color: #fff;
}
.footer-rt ul li:first-child{
	margin-bottom: 30px;
}
.footer-rt ul li:first-child a{
	font-size: 18px;
	color: #fff;
	opacity: 1;
}
.footer-rt ul li a{
	display: inline-block;
	font-size: 18px;
	line-height: 20px;
	color: #fff;
	opacity: .7;
}
.footer-rt ul li a:hover{
	opacity: 1;
}
.footer-rt ul:last-child{
	position: absolute;
	top: 0;
	right: 0;
	width: 80px;
	padding-right: 0;
}
.footer-xt{
	width: 100%;
	height: 1px;
	background: #fff;
	opacity: .3;
}
.footer-bt{
	padding-top:35px;
	padding-bottom: 35px;
	overflow: hidden;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	
}
.footer-bt-a{
	float: left;
	padding-right: 15px;
	opacity: .7;
}
.footer-bt-b{
	float: left;
	padding-left: 15px;
	opacity: .7;
}
.footer-bt-bc{
	float: right;
}
.footer-bt-c{
	float: left;
	font-size: 0;
	line-height: 1;
}
.footer-bt-c a{
	display: inline-block;
	width: 23px;
	height: 23px;
	background: no-repeat center;
	background-size: cover;
	margin-right: 10px;
}

@media(max-width:1000px){
	.footer-rt{
		display: none;
	}
}

@media(max-width:750px){
	.footer-bt-c,.footer-bt-b{
		display: block;
		width: 100%;
		margin: 0;
		margin-top: .1rem;
	}
	.footer{
		padding-top: .8rem;
		padding-bottom: .5rem;
	}
	.footer-lt{
		width: 100%;
	}
	.footer-lt img{
		margin-bottom: .5rem;
	}
	.footer-lt>div{
		font-size: .3rem;
		line-height: .45rem;
		margin-bottom: .1rem;
	}
	.footer-bt{
		padding-top: .3rem;
		padding-bottom: .3rem;
		text-align: center;
		font-size: .28rem;
		line-height: .4rem;
	}
	.footer-bt>div{
		width: 100%;
	}
}

.footer,.footer-bt{
	max-width: 1100px;
}

.footer-j{
	float: left;
	width: 30%;
	line-height: 1;
}
.footer-j a{
	display: inline-block;
	font-size: 20px;
	line-height: 35px;
	margin-bottom: 20px;
	color: #fff;
}
.footer-j a:hover{
	opacity: .8;
}
.footer-k{
	font-size: 18px;
	line-height: 26px;
	float: left;
	max-width: 40%;
	color: #fff;
}
.footer-k2{
	font-size: 22px;
	line-height: 30px;
}
.footer-k img{
	margin-bottom: 30px;
}
.footer-m{
	font-size: 18px;
	line-height: 25px;
	max-width: 30%;
	display: inline-block;
	float: right;
	color: #fff;
	padding-top: 50px;
}
.footer-m>div{
	margin-bottom: 15px;
}
@media(max-width:750px){
	.footer-j{
		width: 100%;
		margin-bottom: .4rem;
		overflow: hidden;
	}
	.footer-j>div{
		display: inline-block;
		margin-right: .3rem;
	}
	.footer-j a{
		font-size: .32rem;
		line-height: .45rem;
		margin-bottom: 0;
	}
	.footer-k{
		width: 100%;
		max-width: 100%;
		font-size: .28rem;
		line-height: .4rem;
	}
	.footer-k2{
		font-size: .32rem;
		line-height: .45rem;
	}
	.footer-k img{
		margin-bottom: .25rem;
	}
	.footer-m{
		width: 100%;
		max-width: 100%;
		margin-top: .2rem;
		font-size: .28rem;
		line-height: .4rem;
		padding: 0;
	}
	.footer-m>div{
		margin-bottom: .15rem;
	}
}


.gyban{
	width: 100%;
	height: 720px;
}
.gyban-div{
	height: 100%;
	position: relative;
}
.gyban-a{
	font-size: 54px;
	color: #fff;
	line-height: 1;
	padding-top: 355px;
	text-transform: uppercase
}
.gyban-b{
	font-size: 24px;
	color: #fff;
	line-height: 1.3;
	font-family: ;
	margin-top: 15px;
}
.gyban-c{
	position: absolute;
	bottom: 40px;
	right: 50px;
}
.nynav{
	display: inline-block;
	font-size: 16px;
	line-height: 20px;
	color: #fff;
	display: none;
}
.nynav img{
	margin: 0 5px;
	position: relative;
	top: -2px;
}
.nynav a{
	font-size: 16px;
	color: #fff;
}
.nynav a:hover{
	opacity: .7;
}

@media(max-width:1600px){
	.gyban{
		height: 600px;
	}
	.gyban-a{
		padding-top: 280px;
		font-size: 45px;
	}
	.gyban-b{
		font-size: 18px;
	}
	.gyban-c{
		bottom: 25px;
	}
	
}
@media(max-width:1200px){
	.gyban{
		margin-top: 85px;
	}
	.gyban-c{
		right: 30px;
	}
}
@media(max-width:1000px){
	.gyban{
		height: 500px;
	}
	.gyban-a{
		padding-top: 200px;
	}
}
@media(max-width:750px){
	.gyban{
		height: 4rem;
		margin-top: 1.25rem;
	}
	.gyban-a{
		padding-top: 1.5rem;
		font-size: .4rem;
		font-weight: bold;
	}
	.gyban-b{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.gyban-c{
		right: .3rem;
		bottom: .2rem;
	}
	.nynav{
		font-size: .28rem;
	}
}




/*产品中心*/
.product-bj{
	background: #f9f9f9;
}
.product{
	padding-top: 80px;
	padding-bottom: 130px;
}
.product-rm{
	width: 475px;
	margin: 0 auto;
	position: relative;
}
.product-rm .int1{
	width: 100%;
	height: 65px;
	font-size: 16px;
	border-radius: 35px;
	border: 1px solid #e5e5e5;
	background: #fff;
	padding-left: 25px;
	padding-right: 60px;
}
.product-rm .sub1{
	width: 50px;
	height: 65px;
	background: initial;
	border: 0;
	background: url(../img/ico03.png) no-repeat center;
	position: absolute;
	top: 0;
	right: 5px;
}

.produc-ul{
	margin-top: 80px;
}
.produc-ul a{
	display: block;
	width: 100%;
	height: 410px;
	background: #fff;
	overflow: hidden;
	margin-bottom: 35px;
}
.produc-lt{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
	overflow: hidden;
}
.produc-lt>div{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.produc-rt{
	width: 50%;
	height: 100%;
	float: right;
	padding: 65px;
	padding-right: 115px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-a{
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	color: #5b108b;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-b{
	width: 65px;
	height: 1px;
	background: #5b108b;
	margin-top: 25px;
	margin-bottom: 35px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-c{
	font-size: 15px;
	color: #333;
	line-height: 30px;
	margin-bottom: 5px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-d{
	font-size: 18px;
	color: #333;
	line-height: 30px;
	min-height: 90px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-e{
	margin-top: 10px;
	height: 15px;
	background: url(../img/ico04.png) no-repeat left center;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-rt{
	background: url(../img/img02.jpg)no-repeat center;
	background-size: cover;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-a,.produc-ul a:hover .produc-c,.produc-ul a:hover .produc-d{
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-b{
	background: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.produc-ul a:hover .produc-e{
	background-image: url(../img/ico04_1.png);
	transition: all .3s;;
-webkit-transition: all .3s;
}

.produc-ul a:nth-child(2n + 0) .produc-lt{
	float: right;
}
.produc-ul a:nth-child(2n + 0) .produc-rt{
	float: left;
}

@media(max-width:1600px){
	.produc-rt{
		padding: 40px;
	}
	.produc-ul a{
		height: 370px;
	}
	.produc-a{
		font-size: 26px;
		line-height: 35px;
	}
	.produc-c,.produc-d{
		font-size: 18px;
	}
}
@media(max-width:1000px){
	.produc-ul a{
		height: auto;
	}
	.produc-lt{
		width: 100%;
		height: 380px;
	}
	.produc-rt{
		width: 100%;
		height: auto;
	}
	.produc-d{
		min-height: auto;
	}
	.produc-e{
		margin-top: 30px;
	}
}
@media(max-width:750px){
	.product{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.product-rm{
		width: 100%;
		max-width: 6rem;
	}
	.product-rm .int1{
		height: 1rem;
		line-height: 1rem;
		font-size: .3rem;
		padding-left: .3rem;
		padding-right: 1rem;
	}
	.product-rm .sub1{
		width: .8rem;
		height: .8rem;
		top: .1rem;
		right: .1rem;
	}
	.produc-ul{
		margin-top: .8rem;
	}
	.produc-lt{
		height: 3.5rem;
	}
	.produc-rt{
		padding: .35rem;
	}
	.produc-a{
		font-size: .32rem;
		font-weight: bold;
		line-height: .45rem;
	}
	.produc-b{
		width: .6rem;
		margin-top: .25rem;
		margin-bottom: .3rem;
	}
	.produc-c, .produc-d{
		font-size: .28rem;
		line-height: .45rem;
	}
	.produc-e{
		margin-top: .3rem;
	}
	.produc-ul a{
		margin-bottom: .3rem;
	}
}


/*产品列表*/
.pro-mgTop{
	margin-top: 145px;
}
.nynav.col{
	color: #666;
}
.nynav.col a{
	color: #666;
}
.nynav.col a:hover{
	color: #5e4399;
	opacity: 1;
}
.nynav.col span{
	color: #5e4399;
}

.prolist{
	padding-top: 50px;
	padding-bottom: 190px;
	overflow: hidden;
}
.prolist-lt{
	width: 280px;
	float: left;
}
.prolist-a{
	width: 100%;
	background: #5b108b;
	padding: 25px;
}
.prolist-a>div{
	padding-left: 40px;
	font-size: 22px;
	color: #fff;
	line-height: 30px;
	background: url(../img/ico05.png) no-repeat left 5px;
}
.prolist-b{
	width: 100%;
	padding: 25px;
	min-height: 300px;
	background: #fff;
}
.prolist-b a{
	display: block;
	font-size: 18px;
	color: #666;
	padding: 15px 0;
	padding-right: 15px;
	background: url(../img/ico06.png) no-repeat right center;
	line-height: 30px;
	border-bottom: 1px solid #e5e5e5;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.prolist-b a:hover{
	color: #5b108b;
	background-image: url(../img/ico06_1.png);
	transition: all .3s;;
-webkit-transition: all .3s;
}
.prolist-b a.on{
	font-size: 18px;
	font-weight: bold;
	color: #5b108b;
	background-image: url(../img/ico06_1.png);
	transition: all .3s;;
-webkit-transition: all .3s;
}
.prolist-rt{
	width: calc(100% - 325px);
	width: -webkit-calc(100% - 325px);
	max-width: 1075px;
	float: right;
	background: #fff;
}
.prolist-c{
	margin-bottom: ;
}
.prolist-d{
	width: 100%;
	padding: 55px;
}
.prolist-d1{
	font-size: 36px;
	line-height: 1.3;
	color: #5b108b;
	font-weight: bold;
}
.prolist-d2{
	margin-top: 40px;
	border-top: 1px solid #e5e5e5;
	min-height: 550px;
}
.prolist-d2 a{
	display: block;
	border-bottom: 1px solid #e5e5e5;
	padding: 25px 10px;
	padding-right: 110px;
	position: relative;
	font-size: 17px;
	line-height: 30px;
	color: #333;
}
.prolist-d2 a:hover{
	color: #5b108b;
	border-color: #5b108b;
}
.prolist-d2 a>span{
	display: block;
	width: 80px;
	font-size: 12px;
	background: url(../img/ico07.png) no-repeat right center;
	position: absolute;
	top: 25px;
	right: 10px;
}
.prolist-d2 a:hover>span{
	background-image: url(../img/ico07_1.png);
}


.prolist-u{
	width: 103%;
	overflow: hidden;
}
.prolist-u a{
	display: block;
	width: 30.333%;
	color: #333;
	float: left;
	margin-right: 3%;
	margin-bottom: 40px;
}
.prolist-u1{
	width: 100%;
	height: 240px;
	line-height: 240px;
	font-size: 0;
	text-align: center;
	background-color: #f7f7f7;
}
.prolist-u1 img{
	max-height: 100%;
}
.prolist-u2{
	font-size: 18px;
	height: 50px;
	line-height: 25px;
	margin-top: 15px;
	text-align: center;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.prolist-u a:hover{
	color: #5b108b;
}

@media(max-width:1600px){
	.prolist-u a{
		width: 47%;
	}
	.prolist-u2{
		font-size: 18px;
		line-height: 20px;
		height: 40px;
	}
}

@media(max-width:1200px){
	.prolist-d{
		padding: 30px;
	}
	.prolist-d2 a{
		font-size: 16px;
	}
	.prolist-u1{
		height: 200px;
		line-height: 20px;
	}
}
@media(max-width:1000px){
	.prolist-lt{
		width: 200px;
	}
	.prolist-a{
		padding: 15px;
	}
	.prolist-a>div{
		font-size: 18px;
	}
	.prolist-b{
		padding: 15px;
	}
	.prolist-b a{
		font-size: 16px;
		padding: 10px 0;
		padding-right: 15px;
	}
	.prolist-rt{
		    width: calc(100% - 230px);
    width: -webkit-calc(100% - 230px);
	}
	.prolist-d{
		padding: 20px;
	}
	.prolist-d1{
		font-size: 26px;
	}
	.prolist-d2 a{
		padding-top: 15px;
		padding-bottom: 15px;
	}
	.prolist-d2{
		min-height: auto;
		margin-top: 20px;
	}
}
@media(max-width:750px){
	.pro-mgTop{
		margin-top: 1.85rem;
	}
	.nynav a{
		font-size: .28rem;
	}
	.prolist{
		padding-top: .5rem;
		padding-bottom: .8rem;
	}
	.prolist-lt{
		width: 100%;
	}
	.prolist-b{
		padding: .3rem;
		min-height: auto;
	}
	.prolist-b a{
		font-size: .28rem;
		line-height: .4rem;
	}
	.prolist-b a.on{
		font-size: .32rem;
	}
	.prolist-a>div{
		font-size: .32rem;
		background-size: .3rem;
		line-height: .45rem;
		padding-left: .6rem;
		background-position-y: .05rem;
	}
	.prolist-rt{
		width: 100%;
		margin-top: .6rem;
	}
	.prolist-d{
		padding: .3rem;
	}
	.prolist-d1{
		font-size: .34rem;
		font-weight: bold;
	}
	.prolist-d2{
		margin-top: .3rem;
	}
	.prolist-d2 a{
		font-size: .3rem;
		line-height: .4rem;
		padding: .25rem .1rem;
	}
	.prolist-d2 a>span{
		width: 1.6rem;
		font-size: .28rem;
		background-size: .25rem .15rem;
		position: relative;
		top: inherit;
		right: inherit;
		margin-top: .1rem;
	}
	.prolist-u a{
		margin-bottom: .4rem;
	}
	.prolist-u1{
		height: 2rem;
		line-height: 2rem;
	}
	.prolist-u2{
		font-size: .28rem;
		line-height: .4rem;
		height: .8rem;
	}
}



/*产品详情*/
.proinfo{
	padding-top: 55px;
	padding-bottom: 130px;
}
.proinfo-ab{
	overflow: hidden;
	margin-bottom: 70px;
}
.proinfo-a{
	width: 50%;
	float: left;
}
.proinfo-b{
	width: 46%;
	float: right;
	max-width: 580px;
}
.proinfo-b1{
	font-size: 36px;
	line-height: 45px;
	color: #5B108B;
	padding-top: 50px;
	font-weight: bold;
}
.proinfo-b2{
	padding-left: 75px;
	font-size: 20px;
	color: #000;
	line-height: 30px;
	margin-top: 5px;
	position: relative;
	font-weight: bold;
}
.proinfo-b2:after{
	content: '';
	width: 65px;
	height: 2px;
	background: #000;
	position: absolute;
	left: 0;
	top: 15px;
}
.proinfo-b3{
	font-size: 15px;
	line-height: 25px;
	color: #333;
	margin-top: 20px;
	min-height: 100px;
}
.proinfo-b4{
	margin-top: 35px;
	overflow: hidden;
	padding-bottom: 25px;
	border-bottom: 1px solid #E5E5E5;
}
.proinfo-b4-a{
	font-size: 15px;
	color: #333;
	float: left;
	line-height: 35px;
	font-weight: bold;
}
.proinfo-b4-a img{
	margin-right: 18px;
}
.proinfo-b4 a{
	display: inline-block;
	width: 80px;
	height: 35px;
	font-size: 13px;
	color: #003333;
	text-align: center;
	line-height: 33px;
	border: 1px solid #e5e5e5;
	border-radius: 40px;
	float: right;
	margin-left: 10px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-b4 a:hover{
	background: #5B108B;
	border-color: #5B108B;
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}

.proinfo-nav{
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
	padding-left: 40px;
}
.proinfo-nav div{
	float: left;
	font-size: 18px;
	line-height: 25px;
	color: #666;
	padding-bottom: 25px;
	margin-right: 75px;
	cursor: pointer;
	font-weight: bold;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-nav div:hover{
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-nav div.on{
	color: #5B108B;
	border-bottom: 2px solid #5B108B;
}
.proinfo-tit{
	width: 100%;
	height: 80px;
	margin-top: 80px;
	background: #f6f7f9;
	padding-left: 40px;
	font-size: 28px;
	color: #444;
	line-height: 80px;
	font-weight: bold;
}
.proinfo-tit.on{
	background: #5B108B;
	color: #fff;
}
.proinfo-c{
	padding: 65px 40px;
	border: 1px solid #E5E5E5;
}
.proinfo-c1{
	font-size: 18px;
	color: #666;
	line-height: 35px;
	max-height: 175px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 5;
	-webkit-box-orient: vertical;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-c1.on{
	max-height: initial;
	-webkit-line-clamp: initial;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-c2{
	width: 115px;
	font-size: 18px;
	color: #5B108B;
	line-height: 25px;
	padding-bottom: 15px;
	border-bottom: 1px solid #5B108B;
	margin-top: 45px;
	background: url(../img/ico09.png) no-repeat right 10px;
	cursor: pointer;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-c2:hover{
	font-weight: bold;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-d{
	width: calc(100% + 25px);
	width: -webkit-calc(100% + 25px);
	overflow: hidden;
	margin-top: 40px;
}
.proinfo-d li{
	width: calc(25% - 25px);
	width: -webkit-calc(25% - 25px);
	float: left;
	height: 112px;
	border: 1px solid #E5E5E5;
	margin-right: 25px;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-d li>span{
	font-size: 70px;
	color: #e8eaed;
	font-family: DIN-Condensed-Bold;
	line-height: 1;
	position: absolute;
	right: 15px;
	top: 50%;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-d li>div{
	width: calc(100% - 70px);
	width: -webkit-calc(100% - 70px);
	font-size: 20px;
	color: #000;
	line-height: 25px;
	padding: 0 25px;
	font-weight: ;
	position: absolute;
	left: 0;
	top: 50%;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-d li:hover{
	background: #5B108B;
	border-color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-d li:hover>span,.proinfo-d li:hover>div{
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.proinfo-e{
	border: 1px solid #E5E5E5;
	border-bottom: 0;
	overflow: hidden;
}
.proinfo-ect{
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
	display: flex;
}
.proinfo-e1{
	width: 50%;
	padding: 35px 40px;
	overflow: hidden;
	border-left: 1px solid #E5E5E5;
}
.proinfo-e1:first-child{
	border: 0;
}
.proinfo-e1-a{
	width: 120px;
	float: left;
}
.proinfo-e1-b{
	width: calc(100% - 120px);
	width: -webkit-calc(100% - 120px);
	float: left;
}
.proinfo-eH{
	font-size:16px;
	color: #000;
	line-height:25px;
	font-weight: bold;
}
.proinfo-eP{
	font-size: 16px;
	line-height: 25px;
	color: #666;
}
.proinfo-e2{
	width: 100%;
	padding: 35px 40px;
	overflow: hidden;
	border-bottom: 1px solid #E5E5E5;
}
.proinfo-e2-a{
	width: 225px;
	float: left;
}
.proinfo-e2-b{
	width: calc(100% - 225px);
	width: -webkit-calc(100% - 225px);
	float: left;
}
.proinfo-e2 li{
	padding-left: 20px;
	position: relative;
} 
.proinfo-e2 li:after{
	content: '';
	width: 6px;
	height: 6px;
	background: #d5d5d5;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 12px;
}
.proinfo-f{}
.proinfo-f li{
	border-bottom: 1px solid #e5e5e5;
}
.proinfo-f1{
	padding: 30px 40px;
	padding-right: 5%;
	font-size: 20px;
	line-height: 30px;
	cursor: pointer;
	background: url(../img/ico10.png) no-repeat 97% center;
}
.proinfo-f2{
	width: 100%;
	font-size: 18px;
	line-height: 30px;
	color: #333;
	padding: 30px 40px;
	/*border-top: 1px solid #E5E5E5;*/
	background: #e9e9e9;
	margin-bottom: 20px;
	display: none;
}
.proinfo-g{
	margin-top: 40px;
	width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
	overflow: hidden;
}
.proinfo-g li{
	width:calc(33.333% - 30px);
	width: -webkit-calc(33.333% - 30px);
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	position: relative;
	cursor: pointer;
}
.proinfo-g li i{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../img/ico11.png) no-repeat center;
}

@media(max-width:1600px){
	.proinfo-b1{
		font-size: 30px;
		line-height: 38px;
		padding-top: 20px;
	}
	.proinfo-b2{
		font-size: 18px;
	}
	.proinfo-tit{
		font-size: 20px;
		line-height: 60px;
		height: 60px;
		margin-top: 60px;
	}
}
@media(max-width:1200px){
	.proinfo-b1{
		font-size: 26px;
		line-height: 35px;
		padding-top: 0;
	}
	.proinfo-d li>div{
		font-size: 18px;
		line-height: 25px;
	}
	.proinfo-d li{
		width: calc(50% - 25px);
    width: -webkit-calc(50% - 25px);
	}
	
}
@media(max-width:1000px){
	.proinfo-a{
		width: 100%;
	}
	.proinfo-b{
		width: 100%;
		max-width: 100%;
		margin-top: 30px;
	}
	.proinfo-nav div{
		margin-right: 45px;
	}
	.proinfo-eH{
		width: 100%;
	}
	.proinfo-eP{
		width: 100%;
		margin-top: 10px;
	}
	.proinfo-f1{
		font-size: 18px;
		line-height: 25px;
	}
	.proinfo-g li{
		width: calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
	}
}
@media(max-width:750px){
	.proinfo{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.proinfo-b1{
		font-size: .35rem;
		line-height: .5rem;
	}
	.proinfo-b2{
		font-size: .3rem;
		padding-left: .8rem;
		line-height: .45rem;
		margin-top: .1rem;
	}
	.proinfo-b2:after{
		width: .6rem;
		top: .18rem;
	}
	.proinfo-b3{
		font-size: .3rem;
		line-height: .45rem;
		margin-top: .2rem;
		min-height: auto;
	}
	.proinfo-b4{
		margin-top: .3rem;
		padding-bottom: .25rem;
	}
	.proinfo-b4-a{
		font-size: .3rem;
	}
	.proinfo-b4-a img{
		margin-right: .15rem;
	}
	.proinfo-ab{
		margin-bottom: .7rem;
	}
	.proinfo-nav{
		padding: 0;
		overflow-x: auto;
	}
	.proinfo-nav div{
		font-size: .26rem;
		line-height: .4rem;
		padding-bottom: .15rem;
		margin-right: .3rem;
	}
	.proinfo-tit{
		font-size: .3rem;
		line-height: .8rem;
		padding-left: .3rem;
		margin-top: .6rem;
		height: .8rem;
	}
	.proinfo-c{
		padding: .3rem;
	}
	.proinfo-c1{
		font-size: .3rem;
		line-height: .45rem;
		min-height: 4.5rem;
		-webkit-line-clamp: 10;
	}
	.proinfo-c2{
		font-size: .26rem;
		line-height: .4rem;
		padding-bottom: .15rem;
		width: 2rem;
		margin-top: .3rem;
		background-position-y: .15rem;
	}
	.proinfo-d{
		margin-top: .2rem;
		width: calc(100% + .2rem);
    width: -webkit-calc(100% + .2rem);
	}
	.proinfo-d li{
		width: calc(50% - .2rem);
    width: -webkit-calc(50% - .2rem);
    height: 1.5rem;
    margin-right: .2rem;
    margin-bottom: .2rem;
	}
	.proinfo-d li>span{
		font-size: .7rem;
		right: .2rem;
	}
	.proinfo-d li>div{
		width: calc(100% - .7rem);
    width: -webkit-calc(100% - .7rem);
    padding: 0 .2rem;
    font-size: .3rem;
    line-height: .4rem;
	}
	.proinfo-e1{
		padding: .3rem;
	}
	.proinfo-eH{
		font-size: .3rem;
		line-height: .4rem;
	}
	.proinfo-eP{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .1rem;
	}
	.proinfo-e2{
		padding: .3rem;
	}
	.proinfo-e2 li:after{
		top: .18rem;
	}
	.proinfo-f1{
		padding: .3rem 0;
		padding-right: .8rem;
		padding-left: .3rem;
		font-size: .3rem;
		line-height: .45rem;
	}
	.proinfo-f2{
		padding: .3rem;
		font-size: .28rem;
		line-height: .45rem;
	}
	.proinfo-g{
		margin-top: .3rem;
	}
	.proinfo-g{
		width: 100%;
	}
	.proinfo-g li{
		width: 100%;
		margin: 0;
		margin-bottom: .2rem;
	}
}




/*新闻动态*/
.news{
	padding-top: 100px;
	padding-bottom: 130px;
}
.news-ab{
	overflow: hidden;
}
.news-a{
	float: left;
}
.news-b{
	float: right;
}
.news-c{
	margin-top: 75px;
	width: calc(100% + 35px);
	width: -webkit-calc(100% + 35px);
	overflow: hidden;
}
.news-c a{
	display: block;
	width: calc(33.333% - 35px);
	width: -webkit-calc(33.333% - 35px);
	float: left;
	margin-right: 35px;
	margin-bottom: 30px;
}
.news-c1{
	overflow: hidden;
}
.news-c2{
	font-size: 20px;
	line-height: 25px;
	height: 25px;
	color: #000;
	font-weight: bold;
	margin-top: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.news-c3{
	font-size: 15px;
	line-height: 30px;
	height: 60px;
	color: #333;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-c4{
	font-size: 18px;
	line-height: 1;
	color: #999;
	margin-top: 30px;
}
.news-c a:hover .news-c2{
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}

.news-d{
	margin-top: 80px;
	padding-top: 20px;
	border-top: 1px solid #E5E5E5;
	overflow: hidden;
}
.news-d a{
	width: 48%;
	float: left;
	max-width: 635px;
	padding: 50px 0;
	border-bottom: 1px solid #e5e5e5;
}
.news-d a:nth-child(2n + 0){
	float: right;
}
.news-d1{
	font-size: 20px;
	line-height: 25px;
	height: 25px;
	color: #000;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.news-d2{
	font-size: 15px;
	line-height: 30px;
	height: 60px;
	color: #333;
	margin-top: 15px;
	margin-bottom: 30px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.news-d3{
	font-size: 15px;
	line-height: 1;
	color: #666;
	display: none;
}

.news-d a:hover .news-d1{
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.news-pg{
	margin-top: 90px;
}

@media(max-width:1200px){
	.news-d3{
		display: block;
	}
	.news-d4{
		display: none;
	}
}
@media(max-width:1000px){
	.news-c{
		width: calc(100% + 15px);
    width: -webkit-calc(100% + 15px);
	}
	.news-c a{
		width: calc(33.333% - 15px);
    width: -webkit-calc(33.333% - 15px);
    margin-right: 15px;
	}
	.news-c2{
		margin-top: 15px;
	}
	.news-c2,.news-d1{
		font-size: 18px;
	}
	.news-c3,.news-d2{
		font-size: 16px;
		line-height: 25px;
		height: 50px;
		margin-top: 5px;
	}
	.news-c4{
		font-size: 16px;
		margin-top: 15px;
	}
	.news-d a{
		padding: 25px 0;
	}
	.news-d{
		margin-top: 40px;
	}
	.news-d2{
		margin-bottom: 15px;
	}
	.news-pg{
		margin-top: 40px;
	}
}
@media(max-width:750px){
	.news{
		padding-top: 70px;
		padding-bottom: .8rem;
	}
	.news-b{
		width: 100%;
		margin-top: .5rem;
	}
	.news-b .product-rm{
		width: 100%;
		max-width: 100%;
	}
	.news-c{
		width: 100%;
		margin-top: .6rem;
	}
	.news-c a{
		width: 100%;
		margin: 0;
		margin-bottom: .4rem;
	}
	.news-c2, .news-d1{
		font-size: .32rem;
		line-height: .35rem;
		height: .35rem;
	}
	.news-c3, .news-d2{
		font-size: .28rem;
		line-height: .4rem;
		height: .8rem;
	}
	.news-d2{
		margin-bottom: .2rem;
	}
	.news-d3{
		font-size: .28rem;
	}
	.news-c4{
		font-size: .28rem;
		margin-top: .15rem;
	}
	.news-d{
		margin-top: .6rem;
		padding-top: .2rem;
	}
	.news-d a{
		width: 100%;
		margin-bottom: .2rem;
		padding: .3rem 0;
	}
	.news-d a img{
		width: .5rem;
	}
	.news-pg{
		margin-top: .2rem;
	}
}
	
	
	

.page{
	width: 100%;
	text-align: center;
}
.page a{
	display:inline-block;
	font-size: 20px;
	padding: 0 5px;
	color: #666;
	line-height: 48px;
	font-family: DIN-Condensed-Bold;
}
.page a:hover{
	color: #5B108B;
}
.page a.active{
	color: #5B108B;
}
.page a.prev{
	width: 48px;
	height: 48px;
	background: url(../img/ico13.png) no-repeat center;
	background-size: cover;
	margin-right: 50px;
}
.page a.prev:hover{
	background-image: url(../img/ico13_1.png);
}
.page a:first-child{
    width: 48px;
    height: 48px;
    background: url(../img/ico13.png) no-repeat center;
    background-size: cover;
    margin-right: 50px;
}
    .page a:first-child:hover {
        background-image: url(../img/ico13_1.png);
    }
.page a em.prev{
    width: 48px;
    height: 48px;
    background: url(../img/ico13.png) no-repeat center;
    background-size: cover;
    margin-right: 50px;display: block;
}
    .page a em.prev:hover {
        background-image: url(../img/ico13_1.png);
    }
.page a.next{
	width: 48px;
	height: 48px;
	background: url(../img/ico14.png) no-repeat center;
	background-size: cover;
	margin-left: 50px;
}
.page a.next:hover{
	background-image: url(../img/ico14_1.png);
}.page a:last-child{
     width: 48px;
     height: 48px;
     background: url(../img/ico14.png) no-repeat center;
     background-size: cover;
     margin-left: 50px;
 }
    .page a:last-child:hover {
        background-image: url(../img/ico14_1.png);
    }
    .page a em.next {
        width: 48px;
        height: 48px;
        background: url(../img/ico14.png) no-repeat center;
        background-size: cover;
        margin-left: 50px;
        display: block;
    }
.page a em.next:hover{
    background-image: url(../img/ico14_1.png);
}
@media(max-width:1200px){
	.page a.prev{
		margin-right: 20px;
	}
	.page a.next{
		margin-left: 20px;
	}.page a:first-child{
	     margin-right: 20px;
	 }
    .page a:last-child{
        margin-left: 20px;
    }
    .page a em.prev{
        margin-right: 20px;
    }
    .page a em.next{
        margin-left: 20px;
    }
}
@media(max-width:750px){
	.page a{
		font-size: .3rem;
		line-height: .6rem;
		padding: 0 .05rem;
		margin: 0 .05rem;
	}
	.page a.prev{
		width: .6rem;
		height: .6rem;
		margin-right: .2rem;
	}
	.page a.next{
		width: .6rem;
		height: .6rem;
		margin-left: .2rem;
	}
    .page a:first-child{
        width: .6rem;
        height: .6rem;
        margin-right: .2rem;
    }
    .page a:last-child{
        width: .6rem;
        height: .6rem;
        margin-left: .2rem;
    }
    .page a em.prev{
	     width: .6rem;
	     height: .6rem;
	     margin-right: .2rem;
	 }
    .page a em.next{
        width: .6rem;
        height: .6rem;
        margin-left: .2rem;
    }
}


/*新闻详情*/
.newsinfo{
	padding-top: 125px;
	padding-bottom: 80px;
}
.newsinfo-a{
	font-size: 36px;
	line-height: 45px;
	color: #333;
}
.newsinfo-b{
	font-size: 18px;
	line-height: 25px;
	color: #333;
	margin-top: 25px;
	overflow: hidden;
	position: relative;
}
.newsinfo-b .bdsharebuttonbox{
	width: 120px;
	position: absolute;
	top: 0;
	right: 0;
}
.newsinfo-b .bdsharebuttonbox span{
	float: left;
	margin-right: 5px;
}
.newsinfo-b .bdsharebuttonbox .bds_weixin{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../img/ico15_2.png) no-repeat center;
	background-size: ;
}
.newsinfo-b .bdsharebuttonbox .bds_tsina{
	display: inline-block;
	width: 23px;
	height: 25px;
	background: url(../img/ico15_1.png) no-repeat center;
	background-size: ;
}
.newsinfo-b .bdsharebuttonbox a{
	margin: 0;
	margin-left: 10%;
	padding: 0;
	float: left;
	position: relative;
	top: 0;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.newsinfo-b .bdsharebuttonbox a:hover{
	top: -3px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.bd_weixin_popup{
	padding: 5px !important;
}
.bd_weixin_popup .bd_weixin_popup_foot{
	position: relative;
	top: -10px !important;
}

.newsinfo-c{
	margin-top: 35px;
	padding: 85px 0;
	border-top: 1px solid #e5e5e5;
	border-bottom: 1px solid #E5E5E5;
	font-size: 18px;
	color: #333;
	line-height: 35px;
}
.newsinfo-d{
	margin-top: 40px;
	overflow: hidden;
}
.newsinfo-d a{
	display: inline-block;
	max-width: 48%;
	float: left;
	font-size: 16px;
	line-height: 25px;
	height: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.newsinfo-d a:hover{
	color: #5B108B;
}
.newsinfo-d2{
	float: right !important;
	padding-right: 20px;
	background: url(../img/ico06.png) no-repeat right center;
}
.newsinfo-d2:hover{
	background-image:  url(../img/ico06_1.png);
}
.newsinfo-d1{
	padding-left: 20px;
	background: url(../img/ico06_3.png) no-repeat left center;
}
.newsinfo-d1:hover{
	background-image:  url(../img/ico06_2.png);
}


@media(max-width:1600px){
	.newsinfo{
		padding-top: 80px;
	}
	.newsinfo-a{
		font-size: 32px;
	}
	.newsinfo-c{
		padding: 40px 0;
	}
}
@media(max-width:750px){
	.newsinfo{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.newsinfo-a{
		font-size: .34rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.newsinfo-b{
		font-size: .28rem;
		margin-top: .2rem;
	}
	.newsinfo-c{
		margin-top: .6rem;
		padding: .4rem 0;
		font-size: .28rem;
		line-height: .45rem;
	}
	.newsinfo-d{
		margin-top: .4rem;
	}
	.newsinfo-d a{
		max-width: 100%;
		font-size: .28rem;
		line-height: .45rem;
		height: .45rem;
		margin-bottom: .2rem;
	}
	.newsinfo-d2{
		float: left !important; 
		padding-left: 20px;
	}
	.newsinfo-d1{
		padding-right: 20px;
	}
}


/*人才招聘*/
.recruit{
	padding-top: 170px;
	padding-bottom: 110px;
}
.recruit-fm{
	height: 50px;
	position: relative;
	z-index: 2;
}
.recruit-fm li{
	width: calc(33.333% - 45px);
	width: -webkit-calc(33.333% - 45px);
	float: left;border-bottom: 1px solid #E5E5E5;
	float: left;
	line-height: 1;
	margin-right: 15px;
	padding-bottom: 22px;
	position: relative;
}
.recruit-fm .sub1{
	display: inline-block;
	width: 90px;
	height: 50px;
	border: 0;
	background:#5B108B url(../img/ico16.png) no-repeat center;
	float: right;
}
.recruit-fm li input{
	display: none;
}
.recruit-fm-a{
	display: inline-block;
	font-size: 18px;
	line-height: 25px;
	height: 25px;
	padding-right:20px;
	background: url(../img/ico17.png) no-repeat right center;
	overflow: hidden;
}
.recruit-fm-b{
	width: 100%;
	padding:15px 25px;
	background: #fff;
	position: absolute;
	left: 0;
	top: 50px;
	z-index: 2;
	border: 1px solid #E5E5E5;
	display: none;
}
.recruit-fm-b a{
	display: block;
	font-size: 18px;
	line-height: 25px;
	margin: 5px 0;
}
.recruit-fm-b a:hover{
	color: #5B108B;
}
.recruit-th{
	width: 100%;
	height: 80px;
	padding: 25px 50px;
	background: #5B108B;
	color: #fff;
	font-size: 18px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 55px;
}
.recruit-li2{
	width: 60px;
	float: left;
	text-align: center;
}
.recruit-li5{
	width: 120px;
	text-align: right;
	float: right;
}
.recruit-li1,.recruit-li4{
	width: calc(30% - 60px);
	width: -webkit-calc(30% - 60px);
	float: left;
}
.recruit-li3{
	width: calc(30% - 60px);
	width: -webkit-calc(40% - 60px);
	float: left;
}
.recruit-li3,.recruit-li4{
	text-align: center;
	padding: 0 10px;
}
.recruit-ul{
	border: 1px solid #E5E5E5;
	border-top: 0;
}
.recruit-ul li{
	border-top: 1px solid #E5E5E5;
}
.recruit-ul-a{
	width: 100%;
	height: auto;
	padding: 30px 50px;
	color: #000;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	cursor: pointer;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.recruit-ul-a.on{
	background: #f6f6f6;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.recruit-ul-b{
	padding: 55px;
	border-top: 1px solid #E5E5E5;
	overflow: hidden;
	display: none;
}
.recruit-ua{
	overflow: hidden;
	width: 100%;
	float: left;
	display: none;
}
.recruit-ua>div{
	font-size: 18px;
	width: 33.333%;
	float: left;
	padding-right: 15px;
	color: #333;
	line-height: 25px;
}
.recruit-ub{
	width: 100%;
	font-size: 18px;
	color: #000;
	line-height: 1.3;
	float: left;
	margin-bottom: 30px;
}
.recruit-uc{
	width: -webkit-calc(50% - 120px);
	width: calc(50% - 120px);
	float: left;margin-right: 30px;
	max-width: 430px;
	float: left;
	font-size: 16px;
	color: #666;
	line-height: 30px;
}
.recruit-ud{
	display: inline-block;
	float: right;
	width: 180px;
	height: 50px;
	text-align: center;
	line-height: 48px;
	border-radius: 25px;
	background: #5B108B;
	color: #fff;
	font-size: 16px;
	border: 1px solid #5B108B; 
	transition: all .3s;;
-webkit-transition: all .3s;
}
.recruit-ud:hover{
	background: initial;
	border-color: #5B108B;
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.recruit-pg{
	margin-top: 100px;
}

@media(max-width:1000px){
	.recruit{
		padding-top: 80px;
		padding-bottom: 80px;
	}
	.recruit-fm-a{
		font-size: 16px;
	}
	.recruit-uc{
		width: 50%;
		padding-right: 20px;
		margin: 0;
		margin-bottom: 20px;
	}
	.recruit-ud{
		/*float: left;*/
	}
	.recruit-ul-b{
		padding: 30px;
	}
	.recruit-pg{
		margin-top: 50px;
	}
}
@media(max-width:750px){
	.recruit{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.recruit-fm li{
		width: 48%;
		padding-bottom: .2rem;
		margin-bottom: .2rem;
		margin-right: 2%;
		float: left;
		
	}
	.recruit-fm-a{
		font-size: .28rem;
		line-height: .5rem;
		height: .5rem;
	}
	.recruit-fm .sub1{
		width: 48%;
		height: .7rem;
		
	}
	.recruit-fm-b{
		top: .7rem;
		padding:.1rem .2rem;
		
	}
	.recruit-fm-b a{
		font-size: .28rem;
		line-height: .4rem;
		margin: .1rem 0;
	}
	.recruit-fm{
		height: 1.8rem;
	}
	.recruit-th{
		margin-top: .6rem;
		height: .8rem;
		padding: .2rem .3rem;
		font-size: .32rem;
		line-height: .4rem;
	}
	.recruit-li3, .recruit-li4, .recruit-li2{
		display: none;
	}
	.recruit-li1{
		width: 50%;
		padding-right: .15rem;
	}
	.recruit-li5{
		width: 50%;
		padding-left: .15rem;
	}
	.recruit-ul-a{
		/*height: .8rem;*/
		padding: .2rem .3rem;
		font-size: .28rem;
		line-height: .4rem;
	}
	.recruit-ul-b{
		padding: .3rem;
	}
	.recruit-ua{
		display: block;
	}
	.recruit-ua>div{
		width: 100%;
		font-size: .28rem;
		line-height: .45rem;
	}
	.recruit-ub{
		font-size: .32rem;
		font-weight: bold;
		margin-top: .3rem;
		margin-bottom: .3rem;
	}
	.recruit-uc{
		width: 100%;
		font-size: .28rem;
		line-height: .45rem;
		margin-bottom: .3rem;
	}
	.recruit-ud{
		width: 2.4rem;
		height: .7rem;
		font-size: .3rem;
		line-height: .68rem;
	}
	.recruit-pg{
		margin-top: .6rem;
	}
}



/*联系我们*/
.contact{
	padding-top: 110px;
	padding-bottom: 110px;
}
.contact-a{
	text-align: center;
}
.contact-a>div{
	display: inline-block;
	width: 180px;
	height: 50px;
	margin: 0 15px;
	font-size: 18px;
	color: #666;
	line-height: 48px;
	text-align: center;
	border: 1px solid #E5E5E5;
	border-radius: 25px; 
	cursor: pointer;
}
.contact-a>div.on{
	background: #5B108B;
	color: #fff;
	border-color: #5B108B;
}
.contact-b{
	margin-top: 80px;
	overflow: hidden;
	height: 425px;
	background: #f3f5f7;
}
.contact-blt{
	width: 50%;
	height: 100%;
	float: left;
	ba
}
.contact-brt{
	padding: 80px;
	padding-top: 100px;
}
.contact-b1{
	font-size: 24px;
	line-height: 1.3;
	color: #000;
	font-weight: bold;
}
.contact-b2{
	margin-top: 30px;
	font-size: 18px;
	color: #333;
	line-height: 30px;
}
.contact-c{
	font-size: 36px;
	line-height: 1.2;
	color: #5B108B;
	margin-top: 70px;
	margin-bottom: 40px;
}
.contact-d{
	overflow: hidden;
	width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
}
.contact-d li{
	width: calc(33.333% - 30px);
	width: -webkit-calc(33.333% - 30px);
	height: 255px;
	padding: 35px;
	position: relative;
	padding-right: 110px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	border: 1px solid #E5E5E5;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.contact-d li:hover{
	background: #f3f5f7;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.contact-d1{
	font-size: 24px;
	color: #000;
	line-height: 1.2;
	margin-bottom: 25px;
}
.contact-d2{
	font-size: 18px;
	line-height: 25px;
	margin-bottom: 10px;
	position: relative;
	z-index: 2;
}
.contact-d3{
	position: absolute;
	top: 105px;
	right: 30px;
	z-index: 1;
}
.contact-d4{
	width: 90px;
	font-size: 16px;
	color: #000;
	padding-left: 20px;
	line-height: 20px;
	background: url(../img/ico19.png) no-repeat left center;
	position: absolute;
	right: 0;
	top: 160px;
}
.contact-blist{
	display: none;
}


.feedback-bj{
	background: #f3f5f7;
}
.feedback{
	padding-top: 75px;
	padding-bottom: 85px;
}
.feedback-tit{
	font-size: 42px;
	line-height: 1;
	text-align: center;
	color: #000;
}
.feedback-fm{
	margin-top: 50px;
}
.feedback-ul{
	width: calc(100% + 30px);
	width: -webkit-calc(100% + 30px);
	overflow: hidden;
}
.feedback-ul li{
	width: calc(33.333% - 30px);
	width: -webkit-calc(33.333% - 30px);
	height: 60px;
	float: left;
	margin-right: 30px;
	margin-bottom: 30px;
	padding-left: 65px;
	padding-right: 25px;
	background: no-repeat 28px center;	
	background-color: #fff;
}
.feedback-ul li input{
	width: 100%;
	font-size: 16px;
	color: #333;
	line-height: 60px;
	border: 0;
	background: initial;
}
.feedback-ul li .int1{
	padding-right: 10px;
	background: url(../img/ico17.png) no-repeat right center;
}
.feedback-int2{
	width: 100%;
	height: 270px;
	padding: 25px;
	font-size: 16px;
	line-height: 25px;
	border: 0;
}
.gybut{
	display: inline-block;
	width: 180px;
	height: 50px;
	font-size: 18px;
	color: #fff;
	line-height: 48px;
	text-align: center;
	border-radius: 25px;
	border: 1px solid #5B108B;
	background: #5B108B; 
	cursor: pointer;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.gybut:hover{
	background: initial;
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.feedback-fm .sub1{
	margin-top: 70px;
	margin-left: 50%;
	position: relative;
	left: -90px;
}

@media(max-width:1200px){
	.contact-brt{
		padding:50px 30px;
	}
	.contact-b1{
		font-size: 18px;
	}
	.contact-b2{
		font-size: 16px;
		line-height: 25px;
	}
	.contact-d li{
		width: calc(50% - 30px);
    width: -webkit-calc(50% - 30px);
    padding:35px 20px;
    padding-right: 100px;
	}
}
@media(max-width:750px){
	.contact{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.contact-a>div{
		width: 2.6rem;
		height: .7rem;
		font-size: .3rem;
		line-height: .68rem;
		margin: 0 .1rem;
	}
	.contact-b{
		margin-top: .7rem;
		height: auto;
	}
	.contact-blt{
		width: 100%;
		min-height: 4rem;
		height: auto;
	}
	.contact-brt{
		padding: .4rem .3rem;
	}
	.contact-b1{
		font-size: .32rem;
	}
	.contact-b2{
		font-size: .3rem;
		line-height: .45rem;
		margin-top: .3rem;
	}
	.contact-c{
		font-size: .35rem;
		font-weight: bold;
		margin-top: .6rem;
		margin-bottom: .4rem;
	}
	.contact-d{
		width: 100%;
	}
	.contact-d li{
		width: 100%;
		margin: 0;
		margin-bottom: .3rem;
		height: auto;
		padding: .5rem .3rem;
		padding-right: 80px;
	}
	.contact-d1{
		font-size: .3rem;
		font-weight: bold;
		margin-bottom: .3rem;
	}
	.contact-d2{
		font-size: .3rem;
		line-height: .45rem;
		margin-bottom: .1rem;
		
	}
	.contact-d3,.contact-d4{
		top: initial;
		bottom: .3rem;
	}
	.contact-d4{
		width: 70px;
		font-size: .28rem;
	}
	.feedback{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.feedback-tit{
		font-size: .4rem;
		font-weight: bold;
	}
	.feedback-ul{
		width: 100%;
	}
	.feedback-ul li{
		width: 100%;
		height: .8rem;
		margin-bottom: .2rem;
		padding-left: .8rem;
		padding-right: .2rem;
		background-position-x: .3rem;
	}
	.feedback-ul li input{
		font-size: .3rem;
		line-height: .8rem;
	}
	.feedback-int2{
		height: 3rem;
		font-size: .28rem;
		line-height: .45rem;
		padding: .3rem;
	}
	
	.gybut{
		width: 2rem;
		height: .7rem;
		font-size: .32rem;
		line-height: .68rem;
	}
	.feedback-fm .sub1{
		margin-top: .5rem;
		left: -1rem;
	}
}


/*关于默乐*/
.about-abj{
	max-width: 1920px;
	overflow: hidden;
	position: relative;
}
.about-aimg{
	position: absolute;
	left: -220px;
	top: 35px;
	z-index: 1;
	opacity: .1;
}
.about-a{
	padding-top: 120px;
	padding-bottom: 110px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}
.about-a1{
	width: 100%;
	margin-bottom: 70px;
}
.about-a2{
	width: calc(100% - 680px);
	max-width: 665px;
	float: left;
}
.about-a2-a{
	font-size: 18px;
	color: #333;
	line-height: 35px;
	height: 315px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 9;
	-webkit-box-orient: vertical;
}
.about-a2-a.on{
	height: auto;
	-webkit-line-clamp: initial;
}
.about-a3{
	width: 640px;
	float: right;
}
.about-a4{
	overflow: hidden;
	margin-top: 110px;
	width: 100%;
	float: left;
}
.about-a4 li{
	width: 20%;
	text-align: left;
	float: left;
	position: relative;
}
.about-a4 li:nth-child(2),.about-a4 li:nth-child(3){
	width: 30%;
	text-align: center;
}
.about-a4 li:nth-child(4){
	text-align: right;
}
.about-a4-a{
	display: inline-block;
	text-align: center;
}
.about-a4-a1{
	font-size: 60px;
	line-height: 1;
	color: #5B108B;
	font-family: DIN-Condensed-Bold;
}
.about-a4-a1 .sp2{
	font-size: 40px;
	font-weight: bold;
	position: relative;
	top: -8px;
}
.about-a4-a2{
	font-size: 18px;
	color: #222;
	line-height: 20px;
	margin-top: 5px;
}
.about-a4 li:after{
	content: '';
	width: 1px;
	height: 60px;
	background: #E5E5E5;
	position: absolute;
	left: 0;
	top: 5px;
}
.about-a4 li:first-child:after{
	display: none;
}

.about-bbj {
	height: 750px;
}
.about-b{
	overflow: hidden;
	padding-top: ;
}
.about-blt{
	color: #fff;
	padding-top: 110px;
	float: left;
}
.about-brt{
	float: right;
	width: 635px;
	margin-right: 110px;
	height: 750px;
	position: relative;
}
.about-brt:after{
	content: '';
	width: 1px;
	height: 750px;
	background: rgba(255,255,255,.2);
	position: absolute;
	top: 0;
	left: 120px;
}
.aboutB-swiper{
	width: 100%;
	height: 520px;
	position: relative;
	top: 110px;
}
.aboutB-slide{
	overflow: hidden;
	padding-bottom: 10px;
	color: #fff;
	cursor: pointer;
	
}
.aboutB-a{
	width: 90px;
	font-size: 24px;
	line-height: 35px;
	float: left;
	text-align: right;
	transition: all .3s;;
-webkit-transition: all .3s;

}
.aboutB-b{
	width: 10px;
	height: 10px;
	border-radius: 100%;
	background: #fff;
	margin: 12px 25px;
	float: left;
}
.aboutB-c{
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	float: right;
	font-size: 15px;
	line-height: 30px;
	padding-top: 2px;
	transition: all .3s;;
-webkit-transition: all .3s;

}
.aboutB-prev{
	width: 50px;
	height: 50px;
	background: url(../img/ico23_1.png) no-repeat center;
	background-size: cover;
	left: 95px;
	top: 30px;
	margin-top: 25px;
}
.aboutB-next{
	width: 50px;
	height: 50px;
	background: url(../img/ico23_2.png) no-repeat center;
	background-size: cover;
	left: 95px;
	top: 635px;
	margin-top: 25px;
}
.about-brt .swiper-button-disabled{
	opacity: 0;
}
@media(min-width:1201px){
	.aboutB-slide:hover .aboutB-a{
		font-size: 36px;
		transition: all .3s;;
	-webkit-transition: all .3s;
	
	}
	.aboutB-slide:hover .aboutB-c{
		font-size: 20px;
		transition: all .3s;;
	-webkit-transition: all .3s;
	
	}
}

.about-c{
	padding-top: 90px;
	padding-bottom: 70px;
}
.about-cnav{
	margin-top: 45px;
	position: relative;
	overflow: hidden;
}
.about-cnav:after{
	content: '';
	width: 100%;
	height: 1px;
	background: #E5E5E5;
	position: absolute;
	top: 15px;
	left: 0;
	z-index: 1;
}
.about-cnav ul{
	overflow: hidden;
	background: #fff;
	position: relative;
	z-index: 2;
	float: left;
}
.about-cnav ul li{
	font-size: 18px;
	color: #666;
	line-height: 30px;
	margin-right: 50px;
	float: left;
	cursor: pointer;
	transition: all .3s;;
-webkit-transition: all .3s;

}
.about-cnav ul li:hover{
	color: #5B108B;
	transition: all .3s;;
-webkit-transition: all .3s;

}
.about-cnav ul li.on{
	color: #5B108B;
}
.about-cdiv{
	margin-top: 70px;
}
.aboutC-swiper{
	padding-bottom: 65px;
}
.aboutC-img{
	width: 100%;
	height: 395px;
	background: #f6f6f7;
	padding: 20px;
	text-align: center;
	line-height: 355px;
	font-size: 0;
}
.aboutC-img img{
	max-height: 100%
}
.aboutC-txt{
	font-size: 18px;
	color: #333;
	line-height: 25px;
	text-align: center;
	margin-top: 20px;
	height: 50px;
}
.swiper-pagination{
	bottom: 0 !important;
}
.swiper-pagination span{
	width: 12px;
	height: 12px;
	background: #a3a3a3;
	opacity: 1;
}
.swiper-pagination span.swiper-pagination-bullet-active{
	background: #5B108B;
}

.about-dbj{
	background: #f6f6f7;
}
.about-d{
	padding-top: 120px;
	padding-bottom: 70px;
}
.aboutD-swiper{
	margin-top: 70px;
	padding-bottom: 125px;
}
.aboutD-slide{
	width: 100%;
	height: 295px;
	background: #fff;
	border-top-left-radius: 15px;
	border-bottom-right-radius: 15px;
	padding: 30PX 35PX;
	overflow: hidden;
	cursor: pointer;
}
.aboutD-a{
	font-size: 15px;
	line-height: 25px;
	height: 75px;
	color: #888;
	margin-top: 10px;
	margin-bottom: 25px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
	position: relative;
	z-index: 2;
}
.aboutD-b{
	width: 92px;
	height: 92px;
	float: left;
	border-radius: 100%;
	position: relative;
	z-index: 2;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.aboutD-c{
	width: calc(100% - 120px);
	font-size: 18px;
	line-height: 25px;
	color: #5B108B;
	padding-top: 20px;
	float: right;
	position: relative;
	z-index: 2;
	font-weight: bold;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.aboutD-d{
	width: calc(100% - 120px);
	font-size: 18px;
	line-height: 25px;
	color: #666;
	float: right;
	position: relative;
	z-index: 2;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.aboutD-e{
	position: absolute;
	bottom: -20px;
	right: -30px;
	z-index: 2;
}
.aboutD-slide .img2{
	display: none;
}
.aboutD-slide:hover{
	background: #5B108B;
}
.aboutD-slide:hover .img1{
	display: none
}
.aboutD-slide:hover .img2{
	display: inline-block
}
.aboutD-slide:hover .aboutD-a,.aboutD-slide:hover .aboutD-c,.aboutD-slide:hover .aboutD-d{
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}

.about-e{
	padding-top: 125px;
	padding-bottom: 135px;
}
.about-e ul{
	margin-top: 90px;
	overflow: hidden;
}
.about-e li{
	width: 16.666%;
	float: left;
	text-align: center;
	padding: 0 10px;
	margin-bottom: 20px;
}

.about-f{
	padding-top: 100px;
	padding-bottom: 100px;
}
.about-ful{
	margin-top: 50px;
	width: 103%;
	overflow: hidden;
}
.about-fli{
	width: 22%;
	float: left;
	margin-right: 3%;
	margin-bottom: 30px;
	padding: 20px;
	border: 1px solid #ddd;
	text-align: center;
}
.about-f1{
	height: 130px;
	line-height: 130px;
	font-size: 0;
	margin-bottom: 15px;
}
.about-f1 img{
	max-height: 100%;
}
.about-ftk{
	display: none;
}
.about-f89{
	display: none;
}
.about-f8{
	font-size: 24px;
	line-height: 30px;
	text-align: center;
	color: #5B108B;
}
.about-f9{
	font-size: 18px;
	line-height: 30px;
	color: #666;
	text-align: left;
	margin-top: 30px;
	padding: 30px 0;
	border-top: 1px solid #ddd;
}


@media(max-width:1200px){
	.about-a3{
		width: 500px;
	}
	.about-a2{
		width: calc(100% - 540px);
	}
	.about-brt{
		margin-right: 0;
		width: 580px;
	}
	.about-blt{
		width: 200px;
	}
	.about-fli{
		width: 30.333%;
	}
}
@media(max-width:1000px){
	.about-a2{
		width: 100%;
		max-width: 100%;
	}
	.about-a3{
		width: 100%;
		margin-top: 35px;
	}
	.about-abj{
		width: 100%;
	}
	.about-brt{
		width: 500px;
	}
	.aboutD-c{
		font-size: 15px;
		line-height: 22px;
	}
	.aboutD-slide{
		padding: 30px 20px;
	}
	.aboutD-d{
		font-size: 16px;
	}
	.about-fli{
		width: 47%;
	}
}
@media(max-width:750px){
	.about-a{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.about-a1{
		margin-bottom: .5rem;
	}
	.about-a2-a{
		font-size: .3rem;
		line-height: .45rem;
		height: 4rem;
	}
	.about-a3{
		margin-top: .35rem;
	}
	.about-a4{
		margin-top: .7rem;
	}
	.about-a4-a1{
		font-size: .5rem;
	}
	.about-a4-a1 .sp2{
		font-size: .35rem;
		top: -.1rem;
	}
	.about-a4-a2{
		font-size: .24rem;
		line-height: .35rem;
		margin-top: .1rem;
	}
	.about-a4 li:nth-child(2), .about-a4 li:nth-child(3){
		padding: 0 .15rem;
	}
	.about-a4 li:after{
		height: 1.4rem;
		top: 0;
	}
	.about-bbj{
		height: auto;
		position: relative;
	}
	.about-blt{
		padding: 0;
		position: absolute;
		top: .8rem;
		left: .3rem;
		width: 100%;
	}
	.about-brt{
		width: 5.5rem;
		height: 10rem;
	}
	.aboutB-swiper{
		height: 6rem;
		top: 2rem;
	}
	.aboutB-a{
		width: .8rem;
		font-size: .3rem;
	}
	.aboutB-b{
		margin: .3rem .2rem;
		width: .12rem;
		height: .12rem;
	}
	.aboutB-c{
		width: calc(100% - 1.6rem);
    width: -webkit-calc(100% - 1.6rem);
    font-size: .28rem;
    line-height: .4rem;
	}
	.about-brt:after{
		height: 100%;
		left: 1.05rem;
	}
	.aboutB-prev{
		width: .6rem;
		height: .6rem;
		left: .75rem;
		top: .9rem;
	}
	.aboutB-next{
		width: .6rem;
		height: .6rem;
		left: .75rem;
		top: 8rem;
	}
	.about-c{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.about-cnav{
		margin-top: .5rem;
	}
	.about-cnav ul li{
		font-size: .3rem;
		line-height: .4rem;
		margin-right: .3rem;
	}
	.about-cnav:after{
		top: .2rem;
	}
	.about-cdiv{
		margin-top: .6rem;
	}
	.aboutC-img{
		height: 4rem;
		padding: .3rem;
		line-height: 3.4rem;
	}
	.aboutC-txt{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.aboutC-swiper{
		padding-bottom: .6rem;
	}
	.swiper-pagination span{
		width: .12rem;
		height: .12rem;
	}
	.about-d{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.aboutD-swiper{
		margin-top: .6rem;
		padding-bottom: .7rem;
	}
	.about-e{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.about-e ul{
		margin-top: .6rem;
	}
	.about-e li{
		width: 33.333%;
		margin-bottom: .4rem;
	}
	.about-f{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.about-ful{
		margin-top: .5rem;
	}
	.about-fli{
		margin-bottom: .35rem;
		padding: .2rem;
	}
	.about-f1{
		height: 1.4rem;
		line-height: 1.4rem;
		margin-bottom: .2rem;
	}
	.about-f8{
		font-size: .34rem;
		line-height: .5rem;
	}
	.about-f9{
		margin-top: .4rem;
		padding: .35rem;
		font-size: .3rem;
		line-height: .45rem;
		
	}
}

.aboutD-t{
	display: none;
}
.expertTk{
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 69;
	background: rgba(0,0,0,.6);
	display: none;
}
.expert{
	width: 1290px;
	max-width: 90%;
	height: 720px;
	max-height: 90%;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	overflow: hidden;
	padding: 130px 80px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
}
.expert-lt{
	float: left;
	max-width: 360px;
	max-height: 100%;
	font-size: 0;
}
.expert-lt img{
	max-height: 100%;
}
.expert-rt{
	width: calc(100% - 400px);
	max-width: 800px;
	margin-left: 110px;
	float: left;
	height: 500px;
	overflow-y: auto;
	padding-right: 8px;
}

/*-------------滚动条样式--------------*/
.expert-rt::-webkit-scrollbar {
    width: 5px;
    height: 5px;
}
/*正常情况下滑块的样式--滑块颜色*/
.expert-rt::-webkit-scrollbar-thumb {
    background-color: rgba(119, 119, 119, 0.30);
    border-radius: 1px;
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*放在滑块上的颜色*/
.expert-rt::-webkit-scrollbar-thumb:hover {
    background-color: rgba(119, 119, 119, 0.84);
    -webkit-box-shadow: inset 1px 1px 0 rgba(0, 0, 0, .1);
}
/*正常时候的主干部分 //滚动条初始化颜色*/
.expert-rt::-webkit-scrollbar-track {
    border-radius: 1px;
    -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
    background-color: rgba(239, 239, 239, 0.89);
}
/*鼠标悬浮在滚动条上的主干部分*/
.expert-rt::-webkit-scrollbar-track:hover {
    background-color: rgba(119, 119, 119, 0.15);
}
.expert-a{
	font-size: 18px;
	color: #000;
	line-height: 1;
	padding-top: 60px;
}
.expert-b{
	font-size: 36px;
	color: #000;
	line-height: 45px;
	font-weight: bold;
	padding-top: 20px;
}
.expert-c{
	font-size: 18px;
	color: #000;
	line-height: 30px;
	padding-top: 25px;
}
.expert-d{
	font-size: 18px;
	color: #000;
	line-height: 1;
	color: #42799c;
	padding-top: 35px;
}
.expert-e{
	padding-top: 10px;
}
.expert-x{
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	background: url(../img/ico26.png) no-repeat center;
	position: absolute;
	top: 40px;
	right: 40px;
}
@media(max-width:1600px){
	.expert{
		height: 500px;
		padding: 30px;
	}
	.expert-lt{
		max-width: 340px;
	}
	.expert-rt{
		height: 400px;
	}
}
@media(max-width:1200px){
	.expert-rt{
		float: right;
		margin-left: 0;
	}
	.expert{
		height: auto;
		min-height: 500px;
	}
}
@media(max-width:1000px){
	.expert-lt{
		max-width: 240px;
	}
	.expert-rt{
		    width: calc(100% - 280px);
	}
	.expert-x{
		top:10px;
		right: 10px;
	}
	.expert-a{
		padding-top: 0;
		font-size: 18px;
	}
	.expert-b{
		font-size: 26px;
		line-height: 32px;
	}
	.expert{
		min-height: 350px;
	}
}
@media(max-width:750px){
	.expert-lt{
		width: 4rem;
	}
	.expert-rt{
		width: 100%;
		max-height: 5rem;
		overflow-y: auto;
		margin-top: .4rem;
	}
	.expert{
		padding: .35rem;
	}
	.expert-a{
		font-size: .3rem;
	}
	.expert-b{
		font-size: .32rem;
		line-height: .45rem;
		padding-top: .15rem;
	}
	.expert-c{
		font-size: .3rem;
		line-height: .4rem;
		padding-top: .25rem;
	}
	.expert-d{
		font-size: .32rem;
		padding-top: .25rem;
	}
	.expert-c{
		padding-top: .1rem;
	}
}


.searchs{
	padding-top: 100px;
	padding-bottom: 100px;
}
.searchs-a{
	margin-top: 0;
	overflow: hidden;
}
.searchs-a form{
	width: 600px;
	float: left;
	position: relative;
}
.searchs-a form .int1 {
    width: 100%;
    height: 60px;
    font-size: 18px;
    color: #000;
    line-height: 60px;
    padding-left: 30px;
    padding-right: 70px;
    border: 0px;
    background: #fff;
}
.searchs-a form .sub1 {
    width: 50px;
    height: 60px;
    background: url(../img/ico01_1.png) no-repeat center;
    border: 0px;
    position: absolute;
    top: 0;
    right: 10px;
}
.searchs-b{
	font-size: 24px;
	line-height: 1.2;
	margin-top: 20px;
	color: #666;
}
.searchs-c1{
	margin-top: 50px;
	padding: 30px 0;
	border-top: 1px solid #ccc;
	margin-bottom: 30px;
}
.searchs-c1 a{
	background: ;
	display: block;
	padding: 20px;
	color: #000;
	margin-bottom: 15px;
	padding-right: 60px;
	background:#fff url(../img/ico12.png) no-repeat 99% center;
}
.searchs-c1 a:hover{
	box-shadow:5px 5px 10px #999;
}
.searchs-c1 a>div{
	font-size: 18px;
	line-height: 1;
	margin-bottom: 5px;
	color: #666;
}
.searchs-c1 a>p{
	
	font-size: 24px;
	line-height: 30px;
	color: #333;
}
.searchs-mr{
	margin-top: 30px;
	text-align: center;
}
@media(max-width:750px){
	.searchs{
		padding-top: .7rem;
		padding-bottom: .7rem;
	}
	.searchs-a form{
		width: 100%;
	}
	.searchs-b{
		font-size: .32rem;
		margin-top: .2rem;
	}
	.searchs-c1{
		margin-top: .5rem;
		padding: .4rem 0;
	}
	.searchs-c1 a{
		padding: .2rem;
		padding-right: .8rem;
	}
	.searchs-c1 a>div{
		font-size: .28rem;
	}
	.searchs-c1 a>p{
		font-size: .3rem;
		line-height: .45rem;
	}
	.searchs-c1{
		margin-bottom: .0rem;
	}
	.searchs-c1 a{
		background-size: .4rem .4rem;
	}
	.searchs-mr{
		margin-top: .1rem;
	}
}




/*首页*/
.ban-swiper{
	width: 100%;
	height: 870px;
	background: url(../img/bj.jpg) no-repeat center;
	background-size: cover;
}
.ban-slide{
	overflow: hidden;
}
.ban-img{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}
.banDiv{
	position: relative;
	z-index: 2;
	color: #fff;
	/*left: 10px;
	opacity: 0;*/
}
.banDiv-a{
	font-size:48px;
	line-height: 55px;
	padding-top: 315px;
	max-width: 750px;
}
.banDiv-b{
	font-size: 18px;
	line-height: 25px;
	margin-top: 15px;
	font-family: ;
	max-width: 600px;
}
.banDiv-c{
	display: inline-block;
	width: 160px;
	height: 50px;
	border: 1px solid #fff;
	font-size:16px;
	color: #fff;
	text-align: center;
	line-height: 48px;
	margin-top: 50px;
	border-radius: 25px;
transition: all .3s;;
-webkit-transition: all .3s;
}
.banDiv-c:hover{
	background: rgba(255,255,255,.1);
	color: #fff;
transition: all .3s;;
-webkit-transition: all .3s;
}
.ban-slide.swiper-slide-active .ban-img{
	/*transform: scale(1.15);
	-ms-transform: scale(1.15);
	-webkit-transform: scale(1.15);*/
	transition:all linear 5s;
	-webkit-transition:all linear 5s;
}
.ban-slide.swiper-slide-active .banDiv{
	/*left: 0;
	opacity: 1;*/
	transition: all .5s .5s;
-webkit-transition: all .5s .5s;
}

.banDiv{
	padding-top: 150px;
}
.banDiv-lt{
	display: inline-block;
	width: 50%;
	padding-top: 120px;
	color: #fff;
}
.banDiv-lt-a{
	font-size: 32px;
	line-height: 40px;
	font-weight: bold;
	margin-bottom: 20px;
}
.banDiv-lt-b{
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}
.banDiv-rt{
	width: 48%;
	float: right;
	height: 400px;
	line-height: 400px;
	margin-top: 120px;
	padding-right: 120px;
	text-align: center;
}
.banDiv-rt img{
	max-height: 100%;
}



.ihdbj{
	height: 0;
	position: relative;
	z-index: 3;
}
.iszqh{
	width: 160px;
	height: 40px;
	overflow: hidden;
	position: relative;
	top: -120px;
	float: left;
}
.iszqh-a{
	width: 30px;
	height: 40px;
	background: url(../img/prev_white.png) no-repeat center;
	background-size: 20px auto;
	float: left;
	cursor: pointer;
}
.iszqh-c{
	width: 30px;
	height: 40px;
	background: url(../img/next_white.png) no-repeat center;
	background-size: 20px auto;
	float: right;
	cursor: pointer;
}
.iszqh-b{
	font-family: DIN-Condensed-Bold;
	font-size: 24px;
	line-height: 35px;
	color: #fff;
	text-align: center;
	width: 100px;
	float: left;
}
.iszqh-b .sp1{
	font-size: 46px;
}
.icoqh{
	height: 760px;
	float: right;
	position: relative;
	top: -760px;
	width: 132px;
}
.icoqh:after{
	content: '';
	width: 1px;
	height: calc(50% - 120px);
	height: -webkit-calc(50% - 120px);
	background: #fff;
	position: absolute;
	top: 0;
	left: 50%;
	opacity: .4;
}
.icoqh:before{
	content: '';
	width: 1px;
	height: calc(50% - 120px);
	height: -webkit-calc(50% - 120px);
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 50%;
	opacity: .4;
}
.icoqh-div{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 0;
	text-align: center;
	font-size: 0;
	transform:translateY(-50%);
-ms-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-webkit-transform:translateY(-50%);
}
.icoqh-a,.icoqh-c{
	width: 20px;
	height: 20px;
	background: url(../img/ico35.png) no-repeat center;
	display: inline-block;
	cursor: pointer;
}
.icoqh-b{
	width: 132px;
	height: 132px;
	background: url(../img/ico36.png) no-repeat center;
	background-size: cover;
	margin: 15px 0;
	padding: 31px;
	text-align: center;
	line-height: 70px;
}
.icoqh-b img{
	max-height: 100%;
}


.idssBj{
	background: #5B108B;
	height: 120px;
	padding: 0 50px;
	padding-top:25px;
}
.idss-fm{
	width: 100%;
	max-width: 1250px;
	position: relative;
	margin: 0 auto;
}
.idss-fm .int1{
	width: 100%;
	height: 65px;
	background: #fff;
	border: 0;
	font-size: 18px;
	color: #333;
	padding: 0 30px;
	padding-left: 105px;
	border-radius: 35px;
}
.idss-fm .sub1{
	width: 65px;
	height: 65px;
	background: url(../img/ico01_2.png) no-repeat center;
	position: absolute;
	left: 30px;
	top: 0;
	border: 0;
}

.iproBj{
	padding-top: 120px;
	padding-bottom: 120px;
}
.idx-tit{
	font-size: 52px;
	line-height: 1;
	color: #5B108B;
	font-weight: bold;
	text-transform: uppercase;
}
.ipro-txt{
	font-size: 18px;
	line-height: 25px;
	font-family: ;
	margin-top: 10px;
	color: #666;
}
.ipro{
	margin-top: 75px;
	padding: 0 100px;
	position: relative;
}
.ipro-swiper{
	height: 575px;
}
.ipro-prev{
	width: 90px;
	height: 100%;
	margin: 0;
	top: 0;
	left: 0;
	background-color: #f5f5f5;
}
.ipro-next{
	width: 90px;
	height: 100%;
	margin: 0;
	top: 0;
	right: 0;
	background-color: #f5f5f5;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-prev:hover,.ipro-next:hover{
	background-color:#5B108B ;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-slide{
	display: block;
	position: relative;
	width: 100%;
	height: 100%;
	overflow: hidden;
	padding: 0 35px;
	background: #f5f5f5;
}
.ipro-a{
	width: 15px;
	height: 2px;
	background: #000;
	margin-top: 30px;
	position: relative;
	z-index: 2;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-b{
	display: inline-block;
	font-size: 30px;
	line-height: 40px;
	font-weight: bold;
	/*height: 80px;*/
	color: #000;
	margin-top: 20px;
	position: relative;
	z-index: 2;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-c{
	font-size: 20px;
	line-height: 30px;
	height: 60px;
	color: #666;
	margin-top: 20px;
	position: relative;
	z-index: 2;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-d{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 225px;
	left: 0;
	z-index: 1;
	padding:  0 35px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-d1{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(94,67,153,.3);
	opacity: 0;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-d2{
	width: 100%;
	position: absolute;
	left: 0px;
	bottom: 45px;
	padding: 0 35px;
	display: none !important;
}
.ipro-d2 a{
	display: block;
	font-size: 16px;
	color: #fff;
	line-height: 25px;
	border-bottom: 1px solid rgba(255,255,255,.3);
	position: relative;
	padding: 10px 0;
	padding-right: 15px;
	overflow: hidden;
}
.ipro-d2 a>span{
	position: absolute;
	top: 0;
	right: 0;
}
.ipro-d2 a:hover{
	border-color: #fff;
}
.ipro-slide.on .ipro-a{
	background: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-slide.on .ipro-b,.ipro-slide.on .ipro-c{
	color: #fff;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-slide.on .ipro-d{
	top: 0;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.ipro-slide.on .ipro-d2{
	display: block;
}
.ipro-slide.on .ipro-d1{
	opacity: 1;
	transition: all .3s;;
-webkit-transition: all .3s;
}



.itscp{
	
}
.itscp-txt{
	font-size: 36px;
	color: #353535;
	line-height: 42px;
	margin-top: 10px;
}
.itscp-bj{
	height: 820px;
	margin-top: 95px;
	overflow: hidden;
	position: relative;
}
.itscp-lt{
	width: 50%;
	height: 100%;
	float: left;
	position: relative;
}
.itscp-lt1{
	font-size: 380px;
	text-align: center;
	padding-top: 130px;
	line-height: 1;
	color: #d7d7d7;
	opacity: .4;
	font-family: DIN-Condensed-Bold;
}
.itscp-lt2{
	width: 400px;
	height: 400px;
	line-height: 400px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 240px;
	margin-left: -200px;
}
.itscp-lt2 img{
	max-height: 100%;
}
.itscp-ct{
	width: 440px;
	height: 525px;
	background: #fff;
	float: left;
	margin-top: 155px;
	padding: 0 45px;
}
.itscp-ct1{
	font-size: 60px;
	font-family: DIN-Condensed-Bold;
	color: #5B108B;
	line-height: 80px;
	display: inline-block;
	border-bottom: 2px solid #5B108B;
	position: relative;
	top: -40px;
}
.itscp-ct2{
	display: block;
	margin-top: 80px;
}
.itscp-ct2 .d1{
	font-size: 18px;
	font-family: ;
	color: #000;
	line-height: 25px;
}
.itscp-ct2 .d2{
	font-size: 20px;
	color: #000;
	line-height: 25px;
	height: 50px;
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.itscp-ct2 .d3{
	font-size: 16px;
	color: #999;
	line-height: 25px;
	height: 100px;
	margin-top: 15px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 4;
	-webkit-box-orient: vertical;
}
.itscp-ct3{
	overflow: hidden;
	margin-top: 50px;
	font-family: DIN-Condensed-Bold;
}
.itscp-ct3 .d1{
	float: inherit;
	font-size: 20px;
	color: #999;
	line-height: 1;
	float: left;
}
.itscp-ct3 .d1 .sp1{
	font-size: 44px;
	color: #5B108B;
}
.itscp-ct3 .d2{
	float: right;
	width: 80px;
	overflow: hidden;
	padding-top: 20px;
}
.itscp-ct3 .d2 .sp1{
	width: 30px;
	height: 25px;
	background: url(../img/ico07_2.png) no-repeat center;
	float: left;
}
.itscp-ct3 .d2 .sp1:hover{
	background-image: url(../img/ico07_3.png);
}
.itscp-ct3 .d2 .sp2{
	width: 30px;
	height: 25px;
	background: url(../img/ico07.png) no-repeat center;
	float: right;
}
.itscp-ct3 .d2 .sp2:hover{
	background-image: url(../img/ico07_1.png);
}

.itscp-rt{
	float: right;
	width: 360px;
	height: 100%;
	position: relative;
	z-index: 2;
}
.itscp-i{
	position: absolute;
	top: 0;
	right: -20px;
	width: 380px;
	height: 100%;
	background: url(../img/ico30.png) no-repeat right center;
}
.itscp-swiper{
	width: 100%;
	height: 100%;
	padding-right: 20px;
	position: relative;
	right: 20px;
}
.itscp-pro{
	width: 100%;
	height: 184px;
	position: absolute;
	top: 50%;
	left: 0;
	margin-top: -92px;
	text-align: right;
}
.itscp-b{
	display: inline-block;
	width: 184px;
	height: 184px;
	background: url(../img/ico29.png) no-repeat center;
	background-size: cover;
	padding: 52px;
	line-height: 80px;
	float: right;
	margin-right: 25px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.itscp-b img{
	max-height: 100%;
}
.itscp-a{
	float: right;
	text-align: left;
	width: 00px;
	overflow: hidden;
}
.itscp-a1{
	font-size: 46px;
	line-height: 1;
	color: #5B108B;
	font-family: DIN-Condensed-Bold;
	padding-top: 50px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.itscp-a2{
	font-size: 18px;
	line-height: 25px;
	color: #333;
	margin-top: 10px;
}
.itscp-pro{
	position: relative;
	/*left: 300px;*/
	transition: all .3s;;
-webkit-transition: all .3s;
}
.itscp-swiper .swiper-slide-active .itscp-b{
	background-image: url(../img/ico28.png);
	transition: all .3s;;
-webkit-transition: all .3s;
}
.itscp-swiper .swiper-slide-active .itscp-a{
	width: 130px;
	transition: all .3s;;
-webkit-transition: all .3s;
}
.itscp-swiper .swiper-slide-active .itscp-pro{
	left: 0;
}
/*.itscp-swiper .swiper-slide-next .itscp-pro,.itscp-swiper .swiper-slide-prev .itscp-pro{
	left: 0;
	transition: all .3s .1s;
-webkit-transition: all .3s .1s;
}*/
.itscp-c{
	display: none;
}
.itscp-next,.itscp-prev{
	display: none;
}

@media(max-width:1650px){
	.itscp-lt{
		width: 600px;
	}
	.itscp-bj{
		height: 700px;
	}
	.itscp-i{
		right: -70px;
	}
	.itscp-pro{
		height: 150px;
		margin-top: -75px;
	}
	.itscp-b{
		width: 150px;
		height: 150px;
		padding: 40px;
		line-height: 70px;
		background-size: cover;
	}
	.itscp-swiper .swiper-slide-active .itscp-a{
		width: 110px;
	}
	.itscp-a1{
		font-size: 30px;
		padding-top: 25px;
	}
	.itscp-a2{
		font-size: 16px;
		line-height: 20px;
	}
	.itscp-lt1{
		padding-top: 80px;
	}
	.itscp-lt2{
		top: 180px;
	}
	.itscp-ct{
		width: 380px;
		margin-top: 120px;
	}
	
}
@media(max-width:1400px){
	.itscp-lt{
		width: 440px;
	}
	.itscp-lt2{
		width: 300px;
		height: 300px;
		line-height: 300px;
		margin-left: -150px;
		top: 240px;
	}
}
@media(max-width:1200px){
	.itscp-bj{
		height: auto;
		background-position-x: left;
	}
	.itscp-i{
		display: none;
	}
	.itscp-ct{
		width: 50%;
	}
	.itscp-ct{
		width: 50%;
	}
	.itscp-rt{
		width: 100%;
		height: 150px;
		margin: 50px 0;
		padding: 0 30px;
		position: relative;
	}
	
	.itscp-swiper{
		padding:  0;
		right: 0;
	}
	/*.itscp-swiper .swiper-slide-active .itscp-b{
		background-image: url(../img/ico29.png);
	}*/
	.itscp-swiper .swiper-slide{
		
	}
	.itscp-a{
		width: calc(100% - 135px) !important;
		max-width: 150px;
		margin-left: 15px;
	}
	.itscp-b{
		width: 120px;
		height: 120px;
		padding: 35px;
		line-height: 50px;
		margin-right: 0px;
	}
	.itscp-next, .itscp-prev{
		display: block;
		background: #5B108B;
		width: 30px;
		height: 60px;
		margin-top: -30px;
		background-repeat:no-repeat;
		background-position: center;
		background-size: 15px 25px;
	}
	.itscp-pro{
		height: 120px;
		top: 0;
		margin: 0;
	}
	.itscp-rt{
		height: 120px;
	}
}
@media(max-width:1000px){
	.itscp-lt{
		width: 300px;
	}
	.itscp-ct{
		width: 350px;
		margin-left: 50px;
		height: 420px;
	}
	.itscp-lt1{
		font-size: 150px;
	}
	.itscp-ct2{
		margin-top: 10px;
	}
	.itscp-lt2{
		width: 200px;
		height: 200px;
		padding: 0px;
		line-height: 200px;
		margin-left: -100px;
		top: 160px;
	}
}
@media(max-width:750px){
	.itscp-lt{
		width: 100%;
		height:5.5rem;
	}
	.itscp-lt1{
		padding-top: .5rem;
		font-size: 1.8rem;
	}
	.itscp-lt2{
		width: 5rem;
		height: 4rem;
		line-height: 4rem;
		top: 1.2rem;
		margin-left: -2.5rem;
	}
	.itscp-ct{
		width: 96%;
		margin: 0;
		margin-top: .3rem;
		margin-left: 2%;
	}
	.itscp-ct{
		height: auto;
		padding: 0 .4rem;
		padding-bottom: .3rem;
	}
	.itscp-ct1{
		font-size: .6rem;
		line-height: .9rem;
		top: -.45rem;
		display: none;
	}
	.itscp-ct2{
		margin-top: .6rem;
	}
	.itscp-ct2 .d1{
		font-size: .32rem;
		line-height: .4rem;
	}
	.itscp-ct2 .d2{
		font-size: .32rem;
		line-height: .45rem;
		height: .9rem;
	}
	.itscp-ct2 .d3{
		font-size: .28rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.itscp-ct3{
		margin-top: .3rem;
	}
	.itscp-rt{
		margin: .6rem 0;
		margin-bottom: .8rem;
	}
	.itscp-b{
		width: 1.5rem;
		height: 1.5rem;
		padding: .4rem;
		line-height: .7rem;
	}
	.itscp-a{
		width: calc(100% - 1.7rem) !important;
		margin-left: .15rem;
	}
	.itscp-a1{
		font-size: .35rem;
		padding-top: .05rem;
	}
	.itscp-a2{
		font-size: .28rem;
		line-height: .35rem;
		margin-top: .1rem;
	}
	.itscp-rt{
		height: 1.5rem;
		padding: 0 .6rem;
		height: 0;
		overflow: hidden;
		margin: 0;
		margin-bottom: .8rem;
	}
	.itscp-pro{
		height: 1.5rem;
	}
	.itscp-next, .itscp-prev{
		width: .4rem;
		height: .6rem;
		background-size: .15rem .3rem;
		margin-top: -.3rem;
	}
	.itscp-prev{
		left: 0;
	}
	.itscp-next{
		right: 0;
	}
}




.iabt{
	padding-top: 0;
	padding-bottom: 120px;
	background: url(../img/img17.jpg) no-repeat center top;
	
	text-align: center;
}
.iabt-div{
	max-width: 910px;
	display: inline-block;
}
.iabt-b{
	font-size: 20px;
	line-height: 30px;
	color: #222;
	margin-top: 85px;
}
.iabt-c{
	overflow: hidden;
	margin-top: 100px;
}
.iabt-c li{
	width: 25%;
	float: left;
	padding: 0 10px;
}
.iabt-c{
	margin-top: 100px;
}

.ilife{
	height: 685px;
}
.ilife-a{
	font-size: 26px;
	color: #fcfcfc;
	line-height: 35px;
	padding-top: 140px;
}
.ilife-a>div{
	width: 80%;
	max-width: 1000px;
}

.inews{
	padding-top: 110px;
	padding-bottom: 80px;
	overflow: hidden;
}
.inews-ab{
	overflow: hidden;
}
.inews-a{
	float: left;
}
.inews-b{
	float: right;
	padding-top: 35px;
}
.inews-ce{
	display: block;
	overflow: hidden;
	margin-top: 60px;
	padding-bottom: 50px;
	border-bottom: 1px solid #E5E5E5;
}
.inews-c{
	width: 550px;
	height: 330px;
	float: left;
}
.inews-d{
	width: calc(100% - 800px);
	max-width: 600px;
	float: left;
	margin-left: 70px;
}
.inews-d1{
	font-size: 28px;
	line-height: 35px;
	color: #222;
	height: 70px;
	font-weight: bold;
	margin-top: 45px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inews-d2{
	font-size: 18px;
	line-height: 35px;
	color: #666;
	height: 70px;
	font-weight: bold;
	margin-top: 65px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}
.inews-e{
	width: 180px;
	float: right;
}
.inews-e1{
	font-size: 18px;
	color: #999;
	line-height: 1;
	text-align: right;
	padding-top: 50px;
}
.inews-e2{
	margin-top: 135px;
	background: #f0f0f0;
	color: #222;
	border-color: #f0f0f0;
}
.inews-e2:hover{
	color: #fff;
	background: #5B108B;
	border-color: #5B108B;
}
.inews-ce:hover .inews-d1{
	color: #5B108B;
}
.inews-f{
	overflow: hidden;
	padding-top: 50px;
	width: 105%;
}
.inews-f a{
	display: block;
	width: 28.333%;
	margin-right: 5%;
	margin-bottom: 30px;
	float: left;
}
.inews-f a:hover .news-d1{
	color: #5B108B;
}


.icooperation{
	padding-bottom: 60px;
}
.icooperation ul{
	margin-top: 60px;
	overflow: hidden;
}
.icooperation li{
	width: 16.666%;
	height: 150px;
	float: left;
	text-align: center;
	padding:15px;
	text-align: center;
	line-height: 120px;
	font-size: 0;
	margin-bottom: 20px;
}
.icooperation li img{
	max-height: 100%;
}


.proverbBj{
	min-height: 235px;
}
.proverb{
	text-align: center;
	padding-top: 50px;
	padding-bottom: 30px;
	color: #fff;
}
.proverb-a{
	font-size: 24px;
	line-height: 1;
	font-weight: bold;
}
.proverb-b{
	font-size: 16px;
	line-height: 25px;
	margin-top: 15px;
}
.proverb-c{
	margin-top: :;;
}

@media(max-width:1600px){
	.ban-swiper{
		height: 650px;
	}
	.banDiv{
		padding-top: 50px;
	}
	.icoqh{
		height: 565px;
		top: -565px;
	}
	.iszqh{
		top: -80px;
	}
	.banDiv-a{
		padding-top: 200px;
		max-width: 550px;
		font-size: 35px;
		line-height: 45px;
	}
	.banDiv-b{
		font-size: 18px;
	}
	.banDiv-c{
		margin-top: 40px;
	}
	.idx-tit{
		font-size: 42px;
	}
	.itscp-txt{
		font-size: 30px;
		line-height: 40px;
	}
	.inews-d{
		margin-left: 40px;
	}
}
@media(max-width:1200px){
	/*.ban-swiper{
		height: 500px;
	}*/
	.banDiv-rt{
		padding-right: 0;
	}
	.icoqh{
		display: none;
	}
	.banDiv-a{
		padding-top: 150px;
		font-size: 30px;
		line-height: 40px;
		padding-top: 150px;
		max-width: 500px
	}
	.ilife-a{
		font-size: 22px;
		line-height: 30px;
	}
	.inews-c{
		width: 350px;
		height: 200px;
	}
	.inews-d{
		width: calc(100% - 600px);
	}
	.inews-d1{
		font-size: 22px;
		margin-top: 20px;
		line-height: 32px;
		height: 64px;
	}
	.inews-d2{
		font-size: 15px;
		line-height: 25px;
		height: 50px;
		margin-top: 30px;
	}
	.inews-e1{
		padding-top: 25px;
	}
	.inews-e2{
		margin-top: 70px;
	}
	.inews-f{
		width: 102%;
	}
	.inews-f a{
		width: 31.333%;
		margin-right: 2%;
		margin-bottom: 20px;
	}
	.ban-swiper{
		margin-top: 85px;
	}
	.icooperation li{
		height: 120px;
		line-height: 90px;
	}
}

@media(max-width:1000px){
	.banDiv{
		padding-top: 0;
	}
	.banDiv-lt{
		width: 55%;
		min-height: 6rem;
	}
	.banDiv-rt{
		width: 44%;
		height: 300px;
		line-height: 300px;
	}
	.banDiv-a{
		padding-top: 100px;
		font-size: 26px;
		line-height: 35px;
		max-width: 400px
	}
	.ipro-swiper{
		height: 480px;
	}
	.ipro{
		padding: 0 70px;
	}
	.ipro-next,.ipro-prev{
		width: 60px;
		background-color: #5B108B;
	}
	.ipro-slide{
		padding: 0 25px;
	}
	.ipro-b{
		font-size: 22px;
		line-height: 30px;
		/*height: 60px;*/
	}
	.ipro-c{
		font-size: 18px;
		line-height: 22px;
		height: 44px;
		margin-top: 10px;
	}
	.ipro-d{
		top: 180px;
	}
	.ilife-a{
		font-size: 20px;
		line-height: 30px;
	}
	.inews-d{
		width: 100%;
		margin: 0;
	}
	.inews-e{
		float: left;
	}
	.inews-e1{
		text-align: left;
	}
	.inews-e2{
		margin-top: 30px;
	}
	.inews-f{
		width: 100%;
	}
	.inews-f a{
		width: 100%;
		margin: 0;
		margin-bottom: 30px;
		padding-bottom: 20px;
		border-bottom: 1px solid #e5e5e5;
	}
}
@media(max-width:750px){
	.ban-swiper{
		height: 11rem;
		margin-top: 1.25rem;
	}
	.banDiv-lt{
		width: 100%;
		padding-top: .8rem;
	}
	.banDiv-lt-a{
		font-size: .34rem;
		line-height: .45rem;
		margin-bottom: .2rem;
	}
	.banDiv-lt-b{
		font-size: .32rem;
		line-height: .4rem;
		margin-bottom: .2rem;
	}
	.banDiv-rt{
		width: 100%;
		height: 3rem;
		line-height: 3rem;
		margin-top: .6rem;
	}
	.iszqh{
		width: 2rem;
		top: -1rem;
	}
	.iszqh-a,.iszqh-c{
		width: .5rem;
		height: .5rem;
		background-size: .35rem auto;
	}
	.iszqh-b{
		font-size: .3rem;
		width: 1rem;
		height: .5rem;
		line-height: .5rem;
	}
	.iszqh-b .sp1{
		font-size: .5rem;
	}
	.banDiv{
		
	}
	.banDiv-a{
		font-size: .35rem;
		line-height: .5rem;
		padding-top: 3rem;
		width: 5rem;
	}
	.banDiv-b{
		width: 5rem;
		font-size: .3rem;
		line-height: .4rem;
	}
	.banDiv-c{
		width: 2rem;
		height: .7rem;
		line-height: .68rem;
		margin-top: .3rem;
		font-size: .28rem;
	}
	.idssBj{
		height: 1.2rem;
		padding: .2rem .4rem;
	}
	.idss-fm .int1{
		line-height: .8rem;
		height: .8rem;
		font-size: .3rem;
		padding-right: .3rem;
		padding-left: 1.2rem;
	}
	.idss-fm .sub1{
		width: .8rem;
		height: .8rem;
		left: .1rem;
		background-size: .4rem;
	}
	.iproBj{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.idx-tit{
		font-size: .45rem;
	}
	.ipro-txt{
		font-size: .3rem;
		line-height: .4rem;
		margin-top: .15rem;
	}
	.ipro{
		margin-top: .5rem;
		padding: 0 .7rem;
	}
	.ipro-next, .ipro-prev{
		width: .6rem;
		height: .6rem;
		background-size: .2rem .4rem;
		top: 50%;
		margin-top: -.3rem;
	}
	.ipro-swiper{
		height: 6rem;
	}
	.ipro-slide{
		padding: 0 .3rem;
	}
	.ipro-a{
		margin-top: .3rem;
	}
	.ipro-b{
		font-size: .3rem;
		line-height: .45rem;
		/*height: .9rem;*/
		margin-top: .3rem;
	}
	.ipro-c{
		font-size: .28rem;
		line-height: .4rem;
		height: .8rem;
		margin-top: .2rem
	}
	.ipro-d{
		top:2.4rem;
	}
	.ipro-d2{
		padding: 0 .3rem;
		bottom: .3rem;
	}
	.ipro-d2 a{
		font-size: .28rem;
		line-height: .4rem;
		padding: .1rem 0;
		padding-right: .2rem;
	}
	.itscp-txt{
		font-size: .3rem;
		line-height: .45rem;
	}
	.itscp-bj{
		margin-top: .6rem;
	}
	.iabt{
		padding-top: .8rem;
		padding-bottom: .8rem;
		background-size: 6.5rem 2.8rem;
		background-position-y: 1rem;
	}
	.iabt-b{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .5rem;
	}
	.iabt-c{
		margin-top: .7rem;
	}
	.ilife{
		min-height: 7rem;
		height: auto;
		
	}
	.ilife-a{
		font-size: .32rem;
		line-height: .45rem;
		padding-top: 1rem;
		padding-bottom: 1rem;
	}
	.inews{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.inews-b{
		padding-top: 0;
	}
	.inews-ce{
		margin-top: .5rem;
		padding-bottom: .5rem;
	}
	.inews-c{
		width: 100%;
		height: 4rem;
	}
	.inews-d1{
		font-size: .32rem;
		line-height: .45rem;
		height: .9rem;
		margin-top: .2rem
	}
	.inews-d2{
		font-size: .3rem;
		line-height: .45rem;
		height: .9rem;
		margin-top: .2rem;
	}
	.inews-e1{
		font-size: .28rem;
		padding-top: .2rem;
	}
	.inews-e2{
		margin-top: .2rem;
	}
	.inews-f{
		padding-top: .5rem;
	}
	.icooperation ul{
		margin-top: .5rem
	}
	.icooperation ul li{
		width: 33.333%;
		height: 2rem;
		padding: .25rem;
		line-height: 1.5rem;
		margin-bottom: .2rem;
	}
	.icooperation{
		padding-bottom: .8rem;
	}
	.proverb{
		padding-top: .6rem;
		padding-bottom: .6rem;
	}
	.proverb-a{
		font-size: .34rem;
	}
	.proverb-b{
		font-size: .28rem;
		line-height: .45rem;
	}
	.proverbBj{
		min-height: auto;
	}
	.inews-f a{
		padding-bottom: .3rem;
		margin-bottom: 0;
		padding-top: .3rem;
	}
}



.proverbs{
	overflow: hidden;
	padding-top: 90px;
	padding-bottom: 170px;
}
.proverbs-a{
	font-size: 48px;
	line-height: 1;
	color: #000;
	width: 200px;
	float: left;
	margin-bottom: 30px;
}
.proverbs-b{
	float: right;
	border-bottom: 1px solid #E5E5E5;
}
.proverbs-b1{
	font-size: 18px;
	line-height: 25px;
	color: #666;
	display: inline-block;
}
.proverbs-b1 img{
	margin: 0 35px;
}
.proverbs-b2{
	display: inline-block;
}
.proverbs-b2 a{
	display: inline-block;
	font-size: 18px;
	color: #666;
	margin-left: 45px;
	padding-bottom: 15px;
	
}
.proverbs-b2 a:hover{
	color: #5b108b;
}
.proverbs-b2 a.on{
	color: #5b108b;
	border-bottom: 2px solid #5B108B;
}
.proverbs-c{
	width: 100%;
	margin-top: 60px;
	float: left;
}
.proverbs-c li{
	width: 100%;
	border-bottom: 1px solid #E5E5E5;
	padding: 50px 0;
	overflow: hidden;
	color: #333;
}
.proverbs-c1{
	font-size: 18px;
	line-height: 30px;
	width: 120px;
	float: left;
}
.proverbs-c2{
	font-size: 18px;
	line-height: 30px;
	width: calc(100% - 150px);
	width: -webkit-calc(100% - 150px);
	max-width: 925px;
	float: right;
}
.proverbs-pg{
	width: 100%;
	float: left;
	margin-top: 70px;
}
.proverbs-b2 a:first-child{
	margin-left: 0;
}

@media(max-width:1600px){
	.proverbs-b2 a{
		margin-left: 20px;
	}
	.proverbs-b1 img{
		margin: 0 20px;
	}
	.proverbs-a{
		font-size: 40px;
	}
}
@media(max-width:1000px){
	.proverbs-b{
		width: 100%;
		margin-bottom: 40px;
	}
}
@media(max-width:750px){
	.proverbs{
		padding-top: .8rem;
		padding-bottom: .8rem;
	}
	.proverbs-a{
		font-size: .42rem;
		margin-bottom: .5rem;
		font-weight: bold;
	}
	.proverbs-b{
		margin-bottom: .0rem;
		font-size: 0;
		height: auto;
	}
	.proverbs-b1{
		font-size: .3rem;
		line-height: .45rem;
		margin-bottom: .2rem;
	}
	.proverbs-b1 img{
		display: none;
	}
	.proverbs-b2{
		width: 100%;
		overflow-x:  auto;
	}
	.proverbs-b2 a{
		font-size: .28rem;
		line-height: .4rem;
		padding-bottom: .15rem;
		margin-left: .3rem;
	}
	.proverbs-c{
		margin-top: .6rem;
	}
	.proverbs-c li{
		padding: .3rem 0;
	}.proverbs-c1{
		font-size: .28rem;
		line-height: .4rem;
		width: 100%;
	}
	.proverbs-c2{
		font-size: .3rem;
		line-height: .45rem;
		width: 100%;
		margin-top: .15rem;
	}
	.proverbs-pg{
		margin-top: .6rem;
	}
}



.idtk-bj{
	width: 100%;
	height: 100%;
	position: fixed;
	z-index: 99;
	background: rgba(0,0,0,.3);
	top: 0;
	left: 0;
}
.idtk{
	width: 920px;
	height: 90vh;
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 100px;
	transform:translate(-50%,-50%);
	-ms-transform:translate(-50%,-50%);
	-moz-transform:translate(-50%,-50%);
	-webkit-transform:translate(-50%,-50%);
	background: #fff;
	text-align: center;
	font-family: ;
	/*display: none;*/
}
.idtk-a{
	font-size: 40px;
	color: #5b108b;
	line-height: 50px;
}
.idtk-b{
	font-size: 20px;
	line-height: 30px;
	color: #222;
	margin-top: 20px;
}
.idtk-c{
	margin-top: 40px;
	overflow: hidden;
}
.idtk-c a{
	display: block;
	width: 48%;
	float: left;
	max-width: 640px;
	border-radius: 10px;
}
.idtk-c a .d1{
	overflow: hidden;
	height: 200px;
	line-height: 200px;
	text-align: center;
	font-size: 0;
}
.idtk-c a .d1 img{
	max-height: 100%;
}
.idtk-c a .d2{
	font-size: 22px;
	color: #5b108b;
	line-height: 30px;
	height: 30px;
	margin-top: 20px;	
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
.idtk-c a .d3{
	font-size: 18px;
	color: #666;
	line-height: 25px;
	height: 75px;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}
.idtk-c a:nth-child(2n + 0){
	float: right;
}
.idtk-ac{
	height: calc(100vh - 220px);
	height: -webkit-calc(100vh - 220px);
	overflow-y: auto;
}
.idtk-g{
	width: 120px;
	font-size: 16px;
	line-height: 60px;
	color: #222;
	background: url(../img/itk01.png) no-repeat right center;
	position: absolute;
	top: 30px;
	right: 30px;
	text-align: left;
	cursor: pointer;
}
.idtk-g:hover{
	color: #5b108b;
}

@media(max-width:1600px){
	.idtk{
		padding: 50px;
		width: 800px;
	}
	
	.idtk-ac{
		height: calc(100vh - 110px);
	height: -webkit-calc(100vh - 110px);
	}
	.idtk-a{
		font-size: 30px;
		line-height: 40px;
	}
	.idtk-b{
		font-size: 17px;
		line-height: 25px;
		margin-top: 15px;
	}
	.idtk-c{
		margin-top: 30px;
	}
	.idtk-c a .d2{
		font-size: 18px;
		line-height: 20px;
		margin-top: 10px;
	}
	.idtk-c a .d3{
		font-size: 16px;
		line-height: 18px;
		height: 54px;
		margin-top: 10px;
	}
	.idtk-g{
		top: 15px;
		right: 15px;
		width: 80px;
		height: 40px;
		line-height: 40px;
		background-size: 40px auto;
	}
}
@media(max-width:1200px){
	.idtk{
		width: 800px;
	}
	
}
@media(max-width:750px){
	.idtk{
		width: 100%;
		height: 80vh;
		padding:.8rem .4rem;
	}
	.idtk-ac{
		height: 100%
	}
	.idtk-a{
		font-size: .4rem;
		line-height: .5rem;
		font-weight: bold;
	}
	.idtk-b{
		font-size: .32rem;
		line-height: .45rem;
		margin-top: .2rem;
	}
	.idtk-c{
		margin-top: .3rem;
	}
	.idtk-c a .d1{
		height: 1.5rem;
		line-height: 1.5rem;
	}
	.idtk-c a .d2{
		font-size: .32rem;
		line-height: .4rem;
		height: .4rem;
		margin-top: .1rem;
	}
	.idtk-c a .d3{
		font-size: .28rem;
		line-height: .4rem;
		height: 1.2rem;
		margin-top: .1rem;
	}
	.idtk-g{
		top: .2rem;
		right: .2rem;
		width: 1.3rem;
		height: .6rem;
		line-height: .6rem;
		background-size: .5rem auto;
	}
}


.interested{
	margin-top: 60px;
}
.interested-tit{
	font-size: 30px;
	font-weight: bold;
	line-height: 1;
	color: #000;
}

.interested-swiper{
	margin-top: 30px;
	padding-bottom: 40px;
}
.interested-swiper a{
	display: block;
}
.interested-img{
	overflow: hidden;
	position: relative;
	height: 300px;
}
.interested-img .pos{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.interested-txt{
	font-size: 18px;
	line-height: 30px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	color: #000;
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
}
@media(max-width:1200px){
	.interested-img{
		height: 240px;
	}
}
@media(max-width:750px){
	.interested{
		margin-top: .7rem;
	}
	.interested-tit{
		font-size: .4rem;
	}
	.interested-img{
		height: 5rem;
	}
	.interested-swiper{
		margin-top: .4rem;
	}
	.interested-txt{
		font-size: .3rem;
		line-height: .4rem;
		height: .4rem;
		margin-top: .15rem;
	}
}

.psnav{
	position: fixed;
	top: 85px;
	left: 0;
	width: 100%;
	z-index: 9;
	background: #fff;
	border-bottom: 1px solid #E5E5E5;
	/*padding-top: 30px;*/
	display: none;
}
.psnav .proinfo-nav{
	margin-top: 30px;
	border: 0;
}
@media(max-width:750px){
	.psnav .proinfo-nav{
		margin-top: 10px;
	}
	.psnav{
		top: 1.25rem;
	}
}