@charset "utf-8";
/* CSS Document */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,img,span,table,tr{padding:0;margin:0;}
body{font-family:"Source Han Sans CN","Noto Sans CJK","思源黑体CN","Microsoft Yahei","微软雅黑","宋体",Tahoma, Arial, Helvetica, sans-serif; color:#232424; padding:0; margin:0; list-style:none;}
body > section{ padding:0px;}
ul li{ list-style:none; }
p{ padding:0; margin:0;}
.bmax{ width:100%; height:80px; float:left;}
.jbob{ width:100%; height:30px; float:left;}
.bob{ width:100%; height:35px; float:left;}
.bmin{ width:100%; height:25px; float:left;}
.bmin30{ width:100%; height:30px; float:left;}
.bmin40{ width:100%; height:40px; float:left;}
.bmin60{ width:100%; height:60px; float:left;}
.bmin2{ width:100%; height:20px; float:left;}
.bmin3{ width:100%; height:10px; float:left;}
.bmin4{ width:100%; height:5px; float:left;}
.bmin5{ width:100%; height:2px; float:left;}
.bline{ width:100%; height:1px; background:#e5e5e5; float:left;}
.bline2{ width:100%; height:1px; float:left; background:#cecece;}
.bline3{ width:100%; height:1px; float:left;}
.containermian{ width:100%; height:auto; float:left; overflow:hidden;}
.md{ width:1630px;}
.hmd{ width:1850px;}
.abw{ width:1430px;}
.emd{ width:1230px;}
.cmd{ width:1330px;}
.posr{ position:relative;}
.posa{ position:absolute;}
.plr0{ padding:0;}
.plr5{ padding:0px 5px;}
.plr8{ padding:0px 8px;}
.plr10{ padding:0px 10px;}
.plr15{ padding:0px 15px;}
.plr20{ padding:0px 20px;}
.plra5{ padding:5px;}
.plra10{ padding:12px 10px;}
.plra20{ padding:0px 20px;}
.plra15{ padding:15px;}
.plra25{ padding:25px;}
.plrs27{ padding:23px 27px;}
.plr35{ padding:0px 35px;}
.plr40{ padding:0px 40px;}
.plra40{ padding:40px;}
.pud70{ padding:70px 0px;}
.foal{ float:left; }
.foar{ float:right; }
.ht100{ height:100%;}
.cbg{ background:#f7f7f7;}
.ctc{
background: linear-gradient(bottom, #f2f1f1, #fafafa);
background: -ms-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -webkit-linear-gradient(bottom, #f2f1f1, #fafafa);
background: -moz-linear-gradient(bottom, #f2f1f1, #fafafa);
}
/*-- 头部 --*/
.syheaderbox{ width:100%; height:86px; position:fixed; left:0; top:0; border-bottom:1px solid #487df6; z-index:10000;}
.syheaderbox.fixnav{ background:#3e7dff; border-bottom:0px;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#464646,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 1px 2px #464646;/*兼容firefox*/
-webkit-box-shadow: 0px 1px 2px #464646;/*兼容safari或chrome*/
box-shadow:0px 1px 2px #464646;/*兼容opera或ie9*/
}
.logo{ width:29%; height:auto; float:left; padding-top:13px; padding-left:20px;}
.logo img{ max-width:100%;}
.navs{ width:55%; height:auto; float:left; }
.navs ul{ width:100%;  display:flex; flex-direction: row; }
.navs ul li{ float:left; width:14%; position: relative;}
.navs ul li a{ display:block; text-align:center; font-size:16px; color:#FFF; line-height:86px; position:relative; letter-spacing:0px;}
.navs ul li a i{ width:10%; height:4px; background:#FFF; position:absolute; top:95%; left:45%; visibility:hidden;
filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.navs ul li a:hover i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; width:60%; left:20%;}
.tel{ width:16%; height:auto; float:left;padding-top:13px;}
.tel p{ width:100%; height:auto; float:left;}
.tel p i{ width:35px; height:30px; float:left; background-repeat:no-repeat; background-position:left center;}
.tel p span{ color:#FFF; font-size:15px; line-height:30px;}
.tel p span a{ color:#FFF;}
#sytel{ background-image:url(../img/page/sytel.png);}
#symail{ background-image:url(../img/page/symail.png);}
.navs ul li#two .twonav{ width:200px; height:0; position:absolute; left:calc(50% - 100px); top:100%; z-index:20; text-align:center; overflow:hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;}
#two .twonav .bgnav{ width:100%; height:100%; position:absolute; background:#c7e4fd; filter:alpha(opacity=90); -moz-opacity:0.9; -khtml-opacity: 0.9; opacity:0.9;}
#two .twonav ul{ width: 100%; display: flex; flex-direction: column; padding:15px 0px;}
#two .twonav ul li{ width:100%; display: flex; justify-content: center; align-items: center;}
#two .twonav a{ width:100%; height:auto; margin: 0; display:inline-block; vertical-align:top; padding:10px 0px; z-index:1; position:relative; color: #000; font-size: 15px; line-height: 1.5;}
#two .twonav a:hover{ opacity: 0.8; text-decoration: underline;}
.navs ul li#two:hover .twonav{ height:auto; visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1;}
/*--内页--*/
.headerbox{width:100%; height:86px; float:left; background:#3e7dff; position:relative;}
#choose i{visibility:visible; filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity: 1; opacity: 1;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; width:60%; left:20%;}
/*--全屏 --*/
.fullbanner{ width:100%; height:100%; position:absolute; z-index:0; left:0; top:0; padding-top:162px;}
.liban{ width:100%; height:100%; background-color:#f4f4f4; background-size:cover; background-position: center center;}
/*-- banner轮播图 --*/
.bannerbox{ width:100%; height:auto; float:left; position:relative; overflow:hidden;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#e9e9e9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 0px 8px 12px #e9e9e9;/*兼容firefox*/
-webkit-box-shadow: 0px 8px 12px #e9e9e9;/*兼容safari或chrome*/
box-shadow:0px 8px 12px #e9e9e9;/*兼容opera或ie9*/
}
.inbanner{ width:100%; height:500px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#100c8a; position:relative;}
.inbanner p{ width:100%; height:auto; float:left; text-align:center; font-size:30px; color:#FFF; line-height:35px; margin-top:7%;}
.inbanner h1{ width:100%; height:auto; float:left; text-align:center; font-size:70px; color:#FFF; font-weight:bolder; padding:10px 0px;}
.inbanner h1 span{ display:inline-block; color:#fff600;
-webkit-animation: banner_one 1s linear infinite;
-moz-animation: banner_one 1s linear infinite;
-o-animation: banner_one 1s linear infinite;
animation: banner_one 1s linear infinite;
}
@-webkit-keyframes banner_one{
0% { -webkit-transform: scale(1); }
50% {-webkit-transform: scale(1.1);}
100% { -webkit-transform: scale(1);}
}
@-moz-keyframes banner_one {
0% {-moz-transform: scale(1);}
30% {-moz-transform: scale(1.1); }
100% { -moz-transform: scale(1);}
}
@keyframes banner_one {
0% { transform: scale(1);}
30% { transform: scale(1.1);}
100% { transform: scale(1);}
}
/*-- 客服banner --*/
.incase{ width:100%; height:420px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#100c8a; position:relative;}
.incase h1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-weight:bold; font-size:68px; margin-top:110px;}
.incase p{ width:100%; height:auto; float:left; text-align:center; margin-top:40px;}
.incase span{ padding:18px 25px; background:#FFF; border:1px solid #be9cf7; font-size:30px; line-height:40px; color:#0700d5;
-moz-border-radius:50px; /* Firefox */
-webkit-border-radius:50px; /* Safari 和 Chrome */
border-radius:50px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
/*-- 软件banner --*/
.inerp{ width:100%; height:420px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#100c8a; position:relative;}
.inerp h1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-weight:bold; font-size:58px; margin-top:150px;}
.inerp p{ width:100%; height:auto; float:left; text-align:center; margin-top:30px;}
.inerp span{ padding:18px 25px; font-size:30px; line-height:40px; color:#FFF; }
/*-- 品牌banner --*/
.brand{ width:100%; height:420px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#100c8a; position:relative;}
.brand h1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-weight:bold; font-size:58px; margin-top:95px;
text-shadow:#1a58d7 0.1em 0.1em ;}
.brand p{ width:100%; height:auto; float:left; text-align:center; font-size:30px; color:#FFF; padding-top:30px;}
.brand span{ background:#2a69f8; padding:5px 10px; border:2px solid #FFF; display:inline-block;
-moz-border-radius:5px; /* Firefox */
-webkit-border-radius:5px; /* Safari 和 Chrome */
border-radius:5px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.brand i{ width:100%; height:auto; float:left; text-align:center; margin-top:25px;}
.brand i img{ max-width:100%;}
/*-- 营销banner --*/
.mark{ width:100%; height:630px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#100c8a; position:relative; overflow:hidden;}
.mark h1{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:38px; line-height:40px; margin-top:50px; }
.mark h1 span{ font-weight:bold;}
.mark p{ width:100%; height:auto; float:left; text-align:center; font-size:70px; color:#FFF; font-weight:bold;}
.mark i{ width:100%; height:auto; position:absolute; left:0; bottom:20px; text-align:center;}
.mark i img{ max-width:100%;}
/*-- 门户banner --*/
.indt{ width:100%; height:680px; float:left; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.indtl{ width:auto; height:auto; float:left; padding-left:10%; position:relative; z-index:1; padding-top:5%;}
.indtl h1{ width:100%; height:auto; font-size:117px; color:#87e8e3; font-weight:600; position:relative;}
.indtl h1 span{ position:absolute; left:0; bottom:-10px; font-size:56px; color:#FFF;}
.indtl p{ width:40%; height:auto; font-size:16px; line-height:38px; color:#FFF; padding:50px 0px;}
.indtl a{ width:160px; height:60px; float:left; border:3px solid #FFF; text-align:center; line-height:54px; font-size:16px; color:#FFF;}
.indtr{ position:absolute; right:5%; bottom:0;}
/*-- 首页数字 --*/
.syone{ width:100%; height:auto; float:left; margin-top:-40px; position:relative; z-index:10;}
.syone-m{ width:80%; height:auto; float:left; margin:0px 10%; background:#FFF;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#bac7e5,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 4px 4px 12px #bac7e5;/*兼容firefox*/
-webkit-box-shadow: 4px 4px 12px #bac7e5;/*兼容safari或chrome*/
box-shadow:4px 4px 12px #bac7e5;/*兼容opera或ie9*/
}
.smone{ width:25%; height:180px; float:left; padding-top:35px; position:relative;}
.smone h1{ width:100%; text-align:center; float:left; font-weight:bold; font-size:50px; color:#3d7dff; line-height:55px;}
.smone p{ width:100%; height:auto; float:left; padding:15px 0px; font-size:20px; color:#131314; text-align:center; line-height:22px;}
.smone i{ position:absolute; right:0; top:35px; width:1px; height:110px; background:#3d7dff; }
/*-- 首页项目 --*/
.sytwo{ width:100%; height:auto; float:left; margin-top:90px;}
.sytwo-m{ width:100%; height:auto; float:left;}
.syweb{ width:100%; height:auto; float:left; padding:30px 0px;}
.syweb-a{ width:25%; height:415px; float:left; background-color:#584aff; background-size:cover; background-repeat:no-repeat; background-position:center; padding:40px 10px 10px 50px;}
.syweb-a h1{ width:100%; height:auto; float:left; font-size:44px; color:#FFF; line-height:50px;}
.syweb-a p{ width:100%; height:auto; float:left; font-size:14px; color:#FFF; line-height:28px; margin-top:20px;}
.syweb-b{ width:25%; height:415px; float:left; background:#FFF; border:1px solid #e2e2e2; position:relative; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .p1{ width:100%; height:100%; float:left; position:relative; overflow:hidden; padding:25px 10px 0px 30px;}
.syweb-b .p1 h1{ width:100%; height:auto; float:left; font-size:26px; color:#3e7dff; line-height:30px; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .p1 p{ width:100%; height:auto; float:left; margin-top:20px; font-size:14px; color:#3d3d3d; line-height:22px; padding-bottom:35px;}
.syweb-b .p1 ul li{ float:left; padding:5px 10px 5px 0px;}
.syweb-b .p1 ul li a{ display:inline-block; border:1px solid #d7d7d7; min-width:95px; line-height:23px; padding:5px; text-align:center; font-size:14px; color:#3d3d3d; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .p1 ul li a:hover{ background:#ff5400; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s; color:#FFF; border:1px solid #ff5400;}
.syweb-b .wbtn{ width:100%; height:auto; position:absolute; left:0; bottom:-100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .wbtn a{ width:50%; height:65px; float:left; line-height:65px; text-align:center; font-size:14px; color:#ff5400; border:1px solid #ff5400; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .wbtn a:hover{ color:#FFF; background:#ff6d25; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b .wbtn a.on{ background:#ff5400; color:#FFF; border:1px solid #ff5400;}
.syweb-b.geton .p1 h1{ color:#ff5400; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b.geton .wbtn{ width:100%; height:auto; position:absolute; left:0; bottom:0; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syweb-b.geton:hover{ position:relative; z-index:1; filter:progid:DXImageTransform.Microsoft.Shadow(color=#dad9d9,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 2px 6px 20px 3px #dad9d9;/*兼容firefox*/
-webkit-box-shadow: 2px 6px 20px 3px #dad9d9;/*兼容safari或chrome*/
box-shadow: 2px 6px 20px 3px #dad9d9;/*兼容opera或ie9*/
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.syerp{ width:100%; height:auto; float:left; padding:30px 0px;}
.syerp .syweb-a{ background-color:#63c8fc; }
/**/
.syline{ width:100%; height:auto; float:left; text-align:center; padding:40px 10px 30px;}
.syline i{ width:1730px; height:1px; display:inline-block; background:#e5e5e5;}
/*-- 首页企业logo --*/
.syth{ width:100%; height:auto; float:left; }
.syth-m{ width:100%; height:auto; float:left; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; margin-top:30px;}
.syth-a{ width:40%; height:auto; float:left; position:relative;}
.syth-b{ width:20%; height:auto; float:left; border-right:1px solid #c6c6c6; border-bottom:1px solid #c6c6c6; background:#FFF; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.syth-a img, .syth-b img{ width:100%;}
.syth-b a{ display:block; }
.syth-b a:hover{ position:relative; z-index:1; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d1e0ff,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 2px 6px 20px 3px #d1e0ff;/*兼容firefox*/
-webkit-box-shadow: 2px 6px 20px 3px #d1e0ff;/*兼容safari或chrome*/
box-shadow: 2px 6px 20px 3px #d1e0ff;/*兼容opera或ie9*/
}
.syth-a .slide:hover .light { left:110%; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
/*-- 首页关于我们 --*/
.syfo{ width:100%; height:auto; float:left; padding:85px 0px 100px;}
.syfo-t{ width:100%; height:auto; float:left;}
.syfo-t h2{ width:100%; height:auto; float:left; text-align:center; font-size:26px; color:#535353; line-height:30px;}
.syfo-t h1{ width:100%; height:auto; float:left; font-size:44px; text-align:center; color:#131314; line-height:50px; font-weight:bold; position:relative;}
.syfo-t h1:before{ content:""; left:48.5%; bottom:-15px; position:absolute; width:45px; height:3px; background:#3e7dff; }
.syfo-t p{ width:100%; height:auto; text-align:center; float:left; font-size:13px; color:#676767; line-height:25px; padding:10px 0px; margin-top:18px;}
.syfo-m{ width:100%; height:auto; float:left; margin-top:30px;}
.syfo-one{ width:100%; height:auto; float:left; background:#FFF;}
.syfo-a{ width:40%; height:390px; float:left; background-repeat:no-repeat; background-size:cover; position:relative; overflow:hidden;}
.syfo-b{ width:60%; height:auto; float:left; padding:30px 9% 0px;}
.syfo-b h1{ width:100%; height:auto; float:left; font-size:30px; color:#3e7dff; font-weight:bold; line-height:30px; margin-top:45px;}
.syfo-b p{ width:100%; height:auto; float:left; font-size:14px; color:#282828; line-height:28px; margin-top:60px; padding-right:15%;}
.syfo-b a{ float:right; width:130px; height:45px; text-align:center; font-size:14px; color:#ffffff; line-height:45px; margin-top:25px; background:#3e7dff;
-moz-border-radius:10px; /* Firefox */
-webkit-border-radius:10px; /* Safari 和 Chrome */
border-radius:10px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.syfo-two{ width:100%; height:auto; float:left; padding:10px 0px;}
.syfo-two-a, .syfo-two-b, .syfo-two-c{ width:100%; height:380px; float:left; padding:15px; border:1px solid #bfbfbf; background:#FFF;}
.syfo-two-a i{ width:100%; height:auto; float:left;}
.syfo-two-a i img{ width:100%;}
.syfo-two-a h1{ width:100%; height:auto; float:left; color:#282828; font-size:20px; line-height:25px; margin-top:15px; padding:5px 0px; font-weight:600;}
.syfo-two-a p{ width:100%; height:auto; float:left; color:#878787; font-size:14px; line-height:25px;}
.syfo-two-c img{ width:100%;}
.syfo-two-c video{ width:100%; height:350px;}
.light{cursor:pointer; position:absolute; left:-110%; top: 0; width:60%; height:100%;
background-image: -webkit-linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -moz-linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -o-linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: -ms-linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
background-image: linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,0.5),rgba(255,255,255,0));
-webkit-transform: skewx(-25deg);
-moz-transform: skewx(-25deg);
-o-transform: skewx(-25deg);
-ms-transform: skewx(-25deg);
transform: skewx(-25deg);
}
.syfo-a:hover .light { left:110%; transition:1s; -webkit-transition:1s; -moz-transition:1s;}
/*-- locbox --*/
.locbox{ width:100%; float:left; padding:20px 0px; font-size:14px; color:#686868; line-height:30px; position:relative; z-index:1;}
.locbox i{ float:left; padding:0px 0px 0px 5px; text-align:center; font-style:normal;}
.locbox span{ float:left; padding:0px 5px; color:#686868; font-style:normal;}
.locbox a{ float:left; color:#686868; padding:0px 5px; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.locbox a:hover{ color:#e10920; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
/*-- 关于我们 --*/
.abm{ width:100%; height:auto; float:left; background:#054ef3; }
.abnav{ width:100%; height:auto; position:absolute; left:0; bottom:0;}
.abnavm{ width:97%; height:100px; float:left;}
.abchoose{ width:33.33%; height:100px; float:left;}
.abchoose i{ width:100%; height:40px; float:left; background-position:center; background-repeat:no-repeat; margin-top:15px;}
.abchoose h2{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:3px 0px;}
#abchoose{ background:#083eb8; }
.abchoose a{ width:100%; height:100%; float:left; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.abchoose a:hover{ background:#083eb8; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.aone{ width:3%; height:100px; float:left; background:#00cbff;}
.aone i{ width:100%; height:100%; float:left; background-image:url(../img/page/shubiao.png); background-repeat:no-repeat;
-webkit-animation: hua 2s ease infinite;
-moz-animation: hua 2s ease infinite;
-o-animation: hua 2s ease infinite;
animation: hua 2s ease infinite;
}
@-webkit-keyframes hua{
0% { background-position: center 10px; }
100% { background-position: center 100px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
}
@-moz-keyframes hua{
0% { background-position: center 10px; }
100% { background-position: center 100px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
}
@keyframes hua{
0% { background-position: center 10px; }
100% { background-position: center 100px; filter:alpha(opacity=60); -moz-opacity:0.6; -khtml-opacity:0.6; opacity:0.6;}
}
.about{ width:100%; height:auto; float:left; position:relative;}
.ab-a{ width:100%; height:auto; float:left; padding:35px 0px 25px;}
.ab-at{ width:100%; height:auto; float:left; padding:10px 3%; position:relative;}
.ab-at h1{ width:100%; height:auto; float:left; text-align:center; font-size:80px; line-height:80px; color:#e8e8e8;}
.ab-at p{ width:100%; height:auto; line-height:30px; font-size:30px; font-weight:bolder; color:#000000; text-align:center; position:absolute; left:0; top:37px;}
.ab-at span{ width:100%; height:auto; float:left; text-align:center; font-size:20px; color:#000; margin-top:-15px; position:relative; z-index:1;}
.ab-ashow{ width:100%; height:auto; float:left; padding:0px 3%;}
.ab-ashow .p1{ width:100%; height:auto; float:left; padding:10px 0px; font-size:16px; color:#4c4c4c; line-height:25px;}
.ab-ashow .syone-m{ width:100%; margin:35px 0;}
.ab-ashow .p2{ width:100%; height:auto; float:left; padding:25px 0px 0px;}
.ab-ashow .p2 img{ width:100%;}
.ab-b{ width:100%; height:auto; float:left; background:#054ef3; padding:25px 0px;}
.ab-bt{ width:100%; height:auto; float:left; padding:10px 3%; position:relative;}
.ab-bt h1{ width:100%; height:auto; float:left; text-align:center; font-size:80px; line-height:80px; color:#0a46cc;}
.ab-bt p{ width:100%; height:auto; line-height:30px; font-size:30px; font-weight:bolder; color:#29e6d6; text-align:center; position:absolute; left:0; top:37px;}
.ab-bt span{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:16px; line-height:25px; padding:10px 0px;}
.ab-bshow{ width:100%; height:auto; float:left; padding:10px 6%;}
.ab-bshow .p1{ width:100%; height:auto; float:left; text-align:center; padding:10px 0px;}
.ab-bshow .p1 i{ width:200px; height:200px; background:#FFF; display:table; position:relative;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.ab-bshow .p1 i:before{ content:""; left:40%; bottom:-15px; position:absolute; width:0; height:0;
border-right:10px solid transparent;
border-left:15px solid transparent;
border-top:20px solid #FFF;
}
.ab-bshow .p1 i p{ font-style:normal; font-size:30px; line-height:45px; font-weight:bold; vertical-align:middle; display:table-cell;}
.abcol1{ color:#054ef3;}
.abcol2{ color:#ff9c00;}
.abcol3{ color:#00d1fe;}
.abcol4{ color:#ff00a2;}
.ab-bshow .p2{ width:100%; height:auto; float:left; color:#FFF; font-size:16px; line-height:26px; padding:20px 0px;}
.ab-c{ width:100%; height:auto; float:left; padding:25px 0px;}
.ab-cshow{ width:100%; height:auto; float:left; text-align:center;}
.ab-cone{ padding:25px; height:auto; display:inline-block; vertical-align:top; background:#FFF; margin:25px;}
.ab-cone img{ max-width:100%;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#767676,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 5px 5px 20px 2px #767676;/*兼容firefox*/
-webkit-box-shadow: 5px 5px 20px 2px #767676;/*兼容safari或chrome*/
box-shadow: 5px 5px 20px 2px #767676;/*兼容opera或ie9*/
}
/*-- 历史 --*/
.history{ width:100%; height:auto; float:left; padding-top:20px; background-size:cover;}
.abpoint{ width:100%; height:80px; float:left; position:relative; }
.abmx{ width:1px; height:100%; position:absolute; left:50%; top:0; background-color:#b3b3b3;}
.hisbox{ width:100%; height:auto; float:left; position:relative;}
.abmx{ width:1px; height:100%; position:absolute; left:50%; top:0; background-color:#b3b3b3;}
.abmx i{ width:20px; height:20px; float:left; background:#3e7dff; margin-left:-10px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.abl{ width:60%; float:left; padding-right:13%; position:relative; z-index:1; margin-top:10px; }
.abl-l{ width:50%; height:auto; float:left;}
.abl-img{ width:100%; float:left; }
.abl-img img{ width:100%;}
.abl-r{ width:50%; height:auto; float:left;}
.abl-date{ width:100%; height:auto; padding-bottom:20px; color:#3e7dff; font-size:38px; line-height:30px; float:left; text-align:right; font-weight:bold;}
.abl-line{ width:100%; height:20px; float:right;}
.abl-line i{ width:12px; height:1px; background:#05a2f4; float:right; margin-right:55px;}
.abl-info{ width:100%; float:right; text-align:left; font-size:17px; color:#505050; line-height:25px; padding-left:30px;}
.abr{ width:60%; float:right; padding-left:13%; position:relative; z-index:1;  margin-top:10px;}
.abr-date{ width:100%; height:auto; padding-bottom:20px; color:#3e7dff; font-size:38px; line-height:30px; float:left; text-align:left; font-weight:bold;}
.abr-line{ width:100%; height:20px; float:left;}
.abr-line i{ width:12px; height:1px; background:#05a2f4; float:left;}
.abr-info{ width:100%; float:left; text-align:left; font-size:17px; color:#505050; line-height:25px; padding-right:20px;}
.pointl{ width:20px; height:20px; position:absolute; top:0%; right:15.3%;}
.pointl span, .pointr span{ width:20px; height:20px; float:left; border:1px solid #3e7dff; padding:3px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pointl i, .pointr i{ width:100%; height:100%; background:#3e7dff; float:left;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pointr{ width:20px; height:20px; position:absolute; top:0%; left:15.5%;}
.ending{ width:100%; height:auto; float:left; text-align:center; font-size:30px; color:#3e7dff; padding:10px 0px 130px;}
/*-- 企业文化 --*/
.ab-ca{ width:100%; height:auto; float:left; background-size:auto; background-position:right 50px; background-repeat:no-repeat; padding:60px 0px;}
.ab-cal{ width:37%; height:auto; float:left;}
.ab-cal-one{ width:100%; height:auto; float:left; }
.ab-cal-one h1{ width:100%; height:auto; float:left; color:#3e7dff; font-weight:bold; line-height:35px; font-size:30px; padding-top:20px; padding-bottom:5px;}
.ab-cal-one p{ width:100%; height:auto; float:left; font-size:16px; color:#494949; line-height:30px; padding:10px 0px;}
.ab-cb{ width:100%; height:auto; float:left; background:#3e7dff; padding-top:80px;}
.ab-cbt{ width:100%; height:auto; float:left; text-align:center;}
.ab-cbt h1{ font-size:30px; color:#FFF; line-height:40px; font-weight:bold;}
.ab-cbt p{ font-size:18px; color:#FFF; line-height:30px; padding:40px 0px;}
.ab-cbimg{ width:100%; height:auto; float:left; text-align:center;}
.ab-cbimg img{ max-width:100%; }
/*-- 网站web --*/
.web{ width:100%; height:auto; float:left;}
.web-a{ width:100%; height:auto; float:left; padding:60px 0px 40px;}
.web-aone{ width:100%; height:auto; float:left; padding:35px 0px;}
.web-al{ width:25%; height:420px; float:left; background-repeat:no-repeat; background-color:#0d6efb; background-size:cover; background-position:center; padding:40px 10px 10px 40px; overflow:hidden;}
.web-al h1{ width:100%; height:auto; font-size:36px; color:#ffffff; line-height:40px; float:left; font-weight:bold;}
.web-al p{ width:100%; height:auto; float:left; font-size:16px; line-height:30px; color:#FFF; padding-top:5px;}
.web-ar{ width:75%; height:auto; float:left;}
.web-x{ width:50%; height:auto; float:left; padding:0px 5px 10px}
.web-xm{ width:100%; height:205px; float:left; background:#FFF; border:1px solid #eaeaea; padding:30px 20px 10px 20px;}
.web-xm .al{ width:30%; height:auto; float:left; text-align:center;}
.web-xm .al img{ max-width:100%;}
.web-xm .ar{ width:70%; height:auto; float:left;}
.web-xm .ar h1{ width:100%; height:auto; float:left; font-size:34px; color:#010101; padding:10px 0px;}
.web-xm .ar p{ width:100%; height:auto; float:left; font-size:18px; color:#666565; line-height:30px;}
.web-b{ width:100%; height:930px; float:left; background:#0e21c5; background-size:cover; background-repeat:no-repeat; background-position:center;}
.web-bt{ width:100%; height:auto; float:left; padding-top:70px;}
.web-bt h1{ width:100%; height:auto; float:left; font-size:40px; color:#29e6d6; font-weight:bold; text-align:center;}
.web-bt p{ width:100%; height:auto; float:left; font-size:16px; color:#FFF; text-align:center; line-height:25px; padding:20px 0px;}
.web-binfo{ width:100%; height:auto; float:left; margin-top:50px;}
.web-bl{ width:58%; height:auto; float:left;}
.web-bl img{ max-width:100%;}
.web-br{ width:42%; height:auto; float:left;}
.web-br ul li{ width:100%; height:auto; float:left; margin-top:20px;}
.web-br ul li i{ width:95px; height:95px; float:left; text-align:center;}
.web-br ul li i img{ max-width:100%;}
.web-br ul li span{ width:80%; height:auto; float:left; font-size:20px; color:#ffffff; line-height:35px; padding-top:10px;}
.web-c{ width:100%; height:auto; float:left; padding:85px 0px 30px; background:#f7f7f7;}
.web-ct{ width:100%; height:auto; float:left; text-align:center;}
.web-ct h1{ width:100%; height:auto; float:left; padding:10px ;}
.web-ct h1 span{ font-size:40px; color:#131314; font-weight:bold; padding:10px 80px; border-bottom:1px solid #e5e5e5; position:relative; line-height:60px;}
.web-ct h1 span:before{ content:""; left:45%; bottom:-2px; position:absolute;  width:10%; height:3px; background:#3e7dff;}
.web-ct p{ width:100%; height:auto; float:left; text-align:center; font-size:15px; color:#676767; line-height:30px; padding:10px 0px; }
.web-show{ width:100%; height:auto; float:left; padding:65px 0px; text-align:center;}
.web-lcone{ display:inline-block; vertical-align:top; width:130px;}
.web-lcone .p1{ float:left; width:100%; height:auto;}
.web-lcone .p1 img{ max-width:100%;}
.web-lcone .p2{ width:100%; height:auto; text-align:center; font-size:17px; color:#3c3c3c; display:table;}
.web-lcone .p2 p{ width:100%; height:70px; display:table-cell; vertical-align:middle; text-align:center;}
.web-lcgo{ width:50px; height:96px; display:inline-block; background-image:url(../img/images/web/gos.png); background-repeat:no-repeat; background-position:center;}
/*-- 品牌web --*/
.brandbox{ width:100%; height:auto; float:left;}
.branda{ width:100%; height:auto; float:left; padding:50px 0px 30px;}
.branda-a{ width:100%; height:auto; float:left;}
.baaone{ width:100%; height:315px; float:left; background-image:url(../img/images/web/brandbg.jpg); background-repeat:no-repeat; background-size:cover; background-position:center bottom; padding:50px 70px;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
filter:progid:DXImageTransform.Microsoft.Shadow(color=#c8c7c7,direction=120,strength=4);/*兼容ie*/
-moz-box-shadow: 5px 5px 15px 2px #c8c7c7;/*兼容firefox*/
-webkit-box-shadow: 5px 5px 15px 2px #c8c7c7;/*兼容safari或chrome*/
box-shadow: 5px 5px 15px 2px #c8c7c7;/*兼容opera或ie9*/
}
.bup{ width:100%; height:auto; float:left;}
.bup i{ width:70px; height:70px; float:left; background:#3e7dff; font-size:30px; font-weight:bold; text-align:center; line-height:70px; color:#FFF; font-style:normal;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.bup span{ width:70%; height:auto; float:left; padding-left:20px; margin-top:7px;}
.bup span h1{ width:100%; height:auto; float:left; font-size:27px; color:#1f1f1f; line-height:30px; font-weight:bold;}
.bup span p{ width:100%; height:auto; float:left; font-size:15px; color:#696969; line-height:30px;}
.bdown{ width:100%; height:auto; float:left; color:#464646; font-size:17px; line-height:30px; padding-top:20px;}
.branda-b{ width:100%; height:340px; float:left; margin:25px 0px; padding:30px 70px 10px; position:relative; overflow:hidden;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
background: linear-gradient(left, #fbbe9a, #e86a9a);
background: -ms-linear-gradient(left, #fbbe9a, #e86a9a);
background: -webkit-linear-gradient(left, #fbbe9a, #e86a9a);
background: -moz-linear-gradient(left, #fbbe9a, #e86a9a);
}
.bbl{ width:100%; height:auto; float:left; position:relative; z-index:1;}
.bbl h1{ width:100%; height:auto; font-size:65px; float:left; line-height:70px; color:#FFF; }
.bbl h2{ width:100%; height:auto; float:left; font-size:65px; font-weight:bold; color:#FFF; }
.bbl h3{width:100%; height:auto; float:left; font-size:28px; color:#FFF; line-height:33px;}
.bbl p{ width:620px; height:auto; float:left; font-size:18px; color:#FFF; line-height:40px; margin-top:10px;}
.bbr{ position:absolute; right:8%; top:30px;}
.bbr img{ max-width:100%;}
.brandb{ width:100%; height:auto; float:left; padding:55px 0px 30px;
background: linear-gradient(-45deg, #d0a3fc,#aba9fc, #83affc, #6ab3fc);
background: -ms-linear-gradient(75deg, #d0a3fc,#aba9fc, #83affc, #6ab3fc);
background: -webkit-linear-gradient(75deg, #d0a3fc,#aba9fc, #83affc, #6ab3fc);
background: -moz-linear-gradient(75deg, #d0a3fc,#aba9fc, #83affc, #6ab3fc);
}
.brandb-t{ width:100%; height:auto; float:left;}
.brandb-t h1{ width:100%; height:auto; float:left; text-align:center; font-size:42px; color:#FFF; font-weight:600; line-height:50px;}
.brandb-t p{ width:100%; height:auto; float:left; text-align:center; font-size:16px; color:#FFF; padding:15px 0px;}
.brandb-show{ width:100%; height:auto; float:left;}
.brandb-one{ width:100%; height:auto; float:left;}
.brandb-one h1{ width:100%; height:auto; float:left; font-size:20px; color:#FFF; padding:5px 0px; font-weight:600;}
.brandb-one p{ width:100%; height:auto; float:left; font-size:15px; line-height:25px; color:#FFF; padding:15px 0px;}
.brandb-one i{ width:100%; height:auto; float:left; padding:15px 0px;}
.brandb-one i img{ max-width:100%;}
.brandc{ width:100%; height:auto; float:left; padding:55px 0px 110px;}
.brandcm{ width:100%; height:auto; float:left; background-size:cover; background-repeat:no-repeat; background-position:center; position:relative;}
.brandcm-l{ width:525px; height:500px; float:left; position:relative; z-index:1; padding:40px; background:#FFF; margin:50px 85px; overflow:hidden;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.brandcm-l h1{ width:100%; height:auto; float:left; font-size:46px; color:#040404; position:relative; padding-bottom:30px;}
.brandcm-l h1:before{ width:70px; height:5px; background:#434343; content:""; position:absolute; left:0; bottom:0px;}
.brandcm-l p{ width:100%; height:auto; float:left; font-size:28px; color:#626262; line-height:45px; margin-top:40px;}
.brandcm-l a{ width:195px; height:60px; margin-top:60px; background-color:#f67524; float:left; color:#FFF; font-size:15px; background-image:url(../img/page/ggo.png); line-height:60px; padding-left:30px;
background-repeat:no-repeat; background-position:120px center;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;
}
.brandcm-l a:hover{ background-color:#242424; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
.brandcm-r{ width:auto; height:auto; position:absolute; right:0; top:30%; overflow:hidden;}
.brandcm-r img{ max-width:100%;}
/*-- 营销 --*/
.markbox{ width:100%; height:auto; float:left;}
.marka{ width:100%; height:auto; float:left; padding:30px 0px 60px;}
.marka-t{ width:100%; height:auto; float:left; padding:25px 0px 50px;}
.marka-t p{ width:100%; height:auto; float:left; text-align:center; color:#303030; font-size:17px; font-weight:600;}
.marka-t h1{ width:100%; height:auto; float:left; text-align:center; color:#1f1f1f; padding:15px 0px; font-size:30px; font-weight:600;}
.marka-t h1 span{ color:#3e7dff; }
.marka-show{ width:100%; height:auto; float:left; padding:0px 10%;}
.marka-one{ width:33.33%; height:auto; float:left; padding:6px;}
.marka-o{ width:100%; height:225px; float:left; background:#FFF; padding:20px; margin-bottom:12px;
-moz-border-radius: 15px; /* Firefox */
-webkit-border-radius: 15px; /* Safari 和 Chrome */
border-radius: 15px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.marka-a{ width:100%; height:auto; float:left; text-align:center;}
.marka-a i{ width:65px; height:50px; display:inline-block; vertical-align:top; }
.marka-a span{ font-size:20px; line-height:50px; color:#000; font-weight:600; display:inline-block; vertical-align:top; padding-left:10px;}
.marka-b{ width:100%; height:auto; float:left; text-align:center; font-weight:600; color:#3e7dff; font-size:18px; padding:10px 0px;}
.marka-c{ width:100%; height:auto; float:left; font-size:15px; color:#777777; line-height:25px;}
.marka-tm{ width:100%; height:700px; float:left; background:#3e7dff; overflow:hidden; text-align:center; position:relative;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.marka-tm h2{ width:100%; height:auto; float:left; font-size:25px; color:#ffffff; font-weight:200; line-height:40px; padding:45px 0px; position:relative; z-index:1;}
.marka-tm h1{ width:100%; height:auto; float:left; font-weight:bold; font-weight:600; font-size:66px; color:#FFF; position:relative; z-index:1;}
.marka-tm span{ width:100%; height:auto; float:left; text-align:center; color:#FFF; font-size:20px; position:relative; z-index:1;}
.marka-tm p{ width:100%; height:auto; float:left; padding:18px; letter-spacing:5px; color:#FFF; font-size:20px; position:relative; z-index:1;}
.marka-tm i{ position:absolute; left:0; bottom:3%; width:100%; max-width:100%;}
.markb{ width:100%; height:auto; float:left; background:#3e7dff; padding:60px 0px; overflow:hidden;}
.markb-t{ width:100%; height:auto; float:left;}
.markb-t h1{ width:100%; height:auto; float:left; text-align:center; font-size:40px; color:#FFF; font-weight:bold;}
.markb-t h1 span{ color:#fff000; }
.markb-t p{ width:100%; height:auto; float:left; text-align:center; font-size:14px; color:#FFF; padding:10px 0px; line-height:20px;}
.markb-show{ width:100%; height:auto; float:left;}
.markb-one{ width:33.33%; height:auto; float:left; padding:35px;}
.markb-mone{ width:100%; height:300px; float:left; background:#FFF; padding:25px 35px 10px;
-moz-border-radius: 80px 0px; /* Firefox */
-webkit-border-radius: 80px 0px; /* Safari 和 Chrome */
border-radius: 80px 0px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.markb-mone i{ width:100%; height:auto; float:left; text-align:center;}
.markb-mone i img{ max-width:100%;}
.markb-mone h1{ width:100%; height:auto; text-align:center; font-size:30px; color:#ff8400; line-height:30px; padding:15px 0px; font-weight:600; float:left;}
.markb-mone p{ width:100%; height:auto; float:left; font-size:15px; color:#333232; line-height:25px;}
.markc{ width:100%; height:auto; float:left; padding:80px 0px 110px;}
.markc h1{ width:100%; height:auto; float:left; text-align:center; font-size:51px; color:#3e7dff; font-weight:bold; padding:10px 0px;}
.markc h2{ width:100%; height:auto; float:left; padding:10px 0px; text-align:center; font-size:30px; color:#3e3d3d; line-height:35px;}
/*-- 门户 --*/
.indtbox{ width:100%; height:auto; float:left;}
.indta{ width:100%; height:auto; float:left; padding:65px 0px 30px;}
.indta-t{ width:100%; height:auto; float:left;}
.indta-t h1{ width:100%; height:auto; float:left; font-size:36px; line-height:40px; color:#000; font-weight:600; text-align:center;}
.indta-t p{ width:100%; height:auto; float:left; text-align:center; font-size:28px; color:#555555; line-height:30px; margin-top:20px;}
.indta-t span{ width:100%; height:auto; float:left; text-align:center; font-size:13px; color:#555555; line-height:20px;}
.indta-show{ width:100%; height:auto; float:left; text-align:center;}
.indta-one{ width:270px; height:270px; display:inline-block; vertical-align:top; background:#ff8400; margin:40px 60px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.indta-one i{ width:100%; height:auto; float:left; text-align:center; padding:60px 0px 15px;}
.indta-one i img{ max-width:100%;}
.indta-one p{ width:100%; height:auto; float:left; text-align:center; font-size:20px; color:#FFF;}
.indtb{ width:100%; height:auto; float:left; background:#FFF; padding:65px 0px 30px;}
.indtb-show{ width:100%; height:auto; float:left; text-align:center;}
.indtb-show img{ display:inline-block; vertical-align:top; margin:50px 15px; max-width:100%;}
.indtc{ width:100%; height:320px; float:left; padding:65px 0px 30px; background-image:url(../img/images/industry/inbg.jpg); background-size:cover;}
.indtc .indta-t h1{ color:#FFF; }
.indtc .indta-t p{ color:#FFF; }
.indtc .indta-t span{ color:#FFF; }
/*-- ERP --*/
.erpone{ width:100%; height:auto; float:left; margin-top:20px;}
.erpimg{ width:100%; height:auto; float:left; text-align:center;}
.erpimg img{ max-width:100%;}
.erpname{ width:100%; height:auto; float:left; display:table; margin-top:-20px;}
.erpname p{ display:table-cell; text-align:center; vertical-align:top; font-size:18px; color:#353535; width:100%; height:70px; font-weight:600;}
.erpline{ width:100%; height:20px; float:left; background-image:url(../img/page/erpline.png); background-repeat:no-repeat; background-position:center top;}
/*-- 客户案例 --*/
.case{ width:100%; height:auto; float:left;}
.casep{ width:100%; height:auto; float:left; font-size:14px; color:#6b6b6b; text-align:center; padding:25px 0px;}
.casenavs{ width:100%; height:auto; float:left; text-align:center; padding:45px 0px 30px;}
.casenavs a{ display:inline-block; vertical-align:top; padding:10px 25px; background:#FFF; border:1px solid #a0a0a0; line-height:25px; font-size:16px; color:#0a0a0a; margin:0px 20px;
-moz-border-radius: 30px; /* Firefox */
-webkit-border-radius: 30px; /* Safari 和 Chrome */
border-radius: 30px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.casenavs a:hover{ color:#FFF; background:#3e7dff; border:1px solid #3e7dff; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
#casechoose{ color:#FFF; background:#3e7dff; border:1px solid #3e7dff; }
.caseshow{ width:100%; height:auto; float:left; padding:10px 0px;}
.caseone{ width:100%; height:auto; float:left; margin-top:20px;}
.caseimg{ width:100%; height:auto; float:left; padding:45px 13% 0px 10%; background:#e1e1e1; position:relative;
-moz-border-radius: 20px; /* Firefox */
-webkit-border-radius: 20px; /* Safari 和 Chrome */
border-radius: 20px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.caseimg .p1{ width:100%; height:auto; float:left;}
.caseimg .p1 img{ width:100%;}
.caseimg .p2{ position:absolute; right:7%; bottom:0;}
.casename{ width:100%; height:auto; float:left; display:table;}
.casename p{ display:table-cell; text-align:center; vertical-align:middle; font-size:18px; color:#000; width:100%; height:100px;}
.morebox{ width:100%; height:auto; float:left; text-align:center; position:relative; padding:50px 0px 100px;}
.downs { background:#3e7dff;}
.ups { background:#dcdcdc;}
.moresone{ display:inline-block; font-size:18px; line-height:70px; color:#FFF; cursor:pointer; height:auto; position:relative; z-index:1; width:auto; min-width:320px; padding:0px 10px; height:70px;
-moz-border-radius: 60px; /* Firefox */
-webkit-border-radius: 60px; /* Safari 和 Chrome */
border-radius: 60px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;
}
.moresone:hover{ background:#054ef3; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.moresone span{ width:100%; height:auto; float:left;}
/*-- 新闻 --*/
.news{ width:100%; height:auto; float:left; padding:25px 0px;}
.ndone{ width:100%; height:auto; float:left; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.newimg{ width:100%; height:auto; float:left; overflow:hidden;}
.newimg img{ width:100%; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ndone:hover .newimg img{
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);
transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;
}
.newsname{ width:100%; height:auto; float:left; background:#e5e5e5; padding:10px 25px;}
.newsname .as{ width:100%; height:auto; float:left; display:table;}
.newsname .as h1{ width:100%; height:40px; display:table-cell; vertical-align:middle; font-size:19px; color:#353535; font-weight:600;}
.newsname .bs{ width:100%; height:auto; float:left;}
.newsname .bs p{ width:100%; height:90px; display:table-cell; vertical-align:middle; font-size:17px; color:#272727; line-height:28px; }
.ndate{ width:100%; height:auto; float:left; background:#FFF; padding:20px 30px;}
.ndatel{ width:auto; float:left;}
.ndatel h1{ font-size:32px; color:#adabaa; font-weight:600; line-height:60px; float:left;}
.ndatel p{ font-size:16px; color:#adabaa; line-height:30px; float:left; padding-top:20px; padding-left:20px;}
.ndater{ width:55px; height:55px; float:right; background-image:url(../img/page/ngo.png); background-position:center; background-repeat:no-repeat;}
.ndone:hover .ndater{ background-image:url(../img/page/ngoh.png); }
.ndone:hover .ndate{ background:#3e7dff; transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.ndone:hover .ndatel h1,.ndone:hover .ndatel p{ color:#FFF; transition: 0.3s;-webkit-transition: 0.3s;-moz-transition: 0.3s;}
/*-- 新闻详细内容 --*/
.in-newsbox_title {width:100%; padding:5px 10px; font-size:22px; text-align:center; float:left; color:#353535; margin-top:30px; font-weight:600;}
.in-newsbox_info {width:100%;height:auto;float:left; text-align:center; padding:20px 0px;}
.in-newsbox_info ul li{ width:50%; float:left; font-size:16px;}
.in-newsbox_info span{font-size:16px; color:#333; padding-right:10px; list-style:none; text-align:center; display:inline-block;}
.in-newsbox_content{float:left; font-size:16px; line-height:35px; width:100%;}
.in-newsbox_content img{ max-width:100%}
.pagee{width:100%;float:left; height:auto;}
.pagees{width:100%;float:left; height:auto;}
.pagesl{ width:30%; float:left;}
.pagesl p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr p{ width:auto; font-size:14px; line-height:20px; padding:5px 0px;}
.pagesr{ width:30%; float:right; text-align:right;}
.pagesl a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#1d76c9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesl a:hover{ color:#FFF; background:#232323;}
.pagesl i{ padding-right:5px;}
.pagesr a{ color:#FFF; font-size:16px;padding:5px 10px; display:inline-block; background:#1d76c9;
-moz-border-radius: 3px; /* Firefox */
-webkit-border-radius: 3px; /* Safari 和 Chrome */
border-radius: 3px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagesr i{ padding-right:5px;}
.pagesr a:hover{ color:#FFF; background:#232323;}
/*-- page --*/
.page{ width:100%;height:auto; float:left;text-align:center;font-size:12px; background:#FFF; padding:20px 0px 70px;}
.pagination{text-align:center;width: 100%;}
.pagination ul{width: 100%;height: auto;text-align: center;}
.pagination ul li{display: inline-block;color:#353535; width:14px; height:14px; text-align:center;
margin-right:5px; padding-left:0;}
.pagination ul li:before{}
.pagination ul li a{ width:14px; height:14px; display:block; background:#FFF; border:1px solid #e10920; overflow:hidden; line-height:50px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.pagination ul li a:hover{background: #e10920!important; }
.pagination ul li a.active{background: #e10920!important;}
/*-- 联系我们 --*/
.contact{ width:100%; height:auto; float:left;}
.contbox{ width:100%; height:auto; float:left; padding:75px 0px 85px;}
.contl{ width:53%; height:auto; float:left; padding-right:45px; padding-top:30px;}
.cont-t{ width:100%; height:auto; float:left; font-size:30px; line-height:40px; font-weight:bold; color:#3e7dff; padding-bottom:10px;}
.cont-line{ width:100%; height:1px; float:left; background:#242424; margin:15px 0px;}
.cont-p{ width:100%; height:auto; float:left;}
.contone{ width:100%; height:auto; float:left; padding:10px 0px;}
.contone i{ width:22px; height:22px; float:left; background:#e60012; font-size:12px; color:#FFF; text-align:center; line-height:22px;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius:360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.contone span{ width:120px; height:auto; float:left; color:#494949; font-size:18px; line-height:22px; padding:0px 22px; position:relative;}
.contone span:before{ content:""; position:absolute; right:0; top:3px; width:1px; height:16px; background:#cccccc; z-index:1;}
.contone p{ width:70%; height:auto; float:left; color:#494949; font-size:18px; line-height:22px; padding-left:22px;}
.contr{ width:47%; height:auto; float:left;}
/*-- 地图 --*/
.mapbox{ width:100%; height:auto; float:left; padding:20px 0px;}
.mapfang{ width:100%; height:335px; float:left; border:1px solid #cccccc; }
.mapfang img{ max-width:100px;}
/*-- foot --*/
.footB{ width:100%; height:auto; float:left;}
.footup{ width:100%; height:auto; float:left; background:#FFF; padding:15px 5px;}
.footup ul{ width:100%; float:left; text-align:center;}
.footup ul li{ display:inline-block; vertical-align:top; padding:0px 25px;}
.footup ul li i{ width:30px; height:30px; float:left; background-repeat:no-repeat; background-position:center;}
.footup ul li p{ float:left; font-size:16px; color:#2e3033; line-height:30px; padding:0px 5px; }
.footup ul li span{ width:1px; height:25px; background:#e5e5e5; float:left; margin:3px 10px;}
.footm{ width:100%; height:auto; float:left; background:#2e3033; }
.foot-box{ width:100%; height:auto; float:left; padding:65px 55px 50px;}
.foot-a{ width:10%; height:auto; float:left; padding:5px; margin-top:5px;}
.foot-at{ width:100px; height:auto; float:left; }
.foot-at h1{ width:100%; height:auto; float:left; font-size:16px; color:#ffffff; line-height:25px;}
.foot-at p{ width:100%; height:auto; float:left; font-size:12px; color:#7f94a9; line-height:25px; padding-left:5px;}
.foot-li{ width:100%; height:auto; float:left; margin-top:5px;}
.foot-li a{ width:100%; float:left; font-size:14px; color:#7f94a9; line-height:25px; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.foot-li a:hover{ color:#f5f5f5; transition:0.6s; -webkit-transition: 0.6s; -moz-transition: 0.6s;}
.foot-b{ width:31%; height:auto; float:left; }
.foot-bt{ width:100%; height:auto; float:left;}
.foot-bt span{ width:auto; height:auto; float:left; font-size:16px; color:#FFF; line-height:36px; padding:0px 25px; background:#3e7dff; position:relative;
-moz-border-radius: 7px; /* Firefox */
-webkit-border-radius: 7px; /* Safari 和 Chrome */
border-radius: 7px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.foot-bt span:before{ content:""; left:15px; top:100%; position:absolute;
border-left: 10px solid transparent;
border-right: 3px solid transparent;
border-top: 11px solid #3e7dff;
}
.foot-binfo{ width:100%; height:auto; float:left; padding:20px 0px; font-size:15px; color:#FFF; line-height:25px;}
.foot-c{ width:29%; height:auto; float:left;}
.foot-cimg{ width:160px; height:auto; float:left; padding:15px;}
.foot-cimg i{ width:100%; height:auto; float:left;}
.foot-cimg i img{ width:100%; }
.foot-cimg p{ width:100%; height:auto; float:left; text-align:center; font-size:12px; color:#FFF; padding:5px 0px;}
/**/
.footdown{ width:100%; height:auto; float:left; padding:3px 0px; color:#FFF; font-size:14px; background:#3e7dff;}
.footdown span{ display:inline-block; vertical-align:top; padding:0px 15px;}
.footdown span a{ color:#FFF; }
.footdl{ width:36%; float: left; padding-left:6%;}
.footdr{ width:64%; float: left; padding:14px 0px; line-height:21px;}
/* ~~ 脚注 ~~ */
.gom{ width:100%; height:auto; float:left; z-index:1; position:relative;}
.goback{ width:50px; height:50px; margin:0 auto;}
.goback .gos{
width:100%;
height:100%;
margin:0 auto;
z-index:1; position:relative;
background:url(../img/page/jtbiao.png) no-repeat;
-webkit-animation: movel 1s infinite linear;
-moz-animation: movel 1s infinite linear;
animation: movel 1s infinite linear;
cursor:pointer;
}
@-webkit-keyframes movel {
0% {background-position: 50% 80%; }
50% {background-position: 50% 10%;}
100% {background-position: 50% 80%; }
}
@-moz-keyframes movel {
0% {background-position: 50% 80%; }
50% {background-position: 50% 10%;}
100% {background-position: 50% 80%; }
}
@keyframes movel {
0% {background-position: 50% 80%; }
50% {background-position: 50% 10%;}
100% {background-position: 50% 80%; }
}
.goback .gos a{ display:block; width:100%; height:100%;}
/* ~~ 其它浮动/清除类 ~~ */
.fltrt {  /* 此类可用于在页面中使元素向右浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
float: right;
margin-left: 8px;
}
.fltlft { /* 此类可用于在页面中使元素向左浮动。浮动元素必须位于其在页面上的相邻元素之前。 */
float: left;
margin-right: 8px;
}
.clearfloat { /* 如果从 #container 中删除或移出了 #footer，则可以将此类放置在 <br /> 或空 div 中，作为 #container 内最后一个浮动 div 之后的最终元素 */
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.clearbox{ width:100%; height:1px; float:left;}
.cnf18{ font-size:16px;}
#cnf38{ font-size:38px;}
.cnf14{ font-size:14px;}
.pon{
-webkit-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-webkit-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-webkit-animation-duration: 1500ms;              /*动画持续时间*/
-webkit-animation-iteration-count: infinite;    /*动画要重复次数*/
-webkit-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
-moz-animation-timing-function: ease-in-out;    /*动画时间曲线*/
-moz-animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
-moz-animation-duration: 1500ms;              /*动画持续时间*/
-moz-animation-iteration-count: infinite;    /*动画要重复次数*/
-moz-animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
animation-timing-function: ease-in-out;    /*动画时间曲线*/
animation-name: breathe;                  /*动画名称，与@keyframes搭配使用*/
animation-duration: 1500ms;              /*动画持续时间*/
animation-iteration-count: infinite;    /*动画要重复次数*/
animation-direction: alternate;         /*动画执行方向，alternate 表示反复*/
}
@-webkit-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@-moz-keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
@keyframes breathe {
0% { opacity: 0.8;}
50% { opacity: 1;}
100% { opacity: 0.8;}
}
/*-- 左侧 --*/
.footside{position:fixed; width:60px; height:auto; right:0; top:45%; transform: translateY(-50%); z-index:100; z-index: 99990;}
.footside ul li{width:60px; height:60px; float:left; position:relative; list-style:none; background:#FFF; border: 1px solid #e4e4e4; display: table; margin-top: -1px; }
.footside ul li h1{ display: table-cell; width:100%; height: 100%; letter-spacing: 1px;  font-size: 14px; color:#000; line-height: 18px; vertical-align: middle; text-align: center;}
.footside ul li div{ width:60px; height:60px; color: #FFF; display: table; background: #ff6d25; text-align: center; position:absolute; right: 0; top: 0; visibility: hidden; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity:0; opacity:0;transition: 0.6s;-webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li:hover div{ width:150px; text-align: center; height:auto; visibility: visible; right: 100%;  filter:alpha(opacity=100); -moz-opacity:1; -khtml-opacity:1; opacity:1; transition: 0.6s; -webkit-transition: 0.6s;-moz-transition: 0.6s;}
.footside ul li div p{ width:150px; height:60px; display: table-cell; vertical-align: middle;}
.footside ul li div i{ width:150px; position: absolute; right: 0; top: 100%; z-index: 1;}
.footside ul li div i img{ width:100%;}
.footside ul li h1 a{ display: block; color: #000;}
.footside ul li h1 a:hover{ color: #ff6d25;}
.footside ul li.vlook{ display: none; }
/*-- --*/
.fivbox{ position: fixed; width: 600px; height: auto; background-color: rgba(4, 14, 53, .8); left: 50%; top: 40%; transform: translate(-50%, -50%); padding-bottom: 30px; z-index: 99991; background-position: right 30px top 20px; background-repeat: no-repeat; background-size: 180px auto;}
.fiv-t{ width:100%; height: auto; padding: 50px 50px 10px; float: left;}
.fiv-t h1{ font-size:22px; color: #FFF; line-height: 35px; letter-spacing: 1px; width:100%; float: left;}
.fiv-t p.fp{ width:100%; height: auto; font-size: 18px; color: #FFCE66; line-height: 35px; margin-top: 30px; float: left;}
.fiv-t p.fp a{ color:#FFCE66; font-weight: 600;font-size:26px; text-decoration: underline;}
.fiv-t p{ width:100%; height: auto; font-size: 14px; color: #FFF; padding: 5px 0px; float: left;}
.fiv-form{ width:100%; height: auto; float: left; padding: 0px 50px}
#inputv{ width:100%;  height: 48px; background: transparent; color: #FFF; border: 2px solid #487df6; outline: 0; font-size: 14px; padding: 0px 10px; margin: 5px 0px}
#buttonv{ width:100%;  height: 50px; color: #FFF; font-size: 16px; border:0; outline: 0; margin-top: 10px;
background: linear-gradient(left, #487df6, #0c4094);
background: -ms-linear-gradient(left, #487df6, #0c4094);
background: -webkit-linear-gradient(left, #487df6, #0c4094);
background: -moz-linear-gradient(left, #487df6, #0c4094);
}
.fivbox>i{ position:absolute; right: 15px; top: 15px; width: 30px; height: 30px; border: 1px solid #FFF; cursor: pointer;
-moz-border-radius: 360px; /* Firefox */
-webkit-border-radius: 360px; /* Safari 和 Chrome */
border-radius: 360px; /* Opera 10.5+, 以及使用了IE-CSS3的IE浏览器 */
}
.fivbox>i:before{content:""; position:absolute; right:6px; top:13px; width:15px; height:2px; background-color:#FFF;
transform:rotate(45deg);
-ms-transform:rotate(45deg); 	/* IE 9 */
-moz-transform:rotate(45deg); 	/* Firefox */
-webkit-transform:rotate(45deg); /* Safari 和 Chrome */
-o-transform:rotate(45deg); 	/* Opera */}
.fivbox>i:after{content:""; position:absolute; right:6px; top:13px; width:15px; height:2px; background-color:#FFF;
transform:rotate(-45deg);
-ms-transform:rotate(-45deg); 	/* IE 9 */
-moz-transform:rotate(-45deg); 	/* Firefox */
-webkit-transform:rotate(-45deg); /* Safari 和 Chrome */
-o-transform:rotate(-45deg); 	/* Opera */}
#inputv::-webkit-input-placeholder{ opacity:1; color:#cecece;}
#inputv:-moz-placeholder{opacity:1; color:#cecece;}
#inputv::-moz-placeholder{opacity:1; color:#cecece;}
#inputv:-ms-input-placeholder{opacity:1; color:#cecece;}
/* xs */
@media (max-width: 767px) {
.footside ul li.vlook{ display: block; padding-top: 10px; padding-left: 15px; }
.footside ul li h1{ font-size: 13px; }
#vimg{ width: 50px; padding-left: 10px;}
.fivbox{ width: 90%; background-position: right 20px top 20px; background-size: 140px auto;}
.fiv-t{ padding: 30px 20px 10px; }
.fiv-t h1{ width:70%; font-size:17px; line-height: 26px; }
.fiv-t p.fp{ font-size: 16px; line-height: 30px; margin-top: 20px;}
.fiv-t p.fp a{ font-size:22px;}
.fiv-form{ padding: 0px 20px}
#buttonv{ margin-top: 10px;}
}