/*



overflow:hidden;text-overflow:ellipsis;white-space:nowrap;



-webkit-transition:all .7s;transition:all .7s;



transition: all 1s;



outline: 1px dashed #fff;outline-offset: -5px;



transform:rotate(360deg);



text-transform: Uppercase;font-family:Arial;



*/



/* å…¬ç”¨æ ‡é¢˜ */

@keyframes msClock {

	0%,70%,100% {transform: rotate(0) scale(1);}

	

	10%,30% {transform: rotate(-15deg) scale(1);}

	

	20%,40% {transform: rotate(15deg) scale(1);}

}















/* æ•°å­— */

.box_01{width:100%;height:120px;overflow:hidden;position:relative;}



.box_01::after{content:'';width:100%;height:1px;background:#f3f3f3;position:absolute;bottom:0;left:0;}



.box_01 .list{width:1290px;height:120px;overflow:hidden;margin:0 auto;display:flex;justify-content: space-between;position:relative;}



.box_01 .list::before{content:'';width:1px;height:120px;background:#f3f3f3;position:absolute;top:0;left:0;}



.box_01 .list li{width:25%;height:120px;float:left;position:relative;}



.box_01 .list li::after{content:'';width:1px;height:120px;background:#f3f3f3;position:absolute;top:0;right:0;}



.box_01 .list li .txt{width:auto;height:auto;margin-top:30px;text-align:center;}



.box_01 .list li .txt p:nth-of-type(1){position: relative;overflow:hidden;}



.box_01 .list li .txt p:nth-of-type(1) i{font-size:36px;color:#2bc471;line-height:30px;margin-right:3px;}



.box_01 .list li .txt p:nth-of-type(2){font-size:16px;line-height:16px;color:#333;margin-top:13px;}



.box_01 .list li:nth-of-type(1) .txt p span{font-size:14px;line-height:15px;color:#999;}



.box_01 .list li:nth-of-type(2) .txt p span{font-size:14px;line-height:15px;color:#999;}



.box_01 .list li:nth-of-type(3) .txt p span{font-size:14px;line-height:15px;color:#999;}



.box_01 .list li:nth-of-type(4) .txt p span{font-size:14px;line-height:15px;color:#999;}











/* å…³äºŽæˆ‘ä»¬ */

.box_02{width:100%;height:880px;padding-top:80px;background:url(../images/ab_back.jpg) center bottom no-repeat;overflow:hidden;}



.box_02 .center{width:100%;height:490px;overflow:hidden;}



.box_02 .center .top{width:1290px;height:490px;margin:0 auto;}



.box_02 .center .top .left{width:630px;height:490px;float:left;}



.box_02 .center .top .left .h_title{width:630px;height:auto;}



.box_02 .center .top .left .h_title p{width:391px;height:40px; background:url(../images/us.png);}



.box_02 .center .top .left .h_title h3{font-size:30px;color:#333;font-weight:bold;line-height:32px;margin-top:20px;}



.box_02 .center .top .left .txt{width:540px;height:255px;padding-left:90px;margin-top:40px;position:relative; background:url(../images/ab_line.png) 25px bottom no-repeat;}



.box_02 .center .top .left .txt .round01{display:block;width:30px;height:30px;position:absolute;top:15px;left:15px;z-index:5;}



.box_02 .center .top .left .txt .round01 .circle{display:block;background:#65d498;border-radius:50%;width:30px;height:30px;z-index: 999;text-align: center;top:0;left:0;position: absolute;}



.box_02 .center .top .left .txt .round01 .circle_bottom{background:rgba(101,212,152,0.4);border-radius: 100%;width:60px;height:60px;filter: alpha(opacity=40);z-index:-100;position: absolute;top:-15px;left: -15px;}



.box_02 .center .top .left .txt h4{font-size:24px;color:#2bc471;font-weight:bold;line-height:26px;margin-top:5px;}



.box_02 .center .top .left .txt h4 a{display:block;color:#2bc471;}



.box_02 .center .top .left .txt span{display:block;height:35px;border-bottom:solid 1px #e6e6e6;margin-top:15px;font-size:12px;color:#ccc;line-height:15px;}



.box_02 .center .top .left .txt p{font-size:14px;color:#808080;line-height:30px;height:120px;margin-top:20px;overflow:hidden;}



.box_02 .center .top .right{width:618px;height:490px;float:right;position:relative;z-index:0;}



.box_02 .center .top .right img{display:block;width:618px;height:450px;position:absolute;left:0;bottom:0;border-radius:50px;overflow:hidden;}



.box_02 .center .top .right::after{content:'';width:590px;height:330px;background:#f5fbf5;border-radius:50px;position:absolute;top:0;right:-55px;z-index:-1;}



.box_02 .center .top .right::before{content:'';width:68px;height:62px;background:url(../images/ab_dian.png);position:absolute;top:-50px;top:0;z-index:1;}



.box_02 .slideGroup{width:1290px;margin:-50px auto 0 auto;height:auto;overflow:hidden;position:relative;z-index:5;}



.box_02 .slideGroup .parHd{width:520px;height:50px;}



.box_02 .slideGroup .parHd ul{width:520px;height:50px;overflow:hidden;display:flex;justify-content: space-between;}



.box_02 .slideGroup .parHd ul li{width:158px;height:48px;cursor:pointer;overflow:hidden;float:left;border:solid 1px #e6e6e6;background:#fff;border-radius:16px 2px 16px 2px;font-size:16px;color:#333;line-height:48px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parHd ul li.on{background:#65d498;color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parBd{width:1290px;height:275px;margin:40px auto 0 auto;position:relative; }



.box_02 .slideGroup .parBd .slideBox{position:relative;}



.box_02 .slideGroup .parBd .slideBox .tempWrap{width:1290px;height:275px;margin:0 auto;overflow:hidden;}



.box_02 .slideGroup .parBd ul{width:1290px;height:275px;overflow:hidden; zoom:1;}



.box_02 .slideGroup .parBd ul li{width:300px;height:275px;margin-right:30px;overflow:hidden;float:left;}



.box_02 .slideGroup .parBd ul li a{display:block;}



.box_02 .slideGroup .parBd ul li .img{width:280px;height:220px;border:solid 1px #e6e6e6;padding:9px;overflow:hidden;border-radius:2px 20px 2px 20px;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parBd ul li:hover .img{border:solid 1px #65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parBd ul li .img .pic{width:280px;height:220px;border-radius:2px 20px 2px 20px;overflow:hidden;text-align:center;}



.box_02 .slideGroup .parBd ul li .img .pic img{width:auto;height:220px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_02 .slideGroup .parBd ul li:hover .img .pic img{transform: scale(1.1);}



.box_02 .slideGroup .parBd ul li .txt{width:300px;height:20px;margin-top:15px;overflow:hidden;}



.box_02 .slideGroup .parBd ul li .txt .name{width:190px;line-height:20px;font-size:15px;color:#333;float:left;position:relative;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parBd ul li:hover .name{color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_02 .slideGroup .parBd ul li .txt .name::before{content:'';width:190px;height:4px;background:#a9dcad;position:absolute;bottom:0;left:0;z-index:-1;}



.box_02 .slideGroup .parBd ul li .txt .more{width:70px;line-height:20px;font-size:12px;color:#333;float:right;position:relative;text-align:right;}



.box_02 .slideGroup .parBd ul li .txt .more::before{content:'';width:24px;height:1px;background:#dbdbdb;position:absolute;top:10px;left:0;}



.animation{-webkit-animation: twinkling 2.1s infinite ease-in-out;animation: twinkling 2.1s infinite ease-in-out;-webkit-animation-fill-mode: both;animation-fill-mode: both;}



@-webkit-keyframes twinkling {

	0% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}



	50% {

		opacity: 0.5;

		filter: alpha(opacity=50);

		-webkit-transform: scale(1.12);

	}



	100% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}

}



@keyframes twinkling {

	0% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}



	50% {

		opacity: 0.5;

		filter: alpha(opacity=50);

		-webkit-transform: scale(1.12);

	}



	100% {

		opacity: 0.2;

		filter: alpha(opacity=20);

		-webkit-transform: scale(1);

	}

}









/* ä¼ä¸šä¼˜åŠ¿ */

.box_03{width:100%;height:890px;padding-top:62px; background:url(../images/ys_back.jpg) center top no-repeat;overflow:hidden;}



.box_03 .h_title{width:1290px;height:auto;margin:0 auto;}



.box_03 .h_title h3{width:370px;line-height:70px;height:70px;margin:0 auto;}



.box_03 .h_title h3 p{width:201px;height:70px;float:left;background:url(../images/h_back.png);padding:0 19px;display:flex;justify-content: space-between;color:#fff;font-size:36px;}



.box_03 .h_title h3 p i{font-weight:bold;}



.box_03 .h_title h3 span{display:block;float:right;color:#333;font-weight:bold;font-size:40px;}



.box_03 .h_title h4{width:1290px;line-height:10px;font-size:12px;color:#999;text-transform: Uppercase;text-align:center;margin-top:20px; letter-spacing:6px;}



.look_center{width:1290px;height:auto;margin:55px auto 0 auto;position:relative;}



.look_center .hd{width:1060px;height:auto;margin:0 auto;position:relative;z-index:2;}



.look_center .hd::before{content:'';width:1060px;height:1px;background:#b3edce;position:absolute;top:39px;left:0;z-index:-1;}



.look_center .hd ul{width:1060px;height:auto;display:flex;justify-content: space-between;}



.look_center .hd ul li{width:78px;height:auto;float:left;cursor:pointer;}



.look_center .hd ul li .icon{width:78px;height:78px;margin:0 auto;background:#fff;border-radius:30px;-moz-box-shadow:0px 0px 10px #b6fbd6;-webkit-box-shadow:0px 0px 10px #b6fbd6;box-shadow:0px 0px 10px #b6fbd6;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li.on .icon{background:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li .icon i{display:block;width:78px;height:78px;}



.look_center .hd ul li.on .icon i{-webkit-animation: jello 1s;-moz-animation: jello 1s;animation: jello 1s;}



.look_center .hd ul li:nth-of-type(1) .icon i{background:url(../images/ys_icon_01.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(2) .icon i{background:url(../images/ys_icon_03.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(3) .icon i{background:url(../images/ys_icon_05.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(4) .icon i{background:url(../images/ys_icon_07.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(1).on .icon i{background:url(../images/ys_icon_02.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(2).on .icon i{background:url(../images/ys_icon_04.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(3).on .icon i{background:url(../images/ys_icon_06.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li:nth-of-type(4).on .icon i{background:url(../images/ys_icon_08.png) center center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd ul li h4{font-size:18px;color:#333;line-height:18px;margin-top:30px;text-align:center;}



.look_center .hd .prev{position:absolute;left:425px;top:400px;width:40px;height:40px;cursor:pointer;background:url(../images/ys_jt_01.png) center center no-repeat #fdd901;border-radius:20px;z-index:5;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .next{position:absolute;right:-65px;top:400px;width:40px;height:40px;cursor:pointer;background:url(../images/ys_jt_03.png) center center no-repeat #fdd901;border-radius:20px;z-index:5;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .prev:hover{background:url(../images/ys_jt_02.png) center center no-repeat #65d498;-webkit-transition:all .7s;transition:all .7s;}



.look_center .hd .next:hover{background:url(../images/ys_jt_04.png) center center no-repeat #65d498;-webkit-transition:all .7s;transition:all .7s;}



.look_center .bd{width:1290px;height:470px;margin-top:50px;background:#fff;border-radius:50px;overflow:hidden;-moz-box-shadow:0px 0px 10px #b6fbd6;-webkit-box-shadow:0px 0px 10px #b6fbd6;box-shadow:0px 0px 10px #b6fbd6;}



.look_center .bd .main{width:1290px;height:470px;position:relative;overflow:hidden;}



.look_center .bd .main .img{width:500px;height:470px;float:left;overflow:hidden;}



.look_center .bd .main .img img{display:block;width:500px;height:470px;vertical-align:middle;}



.look_center .bd .main .txt{width:790px;height:470px;float:left;text-align:center;overflow:hidden;}



.look_center .bd .main .txt .icon{width:96px;height:96px;margin:60px auto 0 auto;background:url(../images/ys_bk.png);overflow:hidden;}



.look_center .bd .main .txt .icon i{display:block;width:96px;height:96px;}



.look_center .bd .main:nth-of-type(1) .txt .icon i{background:url(../images/ys_icon_09.png) center center no-repeat;transform: scale(1.2);}



.look_center .bd .main:nth-of-type(2) .txt .icon i{background:url(../images/ys_icon_10.png) center center no-repeat;transform: scale(1.2);}



.look_center .bd .main:nth-of-type(3) .txt .icon i{background:url(../images/ys_icon_11.png) center center no-repeat;transform: scale(1.2);}



.look_center .bd .main:nth-of-type(4) .txt .icon i{background:url(../images/ys_icon_12.png) center center no-repeat;transform: scale(1.2);}



.look_center .bd .main .txt h4{height:40px;line-height:22px;font-size:20px;color:#2bc471;font-weight:bold;margin-top:30px;position:relative;text-align:center;}



.look_center .bd .main .txt h4::after{content:'';width:30px;height:2px;background:#2bc471;position:absolute;bottom:0;left:50%;margin-left:-15px;}



.look_center .bd .main .txt span{display:block;font-size:12px;color:#2bc471;line-height:10px;margin-top:10px;text-transform: Uppercase;text-align:center;}



.look_center .bd .main .txt p{width:570px;font-size:14px;color:#808080;line-height:30px;margin:22px auto 0 auto;text-align:center;}











/* äº§å“ä¸­å¿ƒ */

.box_04{width:100%;height:1278px;padding-top:80px; background:url(../images/pro_back.jpg) center top no-repeat;overflow:hidden;position:relative;z-index:0;}



.box_04 .pro_pos{width:420px;height:212px;background:url(../images/pro_img.png);position:absolute;top:300px;right:150px;z-index:-1;-webkit-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}



.box_04 .top{width:1290px;height:70px;margin:0 auto;}



.box_04 .top .h_title{width:239px;height:auto;float:left;}



.box_04 .top .h_title h3{width:239px;line-height:70px;height:70px;margin:0 auto;font-size:36px;}



.box_04 .top .h_title h3 a{display:block;width:201px;height:70px;float:left;background:url(../images/h_back.png);padding:0 19px;display:flex;justify-content: space-between;color:#fff;}



.box_04 .top .h_title h3 a i{font-weight:bold;}



.box_04 .top .fl_list{width:930px;height:50px;float:right;margin:10px;display:flex;justify-content: space-between;}



.box_04 .top .fl_list li{width:168px;height:48px;border:solid 1px #e6e6e6;background:#fff;border-radius:8px;float:left;position:relative;z-index:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li::before{content:'';width:16px;height:16px;background:#b2e9cb;border-radius:8px;position:absolute;top:8px;left:36px;z-index:-1;}



.box_04 .top .fl_list li::after{content:'';width:12px;height:48px;background:url(../images/pro_jt.png) center center no-repeat;position:absolute;top:0;right:13px;z-index:-1;}



.box_04 .top .fl_list li.active{border:solid 1px #65d498;background:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li a{display:block;width:75px;padding:0 33px 0 60px;line-height:48px;font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li.active a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(1) a{background:url(../images/pro_icon_01.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(2) a{background:url(../images/pro_icon_03.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(3) a{background:url(../images/pro_icon_05.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(4) a{background:url(../images/pro_icon_07.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(5) a{background:url(../images/pro_icon_09.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(1).active a{background:url(../images/pro_icon_02.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(2).active a{background:url(../images/pro_icon_04.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(3).active a{background:url(../images/pro_icon_06.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(4).active a{background:url(../images/pro_icon_08.png) 20px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .top .fl_list li:nth-of-type(5).active a{background:url(../images/pro_icon_10.png) 16px center no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .center{width:1290px;height:300px;margin:60px auto 0 auto;position:relative;}



.box_04 .picScroll-left01{width:885px;height:300px;position:relative;overflow:hidden;}



.box_04 .picScroll-left01 .bd{width:885px;height:300px;position:relative;z-index:5;margin:0 auto;}



.box_04 .picScroll-left01 .bd ul{width:885px;height:300px;overflow:hidden; zoom:1;}



.box_04 .picScroll-left01 .bd ul li{width:885px;height:300px;overflow:hidden;margin-right:10px;position:relative;}



.box_04 .picScroll-left01 .bd ul li a{display:block;}



.box_04 .picScroll-left01 .bd ul li .img{width:380px;height:280px;border-radius:2px 20px 2px 20px;border:solid 1px #e6e6e6;padding:9px;overflow:hidden;float:left;}



.box_04 .picScroll-left01 .bd ul li .img .pic{width:380px;height:280px;border-radius:2px 20px 2px 20px;overflow:hidden;}



.box_04 .picScroll-left01 .bd ul li .img .pic img{width:380px;height:280px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_04 .picScroll-left01 .bd ul li:hover .img .pic img{transform: scale(1.05);}



.box_04 .picScroll-left01 .bd ul li .txt{width:460px;height:300px;float:right;overflow:hidden;position:relative;}



.box_04 .picScroll-left01 .bd ul li .txt .name{font-size:18px;line-height:18px;color:#333;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li:hover .txt .name{margin-left:5px;color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li .txt span{display:block;font-size:12px;color:#b2b2b2;line-height:15px;margin-top:14px;}



.box_04 .picScroll-left01 .bd ul li .txt .line{width:1px;height:50px;background:#e6e6e6;margin-top:15px;position:relative;}



.box_04 .picScroll-left01 .bd ul li .txt .line::before{content:'';width:1px;height:0px;background:#65d498;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li:hover .txt .line::before{content:'';width:1px;height:50px;background:#65d498;position:absolute;top:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li .txt p{font-size:14px;line-height:30px;color:#fff;height:60px;overflow:hidden;margin-top:50px;}



.box_04 .picScroll-left01 .bd ul li .txt .more{font-size:12px;color:#fff;line-height:15px;margin-top:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .picScroll-left01 .bd ul li:hover .txt .more{margin-left:5px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .pro_list{width:1290px;height:275px;margin:70px auto 0 auto;overflow:hidden; zoom:1;}



.box_04 .pro_list li{width:300px;height:275px;margin-right:30px;overflow:hidden;float:left;}



.box_04 .pro_list li:last-child{margin-right:0;}



.box_04 .pro_list li a{display:block;}



.box_04 .pro_list li .img{width:280px;height:220px;border:solid 1px #e6e6e6;padding:9px;overflow:hidden;border-radius:2px 20px 2px 20px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .pro_list li.active .img{border:solid 1px #65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .pro_list li .img .pic{width:280px;height:220px;border-radius:2px 20px 2px 20px;overflow:hidden;}



.box_04 .pro_list li .img .pic img{width:280px;height:220px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_04 .pro_list li:hover .img .pic img{transform: scale(1.1);}



.box_04 .pro_list li .txt{width:300px;height:20px;margin-top:15px;overflow:hidden;}



.box_04 .pro_list li .txt .name{width:190px;line-height:20px;font-size:15px;color:#333;float:left;position:relative;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .pro_list li.active .name{color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .pro_list li .txt .name::before{content:'';width:190px;height:4px;background:#a9dcad;position:absolute;bottom:0;left:0;z-index:-1;}



.box_04 .pro_list li .txt .more{width:70px;line-height:20px;font-size:12px;color:#333;float:right;position:relative;text-align:right;}



.box_04 .pro_list li .txt .more::before{content:'';width:24px;height:1px;background:#dbdbdb;position:absolute;top:10px;left:0;}



.box_04 .ad_gg{width:1290px;height:385px;margin:75px auto 0 auto;position:relative;overflow:hidden;}



.box_04 .ad_gg .ly{width:775px;height:175px;position:absolute;left:0;bottom:0;}



/* è¯¢ç›˜ä¿¡æ¯ */



.topxunpan {width:195px;height:35px;border-radius:20px;background:#fff;}



.thisxp{width:195px;height:35px;}



.topxunpan .xp {position: relative;line-height:35px;color: #808080;font-size:12px;cursor: pointer;}



.topxunpan .xp img {margin:11px 5px 0 10px; vertical-align:top !important;}



.topxunpan .xp i {display:inline-block;color:#fff;width:20px;height:20px;line-height:20px; background:#65d498;border-radius:10px;font-size:12px;text-align:center;}



.topxunpan .xp #xunpantip {z-index: 999;position: absolute;top: 35px;left: 50%;width: 180px;height: 30px;line-height: 30px;text-align: center;color: #fff;font-size: 14px;-webkit-transform: translateX(-50%) scale(0);-moz-transform: translateX(-50%) scale(0);-o-transform: translateX(-50%) scale(0);-ms-transform: translateX(-50%) scale(0);transform: translateX(-50%) scale(0);-webkit-transition: transform 1s, opacity 1s;-moz-transition: transform 1s, opacity 1s;-o-transition: transform 1s, opacity 1s;-ms-transition: transform 1s, opacity 1s;transition: transform 1s, opacity 1s;background-color: #333;border-radius: 4px;opacity: 0;font-weight: bold;box-shadow: 5px 5px 2px #dfdfdf;}



.topxunpan .xp #xunpantip::after {content: '';position: absolute;top: -16px;left: 50%;width: 0;height: 0;-webkit-transform: translateX(-50%); -moz-transform: translateX(-50%); -o-transform: translateX(-50%); -ms-transform: (-50%); transform: translateX(-50%); border: 8px solid transparent;border-bottom-color: #333;}



.topxunpan .xp #xunpantip.xunpantextactive {-webkit-transform: translateX(-50%) scale(1); -moz-transform: translateX(-50%) scale(1); -o-transform: translateX(-50%) scale(1); -ms-transform: translateX(-50%) scale(1); transform: translateX(-50%) scale(1); opacity: 1;}



.topxunpan i {font-weight: normal;font-style: normal;}



.box_04 .ad_gg .ly .form{width:775px;height:100px;margin:40px auto 0 auto;position:relative;}



.box_04 .ad_gg .ly .form p{width:240px;height:40px;overflow:hidden;background:#fff;border-radius:6px;}



.box_04 .ad_gg .ly .form input{display:block;width:200px;height:40px;line-height:40px;color:#808080;font-size:14px;padding:0 30px 0 10px;box-sizing:content-box;}



.box_04 .ad_gg .ly .form p:nth-of-type(1){position:absolute;left:0;top:0;}



.box_04 .ad_gg .ly .form p:nth-of-type(2){position:absolute;left:267px;top:0;}



.box_04 .ad_gg .ly .form p:nth-of-type(1) input{background:url(../images/xx.png) 225px center no-repeat;}



.box_04 .ad_gg .ly .form p:nth-of-type(2) input{background:url(../images/xx.png) 225px center no-repeat;}



.box_04 .ad_gg .ly .form p:nth-of-type(3){width:507px;height:40px;position:absolute;left:0;bottom:0;}



.box_04 .ad_gg .ly .form textarea{width:467px;height:40px;line-height:40px;font-size:14px;padding:0 30px 0 10px;box-sizing:content-box;background:url(../images/xx.png) 490px center no-repeat;}



.box_04 .ad_gg .ly .form p:nth-of-type(4){width:240px;position:absolute;right:0;top:0;}



.box_04 .ad_gg .ly .form p:nth-of-type(4) input{display:block;width:100px;height:40px;line-height:40px;color:#808080;font-size:14px;padding:0 10px;float:left;}



.box_04 .ad_gg .ly .form p:nth-of-type(4) img{display:block;float:right;width:90px;height:36px;cursor:pointer;margin:2px 6px;}



.box_04 .ad_gg .ly .form .tj{width:240px;height:40px;border:none;overflow:hidden;position:absolute;z-index:0;right:0;bottom:0;border-radius:6px;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .ad_gg .ly .form .tj .btn{display:block;width:240px;height:40px;line-height:40px;text-align:center;font-size:14px;color:#65d498;border:none;background:none;cursor:pointer;padding:0 !important;-webkit-transition:all .7s;transition:all .7s;}



.btn_bubble_3{background-color: #fff;background-repeat: no-repeat;-webkit-transition:all .7s;transition:all .7s;}



.box_04 .ad_gg .ly .form .tj:hover .btn{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.btn_bubble_3:hover, .btn_bubble_3:focus {

 -webkit-animation: btn_3 1s forwards ease-out;

 animation: btn_3 1s forwards ease-out;

 background: radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 90% 90% / 0.88em 0.88em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 23% 141% / 0.81em 0.81em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 17% 90% / 0.68em 0.68em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 15% 94% / 1.12em 1.12em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 42% 126% / 0.86em 0.86em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 102% 120% / 0.58em 0.58em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 12% 121% / 0.67em 0.67em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 69% 87% / 1.18em 1.18em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 32% 99% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 84% 129% / 0.79em 0.79em, radial-gradient(circle at center, rgba(0, 0, 0, 0) 30%, #eeeeff 60%, #eeeeff 65%, rgba(0, 0, 0, 0) 70%) 40% 99% / 0.72em 0.72em;

 background-color: #333;

 background-repeat: no-repeat;

}



@-webkit-keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #333;

 }

}





@keyframes btn_3 {

 100% {

  background-position: 92% -220%, 31% -185%, 24% 6%, 16% -328%, 39% -366%, 110% -375%, 5% -60%, 59% -365%, 41% -363%, 82% -8%, 37% -224%;

  box-shadow: inset 0 -140px 0 #333;

 }

}





.box_04 .ad_gg .txt{width:600px;height:auto;position:absolute;right:265px;top:30px;}



.box_04 .ad_gg .txt::before{content:'';width:600px;height:1px;background:#e6e6e6;position:absolute;top:105px;left:0;}



.box_04 .ad_gg .txt .num{font-size:100px;color:#2bc471;line-height:80px;position:absolute;left:-10px;top:0;}



.box_04 .ad_gg .txt p:nth-of-type(1){font-size:12px;color:#b2b2b2;line-height:15px;margin:30px 0 0 120px;}



.box_04 .ad_gg .txt p:nth-of-type(2){font-size:20px;color:#666;line-height:20px;margin:20px 0 0 120px;}



.box_04 .ad_gg .txt p:nth-of-type(3){font-size:24px;color:#333;line-height:26px;font-weight:bold;margin-top:40px;}



.box_04 .ad_gg .txt p:nth-of-type(4){font-size:12px;color:#b2b2b2;line-height:15px;margin-top:10px;}



.box_04 .ad_gg .yyzz{width: 284px;/* height:320px; *//* padding:10px; *//* background:url(../images/honor.png); */position:absolute;right:0;top:0;}



.box_04 .ad_gg .yyzz img{display:block;width: 100%;/* height:320px; */vertical-align:top;object-fit:cover;}











/* æˆåŠŸæ¡ˆä¾‹ */

.box_05{width:100%;height:660px;padding-top:77px; background:url(../images/case_back.jpg) center top no-repeat;overflow:hidden;}



.box_05 .h_title{width:1290px;height:auto;margin:0 auto;}



.box_05 .h_title h3{width:420px;line-height:70px;height:70px;margin:0 auto;}



.box_05 .h_title h3 span{display:block;float:left;color:#333;font-weight:bold;font-size:40px; letter-spacing:3px;}



.box_05 .h_title h3 p{width:201px;height:70px;float:right;background:url(../images/h_back.png);padding:0 19px;display:flex;justify-content: space-between;color:#fff;font-size:36px;}



.box_05 .h_title h3 p i{font-weight:bold;}



.box_05 .picScroll-left02{width:1310px;height:500px;margin:30px auto 0 auto;position:relative;}



.box_05 .picScroll-left02 .bd{width:1310px;height:500px;position:relative;z-index:5;margin:0 auto;overflow:hidden;}



.box_05 .picScroll-left02 .bd ul{width:1310px;height:500px;overflow:hidden; zoom:1;}



.box_05 .picScroll-left02 .bd ul li{width:400px;height:480px;padding:10px;margin-right:25px;float:left;overflow:hidden;}



.box_05 .picScroll-left02 .bd ul li .bx{width:370px;height:450px;padding:15px;background:#fff;border-radius:40px;position:relative;overflow:hidden;-moz-box-shadow:0px 0px 10px #b6fbd6;-webkit-box-shadow:0px 0px 10px #b6fbd6;box-shadow:0px 0px 10px #b6fbd6;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx{background:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li .bx a{display:block;}



.box_05 .picScroll-left02 .bd ul li .bx .img{width:370px;height:275px;border-radius:20px;overflow:hidden;}



.box_05 .picScroll-left02 .bd ul li .bx .img img{width:370px;height:275px;vertical-align:top;transition: all 1s;object-fit:cover;}



.box_05 .picScroll-left02 .bd ul li:hover .bx .img img{transform: scale(1.05);}



.box_05 .picScroll-left02 .bd ul li .bx .name{width:280px;height:50px;margin-top:35px;line-height:22px;font-size:20px;color:#333;position:relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li .bx .name::after{content:'';width:20px;height:2px;background:#333;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx .name{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx .name::after{content:'';width:20px;height:2px;background:#fff;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li .bx p{width:280px;height:66px;font-size:14px;color:#808080;line-height:33px;margin-top:12px;overflow:hidden;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx p{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li .bx .num{font-size:40px;color:#e5e5e5;font-weight:bold; font-family:Arial;line-height:30px;position:absolute;top:320px;right:15px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx .num{color:#fdd901;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li .bx::before{content:'';width:17px;height:10px;background:url(../images/case_jt_01.png);position:absolute;bottom:40px;right:15px;-webkit-transition:all .7s;transition:all .7s;}



.box_05 .picScroll-left02 .bd ul li:hover .bx::before{content:'';width:17px;height:10px;background:url(../images/case_jt_02.png);position:absolute;bottom:40px;right:15px;-webkit-transition:all .7s;transition:all .7s;}













/* è®¾å¤‡å±•ç¤º */

.box_06{width:100%;height:auto;padding:80px 0;overflow:hidden;}



.box_06 .h_title{width:1290px;height:auto;margin:0 auto;}



.box_06 .h_title h3{width:420px;line-height:70px;height:70px;margin:0 auto;}



.box_06 .h_title h3 span{display:block;float:left;color:#333;font-weight:bold;font-size:40px; letter-spacing:3px;}



.box_06 .h_title h3 p{width:201px;height:70px;float:right;background:url(../images/h_back.png);padding:0 19px;display:flex;justify-content: space-between;color:#fff;font-size:36px;}



.box_06 .h_title h3 p i{font-weight:bold;}



.box_06 .picScroll-left03{width:1290px;height:275px;margin:40px auto 0 auto;position:relative;}



.box_06 .picScroll-left03 .bd{width:1290px;height:275px;position:relative;z-index:5;margin:0 auto;overflow:hidden;}



.box_06 .picScroll-left03 .bd ul{width:1290px;height:275px;overflow:hidden; zoom:1;}



.box_06 .picScroll-left03 .bd ul li{width:300px;height:275px;margin-right:30px;overflow:hidden;float:left;}



.box_06 .picScroll-left03 .bd ul li a{display:block;}



.box_06 .picScroll-left03 .bd ul li .img{width:280px;height:220px;border:solid 1px #e6e6e6;padding:9px;overflow:hidden;border-radius:2px 20px 2px 20px;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .picScroll-left03 .bd ul li:hover .img{border:solid 1px #65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .picScroll-left03 .bd ul li .img .pic{width:280px;height:220px;border-radius:2px 20px 2px 20px;overflow:hidden;}



.box_06 .picScroll-left03 .bd ul li .img .pic img{width:280px;height:220px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_06 .picScroll-left03 .bd ul li:hover .img .pic img{transform: scale(1.1);}



.box_06 .picScroll-left03 .bd ul li .txt{width:300px;height:20px;margin-top:15px;overflow:hidden;}



.box_06 .picScroll-left03 .bd ul li .txt .name{width:190px;line-height:20px;font-size:15px;color:#333;float:left;position:relative;z-index:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .picScroll-left03 .bd ul li:hover .name{color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_06 .picScroll-left03 .bd ul li .txt .name::before{content:'';width:190px;height:4px;background:#a9dcad;position:absolute;bottom:0;left:0;z-index:-1;}



.box_06 .picScroll-left03 .bd ul li .txt .more{width:70px;line-height:20px;font-size:12px;color:#333;float:right;position:relative;text-align:right;}



.box_06 .picScroll-left03 .bd ul li .txt .more::before{content:'';width:24px;height:1px;background:#dbdbdb;position:absolute;top:10px;left:0;}











/* æ–°é—»èµ„è®¯ */

.box_07{width:100%;height:700px;padding-bottom:80px;background:#fff;overflow:hidden;}



.box_07 .news_center{width:1290px;height:700px;margin:0 auto;position:relative;}



.box_07 .news_center .hd{width:239px;height:auto;position:absolute;top:10px;left:0;z-index:9;}



.box_07 .news_center .hd .h_title{width:239px;height:auto;}



.box_07 .news_center .hd .h_title h3{width:239px;line-height:70px;height:70px;margin:0 auto;font-size:36px;}



.box_07 .news_center .hd .h_title h3 a{display:block;width:201px;height:70px;float:left;background:url(../images/h_back.png);padding:0 19px;display:flex;justify-content: space-between;color:#fff;}



.box_07 .news_center .hd .h_title h3 a i{font-weight:bold;}



.box_07 .news_center .hd ul{width:160px;height:200px;margin-top:60px;overflow:hidden;}



.box_07 .news_center .hd ul li{width:160px;height:50px;border-radius:25px;background:#f8f8f8;margin-bottom:25px;border-radius:25px;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .hd ul li.on{background:#7fe3ad;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .hd ul li a{display:block;width:160px;color:#333;line-height:50px;font-size:18px;text-align:center;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .hd ul li.on a{color:#fff;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd{width:1290px;height:700px;margin:0 auto;}



.box_07 .news_center .bd .main{width:1290px;height:700px;position:relative;}



.box_07 .news_center .bd .main .top{width:990px;height:340px;margin-left:300px;background:#f8f8f8;border-radius:50px;overflow:hidden;}



.box_07 .news_center .bd .main .top a{display:block;}



.box_07 .news_center .bd .main .top .img{width:420px;height:340px;overflow:hidden;float:left;}



.box_07 .news_center .bd .main .top .img img{width:420px;height:340px;transition: all 1s;vertical-align:top;object-fit:cover;}



.box_07 .news_center .bd .main .top:hover .img img{transform: scale(1.05);}



.box_07 .news_center .bd .main .top .txt{width:490px;height:340px;float:right;margin-right:40px;overflow:hidden;position:relative;}



.box_07 .news_center .bd .main .top span{display:block;font-size:14px;color:#999;line-height:12px;margin-top:40px;}



.box_07 .news_center .bd .main .top .name{height:50px;position:relative;margin-top:30px;font-size:18px;color:#333;line-height:20px;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .top:hover .name{color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .top .name::after{content:'';width:20px;height:3px;background:#65d498;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .top:hover .name::after{content:'';width:100px;height:3px;background:#65d498;position:absolute;bottom:0;left:0;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .top p{font-size:14px;color:#666;line-height:30px;height:60px;overflow:hidden;margin-top:20px;}



.box_07 .news_center .bd .main .top .more{width:115px;height:40px;border-radius:20px;margin-top:50px;padding-left:20px; background:url(../images/more01.png) 90px center no-repeat #65d498;font-size:14px;color:#fff;line-height:40px;text-transform: Uppercase;}



.box_07 .news_center .bd .main .bottom{width:1290px;height:360px;margin:0 auto;}



.box_07 .news_center .bd .main .bottom li{width:330px;padding:0 45px 0 25px;height:140px;margin:40px 45px 0 0;overflow:hidden;background:#fff;border-radius:5px;position:relative;float:left;-moz-box-shadow:0px 0px 10px #e8e6e6;-webkit-box-shadow:0px 0px 10px #e8e6e6;box-shadow:0px 0px 10px #e8e6e6;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .bottom li:nth-of-type(3n){margin-right:0;}



.box_07 .news_center .bd .main .bottom li a{display:block;}



.box_07 .news_center .bd .main .bottom li:hover{-moz-box-shadow:0px 0px 10px #b6fbd6;-webkit-box-shadow:0px 0px 10px #b6fbd6;box-shadow:0px 0px 10px #b6fbd6;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .bottom li .name{width:240px;font-size:14px;color:#333;line-height:15px;margin-top:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .bottom li:hover .name{color:#65d498;-webkit-transition:all .7s;transition:all .7s;}



.box_07 .news_center .bd .main .bottom li span{display:block;font-size:12px;color:#808080;line-height:15px;position:absolute;top:30px;right:45px;}



.box_07 .news_center .bd .main .bottom li p{width:330px;font-size:14px;color:#808080;line-height:15px;margin-top:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}



.box_07 .news_center .bd .main .bottom li .more{width:55px;height:23px;font-size:12px;color:#808080;line-height:23px;margin-top:15px;text-align:right;background:url(../images/more02.png) left center no-repeat;}

































/* animated home */

.animated { -webkit-animation-duration: 1s;  animation-duration: 1s;  -webkit-animation-fill-mode: both;  animation-fill-mode: both }

.animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite}

.animated.hinge {  -webkit-animation-duration: 2s; animation-duration: 2s }



@-webkit-keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

@keyframes fadeInUp {

    0% {

        opacity:0;

        -webkit-transform:translate3d(0, 100%, 0);

        transform:translate3d(0, 100%, 0)

    }

    100% {

        opacity:1;

        -webkit-transform:none;

        transform:none

    }

}

.fadeInUp {

    -webkit-animation-name: fadeInUp;

    animation-name: fadeInUp

}



.animated_1 { animation-delay:0.3s; }

.animated_2 { animation-delay:0.6s; }

.animated_3 { animation-delay:0.9s; }

.animated_4 { animation-delay:1.2s; }

.animated_5 { animation-delay:1.7s; }

.animated_6 { animation-delay:1.8s; }

.animated_7 { animation-delay:2.1s; }

.animated_8 { animation-delay:2.4s; }

.animated_9 { animation-delay:2.7s; }

.animated_10 { animation-delay:3s; }

.animated_11 { animation-delay:3.3s; }

.animated_12 { animation-delay:3.6s; }



/* animated end */









@keyframes jello {

  from,

  11.1%,

  to {

    -webkit-transform: none;

    -moz-transform: none;

    transform: none;

  }

  22.2% {

    -webkit-transform: skewX(-12.5deg) skewY(-12.5deg);

    -moz-transform: skewX(-12.5deg) skewY(-12.5deg);

    transform: skewX(-12.5deg) skewY(-12.5deg);

  }

  33.3% {

    -webkit-transform: skewX(6.25deg) skewY(6.25deg);

    -moz-transform: skewX(6.25deg) skewY(6.25deg);

    transform: skewX(6.25deg) skewY(6.25deg);

  }

  44.4% {

    -webkit-transform: skewX(-3.125deg) skewY(-3.125deg);

    -moz-transform: skewX(-3.125deg) skewY(-3.125deg);

    transform: skewX(-3.125deg) skewY(-3.125deg);

  }

  55.5% {

    -webkit-transform: skewX(1.5625deg) skewY(1.5625deg);

    -moz-transform: skewX(1.5625deg) skewY(1.5625deg);

    transform: skewX(1.5625deg) skewY(1.5625deg);

  }

  66.6% {

    -webkit-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    -moz-transform: skewX(-0.78125deg) skewY(-0.78125deg);

    transform: skewX(-0.78125deg) skewY(-0.78125deg);

  }

  77.7% {

    -webkit-transform: skewX(0.390625deg) skewY(0.390625deg);

    -moz-transform: skewX(0.390625deg) skewY(0.390625deg);

    transform: skewX(0.390625deg) skewY(0.390625deg);

  }

  88.8% {

    -webkit-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    -moz-transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

    transform: skewX(-0.1953125deg) skewY(-0.1953125deg);

  }

}

