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

.little-banner.training{background:url(../../images/mobile/training/supplier/banner_02.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{ background:#fedc61; color:#f06546; }
.little-banner .btn-contant a.a:hover{background:#fff; color:#f9694d;}

.center-title.supplier{ width:100%; text-align:center; height:42px;}
.center-title.supplier img{ display:inline-block;height:42px;}
/*====实训项目=====*/
#module1{background:#fff; overflow:hidden; padding-bottom:5%;}
.enrollment-list{width:90%; margin:5% 0 0 5%;}
.enrollment-list li{text-align:center; width:47.5%; margin-bottom:10%; padding:10% 5% 5%; background:#fff; position:relative;}
.enrollment-list li.a{ height:300px;}
.enrollment-list li.b{ height:220px;}
.enrollment-list li.c{ height:275px;}
.enrollment-list li img{ width:83px; height:83px;display:block; position:absolute; left:35%; top:-41px; }
.enrollment-list li em{ display:block; line-height:42px; font-size:22px; color:#333; margin-bottom:5px; }
.enrollment-list li p{line-height:28px; color:#666; text-align:left; font-size:18px;}

/*====项目特色=====*/
#module2{ background:#f5f5f5; width:100%;  overflow:hidden;  }
.part-content.about{width:100%; }
.part-content.about p img{ display:block; }
.part-content.about .info{width:90%; margin:0 0 0 5%; line-height:32px; font-size:18px; text-indent:2em; color:#333;}
.part-content.about .info strong{ font-weight:bold;}
.part-content.about .info i.red{ color:#f06546; font-weight:bold;}

/*====教学体系=====*/
#module3{background:#ffc013; width:100%;overflow:hidden; padding-bottom:3%;}
.supplier-list-box{ width:90%; margin:0 0 5% 5%; padding:5%; background:#fff;color:#fff;border-radius:3px; }
.supplier-list-box .module-info{ background:#e8f3f6; padding:5%; }
.supplier-list-box .module-info .img{ width:100%; height:auto;}
.supplier-list-box .module-info .img img{ display:block;}
.supplier-list-box .module-info .info{ margin-top:5%;}
.supplier-list-box .module-info .info .tit{ font-weight:500; }
.supplier-list-box .module-info .info .tit.a{ color:#81cee8;}
.supplier-list-box .module-info .info .tit.b{ color:#70ccad;}
.supplier-list-box .module-info .info p{ color:#595757;}
/*.table-ti-box span{text-align:center; font-size:18px; padding:15px 10px; line-height:25px; display:block; width:100%; border-radius:3px;}
.table-ti-box span em{width:47.5%;padding:15px 10px; line-height:25px;border-radius:3px; }
.table-ti-box span.a{font-size:22px; margin-bottom:5%; width:100%;}
.table-ti-box span.b{color:#333; padding:0; margin-bottom:10px;}
.table-ti-box span.d{ text-align:left; color:#333; }

.table-ti-box.one span.a{ background:#5fb3cf; }
.table-ti-box.one span.b em.a,.table-ti-box.one span.c{ background:#81cee8; color:#fff;}
.table-ti-box.one span.b em.b,.table-ti-box.one span.d{ background:#c8e4f2;color:#333;}
.table-ti-box.one span.d,.table-ti-box.two span.d,.table-ti-box.three span.d,.table-ti-box.four span.d{margin-top:10px;}

.table-ti-box.two span.a{ background:#5bc29f; }
.table-ti-box.two span.b em.a,.table-ti-box.two span.c{ background:#70ccad; color:#fff;}
.table-ti-box.two span.b em.b,.table-ti-box.two span.d{ background:#9fddc8;color:#333;}*/


.learning-box{ width:90%; margin:0 0 5% 5%;}
.learning-box li{ float:left; width:100%; padding:0 5% 5%; box-shadow:0 0 10px #e1e1e1; text-align:center; margin-top:13%;}
.learning-box li span.ico{ width:114px; height:114px;display:inline-block; margin:-57px 0 10px 0;}
.learning-box li span.ico img{ width:100%; height:100%; display:inline-block;vertical-align:middle;}

.learning-box li .info em{ display:block; line-height:32px; font-size:22px; color:#444;}
.learning-box li .info p{ color:#666; line-height:28px; font-size:18px;margin-top:5px; text-align:left;}


#module4{background:#e5e5e5;width:100%;overflow:hidden; padding-bottom:8%;}

#module5{background:#fff;width:100%;overflow:hidden; padding-bottom:8%;}
.base-list{ width:90%; margin:0 0 0 5%;}
.base-list li{ width:45%; height:auto;position:relative; margin-top:5%;}
.base-list li img{ display:block; width:100%; }
.base-list li em.title{ position:absolute; left:0px; bottom:0px;display:block; overflow: hidden;  text-overflow: ellipsis;white-space: nowrap; background:url(../../images/little/live_play.png); width:100%; padding:2% 1%; color:#fff; text-align:center; }

.teach-box{ background:#f5f5f5; width:100%; padding-bottom:5%; overflow:hidden; }
#Scroll-box{ width:100%; height:370px; position:relative;}
#Scroll-box span{color:#fff; text-align:center; font-size:32px; font-weight:bold;width:45px; height:70px; line-height:70px;  display:block; cursor:pointer; border-radius:3px; font-family:"宋体"; }
#Scroll-box span:hover{ background:#fff; color:#38aaf5;}
#Scroll-box .left-on{position:absolute; left:0px; top:120px; z-index:9;background:rgba(0,0,0,0.3) url(../../images/mobile/jian_l.png) no-repeat center;}
#Scroll-box .left-on:hover{background:rgba(252,107,0,0.7) url(../../images/mobile/jian_l.png) no-repeat center; }
#Scroll-box .right-on{position:absolute; right:0px; top:120px;z-index:9;background:rgba(0,0,0,0.3) url(../../images/mobile/jian_r.png) no-repeat center;}
#Scroll-box .right-on:hover{background:rgba(252,107,0,0.7) url(../../images/mobile/jian_r.png) no-repeat center; }

#teach-Scroll{width:90%; overflow:hidden; height:370px; position:absolute; left:5%;}
.teach-list{ position:absolute; left:0;}
.teach-list li{ width:280px; float:left; margin-right:20px; position:relative; }
.teach-list li .big-img{width:280px; height:280px; }
.teach-list li .teach-info{ background:#fff; padding:10px; text-align:center;width:100%; }
.teach-list li .teach-info .name{ font-size:22px; color:#333;}
.teach-list li .teach-info .text{font-size:18px; color:#999; line-height:24px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;width: 100%;  }

.teach-info-box{ margin:15% 0 10% 5%; width:90%;}
.teach-info-box .img{ width:35%;}
.teach-info-box .info{ color:#333; font-size:16px; line-height:26px; width:60%;}
.teach-info-box .info strong{font-size:24px;  line-height:44px; display:block; margin-bottom:5px;  font-weight:500;}


@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:21px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 5% 5%; }
.enrollment-list li.a{ height:260px;}
.enrollment-list li.b{ height:200px;}
.enrollment-list li.c{ height:245px;}
.enrollment-list li img{ width:53px; height:53px;left:31%; top:-26px; }
.enrollment-list li em{ line-height:26px; font-size:16px; margin-top:8px; }
.enrollment-list li p{line-height:22px; font-size:12px;}

.part-content.about .info{ line-height:24px; font-size:14px;}

.table-ti-box span{ font-size:12px; padding:15px 10px; line-height:15px;}
.table-ti-box span em{padding:15px 10px; line-height:15px;}
.table-ti-box span.a{font-size:14px;}
.table-ti-box span.d{ line-height:22px;}

.learning-box li span.ico{ width:74px; height:74px;margin:-37px 0 10px 0;}

.learning-box li .info em{line-height:24px; font-size:16px;}
.learning-box li .info p{ line-height:22px; font-size:12px;}

.teach-box{ height:305px; }
#Scroll-box,#teach-Scroll{  height:203px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:50px; }

.teach-list li{ width:140px; }
.teach-list li .big-img{width:140px; height:140px; }
.teach-list li .teach-info .name{ font-size:14px; }
.teach-list li .teach-info .text,.teach-info-box .info{font-size:12px; line-height:22px;  }
.teach-info-box .info strong{font-size:20px;  line-height:40px; }
}
@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:24px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 5% 5%; }
.enrollment-list li.a{ height:310px;}
.enrollment-list li.b{ height:240px;}
.enrollment-list li.c{ height:285px;}
.enrollment-list li img{ width:58px; height:58px;left:31%; top:-28px; }
.enrollment-list li em{ line-height:28px; font-size:18px; margin-top:8px; }
.enrollment-list li p{line-height:24px; font-size:14px;}

.part-content.about .info{ line-height:24px; font-size:14px;}

.table-ti-box span{ font-size:12px; padding:15px 10px; line-height:15px;}
.table-ti-box span em{padding:15px 10px; line-height:15px;}
.table-ti-box span.a{font-size:14px;}
.table-ti-box span.d{ line-height:22px;}

.learning-box li span.ico{ width:74px; height:74px;margin:-37px 0 10px 0;}

.learning-box li .info em{line-height:24px; font-size:16px;}
.learning-box li .info p{ line-height:22px; font-size:12px;}

.teach-box{ height:345px; }
#Scroll-box,#teach-Scroll{  height:253px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:70px; }

.teach-list li{ width:157px; }
.teach-list li .big-img{width:157px; height:157px; }
.teach-list li .teach-info .name{ font-size:16px; }
.teach-list li .teach-info .text,.teach-info-box .info{font-size:12px; line-height:22px;  }
.teach-info-box .info strong{font-size:20px;  line-height:40px; }

}
@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:25px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 5% 5%; }
.enrollment-list li.a{ height:290px;}
.enrollment-list li.b{ height:200px;}
.enrollment-list li.c{ height:265px;}
.enrollment-list li img{ width:63px; height:63px;left:31%; top:-31px; }
.enrollment-list li em{ line-height:28px; font-size:18px; margin-top:8px; }
.enrollment-list li p{line-height:24px; font-size:14px;}

.part-content.about .info{ line-height:24px; font-size:14px;}

.table-ti-box span{ font-size:14px; padding:15px 10px; line-height:15px;}
.table-ti-box span em{padding:15px 10px; line-height:15px;}
.table-ti-box span.a{font-size:16px;}
.table-ti-box span.d{ line-height:24px;}

.learning-box li span.ico{ width:84px; height:84px;margin:-42px 0 10px 0;}

.learning-box li .info em{line-height:28px; font-size:18px;}
.learning-box li .info p{ line-height:24px; font-size:14px;}

.teach-box{ height:365px; }
#Scroll-box,#teach-Scroll{  height:253px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:70px; }

.teach-list li{ width:164px; }
.teach-list li .big-img{width:164px; height:164px; }
.teach-list li .teach-info .name{ font-size:18px; }
.teach-list li .teach-info .text{font-size:14px; line-height:24px;  }
.teach-info-box .info{font-size:14px; line-height:24px; }
.teach-info-box .info strong{font-size:24px;  line-height:44px; }

}
@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:27px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 4% 5%; }
.enrollment-list li.a{ height:310px;}
.enrollment-list li.b{ height:210px;}
.enrollment-list li.c{ height:285px;}
.enrollment-list li img{ width:68px; height:68px;left:31%; top:-34px; }
.enrollment-list li em{ line-height:30px; font-size:20px; margin-top:8px; }
.enrollment-list li p{line-height:26px; font-size:16px;}

.part-content.about .info{ line-height:28px; font-size:16px;}

.table-ti-box span{ font-size:14px; padding:15px 10px; line-height:15px;}
.table-ti-box span em{padding:15px 10px; line-height:15px;}
.table-ti-box span.a{font-size:16px;}
.table-ti-box span.d{ line-height:24px;}

.learning-box li span.ico{ width:84px; height:84px;margin:-42px 0 10px 0;}

.learning-box li .info em{line-height:28px; font-size:18px;}
.learning-box li .info p{ line-height:24px; font-size:14px;}

.teach-box{ height:400px; }
#Scroll-box,#teach-Scroll{  height:333px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:70px; }

.teach-list li{ width:181px; }
.teach-list li .big-img{width:181px; height:181px; }
.teach-list li .teach-info .name{ font-size:18px; }
.teach-list li .teach-info .text{font-size:14px; line-height:24px;  }
.teach-info-box .info{font-size:14px; line-height:24px; }
.teach-info-box .info strong{font-size:24px;  line-height:44px; }

}
@media screen and (min-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:32px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 4% 5%; }
.enrollment-list li.a{ height:300px;}
.enrollment-list li.b{ height:220px;}
.enrollment-list li.c{ height:270px;}
.enrollment-list li img{ width:73px; height:73px;left:31%; top:-37px; }
.enrollment-list li em{ line-height:30px; font-size:20px; margin-top:8px; }
.enrollment-list li p{line-height:26px; font-size:16px;}

.part-content.about .info{ line-height:30px; font-size:16px;}

.table-ti-box span{ font-size:14px; padding:15px 10px; line-height:15px;}
.table-ti-box span em{padding:15px 10px; line-height:15px;}
.table-ti-box span.a{font-size:18px;}
.table-ti-box span.d{ line-height:28px;}

.learning-box li span.ico{ width:94px; height:94px;margin:-47px 0 10px 0;}

.learning-box li .info em{line-height:30px; font-size:20px;}
.learning-box li .info p{ line-height:26px; font-size:16px;}

.teach-box{ height:435px; }
#Scroll-box,#teach-Scroll{  height:333px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:100px; }

.teach-list li{ width:211px; }
.teach-list li .big-img{width:211px; height:211px; }
.teach-list li .teach-info .name{ font-size:20px; }
.teach-list li .teach-info .text{font-size:16px; line-height:24px;  }
.teach-info-box .info{font-size:16px; line-height:26px; }
.teach-info-box .info strong{font-size:24px;  line-height:44px; }

}
@media screen and (min-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:37px;}
.enrollment-list li{width:47.5%; margin-bottom:12%; padding:10% 4% 5%; }
.enrollment-list li.a{ height:320px;}
.enrollment-list li.b{ height:220px;}
.enrollment-list li.c{ height:290px;}
.enrollment-list li img{ width:78px; height:78px;left:31%; top:-36px; }
.enrollment-list li em{ line-height:32px; font-size:22px; margin-top:8px; }
.enrollment-list li p{line-height:28px; font-size:18px;}

.part-content.about .info{ line-height:28px; font-size:18px;}

.table-ti-box span{ font-size:16px; padding:15px 10px; line-height:25px;}
.table-ti-box span em{padding:15px 10px; line-height:25px;}
.table-ti-box span.a{font-size:20px;}
.table-ti-box span.d{ line-height:30px;}

.learning-box li span.ico{ width:104px; height:104px;margin:-52px 0 10px 0;}

.learning-box li .info em{line-height:30px; font-size:20px;}
.learning-box li .info p{ line-height:26px; font-size:16px;}

.teach-box{ height:505px; }
#Scroll-box{  height:370px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:120px; }

#teach-Scroll{height:370px; }
.teach-list li{ width:248px; }
.teach-list li .big-img{width:248px; height:248px; }
.teach-list li .teach-info .name{ font-size:20px; }
.teach-list li .teach-info .text{font-size:16px; line-height:24px;  }
.teach-info-box .info{font-size:16px; line-height:26px; }
.teach-info-box .info strong{font-size:24px;  line-height:44px; }

}
@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:42px;}
.enrollment-list li{width:47.5%; margin-bottom:10%; padding:10% 5% 5%; }
.enrollment-list li.a{ height:300px;}
.enrollment-list li.b{ height:220px;}
.enrollment-list li.c{ height:275px;}
.enrollment-list li img{ width:83px; height:83px;left:35%; top:-41px; }
.enrollment-list li em{ line-height:42px; font-size:22px; }
.enrollment-list li p{line-height:28px; font-size:18px;}

.part-content.about .info{ line-height:32px; font-size:18px;}

.table-ti-box span{ font-size:18px; padding:15px 10px; line-height:25px;}
.table-ti-box span em{padding:15px 10px; line-height:25px;}
.table-ti-box span.a{font-size:22px;}
.table-ti-box span.d{ line-height:25px;}

.learning-box li span.ico{ width:114px; height:114px;margin:-57px 0 10px 0;}

.learning-box li .info em{line-height:32px; font-size:22px;}
.learning-box li .info p{ line-height:28px; font-size:18px;}

.teach-box{ height:547px; }
#Scroll-box{  height:370px; }
#Scroll-box span{ font-size:32px; width:45px; height:70px; line-height:70px;  }
#Scroll-box .left-on,#Scroll-box .right-on{ top:120px; }

#teach-Scroll{height:370px; }
.teach-list li{ width:280px; }
.teach-list li .big-img{width:280px; height:280px; }
.teach-list li .teach-info .name{ font-size:22px; }
.teach-list li .teach-info .text{font-size:18px; line-height:24px;  }
.teach-info-box .info{font-size:16px; line-height:26px; }
.teach-info-box .info strong{font-size:24px;  line-height:44px; }

}