@charset "utf-8";
/* 首页大屏开始 */
.btn{display:inline-block;width:100px;height:32px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:32px;color:#009FD9;text-align:center;text-decoration:none;font-size:14px;cursor:pointer;}
.cloud-product-box{background:#F5F5F5;min-width:1200px;}
.cloud-product-wrapper{margin:0 auto;width:1200px}
.cloud-product{position:relative;z-index:9;padding:50px 0 80px}
.cloud-product-title{height:32px;text-align:center;line-height:32px;font-size:32px;color:#333}
.color-blue{color:#009fd9}
.cloud-product-explain{margin-top:26px;margin-bottom:82px;height:16px;line-height:16px;text-align:center;font-size:16px;color:#999}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;margin-left:12px;width:212px;height:522px;float:left;background:#FFF}
.cloud-product-ul li:first-child{margin-left:0}
.cloud-product-single-top{width:100%;height:60px;line-height:60px;text-align:center;background-color:#f2f2f2}
.cloud-product-name{font-size:18px;color:#333;font-weight:700}
.cloud-product-single-bottom{width:100%;height:340px}
.empty-space{width:100%;height:99px;padding:26px 0 0 0;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}
.bg-product-pic{width:100%;height:82px}
.server-header-01{background:url(/statics/images/img/product_header_icon_01.png) center no-repeat}
.server-header-02{background:url(/statics/images/img/product_header_icon_02.png) center no-repeat}
.server-header-03{background:url(/statics/images/img/product_header_icon_03.png) center no-repeat}
.server-header-04{background:url(/statics/images/img/product_header_icon_04.png) center no-repeat}
.server-header-05{background:url(/statics/images/img/product_header_icon_05.png) center no-repeat}
.server-header-active-01{background:url(/statics/images/img/product_header_active_icon_01.png) center no-repeat}
.server-header-active-02{background:url(/statics/images/img/product_header_active_icon_02.png) center no-repeat}
.server-header-active-03{background:url(/statics/images/img/product_header_active_icon_03.png) center no-repeat}
.server-header-active-04{background:url(/statics/images/img/product_header_active_icon_04.png) center no-repeat}
.server-header-active-05{background:url(/statics/images/img/product_header_active_icon_05.png) center no-repeat}

.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center}
.product-introduce-title.normal-weight{font-weight:400}
.product-introduce-content{margin:0 auto 26px;width:180px;line-height:14px;font-size:14px;text-align:center;color:#999}
.product-introduce-list{margin:0 auto;padding-top:28px;height:135px;width:84%;border:1px solid #f1f1f1;border-left:none;border-right:none}
.introduce-list-small{margin-bottom:18px;line-height:14px;font-size:14px;color:#999;text-align:center}
.product-introduce-price{margin:48px auto 0;font-size:14px;text-align:center;color:#333}
.price-blue{color:#0af;font-size:38px}
.normal-inner{transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.active-inner{position:relative;display:none;height:100%;-moz-opacity:0;-khtml-opacity:0;opacity:0;transition:all .5s;-moz-transition:all .5s;-webkit-transition:all .5s;-o-transition:all .5s}
.introduce-link{position:absolute;top:0;left:0;width:100%;height:360px}
.active-inner-01{background:url(/statics/images/img/producet_bg_01.jpg) center no-repeat}
.active-inner-02{background:url(/statics/images/img/producet_bg_02.jpg) center no-repeat}
.active-inner-03{background:url(/statics/images/img/producet_bg_03.jpg) center no-repeat}
.active-inner-04{background:url(/statics/images/img/producet_bg_04.jpg) center no-repeat}
.active-inner-05{background:url(/statics/images/img/producet_bg_05.jpg) center no-repeat}
.cloud-product-ul li.active .active-inner{display:block;-moz-opacity:1;-khtml-opacity:1;opacity:1}
.cloud-product-ul li.active .normal-inner{display:none;-moz-opacity:0;-khtml-opacity:0;opacity:0}
.cloud-product-ul li{-webkit-box-shadow:1px 1px 12px rgba(0,0,0,.08);-moz-box-shadow:1px 1px 12px rgba(0,0,0,.08);box-shadow:1px 1px 12px rgba(0,0,0,.08);-webkit-transition:width .15s linear;-o-transition:width .15s linear;-moz-transition:width .15s linear;transition:width .15s linear}
.cloud-product-ul li.active{z-index:9;width:304px;-webkit-box-shadow:0 4px 20px rgba(0,0,0,.2);-moz-box-shadow:0 4px 20px rgba(0,0,0,.2);box-shadow:0 4px 20px rgba(0,0,0,.2)}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#FFF}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.introduce-list-large{margin:0 auto;width:228px;line-height:22px;color:#ddebff;font-size:14px}
.active .product-introduce-price{margin-top:32px;color:#fefeff}
.product-introduce-price .price-white{display:inline-block;font-size:36px;height:36px;line-height:36px;color:#FFF}
.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#FFF;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.buy-link-btn:hover{ background-color: #f80; color: #FFF; }
/* 首页大屏结束 */

.wrapa { width: 1200px; max-width: 1200px; margin-top: 0; margin-right: auto; margin-bottom: 0; margin-left: auto; padding-top: 30px; padding-bottom: 30px; }
.tile { width: 275px; height: 206px; margin: 10px; background-color: #ed0032; display: inline-block; background-size: cover; position: relative; cursor: pointer; transition: all 0.4s ease-out; box-shadow: 0px 5px 37px -17px rgba(0, 0, 0, 0.94); overflow: hidden; color: white; }
.tile img { height: 100%; width: 100%; position: absolute; top: 0; left: 0; z-index: 0; transition: all 0.4s ease-out; }
.tile .text { z-index: 99; position: absolute; padding: 30px; height: calc(100% - 60px); }
.tile h1 { text-shadow: 2px 2px 10px rgba(0, 0, 0, 0.05); font-size: 24px; color: #FFF; }
.tile h2 { font-weight: 100; margin-top: 20px; transform: translateX(200px); font-size: 12px; color: #FFF; }
.tile p { font-weight: 300; margin-top: 20px; line-height: 25px; transform: translateX(-200px); transition-delay: 0.2s; font-size: 15px; }
.animate-text { opacity: 0; transition: all 0.6s ease-in-out; }
.tile:hover { box-shadow: 0px 5px 37px -17px rgba(0, 0, 0, 0.64); transform: scale(1.05); }
.tile:hover img { opacity: 0.06; }
.tile:hover .animate-text { transform: translateX(0); opacity: 1; }
.dotas { position: absolute; bottom: 20px; right: 5px; margin: 0 auto; width: 30px; height: 30px; color: currentColor; display: flex; flex-direction: column; align-items: center; justify-content: space-around; }
.dotas span { width: 5px; height: 5px; background-color: currentColor; border-radius: 50%; display: block; opacity: 0; transition: transform 0.4s ease-out, opacity 0.5s ease; transform: translateY(30px); }
.tile:hover span { opacity: 1; transform: translateY(0px); }
.dotas span:nth-child(1) { transition-delay: 0.05s; }
.dotas span:nth-child(2) { transition-delay: 0.1s; }
.dotas span:nth-child(3) { transition-delay: 0.15s; }

/* 首页新闻 */
.flex-row{display:flex;flex-direction:row;justify-content:center;align-items:center}
.main-title{text-align:center}
.main-title{font-size:30px;color:#333;margin:50px 0;position:relative}
.main-title:after,.main-title:before{content:"";position:absolute;left:50%;transform:translateX(-50%)}
.main-title:before{width:0;height:0;bottom:-19px;border:6px solid;border-color:#00c1de transparent transparent}
.main-title:after{width:52px;height:3px;background-color:#00c1de;bottom:-8px}
.items-case .item,.items-case .item img,.items-news .items-news-block .img-block img,.items-our .item{transition:all .3s ease}
.items{padding:5px 0}
.items-news .items-news-block{justify-content:space-between}
.items-news{background-color:#F5F5F5;padding-bottom:100px; min-width:1200px;}
.items-news a:hover{color:#00c1de}
.items-news .items-news-block .item{width:371px;max-width:371px}
.items-news .items-news-block .item a{ color: #666; text-align: center; }
.items-news .items-news-block .item:hover a{color:#00c1de}
.items-news .items-news-block .img-block{overflow:hidden}
.items-news .items-news-block .img-block img{ overflow: hidden; height: 278px; width: 408px; }
.items-news .items-news-block .item:hover
.img-block img{transform:scale(1.1)}
.items-news .item-title-block{border:1px solid #eee;border-top:none;background-color:#FFF;height:50px;line-height:50px;padding:0 15px;margin:0 auto;box-sizing:border-box}
.items-news .item-title-block .item-title{ text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-align: center; font-size: 16px; }
.items-news .items-news-list{background-color:#FFF;border:1px solid #eee;margin-top:20px;padding:20px 0}
.items-news .items-news-list .item{margin:5px 20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;width:1000px}
.items-news .items-news-list .item a{color:#999;font-size:14px;}
.items-news .items-news-list .item a:hover{color:#00c1de}.items-our{padding-bottom:70px}
.grid-1 .title h2,.plan .title h2{ text-align: center; font-size: 30px; line-height: 70px; color: #FFF; }
.grid-1 .title p,.plan .title p{text-align: center;font-size:16px;line-height:20px;color:#FFF;}

/*!
 * Copyright 2017 haosoyun.com. All rights reserved. */
.width{width: 1200px;margin: 0 auto;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}
.clearfix{*+height:1%;}
ul{list-style: none;}
.animation{ transition: 0.5s; -moz-transition: 0.5s; -webkit-transition: 0.5s;}
/*.btn{opacity:.9;}
.btn:hover{opacity:1;}*/
.hf_banner { min-width:1200px; }
.hf_banner {width: 100%;overflow: hidden;text-align:center;clear:both;position: relative;}
.hf_banner li a{display:block;width:1000px;margin:0 auto; cursor:pointer;}
.hf_banner ul li {float: left;width: 100%;}
.hf_banner .dots {position:  absolute; left: 0;bottom: 10px;width: 100%;text-align: center;}
.hf_banner .dots li {display: inline-block;width: 10px;height: 10px;margin: 0 4px;text-indent: -999em;border: 2px solid #FFF;border-radius: 6px;cursor: pointer;opacity: .4;-webkit-transition: background .5s, opacity .5s;-moz-transition: background .5s, opacity .5s;transition: background .5s, opacity .5s;}
.hf_banner .dots li.active {background: #FFF;opacity: 1;width: 24px;}
.hf_banner .arrow{display: block;width: 50px;height: 50px;position: absolute;top:50%;}
.hf_banner .prev{background: url(/statics/images/prev.png) left top no-repeat;left: -50px;-webkit-transition:left 300ms; transition:left 300ms;}
.hf_banner .prev:hover{background: url(/statics/images/prev_on.png) left top no-repeat;}
.hf_banner .next{background: url(/statics/images/next.png) left top no-repeat;right: -50px;-webkit-transition:right 300ms; transition:right 300ms;}
.hf_banner .next:hover{background: url(/statics/images/next_on.png) left top no-repeat;}
.hf_banner:hover .prev{left: 120px;}
.hf_banner:hover .next{right: 120px;}

.banner{ height: 500px; background-image: url(/statics/banner/banner.jpg); background-position: center top; }
.banner a{display: block;height: 500px;}
.info_1{border-bottom: 1px solid #EBEBEB;line-height: 40px;font-size: 14px;height: 40px;overflow: hidden; min-width:1200px;}
.info_1 .swiper_container{background: url(/statics/images/horn.png) 10px center no-repeat;padding-left: 45px;height: 40px;width: 450px!important;}
.info_1 .fl p{width: 350px!important;}
.info_1 .fl a{font-size: 14px;}
.info_1 .fl .more{float: right;color: #00c1de;line-height: 40px;}
.info_1 .fl .more:hover{text-decoration: underline;}
.info_1 .fr{font-size: 14px;}
.info_1 .fr b{color: #F74730;font-size: 16px;font-weight: normal;}
.info_1 .fr a{display: inline-block;background: #F74730;text-align: center;color: #FFF;font-size: 12px;width: 98px;line-height: 26px;border-radius: 13px;}

.content .title{ font-size: 32px; color: #343434; text-align: center; padding-top: 65px; line-height: 32px; min-width: 1200px; background-color: #F5F5F5; }
.content .title p{font-size: 16px;color: #5C5C5C;margin-top: 10px;}
.content .title p span{color: #F33205;font-size: 20px;}
.content .floor_1 { min-width:1200px;}
.main-wrap{width:1200px;margin:0 auto;position:relative}

/*problems部分样式开始*/
.nav_wrap .nav .nav_right .nav1 a { color: #28a7e1!important; }
.problems_wrap{ width: 100%; height: 500px; background: #00c1de; min-width: 1200px; }
.problems_wrap .problems_up{ width: 1200px; height: 188px; margin: 0 auto; text-align: center; color: #FFF; font-size: 32px; line-height: 26px; }
.problems_wrap .problems_up .lineon{ width: 240px; height: 1px; background: #9eeeff; }
.problems_wrap .problems_up .line1{ margin: 70px 16px 0 150px; float: left; }
.problems_wrap .problems_up .line2{ margin: 70px 150px 0 16px; float: right; }
.problems_wrap .problems_up .text{ padding-top: 56px; }
.problems_wrap .problems_middle{ width: 1200px; height: 160px; margin: 0 auto; text-align: center; }
.problems_wrap .problems_middle li{ width: 182px; height: 100px; margin: 0 10px; padding: 60px 20px 0; float: left; position: relative; background: white; }
.problems_wrap .problems_middle li:first-child{ margin-left: 0; }
.problems_wrap .problems_middle li:last-child{ margin-right: 0; }
.problems_wrap .problems_middle img{ position: absolute; top: -46px; left: 76px; }
.problems_wrap .problems_middle .problems_middle_p1{ color: #222; font-size: 16px; }
.problems_wrap .problems_middle .problems_middle_p2{ color: #999; font-size: 14px; }
.problems_wrap .problems_down{ width: 206px; height: 55px; margin: 60px auto; border-radius: 5px; }
/*problems部分样式结束*/
/*benefit部分样式开始*/
.benefit_wrap{ width: 100%; height: 600px; min-width: 1200px; background-image: url(/statics/images/YS_bg.png); background-repeat: no-repeat; background-position: center center; }
.benefit_wrap .benefit{ width: 1200px; height: 600px; margin: 0 auto; text-align: center; }
.benefit_wrap .benefit .benefit_p1{ padding-top: 100px; color: #FFF; font-size: 32px; line-height: 26px; }
.benefit_wrap .benefit .benefit_p2{ width: 240px; height: 36px; border: 1px solid #9aa3aa; margin: 30px auto -28.5px; color: #FFF; font-size: 16px; line-height: 36px; }
.benefit_wrap .benefit .benefit_content{ height: 140px; margin-top: 89.5px; }
.benefit_wrap .benefit .benefit_content li{ width: 170px; height: 140px; margin: 0 10px; float: left; }
.benefit_wrap .benefit .benefit_content li:first-child{ margin-left: 0; }
.benefit_wrap .benefit .benefit_content li:last-child{ margin-right: 0; }
.benefit_wrap .benefit .benefit_p3{ margin-top: 17px; }
.benefit_wrap .benefit .benefit_p3,.benefit_wrap .benefit .benefit_p4{ color: #FFF; font-size: 14px; line-height: 20px; }
.benefit_wrap .benefit .boo { width: 206px; height: 55px; margin: 30px auto; border-radius: 5px; }
/*benefit部分样式结束*/

/*--------------------- listERP -------------------*/
.list-bg { width: 100%; height: 560px; position: relative; background: #00c1de; min-width:1200px; }
.list-box { position: relative; width: 1200px; height: 606px; margin: 0 auto; box-sizing: border-box; }
.base-h1-title { color: #FFFFFF; font-size: 32px; text-align: center; padding-top: 60px; padding-right: 0; padding-bottom: 40px; padding-left: 0; }
.listERP { width: 100%; height: 368px; box-sizing: border-box; position: relative; }
.listERP li { transition: all .3s; border-right: 0px; cursor: pointer; width: 240px; border: 1px solid #eeeff2; box-sizing: border-box; text-align: center; background: #fff; position: relative; float: left; top: 0; }
.listERP li i { width: 48px; height: 48px; margin: 35px auto 20px; display: block; }
.listERP li i.erp { background: url(/statics/images/erp.png) no-repeat 50% 50%; }
.listERP li i.changguan { background: url(/statics/images/cart.png) no-repeat 50% 50%; }
.listERP li i.cart { background: url(/statics/images/cart.png) no-repeat 50% 50%; }
.listERP li i.lingshou { background: url(/statics/images/cart.png) no-repeat 50% 50%; }
.listERP li i.wulianbao { background: url(/statics/images/erp.png) no-repeat 50% 50%; }
.listERP li h1 { font-size: 22px; color: #282828; margin-bottom: 30px; }
.listERP li p { height: 112px; font-size: 14px; color: #818181; line-height: 200%; }
.listERP li button { display: inline-block; width: 100px; height: 30px; font-size: 14px; color: #919191; border-radius: 15px; border: 1px solid #f1f1f1; cursor: pointer; margin-bottom: 60px; font-family: 微软雅黑; }
.listERP li span { display: block; overflow: hidden; width: 100%; }
.listERP li:hover { border-top-width: 10px; border-right-width: 1px; border-bottom-width: 10px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #FFCC00; border-right-color: #009db5; border-bottom-color: #FFCC00; border-left-color: #009db5; }
.listERP li:hover button { background: #00c1de; color: #fff; border: 0; }
.listERP li:first-child + li + li + li + li { border-right: 1 !important; }
/*--------------------- listERP -------------------*/
/*关于我们*/
.zzidc-auto{width:1200px;margin-right:auto;margin-left:auto}
.about-item-tit{font-size:34px;font-weight:lighter;text-align:center;line-height:52px}
.about-item-txt{font-size:16px;color:#666;margin-top:20px;text-align:center;line-height:26px;letter-spacing:1px;font-weight:lighter}
.ry-item{float:left;border:1px solid #d6d6d6;overflow:hidden;padding:26px 0;width:588px;height:189px}
.ry-left-img{float:left;text-align:center;width:186px}
.ry-right{float:left;width:380px}
.ry-right-txt{font-size:14px;text-align:left;line-height:22px;margin-top:15px;word-break:break-all;font-weight:lighter}
.more-ry-link{width:1200px;height:1px;background:#d6d6d6;position:relative;text-align:center;margin:50px 0}
.more-ry-link a{font-size:14px;display:inline-block;padding:0 38px;background:#fff;position:relative;top:-10px;text-decoration:underline;color:#00a7d4}
.more-ry-link a:hover{text-decoration:underline}
.bgf2{background:#f2f2f2;width:100%;min-width:1200px;padding-top:35px;padding-bottom:60px}
.tab_on{height:32px;text-align:center;margin-top:20px}
.tab_on ul{height:32px;display:inline-block}
.tab_on ul li{float:left;width:200px;height:30px;border:1px solid #d6d6d6;border-radius:14px;text-align:center;line-height:30px;font-size:16px;cursor:pointer;font-weight:lighter;margin:0 5px}
.tab_on li.nav_on6{color:#fff;background:#00a7d4;border:1px #00a7d4 solid}
.dis{display:block;}
.undis{display:none;}
.address-item{overflow:hidden;margin-top:36px;padding-left:80px}
.mapbox{float:left;width:412px;height:210px;background:#d6d6d6;border:12px solid #fff}
.address-right{float:left;margin-left:70px}
.address-tit{font-size:24px;color:#00a7d4;margin-top:10px}
.address-txt{font-size:14px;line-height:32px;font-weight:lighter;margin-top:30px}