/*数学特色*/

.header{ height:120px; border-top:#006f9f solid 3px;}
.logo{ float:left; padding:17px 0}
.logo img{ width:80%;}

.nav{ float:right;}
.nav ul{}
.nav li{ float:left; margin-top:40px;}
.nav li a{ font-size:16px; margin:0 10px; color:#333; display:block; padding:0 25px; line-height:40px;}
.nav li a:hover{ background-color:#006f9f; color:#fff; text-decoration:none;transition: all 0.5s;}
.nav li .hover{ background-color:#006f9f; color:#fff; text-decoration:none;}

.banner{}
.banner img{ width:100%}




/*版权*/
.copyright{background:url(../images/copyright.jpg) repeat; height:285px;}
.copyright .copyright-logo{margin-top:64px; border-right:#fff solid 1px; width:267px; height:159px;}
.copyright .copyright-nav{margin-top:85px; margin-left:40px;}
.copyright .copyright-nav h3{color:#fff; padding-bottom:10px; font-size:15px;}
.copyright .copyright-nav h3 a{color:#fff;}
.copyright .copyright-nav p{color:#fff;}
.copyright .copyright-wx{margin-top:95px;}
.copyright .copyright-wx span{float:left; margin-left:10px;}
.copyright .copyright-wx span h3{color:#fff; font-size:12px; text-align:center; padding:5px 0;}
.sohu-content{width:1200px;margin:0 auto;padding: 50px 0px;}


/*第二个*/
.math{ padding-bottom:40px;}
.math .title{ font-size:25px; padding:40px 0; color:#006f9f; font-weight:bold;}
.math .title p{ font-size:14px; padding-top:10px; color:#333; line-height:25px;}
.math .title{ font-size:25px; padding:40px 0; color:#006f9f; font-weight:bold;}
.math .title p{ font-size:14px; padding-top:10px; color:#333; line-height:25px;}
.math .title h3{ text-align:right;}

.math .content{ width:1250px;}
.math .content span{ width:31%; display:block; float:left; overflow:hidden; margin-bottom:20px; margin-right:20px;}
.math .content span img{ width:100%}
.math .content span h3{ height:40px; color:#333; text-align:center; line-height:40px; background-color:#f9f9f9;transition: all 0.5s;}
.math .content span a{ text-decoration:none;}
.math .content span:hover h3{ background-color:#006f9f; text-decoration:none; color:#fff;}

.gray{ background-color:#f9f9f9;}

/*内页*/
.jiao{ border-top:#d2d2d2 solid 1px;}
.jiao .inner-title{ font-weight:bold; font-size:25px; background-color:#f9f9f9;padding:30px 0;}
.jiao .inner-title h3{ text-align:left; padding:10px 0; font-size:18px}
.jiao .inner-title p{ line-height:2; font-size:14px; color:#666;}

.jiao .inner-nav{ text-align:center; padding:30px 0;}
.jiao .inner-nav li{ width:120px; display:inline-table; margin:0 10px;}
.jiao .inner-nav li a{ color:#333; line-height:40px; border:#eee solid 1px; text-align:center; display:block;}
.jiao .inner-nav li a:hover{ background-color:#006f9f; color:#fff; text-decoration:none;transition: all 0.5s;}
.jiao .inner-nav li .hover{ background-color:#006f9f; color:#fff; text-decoration:none;}

.jiao{}
.jiao .jiao-list{ padding:30px 0; border-bottom:#dadada dashed 1px;}
.jiao .jiao-list .span{ width:30%; float:left; margin-right:5%;}
.jiao .jiao-list img{ width:100%;}
.jiao .jiao-list .jieshao{ float:left; width:65%;}
.jiao .jiao-list .jieshao h3{ font-weight:bold; color:#006f9f; font-size:18px;}
.jiao .jiao-list .jieshao p{ line-height:1.8; padding-top:10px;}
.jiao .jiao-list .jieshao .more{ background-color:#eee; border-radius:20px; color:#333; line-height:45px; text-align:center; display:block; font-size:15px; width:130px; margin-top:15px;}
.jiaoshow-content{ padding-top:30px;}
.jiaoshow-content span{ width:30%; margin:0 20px; margin-bottom:30px; float:left;}
.jiaoshow-content span img{ width:100%;}


@media (max-width: 720px){
.header{ height:auto;}
.logo{ margin:0 auto; float:none; width:18%;}
.logo img{ width:100%}

.nav{ float:none;}
.nav ul{}
.nav li{ width:33.333%; text-align:center; background-color:#f9f9f9; margin-top:auto;transition: all 0.5s;}
.nav li a{margin:0 0;border-right:#fff solid 1px; border-bottom:#fff solid 1px;  padding:0 0;}

.w1200{ width:auto;}

/*第二个*/
.math{ padding:0 10px;}
.math .content{ width:auto;}
.math .content span{ width:48%; float:left; margin:0 1%;}
.math .content span h3{ height:40px; color:#333; text-align:center; line-height:40px; background-color:#f9f9f9;transition: all 0.5s;}
.math .content span a{ text-decoration:none;}
.math .content span:hover h3{ background-color:#006f9f; text-decoration:none; color:#fff;}

.jiao{border-top:none}
.jiao .inner-title{ padding:10px 10px; }
.jiao .inner-nav li{ margin:5px 0; width:30%;}
.jiao{}
.jiao .jiao-list{ padding:30px 10px;}
.jiao .jiao-list .span{ width:100%;}
.jiao .jiao-list .jieshao{ float:!important; width:100%;}
.jiao .jiao-list .jieshao h3{ padding-top:10px;}
.jiaoshow-content{ padding-top:30px;}
.jiaoshow-content span{ width:48%; margin:0 1%; margin-bottom:10px; float:left;}
.jiaoshow-content span img{ width:100%;}


.copyright{ }
.copyright .copyright-logo{ display:none;}
.copyright .copyright-nav{margin-top:5%; margin-left:10px;}
.copyright .copyright-nav h3{color:#fff; padding-bottom:10px; font-size:15px;}
.copyright .copyright-nav h3 a{color:#fff;}
.copyright .copyright-nav p{color:#fff;}
.copyright .copyright-wx{margin-top:5%; float:left;}
.copyright .copyright-wx span{float:left; margin-left:10px;}
.copyright .copyright-wx span h3{color:#fff; font-size:12px; text-align:center; padding:5px 0;}
.sohu-content{width:1200px;margin:0 auto;padding: 50px 0px;}
}






