@charset "utf-8";
/* CSS Document */
body{ background:#e7eeec;}
strong{ font:inherit;}

.little-banner{background:url(../../images/mobile/html5/yyxrc/banner_01.jpg) no-repeat center; background-size:cover; position:relative;}
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; text-align:center;  }
.little-banner .btn-contant a{ width:30%; height:50px; line-height:50px;font-size:18px;border-radius:3px;display:inline-block;}
.little-banner .btn-contant a.a{color:#68b9ff; border:1px solid #68b9ff; }
.little-banner .btn-contant a.a:hover{background:#68b9ff; color:#fff;}

.center-title.supplier{ width:100%; text-align:center; height:90px;}
.center-title.supplier img{ display:inline-block;height:90px;}

.module-content{ padding:5%; width:90%; background:#fff; margin-left:5%;}
.module-content .top-title{position:relative; text-align:center; height:14px; line-height:24px;}
.module-content .top-title i.line{position:absolute; left:0px; bottom:0px; z-index:1; border-bottom:1px solid #e7e7e7; height:14px; width:100%; }
.module-content .top-title em{ padding:0 20px; background:#fff; position:relative; z-index:2; display:inline-block; color:#68b9ff;}

.part-content.one li{ border:1px solid #fbddd7; background:#fef7f6; padding:8% 5% 10%; width:100%; margin-bottom:5%; text-align:center;}
.part-content.one li strong{ color:#e77760; display:block;}
.part-content.one li a{ width:32%; padding:5px 0; color:#fff; background:#e77760; display:inline-block; border-radius:3px; margin-top:15px;}

.part-content.two li{ border:1px solid #e1effb; background:#f3f7fb; padding:5% 5% 7%; margin-bottom:5%; width:47%; text-align:center;}
.part-content.two li strong{ color:#68b9ff; display:block; margin-bottom:3%;}
.part-content.two li p{ text-align:left; color:#666;}
.part-content.two li.a p{ height:115px;}
.part-content.two li.g p{ height:75px;}
.part-content.two li.c p{ height:75px;}
.part-content.two li.d p{ height:75px;}
.part-content.two li.e p{ height:75px;}
.part-content.two li.f p{ height:75px;}
.part-content.two li.b{ width:100%;}
.part-content.two li.b a{ width:37%;}
.part-content.two li a{ width:90%; padding:5px 0; text-indent:1.5em;color:#fff; background:#68b9ff url(../../images/small_bg.png) no-repeat -3px -1707px;display:inline-block; border-radius:3px; margin-top:15px;}

.part-content.three li{ border:1px solid #e1effb; background:#f3f7fb; padding:5% 5% 7%; width:100%; margin-bottom:5%; }
.part-content.three li strong{ color:#68b9ff;  display:block; margin-bottom:3%;}
.part-content.three li p{color:#666; margin-top:8px;}
.part-content.three li p i.num{ float:left; width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; background:#68b9ff; border-radius:50%; color:#fff;}
.part-content.three li p em{ padding-left:40px; display:block;}

/*====专业共建&共建云课程=====*/
#module1,#module3{ background:#f3f6fb; width:100%;  overflow:hidden; padding-bottom:8%; }
/*====短训合作&共建校外实训基地=====*/
#module2,#module4{background:#e77760; overflow:hidden; padding-bottom:8%;}

@media screen and (min-width:300px) {
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; }
.little-banner .btn-contant a{height:30px; line-height:30px; font-size:12px;}

.center-title.supplier,.center-title.supplier img{ height:55px;}

.part-content.two li.a p{ height:125px;}
.part-content.two li.g p{ height:130px;}
.part-content.two li.c p{ height:85px;}
.part-content.two li.d p{ height:65px;}
.part-content.two li.e p{ height:45px;}
.part-content.two li.f p{ height:90px;}
.part-content.three li p i.num{ width:22px; height:22px; line-height:22px;}
.part-content.three li p em{ padding-left:30px;}
}
@media screen and (min-width:360px) {
.little-banner .btn-contant{ position:absolute; bottom:20%; width:100%; }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:60px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.g p{ height:110px;}
.part-content.two li.c p{ height:65px;}
.part-content.two li.d p{ height:65px;}
.part-content.two li.e p{ height:45px;}
.part-content.two li.f p{ height:65px;}
.part-content.three li p i.num{ width:24px; height:24px; line-height:24px;}
.part-content.three li p em{ padding-left:30px;}

}
@media screen and (min-width:375px) {
.little-banner .btn-contant{ position:absolute; bottom:18%; width:100%; }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:65px;}

.part-content.two li.a p{ height:140px;}
.part-content.two li.g p{ height:140px;}
.part-content.two li.c p{ height:95px;}
.part-content.two li.d p{ height:65px;}
.part-content.two li.e p{ height:45px;}
.part-content.two li.f p{ height:100px;}
.part-content.three li p i.num{ width:24px; height:24px; line-height:24px;}
.part-content.three li p em{ padding-left:32px;}

}
@media screen and (min-width:400px) {
.little-banner .btn-contant{ position:absolute; bottom:18%;  }
.little-banner .btn-contant a{height:35px; line-height:35px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:70px;}

.part-content.two li.a p{ height:120px;}
.part-content.two li.g p{ height:120px;}
.part-content.two li.c p{ height:70px;}
.part-content.two li.d p{ height:70px;}
.part-content.two li.e p{ height:45px;}
.part-content.two li.f p{ height:70px;}
.part-content.three li p i.num{ width:26px; height:26px; line-height:26px;}
.part-content.three li p em{ padding-left:34px;}

}
@media screen and (min-width:480px) {
/*.wrapper{width:480px}*/
.little-banner .btn-contant{ position:absolute; bottom:18%;  }
.little-banner .btn-contant a{height:40px; line-height:40px; font-size:14px;}

.center-title.supplier,.center-title.supplier img{ height:75px;}

.part-content.two li.a p{ height:130px;}
.part-content.two li.g p{ height:135px;}
.part-content.two li.c p{ height:80px;}
.part-content.two li.d p{ height:85px;}
.part-content.two li.e p{ height:60px;}
.part-content.two li.f p{ height:90px;}
.part-content.three li p i.num{ width:26px; height:26px; line-height:26px;}
.part-content.three li p em{ padding-left:34px;}
}
@media screen and (min-width:568px) {
/*.wrapper{width:568px}*/
.little-banner .btn-contant{ position:absolute; bottom:20%;  }
.little-banner .btn-contant a{height:45px; line-height:45px; font-size:16px;}

.center-title.supplier,.center-title.supplier img{ height:80px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.g p{ height:110px;}
.part-content.two li.c p{ height:85px;}
.part-content.two li.d p{ height:60px;}
.part-content.two li.e p{ height:60px;}
.part-content.two li.f p{ height:90px;}
.part-content.three li p i.num{ width:28px; height:28px; line-height:28px;}
.part-content.three li p em{ padding-left:36px;}

}
@media screen and (min-width:638px) {
.little-banner .btn-contant{ position:absolute; bottom:20%;  }
.little-banner .btn-contant a{height:55px; line-height:55px; font-size:16px;}

.center-title.supplier,.center-title.supplier img{ height:90px;}

.part-content.two li.a p{ height:110px;}
.part-content.two li.g p{ height:110px;}
.part-content.two li.c p{ height:85px;}
.part-content.two li.d p{ height:60px;}
.part-content.two li.e p{ height:60px;}
.part-content.two li.f p{ height:60px;}
.part-content.three li p i.num{ width:30px; height:30px; line-height:30px;}
.part-content.three li p em{ padding-left:40px;}

}