.clear{ clear:both;}

  * {margin: 0; padding: 0; outline: none;font-family: HelveticaNeue, Arial, "Droid Sans Fallback", STXihei, "华文细黑", "Microsoft YaHei", "微软雅黑", sans-serif;}
html, body {width: 100%; height: 100%;}
ul, ol, li {list-style: none;}
a, button, ul, li {border: none; outline: none; display: block; background: none; -webkit-user-select: none; -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent;}
input, label, select {border: none; outline: none; background: none; -webkit-tap-highlight-color: transparent;}
img {display: block; border: none;width: 100%;}
a { text-decoration: none;}

/*********school*********/
div{width: 100%;display: block;}
#container{width: 100%;margin:0 auto;overflow:hidden;}
.xf{ background: url("../images/school_03.jpg") no-repeat; height: 8.23rem; background-size: 100% 100%;}
.xf div{ border:.2rem #fff solid; width: 15.4rem; height: 7.65rem; margin: 0 auto;}
.xf div h3{display: inline-block; border-bottom: 1px #fff solid; text-align:center;font-size: .68rem; color: #fff;font-weight: normal; padding: .4rem 0 .3rem 0; margin: 0 .2rem;}
.xf div h3 i{font-size: 1.6rem;font-weight: bold;}
.xf div p{display: block; color: #fff; font-size: .67rem;line-height: 1.4rem;margin: 0 .2rem; padding: .3rem 0 1rem 0;}
.xf div p b{ font-size: .82rem;}
.school_tit{width: 100%; margin: 1.5rem 0 .6rem;}
.school_tit img{display: block; margin: 0 auto;}
.school_main1 div{width:100%; height: 4.25rem;background: url("../images/school_09.jpg") no-repeat;background-size: 100% 100%; }
.school_main1 div:nth-child(2){background: url("../images/school_10.jpg") no-repeat;background-size: 100% 100%;}
.school_main1 div:nth-child(3){background: url("../images/school_11.jpg") no-repeat;background-size: 100% 100%;}
.school_main1 div:nth-child(4){background: url("../images/school_12.jpg") no-repeat;background-size: 100% 100%;}
.school_main1 div h3{padding-left: 2.75rem;display: block; color: #fff; font-size: 1.3rem; line-height: 1rem; padding-top: 1rem;}
.school_main1 div p{padding-left: 2.75rem;display: block; color: #fff; font-size: .67rem; line-height: 1.2rem;}
.school_main1 div p span{display: block; font-size: .5rem; line-height: .55rem;}
.school_main2{width: auto; overflow: hidden;margin: 0 .38rem;}
.school_main2 div{ width: 8.25rem; float: left; margin-bottom: .5rem;}
.school_main2 div:nth-child(2n){float: right;}
.school_main2 div p{display: block; background: #fe0404; color: #fff; font-size: .92rem; left: .92rem; padding-left: .35rem; padding-top: .4rem; padding-bottom: .25rem;}
.school_main2 div p span{display: block; font-size: .6rem;}
.school_main2 div h3{display: block; background: #242424; height:1.72rem; line-height: 1.72rem;font-size: .67rem; color: #fff; font-weight: normal; text-align: left;padding:0 .35rem;}
.school_main2 div h3 a{display: block;; color: #fff;}
.school_main2 div h3 span{float: right;}
.school_main3 div{width: 100%; height: 5.15rem; background: url("../images/school2_01.jpg") no-repeat;background-size: 100% 100%; }
.school_main3 div:nth-child(2){background: url("../images/school2_02.jpg") no-repeat;background-size: 100% 100%;}
.school_main3 div:nth-child(3){background: url("../images/school2_03.jpg") no-repeat;background-size: 100% 100%;}
.school_main3 div:nth-child(4){background: url("../images/school2_04.jpg") no-repeat;background-size: 100% 100%;}
.school_main3 div:nth-child(5){background: url("../images/school2_05.jpg") no-repeat;background-size: 100% 100%;}
.school_main3 div:nth-child(6){background: url("../images/school2_06.jpg") no-repeat;background-size: 100% 100%;}
.school_main3 div h3{display: block; color: #fff;padding-left: 1.85rem; line-height: 1.2rem; padding-top:1.3rem;}
.school_main3 div h3 a{display:inline-block;width: 4rem; font-size: .67rem; color: #ff5251; text-align: center; vertical-align: middle; padding-left: .3rem;}
.school_main3 div p{display: block; font-size: .67rem; color: #fff;padding-left: 1.85rem; padding-top: .25rem;}
.school_main3 div:nth-child(2) h3{ padding-top: 1.4rem;}
.school_main3 div:nth-child(2) h3 a{ color: #ffa11d;}
.school_main3 div:nth-child(3) h3 a{ color: #568ff6;}
.school_main3 div:nth-child(4) h3 a{ color: #6c6cda;}
.school_main3 div:nth-child(5) h3 a{ color: #a964cf;}
.school_main3 div:nth-child(6) h3 a{ color: #75ac37;}
.school_main4 h3{display: block;float: left;width: 100%;}
.school_main4 h3 img{ width: 16.62rem; margin: .5rem auto 0;}
.school_main4 p{display: block; clear:both; color:#000; font-size: .82rem; line-height: .88rem; text-indent: 2em;padding: .5rem 1.4rem 0; }
.school_main4 div{ width: 100%; background: #ecf4ff; text-align: center;padding: 1.5rem 0; margin: 1rem 0 0 0;}
.school_main4 div img{width: 100%;display: block; width: 15.87rem;margin: 0 auto;}
.school_main5{overflow: hidden;width: auto;margin: 0 .38rem;}
.school_main5 div{width: 8.25rem; float: left;margin-top: .4rem; background: #cacaca;}
.school_main5 div:nth-child(2n-1){float: right;}
.school_main5 div p{display: block; font-size: .82rem; font-weight: bold; padding: .15rem .3rem;}
.school_main5 div p span{ display: block; text-align: right; font-size: .5rem;}
.school_main6 div{ width: 17.55rem; height: 2.3rem; line-height: 2.3rem; margin:0.32rem auto 0; background: #dfdefe; border-radius: 50px;}
.school_main6 div h3{ width: 1.92rem; height: 1.92rem; border-radius: 100%; float:left;background:#7a75dc; /* 一些不支持背景渐变的浏览器 */
    background:-moz-linear-gradient(top, #7a75dc, #a565cd);
    background:-webkit-gradient(linear, 0 0, 0 bottom, from(#7a75dc), to(#a565cd));
    background:-o-linear-gradient(top, #7a75dc, #a565cd); color: #fff; text-align: center; line-height: 1.92rem;font-weight: normal; margin: .18rem; font-size: .9rem;}
.school_main6 div p{display: block; float: left; font-size: .63rem; color:#58596b;}
.school_main6 div a{display: block; width: 4.2rem; height: 1.92rem; float: right; background: #7776de;margin: .18rem .18rem .18rem; font-size: .75rem; border-radius: 50px; color: #fff; line-height: 1.92rem; text-align: center; font-weight: normal;}
.wen{width: 17.55rem; height: 2.15rem; display: block; margin: 0 auto; border: 1px #7b76f1 solid; color: #7b76f1; margin-top:.64rem; margin-bottom: .32rem; border-radius: 50px; text-align: center; line-height: 2.15rem;font-size: .9rem;}
.footer{background:#ade691;
    background:-webkit-linear-gradient(left,#2565d3,#2565d3 30%,#2554cc);background:-moz-linear-gradient(left,#2565d3,#2565d3 30%,#2554cc); overflow: hidden; color: #fff; padding-top: 1.6rem; padding-bottom: 4.8rem;}
.footer img{display: block; width: 3.6rem; float: left; margin-left: 1.5rem; margin-right:1.15rem; margin-top: .15rem; }
.footer div{display: block; float: left; width: 11rem; border-left: 1px #fff solid; font-size: .62rem; line-height:1.17rem; padding-left: .6rem;}
.footer div img{ width: 11rem; margin: 0;}
.footer div p span{ width: 3.1rem;display: inline-block; height: 1rem;}
.school_main7{ height:14.42rem;background: url("../images/school_34.jpg") no-repeat;background-size: 100% 100%;}
.school_from{display: block; padding-top: 5rem;}
.school_from div{display: block;}
.school_from div input{border: 0; width: 15.55rem;  height: 1.78rem;  line-height:.88rem;  color: #82afff; background: #fff;display: block; margin: 0.5rem auto 0; font-size: .53rem; padding:0 .5rem;}
.school_from div .sh_buttom{ height: 2rem;width: 16.55rem; background: #27dc9e; font-size: .85rem; color: #fff; margin: 0.9rem auto 0;}
/*button*/
.button{ width:100%;  height:auto;  position:fixed;  bottom:0;  z-index:1000;  }
.button div{  width:50%;  overflow:hidden;  position:relative;  float:left;  }
.button div img{  width:100%;  height:auto;  float:left;  position:relative;  margin:0;  }