@charset "utf-8";
/* CSS Document */
/*头部*/
#header.index-pc{ display:block;}
#header.index-phone{ display:none;}

.header-box .login-box.guide{ width:160px; height:34px; text-align:center; line-height:34px; margin-top:23px;}
.header-box .login-box.guide a{ color:#666; font-size:14px; height:34px;width:70px; display:inline-block; border-radius:3px; float:left;-webkit-transition:all 0.5s; -moz-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s;}
.header-box .login-box.guide a.outside{ width:130px;}
/*.header-box .login-box.guide a.outside span.name{ margin-left:10px;}*/
.header-box .login-box.guide a.login{background:#0ab8f9; margin:0 20px 0 0; color:#fff;}
.header-box .login-box.guide a.register{border:1px solid #0ab8f9;color:#0ab8f9; height:32px;width:68px; line-height:32px;}
.header-box .login-box.guide a.login:hover{ color:#fff; background:#2699e5;}
.header-box .login-box.guide a.register:hover{ color:#fff;background:#32a8f5;}

/*内容*/
.guide_bg{ background:url(../images/guide/guide_bg.png) no-repeat; }
.guide-box{ background:url(https://xuedao-file-1252348098.cosgz.myqcloud.com/view-images/index-bg/meng.jpg) no-repeat top center; width:100%; min-width:1180px; height:100%;position:relative; overflow:hidden; background-size:cover;}
.guide-box .guide-meng{ background:url(../images/guide/bg.png); position:absolute; top:0px; width:100%; height:100%; z-index:1;
-webkit-animation: login-bg 6s ease-in-out infinite;
-moz-animation: login-bg 6s ease-in-out infinite;
-o-animation: login-bg 6s ease-in-out infinite;
animation: login-bg 6s ease-in-out infinite;}

.guide-list-box{width:1180px; margin:0 auto;}
/*.guide-list{width:1200px; }*/
.guide-list li .info .line-box{ position:absolute; width:100%; height:2px; text-align:center; bottom:140px; left:0px;}
.guide-list li .info .line{ height:2px; width:30px; display:inline-block; background:#fff;-webkit-transition: all 0.3s ease 0s; -moz-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s;}
.guide-list li a:hover .line{width:60px;}

/*2019.1.8改版*/
.guide-list li{ width:380px; height:460px; position:relative; margin:0 20px 20px 0; float:left;}
.guide-list li a:hover .img img{-webkit-transform: scale(1.40, 1.40);-moz-transform: scale(1.40, 1.40);-o-transform: scale(1.40, 1.40);transform: scale(1.40, 1.40); }
.guide-list li .img,.guide-list li .img img{width:380px; height:460px; position:absolute; z-index:2; overflow:hidden;-webkit-transition: all 0.5s ease 0s; -moz-transition: all 0.5s ease 0s; -o-transition: all 0.5s ease 0s; transition: all 0.5s ease 0s;}
.guide-list li .img.phone{ display:none;}
.guide-list li .meng{width:380px; height:460px;position:absolute; z-index:1; left:0px; top:0px; border-radius:5px;}

.guide-list li .meng.a1{background:#2b49ab; }
.guide-list li .meng.a2{background:#4c8fcf;}
.guide-list li .meng.a3{background:#fb9819;}
.guide-list li .meng.a4{background:#ff4200;}
.guide-list li .info{ color:#fff; width:300px; height:190px; padding:135px 40px; text-align:center;position:absolute; z-index:3; left:0px; top:0px;}
.guide-list li .info .ico{ width:90px; height:90px; display:inline-block;}
.guide-list li .info .tit{ width:100%;position:absolute; z-index:3; left:0px; top:265px; font-weight:500; font-size:32px; line-height:34px; display:block;}

.guide-list.four li,.guide-list.four li .img,.guide-list.four li .img img,.guide-list.four li .meng{width:580px;height:360px; }
.guide-list.four li .info{width:500px;height:200px;padding:80px 40px;  }
.guide-list.four li .info .ico{ width:80px; height:80px;}
.guide-list.four li .info .tit{top:210px; }
.guide-list.four li .info .line-box{bottom:90px; }

.guide-list.two li,.guide-list.two li .img,.guide-list.two li .img img,.guide-list.two li .meng{width:380px;height:300px; }
.guide-list.two li .info{width:300px;height:180px;padding:60px 40px;  }
.guide-list.two li .info .ico{ width:70px; height:70px;}
.guide-list.two li .info .tit{top:170px; }
.guide-list.two li .info .line-box{bottom:70px; }


@media only screen and (max-width:1000px) {
#header.index-pc{ display:none;}
#header.index-phone{ display:block;}

#header,.guide-box{ min-width:750px;}
.guide-box{background-size:cover; height:auto!important }
.guide-list-box{padding:50px 20px 60px; width:710px; min-width:auto; margin-top:20px!important;}
.guide-list{width:580px; margin:0 auto; }
.guide-list li .info .line-box{ position:absolute; width:100%; height:2px; text-align:center; bottom:90px; left:0px;}
.guide-list li .img.phone{ display:block;}
.guide-list li .img{ display:none;}

.guide-list li,.guide-list.four li{ width:580px; height:300px; position:relative; margin:0 20px 20px 0; }
.guide-list li .img,.guide-list li .img img,.guide-list.four li .img,.guide-list.four li .img img{width:580px; height:300px;}
.guide-list li .meng,.guide-list.four li .meng{width:580px; height:300px;}
.guide-list li .info,.guide-list.four li .info{ width:500px; height:130px; padding:85px 40px;}
.guide-list li .info .ico{ width:60px; height:60px;}
.guide-list li .info .tit{ font-size:28px; line-height:38px; top:160px;}

}
@media only screen and (min-width:1000px) and (max-width:1400px) {
.guide-list-box{width:780px; margin:100px auto 0 !important;}

.guide-list.four li,.guide-list.four li .img,.guide-list.four li .img img,.guide-list.four li .meng{width:380px;height:300px; }
.guide-list.four li .info{width:300px;height:180px;padding:60px 40px;  }
.guide-list.four li .info .ico{ width:70px; height:70px;}
.guide-list.four li .info .tit{top:170px; font-size:28px; }
.guide-list.four li .info .line-box{bottom:70px; }

}