@charset "utf-8";
body,html{ overflow-x:hidden;}
body{ color:#9D9D9E; font-size:14px; height:auto; box-sizing:border-box; background-color:#fff;}
.course{-moz-user-select: none; /*火狐*/
  -webkit-user-select: none;  /*webkit浏览器*/
  -ms-user-select: none;   /*IE10*/
  -khtml-user-select: none; /*早期浏览器*/
  user-select: none;}
a{ color:#9D9D9E; text-decoration:none;}
a:hover{ text-decoration:none; color:#3E3A39;}
i,em{ font-style:normal;}



.menu-link{
-webkit-transition: all 0.2s ease-out;
-moz-transition: all 0.2s ease-out;
-ms-transition: all 0.2s ease-out;
-o-transition: all 0.2s ease-out;
transition: all 0.2s ease-out;
}
.menu-link *{box-sizing: border-box;}
.menu-link { display:none; border-radius:5px; box-sizing: border-box; position:absolute; top:5px;right:-8px;font-size: 12px;z-index: 10;width:42px;height:42px; padding:6px 8px;}
.menu-link:hover,
.menu-link:focus {}
.menu-link span {position: relative;display: block;margin-top:12px;}
.menu-link span,
.menu-link span:before,
.menu-link span:after {background-color: #fff;width: 100%;height:3px;-webkit-transition: all 0.4s;-moz-transition: all 0.4s;-ms-transition: all 0.4s;-o-transition: all 0.4s;transition: all 0.4s; border-radius:3px;}
.menu-link span:before,
.menu-link span:after {position: absolute;top: -.7em;content: " ";}
.menu-link span:after {top: .7em;}
.menu-link.active span {background: transparent !important;}
.menu-link.active span:before { background-color:#ffffff;
-webkit-transform: rotate(45deg) translate(.5em, .4em);
-moz-transform: rotate(45deg) translate(.5em, .4em);
-ms-transform: rotate(45deg) translate(.5em, .4em);
-o-transform: rotate(45deg) translate(.5em, .4em);
transform: rotate(45deg) translate(.5em, .4em);
}
.menu-link.active span:after { background-color:#ffffff;
-webkit-transform: rotate(-45deg) translate(.6em, -.5em);
-moz-transform: rotate(-45deg) translate(.6em, -.5em);
-ms-transform: rotate(-45deg) translate(.6em, -.5em);
-o-transform: rotate(-45deg) translate(.6em, -.5em);
transform: rotate(-45deg) translate(.6em, -.5em);
}

.fix_body .menu-link span,
.fix_body .menu-link span:before,
.fix_body .menu-link span:after,
.p_body .menu-link span,
.p_body .menu-link span:before,
.p_body .menu-link span:after{background-color: #333;}

.icase_con .img,
.icase_con .img img,
.isolution .h3,
.inews .img img,
.inews .pd,
.icase_tab li .pd,
.index_body .header,
.isolution .pd,
.solution_list .pd,
.solution_list .pd .img img,
.subnav a,
.solution_list .h3,
.solution_list .p,
.solution_list .em,
.isolution .p a,
.inews .h3,
.inews .p,
.inews .em,
.icase_flip a,
.icase_flip em,
.menu li a,
.logo i,
.more a,
.ipt_b1,
.ipt_t1,
.textarea1,
.isolution .p,
.isolution .p em
{-webkit-transition: all 0.3s linear;
-moz-transition: all 0.3s linear;
-ms-transition: all 0.3s linear;
-o-transition: all 0.3s linear;
transition: all 0.3s linear;}
.icase_con .pd:hover .img img,
.inews .pd:hover .img img,
.solution_list .pd:hover .img img{ transform: scale(1.1);}

.fix_body .top{background:rgba(0,0,0,0.8);}

.top{position:fixed; z-index:99; top:0px; left:0px; right:0px; background:rgba(0,0,0,0.2); height:88px;}
.top .left{position:absolute; left:300px; top:28px;}
.top .left .logo{float:left; width:159px;}
.top .left .logo img{width:100%;}
.top .left ul{float:left; margin-left:40px;}
.top .left ul li{float:left; font-size:18px; color:#fff; padding-left:58px; line-height:32px;}
.top .left ul li a{color:#fff;}

.top .left ul li a.active{ color:#4c8efa;}

.top .right{position:absolute; right:58px; top:28px;}
.top .right .trial{float:left;}
.top .right .trial input{width:140px; height:40px; border-radius:5px; border:none; background:#4c8efa; box-shadow:0 0 0 2px rgba(76,142,250,0.5); color:#fff; font-size:18px;}
.top .right .tel{float:left; font-size:24px; color:#fff; font-weight:bold; padding-left:63px; background:url(../images/tel.png) no-repeat 33px center;}

.banner{position:relative;}
.banner .img{width:100%;}
.banner .img img{width:100%;}
.banner .text{position:absolute; left:300px; top:30%;}

.banner .text .h1{font-size:36px; color:#fff;}
.banner .text .p{font-size:24px; color:#fff;}
.ibanner{position:relative}
.ibanner .down{width:34px;position:absolute;left:50%;margin-left:-17px;bottom: 30px;}
.ibanner .down img{width:100%;}

.icon{padding-top:115px;}
.icon .h1{font-size:40px; color:#333; font-weight:bold; background:url(../images/lin.jpg) no-repeat center 56px; text-align:center;}
.icon1 ul{background:url(../images/bg1.png) no-repeat center center; padding:0 80px; box-sizing:border-box;}
.icon1 ul li{width:33.33%; float:left; text-align:center; padding:80px 100px 0; box-sizing:border-box;}
.icon1 ul li .img{width:139px; margin:0 auto;}
.icon1 ul li .img img{width:100%;}
.icon1 ul li .h2{font-size:30px; color:#333; font-weight:bold; padding:56px 0 32px;}
.icon1 ul li .p{font-size:20px; line-height:36px; color:#333;height: 150px;}

.icon2 ul{padding-top:45px;}
.icon2 ul li{float:left; width:33.333333333%; position:relative;}
.icon2 ul li .img img{width:100%;}
.icon2 ul li .text{position:absolute; top:160px; left:50%; margin-left:-195px; color:#fff; width:390px; text-align:center;}
.icon2 ul li .text .h2{font-size:30px; padding-bottom:20px;}
.icon2 ul li .text .p{font-size:20px; line-height:36px;}

.icon3{background:url(../images/bg5.png) no-repeat left 50px;}
.icon3 ul{padding:92px 16px 0; box-sizing:border-box;}
.icon3 ul li{width:25%; float:left; padding:0 14px; box-sizing:border-box; cursor:pointer;}
.icon3 ul li .con{ border:1px solid #ebebeb;background-color: #fff}
.icon3 ul li .text{width:100%; background-color:rgba(238,238,238,0.8); text-align:center; color:#333;}
.icon3 ul li .text .p{font-size:25px; line-height:64px; font-weight:bold;}
.icon3 ul li .img{text-align:center; padding:70px 0; width:320px; margin:0 auto;}
.icon3 ul li .img img{width:100%;}
.icon3 ul li:hover .text{background-color:rgba(44,113,227,0.8); color:#fff;}

.icon4 .con{position:relative; padding-top:73px; box-sizing:border-box;}
.icon4 .con .img{width:100%;}
.icon4 .con .img img{width:100%;}
.icon4 .con .text{position:absolute; top:173px; left:8%; width:84%;}
.icon4 .con .text .h2{font-size:26px; color:#fff; font-weight:bold; padding-bottom:30px;}
.icon4 .con .text .p{ font-size:14px; line-height:36px; color:#fff;}

.icon5{padding-top:0;}
.icon5 .con{background:url(../images/map.png) no-repeat center right;}
.icon5 .con .text{padding:96px 0 96px 200px;}
.icon5 .con .text .h2{font-size:26px; color:#333; font-weight:bolder; padding-bottom:24px;}
.icon5 .con .text .h3{font-size:20px; color:#666; font-weight:bolder;padding-bottom:20px;}
.icon5 .con .text ul li{color:#666; font-size:14px; padding-left:36px;line-height:42px;}
.icon5 .con .text ul li.li1{background:url(../images/icon7.png) no-repeat left center;}
.icon5 .con .text ul li.li2{background:url(../images/icon8.png) no-repeat left center;}
.icon5 .con .text ul li.li3{background:url(../images/icon9.png) no-repeat left center;}


.icon6{padding-top:0; background:#205a8e url(../images/bg7.png) no-repeat center center; text-align:center; padding:107px 0;}
.icon6 .con .h2{font-size:26px; color:#fff; font-weight:bolder;}
.icon6 .con .p{font-size:18px; font-weight:100; color:#fff; line-height:49px;}
.icon6 .con ul{padding-top:36px;}
.icon6 .con ul li{margin:0 auto; padding-bottom:20px; position:relative;width:600px;}
.icon6 .con ul li input{width:600px; border:none; height:44px; border-radius:5px; padding-left:15px; box-sizing:border-box; font-size:18px;}
.icon6 .con ul li.li:before{content:'*'; color:#d61f36; position:absolute; top:16px; left:-20px;}
.icon6 .con ul li.li1 input{color:#fff; background:#041d45;}

.icon7{padding-top:0; text-align:center; background:#212121; color:#fff; padding:20px 0;}


.cover{background:rgba(0,0,0,1); position:fixed; top:0; left:0; right:0px; width:100%; height:100%; z-index:998;}
.out{background:rgba(0,0,0,0); position:fixed; top:50%; left:50%; margin-left:-230px; margin-top:-115px; width:460px; height:230px; z-index:999;}
.thanks{width:356px; height:105px; position:absolute; top:61px; left:51px; border-radius:10px; background:rgba(235,235,235,0.13); border:1px solid #fff; padding-top:20px; box-sizing:border-box;}
.thanks .p{ font-size:18px; line-height:30px; color:#fff; text-align:center; box-sizing:border-box; padding-left:55px; background:url(../images/tick.png) no-repeat 25px top;}
.out .del{position:absolute; right:26px; top:26px; cursor:pointer;}


@media screen and (max-width:1680px){
.icon1 ul li .h2{padding:40px 0 20px;}
.icon2 ul li .text{top:120px;}
}

@media screen and (max-width:1600px){
.banner .text{left:58px;}
.banner .text .h1{font-size:32px;}
.banner .text .p{font-size:20px;}
.top .left{left:58px;}
.icon{padding-top:80px;}
.icon5{padding-top:0px;}
.icon7{padding:20px 0px;}
.icon1 ul li{padding:50px 70px 0;}
.icon1 ul li .h2{padding:30px 0 15px;}
.icon1 ul li .p{font-size:18px; line-height:32px;}
.icon2 ul li .text{top:100px;}
.icon3 ul{padding:60px 16px 0;}
.icon4 .con .text{top:140px;}
}

@media screen and (max-width:1440px){
.icon{padding-top:60px;}
.icon5{padding-top:0px;}
.icon7{padding:20px 0px;}
.icon1 ul li .img{width:116px;}
.icon1 ul li .h2{padding:20px 0 10px; font-size:26px;}
.icon1 ul li .p{font-size:16px; line-height:22px;}
.icon2 ul li .text{top:80px;}
.icon3 ul li .img{width:300px; padding:50px 0;}
.icon4 .con .text{top:120px;}
.icon4 .con .text .h2{padding-bottom:20px;}
.icon4 .con .text .p{line-height:32px;}
.icon5 .con{ background-size:66%;}
.icon5 .con .text{padding:80px 0 80px 160px;}
}


@media screen and (max-width:1366px){
.icon1 ul{padding:0 20px;}
.icon2 ul li .text{top:60px;}
.icon3 ul{padding:40px 16px 0;}
.icon3 ul li .text .p{font-size:22px; line-height:52px;}
.icon3 ul li .img{width:260px; padding:30px 0;}
.icon4 .con{padding-top:50px;}
.icon4 .con .text{top:100px;}
.icon4 .con .text .h2{padding-bottom:10px;}
.icon4 .con .text .p{line-height:28px;}
.icon5 .con .text{padding:60px 0 60px 110px;}
.icon5 .con{font-size:60%;}
.icon2 ul li .text .h2{padding-bottom:14px;}
.icon2 ul li .text .p{line-height:32px;}
}

@media screen and (max-width:1280px){
.top .left ul{margin-left:20px;}
.top .left ul li{padding-left:50px;}
}
.slick-slide{ background:no-repeat top center; background-size:cover; position:relative;}
.slick-slide img{ width:100%; height:auto;}
.slick-arrow{font-size:44px; position:absolute; top:50%; z-index:2; height:44px; margin-top:-22px; line-height:44px; width:44px; text-align:center; padding:0px; border:none; color:rgba(255,255,255,1); background:none; opacity:0;}
.slick-prev{ left:56px;}
.slick-prev:before{ content: "\e6bd"; }
.slick-next{ right:56px;}
.slick-next:before{ content: "\e651"; }
.slick-dots{position:absolute;margin-left:-15px;left:50%;bottom: 60px;}
.slick-dots li{ float:left; margin:0 6px;}
.slick-dots li button{ display:block; border:none; padding:0px; width:12px; height:12px; text-indent:-99px; border-radius:50%; overflow:hidden; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); box-sizing:border-box; border:1px solid #fff;}
.slick-dots li.slick-active button{ background:none;}
.single-item:hover .slick-arrow{ opacity:1;}