@charset "utf-8";
/* CSS Document */

.y-box { position:relative; text-align:center; width:1200px; margin:0 auto; overflow:hidden;}
.y-box img { vertical-align:bottom; }
.y-footer-w {width: 100%; height:160px ; background: #333;}
.y-footer { background:#333333; max-width:1200px; margin:0 auto;}
.y-footer .lf { margin-left:50px;}
.y-footer .lf ul { margin-left:8px;}
.y-footer .lf ul li { float:left; margin-right:20px;}
.y-footer .lf ul li.li1 { margin-top:20px;}
.y-footer .lf ul li.li2 { margin-top:40px;}
.y-footer .lf ul li.li3 { margin-top:40px;}
.y-footer .lf ul li.li4 { margin-top:90px;}
.y-footer .lr { color:#fff; padding-top:5px; margin-right:40px; margin-top:55px;}
.y-footer .lr p { line-height:25px; text-align:right; color:#888888;}

.y-box .title {  height:178px;  position:relative}
.y-box .title .text{ padding-top:47px;}
.y-box .title .icon { height:38px; position:absolute; bottom:0; width:100%;}
.y-box .title .icon img{
  animation: float ease-in-out 2s infinite;
  -webkit-animation: float ease-in-out 2s infinite;
}

.box1 .title { background:url(../images/title_bg1_02.png) no-repeat center center;}
.box1 .cont{ height:740px; background:url(../images/box2_bg_02.jpg) no-repeat; position:relative;}
.box1 .cont .lf .li1 { margin:107px 0 0 83px; }
.box1 .cont .lf .li2 { margin:72px 0 0 145px; }
.box1 .cont .lf .li3 { margin:58px 0 0 65px; }
.box1 .cont .lr { width:430px; transform:rotate(-45deg); position:absolute; right:100px; top:150px;}
.box1 .cont .lr li { float:left; margin:10px; transition-property:all; transition-duration:1s;}
.box1 .cont .lr li:hover { transform:rotate(360deg);}

@-webkit-keyframes float {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}
@keyframes float {
	0% {
	-webkit-transform: translateY(0);
	transform: translateY(0);
	}
	50% {
		-webkit-transform: translateY(12px);
		transform: translateY(12px);
	}
	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
}

.box2 .title { background:url(../images/title_bg2_02.jpg) no-repeat center center; height:201px;}
.box2 .title .icon {  background:rgba(0,0,0,0.6);}
.box2 .cont { background:url(../images/box2_bg2_02.jpg) no-repeat; height:451px;}
.box2 .cont ul li { float:left;}
.box2 .cont ul.item { padding-top:85px; background:url(../images/box2_img_16.png) no-repeat center center; height:330px;}
.box2 .cont .item .li1 { margin-left:165px;}
.box2 .cont .item .li2 { margin-left:85px;}
.box2 .cont .item .li3 { margin-left:100px;}
.box2 .cont .item .li4 { margin-left:95px; margin-right:100px;}
.box2 .cont .item .li5 { margin-left:70px; margin-top:50px;}
.box2 .cont .item .li6 { margin-left:70px; margin-top:50px;}
.box2 .cont .item .li7 { margin-left:90px; margin-top:50px;}
.box2 .cont .item .li8 { margin-left:100px; margin-top:50px;}
.box2 .cont .item .li9 { margin-left:100px; margin-top:50px;}

.box3 .title { background:url(../images/box3_title_bg.jpg) no-repeat center center; height:193px;}
.box3 .cont { background:url(../images/box3_bg_02.jpg) no-repeat; padding-left:330px; height:777px;}
.box3 .cont .logo { text-align:left; padding-top:75px; margin-left:-20px;}
.box3 .cont .text { text-align:left; font-size:22px; color:#393939; line-height:36px; padding-right:80px; margin:45px 0;}
.box3 .cont ul { margin-top:20px;}
.box3 .cont ul li { float:left; margin-right:7px;}

.box4 .title { background:url(../images/box4_title_bg_02.jpg) no-repeat center center; position:relative; height:177px;  }
.box4 .title .icon {  background:rgba(0,0,0,0.6); border-top:1px solid #fff;}
.box4 .cont { background:url(../images/box4_cont_bg_02.jpg) no-repeat; height:1820px;}
.box4 .cont .text { padding-top:50px; position:relative;}
.box4 .cont .text .num { font-size:62px; color:#ce0543; font-weight:bold; text-shadow:3px 5px #b2b2b2; font-style:italic; 
top:62px; left:318px; position:absolute;}
.box4 .cont .figure1 { margin-top:30px;}
.box4 .cont .text2 { margin-top:30px;}
.box4 .cont .figure2 { margin-top:50px;}

.box5 .title { background:url(../images/box5_title_bg_02.jpg) no-repeat center center; height:220px; }
.box5 .title .text { padding-top:54px;}
.box5 .cont { background:#f8f8f8; padding:75px 75px 55px ; text-align:left; height:1778px;}
.box5 .cont .text { padding-bottom:12px; border-bottom:2px solid #353a49;}
.box5 .cont .list { position:relative; height:576px; margin-top:45px;}
.box5 .cont .list .item { position:absolute;}
.box5 .cont .list .item1 { width:561px; height:318px; z-index:3; top:27px; left:0;}
.box5 .cont .list .item2 { width:544px; height:258px; z-index:2; top:0; right:0;}
.box5 .cont .list .item3 { width:517px; height:275px; z-index:2; bottom:0; left:20px;}
.box5 .cont .list .item4 { width:510px; height:318px; z-index:2; bottom:0; right:0;}
.box5  .pro-list { padding-top:37px;}
.box5  .pro-list li { float:left; margin-right:9px; width:344px;}

.box5  .pro-list li img { width:344px; height:355px;}
.box5  .pro-list li .name { font-size:28px; color:#3a3c40; text-align:center; margin-top:10px;}

.box5 .cont2 { width:1200px; margin-left:-38px; }
.box5 .cont2 .ct2-title { text-align:center; margin-top:40px;}
.box5 .cont2 .ct2-list { margin-top:25px;}
.box5 .cont2 .ct2-list li { float:left; text-align:center; width:376px; margin-right:2px;}

.box6 { background:url(../images/box6_img_02.jpg) repeat;}
.box6 .cont1 { height:400px; padding-top:40px;}
.box6 .cont1 .lf { margin-left:62px;}
.box6 .cont1 .lf .figure { float:left; margin-right:30px;}
.box6 .cont1 .lr { margin-right:100px; margin-top:10px;}

.box6 .cont2 { padding-bottom:57px;}
.box6 .cont2 .figure { margin-top:64px;}
.box6 .cont2 .text { margin-top:30px;}

.box6 .cont3 { background:url(../images/box6_cont3_bg_03.jpg) no-repeat; height:737px;}
.box6 .cont3 .lr { width:536px; margin-right:35px;}
.box6 .cont3 .lr .bt { margin-top:146px;}
.box6 .cont3 .lr .figure { margin-top:120px;}

.box6 .cont4 { margin-top:-48px; position:relative; padding-bottom:100px;}
.box6 .cont4 .lf { width:814px; margin-left:62px; }
.box6 .cont4 .lf .item { margin-top:64px; background:#fff; border:2px solid #c9c9c9; padding-top:4px;}
.box6 .cont4 .lf .item li { float:left; margin:0 0 4px 4px; width:265px; height:197px; overflow:hidden; }
.box6 .cont4 .lf .item li img { transition-property:all; transition-duration:.8s; cursor:pointer;}
.box6 .cont4 .lf .item li:hover img { transform:scale(1.2) rotate(5deg);}
.box6 .cont4 .lf .text { margin-top:30px;}
.box6 .cont4 .lr { top:328px; right:78px; position:absolute;}

.box6 .cont5 { padding-bottom:80px; background:url(../images/box6_cont5_bg_03.jpg) no-repeat right bottom;}
.box6 .cont5 .center { width:757px; margin-left:128px;}
.box6 .cont5 .center .figure { margin-top:50px;}
.box6 .cont5 .center .text { margin-top:40px;}

.box7 { background:url(../images/box7_bg_02.jpg) no-repeat center bottom; padding-bottom:1410px; position:relative;}
.box7 .title { background:#cd003f; padding:25px 0 20px;}
.box7 .cont { background:#f8f8f8; padding:70px 0 52px;}
.box7 .cont .item { margin:80px 0 0 135px;}
.box7 .cont .item li { float:left;}
.box7 .cont .item li.jia { padding:0 15px; margin-top:80px;}
.box7 .ybtn { position:absolute; bottom:20px; right:40px; width:318px; height:318px; background:url(../images/ybtn1.png) no-repeat;}
.box7 .ybtn:hover { background:url(../images/ewm.png) no-repeat; background-size:100%;}