@charset "utf-8";
*{margin: 0;padding: 0;font-family:Pingfang SC,Microsoft YaHei,STHeiti,Verdana,Arial,Tahoma,sans-serif;}
body,ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,h7,p,input{ margin: 0; padding: 0; font-size:12px;}
a{cursor:pointer; color:#333; text-decoration:none; }
li{ list-style:none; }
i,em,b{ font-style:normal; }
img {border:0; }
input{ border:none; outline:none;}


/*div居中*/
.cont_w{ width:1200px; margin:0 auto;}

/*清浮动*/
.cl:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.cl{zoom:1}


/*浮动*/
.f_l{ float:left;}
.f_r{ float:right;}

/*其他*/
.d_in{ display:inline-block; *display:inline; *zoom:1;}
.t_hide{white-space:nowrap;text-overflow:ellipsis; -o-text-overflow:ellipsis; overflow: hidden;}
.bg_f8{ background:#f8f8f8;}

/*动画*/
.n_cs3{-webkit-transition:all .5s;-moz-transition:all .5s;-o-transition:all .5s;transition:all .5s;}


/*鸭梨官网通用标题*/
.nyl_title{ text-align:center; line-height:36px;}
.nyl_title .big{ font-size:34px; color:#333;}
.nyl_title .small{ color:#999999; font-size:16px; padding-top:3px;}


/*头部*/
.nyl_header{ height:64px; border-bottom:1px solid #eeeeee;}
.nyl_header .cont_w{ position: relative;}
.nyl_header .nyl_logo{ margin-top:10px;}

/*头部-导航*/

/* .nyl_header .nyl_nav{position: relative;} */
.nyl_header .nyl_nav li{ float:left; line-height:62px; margin:0 25px;}
.nyl_header .nyl_nav li .n_a{ color:#455368; font-size:14px; position:relative; display: inline;}
.nyl_header .nyl_nav li .n_a:hover,.nyl_header .nyl_nav li .on{ *border-bottom:2px solid #0daae7; *padding-bottom:10px;}
.nyl_header .nyl_nav li .n_a:hover,.nyl_header .nyl_nav li .on{ color:#0daae7;}
.nyl_header .nyl_nav li .n_a:hover:before{ left:0px; right:0px;}
.nyl_header .nyl_nav li .n_a:before{
  background-color: #0daae7;
  position: absolute;
  content: "";
  bottom: -13px;
  height: 2px;
  left: 50%;
  right: 50%;
  -webkit-transition-property: left, right;
  -moz-transition-property: left, right;
  -ms-transition-property: left, right;
  transition-property: left, right;
  -webkit-transition-duration: 0.4s;
  -moz-transition-duration: 0.4s;
  -ms-transition-duration: 0.4s;
  transition-duration: 0.4s;
  -webkit-transition-timing-function: ease-out;
  -moz-transition-timing-function: ease-out;
  -ms-transition-timing-function: ease-out;
  transition-timing-function: ease-out;}
.nyl_header .nyl_nav li .n_a .down{ position:absolute; right:0px; top:10px;width:0;height:0;border-width:4px 3px 0;border-style:solid;border-color:#666666 transparent transparent;}
.nyl_header .nyl_nav li .prod{ padding-right:12px;}
.nyl_header .nyl_nav li .n_a:hover .down,.nyl_header .nyl_nav li .n_a.on .down{border-color:#0daae7 transparent transparent;}
.nyl_header .nyl_nav li .on:before{ left:0px; right:0px;}



.nyl_header .nyl_nav li .coll{ z-index:10; position:absolute; width:1163px; padding:9px 18px 10px 19px; background:#fff; top:65px; left:0;  line-height:normal; font-size:0; display:none;}
.nyl_header .nyl_nav li .coll a{ vertical-align:top; padding:13px 4px 13px 18px;}
.nyl_header .nyl_nav li .coll a:hover{ background:#f8f8f8;}
.nyl_header .nyl_nav li .coll a:hover p{color:#0daae7;}
.nyl_header .nyl_nav li .coll .h1{ font-size:14px; color:#666666; line-height:42px; font-weight:bold; padding-left:38px; margin-bottom:7px;}
.nyl_header .nyl_nav li .coll .title{ color:#455368; font-size:14px; font-weight:bold;}
.nyl_header .nyl_nav li .coll .text{ color:#999999;}
.nyl_header .nyl_nav li .coll .prod a{ width:188px; float:left; margin-left:20px; margin-bottom:20px;}
.nyl_header .nyl_nav li .coll .prod a p{ width:190px; height: 17px; line-height: 17px; overflow: hidden;}



/*头部-登录*/
.nyl_header .nyl_login{ margin-top:16px;}
.nyl_header .nyl_login .btn{ float:left; vertical-align:middle; font-size:14px; width:86px; border:1px solid #00a2e9; height:32px; display:block; line-height:32px; color:#00a2e9;text-align:center; margin-left:26px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.nyl_header .nyl_login .btn:hover,.nyl_header .nyl_login .btn.on{ background:#00a2e9; color:#fff;}
.nyl_header .nyl_login .user_name{display:block; position:relative; z-index:1; cursor:pointer; margin-left:20px; margin-top:-4px; padding-bottom:20px;}
.nyl_header .nyl_login .user_name em{ display:block; float:left; width:40px; height:40px; overflow:hidden; -moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%; background:#fff; margin-right:10px; }
.nyl_header .nyl_login .user_name i{ margin-top:18px; display:block; float:right;}
.nyl_header .nyl_login .user_name .login_out{ position:absolute; top:42px; left:20px; border:1px solid #eee; background:#fff;padding:10px; width:50px; text-align:center;  -moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px; color:#26a9eb; z-index:1; display:none;}
.nyl_header .nyl_login .user_name:hover .login_out{ display:block;}



/*banner*/
.nyl_banner .fullSlide{ position:relative; background:#fff; height:616px; width:100%; overflow:hidden;}
.nyl_banner .fullSlide .bd .cont_w{ position:relative;}
.nyl_banner .fullSlide .bd li{ position:relative; z-index:1;height:616px; width:100%;}
.nyl_banner .fullSlide .bd li .bg{height:616px; width:100%; position:absolute; top:0; left:0; z-index:-1;}
.nyl_banner .fullSlide .bd li .info{ margin-top:162px; padding-left:16px;}
.nyl_banner .fullSlide .bd li .info .big{ font-size:39px; color:#fff;}
.nyl_banner .fullSlide .bd li .info .small{ font-size:62px; color:#fff; padding-top:10px;}
.nyl_banner .fullSlide .bd li .info .btn{ width:150px; text-align:center; height:50px; display:block; line-height:50px; color:#fff; font-size:16px; border:1px solid #fff;-webkit-border-radius:5px;-moz-border-radius:5px;-ms-border-radius:5px;-o-border-radius:5px; margin-top:120px; position:relative;}
.nyl_banner .fullSlide .bd li .info .wx_btn a.more{padding-left: 56px;padding-right: 42px;width:auto;margin-left:55px;position:relative;}
.nyl_banner .fullSlide .bd li .info .wx_btn a.more:after{content:'';position:absolute;top: -9px;height:60px;width:60px;left: -22px;background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/play.png) center center no-repeat;}


.nyl_banner .fullSlide .bd li .info .wx_btn a.on{ background:#e0f6f2;}
.nyl_banner .fullSlide .bd li .info .wx_btn a{ width:154px; line-height:43px; height:43px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px; font-size:14px;}
.nyl_banner .fullSlide .bd li .pic{ position:absolute; width:604px; height:552px; bottom:0px;right:0px;transition: .5s ease-out;transform: translate3d(0,0,0); margin-top:-240px; margin-right:-5px; top:50%; left:50%;}
.nyl_banner .fullSlide .bd li .pic .nyl_point .p{position:absolute;}
.nyl_banner .fullSlide .bd li .pic .nyl_point .point{position:relative;height:6px;width:6px;background:#00bdf9;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;transform:scale(.2);-webkit-transform:scale(.2);-ms-transform:scale(.2);animation:point1 .2s linear 1s;animation-fill-mode:forwards;}
.nyl_banner .fullSlide .bd li .pic .nyl_point .point span{height:8px;width:8px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;background:#00bdf9;background:rgba(0,189,249, 0.8) none repeat scroll 0 0 !important;position:absolute;z-index:0;left:-1px;top:-1px;animation:point2 .6s linear .1s infinite;filter:alpha(Opacity=20);-moz-opacity:0.2;opacity:0.2;}

.nyl_banner .fullSlide .bd li .pic .n1 .p1{ top:106px; left:166px;}
.nyl_banner .fullSlide .bd li .pic .n1 .p2{ top:196px; left:64px;}
.nyl_banner .fullSlide .bd li .pic .n1 .p3{ top:461px; left:36px;}
.nyl_banner .fullSlide .bd li .pic .n1 .p4{ top:219px; right:100px;}


.nyl_banner .fullSlide .bd li .turn_list .turn_round{ position:absolute; top:50%;width:382px; height:382px;}
.nyl_banner .fullSlide .bd li .turn_list .turn_round span{ display:block; background:#00fcff; width:7px; height:7px; border:4px solid #0ac1f6;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px; margin-top:-7px; margin-left:-7px;}
.nyl_banner .fullSlide .bd li .turn_list .turn_round1{ margin-left:-1050px;margin-top:-344px;left:50%; }
.nyl_banner .fullSlide .bd li .turn_list .turn_round2{ margin-right:-1109px;margin-top:-325px; right:50%;}
.nyl_banner .fullSlide .bd li .turn_list .turn_round3{ width:283px; height:284px; margin-top:276px; margin-left:163px;}
.nyl_banner .fullSlide .bd li .move_list{ width:1920px; height:616px;position:absolute; top:50%; left:50%;margin-top:-308px; margin-left:-960px;z-index:-1; transition: .5s ease-out;transform: translate3d(0,0,0);}

.nyl_banner .fullSlide .bd li .turn_move{ position:absolute; }
.nyl_banner .fullSlide .bd li .turn_move.m1{top:61px; left:191px;}
.nyl_banner .fullSlide .bd li .turn_move.m2{top:154px; right:-9px;}
.nyl_banner .fullSlide .bd li .turn_move.m3{top:293px; left:5px;}
.nyl_banner .fullSlide .bd li .turn_move.m3 img{ width:120px; height:120px;}
.nyl_banner .fullSlide .bd li .turn_move.m4{top:455px; left:-303px;}
.nyl_banner .fullSlide .bd li .turn_move.m4 img{ width:223px; height:223px;}
.nyl_banner .fullSlide .bd li .turn_move.m5{top:488px; right:-260px;}
.nyl_banner .fullSlide .bd li .turn_move.m4 img{ width:158px; height:158px;}
.nyl_banner .fullSlide .hd{position:absolute;bottom:40px; z-index:1; left:50%; margin-left:-600px;}
.nyl_banner .fullSlide .hd ul{ margin-left:10px;}
.nyl_banner .fullSlide .hd ul li{ cursor:pointer; display:inline-block; *display:inline; zoom:1; width:10px; height:10px; background:rgba(255,255,255, 0.4) none repeat scroll 0 0 !important;filter:Alpha(opacity=40); background:#fff;line-height:40px; overflow:hidden; margin-left:15px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px;}
.nyl_banner .fullSlide .hd ul .on{ background:#fff !important;}


/* .nyl_banner .fullSlide .bd li .w_b_pic{ width:613px; height:535px; margin-top:-215px;}
.nyl_banner .fullSlide .bd li .c_b_pic{ width:708px; height:510px; margin-top:-202px; margin-left:-40px;}
.nyl_banner .fullSlide .bd li .s_b_pic{ width:930px; height:508px; margin-top:-215px;margin-left:-100px;} */
.nyl_banner .fullSlide .bd li .b_pic1{ width:613px; height:535px; margin-top:-215px;}
.nyl_banner .fullSlide .bd li .b_pic2{ width:708px; height:510px; margin-top:-202px; margin-left:-40px;}
.nyl_banner .fullSlide .bd li .b_pic3{ width:930px; height:508px; margin-top:-215px;margin-left:-100px;}

/* .nyl_banner .fullSlide .bd li .w_b_text a.on{ color:#e95e58;}
.nyl_banner .fullSlide .bd li .c_b_text a.on{ color:#1fcfc8;}
.nyl_banner .fullSlide .bd li .s_b_text a.on{ color:#0887e9;} */

.nyl_banner .fullSlide .bd li .b_text1 a.on{ color:#e95e58;}
.nyl_banner .fullSlide .bd li .b_text2 a.on{ color:#1fcfc8;}
.nyl_banner .fullSlide .bd li .b_text3 a.on{ color:#0887e9;}


/*banner视频*/
.prod_video.prod_video_out{display:none;}
.prod_video.prod_video_in{display:table;filter:alpha(Opacity=100);-moz-opacity:1;opacity:1;}
.prod_video{position:fixed;display:none;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:rgba(0,0,0,0.8);filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.prod_video .close_btn{position:absolute;width:30px;height:29px;background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/close_x.png) top center no-repeat;top: 80px;right: 280px;z-index:3;}
.prod_video_player{position:fixed;left:50%;top:50%; margin-top:-262px; margin-left:-465px;width:930px;height:524px;-o-object-fit:contain;object-fit:contain;}



/*公告*/
.nyl_notice{ border-bottom:1px solid #f0f0f0; height:56px; line-height:56px;}
.nyl_notice .name{ margin-right:50px; font-size:14px; color:#333; background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/icon1.png) left center no-repeat; padding-left:20px; margin-left:18px;}
.nyl_notice .info a{ color:#333; display:block; float:left; background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/icon2.png) left center no-repeat; padding-left:14px;width:330px;padding-right:10px;}



/*尾部*/
.nyl_footer{ background:#2e3033; overflow:hidden; padding-top:33px; width: 100%;}
.nyl_footer .item{ padding-right:20px; margin-bottom:44px;}
.nyl_footer .item .title{ color:#eeeeee; font-size:16px; line-height:43px; padding-bottom:10px;}
.nyl_footer .item .text{ line-height:38px;}
.nyl_footer .item .text a{ color:#bbbbbb; font-size:14px;}
.nyl_footer .prod{ width:295px;}
.nyl_footer .prod .text a{ margin-right:30px;}
.nyl_footer .about{ width:230px;}
.nyl_footer .about .text a{ display:block; margin-left:3px;}
.nyl_footer .contact{ width:350px; padding-right:0;}
.nyl_footer .contact .tel{ color:#bbbbbb; padding-top:14px;}
.nyl_footer .contact .tel .phone{ font-size:18px; background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/icon17.png) top left no-repeat; padding-left:34px;}
.nyl_footer .contact .tel .time{ font-size:14px;}
.nyl_footer .contact .address{ background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/icon18.png) left top no-repeat; padding-left:23px;color:#bbbbbb;font-size:14px; padding-top:1px; margin-top:21px;}
.nyl_footer .ewm{ width:250px; padding-right:0;}
.nyl_footer .ewm .pic{ margin-left:30px; text-align:center;}
.nyl_footer .ewm .pic .text{ color:#bbbbbb;}
.nyl_footer .ewm .title{ margin-left:30px;}

.nyl_footer .nyl_copyright{ color:#bbbbbb; height:80px; border-top:1px solid #48494c; line-height:80px;}


/*右侧图标组*/
.yl_right_icons{ position:fixed; bottom:200px; right:0;  z-index:100; width:102px;}
.yl_right_icons ul li{ position:relative; z-index:1;}
.yl_right_icons ul li .cont{ display:none; text-align:center; width:181px; height:98px; background:#fff;position:absolute; top:0px; left:-191px; color:#666666; line-height:24px; border:1px solid #f5f5f6; text-align:left;}
.yl_right_icons ul li .cont .big{ font-size:14px; padding-bottom:5px; padding-top:22px; margin-left:20px;}
.yl_right_icons ul li .cont .small{ font-size:22px;margin-left:20px;}
.yl_right_icons ul li .cont .r_ico{position:absolute;right:-7px; top:50%;margin-top:-7px;width:0; height:0;border-width:7px 0 7px 7px;border-style:solid; border-color:transparent transparent transparent #fff;}
.yl_right_icons ul li.icon4{display: none;}
.yl_right_icons ul li.icon4 a{ display:block; width:100px; height:50px;background:url(/App/Front/Tpl/View/pc-git16/yali2016/images/new_yali/icon36.png) #ffffff center center no-repeat; margin-top:14px;}

.yl_right_icons ul li .back{ background:#2589ff; text-align:center; padding-top:16px; padding-bottom: 16px;}
.yl_right_icons ul li .back .text{ color:#ffffff; font-size:14px; padding-top:10px;}
.yl_right_icons .close{ position:absolute; top:-38px; display:block; right:0;}
.yl_right_icons .hide_icon{ cursor:pointer; position:absolute; display:none; bottom:-50px; background:#2589ff; text-align:center; padding:12px 10px; right:0; width:31px; height:26px;}




/*圆点旋转*/
@-webkit-keyframes rotation{
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(360deg);}
}


@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
}

.rotation{
-webkit-transform: rotate(360deg);
animation: rotation 10s linear infinite;
-moz-animation: rotation 10s linear infinite;
-webkit-animation: rotation 10s linear infinite;
-o-animation: rotation 10s linear infinite;
}


/*banner淡出*/
@-webkit-keyframes slide-market100 {
	0% {opacity: 0;-webkit-transform: translateY(300px); bottom:-50%;}
	50%{opacity: 0;bottom:-10%;}
	to {opacity: 1; bottom:0;}
}
@keyframes slide-market100 {
	0% {opacity: 0;-webkit-transform: translateY(300px);transform: translateY(300px); bottom:-50%;}
	50%{opacity: 0;bottom:-10%;}
	to {opacity: 1; bottom:0;}
}
.slide-market-100{
	-webkit-animation: slide-market100 1.5s cubic-bezier(.4,0,.2,1) 0s 1;
	animation: slide-market100 1.5s cubic-bezier(.4,0,.2,1) 0s 1
}

/*banner下雨*/
@-webkit-keyframes b_rain{
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}
}
@keyframes b_rain{
	from {
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
	to {
		-webkit-transform: translateY(50%);
		transform: translateY(50%)
	}
}


/*闪烁点*/
@keyframes point1 {
	0% {  opacity: 0;  transform: scale(0.3);  }
	80% {  opacity: 1;  transform: scale(1.5);  }
	100% {  opacity: 1;  transform: scale(1);  }
}
@-webkit-keyframes point1 {
	0% {  opacity: 0;  transform: scale(0.3);  }
	80% {  opacity: 1;  transform: scale(1.5);  }
	100% {  opacity: 1;  transform: scale(1);  }
}
@-moz-keyframes point1 {
	0% {  opacity: 0;  transform: scale(0.3);  }
	80% {  opacity: 1;  transform: scale(1.5);  }
	100% {  opacity: 1;  transform: scale(1);  }
}
@-o-keyframes point1 {
	0% {  opacity: 0;  transform: scale(0.3);  }
	80% {  opacity: 1;  transform: scale(1.5);  }
	100% {  opacity: 1;  transform: scale(1);  }
}


@keyframes point2 {
	0% {  opacity: 1;  -moz-transform: scale(0.1)  }
	100% {  opacity: 0.2;  transform: scale(2.5)  }
}
@-webkit-keyframes point2 {
	0% {  opacity: 1;  -moz-transform: scale(0.1)  }
	100% {  opacity: 0.2;  transform: scale(2.5)  }
}
@-moz-keyframes point2 {
	0% {  opacity: 1;  -moz-transform: scale(0.1)  }
	100% {  opacity: 0.2;  transform: scale(2.5)  }
}
@-o-keyframes point2 {
	0% {  opacity: 1;  -moz-transform: scale(0.1)  }
	100% {  opacity: 0.2;  transform: scale(2.5)  }
}

@keyframes point3 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-webkit-keyframes point3 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-moz-keyframes point3 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}
@-o-keyframes point3 {
	to {
		opacity: 0;
		-webkit-transform: scale3d(1, 1, 1);
		transform: scale3d(1, 1, 1);
	}
}



/*淡出效果*/
@-webkit-keyframes slide-market50 {
	0% {opacity: 0;-webkit-transform: translateY(50px);}
	to {opacity: 1;}
}
@keyframes slide-market50 {
	0% {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);}
	to {opacity: 1;}
}
@-moz-keyframes slide-market50 {
	0% {opacity: 0;-webkit-transform: translateY(50px);}
	to {opacity: 1;}
}
@-o-keyframes slide-market50 {
	0% {opacity: 0;-webkit-transform: translateY(50px);transform: translateY(50px);}
	to {opacity: 1;}
}

.slide-market-50{
	-webkit-animation: slide-market50 1s cubic-bezier(0, 0, 0.33, 1.02) 0s 1;
	animation: slide-market50 1s cubic-bezier(0, 0, 0.33, 1.02) 0s 1;
}

/*背景无缝滚动*/
@-webkit-keyframes bgScroll {
	from {-webkit-transform: translateY(0);transform: translateY(0)}
	to {-webkit-transform: translateY(-100%);transform: translateY(-100%)}
}
@keyframes bgScroll {
	from {-webkit-transform: translateY(0);transform: translateY(0)}
	to {-webkit-transform: translateY(-100%);transform: translateY(-100%)}
}




/*
     FILE ARCHIVED ON 18:28:14 Jan 05, 2019 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 21:49:53 Apr 17, 2024.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*
playback timings (ms):
  captures_list: 1.059
  exclusion.robots: 0.231
  exclusion.robots.policy: 0.214
  cdx.remote: 0.099
  esindex: 0.015
  LoadShardBlock: 176.941 (3)
  PetaboxLoader3.datanode: 65.728 (4)
  PetaboxLoader3.resolve: 150.684 (2)
  load_resource: 144.271
*/