.cbox-ban{width: 100%;margin: 0 auto;clear: both;}
.chanpban{width: 100%;margin: 0 auto;clear: both;position: relative;}
.chanpban img{width: 100%;}
.bangui{position: absolute;bottom:40%;left: 12%;}
.bangui h3{font-size: 36px;font-weight: 600;color: #333333;margin-bottom: 3%;}
.bangui p{font-size: 14px;color: #666666;}
.babg{background:#f5f6f7;}

/*产品中心*/

.productlist {
	margin: 0 -20px
}
.pro-info {
	clear: both;
    margin-top: 36px;
    font-size: 16px;
    color: #333;
    line-height: 30px;
    padding: 30px 20px 35px 20px;
    border-radius: 10px;
    margin-bottom: 10px;
    background: #f2f2f2;
}
.productlist li {
	width: 33.333333333333336%;
	float: left;
	padding: 0 20px;
	margin-top: 5%;
}

.productlist li a {
	display: block;
	transition: .5s;
	border: 1px solid #ddd
}

.productlist li a .box {
	border: 1px solid #fff;
	width: 100%;
	padding: 8px 8px 3px 8px;
	background: #fff;
	transition: .5s
}

.productlist li a .box .pic {
	background: #f9f9f9;overflow: hidden;width: 100%;height: 2rem;
}

.productlist li a .box .pic img {
	transition: .5s;
	width: 100%;
}

.productlist li a .box .pic:after {
	padding-bottom: 71.42857142857143%
}

.productlist li a .box .bt {
	text-align: center;
	font-size: 16px;
	line-height: 97px;
	color: #333;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

@media (min-width:1025px) {
	.productlist li:hover a {
		border: 1px solid #e60012;
		box-shadow: 0 0 20px 0 rgba(0,0,0,0.1)
	}

	.productlist li:hover a .box {
		border: 1px solid #e60012
	}

	.productlist li:hover a .box .pic img {
		transform: scale(1.05)
	}
}


.container02 {
	max-width: 1580px;
	margin: 0 auto
}

.aside-left {
	float: left;
	width: 20%;
	margin-top: 36px;
}

.aside-left .aside-title {
	color: #fff;
	text-align: center;
	padding: 28px 020px 26px 20px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background: #e60012;
	margin-bottom: 10px
}

.aside-left .aside-title h3 {
	font-size: 30px;
	font-weight: bold
}

.aside-left .aside-title p {
	font-size: 14px;
	text-transform: uppercase;
	opacity: .6
}

.aside-left .list {
	border: 1px solid #e5e5e5
}

.aside-left .list ul li {
	border-bottom: 1px solid #e5e5e5;
	position: relative
}

.aside-left .list ul li .first {
	display: block;
	line-height: 50px;
	font-size: 16px;
	color: #333;
	padding: 0 40px 0 14px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aside-left .list ul li .more1 {
	background: url("../image/a.png") no-repeat center center;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5
}

.aside-left .list ul li .er {
	padding-bottom: 17px;
	display: none
}

.aside-left .list ul li .er li {
	border-bottom: 0
}

.aside-left .list ul li .er li .second {
	background: url("../image/dot.png") no-repeat 15px center;
	font-size: 14px;
	line-height: 40px;
	padding: 0 45px 0 35px;
	display: block;
	text-transform: uppercase;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden
}

.aside-left .list ul li .er li .more2 {
	background: url("../image/a.png") no-repeat center center;
	background-size: 10px;
	width: 50px;
	height: 40px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	z-index: 5
}

.aside-left .list ul li .er li .san {
	display: none;
	padding-bottom: 0
}

.aside-left .list ul li .er li .san li {
	padding-left: 22px
}

.aside-left .list ul li .er li .san li .third {
	background: url("../image/d1.png") no-repeat 15px center;
	background-size: 5px;
	display: block;
	font-size: 14px;
	line-height: 40px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	padding: 0 10px 0 35px
}

@media (min-width:1025px) {
	.aside-left .list ul li .er li .san li:hover a {
		color: #e60012
	}
}

.aside-left .list ul li .er li .san .active a {
	color: #e60012
}

@media (min-width:1025px) {
	.aside-left .list ul li .er li:hover .second {
		background: #fce5e7 url("../image/dot.png") no-repeat 15px center
	}

	.aside-left .list ul li .er li:hover .more2 {
		background: url("../image/aa.png") no-repeat center center;
		background-size: 10px
	}
}

.aside-left .list ul li .er .active .second {
	background: #fce5e7 url("../image/dot.png") no-repeat 15px center
}

.aside-left .list ul li .er .active .more2 {
	background: url("../image/aa.png") no-repeat center center;
	background-size: 10px
}

.aside-left .list ul li .er .active .san {
	display: block
}

@media (min-width:1025px) {
	.aside-left .list ul li:hover .first {
		color: #fff;
		background: #e60012
	}

	.aside-left .list ul li:hover .more1 {
		background: url("../image/ah.png") no-repeat center center
	}
}

.aside-left .list ul li:nth-last-child(1) {
	border-bottom: 0
}

.aside-left .list ul .active .first {
	color: #fff;
	background: #e60012
}

.aside-left .list ul .active .more1 {
	background: url("../image/ah.png") no-repeat center center
}

.aside-left .list ul .active .er {
	display: block
}

.aside-left .list ul .active .er .active .san {
	display: block
}

.aside-right {
	float: right;
	width: 76%
}


.wp{width:90%;max-width:1440px;margin:0 auto}
.row-xinwen1{padding:44px 0 24px;overflow:hidden}
.tit-3{margin-bottom:66px}
.xinwen-hd{margin-bottom:28px;overflow:hidden}
.xinwen-hd .so-2{float:left}
.so-2{width:450px;position:relative;overflow:hidden}
.so-2 input{outline:0;border:none}
.so-2 .inp{padding:0 30px;padding-right:60px;display:block;width:100%;height:60px;line-height:58px;border:1px solid #eaeaea;font-size:16px;color:#666}
.so-2 .submit{position:absolute;right:0;top:0;width:74px;height:60px;background:url(http://ryk.eyoucms176.com/static/images/so3.png) center center no-repeat;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.so-2 .submit:hover{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.xinwen-hd .tab-5-tit{margin:0 -5px;padding:0;float:right;width:760px}
.xinwen-hd .tab-5-tit li{min-width:25%}
.xinwen-slick{padding-bottom:30px;margin-bottom:56px;position:relative;overflow:hidden}
.xinwen-slick .slick-list{padding:160px 0!important}
.xinwen-slick .item{-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.xinwen-slick .con{display:block;position:relative;overflow:hidden;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.xinwen-slick .pic{padding-top:62%;position:relative;overflow:hidden}
.xinwen-slick .pic img{position:absolute;left:0;top:0;width:100%;height:100%}
.xinwen-slick .mask{position:absolute;left:0;top:0;width:100%;height:100%;background-color:rgba(0,0,0,.8);z-index:2}
.xinwen-slick .bt{padding:15px 20px;position:absolute;left:0;bottom:0;right:0;background-color:rgba(0,0,0,.8);display:none}
.xinwen-slick .bt h4{font-size:20px;color:#fff;text-align:center;font-weight:400;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}
.xinwen-slick .slick-current{position:relative;z-index:3}
.xinwen-slick .slick-current .con{-webkit-transform:scale(1.85,1.85);-ms-transform:scale(1.85,1.85);-o-transform:scale(1.85,1.85);transform:scale(1.85,1.85);box-shadow:0 0 10px rgba(0,0,0,.5)}
.xinwen-slick .slick-current .mask{background-color:transparent}
.xinwen-slick .slick-current .bt{display:block}
.xinwen-slick .slick-current .bt h4{zoom:.5}
.xinwen-slick .slick-dots{position:absolute;left:0;bottom:0;right:0;font-size:0;text-align:center;overflow:hidden}
.xinwen-slick .slick-dots li{margin:0 14px;display:inline-block;vertical-align:middle;width:8px;height:8px;border-radius:50%;background-color:#999;cursor:pointer;overflow:hidden}
.xinwen-slick .slick-dots button{outline:0;border:none;text-indent:-999px}
.xinwen-slick .slick-dots .slick-active{background-color:#89af3e}
.ul-xinwen{overflow:hidden}
.ul-xinwen li{overflow:hidden}
.ul-xinwen .con{padding:40px 0;display:block;overflow:hidden}
.ul-xinwen .date{margin-right:50px;float:left;width:64px}
.ul-xinwen .date .day{margin-bottom:4px;font-size:62px;color:#333;line-height:1}
.ul-xinwen .date .t{font-size:16px;color:#666}
.ul-xinwen .pic{margin-right:98px;float:left;width:38%;position:relative;overflow:hidden}
.ul-xinwen .pic:after{content:'';display:block;padding-top:56%}
.ul-xinwen .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.ul-xinwen .inner{padding:10px 0;overflow:hidden}
.ul-xinwen .inner h4{margin-bottom:26px;font-size:32px;color:#333;line-height:1.45;font-weight:400;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.ul-xinwen .inner .txt{margin-bottom:22px;padding-bottom:32px;font-size:16px;color:#666;line-height:1.65;border-bottom:1px solid #eaeaea}
.ul-xinwen .inner .more{display:inline-block;font-size:14px;color:#81ae46;line-height:40px}
.ul-xinwen .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.ul-xinwen .con:hover h4{color:#81ae46}
.row-xinwen-dt1{padding:42px 0 68px;overflow:hidden}
.row-xinwen-dt1 .col-r{float:right;width:380px}
.row-xinwen-dt1 .col-l{padding-right:60px;float:left;width:calc(100% - 380px)}

.xinwen-dt-info{padding:14px 0 36px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.xinwen-dt-info-item{padding:18px 30px}
.xinwen-dt-info-item h3{margin-bottom:10px;font-size:24px;color:#333;font-weight:400}
.xinwen-dt-info-item .sel{padding:0 30px;margin:24px 0 20px;border:none;display:block;width:100%;height:60px;line-height:60px;background-color:#fff;font-size:16px;color:#666;cursor:pointer}
.xinwen-dt-info-item .so-2{width:100%}
.xinwen-dt-info-item .so-2 .inp{padding:0 30px;padding-right:60px;height:60px;line-height:60px;border:none;font-size:16px;color:#666}
.xinwen-dt-info-item .share{padding-bottom:152px}
.xinwen-dt-info-item .share .item{margin-right:12px;float:left;position:relative}
.xinwen-dt-info-item .share .icon{display:block;width:38px;height:38px;border-radius:50%;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.xinwen-dt-info-item .share .code{padding-top:20px;position:absolute;left:0;top:100%;display:none}
.xinwen-dt-info-item .share .code .code-con{padding:6px;position:relative;width:130px;height:130px;background-color:#fff}
.xinwen-dt-info-item .share .code .code-con:before{content:'';position:absolute;left:16px;top:-5px;width:9px;height:5px;background:url(http://ryk.eyoucms176.com/static/images/code_i1.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.xinwen-dt-info-item .share .item:hover .code{display:block}
.xinwen-dt{overflow:hidden}
.xinwen-dt-hd{padding-bottom:28px;border-bottom:2px solid #dededc;position:relative}
.xinwen-dt-hd:after{content:'';position:absolute;left:48%;bottom:-2px;width:6%;height:2px;background-color:#84ad3b}
.xinwen-dt-hd h1{margin-bottom:20px;font-size:30px;color:#000;font-weight:400;text-align:center;}
.xinwen-dt-hd .con{overflow:hidden}
.xinwen-dt-hd .share{float:right;font-size:16px;color:#999}
.xinwen-dt-hd .share .bshare-custom{display:inline-block}
.xinwen-dt-hd .share .bshare-custom .bshare-more{width:30px;height:30px;background:url(http://ryk.eyoucms176.com/static/images/xinwen_detail_share.png) center center no-repeat;-webkit-background-size:cover;background-size:cover}
.xinwen-dt-hd .info{font-size:16px;color:#999;line-height:30px;overflow:hidden;text-align: center;}
.xinwen-dt-hd .info span{padding:0 22px;position:relative}
.xinwen-dt-hd .info span:before{content:'';position:absolute;left:0;top:50%;width:1px;height:14px;background-color:#e9e9e9;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.xinwen-dt-hd .info span:first-child{padding-left:0}
.xinwen-dt-hd .info span:first-child:before{display:none}
.xinwen-dt-content{padding:42px 0;font-size:16px;color:#555;line-height:1.75;border-bottom:1px solid #ccc;overflow:hidden;text-align: center;}
.xinwen-dt-content p{text-align: center;}
.xinwen-dt-content img{text-align: center;margin: 0 auto;}
.xinwen-dt-page{padding-top:20px;overflow:hidden}
.xinwen-dt-page a{display:block;font-size:16px;color:#333;line-height:28px;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.xinwen-dt-page a:hover{color:#84ad3b}
.row-xinwen-dt2{padding:50px 0;background-color:#f6f6f6;overflow:hidden}
.row-xinwen-dt2 .tit-3{margin-bottom:50px}
.row-xinwen-dt2 .tit-3 h3{margin:0}



.sgdachan{margin: 0% auto 1%;clear: both;width: 92%;}
                    				.sgzchan{float:left;width: 34%;padding: 3% 0 0;}
                    				.sgychan{float: right;width: 60%;}
                    				.sgzchan1{margin: 2% 1%;clear: both;}
                    				.sgzchan2{margin: 12% 1.2%;clear: both;}
                    				.sgzchan1 h3{color: #333333;font-weight: 600;margin: 2% 0; font-size: 26px;}
                    				.sgzchan1 h4{color: #333333;font-weight: 600;margin: 2% 0;font-size: 22px;}
                    				.sgzchan1 p{color: #999999;font-size: 14px;margin: 4% 0;letter-spacing: 2px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
                    				.sgzchan2 a{width: 150px;padding: 8px 24px;background: #89af3e;font-size: 14px; color:#FFFFFF;}
                    				.sgctup{width: 100%;margin: 0 auto;clear: both;text-align: center;overflow: hidden;}
                    				.sgctup img{width: 100%;clear: both;text-align: center;transition:all 1s;}
        							.sgctup img:hover{transform:scale(1.02);}

									.sg-product{width:100%;clear: both;margin:1% auto;}
                            		.sg-product li{transition:all 1s; overflow: hidden; width:29%;float: left;margin-left:3%;background: #FFFFFF;box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.1);margin-bottom: 3%;height:99%;}
                            		
                            		.sgtuimg{width: 100%;overflow: hidden;}
                            		.sgtuimg img{width: 100%;overflow: hidden; }
                            		.sg-product li:hover{box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
                					.sgtuimg img{width: 100%;transition:all 1s;}
                	
        							.sgtuimg img:hover{transform:scale(1.1);}
                            		.sgmask{width:100%;padding: 2% 3% 4%;}
                            		.sgtit{border-bottom: 1px solid #F0F0F0;padding: 2% 0 4%;}
                            		.sgen{font-size: 14px;color: #808080;font-weight: 300;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
                            	    .sgtit3:link{color:#444;transition-duration:1s;}
                            	    .sgtit3:hover{color:#89af3e;transition-duration:1s;}
                            	    .sgtit3{margin: 2% 0;font-size:16px;font-weight:500;color: #444444;letter-spacing: 0px;}
                            	    .sgmore{width:100%;padding: 3% 3% 5%;}
                            	    .sgmorez{float: left;color: #89AF3E;}
                            	    .sgmorey{float: right;width: 8%;}
                            	    .sgmorey img{width: 100%;}
                            	    .clin{clear: both;}
                            	    
                            	    .sg-product3{width:100%;clear: both;margin:1% auto;}
                            		.sg-product3 li{transition:all 1s; overflow: hidden;padding-bottom:1.8%; width:22.5%;float: left;margin-left:2.5%;background: #FFFFFF; margin-bottom: 3%;}
                            		.sgtuimg3{width: 100%;overflow: hidden;}
                            		.sgtuimg3 img{width: 100%;overflow: hidden; }
                            		.sg-product3 li:hover{box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.2);}
                					.sgtuimg3 img{width: 100%;transition:all 1s;}
        							.sgtuimg3 img:hover{transform:scale(1.1);}
                            		.sgmask3{width:100%;padding: 2% 6% 4%;}
                            		.sgtit3{ padding: 2% 0 4%;}
                            		.sgen3{font-size: 12px;color: #808080;font-weight: 300;line-height: 22px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
                            	    .sgtit33:link{color:#444;transition-duration:1s;}
                            	    .sgtit33:hover{color:#89af3e;transition-duration:1s;}
                            	    .sgtit33{margin: 3% 0;font-size:16px;font-weight:500;color: #444444;}
                            	    .sganniu{width: 95%;clear: both;margin: 5% auto 0;}
                            	    .sgbutz{ float: left;font-size: 12px;padding: 2.5% 8%;border: 1px solid #dddddd;background: #FFFFFF;border-radius: 18px;}
                            	    .sgbutz:hover{color: #89AF3E;border: 1px solid #89AF3E;}
                            	    .sgbuty{ float: right;font-size: 12px;padding: 2.5% 8%;border: 1px solid #dddddd;background: #FFFFFF;border-radius: 18px;}
                    				.sgbuty:hover{color: #89AF3E;border: 1px solid #89AF3E;}
                    				
                    				.cptit3{width: 96%;clear: both;margin: 0 auto 3%;}
                    				.cptit3 h3{font-size: 20px;font-weight: 800;color: #333333;padding: 1% 0;}
                    				.cptit3 p{width: 18px;height: 2px;background: #89AF3E;}
.tab-1{overflow:hidden}
.tab-1-tit{padding:10px 20px;margin:0 -.5px;margin-bottom:67px;font-size:0;text-align:center;white-space:nowrap;overflow-x:auto}
.tab-1-tit li{padding:0 .5px;display:inline-block;vertical-align:top;min-width:12.5%;cursor:pointer;position:relative}
.tab-1-tit li:before{content:'';position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;background-color:transparent}
.tab-1-tit a,.tab-1-tit span{padding:0 20px;display:block;font-size:15px;color:#333333;text-align:center;line-height:60px;background-color:#e5e6e6;position:relative;z-index:2}
.tab-1-tit .on,.tab-1-tit .tab-1-item__on{position:relative;z-index:3}
.tab-1-tit .on:before,.tab-1-tit .tab-1-item__on:before{background-color:#89af3e;}
.tab-1-tit .on a,.tab-1-tit .on span,.tab-1-tit .tab-1-item__on a,.tab-1-tit .tab-1-item__on span{background-color:transparent;color: #FFFFFF;}
.tab-1-desc{overflow:hidden}
.tab-1-desc .tab-1-item{display:none}
.tab-1-desc .tab-1-item.tab-1-item__on{display:block}

.tab-13{overflow:hidden}
.tab-13-tit{padding:10px 20px;margin:0 -.5px;font-size:0;text-align:center;white-space:nowrap;overflow-x:auto;}
.tab-13-tit li{padding:0 .5px;display:inline-block;vertical-align:top;min-width:12.5%;cursor:pointer;position:relative;background-color:#FFF}
.tab-13-tit li:before{content:'';position:absolute;left:-2px;top:-2px;right:-2px;bottom:-2px;background-color:transparent}
.tab-13-tit a,.tab-13-tit span{padding:0 15px;display:block;font-size:18px;color:#333333;text-align:center;line-height:60px;background-color:#eee;position:relative;z-index:2}
.tab-13-tit span:hover{background-color:#e60012;color: #FFFFFF;}
.tab-13-tit span:hover a{background-color:#e60012;color: #FFFFFF;}
.tab-13-tit .on:before,.tab-13-tit .tab-13-item__on:before{background-color:#e60012;}
.tab-13-tit .on a,.tab-13-tit .on span,.tab-13-tit .tab-13-item__on a,.tab-13-tit .tab-13-item__on span{background-color:transparent;color: #FFFFFF;}
	
.ul-news2 {margin:0 -20px -40px;font-size:0;}
.ul-news2 li{margin-bottom:3%;padding:1.5%;display:inline-block;vertical-align:top;width:31%;margin-left: 2%;background: #FFFFFF;}
.ul-news2 li:hover{box-shadow: 3px 3px 4px rgba(0, 0, 0, 0.2);}.sgmorez1{color: #333333;font-size: 12px;float: left;width: 70%;}
.sgmorey1 {
    float: right;
    width: 24px;vertical-align: sub;
}
.sgmorey1 img{width: 100%;vertical-align: sub;}
.sgmore {
    width: 100%;
    padding: 3% 0 5%;
}

.ul-news2 .con{display:block;overflow:hidden}
.ul-news2 .pic{padding-top:56%;position:relative;overflow:hidden}
.ul-news2 .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.ul-news2 .inner{padding:32px 0;overflow:hidden}
.ul-news2 .inner h4{ font-size:18px;color:#333;line-height:1.35;height:2.7em;font-weight:400;overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2; 
    overflow:hidden;
    -webkit-box-orient: vertical;}
.ul-news2 .inner .date{font-size:16px;color:#333}
.ul-news2 .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.ul-news2 .con:hover .inner h4{color:#84ad3b}
.row-about-zjym{padding:60px 0 80px;overflow:hidden}
.ul-zjym{margin:0 -20px -20px;font-size:0}
.ul-zjym li{margin-bottom:40px;padding:0 20px;display:inline-block;vertical-align:top;width:33.33%}
.ul-zjym .con{display:block;position:relative;overflow:hidden}
.ul-zjym .pic{padding-top:75%;position:relative;overflow:hidden}
.ul-zjym .pic img{position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.ul-zjym .mask{position:absolute;left:0;top:0;width:100%;height:100%;z-index:2}
.ul-zjym .bt{padding:16px 30px;position:absolute;left:0;bottom:0;right:0}
.ul-zjym .bt h4{font-size:20px;color:#fff;font-weight:400}
.ul-zjym .big{width:66.66%}
.ul-zjym .big .pic{padding-top:36%}
.ul-zjym .con:hover .pic img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.row-cp-dt1{padding:36px 0 80px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-cp-dt1 .tab-1{height:80px;position:relative}
.row-cp-dt1 .tab-1-tit{margin-bottom:0;-webkit-transition:.5s linear;-o-transition:.5s linear;transition:.5s linear}
.row-cp-dt1 .tab-1-tit.fixed{position:fixed;top:0;left:0;right:0;z-index:98}
.row-cp-dt1 .tab-1-tit.fixed2{position:fixed;top:108px;left:0;right:0;z-index:98}
.cp-dt{overflow:hidden}
.cp-dt h2{margin-bottom:30px;font-size:42px;color:#333;text-align:center}
.cp-dt-con{margin-bottom:110px;overflow:hidden}
.cp-dt-slick{float:left;width:63%}
.cp-dt-for{position:relative;overflow:hidden}
.cp-dt-for .pic{height:480px;line-height:480px;font-size:0;text-align:center;overflow:hidden}
.cp-dt-for .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.cp-dt-for .pic:hover img{-webkit-transform:scale(1.05,1.05);-ms-transform:scale(1.05,1.05);-o-transform:scale(1.05,1.05);transform:scale(1.05,1.05)}
.cp-dt-nav{padding:0 18%;position:relative;overflow:hidden}
.cp-dt-nav .pic{margin:0 auto;width:102px;height:102px;line-height:98px;font-size:0;text-align:center;border:4px solid #d8d8d8;border-radius:50%;cursor:pointer;overflow:hidden}
.cp-dt-nav .pic img{display:inline-block;vertical-align:middle;max-width:100%;max-height:100%;}
.cp-dt-nav .slick-current .pic{border-color:#89af3e;}
.cp-dt-info{padding:66px 0 0 86px;overflow:hidden;}
.cp-dt-info .item{padding:6px 0 16px;font-size:16px;color:#333;}
.cp-dt-info .item+.item{border-top:1px dashed #aeaeae;}
.cp-dt-info .item .gl{margin-top:4px;font-size:26px;color:#89af3e;}
.cp-dt-info .item .item-in{color:#4d4d4d;}
.cp-dt-info .item .item-in+.item-in{padding-top:24px;}
.cp-dt-info .item h4{margin-bottom:12px;font-size:18px;font-weight:400;}
.cp-dt-info .contact{padding:8px 0;overflow:hidden;}
.cp-dt-info .contact a{padding:6px 0;padding-left:56px;display:block;font-size:18px;color:#555;position:relative;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.cp-dt-info .contact i{position:absolute;left:0;top:50%;width:30px;height:30px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
.cp-dt-info .contact a:hover{color:#89af3e;}
.cp-dt-info .btn{margin-top:8px;overflow:hidden;}
.cp-dt-info .btn a{margin-right:10px;float:left;width:200px;height:55px;line-height:55px;font-size:16px;color:#fff;text-align:center;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease}
.cp-dt-info .btn i{margin:-2px 10px 0 0;display:inline-block;vertical-align:middle;width:20px;height:20px;background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover}
.cp-dt-info .btn .download{background-color:#89af3e;}
.cp-dt-info .btn .vs{background-color:#666;}
.cp-dt-info .btn a:hover{opacity:.8;filter:alpha(opacity=80);}
.row-cp-dt2{padding:60px 0 130px;background: #FBFCFE; background-repeat:no-repeat;background-position:center center;-webkit-background-size:cover;background-size:cover;overflow:hidden}
.row-cp-dt2 .tit-3{margin-bottom:80px;}
.row-cp-dt2 .tit-3 h3{margin:0;}
.ul-cpys{margin:0 -20px -40px;font-size:0;}
.ul-cpys li{margin-bottom:36px;padding:0 20px;display:inline-block;vertical-align:top;width:50%;}
.ul-cpys .con{padding:3.5% 6% 2%;min-height:126px; box-shadow:0 0 90px 0 rgba(0,0,0,.1);cursor:pointer;overflow:hidden;-webkit-transition:1s ease;-o-transition:1s ease;transition:1s ease;background: url(http://ryk.eyoucms176.com/static/images/pro_04.jpg) no-repeat center;background-size: 100% 100%;}
.ul-cpys .con .pic{float: left;width: 12%;}
.ul-cpys .con .pic img{width: 60%;}
.ul-cpys .con .txt{float: left;width: 87%;}
.ul-cpys .con .txt h4{font-size: 16px;font-weight: 600;color: #333333;padding:1px 0;}
.ul-cpys .con .txt p{font-size: 14px; color: #555555;padding:3px 0;line-height: 24px;}
.ul-cpys .con:hover{box-shadow:0 0 10px rgba(0,0,0,.1);-webkit-transform:translateY(-10px);-ms-transform:translateY(-10px);-o-transform:translateY(-10px);transform:translateY(-10px)}
.ul-cpys .con:hover .pic img{-webkit-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg);transform:rotateY(360deg)}

.container02 {
    max-width: 1260px;
    margin: 0 auto;
}
.product-pic {
	padding: 70px 0 71px 0;
	overflow: hidden;
	position: relative;
	background: #f6f6f6
}

.product-pic .pro-max {
	position: absolute;
	width: 595px;
	overflow: hidden;
	/*background: #fff;*/
	z-index: 3
}

.product-pic .pro-max .pic {
	width: 100%;
	 text-align: center; /* 水平居中 */
}

.product-pic .pro-max .pic img {
 display: block;     /* 确保是块级元素 */
 width: 100%;
 margin: 0 auto;     /* 上下margin为0，左右margin为auto */
}


.product-pic .pro-max .pic:after {
	padding-bottom: 71.42857142857143%
}

.product-pic .pro-max .slick-dots {
	z-index: 10;
	bottom: 38px;
	line-height: 0;
	text-align: center
}

.product-pic .pro-max .slick-dots li {
	margin: 0 4px;
	padding: 0;
	width: 10px;
	height: 10px;
	z-index: 2;
	transition: .5s;
	border-radius: 30px
}

.product-pic .pro-max .slick-dots li button {
	width: 10px;
	height: 10px;
	z-index: 2;
	border-radius: 30px;
	display: block;
	padding: 0;
	transition: .5s;
	background: #666
}

.product-pic .pro-max .slick-dots li button:before {
	content: ""
}

.product-pic .pro-max .slick-dots .slick-active button {
	background: #e60012
}

.product-pic .pro-max .slick-dots .slick-active button:before {
	color: transparent
}

.product-pic .pro-right {
	padding-left: 655px;
	padding-top: 23px;
	min-height: 425px
}

.product-pic .pro-right .bt {
	font-size: 30px;
	color: #333
}

.product-pic .pro-right .bt:after {
	content: '';
	display: block;
	width: 55px;
	height: 3px;
	background: #e60012;
	margin: 6px 0 14px 0
}

.product-pic .pro-right .jsh {
	margin-bottom: 29px
}

.product-pic .pro-right .jsh p {
	font-size: 16px;
	color: #333;
	line-height: 30px
}

.product-pic .pro-right .list {
	margin-bottom: 62px
}

.product-pic .pro-right .list .list-title {
	font-size: 20px;
	font-weight: bold;
	color: #333;
	margin-bottom: 13px
}

.product-pic .pro-right .list ul li {
	width: 50%;
	float: left;
	font-size: 16px;
	color: #000;
	line-height: 30px;
	background: url("../image/cs.png") no-repeat 6px 5px;
	padding-left: 37px;
	background-size: 20px
}

.link a {
	display: block;
	float: left;
	margin-right: 10px;
	width: 30%;
	line-height: 48px;
	height: 50px;
	color: #fff;
	font-size: 16px;
	background: #e60012;
	text-align: center;
	transition: .5s;
	position: relative;
	overflow: hidden
}

.link a:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .5s;
	z-index: 1
}

.link a span {
	position: relative;
	z-index: 2
}

.link a img {
	display: inline-block;
	vertical-align: middle;
	margin-right: 10px;
	width: 22px
}
.pro-nav {
	border-bottom: 1px solid #d6d8db;
	overflow: hidden
}

.pro-nav ul li {
	float: left;
	margin-right: 74px
}

.pro-nav ul li a {
	display: block;
	line-height: 90px;
	font-size: 20px;
	color: #333;
	transition: .5s;
	border-bottom: 2px solid #fff
}
@media (min-width:1025px) {
	.pro-nav ul li:hover a {
		color: #e60012;
		border-bottom: 2px solid #e60012
	}
}

.pro-nav ul .sel a {
	color: #e60012;
	/*font-weight: bold;*/
	border-bottom: 2px solid #e60012
}

.p-title {
	font-size: 18px;
	color: #010101;
}

.p-title span {
	color: #ccc;
	margin-left: 11px;
	margin-right: 12px
}

.product-info {
	padding: 42px 0
}

.product-info .item {
	border-bottom: 2px solid #ddd;
	padding-bottom: 24px;
	margin-bottom: 27px
}

.product-info .item .pro-nr {
	padding: 39px 0
}
 
.product-info .item:nth-last-child(1) {
	border-bottom: 0;
	margin-bottom: 0
}

.message1 {
	padding:60px 0 88px 0;
	max-width: 895px;
	margin: 6px auto;
	border: 10px solid #e7e7e7
}

.message1 .tips {
	color: #333;
	margin-bottom: 56px
}

.message1 select {
	width: 100%;
	border: 1px #ebebeb solid;
	color: #333;
	font-size: 16px;
	background: #fff;
	height: 42px;
	padding: 0 10px
}

.message1 select::-ms-expand {
	display: none
}

.message1 select {
	appearance: none;
	-moz-appearance: none;
	-webkit-appearance: none;
	background: #fff url(../image/a.png) no-repeat scroll 95% center;
	background: #fff9
}



.message .title {
	text-align: center;
	position: relative;
	color: #e60012;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 10px
}

.message .tips {
	text-align: center;
	color: #747474;
	line-height: 32px;
	font-size: 16px;
	margin-bottom: 67px
}

.message .red {
	color: #da2f38
}

.message ul {
	max-width: 612px;
	margin: 0 auto
}

.message li {
	position: relative;
	margin-bottom: 14px;
	color: #333;
	font-size: 16px;
	clear: both;
	padding: 0 6px
}
.message li font{
font-size:12px;
text-align:center;
font-weight:bold;
color:#fff;
line-height: 35px;
border-radius: 5px;
background: rgba(255,0,0,0.7);
top: -12px;
right:10px;
width: 160px;
position:absolute;
display:none;
}
.message li font::after {
content: '';
margin-top: 42px;
display: inline-block;
border-width: 6px 10px 9px 10px;
border-style: solid;
border-color: transparent;
border-top-color: rgb(255, 0, 0,0.7);
transform: rotate(147deg) translate(-12px, 6px);
position: absolute;
bottom: -18px;
left: 10px;
 }


.message .p-01 {
	line-height: 30px;
	margin-bottom: 4px
}

.message .li-02 {
	width: 50%;
	float: left;
	clear: none
}

.message input,.message textarea {
	width: 100%;
	border: 1px #ebebeb solid;
	color: #333;
	font-size: 16px;
	background: #fff;
	height: 42px;
	padding: 0 10px
}

.message input:focus,.message textarea:focus {
	border-color: #e60012
}

.message textarea {
	height: 1.8rem;
	line-height: 24px
}

.message .message-submit {
	text-align: center;
	width: 100%
}

.message .message-submit button,.message .message-submit input {
	width: 160px;
	padding: 0;
	font-size: 16px;
	color: #fff;
	background: 0;
	transition: .5s;
	text-transform: uppercase;
	line-height: 44px;
	height: 50px;
	border-radius: 30px;
	background: #e60012;
	margin: 0 20px;
	vertical-align: top;
	display: inline-block;
	overflow: hidden;
	border: 3px solid #e60012;
	position: relative;
	outline: none;
	cursor: pointer;
}

.message .message-submit button:before,.message .message-submit input:before {
	content: "";
	display: block;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%) scale(0);
	width: 300px;
	height: 300px;
	border-radius: 50%;
	transition: all .5s;
	z-index: 1
}

.message .message-submit button span {
	position: relative;
	z-index: 2
}

.message .message-submit button#quxiao,.message .message-submit input#quxiao {
	background: #fff;
	color: #666;
	border: 3px solid #dadada
}

.message .message-submit button#quxiao:hover,.message .message-submit input#quxiao:hover {
	background: #b20412;
	color: #fff;
	border: 3px solid #b20412
}
@media (max-width:1260px) {
	.container02 {
		width: 100%;
		padding: 0 10px
	}
}

@media (min-width:1025px) {
	.message .message-submit button:hover,.message .message-submit input:hover {
		border: 3px solid #b20412
		color: #fff;
	}

	.message .message-submit button:hover:before,.message .message-submit input:hover:before {
		transform: translate(-50%,-50%) scale(1);
		background: #b20412;
	}

	.message .message-submit button:hover span {
		color: #fff
	}
}

@media (max-width:1023px) {
	.message .title {
		font-size: 22px
	}

	.message .tips {
		font-size: 14px;
		line-height: 25px;
		margin-bottom: 20px
	}

	.message .li-02 {
		width: 100%
	}
	.message li font {
		top: -12px;
	}
}

@keyframes scale2 {
	from {
		transform: scale(0);
		opacity: 0
	}

	to {
		transform: scale(1);
		opacity: 1
	}
}

.scale2 {
	animation-name: scale2
}

/*@font-face {*/
/*	font-family:'AkzidenzGrotesk-BoldCondAlt';src:url('../font/AkzidenzGrotesk-BoldCondAlt.eot');src:url('../fonts/akzidenzgrotesk-boldcondalt.eot') format('embedded-opentype'),url('../fonts/akzidenzgrotesk-boldcondalt.woff2') format('woff2'),url('../fonts/akzidenzgrotesk-boldcondalt.woff') format('woff'),url('../fonts/akzidenzgrotesk-boldcondalt.svg#akzidenzgrotesk-boldcondalt') format('svg');font-weight:normal;font-style:normal*/
/*}*/


@media only screen and (max-width:1490px){
 .aside-left{width: 29%;margin-top: 0px;}
.aside-right {width: 68%; }
.productlist li{width: 50%;}
 .productlist li a .box .bt {font-size: 14px;line-height: 32px;}
 
}

@media only screen and (max-width:1199px){

.product-pic {
	padding: 30px 0 36px 0;}
	.product-pic .pro-max {
	 position: relative;
	width: 100%;
	 
}
.product-pic .pro-max .pic img{
	width: 100%;
}
.product-pic .pro-right{
	padding-left: 0px;
	width: 95%;
	margin: 0 auto;
	min-height: auto;
}
.product-pic .pro-right .bt {
	font-size: 18px;
	font-weight: 700;
}
.product-pic .pro-right .jsh p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 26px;
}
.pro-nav ul li a {
    margin-right: 8px;
    line-height: 32px;
    font-size: 15px;
    color: #333;
    transition: .5s;
    border-bottom: 2px solid #fff;
}
.pro-nav ul li {
    float: left;
   margin-right: 20px;
}
.p-title {
    font-size: 18px;
    
}
.pro-nav{width: 90%;margin:0  auto;}
.container02 .item p img{width: 100%;}
    .p-title span {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px;
        font-weight: normal;
    }
    .p-title img {
        width: 25px;
    }
    .product-info .item .pro-nr {
    padding: 12px 0;
}
.message {
	padding:30px 0 28px 0;
}
.message .p-01 {
	line-height: 24px;
	margin-bottom: 4px;
	font-size: 14px;
}
.logo{width: 66%;}
.logo img{width: 100%;}
.message .message-submit button,.message .message-submit input {
	width: 47%; margin:inherit;font-size: 14px;height: 0.8rem;line-height: 0.8rem;}
	
	.product-info {
    
    width: 80%;
    margin: 36px auto;
}
  .product-pic{ width: 80%;margin: 36px auto;
   }   

}

@media only screen and (max-width:959px){
.aside-left{width: 100%;margin-top: 0px;}
	.aside-right {
    width: 100%;float: none;}
	.productlist li{width: 50%;}
	.pro-info{text-align: center;width: 100%;padding: 5%;clear: both;}
.productlist li a .box .bt {
font-size: 12px;line-height: 24px;}
.aside-left .aside-title {
    color: #fff;
    text-align: center;
    padding: 18px 10px 16px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #e60012;
    margin-bottom: 10px;
}
.bangui h3 {display: none;}


.product-pic {
	padding: 30px 0 36px 0;}
	.product-pic .pro-max {
	 position: relative;
	width: 100%;
	 
}
.product-pic .pro-max .pic img{
	width: 100%;
}
.product-pic .pro-right{
	padding-left: 0px;
	width: 95%;
	margin: 0 auto;
	min-height: auto;
}
.product-pic .pro-right .bt {
	font-size: 18px;
	font-weight: 700;
}
.product-pic .pro-right .jsh p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 26px;
}
.pro-nav ul li a {
    margin-right: 8px;
    line-height: 32px;
    font-size: 15px;
    color: #333;
    transition: .5s;
    border-bottom: 2px solid #fff;
}
.pro-nav ul li {
    float: left;
   margin-right: 20px;
}
.p-title {
    font-size: 18px;
    
}
.pro-nav{width: 90%;margin:0  auto;}
.container02 .item p img{width: 100%;}
    .p-title span {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px;
        font-weight: normal;
    }
    .p-title img {
        width: 25px;
    }
    .product-info .item .pro-nr {
    padding: 12px 0;
}
.message {
	padding:30px 0 28px 0;
}
.message .p-01 {
	line-height: 24px;
	margin-bottom: 4px;
	font-size: 14px;
}
.logo{width: 66%;}
.logo img{width: 100%;}
.message .message-submit button,.message .message-submit input {
	width: 47%; margin:inherit;font-size: 14px;height: 0.8rem;line-height: 0.8rem;}
	
	.product-info {
    
    width: 80%;
    margin: 36px auto;
}
  .product-pic{ width: 80%;margin: 36px auto;
   }   

}

.product-show{background: #f6f6f6;width: 100%;margin: 0 auto;}

@media only screen and (max-width:767px){
	
	.link a {
     margin-left: 2%;
    width: 47%;margin-right: 0;}
	.aside-left{width: 100%;margin-bottom:6%;}
	.aside-right {
    width: 100%;float: none;padding-top: 1px;}
	.productlist li{width: 50%;padding: 0 8px;}
	.pro-info{text-align: center;width: 100%;padding: 5%;clear: both;}
.productlist li a .box .bt {font-size: 12px;line-height: 24px;}
.aside-left .aside-title {
    color: #fff;
    text-align: center;
    padding: 18px 10px 16px 10px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    background: #e60012;
    margin-bottom: 10px;
}
.bangui h3 {display: none;}

.product-pic {
	padding: 30px 0 36px 0;}
	.product-pic .pro-max {
	 position: relative;
	width: 100%;
	 
}
.product-pic .pro-max .pic img{
	width: 100%;
}
.product-pic .pro-right{
	padding-left: 0px;
	width: 95%;
	margin: 0 auto;
	min-height: auto;
}
.product-pic .pro-right .bt {
	font-size: 18px;
	font-weight: 700;
}
.product-pic .pro-right .jsh p {
    font-size: 14px;
    color: #666;
    font-weight: 400;
    line-height: 26px;
}
.pro-nav ul li a {
    margin-right: 8px;
    line-height: 32px;
    font-size: 14px;
    color: #333;
    transition: .5s;
    border-bottom: 2px solid #fff;
}
.pro-nav ul li {
    float: left;
   margin-right: 10px;
}
.p-title {
    font-size: 18px;
    
}
.container02 .item p img{width: 100%;}
    .p-title span {
        margin-left: 5px;
        margin-right: 5px;
        font-size: 14px;
        font-weight: normal;
    }
    .p-title img {
        width: 25px;
    }
    .product-info .item .pro-nr {
    padding: 12px 0;
}
.message {
	padding:30px 0 28px 0;
}
.message .p-01 {
	line-height: 24px;
	margin-bottom: 4px;
	font-size: 14px;
}
.logo{width: 66%;}
.logo img{width: 100%;}
.message .message-submit button,.message .message-submit input {
	width: 47%; margin:inherit;font-size: 14px;height: 0.8rem;line-height: 0.8rem;}
	
	.product-info {
    
    width: 98%;
    margin: 36px auto;
}
    .container02 {
        width: 98%;
        padding: 0 10px;
        margin: 0 auto;
    }
    .message1 {
     
    border: 3px solid #e7e7e7;
}

}