@charset "utf-8";

/*!
*  http://www.liluokj.com
*  立络科技 - 联系电话18260806066
*/
body {
	background-color: #ffffff;
	font-size: 13px;
	color: #727272;
}

.sjxs {
	display: none;
}

/*连接部分*/
a:link, a:visited, a:hover, a:active {
	color: #060606;
	text-decoration: none;
}
/*版头*/
.bt {
	width: 100%;
	height: 138px;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 4;
}
.bt a:link, .bt a:visited{
	color: #ffffff;
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 2px;
	transition: background-size 600ms;
	outline: none;
}
.bt a:hover, .bt a.ydj{
	background-position: left bottom;
	background-size: 100% 2px;
	-webkit-background-size: 100% 2px;
}
.bt a:active{
	background-size: 100% 2px;
}
.bt_logo {
	width: 214px;
	height: 68px;
	line-height: 68px;
	margin-top: 52px;
	padding-left: 186px;
	background-image: url(../img/logo.png);
	background-repeat: no-repeat;
	overflow: hidden;
	float: left;
}
.bt_logo a {
	letter-spacing: 2px;
	font-size: 30px;
	padding: 3px 0 3px 6%;
}
.bt_dianhua{
	width: 236px;
	height: 83px;
	float: right;
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #fff;
	margin-top: 50px;
	position: relative;
}
.bt_dianhua a{
	width: 100%;
	width: calc(100% + 1px);
	height: 86px;
	line-height: 85px;
	font-size: 26px;
	display: block;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
}
.bt .bt_dianhua a:link, .bt .bt_dianhua a:visited{
	background-size: 0 3px;
}
.bt .bt_dianhua a:hover, .bt .bt_dianhua a.ydj{
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
}
.bt .bt_dianhua a:active{
	background-size: 100% 3px;
}
.bt_dianhua a b{
	display: block;
	width: 19px;
	height: 19px;
	float: left;
	margin: 33px 5px 0 25px;
	background-image: url(../img/dianhua.png);
	background-repeat: no-repeat;
	background-size: 100%;
}
.dh{
	float: right;
	height: 33px;
	width: 36%;
	margin-top: 77px;
}
.dhan{
	float: right;
	width: 38px;
	height: 38px;
	cursor: pointer;
	margin-left: 8px;
	position: relative;
	right: 0;
}
.dhan.stop{
	position: fixed;
}
.dhan span{
	width: 38px;
	height: 5px;
	background-color: #cdcdcd;
	display: block;
	border-radius: 3px 0 0 3px;
	margin-bottom: 9px;
	float: right;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.dhan span.dhan2{
	width: 35px;
}
.dhzk{
	position: absolute;
	top: 68px;
	right: 13%;
	padding-top: 6px;
}
.dhzk span{
	float: none;
	border-radius: 3px;
	margin-bottom: 3px;
}
.dhzk span.dhan1{
	-webkit-transform: translateY(8px) rotateZ(45deg);
	-moz-transform: translateY(8px) rotateZ(45deg);
	-ms-transform: translateY(8px) rotateZ(45deg);
	-o-transform: translateY(8px) rotateZ(45deg);
	transform: translateY(8px) rotateZ(45deg);
}
.dhzk span.dhan2{
	width: 0;
	display: none;
}
.dhzk span.dhan3{
	-webkit-transform: translateY(0px) rotateZ(-45deg);
	-moz-transform: translateY(0px) rotateZ(-45deg);
	-ms-transform: translateY(0px) rotateZ(-45deg);
	-o-transform: translateY(0px) rotateZ(-45deg);
	transform: translateY(0px) rotateZ(-45deg);
}
.dh ul{
	float: right;
	width: 90%;
	width: calc(100% - 46px);
	height: 33px;
	line-height: 33px;
	overflow: hidden;
	display: flex;
}
.dh ul li{
	text-align: center;
	font-size: 16px;
	width: 20%;
}
.dh ul li a{
	padding-bottom: 5px;
	font-weight: normal;
}
.bt .dh a:link, .bt .dh a:visited{
	background-size: 0 1px;
}
.bt .dh a:hover, .bt .dh a.ydj, .bt .dh a.xz{
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.bt .dh a:active{
	background-size: 100% 1px;
}
.dh ul li.dh_bxs, .dh ul li .dhej{
	display: none;
}
.dhzkbj{
	float: none;
	position:fixed;
	left: 0;
	width: 100%;
	background-color: rgba(6,6,6,0.8);
	overflow-y:auto;
	margin-top: 0;
}
.dhzkbj ul{
	float: none;
	background-color: rgba(6,6,6,0.88);
	width: 68%;
	margin:105px auto;
	padding: 3%;
	border-radius: 20px;
	height: auto;
}
.dhzkbj ul li.dh_bxs, .dhzkbj ul li .dhej, .dhzkbj ul li .dhej span{
	display: block;
}
.dhzkbj ul li .dhej{
	width: 80%;
	margin: 8px auto 0;
	padding-top: 6px;
	border-top: 1px dashed #cdcdcd;
}
.dhzkbj ul li .dhej span a{
	font-size: 14px;
	font-weight: normal;
}
.dhzkbj ul li .dhej span:nth-of-type(1){
	animation: marginL 600ms ease-in-out;
	-webkit-animation: marginL 600ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(2){
	animation: marginL 700ms ease-in-out;
	-webkit-animation: marginL 700ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(3){
	animation: marginL 800ms ease-in-out;
	-webkit-animation: marginL 800ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(4){
	animation: marginL 900ms ease-in-out;
	-webkit-animation: marginL 900ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(5){
	animation: marginL 1000ms ease-in-out;
	-webkit-animation: marginL 1000ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(6){
	animation: marginL 1100ms ease-in-out;
	-webkit-animation: marginL 1100ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(7){
	animation: marginL 1200ms ease-in-out;
	-webkit-animation: marginL 1200ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(8){
	animation: marginL 1300ms ease-in-out;
	-webkit-animation: marginL 1300ms ease-in-out;
}
.dhzkbj ul li .dhej span:nth-of-type(9){
	animation: marginL 1400ms ease-in-out;
	-webkit-animation: marginL 1400ms ease-in-out;
}
/* 幻灯片 */
.hdp{
	position: relative;
	z-index: 1;
	overflow: hidden;
	background-color: rgba(6,6,6,1);
	margin-bottom: 100px;
}
.hdp #example1 .sp-grab{
	height: 730px;
}
.hdp #example4 .sp-grab{height: 500px;}
.hdp .sp-slide h3{
	width: 43%;
	height: 144px;
	line-height: 72px;
	overflow: hidden;
	margin-left: 50%;
	margin-top: 22%;
	color: #fff;
	font-size: 56px;
}
.hdp .sp-slide h3 a:link, .hdp .sp-slide h3 a:visited, .hdp .sp-slide h3 a:hover, .hdp .sp-slide h3 a:active{
	color: #fff;
	transition: 0.5s;
	mix-blend-mode: difference;
	-webkit-text-stroke: 2px #060606;
	paint-order: stroke;
}
.hdp .sp-fade-arrows .sp-arrow{
	height: 68px;
	z-index: 2;
}
.sp-next-arrow:after, .sp-next-arrow:before, .sp-previous-arrow:after, .sp-previous-arrow:before{
	background-color: #fff;
}
/*查询*/
.chaxun_box{
	position: relative;
}
.chaxun{
	position: absolute;
	top: -317px;
	width: 950px;
	height: 174px;
	z-index: 1;
}
.chaxun ul{
	height: 78px;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	display: flex;
}
.chaxun ul li{
	width: calc(33.33% - 1px);
	font-size: 13px;
	border-left: 1px solid #cdcdcd;
	height: 78px;
	line-height: 78px;
	text-align: center;
	cursor: pointer;
	color: #fff;
	background: none;
}
.chaxun ul li.xz{
	background-color: #fff;
	color: #060606;
}
.chaxun dl{
	background-color: #fff;
	height: 78px;
	padding: 15px 11px 0;
}
.chaxun dl dt{
	height: 58px;
	overflow: hidden;
	position: relative;
	border-radius: 12px;
	background: url(../img/chaxun.png) no-repeat 23px 18px #f7f7f7;
	padding-left: 53px;
}
.chaxun dl dt span{
	height: 58px;
	line-height: 58px;
	display: block;
	color: #060606;
	font-size: 16px;
}
.chaxun dl dt span strong{
	font-weight: normal;
}
.chaxun dl dt.xz span{
	margin-left:100%;
}
.chaxun dl dt input{
	border:none;
	background:none;
	height:22px;
	line-height:22px;
	padding:18px 0;
	position:absolute;
	top:0px;
	left:53px;
	width: 68%;
	display:block;
	overflow:hidden;
	font-size:16px;
	z-index:1;
}
.chaxun dl dt input:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
	background:#f7f7f7;
}
.chaxun dl dt a{
	position:absolute;
	top:4px;
	right:4px;
	display:block;
	width:24%;
	height:50px;
	line-height: 50px;
	border-radius: 12px;
	text-align: center;
	background:#ececec;
}
.chaxun dl dt a:link, .chaxun dl dt a:visited, .chaxun dl dt a:hover{
	text-decoration: none;
	color:#060606;
}
.chaxun dl dt.xz a, .chaxun dl dt.xz a:hover, .chaxun dl dt.xz a:focus{
	background:#060606;
	color:#fff;
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
}
.chaxun dl dd{
	height: 20px;
	line-height: 20px;
	font-size: 12px;
	text-align: center;
	color: #db231e;
	display: block;
}
/*点击弹出*/
#faqbg {
	background-color: rgba(6,6,6,0.8);
	position:absolute;
	z-index:99999;
	left:0;
	top:0;
	width:0%;
}
.faqdiv {
	position:fixed;
	height:400px;
	top:17%;
	left:-108%;
	width:510px;
	z-index:100000;
	overflow: hidden;
	background: #fff;
	-moz-box-shadow: 0px 0px 88px #cdcdcd;
    -webkit-box-shadow: 0px 0px 88px #cdcdcd;
    box-shadow: 0px 0px 88px #cdcdcd;
}
.faqdiv #hydlt{
	height:50px;
	line-height:50px;
	overflow:hidden;
	background: #060606;
	color:#fff;
	padding-top:10px;
}
.faqdiv ul{
	float:left;
}
.faqdiv #hydlt h5{
	float:right;
	width:17px;
	height:18px;
	background:url(../img/closeBtnImg.gif);
	cursor:pointer;
	margin:13px 14px 0 0;
}
.faqdiv ul li{
	cursor:pointer;
	float:left;
	padding:0 36px;
	font-size:14px;
	margin-left:10px;
	background:#fff;
	color:#241608;
	cursor:pointer;
	font-weight: bolder;
	border-radius: 6px 6px 0 0;
}
.faqdiv ul li.ztwdj{
	background:#060606;
	color:#fff;
	font-weight: normal;
}
.faqdiv #hydlx{
	padding:18px 10px 20px;
}
.faqdiv #hydlx h1{
	font-size:16px;
	color:#f0850c;
	line-height:30px;
	width:72%;
	margin:10px auto;
}
.faqdiv #hydlx h3{
	font-size: 14px;
	font-weight: normal;
	text-align: center;
	color:#777;
	padding-bottom:26px;
	padding-top:8px;
}
.faqdiv #hydlx h3 b{
	color:#e28000;
	font-size:16px;
	margin:0 3px;
}
.faqdiv #hydlx ol li{
	height:48px;
	overflow:hidden;
	color:#060606;
}
.faqdiv #hydlx ol li.wzy{
	height:89px;
}
.faqdiv #hydlx ol li.wzy textarea{
	height:70px;
	width:191px;
}
.faqdiv #hydlx ol li h4{
	font-size: 13px;
	text-align: right;
	padding-right: 3px;
	float: left;
	width: 130px;
	padding-top: 6px;
	font-weight: normal;
}
.faqdiv #hydlx ol li h5{
	float:left;
	width:200px;
	font-size: 15px;
	line-height:20px;
	font-weight: normal;
}
.faqdiv #hydlx ol li h5.tchy{
	width:350px;
}
.faqdiv #hydlx ol li h5#scon{
	font-size: 16px;
	font-weight: bolder;
	color: #F00;
}
.faqdiv #hydlx ol li h5.tchy b,.faqdiv #hydlx ol li h5.tchy a{
	margin:0 6px;
}
.faqdiv #hydlx ol li h5 input{
	border: none;
	width:180px;
	padding:4px 0px 5px 10px;
	overflow:hidden;
	height:24px;
	line-height:22px;
	font-size: 14px;
	display:block;
	background-color: #ececec;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #241608;
}
.faqdiv ol li h5 input:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
	background-color:#1f180e;
}
.faqdiv #hydlx ol li h2{
	font-size: 22px;
	padding-right: 3px;
	float:left;
	width:288px;
	color:#3083fd;
}
.faqdiv #hydlx ol li h6{
	float:left;
	width:150px;
	color:#db231e;
	font-size: 13px;
	font-weight: normal;
	padding-top:7px;
}
.faqdiv #hydlx ol li.yzm{
	height:52px;
}
.faqdiv #hydlx ol li.yzm h5 span{
	width:93px;
	float:left;
	line-height:12px;
	font-size:12px;
}
.faqdiv #hydlx ol li.yzm h5 input{
	width:77px;
	float:left;
	margin-bottom:5px;
}
.faqdiv #hydlx ol li h5 b{
	float:left;
	height:33px;
	display:block;
}
.faqdiv #hydlx ol li h5 b a{
	height:28px;
	width:107px;
	background:#0051c7;
	font-weight: normal;
	text-align: center;
	line-height:28px;
	display:block;
}
.faqdiv #hydlx ol li h5 b a.bukedian{
	text-decoration: line-through;
}
.faqdiv #hydlx ol li.yzm h5 img{
	width:100px;
	height:48px;
	cursor:pointer;
}
.faqdiv #hydlx ol li.dltj{
	height:100px;
}
.faqdiv #hydlx ol li h3{
	border-top: 1px solid #cdcdcd;
	height:50px;
	margin:20px 9% 25px;
	padding:15px 0;
	font-weight: normal;
	font-size:12px;
}
.faqdiv #hydlx ol li h3 a{
	display:block;
	height:36px;
	line-height:36px;
	width:33%;
	margin:0 auto;
	border-radius: 6px;
}
.faqdiv #hydlx ol li h3 a:link, .faqdiv #hydlx ol li h3 a:visited {
	color:#060606;
	border:1px dashed #060606;
	background:#fff;
	font-size:14px;
}
.faqdiv #hydlx ol li h3 a:hover{
	border:1px solid #060606;
	text-decoration: none;
	color:#060606;
	background:#cdcdcd;
}
.faqdiv #hydlx ol li h3 a:active {
	color:#060606;
	border:1px dashed #060606;
}
.faqdiv #hydlx ol li h3 span{
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	color: #db231e;
}
.gundong{
	position: fixed;
	bottom: 12px;
	right: 3%;
	background-color: rgb(6, 6, 6, 0.88);
	width: 95px;
	height: 95px;
	border-radius: 50%;
	z-index: 3;
	cursor: pointer;
	background-image: url(../img/jiantou.png);
	background-repeat: no-repeat;
	background-position:center;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.gundong:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
}
.gd_xyg{
	-webkit-transform: translateY(0px) rotateZ(0deg);
	-moz-transform: translateY(0px) rotateZ(0deg);
	-ms-transform: translateY(0px) rotateZ(0deg);
	-o-transform: translateY(0px) rotateZ(0deg);
	transform: translateY(0px) rotateZ(0deg);
}
.gd_stop{
	-webkit-transform: translateY(0px) rotateZ(180deg);
	-moz-transform: translateY(0px) rotateZ(180deg);
	-ms-transform: translateY(0px) rotateZ(180deg);
	-o-transform: translateY(0px) rotateZ(180deg);
	transform: translateY(0px) rotateZ(180deg);
}
/*首页板块1*/
.sy1{
	position: relative;
	padding-bottom: 30px;
}
.sy1 .jz{
	overflow: hidden;
	height: 864px;
}
.sy1 img{
	float: right;
	width: 50%;
	max-width: 750px;
	max-height: 864px;
}
.sy1 h2, .sy1 h3, .sy1 h4, .sy1 strong{
	font-weight: normal;
	float: left;
	overflow: hidden;
}
.sy1 .slider-pro h2.sp-layer{
	height: 40px;
	line-height: 40px;
	color: #060606;
	padding: 0 60px;
	border: 1px solid #cdcdcd;
	font-size: 14px;
	margin-top: 23px;
}
.sy1 .slider-pro h3.sp-layer{
	color: #060606;
	font-size: 32px;
	line-height: 50px;
	width: 43%;
	height: 150px;
	margin-top: 105px;
}
.sy1 .slider-pro h4.sp-layer{
	margin-top: 311px;
	margin-left: 17%;
	width: 22%;
	line-height: 30px;
	font-size: 14px;
}
.sy1 .slider-pro p{
	position: absolute;
	margin-left: 17%;
	margin-top: 692px;
	width: 27%;
	height: 146px;
	font-size: 13px;
	display: block;
}
.sy1 .slider-pro p a{
	position: absolute;
	display: block;
	width: 85%;
	top: 33px;
	height: 80px;
	line-height: 80px;
}
.sy1 .slider-pro p span{
	display: block;
	height: 1px;
	margin-top: 112px;
	width: 85%;
	background-color: #060606;
}
.sy1 .slider-pro p a b{
	height: 144px;
	width: 144px;
	display: block;
	background-image: url(../img/jiantou_hei.png);
	background-repeat: no-repeat;
	background-position: center;
	background-color: rgba(255,255,255,0);
	border-radius: 50%;
	border: 1px dashed #cdcdcd;
	position: absolute;
	top: -34px;
	right: -62px;
	transition: all 200ms ease;
}
 .sy1 p a:hover b{
	border: 1px solid #cdcdcd;
	background-color: rgba(255,255,255,1);
}
.sy1 p a:link, .sy1 p a:visited{
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.sy1 p a:hover, .sy1 p a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.sy1 p a:active{
	background-size: 100% 1px;
}
.sy1 .sp-arrow{
	height: 68px;
}
.sy1 .sp-horizontal .sp-previous-arrow{
	left: 52%;
}
.sy1 .sp-horizontal .sp-next-arrow{
	right: 2%;
}
.sy1bj{
	position: absolute;
	top: 147px;
	right: 0;
	width: 50%;
	height: 570px;
	background-color: #00c6cf;
	z-index: -1;
}
.sy1.ydcf .sy1bj{
	animation: scale2 800ms ease-in-out;
	-webkit-animation: scale2 800ms ease-in-out;
}
/*首页广告语*/
.syggy{
	width: 100%;
	overflow: hidden;
	font-weight: bolder;
	letter-spacing: 20px;
	font-size: 112px;
	font-size: 8.6vw;
	text-align: center;
	-webkit-text-stroke: 1px #cdcdcd;
	paint-order: stroke;
	color: rgba(255,255,255,0);
	white-space: nowrap;
	margin: 60px 0 66px;
}
.ggy_11{
	font-size: 99px;
	font-size: 7.6vw;
}
.ggy_10{
	font-size: 112px;
	font-size: 8.6vw;
}
.ggy_9{
	font-size: 120px;
	font-size: 9.2vw;
}
/*首页产品*/
.sy2{
	padding-top: 12px;
	padding-bottom: 40px;
}
.sy2_top{
	padding-left: 93px;
}
.sy2_top h2{
	font-size: 50px;
	color: #060606;
	letter-spacing: 2px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 28px;
	overflow: hidden;
	width: 0;
}
.ydcf .sy2_top h2{
	width: 50%;
	animation: typing 1s steps(66), blink .5s step-end infinite alternate;
}
.sy2_top ul{
	border-left: 1px solid #cdcdcd;
	height: 38px;
	line-height: 36px;
	overflow: hidden;
}
.sy2_top ul li{
	height: 36px;
	color: #060606;
	font-size: 14px;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	padding: 0 120px 0 13px;
	float: left;
	overflow: hidden;	
}
.sy2_list{
	margin-top: 50px;
}
.sy2_list dl{
	float: left;
	position: relative;
	width: 31.3%;
	margin: 15px 1%;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-ms-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;
}
.sy2_list dl dt{
	width: 100%;
	overflow:hidden;
	text-align:center;
	display:block;
	position:relative;
	margin: 0;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.sy2_list dl:hover dt{
	width: 104%;
	margin-left: -2%;
	-moz-box-shadow: 0px 0px 8px #272727;
	-webkit-box-shadow: 0px 0px 8px #272727;
	box-shadow: 0px 0px 8px #272727;
}
.sy2_list dl dt b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.sy2_list dl dt img{
	vertical-align:middle;
	max-width:100%;
}
.sy2_list dl dd{
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
	background-color: rgba(6,6,6,0.5);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.sy2_list dl dd a{
	display: block;
	width: 70%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	font-size: 26px;
	position: absolute;
	text-align: center;
	top: 40%;
	left: 15%;
	background-color: rgba(6,6,6,0);
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.sy2_list dl dd a:link, .sy2_list dl dd a:visited{
	color: #fff;
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 2px;
	outline: none;
}
.sy2_list dl dd a:hover, .sy2_list dl dd a.ydj{
	background-position: left bottom;
	background-size: 100% 2px;
	-webkit-background-size: 100% 2px;
}
.sy2_list dl dd a:active{
	background-size: 100% 2px;
}
.sy2_list dl dd:hover a{
	font-size: 16px;
	line-height: 26px;
	color: #fff;
	background-color: rgba(6,6,6,1);
	display: inline-block;
	width: auto;
	max-width: 70%;
	top: 0;
	left: 0;
	height: auto;
	padding: 10px 10%;
	z-index: 1;
}
.sy2_list dl dd:before, .sy2_list dl dd:after {
	display: block;
	width: 10%;
	height: 13%;
	content: "";
	border-width: 0;
	border-style: dashed;
	border-color: #fff;
	position: absolute;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.sy2_list dl dd:before {
	left: 10%;
	top: 35%;
	border-left-width: 1px;
	border-top-width: 1px;
}
.sy2_list dl dd:after {
	right: 10%;
	bottom: 42%;
	border-bottom-width: 1px;
	border-right-width: 1px;
}
.sy2_list dl dd:hover{
	background-color: rgba(6,6,6,0);
	width: 104%;
	margin-left: -2%;
}
.sy2_list dl dd:hover:before{
	border-color: #060606;
	border-style: solid;
	width: 99.6%;
	height: 99.6%;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	left: 0;
	top: 0;
}
.sy2_list dl dd:hover:after{
	border-color: #060606;
	border-style: solid;
	width: 99.6%;
	height: 99.6%;
	width: calc(100% - 1px);
	height: calc(100% - 1px);
	right: 0;
	bottom: 0;
}
.sy2_list p{
	display: block;
	margin: 76px auto;
	width: 300px;
	height: 85px;
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #060606;
	position: relative;
}
.sy2_list p a{
	display: block;
	width: 100%;
	width: calc(100% + 1px);
	text-align: center;
	height: 88px;
	line-height: 87px;
	font-size: 14px;
}
.sy2_list p a:link, .sy2_list p a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 3px;
	transition: background-size 600ms;
	outline: none;
}
.sy2_list p a:hover, .sy2_list p a.ydj{
	background-position: left bottom;
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
}
.sy2_list p a:active{
	background-size: 100% 3px;
}
/*首页案例*/
.sy3{
	background-color: #060606;
	padding: 100px 0;
	overflow: hidden;
	height: 675px;
	margin-bottom: 138px;
}
.sy3_title{
	width: 468px;
	height: 570px;
	padding-top: 76px;
	float: left;
	position: relative;
}
.sy3_title h4, .sy3_title h3, .sy3_title h2{
	font-weight: normal;
}
.sy3_title h4{
	height: 40px;
	line-height: 40px;
	font-size: 14px;
	border: 1px solid #cdcdcd;
	padding: 0 58px;
	display: inline-block;
}
.sy3.ydcf .sy3_title h4 {
	animation: marginL 600ms ease-in-out;
    -webkit-animation: scale25 600ms ease-in-out;
}
.sy3_title h2{
	letter-spacing: 2px;
	font-size: 40px;
	line-height: 60px;
	max-height: 120px;
	overflow: hidden;
	color: #fff;
	margin: 36px 0 32px;
}
.sy3_title h3{
	font-size: 14px;
	line-height: 30px;
	max-height: 120px;
	overflow: hidden;
}
.sy3_title p{
	display: block;
	width: 110px;
	height: 54px;
	border-bottom: 2px solid #fff;
	position: absolute;
	bottom: 24px;
	right: 0;
}
.sy3_title p a{
	display: block;
	height: 56px;
	line-height: 55px;
	padding-left: 3px;
}
.sy3_title p a:link, .sy3_title p a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 2px;
	transition: background-size 600ms;
	outline: none;
	color: #fff;
}
.sy3_title p a:hover, .sy3_title p a.ydj{
	background-position: left bottom;
	background-size: 100% 2px;
	-webkit-background-size: 100% 2px;
	color: #fff;
}
.sy3_title p a:active{
	background-size: 100% 2px;
	color: #fff;
}
.sy3 .jz{
	position: relative;
}
.sy3 .sy3_list{
	width: 100%;
	position: absolute;
	top: 0;
}
.sy3 .slider-pro{
	margin: 0;
	padding-right: 32%;
	position: absolute;
	right: 0px;
	top: 0;
}
.sy3 .sp-mask{
	padding-right: 99%;
}
.sy3 .sp-mask .sp-slide{
	filter: Alpha(Opacity=68);
	opacity: 0.68;
}
.sy3 .sp-mask .sp-selected{
	filter: Alpha(Opacity=100);
	opacity: 1;
}
.sy3 .sp-slides .sp-slide img{
	max-width: 480px;
	height: 675px;
}
.sy3 .slider-pro p.sp-layer{
	max-width: 92%;
	background-color: rgb(6, 6, 6, 0.8);
	font-size: 22px;
	letter-spacing: 1px;
	padding: 10px 3% 14px;
	top: 0;
	max-height: 82px;
	overflow: hidden;
}
.sy3 .slider-pro p.sp-layer a:link, .sy3 .slider-pro p.sp-layer a:visited{
	color: #fff;
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 2px;
	transition: background-size 600ms;
	padding-bottom: 3px;
	line-height: 34px;
	outline: none;
}
.sy3 .slider-pro p.sp-layer a:hover, .sy3 .slider-pro p.sp-layer a.ydj{
	background-position: left bottom;
	background-size: 100% 2px;
	-webkit-background-size: 100% 2px;
}
.sy3 .slider-pro p.sp-layer a:active{
	background-size: 100% 2px;
}
.sy3 .sp-fade-arrows {
    opacity: 1;
	left: -100%;
	top: 82%;
	margin-left: 0;
}
.sy3.ydcf .sp-fade-arrows div:nth-of-type(1) {
	animation: marginL 1000ms ease-in-out;
    -webkit-animation: marginL 1000ms ease-in-out;
}
.sy3.ydcf .sp-fade-arrows div:nth-of-type(2) {
	animation: marginL 1200ms ease-in-out;
    -webkit-animation: marginL 1200ms ease-in-out;
}
.sy3 .sp-arrow{
	width: 112px;
	height: 112px;
	border-radius: 50%;
	border: 1px dashed #727272;
}
.sy3 .sp-arrow:hover{
	border-style: solid;
}
.sy3 .sp-horizontal .sp-previous-arrow{
	left: 0;
}
.sy3 .sp-horizontal .sp-next-arrow{
	right: auto;
	left: 100px;
}
.sy3 .sp-next-arrow:after, .sy3 .sp-previous-arrow:after{
	content: url(../img/jiantou.png);
	background-color: transparent;
	width: 33px;
	height: auto;
}
.sy3 .sp-previous-arrow:after{
	top: 39%;
	left: 36%;
	-webkit-transform: skew(0deg, 0deg) translateY(0px) rotateZ(90deg);
    -ms-transform: skew(0deg, 0deg) translateY(0px) rotateZ(90deg);
    transform: skew(0deg, 0deg) translateY(0px) rotateZ(90deg);
}
.sy3 .sp-next-arrow:after{
	top: 30%;
	right: 34%;
	-webkit-transform: skew(0deg, 0deg) translateY(0px) rotateZ(-90deg);
    -ms-transform: skew(0deg, 0deg) translateY(0px) rotateZ(-90deg);
    transform: skew(0deg, 0deg) translateY(0px) rotateZ(-90deg);
}
.sy3 .sp-next-arrow:before, .sy3 .sp-previous-arrow:before{
	content: none;
}
.sy3_list_bj{
	background-color: #060606;
	right: 0;
	position: absolute;
	top: 0;
	height: 675px;
	width: 36px;
	-webkit-box-shadow: -6px 0px 10px #000;
    -moz-box-shadow: -6px 0px 10px #000;
    box-shadow: -6px 0px 10px #000;
}
/*首页新闻*/
.sy4{
	padding-top: 12px;
	padding-bottom: 88px;
}
.sy4_title{
	padding-left: 93px;
}
.sy4_title h2{
	font-size: 50px;
	color: #060606;
	letter-spacing: 2px;
	height: 60px;
	line-height: 60px;
	margin-bottom: 28px;
	overflow: hidden;
	width: 0;
}
.ydcf .sy4_title h2{
	width: 50%;
	animation: typing 1s steps(66), blink .5s step-end infinite alternate;
}
.sy4_title ul{
	border-left: 1px solid #cdcdcd;
	min-height: 38px;
	line-height: 36px;
	overflow: hidden;
	padding-top: 1px;
}
.sy4_title ul li{
	height: 36px;
	color: #060606;
	font-size: 14px;
	border-top: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
	float: left;
	margin-top: -1px;
}
.sy4_title ul li.xz{
	background-color: #ececec;
}
.sy4_title ul li a{
	display: block;
	height: 36px;
	padding: 0 46px 1px;
}
.sy4_title ul li a:link, .sy4_title ul li a:visited{
	background: linear-gradient(to right, #cdcdcd, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.sy4_title ul li a:hover, .sy4_title ul li a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.sy4_title ul li a:active{
	background-size: 100% 1px;
}
.sy4_list ul li{
	height: 125px;
	float: left;
	margin: 40px 4% 24px;
	width: 42%;
	border-bottom: 1px solid #cdcdcd;
}
.sy4_list ul li a{
	height: 126px;
	display: block;
	position: relative;
}
.sy4_list ul li a h2, .sy4_list ul li a h3{
	font-weight: normal;
	overflow: hidden;
	width: 84%;
	height: 48px;
}
.sy4_list ul li a h2{
	font-size: 26px;
	line-height: 48px;
}
.sy4_list ul li a h3{
	margin-left: 4%;
	line-height: 24px;
	font-size: 14px;
	color: #727272;
}
.sy4_list ul li a span{
	display: block;
	width: 88px;
	height: 88px;
	line-height: 88px;
	text-align: center;
	position: absolute;
	right: -5%;
	bottom: -22px;
	font-size: 46px;
	background-color: rgba(255,255,255,0);
	border: 1px dashed #cdcdcd;
	border-radius: 50%;
	transition: all 1000ms ease;
}
.sy4_list ul li a:hover span, .sy4_list ul li a.ydj span{
	background-color: rgba(255,255,255,1);
	border: 1px solid #00c6cf;
	color: #00c6cf;
}
.sy4_list ul li a:link, .sy4_list ul li a:visited{
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.sy4_list ul li a:hover, .sy4_list ul li a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.sy4_list ul li a:active{
	background-size: 100% 1px;
}
.sy4_list p{
	display: block;
	margin: 76px auto;
	width: 300px;
	height: 85px;
	border: 1px solid #cdcdcd;
	border-bottom: 3px solid #060606;
	position: relative;
}
.sy4_list p a{
	display: block;
	width: 100%;
	width: calc(100% + 1px);
	text-align: center;
	height: 88px;
	line-height: 87px;
	font-size: 14px;
}
.sy4_list p a:link, .sy4_list p a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 3px;
	transition: background-size 600ms;
	outline: none;
}
.sy4_list p a:hover, .sy4_list p a.ydj{
	background-position: left bottom;
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
}
.sy4_list p a:active{
	background-size: 100% 3px;
}
/*首页关于我们*/
.sy5{
	padding: 100px 0 58px;
	margin-top: 36px;
	background-color: #060606;
	position: relative;
}
.sy5_bj{
	background: url(../img/gywm_bj.jpg);
	width: 50%;
	height: 625px;
	position: absolute;
	top: -36px;
	right: 0;
}
.sy5 .jz{
	position: relative;
	z-index: 1;
}
.sy5_left{
	float: left;
	overflow: hidden;
	width: 35%;
}
.sy5_left h3, .sy5_left h4{
	letter-spacing: 1px;
	line-height: 88px;
	font-weight: normal;
}
.sy5_left h3{
	color: #fff;
	font-size: 68px;
	margin-top: 150px;
}
.sy5_left h4{
	color: #727272;
	font-size: 46px;
}
.sy5_left p{
	margin-top: 85px;
	display: block;
	width: 300px;
	height: 85px;
	border: 1px solid #727272;
	border-bottom: 3px solid #fff;
	position: relative;
}
.sy5_left p a{
	display: block;
	width: 100%;
	width: calc(100% + 1px);
	text-align: center;
	height: 88px;
	line-height: 87px;
	font-size: 14px;
}
.sy5_left p a:link, .sy5_left p a:visited{
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 3px;
	transition: background-size 600ms;
	outline: none;
	color: #fff;
}
.sy5_left p a:hover, .sy5_left p a.ydj{
	background-position: left bottom;
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
	color: #fff;
}
.sy5_left p a:active{
	background-size: 100% 3px;
	color: #fff;
}
.sy5_right{
	float: right;
	width: 64%;
	overflow:hidden;
	text-align:center;
	display:block;
	position:relative;
}
.sy5_right b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.sy5_right img{
	vertical-align:middle;
	max-width:100%;
}
/*版权*/
.bq{
	padding: 42px 0 0;
	background-color: #060606;
}
.bq_left, .bq_right{
	float: left;
	width: 50%;
}
.bq_left{
	font-size: 14px;
	color: #727272;
	line-height: 34px;
}
.bq_left a{
	padding-bottom: 3px;
}
.bq_left a:link, .bq_left a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
	color: #727272;
}
.bq_left a:hover, .bq_left a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
	color: #727272;
}
.bq_left a:active{
	background-size: 100% 1px;
	color: #727272;
}
.bq_right{
	text-align: right;
}
.bq_right ul{
	display: block;
	height: 76px;
	border-right: 1px solid #727272;
}
.bq_right ul li{
	float: right;
	border: 1px solid #727272;
	border-right: none;
	height: 74px;
	width: 75px;
	position: relative;
}
.bq_right ul li a{
	display: block;
	cursor: pointer;
	height: 75px;
}
.bq_right ul li a:link, .bq_right ul li a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
	color: #727272;
}
.bq_right ul li a:hover, .bq_right ul li a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
	color: #727272;
}
.bq_right ul li a:active{
	background-size: 100% 1px;
	color: #727272;
}
.bq_right ul li img{
	cursor: pointer;
	margin: 0 auto;
	display: block;
	padding-top: 23px;
	width: 36px;
	height: 30px;
}
.bq_right ul li span{
	position: absolute;
	bottom:75px;
	right: -1px;
	width: 0;
	background-color: #fff;
	overflow: hidden;
	line-height: 80px;
	font-size: 32px;
	text-align: center;
}
.bq_right ul li span img{
	width: 94%;
	height: auto;
	padding: 3%;
}
.bq_right ul li.xz span{
	width: 229px;
	-webkit-box-shadow: 0 0 8px #00c6cf;
	-moz-box-shadow: 0 0 8px #272727;
	box-shadow: 0 0 8px #00c6cf;
	z-index: 1;
}
.bq_right ul li span a:link, .bq_right ul li span a:visited, .bq_right ul li span a:hover, .bq_right ul li span a:active {
	color: #060606;
}
.bq_right p{
	margin-top: 42px;
}
.htlj{
	height: 30px;
    display: block;
    width: 160px;
	margin-top: 62px;
}
.htlj a{
	display: block;
	width: 100%;
	height: 30px;
}
/*内页*/
.hdp #example4 .sp-slide h3{
	margin-top: 14%;
}
/*文章类*/
.wzlb{
	padding-bottom: 0px;
}
.wzlb .sy4_title h2{
	width: 50%;
}
.wzlb .sy4_list ul li a h3{
	float: left;
	margin-left: 2%;
}
.wzlb .sy4_list ul li a h4{
	float: left;
	padding: 2px;
	overflow: hidden;
	width: 96px;
	height: 72px;
	text-align:center;
	display:block;
	position:relative;
	margin-left: 4%;
	border: 1px solid #cdcdcd;
	border-bottom: none;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.wzlb .sy4_list ul li a:hover h4{
	border-color: #cbf4f6;
}
.wzlb .sy4_list ul li a h4 b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.wzlb .sy4_list ul li a h4 img{
	vertical-align:middle;
	max-width:100%;
}
.wznr{
	border: 1px solid #cdcdcd;
	margin-top: 40px;
}
.wznr_top{
	text-align: center;
    border-bottom: 1px solid #cdcdcd;
    padding-bottom: 8px;
    margin: 26px 2% 0;
}
.wznr_top h1{
	font-size: 32px;
	line-height: 40px;
    padding: 18px 0 16px;
	color: #060606;
}
.wznr_top span{
	margin: 0 16px;
}
.wznrsp{
	display: block;
	margin: 10px 2%;
	text-align: center;
}
.wznrspk{
	margin: 0 auto;
	display: inline-block;
	background-color: #cdcdcd;
	padding: 3px;
    -moz-box-shadow: 0px 0px 8px #060606;
    -webkit-box-shadow: 0px 0px 8px #060606;
    box-shadow: 0px 0px 8px #060606;
}
.wznrspk iframe, .wznrspk embed{
	border: 1px solid rgba(184,184,184,0.2);
}
.wznr_font{
	height: 46px;
	overflow: hidden;
	margin: 0 2%;
}
.wznr_font ul li{
	width: 36px;
	text-align: center;
	height: 36px;
	line-height: 36px;
	border: 1px solid #cdcdcd;
	border-top: none;
	float: right;
	margin-right: 10px;
	cursor: pointer;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
	background-color: rgb(205, 205, 205, 0);
}
.wznr_font ul li.xz{
	height: 45px;
	line-height: 45px;
	background-color: rgb(205, 205, 205, 0.38);
}
.wznrn{
	margin: 6px 2% 0;
	color: #060606;
	line-height: 181%;
	padding-bottom: 68px;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	transition: all 200ms ease;
}
.font_1{
	font-size: 16px;
}
.font_2{
	font-size: 22px;
}
.font_3{
	font-size: 38px;
}
.font_4{
	font-size: 42px;
}
.wznrn img {
	top:0;
	left:0;
	margin:12px;
	z-index:1;
	max-width:470px;
    -moz-box-shadow: 0px 0px 8px #241608;
    -webkit-box-shadow: 0px 0px 8px #241608;
    box-shadow: 0px 0px 8px #241608;
	position:inherit;
	cursor:pointer;
}
.imgs_bj{
	background:rgb(0, 0, 0,0);
	width: 0%;
	position: fixed;
	top:50%;
	left:0;
	margin: 0;
	overflow: hidden;
	z-index: 0;
	-webkit-transition: all 300ms ease;
	-moz-transition: all 300ms ease;
	-ms-transition: all 300ms ease;
	-o-transition: all 300ms ease;
	transition: all 300ms ease;
}
.imgs_zk{
	background:rgb(0, 0, 0,0.88);
	width:100%;
	height: 100%;
	top:0;
	z-index:1;
	overflow-y: auto;
}
.imgs_gb{
	background:rgb(0, 0, 0,0);
	width:0%;
	top:50%;
	z-index: 0;
}
.imgs_bj img{
	display: block;
	margin:100px auto 0;
	max-width:99%;
	max-height:99%;
	z-index:2;
	-moz-box-shadow: 0px 0px 88px #a8a8a8;
    -webkit-box-shadow: 0px 0px 88px #a8a8a8;
    box-shadow: 0px 0px 88px #a8a8a8;
	margin-bottom: 100px;
}
.imgs_gb_an{
	position: absolute;
	top: 67px;
	left: 48%;
	left: calc(50% - 33px);
	background:#00c6cf;
	width:66px;
	height:33px;
	font-size:14px;
	line-height:33px;
	color:#fff;
	overflow:hidden;
	text-align:center;
	z-index:2;
	cursor:pointer;
	-moz-box-shadow: 0px -3px 20px #241608;
    -webkit-box-shadow: 0px -3px 20px #241608;
    box-shadow: 0px -3px 20px #241608;
}
.sxp{
	height: 68px;
	line-height: 68px;
	border-top: 1px solid #cdcdcd;
	overflow: hidden;
	background-color: #fff;
	font-size: 16px;
}
.sxp a{
	padding-bottom: 3px;
}
.sxps{
	float: left;
	width: 47%;
	height: 68px;
	padding: 0 1%;
	overflow: hidden;
	border-right: 1px solid #cdcdcd;
}
.sxpx{
	float: right;
	text-align: right;
	width: 48%;
	height: 68px;
	overflow: hidden;
	padding: 0 1%;
}
.sxp a:link, .sxp a:visited{
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.sxp a:hover, .sxp a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.sxp a:active{
	background-size: 100% 1px;
}
/*分页*/
.fy{
	width: 440px;
	margin: 80px auto 0;
	height: 86px;
	border-left: 1px solid #cdcdcd;
    border-bottom: 3px solid #060606;
    position: relative;
}
.fy span{
	float: left;
	display: block;
	width: 19.86%;
	width: calc(20% - 1px);
	height: 85px;
	border-right: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
}
.fy span a{
	display: block;
	width: 100%;
	text-align: center;
	height: 88px;
	line-height: 87px;
	font-size: 20px;
}
.fy span a.xz{
	font-size: 26px;
	font-weight: bold;
}
.fy span a:link, .fy span a:visited{
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 3px;
	transition: background-size 600ms;
	outline: none;
}
.fy span a:hover{
	background-position: left bottom;
	background-size: 100% 3px;
	-webkit-background-size: 100% 3px;
}
.fy span a:active{
	background-size: 100% 3px;
}
.fy span.fy_left, .fy span.fy_right{
	background-repeat: no-repeat;
	background-position: center;
}
.fy span.fy_left{
	background-image: url(../img/jiantou_hei_left.png);
}
.fy span.fy_right{
	background-image: url(../img/jiantou_hei.png);
}
/*案例展示*/
.allb{
	margin-top: 30px;
}
.allb dl{
	float: left;
	width: 31.3%;
    margin: 30px 1%;
}
.allb dl dt{
	float: left;
	width: 80%;
	height: 500px;
	padding: 6px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
	overflow:hidden;
	text-align:center;
	display:block;
	position:relative;
}
.allb dl dt b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.allb dl dt img{
	vertical-align:middle;
	max-width:100%;
}
.allb dl dt a{
	margin: auto;
	width: 120px;
	height: 120px;
	line-height: 120px;
	border-radius: 50%;
	border: 1px solid rgb(6, 6, 6, 0.6);
	background-color: rgb(6, 6, 6, 0.5);
	font-size: 62px;
	position: absolute;
	top: 198px;
	top: calc((100% - 120px) / 2);
	left: 136px;
	left: calc((100% - 120px) / 2);
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.allb dl dt a:link, .allb dl dt a:visited, .allb dl dt a:hover, .allb dl dt a:active{
	color: #fff;
}
.allb dl dd{
	float: left;
	width: 8%;
	height: 400px;
	margin-top: 30px;
	border-radius: 0 16px 16px 0;
	border: 1px solid #cdcdcd;
	border-left: none;
	background-color: rgb(205, 205, 205, 0.38);
	text-align: center;
	overflow: hidden;
	font-size: 16px;
	letter-spacing: 2px;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    transition: all 200ms ease;
}
.allb dl dd a{
	line-height: 28px;
	overflow: hidden;
	height: 100%;
	display: inline-block;
	padding-left: 3%;
	writing-mode: vertical-lr;
    writing-mode: tb-lr;
}
.allb dl:hover dt a{
	width: 160px;
	height: 160px;
	line-height: 160px;
	top: 190px;
	top: calc((100% - 160px) / 2);
	left: 115px;
	left: calc((100% - 160px) / 2);
	font-size: 92px;
}
.allb dl:hover dd{
	width: 12%;
}
/*产品中心*/
.cplb_top{
	margin-top: 50px;
}
.cplb_top_left{
	float: left;
	position: relative;
	width: 49%;
	height: 130px;
}
.cplb_top_left ul{
	border-left: 1px solid #cdcdcd;
	border-top: 1px solid #cdcdcd;
	height: 129px;
	overflow: hidden;
	position: absolute;
	z-index: 1;
	width: 100%;
}
.cplb_top_zk ul{
	height: auto;
	background-color: #ececec;
}
.cplb_top_left ul li{
	background-color: #fff;
	float: left;
	width: 24.85%;
	width: calc(25% - 1px);
	text-align: center;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	border-right: 1px solid #cdcdcd;
	border-bottom: 1px solid #cdcdcd;
}
.cplb_top_left ul li a{
	display: block;
	height: 43px;
}
.cplb_top_left ul li.xz{
	background-color: #ececec;
}
.cplb_top_left ul li a:link, .cplb_top_left ul li a:visited{
	background: linear-gradient(to right, #cdcdcd, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.cplb_top_left ul li a:hover, .cplb_top_left ul li a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.cplb_top_left ul li a:active{
	background-size: 100% 1px;
}
.cplb_top_left ul li.cplb_top_left_more{
	background-color:#ececec;
	position: absolute;
	bottom: 0;
	right: 0;
	border-left: 1px solid #cdcdcd;
	cursor: pointer;
}
.cplb_top_right{
	float: right;
	overflow: hidden;
	width: 45%;
	background-color: #ececec;
	padding: 0 2% 7px;
}
.cplb_top_right dl{
    clear: both;
	padding-top: 8px;
	border-top: 1px dashed #fff;
}
.cplb_top_right dl dt{
	float: left;
	height: 30px;
	line-height: 30px;
}
.cplb_top_right dl dd{
	color: #060606;
	float: left;
	cursor: pointer;
	padding: 0 26px;
	height: 30px;
	line-height: 30px;
	margin: 0 3px 2px;
	background: linear-gradient(to right, #ececec, #00c6cf) no-repeat right bottom;
	background-size: 0 100%;
	transition: background-size 600ms;
	outline: none;
}
.cplb_top_right dl dd:hover, .cplb_top_right dl dd.xz{
	background-position: left bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
}
.cplb_top_right dl dd:active{
	background-size: 100% 100%;
}
.cplb_list dl{
	float: left;
	width: 33.33%;
	width: calc(33.33% - 1px);
	margin-left: -1px;
	overflow: hidden;
	border-left: 1px solid #ececec;
	border-bottom: 1px solid #ececec;
	border-right: 1px solid #ececec;
}
.cplb_list dl dt{
	width: 80%;
	margin:0 auto;
	overflow:hidden;
	text-align:center;
	display:block;
	position:relative;
}
.cplb_list dl dt a{
	background-size: 0;
}
.cplb_list dl dt b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.cplb_list dl dt img{
	vertical-align:middle;
	max-width:100%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
	-webkit-transform: scale(0.9);
	-moz-transform: scale(0.9);
	-ms-transform: scale(0.9);
	-o-transform: scale(0.9);
	transform: scale(0.9);
}
.cplb_list dl:hover dt img{
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}
.cplb_list dl dt span{
	background-color:rgba(6,6,6,0.8);
	color: #fff;
	height: 26px;
	line-height: 26px;
	padding: 0 12px;
	position: absolute;
	top: 5%;
	left: 5%;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.cplb_list dl:hover dt span{
	top: 0;
	left: 0;
}
.cplb_list dl dd{
	display: block;
	width: 70%;
	margin:0 auto;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.cplb_list dl:hover dd{
	width: 80%;
}
.cplb_list dl dd h2{
	width: 90%;
	padding: 0 5%;
	margin: auto;
	position: relative;
	font-size: 16px;
	font-weight: normal;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	white-space: nowrap;
    text-overflow: ellipsis;
	text-align: center;
}
.cplb_list dl dd h2:before, .cplb_list dl dd h2:after {
	display: block;
	width: 20px;
	height: 20px;
	content: "";
	border-width: 0;
	border-style: solid;
	border-color: #cdcdcd;
	position: absolute;
	-webkit-transition: all 600ms ease;
	-moz-transition: all 600ms ease;
	-ms-transition: all 600ms ease;
	-o-transition: all 600ms ease;
	transition: all 600ms ease;
}
.cplb_list dl dd h2:before {
	left: 0;
	top: 0;
	border-left-width: 1px;
	border-top-width: 1px;
}
.cplb_list dl dd h2:after {
	right: 0;
	bottom: 0;
	border-bottom-width: 1px;
	border-right-width: 1px;
}
.cplb_list dl:hover dd h2:before{
	width: 99%;
	width: calc(100% - 2px);
	height: 99%;
	height: calc(100% - 1px);
}
.cplb_list dl:hover dd h2:after{
	width: 99%;
	width: calc(100% - 2px);
	height: 99%;
	height: calc(100% - 1px);
}
.cplb_list dl dd h2 a{
	position: relative;
	z-index: 2;
	padding-bottom: 3px;
}
.cplb_list dl dd h2 a:link, .cplb_list dl dd h2 a:visited{
	background: linear-gradient(to right, #cdcdcd, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.cplb_list dl dd h2 a:hover, .cplb_list dl dd h2 a.ydj{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.cplb_list dl dd h2 a:active{
	background-size: 100% 1px;
}
.cplb_list dl dd h3{
	font-size: 13px;
	font-weight: normal;
	display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
	overflow: hidden;
	line-height: 18px;
	height: 36px;
	margin:10px auto 30px;
}
.cpnr{
	padding-top: 12px;
}
.cpnr_title h1{
	font-size: 50px;
    color: #060606;
    letter-spacing: 2px;
    height: 60px;
    line-height: 60px;
    margin-bottom: 28px;
    overflow: hidden;
	width: 80%;
	padding-left: 93px;
}
.cpnr_title p{
	display: inline-block;
	height: 28px;
	padding: 8px 60px 0 26px;
    color: #060606;
    font-size: 14px;
    border: 1px solid #cdcdcd;
	margin: 0 0 0 93px;
}
.cpnr_title p a{
	display: inline-block;
	padding: 0 12px 2px;
}
.cpnr_title p a:link, .cpnr_title p a:visited{
	background: linear-gradient(to right, #fff, #00c6cf) no-repeat right bottom;
	background-size: 0 1px;
	transition: background-size 600ms;
	outline: none;
}
.cpnr_title p a:hover{
	background-position: left bottom;
	background-size: 100% 1px;
	-webkit-background-size: 100% 1px;
}
.cpnr_title p a:active{
	background-size: 100% 1px;
}
.cpnr_top{
	margin-top: 50px;
}
.cpnr_top_left{
	float: left;
	width: 420px;
	height: 314px;
	border: 1px solid #cdcdcd;
	background-color: #fff;
	overflow:hidden;
	text-align:center;
	display:block;
	position:relative;
	cursor: pointer;
}
.cpnr_top_left b{
	display:inline-block;
	height:100%;
	vertical-align:middle;
}
.cpnr_top_left img{
	vertical-align:middle;
	max-width:100%;
}
.cpnr_top_left span{
	width: 32px;
	height: 32px;
	position: absolute;
	bottom: 0px;
	right: 0px;
	background: url(../img/fangda.png) no-repeat center rgba(255,255,255,0.8);
	border-left: 1px dashed #cdcdcd;
	border-top: 1px dashed #cdcdcd;
	border-radius: 10px 0 0 0;
}
.cpnr_top_right{
	float: left;
	overflow: hidden;
}
.cpnr_top_right dl{
	clear: both;
	border-bottom: 1px dashed #ececec;
	display: flex;
	padding: 16px 0;
	line-height: 36px;
}
.cpnr_top_right dl dt{
	width: 7%;
	text-align: right;
}
.cpnr_top_right dl dd{
	width: 88%;
	padding-left: 1%;
	overflow: hidden;
	font-size: 20px;
	color: #060606;
}
.cpnr_top_right dl dd h1{
	font-size: 32px;
	float: left;
	font-weight: normal;
}
.cpnr_top_right dl dd span{
	font-size: 14px;
	margin-left: 2%;
	bottom: -5px;
	position: relative;
}
.cpnr_1{
	background-color: #ececec;
	padding: 100px 0;
	margin-top: 66px;
}
.cpnr_1_left{
	float: left;
	width: 50%;
	overflow: hidden;
	border-right: 1px solid #cdcdcd;
}
.cpnr_1_right{
	float: left;
	width: 49%;
	border-left: 1px solid #cdcdcd;
	margin-left: -1px;
	overflow: hidden;
}
.cpnr_1 h4{
	height: 40px;
    line-height: 40px;
    font-size: 14px;
	font-weight: normal;
    border: 1px solid #060606;
    padding: 0 58px;
    display: inline-block;
	margin-left: 0;
	left: 8%;
	position: relative;
	color: #060606;
}
.cpnr .cpnr_1.ydcf .cpnr_1_left h4{
    animation: marginL 1000ms ease-in-out;
    -webkit-animation: marginL 1000ms ease-in-out;
}
.cpnr .cpnr_1.ydcf .cpnr_1_right h4{
    animation: marginL 1200ms ease-in-out;
    -webkit-animation: marginL 1200ms ease-in-out;
}
.cpnr_1_text{
	font-size: 16px;
	padding: 36px 8% 22px;
    overflow: hidden;
	line-height: 30px;
	color: #060606;
}
.cpnr_2{
	padding: 166px 0 54px;
}
.cpnr_2 dl{
	float: left;
	width: 33.33%;
	position: relative;
	margin-bottom: 38px;
}
.cpnr_2 dl dt{
	width: 150px;
	height: 150px;
	line-height: 150px;
	text-align: center;
	border: 1px dashed #cdcdcd;
	border-radius: 50%;
	font-size: 62px;
	color: #060606;
}
.cpnr_2 dl dd{
	position: absolute;
	right: 62px;
	top: 16px;
	width: 51%;
	overflow: hidden;
	padding: 0 3% 6px 19%;
	border-bottom: 1px solid #cdcdcd;
}
.cpnr_2 dl dd h2, .cpnr_2 dl dd h3{
	font-weight: normal;
	overflow: hidden;
}
.cpnr_2 dl dd h2{
	font-size: 26px;
	height: 30px;
	line-height: 30px;
	color: #060606;
	margin-bottom: 10px;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(1) dt{
	animation: marginR 600ms ease-in-out;
    -webkit-animation: scale2 600ms ease-in-out;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(2) dt{
	animation: marginR 800ms ease-in-out;
    -webkit-animation: scale2 800ms ease-in-out;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(3) dt{
	animation: marginR 1000ms ease-in-out;
    -webkit-animation: scale2 1000ms ease-in-out;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(4) dt{
	animation: marginR 1200ms ease-in-out;
    -webkit-animation: scale2 1200ms ease-in-out;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(5) dt{
	animation: marginR 1400ms ease-in-out;
    -webkit-animation: scale2 1400ms ease-in-out;
}
.cpnr .cpnr_2.ydcf dl:nth-of-type(6) dt{
	animation: marginR 1600ms ease-in-out;
    -webkit-animation: scale2 1600ms ease-in-out;
}
.cpnr_2 dl dd h3{
	font-size: 14px;
	line-height: 20px;
	height: 60px;
}
.cpnr_lc{
	margin-top: 50px;
	background-color: #cdcdcd;
	padding: 54px 0px 0;
	overflow: hidden;
}
.cpnr_lc_top{
	background-color: #ececec;
	padding: 30px 4%;
	margin: 0 4%;
	height: 48px;
	overflow: hidden;
}
.cpnr_lc_top span, .cpnr_lc_top b{
	float: left;
	background-color: #00c6cf;
	display: block;
}
.cpnr_lc_top span{
	height: 48px;
	line-height: 48px;
	width: 48px;
	text-align: center;
	overflow: hidden;
	border-radius: 50%;
	color: #fff;
}
.cpnr_lc_top b{
	height: 6px;
	border-radius: 3px;
	margin: 21px 2% 0;
}
.cpnr_lc_list{
	margin: 23px 5% 0;
	height: 120px;
	overflow: hidden;
}
.cpnr_lc_list dl{
	float: left;
	width: 141px;
	overflow: hidden;
	text-align: center;
}
.cpnr_lc_list dl dt{
	font-size: 20px;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	color: #060606;
}
.cpnr_lc_list dl dd{
	height: 40px;
	line-height: 20px;
	overflow: hidden;
	margin-top: 8px;
}
.cpnr_lc_3 b{
	width: 40%;
}
.cpnr_lc_3 dl{
	margin-right: 34.2%;
	margin-right: calc((100% - 141px) / 2 - 141px);
}
.cpnr_lc_3 dl:nth-of-type(3){
	margin-right: 0;
}
.cpnr_lc_4 b{
	width: 24%;
}
.cpnr_lc_4 dl{
	margin-right: 19.3%;
	margin-right: calc((100% - 141px) / 3 - 141px);
}
.cpnr_lc_4 dl:nth-of-type(4){
	margin-right: 0;
}
/*关于我们*/
.gywm{
	margin-top: 40px;
	width: 100%;
	position: relative;
}
.gywm_text{
	float: right;
	width: 79.5%;
	width: calc(80% - 2px);
	overflow: hidden;
	border: 1px solid #cdcdcd;
}
.gywm_ls{
	position: absolute;
	top: 0;
	left: 0;
	width: 20%;
	padding-bottom: 52px;
	overflow: hidden;
	background-color: #cdcdcd;
}
.gywm_ls h2{
	width: 68%;
	height: 42px;
	line-height: 42px;
	overflow: hidden;
	margin: 0 auto 30px;
	text-align: center;
	font-weight: normal;
	font-size: 14px;
	background-color: #ececec;
	border-radius: 0 0 18px 18px;
	-moz-box-shadow: 0px 3px 3px #6d6d6d;
    -webkit-box-shadow: 0px 3px 3px #6d6d6d;
    box-shadow: 0px 3px 3px #6d6d6d;
}
.gywm_ls dl{
	margin: 0 16px;
	position: relative;
	left: 0;
	top: 0;
}
.gywm_ls dl dt{
	background-color: #ececec;
	width: 88px;
	padding-top: 10px;
}
.gywm_ls dl dt span{
	background-color: #00c6cf;
	width: 76px;
	height: 36px;
	line-height: 36px;
	overflow: hidden;
	border-radius: 18px;
	text-align: center;
	display: block;
	color: #fff;
	margin: 0 auto;
}
.gywm_ls dl dt b{
	display: block;
	height: 100px;
	width: 6px;
	border-radius: 6px;
	margin: 10px auto 0;
	background-color: #00c6cf;
}
.gywm_ls dl dd{
	position: absolute;
	left: 53px;
	top: 58px;
	width: 68%;
	line-height: 18px;
	padding: 12px 4% 12px 6%;
	background-color: #fff;
	-moz-box-shadow: 0px 0px 4px #636363;
    -webkit-box-shadow: 0px 0px 4px #636363;
    box-shadow: 0px 0px 4px #636363;
	z-index: 1;
}
.gywm_ls dl dd:before{
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	content: "";
	width: 16px;
	height: 16px;
	display: block;
	background-color: #fff;
	-webkit-transform: translateX(4px) translateY(-8px) rotateZ(45deg);
    -moz-transform: translateX(4px) translateY(-8px) rotateZ(45deg);
    -ms-transform: translateX(4px) translateY(-8px) rotateZ(45deg);
    -o-transform: translateX(4px) translateY(-8px) rotateZ(45deg);
    transform: translateX(4px) translateY(-8px) rotateZ(45deg);
}
.gywm_ls dl dd span{
	display: block;
	color: #060606;
	margin-bottom: 6px;
}
.gywm .cpnr_2{
	padding: 56px 0 0;
}
.gywm_ls.ydcf dl:nth-of-type(1){
	animation: scale2 200ms ease-in-out;
    -webkit-animation: scale2 200ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(2){
	animation: scale2 400ms ease-in-out;
    -webkit-animation: scale2 400ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(3){
	animation: scale2 600ms ease-in-out;
    -webkit-animation: scale2 600ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(4){
	animation: scale2 800ms ease-in-out;
    -webkit-animation: scale2 800ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(5){
	animation: scale2 500ms ease-in-out;
    -webkit-animation: scale2 500ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(6){
	animation: scale2 600ms ease-in-out;
    -webkit-animation: scale2 600ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(7){
	animation: scale2 700ms ease-in-out;
    -webkit-animation: scale2 700ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(8){
	animation: scale2 800ms ease-in-out;
    -webkit-animation: scale2 800ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(1) dd{
	animation: marginL 600ms ease-in-out;
    -webkit-animation: marginL 600ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(2) dd{
	animation: marginL 800ms ease-in-out;
    -webkit-animation: marginL 800ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(3) dd{
	animation: marginL 1000ms ease-in-out;
    -webkit-animation: marginL 1000ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(4) dd{
	animation: marginL 1200ms ease-in-out;
    -webkit-animation: marginL 1200ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(5) dd{
	animation: marginL 1400ms ease-in-out;
    -webkit-animation: marginL 1400ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(6) dd{
	animation: marginL 1600ms ease-in-out;
    -webkit-animation: marginL 1600ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(7) dd{
	animation: marginL 1800ms ease-in-out;
    -webkit-animation: marginL 1800ms ease-in-out;
}
.gywm_ls.ydcf dl:nth-of-type(8) dd{
	animation: marginL 2000ms ease-in-out;
    -webkit-animation: marginL 2000ms ease-in-out;
}
.lxwm_left{
	float: left;
	width: 60%;
	overflow: hidden;
	background-color: #fff;
	border: 1px solid #cdcdcd;
}
.lxwm_left_top{
	padding: 0 2%;
}
.lxwm_left_top dl{
	padding: 36px 0 16px;
	border-bottom: 1px dashed #cdcdcd;
}
.lxwm_left_top dl dt{
	font-style: oblique;
	font-size: 16px;
}
.lxwm_left_top dl dd{
	font-size: 22px;
	line-height: 30px;
	color: #060606;
	padding: 0 3% 16px;
}
.lxwm_left_top dl dd span{
	font-size: 14px;
	color: #727272;
	margin-right: 6px;
}
.lxwm_left .wznrn{
	font-size: 16px;
}
.lxwm_left .wznrn img{
	margin: 12px 0;
}
.lxwm_tight{
	float: right;
	width: 32.5%;
	overflow: hidden;
	padding: 36px 3% 26px;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	margin-left: 1%;
}
.lxwm_tight .y2bq{
	font-size: 22px;
	font-weight: normal;
	text-align: center;
	line-height: 30px;
	padding-bottom: 20px;
}
.lxwm_tight ul{
	padding-bottom: 10px;
}
.lxwm_tight ul li{
	padding-top: 10px;
	position: relative;
	height: 40px;
	overflow: hidden;
	margin-bottom: 12px;
}
.lxwm_tight ul li input, .lxwm_tight ul li textarea{
	border: 1px solid rgba(184,184,184,0.6);
	width: 93%;
	height: 22px;
	padding: 8px 3%;
	line-height: 22px;
	overflow: hidden;
	font-size: 16px;
	background-color: #fff;
	float: left;
}
.lxwm_tight ul li input:focus, .lxwm_tight ul li textarea:focus{
	-webkit-box-shadow:none;
	box-shadow:none;
	outline:none;
	background-color:#fff;
}
.lxwm_tight ul li b{
	display: block;
	background-color: #fff;
	height: 20px;
	position: absolute;
	top: 0px;
	left: 8px;
	padding: 0 6px;
	font-size: 12px;
	color: #6c6c6c;
}
.lxwm_tight ul li span{
	position: absolute;
	right: 2%;
	color: #de0000;
	width: 12px;
	text-align: center;
	height: 38px;
	line-height: 38px;
}
.lxwm_tight ul li.neir{
	height: 120px;
}
.lxwm_tight ul li.neir textarea{
	height: 100px;
}
.lxwm_tight ul li.yzm input{
	width: 42%;
}
.lxwm_tight ul li.yzm img{
	height: 40px;
	max-width:40%;
	margin-left: 1%;
	float: left;
	cursor: pointer;
}
.lxwm_tight .y3bq{
	width: 200px;
	text-align: center;
	height: 42px;
	line-height: 42px;
	margin: auto;
	background-color: #060606;
}
.lxwm_tight .y3bq a{
	display: block;
	height: 42px;
}
.lxwm_tight .y3bq a:link, .lxwm_tight .y3bq a:visited {
	background: linear-gradient(to right, #060606, #00c6cf) no-repeat right bottom;
	background-size: 0 100%;
	transition: background-size 600ms;
	outline: none;
	color:#fff;
}
.lxwm_tight .y3bq a:hover {
	background-position: left bottom;
	background-size: 100% 100%;
	-webkit-background-size: 100% 100%;
	color:#fff;
}
.lxwm_tight .y3bq a:active {
	color:#272727;
	background-size: 100% 100%;
}
.lxwm_tight .y4bq{height: 40px; line-height: 40px; font-size: 16px; color: #de0000; text-align: center; font-weight: normal;}
@media (max-width: 1550px){
.jz{width: 96%;}
.dh{width: 42%;}
.dhzkbj{width: 100%;}
.chaxun{width: 55%;}
.sy1 .jz{height: auto;}
.sy1 .slider-pro h3.sp-layer{margin-top: 86px;}
.sy1 .slider-pro h4.sp-layer{width: 29%; margin-left: 13%; margin-top: 268px;}
.sy1 .slider-pro p{width: 29%; margin-left: 13%; margin-top: 562px;}
.sy1bj{top: 96px; height: 530px;}
.sy3_title{width: 33%;}
.sy5_left h3{margin-top: 100px;}
.sy5_right{width: 58%;}
.sy5_bj{width: 45%; height: 500px;}
.cplb_top_right dl dd{padding: 0 18px;}
.cpnr_title h1{padding-left: 0;}
.cpnr_title p{margin: 0;}
}
@media (max-width: 1299px){
.jz{width: 100%;}
.bt_dianhua{display: none;}
.dh{width: 56%;}
.dhzkbj{width: 100%;}
.dhzkbj ul{width: 96%; padding: 3% 1%;}
.dhzk{right: 2%;}
.hdp #example1 .sp-grab{height: 600px;}
.hdp .sp-slide h3{height: 72px; width: 68%; margin-left: 28%;}
.chaxun{width: 76%; left: 2%;}
.sy1 .slider-pro h2.sp-layer{margin-left: 1%;}
.sy1 .slider-pro h3.sp-layer{height: 100px; margin-left: 1%;}
.sy1 .slider-pro h4.sp-layer{margin-top: 20%; width: 36%; margin-left: 8%; height: 156px;}
.sy1 .slider-pro p{margin-top:41%; width: 40%; margin-left: 6%;}
.sy1bj{height: 74%; top: 10%;}
.sy2_top{padding-left: 3%;}
.sy3 .sp-slides .sp-slide img{height: 100%; max-width: 100%;}
.sy3_title{margin-left: 1%; padding-top: 6px;}
.sy3_title h2{max-height: 60px; font-size: 26px; line-height: 30px;}
.sy3_title h3{line-height: 23px;}
.sy3_title p{bottom: auto; top: 53%;}
.sy3 .sp-fade-arrows{left: -82%;}
.sy4_list ul li a h2{width: 76%;}
.sy5_bj{height: 300px;}
.sy5_left{margin-left: 1%;}
.sy5_left h3, .sy5_left h4{line-height: 66px;}
.sy5_left h3{font-size: 42px; margin-top: 0px;}
.sy5_left h4{font-size: 28px;}
.sy5_left p{margin-top: 60px;}
.sy4_title{padding-left: 3%;}
.cplb_top_left{width: 98%; float: none; margin: 0 auto;}
.cplb_top_left ul{width: 100%;}
.cplb_top_zk ul{background-color: #fff;}
.cplb_top_right{float: none; width: 96%; float: none; margin: 16px auto 0;}
.cplb_top_right dl dd{padding: 0 26px;}
.cpnr_2 dl{width: 50%;}
.cpnr_title h1{padding-left: 3%;}
.cpnr_title p{margin:0 0 0 3%;}
.allb dl dd{width: 10%;}
.gywm_ls{width: 30%;}
}
@media (max-width: 924px){
.jz{width: 96%;}
/*导航*/
.dh{
	height: 50px;
	position: fixed;
	bottom: 0;
	left: 0;
	background-color:rgba(6,6,6,1);
	margin-top: 0;
	width: 100%;
	-webkit-box-shadow: 0 -3px 8px #060606;
    -moz-box-shadow: 0 -3px 8px #060606;
    box-shadow: 0 -3px 8px #060606;
    -webkit-transition: all 1sease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    -o-transition: all 1s ease;
    transition: all 1sease;
}
.dhan{
	padding: 11px 13% 1px;
	margin-top: 1px;
	width: 46px;
}
.dhan span{
	border-radius: 3px;
	float: none;
	width: 46px;
	margin-bottom: 7px;
}
.dhan span.dhan2{
	width: 40px;
	margin: 0 auto 7px;
}
.dhzk span.dhan1{
	-webkit-transform: translateY(12px) rotateZ(45deg);
    -moz-transform: translateY(12px) rotateZ(45deg);
    -ms-transform: translateY(12px) rotateZ(45deg);
    -o-transform: translateY(12px) rotateZ(45deg);
    transform: translateY(12px) rotateZ(45deg);
}
.dh ul{
	display: none;
}
.dhzkbj{
	background-color: rgba(6,6,6,0.8);
	border-bottom: 50px solid rgba(6,6,6,1);
}
.dhzkbj ul{
	display: block;
	width: 90%;
	float: right;
	border-radius: 20px 0 0 0;
	margin: 116px 0 0 0;
}
.dhzkbj ul li{
	padding-left: 10px;
	width: 88%;
	margin: auto;
	text-align: left;
	padding-bottom: 20px;
	margin-bottom: 20px;
	background-image: url(../img/sanj.png);
	background-repeat: no-repeat;
	background-position: 0 13px;
	border-bottom: 1px dashed rgba(184, 184, 184, 0.2);
}
.dhzkbj ul li .dhej{
	margin: 8px 3%;
	border: none;
}
.dhzkbj ul li .dhej span{
	display: inline;
	margin-right: 3%;
	line-height: 56px;
	white-space: nowrap;
	padding: 12px 9%;
	border: 1px solid rgba(184, 184, 184, 0.2);
}
.gundong{
	bottom: 50px;
	width: 68px;
	height: 68px;
	right: 0;
}
.bq_right ul{
	position: fixed;
	bottom: 0;
	left: 0;
	z-index: 4;
	border: none;
	height: 50px;
	width: 66%;
}
.bq_right ul li{
	display: none;
	border: none;
}
.bq_right ul li.bq_yidong{
	height: 50px;
	width: 49.5%;
	display: block;
	border-right: 1px solid #393939;
}
.bq_right ul li.bq_yidong img{
	padding-top: 13px;
}
.bq_right ul li span{
	right: auto;
	left: -1px;
	bottom: 50px;
	width: 0;
}
.bq_right ul li.xz span{
	width: 100%;
	min-width: 200px;
	-webkit-box-shadow: 0 -3px 8px #060606;
    -moz-box-shadow: 0 -3px 8px #060606;
    box-shadow: 0 -3px 8px #060606;
}
/*导航结束*/
.bt_logo{float: none; margin: 16px auto 0;}
.hdp{margin-bottom: 52px;}
.hdp #example1 .sp-grab{height: 500px;}
.hdp #example4 .sp-grab{height: 360px;}
.hdp #example1 .sp-slide h3{margin-top: 26%; height: 144px;}
.chaxun{top:0; position: relative; margin-bottom: 52px;}
.chaxun{width: 100%; left: 0;}
.chaxun ul li{color: #727272;}
.chaxun ul li.xz, .chaxun dl{background-color: #cdcdcd;}
.sy1 img{width: 90%; float: left;}
.sy1 .slider-pro h2.sp-layer{background-color: rgba(255,255,255,0.5);}
.sy1 .slider-pro h3.sp-layer{margin-top: 12%; height: 150px; width: 79%; padding: 0 1%; background-color: rgba(255, 255, 255, 0.3);}
.sy1 .slider-pro h4.sp-layer{margin-top: 38%; margin-left: 32%; width: 48%; padding: 0 1%; background-color: rgba(255, 255, 255, 0.3);}
.sy1 .slider-pro p{width: 48%; margin-top: 68%; margin-left: 32%;}
.sy1 .sp-horizontal .sp-previous-arrow{left: 3%;}
.sy1 .sp-horizontal .sp-next-arrow{right: 18%;}
.sy1 .slider-pro p a b{border: 1px dashed #060606;}
.sy1 p a:hover b{border: 1px solid #060606; background-color: rgba(255,255,255,0.3);}
.syggy{letter-spacing: 13px;}
.ydcf .sy2_top h2{width: 94%; letter-spacing: 1px;}
.sy2_top ul li{padding: 0 88px 0 13px;}
.sy2_list dl{width: 48%;}
.sy2_list p{margin-top: 36px;}
.sy3{height: auto; padding: 66px 0 100px;}
.sy3_title{float: none; width: 100%; height: auto;}
.sy3_title h2{max-height: 120px; line-height: 60px; font-size: 40px;}
.sy3_title h3{line-height: 30px; padding-left: 10%;}
.sy3_title p{position: relative; margin: 16px 0 56px 10%;}
.sy3 .sy3_list{position: relative;}
.sy3 .slider-pro{position: relative;}
.sy3 .sp-fade-arrows{left: 3%;}
.sy3 .sp-arrow{background-color: rgb(114,114,114, 0.2);}
.sy3 .sp-arrow:hover{background-color: rgb(114,114,114, 0.5);}
.sy4_list ul li{width: 91%; float: none;}
.sy4_list p{margin-top: 36px;}
.sy5{padding: 36px 0 18px;}
.sy5_left{width: 80%; float: none;}
.sy5_left p{margin-top: 26px; margin-bottom: 66px;}
.sy5_right{float: none; width: 97%;}
.sy5_bj{width: 12%;}
.bq_left, .bq_right{float: none; width: 100%;}
.bq_right{text-align: left;}
.bq_right p{margin-top: 11px; margin-bottom: 30px;}
.ydcf .sy4_title h2{width: 94%; letter-spacing: 1px;}
.cplb_top_left{width: 100%;}
.cplb_list dl{width: 49.8%; width: calc(50% - 1px);}
.cpnr_top_left{float: none; margin: 0 auto 36px;}
.cpnr_top_right{float: none;}
.cpnr_1_left, .cpnr_1_right{float: none; width: 100%; border: none;}
.cpnr_1_left{margin-bottom: 50px; padding-bottom: 30px; border-bottom: 1px solid #cdcdcd;}
.cpnr_2 dl{width: 80%; float: none;}
.cpnr_2 dl:nth-of-type(1){margin-left: 0%;}
.cpnr_2 dl:nth-of-type(2){margin-left: 4%;}
.cpnr_2 dl:nth-of-type(3){margin-left: 8%;}
.cpnr_2 dl:nth-of-type(4){margin-left: 12%;}
.cpnr_2 dl:nth-of-type(5){margin-left: 16%;}
.cpnr_2 dl:nth-of-type(6){margin-left: 20%;}
.allb dl{width: 48%;}
.gywm_text, .gywm_ls{position: relative; width: 100%;}
.lxwm_left, .lxwm_tight{float: none; width: 99.5%; width: calc(100% - 2px);}
.lxwm_tight{margin: 36px 0 0 0; width: 93.5%; width: calc(94% - 2px);}
.hdp #example4 .sp-slide h3{height: 72px; font-size: 36px; margin-top: 23%; margin-left: 15%;}
.chaxun dl dt input{width: 65%;}
}
@media (max-width: 699px){
.jz{width: 98%;}
.chaxun dl dt input{width: 63%;}
.hdp #example1 .sp-grab{height: 360px;}
.hdp #example4 .sp-grab{height: 300px;}
.hdp #example1 .sp-slide h3{font-size: 32px; line-height: 40px; margin-left: 15%; width: 69%; height: 118px; margin-top: 140px;}
.sy1 img{width: 98%;}
.sy1 .slider-pro h3.sp-layer{margin-top: 14%; font-size: 26px; line-height: 36px; height: 110px;}
.sy1 .slider-pro p{height: 102px; margin-top: 74%;}
.sy1 .slider-pro p a{height: 50px; line-height: 50px;}
.sy1 .slider-pro p a b{width: 100px; height: 100px; right: -43px;}
.sy1 .slider-pro p span{margin-top: 82px;}
.sy1 .sp-horizontal .sp-next-arrow{right: calc(100% - 95%);}
.syggy{letter-spacing: 9px; margin: 26px auto 46px;}
.sy2_top{padding-left: 0;}
.ydcf .sy2_top h2{font-size: 32px; height: 42px; line-height: 42px; margin-bottom: 20px;}
.sy2_top ul li{font-size: 13px; padding: 0 26px 0 10px;}
.sy2_list{margin-top: 8px;}
.sy2_list p{height: 72px; width: 282px;}
.sy2_list p a{height: 75px; line-height: 74px;}
.sy3_title h2{font-size: 32px; line-height: 44px; height: 88px; margin: 24px 0 10px;}
.sy4_title{padding-left: 0;}
.sy4_title h2{font-size: 32px;}
.ydcf .sy4_title h2{font-size: 32px; height: 42px; line-height: 42px; margin-bottom: 20px;}
.sy4_title ul li a{font-size: 13px; padding: 0 32px 1px;}
.sy4_list ul li{margin-left: 2%; height: 110px;}
.sy4_list ul li a{height: 111px;}
.sy4_list ul li a h2{font-size: 22px; height: 42px; line-height: 40px; width: 94%;}
.sy4_list ul li a h3{width: 81%;}
.sy4_list ul li a span{bottom: -18px; right: -8%;}
.sy4_list p{height: 72px; width: 282px;}
.sy4_list p a{height: 75px; line-height: 74px;}
.sy5_left p{height: 72px; width: 282px;}
.sy5_left p a{height: 75px; line-height: 74px;}
.bq_right ul li span{line-height: 66px;}
.bq_right ul li span a{height: 62px; font-size: 28px;}
.bq_right ul li.bq_yidong span img{padding: 1% 0; width: 98%;}
.fy{width: 360px; height: 70px; margin-top: 52px;}
.fy span{height: 70px;}
.fy span a{height: 73px; line-height: 72px;}
.cpnr_title h1{padding-left: 0; font-size: 34px; height: 42px; line-height: 42px; margin-bottom: 18px;}
.cpnr_title p{margin-left: 0; font-size: 13px; padding: 8px 36px 0 13px;}
.cpnr_top_left{margin-bottom: 20px;}
.cpnr_top_right dl{line-height: 28px;}
.cpnr_top_right dl dd{font-size: 18px;}
.cpnr_top_right dl dd h1{font-size: 26px;}
.cpnr_1{padding: 66px 0;}
.cpnr_1 h4{left: 5%;}
.cpnr_1_text{padding: 25px 5% 22px;}
.cpnr_2{padding-top: 66px; padding-bottom: 10px;}
.cpnr_2 dl{width: 88%;}
.cpnr_2 dl dt{width: 120px; height: 120px; line-height: 120px; font-size: 50px;}
.cpnr_2 dl dd h2{font-size: 20px; height: 26px; line-height: 26px;}
.cpnr_2 dl dd h3{height: 40px;}
.cpnr_lc{padding: 6px 0px 0;}
.cpnr_lc_top{margin: 0 1%;}
.cpnr_lc_list{margin: 23px 0 0; height: 96px;}
.cpnr_lc_3 dl{width: 31.33%; margin-right: 2%;}
.cpnr_lc_4 dl{width: 23%; margin-right: 2%;}
.cpnr_lc_list dl dt{font-size: 16px; height: 20px; line-height: 20px;}
.hdp #example4 .sp-slide h3{font-size: 26px; width: 70%; margin-top: 21%; line-height: 36px;}
.allb dl dt a{width: 88px; height: 88px; line-height: 88px; top: calc((100% - 88px) / 2); left: calc((100% - 88px) / 2); font-size: 48px;}
.allb dl:hover dt a{
	width: 108px;
	height: 108px;
	line-height: 108px;
	top: calc((100% - 108px) / 2);
	left: calc((100% - 108px) / 2);
	font-size: 82px;
}
.allb dl dd{margin-top: 16px;}
.allb dl dd a{font-size: 14px; line-height: 26px;}
.wznrn img{width: 86%; max-width: 420px;}
.sxp{font-size: 14px;}
.wzlb .sy4_list ul li a h4{height: 63px; width: 84px;}
.chaxun dl{padding: 25px 11px 8px;}
}
@media (max-width: 499px){
.jz{width: 100%;}
.bt_logo{width: 156px;}	
.chaxun dl dt input{width: 60%;}
/*弹框*/
.faqdiv{width: 96%;}
.faqdiv #hydlt{padding-top: 8px;}
.faqdiv ul li{margin-left: 6px; padding: 0 20px;}
.faqdiv #hydlx ol li h4{min-width: 78px; width: 30%;}
.faqdiv #hydlx ol li h6{width: 22px;}
.faqdiv #hydlx ol li h3{margin: 20px 0 25px;}
/*弹框结束*/
.sy1 .slider-pro h3.sp-layer{margin-top: 80px; font-size: 20px; line-height: 28px; height: 56px;}
/* .sy1 .slider-pro h4.sp-layer{margin-top: 146px;} */
.sy1 .slider-pro p{height: 82px; margin-top: 86%;}
.sy1 .slider-pro p a{height: 33px; line-height: 20px;}
.sy1 .slider-pro p a b{width: 80px; height: 80px;}
.sy1 .slider-pro p span{margin-top: 65px;}
.syggy{letter-spacing: 7px;}
.ydcf .sy2_top h2{letter-spacing: 0;}
.sy2_top ul li{padding: 0 19px 0 6px;}
.sy2_list dl{width: 92%; float: none; margin: 15px auto;}
.sy3{margin-bottom: 50px;}
.sy3_list_bj{height: 515px;}
.sy4_list ul li{width: 90%;}
.sy5_right{width: 100%;}
.cplb_top_left{width: 99%; width: calc(100% - 2px);}
.sy4_title h2{font-size: 32px;}
.cplb_list dl{width: 92%; float: none; margin:0 auto; }
.cpnr_top_left{max-width: 420px; width: calc(100% - 2px);}
.cpnr_top_right dl dt{width: 50px;}
.cpnr_2 dl{width: 95%;}
.cpnr_2 dl:nth-of-type(1){margin-left: 0%;}
.cpnr_2 dl:nth-of-type(2){margin-left: 1%;}
.cpnr_2 dl:nth-of-type(3){margin-left: 2%;}
.cpnr_2 dl:nth-of-type(4){margin-left: 3%;}
.cpnr_2 dl:nth-of-type(5){margin-left: 4%;}
.cpnr_2 dl:nth-of-type(6){margin-left: 5%;}
.cpnr_2 dl dd{right: 52px; padding: 0 3% 6px 16%;}
.cpnr_lc_4 dl{width: 21%; margin-right: 4%;}
.hdp #example4 .sp-slide h3{margin-top: 130px;}
.allb dl{width: 96%; margin: 16px auto;}
.sxp{height: 136px;}
.sxps, .sxpx{float: none; width: 98%; border-right: none;}
.sxpx{border-top: 1px solid #cdcdcd;}
.sy4_list ul li a h2{font-size: 20px;}
.wzlb .sy4_list ul li a h4{margin-left: 0;}
.wznr_top h1{font-size: 24px; line-height: 30px;}
.allb dl dt a{
	width: 120px;
    height: 120px;
    line-height: 120px;
    font-size: 62px;
    top: calc((100% - 120px) / 2);
    left: calc((100% - 120px) / 2);
}
.allb dl:hover dt a{
	width: 160px;
	height: 160px;
	line-height: 160px;
	top: 190px;
	top: calc((100% - 160px) / 2);
	left: 115px;
	left: calc((100% - 160px) / 2);
	font-size: 92px;
}
.cplb_top_left ul li.cplb_top_left_more{right: auto; left: calc(75% - 1px);}
}
@media (max-width: 399px){
.jz{width: 100%;}
.bt_logo{width: 142px;}
.chaxun dl dt span{font-size: 14px;}
.chaxun dl dt input{width: 58%;}
.faqdiv ul li{padding: 0 16px;}
.faqdiv #hydlx ol li h4{width: 25%;}
.sy1 .slider-pro h3.sp-layer{font-size: 18px; line-height: 24px; height: 48px;}
.sy1 .slider-pro h4.sp-layer{margin-left: 17%; width: 63%;}
.sy1 .slider-pro p{margin-left: 40%;}
.syggy{letter-spacing: 5px;}
.ydcf .sy2_top h2{font-size: 28px; font-weight: normal;}
.sy2_top ul{max-height: 74px; height: auto; padding-top: 1px;}
.sy2_top ul li{margin-top: -1px;}
.sy3_title h2{width: 90%; font-size: 24px; line-height: 36px; height: 72px;}
.ydcf .sy4_title h2{font-weight: normal;}
.sy4_title ul li a{padding: 0 30px 1px;}
.sy4_list ul li a h3{width: 74%;}
.sy5_left p{width: 99%;}
.sy4_title h2{font-weight: normal;}
.sy4_title ul{border-left: none;}
.cplb_top_left{width: calc(100% - 1px); margin: 0;}
.cplb_top_left ul{border-left: none;}
.cplb_top_left ul li{width:calc(33.33% - 1px);}
.cplb_top_right dl dd{padding: 0 21px;}
.cplb_list dl{width: 96%;}
.fy{width: 320px;}
.cpnr_top_left{border-left: none; border-right: none; width: 100%;}
.cpnr_1 h4{left: 2%;}
.cpnr_1_text{padding: 25px 2% 22px; font-size: 14px; line-height: 26px;}
.cpnr_2 dl dt{width: 100px; height: 100px; line-height: 100px;}
.cpnr_2 dl dd{top: 3px; padding: 0 1% 6px 15%;}
.cpnr_lc_top{padding: 30px 2%;}
.wznr, .gywm_text, .lxwm_tight{border-left: none; border-right: none;}
.wznr_top span{margin: 0 2%;}
.lxwm_left{width: 100%; border-left: none; border-right: none;}
.cplb_top_left ul li.cplb_top_left_more{right: auto; left: calc(66.66% - 1px);}
}