@charset "gb2312";
/* CSS Document */
/*
* Description: 云课SAAS专题页
* Update:      18/01/2021
* Author:      xuyongmei
*/
body,h1,h2,h3,h4,h5,h6,dl,dt,dd,ul,ol,li,th,td,p,blockquote,pre,form,fieldset,legend,input,button,textarea,hr{margin:0;padding:0;}
ul,ol{list-style: none;}
body{font-size: 16px; background: #f2f2f2;  color:#333;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
select,input,button{vertical-align: middle;font-size: 100%;border:0;}
fieldset,img{border: 0 none;}
h1, h2, h3, h4, h5, h6{ font-size:100%; font-weight:normal;}
em,i,b{font-style: normal;}
a{ color:#fff; text-decoration: none;}
a:hover{text-decoration:none;}
.clear {clear: both;display: block;height: 0; visibility: hidden; font: 0/0 arial}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden; font-size: 0}
.clearfix {*zoom: 1}
/* ---------------------------------分隔线--------------------------------- */
.autoin{width: 1180px;margin: 0 auto;font-family: "Microsoft YaHei", Arial, Helvetica, sans-serif;}
img{display:block;}
.bz{box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;-o-box-sizing: border-box;}

/* banner */
.banner{width:100%;height:663px;background: url(../images/banner.jpg) center top no-repeat;overflow: hidden;}
.banner .autoin{height: 663px;position: relative;padding-top: 65px;}

.ban_t{height: 38px;}
.ban_t span{float: left;width: 251px;height: 27px;margin: 10px 0 0 30px;}
.ban_t p{float: right;width: 350px;height:38px;line-height:38px;font-size:20px;color:#fff;text-align: right;letter-spacing: 1px;}
.ban_t p a{display: inline-block;vertical-align: middle;width: 114px;height: 38px;line-height: 38px;font-size: 20px;color: #341c80;text-align: center;background-color: #fff;border-radius: 19px;-webkit-border-radius: 19px;-moz-border-radius: 19px;-ms-border-radius: 19px;-o-border-radius: 19px;margin: -5px 15px 0 30px;}
.ban_t p a:hover{color: #fff;background-color: #341c80;}

.ban_01{position: absolute;transition:all 0.8s ease-in 0.2s;
	-webkit-transition:all 0.8s ease-in 0.2s;
	-moz-transition:all 0.8s ease-in 0.2s;
	-ms-transition:all 0.8s ease-in 0.2s;
	-o-transition:all 0.8s ease-in 0.2s;opacity: 0;}
.ban_01{width: 609px;height: 455px;background: url(../images/ban_01.png) no-repeat;top: 200px;left: 715px;}
.ban_m{transition:all 0.8s ease-in;
	-webkit-transition:all 0.8s ease-in;
	-moz-transition:all 0.8s ease-in;
	-ms-transition:all 0.8s ease-in;
	-o-transition:all 0.8s ease-in;opacity: 0;overflow: hidden;margin-top: 150px;}
.ban_m p{height: 238px;line-height: 92px;font-size: 74px;color: #fefefe;font-weight:bold;padding-left: 28px;letter-spacing: 1px;}
.ban_m em{display:block;width:582px;height: 54px;line-height: 54px;font-size: 28px;color: #202020;text-align:center;background-color:#2cceda;border-radius:27px;-webkit-border-radius:27px;-moz-border-radius:27px;-ms-border-radius:27px;o-border-radius:27px;letter-spacing: 1px;}

.active .ban_01{opacity: 1;top: 155px;}
.active .ban_m{opacity: 1;transition-delay: 1.0s;
	-webkit-transition-delay: 1.0s;
	-moz-transition-delay: 1.0s;
	-ms-transition-delay: 1.0s;
	-o-transition-delay: 1.0s;margin-top: 125px;}

.title1{height: 58px;line-height: 58px;font-size: 38px;color: #1d1d1d;font-weight:bold;letter-spacing: 3px;}
.title2{height: 50px;line-height: 50px;font-size: 30px;color: #1d1d1d;text-align:center;letter-spacing: 3px;}
.title3{color: #1d1d1d;text-align: center;letter-spacing: 3px;overflow: hidden;}
.title3 h2{height: 70px;line-height: 70px;font-size: 40px;font-weight: bold;}
.title3 p{height: 38px;line-height: 38px;font-size: 18px;}

/*努力做优质的产品*/
.mode_wrap{width:100%;height:645px;background: url(../images/mode_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 77px;}
.mode_wrap h2{text-align: center;}

.mode_ul{margin-top: 70px;padding-left: 80px;}
.mode_ul li{float: left;width: 255px;overflow: hidden;letter-spacing: 1px;}
.mode_ul li img{height: 71px;margin: 0 auto 25px;}
.mode_ul li h4{height: 60px;line-height: 60px;font-size: 24px;color: #1d1d1d;text-align: center;font-weight: bold;}
.mode_ul li p{line-height: 30px;font-size: 18px;color: #808080;text-align: center;}

/*您是否面临这些问题*/
.prob_wrap{width:100%;height:797px;background: url(../images/prob_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 77px;}
.prob_wrap h2{padding-left: 25px;}

.prob_wrap p{line-height: 60px;font-size: 18px;color: #1d1d1d;margin-top: 20px;padding-left: 25px;letter-spacing: 1px;}
.prob_wrap span{display:block;height: 56px;line-height: 56px;font-size: 38px;color: #1d1d1d;font-weight:bold;text-align:center;letter-spacing: 3px;margin-top: 190px;}


/*丰富的教学体系*/
.sysm_wrap{width: 100%;background-color: #301ca9;padding: 55px 0 50px;}
.sysm_wrap .title2{color: #fff;}

.sysm_ul{margin-top: 40px;overflow: hidden;padding-left: 70px;}
.sysm_ul li{float:left;width:222px;height: 52px;line-height: 52px;font-size: 20px;color: #fff;overflow: hidden;margin-bottom: 25px;letter-spacing: 1px;}
.sysm_ul li img{float:left;width: 51px;height: 51px;margin-right:15px;}

/*多端支持*/
.multiport_wrap{width: 100%;background-color: #fff;padding: 60px 0 30px;}

.mult_con{margin-top: 60px;overflow: hidden;}
.mult_con img{margin: 0 auto;}

/*数字化网校管理*/
.digit_wrap{width:100%;height:510px;background: url(../images/digit_bg.jpg) center top no-repeat;overflow: hidden;padding-top: 110px;}

.digit_con{margin-top: 53px;overflow: hidden;}
.digit_con img{margin: 0 auto;}

/*持续迭代更新*/
.renew_wrap{width: 100%;background-color: #d4eff6;padding: 20px 0 60px;}

.renew_con{margin-top: 75px;padding-left: 10px;}
.renew_con li,.jshu_ul li{float: left;font-size:18px;color:#1d1d1d;text-align:center;letter-spacing:1px;background-color: #fff;overflow: hidden;transition: all 0.3s ease-in;-webkit-transition: all 0.3s ease-in;-moz-transition: all 0.3s ease-in;-ms-transition: all 0.3s ease-in;-o-transition: all 0.3s ease-in;}
.renew_con li{width: 214px;height: 240px;line-height:40px;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;-ms-border-radius: 10px;-o-border-radius: 10px;margin-left: 15px;box-shadow: 0 0 50px rgba(49,30,171,0.2);-webkit-box-shadow: 0 0 50px rgba(49,30,171,0.2);-moz-box-shadow: 0 0 50px rgba(49,30,171,0.2);-ms-box-shadow: 0 0 50px rgba(49,30,171,0.2);-o-box-shadow: 0 0 50px rgba(49,30,171,0.2);}
.renew_con li img{width: 64px;height: 64px;margin: 57px auto 20px;}

.renew_con li:hover,.jshu_ul li:hover{transform: translateY(-5px);-webkit-transform: translateY(-5px);-moz-transform: translateY(-5px);-ms-transform: translateY(-5px);-o-transform: translateY(-5px);}

/*一键导入云课平台*/
.flat_wrap{width:100%;background-color: #fff;padding: 60px 0 30px;}

.flat_con{margin-top: 70px;overflow: hidden;}
.flat_con img{margin: 0 auto;}

/*全流程服务*/
.serve_wrap{width:100%;background-color: #fff;padding: 40px 0 100px;}

.serve_con{margin-top: 80px;overflow: hidden;}
.serve_con img{margin: 0 auto;}

/*企业定制版*/
.made_wrap{width:100%;background-color: #301ca9;padding: 75px 0 130px;}
.made_wrap .autoin{width: 1426px;}
.made_wrap .title3{color: #fff;}

.made_con{margin-top: 80px;overflow: hidden;}
.made_con img{margin: 0 auto;}

/*多终端学习课堂*/
.study_wrap{width:100%;background-color: #fff;padding: 85px 0 40px;}
.study_wrap .autoin{width: 1332px;}

.study_con{margin-top: 80px;overflow: hidden;}
.study_con img{margin: 0 auto;}

/*SAAS技术服务*/
.jshu_wrap{width:100%;background-color: #fff;padding: 55px 0 80px;}

.jshu_ul{margin-top: 70px;padding-left: 13px;}
.jshu_ul li{width: 270px;height: 353px;border-radius: 60px 10px 60px 10px;-webkit-border-radius: 60px 10px 60px 10px;-moz-border-radius: 60px 10px 60px 10px;-ms-border-radius: 60px 10px 60px 10px;-o-border-radius: 60px 10px 60px 10px;margin-left: 15px;box-shadow: 0 0 35px rgba(49,30,171,0.2);-webkit-box-shadow: 0 0 35px rgba(49,30,171,0.2);-moz-box-shadow: 0 0 35px rgba(49,30,171,0.2);-ms-box-shadow: 0 0 35px rgba(49,30,171,0.2);-o-box-shadow: 0 0 35px rgba(49,30,171,0.2);}
.jshu_ul li img{width: 98px;height: 106px;margin: 45px auto 0;}
.jshu_ul li p{line-height:36px;padding: 0 33px;margin-top: 7px;}

/*成功合作企业*/
.coope_wrap{width:100%;background-color: #d4eff6;padding: 80px 0 45px;}

.coope_con{margin-top: 50px;overflow: hidden;}
.coope_con img{margin: 0 auto;}

/*诚挚邀请*/
.invite_wrap{width:100%;height:457px;background: url(../images/invite_bg.png) center top no-repeat;overflow: hidden;padding-top: 104px;}

.invite_con{padding:40px 0 0 165px;overflow: hidden;}
.invite_cl{float: left;width: 692px;letter-spacing: 2px;}
.invite_cl h2{height: 54px;line-height: 54px;font-size: 40px;font-weight: bold;color: #fff;}
.invite_cl p{line-height: 34px;font-size: 20px;color: #fff;margin-top: 20px;}

.invite_cr{float: left;width: 294px;overflow: hidden;}
.invite_cr p{height: 50px;line-height: 50px;font-size: 20px;color: #fff;margin-top: 25px;letter-spacing: 2px;}
.invite_cr a{display: block;width: 114px;height: 38px;line-height: 38px;font-size: 20px;color: #341c80;text-align: center;background-color: #fff;border-radius: 19px;-webkit-border-radius: 19px;-moz-border-radius: 19px;-ms-border-radius: 19px;-o-border-radius: 19px;margin-left: 33px;}
.invite_cr a:hover{background-color: #dad6f2;}

/*扉页*/
.feiye{width:100%;line-height:30px;font-size:12px;text-align:center;color:#e2e6f9;margin-top:50px;}