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








/* 功能模块 动画部分 */
.g-module{width:1041px; margin-bottom:50px;}
.g-module .title{ color:#323232; font-size:24px; text-align:center; margin-bottom:45px;}
/*.g-module .fun-word > div { margin: 60px 0 0;}*/
.g-module .fun-word h3{font-size: 18px;color: #484848;font-weight: normal;margin-bottom: 10px;}
.g-module .fun-word h3:hover{color: #33ccff;}
.g-module .fun-word .short-cont{line-height: 22px; font-size: 14px; color: #595959; width: 240px; height: 66px;}
.g-module .fun-word p{font-size: 16px;color:#595959; line-height:22px;}
.g-module .fun-left,.g-module .fun-right{cursor: pointer; position:relative; z-index:1;}
.g-module .fun-left{ text-align:right;}
.g-module .fleft1{margin-top: 60px;}
.g-module .fleft2{margin-top: 115px;}
.g-module .fun-right{ text-align:left;}
.g-module .fright1{margin-top: 60px;}
.g-module .fright2{margin-top: 40px;}
.g-module .fright3{margin-top: 35px;}
.g-module .fun-right .f-popup{ background:url(/App/Front/View/yali2016/images/bg4.png) top center no-repeat; top:-185px; left:auto; right:-51px; padding:25px 5px 0 20px;}
.g-module .f-popup{ position:absolute; top:0px; left:0px; background:url(/App/Front/View/yali2016/images/bg3.png) top center no-repeat; width:203px; height:214px; display:none; padding:25px 10px 0 15px;}
.g-module .f-popup.f-p1{ top:-200px; left:-70px;}
.g-module .f-popup.f-p2{ top:-200px; left:-70px;}
.g-module .f-popup ul{width: 200px; height: 110px; overflow: hidden;}
.g-module .f-popup ul li{ line-height:28px; font-size:14px; color:#474747; text-align:left; font-weight:bold;}
.g-module .f-popup ul p{ line-height:28px; font-size:14px; color:#474747; text-align:left; font-weight:bold;}
.g-module .fun-pic{width: 480px;height: 480px; position: relative; margin: 20px 40px;}
.g-module .line{ height:89px; width:1px;}
.g-module .fun-outer,.g-module .fun-inner{position: absolute;}
.g-module .fun-outer{background: url("/App/Front/View/yali2016/images/bg2.png") 0 0/480px auto no-repeat;width: 480px; height: 480px; }
.g-module .fun-inner{background: url("/App/Front/View/yali2016/images/bg.png")0 0/395px auto no-repeat;width: 395px; height: 395px;animation: circle-fun 30s linear infinite;margin: 42.5px;}
@keyframes circle-fun {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}
.g-module .fun-con{position: relative;width: 395px; height: 395px;margin: 42.5px;background-size: 395px auto;background-repeat:no-repeat; transition: background .5s ease-in-out;}
/*.g-module .divIndex0 .fun-con{background-image: url("/App/Front/View/yali2016/images/cp1.png");}
.g-module .divIndex4 .fun-con{background-image: url("/App/Front/View/yali2016/images/cp6.png");}
.g-module .divIndex2 .fun-con{background-image: url("/App/Front/View/yali2016/images/cp4.png");}
.g-module .divIndex1 .fun-con{background-image: url("/App/Front/View/yali2016/images/cp3.png");}
.g-module .divIndex3 .fun-con{background-image: url("/App/Front/View/yali2016/images/cp5.png");}*/

.g-module .fun-con .line1,.g-module .fun-con .line2{
    width: 0;
    height: 2px;
    background: #e4e4e4;
    position: absolute;
    transform-origin: top left;
    -ms-transform-origin: top left;
    -webkit-transform-origin: top left;
}
.g-module .fun-con .point {
    position: absolute;
    height: 10px;
    width: 10px;
    background: #2095ff;
    border-radius: 50%;
    opacity: 0;
    transform: scale(0.2);
    -webkit-transform: scale(0.2);
    -ms-transform: scale(0.2);
    animation:none;
}
.g-module .fun-con .point > span{
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background: #2095ff;
    position: absolute;
    z-index: 0;
    left: -1px;
    top: -1px;
    opacity: 0;
    animation:none;
}
.g-module .divIndex0 .fun-con .point{top:2.02%;  left: -16%;animation: impoint1 .2s linear .4s;  animation-fill-mode: forwards;}
.g-module .divIndex1 .fun-con .point{top:321px;  left: -16%;animation: tspoint1 .2s linear .4s;  animation-fill-mode: forwards;}
.g-module .divIndex2 .fun-con .point{top:2.02%;  right: -16%;animation: kfpoint1 .2s linear .4s;  animation-fill-mode: forwards;}
.g-module .divIndex3 .fun-con .point{top:153px;  right: -16%;animation: ysppoint1 .2s linear .4s;  animation-fill-mode: forwards;}
.g-module .divIndex4 .fun-con .point{top: 296px;  right: -16%;animation: ddtbpoint1 .2s linear .4s;  animation-fill-mode: forwards;}

.g-module .divIndex0 .fun-con .point > span{animation: impoint2 .6s linear .4s infinite;}
.g-module .divIndex1 .fun-con .point > span{animation: tspoint2 .6s linear .4s infinite;}
.g-module .divIndex2 .fun-con .point > span{animation: kfpoint2 .6s linear .4s infinite;}
.g-module .divIndex3 .fun-con .point > span{animation: ysppoint2 .6s linear .4s infinite;}
.g-module .divIndex4 .fun-con .point > span{animation: ddtbpoint2 .6s linear .4s infinite;}

.g-module .divIndex0 .fun-con .line1{
    animation: imLine1 .2s linear;
    top: 67px;
    right: 342px;
    transform: rotate(45deg);
    transform-origin: top right;
    animation-fill-mode: forwards;
}
.g-module .divIndex0 .fun-con .line2{
    animation: imLine2 .2s linear .2s;
    top: 11px;
    right: 398px;
    animation-fill-mode: forwards;
}
.g-module .divIndex1 .fun-con .line1{
    animation: tsLine1 .2s linear;
    top: 303px;
    right: 363px;
    transform: rotate(-30deg);
    transform-origin: top right;
    animation-fill-mode: forwards;
}
.g-module .divIndex1 .fun-con .line2{
    animation: tsLine2 .2s linear .2s;
    top: 325px;
    right: 401px;
    animation-fill-mode: forwards;
}
.g-module .divIndex2 .fun-con .line1{
    animation: kfLine1 .2s linear;
    top: 67px;
    left: 342px;
    transform: rotate(-45deg);
    animation-fill-mode: forwards;
}
.g-module .divIndex2 .fun-con .line2{
    animation: kfLine2 .2s linear .2s;
    top: 11px;
    left: 398px;
    animation-fill-mode: forwards;
}
.g-module .divIndex3 .fun-con .line1{
    animation: yspLine1 .2s linear;
    top: 171px;
    left: 394px;
    transform: rotate(-18deg);
    animation-fill-mode: forwards;
}
.g-module .divIndex3 .fun-con .line2{
    animation: yspLine2 .2s linear .2s;
    top: 157px;
    left: 437px;
    animation-fill-mode: forwards;
}

.g-module .divIndex4 .fun-con .line1{
    animation: ddtbLine1 .2s linear;
    top: 275px;
    left: 379px;
    transform: rotate(30deg);
    animation-fill-mode: forwards;
}
.g-module .divIndex4 .fun-con .line2 {
    animation: ddtbLine2 .2s linear .2s;
    top: 300px;
    left: 422px;
    animation-fill-mode: forwards;
}



@keyframes ddtbLine1 {
    100% {  width: 13%;  }
}
@keyframes ddtbLine2 {
    100% {  width: 8%;  }
}
@keyframes imLine1 {
    100% {  width: 20%;  }
}
@keyframes imLine2 {
    100% {  width: 14.25%;  }
}
@keyframes kfLine1 {
    100% {  width: 20%;  }
}
@keyframes kfLine2 {
    100% {  width: 14%;  }
}
@keyframes yspLine1 {
    100% {  width: 11.6%;  }
}
@keyframes yspLine2 {
    100% {  width: 5%;  }
}
@keyframes tsLine1 {
    100% {  width: 11.4%;  }
}
@keyframes tsLine2 {
    100% {  width: 14%;  }
}

@keyframes ddtbpoint1 { 0% {  opacity: 0;  transform: scale(0.2);  } 80% {  opacity: 1;  transform: scale(1.5);  } 100% {  opacity: 1;  transform: scale(1);  } }
@keyframes ddtbpoint2 { 0% {  opacity: 1;  -moz-transform: scale(0.1)  } 100% {  opacity: 0;  transform: scale(1.8)  } }
@keyframes impoint1 { 0% {  opacity: 0;  transform: scale(0.2);  } 80% {  opacity: 1;  transform: scale(1.5);  } 100% {  opacity: 1;  transform: scale(1);  } }
@keyframes impoint2 { 0% {  opacity: 1;  -moz-transform: scale(0.1)  } 100% {  opacity: 0;  transform: scale(1.8)  } }
@keyframes kfpoint1 { 0% {  opacity: 0;  transform: scale(0.2);  } 80% {  opacity: 1;  transform: scale(1.5);  } 100% {  opacity: 1;  transform: scale(1);  } }
@keyframes kfpoint2 { 0% {  opacity: 1;  -moz-transform: scale(0.1)  } 100% {  opacity: 0;  transform: scale(1.8)  } }
@keyframes ysppoint1 { 0% {  opacity: 0;  transform: scale(0.2);  } 80% {  opacity: 1;  transform: scale(1.5);  } 100% {  opacity: 1;  transform: scale(1);  } }
@keyframes ysppoint2 { 0% {  opacity: 1;  -moz-transform: scale(0.1)  } 100% {  opacity: 0;  transform: scale(1.8)  } }
@keyframes tspoint1 { 0% {  opacity: 0;  transform: scale(0.2);  } 80% {  opacity: 1;  transform: scale(1.5);  } 100% {  opacity: 1;  transform: scale(1);  } }
@keyframes tspoint2 { 0% {  opacity: 1;  -moz-transform: scale(0.1)  } 100% {  opacity: 0;  transform: scale(1.8)  } }




/* 标题导航 */
.g-navbt{ width:100%; background:url(/App/Front/View/yali2016/images/bg5.jpg) center top no-repeat; height:430px;}
.g-navbt ul li{ width:200px; height:430px; float:left; /*background:url(/App/Front/View/yali2016/images/cp7.jpg) top center no-repeat;*/ position:relative; z-index:1;text-align:center;}
.g-navbt ul li .bg{ position:absolute; top:0px; left:0px; height:430px; width:200px; z-index:2;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.g-navbt ul li .content{ display:block;position:absolute; z-index:3;top:0px; width:200px; height:430px; left:0px;}
.g-navbt ul li .content .item-img{ width:51px; height:50px; margin-top:145px;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.g-navbt ul li .content .item-line{ width:15px; height:2px; background:#FFF; display:block; margin:0 auto; margin-top:31px; -webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.g-navbt ul li .content .item-title{ margin-top:35px; font-size:18px; color:#FFF; font-weight:normal; -webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.g-navbt ul li .content .item-desc{-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);filter:alpha(opacity=0);-moz-opacity:0;opacity:0; margin-top:15px; padding:0px 23px; line-height:24px; height:125px; color:#FFF; font-size:14px; overflow:hidden;}
.g-navbt ul li .content .item-link{ display:block; border:1px solid #fff; width:120px; height:36px; line-height:36px; font-size:14px; color:#FFF; margin-top:62px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0; margin:0 auto; cursor:pointer;-webkit-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-moz-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);-o-transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);transition:all 0.4s cubic-bezier(0.4, 0, 0.2, 1);}
.g-navbt ul li .content .item-link:hover{ background:#FFF; color:#05abf0;}
.g-navbt ul li:hover .bg{ background:#05abf0; filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.g-navbt ul li:hover .contnet{ padding-bottom:100px;}
.g-navbt ul li:hover .item-line{ margin-top:10px;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.g-navbt ul li:hover .item-img{ margin-top:80px;}
.g-navbt ul li:hover .item-title{ margin-top:15px;}
.g-navbt ul li:hover .item-desc{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; /*margin-top:22px;*/}
.g-navbt ul li:hover .item-link{ margin-top:30px;filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}



/*案列*/
.g-case{ padding-top:55px; padding-bottom:30px;}
.g-case .title{ text-align:center; font-size:24px; color:#323232; padding-bottom:45px;}
.g-case .picScroll-left{ width:100%;position:relative; margin-bottom:37px;}
.g-case .picScroll-left .hd .prev,.g-case .picScroll-left .hd .next{ display:block; width:26px; height:60px; background:#c2c2c2; color:#FFF; font-size:18px; text-align:center; line-height:60px; position:absolute; z-index:2; top:50%; margin-top:-47px; left:-30px;}
.g-case .picScroll-left .hd .next{ left:auto; right:-30px;  }
.g-case .picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.g-case .picScroll-left .bd ul li{ width:300px; float:left; _display:inline; overflow:hidden; text-align:center;  }
.g-case .picScroll-left .bd ul li .pic img{ width:268px; height:268px; display:block; }
.g-case .picScroll-left .bd ul li .bt a{font-size:16px; line-height:24px; color:#474747;-webkit-transition:all 0.4s;-moz-transition:all 0.4s;-o-transition:all 0.4s;transition:all 0.4s;filter:alpha(opacity=0);-moz-opacity:0;opacity:0;}
.g-case .picScroll-left .bd ul li .bt{ height:24px; margin-top:10px;}
.g-case .picScroll-left .bd ul li .bt a.on{filter:alpha(opacity=100);-moz-opacity:1;opacity:1; }


.g-case .picList .big_pic .pic{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.g-case .picList .big_pic .pic .conimg-two{ width:268px; height:268px; overflow:hidden; display:block;}
.g-case .picList .big_pic .pic .conimg-two:hover img{
-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);
}

.g-case .picList .big_pic .pic .conimg-two img{ width:268px; height:268px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}






/*产品介绍*/
.g-prod{ /*background:url(/App/Front/View/yali2016/images/bg6.jpg) top center no-repeat;*/ height:565px; text-align:center;}
.g-prod .title .t{ font-size:24px; color:#FFF; padding-top:60px; padding-bottom:10px;}
.g-prod .title .b{ font-size:18px; color:#FFF; padding-bottom:75px;}
.g-prod .cont ul{ padding:0 5px;}
.g-prod .cont ul li{ float:left; width:380px; height:278px;  margin:0 8px; text-align:center; position:relative;}
.g-prod .cont ul li .cont{background:#FFF;width:380px; height:278px; position:absolute; top:0px; left:0px;}
.g-prod .cont ul li .img{ width:100px; height:100px; overflow:hidden; display:inline-block; vertical-align:middle; margin-top:30px;}
.g-prod .cont ul li .b{ color:#323232; font-size:18px; padding:18px 0;}
.g-prod .cont ul li .text{ color:#a9b0b4; font-size:14px; width:215px; line-height:22px; height:66px;}
.g-prod .cont ul li .back p{ color:#FFF !important;}
.g-prod .cont ul li .back{
background: #009fd9;
-o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
-ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
-moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
-webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
-o-transform: perspective(800px) rotateY(-180deg);
-ms-transform: perspective(800px) rotateY(-180deg);
-moz-transform: perspective(800px) rotateY(-180deg);
-webkit-transform: perspective(800px) rotateY(-180deg);
transform: perspective(800px) rotateY(-180deg);
opacity: 0;
filter: alpha(opacity=0);}
.g-prod .cont ul li:hover .back{
-o-transform: perspective(800px) rotateY(0deg);
-ms-transform: perspective(800px) rotateY(0deg);
-moz-transform: perspective(800px) rotateY(0deg);
-webkit-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
opacity: 1;
filter: alpha(opacity=100);
}
.g-prod .cont ul li .from{
-o-transform: perspective(800px) rotateY(0deg);
-webkit-transform: perspective(800px) rotateY(0deg);
-ms-transform: perspective(800px) rotateY(0deg);
transform: perspective(800px) rotateY(0deg);
-o-transition: transform 500ms ease-in-out;
-ms-transition: transform 500ms ease-in-out;
-webkit-transition: transform 500ms ease-in-out;
transition: transform 500ms ease-in-out;
opacity: 1;
filter: alpha(opacity=100);}
.g-prod .cont ul li:hover .from {
-o-transform: perspective(800px) rotateY(180deg);
-ms-transform: perspective(800px) rotateY(180deg);
-moz-transform: perspective(800px) rotateY(180deg);
-webkit-transform: perspective(800px) rotateY(180deg);
transform: perspective(800px) rotateY(180deg);
opacity: 0;
filter: alpha(opacity=0);
}


/*合作伙伴*/
.g-partner{ background:#f4f4f4; padding-bottom:20px;}
.g-partner .top-title{ /*background:url(/App/Front/View/yali2016/images/bg7.jpg) top center no-repeat;*/ width:100%; height:110px; text-align:center; color:#FFF; line-height:110px; font-size:30px;}
.g-partner .title{ color:#323232; font-size:24px; text-align:center; margin:50px 0;}
.g-partner ul li{ width:240px; float:left;height:100px; text-align:center; margin-bottom:20px; }
.g-partner ul li a{ display:block; width:240px; height:100px;}
/*.g-partner ul li a:hover{ background:url(/App/Front/View/yali2016/images/icon8.png) center center no-repeat !important;}*/


/*加入互联网*/
.g-inter{ background:url(/App/Front/View/yali2016/images/bg8.jpg) top center no-repeat; width:100%; height:630px; text-align:center; color:#323232 !important;}
.g-inter .title{ font-size:24px; padding-top:60px;}
.g-inter .logos{ display:inline-block; vertical-align:middle; padding:50px 0;}
.g-inter .logos img{display:inline-block; vertical-align:middle;}
.g-inter .text p{ line-height:40px; font-size:18px !important;}
.g-inter .text p i{ display:inline-block; vertical-align:middle; margin:-5px 5px 0 15px;}
.g-inter .text .b{ font-size:14px !important; color:#474747 !important; padding:20px 0 15px 0;}
.g-inter .zhang{ font-size:24px; color:#3d3d3d; height:114px; /*background:url(/App/Front/View/yali2016/images/icon10.png) center center no-repeat;*/ line-height:114px; }



/*新闻动态*/
.g-news{ background:#f4f4f4; width:100%; padding-top:53px; margin-top: -16px;}
.g-news .title{ text-align:center; color:#333;}
.g-news .title .t{ font-size:24px; padding:5px 0;}
.g-news .title .b{ font-size:18px; padding-bottom:40px; padding-top:5px;}
.g-news .list{ float:left; width:560px; margin-right:40px;}
.g-news .list .first{
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.g-news .list .first .img{ width:560px; height:205px; overflow:hidden; display:block;}
.g-news .list .first .img:hover img{
-webkit-transform: scale(1.1);
  -moz-transform: scale(1.1);
  -ms-transform: scale(1.1);
  -o-transform: scale(1.1);
  transform: scale(1.1);}
.g-news .list .first:hover{
  -webkit-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  -moz-box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);
  box-shadow: 0 0 15px rgba(186, 204, 207, 0.7);}  
.g-news .list .first .img img{ width:560px; height:205px;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;}
.g-news .list .first .b{ display:block;height:55px; line-height:55px; font-size:18px; padding-left:15px; background:#FFF; width:545px;}
.g-news .list ul li a{ color:#474747; font-size:14px; line-height:46px; height:46px; overflow:hidden;}
.g-news .list ul{ padding:10px 0 80px 0;}




























/*
     FILE ARCHIVED ON 23:18:30 Nov 24, 2016 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 01:05:18 Apr 20, 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: 0.621
  exclusion.robots: 0.141
  exclusion.robots.policy: 0.131
  cdx.remote: 0.063
  esindex: 0.01
  LoadShardBlock: 144.293 (3)
  PetaboxLoader3.datanode: 284.755 (5)
  PetaboxLoader3.resolve: 144.429 (4)
  load_resource: 333.961 (2)
*/