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

.little-banner{background:url(../../images/mobile/html5/jszgz/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{color:#5dd5a9; border:1px solid #5dd5a9; }
.little-banner .btn-contant a.a:hover{background:#5dd5a9; color:#fff;}

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

/*====行业背景=====*/
#module1{ background:#fff; width:100%;  overflow:hidden; }
.benefits-list{ width:90%; margin:0 0 0 5%; background:#fff; position:relative; padding-bottom:25px;}
.benefits-list li{ float:left;  text-align:center;width:100%;padding:5%; background:#f9fffd; border:1px solid #d6efe6; margin-top:5%;}
.benefits-list li span.ico{ display:inline-block;  width:120px; height:120px; }
.benefits-list li span.ico.a{background:url(../../images/mobile/html5/jszgz/r.png) no-repeat; background-size:cover;}
.benefits-list li span.ico.b{background:url(../../images/mobile/html5/jszgz/q.png) no-repeat; background-size:cover;}
.benefits-list li span.ico.c{background:url(../../images/mobile/html5/jszgz/w.png) no-repeat; background-size:cover; }
.benefits-list li p.info{ color:#666;text-align:left; width:60%;}

.moudle-btn.teach a{ background:none; border:1px solid #5dd5a9; color:#5dd5a9;}
/*====产品优势=====*/
#module2{background:#e1eeea; overflow:hidden; padding-bottom:5%; color:#fff;}
.enrollment-list{width:90%; margin:5% 0 0 5%;}
.enrollment-list li{text-align:center; width:47.5%; margin-bottom:10%; padding:5% 4%; }
.enrollment-list li.a{ height:300px;background:#5dd5a9; }
.enrollment-list li.b{ height:220px;background:#5dd5a9;}
.enrollment-list li.c{ width:100%; height:275px;background:#5dd5a9;}
.enrollment-list li.c .left{ width:30%;}
.enrollment-list li.c .info{ width:65%;}
.enrollment-list li img{ width:94px; height:94px;display:inline-block; }
.enrollment-list li em{ display:block;  margin-bottom:5px; font-size:22px; line-height:32px; margin:6px 0 5px;}
.enrollment-list li p{text-align:left; font-size:18px; line-height:28px;}

/*====项目优势=====*/
#module3{background:#f1f1f1; width:100%;overflow:hidden; padding-bottom:8%;}
#module3 .img{ width:100%;}

@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;}

.benefits-list li span.ico{width:60px; height:60px; }
.benefits-list li p.info{ width:70%;}

.center-title.supplier,.center-title.supplier img{ height:30px;}
.enrollment-list li.a{ height:365px;}
.enrollment-list li.b{ height:320px;}
.enrollment-list li.c{ height:230px;}
.enrollment-list li img{ width:53px; height:53px;}
.enrollment-list li em{ font-size:14px; line-height:24px;}
.enrollment-list li p{ font-size:12px; line-height:22px;}

}
@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;}

.benefits-list li span.ico{width:70px; height:70px; }
.benefits-list li p.info{ width:70%;}

.center-title.supplier,.center-title.supplier img{ height:34px;}
.enrollment-list li.a{ height:235px;}
.enrollment-list li.b{ height:195px;}
.enrollment-list li.c{ height:125px;}
.enrollment-list li img{ width:58px; height:58px; }
.enrollment-list li em{ font-size:14px; line-height:24px;}
.enrollment-list li p{ font-size:12px; line-height:22px;}

}
@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;}

.benefits-list li span.ico{width:70px; height:70px; }
.benefits-list li p.info{ width:70%;}

.center-title.supplier,.center-title.supplier img{ height:35px;}
.enrollment-list li.a{ height:250px;}
.enrollment-list li.b{ height:205px;}
.enrollment-list li.c{ height:155px;}
.enrollment-list li img{ width:60px; height:60px;}
.enrollment-list li em{ font-size:16px; line-height:26px;}
.enrollment-list li p{ font-size:14px; line-height:24px;}

}
@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;}

.benefits-list li span.ico{width:80px; height:80px; }
.benefits-list li p.info{ width:70%;}

.center-title.supplier,.center-title.supplier img{ height:39px;}
.enrollment-list li.a{ height:265px;}
.enrollment-list li.b{ height:215px;}
.enrollment-list li.c{ height:140px;}
.enrollment-list li img{ width:68px; height:68px; }
.enrollment-list li em{ font-size:16px; line-height:26px;}
.enrollment-list li p{ font-size:14px; line-height:24px;}

}
@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;}

.benefits-list li span.ico{width:90px; height:90px; }
.benefits-list li p.info{ width:66%;}

.center-title.supplier,.center-title.supplier img{ height:45px;}
.enrollment-list li.a{ height:250px;}
.enrollment-list li.b{ height:210px;}
.enrollment-list li.c{ height:150px;}
.enrollment-list li img{ width:73px; height:73px;}
.enrollment-list li em{ font-size:18px; line-height:28px;}
.enrollment-list li p{ font-size:16px; line-height:26px;}

}
@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;}

.benefits-list li span.ico{width:100px; height:100px; }
.benefits-list li p.info{ width:65%;}

.center-title.supplier,.center-title.supplier img{ height:53px;}
.enrollment-list li.a{ height:280px;}
.enrollment-list li.b{ height:230px;}
.enrollment-list li.c{ height:170px;}
.enrollment-list li img{ width:78px; height:78px;}
.enrollment-list li em{ font-size:20px; line-height:30px;}
.enrollment-list li p{ font-size:16px; line-height:26px;}

}
@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;}

.benefits-list li span.ico{width:120px; height:120px; }
.benefits-list li p.info{ width:60%;}

.center-title.supplier,.center-title.supplier img{ height:60px;}
.enrollment-list li.a{ height:310px;}
.enrollment-list li.b{ height:280px;}
.enrollment-list li.c{ height:190px;}
.enrollment-list li img{ width:94px; height:94px; }
.enrollment-list li em{ font-size:22px; line-height:32px;}
.enrollment-list li p{ font-size:18px; line-height:28px;}

}