@charset "UTF-8";

.ge10{ clear:both; height:10px;}
.ge20{ clear:both; height:20px;}
.ge30{ clear:both; height:30px;}
.ge40{ clear:both; height:40px;}
.ge50{ clear:both; height:50px;}  
.index191119  { font-family: "微软雅黑"; font-size: 14px; color: #333; margin: 0 auto; background: #fff; min-width:1400px; }
.index191119 *{ margin: 0; padding: 0; }
.index191119 ul { list-style: none; }
.index191119 img {border: none;vertical-align: middle;}
.index191119 a {color: #878787;text-decoration: none;display: inline-block;}

.index191119 .box{min-width: 1200px;}

.index191119 .clearfloat { zoom: 1; /* 兼容ie6/7 */ }
.index191119 .clearfloat:after { display: block; clear: both; content: ""; visibility: hidden; height: 0; /* ie8以上和非ie支持伪类：after */ }
.index191119 .fl { float: left; }
.index191119 .fr { float: right; }

.index191119 .banner{width:100%;height: 690px;}
.index191119 .banner .focus{width:100%;position:relative;display: inline-block;height: 100%;}
.index191119 .banner .focus .hd{width:100%;position:absolute;z-index:1;bottom: 165px;text-align:center;left: 0;right: 0;}
.index191119 .banner .focus .hd ul{display:inline-block;height: 3px;padding:3px 5px;vertical-align:top;}
.index191119 .banner .focus .hd ul li{display:inline-block;width: 40px;height: 3px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;background: rgba(255, 255, 255, 0.1);margin:0 5px;vertical-align:top;overflow:hidden;cursor: pointer;}
.index191119 .banner .focus .hd ul .on{ background:#fff;  }

.index191119 .banner .focus .bd{position:relative;z-index:0;text-align:center;height: 100%;}
.index191119 .banner .focus .bd .tempWrap{width: 100%;height: 100%;}
.index191119 .banner .focus .bd ul{ height: 100%; }
.index191119 .banner .focus .bd li{width:100%;color:#000000 !important;height: 100%;}
.index191119 .banner .focus .bd a{width: 100%;display: block;height: 690px;position: relative;}
.index191119 .banner .focus .bd img{width: 100%;height: 690px;}     
.index191119 .banner .focus dl{ text-align:center; position:absolute; width:25%;   }
.index191119 .banner .focus dl dt{ font-size:36px; color:#000000 !important; padding-top:3%; text-align:center;   }
.index191119 .banner .focus dl dd{ font-size:18px; color:#111111 ; padding-top:10px; line-height:28px;  text-align:center; }


/*头部*/
.index191119 .index-header {height: 65px;padding: 0 48px;line-height: 65px;background: #2e3033;display: flex;justify-content: space-between;align-items: center;}
.index191119 .index-header > * {height: 100%;line-height: 65px;}
.index191119 .index-header .index-logo {display: flex;align-items: center;}
.index191119 .index-header .index-logo img {max-height: 70%;vertical-align: middle;}
.index191119 .index-header .index-header-nav{ width: 65%; }  
.index191119 .index-header .index-header-nav .nav-li{height: 100%;display: inline-block;/* position: relative; */padding: 0 2%;  position: relative!important; }
.index191119 .index-header .index-header-nav .nav-li:hover .second-nav {display: block;}
.index191119 .index-header .index-header-nav .nav-li a:hover  { color:#00b4ff!important; }
.index191119 .index-header .index-header-nav a{color: #fff;font-size: 16px;font-weight: bold;display: block;}
.index191119 .index-header .index-header-nav .nav-li:hover, .index-header .index-header-nav .nav-li.on{color: #ffce70; border-bottom: 2px solid #00b4ff!important; margin-bottom:-2px!important; z-index:999999; }
.index191119 .index-header .index-header-nav .nav-li .second-nav{position: absolute;min-height: 605px;left: 0;z-index: 11;display: none;width: 1200px;right: 0;margin: auto;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left{width: 20%; min-height: 405px;text-align: right;background: #242830;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li{color: #81838b;width: 280px;height: 58px;cursor: pointer;font-size: 16px;font-weight: bold;text-align: left;padding: 0 20px;display: inline-block;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li .on,.index-header .index-header-nav .nav-li .second-nav .second-nav-left .li:hover{color: #0093dd;background: #323843;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li i{width: 30px;text-align: center;margin-right: 20px;display: inline-block;vertical-align: middle;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.all i{background: url(ico_header_nav1.png) no-repeat center;height: 23px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.logistics i{background: url(ico_header_nav2.png) no-repeat center;height: 20px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.storage i{background: url(ico_header_nav3.png) no-repeat center;height: 22px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.e-commerce i{background: url(ico_header_nav4.png) no-repeat center;height: 24px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.marketing i{background: url(ico_header_nav5.png) no-repeat center;height: 20px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.intelligence i{background: url(ico_header_nav6.png) no-repeat center;height: 18px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.enterprise i{background: url(ico_header_nav7.png) no-repeat center;height: 22px;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.all i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.all:hover i{background: url(ico_header_nav1-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.logistics i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.logistics:hover i{background: url(ico_header_nav2-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.storage i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.storage:hover i{background: url(ico_header_nav3-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.e-commerce i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.e-commerce:hover i{background: url(ico_header_nav4-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.marketing i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.marketing:hover i{background: url(ico_header_nav5-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.intelligence i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.intelligence:hover i{background: url(ico_header_nav6-1.png) no-repeat center;}
.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.on.enterprise i, .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.enterprise:hover i{background: url(ico_header_nav7-1.png) no-repeat center;}
.index191119 .index-header .index-header-right-nav {text-align: right;  width:250px;}    

.index191119 .index-header .second-nav .second-nav-right{background: #2b303b;width: 80%;min-height: 405px;}
.index191119 .index-header .second-nav .second-nav-right .second-nav-right-tab{display: none;}
.index191119 .index-header .second-nav .second-nav-right .second-nav-right-tab.on{display: flex;}
.index191119 .index-header .second-nav .second-nav-right .left{min-height: 360px;padding: 25px 3% 0;display: inline-block;border-right: 1px solid #333945;}
.index191119 .index-header .second-nav .second-nav-right .left .top{height: 35px;line-height: 35px;position: relative;}
.index191119 .index-header .second-nav .second-nav-right .left .top .search-input{color: #757882;width: 100%;height: 100%;border: none;outline: none;padding: 0 50px 0 25px;background: #323843 url(ico_search.png) no-repeat 98% center;} 
.index191119 .index-header .second-nav .second-nav-right .left .bottom {display: flex;margin-top: 15px;justify-content: space-between;}
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li { min-width: 200px; width:300px; } 
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li .title {color: #fff;font-size: 16px;font-weight: bold;line-height: 45px;border-bottom: 1px solid #333945;}
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li .title img {margin-right: 15px;}
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li .content {margin-top: 15px;line-height: normal;}
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li .content a{color: #c3c3c3;font-size: 14px;font-weight: normal;padding: 0px 0px 0px 35px;}
.index191119 .index-header .second-nav .second-nav-right .left .bottom .li .content a:hover{color: #0093dd;}
.index191119 .index-header .second-nav .second-nav-right .right{color: #c3c3c3;width: 408px;height: 100%;margin-top: 25px;line-height: 220%;display: inline-block;vertical-align: top;padding: 0 20px;}
.index191119 .index-header .second-nav .second-nav-right .right .title{color: #fff;font-weight: bold;margin-bottom: 25px;}
.index191119 .index-header .second-nav .second-nav-right .right .content .li{padding: 10px 0 20px;border-bottom: 1px solid #333945;}
.index191119 .index-header .second-nav .second-nav-right .right .content .li:last-child{border-bottom: none; }
.index191119 .index-header .second-nav .second-nav-right .right  a{font-size :15px;line-height: 160%;}


.index191119 .index-header .index-header-nav .nav-li .second-nav .second-nav-left .li.all{margin-top: 25px;}
.index191119 .index-header .index-header-right-nav a{color: #fff;margin-left: 2.5%;}
.index191119 .index-header .index-header-right-nav a:hover{color: #ffce70;}


.index191119 .index-banner {position: relative;overflow: hidden;}
.index191119 .index-banner .index-banner-nav {position: absolute;width: 100%;bottom: 0;height: 135px;text-align: center; background: rgba(61, 61, 61, .4);}
.index191119 .index-banner .index-banner-nav .index-banner-nav-content { width:1200px; margin:0 auto;}
.index191119 .index-banner .index-banner-nav .index-banner-nav-li{width: 238px;  border-left: 1px solid #ffffff38;  vertical-align:top !important; float:left;}
.index191119 .index-banner .index-banner-nav .index-banner-nav-li:last-child{border-right: 1px solid #ffffff38;}
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a{color: #fff;display: block;line-height: 180%; width:208px; height:128px ; padding: 25px 15px 25px 15px; display:block}
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a b{font-size: 16px;}    
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a p{margin-bottom: 5px; height:45px; font-size:14px}  
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a span{color: #0093dd;}  
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a:hover {color: #0aadff;  background: rgba(00, 00, 00, .6); } 
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a:hover p{color: #049eeb;}        
.index191119 .index-banner .index-banner-nav .index-banner-nav-li a:hover span{color: #e8e8e8;}     
      
.index191119 .index-product-area .index-product-top {text-align: center;margin-top: 50px;}  
.index191119 .index-product-area .index-product-top b {color: #333;height: 100px;line-height: 100px;font-size: 28px;width: 1200px;margin: 0 auto;display: block;}
.index191119 .index-product-area .index-product-bottom .index-product-nav {width: 1200px;text-align: center;margin: 0 auto;}      
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li {display: inline-block;min-width: 200px;  text-align: center;margin: 0 10px;padding: 25px 0 10px;cursor: pointer;font-size: 16px;}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li.on,.index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover {color: #0093dd;border-bottom: 2px solid #0093dd;}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box {height: 45px;text-align: center;line-height: 45px;margin-bottom: 10px;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.logistics,.index-product-area .index-product-bottom .index-product-nav .index-product-nav-li.on .img-box i.logistics  {background-image: url(ico_product_nav1-1.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.logistics {width: 49px;height: 45px; display: inline-block;background: url(ico_product_nav1.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.storage {background-image: url(ico_product_nav2-1.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.storage {width: 49px;height: 45px; display: inline-block;background: url(ico_product_nav2.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.e-commerce {background-image: url(ico_product_nav3-1.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.e-commerce {width: 49px;height: 45px; display: inline-block;background: url(ico_product_nav3.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.data-interface {background-image: url(ico_product_nav4-1.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.data-interface {width: 49px;height: 45px; display: inline-block;background: url(ico_product_nav4.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.app-integration {background-image: url(ico_product_nav5-1.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.app-integration {width: 49px;height: 45px; display: inline-block;background: url(ico_product_nav5.png) no-repeat center;}



.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.ERP {background-image: url(erp-hover.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.ERP {width: 48px;height: 48px; display: inline-block;background: url(erp.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.Market {background-image: url(market-hover.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.Market {width: 48px;height: 48px; display: inline-block;background: url(market.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.APP {background-image: url(app-hover.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.APP {width: 48px;height: 48px; display: inline-block;background: url(app.png) no-repeat center;}

.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li:hover .img-box i.internet {background-image: url(internet-hover.png);}
.index191119 .index-product-area .index-product-bottom .index-product-nav .index-product-nav-li .img-box i.internet {width: 48px;height: 48px; display: inline-block;background: url(internet.png) no-repeat center;}





.index191119 .index-product-area .index-product-bottom .index-product-tab {background-color: #f9f9f9; }
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li {width: 1200px;margin: 0 auto;min-height: 300px;padding: 25px 0;display: none;     }
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li.on {display: block;}  
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul{display:flex;/* justify-content: space-between; */flex-wrap: wrap;}


  

    
  

.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li{width:375px;float: left;-webkit-box-sizing: unset; background:#ffffff; margin:10px; height:120px;}  
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li-img  { width:100px; float:left ;  padding:15px 0px 0px 15px;}
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li .title{color:#333;font-size: 16px;padding-bottom: 10px;  font-weight:bold;}
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li .content{color:#888;display: -webkit-box;overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li a{display: block; width:335px; padding:20px 20px 20px 20px; border:solid 1px #f1f1f1; height:80px;}    
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li a:hover{ background-color: #fff; box-shadow: rgba(137, 137, 137, 0.14) 2px 0 5px;  }
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li :hover .title { color:#00a0e3!important;   }
.index191119 .index-product-area .index-product-bottom .index-product-tab .index-product-tab-li ul li :hover .content { color:#00b2fc!important;   }
    
    

.index191119 .index-solution-area {padding: 15px 0 70px;background: url(bg_solution.jpg) no-repeat center;background-size: 100% 100%;}
.index191119 .index-solution-area .index-solution-top {color: #fff;width: 1200px;font-size: 28px;margin: 65px auto;text-align: center;}
.index191119 .index-solution-area .index-solution-bottom {width: 1200px;margin: 0 auto;display: flex;justify-content: space-between;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav {width: 160px; text-align: right;display: inline-block;vertical-align: middle;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav ul{min-height: 405px;border-right: 2px solid #6a6f76;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav ul li{color: #fff;font-size: 16px;font-weight: bold;padding: 10px 40px;cursor: pointer;margin-bottom:10px;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav ul li a{color: #fff;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav ul li a:hover{color: #0093dd;}
.index191119 .index-solution-area .index-solution-bottom .solution-nav ul li.on{color:#0093dd;margin-right: -3px;border-right: 4px solid #0093dd;background: -webkit-linear-gradient(to left,rgba(255,255,255,.2),transparent); background: -o-linear-gradient(to left,rgba(255,255,255,.2),transparent); background: -moz-linear-gradient(to left,rgba(255,255,255,.2),transparent); background: linear-gradient(to left,rgba(255,255,255,.2),transparent); }
.index191119 .index-solution-area .index-solution-bottom .solution-tab {width: 955px;display: inline-block;vertical-align: middle;}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li{min-height: 405px;color: #fff;display: none;}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li.on{display: block;}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .top{padding: 20px 0;margin-bottom: 40px;border-bottom: 1px solid #4d5055;}  
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .top b{font-size: 24px;display: block;margin-bottom: 35px;}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .top span{display: block;line-height: 180%;margin-bottom: 30px; min-height:100px;}  
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .top .more{ color: #fff; width: 100px; height:35px; border: none; line-height: 35px; text-align: center; background: #0092dd; display: inline-block; border-radius:3px}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom > *{width: 125px;height: 50px;line-height: 50px; display: inline-block;vertical-align: middle; }
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box:last-child{margin-right: 0;}
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box img{width: 120px; }      

  
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3 {width:235px; float:left; line-height:150%;  color:#fff;   }  
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3 a  { display:block; border:solid 1px #8b8b8b; padding:15px;  height:80px; width:195px;  }    
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3 a:hover  {  border:solid 1px #0092dd;  background:rgba(0,0,0,0.1)}    
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3 .img-box3_bt { font-weight:bold;  }    
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3  a .img-box3_bt  { color:#ffffff; height:35px;}         
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3  a .img-box3_nt  { color:#cccccc;  }        
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3  a:hover .img-box3_bt  { color:#00a2f5;  }         
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3  a:hover .img-box3_nt  { color:#0083c7;  }      
.index191119 .index-solution-area .index-solution-bottom .solution-tab .solution-tab-li .bottom .img-box3 .img-box3_nt { font-size:12px;  }         
    
.index191119 .index-case-area .title{width: 1200px;padding: 30px 0;font-size: 28px;font-weight: bold;text-align: center;margin: 55px auto 0;}
.index191119 .index-case-area .case-nav{ border-bottom: 1px solid #ededed;}
.index191119 .index-case-area .case-nav-ul{width: 1200px;margin: 0 auto;text-align: center;}
.index191119 .index-case-area .case-nav-ul .case-nav-li {color: #666;height: 80px;font-size: 16px;padding: 0 30px;line-height: 80px;cursor: pointer;display: inline-block;vertical-align: middle;}
.index191119 .index-case-area .case-nav-ul .case-nav-li.on,.index-case-area .case-nav-ul .case-nav-li:hover {color: #0093dd;border-bottom: 2px solid #0093dd;}
.index191119 .index-case-area .case-tab{width: 1200px;margin: 0 auto; height:550px; }    
.index191119 .index-case-area .case-tab .case-tab-ul{display: none;}      
.index191119 .index-case-area .case-tab .case-tab-ul.on{display: flex;flex-wrap: wrap;}
.index191119 .index-case-area .case-tab .case-tab-ul .img-box:nth-child(4n) {margin-right: 0;}



.index191119 .index-case-area .case-tab .case-tab-ul .img-box {width: 25%; mix-height: 225px;line-height: 100%;margin-top: 40px;  margin-bottom: 20px;  display: inline-block;vertical-align: middle;text-align: center;}
.index191119 .index-case-area .case-tab .case-tab-ul .img-box a    { display:block; width:255px; height:193px;text-align:center;  background:#f1f1f1; color:#f3f3f3; vertical-align:middle;  }
.index191119 .index-case-area .case-tab .case-tab-ul .img-box a:hover {  background:#F4BA01; color:#00a0df;}   
 
  
.index191119 .index-case-area .case-tab .case-tab-ul .case-title { text-align:center; font-size:14px; color:#333 !important; padding:10px 0px 20px 0px!important 	;  }
.index191119 .index-case-area .case-tab .case-tab-ul a:hover .case-title { color:#00a2f5 !important;;  }



.index191119 .index-case-area .case-tab .case-tab-ul .img-box2 { width: 25%; mix-height: 225px;line-height: 100%;margin-top: 40px;display: inline-block;vertical-align: middle;text-align: center;}
.index191119 .index-case-area .case-tab .case-tab-ul .img-box2 a    { display:block; width:255px;  height:110px; text-align:center;  background:#f1f1f1; color:#f3f3f3; vertical-align:middle; padding:90px 0 0 0;  }
.index191119 .index-case-area .case-tab .case-tab-ul .img-box2 a:hover {  background:#0093dd; color:#fffff;}    
  
	  
.index191119 .index-case-area .case-tab .case-tab-ul .img-box img{width: 100%;height: 100%; border:solid }   

.index191119 .index-case-area .more_case{color: #0093dd;font-size: 16px;display: block;text-align: center;margin: 30px 0 80px;}
.index191119 .index-case-area .more_case:hover{text-decoration: underline;}
.index191119 .index-news_area {padding: 30px 0;background: #f9f9f9;}
.index191119 .index-news_area_sort   { text-align:center;  padding:20px 0px 0px 0px;}
.index191119 .index-news_area_sort a  { color: #333;  padding:0px 20px 0px 20px; color: #666; font-size: 16px;  line-height: 30px;  cursor: pointer;  display: inline-block; vertical-align: middle;}
.index191119 .index-news_area_sort a.on  { color: #0093dd;}
.index191119 .index-news_area_sort a:hover  {color: #0093dd;}

  



.index191119 .index-news_area .top {width: 1200px;margin: 40px auto;text-align: center;}
.index191119 .index-news_area .top b { font-size: 28px; }
.index191119 .index-news_area .top p { color: #666; font-size: 16px; margin-top: 10px; }
.index191119 .index-news_area .bottom {width: 1200px;margin: 0 auto;}
.index191119 .index-news_area .bottom .main-news-ul{margin-bottom: 25px;display: flex;justify-content: space-between;background: #FFFFFF;padding: 10px;}
.index191119 .index-news_area .bottom .main-news-ul li { vertical-align: middle;background: #fff;height: 230px;width: 24%;}
.index191119 .index-news_area .bottom .main-news-ul li:last-child {margin-right: 0;}  
.index191119 .index-news_area .bottom .main-news-ul li a { width:100%; color: #333;}  
.index191119 .index-news_area .bottom .main-news-ul li a:hover {color: #0093dd; }
.index191119 .index-news_area .bottom .main-news-ul li .news-img   { }
.index191119 .index-news_area .bottom .main-news-ul li .news-img img { max-height:188px; max-width:278px; border:solid 1px #f1f1f1;}
.index191119 .index-news_area .bottom .main-news-ul li .news-img :hover {  border:solid 1px #09F; }  
.index191119 .index-news_area .bottom .main-news-ul li .news-title { height:40px; text-align:left;  overflow: hidden;white-space: nowrap;text-overflow: ellipsis; line-height:40px;   }
.index191119 .index-news_area .bottom .main-news-ul li a::hover .news-title   { color:#ccc} 

.index191119 .index-news_area .bottom .news-list li{width: 33%;margin-bottom: 25px;display: inline-block;}
.index191119 .index-news_area .bottom .news-list li a:hover{color: #0093dd;}  

.index191119 .index-help-area {width: 1200px;margin: 0 auto 30px;padding: 40px 0;}


.index191119 .help_sort   { text-align:center;  padding:0px 0px 20px 0px;}
.index191119 .help_sort a  { color: #333;  padding:0px 20px 0px 20px; color: #666; font-size: 16px;  line-height: 30px;  cursor: pointer;  display: inline-block; vertical-align: middle;}
.index191119 .help_sort a.on  { color: #0093dd;}
.index191119 .help_sort a:hover  {color: #0093dd;}
  
  
  
  
.index_info_area_bg                                      { background:url('/img2020/info_bg.png') repeat-x 0px -52px;}
.index_info_area                                         { width: 1200px; margin: 50px auto;text-align: center;}
.index_info_area_top                                     { font-size: 28px;  }
.index_info_area_top_sort                                { color: #666; font-size: 16px; padding-top: 40px; line-height:30px;}
.index_info_area_top_sort .on                            { border-bottom:solid 2px #0093dd }
.index_info_area_top_sort a                              { display:block; padding:10px 10px 20px 10px; display:inline-block;}
.index_info_area_top_sort a:hover                        { color:#0093dd}
.index_info_area_top_sort .more                          { color:#0093dd}

.index_info_area_content                                 { clear:both;}  
.index_info_area_content_left                            { width:800px; overflow:hidden; float:left; padding-top:20px;  }
.index_info_area_content_left_li                         { clear:both; padding:20px 0px 20px 0px; border-bottom:solid 1px #eee8e8; min-height:120px; }
.index_info_area_content_left_li_img                     { width:230px; float:left;}  
.index_info_area_content_left_li_zw                      { width:570px; float:right;}
.index_info_area_content_left_li_bt                      { font-size:16px; line-height:200%; text-align:left;}
.index_info_area_content_left_li_bt      a               { color:#333333; }
.index_info_area_content_left_li_bt      a:hover         { color:#0093dd; }
.index_info_area_content_left_li_time                    { height:35px; clear:both; line-height:35px;}
.index_info_area_content_left_li_time_write              { background:url('/img2020/info_bg3.png') no-repeat 0px 8px; float:left; padding-left:20px;  padding-right:20px;  color:#999999; }
.index_info_area_content_left_li_time_write   a:hover    { color:#0093dd;}  
.index_info_area_content_left_li_time_date               { background:url('/img2020/info_bg2.gif') no-repeat 0px 10px; width:110px; float:left; padding-left:20px;}
.index_info_area_content_left_li_des                     { clear:both; color:#999999; text-align:left; }    
  
.index_info_area_content_right                           { float:right; width:333px;  overflow:hidden; padding-top:20px; }
.index_info_area_content_right_ka                        { text-align:left; }  
.index_info_area_content_right_ka_bt                     { border-left:solid 2px #0093dd; font-size:16px; color:#666; height:20px; line-height:20px; padding-left:20px;  }
.index_info_area_content_right_ka_list                   { margin-top:10px; border-top:solid 1px #eee8e8; padding:20px 0px 30px 0px;}
.index_info_area_content_right_ka_list_li                { width:110px; float:left; text-align:center; color:#666}
.index_info_area_content_right_ka_list_li a              { color:#666; padding-bottom:20px;}
.index_info_area_content_right_ka_list_li a:hover        { cursor:pointer; }
.index_info_area_content_right_ka_list_li img            { width:100px; height:100px; margin-bottom:10px;}
.index_info_area_content_right_ge                        { height:10px; font-size:1px; clear:both;}
.index_info_area_content_right_hot                       { clear:both; padding-top:20px; text-align:left; }  
.index_info_area_content_right_hot_bt                    { border-left:solid 2px #0093dd; font-size:16px; color:#666; height:20px; line-height:20px; padding-left:20px;}
.index_info_area_content_right_hot_list                  { margin-top:10px; border-top:solid 1px #eee8e8; padding:20px 0px 30px 0px;}
.index_info_area_content_right_hot_list a                { display:inline-block;   padding:3px 10px 3px 10px; margin:5px 0px 5px 0px; border:1px solid #eee8e8; border-radius:10px; -moz-border-radius:25px; /* Old Firefox */}
.index_info_area_content_right_hot_list a:hover          {  color:#0093dd;  background:#f3fcff; border:1px solid #0093dd; }
.index_info_area_content_ge                              { height:10px; font-size:1px; clear:both;}


.index191119 .index_help_area_bg {background:#f9f9f9; clear:both;}


.index191119 .index-help-area .top {text-align: center;font-size: 28px;font-weight: bold;margin: 45px 0;}
.index191119 .index-help-area .bottom .index-help-li {width: 345px;margin-right: 78px;display: inline-block;vertical-align: middle;}
.index191119 .index-help-area .bottom .index-help-li:last-child {margin-right: 0;}
.index191119 .index-help-area .bottom .index-help-li .title {color: #333;font-size: 16px;display: block;padding: 25px 10px 25px 0;border-bottom: 1px solid #ededed;}
.index191119 .index-help-area .bottom .index-help-li .title:hover {color: #0093dd;}
.index191119 .index-help-area .bottom .index-help-li .title img {margin-right: 20px;}
.index191119 .index-help-area .bottom .index-help-li .help {color: #333;display: block;padding: 20px 0;border-bottom: 1px solid #ededed;}
.index191119 .index-help-area .bottom .index-help-li .help:hover {color: #0093dd;}

.index191119 .index-company-area {padding: 56px 0;background: #ffffff;}
.index191119 .index-company-area .box{ width: 1200px;margin: 0 auto; }
.index191119 .index-company-area .main-info{width: 620px;margin-right: 90px;display: inline-block;vertical-align: middle;line-height: 180%;}
.index191119 .index-company-area .main-info b{font-size: 28px;}
.index191119 .index-company-area .main-info .company-content{color: #666;margin: 30px 0;line-height: 180%;}

.index191119 .index-company-area .main-info .company-more{ }
.index191119 .index-company-area .main-info .company-more a  { color: #333;  padding:0px 20px 0px 0px; color: #666; font-size: 16px;  line-height: 30px;  cursor: pointer;  display: inline-block; vertical-align: middle;}
.index191119 .index-company-area .main-info .company-more a.on  { color: #0093dd;}   
.index191119 .index-company-area .main-info .company-more a:hover  {color: #0093dd;}
  


.index191119 .index-company-area .main-info .more-company-info{color: #0093dd;}
.index191119 .index-company-area .company-img{width: 485px;display: inline-block;vertical-align: middle;}
.index191119 .index-company-area .company-img img{max-width: 485px;}
.index191119 .index-company-area .main-info  a{margin-top: 20px;}
.index191119 .index-other-area{padding: 85px 0 70px;}  
.index191119 .index-other-area .other-nav {width: 1200px;margin: 0 auto 48px;}
.index191119 .index-other-area .other-nav .other-nav-li {width: 400px;height: 60px;font-size: 20px;font-weight: bold;text-align: center;line-height: 60px;cursor: pointer;position: relative;background: #f5f5f5;}
.index191119 .index-other-area .other-nav .other-nav-li.on,.index-other-area .other-nav .other-nav-li:hover{color: #fff; background: #0093dd;}
.index191119 .index-other-area .other-nav .other-nav-li i {bottom: -12px;left: 190px;width: 23px;height: 23px;position: absolute;display: none;background: url(ico_other.png) no-repeat center;}
.index191119 .index-other-area .other-nav .other-nav-li.on i ,.index-other-area .other-nav .other-nav-li:hover i {display: inline-block;}
.index191119 .index-other-area .other-tab {width: 1200px;margin: 0 auto;}
.index191119 .index-other-area .other-tab .other-tab-ul{display: none;}
.index191119 .index-other-area .other-tab .other-tab-ul.on{display: flex;justify-content: space-between;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li {/* width: 23%; *//* height: 88px; */padding: 20px 1%;display: inline-block;border: 1px solid #e5e5e5;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li:last-child {margin-right: 0;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li .img-box {width: 46px;height: 46px;text-align: center;line-height: 46px;margin-right: 20px;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li .img-box img {width: auto;height: auto;max-width: 100%;max-height: 100%;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li .other-info p {color:#666;font-size: 16px;margin-bottom: 10px;}
.index191119 .index-other-area .other-tab .other-tab-ul .other-tab-li .other-info span {color:#888;width: 160px;font-size: 12px;overflow: hidden;white-space: nowrap;display: inline-block;text-overflow: ellipsis;}

.index191119 .index-appointment-area{min-height: 300px;text-align: center;padding: 80px 0 60px;background: url(bg_appointment.jpg)no-repeat center;background-size: 100% 100% !important;}
.index191119 .index-appointment-area .box{width: 455px;margin: 0 auto;}  
.index191119 .index-appointment-area .title{font-size: 28px;font-weight: bold;}  
.index191119 .index-appointment-area .appointment-des{color: #555;line-height: 180%;margin: 40px 0 30px; font-size:24px; }
.index191119 .index-appointment-area .appointment-des strong {font-size:16px;  }
.index191119 .index-appointment-area .appointment-btn{color: #fff;width: 185px;height: 42px;font-size: 16px;font-weight: bold;line-height: 42px;text-align: center;background: #0093dd;display: inline-block;}

.index191119 .index-footer a{color: #c3c3c3;}
.index191119 .index-footer .top{background: #2e3033;}
.index191119 .index-footer .top .footer-div1{width: 1200px;height: 99px;line-height: 99px;margin: 0 auto 35px;display: flex;font-size: 16px;justify-content: space-between;border-bottom: 1px solid #494949;}
.index191119 .index-footer .top .footer-div1 .li{color: #fff;}
.index191119 .index-footer .top .footer-div1 .li img{margin-right: 20px;}
.index191119 .index-footer .top .footer-div2 {width: 1200px;margin: 0 auto 20px;display: flex;padding-bottom: 10px;justify-content: space-between;border-bottom: 1px solid #494949;}
.index191119 .index-footer .top .footer-div2 .li { width:20%; }
.index191119 .index-footer .top .footer-div2 .li .title{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 15px;}
.index191119 .index-footer .top .footer-div2 .li .content{color: #c3c3c3;margin-bottom: 12px;}
.index_2code { line-height:35px;}
.index_2code img { max-width:110px;}
.index_2code_wx { width:48%; float:left; text-align:center }
.index_2code_wap { width:48%; float:left; text-align:center; padding-left:3%;}
 
.index191119 .index-footer .top .footer-div3{width: 1200px;margin: 0 auto;padding-bottom: 20px;}
.index191119 .index-footer .top .footer-div3 .li {margin-bottom: 10px; }
.index191119 .index-footer .top .footer-div3 .li .title{color: #fff;width: 130px;font-size: 16px;display: inline-block;vertical-align: middle;}
.index191119 .index-footer .top .footer-div3 .li .content{color: #c3c3c3;display: flex;flex-wrap: wrap;margin-top: 14px;}
.index191119 .index-footer .top .footer-div3 .li .content a{margin-right: 10px;margin-bottom: 10px;}
.index191119 .index-footer .top .footer-div3 .li .content a:last-child{margin-right: 0;}
.index191119 .index-footer .top .footer-div4{color: #c3c3c3;width: 1200px;margin: 0 auto;padding-bottom: 25px; }
.index191119 .index-footer .footer-div-4f {background:#282b2e}
.index191119 .index-footer .top .footer-div4 .ul a{color: #c3c3c3;margin: 0 10px;}
.index191119 .index-footer .top .footer-div4 .ul a:last-child{margin-right: 0;}
.index191119 .index-footer .bottom {color: #c3c3c3;font-size: 12px;line-height: 180%;text-align: center;padding: 20px 0;background: #222427;}
.index191119 .index-footer {background: #222427;color: #c3c3c3;border-bottom: 1px solid transparent;}
.index191119 .index-footer .footer-div4{display: flex;justify-content: space-between;width: 1200px;margin: auto;padding-top: 20px;}

.index191119 .index-footer .boot_tel{ width:600px; line-height:30px;}
.index191119 .index-footer .boot_dh{ line-height:60px; text-align:right; width:700px;}


.index191119 .banP1{font-size: 42px; padding-top: 3%;text-align: center;}
.index191119 .banP2{font-size: 18px; padding-top: 10px;line-height: 35px;text-align: center; color:#333;  }

  
.index191119 .index_projects_area_bg {background:#f9f9f9; clear:both;}

.index191119 .index-projects-area .top {text-align: center;font-size: 28px; font-weight: bold; padding: 45px 0;}
.index191119 .index_projects_notic { clear:both; text-align:center; font-size:14px; line-height:26px;} 
.index191119 .index-projects-area .index_projects_bottom  {clear:both; width: 1200px; margin: 0px auto; padding-top:20px; text-align: center; height:550px;}
.index191119 .index-projects-area .index_projects_bottom  li { float:left; width:196px; height:155px; list-style:none; }
.index191119 .index-projects-area .index_projects_bottom a   { height:140px; width:184px; display:block;border:solid 1px #f2f2f2; text-align:center; background:#fff; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1); -webkit-filter: grayscale(100%);  }
.index191119 .index-projects-area .index_projects_bottom a:hover   { border:solid 1px #7cdfff; filter: progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
-webkit-filter: grayscale(0%); }
.index191119 .index-projects-area .index_projects_bottom img   { max-height:140px; max-width:184px; }