@charset "utf-8";
/*-----------------------------------------------------header-----------------------------------------------------*/
.header { width: 100%; margin: 0 auto; background: #fff; position: fixed; top: 0; z-index: 999;  border-bottom:1px solid #f1f1f1;}
.header .top { width: 100%; height: 40px; background: #333; }
.header .top-info { width: 1200px; height: 40px; margin: 0 auto; color: #999; }
.header .top-info p { line-height: 40px; font-size: 12px; }
.header .top-info .top-nav { color: #999; height: 40px; }
.header .top-info .top-nav h1 { font-weight: normal; color: #999; line-height: 40px; padding: 0 12px; font-size: 12px; }
.header .top-info .top-nav h1 span { color: #fff; font-size: 16px; font-weight: bold; font-family: Arial; font-style: italic; }
.header .top-info .top-nav .help-us { color: #999; line-height: 40px; padding: 0 12px; font-size: 12px; background: url(../images/top-nav-line.png) left center no-repeat; }
.header .top-info .top-nav .help-us:hover { color: #fff; }
.header .top-info .top-nav .focus-us { color: #999; line-height: 40px; padding: 0 6px 0 12px; font-size: 12px; background: url(../images/top-nav-line.png) left center no-repeat; }
.header .top-info .top-nav a { color: #999; }
.header .top-info .top-nav .ww { padding-top: 6px; }
.header .top-info .top-nav .ww a { margin-left: 10px; }
.header .top-info .top-nav .xk-wechat { font-size: 16px; }
.header .top-info .top-nav .xk-weibo { font-size: 18px; }
.header .top-info .top-nav .wechat:hover, .header .top-info .top-nav .weibo:hover { color: #fff; }
.wechat { position: relative; z-index: 1; }
.wechat .m-tip { position:absolute; top: 40px; left: -60px; z-index: 999; opacity: 0; -webkit-opacity:0; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);  visibility: hidden;}
.wechat:hover .m-tip { -webkit-opacity:1;opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);   visibility: visible;}
.wechat .m-tip .direction-top { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; position: absolute; top: -20px; left: 60px; -webkit-opacity:0.8; opacity: 0.8; }
.wechat .m-tip .m-tip-panel i { position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8;}
.wechat .m-tip .m-tip-panel { padding: 10px; width: 120px; }
.wechat .m-tip .m-tip-panel img { width: 120px; margin: 0 auto;}
.wechat .m-tip .m-tip-panel p { line-height: 120%; text-align: center; color:#fff;}
.header .bot {width:1200px; height:80px; margin:0 auto; background:#fff;}
.header .bot .logo { margin-top:20px;}
.nav { padding-right:50px;}
.nav ul li { float:left; height:80px; line-height:80px; padding:0 25px; position:relative; z-index:1; margin:0 5px; }
.nav ul li a {color:#666; font-size:16px;}
.nav ul li:hover a, .nav ul li:hover a.on,  .nav ul li a.on { color:#ff7300;}
.nav ul li a span { position:absolute; z-index:9; top:31px; right:0; font-size:20px; width:20px; display:inline-block; color:#bbb; text-align:center; -webkit-animation: rotateend .5s ease forwards; animation: rotateend .5s ease forwards;}
.nav ul li:hover a span { color:#bbb;   -webkit-animation: rotate .5s ease forwards;  animation: rotate .5s ease forwards; }
.nav ul li ul li {margin:0;}
.nav .m-tip {z-index: 10001; position: relative; top:4px; display:none;}
.nav .m-tip .direction-top { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent transparent #000 transparent; position: absolute; top: -20px; left: 45px; -webkit-opacity:0.8; opacity: 0.8; }
.nav .m-tip .m-tip-panel { min-width: 110px;  position: absolute; top: -15px;right: -30px; padding: 0; }
.nav .m-tip .m-tip-panel i {  position: absolute; width: 100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8 }
.nav .m-tip .m-tip-panel ul { }
.nav .m-tip .m-tip-panel ul li  { line-height: 40px; padding: 0; height: 40px;text-align: center; float: none;}
.nav .m-tip .m-tip-panel ul li a {  width:100%; line-height:40px; font-size: 14px; color: #fff; display:inline-block;}
.nav .m-tip .m-tip-panel ul li a:hover { background:#000;}
.user-msg { line-height: 80px;}
.user-msg .login {border-right: 1px solid #ccc;padding-right: 12px;}
.user-msg a { font-size: 18px;color: #666;padding-left: 16px;}
.user-msg a:hover {color:#ff7300;}
.ico-user-img { float: none; background:url(../images/ico_user_img.png) no-repeat; width: 32px;height: 32px; vertical-align: middle;     display: inline-block; zoom: 1; margin-right: 22px;}

.saas_logo img {display:none;}
.iheader .saas_logo { width:280px; height:40px; background:url(../images/wpm_logo_white.png) no-repeat;}
.iheader { width:100%; height:80px; position:fixed; left:0; top:0; z-index:1000; background:none!important; border:none!important;   }
.iheader .saas_nav li a.title {color:#fff;}
.iheader .saas_nav li:hover a.title{ color:#fff;}
.iheader .saas_nav li span.ico{ color:#fff!important;}
.iheader .saas_login a.link{ color:#fff; }
.iheader .saas_login a.link:hover{ color:#fff;}
.iheader .saas_loginmenu a.online {color:#fff;}
.iheader .saas_loginmenu:hover a.online{ color:#fff;}
.ihfix .saas_logo { width:280px; height:40px; background:url(../images/wpm_logo.png) no-repeat!important;}
.canvas {}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.banner { width: 100%; height: 800px; overflow: hidden;  background:#0172d2; }
.animation { position: relative; width: 100%; height: 800px; margin: 0 auto; overflow: hidden; background:#0172d2; }
.scroll-down { position: absolute; left : 50%; bottom:70px; width: 33px; height: 72px; margin-left: -17px; text-align: center; cursor: pointer; }
.scroll-down .por { position: relative; z-index:99;}
.scroll-down span.fi { width: 5px; height: 5px; background: url(../images/ico-down1.png) no-repeat; margin: 0 0 6px 14px; animation: scrollDown 1.5s infinite 1.6s; -webkit-animation: scrollDown 1.5s infinite 1.6s; }
.scroll-down span.se { width: 7px; height: 7px; background: url(../images/ico-down2.png) no-repeat; margin: 0 0 6px 13px; animation: scrollDown 1.5s infinite 1.4s; -webkit-animation: scrollDown 1.5s infinite 1.4s; }
.scroll-down span.th { width: 9px; height: 9px; background: url(../images/ico-down3.png) no-repeat; margin: 0 0 6px 12px; animation: scrollDown 1.5s infinite 1.2s; -webkit-animation: scrollDown 1.5s infinite 1.2s; }
.scroll-down span.fo { width: 33px; height: 33px; background: url(../images/ico-down4.png) no-repeat; animation: scrollDown 1.5s infinite 1s; -webkit-animation: scrollDown 1.5s infinite 1s; }
@keyframes scrollDown {
 0% {
 opacity: 1;
 top: 0;
}
 100% {
 opacity: 0;
 top: 10px
}
}
.layer { display:block; z-index:99;}
.layer-s {z-index:998!important; }
.pic0 { background: url(../images/tm11.jpg) top center no-repeat; }
.pic1 { background: url(../images/img_abg.jpg) top center no-repeat; /*background:#0172d2;*/ }
.pic2 { background: url(../images/img_bbg.jpg) top center no-repeat;}
.pic3 { background: url(../images/img_cbg.jpg) top center no-repeat; }
.pic4 { background: url(../images/img_dbg.jpg) top center no-repeat; }
.pic5 { background:#03c36b; }
.pic6 { background: url(../images/img_fbg.jpg) top center no-repeat; }
.animation ul { width: 100%; position: absolute; left: 0; top: 0; z-index: 1; }
.animation ul li { width: 100%; height: 800px; position: absolute; top: 0; left: 0; display: none; }
.animation ul li:first-child { display: block; }
.animation ul li>div { width: 100%; height: 800px; display: block; background-position: top center; background-repeat: repeat; background-size: cover; }
.banner-btn { position: absolute; top: 50%; margin-top: -30px; width: 100%; z-index: 3; }
.banner-btn .w1000 { position: relative; }
.banner-btn a { position: absolute; width: 30px; height: 59px; z-index: 99; display: none; }
.banner-btn a.prev { background: url("../images/b_left.png"); left: 2%; }
.banner-btn a.next { background: url("../images/b_right.png"); right: 2%; }
.animation ol { z-index: 2; width: 100%; text-align: center; position: absolute; bottom: 20px; }
.animation ol li { width: 10px; height: 10px; margin: 0 4px; display: inline-block; text-align: center; -webkit-border-radius: 100px;  border-radius: 100px; cursor: pointer; border: 1px solid #fff; background:url("../images/pli-dark.png") repeat;; }
.animation ol li.active { background: #fff; }
.animation ul li .wrap { position: relative; width: 1200px; height: 800px; margin: 0 auto; z-index:99; }
.animation ul li .wrap img { position: absolute; }
.pic .txt { position:absolute; top:180px;  color:#fff; }
.pic .txt h1 {font-size:36px; font-weight:bold; margin-bottom:20px;}
.pic .txt p {font-size:18px;}
.pic .bico {position:absolute; top:370px; width:560px; font-weight:bold; color:#fff; font-size:20px; }
.pic .bico a { display:inline-block; width:155px; line-height:50px; margin-right:20px; margin-bottom:20px; }
.pic .bico a i {display:block; width:50px; height:50px; float:left; margin-right:15px; }
.pic .bico a i p { line-height:50px;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
/*.cb .a-1 { left:0; top:110px;  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }
.cb .a-2 { right:0; top:150px;  z-index: 99; -webkit-animation: fadeInUp 0.8s 0.4s ease both;animation: fadeInUp 0.8s 0.4s ease both;}
.cb .a-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 410px; z-index: 999; text-align:left; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .a-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px; -webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .a-3 a:hover {background:#fff; color:#2c7ee9;}*/
.cb .a-1 { left: 50%; margin-left: -380px; top: 120px; z-index: 99; }
.cb .a-1 { animation: fadeInUp 0.6s 0.3s ease both; -webkit-animation: fadeInUp 0.6s 0.3s ease both; }
.cb .a-2 { left: 50%; margin-left: -190px; top: 280px; z-index: 99; }
.cb .a-2 { animation: fadeInUp 0.8s 0.3s ease both; -webkit-animation: fadeInUp 0.8s 0.3s ease both; }
.cb .a-3 {position: absolute; width:520px; height:60px; line-height:60px; color:#fff; font-size:24px; font-weight:bold; border-radius:60px; background:#0064b7; text-align:center; 
 left: 50%; margin-left: -260px; top: 350px; z-index: 99; }
.cb .a-3 { animation: fadeInUp 1s 0.3s ease both; -webkit-animation: fadeInUp 1s 0.3s ease both; }
.cb .a-4 { position: absolute; width: 1920px; height: 660px; z-index: 1; left: 50%; margin-left: -960px; top: 0; }
.cb .a-4 { animation: fadeIn 1s 1.5s ease both; -webkit-animation: fadeIn 1s 1.5s ease both; }
.cb .sbtn { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 580px; z-index: 999; text-align:center; -webkit-animation: fadeInUp 1.4s 0.3s ease both; animation: fadeInUp 1.4s 0.3s ease both;}
.cb .sbtn a { padding:0 60px; height:50px; display:inline-block; line-height:50px; background:#ff7300; text-align:center; color:#fff; margin:0 auto; -webkit-border-radius: 4px; border-radius:4px;font-size:20px;  transition: all 0.3s linear; }
.cb .sbtn a:hover { box-shadow: 0 10px 30px 10px rgba(0, 0, 0, .1); margin-top:-5px; }
.cb .sbg .a-6 { left: 50%; margin-left: -600px; bottom: 0px; z-index: 99; }
.cb .ali {position:absolute; width:100%; text-align:center; top: 460px; z-index: 99; animation: fadeInUp 0.8s 0.6s ease both; -webkit-animation: fadeInUp 0.8s 0.6s ease both;}
.cb .ali a { color:#fff; font-size:18px;font-weight:bold; height:46px; line-height:46px; display:inline-block; padding:0 26px; border:2px solid rgba(255,255,255,0.3); border-radius:6px; margin:0 15px;  }
.cb .ali a:hover { color:#0172d2; background:#fff;}
.cb .a-a {left: 50%; margin-left: -320px; top: 130px; z-index: 99; }
.cb .a-a { animation: fadeInUp 0.8s 0.3s ease both; -webkit-animation: fadeInUp 0.8s 0.3s ease both; }
.cb .a-b { position:absolute; top:250px; width:100%; text-align:center; font-size:36px; font-weight:bold; color:#fff; font-style:italic;   }
.cb .a-b { animation: fadeInUp 1s 0.3s ease both; -webkit-animation: fadeInUp 1s 0.3s ease both;  }
.cb .tem1 { left:-440px; top:410px; }
.cb .tem2 { left:-240px; top:360px;}
.cb .tem3 { left:80px; top:390px; }
.cb .tem4 { left:120px; top:410px;}
.cb .tem5 { left:460px; top:500px;}
.cb .tem6 { right:120px; top:480px; }
.cb .tem7 { right:20px; top:420px;}
.cb .tem8 { right:-340px; top:470px; }
.cb .tem9 { right:-300px; top:410px;}
.cb .tem { animation: fadeInUp 1.2s 0.3s ease both; -webkit-animation: fadeInUp 1.2s 0.3s ease both; }

/*-----------------------------------------------------banner-----------------------------------------------------*/
.cb .b-1 {
    left: 0;
    top: 250px;
    z-index: 1;
    -webkit-animation: fadeInUp 0.4s 0.4s ease both;
    animation: fadeInUp 0.4s 0.4s ease both;
}
.cb .b-2 { right:-20px; top:150px;  z-index: 99; -webkit-animation: fadeInUp 0.8s 0.4s ease both;animation: fadeInUp 0.8s 0.4s ease both;}
.cb .b-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 560px; z-index: 999; text-align:left; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .b-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px; -webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .b-3 a:hover {background:#fff; color:#ff7300;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.cb .c-1 { left:0; top:220px;  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }
.cb .c-2 { right:0; top:200px;  z-index: 99; -webkit-animation: fadeInUp 0.8s 0.4s ease both;animation: fadeInUp 0.8s 0.4s ease both;}
.cb .c-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 560px; z-index: 999; text-align:left; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .c-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .c-3 a:hover {background:#fff; color:#f37b4a;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.cb .d-1 { left:0; top:220px;  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }
.cb .d-2 { right:0; top:240px;  z-index: 99; -webkit-animation: fadeInUp 0.8s 0.4s ease both;animation: fadeInUp 0.8s 0.4s ease both;}
.cb .d-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 560px; z-index: 999; text-align:left; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .d-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .d-3 a:hover {background:#fff; color:#1871e9;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.cb .e-1 { left:120px; top:700px;  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }
.cb .e-2 { left:130px; top:160px;  z-index: 99; -webkit-animation: fadeInUp 0.8s 0.4s ease both;animation: fadeInUp 0.8s 0.4s ease both;}
.cb .e-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 580px; z-index: 999; text-align:center; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .e-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .e-3 a:hover {background:#fff; color:#00a34f;}

/*-----------------------------------------------------banner-----------------------------------------------------*/
.cb .f-1 { left:188px; top:180px;  z-index: 1;  -webkit-animation: fadeInUp 0.4s 0.4s ease both;animation: fadeInUp 0.4s 0.4s ease both; }
.cb .f-3 { position:absolute; width:1200px; left: 50%; margin-left: -600px;  top: 520px; z-index: 999; text-align:center; -webkit-animation: fadeIn 1.2s 1s ease both; animation: fadeIn 1.2s 1s ease both;}
.cb .f-3 a { width:150px; height:40px; display:inline-block; line-height:40px; border:1px solid #fff; text-align:center; color:#fff; margin:0 15px;-webkit-border-radius: 2px; border-radius: 2px;font-size:16px;}
.cb .f-3 a:hover {background:#fff; color:#3b2eb4;}


/*-----------------------------------------------------notice-----------------------------------------------------*/
.notice { width: 100%; height: 60px; overflow: hidden; border-bottom:1px solid #ddd; background:#fff; }
.notice-title {width:100px; height:30px; line-height:30px; color:#fff; background:#ff7300;  -webkit-border-radius:30px;  border-radius: 30px; text-align:center; float:left; margin:15px 20px 0 0; }
.notice-info { width: 1200px; height: 60px; margin: 0 auto; }
.txtScroll-top { overflow: hidden; position: relative; width: 80%; float: left; }
.txtScroll-top .bd {  }
.txtScroll-top .infoList li {width:100%; height: 60px; line-height: 60px; float:left; }
.txtScroll-top .infoList li a { color: #666; line-height: 60px; }
.txtScroll-top .infoList li a:hover { color: #ff7300;}
.txtScroll-top .infoList li .title { float: left; }
.txtScroll-top .infoList li .date { float: left; padding-left: 20px; font-family:Arial;  line-height: 62px; }
.news-more { width: 8%; float: right; text-align: right; }
.news-more a { color: #666; line-height: 60px; }
.news-more a:hover {color:#ff7300;}

/*-----------------------------------------------------product-----------------------------------------------------*/
.ipro {width:100%; padding:80px 0; background:#f6f6f6;}
.picScroll-left .bd{width:100%; }
.picScroll-left .bd ul{ overflow:hidden; zoom:1; }
.picScroll-left .bd ul li{ float:left; display:inline; }
.picScroll-left .hd a { position:absolute; top:170px; width:50px; height:50px; background:#999; color:#fff; text-align:center;  outline: none; cursor:pointer; z-index:999;}
.picScroll-left .hd a i { font-size:32px; line-height:50px;}
.picScroll-left a:hover { background:#ff7300;}
.picScroll-left .prev { left:-70px;}
.picScroll-left .next { right:-70px;}
.hide {display: none;}
.intelligence { width: 1230px;margin: 0 auto; position:relative;}
.intelligence .di-item { width: 390px; height: 370px; float: left; position: relative; margin:0 10px;  margin-bottom: 20px; }
.intelligence .no-padding { padding-right: 0; }
.intelligence .di-item .di-item-box { margin:10px;   background-color: #fff; width: 370px; height: 370px; border: 1px solid #ddd; }
.intelligence .di-item .item-icon { margin: 0 30px; border-bottom: 1px solid #ddd; text-align: center; padding: 30px 20px 25px 20px;} 
.intelligence .di-item .item-desc .desc-title { text-align: center; font-size: 18px; color: #333; font-weight: 600; margin: 15px 0 5px 0;}
.intelligence .di-item .item-desc .desc-content { font-size: 14px;  }
.intelligence .di-item .item-desc .desc_smtil { font-size: 14px;color: #999; line-height:180%;  margin:10px 0 20px 0;}
.intelligence .di-item .item-more { border-top: 1px solid #ddd; display: none; padding: 25px 0 30px 0; height: 120px; margin: 0 30px; line-height: 24px;}
.intelligence .di-item .item-more li {  min-width: 20%; float: left;  line-height: 22px; font-size: 14px; color: #666; text-align: center; padding-right: 10px; }
.intelligence .di-item .item-link {  text-align: center; width:calc(100% - 60px); margin:0 auto;}
.intelligence .di-item .item-link .link-btn { display: inline-block; width: calc(50% - 12px); height: 36px; border: 1px solid #ff7300; line-height: 36px;text-align: center; font-size: 14px; 
  color: #ff7300;  float:left; margin-right:20px; background:none; transition:all 0.3s ease-out;}
.intelligence .di-item .item-link .link-btn:last-child {margin-right:0; background:#ff7300; color:#fff; border: 1px solid #ff7300; }
.intelligence .di-item .item-link .link-btn:hover { transform: translateY(-5px);}
.intelligence .di-item-box .item-icon img {  border-radius: 4px;}
.intelligence .di-item .di-item-box-hover { width: 390px;  height: 380px;  border: 1px solid #ff7300; position: absolute;  top: 5px;  z-index: 100; left: 0px; background-color: #fff;}
.intelligence .di-item .di-item-box-hover::after { content: ''; position: absolute; top: 0; left: 0; width: 100%;  height: 100%; opacity: 0.5; box-shadow: 0 5px 25px #ccc; z-index: -1;}
.intelligence .di-item-box-hover .item-icon { border-bottom: 0; padding: 0; display: inline-block; width: 70px; text-align: center; margin: 0;  vertical-align: top; margin: 30px 20px 0 30px;}
.intelligence .di-item-box-hover .item-icon img {  border-radius: 4px;}
.intelligence .di-item-box-hover .item-desc {width: 240px; display: inline-block; }
.intelligence .di-item-box-hover .item-desc .desc-title { margin: 36px 0 0 0; text-align: left; }
.intelligence .di-item-box-hover .item-desc .desc-content { line-height:180%;}
.intelligence .di-item-box-hover .item-more { display: block; margin-top:25px;  }
.intelligence .di-item-box-hover .item-more p span { display:inline-block; line-height:30px; border-radius:30px; width:100px; margin:0 15px 15px 0; background:#eee; float:left;}
.intelligence .di-item-box-hover .item-more p span:nth-child(3n) {margin-right:0;}
.intelligence .di-item-hover .di-item-box {  width: 354px; height: 378px; padding: 20px; border: 1px solid #36a8de; box-shadow: 0px 5px 25px #36a8de;  position: absolute;top: -5px; left: -17px; z-index: 99; }
.intelligence .di-item-hover .item-icon { border-bottom: 0; display: inline-block; width: 93px; line-height: 134px; height: 135px; text-align: center; margin: 0; vertical-align: top;}
.intelligence .di-item-hover .item-desc { width: 215px; display: inline-block;}
.intelligence .di-item-hover .item-desc .desc-title {margin: 30px 0 10px 0; text-align: left;}
.intelligence .di-item-hover .item-more { display: block; } 
.intelligence .di-item .showanim { animation: showanim 1s; }
.ipro .sp-pn { position:absolute; top:100px; width:50px; height:50px; background:#ccc; color:#fff; text-align:center;  outline: none; cursor:pointer;}
.ipro .sp-pn i { font-size:32px; line-height:50px;}
.ipro .sp-pn:hover { background:#ff7300;}
.ipro .sp-prev { left:-60px;}
.ipro .sp-next { right:-60px;}

    @keyframes showanim {
        from {
            opacity: 0;
            transform: scale(0.85, 0.85);
        }
        to {
            opacity: 1;
            transform: scale(1, 1);
        }
    }

    @-moz-keyframes showanim

        {
        from {
            opacity: 0;
            transform: scale(0.85, 0.85);
        }
        to {
            opacity: 1;
            transform: scale(1, 1);
        }
    }

    @-webkit-keyframes showanim

        {
        from {
            opacity: 0;
            transform: scale(0.85, 0.85);
        }
        to {
            opacity: 1;
            transform: scale(1, 1);
        }
    }

    @-o-keyframes showanim

        {
        from {
            opacity: 0;
            transform: scale(0.85, 0.85);
        }
        to {
            opacity: 1;
            transform: scale(1, 1);
        }
    }

    @keyframes scalewidth {
        from {
            width:144px
        }
        to {
            width:297px
        }
    }

    @-moz-keyframes scalewidth

        {
        from {
            width:144px
        }
        to {
            width:297px
        }
    }

    @-webkit-keyframes scalewidth

        {
        from {
            width:144px
        }
        to {
            width:297px
        }
    }

    @-o-keyframes scalewidth
        {
        from {
            width:144px
        }
        to {
            width:297px
        }
    }

.ipbox { background:#fff;}
.ipbox-g { background:#f6f6f6;}
.ipboxc { padding:80px 0;}
.ipboxc .tit { margin-bottom:60px; }
.ipboxc .tit h1 { font-size:28px; color:#333;  text-align:center;}
.ipboxc .tit p { padding-top:6px; text-align:center; color:#999;}
.ipboxc .desc { width:600px; padding-top:20px; }
.ipboxc .desc .txt p { font-size:15px; }
.ipboxc .desc .txt h2 { font-size:16px; font-weight:bold; color:#333; padding-top:20px; }
.ipboxc .desc .func { padding-top:20px; }
.ipboxc .desc .func span { display:inline-block; width:100px; height:36px; line-height:36px; text-align:center; background:#f6f6f6; margin:15px 15px 0 0; border-radius:36px;}
.ipbox-g .ipboxc .desc .func span { background:#fff;}
.ipboxc .desc .btn { margin-top:60px; }
.ipboxc .desc .btn a { display:inline-block; font-size:15px;width:160px; height:42px; line-height:42px; text-align:center; border-radius:4px; border:1px solid #ff7300; color:#ff7300; margin-right:20px; }
.ipboxc .desc .btn a:first-child, .ipboxc .desc .btn a:hover { background:#ff7300; color:#fff;} 
.ipboxc .img { width:600px; height:400px; position:relative; }
.ipboxc .img img {max-width:580px; position:absolute;}
.ipboxc .img img.img1 { top:0; right:0; }
.ipboxc .img img.img2 { top:0; left:-60px; }

.isbox { background:#f6f6f6; padding:80px 0;}
.isbox .isboxc .tit { margin-bottom:60px; }
.isbox .isboxc .tit h1 { font-size:28px; color:#333;  text-align:center;}
.isbox .isboxc .tit p { padding-top:6px; text-align:center; color:#999;}
.isbox .isboxc .list { margin-bottom:20px;}
.isbox .isboxc .list ul li { width:280px; margin-right:26px; margin-bottom:40px;  float:left;}
.isbox .isboxc .list ul li .img { width:100%; height:200px; position:relative; }
.isbox .isboxc .list ul li .img .bgmask {width:100%; height:100%; background:rgba(255,255,255,0); position:absolute; top:0; z-index:9;  transition: all .3s ease 0s; }
.isbox .isboxc .list ul li .img .bgmask img { width:100px; position:absolute; left:86px; bottom:0; z-index:99; border:4px solid #fff; opacity:0; transition: all .3s ease 0s; }
.isbox .isboxc .list ul li .img img { max-width:100%;}
.isbox .isboxc .list ul li:hover .img .bgmask {background:rgba(255,255,255,0.8); transition: all .3s ease 0s; }
.isbox .isboxc .list ul li:hover .img .bgmask img { opacity:1;  bottom:46px; transition: all .3s ease 0s; }
.isbox .isboxc .list ul li .txt { background:#fff; text-align:center; padding:20px;}
.isbox .isboxc .list ul li .txt h1 { font-size:16px; color:#333; line-height:180%; }
.isbox .isboxc .list ul li .txt p { text-align:left; line-height:180%; padding:10px 0; color:#999; }
.isbox .isboxc .list ul li .txt a { display:inline-block; color:#ff7300; }
.isbox .isboxc .list ul li:nth-child(4n) { margin-right:0;}
.sol-more a {width:240px; height:42px; display:block; margin:0 auto; color:#fff;  background:#ff7300; border:1px solid #ff7300; text-align:center; line-height:42px; border-radius: 4px; font-size:16px; transition: all .3s ease 0s;}
/*.sol-more a:hover {transform: translateY(-10px); box-shadow: 0 0 20px rgba(0,0,0,.1); transition: all .3s ease 0s;}*/

.parbox { background:#f6f6f6; padding:80px 0;}
.parbox .parboxc .tit { margin-bottom:60px; }
.parbox .parboxc .tit h1 { font-size:28px; color:#333;  text-align:center;}
.parbox .parboxc .tit p { padding-top:6px; text-align:center; color:#999;}
.parbox .parboxc ul li { float:left; width:198px;  height:120px; line-height:120px; background:#fff;border-right: 1px solid #f6f6f6; border-bottom: 1px solid #f6f6f6; text-align:center; transition: all .3s ease; }
.parbox .parboxc ul li:hover { /*transform: translateY(-10px);*/ position:relative; z-index:99; box-shadow: 0 0 40px rgba(0,0,0,.1); transition: all .3s ease ; }
.parbox .parboxc ul a { display:inline-block; width:100%;  }
.parbox .parboxc ul a img { max-width:180px; vertical-align:middle; }

/*-----------------------------------------------------tool-----------------------------------------------------*/
.c-title {
    width: 100%;
    text-align: center;
}
.c-title h1 { font-weight:normal; color:#333; font-size:28px; }
.c-title p { color:#999; padding-top:6px;}

.i-box {width:100%; background:#eee; padding:60px 0;}
.i-box-c ul a{ width:300px; height:300px;display:block; float:left; transition:all 0.3s ease-out;-webkit-transition:all 0.3s ease-out;}
.i-box-c ul a:hover {position:relative; z-index:99;box-shadow:0px 0px 20px #ccc;-webkit-box-shadow:0px 0px 20px #ccc; }
.i-box-c ul li {  width:100%; height:100%; text-align:center;}
.i-box-c ul li img {margin-top:70px;}
.i-box-c ul li h1 {font-size:18px; color:#333;font-weight:bold;line-height:300%;}
.i-box-c ul li p {padding:10px 40px; text-align:left; color:#666;}

.yxbox {width:100%; background:#fff; padding-bottom:50px;}
.yxbox ul li {width:380px; height:140px; overflow:hidden; border-radius:4px; background:#f6f6f6;/* box-shadow: 0px 2px 20px 0px rgba(88, 192, 159, 0.2);*/ box-sizing:border-box;
 float:left; margin-right:30px; margin-bottom:30px;}
.yxbox ul li:nth-child(3n) { margin-right:0;}
.yxbox ul li .yxcolor { width:98px; height:100px; color:#fff; text-align:center;border-radius:4px; margin:20px 0 20px 20px; }
.yxbox ul li .yxcolor i { font-size:40px; display:inline-block; margin-top:15px; }
.yxbox ul li .yxcolor p { font-size:15px; line-height:200%; }
.yxbox .yxc1 { background: linear-gradient(#ffa459 , #ff7300); }
.yxbox .yxc2 { background: linear-gradient(#6eabff , #368aff); }
.yxbox .yxc3 { background: linear-gradient(#62dbb4 , #56bb97); }
.yxbox .yxc4 { background: linear-gradient(#ff8686 , #ff5353); }
.yxbox ul li .txt { width:220px; padding:20px; height:100px; position:relative; }
.yxbox ul li .txt p { line-height:180%;}
.yxbox ul li .txt a { position:absolute; right:20px; bottom:20px; width:90px; height:30px; line-height:30px;background:#ccc;
 border-radius:30px; display:inline-block; text-align:center; color:#fff; float:right; font-size:12px; }
.yxbox ul li:hover .txt a {  background:#ff7300; color:#fff; }


/*-----------------------------------------------------tech-----------------------------------------------------*/
.tech { background:#fff;}
.tech .c-info {padding-top:30px;}
.tech-ul {width:100%;}
.tech-ul li { float:left; width:100px; margin-right:56px; margin-top:30px;}
.tech-ul li.last {margin-right:0;}
.tech-ul li p i { width:100px; height:100px; display:inline-block; color:#fff;  -webkit-border-radius: 4px;  border-radius: 4px; text-align:center; line-height:100px; }
.tech-ul li:hover p i img { animation:tada 1s 0s ease both; -webkit-animation:tada 1s 0s ease both;}
.tech-ul li p i.icon-tech1 {   font-size:48px; background:#ec5151;}
.tech-ul li p i.icon-tech2 {  font-size:64px;  background:#3dbaf7;}
.tech-ul li p i.icon-tech3 {  font-size:60px;  background:#2aa759;}
.tech-ul li p i.icon-tech4 {  font-size:52px;  background:#5d59cd;}
.tech-ul li p i.icon-tech5 {  font-size:58px;  background:#f58115;}
.tech-ul li p i.icon-tech6 {  font-size:50px;  background:#68c5b3;}
.tech-ul li p i.icon-tech7 {  font-size:50px;  background:#2aa759;}
.tech-ul li p i.icon-tech8 {  font-size:50px;  background:#58b4d2;}
.tech-ul li p i.icon-tech9 {  font-size:46px;  background:#68c5b3;}
.tech-ul li p i.icon-tech10 {  font-size:54px;  background:#6588ff;}
.tech-ul li p i.icon-tech11 {  font-size:46px;  background:#677689;}
.tech-ul li p i.icon-tech12 {  font-size:56px;  background:#f58115;}
.tech-ul li p i.icon-tech13 {  font-size:58px;  background:#3dbaf7;}
.tech-ul li p i.icon-tech14 {  font-size:50px;  background:#ec5151;}
.tech-ul li p i.icon-tech15 {  font-size:50px;  background:#5d59cd;}
.tech-ul li p i.icon-tech16 {  font-size:56px;  background:#677689;}
.tech-ul li p.txt { line-height:300%; text-align:center;}

/*-----------------------------------------------------service-----------------------------------------------------*/
.flex-normal { display: flex; flex-wrap: wrap;  }
.flex-normal-mid { display: flex; flex-wrap: wrap; align-items: center;   }
.flex-box { display: flex; flex-wrap: wrap; justify-content: space-between; }
.flex-box-mid { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;  }
#index { background:url(../images/bgbg.jpg) center center no-repeat; background-attachment:fixed;}
.service { /*background:url(../images/ser_bg.jpg) top center no-repeat;*/}
.service .c-title h1 {  color:#fff; }
.c-num {padding-top:60px;}
.c-num ul { width:100%; text-align:center;}
.c-num ul li {  display:inline-block; color:#fff; }
.c-num ul li b {font-size:48px; font-weight:normal; font-family:Arial;}
.c-num ul li i { font-style:normal;  }
.service .c-info {padding-top:30px;}
.ser-ul {width:100%;}
.ser-ul li { float:left; width:586px;  padding:10px 0; margin-top:30px; margin-right:26px; text-align:left; /*background-color:rgba(0,0,0,0.5);*/ transition: all .3s ease 0s;  -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.ser-ul li:hover {-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); }
.ser-ul li i { width:100px; padding:0 8px 0 8px;}
.ser-ul li i img {width:100px;  }
.ser-ul li h1 { color:#333; font-weight:normal; font-size:16px; padding:5px 0 8px 0; width:78%;}
.ser-ul li p {color:#828282; width:150px; line-height:180%; font-size:12px;width:78%;}
.ser-ul li.ser-ul-li1 { background:#f3f9ff;}
.ser-ul li.ser-ul-li2 {background:#f7ffee; margin-right:0; }
.ser-ul li.ser-ul-li3 { background:#fff6f6;}
.ser-ul li.ser-ul-li4 { background:#e1fff9; margin-right:0; }
.ser-more a {width:240px; height:42px; display:block; margin:0 auto; color:#fff;  border:1px solid #fff; text-align:center; line-height:42px; margin-top:60px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:16px;}
.ser-more a:hover { background:#ff7300; border:1px solid #ff7300;}

/*-----------------------------------------------------case-----------------------------------------------------*/
.case { background:#f6f6f6;}
.case .c-info {padding-top:60px;}
.case-tab {  position:relative;}
.case-tab .hd { width:100%;}
.case-tab .hd  a {display:block; width:30px; height:59px; position:absolute; cursor:pointer; top:120px;}
.case-tab .hd .prev {  background:url(../images/c_left.png) no-repeat;  left:0; } 
.case-tab .hd .next {  background:url(../images/c_right.png) no-repeat;right:0;}
.case-tab .bd { width:1226px; margin:0 auto;}
.case-tab .bd ul { overflow: hidden; zoom: 1; }
.case-tab .bd ul li { width:280px; height:290px; float: left; overflow: hidden;  margin:0 13px; background:#fff; text-align:left; position:relative;}
.case-tab .bd ul li a { display:inline-block; width:100%; height:100%;}
.case-tab .bd ul li .pic { text-align: center;width:280px; height:160px; overflow:hidden; position:relative; }
.case-tab .bd ul li .pic .bgmask {width:100%; height:100%; background:rgba(255,255,255,0); position:absolute; top:0; z-index:9;  transition: all .3s ease 0s; }
.case-tab .bd ul li .pic .bgmask img { width:100px; height:100px; position:absolute; left:86px; bottom:0; z-index:99; border:4px solid #fff; opacity:0; transition: all .3s ease 0s; }
.case-tab .bd ul li:hover .pic .bgmask {background:rgba(255,255,255,0.8); transition: all .3s ease 0s; }
.case-tab .bd ul li:hover .pic .bgmask img { opacity:1;  bottom:26px; transition: all .3s ease 0s; }
.case-tab .bd ul li .pic img { width: 280px; height: 160px; display: block;-webkit-transition: all 0.8s ease; transition: all 0.8s ease; }
.case-tab .bd ul li:hover .pic img { -webkit-transform: scale(1.1); transform: scale(1.1);}
.case-tab .bd ul li p.title { color:#333;  padding:12px 16px 6px 16px; }
.case-tab .bd ul li p.title a {color:#333;  font-size:15px;}
.case-tab .bd ul li p.desc { color:#999; font-size:12px; padding:0 16px; line-height:22px;  }
.case-tab .bd ul li p.desc a { color:#999; }
.case-tab .bd ul li p.remark { color:#666; font-size:12px; padding:6px 16px 0 16px;  }
.case-tab .bd ul li p.bg { position:absolute; top:0px; left:0;  z-index:9; width:100%; height:290px; background:#000; -webkit-opacity:0; opacity: 0; 
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;    visibility: hidden; }
/*.case-tab .bd ul li:hover .pic img, .case-tab .bd ul li:hover p.title , .case-tab .bd ul li:hover p.desc,  .case-tab .bd ul li:hover p.remark
{ filter: url(blur.svg#blur); -webkit-filter: blur(3px); -moz-filter: blur(3px); -ms-filter: blur(3px);  filter: blur(3px);filter: progid:DXImageTransform.Microsoft.Blur(PixelRadius=10, MakeShadow=false);}
.case-tab .bd ul li:hover p.bg {-webkit-opacity:0.6;opacity: 0.6;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible; }
.case-tab .bd ul li p.txt {position:absolute; top:50px; left:0;  z-index:99; color:#fff; width:100%; text-align:center;  opacity: 0; -webkit-opacity:0;
-webkit-transition: all .3s ease 0s; transition: all .3s ease 0s;  -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0); visibility: hidden; }
.case-tab .bd ul li:hover  p.txt {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible; }*/
.case-tab .bd ul li p.txt i {display:block; font-style:normal; padding-bottom:20px;}
.case-tab .bd ul li p.txt i a { padding:5px 28px; border:1px solid #fff;  -webkit-border-radius: 2px; border-radius: 2px; font-size:12px; color:#666; background:#fff;}
.case-tab .bd ul li p.txt i a:hover { background:#ff7300; color:#fff; border:1px solid #ff7300;  transition:none;}
.case-tab .bd ul li p.txt  img {width:120px; display:block; margin:0 auto;}
.case-tab .bd ul li p.txt  span {font-size:12px; line-height:300%;}
.case-more a {width:240px; height:42px; display:block; margin:0 auto; background:#ff7300; color:#fff; text-align:center; line-height:42px; margin-top:60px;  -webkit-border-radius: 4px;  border-radius: 4px; font-size:16px;}
.case-more a:hover { background:#ff6600;}


/*-----------------------------------------------------box-----------------------------------------------------*/
.box {background:#fff;}
.about {width:360px;}
.about .about-t {width:100%; height:120px; background:url(../images/about_tbg.jpg) no-repeat;  }
.about .about-t h1 {font-size:18px; font-weight:normal; color:#fff; padding:35px 0 0 30px;}
.about .about-t a { font-size:12px; color:#fff; padding:0 0 0 30px; line-height:60px;}
.about .about-info { padding-top:20px;}
.about .about-info p { line-height:28px;}
.news {width:360px; margin-right:60px;}
.news1 .news-t {width:100%; height:120px; background:url(../images/about_tbg.jpg) no-repeat;  }
.news2 .news-t {width:100%; height:120px; background:url(../images/news2_tbg.png) no-repeat;  }
.news3 .news-t {width:100%; height:120px; background:url(../images/news_tbg.jpg) no-repeat;  }
.news .news-t h1 {font-size:18px; font-weight:normal; color:#fff; padding:35px 0 0 30px;}
.news .news-t a { font-size:12px; color:#fff; padding:0 0 0 30px; line-height:60px;}
.news .news-info { padding-top:20px;}
.news .news-info ul {}
.news .news-info ul li { line-height:36px; background:url(../images/ico_news.png) left center no-repeat; border-bottom:1px dotted #ccc;}
.news .news-info ul li a { color:#666; padding-left:16px;}
.news .news-info ul li a:hover { color:#ff7300;}
.par {width:360px;}
.par .par-t { width:100%; height:40px; border-bottom:1px solid #ddd;}
.par .par-t span { font-size:16px; color:#333; line-height:40px;}
.par .par-t  a { float:right; line-height:50px;font-size:12px; color:#999;}
.par .par-info {}
.par .par-info ul {width:100%; padding-top:10px;}
.par .par-info ul li {float:left; margin-right:30px; margin-top:10px;}
.par .par-info ul li.cur {margin-right:0;}

/*-----------------------------------------------------footer-----------------------------------------------------*/
.footer {width:100%; padding-top:40px; background:#333;}
.footer .f-info { width:1200px; margin:0 auto; padding-bottom:40px;}
.footer .f-left {width:635px; height:140px; float:left; border-right:1px solid #424242;}
.footer .f-left .f-box { padding-right:45px; float:left;}
.footer .f-left .last { padding-right:0!important;}
.footer .f-left .f-box h1 {font-size:16px; font-weight:normal; color:#ccc; padding-bottom:20px;}
.footer .f-left .f-box  ul { width:172px;}
.footer .f-left .f-box  ul li {width:50%; font-size:12px; line-height:26px; float:left;}
.footer .f-left .f-box  ul li a {color:#999;}
.footer .f-left .f-box  ul li a:hover { color:#fff;}
.footer .f-right {width:500px; float:right;}
.footer .f-right .f-qrcolde { width:116px; float:left; }
.footer .f-right .f-qrcolde img {width:100%;}
.footer .f-right .f-qrcolde p{ text-align:center; color:#ccc; font-size:12px;}
.footer .f-right .f-contact {width:330px; float:right;}
.footer .f-right .f-contact h1 { font-size:30px; color:#ccc; font-family:Arial;font-style:italic; padding-bottom:8px;font-weight:normal;}
.footer .f-right .f-contact p { color:#999; font-size:12px; line-height:220%;}
.footer .f-right .f-contact a { color:#999;}
.footer .f-right .f-contact a:hover { color:#fff}
.footer .f-cr-info {width:1200px;margin:0 auto; text-align:center; }
.footer .f-cr-info p { color:#666; font-size:12px; padding:25px 0 20px 0;}
.footer .f-cr-info p a  { color:#666; }
.footer .f-cr-info p a:hover { color:#fff;}
.footer .f-copyright {width:100%; height:auto;overflow:hidden; background:#262626;  }
.footer .f-ico { padding:0 0 25px 0;}
.footer .f-ico ul { text-align:center;}
.footer .f-ico ul li {display:inline-block;width:116px; margin:0 8px;  }
.footer .f-ico ul li img {-webkit-border-radius: 3px;  border-radius: 3px;}
.footer .f-link {padding:20px 0 20px 0; border-bottom:1px solid #333;}
.footer .f-link span { line-height:200%;}
.footer .f-link ul { width:94%; float:right;}
.footer .f-link ul li {float:left; line-height:200%;margin:0 10px;}
.footer .f-link ul li a {font-size:12px; color:#666;}
.footer .f-link ul li a:hover {color:#fff;}


/*-----------------------------------------------------kefu-----------------------------------------------------*/
.sub-box { width:50px; position:fixed; right:20px; bottom:60px; z-index:999;}
.sub-box ul li { width:50px; height:50px; margin-bottom:1px; text-align:center;  background:#b5b5b5;}
.sub-box ul li.ico-try { background:#ff7300;}
.sub-box ul li.ico-try:hover {background:#ff6600;}
.sub-box ul li.go-top { background:#b5b5b5;}
.sub-box ul li.go-top:hover {background:#999;}
.sub-box ul li:hover { background:#999;}
.sub-box ul li a { width:100%; height:50px; line-height:50px; display:inline-block; color:#fff; position: relative;}
.sub-box ul li a i.icon-dianhua {font-size:28px;}
.sub-box ul li a i.icon-QQ {font-size:32px;}
.sub-box ul li a i.xk-wechat {font-size:22px;}
.sub-box ul li a i.icon-top {font-size:24px; }
.sub-box ul li .m-tip { opacity: 0; -webkit-opacity:0; transition: all .3s ease 0s; -webkit-transform: translate3d(0, 10px, 0); transform: translate3d(0, 10px, 0);  visibility: hidden; }
.sub-box ul li:hover .m-tip {-webkit-opacity:1;opacity: 1;-webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);  visibility: visible;}
.sub-box ul li .m-tip.stel {position:absolute; right:65px; top:0; width:210px;}
.sub-box ul li .m-tip .m-tip-panel { position: absolute; right: 0; top: 0; padding: 10px 20px;}
.sub-box ul li .m-tip .m-tip-panel i { position: absolute; width:100%; height: 100%; left: 0; top: 0; background-color: #000; z-index: -1;  -webkit-opacity:0.8; opacity: 0.8}
.sub-box ul li .m-tip .tel .text { text-align:left;}
.sub-box ul li .m-tip .tel .text p {font-size: 14px;color: #ccc;}
.sub-box ul li .m-tip .tel .text b {font-size: 24px;color: #fff; font-weight:normal; font-family:Arial;}
.sub-box ul li .m-tip .tel .text2 { text-align:left; margin:5px 0 8px 0;}
.sub-box ul li .m-tip .tel .text2 p {font-size: 14px;color: #ccc;}
.sub-box ul li .m-tip .tel .text2 b {font-size: 16px;color: #fff; font-weight:normal; font-family:Arial; display:inline-block; margin-top:6px;}
.sub-box ul li .m-tip .tel .text2 b span {font-size: 14px;color: #fff; font-weight:normal; font-family:"微软雅黑"; padding-left:10px;}
.sub-box ul li .m-tip .direction-right { width: 0; height: 0; border-width: 10px; border-style: solid; border-color: transparent  transparent  transparent #000; position: absolute; top: 16px; right: -20px; -webkit-opacity:0.8; opacity: 0.8; }
.sub-box ul li .m-tip.sqq {position:absolute; right:65px; top:51px; width:200px;}
.sub-box ul li .m-tip.sqq  .tel .text a { width:auto; height:24px; line-height:24px; background:none;  font-family:Arial; font-size:16px;}
.sub-box ul li .m-tip.sqq  .tel .text a span {font-family:"微软雅黑"; font-size:12px; padding-right:10px; color:#ccc;}
.sub-box ul li .m-tip.sqrcode {position:absolute; right:65px; top:102px; width:160px;}
.sub-box ul li .m-tip.sqrcode .m-tip-panel {padding: 10px 10px 6px 10px;}
.sub-box ul li .m-tip.sqrcode img {width:132px;}


@keyframes move_wave {
    0% {
        transform: translateX(0) translateZ(0) scaleY(1)
    }
    50% {
        transform: translateX(-25%) translateZ(0) scaleY(0.55)
    }
    100% {
        transform: translateX(-50%) translateZ(0) scaleY(1)
    }
}
.waveWrapper {
    overflow: hidden;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    margin: auto;
    z-index:9;
}
.waveWrapperInner {
    position: absolute;
    width: 100%;
    overflow: hidden;
    height: 100%;
    bottom: -1px;
}
.bgTop {
    z-index: 15;
    opacity: 0.1;
}
.bgMiddle {
    z-index: 10;
    opacity: 0.1;
}
.bgBottom {
    z-index: 5;
    opacity: 0.1;
}
.wave {
    position: absolute;
    left: 0;
    width: 200%;
    height: 100%;
    background-repeat: repeat no-repeat;
    background-position: 0 bottom;
    transform-origin: center bottom;
}
.waveTop {
    background-size: 50% 100px;
}
.waveAnimation .waveTop {
  animation: move-wave 3s;
   -webkit-animation: move-wave 3s;
   -webkit-animation-delay: 1s;
   animation-delay: 1s;
}
.waveMiddle {
    background-size: 50% 120px;
}
.waveAnimation .waveMiddle {
    animation: move_wave 10s linear infinite;
}
.waveBottom {
    background-size: 50% 100px;
}
.waveAnimation .waveBottom {
    animation: move_wave 15s linear infinite;
}


/*-----------------------------------------------------加载进度条-----------------------------------------------------*/
/*.fade { transition: all 300ms linear 700ms; -webkit-transition: all 300ms linear 700ms;  opacity: 1;  filter: alpha(opacity=100); }
.fade.out {opacity: 0;  filter: alpha(opacity=0); } */