@charset "utf-8";
/* CSS Document */
body{margin:0;padding:0;font-size:14px;}
ul li{ list-style:none; padding:0;}
a{ text-decoration:none; color:#444;}
img{ border:none;}
body{ font-family:"微软雅黑"; color:#444;}
i{ font-style:normal;}
.float-left{ float:left;}
.float-right{ float:right;}
.l-center{ text-align:center;}
.fs14{ font-size:14px !important;}
.fs18{ font-size:18px !important;}
.overflow-hidden{ overflow:hidden;}
.contain{ width:80%; margin:0 auto;}
.clear{ clear:both;}
.mt40{ margin-top:40px;}
.mb40{ margin-bottom:40px;}
.mui-ellipsis {overflow: hidden;white-space: nowrap;text-overflow: ellipsis}
.mui-ellipsis-2 {display: -webkit-box;overflow: hidden;white-space: normal!important;text-overflow: ellipsis;word-wrap: break-word;-webkit-line-clamp: 2;-webkit-box-orient: vertical}

.top{ /* padding:8px 0; height:100px;*/ overflow:hidden; position:fixed; top:0; left:0; width:100%; border-bottom:1px rgba(255, 255,255, 0.3) solid; z-index:9;} 
.topr{ max-width:678px;}
.topr ul{ margin-bottom:0;}
.topr ul li{ line-height:84px; float:left; padding:0 15px;}
.topr ul li a{ font-size:16px; color:#fff;}
.topr ul li a:hover,.topr ul li.current a{ color:#fff;}

.banner-wap{ display:none;}

.index-zhid{ padding-top:10px; background:#2e91cb; overflow:hidden;}
.index-zhid ul li{ float:left; width:25%; border-right:1px solid #2982b6; color:#fff; font-size:20px; padding:30px 0 80px 30px;}
.index-zhid ul li p{ font-size:14px;}
.index-zhid ul li.li01{ background:url(../images/ico_03.jpg) no-repeat bottom center;}
.index-zhid ul li.li02{ background:url(../images/ico_05.jpg) no-repeat bottom center;}
.index-zhid ul li.li03{ background:url(../images/ico_07.jpg) no-repeat bottom center;}
.index-zhid ul li.li04{ background:url(../images/ico_09.jpg) no-repeat bottom center;}

.index-nav{ padding-top:65px;}
.index-nav ul{ padding:0;}
.index-nav ul li{ float:left; width:33.3%; text-align:center; padding:0 3%; }
.index-nav ul li img{ width:70px; height:70px;}
.index-nav ul li h1{ height:64px; line-height:64px; overflow:hidden;}
.index-nav ul li h1 a{ color:#444; font-size:18px; font-weight:normal;}
.index-nav ul li h1 a:hover{ color:#0470b9;}
.index-nav ul li p{ line-height:24px; max-height:72px; overflow:hidden; text-align:left;}

.index-new{ padding:50px 0; background:#fafafa; margin-top:80px;}
.title-h1{ text-align:center; font-size:30px; font-weight:normal;}
p.title{ text-align:center; font-size:14px; margin-bottom:40px;}
.index-new ul li{ width:23%; background:#fff; float:left; margin:0 1%; margin-bottom:2%;}
.index-new ul li span{ display:block; width:100%; padding-top:60.6%; overflow:hidden; position:relative;}
.index-new ul li span img{ position:absolute; top:0; left:0; width:100%; min-height:100%;transition:0.5s; -moz-transition:0.5s; -ms-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s;}
.index-new ul li span:hover img{ transform:scale(1.05); -moz-transform:scale(1.05); -ms-transform:scale(1.05); -o-transform:scale(1.05); -webkit-transform:scale(1.05);}
.index-newn{ padding:10px;}
.index-new ul li h2{ font-size:14px;}
.index-new ul li p{ line-height:24px; height:72px; overflow:hidden; color:#666;}
.index-new .more{ text-align:center; margin-top:40px;}
.index-new .more a{ display:inline-block; height:44px; width:250px; border:1px #eee solid; background:#fff; line-height:44px; font-size:16px;transition:linear 0.2s; -webkit-transition:linear 0.2s;}
.index-new .more a:hover{ background:#289bd2; color:#fff;}

.index-js{ padding:80px 0 40px 0;}
.index-js-img{ margin-top:75px; text-align:center;}
.index-js-img img{ max-width:100%;}
.dt{ height:400px; width:100%; background:url(../images/dt.jpg) no-repeat center;}

.bot{ padding:30px 0; background:#3a3a3a; overflow:hidden;}
.botl{ padding-left:20%; /*width:640px;*/ background:url(../images/botlogo.png) no-repeat 0 0px; line-height:24px; color:#cbc8c8; padding-top:5px; padding-bottom:5px;}
.botr{ color:#cbc8c8; padding:5px 0; background:url(../images/email.png) no-repeat left; padding-left:30px; line-height:24px;}
/*企业概况*/
.about-js{ background:#fafafa; padding:70px 0;}
.about-jsn{ line-height:30px; font-size:14px; margin-top:35px;}
.about-gn{ padding:80px 0; line-height:24px;}
.about-gn .title-h1{ margin-bottom:80px;}
.about-gnl{ width:411px; text-align:right; padding-top:10px;}
.about-gn h2{ font-size:18px; font-weight:normal;}
.about-gn p{ color:#666;}
.about-gnm{ margin-left:30px; width:213px; margin:0 auto;}
.about-gnr{ text-align:left;}

.about-ln{ height:420px; background:url(../images/img3.jpg) no-repeat center; color:#fff; line-height:30px;}
.about-lnn{ padding-left:40%; text-align:left; margin:0 auto; padding-top:120px;}
.about-lnn h1{ font-size:24px; font-weight:normal;}
.about-lnn p{ font-size:14px; margin-top:10px;}
/*业务领域*/
.bus-intro{ padding:60px 0;}
.bus-intro ul{ width:1130px; margin-top:45px;}
.bus-intro ul li{ float:left; margin-right:28px; width:316px; color:#fff; line-height:24px; padding-bottom:20px; height:200px; border-radius:10px; overflow:hidden;}
.bus-intro ul li h1{ font-size:20px; text-align:center; background:rgba(0,0,0,.05); line-height:60px;}
.bus-intro ul li p{ padding:0 15px; text-indent:25px;}
.bus-intro ul li.li01{ background:#7ecef4;}
.bus-intro ul li.li02{ background:#f6b37f;}
.bus-intro ul li.li03{ background:#89c997;}

.bus-yjs{ padding:70px 0; background:#fafafa;}
.bus-yjsl{ width:610px; padding-top:80px; line-height:30px;}
.bus-yjsl p{ font-size:14px; color:#666;}
.bus-yjsr img{ max-width:100%;}

.fenxi{ width:1120px; margin-bottom:50px; overflow:hidden;}
.fenxi li{ float:left; height:147px; width:238px; margin-right:20px; padding:20px 10px; color:#fff; line-height:24px;}
.fenxi li.li01{ background:#f29c9f;}
.fenxi li.li02{ background:#7ecef4;}
.fenxi li.li03{ background:#f6b37f;}
.fenxi li.li04{ background:#89c997;}
/*研发创新*/
.innovate{ padding:80px 0; background:#fafafa; line-height:24px;}
.innovate img{ max-width:100%;}
/*解决方案*/
.Tab1{width:100%; margin-top:36px;}
.Menubox{width:100%;height:50px;line-height:50px;}
.Menubox ul{margin:0px;padding:0px;}
.Menubox li{float:left;display:block;cursor:pointer; padding:0 10px; min-width:150px; background:#e7e7e7; margin:0 4px; text-align:center; font-size:14px;}
.Menubox li.hover{ background:#1296db; color:#fff;}
.Contentbox{ min-height:400px;}
.Contentbox .daDiv{ font-size:14px !important; line-height:24px;}
/*联系我们*/
.contact-top{ background:#fafafa; padding-top:40px;}
.contact-top .container{ background:url(../images/img7.jpg) no-repeat 80% bottom; min-height:290px; padding-bottom:50px;}
.contact-lx{ margin-top:76px; line-height:36px;}
.contact-table .txt{ height:37px; width:100%; line-height:37px; background:#e7e7e7; border:0; margin-bottom:10px; padding:0 10px; outline:none;}
.contact-table .textarea{width:100%; background:#e7e7e7; line-height:24px; border:0; height:129px; padding:0 10px; outline:none;}
.contact-table .btn{ width:100%; height:37px; line-height:37px; background:#1296db; color:#fff; padding:0 !important; margin-top:10px; cursor:pointer;}
.contact-bot h1{ background:url(../images/wz.jpg) no-repeat left center; padding-left:25px; font-size:14px; line-height:30px; border-bottom:2px #fafafa solid;}
.map{ width:100%; height:500px;}

/*折叠菜单CSS*/
.close{ display:none; color:#333; font-weight:normal; box-shadow:0; position:absolute; top:10px; right:10px;}
.anniu{ display:none; width:20px; position:absolute; top:10px; right:10px; z-index:999;}
.anniu img{ width:100%;}

/*6-9*/
.bus-intro1{ background:#fafafa; overflow:hidden; padding:70px 0;}
.bus-intro1 .container{ background:#fff; overflow:hidden; padding:10px;}
.bus-intro1l{ width:60%; background:#fcfcfc; border:1px #ebecec solid; text-align:center;}
.bus-intro1r{ width:38%; padding-right:5%; padding-top:40px;}
.bus-intro1r h1{ font-size:24px;} 
.bus-intro1r ul{ padding:0;}
.bus-intro1r ul li{ width:100%; padding:15px 0; border-bottom:1px #ebecec solid; text-indent:30px;}
.bus-intro1r ul li:last-child{ border-bottom:0;}
@media screen and (max-width:1024px)  {
.topl img{ width:50%;}
.topr{ display:none; border-top:1px #333 solid; padding-top:10px; margin-top:5px; max-width:none; width:100%;}
.topr ul{ width:100%; margin:0; padding:0;}
.topr ul li{ width:33%; line-height:24px; text-align:center;}	
.close,.anniu{ display:block;}
.botl{ background:none; padding-left:0;}
.about-gnl,.about-gnr{ width:100%; padding:0 15px; box-sizing:border-box;}
.about-gnr{ margin-top:40px;}
.bus-intro ul{ width:100%; padding:0;}
.bus-intro ul li{ width:31.3%; box-sizing:border-box; margin:0 1%; height:auto;}
.bus-yjsl,.bus-yjsr{ width:100%;}
.fenxi{ width:100%; padding:0;}
.fenxi li{ width:48%; margin:1%; box-sizing:border-box;}
}
@media screen and (max-width:767px)  {	
.top{ padding:5px 0;}
.anniu{ top:6px;}
.topl img{ width:50%;}
.topr{ display:none; border-top:1px #333 solid; padding-top:10px; margin-top:5px; max-width:none; width:100%;}
.topr ul{ width:100%; margin:0; padding:0;}
.topr ul li{ width:33%; line-height:24px; text-align:center;}
.close,.anniu{ display:block;}
.index-nav ul li{ width:100%;}
.index-new ul{ padding:0;}
.index-new ul li{ width:48%;}
.botl{ background:none; padding-left:0; overflow:hidden;}
.botr{ float:left !important; padding-top:15px;}
.bus-intro ul{ width:100%; padding:0;}
.bus-intro ul li{ width:96%; box-sizing:border-box; margin:1% 2%;}
.bus-yjsl,.bus-yjsr{ width:100%;}
.fenxi{ width:100%; padding:0;}
.fenxi li{ width:96%; margin:1% 2%; box-sizing:border-box;}
.Menubox{text-align:center; margin-bottom:10px; height:auto; overflow:hidden;}
.Menubox li{ min-width:inherit; box-sizing:border-box; margin:0; height:40px; line-height:40px; overflow:hidden; border-bottom:1px #ddd solid; border-right:1px #ddd solid;}
.banner-pc{ display:none;}
.banner-wap{ display:block;}
.index-zhid{ display:none;}
.index-nav{ padding-top:30px;}
.index-nav ul li{ margin-bottom:15px; border-bottom:1px #ddd dashed; padding-bottom:15px;}
.index-nav ul li h1{ margin-bottom:0;}
.index-nav ul li h1 a{ font-size:16px;}
.title-h1{ font-size:24px;}
.xiaot{ background-size:120% !important;}
.yous{ padding-top:50px !important;}
.yous h1{ font-size:24px !important;}
.yous ul li .super-tit{ font-size:16px !important;}
.yous ul li{ padding:0 10px; height:243px !important;}
.yous ul li img{ width:100%;}
.topr ul li a{ font-size:14px;}
.ny_ban01{ display:none;}
.ny_ban02{ display:block !important; height:auto !important;}
.ny_ban02 img{ width:100%;}
.about-js,.bus-yjs,.innovate{ padding:30px 0;}
.bus-intro{ padding:20px 0 10px 0;}
.bus-intro ul{ margin-top:20px;}
.bus-yjsl{ padding-top:20px;}
.gotop img{ width:40px;}
.pc-img{ display:none;}
.wap-img{ display:block !important;}
.yous ul li{ float:left; width:50% !important; padding:0 10% !important; height:250px; text-align:center;}


.bus-intro1l{ width:100%;}
.bus-intro1l img{ max-width:100%;}
.bus-intro1r{ width:100%; padding-right:0;}
}





.new-xq{ line-height:30px;}
.ny_ban{ height:250px; width:100%; overflow:hidden; position:relative;}
.ny_ban01 img{ position:absolute; top:0; left:50%; margin-left:-960px;}
.ny_ban02{ width:100%; display:none;}
.wap-img{ display:none;}
.solution-title{ font-size:20px; color:#1296db;}
.solution-title span{ font-size:18px; color:#999;}
.Tab1{ margin-top:0;}
.Menubox{ background:#1296db;}
.Menubox ul{ margin:0 auto;}
.Menubox li{ background:none; color:#fff;}
.Menubox li.hover{ background:#fafafa; color:#1296db}
.Contentbox{ min-height:150px;}
.Contentbox img{ max-width:100%;}

.yous{ background:#f7f7f7; padding-top:80px; overflow:hidden;}
.yous h1{ text-align:center; color:#333; font-size:30px; padding-bottom:50px; position:relative;}
.yous .hr{ display:inline-block; width:120px; height:4px; background:#0e89cc; position:absolute; left:50%; margin-left:-60px; bottom:28px;}
.yous ul{ padding:0;}
.yous ul li{ float:left; width:25%; height:250px; text-align:center;}
.yous ul li .lazyfade2{animation:lazyfade2 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;-webkit-animation:lazyfade2 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;}
.yous ul li .super-tit{ font-size:18px; color:#333; line-height:32px;animation:lazyfade3 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;-webkit-animation:lazyfade3 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;}
.yous ul li .super-con{ color:#999; font-size:13px;animation:lazyfade5 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;-webkit-animation:lazyfade5 1.5s cubic-bezier(0.4, 0, 0.2, 1) 0s 1;}
.xiaot{ height:110px; width:100%; background:url(../images/d_tu2.jpg) no-repeat center #046ec4;}
.xiaot a{ display:block; height:110px;}
.gotop{ position:fixed; bottom:30px; right:20px; cursor:pointer;}

.new-xq img{ max-width:100%;}



/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;top:400px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:54px;height:54px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:18px;margin-left:18px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:18px;margin-left:18px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-125px 5px;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{/*border-bottom:1px solid #eee;*/padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}