@charset "utf-8"; 
/*全局初始化样式*/
body{ padding:0px; margin:0px auto; font-family:Microsoft YaHei,arial,'宋体'; color: #666; width: 100%; zoom:1;

/*禁用Webkit内核浏览器的文字大小调整功能*/
-webkit-text-size-adjust:none; 

/*取出点击出现半透明的灰色背景*/
-webkit-tap-highlight-color:rgba(0,0,0,0); 
-webkit-tap-highlight:rgba(0,0,0,0);

/*控制文本可选性*/
/*-webkit-user-select: none; 
    -ms-user-select: none;
   -moz-user-select: none;
 -khtml-user-select: none;
        user-select: none;
        */
/*设置字体的抗锯齿或者说光滑度*/
-webkit-font-smoothing: antialiased;  
}
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
ul,li,form, dl,dt,dd, div{ padding: 0px; margin: 0px;}
/*默认去除ul、li的默认样式*/
ul,li{ list-style:none; margin: 0;} 
/*初始化下拉菜单、单行输入框、多行输入框的样式*/
select,input,textarea{ border-radius:0; -webkit-border-radius:0; color:#414446;} 
/*表单元素获得焦点时不显示虚线框*/
input:focus{ outline: none;}
input,button,select,textarea{outline:none;/*-webkit-appearance:none;*//*强制去除表单自带的样式*/ } 
/*不允许多行输入文本框有滚动条*/
textarea{resize:none;/*-webkit-appearance:none;*//*强制去除textarea自带的样式*/ } 
/*初始化表单元素样式*/
textarea,input,select {background:none; border:none; margin:0; padding:0;}
/*初始化HTML5标签样式*/
audio,canvas,progress,video { display: inline-block; vertical-align:baseline;}
article,aside,footer,header,nav,section,figure,figcaption{ display:block;}
/*去除figure边距*/
figure,figcaption{ margin:0px; padding:0px;}

/*初始化图片样式*/
img{ border:none; border:0; max-width:100%; vertical-align:top;}
input,select,button{outline: none;}
/*初始化a的样式和字体样式*/
a{ color:#666; text-decoration:none; noline:none; -webkit-tap-highlight-color:rgba(0,0,0,0);
-webkit-tap-highlight-color: transparent;}
a:focus {outline:none; -moz-outline:none;text-decoration:none;}
a:hover{ color: #15182B; text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
h1,h2,h3,h4,h5,h6,p{padding: 0; margin: 0;}
.fl{float:left;*display: inline;}
.fr{float:right;*display: inline;}
/*清除浮动*/
.clear{display:block;height:0;overflow:hidden;clear:both;}
.clearfix:after{content:'\20';display:block;height:0;clear:both;}
.clearfix{zoom:1;}html{overflow-y:scroll;}
/*body,input,select,textarea{font-family:-apple-system-font,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Hiragino Sans GB","Microsoft YaHei UI","Microsoft YaHei",Arial,sans-serif;}
*/
/*全局样式*/

.container{width:1200px;max-width:100%;}



/*头部*/
.header{height:69px;padding:0 15px;position:relative;z-index:9;}
.header .logo{padding:18px 0 0;}
.header .logo img{width:100%;}
.header .logo{width:120px;}
.header .logo a{diaplay:block;}
.header .navBG{background:rgba(0,0,0,0.5);width:100%;height:100%;position:fixed;left:0;top:0;display:none;transition: all 0.3s;-webkit-transition: all 0.3s;}
.header .mainNav{transition: all 0.4s;-webkit-transition: all 0.4s;transform:translateX(500%);-webkit-transform:translateX(500%);
width:60%;background:#fff;height:100%;position:fixed;right:0;top:0;padding-top:69px;z-index: 9;}
.header .mainNav li{border-top:1px solid #E5E5E5;position:relative;}
.header .mainNav li:last-child{border-bottom:1px solid #E5E5E5;;}
.header .mainNav li>a{color:#666;font-size:15px;display:flex;align-items: center;justify-content: space-between;padding:12px 15px;}
.header .mainNav li>a .iconfont{display:inline-block;font-size:18px;font-weight:bold;color:#999;transform:rotate(-90deg);-webkit-transform:rotate(-90deg);}
.header .mainNav li:hover>a,.header .mainNav li.active>a,.header .mainNav li:hover>a .iconfont,.header .mainNav li.active>a .iconfont{color:#1959a5;}

.nav-item{position: absolute;left:-22px;top:46px;z-index:10;width:210px;box-shadow:0 0 5px #eee;background:#fff;transition: all 0.3s ease-out 0s;opacity: 0;visibility:hidden;transform: translate3d(0px, 10px, 0px);  -moz-transform:translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);}
.nav-item dd{border-bottom:#e6e6e6 1px solid}
.nav-item dd a{line-height:20px;/*height:20px;*/padding: 14px 30px;  display: block;color:#333;font-size:14px;}
.nav-item dd a span{display: block;text-align: left;}
.nav-item dd a i.iconfont{color:#bbb9b9;font-size:12px;float: right;opacity:0;}
.nav-item dd a span{transition: all 0.3s ease-out 0s;transform: translateX(-10px);
-moz-transform:translateX(-10px);-webkit-transform: translateX(-10px);}



.menuBtn{display: block;position:relative;z-index: 10;}
.menuBtn{padding:22px 0 0;}
.menuBtn .lcbody {position:relative;width:30px;height:20px; margin:0 auto;}
.menuBtn .lcitem {width: 100%;height:2px;background:#0666AD;position: absolute;transition: .36s ease}
.menuBtn .lcitem.top {top: 0}
.menuBtn .lcitem.center {display: block;top:9px}
.menuBtn .lcitem.bottom {bottom:0}
.openMenu.menuBtn .lcitem.top {-webkit-transform: rotate(45deg);-ms-transform: rotate(45deg);transform: rotate(45deg);top:49%}
.openMenu.menuBtn .lcitem.center {opacity: 0}
.openMenu.menuBtn .lcitem.bottom {-webkit-transform: rotate(-45deg);-ms-transform: rotate(-45deg);transform: rotate(-45deg);bottom:42.5%}
.header .mainNav.mainNavOpen{transform:translateX(0%);-webkit-transform:translateX(0%);}

/*banner*/
.HomeBan .swiper-slide a{display: block;}
.HomeBan .swiper-slide .PcBan{display:none;}
.HomeBan .swiper-pagination-bullet{width:52px;border-radius:0px;height:2px;background:#2E364A;opacity:1;}
.HomeBan .swiper-pagination-bullet-active{background:#808080;}
.HomeBan .swiper-slide img{width:100%;}
.HomeBan .swiper-pagination{bottom:20px;}


.quickBox{background:#181A20;}
.quickBox .Item{border-right:1px solid #2C2F35;text-align:center;}
.quickBox .Item a{display:block;padding:15px 0;color:#fffefe;font-size:15px;}
.quickBox .Item a .iconfont{font-size:34px;vertical-align: middle;display: block;}
.quickBox .Item:hover{background:#272930;}

.aboutBox{padding:15px 0;}
.aboutBox .lefcon{margin-bottom:15px;}
.aboutBox .videoBG #video{width:100%;object-fit:fill;}
.aboutBox .aboutCon .tit{margin-bottom:3%;}
.aboutBox .aboutCon .tit h2{color:#252b3a;font-size:28px;}
.aboutBox .aboutCon .tit p{color:#a4a4a4;font-size:14px;margin:10px 0 0;}
.aboutBox .aboutCon .con p{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;
line-height:2;}
.aboutBox .aboutCon a.more{display:block;width:102px;height:28px;border:1px solid #E5E5E5;color:#DBDBDB;font-size:15px;line-height:27px;
text-align: center;margin:30px 0 0;}
.aboutBox .aboutCon a.more:hover{color:#1558A6;border-color:#1558A6;}

.productBox{background:#FAFBFF;}
.pubtitle{padding:6% 15px 4.5%;text-align:center;}
.pubtitle h2{color:#252b3a;font-size:24px;}
.pubtitle p{color:#6B6E76;font-size:14px;margin:10px 0 0;}
.cloud-product-ul{width:100%}
.cloud-product-ul li{position:relative;height:440px;float:left;background:#fff;margin:0 4% 15px;width:92%;}
/*.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%;padding:50px 0 0 0;text-align: center;}
.empty-space .iconfont{color:#1959A5;font-size:52px;}
.single-bottom-item{height:340px;width:100%}
.single-bottom-item:first-child{border-right:1px solid #eee}


.product-introduce-title{margin-bottom:14px;height:22px;line-height:22px;font-size:22px;text-align:center;color:#333;}
.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:#fff;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}

.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;-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)}
.cloud-product-ul li.active{background:#1069C6;}
.active .product-introduce-content{color:#eff6ff}
.active-product-introduce-title{color:#fff}
.active .product-introduce-list{padding-top:22px;border-color:#3f9ff9}
.active .empty-space .iconfont{color:#FFF;}
.introduce-list-large{margin:0 auto;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}
a.buy-link-btn{display:block;margin:30px auto 0;width:90%;height:40px;line-height:40px;background-color:#ff9600;color:#fff;text-align: center;
-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
a.buy-link-btn:hover{background-color:#f80}

.moreBox{padding:4% 0 5%;text-align: center;}
.moreBox a,.moreBox .iconfont{display:block;}
.moreBox a{color:#a0a1a2;font-size:14px;}
.moreBox a img{vertical-align:middle;padding-left:5px;}
.moreBox .iconfont{font-size:24px;color:#757984;font-weight:bold;}
/*解决方案*/
.solutionBox .pubtitle{padding:6% 15px 3%;}
.solutionItem{background:#24292C;}
.solutionItem .swiper-slide .box{display: block;position:relative;width:100%;cursor: pointer;}
.solutionItem .swiper-slide .box>img{width:100%;}
.solutionItem .txtBG{position:absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display: block;}
.solutionItem .txtBG .txt-show,.solutionItem .txtBG .txt-open{text-align: center;}
.solutionItem .txtBG .txt-show .iconfont{display:block;font-size:28px;color:#fff;}
.solutionItem .txtBG h2{font-size:20px;color:#fff;} 
.solutionItem .txtBG .txt-show{padding:40% 0 0;}
.solutionItem .txtBG .txt-show h2{padding:10px 0 0;}
.solutionItem .txtBG .txt-open,.solutionItem .swiper-slide .txtBG:hover .txt-show{opacity:0;visibility: hidden;transition:all 0.4s;-webkit-transition:all 0.4s;}
.solutionItem .txtBG .txt-open h2:after{content:'';display:block;width:0;height:4px;background:#FF9600;margin:10px auto 0;transition:all 0.6s;-webkit-transition:all 0.6s;}
.solutionItem .txtBG .txt-open p{width:75%;margin:20px auto 0;text-align:left;color:#fff;line-height:1.5;}
.solutionItem .txtBG:hover .txt-open{opacity:1;visibility: visible;margin:-70px 0 0;}
.solutionItem .txtBG:hover .txt-show{}
.solutionItem .txtBG:hover .txt-open h2:after{width:68px;}
.solutionItem .swiper-button-next,.solutionItem .swiper-button-prev{background-size:20px 37px;height:37px;}

.newsBox{background:#FAFBFF;}
.newsBox .Itembox{margin-bottom:20px;}
.newsBox .Itembox .item{background:#fff;padding:20px 20px 30px;transition: all 0.2s;-webkit-transition: all 0.2s;}
.newsBox .Itembox .Ntit{color:#333;font-size:20px;background: url(../images/nbg.png) no-repeat center center;text-align: center;margin-bottom:20px;}

.newsBox .Itembox .top{position:relative;}
.newsBox .Itembox .top a{display: block;}
.newsBox .Itembox .top img{width:100%;}
.newsBox .Itembox .top p{position: absolute;left:0;bottom:0;padding:0 2%;line-height:2.8; width:100%;color:#fff;background:rgba(0,0,0,0.45);overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.newsBox .Itembox .listbox li{margin:20px 0 0;text-align: right;}
.newsBox .Itembox .listbox li a{width:73%;display:block;float:left;text-align:left;color:#888;overflow : hidden;
text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.newsBox .Itembox .listbox li span{color:#C5C5C5;font-size:12px;}
.newsBox .Itembox .listbox li:hover a{color:#1069C6;}

.newsBox .Itembox .item:hover{box-shadow:0 0 18px rgba(9,2,4,0.04);}

.customerBox .bd{padding:0 15px;}
.customerBox .bd ul {border-top:1px solid #eeecec;}
.customerBox .bd ul li {position:relative; float:left;width:33.33%; }
.customerBox .bd ul li a img{border-left: 1px solid #eeecec; border-bottom: 1px solid #eeecec;}
.customerBox .bd ul li.bdT{border-top: 1px solid #eeecec;}
.customerBox .bd ul li.bdR{border-right: 1px solid #eeecec;}

.customerBox .bd ul li a{display:block;}
.customerBox .bd ul li:nth-child(3n) a img{border-right: 1px solid #eeecec;}
.customerBox .bd ul li a img{width:100%;transition: all 0.3s;-webkit-transition: all 0.3s;-webkit-box-sizing:content-box;}
.customerBox .bd ul li:hover a img{transform:scale(1.1);-webkit-transform:scale(1.1);box-shadow:0 0 8px rgba(9,2,4,0.05);}

.footer{background:#2E3033;padding:40px 15px 0;}
.footer .navBox{display:none;width:68%;}
.footer .navBox .dlbox{float:left;width:14.28%;}
.footer .navBox .dlbox dt{color:#fff;font-size:15px;font-weight:normal;margin-bottom:15px;}
.footer .navBox .dlbox dd a{color:#9A9A9B;font-size:12px;line-height:2;display: block;}
.footer .rigbox{text-align:center;margin-bottom:20px;}
.footer .rigbox .telbox{color:#fff;width:128px;height:40px;line-height:40px;border-radius:3px;background:#1959A5;display:inline-block;text-align:center;
font-size:14px;}
.footer .rigbox .telbox .iconfont{font-size:22px;vertical-align: middle;}
.footer .rigbox p{color:#9fa6ae;font-size:14px;margin:10px 0;}
.footer .rigbox h5{color:#fff;font-size:24px;}
.footer .codebox{display:none;}
.footer .Bottom{border-top:1px solid #45484C;}
.footer .Bottom p{padding:12px 0;text-align:center;color:#a6a7aa;font-size:12px;}
.footer .foot{padding-bottom:4%;}

.SubBan .PcBan{display:none;}
.SubBan .PhBan{}


.mainBG{padding:20px 0;}
.mainBG .main{background:#fff;margin:0 15px;padding:0 0 4%;}

.menulist{display:none;border-right: 1px solid #F1F1F1;width:100%;min-height:920px;}
.menulist h2{color:#333;font-size:26px;padding:84px 30px 30px;}
.menulist li,.menulist h2{border-bottom:1px solid #F1F1F1;}
.menulist li>a{display:block;color:#4c4c4c;font-size:16px;padding:20px 28px;}
.menulist li>a .iconfont{float:right;font-size:18px;font-weight:bold;color:#fff;}
.menulist .dlmenu{display:none;}
.menulist .dlmenu dd a{display:block;padding:14px 50px;border-top:1px solid #F1F1F1;font-size:14px;color:#666;text-transform: uppercase;}
.menulist li:hover>a,.menulist li.active>a{background:#1959A5;color:#fff;}
.menulist .dlmenu dd:hover a,.menulist .dlmenu dd.on a{color:#1959a5;}
.menulist li.active .dlmenu{display:block;}

.sub_menu_1 {position:relative; height:48px; width: 100%; overflow: hidden;margin:0 auto;border-bottom:1px solid #E6E6E6;margin-bottom:0.35rem;}
.sub_menu_1 .scroller {position:absolute}
.sub_menu_1 .scroller li{height:50px;float: left;line-height:47px;font-size:15px;text-align: center}
.sub_menu_1 .scroller li a{color:#4c4c4c;display:block;padding:0 10px;margin:0 10px;}
.sub_menu_1 .scroller li a.on{height:47px;}
.sub_menu_1 .scroller li a.on{color:#1959A5;border-bottom:3px solid #1959A5;}

.ThirdMenu{font-size:0;padding:10px 0;}
.ThirdMenu li{display: inline-block;padding:0 10px;margin:0 10px;}
.ThirdMenu li a{font-size:14px;color:#666;}
.ThirdMenu li:hover a,.ThirdMenu li.active a{color:#1959A5;}

.rigCon{padding:20px 0 0;}
.art-box {padding:5px 10px 15px; border-bottom: 1px solid #f7f7f7; text-align: center; margin-bottom:20px;}
.art-box h2{line-height:30px; padding:5px 0; font-weight: bold; font-size:20px; color: #333; }
.art-box .info{font-size:14px; color:#666; line-height:1.6;margin:10px 0 0;}
.art-box .info i{margin:0 2px 0 20px; position: relative; top:3px;font-size:18px;color:#A9A9A9;}
.art-box .info span{padding:0 5px;}
.bdsharebuttonbox{display:inline-block;vertical-align:-24px;}
.article_content{padding:0 0 20px; line-height:200%; word-wrap:break-word; word-break:break-all;color: #555;font-size:14px;}
.article_content img{max-width:100%;}
.Ptit{color:#040000;font-size:24px;margin:0 0 20px;}
.Ptit:before{content:""; display:inline-block;width:3px;height:22px;background:#1959A5;vertical-align:middle;margin-right:10px;}
.mt{margin-top:20px;}
.hr-dashed-line{border-top:1px dashed #EBEBEB;margin:30px 0;}


/*解决方案*/
.caselist ul{margin-left:-2%;}
.caselist li{width:48%;text-align:center;margin-left:2%;float:left;}
.caselist li a{display:block;}
.caselist li a.img{overflow:hidden;}
.caselist li a.img img{width:100%;transition:all 0.3s;-webkit-transition:all 0.3s;}
.caselist li a.t{font-size:15px;color:#555;padding:10px 0 15px;}
.caselist li:hover a.t{color:#1959a5;}
.caselist li:hover a.img img{transform: scale(1.1);}
.caselist li:nth-child(9n){display:none;}

/*客户案例*/
.subColumn{margin-bottom:30px;background:#F5F5F5;}
.subColumn li{float:left;}
.subColumn li a{display: block;padding:12px 30px;color:#333;font-size:16px;}
.subColumn li:hover a,.subColumn li.active a{color:#fff;background:#1959A5;}
.caselist li .txt{text-align:left;}
.caselist li .txt h2{color:#555;font-size:15px;margin:15px 0 10px;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.caselist li .txt p{color:#888;font-size:13px;line-height:1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.caselist li .txt a{color:#1959a5;font-size:13px;margin:10px 0 20px;}

/*新闻中心*/
.newslist ul{margin-left:-2%;}
.newslist li{float:left;width:48%;margin-left:2%;}
.newslist li a{display:block;}
.newslist li .img img{width:100%;}
.newslist li .txt a.t{color:#555;font-size:16px;margin:10px 0;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:1;-webkit-box-orient: vertical;}
.newslist li .txt .line{content:"";display: block;border-bottom:1px solid #C9C9C9;margin:12px 0;}
.newslist li .txt p{color:#888;font-size:13px;line-height:1.8;overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp:3;-webkit-box-orient: vertical;}
.newslist li .txt a.info{color:#1959a5;font-size:13px;margin:10px 0 20px;}
.newslist li:hover .txt a.t{color:#1959a5;}
.newslist li:hover .txt .line{border-color:#1959a5;}
/*分页*/
.page{text-align:center;padding:35px 0;}
.page a{ display: inline-block; padding:8px 14px; color: #635E5E; font-size: 14px; background:#ECEDF1; border-radius:4px; }
.page a:hover, .page a.a_cur,.page a.current{color: #fff;background:#1959A5; }
.page a.first,.page a.last{display:none;}

.prev_next{color:#666; line-height: 24px;background:#F7F7F7;padding:10px;margin:30px 0 0;}
.prev_next li{padding:3px 0;}
.prev_next li:hover a{color:#1959a5;}

.applyText{text-align:center;padding:20px 10px;background:#F5F5F5;}
.applyText h2{color:#333;font-size:20px;font-weight:bold;}
.applyText p{color:#8a8a8a;font-size:15px;margin:10px 0 0;}

.Htit{color:#333;font-size:18px;margin:20px 0;}
.Htit .iconfont{font-size:24px;color:#333;vertical-align:-2px;padding-right:8px;}
.form-horizontal .control-label{font-weight:normal;color:#999;font-size:15px;}
.form-control{border-radius:0px;border-color:#E3E3E3;color:#999;font-size:14px;margin-bottom:10px;box-shadow:0 0 0;
height:38px;}
.form-control:focus{border-color:#1959a5;}
.ButBox button{width:100px;font-size:15px;border:0px;border-radius:0px;padding:10px 0;}
.ButBox .btn-success{background:#1959A5;}
.ButBox .btn-info{margin-left:14px;background:#A2A2A2;}

/*产品综合页*/
.fiveUl{margin:0 15px;}
.fiveUl li{text-align:center;width:20%;float:left;padding-bottom:20px;cursor:pointer;}
.fiveUl li .iconfont{display:block; background-image: url(../images/licon.jpg); background-position:center; background-repeat:no-repeat; width:53px;height:63px;margin:0 auto 10px;background-size:100%;
text-align:center;line-height:63px;font-size:30px;color:#484953;}
.fiveUl li p{color:#666;font-size:14px;}
.fiveUl li:hover,.fiveUl li.active{background:url(../images/san.png) no-repeat center bottom;}
.fiveUl li:hover .iconfont,.fiveUl li.active .iconfont{color:#1959A5;background-image: url(../images/licon_cur.jpg);}
.fiveUl li:hover p,.fiveUl li.active p{color:#1959a5;}

.BusInfo,.honorBox{background:#FAFBFF url(../images/fbg.jpg) no-repeat center;}
.BusInfo{padding:3% 0;}
.BusInfo .lefimg{text-align:center;}
.BusInfo .txtCon h2{color:#333;font-size:20px;padding:5% 0 8px;}
.BusInfo .txtCon li{float:left;padding-right:30px;}
.BusInfo .txtCon p,.BusInfo .txtCon li{color:#666;font-size:14px;line-height:1.8;}
.BusInfo .txtCon li b{color:#1959A5;}

.frontBox{background:#1f4b89;}
.frontBox .pubtitle h2{color:#fff;}
.frontBox .pubtitle p{color:#CDCECE;}
.frontBox .Item{text-align:center;padding:0 0 5%;}
.frontBox .Item .iconfont{display:block;border-radius:50px;background:#4879bf;width:88px;height:88px;line-height:88px;
font-size:40px;color:#fff;margin:0 auto;}
.frontBox .Item h4{margin:20px 0 10px;color:#fff;font-size:20px;}
.frontBox .Item p{color:#BDBDBE;font-size:14px;}

.guideBox .leftxt p{color:#666;font-size:14px;line-height:1.5;margin-bottom:15px;}
.guideBox .leftxt .telbox{color:#666;font-size:16px;}
.guideBox .leftxt .telbox .iconfont{font-size:36px;color:#1959A5;vertical-align: middle;}
.guideBox .leftxt .telbox b{color:#1959a5;font-size:20px;font-style:italic;}

.honorBox{padding-bottom:4%;}
.honorBox .swiper-button-next,.honorBox .swiper-button-prev{background-size:15px 32px;}
.honorBox .swiper-slide a{display:block;text-align: center;}
.honorBox .swiper-slide a p{font-size:14px;color:#666;padding:15px 0 0;}
.honorBox .swiper-slide a:hover p{color:#1959a5;}
.honorBox .swiper-slide a img{width:100%;}

@media only screen and (min-width:480px ) {
	.cloud-product-ul li{width:46%;margin:0 2% 15px;}
	.newsBox .Itembox .listbox li a{width:76%;}
	.guideBox .leftxt .telbox b{font-size:28px;}
}

@media only screen and (min-width:641px ) {
	.quickBox .Item a{font-size:16px;}
	.quickBox .Item a .iconfont{display: inline-block;}
	.caselist li:nth-child(9n){display:block;}
	.caselist li,.newslist li{width:31.3333%;}
	.BusInfo .txtCon ul{width:80%;}
	
}

@media only screen and (min-width:767px ) {
	.HomeBan .swiper-slide .PcBan{display:block;}
	.HomeBan .swiper-slide .PhBan{display:none;}
	.aboutBox .videoBG #video{height:264px;}
	.pubtitle h2{font-size:28px;}
	.pubtitle p{font-size:16px;margin:15px 0 0;}
	
	.cloud-product-ul li{width:30%;margin:0 1.666% 15px;}
	.customerBox .bd ul li{width:20%;}
	.customerBox .bd ul li:nth-child(3n) a img{border-right:0px;}
	.customerBox .bd ul li:nth-child(5n) a img{border-right: 1px solid #eeecec;}
	
	.SubBan .PcBan{display:block;}
	.SubBan .PhBan{display:none;}
	
	.caselist li a.t{padding:18px 0 25px;}
	.art-box h2,.applyText h2{font-size:24px;}
	.form-horizontal .control-label{font-size:16px;}
	.form-horizontal .control-label{padding-top:9px;}
	.Htit{margin:35px 0;}
	.ButBox{margin-left:16.66666667%;}
	.ButBox .btn-success{margin-left:5px;}
	.ButBox button{width:140px;}
	
	.fiveUl{margin:0;}
	.fiveUl li .iconfont{width:63px;height:73px;line-height:73px;font-size:32px;}
	.fiveUl li p{font-size:14px;}
	
	.BusInfo .txtCon{padding-left:50px;}
	.BusInfo .txtCon h2{font-size:24px;}
	.BusInfo .txtCon p,.BusInfo .txtCon li{font-size:15px;}
	
	.guideBox .leftxt{padding-top:65px;}
	.guideBox .leftxt .telbox{padding-top:45px;}
	.guideBox .leftxt p{font-size:15px;}
	.guideBox .rigimg{text-align: right;}
	.solutionItem .txtBG .txt-show .iconfont{font-size:34px;}
	.solutionItem .txtBG h2{font-size:28px;}
}
@media only screen and (min-width:992px ) {
	.header .navBG{display:none;}
	.aboutBox{padding:3% 0;}
	.newsBox .Itembox .listbox li a{width:73%;}
	.newsBox .Itembox{margin-bottom:0;}
	.mainBG{padding:48px 0;}
	.menulist{display:block}
	.mainBG{background:#F5F5F5;}
	.mobileMenu{display:none;}
	.lefCon{width:228px;float:left;}
	.rigCon{width:69%;float: right;margin-right:40px;padding:50px 0 0;}
	.page a.first,.page a.last{display:inline-block;}
	
	.newslist ul{margin-left:0;}
	.newslist li{float:none;width:100%;margin-left:0;border-bottom:1px dashed #EAEAEA;padding:0 0 20px;margin-bottom:20px;}
	.newslist li .img{float:left;}
	.newslist li .img{width:38.2%;margin-right:34px;}
	.newslist li .txt{width:56%;float:left;}
	
}
@media only screen and (min-width:1024px){
	/*头部*/
	.header{height:100px;}
	.header .logo{width:20%;padding:4px 0 0;}
	.header .mainNav{width:80%;text-align:right;padding:40px 0 0;display:block;transform:translateX(0%);-webkit-transform:translateX(0%);font-size:0;
	position:static;background:none;}
	.header .mainNav li{display:inline-block;padding-left:4.5%;text-align:center;border-top:0;}
	.header .mainNav li:last-child{border-bottom:0px;}
	.header .mainNav li>a{padding:0;display: block;}
	.header .mainNav li>a .iconfont{position: relative;top:-4px;display: block;
	opacity:0;visibility: hidden;transition: all 0.3s;-webkit-transition: all 0.3s;transform:translateY(5px);-webkit-transform:translateY(5px);}
	.header .mainNav li:hover>a .iconfont,.header .mainNav li.active>a .iconfont{opacity:1;visibility: visible;transform:translateY(0px);-webkit-transform:translateY(0px);}
	.menuBtn{display:none;}
	
	.cloud-product-ul li{width:18%;margin:0 1% 15px;}
	.footer .navBox{display:block;}
	.footer .navBox,.footer .rigbox{float: left;}
	.footer .codebox{float: right;display: block;text-align: center;}
	.footer .rigbox{text-align:right;}
	.footer .codebox p{color:#9fa6ae;font-size:12px;padding:10px 0;}
	.footer .codebox img{width:107px;height:107px;}
	
	.footer .Bottom{padding:0;}
	.footer .Bottom p{text-align:left;}
	.art-box h2{font-size:28px;}
	
	.header .mainNav li:hover .nav-item{opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);
    -moz-transform:translate3d(0px,0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);}
	.nav-item dd:hover a span{opacity: 1;transform: translateX(0px);-moz-transform:translateX(0px);-webkit-transform: translateX(0px);color:#1959a5;}
	.nav-item dd:hover{background:#f2f2f2;}
	.nav-item dd:hover a{color:#1959a5;}

}

@media only screen and (min-width:1200px ) {
	.HomeBan .swiper-pagination{bottom:93px;}
	
	.quickBox{margin-top:-78px;position:relative;z-index:99;}
	.quickBox .container{border-left:1px solid #2C2F35;}
	
	.aboutBox .videoBG{background:url(../images/vbg.jpg) no-repeat center;width:501px;height:362px;background-size:cover;padding:8px 9px;}
	
	.aboutBox .rigcon{padding-left:70px;}
	.aboutBox .aboutCon .tit h2{font-size:32px;}
	.aboutBox .aboutCon .con p{-webkit-line-clamp:inherit;}
	.aboutBox .videoBG #video{height:296px;}
	
	.pubtitle h2{font-size:36px;}
	.pubtitle p{font-size:18px;}
	
	.cloud-product-ul li{margin:0 0 0 12px;width:212px;}
	.cloud-product-ul li:first-child{margin-left:0;}
	.cloud-product-ul li.active{width:304px;}
	.introduce-list-large{width:228px;}
	
	.newsBox .Itembox .top img{height:192px;}
	.footer .navBox{width:880px;}
	
	.mainBG .main{margin:0;}
	
	.rigCon{width:890px;}
	.caselist ul{margin-left:-30px;}
	.caselist li{width:276px;margin-left:30px;}
	.caselist li a.img img{width:100%;height:205px;}
	
	.newslist li .img{width:340px;}
	.newslist li .img img{height:198px;}
	.newslist li .txt{width:516px;}
	
	.honorBox .swiper-slide a img{height:320px;}
	
	.footer .navBox .dlbox{padding-right:10px;}
	
}


@media only screen and (min-width:1280px ) {
	.pf15{padding-left:0;}
	.pr15{padding-right:0;}
	.footer{padding:40px 0 0;}
	.customerBox .bd,.honorItem{padding:0;}
	.honorBox,.solutionItem .container{position:relative;}
	.honorBox .swiper-container,.solutionItem .swiper-container{position:static;}
	.honorBox .swiper-button-next,.solutionItem .swiper-button-next{right:-40px;}
	.honorBox .swiper-button-prev,.solutionItem .swiper-button-prev{left:-40px;}

}

/*引导页*/
.guideBody{background: url(../images/guideBG.jpg) no-repeat center;width:100%;height:100%;position: absolute;left:0;top:0;background-size:cover;}
/*.guideBody .main-content .container{position:relative;}*/
.imgbox{position:relative;}
.imgbox li{position: absolute;width:188px;transition: all 0.3s;-webkit-transition: all 0.3s;}
.imgbox li img{width:100%;-webkit-filter: grayscale(30%);-moz-filter: grayscale(30%);
-ms-filter: grayscale(30%);-o-filter: grayscale(30%);filter: grayscale(30%);filter: gray;}
.imgbox li a{display:block;}
.imgbox li.li1{right:0%;}
.imgbox li.li2{right: 11%;top: 37px;}
.imgbox li.li3{right: 22%;top: 75px;}
.imgbox li.li4{right: 32%;top: 114px;}
.imgbox li.li5{right: 43%;top: 153px;}
.imgbox li.li6{right: 53%;top: 194px;}
.imgbox li:hover{transform: translateY(-10px);-webkit-transform: translateY(-10px);}
.imgbox li:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%);filter: grayscale(0%);filter: gray;}
.imgbox .tip{position: absolute;right: 17px;top: 200px;width: 35%;}
.imgbox .txt{display:none;position:absolute;}
.ToIndex{position:absolute;bottom:40px;display:block;z-index: 99;border:1px solid #353E4C;border-radius:50px;width:120px;padding:8px 0;
text-align: center;left:50%;margin-left:-61px;color:#dee0e5;font-size:14px;}
@media only screen and (min-width:640px ) {
	.imgbox li{width: 280px;}
	.imgbox li.li1{right: 5%;top: 29px;}
	.imgbox li.li2{right: 14%;top: 101px;}
	.imgbox li.li3{right: 23%;top: 173px;}
	.imgbox li.li4{right: 32%;top: 244px;}
	.imgbox li.li5{right: 41%;top: 314px;}
	.imgbox li.li6{right: 50%;top: 390px;}
	/*.imgbox .txt{width:35%;position: absolute;right:50%;top: 200px;width: 35%;display:block;}*/
	.imgbox .tip{right: 14px;top: 376px;width: 43%;}

}
@media only screen and (min-width:768px ) {
	.imgbox .txt{left: -176px;top: -259px;width: 270px;display: block;z-index: 0;}
}
@media only screen and (min-width:992px ) {
	.imgbox li{width: 378px;}
	.imgbox li.li6{width: 377px;}
	.imgbox li.li1{right: 5%;top: 29px;}
	.imgbox li.li2{right: 13%;top: 115px;}
	.imgbox li.li3{right: 21%;top: 205px;}
	.imgbox li.li4{right: 29%;top: 293px;}
	.imgbox li.li5{right: 37%;top: 382px;}
	.imgbox li.li6{right: 45%;top: 473px;}
	.imgbox .tip{right: 78px;top: 555px;width: 314px;}
	/*.imgbox .txt {right:64%;top: 107px;width: 290px;}*/
	.imgbox .txt {left: -209px;top: -287px;width: 290px;}


}
@media only screen and (min-width:1200px ) {
	.guideBody .header .logo{padding:37px 0 0;}
	.imgbox li.li1{right: 5%;top: 29px;}
	.imgbox li.li2{right: 16%;top: 113px;}
	.imgbox li.li3{right: 26%;top: 205px;}
	.imgbox li.li4{right: 36%;top: 293px;}
	.imgbox li.li5{right: 46%;top: 389px;}
	.imgbox li.li6{right: 57%;top: 473px;}
	/*.imgbox .txt {right: 70%;top: 107px;}*/
	.imgbox .txt {left: -209px;top: -289px;}
	.imgbox .tip{right: 142px;top: 510px;}
}