body{font-size:16px; font-family:"微软雅黑",verdana,Helvetica;color:#000;margin:0;padding:0; }
ul,li,img,p,h1,h2,h3,h4,h5,h6,input{margin:0;padding:0}
img,input{border:0}
ul,li{list-style-type:none}
a{color:#000;text-decoration:none}
a:hover{color:#3f63b0;text-decoration:none}
li{list-style:none}
.clear{clear:both}
.zt{width:1200px;margin:0 auto}
.fl{float:left}
.fr{float:right}
.ov{overflow:hidden}
.pre{position:relative}
.abs{ position: absolute;}
.tit{color: #303f5e;font-weight: bold;text-align: center;font-size: 30px;padding-top: 50px;}
.pro-box{width: 100%;margin-top: 40px;}
#newtab1,#newtab2,#newtab3,#newtab4{overflow:auto;}
.shilifuwu2 {
    background: url(../image/newstui-14.jpg) 50% 50% no-repeat;
    height: 700px;
    margin-top: 80px;
}
.show{width: 25%;background-color: #f39801;font-size: 18px;border-radius: 50px;padding: 5px;display: block;margin: 15px auto 50px;text-align: center;color: #fff;}
.show-tit{padding-top: 70px;}
.s-wraps{background-color: #eff6fe;padding: 50px 0;box-sizing: border-box;}
.sw-left{font-size: 28px;font-weight: bold;background-color: #ffca26;width: 258px;height: 80px;line-height: 80px;text-align: center;color: #39414c;float: left;margin-right: 20px;}
.sw-right{height: 80px;line-height: 80px;text-align: center;color: #fff;background-color: #5b616f;width: 890px;float: left;border-radius: 10px;font-size: 22px;}
.sw-box{margin-bottom: 20px;display: inline-block;}
.sw-left-b{font-size: 28px;font-weight: bold;background-color: #5b616f;width: 258px;height: 80px;line-height: 80px;text-align: center;color: #fff;float: left;margin-right: 20px;}
.sw-right-b{height: 80px;line-height: 80px;text-align: center;color: #39414c;background-color: #ffca26;width: 890px;float: left;border-radius: 10px;font-size: 22px;}
.sw-btns{width:423px;height: 80px;line-height: 80px;color: #fff;display: block;margin: 30px auto;background: url(../image/sw-btn_03.png) no-repeat;text-align: center;font-size: 20px;}
.sw-btns:hover{color: #fff;}
table{width:100%;}
.table p{line-height:26px}
table td{padding:3px 10px}
.sxy{margin:30px 0;border-top:1px #ccc dashed;padding-top:20px}
.sxya{color:#333;line-height:24px}
.sxya a{padding:0 6px}
.fenye{text-align:center;margin-top:30px; }
.fenye span{margin-bottom:10px;display:inline-block}
.fenye_a{padding:5px 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a{padding:5PX 10px;color:#898989;border:1px solid #c9caca;margin:0 3px}
.fenye a.active,.fenye a:hover{color:#fff;background:#3f63b0;border:0;border:1px solid #3f63b0}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}
.linshi-textarea { -webkit-appearance: none;}
.backtop{ display: none; position: fixed; bottom: 20%; right: 10%; z-index: 9999; width: 60px; height: 60px; cursor: pointer; background: url(../image/top.png) no-repeat; text-align: center;}
.backtop a{ color: #fff; font-size: 17px;}
.backtop span{ display: block; text-align: center;}
.top60{ margin-top: 60px;}

.widzt{ width: 90%; margin: 0 auto;}
.logo{ width: 239px; margin-top: 15px;}
/*nav{ width: 62%; float: right; line-height: 76px;}
nav ul li{ float: left; position: relative;}
nav ul li a{ padding: 0 20px;   display: block; text-transform: uppercase; color: #000; position: relative; }
nav ul li a:after{ content: ''; width: 1px; height: 22px; background: url(../images/line.jpg) no-repeat; position: absolute; right: 0; top:40%; z-index: 999; display: block; text-align: center;}
nav ul li:last-child a:after{ display: none;}
nav ul li:hover a:after ,nav ul li.active A:after{ color: #0095d7;}
nav ul li i{ display: none;  position: absolute; top: 40%;right: 10px; z-index: 999; color: #fff;}
nav ul li:hover a ,nav ul li.active A{ color: #8093e7; }
nav ul li:hover a:after,nav ul li.active a:after{ display: none;}
nav ul li:hover i{ color: #dce7f9;}
.xla{ position: absolute; z-index: 9999; display: none; width: 200px; background: #747ee5; }
.xla>a{ display: block; text-align: left; font-weight: normal; padding:13px 10px; margin: 0;  text-transform: none; line-height: 24px;  color: #fff;}
.xla a:last-child{ border-bottom: none;}
nav ul li:hover .xla a:hover{background: #609def; color: #fff; }
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a{ color: #fff; border-bottom: 1px dashed #c5c9f4; background: none;} 
nav ul li:hover .xla a:after{ display: none;}
nav ul li:hover .xla a:last-child{ border-bottom: none;}*/

.dihswem { width: 345px; margin-top: 16px;}
.dian400hj { width: 44%; text-align: right;  margin-top: 14px;}
.dian400hj span { display: block; background: url(../image/400dh.jpg) 45px 50% no-repeat; padding: 5px 0; font-size: 16px;}
.dian400hj i { color: #008dd6; font-style: inherit; font-weight: bold; font-size: 20px;}
.ewsdt { width: 32%; margin-left: 5%;}
.ewsdt img { width: 100%;}
nav {line-height: 48px; background: #333; margin-top: 10px;}
nav ul li { position: relative; float: left;}
nav ul li a { text-transform: uppercase; padding: 0 20px; display: block;  font-size: 16px;  color: #fff; position: relative;}
nav ul li:hover, nav ul li.active { background: url(../image/navbjd.jpg) 50% 0 no-repeat;}
nav ul li:hover a, nav ul li.active a { color: #fff;}
.xla { display: none;background: rgba(112,136,232,.9);position: absolute;z-index: 9999;top: 100%;left: 0;width: 190px;border-radius: 0 0 5px 5px;}
.xla>a {display: block;font-weight: normal;padding: 13px 10px;text-transform: none;line-height: 20px;font-size: 15px;border-bottom: 1px dashed #ffd3e1;color: #fff;}
nav ul li:hover .xla{ display: block;}
nav ul li:hover .xla a:hover{background: #609def; color: #fff; }


/*.neibadf7{ background: url(../images/t7.jpg) 50% 0 no-repeat; height: 831px;}
*/
.neibadf7,.neibadf23{ font-size: 0;}
.neibadf7 img,.neibadf23 img{ width: 100%;}
.dabj01{ background: #f3f4fd;padding-top: 60px;}
.aboutku:before{ content: ''; display: block; position: absolute; z-index: 1; top: 12px; left: 0; width:100% ; height: 701px; background: url(../image/aboutku.jpg) no-repeat;}
.biaotiab { width: 232px; margin: 0 auto; overflow: hidden; position: relative; z-index: 10; }
.biaotiab span { font-size: 70px; color: #5fa0f0; margin-right: 5px;}
.biaotiab h2 {font-size: 30px; font-weight: normal; margin-top: 15px;}
.biaotiab h3 { font-size: 14px; margin-top: 4px; font-weight: normal; color: #aaa; text-transform: uppercase;}
.abneiro{padding: 60px 160px 110px 160px; line-height: 36px; position: relative; z-index: 10;}
.abneiro p{ margin-top: 30px;}

.aboutbj{ background: url(../image/aboutbj.jpg) 50% 0 no-repeat; margin-top: 80px; color: #fff;}
.qiyiul{position: relative; padding-bottom: 130px;}
.qiyiul li{ position: relative;width: 225px; margin-left: 80px; text-align: center;}
.qiyiul li:before{ content: ''; display: block; width: 44px; height: 44px; margin: 0 auto; margin-bottom: 50px; margin-top: 30px;}
.qiyiul li:nth-child(1):before{ background: url(../image/abbjli1.png) no-repeat;}
.qiyiul li:nth-child(2):before{ background: url(../image/abbjli2.png) no-repeat; margin-top: -20px; }
.qiyiul li:nth-child(3):before{ background: url(../image/abbjli3.png) no-repeat;margin-top: 0px;}
.qiyiul li:nth-child(4):before{width: 70px; height: 70px; background: url(../image/abbjli4.png) no-repeat;margin-bottom: 90px;}
.qiyiul li h3{ font-size: 30px; margin-bottom: 20px;}
.qiyiul li:nth-child(2){margin-left: 300px;}
.qiyiul li:nth-child(4){width:325px; position: absolute; top: 0; right: 233px; z-index: 100;}
.qiyiul li:nth-child(4) h3{ margin-bottom: 80px;}
.qiyiul li:nth-child(4) span em{ font-style: inherit; font-size: 25px;}
.qiyiul li:nth-child(4) span em i{ display: block; font-size: 50px;font-style: inherit; margin: 20px 0; font-weight: bold;}

.mard{ margin-left: 0; margin-top: 80px;}
.fazlc{ background: url(../image/fazhanbj02.jpg) 50% 0 no-repeat;}
.fazlc .zt{background: url(../image/fazhanbj01.jpg) 50% 0 no-repeat;padding-top: 40px; padding-bottom: 20px;}
.gstime{ font-size: 25px; font-weight: bold; }
.gstime a{ color: #bfd8fe;}
.gstime li.on a{ color: #7a79e3;}
.gstime li{ margin-bottom: 30px;}
.gstime li:nth-child(2){ margin-left: 50px; margin-bottom: 40px;}
.gstime li:nth-child(3){ margin-left: 90px;margin-bottom: 50px;}
.gstime li:nth-child(4){ margin-left: 110px;margin-bottom: 50px;}
.gstime li:nth-child(5){ margin-left: 100px;margin-bottom: 40px;}
.gstime li:nth-child(6){ margin-left: 80px;}
.gstime li:nth-child(7){ margin-left: 40px;}
.gsshiji{ width: 320px; text-align: center; margin-left: 150px; margin-right:90px; margin-top: 100px;}
.gsshiji h2{ color: #5fa0f0; font-size: 50px; margin-bottom: 60px;}
.gsshiji span{ display: block; line-height: 30px;}

.hontitle {width: 750px; margin: 0 auto; color: #f3f4fd;}
.mingchefn {width: 125px; margin-top: 10px;}
.mingchefn span { text-transform: uppercase; font-size: 16px; }
.mingchefn h2 {font-size: 30px;font-weight: normal; margin-top: 24px;}
.novfd {width: 160px;font-size: 66px;text-transform: uppercase;}
.xiaozhi {font-size: 12px; width: 465px; margin-top: 30px; line-height: 22px;}
.fengcaibj{ background: url(../image/fengcai01.jpg) 50% 0 no-repeat; height: 545px; margin-top: 80px; padding-top: 110px;}

.fanhui {text-align: center;  margin-top: 20px;  font-size: 0; padding-bottom: 60px;}
footer { background: #000;}
footer a { color: #aaa; font-size: 15px;}
.dibudao {border-bottom: 1px dashed #aaa; text-align: center; line-height: 60px;}
.dibudao a {padding: 0 15px; font-size: 16px;}
.xialian { padding-bottom: 50px;}
.fotnew { width: 31%; margin-top: 50px;}
.xiabieos { font-size: 18px; color: #fff; margin-bottom: 15px;}
.dixinew {display: flex; flex-wrap: wrap; justify-content: center;}
.dixinew li { width: 100%; line-height: 32px;}
.dixinew li a {display: block; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-right: 90px;}
.fuwulie { display: flex; flex-wrap: wrap;  margin-top: 20px;}
.fuwulie li {width: 42%; margin-right: 15px; text-align: center; margin-bottom: 20px; border: 1px solid #fff; line-height: 34px;}
.fuwulie li a { display: block;}
.diliand {display: flex; flex-wrap: wrap; width: 54%;}
.diliand li {line-height: 34px; color: #ccc; width: 100%; font-size: 15px; padding-left: 30px; margin-bottom: 15px;}
.diliand li:nth-child(1) {background: url(../image/dian4.png) 0 50% no-repeat;}
.diliand li:nth-child(2) { background: url(../image/qq.png) 0 50% no-repeat;}
.diewsd { width: 30%; margin-bottom: 20px;}
.diewsd img{ width: 100%;}
.icp {color: #fff;}

.neibadf2{ height: 781px;background: url(../image/t2.jpg) 50% 0  no-repeat; color: #fff;}
.adsseo{ text-align: center; padding-top: 80px; }
.adsseo h5{ width: 240px; margin: 0 auto; font-weight: normal; font-size: 22px; position: relative;}
.adsseo h5:before,.adsseo h5:after{ content: ''; display: block; position: absolute; top: 48%; width: 60px; border-bottom:1px solid #fff ;}
.adsseo h5:after{ right: 0;}
.adsseo h2{ text-transform: uppercase; font-size: 65px; font-weight: normal;}
.zhanweidan{ width: 500px; text-align: left; margin-top: 80px;}
.zhanweidan h2{ font-weight: bold;}
.zhanweidan h4{ font-size: 25px; font-weight: normal; margin-bottom: 15px;}
.zhanweidan span{ display: block; color: #e3d6ff; margin-bottom: 40px;}
.zhanweidan h3{ font-size: 30px; margin-bottom: 15px;}

.adsdbj{ background: url(../image/adsword02.jpg) 50% 0 no-repeat; padding: 80px 0 40px 0;}
.adsdbj h2{ text-align: center; font-size: 30px; font-weight: normal;}
.adsdbj i{ font-style: inherit; font-size:14px; color: #aaa; display: block; text-align: center;}
.tuigul{ display: flex; flex-wrap: wrap; justify-content: center;}
.tuigul li{ float: left; width: 23%; margin:60px 1% ; text-align: center;}
.tuigul li h3{ font-weight: normal; font-size: 20px; color: #333;}

.knowtui{ margin-top: 30px; text-align: center; position: relative; display: inline-block; padding: 8px 70px 8px 40px; border-radius:25px ; border: 1px solid #333;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;}
.knowtui:after{content: ''; display: block; position: absolute; top: 48%; right: 20px; width: 40px; border-bottom: 1px solid #333;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;}
.tuigtu{ width: 152px; height: 152px; margin: 0 auto; margin-bottom: 20px;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;}
.tui01{ background: url(../image/tui01.jpg) no-repeat;}
.tui02{ background: url(../image/tui02.jpg) no-repeat;}
.tui03{ background: url(../image/tui03.jpg) no-repeat;}
.tui04{ background: url(../image/tui04.jpg) no-repeat;}
.tuigul li:hover .knowtui{ background: -webkit-linear-gradient(left, #5f9cf0, #6670dc);
background: -o-linear-gradient(left, #5f9cf0, #6670dc);
background: -moz-linear-gradient(left, #5f9cf0, #6670dc);
background: -ms-linear-gradient(left, #5f9cf0, #6670dc);
color: #fff; border: none; padding: 8px 90px 8px 60px; 
}
.tuigul li:hover .knowtui:after{ border-bottom: 1px solid #fff; width: 60px;}
.tuigtu:before{ content: ''; opacity:0;position: absolute; z-index: 1; top: 10px; left: 10px; bottom: 10px; right: 10px; border: 1px dashed #fff; border-radius:50% ;
-webkit-transition: all .5s;-o-transition: all .5s;-ms-transition: all .5s;-moz-transition: all .5s;}
.tuigul li:hover .tuigtu:before{ opacity: 1;}
.tuigul li:hover .tuigtu{ margin-top: -10px;}
.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}
.zuoulli ul li:hover h3{-webkit-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInY;animation-name:flipInY;color:#e25112}
@-webkit-keyframes flipInX{
    from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}
to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInX{
    from{-webkit-transform:perspective(400px) rotate3d(1,0,0,90deg);transform:perspective(400px) rotate3d(1,0,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-20deg);transform:perspective(400px) rotate3d(1,0,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(1,0,0,10deg);transform:perspective(400px) rotate3d(1,0,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(1,0,0,-5deg);transform:perspective(400px) rotate3d(1,0,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
@keyframes flipInY{
    from{-webkit-transform:perspective(400px) rotate3d(0,1,0,90deg);transform:perspective(400px) rotate3d(0,1,0,90deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in;opacity:0}
    40%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-20deg);transform:perspective(400px) rotate3d(0,1,0,-20deg);-webkit-animation-timing-function:ease-in;animation-timing-function:ease-in}
    60%{-webkit-transform:perspective(400px) rotate3d(0,1,0,10deg);transform:perspective(400px) rotate3d(0,1,0,10deg);opacity:1}
    80%{-webkit-transform:perspective(400px) rotate3d(0,1,0,-5deg);transform:perspective(400px) rotate3d(0,1,0,-5deg)}to{-webkit-transform:perspective(400px);transform:perspective(400px)}}
.tuozuobj{ background: url(../image/tuizuobj.jpg) 50% 0 no-repeat;}
.tuizuo02{background: url(../image/tuizuobj.jpg) 50% 0 no-repeat; padding: 60px 0;}
.wedo{ width: 40%; margin-top: 70px;}
.wedo h2{ font-size: 42px; color: #3e3e3e;}
.wedo span{ display: block; color: #aaa; margin-top: 10px;}
.zuoulli{ width: 45%;}
.zuoulli li{ text-align: right; margin-bottom: 30px; padding-right: 70px;}
.zuoulli li h3{ font-size: 30px; font-size: 25px; font-weight: normal; margin-bottom: 10px;}
.zuoulli li p{ color: #666666;}
.zuoulli li:nth-child(1){ background: url(../image/tuizuo01.jpg) right center no-repeat;}
.zuoulli li:nth-child(2){ background: url(../image/tuizuo02.jpg) right center no-repeat;}
.zuoulli li:nth-child(3){ background: url(../image/tuizuo03.jpg) right center no-repeat;}
.zuoulli li:nth-child(4){ background: url(../image/tuizuo04.jpg) right center no-repeat;}
.zuoulli li:nth-child(5){ background: url(../image/tuizuo05.jpg) right center no-repeat;}
.zuoulli li:nth-child(6){ background: url(../image/tuizuo06.jpg) right center no-repeat;}
.zuoulli li:nth-child(7){ background: url(../image/tuizuo07.jpg) right center no-repeat;}

.whych{ text-align: center; padding-top: 65px;}
.whych h2{font-size: 30px;font-weight: normal;}
.whych i {font-style: inherit; font-size: 14px; color: #aaa; display: block; text-align: center;}
.gengdf {margin-top: 30px;}
.gengdf ul,.shengduo ul,.gogbj02 ul{display: flex; flex-wrap: wrap; justify-content: center;}
.gengdf ul li {float: left; width: 28%; background: #fff; text-align: center; margin: 3%; box-shadow:0px 12px 1px 2px #eaeafa}
.gengdf ul li h3 {overflow: hidden; line-height: 60px; font-size: 25px; font-weight: normal; color: #fff; padding: 20px 0;}
.gengdf ul li:nth-child(1) h3 { background: url(../image/whych01.jpg) no-repeat;}
.gengdf ul li:nth-child(2) h3 { background: url(../image/whych02.jpg) no-repeat;}
.gengdf ul li:nth-child(3) h3 { background: url(../image/whych03.jpg) no-repeat;}
.gengdf ul li i { font-weight: bold; font-style: inherit; float: left; margin-left: 20px; height: 60px; font-size: 20px; width: 60px;  line-height: 60px; border-radius: 50%; background: #fff; color: #54b0f5;}
.gengdf ul li span { padding: 20px 30px; display: block; font-size: 16px; line-height: 26px;}
.gengdf ul li:nth-child(1){ margin-left: 0;}
.gengdf ul li:nth-child(3){ margin-right: 0;}
.shengduo{ margin-top: 30px;}
.shengduo ul li{ float: left; width: 21%; margin: 2%; background: #f3f3fc; line-height: 60px; border-radius:30px ;}
.shengduo ul li h3{ float: left; padding: 0 15px 0 20px; margin-right: 12px; font-size: 25px; color: #fff; background: #54b0f5; border-radius:30px 0 0 30px;}

.tuigoubj{ background: url(../image/tuigoubj02.jpg) 50% 0 no-repeat; margin-top: 70px;}
.tuigoubjx{background: url(../image/tuigoubj.jpg) 50% 0 no-repeat; padding: 130px 0 335px 0;}
.tongyou{ width: 53%;}
.tongyou span,.tongyou i{ display: block;}
.tongyou span{ font-size: 20px; margin-bottom: 10px;}
.tongyou i{ color: #666; font-style: inherit; font-size: 14px; margin-top: 10px;}
.tongyou h2{ font-size: 39px; color: #6865d7;}
.gouto{ margin-top: 75px;}
.gouto a{ display: block; width: 310px; height: 60px; line-height: 60px; text-align: center; color: #fff;}

.googads{background: url(../image/tuigoubj03.jpg) 50% 0 no-repeat;}
.gogbj{ background: url(../image/googbj.jpg) 50% 0 no-repeat; margin-top: 60px;}
.gogbj02{background: url(../image/googbj02.jpg) 50% 0 no-repeat; padding-bottom: 50px;}
.gogbj02 ul{ margin-left: 50px; padding-top: 40px;}
.gogbj02 ul li{ width: 19%; margin: 2%; padding-left: 2%; }
.gogbj02 ul li h3{ font-size: 28px; margin-bottom: 20px;}
.gogbj02 ul li p{ line-height: 28px;}
.gogbj02 ul li:nth-child(2n+1) h3{ color: #54b0f5;}
.gogbj02 ul li:nth-child(2n) h3{ color: #6865d7;}

.gogbj02 ul li:nth-child(1){ margin-top: 90px;}
.gogbj02 ul li:nth-child(3){ margin-top: 150px;}
.gogbj02 ul li:nth-child(4){ margin-top: 90px;}

.shangxi h2 {font-size: 30px; font-weight: normal; text-align: center; /* margin-top: 60px;*/}
.caselist {display: flex; display: -ms-flexbox-;  flex-wrap: wrap;    justify-content: center; margin-top: 30px;}
.caselist li { width: 30.3%; margin: 1.5%;  overflow: hidden;  font-size: 0; position: relative;}
.caselist li img { width: 100%; -webkit-transition: all .8s; -moz-transition: all .8s; -ms-transition: all .8s; -o-transition: all .8s;}
.more {position: absolute;z-index: 100; top: 0; left: 0; right: 0;  bottom: 0;  font-size: 16px; opacity: 0; -webkit-transition: all .8s; -moz-transition: all .8s;-ms-transition: all .8s;  -o-transition: all .8s;}
.more span {display: block;width: 130px;margin: 0 auto;text-align: center;overflow: hidden;line-height: 36px; background: #7088e8;color: #fff;}
.more span:nth-child(1) {overflow: hidden;margin-top: 105%;background: #25b5ff;color: #fff;margin-bottom: 10px;-webkit-transition: all .6s;-moz-transition: all .6s;-ms-transition: all .6s;-o-transition: all .6s;}
.caselist li:hover .more{opacity:1}
.caselist li:hover img{-webkit-transform:scale(1.03,1.03);-moz-transform:scale(1.03,1.03);-ms-transform:scale(1.03,1.03);-o-transform:scale(1.03,1.03)}
.caselist li:hover .more span:nth-child(1){margin-top:25%}.caselist li img{width:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s;-o-transition:all .8s}
.more span a { color: #fff;}

.shujfd { margin-top: 40px; margin-bottom: 60px;}
.shubt { text-align: center; margin-bottom: 40px;}
.shubt h2 { font-size: 30px; font-weight: normal;}
.shubt span { display: block; margin-top: 5px;  position: relative;}
.shubt span:before { content: '';  display: block;  position: absolute; left: 0; top: 45%; border-bottom: 1px solid #000; width: 38%;}
.shubt span:after {content: '';display: block;position: absolute;right: 0;top: 45%;border-bottom: 1px solid #000;width: 38%;}
.owl-carousel{position:relative;width:94%;margin:0 auto}
.owl-carousel .owl-wrapper-outer{overflow:hidden;position:relative;width:100%}
.owl-buttons{position:absolute;z-index:9999;top:45%;width:100%}
.pro_list .owl-theme .owl-controls{margin:0}
.owl-controls .owl-prev{cursor:pointer;width:46px;height:47px;background:url(../image/zuoj.jpg) no-repeat;text-indent:9999px;position:absolute;left:-40px}
.owl-controls .owl-next{cursor:pointer;width:46px;height:47px;background:url(../image/youj.jpg) no-repeat;text-indent:9999px;position:absolute;right:-40px}
#owl-demo1 .owl-controls .owl-prev{margin-right:10px}#owl-demo1 .owl-controls .owl-next{margin-left:10px}
.owl-carousel .owl-wrapper{display:none;position:relative;-webkit-transform:translate3d(0px,0px,0px)}
.owl-carousel .owl-item{float:left}.item{margin:0 20px;position:relative;background:#fff;border:1px solid #000}
.item a{display:block;position:relative;font-size:0}.item img{width:100%;-webkit-transition:all .8s;-moz-transition:all .8s;-ms-transition:all .8s}
.item .img{position:relative;overflow:hidden;font-size:0}.biaotd h2{font-size:18px;margin-top:15px}
.item:hover img{transform:scale(1.05)}

.neibadf10{ background: url(../image/xysbj.jpg) 50% 0 no-repeat;}
.xyswzbj{ background: url(../image/xysbj02.jpg) 50% 0 no-repeat; padding: 170px 0 140px 0; color: #fff;}
.xyswzbj h2{ text-align: center; font-size: 45px; margin-left: 300px;}
.xysdan{ margin-left: 50%; margin-top: 80px;}
.xysdan p{ line-height: 30px;}
.xysdan h3{ font-size: 30px; margin-top: 50px;}
.xysdan h4{ font-size: 22px; color: #7a79e3; margin-top: 30px; font-weight: normal;}

.xysyoushi{ margin-top: 50px; display: flex; flex-wrap: wrap; justify-content: center;}
.xysyoushi li{ float: left; width: calc(21% - 2px); margin: 1%; border: 1px solid #afafaf ; padding: 2% 0 2% 2%;}
.xysimg{ width: 70px; height: 70px; margin-bottom: 24px;}
.xysyoushi li h3{ font-weight: normal; margin-bottom: 20px;}
.xysyoushi li p{ font-size: 14px;}
.xysyoushi li:nth-child(1) .xysimg{ background: url(../image/xysyou01.jpg) no-repeat;}
.xysyoushi li:nth-child(2) .xysimg{ background: url(../image/xysyou02.jpg) no-repeat;}
.xysyoushi li:nth-child(3) .xysimg{ background: url(../image/xysyou03.jpg) no-repeat;}
.xysyoushi li:nth-child(4) .xysimg{ background: url(../image/xysyou04.jpg) no-repeat;}

.xysgoutong{ background: url(../image/xysgoutong.jpg) 50% 0 no-repeat; padding: 240px 0 140px 80px; margin-top: 60px;}
.xysgoutong p{ color: #fff; font-size: 22px;}
.goutxys{ width: 200px; height: 40px; line-height: 40px; background: #fff; text-align: center; margin-top: 40px;}
.goutxys a{ display: block; color: #7a79e3;}

.qubiebj{background: url(../image/qubiebj.jpg) 50% 0 no-repeat; padding: 120px 30px; margin-top: 30px;}
.qubiebj ul{ overflow: hidden;}
.qubiebj ul li{ overflow: hidden; width: 55%; margin-bottom: 100px;}
.qubiebj ul li p{ float: left; width: 90%; font-size: 20px; line-height: 44px;}
.qubiebj h2{ color: #fff; position: absolute; top: 227px; left: 41.5%; font-size: 40px;}

.qubiebj ul li:nth-child(1){ float: right;}
.qubiebj ul li:nth-child(2){ float: left;}
.qubiezi{ font-size: 30px; width: 30px; color: #fff; font-weight: bold;}
.qubiebj ul li:nth-child(2) p{ margin-left: 5%;}

.xiangyoubj{ background: url(../image/xiangyoubj.jpg) repeat-y;}
.xyoubj02{background: url(../image/xiangyoubj02.jpg) no-repeat; padding: 80px 0;}
.xiadb { font-size: 20px; color: #fff; width: 300px; margin-left: 30px;}
.xiadb ul li{line-height: 46px; background: url(../image/xysdot.png) center right no-repeat; text-align: right; padding-right: 25px; margin-bottom: 28px;}
.xiadbyou{font-size: 20px; color: #fff; width: 300px; margin-right: 30px;}
.xiadbyou ul li {line-height: 46px; background: url(../image/xysdot.png) left center no-repeat; padding-left: 25px;margin-bottom: 28px;}

.neibadf5{background: #fff url(../image/t5.jpg) 50% 0 no-repeat;}
.casezsbj{ padding: 160px 0 0 0; color: #fff;}
.casezsbj h2{ font-size: 60px; font-weight: normal; margin-bottom: 30px;}
.casezsbj h2:after{ content: ''; display: block; width: 140px; height: 8px; background: #fff; margin-top: 15px;}
.casezsbj h3{ font-size: 30px; font-weight: normal;}
.casezsbj p{ font-size: 20px;}

.caselinebj{ background: url(../image/xysdot.jpg) repeat-y; margin-top: 150px;}
.caselif ul{ display: flex; flex-wrap: wrap;}
.caselif ul li{ width: calc(20% - 61px); border-left:dashed #b9b9b9 1px ; padding:50px 30px; text-align: center;}
.caselif ul li span{ text-transform: uppercase; color: #999; font-size: 12px; display: block; margin-bottom: 10px;}
.caselif ul li h2{ font-size: 22px; font-weight: normal;}
.caselif ul li.active,.caselif ul li:hover{ background: -webkit-linear-gradient(left, #5fa0f0, #7a79e3);
background: -o-linear-gradient(left, #5fa0f0, #7a79e3);
background: -moz-linear-gradient(left, #5fa0f0, #7a79e3);
background: -ms-linear-gradient(left, #5fa0f0, #7a79e3); }
.caselif ul li.active a,.caselif ul li.active span,.caselif ul li:hover a,.caselif ul li:hover span{ color: #fff;}
.bjhuise{ background: #f6f5f8; padding-bottom: 30px;}
.bjhuise .caselist{ margin-top: 80px;}
.bjhuise .caselist li{    width: 28.3%;  margin: 2.5%; margin-bottom: 40px;}

.neibadf4{ }
.neibadf4 ul.rslides li a{ display: block; height:797px ;}
.neibadf4 ul.rslides li:nth-child(1){background: url(../image/t4-2.jpg) 50% 0 no-repeat; height:797px ;}
.neibadf4 ul.rslides li:nth-child(2){background: url(../image/t4-3.jpg) 50% 0 no-repeat; height:797px ;}
.aliyunyoushi{ width: 500px; text-align: right; padding-top: 190px;}
.aliyunyoushi h2{ font-size: 50px; font-weight: normal;}
.aliyunyoushi span{ display: block; color: #aaa;}
.aliyunyoushi p{ font-size: 22px; margin-top: 20px;}
.yiwangbj{background: url(../image/yiwangbj.jpg) 50% 0 no-repeat; height: 445px; padding-top: 60px;}
.yiwangul{ display: flex; flex-wrap: wrap; justify-content: center;}
.yiwangul li{ width: 230px; height: 180px; line-height: 140px; margin: 0 15px; background: url(../image/qipaobj.png) no-repeat; color: #fff; font-size: 30px; font-weight: bold; color: #fff; text-align: center;}
.yiwangul li:nth-child(2n+1){ margin-top: 40px;}
.yunnanti{ font-size: 38px; color: #fff; width: 560px; height: 80px; text-align: center; line-height: 80px; margin-top: 50px;}
.yunnanti:before{ content: ''; display: block; position: absolute; top: 8px; left: 8px; right: 8px; bottom: 8px; border:1px dashed #a8a7fc ;}
.yunnanti,.yiwangwenzi,.aliwenti:after{background-image: -webkit-linear-gradient(135deg,#7a79e3 0,#5fa0f0 100%);
    background-image: linear-gradient(135deg,#7a79e3 0,#5fa0f0 100%);}
.yiwangwenzi{font-size: 75px; background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;letter-spacing: 15px; margin-right: 145px;}
.aliwenti{ margin-top: 60px; color: #fff; overflow: hidden;}
.aliwenti:after{ content: ''; display: block; position: absolute; top: 0; left: 50%; margin-left: -600px; z-index: -1; width: 82%; height: 430px;}
.nantiwenzi{ text-align: center;}
.nantiwenzi h3{ font-size: 30px; font-weight: normal; text-align: center; margin-top: 60px;}
.wentizai{ background: url(../image/wentibj.png) 50% 0 no-repeat; margin-top: 60px; display: flex; flex-wrap: wrap; justify-content: center;}
.wentizai li{ width: 11.3%; padding:128px 0; text-align: center;}
.wentizai li:nth-child(2n+1){ padding-top: 100px;}
.wentizai li:nth-child(2n){ padding-top: 60px;}

.liuliang:after{ content: ''; display: block; position: absolute; top: 0; right: 0; z-index: 1; background: url(../image/topfd.jpg) no-repeat; width: 498px; height: 246px;}
.liuliang h2,.liuliang h4{ text-align: center;}
.liuliang h4{ padding-top: 90px; font-size: 30px; font-weight: normal;}
.liuliang h2{ font-size: 40px; color: #7a79e3; font-weight: normal; margin-top: 10px;}
.liuyous02 li{ width: 27%; margin:2%; border-radius:25px ;}
.liuyous02 li:nth-child(1) .xysimg{ background: url(../image/topbj01.jpg) no-repeat;}
.liuyous02 li:nth-child(2) .xysimg{ background: url(../image/topbj02.jpg) no-repeat;}
.liuyous02 li:nth-child(3) .xysimg{ background: url(../image/topbj03.jpg) no-repeat;}
.liuyous02 li:nth-child(4) .xysimg{ background: url(../image/topbj04.jpg) no-repeat;}
.liuyous02 li:nth-child(5) .xysimg{ background: url(../image/topbj05.jpg) no-repeat;}
.liuyous02 li:nth-child(6) .xysimg{ background: url(../image/topbj06.jpg) no-repeat;}
.liuyous02 li h3{ font-weight: bold; color: #7a79e3; font-size: 25px;}
.liuyous02 li:nth-child(3n+2) h3{ color: #34b0fe;}
.liuyous02 li p{ font-size: 16px; line-height: 28px;}

.huantop{ margin-top: 60px;}
.huanxing{ display: flex; flex-wrap: wrap; width: 800px;}
.huanxing li{ margin: 4%;}

.huanwenzi{ width: 400px;}
.huanwenzi h3{ font-size: 22px; font-weight: normal; margin-top: 40px;}
.huanwenzi h2{ font-size: 35px; margin-top: 10px;}
.huanwenzi a{ display: block; height: 40px; line-height: 40px; width: 240px; border-radius:25px ; margin-top: 40px; font-size: 18px; border:1px solid #333 ; text-align: center;}
.huanxing li:nth-child(1):after{ content: '75%的精力在引流'; display: block; text-align: center; font-size: 20px;}
.huanxing li:nth-child(2):after{ content: '20%的精力在运营'; display: block; text-align: center; font-size: 20px;}
.huanxing li:nth-child(3):after{ content: '10%的精力在转化'; display: block; text-align: center; font-size: 20px;}

.liyoubj{ margin-top: 50px;}
.liyoubj:after{ content: ''; display: block; position: absolute; top: 0; right: 18%; z-index: -1; width: 82%; height: 600px;
background-image: linear-gradient(to top,#7a79e3 0,#5fa0f0 100%);
background-image: -webkit-linear-gradient(to top,#7a79e3 0,#5fa0f0 100%);}
.liyoubj02{ background: url(../image/liyoubj.png) no-repeat; padding:150px 0 ; color: #fff; position: relative;} 
.liyoubj02 h2{position: absolute; top: 140px;left: 0; z-index: 10; font-size: 40px; font-weight: normal; text-align: right; width:395px; line-height: 60px;}
.liyoubj02 h2 span{ display: block;}
.liyoubj02 h2 span i{ color: #6598ed; font-weight: bold; font-style: inherit; margin-right: 14px;}
.liyoubj02 h2:after{ content: 'Choose our n reasons'; display: block; margin-top: 18px; color: #cadaff; font-size: 24px; text-transform: uppercase; text-align: left;}

.liyoubj02 ul{ width: 720px; margin-right: 130px; display: flex; flex-wrap: wrap; }
.liyoubj02 ul li{  padding: 2%; text-align: center;}
.liyoubj02 ul li h3{ font-size:25px;color: #7185e7; margin-bottom: 15px;}
.liyoubj02 ul li p{ margin-bottom: 30px;}
.liyoubj02 ul li:nth-child(1) p{ color: #7284e7;}
.liyoubj02 ul li:nth-child(2) p{ color: #333;}
.liyoubj02 ul li:nth-child(3) p{ color: #fff;}
.liyoubj02 ul li:nth-child(2N+1){ margin-top: 130PX;}
.liyoubj02 ul li:nth-child(3){ margin-left: 40PX;}
.liyoubj02 ul li:nth-child(3) h3{ color: #fff;}

.topbj001{ background: url(../image/topbj001.png) no-repeat;}
.alihangye{ display: flex; flex-wrap:wrap ; justify-content: center; margin-top: 50px;}
.alihangye li{ width: 47%; margin: 1%; padding:1%;background-image: linear-gradient(to top,#787be4 0,#6598ed 100%);
background-image: -webkit-linear-gradient(to top,#787be4 0,#6598ed 100%);}
.alihangye li img{ width: 100%;}
.alihangye li h2{ color: #fff; font-size: 20px; font-weight: normal; margin-bottom: 12px;}
.alihangye li:nth-child(2n+1){ margin-left: 0;}
.alihangye li:nth-child(2n){ margin-right: 0;}
.alixinshang .whych{ padding-top: 60px;}
.alixinshang{ margin-bottom: 60px;}

.neibadf3{ background: url(../image/t3.jpg) no-repeat; height: 714px;}
.waimaozhang{ width: 550px; margin: 0 auto; margin-top: 180px; text-align: center; /*background: rgba(77,160,255,0.3);*/ padding:50px 30px; color: #fff;}
.waimaozhang h2{ font-weight: normal; font-size: 50px;}
.waimaozhang span{ display: block; font-size: 30px; margin-top: 5px;}
.waimaozhang p{ width: 440px;font-size: 35px; font-weight: bold; margin: 0 auto; margin-top: 40px; border: 1px solid #fff; height: 60px; line-height: 60px;}
.waimaozhang i{ display: block; font-style: inherit; font-size: 12px; margin-top: 10px;}

.top80{ margin-top: 80px;}
.waimaoneir{ width: 330px;}
.waimaoneir h2{ font-size: 30px; color: #333333; margin-top: 50px; margin-bottom: 60px;}
.waimaoneir p{ line-height: 40px;}
.waimaoneir p span{ font-size: 25px; display: block; margin: 10px 0;}
.animatwai{ width: 870px; background: url(../image/waimaobj01.jpg) right center no-repeat; height: 485px;}
.rect8{ position: absolute; right: 0; top: 45%; z-index: 10;}
.rect1,.rect2,.rect3,.rect4,.rect5,.rect6,.rect7{ position: absolute; z-index: 100; }
.rect1{ left: 0; top: 40%;}
.rect2{ left: 100px; top: 65%;}
.rect3{ left: 140px; top: 60%;}
.rect4{ left: 150px; top: 74%;}
.rect5{right: 240px; top: 10%;}
.rect6{right: 180px; top: 24%;}
.rect7{right: 120px; top: 65%;}
.rect1,.rect5,.rect3 {
    -webkit-animation: mover 15s infinite linear;
    animation: mover 15s infinite linear;
}
.rect4,.rect6,.rect7,.rect2 {
    -webkit-animation-name: rotate;
    animation-name: rotate;
    -webkit-animation-duration: 20s;
    animation-duration: 20s;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    animation-timing-function: linear;
}
.rect8 {
    -webkit-animation: rotate3d 8s linear infinite;
    animation: rotate3d 8s linear infinite;
    opacity: .9;
}

@-webkit-keyframes mover{0%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}20%{-webkit-transform:translate(73px,-1px) rotate(36deg);transform:translate(73px,-1px) rotate(36deg)}40%{-webkit-transform:translate(141px,72px) rotate(72deg);transform:translate(141px,72px) rotate(72deg)}60%{-webkit-transform:translate(83px,122px) rotate(108deg);transform:translate(83px,122px) rotate(108deg)}80%{-webkit-transform:translate(-40px,72px) rotate(144deg);transform:translate(-40px,72px) rotate(144deg)}100%{-webkit-transform:translate(0,0) rotate(0);transform:translate(0,0) rotate(0)}}
@-webkit-keyframes rotate{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}0%{-webkit-transform:rotate(0)}100%{-webkit-transform:rotate(360deg)}}
@-webkit-keyframes rotate3d{0%{-webkit-transform:rotateY(0);transform:rotateY(0)}100%{-webkit-transform:rotateY(360deg);transform:rotateY(360deg)}}

.waimaobj02{ background: url(../image/waimaobj02.jpg) 50% 0 no-repeat; padding: 60px 0; margin-top: 60px;}
.haodewang{ width: 500px; color: #dad8fe; margin-top: 80px;}
.haodewang span{ font-size: 20px; display: block; margin-bottom: 15px;}
.haodewang h2{ font-size: 28px; margin-bottom: 40px;}
.haodewang p{ font-size: 20px; line-height: 40px; position: relative; padding-left: 15px;}
.haodewang p:before{ content: ''; display: block; position: absolute; left: 0; top: 5px; z-index: 10; height: 110px; width: 3px; background: #dad8fe;}
.waimaosiyou{ width: 700px; background: #fff;}
.waimaosiyou ul{ padding:30px;display: flex; flex-wrap: wrap;}
.waimaosiyou ul li{ width: 46%; padding: 1.5%;}
.waimaosiyou ul li h2{ font-size: 18px; margin-bottom: 15px;}
.waimaosiyou ul li p{ font-size: 14px;}

.waimaotupian{ width: 41px; height: 41px; margin-bottom: 15px;}
.waimaosiyou ul li:nth-child(1) .waimaotupian{ background: url(../image/waimaoli01.jpg) no-repeat;}
.waimaosiyou ul li:nth-child(2) .waimaotupian{ background: url(../image/waimaoli02.jpg) no-repeat;}
.waimaosiyou ul li:nth-child(3) .waimaotupian{ background: url(../image/waimaoli03.jpg) no-repeat;}
.waimaosiyou ul li:nth-child(4) .waimaotupian{ background: url(../image/waimaoli04.jpg) no-repeat;}

.waimaobj03{ background: url(../image/waimaobj03.jpg) no-repeat;}
.waimaobj03 ul{ display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 60px;}
.waimaobj03 ul li{ width: 294px; height: 224px; padding-top: 70px; border-radius:50% ; text-align: center; position: relative; z-index: 1; margin-top: 40px;
background-image: -webkit-linear-gradient(135deg,#737de6 0,#459afc 100%);
    background-image: linear-gradient(135deg,#737de6 0,#459afc 100%);
}
.waimaobj03 ul li:hover{background-image: -webkit-linear-gradient(135deg,#83bfff 0,#5554d9 100%);
    background-image: linear-gradient(135deg,#83bfff 0,#5554d9 100%);}
.waimaobj03 ul li h2{ font-size: 30px; color: #459afc; margin-bottom: 15px;}
.waimaobj03 ul li span{ display: block; line-height: 30px;}
.waimaobj03 ul li:before{ content: ''; display: block; position: absolute; top: 4px; left: 4px; right: 4px; bottom: 4px; z-index: -1; background: #fff;border-radius:50% ;}
.waimaobj03 ul li:nth-child(2){ margin: 370px 100px 0 100px;}
.zhizuoliuch .whych{ padding-top: 0;}
.zhizuoliuch .whych span{ display: block; color: #7979e3; font-size: 30px;}
.zhizuoliuch ul{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px; margin-bottom: 80px;}
.zhizuoliuch ul li{ width: 10%; text-align: center; position: relative; z-index: 10;}
.zhizuoliuch ul li h2{ width: 90px; height: 90px; margin: 0 auto; line-height: 90px; border:2px dotted #4e96f9 ; border-radius:50% ; 
background: #fff; position: relative; z-index: 10;

}
.zhizuoliuch ul li h2 span{ font-family: impact; font-size: 45px; display: block; width: 90px; height: 90px;
background-clip: border-box; position: relative; z-index: 100;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-image: -webkit-linear-gradient(135deg,#4e96f9 0,#6884ec 100%);
    background-image: linear-gradient(135deg,#4e96f9 0,#6884ec 100%);  border-radius:50% ;}
.zhizuoliuch ul li p{ margin-top: 30px; font-size: 20px;}
.zhizuoliuch ul li:nth-child(2n) h2{ margin-top: 40px;}
.zhizuoliuch ul li:nth-child(2n) p{ margin-top: 90px;}
.zhizuoliuch ul li:after,.zhizuoliuch ul li:before{ content: ''; display: block; position: absolute; top: 0; z-index: -1;}
.zhizuoliuch ul li:before{ height: 102px; border-left: 2px dotted #4e96f9 ; top: 72px; 
-ms-transform:rotate(-35deg); /* Internet Explorer */
-moz-transform:rotate(-35deg); /* Firefox */
-webkit-transform:rotate(-35deg); /* Safari 和 Chrome */
-o-transform:rotate(-35deg); /* Opera */
}
.zhizuoliuch ul li:nth-child(1):before{ display: none;}
.zhizuoliuch ul li:after{ height: 240px; border-left: 2px dotted #4e96f9 ;  right: -130px;
-ms-transform:rotate(35deg); /* Internet Explorer */
-moz-transform:rotate(35deg); /* Firefox */
-webkit-transform:rotate(35deg); /* Safari 和 Chrome */
-o-transform:rotate(35deg); /* Opera */

}
.zhizuoliuch ul li:nth-child(2n):after,.zhizuoliuch ul li:nth-child(9):after{ display: none;}
.zhizuoliuch ul li:nth-child(2n+1):before{ display: none;}

.neibadf9{ background: url(../image/t9.jpg) 50% 0 no-repeat; color: #fff;}
.xyingzhan{ text-align: right;}
.xyingzhan ul{ width: 50%; text-align: left; margin-top: 125px;}
.xyingzhan ul li{ font-size: 20px; margin-bottom: 43px;}
.xyingzhan ul li:nth-child(1){ margin-left: 260px;}
.xyingzhan ul li:nth-child(2){ margin-left: 140px;}
.xyingzhan ul li:nth-child(3){ margin-left: 70px;}
.xyingzhan ul li span{ font-size: 16px; text-transform: uppercase;}
.xyingzhan h2{ font-size: 45px; margin-top: 30px;}
.xyingzhan i{ font-style: inherit; font-size: 13px; color: #c9c9ff;}
.xyingzhan p{ line-height: 30px; font-size: 20px; margin-top: 40px; margin-bottom: 67px;}

.xiangyingsbj{ background: url(../image/xiangyingshibj01.jpg) 50% 0 no-repeat; padding: 150px 0 103px 0;}
.xysjb h2{text-align: right; font-size: 40px;background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;
background-image: -webkit-linear-gradient(135deg,#419eff 0,#618af0 50%,#797ae4 100%);
    background-image: linear-gradient(135deg,#419eff 0,#618af0 50%,#797ae4 100%);}
.xysjb .xysyoub{ display: block; text-align: right; font-size: 30px;}
.yingxiaoxingul{ width: 86%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 40px;}
.yingxiaoxingul li{ width: 27%; margin:2.5%; background: #fff; position: relative;}
.yingxiaoxingul li:after{ content: ''; display: block; position: absolute; top:0; left: 0; right: 0; bottom: 0; border: 1px solid #618af0;}
.yingxiaoxingul li h3{ font-weight: normal; font-size: 22px;}
.yingxiaoxingul li span{ color: #aaa; font-size: 12px;}
.xystubiaobj{ width: 54px; height: 135px;}
.yingxiaoxingul li:nth-child(1) .xystubiaobj{ background: url(../image/xyslibiao01.jpg) no-repeat;}
.yingxiaoxingul li:nth-child(2) .xystubiaobj{ background: url(../image/xyslibiao02.jpg) no-repeat;}
.yingxiaoxingul li:nth-child(3) .xystubiaobj{ background: url(../image/xyslibiao03.jpg) no-repeat;}
.yingxiaoxingul li:nth-child(4) .xystubiaobj{ background: url(../image/xyslibiao04.jpg) no-repeat;}
.yingxiaoxingul li:nth-child(5) .xystubiaobj{ background: url(../image/xyslibiao05.jpg) no-repeat;}
.yingxiaoxingul li:nth-child(6) .xystubiaobj{ background: url(../image/xyslibiao06.jpg) no-repeat;}
.xyswenzi{ width: calc(80% - 60px); padding: 40px 30px;}

.whatwaimao h2{ font-size: 35px; font-weight: normal; margin-top: 120px; margin-bottom: 6px;}
.whatwaimao span{ color: #aaa;} 
.whatbj{ width:813px; height: 444px; margin-top: 60px;  background: url(../image/xysbj001.gif) 50% 0 no-repeat; padding: 60px 0; color: #fff;}
.whatbj h3,.suodingyinqing h3{ margin-left: 150px; width: 280px; text-align: center; font-size: 25px; font-weight: normal; margin-bottom: 30px;}
.whatbj ul{ width: 70%; display: flex; flex-wrap: wrap; justify-content: center;}
.whatbj ul li{text-align: center;width:28% ; margin:1.5% 3%; padding: 30px 0; border: 1px solid #fff; border-radius:25px ;}

.suodingyinqing{ color: #fff; position: absolute; top: 285px; left: 550px; z-index: 100; width: 450px; height: 380px;border-radius:25px ;
	background-image: -webkit-linear-gradient(left, #88cdff 0,#96a0ff 100%);
    background-image: linear-gradient(left, #88cdff 0,#96a0ff 100%);}
.suodingyinqing h3{ margin-left: 100px; margin-top: 50px;}
.suodingyinqing ul{ width: 80%; margin: 0 auto;}
.suodingyinqing ul li{ background: #fff; color: #5d7de0; text-align: center; font-size: 18px; margin-bottom: 15px; line-height: 60px;}

.xyswhychoose{ background: url(../image/xiangyingshibj02.jpg) 50% 0 no-repeat; padding-top: 80px;color: #fff;}
.xyswhychoose h2{ font-size: 40px; font-weight: normal; text-align: right;}
.xyswhychoose span{ display: block; text-align: right;}
.xyswhychoose ul{ width: 90%; display: flex; flex-wrap: wrap; justify-content: center; margin-top: 60px;}
.xyswhychoose ul li{ width: calc(17% - 2px); padding: 3% 2%; margin: 2%; border: 1px solid #fff;}
.xyswhychoose ul li h3{ text-align: center; height: 60px; margin-bottom: 20px;}
.xyswhychoose ul li p{ font-size: 14px; line-height: 28px;}
.kefuxys{width: 410px; margin: 0 auto; margin-top: 80px; background-image: -webkit-linear-gradient(left, #88cdff 0,#96a0ff 100%);
    background-image: linear-gradient(left, #88cdff 0,#96a0ff 100%); border-radius:16px ; }
.kefuxys a{ display: block; line-height: 64px;color: #fff; text-align: center; position: relative;}
.kefuxys a:before{ content: ''; display: block; position: absolute; top: 20px; left: 110px; background: url(../image/xyskefubj01.png) no-repeat; width: 27px; height: 27px;}

.widfr { width: 31%; margin-left: 2%;}
.widfr span, .longfdtex span { display: block; font-size: 18px;}
.lianxire { width: 100%; border: 1px solid #a0a0a0; background: 0; height: 34px;  line-height: 34px; margin-top: 10px;}
.longfdtex { width: 98%; margin-left: 2%; margin-top: 15px;}
.chagntext { width: calc(100% - 10px); border: 1px solid #a0a0a0; background: 0; height: 100px; margin-top: 10px;}
.tijisdfl {display: block; width: 100%; cursor: pointer; line-height: 34px; background: #008dd6; color: #fff;  
background-image: -webkit-linear-gradient(left, #7a79e3 0,#598ef3 100%);
    background-image: linear-gradient(left, #7a79e3 0,#598ef3 100%);text-align: center; margin-left: 2%;margin-top: 15px;font-size: 18px;}
.liubj4hour {margin-left: 2%;margin-top: 10px;}
.liubj4hour span {display: block; font-size: 12px;}
.liubj4hour span i {color: #008dd6;font-style: inherit;}
.liubj4hour h2 {font-weight: normal;font-size: 30px;margin-top: 15px; margin-bottom: 60px;}

.neibadf1{ background: url(../image/t1.jpg) 50% 0 no-repeat; height: 764px;}
.zhenghewidth{ width: 820px; margin: 0 auto; margin-top: 80px; margin-bottom: 100px;}
.zhjingzheng{ padding-left: 15px;}
.zhjingzheng:before{ content: ''; display: inline-block; position: absolute; left: 0;  z-index: 10; top: 54px; width: 4px; height: 90px; background: #419eff;}
.zhjingzheng h2{ font-size: 30px; font-weight: normal; margin-top: 50px; }
.zhjingzheng p{ color: #999; font-size: 14px; margin-top: 10px;}

.zhengbj{ background:#f6f6fa ; padding: 60px 0; margin-top: 80px;}
.zhenghewidth2{ width: 1000px;margin: 0 auto;}
.zhengyouw{ text-align: right; margin-top: 30px; padding-right: 20px;}
.zhengyouw h2{ font-size: 30px; font-weight: normal;  }
.zhengyouw p{ color: #666; line-height: 30px; margin-top: 15px;}
.zhengyouw:after{content: ''; display: inline-block; position: absolute; right: 0;  z-index: 10; top: 34px; width: 5px; height: 110px; background: #419eff;
background-image: -webkit-linear-gradient(top, #5591f5 0,#777be4 100%);
background-image: linear-gradient(top, #5591f5 0,#777be4 100%);
}

.zhengtop{ margin-top: 100px;}
.zhenheyou{ display: flex; flex-wrap: wrap; justify-content: center;}
.zhenheyou li{width: calc(25% - 60px); padding:30px; background: #f2f2f8; line-height: 32px;}
.zhenheyou li h2{ font-size: 25px; text-align: center; color: #fff; margin-top: 40px; }
.zhenheyou li h2 span{ display: block; font-size: 50px; font-family: impact; margin-bottom: 30px;}

.heyou01 li:nth-child(1){ background: url(/skin/guoji/images/zhenghebiao01.jpg) no-repeat;}
.heyou01 li:nth-child(3){ background: url(../image/zhenghebiao02.jpg) no-repeat;}
.heyou02 li:nth-child(2){ background: url(../image/zhenghebiao03.jpg) no-repeat;}
.heyou02 li:nth-child(4){ background: url(../image/zhenghebiao04.jpg) no-repeat;}

.waituiguangd h2{position: relative; font-size: 30px; font-weight: normal; text-align: center; margin-top: 80px; padding-top: 20px; }
.waituiguangd h2:before{content: ''; display: inline-block; position: absolute; top: 0; left: 45%; z-index: 10; width: 100px; height: 4px; background: #777be4; margin: 0 auto;}
.waituiguangd p{ text-align: center; margin-top: 10px; color: #aaaaaa; line-height: 30px;}
.duibiwaimao ul{ margin-top: 80px;}
.duibiwaimao ul:first-child{ width: calc(50% -320px); background: url(../image/zhengheduibi01.jpg) no-repeat;padding: 120px 0 30px 320px;}
.duibiwaimao ul:last-child{ width: calc(50% -340px); background: url(../image/zhengheduibi02.jpg) right no-repeat;padding: 30px 340px 90px 0px;}
.duibiwaimao ul li{ margin-bottom: 26px;}
.duibiwaimao ul:first-child li{ padding-left: 25px; background: url(../image/xysdot02.png) center left no-repeat;}
.duibiwaimao ul:last-child li{ text-align: right; padding-right: 25px; background: url(../image/xysdot02.png) center right no-repeat;}

.zhenghexuanze{ background: url(../image/zhenghexuanze.jpg) 50% 0 no-repeat; color: #fff; margin-top: 80px;}
.xuanzeti{  margin-top: 200px; padding-left: 25px;}
.xuanzeti h2{ font-size: 40px; margin-bottom: 15px;}
.xuanzeti span{ display: block; font-size: 25px;}
.xuanzeti:before{ content: ''; width: 5px; height: 90px; background: #fff; display: block; position: absolute; left: 0; top: 8px;}
.zhenghexuanze p{ line-height: 32px; margin-top: 40px;}
.sqimgqie{position: relative; margin-top: 30px; width: 320px; height: 669px; padding:30px 20px 0 20px;  }
.sqimgqie:before{content:''; display: block; width: 357px; height: 660px; position: absolute; top: 5px; right: 0; bottom: 0;z-index:999;background: url(../image/shoujibj.png) right center no-repeat;}
.sqimgqie img{ border-radius:20px ;}
.sqimgqie:after{ content: ''; display: block; position: absolute; z-index: 11; left: -10px; top: -20px; width:362px ; height: 699px; background: url(../image/shoujibj-shad.png) no-repeat;}


.zhengheyunying img{ margin-top: 60px;}
.yunyinhh{ margin-top: 40px; position: relative; padding-left: 26px;}
.yunyinhh:before{content: ''; display: inline-block; position: absolute; left: 0;  z-index: 10; top: 5px; width: 6px; height: 110px; background: #419eff;
background-image: -webkit-linear-gradient(bottom, #5591f5 0,#777be4 100%);
background-image: linear-gradient(bottom, #5591f5 0,#777be4 100%);}
.yunyinhh h2{ font-weight: normal; font-size: 30px; margin-bottom: 15px;}
.yunyinhh span{ font-size: 18px; color: #666666; line-height: 30px;}

.zhyyul{ width: 40%; color: #fff;}
.zhyyul ul li{background-image: -webkit-linear-gradient(135deg, #787ae4 0,#5591f5 100%);
background-image: linear-gradient(60deg, #787ae4 0,#5591f5 100%);margin-bottom: 15px; padding:40px 50px 40px 120px; position: relative;}
.zhyyul ul li h3{ font-size: 30px; font-weight: normal; margin-bottom: 15px;}
.zhyyul ul li:before{ content: ''; display: block; position: absolute; left: 10px; right: 10px; bottom: 10px; top: 10px; z-index: 10; border:#fff dotted 1px}
.zhyyul ul li:after{ content: ''; display: block; position: absolute; left: 40px; top: 52px; width: 57px; height: 57px; }
.zhyyul ul li:nth-child(1):after{background: url(../image/zhengtuo01.png) no-repeat;}
.zhyyul ul li:nth-child(2):after{background: url(../image/zhengtuo02.png) no-repeat;}
.zhyyul ul li:nth-child(3):after{background: url(../image/zhengtuo03.png) no-repeat;}

.xiaozuhh h2{position: relative; width: 400px; height: 40px; line-height: 40px; border: 1px solid #bfbfbf; font-size: 20px; font-weight: normal; text-align: center; margin: 0 auto;}
.xiaozuhh h2:before,.xiaozuhh h2:after{ content: ''; display: block; width: 150px; border-bottom: 1px solid #bfbfbf; position: absolute; top: 20px;}
.xiaozuhh h2:after{right: -150px;}
.xiaozuhh h2:before{left: -150px;}

.xiaozufen{ margin-top: 60px; background: url(../image/zhengtuobj01.jpg) 50% 50% no-repeat; display: flex; flex-wrap:wrap ; justify-content: center;}
.xiaozufen li{ width: 30%; text-align: center; margin: 30px 0;}
.xiaozufen li h3{ font-size: 40px; font-family: impact; margin-bottom: 20px;background-image: -webkit-linear-gradient(left, #6498ed,#7a79e3);
background-image: linear-gradient(left, #6498ed,#7a79e3);background-clip: border-box;-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.xiaozufen li p{ font-size: 18px;}

.neibadf11{ background: url(../image/t11.jpg) 50% 0 no-repeat; height: 762px; color: #fff; text-align: right;}
.neibadf11 h2{ margin-top: 220px; font-size: 44px; margin-bottom: 20px;}
.neibadf11 p{ font-size: 25px; margin-bottom: 6px; }
.neibadf11 span{ font-size: 12px; color: #7a79e3;}
.xiaoyuzhongbj03{ background: url(../image/xiaoyuzhongbj03.jpg) 50% 0 no-repeat; text-align: center; padding-top: 140px;}
.xiaoyuzhongbj03 h2{ font-size: 35px; font-weight: normal;}
.xiaoyuzhongbj03 span{ display: block; margin-top: 18px;}
.qinheliul{ display: flex; flex-wrap: wrap; justify-content: center; margin-top: 80px;}
.qinheliul li{ width: 26%; margin: 3%; border-top:2px solid #aaa ; border-bottom:2px solid #aaa ; padding: 50px 0;
}
.xiaoulli{ width: 120px; height: 120px; margin: 0 auto; margin-bottom: 40px;}
.qinheliul li:nth-child(1) .xiaoulli{ background: url(../image/xiaoulli01.jpg)  no-repeat;}
.qinheliul li:nth-child(2) .xiaoulli{ background: url(../image/xiaoulli02.jpg)  no-repeat;}
.qinheliul li:nth-child(3) .xiaoulli{ background: url(../image/xiaoulli03.jpg)  no-repeat;}
.qinheliul li h3{ font-size: 22px; margin-bottom: 30px;}
.qinheliul li p{ font-size: 14px; line-height: 26px; height: 100px; }
.linkkefu a{ display: block; width: 160px; height: 40px; margin:0 auto; border-radius:6px ; background: #eeeeee; position: relative; }
.linkkefu a:after{ content: '了解更多'; display: inline-block; line-height: 40px;  font-size: 14px; position: relative; z-index: 10;}
.linkkefu a:hover:after{ content: "KNOW MORE"; color: #FFF; font-size: 13PX;}
.linkkefu a:before{content:''; display: block; position: absolute; top: 0; left: 0; z-index: 1; width: 0; height: 40px; background-image: -webkit-linear-gradient(left, #6498ed,#7a79e3);
background-image: linear-gradient(left, #6498ed,#7a79e3);
-webkit-transition: all .5s; 
-o-transition: all .5s; 
-ms-transition: all .5s; 
-moz-transition: all .5s; border-radius:6px ;}
.linkkefu a:hover:before{ width: 100%;}

.shijiedituf{ text-align: center;}
.shijiedituf h2{ font-size: 30px; font-weight: normal;}
.shijiedituf span{ font-size: 14px; display: block; margin-top: 10px;}
.shijiedituf i{ font-size: 22px; display: block; margin-bottom: 15px; font-weight: bold; color: #469bfc;}

.mapbj01{ background: url(../image/mapbj01.jpg) 50% 0 no-repeat; height: 662px; margin-top: 50px;}
.chengshi h2{text-indent: 9999px; width: 230px; height: 34px; line-height: 34px; margin: 0 auto; font-size: 16px; text-align: center;}
.chengshi{position: absolute; z-index: 100;}
.citygd01{top: 188px; left: 70px;}
.citygd02{ top: 298px; left: 110px;}
.citygd03{ top: 460px; left: 264px;}
.citygd04{ top: 374px; left: 460px;}
.citygd05{ top: 304px; left: 620px;}
.citygd06{ top: 164px; left: auto; right: 95px;}
.zhengqipao{display:none; position: absolute; bottom: 100%; z-index: 10;  width: 200px; height: 119px; background: url(../image/zhengqipaobj.png) no-repeat; color: #fff; padding: 15px;}
.zhengqipao h3{ font-size: 20px; margin-bottom: 10px;}
.zhengqipao span{ display: block; font-size: 14px;}
.chengshi:hover .zhengqipao{display:block;}
.chengshi:hover h2{ cursor: pointer;}
.chengshi:nth-child(6) .zhengqipao{display:block;}



.tuijiannews{ display: flex; flex-wrap: wrap; margin-top: 30px;}
.tuijiannews li{ text-align: left; width: calc(30.33% - 10px); margin: 1%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 10px; }
.tuijiannews li h3:before{ content: ""; display: inline-block; width: 5px; height: 5px; border-radius:50%; background: #3390e0; margin-right: 5px;}
.tuijiannews li img{ width: 100%;}
.tuijiannews li h3{ font-size: 16px; font-weight: normal; line-height: 30px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.tuijiannews li h3 span{ float: right; font-size: 12px; color: #666;}
.tuispan{ font-size: 14px; color: #999;     white-space: normal; line-height: 22px;}


.casexin,.caselist22{width:80%; margin:0 auto; display:flex; flex-wrap:wrap}
.casexin li,.caselist22 li{ width:21%; margin:1%; background:#f2f2ff; padding:1%}
.casexin-top {   height: 492px; position:relative}
.casexin-pic {
    width: 100%;
    height: 100%;
    background-position: center top;
    transition: ease-out 10s;
    -moz-transition: ease-out 10s;
    -o-transition: ease-out 10s;
    -webkit-transition: ease-out 10s;
    border-radius: 10px;background-size: cover;
}
.casexin-top:hover .casexin-pic{background-position: center bottom}
.casexin-modal {
    position: absolute;
    left: 0; right:0; bottom:0;
    top: 0; 
	z-index:1000;
    
    background-color: #000;
    background-color: rgba(0, 0, 0, 0.3);
    -webkit-transition: all 550ms;
    -o-transition: all 550ms;
    -moz-transition: all 550ms;
    transition: all 550ms;
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0);
    transform: scale(0);
    visibility: hidden;
}
.casexin-modal i {
    position: absolute; font-style:inherit;	
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 5px 25px;
    line-height: 24px;
    font-size: 16px;
    color: #fff;
    border-radius: 17px;
    background-color: #7b77e5;
}
.casexin-top:hover .casexin-modal{transform: scale(1);visibility:visible}
.case-biaoti{margin-top:15px;color:#666}
.case-biaoti h2{font-size:16px; float:left; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; width:65%}
.liuyan-hit span{padding-left:20px}
.liuyan-hit span{ background:url(../image/xysdot.png) no-repeat; margin-right:6px}


@media only screen and (max-width:1440px ) {
	/*nav{ width:76% }
	nav ul li a{ padding: 0 10px;}*/
	.aliwenti:after{ left: 80px; width: calc(100% - 80px);}
	.liyoubj:after{ right: 80px;width: calc(100% - 80px);}
}