@charset "utf-8";
/* CSS Document */
div, ul, li { box-sizing: border-box;}

/*banner*/
.main-img { width: 100%; padding: 50px 0 1rem; color: #fff; text-align: center; overflow: hidden; background: url(../images/main-img.jpg) no-repeat; background-size: 100% 100%;}
.main-img-inner { width: 80%; margin: 0 auto;}
.main-img-inner .title { font-size: 1rem; font-weight: 300; padding-top: 1rem; text-shadow: 0 0 5px rgba(0,0,0,1);}
.main-img-inner .desc{ font-size: .6rem; margin: .5rem 0 1rem 0; text-shadow: 0 0 10px rgba(0,0,0,1);}
.main-img-inner .btn { display: inline-block; padding: .4rem 1.3rem; font-size: .6rem; color: #fff; background-color: #00c380; border-radius: 2px;}
.main-img-inner .tel{ font-size: .6rem; margin: .75rem 0;}

.container .content { padding: 0 .5rem; overflow: hidden;}
.container .content h3 { font-weight: 300; color: #333;}

.module1 ul { padding: 0 5% !important;}
.module1 ul li { position: relative; z-index: 1; width: 40%; margin: 5%; padding: 0; border-radius: 50% 50% 0 50%;}
.module1 ul li.module1-2 { border-radius: 50% 50% 50% 0;}
.module1 ul li.module1-3 { border-radius: 50% 0 50% 50%;}
.module1 ul li.module1-4 { border-radius: 0 50% 50% 50%;}
.module1 ul li .text { position: absolute; top: 50%; right: 0; left: 0; text-align: center;-webkit-transform: translate(0,-50%); transform: translate(0,-50%);}
.module1 ul li .text .num { padding: 0 0 .1rem; font-size: 1.1rem; font-weight: 700; color: #fff;}
.module1 ul li .text .num span { font-size: .7rem; font-weight: 300;}
.module1 ul li .text h3 { font-size: .75rem; color: #fff;}

.module2 li { width: 45%; padding: 0 !important; margin: 2.5%; overflow: hidden; background: #fff; border-radius: 3px;}
.module2 li img { width: 100%; max-width: 100%;}
.module2 li h3 { font-size: .75rem; line-height: 2.5;}

.module3 { text-align: center;}
.module3 .btn { padding: .4rem .5rem; margin-top: 1rem; color: #fff; border: none;}
.module3 .tel { display: inline-block; font-size: .6rem; color: #666;}

.module4 .content { display: flex; padding: 0;}
.module4 li { width: 45%; padding: .5rem; margin: 2.5%; border-radius: 3px;}
.module4 li h3, .module4 li p { color: #fff !important;}
.module4 li h3 { position: relative; z-index: 1; margin-bottom: 1rem; font-size: .75rem;}
.module4 li h3:after { content: ''; position: absolute; bottom: -.6rem; left: 50%; margin-left: -.8rem; display: block; width: 1.6rem; height: 2px; background: rgba(255,255,255,.5);}
.module4 li p { font-size: .55rem;}

.module5 .content li { position: relative; z-index: 1; width: 45%; padding: 0 !important; margin: 2.5%; overflow: hidden; border-radius: 3px;}
.module5 .content li img { max-width: 100%;}
.module5 .content li h3 { position: absolute; right: 0; bottom: 0; left: 0; font-size: .65rem; line-height: 2.5; color: #fff; background: rgba(0,0,0,.7);}

/*底部*/
.register-tip { padding: 1rem 0; text-align: center; background: url(/images/case/register-tip.jpg) no-repeat center top; background-size: auto 100%;}
.register-tip .container { padding: 0;}
.register-tip .container .title { padding: 0;}
.register-tip .container .desc { padding-bottom: .5rem;}
.register-tip .btn-wrap { width: 100%; margin: 0 auto; text-align: center;}
.register-tip .btn-wrap .btn { display: inline-block; width: 5rem; height: .8rem; margin: 0 .25rem; font-size: .7rem; line-height: .8rem; text-align: center; border: 1px #fff solid; color: #fff; border-radius: 3px;}
.register-tip .btn-wrap .btn-white{ background: #fff; color: #3ebaf8;}
.register-tip p { padding-top: .5rem; font-size: .7rem; color: #fff;}