
/*产品解决方案*/
 .layout {
	position: relative;
	overflow: hidden;
	margin: 0 auto;
	background: #fff;
	padding-top: 110px;
} 
.wrap{
	margin: 0 auto;
	width: 1280px;
}
.header {
	height: 110px;background: #fff;position: fixed;z-index: 111111;
	left: 0;right: 0;margin: 0 auto;top: 0;
}
.header .logo {
	float: left;margin-top: 30px;margin-left: 28px;
	width: 190px;height: 42px;
}
.header .logo img,
.header .logo a {
	display: block;width: 100%;height: 100%;
}
.header .rts {
	float: right;
}
.header .rts .hope {
	background: #b01c2e;width: 595px;padding-left: 20px;
	-webkit-box-sizing: border-box;position: relative;
	-moz-box-sizing: border-box;float: right;
	-o-box-sizing: border-box;margin-right: -400px;
	box-sizing: border-box;
}
.header .rts .hope:before {
	position: absolute;z-index: 11;content: "";
	left: -20px;background: url(/static/ycgg/images/icon9.png) no-repeat center/cover;
	width: 20px;height: 39px;top: 0;bottom: 0;
}
.header .rts .hope h4 {
	font-size: 12px;line-height: 39px;color: #fff;
	text-align: left;padding-left: 20px;background: url(/static/ycgg/images/icon1.png) no-repeat left center;
}
.header .rts .naver {
	margin-top: 55px;
}
.header .rts .naver li {
	float: left;margin-right: 30px;
}
.header .rts .naver li a {
	display: block;font-size: 14px;line-height: 32px;color: #444444;
	text-align: center;padding: 0 15px;transition: all 0.3s;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	
}
.header .rts .naver li:last-child {
	margin-right: 0;
}
.header .rts .naver li.on a,
.header .rts .naver li a:hover {
	color: #fff;background: #b01c2e;
}
.banner_swiper {
	position: relative;
}
.banner_swiper li{
	height: 684px;
}
.banner_swiper li .wrap {
	height: 100%;position: relative;
}
.banner_swiper li .text {
	padding: 32px 75px 24px;width: 1040px;
	background: rgba(202,202,202,0.45);
	position: absolute;z-index: 88;
	left: 0;right: 0;margin: 0 auto;
	top: 50%;transform: translateY(-50%);
	text-align: center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	display: none;
}
.banner_swiper li .text h2 {
	font-size: 72px;line-height: 85px;color: #fff;font-weight: bold;
	height: 170px;overflow: hidden;
}
.banner_swiper li .text h6 {
	font-size: 26px;line-height: 42px;color: #fff;margin-top: 6px;
}
.banner_swiper .next,
.banner_swiper .prev {
	position: absolute;z-index: 11;
	left: 20%;top: 50%;transform: translateY(-50%);
	background: url(/static/ycgg/images/icon2.png) no-repeat center/cover;
	width: 30px;height: 52px;cursor: pointer;transition: all 0.3s;
	
}
.banner_swiper .next:hover,
.banner_swiper .prev:hover {
	background: url(/static/ycgg/images/icon2-1.png) no-repeat center/cover;
}
.banner_swiper .next {
	left: auto;right: 20%;transform: translateY(-50%) rotate(180deg);
}
.banner_swiper .swiper_span{
	position: absolute;z-index: 11;text-align: center;bottom: 35px;
}
.banner_swiper .swiper_span .swiper-pagination-bullet-active {
	background: #fff;
}
.banner_swiper .swiper_span span {
	margin: 0 10px !important;height: 17px;width: 17px;border-radius: 50%;overflow: hidden;
	background: #724539;opacity: 1;
}

.h_about {
	padding: 56px 0 115px;
}
.h_about .cen {
	margin-top: 70px;
}
.title {
	text-align: center;
}
.title h2 {
	font-size: 28px;line-height: 55px;color: #444444;font-weight: bold;position: relative;
}
.title h2 span {
	display: inline-block;padding: 0 38px;border-bottom: 1px solid #eeeeee;
}
.title h2:before {
	position: absolute;z-index: 11;content: "";bottom: -1px;
	left: 0;right: 0;margin: 0 auto;height: 3px;width: 50px;background: #b01c2e;
}
.h_about .imgs_swiper {
	position: relative;overflow: hidden;width: 442px;height: 295px;
}
.h_about .imgs_swiper li {
	overflow: hidden;width: 100%;height: 100%;
}
.h_about .imgs_swiper li img,
.h_about .imgs_swiper li a {
	display: block;width: 100%;height: 100%;transition: all 0.3s;
}
.h_about .imgs_swiper li:hover img {
	transform: scale(1.05);
}
.h_about .imgs_swiper .prev_next {
	position: absolute;right: 0;bottom: 0;
	z-index: 99;height: 40px;width: 120px;overflow: hidden;
}
.h_about .imgs_swiper .prev_next .next,
.h_about .imgs_swiper .prev_next .prev {
	float: left;width: 50%;height: 100%;cursor: pointer;transition: all 0.3s;
	background: url(/static/ycgg/images/icon4.png) no-repeat center #222222;
}
.h_about .imgs_swiper .prev_next .next {
	float: right;transform: rotate(180deg);
}
.h_about .imgs_swiper .prev_next .next:hover,
.h_about .imgs_swiper .prev_next .prev:hover {
	background: url(/static/ycgg/images/icon4.png) no-repeat center #b01c2e;
}
.h_about .text {
	float: left;margin-top: 25px;width: calc(100% - 530px);
}
.pad {
	padding: 0 70px;
}
.h_about .text h4 {
	font-size: 18px;line-height: 42px;color: #444444;
}
.h_about .text h6 {
	font-size: 17px;line-height: 26px;color: #616161;
}
.h_about .text a {
	font-size: 14px;line-height: 38px;width: 140px;border: 1px solid #767676;
	margin-top: 35px;display: block;text-align: center;transition: all 0.3s;
}
.h_about .text a:hover {
	background: #b01c2e;border-color: #b01c2e;
}
.h_about .text a span {
	font-size: 14px;display: inline-block;padding-right: 24px;transition: all 0.3s;
	background: url(/static/ycgg/images/icon3.png) no-repeat right center;color: #656565;
}
.h_about .text a:hover span {
	background: url(/static/ycgg/images/icon3-1.png) no-repeat right center;color: #fff;
} 
.busin_introdu {
	padding-bottom: 85px;
}
.busin_introdu .list ul{
	margin-top: 60px;overflow: hidden;
}
.busin_introdu .list ul li {
	float: left;width: calc((100% - 262px)/3);margin-right: 130px;margin-bottom: 30px;
}
.busin_introdu .list ul li:nth-child(3n) {
	margin-right: 0;
}
.busin_introdu .list ul li .img {
	width: 100%;height: 172px;overflow: hidden;
}
.busin_introdu .list ul li .img a,
.busin_introdu .list ul li .img img {
	display: block;width: 100%;height: 100%;transition: all 0.3s;
}
.busin_introdu .list ul li .img:hover img {
	transform: scale(1.05);
}
.busin_introdu .list ul li .text {
	margin-top: 18px;
}
.busin_introdu .list ul li .text h4 a {
	display: block;font-size: 16px;line-height: 36px;color: #444444;
	word-break:keep-all;transition: all 0.3s;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
.busin_introdu .list ul li .text h4 a:hover {
	color: #b01c2e;
}
.busin_introdu .list ul li .text p {
	display: block;font-size: 14px;line-height: 24px;color: #999999;height: 92px;overflow: hidden;
}
.pastcase {
	padding: 35px 0 50px;
}
.pastcase .title h2 {
	color: #fff;
}
.pastcase .combination {
	margin-top: 30px;position: relative;
}
.pastcase .combination .swiper_project {
	overflow: hidden;
}
.pastcase .combination .about_tet {
	position: absolute;top: 42px;font-size: 66px;line-height: 1;color: rgba(255,255,255,0.4);
	writing-mode:tb-rl;left: -70px;z-index: 11;text-transform: uppercase;
}
.pastcase .scrollbar_span {
	height: 20px;background: #e5e5e5;border-radius: 14px;overflow: hidden;margin-top: 18px;cursor: pointer;
}
.pastcase .combination .swiper_project li {
	position: relative;
}
.pastcase .combination .swiper_project li .text {
	width: 80%;height: 460px;background: rgba(176,28,46,0.82);
	padding: 46px 36px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.pastcase .combination .swiper_project li .text .txt {
	width: 510px;
}
.pastcase .combination .swiper_project li .text h3 {
	font-size: 26px;line-height: 30px;color: #fff;position: relative;
}
.pastcase .combination .swiper_project li .text h3:before {
	position: absolute;z-index: 11;content: "";bottom: -7px;left: 0;
	height: 3px;width: 50px;background: #fff;
}
.padd {
	margin: 0 35px;
}
.pastcase .combination .swiper_project li .text p {
	line-height: 2;color: #fff;font-size: 12px;margin-top: 14px;
}
.pastcase .combination .swiper_project li .img {
	position: absolute;right: 0;top: 35px;height: 387px;width: 567px;overflow: hidden;
}
.pastcase .combination .swiper_project li .img .swiper-slide{
	overflow: hidden;
}
.pastcase .combination .swiper_project li .img .next,
.pastcase .combination .swiper_project li .img .prev{
	position: absolute;
	    z-index: 11;
	    left:5%;
	    top: 50%;
		margin-top: -26px;
	    background: url(/static/ycgg/images/icon2.png) no-repeat center/cover;
	    width: 30px;
	    height: 52px;
	    cursor: pointer;
	    transition: all 0.3s;
}
.pastcase .combination .swiper_project li .img .next{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg);  /* IE 9 */
	-moz-transform:rotate(180deg);     /* Firefox */
	-webkit-transform:rotate(180deg); /* Safari 和 Chrome */
	-o-transform:rotate(180deg);
	left: auto;right: 5%;
}
.pastcase .combination .swiper_project li .img .next:hover,
.pastcase .combination .swiper_project li .img .prev:hover{
	background: url(/static/ycgg/images/icon2-1.png) no-repeat center/cover;
}
.pastcase .combination .swiper_project li .img a,
.pastcase .combination .swiper_project li .img img {
	display: block;width: 100%;height: 100%;transition: all 0.3s;
}
.pastcase .combination .swiper_project li .img:hover img {
	transform: scale(1.05);
}
.pastcase .combination .swiper_icon {
	margin: 16px 30px 0;
}
.pastcase .combination .swiper_icon .swiper_ico {
	padding: 11px;background: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
}
.pastcase .combination .swiper_icon .swiper_ico li {
	width: 132px;height: 90px;padding: 25px 5px 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
	cursor: pointer;
	position: relative;
}
.pastcase .combination .swiper_icon .swiper_ico li span {
	position: absolute;z-index: 11;left: 0;right: 0;display: block;
	margin: 0 auto;top: 0;bottom: 0;background: rgba(0,0,0,0.5);
}
.pastcase .combination .swiper_icon .swiper_ico li.swiper-slide-thumb-active span{
	opacity: 0;
}
.pastcase .combination .swiper_icon .swiper_ico li.swiper-slide-thumb-active h5 {
	opacity: 0;
}
.pastcase .combination .swiper_icon .swiper_ico li h5 {
	font-size: 13px;line-height: 20px;color: #fff;height: 60px;overflow: hidden;position: relative;z-index: 66;
}
.comphonor {
	padding: 92px 0 82px;
}
.comphonor .list {
	margin-top: 40px;
}
.comphonor .list ul {
	overflow: hidden;
}
.comphonor .list li {
	float: left;width: calc((100% - 74px)/4);margin-right: 24px;
}
.comphonor .list li:nth-child(4n) {
	margin-right: 0;
}
.comphonor .list li .img {
	width: 100%;height: 194px;overflow: hidden;
}
.comphonor .list li .img a,
.comphonor .list li .img img {
	transition: all 0.3s;display: block;
	width: 100%;height: 100%;
}
.comphonor .list li .img:hover img {
	transform: scale(1.05);
}
.comphonor .list li .text {
	margin-top: 6px;padding-bottom: 22px;position: relative;
}
.comphonor .list li .text:before {
	position: absolute;z-index: 11;content: "";
	bottom: 0;left: 0;height: 4px;width: 0%;
	background: #b01c2e;transition: all 0.3s;
}
.comphonor .list li:hover .text:before {
	width: 100%;
}
.comphonor .list li .text h2{
	display: block;font-size: 16px;line-height: 24px;color: #444444;
	transition: all 0.3s;height:52px;overflow: hidden;
}
.comphonor .list li:hover .text h2 {
	color: #b01c2e;
}
.comphonor .list li .text h2 {
	position: relative;
}
.comphonor .list li .text h2:before {
	position: absolute;z-index: 11;content: "";
	bottom: 0;left: 0;height: 2px;width: 30px;background: #b01c2e;
}
.comphonor .list li .text h2:after {
	position: absolute;z-index: 11;content: "";transition: all 0.3s;
	bottom: 4px;left: 0;height: 1px;width: 0;background: #c56f77;display: none;
}
.comphonor .list li:hover .text h2:after {
	width: 80%;display: none;
}
.comphonor .list li .text p {
	font-size: 12px;line-height: 22px;color: #999999;margin-top: 4px;
	height: 44px;overflow: hidden;
}
.comphonor .list li .text h6 {
	font-size: 12px;line-height: 18px;color: #999999;margin-top: 18px;
}
.cooperation {
	padding-bottom: 80px;
}
.cooperation .list {
	margin-top: 32px;padding: 0 62px;
}
.cooperation .list ul {
	background: #fff;position: relative;z-index: 111;
}
.comphonor .list .more {
	margin: 30px auto 0;display: block;font-size: 12px;text-align: center;
	width: 120px;line-height: 38px;border: 1px solid #dddddd;transition: all 0.3s;
}
.comphonor .list .more:hover {
	border-color: #b01c2e;background: #b01c2e;
}
.comphonor .list .more span {
	display: inline-block;padding-right: 16px;background: url(/static/ycgg/images/icon5.png) no-repeat right center;
	font-size: 12px;color: #999999;transition: all 0.3s;
}
.comphonor .list .more:hover span {
	color: #fff;background: url(/static/ycgg/images/icon5-1.png) no-repeat right center;
}
.cooperation .list ul li {
	float: left;width: calc((100%)/6);height: 95px;position: relative;
}
.cooperation .list ul li a {
	display: block;width: 100%;height: 100%;
}
.cooperation .list ul li img {
	display: block;position: absolute;z-index: 11;
	left: 0;right: 0;margin: 0 auto;top: 50%;transform: translateY(-50%);
	max-height: 90%;max-width: 90%;
}
.coopercolour {
	height: 210px;background: #9d2721;margin-top: -210px;
}
.footer {
	background: #282828;
}
.footer .cen {
	padding: 38px 106px;
}
.footer .cen .lt {
	float: left;width: calc(100% - 130px);margin-top: 12px;
}
.footer .cen .lt ul {
	overflow: hidden;
}
.footer .cen .lt li {
	float: left;width: 45%;font-size: 12px;
	line-height: 46px;color: #fff;padding-left: 25px;
	background: url(/static/ycgg/images/icon6.png) no-repeat left center;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
.footer .cen .lt li:nth-child(2){
	background: url(/static/ycgg/images/icon8.png) no-repeat left center;
}
.footer .cen .lt li:nth-child(3){
	background: url(/static/ycgg/images/icon7.png) no-repeat left center;
}
.footer .cen .lt li:nth-child(4){
	background: none;padding-left: 0;width: 44%;
}
.footer .cen .lt li:nth-child(2n) {
	float: right;width: 45%;
}
.footer .cen .wx {
	float: right;width: 120px;height: 120px;
}
.footer .cen .wx img {
	display: block;width: 100%;height: 100%;
}
.h_about .swiper_yans {
	position: relative;float: right;
}
.h_about .swiper_yans .shu {
	position: absolute;left: 24px;bottom: -26px;
	height: 86px;width: 4px;background: #b01c2e;z-index: 111;
}