/*整站全局公共样式的设定 */
body {margin:0; padding:0; font-size:14px; font-family:'微软雅黑', 'microsoft yahei', 宋体, Tahoma, Verdana, Arial, Helvetica, sans-serif; background:#fff; color:#666;width:100%;overflow-x: hidden;-webkit-text-size-adjust:none;}
div,form,img,ul,ol,li,dl,dt,dd,p,span,b,input,select{margin: 0; padding: 0; border: 0;font-family:'微软雅黑', 'microsoft yahei', 宋体, Tahoma, Verdana, Arial, Helvetica, sans-serif;}
li,dl{list-style-type:none;}i,em{ font-style:normal;}
h1,h2,h3,h4,h5,h6 { margin:0; padding:0; font-weight:normal;}
a:link {color: #666; text-decoration:none;}a:visited {color: #666;text-decoration:none;}a:hover {color: #004ed8; text-decoration:none;}a:active {color: #666;}
img{ display:block;}
/*其它常用样式的定义 */
.fl{ float: left;}.fr{ float: right;}.clear{ clear: both;}
.f14{ font-size:14px;}.f16{ font-size:16px;}.f18{ font-size:18px;}.f12{ font-size:12px;}
:before,:after {font-family: "myfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}/*单色字体图标*/
.i-color {height: 60px; width:100%;vertical-align: -0.15em;fill: currentColor;overflow: hidden;}/*多色字体图标*/
/*公共-颜色 */
a.gclora,.gclora{ color:#aaa;}a.gclor9,.gclor9{ color:#999;}a.gclor8,.gclor8{ color:#888;}a.gclor6,.gclor6{ color:#666;}a.gclor4,.gclor4{ color:#444;}a.gclor3,.gclor3{ color:#333;}a.gclor0,.gclor0{ color:#020202;}
a.gclor9:hover{ color:#666;}a.gclora:hover{ color:#666;}a.gclor6:hover{ color:#333;}a.gclor8:hover{ color:#7a8ca6;}a.gclor4:hover{ color:#000;}/*鼠标经过*/
.red{ color: #ff0000;}
.blue,a.blue{ color: #004ed8}
/*公共-边距 */
.none{ display:none;}.clear{clear: both; width: 100%;}.ofh{overflow: hidden;}
.blank10,.blank30,.blank20,.blank70{ clear: both; height: 10px; width: 100%;}.blank20{ height: 20px;}.blank30{ height: 30px;}.blank70{ height: 70px;}
.paL10{ padding-left:10px;}
.maL30{ margin-left:30px;}.maL40{ margin-left:40px;}.maL80{ margin-left:40px;}
.maR30{ margin-right:30px;}.maR80{ margin-right: 80px;}.maR100{ margin-right: 100px;}
.maT20{ margin-top:20px;}.maT30{ margin-top:30px;}.maT40{ margin-top: 40px;}.maT50{ margin-top: 50px;}.maT60{ margin-top: 60px;}.maT70{ margin-top: 70px;}.maT90{ margin-top: 90px;}.maT110{ margin-top: 110px;}
.paB90{ padding-bottom: 90px;}
.paTB90{ padding: 90px 0;}

/*公共-其他 */
.w1200{ margin:0px auto; width:1200px; position:relative;}.bgf7{ background:#f7f8f9;}.bgf2{ background: #f2f7ff}
.w110{ width: 110px;}.w125{width: 125px;}.w140{width: 140px;}.w160{width: 160px;}

/*公共-漂浮*/
.flotage{ width: 84px; height: auto; position: fixed;right:0; top:40%;font-size: 14px; text-align: center; z-index: 999999; background: #fff; }
.flotage a{ width:84px;padding: 21px 0; display:block;border-bottom:1px solid #f5f5f5;position: relative;}
.zx{  position: fixed;right:0; top: 30%; width:84px; height: 92px; background:url(../images/zx.jpg) no-repeat center top; display: block; z-index: 999999; }
.flotage .i-color{ height: 30px;}
.flotage .consult .icon,.flotage .message .icon,.flotage .tel .icon{/*background:url(../images/icon.png) no-repeat;*/ display: block;position: absolute;top:16px;  left: 23px;}
.flotage .consult .icon{ width:36px; height:30px;background-position: 0 -1300px; }/*客服*/
.flotage .message .icon{width:36px; height:28px;background-position: 0 -1400px; left:25px; }/*留言*/
.flotage .tel .icon{ width:36px; height:35px;background-position: 0 -1500px;}/*电话*/
.flotage .tel .tel-on{display: none; position: absolute; right:84px;bottom:-1px; text-align: left; width:175px; height:40px; padding:26px 22px;color: #fff; background:#004ed8; /* 标准的语法（必须放在最后） */}
.flotage .tel .tel-on .f24{ font-size: 24px; font-weight: bold; white-space: nowrap;}
.flotage .tel .tel-on:before{ content:"";width: 0;  height: 0;  border: 10px solid;  border-color: transparent transparent transparent #004ed8; position: absolute; top:36px;right:-20px; display: block; z-index: 9999999}
.flotage .tel:visited .tel-on{ display: block;}

/*弹窗-留言*/
.pop_cha{position:absolute;right:20px; top:20px;background: url(../images/cha.png) no-repeat; width:17px; height:17px; display:inline-block;z-index:999;}
.pop_body{ left:50%; top:50%;margin:-198px 0 0 -309px; position:fixed;background:#fff; width:600px; font-size:16px;/*height:472px;*/z-index:104;}
.pop-title{ font-size:18px; color:#337ce8; padding:20px 0 0 20px;}
.pop-nr{ padding:20px;}
.pop-nr2{width:600px; margin:0px auto;}
/*留言-输入框*/
.pop-nr .form-item,.pop-nr .form-item2,.pop-nr .form-item3{width: auto;height:42px;margin-bottom: 12px;border: 1px solid #e5e7eb;line-height:42px; background:#fff;}
.pop-nr .form-item-label{width:58px; padding-right:10px; display:inline-block;vertical-align: middle;border-right: 1px solid #e5e7eb;font-size: 14px;line-height: 14px;text-align:right;color: #505356;}
.pop-nr .form-item-input{display: inline-block;height:40px;width: calc(100% - 83px);border: none;box-sizing: border-box;padding-left:10px;color: #505356;}
.pop-nr .form-item2{width:75%; position:relative;}
.code{ width:30%;border: 1px solid #e5e7eb;line-height:42px;height:42px; float:right;margin-bottom: 12px; position:absolute; right:-139px;top:-1px; overflow:hidden; background:#fff;}
.code img{ margin:0px auto;}
.pop-nr2 .code{right:-149px;}
.pop-nr .form-item3{ height:90px; padding-top:10px; margin-bottom:20px;}
.pop-nr .form-item-textarea{display: inline-block;height:88px;width: calc(100% - 83px);border: none;box-sizing:border-box; float:right;color: #505356;}
.pop-nr .pop-btn{ width:150px; height:40px; margin:20px auto 0 auto;background:#004ed8; line-height:40px; text-align:center; font-size:16px;}
.pop-nr .pop-btn a{ color:#fff;}

.popbg{width: 100%;height: 100%;background: #000;filter: alpha(opacity=50);-moz-opacity: 0.5;opacity: 0.5;position: fixed;z-index: 103;}





/*公共-头部*/
.header{ position: fixed;  left:0; right:0; top:0; height: 72px; z-index: 999;}
.header .m-logo{ margin-top: 18px;;}
.header .m-logo .lo2,.header-bg .m-logo .lo1,.header:hover .m-logo .lo1{ display: none;}
/*公共-头部-导航*/
.mainNav{ font-size: 16px;}
.mainNav .li{ display: inline-block;  padding-left: 40px; height:48px; padding-top: 24px; position: relative;/* cursor: pointer;*/}
.mainNav .li a{color: #fff;  display: inline-block;}
.mainNav .i-arr{ color: #fff; margin-left: 10px;}
.i-arr:before {content: "\e669";}
.mainNav .li:hover .subnav{ display: block; animation: navCur 0.5s;-webkit-animation: navCur 0.5s;animation-fill-mode: forwards;}
@keyframes navCur {0% {top: 68px; opacity: 0;}100% {  top: 71px; opacity: 1;}}
@-webkit-keyframes navCur{0%{top: 68px; opacity: 0; }100% { top: 71px;  opacity: 1;}}
@-moz-keyframes navCur{0%{top: 68px; opacity: 0; }100% { top: 71px; opacity: 1;}}
@-o-keyframes navCur{0%{top: 68px; opacity: 0; }100% { top: 71px; opacity: 1;}}
.mainNav .li .line{ height:2px; width:38px; background:#fff; position:absolute; bottom:0px; left:38px; z-index:999; display:none;}/*线*/
.mainNav .li:hover .line{ display:block;background:#004ed8;}
.mainNav .line-on .line { display:block;background:#fff;}/*当前位置线*/
.header:hover .line-on .line {background:#004ed8;}/*当前位置线*/
/*公共-头部-子导航*/
.subnav{ background: linear-gradient(to right, #e9effa 0%, #e9effa 50%, white 51%, white 100%); position: fixed;left: 0px;right: 0px; top:72px; z-index: 99; width:100%; height: auto;margin:0px auto; color:#fff; border-top:1px solid #f0f0f0; overflow:hidden; display: none;}/*子菜单*/
.subnav.last-bg{ background: #fff !important; padding: 12px 0;}
.subnav .dd{ line-height: 18px; color: #666; padding:10px 28px 10px 28px; font-size: 14px; display: inline-block; white-space: nowrap;}/*子菜单*/
.subnav .dd a{ color: #666;}
.subnav .dd a:hover{color: #004ed8}
/*公共-头部-子导航-产品菜单*/
.subnav .fl{/* padding: 0 20px ; */margin-right: 40px;}
.subnav .fl:last-child{ margin-right: 0; }
.subnav .dt{ padding-right:50px;width:90px;height:44px;display: inline-block; float: left;}/*慧采购*/
.subnav .logo2{ background-position: -140px 0px; width:98px;}/*精采云*/
.pr-nav{ padding-left: 150px;}/*产品子菜单*/.pr-nav .hcg .dd{ margin-top: 5px;}
.ab-nav{ float: right;}
/*公共-头部-移动后白色背景*/
.header-bg,.header-bg:hover{ background: #fff;}
.header-bg:before{ content: ""; border-bottom: 1px solid #eee; position: absolute; right: 0; left: 0; bottom: 0;}
.header-bg .m-logo .lo2{ display: block;}
.header-bg .li a,.header-bg .i-arr{color: #333; }
.header-bg .subnav{ box-shadow: 0 5px 10px rgba(0, 0, 0, 0.1);border-bottom: 1px solid #eee;}/*子菜单*/
.header-bg .li .line{background:#004ed8;}
/*公共-头部鼠标放上去*/
.header:hover{ background:#fff;}
.header:hover .m-logo .lo2{display: block;}
.header:hover .li a,.header:hover .i-arr{color: #333; }


/*公共-底部-二级页面咨询条*/
.m-advisory{ background: #004ed8;  color: #fff; padding: 35px 0; font-size: 30px; text-align: center;}
.m-advisory .btn{  height: 44px; line-height: 44px; display: inline-block; color: #fff; margin-left: 30px; padding: 0 40px; border-radius: 10px; background: #e7b14d; font-size: 18px;}
.m-advisory .btn:hover{background: #fff; color: #004ed8;}
.m-advisory i{ position: relative;top:4px;}
/*公共-底部*/
.footer{ background: #09051c; position: relative;}
.footer:before{ content: "";width: 498px; height: 211px; background: url(../images/footer-logo.png) no-repeat; position: absolute;bottom: 0px;left: 11%; display: block; opacity: .5;}/*圈圈*/
/*公共-底部-左侧导航*/
.f-logo{padding-top: 65px;}
.f-menu{padding-top:36px; overflow: hidden; padding-bottom: 45px;}
.f-menu .list{float: left; margin-right: 6%;color: #fff;}
.f-menu .list dt{ font-size: 16px; font-weight: bold;opacity: .8; padding-bottom: 16px;}
.f-menu .list dd{ line-height: 36px;}
.f-menu .list dd a{color: #fff; opacity: .5;}.f-menu .list dd a:hover{ opacity: 1;}
/*公共-底部-右侧二维码电话*/
.f-right{ position: absolute; right: 0; top:60px; text-align: right;}
.f-tel{ background: url(../images/ab-p.png) 0 -410px no-repeat; width:193px; height: 40px;}
.f-email{ background: url(../images/ab-p.png) 0 -462px no-repeat;width: 240px; height: 38px; margin-top: 32px;}
.f-or{ display: inline-block; padding: 50px 30px 0 0;}

/*公共-底部-版权*/
.foot { padding: 10px 0;  text-align: center;  color: #fff; border-top:1px solid #322f41;opacity: .4; line-height: 24px; }
.footnr{ margin:0px auto;}
.foot2 a{ display: inline-block}
.foot2 .pic,.foot2 .pic2{ position:relative; margin-right:8px;  top:5px; width:20px; height:21px;margin-left:45px; display: inline-block}
.foot2 .pic2{ width: 87px; height: 20px;}
.foot2 .pic img{ width: 100%}
.foot a{ color:#fff;}


/*公共-标题*/
.m-title{ font-size: 30px; color: #333; text-align: center; padding: 90px 0 70px 0;}
.m-title.p60{ padding: 60px 0;}

/*公共-banner*/
.m-banner {width: 100%; height: 670px; overflow: hidden;}
/*banner-公司简介*/
.ab-banner{ background: url(../images/ab-banner.jpg) no-repeat top center;}
.ab-banner .ab-title{ font-size: 40px; font-weight: bold; text-align: center; width: 100%; margin-top: 340px; color: #fff;;}
/*banner-慧采购*/
.ph-banner{background: url(../images/pr-banner.jpg) no-repeat top center;}
.ph-banner .slogan{color: #fff; margin-top: 200px;}
.ph-banner .title{ font-size: 44px;  font-weight: bold;}
.ph-banner .info{ font-size: 32px; line-height: 48px; padding-top: 32px;}
.ph-banner .text{ font-size: 14px;  line-height: 48px; padding-top: 12px;}



/*banner-精采云*/
.pm-banner{background: url(../images/pr-mcp-banner.jpg) no-repeat top center;}
/*banner-行业-新能源*/
.ie-banner{background: url(../images/in-en-banner.jpg) no-repeat top center; color: #fff; text-align: center;}
.ie-banner .title{ font-size: 40px; font-weight: bold; margin-top: 23%;}
.ie-banner .info{ font-size: 20px;padding-top: 20px;}
/*banner-行业-餐饮*/
.if-banner{background: url(../images/in-fo-banner.jpg) no-repeat top center;}
/*banner-行业-医药*/
.im-banner{background: url(../images/in-me-banner.jpg) no-repeat top center;}
/*banner-行业-制造*/
.ima-banner{background: url(../images/in-ma-banner.jpg) no-repeat top center;}
/*banner-行业-通信*/
.ic-banner{background: url(../images/in-co-banner.jpg) no-repeat top center;}
/*banner-客户案例*/
.ca-banner{background: url(../images/ca-banner.jpg) no-repeat top center;}
/*banner-首页*/
.i-banner {width: 100%; height:800px; overflow: hidden; position: relative;}

.in-banner .li1{background: url(../images/banner01.jpg) no-repeat top center;height: 800px;}
.in-banner .li1 .slogan{color: #fff; text-align: left; width: 580px;margin-top:270px;}
.in-banner .li1 .title img{  color: #fff; width:590px; }
.in-banner .li1 .t2 img{ color: #fff; width: 320px;margin:0px auto;margin-top: 24px;}

.in-banner .li2{background:#0f092e url(../images/in-banner01.jpg) no-repeat top center;height: 800px;}/*banner2*/
.in-banner .li2 .slogan{color: #fff; margin-top: 240px;}
.in-banner .li2 .title{ font-size: 72px;  font-weight: bold;}
.in-banner .li2 .info{ font-size: 36px;  line-height: 48px; padding-top: 32px;}
.in-banner .li2 .text{ font-size: 16px;  line-height: 48px; padding-top: 12px;}

.in-banner .li3{background:#0f092e url(../images/banner03.jpg) no-repeat top center;height: 800px;}/*banner3*/
.in-banner .li3 .w1200{ height: 100%}
/*.in-banner .li3 .slogan{color: #fff; margin: 240px auto 0 auto; text-align:center;width: 816px;}
.in-banner .li3 .title img{  color: #fff; width: 700px;margin:0px auto;}
.in-banner .li3 .t2 img{ color: #fff; width: 523px;margin:0px auto;margin-top: 24px;}*/

.in-banner .li4{background:#0f092e url(../images/in-banner03.jpg) no-repeat top center;height: 800px;}/*banner3*/
.in-banner .li4 .slogan{color: #fff; margin-top: 230px; text-align: center;}
.in-banner .li4 .t1{ font-size: 54px;  font-weight: bold;  }
.in-banner .li4 .t2{ font-size: 72px;  padding-top: 20px; font-weight: bold;}
.in-banner .li4 .t3{ font-size: 28px;  padding-top: 28px;}

/*banner-连接按钮*/
.in-banner .btn{ width:170px;height:48px; line-height:48px; border-radius: 25px; font-size: 18px; text-align: center; margin-top: 40px;display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#485cfe', endColorstr='#060bea');
    background: -webkit-linear-gradient(left, #485cfe, #060bea);
    background: -moz-linear-gradient(left, #485cfe, #060bea);
    background: -ms-linear-gradient(left, #485cfe, #060bea);
    background: linear-gradient(left, #485cfe, #060bea); }
.in-banner .btn.btn2{ background: transparent; border: 1px solid #fff; position:absolute; bottom:60px; left: 50%; transform: translateX(-50%); color: #fff}/*空心按钮*/
.in-banner .btn.btn2:hover{ color: #fff; text-decoration: underline;}
/*banner-圆圈按钮*/
.i-banner .num { overflow:hidden; height:25px; position:absolute; bottom:10px; left:50%; margin-left:-32px; zoom:1;cursor:pointer; z-index:99;}
.i-banner .num li { width:10px; height:10px; font-size:0;margin-right:10px; border-radius:50%; float:left; cursor:pointer; border:1px solid #fff; }
.i-banner .num li.on { background:#fff; border:1px solid #fff; cursor:pointer; } /*当前项*/
/*banner左右侧按钮*/
.i-banner .prev,.i-banner .next { display: none; width: 40px; height: 100px; background:url(../images/in-banner-b.png) no-repeat; position: absolute; top: 320px; z-index:99}
.i-banner .prev { left:20px; }.i-banner .next { right: 20px; background-position: right; }
/*banner-服务*/
.se-banner{background: url(../images/se-banner.jpg) no-repeat top center;}
.se-banner .slogan,.ne-banner .slogan{color: #fff; margin-top: 270px; text-align: center;}
.se-banner .title,.ne-banner .title{ font-size: 40px;  font-weight: bold;}
.se-banner .info,.ne-banner .info,.co-banner .info{ font-size: 20px; line-height: 28px; padding-top: 30px; text-align: center;}
/*banner-合作*/
.co-banner{background: url(../images/co-banner.jpg) no-repeat top center;}
.co-banner .slogan{color: #fff; margin-top: 270px; text-align: center; line-height: 80px;}
.co-banner .title{ font-size: 40px;  font-weight: bold;}
.co-banner .info{ line-height: 36px;}
/*banner-新闻*/
.ne-banner{background: url(../images/ne-banner.jpg) no-repeat top center;}


/*命名规则，
 * 1、除公共以外一级父级命名按照文件名称的首字母的前两位+后者，列如”ab-title“代表公司简介-标题
 * 2、公共页面除了头部和底部，其他用M-命名，比如m-banner 代表公共幻灯片
 * 3、每一个模块都需要些备注，最好每一行都写备注
 * */


/*公司介绍-公司简介*/
.ab-introduce{  position: relative; font-size: 16px;}
.ab-introduce .info{min-height: 400px; padding-right: 580px; line-height: 32px;text-align:justify;text-justify:distribute-all-lines;}/*左侧内容*/
.ab-introduce .info p{ padding-bottom: 34px;}
.ab-introduce .img{ position: absolute; right: 34px; top:-12px;}/*图片*/
/*公司介绍-荣誉资质*/
.ab-honor{ }
.ab-honor .info{ /*padding-bottom: 90px;*/overflow: hidden;}
.ab-honor .li{ width:31.6%; margin-right:2.5%;height: 176px; background-color: #004ed8; color: #fff; font-size: 16px; text-align: center;  margin-bottom: 30px; cursor: pointer;position: relative; /*display: inline-block; overflow: hidden;*/ float: left;}
.ab-honor .li:hover{background-color: #0042d8; animation: abhon 0.5s;-webkit-animation: abhon 0.5s;animation-fill-mode: forwards;}
.ab-honor .li:last-child{ margin-right: 0;}/*by lyq 2021.7.27*/
.ab-honor .li.w50{ width: 48.75%;}.ab-honor .w50:nth-child(2){  margin-right: 0}/*by lyq 2021.7.27*/
.ab-honor .bg1{ background: url(../images/ab-p.png) no-repeat 110px -100px #004ed8;}/*花穗*//*by lyq 2021.7.27*/
.ab-honor .name{padding: 70px 0 14px 0; font-size: 26px;;}/*前三个*/
.ab-honor .name2{ font-size: 22px;}/*后三个名称*/
.ab-honor .logo1{ background: url(../images/ab-p.png) 0 0px; width: 60px; height: 92px; display: inline-block;margin-top: 24px;}
.ab-honor .logo2{ background: url(../images/ab-p.png) -130px 0px; width: 115px; height: 92px; display: inline-block;margin-top: 24px;}
.ab-honor .logo3{ background: url(../images/ab-p.png) -261px 32px; width: 67px; height: 116px; display: inline-block;}
@keyframes abhon {0% {top: 0px;}100% {top: -10px;}}@-webkit-keyframes abhon{0%{top: 0px;}100% {top: -10px;}}@-moz-keyframes abhon{0%{top: 0px;}100% {top: -10px;}}@-o-keyframes abhon{0%{top: 0px;}100% {top: -10px;}}
/*公司介绍-发展历程*/
.ab-course{;background: url(../images/ab-p2.png) center 362px no-repeat;}
.ab-course .info{ position: relative; overflow: hidden; padding:0 80px 30px 80px}
.ab-course li{float: left;/*height: 190px;*/}
.ab-course li.up{ padding-bottom:70px;position: relative;}/*历程在上面*/
.ab-course li.up .box1{ height: 170px;display: table-cell; vertical-align: bottom;}.ab-course li.down .box2{ height: 170px;display: table-cell; }
.ab-course li.down{ padding-top:288px; position: relative; margin-left: -60px;}/*历程在下面*/
.ab-course li .txt{ line-height: 22px; width: 170px; padding:16px 0;}
.ab-course li.up .txt{vertical-align:baseline}
.ab-course .time{font-size: 22px; color: #fff;width: 86px;height:37px; text-align: center; position: absolute;}/*时间*/
.ab-course .up .time{ background-image: url(../images/ab-time-b.png);bottom:20px;}/*上面蓝色时间*/
.ab-course .down .time{ background-image: url(../images/ab-time-y.png);padding-top: 7px;height:30px;top:250px;}/*下面黄色时间*/
.ab-course .up .round{ width: 10px; height: 10px; display: block; margin-left: 36px; position:absolute;bottom:0px; border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#629bff', endColorstr='#2263ff');
    background: -webkit-linear-gradient(left, #629bff, #2263ff);
    background: -moz-linear-gradient(left, #629bff, #2263ff);
    background: -ms-linear-gradient(left, #629bff, #2263ff);
    background: linear-gradient(left, #629bff, #2263ff);  }/*圆*/
.ab-course .down .round{width: 10px; height: 10px; display: block; margin-left: 36px;top:230px; position: absolute; border-radius: 10px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeb551', endColorstr='#ef9800');
    background: -webkit-linear-gradient(left, #eeb551, #ef9800);
    background: -moz-linear-gradient(left, #eeb551, #ef9800);
    background: -ms-linear-gradient(left, #eeb551, #ef9800);
    background: linear-gradient(left, #eeb551, #ef9800); }/*黄色圆*/


/*公司介绍-发展历程---箭头---*/
.ab-course .prev,.ab-course .next{ width:48px; height:48px;cursor:pointer; position:absolute; display:block; top:110px;right:0;z-index:9999;}
.ab-course .prev{ left:0px;}
.ab-course .prev:before{ content:"\e67a"; color:#999; font-size:48px; top:18px; left:0px; position:relative; display: block;  opacity: .3;}
.ab-course .next:before{ content:"\e67c";color:#999; font-size:48px; top:18px;right:0px; position:relative;display: block;  opacity: .3;}
.ab-course .next:hover:before,.ab-course .prev:hover:before{ opacity: 1;}

/*公司介绍-企业文化*/
.ab-culture{}
.ab-culture li{ width:31.8%; margin-right: 27px; font-size: 14px; color: #666;text-align: center; padding-bottom: 90px; float: left;}
.ab-culture li:last-child{ margin-right: 0;}
.ab-culture li .pic img{width:100%; }
.ab-culture li .title{ font-size: 24px;  color: #222; line-height:50px;}

/*公司介绍-联系我们*/
.ab-contact{ line-height:28px; position:relative;  overflow:hidden; padding: 30px 0;}
.contact-t{ padding-top:16px;text-align: center; }
.contact-addr{font-size: 13px;}
.ab-contact b{color: #000;  font-weight: normal;}


/*慧采购-选项卡切换*/
.ph-tab{ height: 80px;z-index: 99; background: #fff; width: 900px; border-radius: 40px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1); position: relative;top:-40px; margin: 0 auto;}
.ph-tab a{ width: 25%; float: left; text-align: center; font-size:22px; line-height:80px; height:80px;  position: relative;}
.ph-tab a:before{ content: ""; width: 1px; height:18px; background: #f0f0f0; position: absolute; right: 0; top:30px; }
.ph-tab a:last-child:before{ display: none;}
.ph-tab a.cur{ color: #004ed8; font-weight: bold;}
.ph-tab.po{ position: fixed; top:72px; left: 0; right: 0; }/*移动到当前位置加上浮动*/
/*慧采购-管理-供应商全生命周期在线管理*/
.ph-management{ /*padding: 90px 0;*/ padding-bottom:60px;overflow:hidden}
.ph-management .pic{/* border:2px solid #004ed8;*/ width: 470px; left:25px;height: 447px; position: relative; }
.ph-management .pic img{ position: absolute; left: -25px; top:-25px}
.ph-management .fr{ width: 52.5%;}
.ph-management .title{ font-size: 30px; color: #000; line-height: 50px;}/*标题*/
.ph-management .info{ font-size: 18px; padding-top: 40px; line-height: 32px;}/*文字介绍*/
.ph-management .list{ padding-top:30px;  overflow: hidden; font-size: 16px; margin-left: -5%;}/*小图标列表*/
.ph-management .list li{ width: 25%; float: left; padding:20px 0px; text-align: center; position: relative;}
.ph-management .list .a1{text-align: center;}
/*.ph-management .list .li:before{  font-size:30px; color: #004ed8; display: inline-block; margin:0px 0px 12px 0;}*/
.ph-management .rline::after{ content: ""; width: 1px; background: #eeeeee; right: 0; top:0;  bottom: 0; position: absolute; display: block;}/*右侧线*/
.ph-management .bline{  border-bottom: 1px solid #e3e3e3;}/*底部线*/



/*慧采购-管理-环环精细化管控*/
.ph-control{ overflow: hidden; padding-bottom: 20px;}
.ph-control .row{ width: 100%;overflow: hidden; padding:10px 0 70px 0; position: relative;}/*列*/
.ph-control .row.P0{padding:0; }/*列*/
.ph-control .title{ font-size:30px; color: #333; position: relative; padding: 20px 0 26px 0;}/*标题*/
.ph-control .title:before{content: ""; width: 20px;height: 3px; background: #004ed8; position: absolute; bottom: 0; left: 0;}
.ph-control .info{ font-size: 16px; line-height: 36px;  padding-top: 15px;}/*介绍*/
.ph-control .info p{ padding-top: 15px; line-height: 30px;}
.ph-control .icon,.bl-icon{color: #004ed8; margin-top: 24px; margin-right: inherit !important;}
.ph-control .text1{ position: absolute; left:3%; width:40%; }/*左侧文字*/.ph-control .text1.w40{ width: 40%;;}
.ph-control .text2{ position: absolute; right:3%; width: 40%;}/*右侧文字*/
.ph-control .text3{ position: absolute; left: 0; width: 50%;}/*左侧左边距文字*/
.ph-control .text4{ position: absolute; right: 2%; width: 49%;}/*右侧边距文字*/
.ph-control .ph-about.list .li{ float:left; width: 60px; padding: 0 20px; font-size: 13px; text-align: center}/*图标列*/
.ph-control .ph-about.list .li:first-child{ padding-left: 0;}/*第一个图标列左边距去掉*/
.ph-about.list .li:before{font-size:26px;color: #004ed8; display: inline-block; margin:30px 0px 0px 0;}/*小图标*/
.ph-control .list{}/*在线协同-需求协同*/
.ph-control .list .li{ font-size: 16px; line-height: 32px; padding-top: 5px;text-align:justify;}
.ph-control .list{}
.ph-control.paB40{ padding-bottom: 40px;}.ph-control.paB80{ padding-bottom: 80px;}.ph-control.paB110{ padding-bottom: 110px;}
/*慧采购-管理-供应商资源库动态管理*/
.ph-resource {overflow: hidden;}
.ph-resource .list{;}
.ph-resource .li{ width: 31.6%; margin-right: 2.6%; background: #fff; box-shadow: 0 0 10px #f3f3f3; float: left; min-height: 200px; padding-bottom:20px;text-align: center;transition: all 0.3s;}
.ph-resource .li:hover{transform:translate3d(0, -10px, 0); }
.ph-resource .li:last-child{ margin-right: 0;}
.ph-resource .info{ line-height: 30px; padding: 0 50px;}
.ph-resource .i-color{height: 66px; display: inline-block;  margin: 55px 0 30px 0;}
/*慧采购-管理-页面图标*/
.i-pr-ma .i-9{ height: 62px; margin-bottom: 34px;}/*资源库动态管理1*/
.i-pr-ma .i-10{ }
.i-pr-ma .i-11{ }
.i-pr-ma li:first-child+li+li,.ph-resource:first-child+li+li,.i-pr-so .li:first-child+li+li{ margin-right:0}

/*慧采购-寻源-招投标-应用价值*/
.ph-tender .list{ padding-bottom: 90px; overflow: hidden;}
.ph-tender .li{ width: 31.6%; margin-right: 2.6%; background: #fff; box-shadow: 0 0 10px #f3f3f3; min-height: 265px; padding-bottom:20px;text-align: center; float: left; overflow: hidden;}
.ph-tender .li:last-child{ margin-right: 0;}
.ph-tender .title{ font-size: 18px; color: #000; padding: 0 0 20px 0; position: relative;margin-bottom: 16px; text-align: center; }
.ph-tender .title:before{ content: ""; width: 48px; height: 1px; background: #e2e2e2; position: absolute;bottom: 0; left: 50%; margin-left: -24px; display: inline-block;}
.ph-tender .info{ line-height: 26px; padding: 0 10%; }
.ph-tender .i-color{ height: 57px; margin: 40px 0 25px 0;}
/*慧采购-寻源-商城采购*/
.ph-mall .info{ color: #888; font-size: 16px; line-height: 30px; text-align: center; width: 70%; margin: -20px auto 0 auto;}
.ph-mall .pic{ margin:0 auto;width: 424px; padding: 50px 0;}
/*慧采购-寻源-页面图标*/
.i-pr-so .i-5{ height: 55px; margin: 42px 0 25px 0;}/*应用价值1*/
/*慧采购-融合-一体化协同平台*/
.ph-platform{ padding: 0px 0  90px 0;}
.ph-platform img{ width: 90%; margin: 0px auto;}


/*精采云-产品简介*/
.pm-brief{padding: 100px 0; }
.pm-brief .title{ font-size: 30px; color: #222; position: relative; }/*标题*/
.pm-brief .info{ font-size: 16px; line-height: 36px;  padding-top: 40px;}/*介绍*/
.pm-brief .text1{ position: absolute; left: 2.5%; width: 43%; }/*左侧文字*/
/*精采云-帮助企业解决采购痛点(共用-ph-tender)*/
.pm-focus .li{  width: 23.5%; margin-right: 2%; height: 290px;}
.pm-focus .info{ text-align: left;}
/*精采云-适用采购类型*/
.pm-types{ }
.pm-types .list{padding: 0px 0 100px 0;overflow: hidden;}
.pm-types .list .li{ width: 23.5%; margin-right: 2%;position: relative; float: left; cursor: pointer;margin-top: 10px}/*列表*/
.pm-types .list .li:last-child{ margin-right: 0;}
.pm-types .list .li:first-child+li+li+li{margin-right: 0;}
.pm-types .list img{ width: 100%; z-index: 1;}/*图片*/
.pm-types .list .bg{ background: #004ed8; opacity: .9;  position:absolute; left: 0; right: 0; bottom: 0; top:0;  z-index: 1;}/*背景*/
.pm-types .list .text{position:absolute; top:50%; margin-top: -12px; left: 0; right: 0;color: #fff; text-align: center; font-size: 18px;z-index: 9;}/*文字*/
.pm-types .list .li:nth-child(even) .bg{ background: #f5b64d;}/*黄色背景*/
.pm-types .list .li:hover{animation: types 0.5s;-webkit-animation: types 0.5s;animation-fill-mode: forwards;}
@keyframes types {0% { margin-top: 10px}100% {margin-top: 0px;}}
@-webkit-keyframes types {0% { margin-top: 10px}100% {margin-top: 0px;}}
@-moz-keyframes types{0% { margin-top: 10px}100% {margin-top: 0px;}}
@-o-keyframes types {0% { margin-top: 10px}100% {margin-top: 0px;}}
/*精采云-产品功能*/
.pm-function .list{overflow: hidden; padding-bottom: 100px;}
.pm-function .list li{width: 18.88%; display: block; height: 190px;float: left; position: relative; text-align: center; position: relative;}
.pm-function .list li:nth-child(5),.pm-function .list li:nth-child(10){ margin-right: 0;}
.pm-function .list li:first-child+li+li+li+li,.pm-function .list li:first-child+li+li+li+li+li+li+li+li+li{ margin-right: 0;}
.pm-function .list .li:before{  font-size:54px; color: #004ed8; display: inline-block; margin: 40px 0 12px 0;}
.pm-function .rline::after{ content: ""; width: 1px; background: #eee; right: 0; top:0;  bottom: 0; position: absolute; display: block;}/*右侧线*/
.pm-function .bline{  border-bottom: 1px solid #eee;}/*底部线*/

/*.pm-function .i-2{ height: 55px;margin:7px 0 18px 0;}
.pm-function .i-3{ height: 58px;margin:6px 0 16px 0;}*/

/*精采云-应用价值*/
.pm-value{}
.pm-value .list{ overflow: hidden; padding:30px 0 90px 0;}
.pm-value .li{ width: 23.5%; margin-right: 2%;position: relative; float: left; cursor: pointer;}
.pm-value .li:last-child{ margin-right: 0;}
.pm-value .pic{ position: relative; overflow: hidden;}
.pm-value .pic img{ width: 100%; z-index: 1;}/*图片*/
.pm-value .info{ position: absolute; left: 0; right: 0; bottom: 0; padding: 4% 5%; line-height: 24px; color: #fff; background: rgba(0,78,216,0.8); display: none;}/*文字内容*/
.pm-value .title{ font-size: 18px; color: #333; text-align: center; padding: 20px 0;}/*标题*/
.pm-value .li:hover .info{ display: block;animation: value 0.5s;-webkit-animation: value 0.5s;animation-fill-mode: forwards}
@keyframes value {0% { bottom: -20px;}100% {bottom: 0;}}
@-webkit-keyframes value {0% { bottom: -20px;}100% {bottom: 0;}}
@-moz-keyframes value{0% { bottom: -20px;}100% {bottom: 0;}}
@-o-keyframes value {0% { bottom: -20px;}100% {bottom: 0;}}


/*行业第一屏图标*/
.in-icon{width:60px;height:60px;margin: 40px auto 25px auto;;display: block;}




/*行业-新能源-挑战（共用ph-tender产品采购寻源）*/
.ie-challenge .li{ height: 320px;}
.ie-challenge .info{ text-align: left;text-align:justify;text-justify:distribute-all-lines; }
.ie-f li:first-child+li+li+li,.ie-t li:first-child+li+li,.ie-superiority .list .li:first-child+li+li{ margin-right: 0}/*行业有四块or三块的兼容ie8*/

/*行业-新能源-竞争优势*/
.ie-advantage{ padding-bottom: 50px;}
.ie-advantage .list{}
.ie-advantage .li{ overflow: hidden;}
.ie-advantage .num{ font-weight: bold; color: #004ed8; font-size: 32px; float:left; margin-top: 55px;}
.ie-advantage .num:before{ content: ""; width: 36px; height: 2px; background: #004ed8; display: inline-block; position: relative; top:-12px; margin-right: 15px;}
.ie-advantage .title{ font-size: 12px; color: #999;float:left; margin-left: 40px;margin-top: 60px;}
.ie-advantage .title h2{ font-size: 18px; color: #004ed8;}
.ie-advantage .en{}
.ie-advantage .info{float: right; width: 64%;  border-top: 1px solid #e4e4e4; padding-bottom: 45px; line-height: 24px;text-align:justify;text-justify:distribute-all-lines;}
.ie-advantage .text{ width: 50%; float: left;margin-top: 58px;}
.ie-advantage .pic{float: right;}
/*行业-新能源-业务优势（共用pm-types精采云-采购类型）*/
.ie-superiority .list .li{ width: 31.6%; margin-right: 2.6%;}
.ie-superiority .list .text{ font-size: 22px; }/*文字*/
.ie-superiority .list .bg{ background: #000;opacity: .5; }
.ie-superiority .list .li:nth-child(even) .bg{background: #000;}/*黄色背景*/
/*行业-新能源-客户案例*/
.ie-case{ }
.ie-case .con{ width:64%; background: #fff; position: relative; padding: 0 0 46px 4%; margin-left:4%;}
.ie-case .title{ padding-top: 50px; font-size: 18px; color: #000;}
.ie-case .info{ line-height: 24px; margin-top: 40px; width: 62%;}
.ie-case .pic{ position: absolute; right:-32%; top:40px;background: #004ed8;}
.ie-case .pic img{ position: relative;top:-20px;right:-20px}
.ie-case .btn,.new-btn{ width: 150px; height: 40px; line-height: 40px; background: #004ed8; color: #fff; font-size: 16px; text-align: center; margin-top: 20px; display: block;border-radius: 10px; }
/*行业-医药-客户案例*/
.im-case .con{background: #f7f8f9;}
/*行业-客户案例*/
.im-case-info{ position: relative;}
.v_show{overflow:hidden;position:relative;height:280px; width: 100%;}
.v_cont{width:6500px;position:absolute;left:0px;top:0px;}
.v_cont ul{float:left; }
.im-case-info .v_cont ul li{float:left;height:280px; width:1200px;}
/*行业-客户案例---圆圈---*/
.im-case-info .circle{ width:70px; margin: 60px  auto 0 auto;}
.im-case-info .circle li{ width: 15px; height: 15px; background: #eee; border-radius: 100%; margin:0 10px; display:inline-block;cursor:pointer;}
.im-case-info .circle .circle-cur{background:#004ed8; color:#fff;margin-top:10px;}
/*行业-客户案例---箭头---*/
.im-case-info .prev,.im-case-info .next{ width:48px; height:48px;cursor:pointer; position:absolute; display:block; top:110px;right:0;z-index:9999;}
.im-case-info .prev{ left:0px;}
.im-case-info .prev:before{ content:"\e67a"; color:#999; font-size:48px; top:18px; left:0px; position:relative; display: block;}
.im-case-info .next:before{ content:"\e67c";color:#999; font-size:48px; top:18px;right:0px; position:relative;display: block; }
/*客户案例*/
.ca-list{ padding-top: 20px;}
.ca-list .row{ position: relative; margin-bottom: 60px;}
.ca-list .logo{ position: absolute; left: 0; top:50%; width:360px; height: 234px; margin-top: -118px; background: #fff; box-shadow: 0 0 10px #f3f3f3;}/*logo块*/
.ca-list .type{ padding: 0 15px; height: 30px; line-height: 30px; background: #004ed8; color: #fff; position: absolute; right: 0; top:0;}/*类型*/
.ca-list .name{ font-size: 24px; position: absolute; bottom: 0; left: 0; right: 0; text-align: center; padding-bottom: 38px;}/*公司名称*/
.ca-list .con{  margin-left: 165px; background: #f7f8f9; padding:55px 0 50px 260px;}/*右侧内容块*/
.ca-list .title{ font-size: 24px; color:#333;}/*标题*/
.ca-list .info{ line-height: 36px; color: #666; padding-top: 15px; font-size: 16px; width: 95%;text-align:justify;text-justify:distribute-all-lines;}/*文字内容*/
.ca-list .info p{padding-top: 10px;}

/*首页-新闻栏*/
.in-latest{ background: #f2f2f3; height: 128px; overflow: hidden;}
.in-latest .li{ width: 17%; padding: 18px 2.2% 0 5.8%; height: 110px; float: left; position: relative;}
.in-latest .title{ font-size: 16px;color: #000;}
.in-latest .en{ color: #999; font-size: 12px;}
.in-latest .info{ font-size: 14px; color: #777; margin-top: 12px; line-height: 22px; display: inline-block;}
.in-latest .icon{ color: #2048d7; font-size:30px; top:20px;right:81%; position:absolute; }
.in-latest .li:hover{ background: #f9f9f9;}
.in-latest .li:hover .title{color: #2048d7;}
.in-latest .info:hover{ cursor: pointer; text-decoration: underline;}

/*首页-数字化*/
.in-number{ height:128px;}
.in-number-info{ background:#fff; height: 78px; padding:50px 0 ; padding-left:30px;box-shadow: 0 5px 15px rgba(0, 0, 0, 0.1);margin:0px auto ; position:relative;top:-80px; overflow:hidden;}
.in-number-info li{ padding: 0 56px; float: left;text-align: center;}
.in-number-info li .number{ color:#0042D8; font-size:50px; text-align:center;font-family: arial;font-weight: bold;}/*数字*/
.in-number-info li .unit{ font-size: 16px;vertical-align:top;color:#0042D8;}/*加号以及分号*/
.in-number-info .title{ font-size: 15px; color: #333; text-indent: -2px; }
/*首页-核心产品*/
.m-title .t2{ font-size: 16px; color:#888; padding-top: 15px;}
.in-core{ /*padding-bottom: 90px;*/}
.in-core .li{ width:38%; padding-left:12%;background: #fff; float: left; height: 230px;transition: all 0.3s; position: relative;}
.in-core .li:hover{box-shadow: 0 0 10px #f3f3f3;transform:translate3d(0, -10px, 0); z-index: 9;}
.in-core .title{ font-size: 18px; color: #000; padding: 54px 0 12px 0; position: relative;}
.in-core .info{width:88%; overflow: hidden;text-overflow:ellipsis;text-overflow:ellipsis;line-height: 22px; color: #888;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient: vertical;}
.in-core .i-color{ height: 60px; position: absolute; left: 58px; top:56px; width: 60px;}
.in-core .btn{color:  #0042D8;margin:16px  auto 0  auto;}
.in-core a{ display: block;}
/*首页-解决方案*/
.in-solution{background: url(../images/in-solution-bg.jpg) no-repeat top center; width: 100%; height: 680px; overflow: hidden;}
.in-solution .t2{ color: #fff;}
.solu-info{/*padding-bottom:90px;*/ padding-left: 130px;}/*最外盒子*/
.solu-show{overflow:hidden;position:relative;height:440px; width: 100%;}
.solu-con{ width:2400px;position:absolute;left:0px;top:0px; margin-left: 60px;}/*li切换宽度*/
.solu-con ul li{height:430px; width:1010px;float:left; position: relative;color: #fff; margin-top: 8px; }/*右侧内容单个li外壳*/
.solu-con .p1,.solu-con .p2,.solu-con .p3{width:80%;}
.solu-con .p1{ font-size: 24px;  padding:8px 0 32px 0; }
.solu-con .p2{ line-height: 24px;opacity: .9; padding-right: 60px; }
.solu-con .p3 span{ line-height: 38px;  display: inline-block; margin-right: 16px; background: rgba(255,255,255,.1); padding: 0 12px; margin-top: 32px; opacity: .8;}
.solu-con .pic{ margin-top: 72px; overflow: hidden;}
.solu-con .pic span{ margin-right:60px; float: left; margin-bottom: 30px;}
/*首页-解决方案-切换按钮*/
.solu_circle{  position: absolute; left:0; top:0;width: 130px; text-align: right; font-size: 18px; color: #fff;}
.solu_circle li{ line-height:70px; position: relative; padding-right: 40px; cursor: pointer;}
.solu_circle .tr{ content: "";width: 3px;height:40px;background: #2876ff;display: none; position: absolute; right: 0; top:50%; margin-top: -18px;}/*当前状态三角形*/
.solu_circle .solu-cur .tr{ display: block; }

/*首页-信赖选择*/
.case-list{overflow: hidden;/* padding-bottom: 90px;border-left:1px solid #f3f3f3;*/ }
.case-list .logo{ border:1px solid #f3f3f3; border-left:none;border-top:none; float:left;width: 12.4%;}
.case-list .logo:nth-child(8n){border-right: none;}
.case-list .logo img{ width: 100%; display: block;}
.case-list .logo.b-border,.in-co-list .logo.b-border{border-bottom: none}
/*首页-战略合作伙伴*/
.in-co-list{overflow: hidden; /*padding-bottom: 90px; border-top:1px solid #f3f3f3;*/}
.in-co-list .logo{ border:1px solid #f3f3f3; border-left:none;border-top:none; float:left;width:16.5%; }
.in-co-list .logo.logow33{ width:33% }
.in-co-list .logo:nth-child(6n),.in-co-list .logo:last-child{border-right: none}
/*.in-co-list .logo:first-child+li+li+li+li+li+li+li+li+li+li{border-right:1px solid #f3f3f3;width:33%;}*//*兼容ie8*/
.in-co-list .logo img{ width: 100%;}
/*首页-最新动态*/
.in-ne-list{/* padding-bottom: 90px;*/}
.in-ne-list .li{ width: 31%; margin-right:3%;float:left;transition: all 0.3s; min-height: 416px;}
.in-ne-list .li:hover{transform:translate3d(0, -10px, 0);box-shadow: 0 0 10px #f3f3f3;}
.in-ne-list .li a:hover{ color: inherit;}
.in-ne-list .li:nth-child(3){margin-right:0;}/*最后一个li右边间距为o*/
.in-ne-list .li:first-child+li+li{margin-right:0;}/*兼容ie8*/
.in-ne-list .li .pic{ width: 100%; height:172px; overflow:hidden }
.in-ne-list .li .pic img{ width: 100%; height:100%;}
.in-ne-list .li h3{ font-size: 18px; width: 91.2%; padding: 32px 0 40px 20px;}/*标题*/
.in-ne-list .li .txt{ line-height: 30px; padding-left: 20px; color:#666;}/*描述*/
.in-ne-list .li .time{ color: #999; padding: 25px 0 20px 20px;}/*时间*/
a.new-btn{ margin: 0px auto; margin-top: 26px;color: #fff;}
.new-btn:hover{ color: #fff; background: #f5b64d}
/*首页-体验数字化*/
.in-experience{width: 100%; overflow: hidden;}
.in-solution .m-title,.in-data .m-title,.co-join .m-title{ color: #fff;}
.in-experience .in-ex-list{ width: 80%; margin: 0 auto;}
.in-experience .in-ex-list .form-item{ width: 31.5%; height: 40px; margin-right: 20px; display: inline-block; overflow: hidden; position: relative;}
.in-experience .in-ex-list .form-item .txt,.in-experience .in-ex-list .form-item2 .txt{ position: absolute;left: 10px;top:10px;}/*文字*/
.in-experience .in-ex-list .form-item2 .txt{left:10px;top:29px;}
.in-experience .in-ex-list .form-item:nth-child(3){margin-right:0;}/*最后一个li右边间距为o*/
.in-experience .in-ex-list .form-item:first-child+li+li{margin-right:0;}/*兼容ie8*/
.in-experience .in-ex-list .input{height: 40px; border: none; width: 84%; padding-left:16%; padding-right: 10px; color: #acacac;font-family:'微软雅黑';}
.in-experience .in-ex-list .form-item2{height:70px; position: relative;}
.in-experience .in-ex-list .textarea{width: 93%; padding:10px 2%  10px 5% ;margin-top: 20px; height:70px; border: none;font-family:'微软雅黑'; color: #acacac; }/*需求*/
.in-experience .in-ex-list .btn{ display:block;width: 150px; height:40px; background: #024ee1; border-radius:10px; margin: 80px auto 0 auto; text-align: center; line-height: 40px; font-size: 16px; color: #fff;}
.in-experience .in-ex-list .btn:hover{ background: #fff; color: #0042D8;}

/*首页-数据数字*/
.in-data{background: url(../images/in-data-bg.jpg) no-repeat top center; width: 100%; height: 400px; overflow: hidden;}
.data-info .li{ width: 25%; text-align: center; color: #fff; float: left; margin-top: 30px;}
.data-info .number{  font-size: 20px;}
.data-info .number b{font-size: 55px; position: relative; margin-right: 10px; }
.data-info .number i{font-size: 24px; font-weight: normal;position: absolute;  top:0;}
.data-info .name{ font-size: 18px;}


/*服务界面*/
.se-info{/* padding: 90px 0;*/ }
.se-info li{ padding-bottom: 70px; position: relative;overflow: hidden;}
.se-info li:last-child{padding-bottom:0px;}
.se-info .title{ color: #333; font-size: 32px; position: relative;}/*标题*/
.se-info .li1 .title:before,.se-info .li2 .title:before,.se-info .li3 .title:before,.se-info .li4 .title:before,.se-info .li5 .title:before{ content: ""; background: url(../images/se-info-t1.jpg) no-repeat; width: 348px; height: 34px;display: block; position: absolute;top:-15px; z-index: -1;}/*标题水印底图*/
.se-info .li2 .title:before{background: url(../images/se-info-t2.jpg) no-repeat; width: 375px;}
.se-info .li3 .title:before{background: url(../images/se-info-t3.jpg) no-repeat;width: 452px;}
.se-info .li4 .title:before{background: url(../images/se-info-t4.jpg) no-repeat;}
.se-info .li5 .title:before{background: url(../images/se-info-t5.jpg) no-repeat;}
.se-info .txt{ padding-top: 50px; font-size: 16px; color: #666; line-height: 36px;text-align:justify;text-justify:distribute-all-lines;}/*文字*/
.se-info .li1 .info,.se-info .li2 .info,.se-info .li5 .info{ width:45%; position: absolute;left:0;top:70px}
.se-info .li3 .info,.se-info .li4 .info{ width: 45%; position: absolute;right:0;top:70px}

/*合作界面-五大理由*/
.co-info{/*padding-bottom:90px;*/}/*最外盒子*/
.co-show{overflow:hidden;position:relative;height:280px; width: 100%;}
.co-con{ width:2400px;position:absolute;left:0px;top:0px;}/*li切换宽度*/
.co-con ul li{height:230px; width:1200px;float:left; position: relative;background:#f6f6f8;color: #666; font-size: 16px; margin-top: 56px;}
.co-con .pic{ position: absolute;left:40px;top:-50px;}
.co-con .txt{ padding-top: 40px; width: 100%; padding-left:38%;}
.co-con .txt .t1{ color: #333; font-size: 24px;  padding-bottom: 32px;}
.co-con .txt .t2{ width:50%; line-height: 30px; font-size: 16px;}
/*合作界面-切换按钮*/
.co_circle{ padding: 50px 0px 10% 28%;}
.co_circle li{width:170px;line-height:20px;text-align: center; float: left;}
.co_circle .num{ font-size: 48px; color: #a2a2a2; font-weight:100; line-height: 48px; padding-bottom: 10px;position:relative; padding-bottom: 20px; cursor: pointer;}/*數字*/
.co_circle .num:before{ content:""; background: #afafaf; width: 26px; height: 2px; display: block; position: absolute; bottom:10px; left:50%; margin: 0 -13px;}/*线*/
.co_circle .co-cur .num{color:#004ed8;}/*当前状态数字*/
.co_circle .co-cur .num:before{background:#004ed8; }/*当前状态线条*/
.co_circle .tr{ content: "";width: 0;height: 0;border-width: 16px;border-style: solid;border-color:transparent transparent transparent transparent; position:relative;top:-36px;}/*当前状态三角形*/
.co_circle .co-cur .tr{ border-color: #f6f6f8 transparent transparent transparent; }
/*合作界面-加入我们*/
.co-join{ background:#0042D8; width: 100%; padding-bottom: 60px;color: #fff; }
.co-join li{ float: left;}
.co-jo-info{ margin: 0 auto; width:83%; background: #000;}
.co-join .btn{ width:174px; height:86px; display:block; font-size:18px; float:left;border-radius:10px; background: rgba(255,255,255,0.25); line-height: 86px; text-align: center;}
.co-join .co-ar{ width:30px; height:26px; background: url(../images/co-ar.png) no-repeat; display: inline-block; margin: 30px 35px;}
.co-join .li4 .btn{line-height: 30px; padding-top: 14px; height: 72px;}
.co-join .info .t1{ font-size:30px; padding: 56px 0 26px 0; text-align: center;}
.co-join .info .t2{ font-size: 20px;text-align: center;}


/*新闻中心*/
.ne-banner .info{ padding-top: 20px;}
.news-content{ margin-top:40px; }
.news-content li{ margin-top:30px; position:relative; overflow:hidden; height:156px;border-bottom: 1px dashed #ccc; padding-bottom:20px;}
.news-content li:hover .pic img{transform: scale(1.08);transition: all 0.2s ease-in;}
.news-content .pic{ position:absolute; left:0;top:0px;}
.news-content .t{ margin-left:290px; font-size:14px; color:#999; width:51.2%; line-height:30px;}
.news-content li:hover .t{transition: all 0.2s ease-in; margin-left:300px;}
.news-content li:hover .lanse{ color:#307ae9;transition: all 0.2s ease-in;}
.news-content .t .t1{ font-size:16px; padding-bottom:20px; font-weight:bold; color:#555; display:block;}
.news-content .t1 a:hover{ text-decoration:underline;}
.news-content .time{ width:80px;text-align:center;line-height:30px;color:#b0b0b0; margin-top:20px; padding:10px;}
.riqi{ font-size:24px; font-family:Arial, Helvetica, sans-serif; font-weight:400; display: block; color:#307ae9}
.riqi2{font-size:14px; font-family:Arial, Helvetica, sans-serif; border-bottom:1px solid #e6e6e6; width:80px; display: block;}
.news-info {line-height:35px;color:#555;font-size:15px;position: relative; padding:0 60px 60px 60px;}
.news-info .date{ text-align:center; padding:3px 0; color:#999;}
.news-info p{padding-top:20px;}
.news-info h1{text-align: center;font-weight: normal;padding:70px 0 0 0;font-size: 24px;}
.news-info img{ margin:0px auto;}
/*新闻中心分页*/
.page{ text-align: center; padding:7.6% 0px;}
.page .tf{height:27px; line-height:27px; text-align:center; background:#f9f9f9; border:1px solid #ddd; color:#494949; border-radius:2px; display:inline-block; padding:0px 10px; margin-left:5px; cursor:pointer;}
.page .tf:hover{ background:#307ae9; color:#fff;}
.page .tf{ padding:0px 14px;}
.page .cur{ padding:0px 10px 0px 15px;}
.page .tf2{ padding:0px 5px;  }


/*浏览器调试*/
@media \0screen {
    /*只对IE8有效*/
    .subnav .fl{ margin-right: 20px;}
    .i-pr-ma li,.ph-resource .li{ border:1px solid #eee;width:31.5%; margin-right:2.5%;}
    .in-ad-list .ad-hover,.ie-superiority .list .bg,.pm-value .info{ background: #004ed8}
    .in-cu-list .next,.in-cu-list .prev{ margin-top: 0;}
    .co-join .btn{border: 1px solid #fff;width:172px;}
    .pm-types .list .li:first-child+li .bg,.pm-types .list .li:first-child+li+li+li .bg{background: #f5b64d;}

}
@media screen\9{
    /*只对IE67有效*/
    .mainNav .li{ float: left;}
    .subnav .fl{ margin-right: 20px;}
    .i-pr-ma li,.ph-resource .li{ border:1px solid #eee;width:31.5%; margin-right:2.5%;}
    .in-ad-list .ad-hover,.ie-superiority .list .bg,.pm-value .info{ background: #004ed8}
    .in-cu-list .next,.in-cu-list .prev{ margin-top: 0;}
    .co-join .btn{border: 1px solid #fff;width:172px;}
}




/*---------------------------------------2025.3.12 首页-------------------------------------*/
.bluebg{background: #f1f7ff;}/*蓝色背景*/
/*首页-banner*/
.index-nav {}
.subnav.index-nav .dt.lia{ padding-left: 0px; width:140px !important; position: absolute; left: 0px;top:0px; padding-top: 20px;}
.index-nav .dd.lia{ width: calc(24% - 20px); white-space: inherit;padding-right: 0px;float:left; padding-bottom:18px; padding-left: 20px;}
.lia.lia2{ width: calc(30%) !important;}
.lia.lia3{ width: calc(14%) !important;}
.n-title{ font-size: 14px;color: #333;  font-weight: 500;font-family: PingFang SC;}
.index-nav .t2{color: #999; font-size: 12px; padding-top: 16px; line-height: 20px; overflow: hidden;}
.index-nav .t2:before{ content: ""; width: 68px; height: 1px; background: #e6e6e6; display: block; position: relative;top:-8px;}
.index-nav .r-dd{margin-left:180px !important; background: #fff; padding-top: 14px; position: relative; padding-left: 20px;}
.index-nav .r-dd:before{ content: ""; width: 346px; height: 190px; position: absolute; left:-346px; bottom:0; display: block; background: url(../images/menu_bg.png) no-repeat; }
.index-nav .r-dd .t2 a{ color: #666; display: block; line-height: 18px; padding-bottom: 8px;}
.index-nav .r-dd a:hover{ color: #0042D8;}
/*首页banner-新闻*/
.announcement-newest {position: relative;top:0px;width:100%; height: 42px; z-index: 1;margin: 0 auto;background-color:#f5f5f5;}
.announcement-newest p { height: 100%; text-align: center;padding: 11px 0;font-size: 0;}
.announcement-newest p span, .announcement-newest p a.column-type {display: inline-block;font-size: 14px; line-height: 12px; height:14px;}
.announcement-newest p span.announcement-tile {font-weight: 500; color: #333333; margin-right:10px;}
.announcement-newest p .column-type {padding: 3px;font-weight: 500;color: #0042D8; border-radius: 2px;border: 1px solid #0042D8;margin-right:3px;}
.announcement-newest p a {text-decoration: unset;}
.announcement-newest p a:hover { color: #0042D8;}
.announcement-newest p .column-title {font-weight: 400;color: #17233D;line-height: 17px; display: inline-block;max-width:310px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;vertical-align: text-bottom;}
.announcement-newest p span.announcement-column:not(:last-child) {margin-right: 32px;}
/*首页-核心产品*/
.pro-list{ }
.pro-list .li{ float: left; width: calc(25% - 16px); margin-right:16px;transition: all 0.3s; text-align: center; font-size: 14px; padding:36px 0 24px 0; background:#fafafb;/* border-radius:4px; overflow: hidden;*/}
.pro-list .li:hover{box-shadow: 0 0 10px #f3f3f3;transform:translate3d(0, -10px, 0); background: #fff;}
.pro-list li:last-child{ margin-right: 0px;}
.pro-list .li .t1{color: #999;font-size: 12px;}
.pro-list .li .t2{font-size: 24px; color: #333; height: 70px;}/*标题*/
.pro-list .li .t3{ color: #666; padding-bottom: 24px;}
.pro-list .li .pic{filter: grayscale(10%); width: 143px; height: 143px; margin: 0px auto;opacity: 0.8; padding-bottom: 10px;}
.pro-list .li .pic img{ width: 100%}
.pro-list .li:hover .pic{opacity:1; filter: inherit;}
.pro-list .li:hover .t4 a{ color: #0042D8;}
/*首页-平台架构*/
.platform-info{}
.platform-bg{ background:#020d44  url(../images/platform_bg.jpg) no-repeat bottom center; width: 100%;}
.platform-info .pic img{ width: 1156px;}
.white-t{ color:#fff; }/*白色标题*/
.platform-info .t2{ font-size: 16px; color:#fff; padding-top: 15px;}
/*首页-解决方案*/
.i-solution{ overflow: hidden;}
.i-solution .li{ width: calc(25% - 16px);position: relative;color: #fff; float: left; /*border-radius:8px; overflow: hidden;*/ margin:0 16px 16px 0;}
.i-solution .li .on{ display:none;background:rgba(23,64,171,0.8); width:calc( 100% - 36px);  padding: 18px; position: absolute;left: 0px;bottom:0px; z-index: 2;animation: value 0.5s;-webkit-animation: value 0.5s;animation-fill-mode: forwards}
.i-solution .li:hover .on{ display: block;cursor: pointer;height: calc(100% - 36px);}
.i-solution .li .on .t1{font-size: 20px;}.i-solution .li .on .t2{font-size:13px; padding-top: 12px;}
.i-solution .li .on .jt{width: 40px; height:40px;background: url(../images/solution-jt.png); position: absolute; left: 18px; bottom: 18px;}
.i-solution .li .pic img{ width: 100%;}
.i-solution .li .pic .txt{ font-size:20px;font-weight: bold; position: absolute; left:18px; bottom: 18px; z-index: 1;}
/*鼠标放上去效果动画*/
@keyframes value {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-webkit-keyframes value {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-moz-keyframes value {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-o-keyframes value {0% { height: 0px;}100% {height: calc(100% - 36px);}}

/*首页-客户案例-切换按钮*/
.case_circle{  font-size: 16px; color: #333; text-align: center; width:calc(100% - 160px);height:50px; line-height:50px;margin: 0px auto;  display: flex;position: relative;justify-content: center;}
.case_circle:before{ content: ""; width: 100%; height: 1px; background: #e6e6e6; position: absolute; bottom: 0px;}
.case_circle li{position: relative; width:116px;cursor: pointer; text-align: center;}
.case_circle .tr{ content: "";width:40px;height:3px;background: #004ED8;display: none; position: absolute; left:50%;transform: translateX(-50%);  bottom:0px}/*当前状态三角形*/
.case_circle .case-cur .tr{ display: block; }.case_circle .case-cur{ color: #004ED8;font-weight: bold;}
/*首页-客户案例*/
.case-info{ position: relative;}
.case-show{position:relative;height:440px; width:calc(100% - 140px); margin: 40px auto 0 auto; overflow: hidden;}
.case-con{ width:2400px;position:absolute;left:0px;top:0px;}/*li切换宽度*/
.case-con ul .li{color:#fff; width: 1060px; float:left; margin-top: 8px;/*border-radius: 8px;*/}/*右侧内容单个li外壳*/
.case-con ul .li1{padding:52px 46px;position: relative;  z-index: 3;}
.case-con .p1{ font-size:24px;font-weight: bold;}
.case-con .p2{ padding-top:28px; width:406px; line-height: 26px;}
.txt-li{ padding:0px 24px 0px 0px; text-align: center;font-size: 14px; border-right: 1px solid #fff; display: inline-block;margin:40px 24px 40px 0;}/*提高功能*/
.txt-li:last-child{ border: none;}
.txt-li .t1{ font-weight: bold;font-size:36px;}/*功能大字*/
.case-con .btn a{ width: 220px; height: 40px; line-height: 40px; text-align: center; border: 1px solid #fff; border-radius: 4px; cursor: pointer; color: #fff; display: inline-block;}/*按钮*/
.case-con .btn a:hover{ background: rgba(255,255,255,.2)}
.case-con .li .pic-bg img{ position: absolute;z-index:-1; width: 100%; left: 0px; top: 0px;}/*背景图*/
/*首页-客户案例-箭头*/
.c-case .prev,.c-case .next{ width:48px; height:48px;cursor:pointer; position:absolute; display:block; top:50%;right:0px;z-index:9999; margin-top: 24px;}
.c-case .prev{ left:0px;right: initial;}
.c-case .prev:before,.c-case .next:before{ content:"\e653"; color:#999; font-size:40px;display: block;text-align: center; line-height: 48px;}
.c-case .next:before{ content:"\e652";}

/*首页-客户案例-logo区域*/
.case-list-wrapper { position: relative;overflow: hidden;mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);-webkit-mask-image: linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgb(0, 0, 0) 10%, rgb(0, 0, 0) 90%, rgba(0, 0, 0, 0) 100%);}
.case-list {display: flex; flex-direction: row; flex-wrap: nowrap;  margin-bottom:20px;  width: fit-content; animation-play-state: running;}
.first-row {animation: moveRightSlideshow 30s linear infinite;}
.second-row {animation: moveRightSlideshow2 32s linear infinite;}
@keyframes moveRightSlideshow {
    100% {    -webkit-transform: translateX(-1612px);}	}
@keyframes moveRightSlideshow2 {
    0% {  -webkit-transform: translateX(-124px) }
    100% {    -webkit-transform: translateX(-1612px);}	}
@keyframes moveLeftSlideshow {
    0% {  -webkit-transform: translateX(-1364px) }
    100% { -webkit-transform: translateX(0); }	}
.case-item {background-size: cover !important; width:124px; height:56px;/*box-shadow: 2px 0 10px #eee; border: 1px solid #e6e6e6;border-radius: 8px; overflow: hidden;*/ }
.case-item img{ width: 100%;}
.case-item:not(:last-child) { margin-right:12px;}
.case-list:hover {  animation-play-state: paused;}

/*首页-数字一栏*/
.num-bg{position: relative;width: 100%; background:#020d44  url(../images/nom-columnbg.jpg) top center; height: 438px; margin-bottom: 70px;}
.num-info{ float: right; overflow: hidden; width: 636px;color: #fff; padding-top: 64px;}
.num-info li{ width: 312px; float: left;margin-bottom: 40px;}
.num-info .f1{ font-size:60px;font-weight: bold; }
.num-info .f1 i{ display: inline-block;}
.num-info .t2{ font-size: 28px;}
.num-info .txt{font-size: 20px;opacity: .5;}
.honorli{ position: absolute; width: 1200px; left:50%;transform: translateX(-50%); background: #fff;/*border-radius: 8px;*/bottom:-60px; height: 130px;box-shadow: 0px 0px 20px rgb(0 0 0 / 10%);}
.honorli li{width:16%; display: inline-block; height:80px; margin-top:25px;}
.honorli li img{ height: 100%; margin: 0px auto;}
/*关于我们*/
.a-banner{ background:url(../images/a_banner.jpg) top center; height:800px;width: 100%;}
.a-banner .w1200{ height:800px;}
.a-banner .ab-title{color: #fff;font-size: 46px; text-align: center; top:50%; transform: translateY(-50%); position: absolute; width: 100%;}
.a-banner .t2{ font-size: 20px;opacity: .5;}
/*关于我们-产品大事记*/
.memorabilia_bg{background:url(../images/memorabilia_bg.jpg) top center; height:800px;width: 100%;}
.wrapper{position:relative}
.wrapper:before{content: ""; width: 1px; height: 100%; position:absolute; display: block;left: 50%; background: #fff;top:50px;z-index: 99;}/*中间的线*/
.wrapper:after{content: "\e669"; width:20px; height:12px; position:absolute; display: block;left: 50%;color: #fff;bottom:-50px;z-index: 99; transform: translateX(-50%); font-size: 20px;font-weight: bold;}/*中间的线*/
.content_list .newstitem { width: 1200px; height: 108px; padding: 10px 0;margin:0; transition: all 0.3s ease-out 0s;position: relative; color: #fff;}/*每个li*/
.content_list .left .newsbody {padding-left: 205px;margin-left: 390px;}/*左边li*/
.content_list .right .newsbody {padding-left: 205px;margin-left: -98px;}/*右边li*/
.content_list .newsbody { width: 418px;position: relative;height: 100%;}
.content_list .newsbody .date{position: absolute;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;margin-top: 28px;width:138px;text-align: right;top:0px;padding:0px 30px 0 40px;font-weight: 100; left:0px;}/*日期区域*/
.content_list .right .newsbody .date{text-align: left;right: -290px;left: inherit;}/*右边日期*/
.content_list .newsbody .date .md {font-size: 32px; float: left; color:#fff;font-family: HELVETICANEUELTPRO-THEX, "微软雅黑";display: block;line-height: 46px;position: relative;top: -30px;width: 100%;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}/*日期*/
.content_list .newsbody .title { width: 100%;position: relative;top: 2px;left: 0;margin-top: 30px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-left: 40px;font-size: 17px;overflow: hidden; white-space: nowrap;text-overflow: ellipsis;height: 42px;}/*标题*/
.content_list .newsbody .description{width: 100%;position: relative;top: 0;left: 0;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; padding-left: 40px;height: 78px;overflow: hidden;text-overflow: ellipsis; display: -webkit-box;    -webkit-box-orient: vertical;color:rgba(255,255,255,0.5);line-height: 24px;text-align: left;}/*描述*/
.content_list .right .newsbody .description,.content_list .right .newsbody .title {text-align: right;}
.content_list .newsbody .date:after {content: "";  position: absolute;width: 3px;height: 3px;background: #fff;border-radius: 100%; border: 3px solid rgba(255,255,255,0.4);top: -20px;right: -7px;}/*点点*/
.content_list .right .newsbody .date:after{ right: inherit; left: -11px;}
.content_list .newstitem .newsimg { width:298px;height: 118px;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;opacity: 0; display: none; top:8px;position: absolute;}/*图片*/
.content_list .newstitem.left .newsimg {left:303px;}
.content_list .newstitem.right .newsimg {right:302px;}
.newstitem:hover{ background: #0050ff;}
.newstitem:hover .newsimg{display: block;opacity: 1;}/*鼠标放上去图片*/
.newstitem:hover .newsbody .date{ left: -300px;}/*鼠标放上去日期*/
.newstitem.right:hover  .newsbody .date{ right: -600px; left: inherit;}/*鼠标放上去日期*/
.newstitem:hover .newsbody .date:after{ display: none;}/*鼠标放上点消失*/
.newstitem:hover .newsbody .title{top:-8px;}/*鼠标放上标题移动*/
.newstitem:hover .newsbody .description{ top:-10px}/*鼠标放上描述移动*/
/*关于我们-为什么选择陌远*/
.ab-select .li{ width: calc(20% - 58px); background: #fff; padding:0px 22px; float: left; margin-right: 14px;text-align: center;transition: all 0.3s;/*border-radius: 8px; overflow: hidden;*/}
.ab-select .li:hover{ transform:translate3d(0, -20px, 0)}
.ab-select .li:last-child{ margin-right: 0px;}
.ab-select .li .title{color: #0042D8; padding-bottom: 24px;font-size: 18px; font-weight: bold;}
.ab-select .li .txt{ color: #666; line-height: 24px; text-align: left; padding-bottom: 42px;}
/*关于我们-联系我们*/
.ab-c-info{ font-size: 20px;color: #555;}
.ab-c-left{ width:calc(50% - 122px);border-right: 1px solid #ddd; position: relative; padding-right:120px;}
.ab-c-right{ width:calc(50% - 60px); padding-left: 60px; }
.ab-c-info .h2{ font-size: 24px; color: #000;font-weight: bold; padding-bottom: 10px;}
.ab-c-info .a-t2{ padding: 24px;}
.ab-c-info .a-title{ border-bottom: 1px solid #e9e9e9;}
.ab-addr li{ width: 176px; float: left; line-height:74px;}
.ab-c-li{ position: relative; padding-left: 48px !important;}
.ab-c-li .ab-icon{ display: block; position: absolute; left:0px;top:18px;}
.ab-c-info .i-add img{width:30px; height:42px;display: block;}
.ab-c-right .t1{ color: #999; font-size: 18px;}
.ab-c-right .ab-c-li{ padding-bottom: 48px;}
.ab-c-right .ab-c-li .ab-icon{ top:0px;}
/*ad体验*/
.m-f-ad{ background: #e4eeff;}
.m-ad-info{background:url(../images/ab-ad_bg.jpg) top center; width: 1200px; text-align: center; height: 238px;}
.m-ad-info .t1{ color: #333; font-weight: bold; font-size: 36px; padding-top: 42px; line-height: 60px;}
.m-ad-info .t2{ color: #888; font-size: 15px; line-height: 30px;}
.m-ad-info .btn{ width: 160px; height: 44px; line-height: 44px; border-radius: 44px; text-align: center; color: #fff; background: #004ED8;display: block; margin: 20px auto}
/*客户案例-banner*/
.ca-banner .title,.se-banner .title{ text-align:left;margin-top: 20%;}
.ca-banner .info,.se-banner .info{text-align:left;}
.ca-banner .info{ color: rgba(255,255,255,.7);font-size: 18px; line-height: 32px;}
/*客户案例-内容*/
.n-case-list{}
.n-case-list .li{ width:calc(30% - 22px); transition: all 0.3s;margin-right: 20px; background: #fff; /*border: 1px solid #e6e6e6;*/box-shadow: 0px 0px 20px rgb(0 0 0 / 8%); position: relative; padding:180px 20px 24px 20px; /*border-radius: 8px;*/ margin-bottom: 20px;float: left; height: 162px;}/*每一个li*/
.n-case-list .li:last-child{ margin-right: 0px;}/*最后一个li*/
.n-case-list .li .pic{ position: absolute;left: 0px; width:100%; height:160px; /*border-radius:8px 8px 0 0;*/top:0px; overflow: hidden; }/*每个li图片*/
.n-case-list .li .pic img{ width: 100%;}
.n-case-list .li .logo{ height: 30px;display: inline-block; overflow: hidden;max-width: calc(100% - 100px);}
.n-case-list .li .logo img{height: 100%;}
.n-case-list .li:hover{transform:translate3d(0, -10px, 0); cursor: pointer;}
.n-case-list .case-label{ height: 30px; overflow: hidden; margin-bottom: 20px;}
.case-t1{ font-size: 20px; color: #222; padding: 16px 0;}
.c-label-r{  padding: 2px 10px; height: 28px; background: #e8edfe; /*border-radius: 14px;*/ position: absolute; right: 20px; top:180px; line-height: 28px; color: #004ED8;}

.case-label i{ background: #f5f5f5; text-align: center; padding:4px 10px; /*border-radius: 4px;*/ margin:0 8px 8px 0; display: inline-block; color: #666;}
.n-case-list .li .txt{ color: #333; font-size: 16px; padding: 12px 0 24px 0; line-height: 26px; display: none;}
/*客户案例详情*/
.ca-info-banner{ height: 360px; background:url(../images/case-info_bg.jpg) top center;}
.ca-info-banner .title{ margin-top: 13% !important;}
.ca-position a{ color: #004ED8; margin-bottom:25px; display: inline-block;}
.case-info-l{ width:calc(100% - 394px);}
.case-info-title{ font-size: 28px; color: #333; padding-bottom:24px;font-weight: bold;line-height: 48px;}
.case-info-c .pic{ margin: 20px 0px;}
.case-info-c .pic img{ width: 100%}
.case-info-c .txt{ color: #666; line-height: 26px; padding-bottom: 16px}
.case-info-c .txt p{ padding-bottom: 16px;}
.case-info-c .f18{ position: relative;padding-left:32px}
.case-info-c .f18:before{ content: "";width:16px;height:16px; background: #2050d0; display: block; position:absolute; left: 0px; top:0;}
.case-info-c .f18:after{content: "";width:12px;height:12px; background: #f3b740; display: block; position:absolute; left:12px; top:16px;}
.case-info-c .f16{ color: #333;}
/*客户案例详情-右侧*/
.case-info-r{ position: absolute; top:0px; right: 0px; width:280px; background: #fff; box-shadow:0px 0px 10px rgb(0 0 0 / 5%);  padding: 32px;}
.case-info-r .logo img{ height: 46px; max-width:280px; }
.case-info-r .title{ font-size: 20px; color: #333;font-weight: bold; margin: 32px 0 12px 0;}
.case-info-r .txt{ color: #666; line-height: 24px;}
/*新-服务界面*/
.n-banner .title{ font-size: 40px; font-weight: bold; margin-top: 23%;text-align: left; color: #fff;}
.n-banner .info{ color: rgba(255,255,255,.8);font-size: 18px; line-height: 32px;padding-top: 20px;text-align:left;}
/*服务介绍*/
.service-introduce li{box-shadow:0px 0px 15px rgb(0 0 0 / 5%);}
/*服务体系*/
.se-system{ overflow: hidden;}
.se-system .li{ width:calc(33.34% - 20px);/*border-radius: 8px; overflow: hidden;*/float: left; position: relative; color: #fff; margin-right: 20px;}
.se-system .li:last-child,.se-p-list .li:last-child{ margin-right: 0px;}
.se-system .picbg img{ width: 100%;}
.s-system-c{ position: absolute;width: 100%; text-align: center; top:45%; transform: translateY(-50%); left: 0px;}
.se-system .li .title{font-size: 16px; text-align: center;}
.se-system .li .txt{ line-height: 26px; padding-top: 16px;}
.sys-pic img{ width: 56px; margin: 0px auto 26px auto;}
.se-system .li .on{ display: none; background: #2f6fde;width:calc( 100% - 36px);  padding: 18px; position: absolute;left: 0px;bottom:0px; z-index: 2;animation: system 0.5s;-webkit-animation: value 0.5s;animation-fill-mode: forwards}
.se-system .on .sys-pic{ margin-top: 40px;}
.se-system .li:hover .on{  display: block;height: calc(100% - 36px); }
/*鼠标放上去效果动画*/
@keyframes system {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-webkit-keyframes system {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-moz-keyframes system {0% { height: 0px;}100% {height: calc(100% - 36px);}}
@-o-keyframes system {0% { height: 0px;}100% {height: calc(100% - 36px);}}
/*服务-实施策略及流程*/
.se-pro .pic img{ width:100%}
.se-p-list li{ width:calc(33.85% - 20px);margin-right: 20px; height: 48px; line-height: 48px; text-align: center; color: #fff;float: left; margin-top: 24px; /*border-radius: 8px;*/}
.se-p-list .b-bg{ background: #6ca2ff;}
.se-p-list .o-bg{ background: #f5bb5a;}
/*服务-客户评价*/
.se-ev-info{background:url(../images/se-ev_bg.png) bottom center no-repeat; height: 600px;position: relative;}
.se-ev-case1{ position: absolute;top:0px;left: 40px;width: 480px;}
.se-ev-case2{ position: absolute;top:270px;left:260px;}
.se-ev-case3{ position: absolute;top:30px;right:40px;}
.se-ev-case4{ position: absolute;top:240px;right:170px;}
.se-ev-info .left .t-name,.se-ev-info .right .t-name{ font-size: 16px; color: #333; width: 76px; text-align: center; padding: 12px 0 0 18px;}
.se-ev-info .right .t-name{ float: right; padding: 12px 18px 0 0px;}
/*发散点点*/
.duodian_point {width: 8px;height: 8px;position: relative;}
.imgpoint_point_right{ margin: 60px -50px 0 0; float: right;}
.imgpoint_point_left{ margin: 30px 0px 0 50px; float: left;}
.duodian_point .point-double {position: absolute;width: 24px;height: 24px;top: -12px;left: -12px;background: rgba(0,138,255,0.2);border-radius: 50%;}
.duodian_point .point-main {position: absolute;width: 8px;height: 8px;top: -4px;left: -4px;background: #008aff;border-radius: 4px;}
.duodian_point .point-small-delay3:before {content: "";display: block;position: absolute;top: -34px;left: -34px;width: 68px;height: 68px;background: #008aff;border-radius: 50%;transform: scale(0.16,0.16);transform-origin: 50% 50%;animation: ripple 2s ease-out 225ms infinite;animation-delay: 1.5s;}
/*发散点点动画*/
@keyframes ripple {
    0% {     transform: scale(0.16, 0.16);opacity: 0.5;}
    20% {   transform: scale(0.33, 0.33);opacity: 0.3;}
    100% {  opacity: 0;transform: scale(1, 1);}}
@-webkit-keyframes ripple {
    0% {     transform: scale(0.16, 0.16);opacity: 0.5;}
    20% {   transform: scale(0.33, 0.33);opacity: 0.3;}
    100% {  opacity: 0;transform: scale(1, 1);}}
@-moz-keyframes ripple {
    0% {     transform: scale(0.16, 0.16);opacity: 0.5;}
    20% {   transform: scale(0.33, 0.33);opacity: 0.3;}
    100% {  opacity: 0;transform: scale(1, 1);}}
@-o-keyframes ripple {
    0% {     transform: scale(0.16, 0.16);opacity: 0.5;}
    20% {   transform: scale(0.33, 0.33);opacity: 0.3;}
    100% {  opacity: 0;transform: scale(1, 1);}}

/*新合作-五大理由*/
.co-f-info{ position: relative; height: 480px; padding-top: 40px;}
.co-f-infobg{background:url(../images/co-f-bg.jpg) bottom center no-repeat;  position: absolute;z-index: -1; width: 428px;bottom:50%; height: 444px; left:45%; transform: translateX(-45%)  translateY(10%);}
.co-f-info .li{ background: #fff; padding: 20px; box-shadow:0px 0px 15px rgb(0 0 0 / 5%); position: absolute;width: 322px;/*border-radius:8px; border: 1px solid #e8e9ec;*/ font-size: 13px;}
.co-f-info .li.right{ text-align: right; padding-right: 42px;}
.co-f-info .li.left{ text-align: left; padding-left: 42px;}
.co-f-info .li.right .mun-icon{ right:-24px;}
.co-f-info .li.left .mun-icon{ left:-24px;}
.co-f-info .li .title{ font-size: 16px; color: #333;font-weight: bold; line-height: 36px;}
.co-f-info .li .txt{ color: #666; line-height: 24px;}
.co-f-info .li.li1{ left: 40px; top:0px; width: 348px;}
.co-f-info .li.li2{ left: 50px; top:206px;width: 330px;}
.co-f-info .li.li3{ left: 490px; top:350px;}
.co-f-info .li.li4{ right: 40px; top:190px;}
.co-f-info .li.li5{ right: 40px; top:0px;}
.mun-icon{background-color: #fff; border-radius: 100%; width: 52px; height: 52px; display: block; position: absolute;top:50%; transform: translateY(-50%); border: 3px solid #fff;}
.mun-icon:before{ content: "";position: absolute;width: 52px; height: 52px; background:url(../images/co-f-mun.png);  border-radius: 52px; left: 0px; right: 0px;}
.co-mun1:before{ background-position: 0px 0px;}
.co-mun2:before{ background-position: 0px -80px;}
.co-mun3:before{ background-position: 0px -160px;}
.co-mun4:before{ background-position: 0px -240px;}
.co-mun5:before{ background-position: 0px -320px;}
.co-mun6:before{ background-position: 0px -400px;}
/*解决方案-行业痛点*/
.pain-spot .li{ height: 280px; text-align: left; float:left;color: #666;font-size: 13px;width: calc( 22% - 20px); margin-right: 20px; padding:0px 20px 32px 20px; background: #fff;/* border-radius: 8px;*/ line-height: 24px;transition: all 0.3s; margin-top: 20px;}
.pain-spot-3 .li{width: calc( 30.5% - 20px);}
.pain-spot-5 .li{width: calc( 17% - 20px); margin-right: 14px;}
.pain-spot .li:last-child{ margin-right: 0;}
.pain-spot .li .on,.pain-spot .li:hover .mun{ display: none;}
.pain-spot .li .title{ font-size: 16px; color: #333;border-bottom: 1px solid #e6e6e6; padding-bottom: 16px; width: 100%; margin-bottom: 20px; position:relative;}
.pain-spot .li .title:after{ content:""; width: 26px; height: 2px; background: #cdd2e0; display:block; position: absolute; bottom:0;}
.pain-spot .li .mun{display:block;font-weight: bold;font-size: 34px; padding:48px 0; color: rgba(1,79,216,0.2); font-family:  Arial,'微软雅黑', 'microsoft yahei',  Tahoma, Verdana, Helvetica, sans-serif}
.pain-spot .li:hover{box-shadow:0 0 20px rgb(0 0 0 / 5%); transform:translate3d(0, -20px, 0);}
.pain-spot .li:hover .on{ display: block}
/*解决方案-行业解决*/
.so-f-infobg{background:url(../images/solution-bg.svg) bottom center no-repeat;  position: absolute;z-index: -1; width: 408px;top:40%; height: 400px; left:50%; transform: translateX(-50%)  translateY(-50%);}
.so-f-infobg .txt{ position: absolute; width: 100% ;text-align: center;color: #fff; font-size: 26px; font-weight: bold; top:50%;transform:translateY(-50%); line-height: 20px;}
.solution-info{ height: 610px; padding-top: 0px;}
.solution-info  .li.w356{ width: 356px; right: 40px;top:0px;}
.solution-info  .li.w400{ width: 400px; top: 460px; left: 380px; padding-left: 26px;}
.solution-info  .li.w400 .co-mun3{ left: 50%; transform: translateX(-50%); top:-28px;}
/*解决方案-6个模块样式*/
.solution-info-6{ height: 480px;}
.solution-info-6 .li.li1{ top:30px}
.solution-info-6 .li.li2{ width: 338px;}
.solution-info-6 .li.li3{ left: 110px;width: 360px;}
.solution-info-6 .li.li4{ top: 30px;right: 0;width: 380px;}
.solution-info-6 .li.li5{ top: 180px;right: 0px;width: 390px;}
.solution-info-6 .li.li6{ right: 40px;top: 330px;width: 380px;}

/*解决方案-4个模块样式*/
.solu-f-info{ padding-left: 420px; position: relative;line-height: 24px; overflow: hidden}
.solu-f-info .pic{ position: absolute; left: 0; top:0; width:402px; height:392px; overflow: hidden; border-radius: 8px;}.solu-f-info .pic img{ width: 100%;}
.solu-f-info .li{ width: calc(45% - 80px); margin:0 16px 16px 0; border-radius: 8px; background: #f6f7fc; padding:24px 24px 24px 80px; height: 140px; position: relative; float: left;}
.solu-f-info .li:nth-child(2n){ margin-right: 0;}
.solu-f-info .mun-icon{ position: absolute; left: 18px; top:44px; background: none;border: none;}
.solu-f-info .title{ font-size: 16px; color: #333;}
.solu-f-info .txt{ padding-top: 20px;}

/*解决方案-客户案例*/
.news-case-info{ position: relative; padding-top: 100px; height: 370px;overflow: hidden;}
.news-case-info .circle{position: absolute; left: 50%; transform: translateX(-50%);height: 44px;z-index: 1;top:0px; }
.news-case-info .circle li{ width: 158px; height: 44px; background: #fff; border-radius: 22px; line-height: 44px;  float: left;margin-right:38px; }
.news-case-info .circle li:last-child{ margin-right: 0px;}
.news-case-info .circle li img{ width: 113px; height: 39px; margin: 2px auto;}
.news-case-info .circle li .on,.news-case-info .circle li.circle-cur .off{ display:none}
.news-case-info .circle li.circle-cur .on{ display: block}
.news-case-info .circle li.circle-cur{ background: #004ED8;}
.news-case-info .v_cont{ top:100px;}
.news-case-info .v_cont li{ float: left;overflow: hidden;}
.news-case-info .v_cont .con{width: 794px; background: #fff; height: 322px;/* border-radius: 16px;*/ position: relative; padding:24px 24px 24px 382px; }
.news-case-info  .con .pic{ position: absolute; left: 0px; top:0px;/* border-radius: 16px 0 0 16px;*/overflow: hidden; width:362px; height: 370px;}
.news-case-info  .con .pic img{ width: 100%;}
.news-case-info  .con .title{ color: #111; font-size: 34px; line-height: 56px;}
.news-case-info  .con .t2{ color: #333; font-size: 18px; line-height: 56px;}
.news-case-info  .con .txt{ color: #666;line-height: 24px; padding-top: 20px;overflow: hidden; text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; /* autoprefixer: off*/-webkit-box-orient: vertical; /* autoprefixer: on*/}
.news-case-info  .con .btn{ width: 120px; height: 36px; text-align: center; line-height: 36px; color: #004ED8; margin-top:32px; font-size: 16px; border-radius: 18px; display: block; border: 1px solid #004ED8;}

/*banner-行业-汽车制造*/
.au-ma-banner{background: url(../images/au-ma-banner.jpg) no-repeat top center;}
/*banner-行业-智能制造*/
.in-man-banner{background: url(../images/in-man-banner.jpg) no-repeat top center;}
/*banner-行业-环保*/
.en-pr-banner{background: url(../images/en-pr-banner.jpg) no-repeat top center;}
/*banner-行业-建筑*/
.bu-banner{background: url(../images/bu-banner.jpg) no-repeat top center;}
/*banner-产品-供应商管理*/
.pro-ma-banner{background: url(../images/pro-ma-banner.jpg) no-repeat top center;}
/*banner-产品-采购寻源*/
.pro-so-banner{background: url(../images/pro-so-banner.jpg) no-repeat top center;}
/*banner-产品-采购协同*/
.pro-sy-banner{background: url(../images/pro-sy-banner.jpg) no-repeat top center;}
/*banner-产品-采购商城*/
.pro-fu-banner{background: url(../images/pro-fu-banner.jpg) no-repeat top center;}

/*新-产品界面-banner*/
.pro-banner .title{ font-size:26px; font-weight: bold; margin-top: 23%;text-align: left; color: #fff;}
.n-banner .info{ color: rgba(255,255,255,.8);font-size: 16px; line-height: 32px;padding-top: 36px;text-align:left;width: 478px;}
/*新-产品界面-流程*/
.flow-pic{ width:100%; background: #f2f7ff;}.flow-pic img{ width: 100%;}
/*新-产品界面-采购商城*/
.fusion-info .pic{ position: absolute; bottom: 0px; left: 50%; transform: translateX(-50%);}
.fusion-info .pic img{ margin: 0px auto;}
.fusion-info .info{position: relative;background: url(../images/pro-fu-bg.png) no-repeat; height: 766px;}
.fusion-info .li{ position: absolute; background: #fff; padding: 16px; font-size: 12px; line-height: 24px;}
.fusion-info .li .title{ color: #333; font-size: 16px; padding-bottom: 12px; padding-left: 58px; position: relative;}
.fusion-info .li.li1{ left: 0px;top: 224px; width: 288px;}
.fusion-info .li.li2{ left:196px;top:84px; width: 240px;}
.fusion-info .li.li3{ left: 500px;top:4px;width:190px;}
.fusion-info .li.li4{ right: 170px;top:34px;width:240px;}
.fusion-info .li.li5{ right: 0px;top: 194px;width:280px;}
.fusion-info .li .pic-num{ width:48px; position: absolute; left: 0px; top:-5px;}
.pic-num img{ width: 100%;}


/*产品优化 by lyq 2025.4.11*/
.section-content__right {width:620px;position: relative;display: flex;align-items: center;justify-content: center; padding-bottom: 50px;margin-bottom: 40px;}/*产品配图*/
.section-content__right-picture {min-height: 330px;width:520px;position: relative;z-index: 1; top: 20px}/*产品配图大小*/
.section-content__right-bg.bg-left {width: 300px;height: 320px;transform: rotate(-180deg);bottom: 0;left: 0;}/*产品配图左边位置*/
.section-content__right-bg {position: absolute;}
.section-content__right-bg.bg-right {height: 100%;bottom: 0;right: 0;}/*产品配图右边位置*/
.home-body-wrap{ background: url(../images/bg-home.png);background-repeat: repeat;background-size: contain;}/*产品背景虚化背景*/



/*分辨率调试*/
@media screen and (max-width: 2048px)   {
    /*首页-banner高度*/
    .i-banner{height:640px; }/*首頁高度*/
    .i-banner .prev, .i-banner .next{top:280px}/*首页-banner箭头*/
    .in-banner .btn{ margin-top: 20px;}
    .i-banner,.i-banner .li1,.in-banner .li2,.i-banner,.in-banner .li3,.in-banner .li4{background-size:2048px 640px !important; height: 640px !important;}/*首页所有bannerr图统一高度*/

    .in-banner .li1 .slogan{  width:560px;margin-top: 196px;}
    .in-banner .li1 .title img{ width: 550px;}
    .in-banner .li1 .t2 img{ margin-top: 20px; width: 274px;}

    .in-banner .li2 .slogan{ margin-top: 180px;}
    .in-banner .li2 .title{ font-size: 50px; ;}
    .in-banner .li2 .info{ font-size: 36px;  line-height: 48px; padding-top: 20px;}
    .in-banner .li2 .text{ font-size: 14px;  line-height: 48px; padding-top: 8px;}
    .in-banner .li3 .slogan{ margin-top: 200px; width:600px;}
    .in-banner .li3 .title img{ width: 600px;}
    .in-banner .li3 .t2 img{ margin-top: 20px; width: 400px;}
    .in-banner .li4 .slogan{margin-top: 190px;}
    .in-banner .li4 .t1{ font-size: 44px;   }
    .in-banner .li4 .t2{ font-size: 56px;  padding-top: 16px; font-weight: bold;}
    .in-banner .li4 .t3{ font-size: 20px;  padding-top: 20px; padding-bottom: 12px;}
    /*内页-banner高度*/
    .ph-banner .info{font-size: 28px;}
    .m-banner{ height:600px; background-size:2293px 600px !important;}/*内页高度*/
	.n-banner .title{margin-top:15% !important;}/*产品banner离顶部的距离*/
	.ab-banner .ab-title{margin-top: 280px;}/*公司简介banner离顶部的距离*/
    .a-banner .ab-title{top:45% !important;}
	.co-banner .slogan{ margin-top: 220px;}/*合作banner离顶部的距离*/
    .ph-tab a{ font-size: 20px;}/*产品页菜单字体大小*/

    .ab-course{ background-position: center 340px;}/*公司-发展历程*/




}
@media screen and (max-width: 1920px)   {
	.i-banner,.i-banner .li1,.in-banner .li2,.i-banner,.in-banner .li3,.in-banner .li4{height:600px !important; background-size:1920px 600px !important;}/*首頁高度*/
	.m-banner, .ph-banner{ height:503px; background-size:1920px 503px !important;}/*内页高度*/

	 .in-banner .li1 .slogan{  width:468px;margin-top: 196px;}
	 .in-banner .li1 .title img{ width:468px;}
	 .in-banner .li1 .t2 img{ margin-top: 20px; width: 206px;}

	.in-banner .li2 .slogan{ margin-top: 174px;}/*banner2离顶部的距离*/
        .in-banner .li2 .info{font-size: 30px;}
        .in-banner .li3 .slogan{width:550px;}
        .in-banner .li3 .title img{width: 550px;}
        .in-banner .li3 .t2 img{ width: 360px;}

	.m-title{padding:70px 0 54px 0;}/*离上下的间隙*/
	.paB90,.ph-tender .list{ padding-bottom: 70px;}/*离上下的间隙*/
	.paTB90{ padding: 70px 0;}/*离上下的间隙*/
	.pm-value .list{padding:30px 0 70px 0;}/*离上下的间隙*/
        .ph-banner .slogan{margin-top: 140px;}
	.se-banner .slogan,.ne-banner .slogan{margin-top: 190px;}/*产品banner离顶部的距离*/
         .ph-banner .text{padding-top: 0px;}
        .ph-banner .info{font-size: 30px;}
	.ab-banner .ab-title{margin-top: 240px;}/*公司简介banner离顶部的距离*/
    .a-banner .ab-title{top:320px !important;}/*公司简介banner离顶部的距离*/
	.ie-banner .title{ margin-top:19%;}	/*行业banner文字离顶部的距离*/
    .ca-banner .title, .se-banner .title{margin-top:15% !important;}
	.pm-brief{padding:80px 0; }/*精采云产品简介上下距离*/
	.co-banner .slogan{ margin-top: 170px;}/*合作banner离顶部的距离*/
    .ph-tab a{ font-size: 18px;} /*产品页菜单字体大小*/
    .ph-control .text1{ width: 36%;}/*慧采购-供应商*/
    .ab-course{ background-position: center 341px;}/*公司-发展历程*/

}
@media screen and (max-width: 1792px)   {.ab-course{ background-position: center 332px;}/*公司-发展历程*/

}
@media screen and (max-width: 1680px)   {
     .i-banner,.in-banner .li1,.in-banner .li2,.i-banner,.in-banner .li3,.in-banner .li4{height:525px !important; background-size:1680px 525px !important;}/*首頁高度*/

     .in-banner .li1 .slogan{  width:440px; margin-top: 60px;}
     .in-banner .li1 .title img{ width:440px;margin-top: 160px;}
     .in-banner .li1 .t2 img{ margin-top: 20px; width: 190px;}

     .in-banner .li2 .slogan,.in-banner .li3 .slogan{ margin-top: 152px;}/*banner2离顶部的距离*/
     .in-banner .li3 .slogan{width:500px;margin-top: 168px;}
     .in-banner .li3 .title img{width: 500px;}
     .in-banner .li3 .t2 img{ width: 342px;}
     .in-banner .li4 .slogan{margin-top: 152px;}/*banner1离顶部的距离*/
     .i-banner .prev, .i-banner .next{top:220px;}
    /*调试字号*/
    body,.f14,.news-content .t,.subnav .dd{ font-size:12px;}.f16,.news-content .t .t1,.mainNav,.f-menu .list dt,.ab-introduce,.ab-honor .li,.ph-tab a,.ph-management .list,.ph-control .info,.ph-control .list .li,.ph-mall .info,.ph-mall .li,.pm-brief .info,.pm-function .list li,.ie-case .btn,.ca-list .info,.in-number-info li .unit,.in-solution .t2, .in-advantage .t2,.se-info .txt,.co-con ul li,.co-con .txt .t2{ font-size:14px;}
    .co-join .info .t2,.in-banner .li2 .text{ font-size: 14px;}
    .in-banner .li2 .info{font-size: 24px; line-height: 40px;}
    .ph-management .info,.ph-tender .title,.ie-advantage .title h2,.ie-case .title,.in-solution .title,.in-cu-list .li1 .txt,.in-ne-list .li h3,.m-advisory .btn,.co-join .btn{ font-size: 16px;}
    .in-ad-list .ad-hover h3,.ph-control .title,.ie-superiority .list .text{ font-size: 18px;}
    .in-ad-list .title,.in-cu-list .li1 .title,.ca-list .title,.co-join .info .t1,.ab-idea-title,.ab-culture .mission,.ab-culture .idea{ font-size: 20px;}
    .m-title,.m-advisory,.ph-management .title{font-size: 24px;}
    .in-core .i-color{ left: 50px;}/*首页核心产品图标位置*/
    .announcement-newest p .column-title{ max-width: 278px !important;}



/*慧采购-在线融合*/
.ph-platform img{ width: 80%; margin: 0px auto;}
}

@media screen and (max-width: 1440px)   {
.i-banner,.in-banner .li1,.in-banner .li2,.i-banner,.in-banner .li3,.in-banner .li4{height:450px !important; background-size:1440px 450px !important;}/*首頁高度*/
.i-banner .prev, .i-banner .next{top:166px;}

 .a-banner .ab-title{top:230px !important;}/*公司简介banner离顶部的距离*/

.in-banner .li1 .slogan{  width:380px;}
.in-banner .li1 .title img{ width: 380px;margin-top: 140px;}
.in-banner .li1 .t2 img{ margin-top: 20px; width: 196px;}

/*首頁第一张banner*/
.in-banner .li4 .slogan{margin-top:140px;}
.in-banner .li4 .t1{font-size:30px}
.in-banner .li4 .t2{font-size:38px}
.in-banner .li4 .t3{font-size:16px}
.in-banner .btn{ width:100px;height:34px; line-height:34px;font-size:14px}
/*首頁第二张banner*/
.in-banner .li2 .slogan{margin-top:140px;}
.in-banner .li2 .title{font-size:40px}

.in-banner .li3 .slogan{width:420px;margin-top:140px;}
.in-banner .li3 .title img{width: 420px;}
.in-banner .li3 .t2 img{ width: 280px;}

.co-join .info .t2, .in-banner .li2 .text{padding-top:0px;line-height:30px;}

.i-banner .num{bottom:0px;}/*首页切换圆位置*/
    .in-core .i-color{ left: 46px;}/*首页核心产品图标位置*/
    .in-latest .info{font-size: 12px;}/*首页-新闻栏描述字*/

    .solu-con .pic span{ margin-right:40px; float: left;}/*首页解决方案logo间距*/
    .data-info .li{ margin-top: 70px;}/*首页数据数字*/
    .ab-course{ background-position: center 312px;}/*公司-发展历程*/
    .ab-culture li{ margin-right: 25px}/*公司-企业文化*/

}
@media screen and (max-width: 1400px)   {
.i-banner,.i-banner  .li1,.in-banner .li2,.i-banner,.in-banner .li3,.in-banner .li4{height:438px !important; background-size:1400px 438px !important;}/*首頁高度*/
.in-banner .li1 .title img{margin-top: 140px;}
    .a-banner .ab-title{top:220px !important;}/*公司简介banner离顶部的距离*/
.in-solution{background-position:-556px 0px;} /*首页解决方案背景图*/
    .in-experience .in-ex-list .form-item{ width: 31.3%;}/*首页-数字体验输入框宽度*/
    .foot2 .pic, .foot2 .pic2{ margin-left: 30px;}/*底部版权*/
}


@media screen and (max-width: 1366px)   {
.i-banner,.in-banner .li1,.i-banner .li2,.in-banner .li3,.in-banner .li4{height:428px !important; background-size:1366px 428px !important;}/*首頁高度*/
    .w1200,.v_cont ul li,.co-con ul li{width: 1100px;min-width: 1100px;}
    .w1200.memo-info{ width: 1200px;}

    .m-title{padding:50px 0 40px 0;}/*离上下的间隙*/
    .paB90,.ph-tender .list{ padding-bottom: 50px;}/*离上下的间隙*/
    .paTB90{ padding: 50px 0;}/*离上下的间隙*/
    .in-number-info li{padding: 0 49px;}/*首页-数字化*/
    .case-list .logo{width: 12.3%;}/*首页-logo墙*/
    .ph-control .text1 {left: 0%;width: 38%;}
    .ph-control .text2 {right:2%;width: 44%;}
    .maL80 {margin-left:0px;}
    .case-con ul li{width: 1100px !important;}/*首页客户案例每个li宽度*/
    .case_circle{ /*left: 450px !important;*/}/*首页客户案例切换菜单*/
    .case_circle li{ margin-right:30px !important;font-size: 15px;}/*首页客户案例每个切换菜单*/
    .case-con ul .li{ /*padding-left: 450px !important;*/}
    .in-core .i-color{ left: 36px;}/*首页核心产品图标位置*/

    .solu-con .pic span{ margin-right:40px; float: left;}/*首页解决方案logo间距*/
    .case-con .logo span{ margin-right: 38px;}

    .co_circle li{ width: 150px;}/*合作五大理由*/
    .co-jo-info{ width: 91%;}/*合作加入我们*/
    .ab-culture .idea li{ /*width: 200px;*/}
    .ph-management .pic{ width: 400px; height: 380px;}
    .ph-management .pic img{ width: 100%;}
    .ph-management .maT30{ margin-top: 0;}
    .ph-management .info{ padding-top: 20px;}
    /*公司-荣誉*/
    .ab-honor .li{ width: 31.5%;}
    .ab-honor .bg1{ background-size:360px 455px; background-position: 90px -80px;}

    /*慧采购-在线融合*/
    .ph-platform{ padding:0 0 50px 0;}
    .ph-platform img{ width: 70%; margin: 0px auto;}

    /*客户案例列表页*/
    .n-case-list .li{ width: calc(29.6% - 22px) !important; padding:160px 20px 10px 20px !important; }

    /*行业-痛点*/
    .pain-spot .li{ padding: 0px 16px 32px 16px !important;}
    .solution-info .li.w400{ left: 320px;}/*行业-解决方案*/
    /*解决方案-客户案例*/
    .news-case-info .v_cont .con {width: 695px !important;}

    /*关于我们-联系我们*/
    .ab-addr li{ width: 156px !important; font-size: 18px;}


}

@media screen and (max-width: 1360px)   { .in-solution{background-position:-556px 0px;} /*首页解决方案背景图*/
    .c-label-r{top:160px;}
}


@media screen and (max-width: 1280px)   {

    .in-number-info li{padding: 0 41px;}/*首页-数字化*/
    .case-list .logo{width: 12.3%;}/*首页-logo墙*/
    .ph-control .text1 {left: 0%;width: 38%;}
    .ph-control .text2 {right: 1%;width: 44%;}
    .maL80 {margin-left:0px;}
    .in-solution{background-position:-550px 0px;} /*首页解决方案背景图*/
    @-moz-document url-prefix() {.in-solution{ background-position:-550px 0px; }/*火狐浏览器兼容*/	}

    .announcement-newest p .column-title{ max-width: 238px !important;}
    .ph-management .title{ font-size: 27px;}/*产品简介标题字号*/
   /* .ph-control .maL100 img{ width: 90%;position: relative;left:0;}*/
   /* .ph-control .pic.fr img{ width: 90%;position: relative;right:-70px;}*/
    .ph-control .row{ padding-bottom: 50px;}
    /*合作五大理由*/
    .co_circle li{ width: 140px;}
    .co-con .txt{ padding-left: 43%;}
    .co-con .txt .t1{padding-left: 20px;}
    .co-con .txt .t2{ width: 53%; padding-left: 20px;}
    .co-join{ padding: 40px 0;}
    .co-jo-info{ width: 100%;}
    /*公司简介*/
    .ab-honor .li{ width: 31.3%;}
    .ab-honor .bg1{ background-size:329px 415px; background-position: 77px -67px; height: 172px;}
    .ab-course{ background-position: center 312px;}
    .ab-culture li{ margin-right:20px; }
    .ab-culture .idea li{/*width: 180px;*/}
    /*行业*/
    .ie-advantage .title{ width: 150px; margin-left:20px; }
    .ie-advantage .info{ width: 70%}
    .ie-case .pic{ width: 64%;top:60px;}
    .ie-case .pic img{ width:90%; }
    .ie-case .con{  margin-left:5%;}

    .pain-spot-5 .li{width: calc(17.85% - 20px) !important;padding: 0 16px 32px 12px !important;}/*行业痛点*/

    .foot2 .pic, .foot2 .pic2{ margin-left:10px;}/*底部版权*/


}
@media screen and (max-width: 1152px)   {
    .w1200,.v_cont ul li,.co-con ul li,.case-con ul li{width: 1048px !important;min-width: 1048px !important;}
    .in-solution{background-position:-810px 0px; .announcement-newest p .column-title{ max-width: 238px !important;}} /*首页解决方案背景图*/
    /*产品配图及文字*/
    .pro-info-pic,.ph-control .pic{ width: 500px; margin-right: 20px}
    .ph-control .text1{ width: 42%;}
    .pro-info-pic img,.ph-control img{ width: 100%;}
    /*首页-客户案例-菜单*/
    .case_circle{ /*left:430px !important;*/}
    .case-con .logo{ margin-top:26px;}
    .case-con .logo.logo2{ margin-top: 20px;}
    .case-con .logo span{ margin-right: 30px;}
    /*行业-客户案例*/
    .news-case-info .circle li{margin-right: 24px;width: 146px;}
    .news-case-info .v_cont .con{ width: 600px !important;}

}
@media screen and (max-width: 1048px)   {
    .w1200,.v_cont ul li,.co-con ul li,.case-con ul li{width:988px !important;min-width:988px !important;}
    /*产品配图及文字*/
    .pro-info-pic,.ph-control .pic{ width: 500px; margin-right: 20px}
    .ph-control .text1{ width: 42%;}
    .pro-info-pic img,.ph-control img{ width: 100%;}
    /*首页-客户案例-菜单*/
    .case_circle{ /*left:410px !important; */}
    .case-con ul .li { padding-left:414px !important;padding-right: 24px;}
    .case_circle li {margin-right:28px !important; font-size: 14px;}
    .case-con .logo{ }
    .case-con .pic{ width: 388px !important;}
    /*行业-客户案例*/
    .news-case-info .circle li{margin-right: 24px;width: 146px;}
    .news-case-info .v_cont .con{ width: 600px !important;}


}

@media screen and (max-width: 1024px)   {
    .w1200,.v_cont ul li,.co-con ul li{width: 900px;min-width: 900px;}
    .subnav .dd{padding: 10px 18px 10px 18px;}
    .pr-nav {padding-left: 30px;}

    /*解决方案-客户案例*/
    .news-case-info .v_cont .con{ width: 595px !important;}
    /*首页*/

    .in-number-info li{padding: 0 33px;}
    .in-solution .info{ padding: 0 20px;}
    .in-ad-list .li1 .info{width:90%;margin: 20% auto;}
    .in-ad-list .title{ line-height: 36px; font-size: 20px;margin: -43px -63px;}
    .in-ad-list .li4 .title{margin: -36px -68px;}
    .in-ad-list .ad-hover{padding: 30px 20px;}
    .in-ad-list .ad-hover h3{ padding-bottom: 16px;}
    .in-ad-list .ad-hover h3, .ph-control .title{ font-size: 16px;}
   /* .in-solution{background-position:-672px 0px;}*/ /*首页解决方案背景图*/
    .in-experience .in-ex-list .form-item{width: 31.1%;}
    .announcement-newest p .column-title{ max-width: 248px !important;}
    /*产品页*/
    .ph-management .title{ line-height: 36px; font-size:22px;}
    .ph-management .info,.ph-management .list {font-size:14px;}
    .ph-management .pic{ width:354px; height:336px;}
    .ph-management .pic img {left: -16px;top: -16px;}
    .ph-control .info{ font-size: 12px; line-height: 24px;}
    .ph-control .pic.fr img {right: -150px;}
    .maT50,.maT60 {margin-top: 0px;}
    .paB40 .pic {margin-right:70px;}
    .ph-control .text3 {width: 56%;}
    .ph-control .text2{ right: 0;}

    /*合作*/
    .co_circle {  padding: 0px 0px 10% 18%;  }
    .co_circle .tr{top:10px;}
    .ph-tender .list{ padding-bottom: 80px;}
    .co-join .btn{ width: 150px;}
    /*行业*/
    .ie-advantage .pic{ width: 45%}
    /*案例*/
    .ca-list .con{ margin-left: 140px}
    /*公司*/
    .ab-contact .pic{ width: 48%; margin-right: 3%;}
    .ab-contact .pic img{ width: 100%;}
    .ab-honor .li{ width: 30%}
    .ab-honor .bg1{  background-size:285px 360px;  background-position: 68px -58px;  height: 152px;  }

}