@charset "utf-8";
/* CSS Document */
html{ font-size:12px; }
body{margin:0;padding:0;background-color:#fff; overflow-x:hidden;font-family: 思源黑体; }
div,img,h3,h4,p,dd,dl,em{margin: 0; padding: 0; border: 0;}
h1{font:bold 1.26em Arial, Sans-Serif;letter-spacing:0px;margin:0;padding:0}
h2{font:bold 1.7em Arial, Sans-Serif;letter-spacing:0px;font-size:16px;color:#000;background:inherit;margin:0 0 5px;padding:0}
p{margin:0 auto;font-weight: 300;}
ul,li{list-style:none;margin:0;padding:0}
form{margin:0}
a{text-decoration:none;}
a:hover{text-decoration:none; color:#c01701;transition:all 0.2s linear 0s;}
.clear{font-size:0; line-height:0;clear: both;overflow: hidden; zoom: 1;}
.fr{float:right;}
.fl{float:left;}
 
.will{width:1200px;margin:0 auto;overflow: hidden;}

.banner{background: url(../images/xinli_ban.jpg) no-repeat;height:691px;text-align: center;}
.banner img{width:auto;padding-top: 150px;}

/**adhd**/
.adhd{width:1200px;margin:150px auto;overflow: hidden;}
.adhd h3{font-size:45px;color:#2c2c2c;padding-bottom:30px;text-align: center;font-weight: 500;letter-spacing: 4px;}
.adhd p{font-size:24px;color:#2c2c2c;padding-bottom:60px;text-align: center;letter-spacing: 2px;}

.adhdfl{width:570px;margin:0 50px 55px 0;float:left;box-shadow: 2px 4px 16px 2px rgba(132,145,166,.08);}
.adhdfl img{width:140px;float:left;}
.adhdflr{float:left;padding-left: 30px;width:370px;}
.adhdflr h4{color:#6cafee;font-size:20px;font-weight: 400;letter-spacing: 2px;padding: 25px 0 15px 0;}
.adhdflr dd{font-size:16px;color:#2c2c2c;line-height: 26px;font-weight: 300;}
.adhdfl:nth-child(2n) {margin-right: 0%;}

/**谱系障碍**/
.pxzaall{width:100%;background: url(../images/pxzabg.jpg) no-repeat;padding:10px 0;}
.pxza{width:1200px;margin:150px auto;overflow: hidden;}
.pxza h3{font-size:45px;color:#2c2c2c;padding-bottom:30px;text-align: center;font-weight: 500;letter-spacing: 4px;}
.pxza p{font-size:24px;color:#2c2c2c;padding-bottom:60px;text-align: center;letter-spacing: 2px;}

.pxza ul{padding:0;margin:0;}
.pxza ul li{float: left;
    background: #fff;
    border-radius: 20px;
    margin-right: 70px;
    width: 260px;
    text-align: center;
    padding:50px 46px 30px 46px;}
.pxza ul li:nth-child(3) {margin-right: 0%;}
.pxza ul li h4{font-size:20px;color:#6cafee;font-weight: 350; letter-spacing: 2px;padding-bottom: 20px;height: 40px;line-height: 28px;}
.pxza ul li p{font-size:18px;color:#2c2c2c;text-align: left;height: 75px;padding:15px 0 20px 0;}
.pxza ul li img{}

/**品行障碍**/
.phza{width:1200px;margin:150px auto;overflow: hidden;}
.phza h3{font-size:45px;color:#2c2c2c;padding-bottom:30px;text-align: center;font-weight: 500;letter-spacing: 4px;}
.phza p{font-size:24px;color:#2c2c2c;padding-bottom:80px;text-align: center;letter-spacing: 2px;}

.phzal{float:left;margin-right: 75px;width: 474px;}
.phzal img{width:auto;}

.phzar{float:left;width: 650px;}
.phzar ul{padding:0;margin:0;}
.phzar ul li{float:left;width: 262px;margin-right: 125px;margin-bottom: 100px;}
.phzar ul li:nth-child(2n) {margin-right: 0%;}
.phzar ul li img{width:auto;}
.phzar ul li h4{font-size:20px;color:#6cafee;font-weight: 350; letter-spacing: 2px;padding: 15px 0 25px 0;}
.phzar ul li dd{font-size:18px;color:#2c2c2c;text-align: left;font-weight: 300;line-height: 28px;}

/**学习障碍**/
.xxzaall{width:100%;background: url(../images/pxzabg.jpg) no-repeat;padding:10px 0;}
.xxza{width:1200px;margin:150px auto;overflow: hidden;}
.xxza h3{font-size:45px;color:#2c2c2c;padding-bottom:30px;text-align: center;font-weight: 500;letter-spacing: 0px;}
.xxza p{font-size:24px;color:#2c2c2c;padding-bottom:80px;text-align: center;letter-spacing: 2px;}

.xxza ul{padding:0;margin:0;}
.xxza ul li{float: left;
    background: #fff;
    border-radius: 20px;
    margin-right: 70px;
    width: 260px;
    text-align: center;
    padding:50px 46px 30px 46px;}
.xxza ul li:nth-child(3) {margin-right: 0%;}
.xxza ul li h4{font-size:20px;color:#6cafee;font-weight: 350; letter-spacing: 0px;padding-bottom: 0px;height: 40px;line-height: 28px;}
.xxza ul li p{font-size:18px;color:#2c2c2c;text-align: center;height: 75px;padding:0px 0 20px 0;letter-spacing: 0;}
.xxza ul li img{margin-bottom: 40px;}

/**情绪调节障碍**/
.qxtj{width:1200px;margin:150px auto;overflow: hidden;}
.qxtj h3{font-size:45px;color:#2c2c2c;padding-bottom:30px;text-align: center;font-weight: 500;letter-spacing: 0px;}
.qxtj p{font-size:24px;color:#2c2c2c;padding-bottom:80px;text-align: center;letter-spacing: 2px;}

.qxtj ul{padding:0;margin:0;}
.qxtj ul li{float: left;
    background: #f0f8ff;
    border-radius: 20px;
    margin-right: 45px;
    width: 370px;
    text-align: center;
    padding:0px 0px 0px 0px;}
.qxtj ul li:nth-child(3) {margin-right: 0%;}
.qxtj ul li h4{font-size:20px;color:#6cafee;font-weight: 350; letter-spacing: 0px;padding-bottom: 15px;height: 40px;line-height: 28px;}
.qxtj ul li p{font-size:16px;color:#2c2c2c;text-align: center;height: 75px;padding:0px 0 20px 0;letter-spacing: 0;}
.qxtj ul li img{margin-bottom: 30px;}

@media screen and (max-width: 768px) {
.banner {
    background: url(../images/xinli_ban.jpg) no-repeat;
    height: 50vw;
    text-align: center;
    background-size: cover;
}
.will {
    width: 96%;
    margin: 0 auto;
    overflow: hidden;
}
.banner img {
    width: 100%;
    padding-top: 8vw;
}
.adhd {
    width: 96%;
    margin: 5vw auto;
    overflow: hidden;
}	
.adhd h3 {
    font-size: 4.5vw;
    color: #2c2c2c;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 4px;
}
.adhd p {
    font-size: 3.5vw;
    color: #2c2c2c;
    padding-bottom: 5vw;
    text-align: center;
    letter-spacing: 2px;
}
.adhdfl {
    width: 100%;
    margin: 0 50px 3vw 0;
    float: left;
    box-shadow: 2px 4px 16px 2px rgba(132, 145, 166, .08);
}
.adhdfl img {
    width: 25vw;
    float: left;
}
.adhdflr {
    float: right;
    padding-left: 0vw;
    width: 60vw;
}
.adhdflr h4 {
    color: #6cafee;
    font-size: 4vw;
    font-weight: 400;
    letter-spacing: 2px;
    padding: 2vw 0 2vw 0;
}
.adhdflr dd {
    font-size: 3.2vw;
    color: #2c2c2c;
    line-height: 5vw;
    font-weight: 300;
}
.pxza {
    width: 96%;
    margin: 5vw auto;
    overflow: hidden;
}
.pxza h3 {
    font-size: 4.5vw;
    color: #2c2c2c;
    padding-bottom: 30px;
    text-align: center;
    font-weight: 500;
    letter-spacing: 4px;
}
.pxza p {
    font-size: 3.5vw;
    color: #2c2c2c;
    padding-bottom: 6vw;
    text-align: center;
    letter-spacing: 2px;
}
.pxza ul li {
    float: left;
    background: #fff;
    border-radius: 20px;
    margin-right: 0;
    width: 94%;
    text-align: center;
    padding: 50px 3% 30px 3%;
	margin-bottom: 3vw;
}
.pxza ul li h4 {
    font-size: 4vw;
    color: #6cafee;
    font-weight: 350;
    letter-spacing: 2px;
    padding-bottom: 4vw;
    height: 5vw;
    line-height: 5vw;
}
.pxza ul li img {
    width: 45vw;
}
.pxza ul li p {
    font-size: 4vw;
    color: #2c2c2c;
    text-align: left;
    height: 11vw;
    padding: 15px 0 3vw 0;
}
.pxzaall {
    width: 100%;
    background: url(../images/pxzabg.jpg) no-repeat;
    padding: 10px 0;
    background-size: cover;
}
.phza {
    width: 96%;
    margin: 6vw auto;
    overflow: hidden;
}
.phza h3 {
    font-size: 4.5vw;
    color: #2c2c2c;
    padding-bottom: 3vw;
    text-align: center;
    font-weight: 500;
    letter-spacing: 4px;
}
.phza p {
    font-size: 4vw;
    color: #2c2c2c;
    padding-bottom: 6vw;
    text-align: center;
    letter-spacing: 2px;
}
.phzal {
    float: left;
    margin-right: 0px;
    width: 100%;
}
.phzal img {
    width: 100%;
}
.phzar {
    float: left;
    width: 100%;
}
.phzar ul li {
    float: left;
    width: 48%;
    margin-right: 2%;
    margin-bottom: 3%;
	text-align: center;
	margin-top: 5vw;
}
.phzar ul li img {
    width: 15vw;
}
.phzar ul li h4 {
    font-size: 4vw;
    color: #6cafee;
    font-weight: 350;
    letter-spacing: 2px;
    padding: 3vw 0 4vw 0;
}
.phzar ul li dd {
    font-size: 3.5vw;
    color: #2c2c2c;
    text-align: left;
    font-weight: 300;
    line-height: 5vw;
}
.xxza {
    width: 100%;
    margin: 5vw auto;
    overflow: hidden;
}
.xxza h3 {
    font-size: 4.5vw;
    color: #2c2c2c;
    padding-bottom: 3vw;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0px;
}
.xxza p {
    font-size: 4vw;
    color: #2c2c2c;
    padding-bottom: 6vw;
    text-align: center;
    letter-spacing: 2px;
    width: 90%;
}
.xxza ul li {
    background: #fff;
    border-radius: 20px;
    margin: 0px auto;
    width: 90%;
    text-align: center;
    padding: 3% 3%;
    margin-bottom: 3vw;
    float: none;
}
.xxza ul li h4 {
    font-size: 4.5vw;
    color: #6cafee;
    font-weight: 350;
    letter-spacing: 0px;
    padding-bottom: 0px;
    height: 40px;
    line-height: 28px;
}
.xxza ul li p {
    font-size: 3.5vw;
    color: #2c2c2c;
    text-align: center;
    height: 75px;
    padding: 0px 0 20px 0;
    letter-spacing: 0;
}
.qxtj {
    width: 96%;
    margin: 5vw auto;
    overflow: hidden;
}
.qxtj h3 {
    font-size: 4.5vw;
    color: #2c2c2c;
    padding-bottom: 4vw;
    text-align: center;
    font-weight: 500;
    letter-spacing: 0px;
}
.qxtj p {
    font-size: 4vw;
    color: #2c2c2c;
    padding-bottom: 6vw;
    text-align: center;
    letter-spacing: 2px;
}
.qxtj ul li {
    float: left;
    background: #f0f8ff;
    border-radius: 20px;
    margin-right: 45px;
    width: 370px;
    text-align: center;
    padding: 0px 0px 0px 0px;
    margin-bottom: 3vw;
}
}