/*html{font-size: 100px;}*/
*{margin: 0 ;padding: 0;}
*,body,::before,::after{margin: 0;padding: 0;/* style definition */box-sizing: border-box;/* style definition */
-webkit-box-sizing: border-box;/* style definition */
-webkit-tap-highlight-color:transparent ;/* style definition */}
input,textarea{outline: none;border: none;resize: none;/* style definition */
/* style definition */-webkit-appearance: none;}
ul,ol{list-style: none;}
em,i{font-style: normal;}
a{text-decoration: none;color: #333;}
/**/ body{font-size: 0;}
.m-head,.m-bottom{display: none;}
.cb-nav,.m-omnibearing{display: none;}
.m-abanner{display: none;}
.reason-content>i{display: none;}
.m-special,.m-case,.m-mall,.mall-word>a,.group-mean>a{display: none;}
.m-bg,.mlx,.m-ecom,.me-xl,.m-num,.m-cando,.m-proc,.m-adv,.sad,.m-res,.m-img{display: none;}
.m-yx,.m-mark,.myx,.m-make,.m-pp,.m-index,.mindex-nav,.m-channel{display: none;}
.m-service,.zxzx{display: none;}
.omni-word{width: 1200px;margin: 120px auto 110px;color: #fdfdfd;text-align: center;}
.omni-word>h5{font-size:32px;margin-bottom: 18px}
.omni-word>p{font-size: 16px;}
.omni-num{margin: 0 auto!important;}
.head{width: 100%;height: 100px;position: fixed;top: 0;z-index: 999;background: #ffffff;}
.head-content{width: 81.6%;margin: 0 auto;height: 100%;}
.head-left{display: inline-block;position: relative;color: #4d4d4d;}
.head-left>img{vertical-align: top;margin-top: 25px;}
.head-left>i{position: absolute;top:58px;left: 70px;font-style: normal;font-size: 15px;}
.head-left>span{margin: 40px 0 0 10px;text-indent: 10px;display: inline-block;font-size: 15px;border-left: 1px solid #cccccc;}
.nav{display: inline-block;height: 100px;margin-right: 45px;float: right;}
.nav>li{position: relative;margin-right: 30px;display: inline-block;color: #333333;font-size: 15px;line-height: 100px;}
.nav>li>a{color: #333333;display: block;}
.nav>li>img{vertical-align: text-top;margin: 3px 10px 0 0;}
.nav>li>.more-nav{display: none;box-shadow: 0px 0px 10px #e5e5e5;position: absolute;top: 80px;left:-200px;background: #fafafa;width: 540px;}
.more-nav>.more{float: left;width: 180px;height: 172px;padding: 22px 0 0 44px;}
.more-nav>.more:last-child>ul{border: none;}
.more-nav>.more>p{font-size: 16px;color: #333333;font-weight:bold;line-height: 20px;}
.more-nav>.more>ul{height: 90px;width: 140px;margin-top: 20px;border-right: 1px dashed #e8e8e8;}
.more-nav>.more>ul>li{margin-bottom: 14px;line-height:18px;}
.more-nav>.more>ul>li:hover a{color: #3291F2;}
.more-nav>.more>ul>li>a>img{margin-right: 6px;vertical-align: middle;}
.more-nav>.more>ul>li>a{font-size: 12px;color: #666666;}
.bottom{width: 100%;height: 390px;background: #1a1a1a;padding: 1px;}
.bottom-line{width: 100%;background: #292929;margin-top: 10px;}
.bottom-content{width: 1200px;margin: 40px auto 0;}
.bottom-content>.service{height: 266px;width: 252px;border-right: 1px solid #292929;display: inline-block;}
.bottom-content>.service>p{font-size: 18px;font-weight: bold;color: #ffffff;margin-bottom: 22px;}
.bottom-content>.service>ul{margin-right: 58px;display: inline-block;font-size: 14px;vertical-align: top;}
.bottom-content>.service>ul>li{margin-bottom: 16px;}
.bottom-content>.service>ul>li>a:hover{color: #3291f2;}
.bottom-content>.service>ul>li>a{color: #808080;}
.bottom-content>.case{width: 212px;height: 266px;border-right: 1px solid #292929;display: inline-block;}
.bottom-content>.case>p{font-size: 18px;font-weight: bold;color: #ffffff;margin-bottom: 22px;text-align: center;}
.bottom-content>.case>ul{margin-left: 70px;display: inline-block;font-size: 14px;vertical-align: top;}
.bottom-content>.case>ul>li{margin-bottom: 16px;}
.bottom-content>.case>ul>li>a:hover{color: #3291f2;}
.bottom-content>.case>ul>li>a{color: #808080;}
.bottom-content>.contact{vertical-align: top;width:468px;height: 266px;border-right: 1px solid #292929;display: inline-block;padding-left: 70px;}
.bottom-content>.contact>p{font-size: 18px;font-weight: bold;color: #ffffff;margin-bottom: 22px;}
.bottom-content>.contact>i{font-style: normal;display: block;margin-bottom: 16px;color: #808080;font-size: 14px;}
.bottom-content>.contact>ul{margin-top: 10px;}
.bottom-content>.contact>ul>li{margin-right: 10px;display: inline-block;width: 115px;height: 35px;line-height: 35px;border: 1px solid #808080;font-size: 14px;}
.bottom-content>.contact>ul>li>a{display: block;color: #808080;}
.bottom-content>.contact>ul>li>a>i{margin: 0 12px 0 16px;}
.bottom-content>.contact>ul>li:hover{border: 1px solid #3291f2;}
.bottom-content>.contact>ul>li:hover a{color: #ffffff;background: #3291f2;}
.weixin>li{position: relative;}
.weixin>li>.tips{display: none;position: absolute;top:-152px;left: -8px;width: 126px;height: 150px;background: url(../img/wx1.png) no-repeat center bottom;}
.weixin>li>.tips>span{display: block;width: 100%;height:142px;background: #ffffff;}
.weixin>li>.tips>span>p{font-size: 14px;color: #808080;text-align: center;}
.weixin>li>.tips>span>img{display: block;margin: 0 auto;width: 96px;height: 96px;}
.bottom-content>.program{display: inline-block;vertical-align: top;padding-left: 62px;}
.bottom-content>.program>P{margin: 15px auto;font-size: 14px;color: #ffffff;font-weight: bold;}
.bottom-content>.program>em{font-style: normal;font-size: 14px;color: #808080;}
.bottom-content>.copy{width: 100%;font-size: 12px;color: #4d4d4d;border-top: 1px solid #292929;margin-top: 20px;padding-top: 23px;}
.bottom-content>.copy>em{font-style: normal;margin-left: 8px;}
.copy-line{display: inline-block;}
.copy-line>li{display: inline-block;margin-right: 8px;}
.copy-line>li>a{color: #4d4d4d;}
.copy-line>li>a:hover{color: #3291f2;}
.gd-nav{transition: all .5s;opacity: 0;width: 58px;height: 304px;position: fixed;top: 360px;right: 0;}
.gd-nav>ul{position: relative;}
.gd-nav>ul>li{width: 100%;height:76px;background: #f8f8f8;padding: 1px;position: relative;}
.gd-nav>ul>li>a{display: block;width: 100%;height: 100%;padding-top: 30px;}
.gd-nav>ul>li>a>.cb-img{width: 24px;height: 24px;overflow: hidden;margin: 0 auto;}
.gd-nav>ul>li:hover{background: #98c8f8;}
.gd-nav>ul>li:hover .c1{display: none;}
.gd-nav>ul>li.l3:hover .tk{opacity: 1;}
.tk{transition:.5s;opacity: 0;padding:8px;width: 149px;height: 156px;background: url(../img/ct1.png) no-repeat 0;background-size: 100% 100%;position: absolute;top: -36px;left: -160px;}
.tk>.tk-con{width: 126px;height: 140px;background: #FFFFFF;text-align: center;}
.tk>.tk-con>p{font-size: 14px;color:#808080;line-height: 34px;}
.gd-nav>ul>li>a>i{font-size: 18px;font-weight: bold;color: #FFFFFF;}
.gd-nav>ul>li>.cb>img{vertical-align: middle;margin: -4px 12px 0 20px;}
.gd-nav>ul>li>.cb{position: absolute;left: 0;top:0;width: 224px;color: #FFFFFF;font-size:18px;line-height: 76px;height: 76px;background: #98C8F8;-webkit-transform:translateX(0px); -moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 0;filter:alpha(opacity = 0);-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 20;}
.gd-nav>ul>li:hover .cb{-webkit-transform:translateX(-166px); -moz-transform:translateX(-166px);-ms-transform:translateX(-166px);-o-transform: translateX(-166px);transform: translateX(-166px);opacity: 1;filter:alpha(opacity = 100);}
/* style definition */
.app-banner{overflow: hidden;width: 100%;margin-top: 100px;height: 520px;background-size: 100% 100%;}
.app-banner>.app-con{width: 1200px;margin: 0 auto;position: relative;}
.app-banner>.app-con>.app-img{margin-top: 80px;width: 40.3%;display: inline-block;position: absolute;left: -18.75%;opacity:0;animation: myfirst 1.5s;-moz-animation: myfirst 1.5s; /* Firefox */-webkit-animation: myfirst 1.5s; /* style definition */-o-animation: myfirst 1.5s;animation-fill-mode:forwards;}
.app-banner>.app-con>.app-img>img{width: 100%;}
.intro{margin-top: 158px;display: inline-block;vertical-align: top;position: absolute;right: -18.75%;opacity: 0;animation: mysecond 1.5s;-moz-animation: mysecond 1.5s; /* Firefox */-webkit-animation: mysecond 1.5s; /* style definition */-o-animation: mysecond 1.5s;animation-fill-mode:forwards;}
.intro>h5{font-size: 40px;color: #ffffff;margin-bottom: 22px;}
.intro>p{font-size: 26px;color: #FFFFFF;line-height: 40px;margin-bottom: 26px;}
.intro>a{display: block;width:150px;height: 45px;font-size: 20px;line-height: 41px;text-align: center;border-radius: 30px;border: 2px solid #FFFFFF;color:#FFFFFF;}
.intro>a:hover{color: #3291F2;background: #FFFFFF;}
.app-banner>.app-con>.intro>a:hover{color: #4a4af7;background: #FFFFFF;}
.mall-banner>.intro>a:hover{color: #655ced;background: #FFFFFF;}
.group-banner>.intro>a:hover{color: #732ed7;background: #FFFFFF;}
@keyframes myfirst{from {left: -18.75%;opacity:0;}to {left: 0;opacity:1;}}
@-moz-keyframes myfirst /* Firefox */{from {left: -18.75%;opacity:0;}to {left: 0;opacity:1;}}
@-webkit-keyframes myfirst /* style definition */{from {left: -18.75%;opacity:0;}to {left: 0;opacity:1;}}
@-o-keyframes myfirst /* Opera */{from {left: -18.75%;opacity: 0;}to {left: 0;opacity:1;}}
@keyframes mysecond{from {right: -18.75%;opacity:0;}to {right: 0;opacity:1;}}
@-moz-keyframes mysecond /* Firefox */{from {right: -18.75%;opacity:0;}to {right: 0;opacity:1;}}
@-webkit-keyframes mysecond /* style definition */{from {right: -18.75%;opacity:0;}to {right: 0;opacity:1;}}
@-o-keyframes mysecond /* Opera */{from {right: -18.75%;opacity:0;}to {right: 0;opacity:1;}}
.app-chose{width: 100%;padding:62px 0;margin: 0 auto;}
.app-chose>h5{font-size: 26px;color: #333333;text-align: center;font-weight: normal;margin-bottom: 70px;}
.app-chose>i{display: block;text-align: center;font-size: 16px;color: #999999;font-style: normal;}
.chose-word{width: 1200px;margin: 0 auto;opacity: 0;animation: chose 4s;-moz-animation: chose 4s; /* Firefox */-webkit-animation: chose 4s; /* style definition */-o-animation: chose 4s;animation-fill-mode:forwards;}
.chose-word>img{margin-left: 77px;}
.chose-word>span{margin:48px 0 0 70px;text-align: justify;display: inline-block;width: 460px;vertical-align: top;}
.chose-word>span>p{font-size: 24px;color: #333333;margin-bottom: 18px;}
.chose-word>span>i{display: block;font-size: 18px;color: #333333;font-style: normal;margin-bottom: 10px;}
.chose-word>span>em{display: block;line-height: 30px;width: 100%;text-align: justify;font-size: 16px;color: #999999;font-style: normal;}
.chose-word>span>a{display: block; font-size: 18px; color: #3291f2; width: 136px;height: 45px;border: 1px solid #3291f2; border-radius: 30px;text-align: center;line-height: 43px; margin-top: 16px;}
.chose-word>span>a:hover{color: #FFFFFF;background: #3291F2;}
@keyframes chose{from {opacity:0;}to {opacity:1;}}
@-moz-keyframes chose /* Firefox */{from {opacity:0;}to {opacity:1;}}
@-webkit-keyframes chose /* style definition */{from {opacity:0;}to {opacity:1;}}
@-o-keyframes chose /* Opera */{from {opacity:0;}to {opacity:1;}}
.reason{width: 100%;height: 530px;background-size: 100% 100%;}
.reason-content{width: 1200px;margin: 0 auto;padding-top: 60px;}
.reason-content>h5{color: #ffffff;font-size: 26px;text-align: center;font-weight: normal;}
.reason-content>p{margin-top: 18px;text-align: center;font-size:16px;color: #c7e3fd;}
.reason-list{width: 100%;margin-top: 60px;padding: 1px;}
.reason-list>li{cursor: pointer;display: inline-block;width: 260px;margin-left: 44px;margin-top: 0;transition: all .5s;vertical-align: top;}
.reason-list>li:hover{margin-top: -16px;}
.reason-list>li:hover img {animation: swing 1s infinite linear}
.reason-list>li:first-child{margin-left: 0;}
.reason-list>li>img{cursor: pointer;margin: 0 auto;display: block;margin-bottom: 25px;}
.reason-list>li>p{font-size: 20px;color: #ffffff;text-align: center;margin-bottom: 12px;}
.reason-list>li>span{display: block;width: 100%;text-align: justify;font-size: 14px;color: #FFFFFF;line-height: 22px;}
.special{width: 1200px;height: 490px;margin: 0 auto;padding-top: 60px;}
.special>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.special>p{color: #999999;font-size: 16px;text-align: center;}
.special-list{width: 100%;margin-top: 60px;}
.special-list>li{cursor: pointer;margin-left: 28px;display: -webkit-flex;align-items: center;color: #FFFFFF;float: left;width: 380px;height: 240px;background-size: 100% 100%;}
.special-list>li:first-child{margin: 0;}
.special-list>li>div>span{margin-bottom: 30px;text-align: center;width: 100%;display: block;height: 54px;}
.special-list>li>div>span>em{display: block;font-style: normal;font-size: 18px;}
.special-list>li>div>span>i{line-height: 26px;font-style: normal;font-size: 12px;}
.special-list>li>div>p{font-size: 14px;height: 42px;transition:.5s;width: 90%;margin: 0 auto;text-align: justify;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp:2;overflow: hidden;}
.special-list>li:hover p{height: 110px;display: block;}
.process{width: 100%;height:490px;background: #f6f6f6;}
.process-center{width: 1200px;margin: 0 auto;padding-top: 60px;}
.process-center>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.process-center>p{color: #999999;font-size: 16px;text-align: center;}
/* style definition */
.soft-banner{overflow: hidden;width: 100%;margin-top: 100px;height: 520px;background-size: 100% 100%;}
.soft-banner>.soft-con{width: 1200px;height: 100%;margin: 0 auto;position: relative;}
.soft-banner>.soft-img{width: 31.875%;display: inline-block;}
.soft-banner>.soft-img>img{width: 100%;}
.made-adv{width: 1200px;margin: 0 auto;padding: 60px 0 50px 0;}
.made-adv>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.made-adv>P{color: #999999;font-size: 16px;text-align: center;}
.adv-list{padding-top: 1px;margin-top: 50px;}
.adv-list>li{margin-left: 30px;vertical-align: top;display: inline-block;width: 270px;height: 315px;border-radius: 5px;border: 1px solid #e4e4e4;box-shadow: 0px 0px 16px 4px #f1f1f1;}
.adv-list>li:hover img {animation: swing 1s infinite linear}
.adv-list>li:hover p{color: #3291F2;}
.adv-list>li:first-child{margin:0;}
.adv-list>li>.adv-img{padding: 1px;width: 96px;height: 96px;background: #f2f9ff;border-radius: 50%;margin: 25px auto 30px;}
.adv-list>li>.adv-img>img{display: block;margin: 20px auto 0;}
.adv-list>li>p{margin-bottom: 20px;text-align: center;font-size: 20px;color: #333333;}
.adv-list>li>span{display: block;width: 88%;line-height: 26px;text-align: justify;margin: 0 auto;font-size: 14px;color: #666666;}
.made-top{margin: 56px auto 30px;width:1157px;height: 38px;}
.made-top>li{display:inline-block;width: 270px;font-size: 16px;color: #666666;margin-left: 13px;}
.made-top>li>i{margin: 0 25px 0 50px;}
.made-pro{width: 100%;height: 84px;}
.made-pro>li{float: left;width: 149px;}
.made-pro>li>p{font-size: 16px;color: #444444;text-align: center;margin-top: 10px;}
.made-pro>li:hover p{color: #3291F2;}
.made-pro>li:hover .tp{display: none;}
.pro-img{width:149px;height: 53px;overflow: hidden;}
.brand{width: 100%;margin-top: 20px;}
.brand>h5{font-weight: normal;text-align: center;font-size: 32px;color: #333333;margin-bottom: 10px;}
.brand>h5>i{color: #3291F2;}
.brand>p{text-align: center;font-size: 24px;color: #666666;}
.brand-con{margin-top: 50px;width: 100%;height:631px;}
.brand-word{width: 434px;color: #FFFFFF;margin: 13% 22.6% 0 0;float: right;}
.brand-word>h5{font-size: 30px;}
.brand-word>p{font-size: 20px;text-align: justify;margin: 16px auto;line-height: 36px;}
.brand-word>a{display: block;text-align: center;font-size: 14px;color: #FFFFFF;width: 117px;height: 40px;line-height: 40px;border-radius: 30px;border: 1px solid #FFFFFF;}
.slide_con .center { width: 1200px;margin: 0 auto;}
.slideBop{ width:100%; height:637px;position:relative; margin-top:42px;}
.slideBop .hd{ height:66px; position:absolute; top:40px; z-index:1; width: 1200px;}
.slideBop .hd ul{ overflow:hidden; zoom:1;/* float:left;*/ width: 800px;margin: 0 auto; height:66px; }
.slideBop .hd ul li{cursor: pointer;float:left; margin-right:2px; width:158px; height:66px; text-align:center; background:#fff; border-radius:0;}
.slideBop .hd ul li img{width:158px; height:66px;filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
.slideBop .hd ul li.on img{width:158px; height:66px; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
.slideBop .bd{ position:relative; height:637px; width:1200px; z-index:0;margin: 0 auto;}
.slideBop .bd li{ zoom:1; vertical-align:middle; position:relative; height:594px;}
.slideBop .prev, .slideBop .next{ position:absolute; left:0; top:16px; display:block; width:32px; height:40px; filter:alpha(opacity=50);opacity:0.5; }
.slideBop .next{ left:auto;right: -50px; background-position:8px 5px; }
.slideBop .prev:hover,.slideBop .next:hover{ filter:alpha(opacity=100);opacity:1; }
.slideBop .prevStop{ display:none; }
.slideBop .nextStop{ display:none; }
.slideBop .bd li .classic_t .lo1{ bottom:-59px;left:-20px; position:absolute; width:700px; height:460px;}
.slideBop .bd li .ic_i{ width:430px; position:absolute; top:217px; margin-left:692px;color: #FFFFFF;}
.slideBop .bd li .ic_i h5{font-size: 30px;}
.slideBop .bd li .ic_i p{ display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden; font-size: 20px;text-align: justify;margin: 16px auto;line-height: 36px;}
.slideBop .bd li .ic_i a{ display: block;text-align: center;font-size: 14px;color: #FFFFFF;width: 117px;height: 40px;line-height: 40px;border-radius: 30px;border: 1px solid #FFFFFF;}
.slideBop .bd li .ic_i a:hover{color: #3291F2;background: #FFFFFF;}
/* style definition */
.mall-banner{overflow: hidden;width: 100%;margin-top: 100px;height: 520px;background-size: 100% 100%;}
.mall-banner>.mall-con{width: 1200px;margin: 0 auto;position: relative;height: 100%;}
.mall-banner>.mall-con>.mall-img{width: 23.3%;display: inline-block;}
.mall-banner>.mall-con>.mall-img>img{width: 100%;}
.mall-chose{width: 100%;padding:62px 68px;margin: 0 auto;}
.mall-chose>h5{font-size: 26px;color: #333333;text-align: center;font-weight: normal;margin-bottom: 16px;}
.mall-chose>i{display: block;text-align: center;font-size: 16px;color: #999999;font-style: normal;margin-bottom: 35px;}
.mall-word{width: 1200px;height: 335px;margin: 0 auto;padding: 0 40px;opacity: 0;animation: chose 4s;-moz-animation: chose 4s; /* Firefox */-webkit-animation: chose 4s; /* style definition */-o-animation: chose 4s;animation-fill-mode:forwards;}
.mall-word>span{display: inline-block;width: 638px;margin: 48px 0 0 52px;vertical-align: top;}
.mall-word>span>p{font-size: 24px;color: #333333;margin-bottom: 18px;}
.mall-word>span>a{display: block;font-size: 18px;color: #3291f2;width: 180px;height: 45px;border: 1px solid #3291f2;border-radius: 30px;text-align: center;line-height: 43px;margin-top: 30px;}
.mall-word>span>a:hover{color: #FFFFFF;background: #3291F2;}
.mall-word>span>em{display: block;line-height: 30px;width: 100%;text-align: justify;font-size: 16px;color: #999999;font-style: normal;}
.more-fun{width: 100%;height: 670px;background-size: 100% 100%;}
.more-content{width: 1200px;margin: 0 auto;padding-top: 60px;}
.more-content>h5{margin-bottom: 18px;font-weight: normal;font-size: 26px;color: #333333;text-align: center;}
.more-content>p{font-size: 16px;color: #999999;text-align: center;}
.more-list{margin-top: 50px;width: 100%;}
.more-list>li{display: inline-block;margin: 0 0 50px 64px;}
.more-list>li:first-child{margin: 0 0 50px 0;}
.more-list>li:nth-child(7){margin: 0 0 50px 0;}
.more-list>li>.more-t{width: 140px;height: 140px;margin-bottom: 18px;overflow: hidden;}
.more-list>li:hover p{color: #3291F2;}
.more-list>li:hover .g1{display: none;}
.more-list>li>p{color: #333333;font-size: 18px;text-align: center;}
.mall-case{width: 1250px;margin: 0 auto;padding: 50px 0;}
.mall-case>h5{font-size: 26px;color: #333333;text-align: center;font-weight: normal;margin-bottom: 16px;}
.mall-case>p{text-align: center;font-size: 16px;color: #999999;font-style: normal;}
.case_ula{margin-top: 15px;}
.case_ula>li{display: inline-block;margin: 25px 15px 0;width:380px;}
.case_ula>li>a>.casep>em{float: right;}
/* style definition */
.group-banner{overflow: hidden;width: 100%;margin-top: 100px;height: 520px;background-size: 100% 100%; }
.group-banner>.group-con{width: 1200px;margin: 0 auto;position: relative;}
.group-banner>.group-con>.group-img{margin-top: 88px;width: 43%;display: inline-block;position: absolute;left: -20.57%;opacity: 0;animation: group 1.5s;-moz-animation: group 1.5s; /* Firefox */-webkit-animation: group 1.5s; /* style definition */-o-animation: group 1.5s;animation-fill-mode:forwards;}
.group-banner>.group-con>.group-img>img{width: 100%;}
.group-mean{padding: 62px 55px;}
.group-mean>.mall-word>span>a{width:136px;}
.group-mean>.mall-word>span>a:hover{background: #3291F2;color: #FFFFFF;}
.matter{width: 100%;height: 570px;background: #f6f6f6;}
.matter-center{width: 1200px;margin: 0 auto;padding-top: 60px;}
.matter-center>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.matter-center>P{color: #999999; font-size: 16px;text-align: center;}
.matter-list{margin-top: 60px;}
.matter-list>li{cursor: pointer;margin-left: 38px;padding: 1px;vertical-align:top;display: inline-block;width: 265px;height: 304px;background: #FFFFFF;border-radius: 2px;}
.matter-list>li:hover p{color: #3291F2;}
.matter-list>li:hover img {animation: swing 1s infinite linear}
.matter-list>li:first-child{margin: 0;}
.matter-list>li>.matter-img{margin: 40px auto 0;padding: 1px;border-radius: 50%;width: 101px;height: 101px;background: #f2f9ff;}
.matter-list>li>.matter-img>img{display: block;margin: 18px auto 0;}
.matter-list>li>p{margin: 30px auto 32px;text-align: center;font-size: 24px;color: #333333;}
.matter-list>li>span{text-align: center;display: block;width: 92%;margin: 0 auto;font-size: 20px;color: #333333;}
.group-adv{width: 1200px;margin: 0 auto;padding: 60px 0;}
.group-adv>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.group-adv>p{color: #999999; font-size: 16px;text-align: center;}
.group-list{margin: 60px auto;}
.group-list>li{cursor: pointer;display: inline-block;width: 265px;margin-left: 38px;padding: 1px;vertical-align:top;margin-top: 0;transition: all .5s;}
.group-list>li:hover img {animation: swing 1s infinite linear}
.group-list>li:hover{margin-top: -16px;}
.group-list>li:first-child{margin-left: 0;}
.group-list>li>.list-img{width:106px;height: 106px;margin: 0 auto;padding: 1px;border-radius: 50%;box-shadow: 0px 0px 14px 6px #f5f5f6;}
.group-list>li>.list-img>img{display: block;margin: 28px auto 0;}
.group-list>li>p{font-weight: bold;margin: 30px auto 20px;text-align: center;font-size: 18px;color: #333333;}
.group-list>li>span{text-align:justify;display: block;font-size: 14px;color: #666666;line-height: 26px;}
.group-adv>img{display: block;margin: 70px auto;}
.group-adv>a{display: block;margin: 0 auto;background: #3291F2;border-radius: 23px;color: #FFFFFF;width: 160px;height: 45px;line-height: 45px;font-size: 16px;text-align: center;}
.group-case{width: 100%;background: #f6f6f6;}
/* style definition */
.e-banner{position: relative;width: 100%;margin-top: 100px;height: 520px;background-size: 100% 100%;}
.e-banner>.e-intro{width: 100%;text-align: center;color: #fefefe;position: absolute;top: 0;opacity: 0;animation: e 1.5s;-moz-animation: e 1.5s; /* Firefox */-webkit-animation: e 1.5s; /* style definition */-o-animation: e 1.5s;animation-fill-mode:forwards;}
.e-banner>.e-intro>h5{font-size: 48px;margin-bottom: 25px;}
.e-banner>.e-intro>p{font-size: 22px;}
.e-banner>.ebanner{width:100%;position: absolute;bottom: -60px;left: 0;opacity: 0;animation: sl 1.5s;-moz-animation: sl 1.5s; /* Firefox */-webkit-animation: sl 1.5s; /* style definition */-o-animation: sl 1.5s;animation-fill-mode:forwards;}
.e-banner>.ebanner>img{width: 630px;display: block;margin: 0 auto;}
.e-fun{width: 1200px;margin: 0 auto;padding: 60px 0;}
.e-fun>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.e-fun>p{color: #999999; font-size: 16px;text-align: center;}
.e-list{width: 100%;margin:50px auto 0;}
.e-list>li{cursor: pointer;margin-left: 30px;vertical-align: top;display: inline-block;width:270px;height: 315px;border-radius: 4px;border: 1px solid #e4e4e4;box-shadow: 0px 0px 16px 4px #f1f1f1;}
.e-list>li:hover img {animation: swing 1s infinite linear}
.e-list>li:first-child{margin-left: 0px;}
.e-list>li>.e-img{margin: 30px auto;width:96px;height: 96px;background: #f2f9ff;border-radius: 50%;padding: 1px;}
.e-list>li>.e-img>img{display: block;margin: 24px auto 0;}
.e-list>li>p{text-align: center;font-size: 20px;color: #333333;}
.e-list>li:hover p{color: #3291F2;}
.e-list>li>ul{font-size: 14px;color: #666666;margin:10px auto 0;}
.e-list>li>ul>li{padding-left: 7px;display: inline-block;margin-top: 15px;}
.sp>li{width: 120px;margin-left: 18px;}
.hy>li{width: 116px;margin-left: 18px;}
.jt>li{width: 120px;margin-left: 18px;}
.gw>li{width: 120px;margin-left: 18px;}
.six{width: 100%;height:770px;padding: 60px 0;background-size: 100% 100%;}
.six-content{width: 1200px;margin: 0 auto;}
.six-title{margin: 0 auto 40px;width: 257px;}
.six-title>em{font-style: normal;color: #3291f2;font-size: 120px;float: left;margin: -32px 5px 0 0;}
.six-title>span{font-size: 36px;color: #333333;}
.six-list{width: 100%;}
.six-list>li{cursor: pointer;width: 518px;display: inline-block;margin-bottom: 50px;transition: all .5s;}
.six-list>li:hover h5{color: #3291F2;}
.six-list>li>.list-num{vertical-align: top;display: inline-block;width:86px;height: 85px;text-align: center;line-height: 85px;font-size:50px;color: #3291f2;}
.six-list>li>span{margin-left: 13px;display: inline-block;width: 418px;}
.six-list>li>span>h5{font-weight: normal;font-size:20px;color:#333333;line-height: 48px;}
.six-list>li>span>p{text-align: justify;font-size:16px;color: #666666;line-height: 26px;}
.six-list>li:nth-child(2n){float: right;}
.six-list>li:nth-child(2n-1):hover{margin-left: 16px;}
.six-list>li:nth-child(2n):hover{margin-right: 16px;}
.provide{width: 1200px;margin: 0 auto;padding: 60px 0;}
.provide>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.provide>p{color: #999999; font-size: 16px;text-align: center;}
.prov-list{margin:50px auto 0;width: 100%;}
.prov-list>li{cursor: pointer;margin-left: 25px;display: inline-block;position: relative;width: 213px;height: 156px;overflow: hidden;}
.prov-list>li:first-child{margin: 0;}
.prov-list>li>span{position: absolute;bottom: 0;left: 0;text-align: center;font-size: 15px;color: #fefefe;width: 100%;height: 34px;line-height: 34px;background: rgba(50,145,242,0.8);}
.prov-list>li>img{width:100%;display:block;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.prov-list>li:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-o-transform: scale(1.2);-ms-transform: scale(1.2);transform:scale(1.2);}
/* style definition */
.about-banner{padding: 1px;width: 100%;margin-top: 100px;height:700px;background-size: 100% 100%;}
.about-center{color: #FFFFFF;width: 1200px;margin: 180px auto 0;text-align: center;}
.about-center>h5{font-size: 32px;}
.about-center>p{font-size: 16px;margin-top: 28px;}
.about-center>.omni-num{background: none;margin: 40px auto 0;}
.about-center>.omni-num>li{color: #FFFFFF;}
.about-us{width: 1200px;margin: 0 auto;padding: 60px 0;}
.bt{width: 100%;}
.bt>h5{color: #333333;font-size: 26px;font-weight: normal;text-align: center;margin-bottom: 18px;}
.bt>p{color: #999999; font-size: 16px;text-align: center;width: 88.5%;margin: 0 auto;}
.about-word{width: 100%;margin: 36px auto 0;height: 653px;position: relative;}
.about-word>p{font-size: 16px;margin-bottom:10px;color: #666666;line-height: 28px;text-align: justify;text-indent: 2em;}
.about-word>img{display: block;position: absolute;bottom: 0px;left: 15%;opacity: 0;}
.about-word>img.up{animation: sl 1.5s;-moz-animation: sl 1.5s;-webkit-animation: sl 1.5s;-o-animation: sl 1.5s;animation-fill-mode:forwards;}
.can{width: 100%;padding: 50px 0 56px;background: #f6f6f6;}
.can-center{width: 1200px;margin: 0 auto;}
.can-list{margin: 54px auto 0;}
.can-list>li{border-radius: 4px;padding: 1px;width: 390px;height: 390px;background: #FFFFFF;display: inline-block;margin-left: 7px;}
.can-list>li:first-child{margin: 0;}
.can-list>li>img{display: block;margin: 40px auto 28px;}
.can-list>li>p{font-size: 20px;color:#333333;text-align: center;font-family:"微软雅黑";margin-bottom: 20px;}
.can-list>li>span{display: block;width: 88%;text-align: center;line-height: 32px;font-size:14px;color: #666666;margin: 0 auto;}
.can-list>li>ul{margin: 40px auto 0;padding-left: 10px;}
.can-list>li>ul>li{margin-left: 10px;display: inline-block;width: 110px;height: 40px;text-align: center;line-height: 38px;border: 1px solid #999999;font-size: 16px;color: #666666;}
.can-list>li>ul>li>a{display: block;color: #666666; font-size: 14px;}
.can-list>li>ul>li:hover{border: 1px solid #3291F2;}
.can-list>li>ul>li:hover a{color: #3291F2;}
.can-list>li:hover p{color: #3291F2;}
.core{width: 100%;height:550px;background-size: 100% 100%;}
.core-content{width: 1200px;margin: 0 auto;padding: 60px 0;}
.core-content>h5{font-weight: normal;font-size: 32px;color: #FFFFFF;text-align: center;margin-bottom: 10px;}
.core-content>p{font-size: 14px;color: #bfdefe;text-align: center;}
.c-six{margin: 26px auto 0;}
.c-six>ul{display: inline-block;height: 324px;}
.c-six>ul>li:hover img{animation: swing 1s infinite linear}
.c-center{color: #ffffff;text-align: center;display: inline-block;width: 220px;height: 220px;vertical-align: top;margin: 60px auto 0;}
.c-center>p{font-size: 100px;margin-top: 10px;}
.c-center>i{font-size: 26px;font-style: normal;}
.c-six>ul>li{padding: 1px;cursor: pointer;height: 78px;font-size: 16px;color: #fefeff;margin-top: 30px;transition: all .5s;}
.c-six>ul>li>img{vertical-align: top;}
.c-six>ul>li>i{transition: all 0.5s;font-style: normal;display: inline-block; border-bottom: 1px solid rgba(255,255,255,0); margin-top: 28px;}
.c-six>ul>li:hover i{border-bottom: 1px solid rgba(255,255,255,1);}
.c-left{margin-left: 62px;}
.c-left>li{text-align: right;}
.c-left>li>i{margin-right: 25px;}
.c-right>li>img{margin-right: 25px;}
.flow{width: 1200px;margin: 0 auto;padding: 60px 0;}
.flow-list>li{vertical-align: top;width: 308px;height: 330px;display: inline-block;margin: 50px 43px 0;}
.flow-num{width: 100%;height: 70px;padding: 14px 0 0 20px;background: #3291F2;}
.flow-num>em{display: inline-block;width:52px;height: 42px;background: #2977c4;text-align: center;line-height: 42px;font-size: 34px;color: #FFFFFF;}
.flow-num>span{vertical-align: top;height: 42px;display: inline-block;margin-left: 10px;}
.flow-num>span>i{font-size: 12px;color: #badbfd;vertical-align: top;}
.flow-num>span>p{font-size: 20px;color: #FFFFFF;margin-top: -4px;}
.flow-con{box-shadow:0px 3px 10px #f6f6f6,0px 3px 10px #f6f6f6,0px 3px 10px #f6f6f6;width: 100%;height: 258px;border: 1px solid #efefef;padding-top: 20px;}
.flow-con>p{width: 88%;font-size: 16px;color: #666666;text-align: justify;margin: 0 auto;line-height: 26px;}
.flow-con>img{display: block;margin: 26px auto 0;transition: all .5s;}
.flow-list>li:hover img{margin:10px auto 0 ;}
.pay{width: 100%;padding: 55px 0;background: #f6f6f6;}
.pay-content{width: 1200px;margin: 0 auto;}
.pay-list{margin: 40px auto 0;}
.pay-list>li{margin-left: 29px;text-align: justify;font-size: 16px;color: #FFFFFF;padding: 96px 0 0 33px;display: inline-block;width: 375px;height: 203px;}
.pay-list>li:first-child{margin: 0;}
.pay-list>li>P{margin-bottom: 10px;}
.can-list li:hover img {animation: swing 1s infinite linear}
@-webkit-keyframes swing {
20% { -webkit-transform: rotate(15deg);transform: rotate(15deg);}
40% { -webkit-transform: rotate(-10deg); transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); transform: rotate(-5deg);}
100% { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
}
@keyframes swing {
20% { -webkit-transform: rotate(15deg); -ms-transform: rotate(15deg); transform: rotate(15deg); }
40% { -webkit-transform: rotate(-10deg); -ms-transform: rotate(-10deg); transform: rotate(-10deg); }
60% { -webkit-transform: rotate(5deg); -ms-transform: rotate(5deg); transform: rotate(5deg); }
80% { -webkit-transform: rotate(-5deg); -ms-transform: rotate(-5deg); transform: rotate(-5deg);}
100% { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg);}
}
/* style definition */
.lx-banner{overflow: hidden;margin-top: 100px;width: 100%;height: 620px;background-size: 100% 100%;}
.lx-banner>.lx-con{width: 1200px;margin: 0 auto;position: relative;}
.lx-banner>.lx-con>form{width: 502px;height: 100%;position: absolute;right: -18.75%;opacity: 0;animation: lx 1.5s;-moz-animation: lx 1.5s; /* Firefox */-webkit-animation: lx 1.5s; /* style definition */-o-animation: lx 1.5s;animation-fill-mode:forwards;}
.message{width: 502px;min-height: 566px;background: #FFFFFF;float: right;margin: 5.5% 0 0 0;position: relative;}
.message>h5{font-size: 22px;color: #333333;text-align: center;line-height: 96px;font-weight: normal;}
.tx{width: 430px;margin: 0 auto;}
.tx>input[type="text"]{text-indent: 15px;background: #f4f4f4;margin-bottom: 20px;width: 100%;height:50px;line-height: 50px;font-size: 16px;color: #333333;}
.tx>input[type="text"].name{width: 190px;margin-right: 20px;}
.tx>input[type="tel"]{text-indent: 15px;background: #f4f4f4;margin-bottom: 30px;width: 214px;height:50px;line-height: 50px;font-size: 16px;color: #333333;}
.tx>textarea{width: 100%;height: 110px;background: #F4F4F4;font-size: 16px;color: #333;padding: 15px 5px 0;text-indent: 10px;}
.message>input[type="submit"]{width: 100%;height: 60px;line-height: 60px;font-size: 16px;color: #ffffff;background: #3291F2;text-align: center;position: absolute;bottom: 0;}
.lx-mid{width: 100%;padding: 30px 0 60px;background: #f6f6f6;}
.lx{width: 1200px;margin: 0 auto;padding-top:50px;background: #FFFFFF;}
.lx-list{margin: 76px auto 48px;padding-left: 20px;}
.lx-list>li{cursor: pointer;vertical-align: top;display: inline-block;width: 229px;height: 155px;border-left: 1px solid #eaebeb;}
.lx-list>li:first-child{border: none;}
.lx-list>li>.lx-img{min-height: 60px;margin-top: 0;transition: all .5s;}
.lx-list>li:hover .lx-img{margin-top: -16px;}
.lx-list>li:hover p{color: #3291F2}
.lx-list>li>.lx-img>img{display: block;margin: 4px auto 0;}
.lx-list>li>p{text-align: center;color: #333333;font-size: 20px;margin-top: 4px;}
.lx-list>li>span{margin:8px auto 0;line-height: 22px;display: block;width: 82%;text-align: center;font-size: 14px;color: #666666;}
.lx-list>li>span>i{display: block;}
.suggest{height: 100px;width: 100%;background: #f2f2f2;}
.sug-left{display: inline-block;margin:0 14px 0 34px;}
.sug-left>img{float: left;margin-top: 10px;}
.sug-left>span{display: inline-block;color: #3291f2;margin: 30px 0 0 18px;}
.sug-left>span>p{font-size: 24px;}
.sug-left>span>i{font-size: 10px;}
.suggest>ul{display: inline-block;height: 53px;border-left: 1px solid #d2d3d4;vertical-align: top;margin: 24px 0 0 0;}
.suggest>ul>li{position: relative;vertical-align: top;margin-left: 20px;display: inline-block;line-height: 53px;}
.suggest>ul>li>.tip{z-index: 999;display: none;position: absolute;top:-140px;left: -8px;width: 126px;height: 150px;}
.suggest>ul>li>.tip>span{display: block;width: 100%;height:142px;background: #ffffff;}
.suggest>ul>li>.tip>span>p{line-height: 32px;font-size: 14px;color: #808080;text-align: center;}
.suggest>ul>li>.tip>span>img{display: block;margin: 0 auto;width: 96px;height: 96px;}
.lxf>li:hover a{color: #3291F2;}
.lxf>li:hover .lxa{display: none;}
.suggest>ul>li>a{display: block;color: #666666;font-size: 16px;}
.suggest>ul>li>a>img{vertical-align: middle;margin: -2px 6px 0 0;}
.suggest>ul>li>a>i{vertical-align: middle;margin: -2px 6px 0 0;display: inline-block;width: 25px;height: 25px;overflow: hidden;}
.suggest>ul>li>a>i>img{width: 100%;vertical-align: top;}
.bus{width: 100%;height: 425px;padding: 40px 0 0 40px;}
.bus>h5{font-size: 24px;color: #333333;line-height: 34px;padding-left: 45px;font-weight: normal;}
.bus>ul{margin-top: 15px;}
.bus>ul>li{margin-top: 30px;}
.bus>ul>li>i{font-size: 20px;color: #333333;margin-right: 20px;}
.bus>ul>li>em{font-size: 20px;color: #333333;}
.bus>ul>li>p{font-size: 18px;color: #666666;margin: 30px 0 0 48px;}
/* style definition */
.head-index{width: 100%;height: 100px;position: fixed;top: 0;z-index: 999;background: rgba(255,255,255,0);}
.head-index>.head-content{width: 86.6%;margin: 0 auto;height: 100%;}
.head-index .head-left{display: inline-block;position: relative;color: #FFFFFF;}
.head-index .head-left>.logo{vertical-align: top;margin-top: 25px;width: 184px;height: 43px;overflow: hidden;display: inline-block;}
.head-index .nav>li>a{color: #FFFFFF;}
.head-index .nav>li{color: #FFFFFF;}
.nav>li>.tu{vertical-align: middle; margin: -2px 6px 0 0;display: inline-block;width: 17px;height: 15px;overflow: hidden;}
.nav>li>.tu>img{width: 100%;vertical-align:top}
.xs{display: none;}
.head-black{background: rgba(255,255,255,1);}
.head-black .nav>li>a{color: #333333;display: block;}
.head-black .nav>li{color: #333333;}
.head-black .head-left{color: #333333;}
#swiper1{width: 100%;}
#swiper1>.swiper-wrapper{width: 100%;}
#swiper1>.swiper-wrapper>.swiper-slide>img{width: 100%;}
#swiper1 .swiper-pagination-bullet-active {background: rgba(255,255,255,1)!important;width: 24px;height: 6px;}
#swiper1 .swiper-pagination-bullet { width: 24px;height: 6px; background: rgba(255,255,255,0.5);margin: 0 10px;}
.index-serve{width: 1200px;margin: 0 auto;padding-top:85px;}
.in-bt{width: 100%;margin:0 auto;}
.in-bt>h5{font-size: 32px;color: #333333;margin-bottom: 26px;text-align: center;}
.in-bt>p{font-size: 16px;color: #666666;text-align: center;}
.rang-list{width: 100%;margin: 70px auto 80px;}
.rang-list>li{margin-left: 18px;vertical-align: top;display: inline-block;width: 380px;height: 390px;}
.rang-list>li:first-child{margin: 0;}
.rang-list>li>.rang-name{width: 100%;height: 160px;}
.rang-list>li>.rang-name>em{color: #FFFFFF;font-size: 26px;margin-left: 40px;line-height: 160px;}
.rang-list>li>.rang-name>img{float: right;margin: 20px 50px 0 0;}
.rang-word{position: relative;padding:1px;width: 100%;height: 230px;border-left: 1px solid #e6e6e6;border-right: 1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6;}
.rang-word>p{width: 88%;text-align: justify;font-size:14px;color: #999999;line-height:26px;margin: 50px auto 0;}
.rang-word>ul{position: absolute;bottom:32px;left: 22px;}
.rang-word>ul>li{margin-left: 6px;display: inline-block;width: 100px;height: 44px;text-align: center;line-height: 44px;border: 1px solid #dcdcdc;font-size: 14px;}
.rang-word>ul>li>a{color: #666666;display: block;}
.rang-word>ul>li:hover{border: 1px solid #3291F2;}
.rang-word>ul>li:hover a{color: #3291F2;}
.js{margin: 110px auto 80px;height: 430px;}
.js>li{border: 1px solid #FFFFFF;margin: 0 10px 20px;box-shadow: 0 0 26px #f6f6f6;display: -webkit-flex;align-items: center;/*display: inline-block;*/ float: left;width: 580px;height: 200px;border-radius: 4px;}
.js>li>.js-img{margin: 0 40px;width: 76px;height: 76px;overflow: hidden;}
.js>li>.js-img>img{width: 100%;}
.js>li>.js-word{width: 310px;}
.js>li>.js-word>h5{font-size: 24px;color: #333333;margin-bottom: 16px;}
.js>li>.js-word>p{font-size: 14px;color: #999999;line-height: 26px;}
.js>li:hover .js-xs{display: none;}
.js>li:hover{border: 1px solid #3291F2;}
.channel{padding: 50px 0 40px;margin-top: 80px;background: #f5f5f5;width: 100%;}
.channel-mid{width: 1200px;margin: 0 auto;}
.channel-mid>em{cursor:pointer;display: block;width: 260px;height: 58px;text-align: center;line-height: 58px;color: #FFFFFF;background: #3291F2;border-radius: 30px;font-size: 24px;margin: 0 auto;}
.channel-list{margin: 80px auto 30px;width: 1200px;}
.channel-img{width: 100%;height: 140px;position: relative;}
.channel-img>i{display: none;position: absolute;top: 0;left: 0;background: rgba(0,0,0,.5);width: 100%;height: 140px;}
.channel-list>li{margin: 0 7px 20px;position: relative;box-shadow: 0px 0px 26px #ededed;border-radius: 4px;display: inline-block;width: 280px;height: 216px;background: #FFFFFF;}
.ch-name>h5{text-align: center;font-weight: normal;margin:10px auto 8px;height: 30px;font-size: 16px;color: #666666;}
.ch-name>p{font-size: 12px;color: #999999;text-align: center;}
.channel-list>li:hover .channel-img>i{display: block!important;}
.channel-list>li .ewm{position: absolute;left: 50%;margin-left: -60px;top: 50%;margin-top: -96px;width: 119px;height: 119px;-webkit-transform:translateY(100px); -moz-transform:translateY(100px);-ms-transform:translateY(100px);-o-transform: translateY(100px);transform: translateY(100px);opacity: 0;filter:alpha(opacity = 0);-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 20;}
.channel-list>li:hover .ewm{-webkit-transform:translateY(0px); -moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform: translateY(0px);transform: translateY(0px);opacity: 1;filter:alpha(opacity = 100);}
.omnibearing{width: 100%;height:504px;background-size: 100% 100%;padding: 1px;margin-bottom: 70px;}
.omni-num{padding: 62px 0 0 58px;width: 1200px;height: 192px;background: #FFFFFF;margin: 311px auto 0;}
.omni-num>li{margin-left: 100px;display: inline-block;color: #333333;width: 190px;}
.omni-num>li:first-child{margin: 0;}
.omni-num>li>span{display: block;margin-bottom: 10px;text-align: center;}
.omni-num>li>span>em{font-size: 48px;font-weight: bold;margin-right: 8px;}
.omni-num>li>span>i{font-size: 20px;vertical-align: top;display: inline-block; margin-top: 4px;}
.omni-num>li>span>b{font-size: 16px;margin-left: -15px;}
.omni-num>li>p{font-size: 18px;text-align: center;}
.success{width: 100%;margin-bottom: 80px;}
.success-case{margin: 0 auto;width: 84%;}
.success-case>a{display: block;width: 166px;height: 50px;text-align: center;line-height: 50px;font-size:20px;color: #5c5c5c;border: 1px solid #515151;border-radius: 30px;margin: 0 auto;}
.in-bt>i{font-style: italic;color: #333333;font-size: 40px;font-weight: bold;text-align: center;margin-bottom: 18px;display: block;}
.case-nav{margin: 60px auto 45px;width: 1174px;;}
.case-nav>li{font-size: 24px;display: inline-block;width: 228px;height: 50px;text-align: center;line-height: 50px;background: #f5f5f5;}
.case-nav>li:first-child{background: #e6e6e6;}
.case-nav>li:hover{background: #e6e6e6;}
.case-nav>li>a{display: block;}
.case-nav>li>a>img{vertical-align: top;margin: 12px 12px 0 0;}
.case-list{width: 100%;}
.case-list>li{display: inline-block;width: 31.5%;margin: 0 0 50px 2%;}
.case-list>li:first-child{margin:0 0 50px 0;}
.case-list>li:nth-child(4){margin:0 0 50px 0;}
.case-list>li:hover .success-img>i{display: block;}
.case-list>li:hover .success-img>img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2);-o-transform: scale(1.2); -ms-transform: scale(1.2);transform:scale(1.2);}
.case-list>li>a{display: block;}
.success-img{width: 100%;position: relative;overflow: hidden;}
.success-img>i{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.3);display: none;}
.success-img>img{width: 100%;display: block;-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s; -ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;}
.success-word{padding:22px 30px 0 28px;}
.success-word>h5{font-size:20px;color: #333333;margin-bottom: 6px;}
.success-word>p{font-size: 14px;color: #999999;}
.success-word>span{float: right;color: #666666;font-size: 12px;margin-top: -40px;}
.success-word>span>img{margin-left: 6px;}
.partner{width: 1200px;margin: 0 auto;}
.partner-list{margin: 50px auto;width: 100%;}
.partner-list>li{margin: 2px 26px;position: relative;display: inline-block;width: 240px;height: 121px;overflow: hidden;}
.partner-list>li .lan{position: absolute;left: 0;top:0;width: 240px;height: 121px;-webkit-transform:translateX(240px); -moz-transform:translateX(240px);-ms-transform:translateX(240px);-o-transform: translateX(240px);transform: translateX(240px);opacity: 0;filter:alpha(opacity = 0);-webkit-transition: all .5s ease-in-out 0s;-moz-transition: all .5s ease-in-out 0s;
-ms-transition: all .5s ease-in-out 0s;-o-transition: all .5s ease-in-out 0s;transition: all .5s ease-in-out 0s;z-index: 20;}
.partner-list>li:hover .lan{-webkit-transform:translateX(0px); -moz-transform:translateX(0px);-ms-transform:translateX(0px);-o-transform: translateX(0px);transform: translateX(0px);opacity: 1;filter:alpha(opacity = 100);}
.news-infor{width: 100%;margin: 20px auto 80px;}
.news-infor>a{display: block;width: 166px;height: 50px;text-align: center;line-height: 50px;font-size:20px;color: #5c5c5c;border: 1px solid #515151;border-radius: 30px;margin: 0 auto;}
.news-infor>a:hover{background: #3291F2;color: #FFFFFF;border: 1px solid #3291F2;}
.news-list{background: #f0f0f0;width:84%;margin: 70px auto;padding: 40px 0;}
.success-case>a{display: block;width: 166px;height: 50px;text-align: center;line-height: 50px;font-size:20px;color: #5c5c5c;border: 1px solid #515151;border-radius: 30px;margin: 0 auto;}
.news-nav{width: 568px;height: 50px;margin: 0 auto 40px;}
.news-nav>li{cursor: pointer;font-size: 24px;color:#333333;border: 1px solid #d9d9d9;display: inline-block;width:280px;line-height: 50px;height: 50px;text-align: center;}
.news-nav>li.active{background: #E6E6E6;}
.news-nav>li>img{vertical-align: top;margin: 12px 12px 0 0;}
.news-con{width: 75%;margin: 0 auto;height: 450px;}
.news-con>ul.this-show{display: block;}
.news-con>ul{display: none;width: 100%;}
.news-con>ul>li{vertical-align: top;transition:all 0.5s;width: 45%;height: 200px;border-bottom: 1px solid #f0f0f0;display: inline-block;margin-left: 6%;margin-top: 26px;}
.news-con>ul>li>a{display: block;margin-top: 0px;}
.news-con>ul>li>a>h5{margin-bottom: 24px;font-size: 24px;color: #1b1b1b;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;overflow: hidden;}
.news-con>ul>li>a>p{font-size: 16px;color: #999999;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;line-height: 26px;}
.news-con>ul>li>a>span{display: block;width: 82px;height: 24px;text-align: center;line-height: 24px;color: #FFFFFF;background: #333333;font-size: 12px;margin-top: 16px;}
.news-con>ul>li:hover{border-bottom: 1px solid #3291F2;margin-top: 6px;}
.news-con>ul>li:hover a>h5{color:#3291F2;}
.news-con>ul>li:first-child{margin-left: 0;}
.news-con>ul>li:nth-child(3){margin-left: 0;}
.success-case>a{display: block;width: 166px;height: 50px;text-align: center;line-height: 50px;font-size:20px;color: #5c5c5c;border: 1px solid #515151;border-radius: 30px;margin: 0 auto;}
.success-case>a:hover{background: #3291F2;color: #FFFFFF;border: 1px solid #3291F2;}
.chart{display: none;width: 100%;height: 100%;position: fixed;top: 0;left: 0;background: rgba(0,29,54,.5); z-index: 999;}
.phone-num{width: 100%;color: #3291F2;text-align: center;margin-top:20px;padding-bottom: 76px;}
.phone-num>img{vertical-align: top;margin-top: 4px;}
.phone-num>em{font-size: 24px;display: inline-block;vertical-align: top; margin: 4px 4px 0 6px;}
.phone-num>i{font-size: 30px;font-weight: bold;}
.out{cursor: pointer;width: 50px;height: 50px;overflow: hidden;position: absolute;top: 0;right: 0;}
.out:hover .t1{display: none;}
.chart>.chart-form>form>.message{position: absolute;top: 6%;left: 36%;}
/* style definition */
.yx-banner{position: relative;overflow: hidden;padding: 1px;width: 100%;height: 730px;margin: 0 auto;background-size: 100% 100%;}
.yx-banner>.xy{width: 1200px;margin: 0 auto;height: 100%;position: relative;}
.yx-con{width: 50%;color: #FFFFFF;margin-top: 230px;position: absolute;left: -18.75%;opacity: 0;animation: xys 1.5s;-moz-animation: xys 1.5s;-webkit-animation: xys 1.5s;-o-animation: xys 1.5s;animation-fill-mode:forwards;}
.yx-con>h5{font-size:46px;margin-bottom: 16px;}
.yx-con>p{font-size: 26px;line-height: 38px;width: 80%;}
.yx-con>span{display: block;width: 129px;margin-top: 40px;}
.yx-con>span>img{display: block;}
.yx-con>span>i{text-align: center;font-size:18px;display: block;vertical-align: text-bottom;margin-top: -8px;}
.yx-banner>.xy>.yx-img{width: 74.3%;margin-top:110px;position: absolute;right: -30%;opacity: 0;animation: pic 1.5s;-moz-animation: pic 1.5s;-webkit-animation: pic 1.5s;-o-animation: pic 1.5s;animation-fill-mode:forwards;}
.yx-banner>.xy>.yx-img>img{width: 100%;}
.what{width: 1200px;margin: 80px auto 0;height: 935px;position: relative;}
.what>a{display: block;width: 200px;height: 50px;text-align: center;line-height: 50px;border-radius: 30px;font-size: 24px;background: #3291F2;color: #FFFFFF;margin: -30px auto 80px;}
.what>h5{font-size:40px;color: #000000;text-align: center;}
.what>p{line-height: 40px;margin: 40px auto 80px;width: 80%;text-align: justify;font-size: 24px;color: #666666;}
.what>img{width: 98%;position: absolute;bottom: 0;left: 3%;opacity: 0;}
.what>img.up{animation: sl 1.5s;-moz-animation: sl 1.5s;-webkit-animation: sl 1.5s;-o-animation: sl 1.5s;animation-fill-mode:forwards;}
.why{overflow: hidden;padding: 1px;width: 100%;height: 935px;margin: 60px auto 0;}
.why-con{width: 1200px;margin: 250px auto 0;height: 100%;position: relative;}
.why-con>img{float: right;margin-right: 35px;position: absolute;right: -80px;opacity: 0;}
.why-word{width: 574px;display: inline-block;vertical-align: top;padding-top: 80px;position: absolute;left: -80px;opacity: 0;}
.why-word>h5{font-size: 40px;color: #000000;}
.why-word>p{margin-top: 30px;font-size: 26px;line-height: 38px;color: #666666;text-align: justify;}
.why-word.word{animation: word 1.5s;-moz-animation: word 1.5s;-webkit-animation: word 1.5s;-o-animation: word 1.5s;animation-fill-mode:forwards;}
.why-con>img.tp{animation: tp 1.5s;-moz-animation: tp 1.5s;-webkit-animation: tp 1.5s;-o-animation: tp 1.5s;animation-fill-mode:forwards;}
.contrast{width: 1200px;margin: 90px auto 110px;height: 486px;position: relative;}
.contrast>h5{font-size:40px;color: #000000;text-align: center;}
.contrast-con{width: 100%;margin: 70px auto 0;position: absolute;bottom: 0;left: 0;opacity: 0;}
.contrast-con.up{animation: sl 1.5s;-moz-animation: sl 1.5s;-webkit-animation: sl 1.5s;-o-animation: sl 1.5s;animation-fill-mode:forwards;}
.contrast-left,.contrast-right{width: 474px;display: inline-block;}
.contrast-left{color: #999999;}
.contrast-right{color: #3291F2;}
.contrast-right>.tra{border: 1px solid #3291F2;}
.contrast-mid{display: inline-block;width: 216px;vertical-align: top;color: #333333;}
.contrast-mid>p{width: 82px;height: 82px;margin: 2px auto 0;font-size: 24px;text-align: center;line-height: 82px;font-weight: bold;}
.contrast-mid>.vs-list{width: 100%;height: 230px;padding-top: 30px;margin-top: 50px;}
.contrast-mid>.vs-list>li{font-size: 22px;text-align: center;margin-bottom: 36px;}
.cont-top{width: 100%;}
.cont-top>img{margin: 0 10px 0 6px;}
.cont-top>span{display: inline-block;vertical-align: top;width: 380px;}
.cont-top>span>p{font-size: 30px;padding-bottom: 6px;border-bottom: 1px dashed #cccccc;width: 100%;}
.cont-top>span>i{font-size: 15px;color: #999999;margin-top: 5px;display: block;}
.tra{margin-top: 50px;width: 100%;height: 230px;border: 1px solid #999999;border-radius: 6px;padding: 34px 0 0 32px;}
.tra>li{font-size: 18px;margin-bottom: 40px;}
.tra>li>i{vertical-align:top;margin: 3px 0 0 8px;display: inline-block;}
.brand>em{margin-bottom: 20px;display: block;text-align: center;font-size: 36px;color: #333333;font-weight: bold;}
.brand>i{display: block;text-align: center;font-size:16px;color: #666666;}
.online{padding: 25px 60px 0;width: 1200px;height: 120px;background: #3291F2;margin: 50px auto 66px;border-radius: 60px;}
.online>span{color: #FFFFFF;font-size: 18px;}
.online>span>h5{font-size: 34px;}
.online>span>img{margin-right:6px;}
.online>span>i{font-size: 24px;color: #f6ff00;}
.online>a{margin-top: -30px;display: block;float: right;color: #3291F2;background: #FFFFFF;width: 180px;text-align: center;line-height: 50px;font-size: 26px;height: 50px;border-radius: 30px;}
.online>a:hover{background: #eaf4ff}
/* style definition */
.pp-banner{margin-bottom: 146px;position: relative;width: 100%;height: 730px;padding: 1px; background-size: 100% 100%;}
.pp-word{margin:100px auto 0;width: 100%;position: relative;}
.pp-banner>img{width: 69%;position: absolute;bottom: -110px;opacity: 0;left: 15.5%;animation: ppt 1.5s;-moz-animation: ppt 1.5s;-webkit-animation: ppt 1.5s;-o-animation: ppt 1.5s;animation-fill-mode: forwards;}
.pp-con{margin-top: -30px;left: 33.22%;color: #FFFFFF;text-align: center;position: absolute;top: 0;opacity: 0;animation: e 1.5s;-moz-animation: e 1.5s; /* Firefox */-webkit-animation: e 1.5s; /* style definition */-o-animation: e 1.5s;animation-fill-mode:forwards;}
.pp-con>h5{font-size:46px;text-align: center;}
.pp-con>p{font-size: 36px;text-align: center;margin: 12px auto 20px;}
.pp-con>ul{font-size: 18px;}
.pp-con>ul>li{display: inline-block;padding: 0 32px 0 38px;border-left: 1px solid #87bef8;}
.pp-con>ul>li:first-child{border: none;}
.solution{width: 1200px;margin: 110px auto 140px;height: 487px;position: relative;}
.solu{width: 100%;margin: 0 auto;text-align: center;}
.solu>h5{font-size: 32px;margin-bottom: 24px;color: #333333;}
.solu>p{font-size: 16px;color: #666666;}
.solu-list{margin-top: 30px;position: absolute;bottom: 0;left: 0;opacity: 0; }
.solu-list.so{animation: sl 1.5s;-moz-animation: sl 1.5s;-webkit-animation: sl 1.5s;-o-animation: sl 1.5s;animation-fill-mode: forwards;}
.solu-list>li{cursor: pointer;margin-left: 18px;display: inline-block;width: 280px;height: 370px;border-radius: 4px;box-shadow: 0px 0px 26px 2px #f6f6f6;}
.solu-list>li:hover img{animation: swing 1s infinite linear}
.solu-list>li:hover p{color: #3291F2;}
.solu-list>li:first-child{margin-left: 0;}
.solu-list>li>img{display: block;margin: 50px auto 36px;}
.solu-list>li>p{text-align: center;font-size: 24px;color: #333333;margin-bottom: 30px;}
.solu-list>li>i{font-size:20px;color: #666666;display: block;text-align: center;line-height: 32px;}
.design{position: relative;width: 100%;height: 660px;margin: 0 auto;background: #f5f5f5;overflow: hidden;}
.design>img{position: absolute;right: 0px;top: 0;width: 52.1%;opacity: 0;}
.design>img.right{height: 100%;}
.design>img.right{animation: tp 1.5s;-moz-animation: tp 1.5s; -webkit-animation: tp 1.5s;-o-animation: tp 1.5s;animation-fill-mode: forwards;}
.design-center{width: 1200px;margin:0 auto;padding-top: 192px;position: relative;}
#design1{position: absolute;left: 0;opacity: 0;}
#design1.left{ animation: word 1.5s;-moz-animation: word 1.5s;-webkit-animation: word 1.5s;-o-animation: word 1.5s; animation-fill-mode: forwards;}
.design-word{width: 525px;}
.design-word>h5{font-weight: normal;font-size:50px;color: #000000;margin-bottom: 48px;}
.design-word>p{font-size: 24px;color: #666666;text-align: justify;line-height: 36px;}
.development{width: 100%;height: 620px;margin: 0 auto; display: -webkit-flex;align-items: center;overflow: hidden;position: relative;}
.development>img{width:44.6%;position: absolute;left:-50px;opacity: 0;}
.development>img.deve{animation: dev 1.5s;-moz-animation: dev 1.5s;-webkit-animation: dev 1.5s;-o-animation: dev 1.5s;animation-fill-mode: forwards;}
#design2{position: absolute;right: 0;opacity: 0;}
#design2.bh{animation: bh 1.5s;-moz-animation: bh 1.5s;-webkit-animation: bh 1.5s;-o-animation: bh 1.5s;animation-fill-mode: forwards;}
#design3{position: absolute;left: 0;opacity: 0;}
#design3.lbh{animation: lbh 1.5s;-moz-animation: lbh 1.5s;-webkit-animation: lbh 1.5s;-o-animation: lbh 1.5s;animation-fill-mode: forwards;}
.development>.design-word{width:31.7%}
.manager{position: relative;margin: 0 auto 130px;width: 100%;height: 660px;background: #f5f5f5;display: -webkit-flex;align-items: center;}
.manager>.design-word{width: 28.6%;}
.manager>img{width: 44.8%;position: absolute;right:0;opacity: 0;}
.manager>img.cx{animation: cx 1.5s;-moz-animation: cx 1.5s;-webkit-animation: cx 1.5s;-o-animation: cx 1.5s;animation-fill-mode: forwards;}
/* style definition */
.y-banner{width: 100%;height: 830px;padding: 1px; background-size: 100% 100%;position: relative;}
.y-word{margin: 135px auto 0;width: 1200px;opacity: 0;animation: yb 2s;-moz-animation: yb 2s; /* Firefox */-webkit-animation: yb 2s; /* style definition */-o-animation: yb 2s;animation-fill-mode:forwards;}
.y-banner>img{position: absolute;left: 37%;bottom: 0;opacity: 0;animation: yimg 1.5s;-moz-animation: yimg 1.5s; /* Firefox */-webkit-animation: yimg 1.5s; /* style definition */-o-animation: yimg 1.5s;animation-fill-mode:forwards;}
.y-word>h5{font-size:40px;color: #FFFFFF;text-align: center;margin-bottom: 18px;}
.y-word>p{font-size: 24px;color: #FFFFFF;text-align: center;}
.y-word>h5>i,.y-word>p>i{color: #eeeb04;}
.y-word>ul{width: 100%;margin-top: 98px;}
.y-word>ul>li{display: inline-block;width: 396px;margin-bottom: 36px;}
.y-word>ul>li:nth-child(2n){margin-left:402px;}
.y-word>ul>li>img{vertical-align: top;margin: 4px 14px 0 0;}
.y-word>ul>li>span{display: inline-block;width: 334px;color: #FFFFFF;}
.y-word>ul>li>span>em{display: block;font-size: 24px;margin-bottom: 14px;}
.y-word>ul>li>span>p{width: 100%;text-align: justify;font-size: 17px;line-height: 26px;}
.m-why{overflow: hidden;width: 1200px;margin: -40px auto 38px;position: relative;}
.m-why>.why-d>img{position: absolute;top: 290px;left: 32%; border-radius: 50%;opacity: 0;}
.m-why>.why-d>img.show{animation: yb 3s;-moz-animation: yb 3s; /* Firefox */-webkit-animation: yb 3s; /* style definition */-o-animation: yb 3s;animation-fill-mode:forwards;}
.m-why>.why-d{height: 700px;}
.m-title{width: 100%;margin: 0 auto;text-align: center;}
.m-title>h5{font-size: 40px;color: #333333;padding-bottom: 18px;}
.m-title>h5>i{color: #f37b30;}
.m-title>p{font-size: 24px;color: #666666;}
.m-title>em{border-radius: 30px;display: block;margin: 40px auto 0;width: 244px;line-height: 43px;background: #f37b30;color: #FFFFFF;font-size: 20px;}
.m-why>.why-d>ul{width: 364px;margin: 34px auto 46px;display: inline-block;height: 434px;}
.m-why>.why-d>ul>li{margin-bottom: 40px;display: inline-block;width: 300px;height: 116px;}
.m-why>.why-d>ul>li>span{font-size: 26px;color: #666666;}
.m-why>.why-d>ul>li>p{margin-top: 6px;font-size: 14px;color: #808080;line-height: 22px;}
#m-rule1{/*margin-left: 50px;*/position: absolute;left: 0;opacity: 0;animation-fill-mode:forwards;}
#m-rule1.rule1{animation: rule1 1.5s;-moz-animation: rule1 1.5s; /* Firefox */-webkit-animation: rule1 1.5s; /* style definition */-o-animation: rule1 1.5s;animation-fill-mode:forwards;}
#m-rule2{/*float: right;margin-right: 50px;*/position: absolute;right: 0;opacity: 0;}
#m-rule2.rule2{animation: rule2 1.5s;-moz-animation: rule2 1.5s; /* Firefox */-webkit-animation: rule2 1.5s; /* style definition */-o-animation: rule2 1.5s;animation-fill-mode:forwards;}
#m-rule1>li{padding: 20px 0 0 18px;background: url(../img/y43.png) no-repeat center;background-size: 100% 100%;}
#m-rule2>li{padding: 20px 0 0 36px;background: url(../img/y44.png) no-repeat center;background-size: 100% 100%;}
.want{padding: 26px 40px 0 26px;width: 100%;margin: 0 auto;height: 130px;}
.want>span>h5{font-size: 34px;color: #FFFFFF;}
.want>span>h5>em{color: #f6ff00;}
.want>span>p{color: #FFFFFF;font-size: 18px;}
.want>span>p>i{color: #F6FF00;font-size: 24px;}
.want>span>p>img{margin-right: 6px;}
.want>a{display: block;width:180px;line-height:50px;color: #FFFFFF;font-size:26px;background: #f37b30;text-align: center;border-radius: 4px;float: right;margin-top: -60px;}
.m-can{width: 100%;padding: 80px 0 35px;background: #f0f0f0;}
.fly-cen{width: 1200px;margin: 0 auto;}
.m-fly{width: 100%;margin: 70px auto 20px;opacity: 0;}
.fly-cen>.m-fly.show{animation: yb 3s;-moz-animation: yb 3s; /* Firefox */-webkit-animation: yb 3s; /* style definition */-o-animation: yb 3s;animation-fill-mode:forwards;}
.m-fly>li{cursor: pointer;padding: 38px 29px 0;vertical-align: top;display: inline-block;background: #FFFFFF;width: 380px;height: 200px;margin: 0 0 20px 20px;}
.m-fly>li:hover img{animation: swing 1s infinite linear}
.m-fly>li:hover span>h5{color: #f37b30;;}
.m-fly>li:first-child{margin: 0 0 20px 0;}
.m-fly>li:nth-child(4){margin: 0 0 20px 0;}
.m-fly>li>img{vertical-align: top;}
.m-fly>li>span{display: inline-block;width: 242px;margin-left: 10px;}
.m-fly>li>span>h5{font-size: 26px;color: #666666;font-weight: normal;}
.m-fly>li>span>p{font-size: 17px;color: #a6a6a6;line-height: 28px;margin-top: 8px;text-align: justify;}
.bring{overflow: hidden;width: 1200px;margin: 90px auto;}
.more-traffic{width: 100%;margin: 80px auto 0;display: -webkit-flex;align-items: center;height: 489px;position: relative;}
#t1{position: absolute;left: -80px;opacity: 0;}
#t1.word{animation: word 1.5s;-moz-animation: word 1.5s;-webkit-animation: word 1.5s;-o-animation: word 1.5s;animation-fill-mode:forwards;}
#timg{position: absolute;right: -80px;opacity: 0;}
#timg.tp{animation: tp 1.5s;-moz-animation: tp 1.5s;-webkit-animation: tp 1.5s;-o-animation: tp 1.5s;animation-fill-mode:forwards;}
#t2{position: absolute;right: -80px;opacity: 0;}
#t2.tp{animation: tp 1.5s;-moz-animation: tp 1.5s;-webkit-animation: tp 1.5s;-o-animation: tp 1.5s;animation-fill-mode:forwards;}
.this-img{position: absolute;left: -80px;opacity: 0;}
.this-img.word{animation: word 1.5s;-moz-animation: word 1.5s;-webkit-animation: word 1.5s;-o-animation: word 1.5s;animation-fill-mode:forwards;}
.traff>span{margin-bottom: 40px;display: block;}
.traff>span>h5{font-size: 40px;color: #f88302;}
.traff>span>p{font-size:20px;color: #999999;}
.traff>p{font-size: 16px;color: #999999;line-height: 32px;}
.traff>p>i{color: #F88302;}
.traff>a{margin-top: 36px;display: block;width: 440px;height: 54px;line-height: 54px;font-size: 16px;color: #FFFFFF;text-indent: 26px;border-radius: 30px;}
.good{margin: 0 auto 40px;width: 1200px;}
.good-list{margin: 70px auto 0;opacity: 0;}
.good>.good-list.show{animation: yb 3s;-moz-animation: yb 3s; /* Firefox */-webkit-animation: yb 3s; /* style definition */-o-animation: yb 3s;animation-fill-mode:forwards;}
.good-list>li{cursor: pointer;display: inline-block;width: 194px;height: 154px;margin:0 0 30px 2px;}
.good-list>li:hover p{color: #f37b30;}
.good-list>li:hover .y1{display: none;}
.good-list>li:hover .lct{transform: rotateY(360deg);}
.good-list>li>.lct{margin-bottom: 4px;width: 72px;height: 72px;overflow: hidden;transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; -moz-transition: all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.good-list>li>p{font-size: 16px;color: #666666;margin-bottom: 28px;}
.good-list>li>i{font-size: 13px;color: #999999;line-height: 26px;width: 26px;text-align: center;border: 1px solid #e9e9e9;border-radius: 50%;display:inline-block;margin: 0 3px 0 18px;}
.good-list>li>em{display: inline-block;width: 144px;height: 1px;background: #eeeeee;vertical-align: top;margin-top: 12px;}
/* style definition */
.service-banner{position: relative;margin: 0 auto 20px;width: 100%;height: 680px;background-size: 100% 100%;}
.ser-word{text-align: center;color: #FFFFFF;width: 100%;position: absolute;top: 0;opacity: 0;animation: ser 1.5s;-moz-animation: ser 1.5s;-webkit-animation: ser 1.5s;-o-animation: ser 1.5s;animation-fill-mode:forwards;}
.ser-word>h5{font-size:46px;margin-bottom:18px;}
.ser-word>p{font-size:36px;}
.service-banner>.ser-img{width: 25.2%;position: absolute;bottom: -92px;left: 35.25%;opacity: 0;animation: st 1.5s;-moz-animation: st 1.5s;-webkit-animation: st 1.5s;-o-animation: st 1.5s;animation-fill-mode:forwards;}
.service-banner>.ser-img>img{width: 100%;}
@media (max-width: 1920px) {
}
@media (max-width: 1680px) {
.service-banner>.ser-img{width: 27.2%;margin-bottom: 15px;}
.y-banner>img{left: 35%;}
.pp-banner>img {width: 74%;}
.pp-con{margin-top: 0px;left: 32.2%;}
.design{height: 572px;}
.design>img.right{height: 100%;}
.lx-banner {height: 610px;}
.message {margin: 4.2% 0 0 0;}
}
@media (max-width: 1440px) {
.service-banner>.ser-img{width: 32.2%;margin-bottom: 15px;}
.yx-banner>.xy>.yx-img{width: 70.3%;margin: 130px 120px 0 0;}
.y-banner>img{left: 32.5%;}
.pp-banner>img {width: 78%;left: 13%;margin-bottom: 38px;}
.pp-con {margin-top: 0px;left: 28.8%;}
.pp-banner{margin-bottom: 120px;}
#design3{width:32%;margin-left: -30px;}
.case-nav { padding-left:2px}
.about-banner {height: 620px;}
.about-center {margin: 140px auto 0;}
.lx-banner {height: 520px;}
.message { width: 470px;min-height: 480px;}
.message>h5 {line-height: 70px;}
.tx>input[type="text"] {margin-bottom: 18px;}
.tx>input[type="tel"] { margin-bottom: 18px;}
}
@media (max-width: 1366px) {
.head-content{width: 82.6%;}
.case-nav{width: 1120px;}
.case-nav>li { display: inline-block;width: 217px;}
.service-banner>.ser-img{width: 33.2%;margin-bottom: 15px;}
.yx-banner>.xy>.yx-img{width: 68.3%;margin: 140px 158px 0 0;}
.y-banner>img{left: 31.8%;}
.pp-con {margin-top: 0px;left: 26.3%;}
.pp-banner>img {width: 82%;left: 10%;margin-bottom: 38px;}
#design3{width:35%;margin-left: -68px;}
.development>.design-word {width: 35.7%;margin-right: -60px;}
.about-banner {height: 590px;}
.about-center {margin: 116px auto 0;}
.lx-banner {height: 480px;}
.message {width: 450px;min-height: 440px;}
.message>h5 {line-height: 60px;}
.tx>input[type="text"] {margin-bottom: 16px;}
.tx>input[type="tel"] { margin-bottom: 16px;width: 211px;}
.tx>input[type="text"].name {width: 180px;margin-right: 10px;}
.tx>textarea {height: 108px;}
.tx {width: 406px;}
}
@media (max-width: 1280px) {
.head-content{width: 86.6%;}
.yx-banner>.xy>.yx-img{width: 64.3%;margin: 162px 196px 0 0}
.yx-con{margin-left: 17px;}
.y-banner>img{left: 30%;}
#design3 {width: 36%;margin-left: -78px;}
}