@charset "utf-8";
/* 首页样式*/
html, body, form{position: relative;height: 100%;font-size: .14rem;}
body{overflow-x: hidden;background:#f5f5f5;}
.icon-menu::before{content: "\e608";}
.icon-wechat::before{content: "\e62e";}
.icon-weibo::before{content: "\e60a";}
.icon-arrowr::before{content: "\e60d";}

.swiper-container{width: 100%;height: 100%;position: relative;}
.swiper-slide, .swiper-slide *{-webkit-box-sizing: border-box;box-sizing: border-box;position: relative;}
.parallax-bg{position: absolute;z-index: -1;left: 0;top: 0;width: 100%;height: 100%;-webkit-background-size: cover;background-size: cover;background-position: center;}
.parallax-mask {position:absolute; z-index:0; left:0;top:0;width:100%; height:100%; background:url(../images/index/whitebg.png) 0 0 no-repeat;-webkit-background-size:cover; background-size:cover; background-position:center;}

.swiper-container .swiper-slide:nth-child(1) .parallax-bg{background-image: url(../images/index/bannerbg1.jpg);}
.swiper-container .swiper-slide:nth-child(2) .parallax-bg{background-image: url(../images/index/bannerbg2.jpg);}
.swiper-container .swiper-slide:nth-child(3) .parallax-bg{background-image: url(../images/index/bannerbg3.jpg);}
.swiper-container .swiper-slide:nth-child(4) .parallax-bg{background-image: url(../images/index/bannerbg4.jpg);}
.swiper-container .swiper-slide:nth-child(5) .parallax-bg{background-image: url(../images/index/bannerbg5.jpg);}
.swiper-pagination-bullet{background: transparent;border: 1px solid #333;border-radius: 0;opacity: 1;}
.swiper-pagination span.swiper-pagination-bullet-active{background: #333;}
.swiper-pagination span{position: relative;}
.swiper-pagination span::before{position: absolute;right: .2rem;top: -.07rem;display: block;font-size: .12rem;width: 1rem;text-align: right;display: none;}
.swiper-pagination span.swiper-pagination-bullet-active::before{display: block;}
.swiper-pagination span:nth-child(1)::before{content: "首页";}
.swiper-pagination span:nth-child(2)::before{content: "服务领域";}
.swiper-pagination span:nth-child(3)::before{content: "经典案例";}ba
.swiper-pagination span:nth-child(4)::before{content: "新闻资讯";}
.swiper-pagination span:nth-child(5)::before{content: "精英团队";}
.swiper-container-vertical > .swiper-pagination-bullets{right: .24rem;}

.m-logo{position: absolute;z-index: 99999;width: 2.2rem;height: 0.8rem;top: .45rem;left: .45rem;background: url(../images/common/logo.png);background-position: 0 0;background-repeat: no-repeat;background-size: 100% 200%;}
.m-logo a{display: block;width: 100%;height: 100%;text-indent: -9999px;}
.m-navbox{position: absolute;z-index: 9999;right: .2rem;top: .6rem;}
.m-navbox .icon-menu{font-size: .28rem;cursor: pointer;color: #333;position: relative;z-index: 10000;}
.m-copyright{font-size: .14rem;position: absolute;z-index: 9999;left: .3rem;bottom: .3rem;color: #666;}
.m-copyright a{color:#333;text-decoration: underline;}
.m-wechatbox{position: absolute;z-index: 9999;right: .3rem;bottom: .3rem;}
.m-wechatbox a{color: #666;display: inline-block;width: .32rem;height: .32rem;line-height: .32rem;text-align: center;border: .01rem solid #666;margin: 0 .05rem;text-align: center;position: relative;}
.m-wechatbox a i{font-size: .24rem;}
.m-wechatbox a .weixin-code{position: absolute;width: 2rem;height: 2rem;top: -2.05rem;right: 0;display: none;background: url(../images/index/cord.png) 0 0 no-repeat;background-size: 100% 100%;}
.m-wechatbox a:hover .weixin-code{display: block;}
.m-wechatbox a:hover .icon-wechat{color: #46BB36;}
.m-wechatbox a:hover .icon-weibo{color: #E71F19;}

.swiper-container.white .m-copyright{color: #fff;}
.swiper-container.white .m-copyright a{color: #fff;text-decoration: underline;}
.swiper-container.white .m-wechatbox a{color: #fff;border: .01rem solid #fff;}
.swiper-container.white .m-navbox .icon-menu{color: #fff;}
.swiper-container.white .swiper-pagination-bullet{border: .01rem solid #fff;}
.swiper-container.white .swiper-pagination span.swiper-pagination-bullet-active{background: #fff;}
.swiper-container.white .swiper-pagination span::before{color: #fff;}
.swiper-container.white .m-logo{background-position: 0 -.7rem;}

/* 第一屏样式 start*/
.m-changefuture{width: 6.99rem;height: 2.33rem;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;background: url(../images/index/logo.png) no-repeat 0 0;background-size: 100% 100%;}
.m-changefuture p{width: 100%;height: 100%;text-align: center;font-size: .3rem;line-height: 1.6;font-weight: bold;color: #333;position: absolute;left: 0;top: 0;display: flex;justify-content: center;flex-direction: column;}
.m-changefuture p span{display: block;text-indent: 1rem;}

.icon-mouse::before{content: "\e662";}
.m-mousetips{width: 1.5rem;margin: 0 0 0 -.75rem;color: #333;font-size: 0.16rem;text-align: center;position: absolute;left: 50%;bottom: .56rem;animation: btnPage 1.2s ease-in-out infinite;z-index: 9;}
.m-mousetips i{font-size: .4rem;}
@-moz-keyframes btnPage
{
    0%{-moz-transform: translateY(6px);}
    50%{-moz-transform: translateY(0);}
    100%{-moz-transform: translateY(6px);}
}
@-webkit-keyframes btnPage
{
    0%{-webkit-transform: translateY(6px);}
    50%{-webkit-transform: translateY(0);}
    100%{-webkit-transform: translateY(6px);}
}
@keyframes btnPage
{
    0%{transform: translateY(6px);}
    50%{transform: translateY(0);}
    100%{transform: translateY(6px);}
}
/* 第一屏样式 end*/

/* 第二屏样式 start*/
.m-serviceinfo{position: absolute;left: 1.82rem;top: 3.1rem;color: #fff;}
.m-serviceinfo .u-servertitle{font-size: 0.16rem;line-height: 1.8;}
.m-serviceinfo .u-servertitle strong{display: block;font-size: .3rem;letter-spacing: 2px;font-weight: normal;position: relative;}
.m-serviceinfo .u-serverbrief{padding: .36rem 0;width: 3rem;}
.m-serviceinfo .u-serverbrief::after{content: "";height: .03rem;background-color: #6b93ba;position: absolute;left: 0;right: .3rem;bottom: 0;}
.m-designlist{display: flex;position: absolute;right: 2.5rem;top: 0;bottom: 0;cursor: pointer;}
.m-designlist .serveritem{width: 1.5rem;height: 100%;background-repeat: no-repeat;background-position: 0 0;background-size: 100% 100%; /*filter: grayscale(1);transition: filter 1s;*/}
.m-designlist .serveritem:nth-child(1){background-image: url(../images/index/server01_gray.png);}
.m-designlist .serveritem:nth-child(2){background-image: url(../images/index/server02_gray.png);}
.m-designlist .serveritem:nth-child(3){background-image: url(../images/index/server03_gray.png);}
.m-designlist .serveritem:nth-child(4){background-image: url(../images/index/server04_gray.png);}
.m-designlist .serveritem:nth-child(5){background-image: url(../images/index/server05_gray.png);}
.m-designlist .serveritem:nth-child(6){background-image: url(../images/index/server06_gray.png);}
.m-designlist .serveritem:nth-child(7){background-image: url(../images/index/server07_gray.png);}
.m-designlist .serveritem p{padding-top: 1.65rem;width: .25rem;text-align: center;margin: 0 auto;}
.m-designlist .serveritem p strong{display: block;height: 2.8rem;font-size: 0.24rem;color: #fff;}
.m-designlist .serveritem p span{font-size: 0.24rem;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-lr;writing-mode: vertical-rl;color: rgba(255, 255, 255, 0.75);margin-top: 0.4rem;}
.m-designlist .serveritemcon{width: 0;min-height: 4rem;height: 100%;background: rgba(37, 38, 42, 0.5);visibility: hidden;}
.m-designlist .serveritemcon ul{padding-top: 1.6rem;}
.m-designlist .serveritemcon li{padding: 0.2rem 0.8rem;font-size: 0.2rem;color: #fff;}
/* .m-designlist:hover .serveritemcon{display:block;}
.m-designlist:hover .serveritem{margin-right: -0.6rem;transition: margin-right 1s;box-shadow: -0.08rem 0 0.1rem rgba(0, 0, 0, 0.16);filter: grayscale(0);}*/
/* .m-designlist:hover .serveritem { filter: grayscale(0);} */
.m-designlist:hover .serveritem:nth-child(1) { background-image:url(../images/index/server01.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(2) { background-image:url(../images/index/server02.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(3) { background-image:url(../images/index/server03.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(4) { background-image:url(../images/index/server04.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(5) { background-image:url(../images/index/server05.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(6) { background-image:url(../images/index/server06.png); transition: background-image 1s;}
.m-designlist:hover .serveritem:nth-child(7) { background-image:url(../images/index/server07.png); transition: background-image 1s;}

.m-designlist.selected .serveritem{margin-left: -40px;transition: all 0.5s;box-shadow: -0.08rem 0 0.1rem rgba(0, 0, 0, 0.16);}
.m-designlist.selected .serveritemcon{width: 3.58rem;visibility: visible;transition: all 0.5s;}
.m-designlist.selected .serveritemcon ul li{min-width: 250px;white-space: nowrap;}
@media screen and (min-width: 1600px){.m-designlist.selected .serveritem{margin-left: -50px;}}
@media screen and (min-width: 1900px){.m-designlist.selected .serveritem{margin-left: -60px;}}
.slide02 .m-mousetips{color: #fff;}
.slide02 .m-more .icon-play{color: #000;border-radius: 100%;background: #b5b5b7;margin-left: 0.08rem;}
.serveritemcon li .icon-server01::before{content: "\e6af";}
.serveritemcon li .icon-server02::before{content: "\e6a8";}
.serveritemcon li .icon-server03::before{content: "\e600";}
.serveritemcon li .icon-server04::before{content: "\e64c";}
.serveritemcon li .icon-server05::before{content: "\e69a";}
.serveritemcon li .icon-server06::before{content: "\e657";}
.serveritemcon li .icon-server07::before{content: "\e622";}
.serveritemcon li .icon-server08::before{content: "\e64e";font-size: 0.28rem;}
.serveritemcon li .icon-server09::before{content: "\e692";}
.serveritemcon li i{color: #fff;font-size: 0.24rem;margin-right: 0.2rem;}
/* 第二屏样式 end*/

/* 第三屏样式 start*/
.m-caselist {display: flex;flex-wrap: wrap; position: absolute; z-index:9; top:30vh; left: 0; right:0;}
.m-caselist .m-caseitem {cursor: pointer;width:25%; height:4.5rem; position: relative;}
.m-caselist .m-caseitem .itemimg { width: 100%; height: 100%; background-size: 100%; background-repeat: no-repeat; background-position: 50% 50%;}
.m-caselist .m-caseitem:nth-child(1) .itemimg { background-image: url(../images/index/case01_gray.jpg);}
.m-caselist .m-caseitem:nth-child(2) .itemimg { background-image: url(../images/index/case02_gray.jpg);}
.m-caselist .m-caseitem:nth-child(3) .itemimg { background-image: url(../images/index/case03_gray.jpg);}
.m-caselist .m-caseitem:nth-child(4) .itemimg { background-image: url(../images/index/case04_gray.jpg);}
.m-caselist .m-caseitem:nth-child(1):hover .itemimg { background-image: url(../images/index/case01.jpg); transition: background-image 1s;}
.m-caselist .m-caseitem:nth-child(2):hover .itemimg { background-image: url(../images/index/case02.jpg); transition: background-image 1s;}
.m-caselist .m-caseitem:nth-child(3):hover .itemimg { background-image: url(../images/index/case03.jpg); transition: background-image 1s;}
.m-caselist .m-caseitem:nth-child(4):hover .itemimg { background-image: url(../images/index/case04.jpg); transition: background-image 1s;}
/* .m-caselist .m-caseitem img { width: 100%; height: 100%; filter: grayscale(1); transition: filter 1s;} */
.m-caselist .m-caseitem .view {line-height: 1.4; display: flex; justify-content: center; align-items: center; width: 1.72rem; height: .6rem; background: #ff8e76; color: #fff;position: absolute; left: 0; top: 0; right: 0; bottom: 0; margin: auto; visibility: hidden;
transition: visibility .1s;} 
.m-caselist .m-caseitem .view i {margin-right: .16rem; font-size: .33rem;}
.m-caselist .m-caseitem .view span {font-size: .18rem;}
.m-caselist .m-caseitem .view span em {font-size: .12rem; display: block; font-style: normal;}
/*.m-caselist .m-caseitem:hover img { filter: grayscale(0);}*/
.m-caselist .m-caseitem:hover .view {visibility: visible;} 
.m-caselist .m-casename{position: absolute;left: 0;right: 0;bottom: -0.4rem;font-size: 0.16rem;text-align: center;font-weight: 700;}
.icon-search::before{content: "\e614";}
/* 第三屏样式 end*/

/* 第四屏样式 start*/
.m-newstitle{font-size: .16rem;color: #fff;position: absolute;left: 1.7rem;top: 31vh;line-height: 2;writing-mode: vertical-lr;letter-spacing: 3px;}
.m-newstitle strong{padding: 0 .1rem .78rem 0;display: block;font-weight: normal;font-size: .3rem;position: relative;width: 0.7rem;}
.m-newstitle strong::after{content: "";width: .03rem;background-color: #6b93ba;position: absolute;top: 0;bottom: 0;right: 0; margin-left:0.2rem;}
.m-newsimg{width: 6.6rem;height: 5.35rem;background: url(../images/index/news.png) no-repeat 0 0;background-size: 100% 100%;position: absolute;left: 3.5rem;top: 31vh;}
.m-newlist{z-index: 100;position: absolute;left: 9.26rem;top: 20.7vh;display: flex;flex-direction: column;}
.m-newlist .m-newsitem{padding: .33rem 0 .27rem 1.53rem;width: 7.16rem;color: #fff;cursor: pointer;position: relative;}
.m-newlist .m-newsitem .m-newsprofile{margin-bottom: .1rem;padding-right: .5rem;display: flex;align-items: center;}
.m-newlist .m-newsitem .m-newsprofile strong{flex: 1;font-size: .2rem;font-weight: 400; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-right: 0.1rem;}
.m-newlist .m-newsitem .m-newsprofile em{margin-right: .15rem;font-style: normal;font-size: .16rem;}
.m-newlist .m-newsitem .m-newsprofile span{font-size: .14rem;}
.m-newlist .m-newsitem .m-newsprofile span i{margin-right: .05rem;font-size: .2rem;vertical-align: -.01rem;}
.m-newlist .m-newsitem .u-newinfo{ padding: 0 .5rem 0 0; max-height: .55rem;overflow: hidden;color: #fff;font-size: .16rem;line-height: .26rem;border-bottom: .01rem solid #fff;}
.m-newlist .m-newsitem .u-timehover{display: flex;justify-content: center;align-items: center;flex-direction: column;width: .65rem;height: 2.11rem;background: #6b93ba;position: absolute;top: -.15rem;left: .4rem;visibility: hidden;}
.m-newlist .m-newsitem .u-timehover span{font-size: .24rem;}
.m-newlist .m-newsitem .u-timehover span:nth-child(2) i{font-size: .4rem;}
.m-newlist .m-newsitem .u-timehover span em{font-style: normal;font-size: .14rem;}
.m-newlist .m-newsitem .u-seehover{padding-right: .55rem;text-align: right;color: #666666;visibility: hidden;}
.m-newlist .m-newsitem .u-seehover i{margin-right: .05rem;color: #d1d1d1;display: inline-block;vertical-align: -.01rem;}
/* .m-newlist .m-newsitem:hover{background: #fff;position: sticky;}
.m-newlist .m-newsitem:hover .m-newsprofile strong{color: #333333;}
.m-newlist .m-newsitem:hover .m-newsprofile em,
.m-newlist .m-newsitem:hover .m-newsprofile span{display: none;}
.m-newlist .m-newsitem:hover .u-newinfo{color: #666;height: auto;border-bottom: 0;}
.m-newlist .m-newsitem:hover .u-timehover{visibility: visible;}
.m-newlist .m-newsitem:hover .u-seehover{visibility: visible;}*/
.m-newlist .m-newsitem.current{background: #fff;position: sticky;}
.m-newlist .m-newsitem.current .m-newsprofile strong{color: #333333;}
.m-newlist .m-newsitem.current .m-newsprofile em, .m-newlist .m-newsitem.currentr .m-newsprofile span{display: none;}
.m-newlist .m-newsitem.current .u-newinfo{color: #666;height: auto;border-bottom: 0;}
.m-newlist .m-newsitem.current .u-timehover{visibility: visible;}
.m-newlist .m-newsitem.current .u-seehover{visibility: visible;}
.icon-see::before{content: "\e6a7";}
.icon-line::before{content: "\e64b"}
.slide04 .m-mousetips{color: #fff;}
/* 第四屏样式 end*/

/* 第五屏样式 start*/.m-titlename{width: 2.4rem;text-align: center;position: absolute;top: 1.3rem;left: 0;right: 0;margin: 0 auto;}
.m-titlename span{font-size: .16rem;display: block;}
.m-titlename strong{padding: 0 .4rem .2rem .4rem;font-size: .3rem;letter-spacing: 2px;font-weight: normal;position: relative;}
.m-titlename strong::after{content: "";height: .03rem;background-color: #6b93ba;position: absolute;left: 0;right: 0;bottom: 0;}
.m-teamlist{height: 100vh;padding-top: .4rem;display: flex;align-items: center;justify-content: center;}
.m-teamlist .teamphoto{background: url(../images/index/team.png) 50% 50% no-repeat;background-size: 100% 100%;width: 10.84rem;height: 2.87rem;}
.m-teamlist .teamlist{width: 2rem;margin: 0.2rem 0 0 0.8rem;}
.m-teamlist .teamlist li{margin-bottom: 0.12rem;}
.m-teamlist .teamlist li a{padding: 0.05rem 0;text-align: center;line-height: 2;font-size: .14rem;color: #333;display: block;border: .01rem solid #979797;}
.m-teamlist .teamlist li a i{margin-left: 0.1rem;}
.m-teamlist .teamlist li a:hover i{margin-left: 0.15rem;}
/* 第五屏样式 end*/

/* 菜单样式 start*/
.m-navbox:hover .m-menulist{right: -0.2rem;visibility: visible;}
.m-menulist{width: 4.5rem;height: 100vh;position: absolute;z-index: 999;/*top: -105vh;*/top: -.6rem;right: -5.1rem;bottom: 0;background: rgba(255,255,255,.95);transition: all .5s;z-index: 99;visibility: hidden;}
.m-menulist .m-menuitem{margin-top: 1.45rem;}
.m-menulist .m-menuitem > li > a{padding-left: .7rem;height: .5rem;line-height: .5rem;font-size: .18rem;font-weight: bold;color: #333;display: block;}
.m-menulist .m-menuitem > li > a i{margin-right: .22rem;}
.m-menulist .m-menuitem > li > a:hover{background: #ececec;}
.m-menulist .m-menuitem > li.current > a{background: #ececec;}
.m-menulist .m-menuitem .m-inneritem{padding: 0 0 0 1rem;background: rgba(236,236,236,.38);height: 0;overflow: hidden;}
.m-menulist .m-menuitem .m-inneritem > li > a{height: .44rem;line-height: .44rem;font-size: .18rem;display: block;color: #333;}
.m-menulist .m-menuitem .m-inneritem > li > a:hover{color: #6b93ba;}
.m-menulist .m-menuitem .m-inneritem > li > a em{margin-right: .22rem;width: .13rem;height: .13rem;background: url(../images/index/icon.png) no-repeat 0 0;background-size: 100% 100%;display: inline-block;}
.m-menulist .m-menuitem .m-inneritem.hasshow{height: auto;}
.touchbar{width: 0.25rem;position: fixed;top: 0;right: 0;bottom: 0;z-index: 999;}
/* .m-menulist.hasshow{right: -.6rem;}*/
.icon-home::before{content: "\e637";}
.icon-about::before{content: "\e61c";}
.icon-caseclassic::before{content: "\e62b";}
.icon-newsinfo::before{content: "\e68d";}
.icon-team::before{content: "\e610";}
.icon-contactme::before{content: "\e6b0";}
.icon-play::before{content: "\e60b";}/*播放*/
.m-platform{padding: .37rem 0 0 .7rem;height: 1.6rem;position: absolute;bottom: 0;right: 0;left: 0;color: #fff;background: url(../images/index/platform.jpg) no-repeat 0 0;background-size: 100% 100%;}
.m-platform > p{margin-bottom: .18rem;font-size: .2rem;}
.m-platform > .m-more a{color: #fff;}
/* 菜单样式 end*/

/*首页公用样式 start*/
.m-more{position: absolute;}
.m-more a{padding: 0 .16rem;line-height: 2;font-size: .14rem;color: #333;display: inline-block;border: .01rem solid #979797;}
.m-more a:hover{opacity: .8;}
.m-more a i{margin-left: .06rem;font-size: .2rem;}
.slide02 .m-more{left: 1.8rem;top: 6.55rem;}
.slide02 .m-more a{color: #fff;}
.slide03 .m-more{position: static;}
.slide04 .m-more{left: 15.38rem;/*top: 79.8vh;*/bottom:0.8rem;z-index: 80;}
.slide04 .m-more a{color: #fff;border-color: #fff;}
.slide05 .m-more{left: .64rem;bottom: 1.35rem;}
/*首页公用样式 end*/

/* 特殊分辨率样式 start*/
@media screen and (max-width: 1366px)
{
    /* .m-builddesign{height: 8rem;}
.m-builddesign01{height: 6.35rem;}*/
/* .m-designlist{top: 1rem;}*/
   /* .slide04 .m-more{top: 85vh;}*/
}
/* 特殊分辨率样式 end*/

/* 联系我们 start*/
.contact-us{display: flex;width: 100%;}
.contact-us .usimg{margin-right: .8rem;width: 4.63rem;height: 3.58rem;}
.contact-us .usimg img{width: 100%;height: 100%;}
.m-contactinfo{flex: 1;}
.m-contactinfo .m-uslist{margin-left: .35rem;list-style-type: none;}
.m-contactinfo .m-uslist li{padding: .1rem 0;}
.m-contactinfo .m-uslist li span{width: 1.12rem;font-size: .2rem;color: #666666;display: inline-block;}
.m-contactinfo .m-uslist li span i{margin-right: .1rem;font-size: .35rem;vertical-align: middle;}
.m-contactinfo .m-uslist li strong{font-size: .22rem;color: #333333;font-weight: normal;}
.icon-address::before{content: "\e644";}
.icon-code::before{content: "\e641";}
.icon-tel::before{content: "\e621";}
.icon-email::before{content: "\e61d";}
.icon-fax::before{content: "\e609";}
.contactjobbg{background: url(../images/contact/jobbg.jpg) no-repeat 0 bottom;background-size: 100% auto;}
.contact-job{display: flex;}
.contact-job .jobimg{margin-right: .96rem;width: 2.13rem;height: 5.67rem;}
.contact-job .jobimg img{width: 100%;height: 100%;}
.contact-job .m-jobitem{margin-bottom: .73rem;padding: 0 0 .35rem .38rem;min-width: 8.85rem;border-left: .1rem solid #6b93ba;border-bottom: .01rem solid #dedede;}
.contact-job .m-jobitem > h3{margin-bottom: .47rem;font-size: .24rem;color: #333333;font-weight: bold;}
.contact-job .m-inneritem{display: flex;margin-bottom: .3rem;}
.contact-job .m-inneritem:last-child{margin-bottom: 0;}
.contact-job .m-inneritem .u-labeljob{margin-right: .5rem;color: #666;font: .14rem;}
.contact-job .m-inneritem .u-labeljob span{padding: .06rem 0;display: block;min-width: 1.7rem;text-align: center;border: .01rem solid #dedede;}
.contact-job .m-inneritem .u-labeljob i{margin-right: .04rem;font-size: .26rem;vertical-align: middle;}
.contact-job .m-inneritem .u-statelist{color: #333;font: .16rem;}
.contact-contact{display: flex;flex: 1;}
.contact-contact .conimg{margin-right: .84rem;width: 3.2rem;height: 4.8rem;}
.contact-contact .conimg img{width: 100%;height: 100%;}
.m-feedback dt{margin-bottom: .2rem;font-size: .16rem;color: #333;}
.m-feedback dd{margin-bottom: .3rem;}
.m-feedback textarea,
.m-feedback input[type = text]{padding: .3rem;border: .01rem solid #ccc;}
input::-webkit-input-placeholder{color: #999;font-size: .16rem;text-align: left;}
::-webkit-input-placeholder{/* WebKit, Blink, Edge*/color: #999;}
:-moz-placeholder{/* Mozilla Firefox 4 to 18*/color: #999;}
::-moz-placeholder{/* Mozilla Firefox 19+*/color: #c999999c;}
:-ms-input-placeholder{/* Internet Explorer 10-11*/color: #999;}
.m-btns{text-align: right;}
.m-btns a{width: 1.05rem;padding: .11rem 0;font-size: .18rem;color: #fff;text-align: center;display: inline-block;background: #333;}
.m-contactinfo .m-btns{position: relative;top: -.8rem;}
.icon-state::before{content: "\e666";}
.icon-status::before{content: "\e603";}
/* 联系我们 end*/

/*新闻详情页 start*/
.newstitled{margin-bottom: .05rem;font-size: .32rem;}
.newsdinfo{color: #a3afb7;font-size: .16rem;padding-bottom: .2rem;border-bottom: .01rem solid #f0f2f5;}
.newsdinfo span{display: inline-block;padding-right: .1rem;}
.newsdinfo span i{margin-right: .05rem;font-size: .16rem;}
.met-editor{padding: .3rem;line-height: 1.8;font-size: .18rem;font-weight: 300;color: #222;}
.met-editor img, .editorlightgallery img{max-width: 100%;height: auto !important;margin:0 auto;display:block;}
.met-editor .spaceh{height: .3rem;}
.editorlightgallery p {margin-bottom:0.2rem;text-indent: 0.36rem;}
.editorlightgallery p img{max-width:6.8rem;}
.editorlightgallery p+div{text-align:center;color:#999;}
.editorlightgallery dt {font-weight:700;text-indent: 0.36rem;}
.editorlightgallery dd {text-indent: 0.36rem;}
.editorlightgallery dl {margin-bottom:0.2rem;}
.met-shownews-footer{padding: .3rem;}
.met-shownews-footer ul.pager{border-top: .01rem solid #f0f2f5;padding-top: 20px;}
.met-shownews-footer .pager li{display: inline;}
.met-shownews-footer .pager li > a{width: 45%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.met-shownews-footer .pager li > a:hover{color: #009688;border-color: #009688;}
.met-shownews-footer .pager li > a, .met-shownews-footer .pager li > span{display: inline-block;background-color: transparent;border: .01rem solid #e4eaec;border-radius: 3px;padding: .1rem .2rem;color: #76838f;-webkit-transition: all .2s ease;-o-transition: all .2s ease;transition: all .2s ease;}
.pager .previous > a, .pager .previous > span{float: left;}
.pager .next > a, .pager .next > span{float: right;}
/*新闻详情页 end*/

/*企业展示视频 start*/
.videoshow{width: 11.63rem;height: 6.73rem;border: .13rem solid #6b93ba;clear: both;position: relative;margin: 0 auto;}
.videoshow .videoicon{display: block;width: 1.05rem;height: .85rem;position: absolute;top: -.85rem;right: -.15rem;background: url(../images/common/videoico.png) 0 0 no-repeat;background-size: 100% 100%;}
.videoshow video{display: block;width: 100%;height: 100%;margin: auto;font-size: 24px;object-fit: fill;}
.videoshow video, .videoshow video source{border: 0;}
/*企业展示视频 end*/

/*start*/
/*公司简介*/
.graybg{background: #f5f5f5;}
.topbg{width: 100%;height: 5.4rem;background: url(../images/common/top.jpg) no-repeat;background-size: cover;}
.introd-main{width: 14rem;; min-height: 1rem;background: #fff;margin: -1.32rem auto 1rem auto;position: relative;}
.introd-main .title{min-width: 2.05rem;height: 1.35rem;background: url(../images/common/titlebg.png) 0 0 repeat-x;color: #fff;text-align: center;padding: 0 0.3rem;box-sizing: border-box;font-size: 0.16rem;margin: -0.5rem 0 0 0.95rem;display: inline-block;}
.introd-main .title p{line-height: 1;}
.introd-main .title p:nth-child(1){padding: 0.35rem 0 0.2rem 0;}
.introd-main .title p:nth-child(2){font-size: 0.3rem;}
.inner-introd{display: flex;padding: 0 0.95rem 1.55rem 0.95rem;margin-top: 1rem;}
.inner-introd .imgbox{width: 5.05rem;height: 4.1rem;overflow: hidden;margin-right: 0.72rem;}
.inner-introd .imgbox img{width: 100%;height: 100%;}
.inner-introd .imgbox2{width: 4.52rem;overflow: hidden;margin-right: 0.72rem;}
.inner-introd .imgbox2 img{width: 100%;height: auto;margin-bottom: 0.3rem;}
.inner-introd .introd-detail{flex: 1;}
.titleboxh{display: flex;margin-bottom: 0.35rem;}
.titleboxh .titleh3{font-size: 0.24rem;font-weight: bold;font-family: '微软雅黑';padding-left: 0.36rem;position: relative;display: inline-block;line-height: 1;}
.titleboxh .titleh3::before{content: '';width: 0.18rem;height: 0.24rem;background: #6b93ba;position: absolute;left: 0;top: 50%;margin-top: -0.12rem;}
.titleboxh .line{flex: 1;height: 1px;background: #dedede;margin-left: 0.35rem;margin-top: 0.1rem;}
.indesc p{line-height: 2;font-size: 0.16rem;margin-bottom: 0.2rem;}
.indesc p:last-child{margin-bottom: 0;}
.indesc.desc{padding-right: 1.2rem;}
.detailbox + .detailbox{margin-top: 0.35rem;}
.m-footer{background: #4b4f53;color: rgba(255, 255, 255, 0.5);font-size: 0.14rem;padding-top: 0.8rem;}
.m-footer .flexbox{display: flex;}
.m-footer .innerfoot{width: 14rem;margin: 0 auto;}
.m-footer .rfoot{flex: 1;text-align: right;padding-top: 0.38rem;}
.m-footer h3{font-size: 0.16rem;line-height: 1;margin-bottom: 0.3rem;font-weight: normal;}
.m-footer h4{font-weight: normal;line-height: 1;padding-bottom: 0.2rem;}
.m-footer h4 a{color: rgba(255, 255, 255, 0.5);}
.m-footer h4 a:hover{color: #6b93ba;}
.m-footer .subbox{margin-right: 0.25rem;min-width: 0.6rem;}
.m-footer .subbox ul li{line-height: 1.8;}
.m-footer .subbox ul li a{color: rgba(255, 255, 255, 0.5);}
.m-footer .subbox ul li a:hover{color: #6b93ba;}
.m-footer .codeimg{width: 1.32rem;height: 1.32rem;display: inline-block;border: 1px solid rgb(165, 167, 169);padding: 0.07rem;}
.m-footer .codeimg img{width: 100%;height: 100%;display: block;}
.m-footer .flogo{width: 2.23rem;height: 1.34rem;display: inline-block;margin-left: 0.8rem;}
.m-footer .flogo img{width: 100%;height: 100%;display: block;}
.m-footer .copyright{font-size: 0.16rem;text-align: center;margin-top: 0.85rem;padding-bottom: 0.8rem;position: relative;line-height: 1;display: flex;}
.m-footer .copyright .line{flex: 1;height: 1px;background: rgba(255,255,255,0.5);}
.m-footer .copyright .name{margin: -0.06rem 0.4rem;}

/*公司资质*/
.inner-introd.qualifybg{background: url(../images/qualify/qualifybg.jpg) left bottom no-repeat;padding-bottom: 5.18rem;}
.qualifybox{display: flex;width: 100%;}
.subqualify{flex: 1;position: relative;}
.subqualify + .subqualify{margin-left: 0.28rem;}
.subqualify .innerqualify .box{list-style: none;box-shadow: 0px 5px 15px 0px rgba(4, 0, 0, 0.16);border: 1px solid rgb(224, 224, 224);margin-bottom:0.2rem; position:absolute;}
.subqualify .innerqualify .box .qimg{min-height: 1rem;}
.subqualify .innerqualify .box .qimg img{width: 100%;height: 100%;display: block;}
.subqualify .innerqualify .box p{background: #6b93ba;color: #fff;padding: 0.2rem 0.35rem 0.2rem 0.78rem;text-align: left;position: relative;font-size: 0.16rem;line-height: 1.3;}
.subqualify .innerqualify .box i{display: inline-block;width: 0.19rem;height: 0.24rem;background: url(../images/common/star.png);background-size: 100% 100%;vertical-align: -0.04rem;position: absolute;left: 0.35rem;top: 50%;margin-top: -0.12rem;}
/* .subqualify .innerqualify .box + .box{margin-top: 0.3rem;}*/

/*企业展示*/
.inner-introd.videobg{flex-direction: column;background: url(../images/common/videobg.png) 0 bottom no-repeat;background-size: 100% 100%;min-height: 8.07rem;}
.vtitleh3{font-weight: bold;font-size: 0.24rem;padding-left: 0.36rem;position: relative;line-height: 1;margin: -0.2rem 0 0.4rem 0;}
.vtitleh3::before{content: '';width: 0.18rem;height: 0.24rem;background: #6b93ba;position: absolute;left: 0;}

/*企业荣誉*/
.inner-introd.honor{display: block;}
.honorbox{width: 100%;}
.honorbox + .honorbox{margin-top: 0.6rem;}
.honorbox .titleboxh{margin-bottom: 0.5rem;}
.honorlist{display: flex;}
.honorlist+ .honorlist{margin-top: 0.2rem;}
.honorlist li{box-shadow: 0px 5px 15px 0px rgba(4, 0, 0, 0.16);flex: 1;margin-right: 0.24rem;position: relative;padding-bottom: 0.78rem;overflow: hidden;border: 1px solid rgb(224, 224, 224);}
.honorlist li:nth-child(4n){margin-right: 0;}
.honorlist li i{display: inline-block;width: 0.28rem;height: 0.29rem;background: url(../images/common/cup.png) no-repeat;background-size: 100% 100%;position: absolute;left: 0.2rem;top: 50%;margin-top: -0.145rem;}
.honorlist li p{background-color: #6b93ba;font-size: 0.16rem;color: #fff;padding: 0 0.2rem 0 0.6rem;line-height: 1.3;position: absolute;left: 0;right: 0;bottom: 0;height: 0.78rem;}
.honorlist li p span{display: table-cell;vertical-align: middle;height: 0.78rem;}
.honorlist .himg{height: 2rem;width: 100%;}
.honorlist .himg img{width: 100%;height: 100%;display: block;}
.honorlist .year{display: inline-block;font-weight: bold;font-size: 0.14rem;color: #fff;background: #ff8e76;width: 0.82rem;min-height: 0.2rem;font-size: 0.14rem;text-align: center;transform: rotate(-45deg);transform-origin: top;position: absolute;left: 0.15rem;top: 0.15rem;padding: 0 0.1rem;box-sizing: border-box;width: 100%;margin-left: -50%;line-height: 1.3;}
.honorlist.manager li {box-shadow:none; border:0; overflow: visible; padding-bottom:0;}
.honorlist.manager li .item {display:block; width: 100%;height:100%; box-shadow: 0px 5px 15px 0px rgba(4, 0, 0, 0.16); border: 1px solid #ddd;position: relative;padding-bottom: 0.78rem; overflow: hidden;}
.swiper-container.honor{width: 100%;height: 2.00rem;}
.swiper-container.honor2{width: 100%;height: 2.8rem;}
.swiper-slide.honor, .swiper-slide.honor2{text-align: center;background: #fff;/* Center slide text vertically*/display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;box-shadow: 0px 1px 10px 0px rgba(4, 0, 0, 0.16);position: relative;padding-bottom: 0.34rem;overflow: hidden;border: 1px solid rgb(224, 224, 224);}
.swiper-slide.honor p, .swiper-slide.honor2 p{background-color: #6b93ba;font-size: 0.14rem;line-height: 2.2;color: #fff;padding: 0.013rem 0.1rem 0 0.1rem;position: absolute;left: 0;right: 0;bottom: 0;height: 0.34rem;text-align: left;}
.swiper-slide.honor .himg{height: 1.75rem;width: 100%; position: relative;}
.swiper-slide.honor2 .himg{height: 2.45rem;width: 100%;}
.swiper-slide.honor .himg img, .swiper-slide.honor2 .himg img{ max-width: 100%;max-height: 100%;display: block;position: absolute;left: 50%;top: 50%; transform: translate(-50%, -50%);}
.m-honoritle{font-size: 0.24rem;line-height: 1.5;color: #dacab0;text-align: center;margin-bottom: .2rem;}
.m-honoritle::before{content: '';display: inline-block;width: 0.18rem;height: 0.36rem;background: url(../images/honor/qualifytleft.png) 0 0 no-repeat;background-size: 100% 100%;margin-right: .2rem;vertical-align: -0.1rem;}
.m-honoritle::after{content: '';display: inline-block;width: 0.18rem;height: 0.36rem;background: url(../images/honor/qualifytright.png) 0 0 no-repeat;background-size: 100% 100%;margin-left: .2rem;vertical-align: -0.1rem;}
.m-honoritle ~ .swiper-container.honor{margin-bottom: 0.2rem;}
.swiper-container.honor .swiper-button-prev, .swiper-container.honor2 .swiper-button-prev,
.swiper-container.honor .swiper-button-next, .swiper-container.honor2 .swiper-button-next{/*background: #e4ebee;*/width: 0.36rem;height: 0.36rem;}
.swiper-container.honor .swiper-button-prev:after, .swiper-container.honor2 .swiper-button-prev:after, .swiper-container.honor .swiper-button-next:after, .swiper-container.honor2 .swiper-button-next:after{font-size: 0.22rem;color: #3f3f50;}
.swiper-container.honor .swiper-button-prev, .swiper-container.honor2 .swiper-button-prev{left: 0; background: url(../images/common/arleft.png) 0 0 no-repeat;background-size: 100% 100%;}
.swiper-container.honor .swiper-button-next, .swiper-container.honor2 .swiper-button-next{right: 0;  background: url(../images/common/arright.png) 0 0 no-repeat;background-size: 100% 100%;}
.swiper-container.honor .swiper-button-prev:hover, .swiper-container.honor2 .swiper-button-prev:hover, .swiper-container.honor .swiper-button-next:hover, .swiper-container.honor2 .swiper-button-next:hover{background-color: #e4ebee;}


/*企业办公*/
.inner-introd.dblock{display: block;position: relative;}
.inner-introd.dblock.office{padding: 0 0.95rem 0 0.95rem !important;}
.officelist{display: flex;}
.officelist .inneroffice{flex: 1;position: relative;}
.officelist .inneroffice:last-child{margin-right: 0;}
.officelist .inneroffice .box{overflow: hidden;box-shadow: 0px 4px 5px 0px rgba(4, 0, 0, 0.16);border: 1px solid rgb(224, 224, 224);position: relative;margin-bottom:0.2rem;}
.wall{display: block;position: relative;}
.wall-column{display: block;position: relative;width: 25%;float: left;padding: 0 0.1rem;box-sizing: border-box;}
.officelist .inneroffice .box .cimg{overflow: hidden;}
.officelist .inneroffice .box .cimg img{width: 100%;height: 100%;display: block;}
.officelist .inneroffice .box p{height: 0.64rem;background: #6b93ba;color: #fff;padding: 0 0.4rem;}
.officelist .inneroffice .box p span{display: table-cell;vertical-align: middle;height: 0.64rem;font-size: 0.16rem;}
/* .officelist .inneroffice .box + .box{margin-top: 0.3rem;}*/
.officeplace + .officeplace{margin-top: 1.15rem;}
.inner-introd.dblock.office + .inner-introd{margin-top: 0;}
.inner-introd .officeimg{width: 7rem;height: auto;overflow: hidden;margin-right: 0.72rem;}
.inner-introd .officeimg img{width: 100%;height: auto;}
.inner-introd .officeinfo .box{padding: .1rem 0;}
.inner-introd .officeinfo{margin-top:0.2rem;}
.inner-introd .officeinfo li{font-size:0.16rem;line-height:200%;}
.officelist .inneroffice .box > .preview{line-height: 1.4;display: flex;justify-content: center;align-items: center;width: 1.72rem;height: .6rem;background: #ff8e76;color: #fff;position: absolute;left: 0;top: 0;right: 0;bottom: 0;margin: auto;visibility: hidden;transition: visibility .1s;cursor: pointer;}
.officelist .inneroffice .box > .preview i{margin-right: .16rem;font-size: .33rem;}
.officelist .inneroffice .box > .preview span em{font-size: .12rem;display: block;font-style: normal;}
.officelist .inneroffice .box:hover > .preview{visibility: visible;}

/*资讯*/
.newsList + .newsList{margin-top: 0.7rem;}
.newsList li{display: flex;}
.newsList li + li{margin-top: 0.7rem;}
.newsList li .newsimg{width: 3.2rem;height: 2.4rem;overflow: hidden; background:#eee; position:relative;}
.newsList li .newsimg img{max-width: 100%;max-height: 100%;display: block;position: absolute; z-index: 100; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.newsList .newscont{flex: 1;margin-left: 0.65rem;}
.newsList .newtitle{padding-bottom: 0.18rem;border-bottom: 1px solid #dedede;}
.newsList .newtitle .datetime{width: 1.2rem;height: 0.52rem;text-align: center;line-height: 0.52rem;color: #fff;background: #6b93ba;font-size: 0.2rem;}
.newsList .newtitle h3{width:6.7rem; font-size: 0.2rem;font-weight: bold;color: #333;line-height:1.5;padding-bottom: 0.1rem; margin-left:.1rem;}
.newsList .newtitle p{line-height: 1;font-size: 0.14rem;color: #666;padding-left: 0.1rem; margin-left:0.15rem}
.newsList .newtitle .newtitlebox { width:6.7rem;}
.newsList .desc{font-size: 0.14rem;color: #333;line-height: 1.7;padding-top: 0.1rem; text-indent: 0.28rem;}
.newsList .btn{margin-top: 0.2rem;}
.u-button.learnmore{min-width: 1.06rem;height: 0.28rem;line-height: 0.28rem;display: inline-block;text-align: center;border: 1px solid #b8b8b8;font-size: 0.14rem;color: #333;padding: 0 0.05rem;box-sizing: border-box;}
.u-button.learnmore i{display: inline-block;width: 0.15rem;height: 0.11rem;background: url(../images/common/arw.png) no-repeat;background-size: 100% 100%;margin-left: 0.08rem;}
.moreload{cursor: pointer;position: absolute;left: 0;right: 0;bottom: 0;text-align: center;line-height: 0.64rem;background: #ededed;font-size: 0.16rem;}
.moreload i{display: inline-block;width: 0.11rem;height: 0.15rem;background: url(../images/common/arwd.png) no-repeat;background-size: 100% 100%;margin-left: 0.1rem;}

/*精英团队*/
.seniorList .headimg{width: 2.6rem;height: 3.6rem;position: relative;}
.seniorList .headimg img{width: 100%;height: 100%;display: block;position: relative;z-index: 2;}
.seniorList .headimg::before{content: '';width: 2.6rem;height: 3.6rem;background: #f5f5f5;right: -0.2rem;top: 0.2rem;position: absolute;}
.seniorList li{display: flex;border-bottom: 1px solid #dedede;padding-bottom: 0.75rem;}
.seniorList li + li{padding-top: 0.6rem;}
.seniorList .personInfo{flex: 1;margin-left: 1.45rem;padding-right: 0.35rem;position: relative;}
.seniorList .person{display: flex;margin-top: 0.2rem;}
.seniorList .person:nth-child(2){margin-top: 0.5rem;}
.seniorList .person .name{min-width: 1.28rem;text-align: center;float:left;}
.seniorList .person .name p{font-size: 0.4rem;line-height: 1;margin-bottom: 0.15rem;}
.seniorList .person .name span{display: block;height: 0.24rem;line-height: 0.24rem;font-size: 0.18rem;color: #fff;background: #6b93ba;}
.seniorList .person .perdesc{flex: 1;margin-left: 0.5rem;color: #666;font-size: 0.14rem;line-height: 1.4;display: table-cell;min-height: 0.65rem;vertical-align: middle;width:87%;float:left;}
.seniorList .person .tag{border: 1px solid #e0e0e0;height: 0.65rem;line-height: 0.65rem;color: #666;font-size: 0.14rem;}
.seniorList .person .tag img{margin-right: 0.1rem;vertical-align: -0.14rem;}
.seniorList .person .tag .icon1{width: 0.18rem;}
.seniorList .person .tag .icon2{width: 0.27rem;vertical-align: -0.09rem;}
.seniorList .person .perdesc p{color: #333;font-size: 0.16rem;}
.vmiddle{height: 0.65rem;display: table-cell;vertical-align: middle;}
.personInfo .learnmore{position: absolute;right: 0.35rem;bottom: 0;}
.peopledetail{width: 10rem;margin: 0 auto;}
.peopledetail img{width: 100%;margin: 0 auto;}
/* end*/

/* 水平垂直居中 */
.m-hvcenter { position: absolute; z-index: 100; top:50%; left:50%; -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); transform:translate(-50%,-50%);}
.f-flexhv { display:-webkit-box; display:-ms-flexbox; display:flex; -webkit-box-orient:horizontal; -webkit-box-direction: normal; -ms-flex-direction:row; flex-direction:row; -ms-flex-wrap:nowrap; flex-wrap:nowrap; -ms-flex-line-pack : center;  justify-content:center;align-items:center;}

/* 放大效果 */
#obj{
  -webkit-animation:fadout 4s linear;  
  -moz-animation:fadout 4s linear;
  -ms-animation:fadout 4s linear;
  animation:fadout 4s linear;
}    
@-webkit-keyframes fadout{
  0% {-webkit-transform: scale(1);transform: scale(1);}
  80% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg);  transform-origin: center center;}
  100% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
}
@-moz-keyframes fadout{
  0% {-webkit-transform: scale(1);transform: scale(1);}
  80% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
  100% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
}
@-ms-keyframes fadout{
  0% {-webkit-transform: scale(1);transform: scale(1);}
  80% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
  100% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
}
@keyframes fadout{
  0% {-webkit-transform: scale(1);transform: scale(1);}
  80% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
  100% {-webkit-transform: scale(1.4); transform: scale(1.4) rotate(0.1deg); transform-origin: center center;}
}

#obj2{
  -webkit-animation:fadein2 6s linear;
  -moz-animation:fadein2 6s linear;
  -ms-animation:fadein2 6s linear;
  animation:fadein2 6s linear;
}

#obj3 {
  -webkit-animation:fadein 5s linear;
  -moz-animation:fadein 5s linear;
  -ms-animation:fadein 5s linear;
  animation:fadein 5s linear;
}

@-webkit-keyframes fadein{
    0%{opacity:0;}
    50%{opacity:0;}
    100%{opacity:1;}
}
@-moz-keyframes fadein{
    0%{opacity:0;}
    50%{opacity:0;}
    100%{opacity:1;}
}
@-ms-keyframes fadein{
    0%{opacity:0;}
    50%{opacity:0;}
    100%{opacity:1;}
}
@keyframes fadein{
    0%{opacity:0;}
    50%{opacity:0;}
    100%{opacity:1;}
}

@-webkit-keyframes fadein2{
    0%{opacity:0;}
    60%{opacity:1;}
    100%{opacity:1;}
}
@-moz-keyframes fadein2{
    0%{opacity:0;}
    60%{opacity:1;}
    100%{opacity:1;}
}
@-ms-keyframes fadein2{
    0%{opacity:0;}
    60%{opacity:1;}
    100%{opacity:1;}
}
@keyframes fadein2{
    0%{opacity:0;}
    60%{opacity:1;}
    100%{opacity:1;}
}