@charset "utf-8";
.aboutbox{position:relative;z-index:2;}
.about{margin:0 auto;overflow:hidden}
.about .system01 .d01{width:40%;border-radius:100px 0 100px 0;background:#004ea2;float:left;}
.about .system01 .d01 img{width:100%;height:auto;border-radius:100px 0 100px 0;opacity:1;transition:all .3s;}
.about .system01 .d02{float:right;width:55%}
.about .system01 .d02 > h3{font-size:48px;color:#333;font-weight:bold}
.about .system01 .d02 > span{display:block;height:1px;background:#e0e0e0;margin:30px 0;position:relative}
.about .system01 .d02 p{font-size:16px;color:#666;line-height:32px}
.about .system01 .d02 p strong{font-weight:bold}
.about .system01 .d02 img{max-width:100%;height:auto;margin:15px 0}
.about .system01 .d02 .more{display:block;width:70px;height:48px;background:url(../images/iconq10.png) right center no-repeat #07a496;font-size:16px;color:#fff;line-height:48px;padding:0 80px 0 20px;margin-top:29px;overflow:hidden}
.about .system01 .d02 .more:hover{opacity:.8;filter:alpha(opacity=80);filter:alpha(Opacity=80);-ms-filter:'progid:DXImageTransform.Microsoft.Alpha(Opacity=80)'}
.about .right{float:right;width:58.7%;margin:3em auto;}
.about .right .dd_{position:relative;width:calc(100% / 5.04);text-align:center;display:inline-block;cursor:pointer;border-right:1px solid #bfbfbf;}
.about .right .dd_ .img{width:50px;height:44px;background-repeat:no-repeat;display:inline-block;transition:all .4s;}
.about .right .dd_ .txt_{font-size:17px;color:#333;transition:all .4s;}
.about .right .dd_:hover .img{background-position:0 -44px;}
.about .right .dd_:hover .txt_{color:#004ea2;}
.homeNO1box{margin:5em 0 0 0;position:relative;z-index:2;}
.homeNO1box .quan01{position:absolute;left:-125px;width:260px;height:260px;border:50px solid rgba(249,191,0,0.6);top:-100px;border-radius:50%;opacity:0.6;filter:Alpha(opacity=60);}
.quan03box{width:224px;overflow:hidden;position:absolute;right:0;bottom:-150px;}
.quan03{width:300px;height:300px;border:110px solid #004ea2;border-radius:50%;}
#obtn .homeNO2box{margin:3em 0 0 0;}
#obtn .hTit{float:left;width:100%;text-align:center;line-height:65px;color:#004ea2;}
#obtn .hTit h1{float:left;width:100%;position:relative;padding-top:25px;font-size:48px;font-weight:normal;letter-spacing:1px;}
#obtn .hTit h1 em{position:absolute;left:0;top:0;width:100%;text-align:center;color:#333;font-size:72px;line-height:70px;opacity:0.09;filter:alpha(opacity=9);font-weight:bold;letter-spacing:2px}
#obtn .hTit h6{float:left;width:100%;margin-top:10px;color:#555;font-size:18px;line-height:30px;letter-spacing:3px;}
.title01 .tit-l{width:80%;margin:0 auto;margin-top:100px;text-align:center;}
.title01 .tit-l h3{font-size:40px;font-weight:bold;line-height:1;color:#333;}
.title01 .tit-l p{font-size:18px;text-align:left;color:#666;margin-top:30px;}
/*
.title01 .tit-l a{display:block;width:170px;height:45px;line-height:45px;text-align:center;font-size:16px;color:#004ea2;margin-top:50px;letter-spacing:2px;border:1px solid #004ea2;transition:all .3s;}
.title01 .tit-l a:hover{background:#004ea2;color:#fff;}
*/
.title01 .tit01{width:266px;height:266px;margin-top:80px;position:relative;border:1px solid #07a496;}
.title01 .tit01 h2{height:200px;width:200px;text-transform:uppercase;font-weight:bold;line-height:1;margin:0 auto;padding-top:52px;}
.title01 .tit01 span{display:block;width:120px;height:1px;background:#07a496;transform:rotate(-45deg);position:absolute;top:-84px;left:100px;}
.solution .title01 .tit01,.solution .title01 .tit-l{margin-top:0;}
.solution .title01{position:relative;z-index:2;}
.solution .title01 .tit01 h2{background:url("../images/solutit.png") no-repeat center center;}
.solution .title01 .tit01 span{right:-61px;left:auto;top:100px;}
.casetit{float:right;width:74%;}
.solution{position:relative;overflow:hidden;}
.solution .title01 .tit-l{text-align:right;position:relative;width:calc(100% - 350px);}
.solution .title01 .more01{border:1px solid #eee;float:right;width:265px;}
.solution .title01 .more01 a{display:block;margin:20px;color:#fff;text-transform:uppercase;position:relative;background:#333;}
.solution .title01 .more01 a span{display:block;position:absolute;width:100%;height:100%;left:0;top:0;}
.solution .title01 .more01 a img{width:100%;height:auto;opacity:.6;}
.solution .title01 .more01 a span em{width:50px;height:1px;background:#fff;display:block;margin:0 auto;margin-top:100px;transition:all .3s;}
.solution .title01 .more01 a span:hover em{transform:rotate(180deg);-ms-transform:rotate(180deg);-moz-transform:rotate(180deg);-webkit-transform:rotate(180deg);-o-transform:rotate(180deg);}
.solution .title01 .more01 a span em.em02{height:50px;width:1px;margin:0 auto;margin-top:-25px;}
.solution .title01 .more01 a span h4{text-align:center;font-size:18px;margin-top:10px;letter-spacing:3px;}
.Box{position:relative;}
.Box .Box_con{position:relative;width:100%;max-width:1200px;box-sizing:border-box;margin:3em auto;}
.Box .Box_con .btn{display:block;width:41px;height:41px;position:absolute;top:180px;cursor:pointer;}
.Box .Box_con .btnl{background:url(../images/jtl02.png) no-repeat center;left:-72px;}
.Box .Box_con .btnr{background:url(../images/jtr02.png) no-repeat center;right:-72px;}
.Box .Box_con .btnl:hover{background:url(../images/jtl03.png) no-repeat center;}
.Box .Box_con .btnr:hover{background:url(../images/jtr03.png) no-repeat center;}
.Box .Box_con .conbox{position:relative;overflow:hidden;margin-top:4em;}
.Box .Box_con .conbox ul{position:relative;list-style:none;}
.Box .Box_con .conbox ul li{float:left;width:325px;height:auto;padding-top:90px;margin-left:30px;overflow:hidden;display:inline;}
.Box .Box_con .conbox ul li:first-child{margin-left:0;}
.Box .Box_con .conbox ul li a{display:block;background:rgba(84,75,154,0.09);border-radius:20px;position:relative;padding:90px 0;transition:all .4s;}
.Box .Box_con .conbox ul li:hover a{background:#004ea2;color:#fff;}
.Box .Box_con .conbox ul li a span{display:block;width:180px;margin:auto;top:-90px;position:absolute;left:50%;margin-left:-90px;border-radius:50%;box-shadow:0 5px 10px rgba(84,75,154,.26);}
.Box .Box_con .conbox ul li a h3{text-align:center;font-size:18px;padding:20px 0;}
.Box .Box_con .conbox ul li:hover a h3{}.Box .Box_con .conbox ul li a p{font-size:14px;padding:0 25px;height:60px;overflow:hidden;}
.Box .Box_con .conbox ul li a img{display:block;width:100%;height:auto;border-radius:50%;transition:all 0.5s;}
.Box .BoxSwitch{margin-top:2em;text-align:center;}
.Box .BoxSwitch span{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;width:10px;height:10px;background:#999;margin:0 5px;cursor:pointer;border-radius:50px;}
.Box .BoxSwitch span.cur{background:#F9BF00;}
.quan04{position:absolute;width:450px;height:450px;bottom:-3750px;background:rgba(84,75,154,0.09);border-radius:50%;left:-250px;z-index:2;}
.quan04 span{display:block;width:280px;height:280px;margin-left:85px;margin-top:85px;border-radius:50%;background:#004ea2;}
.workbox{margin:5em 0;}
.workbox ul{position:relative;width:100%;max-width:1400px;height:500px;overflow:hidden;}
.workbox li{float:left;width:48%;position:absolute;top:0;border-left:30px solid #fff;}
.workbox li.a0{left:0;border:none;}
.workbox li.a1{left:34.5%;z-index:2;}
.workbox li.a2{left:57.5%;z-index:3;}
.workbox li.a3{left:79%;z-index:4;}
.workbox li a{display:block;position:relative;}
.workbox li img{width:100%;height:auto;}
.workbox li .d01{position:absolute;width:100%;height:100%;left:0;top:0;background:rgba(0,0,0,0.4);color:#fff;}
.workbox li .d01 span{display:block;width:60px;margin:3em;}
.workbox li .d01 .d02 h3{position:absolute;left:30px;font-size:27px;transition:all .5s;}
.workbox li:hover .d01 .d02 h3.h01,.workbox li.a .d01 .d02 h3.h01{opacity:0;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);}
.workbox li .d01 .d02 h3.h02{opacity:0;bottom:45px;transition:all .5s;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);}
.workbox li:hover .d01 .d02 h3.h02,.workbox li.a .d01 .d02 h3.h02{transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);opacity:1;}
.workbox li .d01 .d02 em{position:absolute;width:55px;height:55px;line-height:35px;text-align:center;border-radius:50%;bottom:30px;opacity:0;}
.workbox li .d01 .d02 em.e01{left:30px;opacity:.5;}
.workbox li:hover .d01 .d02 em.e01,.workbox li.a .d01 .d02 em.e01{opacity:0;}
.workbox li .d01 .d02 em.e02{right:60px;opacity:0;transition:all .5s;transform:scale(0);-ms-transform:scale(0);-moz-transform:scale(0);-webkit-transform:scale(0);-o-transform:scale(0);}
.workbox li:hover .d01 .d02 em.e02,.workbox li.a .d01 .d02 em.e02{opacity:1;right:30px;transform:scale(1);-ms-transform:scale(1);-moz-transform:scale(1);-webkit-transform:scale(1);-o-transform:scale(1);}
#obtn .hContBg3{float:left;width:100%;background:#141517;position:relative;margin:5em 0 0 0}
#obtn .hContBg3 .bg1{float:left;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0.2;filter:alpha(opacity=20);}
#obtn .hCont3{float:left;width:100%;position:relative;z-index:6;padding:100px 0 150px 0;}
#obtn .hCont3 .info{float:left;width:100%;color:#fff;font-size:18px;line-height:1.8;}
#obtn .hCont3 .cont{float:left;width:100%;color:#fff;font-size:60px;line-height:1.2;margin-top:.5em;}
#obtn .hCont3 .cont .sp1{display:inline-block;vertical-align:top;}
#obtn .hCont3 .cont .p1{display:inline-block;vertical-align:top;color:#07a496;font-size:22px;line-height:1.8;position:relative;margin-left:40px;padding-left:35px;}
#obtn .hCont3 .cont .p1:after{float:left;width:2px;height:72%;position:absolute;left:0;top:14%;background:#07a496;content:'';}
#obtn .homeNewsBox{float:left;width:100%;background:#004ea2;position:relative;}
#obtn .homeNewsBg{position:absolute;left:0;top:0;width:100%;height:100%;opacity:0.2;filter:alpha(opacity=20);z-index:1;}
#obtn .hNewsWords{float:left;width:100%;position:relative;z-index:2;margin-top:5em;}
#obtn .hNewsWords .hTit{color:#fff;}
#obtn .hNewsWords .hTit em{color:#fff;}
#obtn .homeNewsHd{float:left;width:100%;margin-top:10px;position:relative;z-index:2;}
#obtn .homeNewsHd ul{float:left;width:100%;text-align:center;display:block;}
#obtn .homeNewsHd li {display:inline-block;padding:0 24px;cursor:pointer;font-size:18px;line-height:30px;position:relative;transition:0.3s;}
#obtn .homeNewsHd li a{color:rgba(255,255,255,0.49);transition:0.3s;}
#obtn .homeNewsHd li a:hover{color:#fff;}
#obtn .homeNewsHd li:after{position:absolute;content:'';left:0;top:50%;margin-top:-7px;width:1px;height:17px;background:#fff;background:rgba(255,255,255,0.2);}
#obtn .homeNewsHd li:first-child:after{display:none;}
#obtn .homeNewsBd{float:left;width:100%;margin-top:45px;border-top:1px solid #fff;border-top:1px solid rgba(255,255,255,0.12);position:relative;z-index:2;}
#obtn .homeNewsBd .bdBox{float:left;width:100%;padding-bottom:5em;}
#obtn .homeNewsBd .bdBox li{float:left;width:calc(100% / 3.01);transition:0.3s;cursor:pointer;border-right:1px solid #fff;border-right:1px solid rgba(255,255,255,0.15);}
#obtn .homeNewsBd .bdBox li:last-child{border-right:none;}
#obtn .homeNewsBd .bdBox .liNews a{float:left;width:92%;padding:4%;color:#fff;}
#obtn .homeNewsBd .bdBox .liNews a:hover{background:#000;background:rgba(0,0,0,0.15);}
#obtn .homeNewsBd .bdBox .liNews .tImg{float:left;width:100%;font-size:0;line-height:0;overflow:hidden;}
#obtn .homeNewsBd .bdBox .liNews .tImg img{width:100%;height:auto;-webkit-transition:all .3s ease-out 0s;-moz-transition:all .3s ease-out 0s;-ms-transition:all .3s ease-out 0s;-o-transition:all .3s ease-out 0s;transition:all .3s ease-out 0s;}
#obtn .homeNewsBd .bdBox .liNews a:hover .tImg img{transform:scale(1.1);-ms-transform:scale(1.1);-moz-transform:scale(1.1);-webkit-transform:scale(1.1);-o-transform:scale(1.1);}
#obtn .homeNewsBd .bdBox .liNews .tTime{float:left;width:100%;padding:0 10px;margin-top:24px;font-size:14px;line-height:26px;}
#obtn .homeNewsBd .bdBox .liNews .H1{float:left;width:100%;padding:0 10px;font-size:18px;line-height:35px;margin-top:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#obtn .homeNewsBd .bdBox .liNews .dText{float:left;width:100%;padding:0 10px;font-size:15px;line-height:26px;margin-top:15px;opacity:0.6;filter:alpha(opacity=60);height:52px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
#obtn .homeNewsBd .bdBox .liNews .dMore{float:left;padding:0 12px 0 10px;margin:65px 0 40px 0;font-size:14px;line-height:30px;position:relative;opacity:0.6;filter:alpha(opacity=60);}
#obtn .homeNewsBd .bdBox .liNews .dMore:after{position:absolute;content:'';right:0;top:50%;margin-top:-4px;width:0;height:0;border-top:4px solid transparent;border-left:5px solid #fff;border-bottom:4px solid transparent;}
@media screen and (max-width:1024px){
.homeNO1box {margin:3em 0 0 0;}
.quan01,.quan03,.quan04{display:none;}
.title01 .tit01,.title01 .more01{display:none;}
.casetit{float:right;width:100%;}
.solution .title01 .tit-l{text-align:right;position:relative;width:100%;}
.title01 .tit-l h3{font-size: 27px;}
#obtn .hTit h1{font-size: 36px;}
#obtn .hTit h1 em{font-size: 48px;}
#obtn .hTit h6{font-size: 14px;}
.workbox{margin:1.5em 0;}
.workbox ul{position:relative;width:100%;max-width:1400px;height: auto;overflow:hidden;}
.workbox li{position:relative;}
.workbox li.a0{left:0;width:49%;float:left;border:none;border-bottom:10px solid #fff;}
.workbox li.a1{left:0;width:49%;float:right;border:none;border-bottom:10px solid #fff;}
.workbox li.a2{left:0;width:49%;float:left;border:none;border-bottom:10px solid #fff;}
.workbox li.a3{left:0;width:49%;float:right;border:none;border-bottom:10px solid #fff;}
.workbox li .d01 .d02 h3{left:15px;}
.workbox li .d01 .d02 em{display:none;}
.about .system01 .d01{display:none;}
.about .system01 .d02{width: 100%;}
.about .right{width: 100%;margin: 1.5em auto;}
.about .system01 .d02 > h3 {font-size: 36px;}
.about .right .dd_{position:relative;width:calc(100% / 3.2);text-align:center;display:inline-block;cursor:pointer;border-right:1px solid #bfbfbf;margin:.5em auto;}
.about .right .dd_ .txt_{font-size:.9em;}
#obtn .hContBg3 {margin:0 0 0 0;}
#obtn .hCont3 {padding:80px 0 80px 0;}
#obtn .hCont3 .cont {font-size:32px;}
#obtn .hCont3 .cont .p1 {margin-top:1em;margin-left:0;padding-left:15px;}
#obtn .hCont3 .cont .p1 {font-size:18px;}
#obtn .hNewsWords {margin-top: 3em;}
#obtn .homeNewsHd li:first-child:after{display:block;}
#obtn .homeNewsBd .bdBox li {width:100%;border-right:none;border-right:none;}
#obtn .homeNewsBd .bdBox .liNews .dMore {margin: 15px 0 10px 0;}
.Box .Box_con .btn{display:none;}
.Box .Box_con .conbox ul li{margin-left:10px;margin-right:20px;}
.Box .Box_con .conbox ul li:first-child{margin-left:10px;margin-right:20px;}
}
@media screen and (max-width:640px){

}