@charset "utf-8";
/*~~~~框架布局~~~*/


.effect-lower{ position: relative;}
.effect-lower .effect-lower-block{position: absolute;left: -50px;top:29px;width:120px;height:120px;border: 1px #ddd solid;padding:5px; z-index: 9; background: #fff;filter: alpha(opacity=0); transform-origin: 95% 0%; transform:scale(0.01); -moz-transform:scale(0.01); transition:all 1s;}
.effect-lower:hover .effect-lower-block{opacity:1;transform: scale(1);}

.btn-5Box{}
.btn-5{ position: relative;z-index: 2; overflow: hidden}
.btn-5:before{content:"";position: absolute;left:0; top:0; z-index:-1;width:0%; height:100%;border-radius: 20px; background:-webkit-linear-gradient(left, #0052ff, #00ceff);transition: all .4s ease-in-out;}
.btn-5:hover:before{width:100%;}
.btn-5Box:hover .btn-5:before{width:100%;}


/*==顶部↓==*/
.header{ position: relative;padding:15px 0;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.header .logo{}
.header .logo img{}
.header .nav{margin: 36px 0 0 0;}
.header .nav li{float: left;/* position: relative; */margin: 0 5px;padding: 0px 20px;border-right: 1px #bbb dotted;}
.header .nav li a.navAone{ position:relative;display: block;color:#666666;font-size:16px;line-height: 15px;}
.header .nav li a.navAone:before{ content:""; position:absolute;left:0;bottom:-20px; width:0%; height:3px;background:-webkit-linear-gradient(left, #0052ff, #00ceff); transition: all .4s ease-in-out;}
.header .nav li:last-child{ border:none;}
.header .nav li a.navAone:hover,.header .nav li.active a.navAone{ color:#0053ff;  }
.header .nav li a.navAone:hover:before,.header .nav li.active a.navAone:before{width:100%}
/*.header .nav li.drop-downHover a.navAone{ background:#0092D8;color:#fff}*/
.header .tel{margin:30px 0 0 0;/* cursor: pointer; */}
.header .tel .effect-lower-block{line-height: 40px;font-size:20px;color:#0053ff;width:180px;text-align: center;height: 50px;border-radius: 10px;left: -115px;}
.header .search{ position:relative;margin: 30px 20px 0 20px;}
.header .search:before,.header .tel:before{ padding:5px;color:#fff; font-size:14px; text-align: center;line-height:15px;width:25px;margin-right:7px; border-radius:50%; background: #ddd;/*! height: 25px; */transition: all .4s ease-in-out;}
.header .search:hover:before,.header .tel:hover:before{ background:#0053ff}
.header .search em{display: block;width:20px;height:20px;font-size: 25px;color: #0092D8;background: #ddd;}
.header .search:hover .box{ opacity:1;height:100px;}
.header .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.header .search .box{opacity:0;position:absolute;top:66px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.header .search .box span{color: #46989C;font-size:15px;padding-right:30px;}	
.header .search .box input{width:0px;height: 40px;color: #666;border-bottom: 1px #46989C solid;border-left: 0px;border-top: 0px;border-right: 0px;outline: medium;background: none;}
.header .search .box input::-webkit-input-placeholder { /* WebKit browsers */color:#999;}
.header .search .box input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */　color:#999;}
.header .search .box input::-moz-placeholder { /* Mozilla Firefox 19+ */color:#999;　}
.header .search .box input:-ms-input-placeholder { /* Internet Explorer 10+ */color:#999;}
.header .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.header .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.header .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.header .search .box button:hover{ background:#000}


/*==标题↓==*/
.titleAx{color:#333333;font-size:30px; margin:20px 0; text-align: center;}
.titleAx font{ display: block; color:#999999;font-size:14px;margin-top: 10px;}
.titleAx p{margin-top:20px;color:#666666;font-size:14px;}
.titleAx .more{ display:table; margin:50px auto 0;color:#666666;font-size:14px; text-align: center; border:1px #999 solid; padding:7px 20px; border-radius:20px;}
.titleAx .more:hover{color:#fff;border:1px #eee solid; }


/*==产品↓==*/
.HomeProduct{margin:35px 0;}
.HomeProduct{margin-top: 45px;overflow: hidden;}
.HomeProduct .list-HomeProduct{margin-top:30px;}
.list-HomeProduct li{float:left;padding:35px;width:600px; background:#fff}
.list-HomeProduct li .pic{width:200px;margin-right: 25px; }
.list-HomeProduct li h4{color:#333333;font-size:24px;margin-top: 20px;}
.list-HomeProduct li p{margin: 20px 0 30px 0;color:#666666;font-size:14px;}
.list-HomeProduct li b{color:#666666;font-size:14px;padding: 9px 20px;border:1px #666 solid;border-radius: 20px;}
.HomeProduct .list-HomeProduct li.x1,.HomeProduct .list-HomeProduct li.x4{ background:#f0f0f0;}
.list-HomeProduct li:hover h4{color:#0053ff}
.list-HomeProduct li:hover b{color:#fff;border:1px #eee solid;}
.HomeProductBox{}
.HomeProductBox li{width:588px; margin:0 6px 10px 6px;}
.ProductListBox{}
.ProductListBox .list{}
.ProductListBox .list li{ float:left; width:360px; margin:0 13px 25px 13px;}
.ProductListBox .list li .pic{ border:1px #ddd solid; background: #fff;} 
.ProductListBox .list li h4{color:#333333;font-size:16px;margin-top:20px; text-align: center;}
.ProductListBox .list li:hover h4{color:#0053ff}


/*==产品详情↓==*/
.ProductShow{}
.ProductShow .sTop{ background: #fff;}
.ProductShow .sTop .right{height:100%;width:590px;padding:80px;}
.ProductShow .sTop .right h1{color:#333333;font-size:40px;}
.ProductShow .sTop .right .wx{height:130px; overflow:hidden;color:#666666;font-size:14px;margin-top: 40px;}
.ProductShow .sTop .right .wx h5{color:#1964ff;font-size:18px; display: block; margin-bottom: 10px;;}
.ProductShow .sTop .right .btn{ margin-top:70px;}
.ProductShow .sTop .right .btn a{ display: inline-block; line-height: 30px; padding:10px 20px; text-align: center;color:#fff;font-size:16px;width: 207px;}
.ProductShow .sTop .right .btn a.online{ background: #1964ff; margin-right:10px;}
.ProductShow .sTop .right .btn a.shop{ background: #4e5055;}
.ProductShow .sTop .right .btn a:hover{ background: #0053ff;}
.ProductShow .sContent{margin:30px 0; background: #fff;}
.ProductShow .sContent .tab-menu{border-bottom: 1px #ddd solid;overflow: hidden;}
.ProductShow .sContent .tab-menu li{ position:relative;float:left;color:#666666;font-size:16px; border-right:1px #ddd solid;padding: 20px 50px;cursor: pointer;}
.ProductShow .sContent .tab-menu li:before{ opacity: 0; content: ""; position: absolute; left:0;bottom: 0; width:100%;height:3px; background: #0053ff;}
.ProductShow .sContent .tab-menu li.hit{color:#0053ff}
.ProductShow .sContent .tab-menu li.hit:before{ opacity: 1}
.ProductShow .sContent .tab-box{padding:60px;color:#666666;font-size:14px}
.ProductShow .sContent .box .download{ display: block; padding:10px 20px; color:#666;font-size:14px; }
.ProductShow .sContent .box .download:nth-child(even) {background:#f1f1f1}
.ProductShow .sContent .box .download span{float:right;font-size:14px;color:#777;}
.ProductShow .sContent .box .download:hover,.ProductShow .sContent .box .download:hover span{ color:#c31117}
.ProductShow .sDown{ margin:0px 0;background: #fff;padding: 50px 60px;}
.ProductShow .sDown .title{color:#333333;font-size:30px;margin:20px 0;text-align: center;}
.ProductShow .sDown .picScroll-left{ margin-top:50px;}
.ProductShow .sDown .picScroll-left li{ float:left;width:360px;}
.ProductShow .sDown .picScroll-left li a{ display: block;margin:0 7px; border:1px #ddd solid;background: #fff;}
.ProductShow .sDown .picScroll-left li h4{color:#666666;font-size:14px; text-align: center; margin:15px;}
.ProductShow .sDown .picScroll-left li:hover h4{color:#0053ff}
.ProductShow .sDown .picScroll-left li:hover a{border:1px #0053ff solid;}
.ProductShow .sDown .picScroll-left .long{float:left;width:100%;}
.ProductShow .sDown .picScroll-left .spot{float:left;width:100%; overflow: hidden; margin-top:30px; text-align: center;}
.ProductShow .sDown .picScroll-left .spot li{ width:15px;height:15px; display: inline-block;border:2px #ddd solid; border-radius: 50%;;float: none;font-size: 0px;margin: 0 5px;cursor: pointer;}
.ProductShow .sDown .picScroll-left .spot li.on{ border:2px #1964ff solid; background: #1964ff;}


/*==领域↓==*/
.HomeField{margin: 30px 0 0 0;padding: 50px 0;background: #ededed;}
.HomeField .picScroll-left{position: relative;margin-top: 30px;}
.HomeField .picScroll-left .long{overflow: hidden;}
.HomeField .picScroll-left .long .list{}
.HomeField .picScroll-left .long .list li{float:left; width:300px;}
.HomeField .picScroll-left .long .list li a{ position: relative; display:block;width:100%;/*! margin:10px 10px; *//*! padding:5px; */background: #fff;/*! border:1px #eee solid; */ /*! box-shadow:0 0 10px #eee; */}
.HomeField .picScroll-left .long .list li:hover{}
.HomeField .picScroll-left .long .list li img{/*! height:278px; */}
.HomeField .picScroll-left .long .list li .box{ position: absolute; left:0;top:0px;z-index:2;padding:80px 50px 50px 50px;text-align: center;height: 100%;transition: all .6s ease-in-out; }
.HomeField .picScroll-left .long .list li .box:before{ opacity:0; position:absolute;content:""; left:0;top:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(top, rgba(0,208,255,0.9), rgba(0,83,255,0.9));transition: all .6s ease-in-out; }
.HomeField .picScroll-left .long .list li .box h4{color:#fff; font-size:24px; }
.HomeField .picScroll-left .long .list li .box hr{margin:30px 0; border:none;width:100%; height:1px; background: rgba(255,255,255,0.2);}
.HomeField .picScroll-left .long .list li .box p{opacity: 0;color:#fff;font-size:14px;}
.HomeField .picScroll-left .long .list li .box b{opacity: 0;color:#fff;font-size:14px; border:1px #fff solid; padding:5px 20px; border-radius:10px;margin-top: 50px;display: table;margin: 30px auto 0;}

.HomeField .picScroll-left .prev,.HomeField .picScroll-left .next{position: absolute;top:50%;left:-50px;font-size:30px;color:#666;cursor: pointer;width: 37px;line-height: 35px;text-align: center;border: 1px #aaa solid;border-radius: 50%;}
.HomeField .picScroll-left .next{right:-50px; left:auto;}
.HomeField .picScroll-left .prev:hover,.HomeField .picScroll-left .next:hover{color:#fff;border:1px #0092d8 solid;background:#0092d8}
.HomeField .picScroll-left .long .list li:hover .box{padding-top:150px;}
.HomeField .picScroll-left .long .list li:hover .box p,.HomeField .picScroll-left .long .list li:hover .box b{opacity: 1}
.HomeField .picScroll-left .long .list li:hover hr{ background: #fff;}
.HomeField .picScroll-left .long .list li:hover .box:before{ opacity:1}


/*==关于↓==*/
.HomeAbout{  background: url(../images/aboutBg01.jpg) no-repeat center bottom;padding: 70px 0 0px 0;}
.list-course{margin-top: 60px;overflow: hidden;height: 360px;padding-right: 10px;}
.list-course li{float:left; width:238px; text-align: right;height: 100%;}
.list-course a{ position: relative; border-right:1px #ccc solid;padding: 0 30px 50px 30px;display: block;height: 100%;}
.list-course a:before{ content: ""; position: absolute; right:-5px;top:10px; width:9px;height:9px; background: #aaa;border-radius: 50%;}
.list-course a:after{ display: none;opacity: 0; content: ""; position: absolute; right:-13px;top:2px;z-index: 2;width:25px;height:25px; background:#0053ff;border-radius: 50%;-webkit-animation-delay: 0.8s; animation-delay: 0.8s;-webkit-animation: ball-scale-multiple 1.2s 0s linear infinite;animation: ball-scale-multiple 1.2s 0s linear infinite;}
.list-course h4{color:#333333;font-size:36px;}
.list-course p{margin-top:20px;color:#333333;font-size:14px;}
.list-course hr{ position: absolute;right:-1px; bottom:0; border:none; width:2px; height:0%; background:-webkit-linear-gradient(left, #0052ff, #00ceff);transition: all .4s ease-in-out;;transition: all .7s ease-in-out;}
.list-course li:hover hr{height:100%;}
.list-course li:hover a:after{ opacity: 1;display:block;}
.list-course li.x1 a{margin-top:180px;}
.list-course li.x2 a{margin-top:135px;}
.list-course li.x3 a{margin-top:90px;}
.list-course li.x4 a{margin-top:45px;}
.list-course li.x5 a{margin-top:3px;}
@-webkit-keyframes ball-scale-multiple{0%{-webkit-transform: scale(0); transform: scale(0); opacity: 0;} 5%{opacity: 1;} 100%{-webkit-transform: scale(1); transform: scale(1); opacity: 0;} }

/*==面包屑↓==*/
.site-long{padding:20px 0; border-bottom: 1px #eee solid; box-shadow: 0 0 10px #ddd; background: #fff;}
.site-long .title{float:left;color:#0053ff;font-size:20px;}
.site-long .menu{ float:left;} 
.site-long .menu li{ margin-right:50px;float: left;}
.site-long .menu a{color:#333;font-size:16px;}
.site-long .menu a:hover,.site-long .menu a.active{color:#0053ff}
.site-long .site{ color:#999;font-size:14px; padding-left:15px;background: url(../images/ico01.png) no-repeat left;}
.site-long .site a{color:#999;font-size:14px;}
.site-long .site a:hover{color:#0053ff}


/*==应用↓==*/
.foeldBox{background: #eee;}
.foeld-list{}
.foeld-list li{float:left;width:390px;margin:0 5px 10px 5px}
.foeld-list li .box{ padding:30px; background: #fff;}
.foeld-list li img{width:390px;height:250px;}
.foeld-list li h4{color:#333333;font-size:24px}
.foeld-list li p{margin:20px 0 25px 0;height:95px;color:#666666;font-size:14px}
.foeld-list li b{color:#666666;font-size:14px; border:1px #666 solid; border-radius: 20px; padding:7px 20px;}
.foeld-list li:hover h4{color:#0053ff}
.foeld-list li:hover b{color:#fff; border:1px #0053ff solid; background: #0053ff;}


/*==联系↓==*/
.contactBox{}
.contactBox .map{ padding:30px 20px; background: #fff; overflow: hidden;}
.contactBox .map p{color:#333;font-size:16px; text-align: center;border-bottom: 1px #ddd solid;padding: 10px 0 20px 0; margin-bottom: 20px;}
.contactBox .long{padding:30px 60px;background: #fff;height: 180px;margin-top: 30px;}
.contactBox .long .logo{float: left;width: 200px;text-align: center;}
.contactBox .long .wx{ border-left:1px #ddd dotted;margin:0 50px; padding:0 50px; border-right:1px #ddd dotted;float: left;width: 500px;height: 100%;}
.contactBox .long .ewm{color:#333333;font-size:20px;}
.contactBox .long .ewm span{color:#333333;font-size:20px;margin: 30px 0 0 0;display: inline-block; text-align: center}
.contactBox .long .ewm span font{ font-size:14px;color:#666}
.contactBox .long .ewm img{float:right;}


/*==关于↓==*/
.AboutBox{background: #fff;padding: 0px;}
.AboutBox .title{color:#333333;font-size:30px; margin:30px 0; text-align: center;}
.AboutBox .introduction{padding:50px 0; background: url(../images/aboutBg02.jpg) no-repeat center top;}
.AboutBox .introduction .left{position:relative;z-index:2;padding:50px;width:760px;margin-top: 45px;}
.AboutBox .introduction .left:before{ content: ""; position: absolute;top:0;right:0;z-index:-1; width:500%; height:100%; background: rgba(255,255,255,0.7);}
.AboutBox .introduction .left h3{color:#333333;font-size:30px;}
.AboutBox .introduction .left .wx{margin:30px 0;color:#666;font-size:16px;line-height:27px;}
.AboutBox .culture{ margin:50px 0;}
.AboutBox .culture .wx{ color:#666666;font-size:14px; text-align: center;margin: 35px 0 50px 0;}
.AboutBox .culture .list{}
.AboutBox .culture .list li{float:left; width:300px; padding:0 51px; text-align: center;}
.AboutBox .culture .list li em{position: relative;z-index:3;display: block;width:150px;height:150px;border:1px #ddd solid;border-radius: 50%;margin: auto;overflow: hidden;}
.AboutBox .culture .list li em:before{ content: ""; display: block; position: absolute; left:34px;top:35px;width:85px;height:80px;background:url(../images/about_Uico.png) 0 0 no-repeat; transition: all .5s ease-in-out;}
.AboutBox .culture .list li em:after{ opacity:0;content:"";position:absolute;left: 0;top:0;z-index:-1;width:100%;height:100%;background:-webkit-linear-gradient(top, #19d3ff, #1963ff);transition: all .5s ease-in-out;}
.AboutBox .culture .list li h3{margin-top:25px;color:#333333;font-size:20px}
.AboutBox .culture .list li p{color:#666666;font-size:14px;margin-top: 10px;}
.AboutBox .culture .list li.x1 em:before{background-position:5px 1px;}
.AboutBox .culture .list li.x2 em:before{background-position:-98px 0px;}
.AboutBox .culture .list li.x3 em:before{background-position:-207px -2px;}
.AboutBox .culture .list li.x4 em:before{background-position:-318px 1px;}
.AboutBox .culture .list li:hover em{}
.AboutBox .culture .list li:hover em:after{ opacity:1}
.AboutBox .culture .list li.x1:hover em:before{background-position:5px -83px;}
.AboutBox .culture .list li.x2:hover em:before{background-position:-98px -83px;}
.AboutBox .culture .list li.x3:hover em:before{background-position:-207px -83px}
.AboutBox .culture .list li.x4:hover em:before{background-position:-318px -83px;}
.AboutBox .course{ padding:50px 0 0 0; background: url(../images/aboutBg03.jpg) no-repeat center;margin-top: 30px;}
.AboutBox .course .wx{ color:#666666;font-size:14px; text-align: center;margin: 35px 0 50px 0}
.AboutBox .course .list-course{ margin-top:100px}


/*==底部===*/
.footer{padding:35px 0 30px 0;background: #e4e4e4;}
.footer .left{ color:#666666;font-size:14px;}
.footer .link{float:left;margin-right: 20px;width:120px;border:1px #9c9c9c solid;padding:2px 10px;font-size:14px;color:#9c9c9c;line-height: 23px;position: relative;}
.footer .icon-angle-down:before{ float:right; margin:5px 0 0 20px;transition: all .4s ease-in-out;}
.footer .link span a{ display: block; color:#666;font-size:12px; padding:5px 0;}
.footer .link span{ display: none; position: absolute;bottom:28px;left:0;width:100%;padding:10px 0; text-align: center;background: #fff;border: 1px #ddd solid;}
.footer .link:hover span{ display: block;}
.footer .link span a:hover{  background: #ddd}
.footer .icon-angle-down:hover:before{transform:rotate(180deg);}
.footer .ewm{}
.footer .ewm .effect-lower-block{transform-origin: 100% 100%;top: -125px;/* bottom: -100px; */ left: -111px;}
.footer .ewm img{/* display: none; */}
.footer .ewm:before{ padding:5px;color:#fff; font-size:14px; text-align: center;line-height:15px;width:25px;margin-right:7px;border-radius:50%; background: #aaa;transition: all .4s ease-in-out;}
.footer .ewm:hover:before{ background:#1ddc80}