@charset "utf-8";
/****网站首页****/
body { background:#fff;}
ul,li { margin:0; padding:0;}
a { color:#333;}
a:hover { text-decoration:none;}

/*****公用样式*****/
.gy_t { width:1300px; margin:40px auto 0 auto; overflow:hidden;}
.tile { line-height:initial; color:#333; position:relative;}
.tile h1 { font-size:28px; padding-top:40px; position:relative; z-index:2;}
.tile p { font-size:14px; color:#999; line-height:30px;}
.tile p span { font-family:Georgia,Tahoma; font-size:26px; color:#fff; margin:0 5px;}
.tile i { min-width: 450px; font-style:normal; line-height:45px; font-size:48px; color:#eee; filter:alpha(opacity=60); opacity:0.6; text-transform:Uppercase; position:absolute; left:0; top:25px; z-index:0;}
.cor0 { background:#8b8b8b;}
.cor1 { background:#ce1359;}
.cor2 { background:#1374ce;}
.cor3 { background:#fe5a00;}
.cor4 { background:#6713ce;}
.cor5 { background:#13ce9b;}
.mero { color:#fff; display:block; height:35px; margin-top:10px; opacity:1; position:relative; transition:all 0.3s ease-out 0s;}
.mero::after { content:""; height:15px; left:50%; margin-top:-8px; position:absolute; top:50%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:1px;}
.mero::before { content:""; height:1px; left:50%; margin-left:-7px; margin-top:-1px; position:absolute; top:50%; transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; width:15px;}
.mero:hover { width:95%;}

.mar_r { margin-right:20px;}
.bt_t { width:100%; height:30px; border-bottom:1px solid #ddd;}
.bt_t h2 { font-size:14px; display:block; height:30px; line-height:20px; color:#000; float:left; padding:0 10px 0 3px; border-bottom:1px solid #999; margin:0; font-family:Microsoft YaHei; font-weight:bold;}
.bt_t h2 i { font-style:normal; font-weight:100; color:#999; margin-left:5px; font-size:12px;}
.bt_t a { display:block; float:right; padding-right:5px; margin-top:5px;}
.nr_t { padding:10px 0;}
.xall { width:100%;}
.xall h2 { color:#fff; font-size:30px; height:35px; line-height:35px; padding-bottom:15px; text-align:center; margin:0;}
.xall h2 a { color:#fff;}
.xall h2 span { border-bottom:1px solid #fff; padding:0 40px 16px 40px;}
.xall h2 i { margin-left:5px; color:#bbbbbb; font-size:20px; font-style:normal;}
.xal { width:100%; background:#f6f6f6; height:45px; line-height:45px; text-align:left;}
.xal span { font-size:20px; color:#000; border-left:2px solid #b4000c; padding-left:10px; float:left; font-weight:100;}
.xal a { display:block; float:right; padding-right:10px; margin-top:15px;}

/*业务*/
.busclas { width:100%; margin:0 auto; padding:15px 0 50px 0;}
.busclas ul { margin-left:1px;}
.busclas li { float:left; width:190px; margin-left:-1px; margin-top:30px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busclas li .lft { float:left; width:190px; padding-bottom:10px; text-align:center; border:1px solid #e8e8e8; box-sizing:border-box;}
.busclas li .lft h1 { font-weight:600; width:90%; font-size:18px; color:#333; line-height:30px; margin:0 auto; padding-top:30px;}
.busclas li .lft h6 { width:95%; font-weight:500; font-size:14px; color:#4b4b4b; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.busclas li .lft i { display:block; width:100px; height:100px; margin:20px auto; background-position:center; background-repeat:no-repeat; background-size:60%;}
.busclas li .lft p { width:85%; height:44px; padding:16px 7.5% 5px 7.5%; font-size:12px; color:#999; border-top:1px dashed #cdcdcd;}
.busclas li .rgt { float:right; width:0px; height:300px; overflow:hidden; background:url(../images/bus-bg.jpg) no-repeat 0 0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busclas li .rgt a { display:block; width:80%; min-width:130px; padding:0 10%; line-height:59px; font-size:14px; color:#bbb; border-bottom:1px solid #565758; position:relative; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busclas li .rgt a::after { display:block; content:""; width:6px; height:6px; margin:auto; border-top:1px solid #bbb; border-right:1px solid #bbb; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; right:15px; top:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.busclas li .rgt a:hover { color:#fff;}
.busclas li .rgt a:hover::after { border-color:#fff;}
.busclas .on { width:350px; box-shadow:0 0 20px rgba(0,0,0,0.3); position:relative; z-index:2;}
.busclas .on .lft { border-color:#b4000c; background:#b4000c;}
.busclas .on .lft h1,.busclas .on .lft h6,.busclas .on .lft p { color:#fff;}
.busclas .on .lft p { border-color:#db6a71;}
.busclas .on .rgt { width:160px;}
.busclas .bus01 .lft i { background-image:url(../images/yfw01.png);}
.busclas .bus01.on .lft i { background-image:url(../images/yfw01h.png);}
.busclas .bus02 .lft i { background-image:url(../images/yfw02.png);}
.busclas .bus02.on .lft i { background-image:url(../images/yfw02h.png);}
.busclas .bus03 .lft i { background-image:url(../images/yfw03.png);}
.busclas .bus03.on .lft i { background-image:url(../images/yfw03h.png);}
.busclas .bus04 .lft i { background-image:url(../images/yfw04.png);}
.busclas .bus04.on .lft i { background-image:url(../images/yfw04h.png);}
.busclas .bus05 .lft i { background-image:url(../images/yfw05.png);}
.busclas .bus05.on .lft i { background-image:url(../images/yfw05h.png);}
.busclas .bus06 .lft i { background-image:url(../images/yfw06.png);}
.busclas .bus06.on .lft i { background-image:url(../images/yfw06h.png);}

/*案例*/
.khal_t { width:100%; padding:15px 0; background:#fafafa;}
.khal_t .tile { float:left; width:400px;}
.khal_t .hd  { float:right; margin-top:25px;}
.khal_t .hd li { float:right; line-height:40px; font-size:14px; color:#ccc; cursor:pointer; padding:0 20px; background:#333; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.khal_t .hd li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:5px 5px 0 5px; border-color:#b4000c transparent transparent transparent; position:absolute; left:0; right:0; bottom:-5px;}
.khal_t .hd li.on { font-weight:bold; color:#fff; background:#b4000c;}
.khal_t .hd li.on::after { display:block;}
.khal_t .bd { margin-top:25px;}
.khal_t .bd .lsts { width:100%; min-width:1366px;}
.khal_t .bd .lsts .content { position:relative;}
.khal_t .bd .lsts .content p { width:900px; text-align:right; position:absolute; top:-55px; right:0;}
.khal_t .bd .lsts .content p a { display:inline-block; line-height:30px; font-size:15px; color:#666; margin-left:25px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.khal_t .bd .lsts .content p a:hover { color:#b4000c;}
.khal_t .bd .lsts .content p .hov { font-weight:bold; color:#b4000c;}
.khal_t .bd .lsts li { float:left; width:calc(100% / 3); background:#f9f9f9;}
.khal_t .bd .lsts li .img { display:block; width:100%; height:360px; overflow:hidden; background-position:center; background-repeat:no-repeat; background-size:auto 100%; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.khal_t .bd .lsts li .img p,.khal_t .lsts li .img a { display:block; height:0%; margin:auto; overflow:hidden; background:rgba(180,0,12,0.8); -webkit-transition:all .8s ease; transition:all .8s ease; position:absolute; top:0; z-index:2;}
.khal_t .bd .lsts li .img p { width:100%;}
.khal_t .bd .lsts li .img p img { display:block; width:140px; height:140px; margin:15% auto;}
.khal_t .bd .lsts li .img a { width:0%; right:0; bottom:0; left:0;}
.khal_t .bd .lsts li .img a::before,.khal_t .bd .lsts li .img a::after { display:block; content:""; margin:auto; background:#fff; -webkit-transition:all .8s ease; transition:all .8s ease; position:absolute; top:0; right:0; bottom:0; left:0; z-index:1; filter:alpha(opacity=0); opacity:0;}
.khal_t .bd .lsts li .img a::before { width:1px; height:55px; top:-400px;}
.khal_t .bd .lsts li .img a::after { width:55px; height:1px; left:-560px;}
.khal_t .bd .lsts li h3 { width:100%; line-height:30px; background:url(../images/cas_e.png) no-repeat 96% 24px; -webkit-transition:all .8s ease; transition:all .8s ease;}
.khal_t .bd .lsts li h3 a { display:block; width:95%; font-weight:500; font-size:16px; color:#666; padding:10px 2.5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.khal_t .bd .lsts li:hover .img { background-size:auto 130%;}
.khal_t .bd .lsts li:hover .img p img { transform:scale(1,1);}
.khal_t .bd .lsts li:hover .img p,.khal_t .bd .lsts li:hover .img a { width:100%; height:100%;}
.khal_t .bd .lsts li:hover .img a::before,.khal_t .bd .lsts li:hover .img a::after { filter:alpha(opacity=1); opacity:1;}
.khal_t .bd .lsts li:hover .img a::before { top:0;}
.khal_t .bd .lsts li:hover .img a::after { left:0;}
.khal_t .bd .lsts li:hover h3 { background-position:96% -30px;}

/*综合资讯*/
.alnews { width:100%; padding-bottom:20px;}
.alnews .tile { float:left;}
.alnews .hd { float:right; margin-top:60px;}
.alnews .hd li { float:left; cursor:pointer; line-height:35px; margin-left:10px; border:1px solid #ddd; border-radius:20px; position:relative;}
.alnews .hd li::after { display:none; content:""; width:0; height:0; margin:auto; border-style:solid; border-width:0 10px 10px 10px; border-color:transparent transparent #b4000c transparent; line-height:0px; _border-color:#000 #000 #b4000c #000; _filter:progid:DXImageTransform.Microsoft.Chroma(color='#000'); position:absolute; left:0; right:0; top:66px;}
.alnews .hd li a { display:block; font-size:14px; color:#666; padding:0 20px;}
.alnews .hd li.on { border-color:#b4000c;}
.alnews .hd li.on::after { display:block;}
.alnews .hd li.on a { font-weight:bold; color:#b4000c;}
.alnews .bd { width:100%; margin-top:30px; padding-top:40px; border-top:1px solid #e8e8e8;}
.alnews .bd .meg { width:1300px; margin:0 auto;}
.alnews .bd .new01 .lft { float:left; width:600px;}
.alnews .bd .new01 .lft li { width:100%; margin-bottom:20px;}
.alnews .bd .new01 .lft li a { display:block; width:100%;}
.alnews .bd .new01 .lft li .time { float:left; width:80px; height:80px; line-height:45px; font-size:26px; color:#333; text-align:center; border:1px solid #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .lft li .time span { display:block; line-height:25px; font-size:14px; color:#999; margin-top:5px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .lft li .time span::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#999; position:absolute; left:0; right:0; top:-5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .lft li .msg { float:right; width:500px;}
.alnews .bd .new01 .lft li .msg h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .lft li .msg p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new01 .lft li:hover .time { color:#fff; border-color:#b4000c; background:#b4000c;}
.alnews .bd .new01 .lft li:hover .time span { color:#fff;}
.alnews .bd .new01 .lft li:hover .time span::after { background:#fff;}
.alnews .bd .new01 .lft li:hover .msg h3 { color:#b4000c;}
.alnews .bd .new01 .rgt { float:right; width:700px;}
.alnews .bd .new01 .rgt li { float:right; width:315px; margin-left:25px; margin-bottom:25px;}
.alnews .bd .new01 .rgt li a { display:block; width:100%;}
.alnews .bd .new01 .rgt li .img { width:315px; height:145px; margin-bottom:10px; overflow:hidden;}
.alnews .bd .new01 .rgt li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .rgt li h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:5px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new01 .rgt li p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new01 .rgt li:hover .img img { transform:scale(1.1,1.1);}
.alnews .bd .new01 .rgt li:hover h3 { color:#b4000c;}
.alnews .bd .new02 {}
.alnews .bd .new02 .inhd { width:1074px; text-align:center; margin:0 auto 40px auto;}
.alnews .bd .new02 .inhd li { float:left; width:175px; height:40px; line-height:40px; margin:0 2px; border-radius:2px; background:#eee;}
.alnews .bd .new02 .inhd li a { display:block; width:90%; padding:0 5%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.alnews .bd .new02 .inhd li a i { font-style:normal;}
.alnews .bd .new02 .inhd li:hover,.alnews .bd .new02 .inhd li.on { border-color:#b4000c; background:#b4000c; position:relative; z-index:2;}
.alnews .bd .new02 .inhd li:hover a,.alnews .bd .new02 .inhd li.on a { color:#fff;}
.alnews .bd .new02 .inbd { width:100%;}
.alnews .bd .new02 .inbd li { float:left; width:48.5%; margin:0 3% 15px 0; padding-bottom:15px; border-bottom:1px solid #eee;}
.alnews .bd .new02 .inbd li:nth-child(2n) { margin-right:0;}
.alnews .bd .new02 .inbd li a { display:block; width:100%;}
.alnews .bd .new02 .inbd li .img { float:left; width:140px; height:105px; overflow:hidden;}
.alnews .bd .new02 .inbd li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new02 .inbd li .msg { float:right; width:475px;}
.alnews .bd .new02 .inbd li h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new02 .inbd li span { display:block; font-size:12px; color:#999;}
.alnews .bd .new02 .inbd li p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new02 .inbd li:hover .img img { transform:scale(1.1,1.1);}
.alnews .bd .new02 .inbd li:hover h3 { color:#b4000c;}
.alnews .bd .new03 {}
.alnews .bd .new03 .inhd { width:402px; text-align:center; margin:0 auto 30px auto;}
.alnews .bd .new03 .inhd li { float:left; width:130px; height:40px; line-height:40px; margin:0 2px; border-radius:2px; background:#eee;}
.alnews .bd .new03 .inhd li a { display:block; width:90%; padding:0 5%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.alnews .bd .new03 .inhd li a i { font-style:normal;}
.alnews .bd .new03 .inhd li:hover,.alnews .bd .new03 .inhd li.on { border-color:#b4000c; background:#b4000c; position:relative; z-index:2;}
.alnews .bd .new03 .inhd li:hover a,.alnews .bd .new03 .inhd li.on a { color:#fff;}
.alnews .bd .new03 .inbd { width:100%;}
.alnews .bd .new03 .inbd li { float:left; width:48.5%; margin:0 3% 15px 0; padding-bottom:15px; border-bottom:1px solid #eee;}
.alnews .bd .new03 .inbd li:nth-child(2n) { margin-right:0;}
.alnews .bd .new03 .inbd li a { display:block; width:100%;}
.alnews .bd .new03 .inbd li .time { float:left; width:80px; height:80px; line-height:45px; font-size:26px; color:#333; text-align:center; border:1px solid #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new03 .inbd li .time span { display:block; line-height:25px; font-size:14px; color:#999; margin-top:5px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new03 .inbd li .time span::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#999; position:absolute; left:0; right:0; top:-5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new03 .inbd li .msg { float:right; width:530px;}
.alnews .bd .new03 .inbd li .msg h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new03 .inbd li .msg p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new03 .inbd li:hover .time { color:#fff; border-color:#b4000c; background:#b4000c;}
.alnews .bd .new03 .inbd li:hover .time span { color:#fff;}
.alnews .bd .new03 .inbd li:hover .time span::after { background:#fff;}
.alnews .bd .new03 .inbd li:hover .msg h3 { color:#b4000c;}
.alnews .bd .new04 {}
.alnews .bd .new04 .inhd { width:1206px; text-align:center; margin:0 auto 40px auto;}
.alnews .bd .new04 .inhd li { float:left; width:130px; height:40px; line-height:40px; margin:0 2px; border-radius:2px; background:#eee;}
.alnews .bd .new04 .inhd li a { display:block; width:90%; padding:0 5%; font-size:14px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.alnews .bd .new04 .inhd li a i { font-style:normal;}
.alnews .bd .new04 .inhd li:hover,.alnews .bd .new04 .inhd li.on { border-color:#b4000c; background:#b4000c; position:relative; z-index:2;}
.alnews .bd .new04 .inhd li:hover a,.alnews .bd .new04 .inhd li.on a { color:#fff;}
.alnews .bd .new04 .inbd { width:100%;}
.alnews .bd .new04 .inbd .lft { float:left; width:680px;}
.alnews .bd .new04 .inbd .lft li { float:left; width:315px; margin-right:25px; margin-bottom:25px;}
.alnews .bd .new04 .inbd .lft li a { display:block; width:100%;}
.alnews .bd .new04 .inbd .lft li .img { width:315px; height:170px; margin-bottom:10px; overflow:hidden;}
.alnews .bd .new04 .inbd .lft li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .lft li h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:10px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .lft li span { display:block; font-size:12px; color:#999;}
.alnews .bd .new04 .inbd .lft li p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new04 .inbd .lft li:hover .img img { transform:scale(1.1,1.1);}
.alnews .bd .new04 .inbd .lft li:hover h3 { color:#b4000c;}
.alnews .bd .new04 .inbd .rgt { float:right; width:615px;}
.alnews .bd .new04 .inbd .rgt li { width:100%; margin-bottom:20px;}
.alnews .bd .new04 .inbd .rgt li a { display:block; width:100%;}
.alnews .bd .new04 .inbd .rgt li .time { float:left; width:80px; height:80px; line-height:45px; font-size:26px; color:#333; text-align:center; border:1px solid #ddd; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .rgt li .time span { display:block; line-height:25px; font-size:14px; color:#999; margin-top:5px; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .rgt li .time span::after { display:block; content:""; width:20px; height:1px; margin:auto; background:#999; position:absolute; left:0; right:0; top:-5px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .rgt li .msg { float:right; width:515px;}
.alnews .bd .new04 .inbd .rgt li .msg h3 { font-weight:500; font-size:16px; color:#000; margin-bottom:10px;  overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;}
.alnews .bd .new04 .inbd .rgt li .msg p { height:50px; line-height:25px; font-size:12px; color:#999; line-height:25px; overflow:hidden;}
.alnews .bd .new04 .inbd .rgt li:hover .time { color:#fff; border-color:#b4000c; background:#b4000c;}
.alnews .bd .new04 .inbd .rgt li:hover .time span { color:#fff;}
.alnews .bd .new04 .inbd .rgt li:hover .time span::after { background:#fff;}
.alnews .bd .new04 .inbd .rgt li:hover .msg h3 { color:#b4000c;}

/*行业软件开发*/
.indsoft { width:calc(100% - 10px); min-width:1300px; padding:20px 5px 50px 5px; margin-bottom:10px; background:#fafafa;}
.indsoft .tile { margin-bottom:20px;}
.indsoft li { float:left; width:calc(100% / 5 - 10px); margin:5px;}
.indsoft li a { display:block; width:100%; height:230px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative;}
.indsoft li a::after { display:block; content:""; width:100%; height:100%; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;}
.indsoft li p { width:90%; line-height:230px; font-size:20px; color:#fff; text-align:center; margin:0 auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:relative; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;}
.indsoft li:hover a::after { background:rgba(180,0,12,0.9);}
.indsoft li:hover p { font-size:26px;}

/*解决方案*/
.stymfn { width:100%; padding:40px 0; background:url(../images/yzfa.jpg) no-repeat center bottom;}
.stymfn .hd { float: left; width: 280px; text-align: center; margin-top: 40px; padding: 50px 0; position: relative;}
.stymfn .hd::after { display: block; content: ""; width: 260px; height: 100%; background-image: linear-gradient(rgba(208,223,254,0.1),rgba(208,223,254,1),rgba(208,223,254,0.5)); position: absolute; left: 10px; top: 0; z-index: 1;}
.stymfn .hd li { height: 70px; line-height: 70px; cursor: pointer; position: relative; z-index: 2;}
.stymfn .hd li::before,.stymfn .hd li::after { display: none; content: ""; width: 0; height: 0; border-style: solid; position: absolute; bottom: -20px;}
.stymfn .hd li::before { border-width: 0 10px 20px 0; border-color: transparent #b4000c transparent transparent; left: 0;}
.stymfn .hd li::after { border-width: 20px 10px 0 0; border-color: #b4000c transparent transparent transparent; right: 0;}
.stymfn .hd li span { display: block; width: 100%; font-size: 20px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.stymfn .hd .on { background: #b4000c;}
.stymfn .hd .on::before,.stymfn .hd .on::after { display: block;}
.stymfn .hd .on span { color: #fff;}
.stymfn .bd { float: right; width: calc(100% - 360px); margin-top: 40px;}
.stymfn .bd .list { width: 100%;}
.stymfn .bd .list p { line-height: 30px; font-size: 17px; color: #333;}
.stymfn .bd .list .gn { width: 100%; margin-top: 30px; padding-top: 35px; border-top: 1px solid rgba(208,223,254,0.4);}
.stymfn .bd .list .gn li { float: left; text-align: center; margin: 0 62.5px 25px 0; position: relative;}
.stymfn .bd .list .gn li img { display: block; margin: 0 auto 5px auto;}
.stymfn .bd .list .gn li p { font-size: 15px; color: #333;}

.stymfn .bd .list .anl { width: 100%; padding-top: 20px;}
.stymfn .bd .list .anl h3 { line-height: 35px; font-size: 18px; color: #333; position: relative;}
.stymfn .bd .list .anl h3::after { display: block; content: ""; width: 90%; height: 1px; background: #d3e1f8; position: absolute; right: 0; top: 17.5px;}
.stymfn .bd .list .anl li { float: left; width: calc(100% / 5 - 16px); text-align: center; margin: 20px 20px 0 0;}
.stymfn .bd .list .anl li:last-child { margin-right: 0;}
.stymfn .bd .list .anl li .img { width: 176px; height: 99px; overflow: hidden; background: #fff;}
.stymfn .bd .list .anl li .img img { display: block; width: 176px; height: 99px; -webkit-transition:all .5s ease; transition:all .5s ease;}
.stymfn .bd .list .anl li p { line-height: 35px; font-size: 14px; color: #333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.stymfn .bd .list .anl li:hover .img img { transform:scale(1.1,1.1);}
.stymfn .bd .list .anl li:hover p { color: #b4000c;}

.stymfn .bd .xiehui .gn li { width: calc(100% / 5 - 50px);}
.stymfn .bd .xiehui .gn li:nth-child(5n) { margin-right: 0;}
.stymfn .bd .xiehui .gn li img { width: 50px; height: 50px; padding: 10px; border-radius: 50%; overflow: hidden; background: rgba(208,223,254,0.2);}

.stymfn .bd .lvzhi .gn li { width: calc(100% / 5 - 50px);}
.stymfn .bd .lvzhi .gn li:nth-child(5n) { margin-right: 0;}
.stymfn .bd .lvzhi .gn li::before,
.stymfn .bd .lvzhi .gn li::after { display: block; content: ""; margin: 0 auto; border-radius: 50%; overflow: hidden; position: absolute; left: 0; right: 0;}
.stymfn .bd .lvzhi .gn li::before { width: 30px; height: 30px; padding: 20px; background: rgba(53,118,255,0.08); top: -10px; z-index: 1;}
.stymfn .bd .lvzhi .gn li::after { width: 25px; height: 25px; padding: 10px; background: #3576ff; top: 2.5px; z-index: 2;}
.stymfn .bd .lvzhi .gn li img { width: 25px; height: 25px; margin: 12.5px auto 30px auto; position: relative; z-index: 3;}

.stymfn .bd .lvyou .gn li { width: calc(100% / 5 - 50px);}
.stymfn .bd .lvyou .gn li:nth-child(5n) { margin-right: 0;}
.stymfn .bd .lvyou .gn li::before,
.stymfn .bd .lvyou .gn li::after { display: block; content: ""; margin: 0 auto; border-radius: 50%; position: absolute; left: 0; right: 0;}
.stymfn .bd .lvyou .gn li::before { width: 30px; height: 30px; padding: 20px; background: rgba(53,118,255,0.08); top: -10px; z-index: 1;}
.stymfn .bd .lvyou .gn li::after { width: 25px; height: 25px; padding: 10px; background: #3576ff; top: 2.5px; z-index: 2;}
.stymfn .bd .lvyou .gn li img { width: 25px; height: 25px; margin: 12.5px auto 30px auto; position: relative; z-index: 3;}

.stymfn .bd .dianshang .gn li { width: calc(100% / 4 - 47px); margin-right: 62.5px;}
.stymfn .bd .dianshang .gn li:nth-child(4n) { margin-right: 0;}
.stymfn .bd .dianshang .gn li img { width: 60px; height: 60px;}

.stymfn .bd .cheliang .gn li { width: calc(100% / 5 - 50px);}
.stymfn .bd .cheliang .gn li:nth-child(5n) { margin-right: 0;}
.stymfn .bd .cheliang .gn li::before,
.stymfn .bd .cheliang .gn li::after { display: block; content: ""; margin: 0 auto; border-radius: 50%; position: absolute; left: 0; right: 0;}
.stymfn .bd .cheliang .gn li::before { width: 30px; height: 30px; padding: 20px; background: rgba(53,118,255,0.08); top: -10px; z-index: 1;}
.stymfn .bd .cheliang .gn li::after { width: 25px; height: 25px; padding: 10px; background: #3576ff; top: 2.5px; z-index: 2;}
.stymfn .bd .cheliang .gn li img { width: 25px; height: 25px; margin: 12.5px auto 30px auto; position: relative; z-index: 3;}

.stymfn .bd .fazheng .gn li { float:left; width:calc(100% / 3 - 10px); text-align: left; padding: 5px 20px 10px 20px; margin: 0 15px 15px 0; border-radius: 4px; box-sizing:border-box; overflow: hidden; background: #fff;}
.stymfn .bd .fazheng .gn li:nth-child(3n) { margin-right: 0;}
.stymfn .bd .fazheng .gn li img { display:block; float: left; width:100px; margin: 0;}
.stymfn .bd .fazheng .gn li h3 { float: right; width: calc(100% - 120px); line-height: 30px; font-size: 16px; color: #333; margin-top: 15px;}
.stymfn .bd .fazheng .gn li p { line-height:22px; font-size:12px; color:#666;}

.stymfn .bd .jiaowu .gn li { width: calc(100% / 6 - 30px); margin-right: 36px; position: relative;}
.stymfn .bd .jiaowu .gn li:nth-child(6n) { margin-right: 0;}
.stymfn .bd .jiaowu .gn li::after { display: block; content: ""; width: 40px; height: 40px; filter:alpha(opacity=20); opacity:0.2; border-radius: 50%; position: absolute; right: 15px; top: 30px; z-index: 1;}
.stymfn .bd .jiaowu .gn li img { display: block; width: 40px; height: 40px; margin: 0 auto 10px auto; padding: 15px; border-radius: 50%; position: relative; z-index: 2;}
.stymfn .bd .jiaowu .gn .j01 img,.stymfn .bd .jiaowu .gn .j01::after { background: #3cb682;}
.stymfn .bd .jiaowu .gn .j02 img,.stymfn .bd .jiaowu .gn .j02::after { background: #5566a3;}
.stymfn .bd .jiaowu .gn .j03 img,.stymfn .bd .jiaowu .gn .j03::after { background: #f1ae2f;}
.stymfn .bd .jiaowu .gn .j04 img,.stymfn .bd .jiaowu .gn .j04::after { background: #58addb;}

.stymfn .bd .yikao .gn li { float:left; width:calc(100% / 2 - 48px); text-align: left; padding: 15px 20px; margin:0 15px 15px 0; border-radius:4px; background:#fff;}
.stymfn .bd .yikao .gn li:nth-child(2n) { margin-right:0;}
.stymfn .bd .yikao .gn li .img { float:left; width:90px; height:90px; overflow:hidden; border-radius:50%;}
.stymfn .bd .yikao .gn li .img img { display:block; width:90px; height:90px; border-radius:50%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.stymfn .bd .yikao .gn li .msg { float:right; width:calc(100% - 110px);}
.stymfn .bd .yikao .gn li .msg h3 { line-height:40px; font-size:16px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;}
.stymfn .bd .yikao .gn li .msg p { line-height:22px; font-size:12px; color:#999;}
.stymfn .bd .yikao .gn li:hover { box-shadow:2px 5px 10px rgba(0,0,0,0.03);}
.stymfn .bd .yikao .gn li:hover .img img { border-radius:4px 50% 50% 50%;}
.stymfn .bd .yikao .gn li:hover .msg h3 { color:#ee871a;}

/*做网站
.plate-spend { padding-top:10px;}
.plate-spend .tile { margin-bottom:30px;}*/

/*设计欣赏*/
.design { width:100%; padding:40px 0; background:url(../images/food.jpg) no-repeat center top; background-attachment:fixed;}
.design .tile {}
.design .tile h1 { color:#fff;}
.design .tile i { color:#ce09bf;}
.design .tile p { color:#fff;}
.design .bd { margin-top:30px;}
.design .bd li { float:left; width:230px; margin-right:12px; border:10px solid #fff;}
.design .bd li .destop { width:100%; background:#fff;}
.design .bd li .destop a { display:block; width:100%;}
.design .bd li .destop .img { width:230px; height:230px; margin-bottom:5px; overflow:hidden; position:relative;}
.design .bd li .destop .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;}
.design .bd li .destop .img i { width:30px; height:30px; line-height:25px; font-style:normal; font-size:14px; color:#fff; text-align:center; background:url(../images/desig.png) no-repeat 0 0 / 100%; position:absolute; top:0; right:0; z-index:2;}
.design .bd li .destop h3 { float:left; width:60%; line-height:40px; font-size:14px; color:#333;}
.design .bd li .destop i { float:right; width:90px; height:17px; margin-top:11.5px;}
.design .bd li .destop i img { display:block; width:100%;}
.design .bd li .aniu { width:100%; background:#fff;}
.design .bd li .aniu a { display:block; float:left; width:calc(100% / 4); height:30px; line-height:30px; font-size:12px; color:#fff; text-align:center;}
.design .bd li:hover .destop .img img { transform:scale(1.1,1.1);}
.design .hd { width:100%; height:15px; text-align:center; margin-top:30px;}
.design .hd li { display:inline-block; width:10px; height:10px; font-size:0; margin:0 3px; border:2px solid rgba(255,255,255,0.5); border-radius:50%;}
.design .hd li.on { border-color:#fff;}
.design .adv { width:90%; color:#fff; text-align:center; margin:50px auto 30px auto;}
.design .adv h1 { font-weight:500; font-size:34px; line-height:60px;}
.design .adv h6 { font-weight:100; font-size:16px; text-transform:Uppercase; filter:alpha(opacity=80); opacity:0.8;}
.design .adv p { line-height:40px; font-size:20px; margin:15px auto 50px auto;}
.design .adv p span { font-family:"宋体"; font-size:36px;}
.design .adv a { display:block; width:260px; height:50px; line-height:50px; font-size:18px; color:#8f01e3; margin:0 auto; border-radius:25px; background:#fff;}

/* 标红 */
.is_red { color:#f00;}

/****文章加分类图标*****/
.z_hot { background:url(../images/host.gif) no-repeat right center;}
.z_video { background:url(../images/vido.png) no-repeat right center;}
.z_img { background:url(../images/img.png) no-repeat right center;}
.z_new { background:url(../images/new.gif) no-repeat right center;}
.z_red{color:#f00;}

/*****A4通知模板*****/
.tzmb { width:855px; margin:60px auto; font-size:16px; line-height:30px; color:#666; font-family:"微软雅黑";}
.tzmb h1 { color:#f30; line-height:60px; text-align:center; font-size:45px; letter-spacing:8px; height:auto; margin-bottom: 40px;}
.tzmb .p { border-bottom:2px solid #f30; text-align:left; font-size:16px; padding:0 5px;}
.tzmb .p span { float:right;}
.tzmb h3 { color:#333; text-align:center; line-height:50px; font-size:35px; margin:20px 0 40px 0;}
.tzmb .cont { padding:15px; font-size:16px; margin-bottom:50px;}
.tzmb .cont p { text-indent:2em; font-size:16px; color:#666;}
.tzmb .tc { float: right; height: 105px; margin-top:30px; padding-top:45px; text-align:center; /*background:url(../images/sz.png) no-repeat center center;*/}
.tzmb .tc p { color:#333; font-size:16px; text-indent:0;}
.tzmb .tc p span { margin:0 5px;}
.tzmb .ztc { border-bottom:1px solid #999; color:#333; font-weight:bold; margin-bottom:10px; padding:0 5px;}
.tzmb .ztc span { margin:0 15px;}
.tzmb .jw { border-bottom:1px solid #999; padding:0 5px;}
.tzmb .jw span { float:right;}

/****大背景****/
.a_m { width:100%; padding:40px 0; margin:0 auto; background:#f9f9f9;}
.a_pp { width:100%; height:670px; *height:600px; padding:30px 0 0; margin:0 auto; background:url(../images/a_pp.jpg) no-repeat center top;}

/***首页建站漂浮广告***/
#pop{background:#fff;width:260px; height:215px;font-size:12px;position:fixed;right:0;bottom:0;}
#popHead{line-height:32px;background:#f6f0f3;border-bottom:1px solid #e0e0e0;font-size:12px;padding:0 0 0 10px;}
#popHead h2{font-size:14px;color:#666;line-height:32px;height:32px;}
#popHead #popClose{position:absolute;right:10px;top:1px;}
#popHead a#popClose:hover{color:#f00;cursor:pointer;}

/*旋转地球业务范围*/
.earth_cont { position:absolute; left:0; right:0; width:1200px; margin:0 auto;}
.earth_cont .mesg { float:left; color:#fff; line-height:30px; margin-top:190px;}
.earth_cont .mesg h3 { font-size:50px; color:#fff; line-height:75px; font-weight:500; letter-spacing:2px;}
.earth_cont .mesg p { color:#ddd; font-size:24px; margin-bottom:60px;}
.earth_cont .mesg a { width:auto !important; background:#14b353; color:#fff; display:inline-block !important; padding:5px 45px;}
.ball-cont { width:620px; height:620px; position:absolute; right:-110px; top:-15px; z-index:1;}
.ball-bg { overflow:hidden; position:relative; width:620px; height:620px; background-image:url(../images/earth/ball-bg2.png); background-position:center; background-size:cover; background-repeat:no-repeat; cursor:pointer;}
.axlewire-cont { position:absolute; z-index:5; width:620px; height:620px; left:0; right:0; bottom:0; top:0;}
div.axlewire { width:1px; height:380px; position:relative; margin:120px auto 0; background:transparent; border-right:1px dashed #1ca33c; transform-style: preserve-3d; transform:rotateX(0deg) rotateY(0deg) rotateZ(16deg);}
div.axlewire.ani { animation:myrotate 30s linear infinite forwards;}
.cirh { border-radius:50%; position:absolute; top:50%; left:50%; border:2px solid #72c200; background-position:center; background-size:cover; background-repeat:no-repeat;}
.cirh1 { width:330px; height:330px; margin:-165px 0 0 -165px; transform:translateZ(0px) translateY(-95px) rotateX(90deg); background-image:url(../images/earth/320-320.png);}
.cirh2 { width:380px; height:380px; margin:-190px 0 0 -190px; transform:translateZ(0px) translateY(0px) rotateX(90deg); background-image:url(../images/earth/380-380.png);}
.cirh3 { width:330px; height:330px; margin:-165px 0 0 -165px; transform:translateZ(0px) translateY(95px) rotateX(90deg); background-image:url(../images/earth/320-320.png);}
.cirh4 { width:200px; height:200px; margin:-100px 0 0 -100px; transform:translateZ(0px) translateY(160px) rotateX(90deg); background-image:url(../images/earth/200-200.png);}
.cirv { position:absolute; left:0; top:0; width:380px; height:380px; border-radius:50%; margin-left:-190px; background-position:center; background-size:cover;  background-repeat:no-repeat;}
.cirv1 { background-image:url(../images/earth/cirv1.png); border:none;}
.cirv2 { background-image:url(../images/earth/cirv2.png); border:none;}
.cirv3 { background-image:url(../images/earth/cirv3.png); border:none;}
.cirv4 { background-image:url(../images/earth/cirv4.png); border:none;}
.cirv5 { background-image:url(../images/earth/cirv4.png); border:none;}
.dot-cont { text-align:left; position:absolute; top:50%; left:50%; z-index:20; width:100px; height:28px; margin:-13px 0 0 -56px;}
.axlewire .dc1 { transform:rotateY(10deg) translateY(0px) translateZ(190px);}
.axlewire .dc2 { transform:rotateY(68deg) translateY(0px) translateZ(195px);}
.axlewire .dc3 { transform:rotateY(102deg) translateY(0px) translateZ(195px);}
.axlewire .dc4 { transform:rotateY(173deg) translateY(0px) translateZ(195px);}
.axlewire .dc5 { transform:rotateY(210deg) translateY(0px) translateZ(190px);}
.axlewire .dc6 { transform:rotateY(257deg) translateY(0px) translateZ(190px);}
.axlewire .dc7 { transform:rotateY(321deg) translateY(0px) translateZ(190px);}
.axlewire .dot-cont .info { display:inline-block; border:1px solid #20e03f; padding:0 5px; color:#fff; font-size:14px; text-align:center; line-height:28px;box-sizing:border-box; text-decoration:none; background-color:rgba(37,45,34,1);}
.dot-cont .dot { display:inline-block; border-radius:50%; width:10px; height:10px; border:2px solid #20e03f; background:#000;}
.ball-shade1 { position:absolute; top:50%; left:50%; z-index:3; margin:-190px 0 0 -190px; width:380px; height:380px; border-radius:50%; background-position:center; background-size:cover; background-repeat:no-repeat; background-image:url(../images/earth/ball-shade3.png); background-color:rgba(35,90,70,0.82);}
.ball-shade1.ani { animation:myrotate2 30s linear infinite forwards;}
.roaDot { width:10px; height:10px; border-radius:50%; position:absolute; margin:-5px 0 0 -5px; border:2px solid #20e03f;}
.roaDot-cont { position:absolute; width:6px; height:6px; left:50%; top:50%; margin:-3px 0 0 -3px; animation:roaDotrotate 10s linear infinite forwards;}
.rd1 { top:121px; left:233px;}
.rd2 { right:206px; bottom:152px;}

@keyframes roaDotrotate {
    0% { transform:rotateX(0deg) rotateZ(0deg)}
    100% { transform:rotateX(0deg) rotateZ(360deg)}
}
@keyframes myrotate {
    0% { transform:rotateX(0deg) rotateY(0deg) rotateZ(16deg);}
    100% { transform:rotateX(0deg) rotateY(360deg) rotateZ(16deg);}
}
@keyframes myrotate2 {
    0% { transform:rotateY(0deg)}
    100% { transform:rotateY(-360deg)}
}
@keyframes shaking { 
    0% { transform:translate3d(0,0,0);}
    25% { transform:translate3d(0,5px,0);}
    50% { transform:translate3d(0,0,0);}
    75% { transform:translate3d(0,-5px,0);}
    100% { transform:translate3d(0,0,0);}
}
@-moz-keyframes shaking {
    0% { transform:translate3d(0,0,0);}
    25% { transform:translate3d(0,5px,0);}
    50% { transform:translate3d(0,0,0);}
    75% { transform:translate3d(0,-5px,0);}
    100% { transform:translate3d(0,0,0);}
}
@-webkit-keyframes shaking {
    0% { transform:translate3d(0,0,0);}
    25% { transform:translate3d(0,5px,0);}
    50%{ transform:translate3d(0,0,0);}
    75% { transform:translate3d(0,-5px,0);}
    100% { transform:translate3d(0,0,0);}
}
@-o-keyframes shaking {
    0% { transform:translate3d(0,0,0);}
    25% { transform:translate3d(0,5px,0);}
    50% { transform:translate3d(0,0,0);}
    75% { transform:translate3d(0,-5px,0);}
    100% { transform:translate3d(0,0,0);}
}
@keyframes font1rotate {
    0% { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}
@-moz-keyframes font1rotate {
    0% { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}
@-webkit-keyframes font1rotate {
    0% { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}
@-o-keyframes font1rotate {
    0% { transform:rotate(0deg);}
    100% { transform:rotate(360deg);}
}