@charset "utf-8";
/*~~~~框架布局~~~*/
/*==顶部↓==*/
.head-top{color:#666666;font-size:12px;padding: 7px 0;background: #ebebeb;}
.head-top p{}
.head-top .right a{color:#666666;font-size:12px;padding: 0 15px;border-right: 1px #aaa dotted;}
.head-top .right a:last-child{border:none;}
.head-top .right a:hover{color: #1870de;}
.head-logo{margin: 30px 0;}
.head-logo .tel{color:#b6b6b6;margin: 5px 0 0 0;font-size:13px;line-height: 24px;padding-left:50px;background: url(../images/tel-ico.png) no-repeat left;}
.head-logo .tel b{display: block;color:#1870de;font-size:24px;}
.head-menu{position: relative;/* padding:20px 0; */background: #0d449e;}
/*.fixed-top{position:fixed;z-index:99;width:100%;padding:10px 0; background:#fff}
.fixed-top .logo{}*/
.head-menu .nav{float: left; border-right: 1px #0b3985 solid; border-left: 1px #2053a6 solid;}
.head-menu .nav li{float: left;width: 160px;border-left: 1px #0b3985 solid;border-right: 1px #2053a6 solid;/* position: relative; */}
.head-menu .nav li a.navAone{display: block;color: #fff;font-size:18px;padding: 15px 20px;text-align: center;}
.head-menu .nav li a.navAone:hover{color:#fff;}
.head-menu .nav li.active a.navAone{color:#fff;background: #0061ff;}
/*.head-menu .nav li.drop-downHover a.navAone{background:#0092D8;color:#fff}*/
.head-menu .nav .sub img{display:block;width: 500px;height: 200px;background: #0092D8;}
.head-menu .nav .sub .right{width: 670px;padding: 30px 0;}
.head-menu .nav .sub{display:none;width: 100%;left:0;top: 100%;position:absolute;border:1px #ddd solid;background: rgba(255,255,255,0.9);line-height:26px;padding:30px 0;z-index: 999;/* box-shadow: 0 0 10px #ddd; */}
.head-menu .nav .sub li{zoom:1;}
.head-menu .nav .sub .right a.navAtwo{position:relative;float: left;display: inline-block; border-radius:0px;color: #555;font-size: 14px;padding: 10px 0px 10px 15px;width: 185px;margin: 0 15px;border-bottom: 1px #D2D2D2 solid;-webkit-transition: color .2s ease-in-out;transition: color .2s ease-in-out;background: url(../images/arrow_02.png) no-repeat left;}
.head-menu .nav .sub .right a.navAtwo:hover{color:#0092d8}
.head-menu .nav .sub .right a.navAtwo:before{content: "";display: block;position: absolute;bottom: -1px;left:0;width: 0;height:1px;background:#0092d8;-webkit-transition: width .4s ease-in-out;transition: width .4s ease-in-out;}
.head-menu .nav .sub .right a.navAtwo:hover:before{width:100%;}
.head-menu .search{position:relative;margin:16px 0 0 0}
.head-menu .search em{display: block;width:20px;height:20px;font-size: 25px;color: #0092D8;background:url(../images/search-ico.png) no-repeat;}
.head-menu .search:hover .box{opacity:1;height:100px;}
.head-menu .search .box form{width:600px;margin:auto;padding: 25px 20px 20px 20px;}
.head-menu .search .box{opacity:0;position:absolute;top:37px;right:0;z-index:99;height:0px;width: 1200px;border-radius: 0 0px 5px 5px;overflow:hidden;background: #FFFCFC;border: 1px #f1f1f1 solid;}
.head-menu .search .box span{color: #46989C;font-size:15px;padding-right:30px;}
.head-menu .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;}
.head-menu .search .box input::-webkit-input-placeholder{/* WebKit browsers */color:#999;}
.head-menu .search .box input:-moz-placeholder{/* Mozilla Firefox 4 to 18 */　color:#999;}
.head-menu .search .box input::-moz-placeholder{/* Mozilla Firefox 19+ */color:#999;}
.head-menu .search .box input:-ms-input-placeholder{/* Internet Explorer 10+ */color:#999;}
.head-menu .search .box button{width: 0px;height: 0px;border: 0px;color: #fff;font-size: 15px;border-radius: 50%;cursor: pointer;background: #46989C;}
.head-menu .search:hover input{width: 310px;transition:all .8s ease-in-out;}
.head-menu .search:hover button{width:40px;height: 40px;transform:rotate(360deg);transition:all .8s ease-in-out;}
.head-menu .search .box button:hover{background:#000}
@-webkit-keyframes pulse{0%{box-shadow: 0 0 0 0 var(--hover);}}
@keyframes pulse{0%{box-shadow: 0 0 0 0 var(--hover);}}
.head-menu .nav li a.navAone:hover,
.head-menu .nav li a.navAone:focus{box-shadow: inset 9em 0 0 0 var(--hover);}
.head-menu .nav li a.navAone{--color: #0061ff; --hover: #0061ff;}
/*==标题↓==*/
.titleAx{margin:20px 0; text-align: center;}
.titleAx span{display: block;color: #999;font-size:16px;}
.titleAx b{display: block;margin: 10px 0 20px 0;color:#191919;font-size:32px;}
.titleAx hr{display: block;width: 20px;margin:10px auto 0;height:1px;border:none;background: #1870de;}
/*==产品↓==*/
.HomeProduct{height: 614px;padding: 30px 0 50px 0;margin: 50px 0 0 0;background:url(../images/HomeProduct-bg.jpg) no-repeat center top;}
.HomeProduct .titleAx{margin-bottom:40px}
.HomeProduct .left{width:240px;border:5px #1870de solid;background: #fff;}
.HomeProduct .left li{/* padding: 12px 10px 12px 45px; */border-bottom:1px #cccccc solid;}
.HomeProduct .left li a{position:relative;color:#191919;padding:10px 0;font-size:14px;text-align: center;display: block;}
.HomeProduct .left li a:before{position:absolute;left: 33px;top: 18px;content:"";display:block;width: 6px;height: 7px;background: url(../images/arrow_04.png) no-repeat 0 -8px;}
.HomeProduct .left li:hover a,.HomeProduct .left li.hover a{color:#fff; background:#1870de}
.HomeProduct .left li:hover a:before,.HomeProduct .left li.hover a:before{background-position:0 0}
.HomeProduct .right{width: 930px;}
.HomeProduct .right .picScroll-left{position: relative;}
.HomeProduct .right .picScroll-left .picList{}
.HomeProduct .right .picScroll-left .ov{width:930px; overflow: hidden;}
.listProduct li{position:relative;float:left;width:300px; margin:0 5px; background: #fff;}
.listProduct li h4{color:#191919;font-size:14px;text-align:center;padding: 22px 0 40px 0;}
.listProduct li img{max-width:100%;height:298px;}
.listProduct li u{opacity:0;display: block;position: absolute;top: 0;left: 0;width:100%;height:100%;background: linear-gradient(to bottom, rgba(72, 179, 151, 0.38), #2f7ee1);}
.listProduct li .search{opacity:0;position: absolute;top:100px;left: 140px;width: 21px;height: 21px;transform:translateY(-20px);background: url(../images/search-ico.png) no-repeat;}
.listProduct li h3{opacity:0;position: absolute;top: 180px;left: 0;width: 100%;color:#fff;text-align: center;font-size:14px;transform:translateY(20px);}
.listProduct li:hover u{opacity:1}
.listProduct li:hover .search{opacity:1;transform:translateY(0px);}
.listProduct li:hover h3{opacity:1;transform:translateY(0px);}
.listProduct li .horn{position: absolute; bottom:0;right:0}
.listProduct li .horn:before{content:"";color:#fff;font-size: 10px;font-weight: 400;width: 5px;height: 5px;position: absolute;right: 6px;bottom: 6px;z-index: 9;background: url(../images/arrow_05.png) no-repeat;}
.listProduct li .horn:after{content: ""; position: absolute; bottom:0; right:0; width: 0; height: 0; border-bottom: 30px solid #1870de; border-left: 30px solid transparent;}
.listProduct li:hover .horn{opacity:0;}
.listProduct li:hover h4{opacity:0;}
.HomeProduct .right .picScroll-left .prev,.HomeProduct .right .picScroll-left .next{position:absolute;left: -15px;top: 170px;z-index: 9;width:37px;height:37px;cursor: pointer;background: url(../images/Arrow01.png) 0 0 no-repeat;}
.HomeProduct .right .picScroll-left .next{left:inherit;right: -15px;background-position: -39px -43px;}
.HomeProduct .right .picScroll-left .prev:hover{background-position: -39px 0;}
.HomeProduct .right .picScroll-left .next:hover{background-position: 0px -43px;}
/*==应用领域↓==*/
.HomeApplication{height: 533px;padding: 70px 0;background: url(../images/HomeApplication-bg.jpg) no-repeat center top;}
.HomeApplication ul{margin-top: 35px;float: left;}
.HomeApplication ul li{float: left;width: 265px;margin: 0 18px 40px 17px;}
.HomeApplication ul li em{float: left;display: block;width:100px;height: 100px;/* padding: 20px 0 0 0; */border: 1px #8a8a8a solid;margin-right: 20px;border-radius: 50%;background: url(../images/HomeApplication-icoBox.png);}
.HomeApplication ul li h3{color:#191919;font-size:18px;margin-top: 15px;}
.HomeApplication ul li span{color: #999;margin-top: 10px;font-size: 12px;line-height: 15px;}
.HomeApplication ul li.x8 a{position:relative;display:block;color:#191919;margin: 20px 0 0 20px;font-size:20px;padding: 0px 0 0 50px;}
.HomeApplication ul li.x8 a:before{content:"";position:absolute;left:0;top:0;display: block;width: 38px;height: 22px;background: url(../images/arrow_06.png) -34px 8px no-repeat;transition: all .4s ease-in-out;}
.HomeApplication ul li.x8:hover a:before{background-position: 3px 8px;}
.HomeApplication ul li.x8:hover a{color:#1870de}
.HomeApplication ul li.x1 em{background-position: 18px 23px;}
.HomeApplication ul li.x2 em{background-position: 18px -71px;}
.HomeApplication ul li.x3 em{background-position: 18px -178px;}
.HomeApplication ul li.x4 em{background-position: 18px -274px;}
.HomeApplication ul li.x5 em{background-position: 18px -357px;}
.HomeApplication ul li.x6 em{background-position: 18px -448px;}
.HomeApplication ul li.x7 em{background-position: 18px -561px;}
.HomeApplication ul li:hover em{border:1px #1870de solid; background:#1870de url(../images/HomeApplication-icoBox.png);}
.HomeApplication ul li.x1:hover em{background-position: -72px 23px;}
.HomeApplication ul li.x2:hover em{background-position: -72px -71px;}
.HomeApplication ul li.x3:hover em{background-position: -72px -178px;}
.HomeApplication ul li.x4:hover em{background-position: -72px -274px;}
.HomeApplication ul li.x5:hover em{background-position: -72px -357px;}
.HomeApplication ul li.x6:hover em{background-position: -72px -448px;}
.HomeApplication ul li.x7:hover em{background-position: -72px -561px;}
/*==优势↓==*/
.HomeAdvantage{height:300px;/* padding:50px 0; */background: url(../images/HomeAdvantage-bg.jpg) no-repeat center top;}
.HomeAdvantage .left{position:relative;width:210px;padding: 50px 30px 80px 30px;color:#fff;background: #1870de;}
.HomeAdvantage .left:before{content: ""; position: absolute; bottom:0; right:0; width: 0; height: 0; border-bottom: 30px solid #0e62cb; border-left: 210px solid transparent;}
.HomeAdvantage .left span{font-size:12px;}
.HomeAdvantage .left h3{margin:5px 0 20px 0;font-size: 30px;color: #fff;}
.HomeAdvantage .left b{display: block;margin-top:30px;font-size:20px;padding-left: 24px;color: #fff;background: url(../images/tel-ico02.png) no-repeat left;}
.HomeAdvantage .left hr{display: block; width:20px; height:1px; border:none;background:#fff;}
.HomeAdvantage .right{width: 930px;margin-top: 30px;}
.HomeAdvantage .right li{float:left;width: 255px;color:#000;font-size:16px;margin-right: 55px;height: 110px;padding: 30px 0;}
.HomeAdvantage .right li.border,.HomeAdvantage .right li:nth-child(1),.HomeAdvantage .right li:nth-child(2),.HomeAdvantage .right li:nth-child(3){border-bottom: 1px #aaa dotted;}
.HomeAdvantage .right li em{display: block;float: left;width: 45px;height: 45px;margin-right: 15px;color:#fff;font-size:18px;border-radius: 50%;text-align: center;padding: 10px 0 0 0;background: #afafaf;}
.HomeAdvantage .right li p{margin-top:10px}
.HomeAdvantage .right li:hover em{background: #1870de;}
.HomeAdvantage .right li:hover{color:#1870de}
/*==首页关于↓==*/
.HomeAbout{height: 585px;padding: 100px 0;background: url(../images/HomeAbout-bg.jpg) no-repeat top;}
.HomeAbout .left{width: 605px;}
.HomeAbout .left iframe{width:605px;height:385px;}
.HomeAbout .right{width: 540px;padding-top: 30px;}
.HomeAbout .right b{color:#fff; font-size:12px;}
.HomeAbout .right h3{margin:2px 0 10px 0;color:#fff; font-size:32px}
.HomeAbout .right hr{display: block;margin-top: 20px;width: 20px;height:1px;border:none;background: #1870DE;}
.HomeAbout .right .wx{margin: 40px 0 10px 0;color:#fff;font-size:12px;}
.HomeAbout .right a.more{display: block;margin-top:50px; color:#fff; font-size:14px;}
/*==首页新闻↓==*/
.HomeNews{padding: 70px 0 30px 0;background:#f1f1f4;}
.HomeNews .titleAx{margin-bottom:50px;}
.HomeNews .slideImg{position: relative;float: left;width:510px;height:390px;margin-right: 25px;overflow:hidden;}
.HomeNews .slideImg .spot2{position: absolute;bottom: 52px;right: 30px;z-index: 89;cursor: pointer;}
.HomeNews .slideImg .spot2 li{color:#fff;font-size: 0px;display: inline-block;width: 10px;height: 10px;margin: 0 7px;border-radius: 50%;background: #fff;}
.HomeNews .slideImg .spot2 li.on{background:#1870de}
.HomeNews .slideImg .list h4{position: absolute;bottom:0;left:0;width: 100%;color:#fff;font-size:16px;padding: 20px 30px;background: rgba(0,0,0,0.8);}
.HomeNews .slideImg .list h4:before{content: ""; position: absolute; bottom: 64px; left: 0; width: 0; height: 0; width: 0; height: 0; border-bottom: 45px solid rgba(0,0,0,0.8); border-right: 513px solid transparent;}
.HomeNews .slideImg .list img{width:510px;height: 357px;display: block;}
.HomeNews .two{border-bottom: 1px #aaa dotted;padding: 0 0px 20px 0;/* margin-left: 10px; */width: 650px;display: block;float: right;margin-bottom: 30px;}
.HomeNews .two:last-child{border:none;}
.HomeNews .two b{float: left;font-size:34px;color:#000000;margin-right: 30px;text-align: center;}
.HomeNews .two b font{display: block; font-size:12px; color:#191919;}
.HomeNews .two h4{font-size:14px;color:#191919;font-weight: bold;}
.HomeNews .two p{margin-top: 5px;color:#666666;font-size:12px;}
.HomeNews .two:hover h4{color:#1870de}
/*==案例详情↓==*/
.CaseShow{margin:70px 0 30px 0;/* background: #eee; */}
.CaseShow .left{width: 900px;}
.CaseShow .left h1.title{color: #333;font-size:20px;margin-bottom:40px;padding-bottom: 20px;text-align: center;border-bottom: 1px #aaa dotted;}
.CaseShow .left .worBox{margin: 50px 0 0 0;}
.CaseShow .left .worBox h2{color:#666;border-bottom: 2px #1870de solid;line-height: 43px;}
.CaseShow .left .worBox h2 b{color:#fff;font-size:16px;padding: 15px 45px;background: #1870de;}
.CaseShow .left .worBox .wx{padding: 30px 0 10px 0;}
.CaseShow .right{width:240px;padding: 20px 20px;border: 1px #eee solid;background: #fcfcfc;}
.CaseShow .right .bin{}
.CaseShow .right h2.title{position: relative;margin: 0 0 30px 0;color:#666;padding: 0 0 15px 2px;font-size: 18px;border-bottom:1px #aaa dotted;}
.CaseShow .right h2.title:before{content:"";position: absolute;left: -15px;top: 4px;width:3px;height: 20px;background: #1870DE;}
.CaseShow .right .top{margin: 0 0 50px 0;}
.CaseShow .right .top span{display: block;margin: 10px 0 15px 0;color:#999;font-size:13px;}
.CaseShow .right .top span font{display: block; color:#333; font-weight: bold;}
.CaseShow .right .top a{margin-top:30px; display: block; color:#999; border: 1px #ddd solid; font-size:14px; padding:10px 20px; text-align: center;}
.CaseShow .right .top a:hover{color:#fff;background: #1870DE;}
.CaseShow .right .recommend{overflow:hidden;padding: 15px;border:1px solid #d4d4d4;background:#fff;margin-top: 20px;}
.CaseShow .right .recommend li{/* width: 210px; */overflow:hidden;margin-bottom:5px;}
.CaseShow .right .recommend li img{width: 166px;height: 118px;border:1px solid #ddd;padding:2px;}
.CaseShow .right .recommend li h4{height:26px; line-height:26px; position:relative; text-align:center;display: block;white-space:nowrap;overflow:hidden;text-overflow: ellipsis;}
.CaseShow .right .recommend li:hover img{border: 1px solid #1870DE;}
.CaseShow .right .recommend li:hover h4{color:#1870DE}
/*==广告图==*/
.slideBanner{position: relative; width:100%;height:680px; overflow:hidden; margin:0 auto;}
.slideBanner .long{position:relative;margin: auto;}
.slideBanner .bnr{position:absolute;left:50%; margin-left:-960px}
.slideBanner .bnr li{width:1920px;}
.slideBanner .bnr img{display:block;height:680px; margin:0 auto; position:relative; max-width:100%;}
.slideBanner .spot{position:absolute;bottom: 50px;left:20%;width:100%;z-index: 99;}
.slideBanner .spot li{float:left;display:inline-block;margin:0 5px;cursor: pointer;width: 10px;height: 10px;border-radius:50%;overflow:hidden;background: #ccc;}
.slideBanner .spot li img{opacity:0;width: 100px;height: 35px;margin:0px 0 0 -50px;display: block;}
.slideBanner .spot li.on{margin-top:-11px;width:30px;height: 30px;border: 3px #1870DE solid;}
.slideBanner .spot li.on img{opacity:1;}
.slideBanner .prev,
.slideBanner .next{position:absolute;left:3%;top:45%;font-size:0px;/* margin-top:-25px; */display:block;width:26px;height: 33px;padding: 5px 7px;background: url(../images/ctrl.png) 0px 0px no-repeat;filter:alpha(opacity=50);opacity: 0.7;}
.slideBanner .next{left:auto;right:3%;background-position: -40px 0px;}
.slideBanner .prev:hover,.slideBanner .next:hover{filter:alpha(opacity=100);opacity:1;}
.slideBanner .video{position: absolute;top:100px;right:0%;z-index:99;width: 350px;}
.slideBanner .video li{position:relative;width: 250px;margin: 0 0 5px 0;}
.slideBanner .video li img{width: 250px;height: 150px;display: block;}
.slideBanner .video li em{position: absolute;top: 50px;left: 90px;display: block;padding: 4px 0px;width: 75px;height: 35px;color:#fff;font-size: 23px;border: 2px #fff solid;border-radius: 20px;text-align: center;}
.slideBanner .video li u{position: absolute; top:0;left:0; display: block;width:100%; height:100%; background: rgba(0,0,0,0.5)}
.slideBanner .video li:hover em{border: 2px rgba(0, 0, 0, 0.6) solid;background: rgba(0,0,0,0.6);}
/*==产品↓==*/
.ProductListBox2{margin:50px 0 0px 0}
.ProductListBox2 .listProduct li{border:1px #eee solid; margin:0 10px 20px 0}
/*  案例列表 */
.caseList li{float:left;width: 380px;margin-right: 20px;margin-bottom: 20px;position: relative;}
.caseList li .pImg{display: block;height: 288px;overflow: hidden;position: relative;}
.caseList li .pImg img{width: 100%;height: 100%;transition: all .5s}
.caseList li:hover .pImg img{transform: scale(1.2);-ms-transform: scale(1.2);  -webkit-transform: scale(1.2);  -o-transform: scale(1.2);   -moz-transform: scale(1.2); }
.caseList li .pImg:before{position: absolute;content: "";left: 0;right: 0;bottom: 0;top: 0;background:url(../images/gicon8.png)no-repeat center center rgba(0,0,0,0.5);z-index:2;transition: all .5s;}
.caseList li:hover .pImg:before{opacity: 0;}
.caseList li  .txt{font-size: 12px;color: #fff;background: #123883;position: absolute;bottom: 0;left: 0;right: 0;top: 294px;padding: 15px;line-height: 22px;transition: all .5s;}
.caseList li:hover  .txt{top: 190px;}
.caseList li  .txt span{display: block;border-bottom: 1px solid #fff;margin-bottom: 5px;}
.caseList li  h5{height: 50px;line-height: 50px;text-indent: left;padding: 0 15px;color: #333;transition: all .5s;font-size: 14px;font-weight: normal;background: url(../images/searBtn.png) no-repeat 350px center #fff;}
/*==底部===*/
.footer{padding: 50px 0 0 0;background: #232323;}
.footer .left{}
.footer .left .nav{}
.footer .left .nav li{display: inline-block;padding-right: 25px;padding: 3px 25px 3px 0;margin-right: 25px;border-right: 1px #666 dotted;}
.footer .left .nav li:last-child{border:none;}
.footer .left .nav li a{display: block;color: #fff;line-height: 8px;font-size: 14px;/* padding: 3px 10px; *//* margin-right: 10px; *//* border-right: 1px #999 dotted; */}
.footer .left .nav li a:hover{color:#999}
.footer .left .wx{float:left;width:100%;margin-top:30px;color: #666666;font-size: 12px;}
.footer .left .wx a:hover{color:#666; font-size:12px;}
.footer .left .wx a:hover{color:#999}
.footer .right{color:#999999;font-size:12px;line-height: 30px;}
.footer .right span{position:relative;float: left;width: 20px;padding-top: 30px;/* display: inline-block; */margin-right: 10px;text-align: center;line-height: 20px;}
.footer .right span:before{content:"";position:absolute;left: 8px;top:0px;width:1px;height: 25px;/* padding-top: 50px; */background:#ddd;}
.footer .right img{float: left;display:block;margin:auto;width:120px;}
.footer .link{margin-top: 60px;padding: 15px 0;/* border-top: 1px #333 solid; */background: #171717;}
.footer .link h3{float: left;color:#fff;font-size;12pxfont-size: 1;font-size: 13px;}
.footer .link h3 font{color: #2a89ff;font-size:11px;margin-left:5px;}
.footer .link a{display: inline-block;color:#999;padding: 0 15px;font-size:12px;line-height: 10px;border-right: 1px #999 dashed;}
.footer .link a:hover{color:#fff}
.footer .link a:last-child{border:none;}