body {font-size: 16px; line-height: 26px; font-family:"微软雅黑"; color:#4F515B; background:#F0F2F5;}
*{ margin:0; padding:0;}
a {text-decoration:none;color:#000;}
a:hover {text-decoration:underline; color:#6C87FC }
ul,ol {list-style:none;}
img{border:0;}
.clear{ clear:both;}
.allcontainer img{ max-width: 100%; }
.m_banner{ display: none; }
.line_h{ display: none;}


.banner1{width:100%; height:800px; background:url(bannerbg.png) no-repeat center; }
.banner1 .banner0{width:100%; height:800px; background:url(banner_tl.png) no-repeat center; }

.icon_0 { width:100%; text-align:center; font-size:32px; margin:20px auto; background:url(icon_bg.png) no-repeat bottom; margin-bottom:20px; font-weight:bold;}
.icon_0 span{ height:70px; line-height:70px;}
.nav_0{background: url(Oval.png) no-repeat bottom; background-size: cover; width:100%; padding-top:20px; height:520px; margin-bottom:30px;}

.nav_0a{ border:1px solid #DFE5FE; background:#fff;box-shadow:7px 7px 16px 7px #DFE5FE; position:relative;width:1200px; margin:0 auto 40px auto;}
.nav_0a dl{ padding:40px; line-height:22px; }
.nav_0a a{color:#F30;}
.nav_0a .tt{ background:url(p1.png) no-repeat center; width:92px; height:80px; position:absolute; top:-50px; left:50px; display:block; z-index:999;}

.nav_0b{ border:1px solid #DFE5FE; background:#fff;box-shadow:7px 7px 16px 7px #DFE5FE; position:relative;width:1200px; height:270px; margin:0 auto 60px auto;}
.nav_0b .tt2{float:left; width:143px;height:270px;}
.nav_0b .tt4{float:left; width:195px;height:240px; padding-top:30px;}
.nav_0b .tt3{float:left; width:750px; padding:20px 40px;}
.nav_0b ul .t0{  line-height:20px;}
.nav_0b ul li { height:60px; line-height:44px;}
.nav_0b ul li i{ float:left; padding-right:50px;}

.nav_1a{ background:#333; width:100%; padding:30px 0;}
.nav_1a dl{ width:1200px; margin:0 auto; line-height:22px; color:#fff;}
.nav_1bg{background:#DDE3FB; width:100%; padding:50px 0;}
.nav_1{ width:1240px; margin:0 auto;}

.itemss{padding:0 10px; width:590px; float:left; margin-bottom:35px;}
.items{ background:#fff; height:450px;}
.items .it_tl{ text-align:center;background:url(tp_bg.png) no-repeat top;background-size: cover; height:150px; color:#fff; }
.items .it_tl p{ padding:15px 0;}
.items .it_tl h1{ font-size:26px; line-height:30px; padding:0 20px;}
.items .it_tl h1 a{color:#fff;}
.items .txts{ padding:30px 30px 10px 30px; height:130px;}
.items .txts a{color:#6C87FC;}
.items .txts2 { padding:0 30px 0 30px;}
.items span{ color:#6C87FC; font-weight:bold; float:left;}
.items .piaoshu a{ float: right; color:#fff; text-decoration:none;cursor: pointer;}
.items .piaoshu .btn{ font-size:26px; font-weight:bold;background:url(Rectangle.png) no-repeat center; width:202px; height:94px; line-height:80px; text-align:center; background-size: cover; margin-right:25px;}
.items .piaoshu p{float:left; color:#6C87FC; padding:30px 0 0 30px;}
.items .piaoshu .grade1{color:#F30; font-size:24px; float:left; text-align:left;padding:0 5px;}
.items .piaoshu i{ color:#000; font-style:normal;font-size:24px; float:left; }



.bottom_sbj{ background:#6353F6; padding:20px 0 10px 0; width:100%; text-align:center;}



@media only screen and (max-width: 600px){
body { background-image:none; font-size:1em; line-height:1.4em;  background:#fff;}
.allcontainer{ max-width: 600px; margin: 0 auto;}
.container,.banner{ width:100%;}
.bottombg{width:100%; height: auto; background: none; margin-bottom:0;}
.m_banner{ display: block; }
.line_h{ height:2em;}

.banner1{width:100%; height: auto; background:none; position:relative; }
.banner1 .banner0{width:70%; padding:8% 15% 0 15%; height: auto; background:none; position:absolute; }

.icon_0 {font-size:1.8em; margin:2% auto; margin-bottom:2%;}
.icon_0 span{ height:2em; line-height:2em;}
.nav_0{width:100%; padding-top:2%; height: auto; margin-bottom:3%;}

.nav_0a{box-shadow:7px 7px 7px 0 #DFE5FE;width:94%; margin:0 auto 4% auto; height:auto;}
.nav_0a dl{ padding:4%; line-height:1.4em; font-size:0.8em; height:auto; }
.nav_0a .tt{ background-size: cover; width:10%; height:30px;top:-20px; left:20px;}

.nav_0b{ box-shadow:7px 7px 7px 0 #DFE5FE; position:relative;width:90%; height: auto; margin:0 auto 6% auto;}
.nav_0b .tt2{float:left; width:15%;height: auto; display: none;}
.nav_0b .tt4{float:left; width:94%;height: auto; padding:3%; text-align:center;}
.nav_0b .tt3{float:left; width:90%; padding:5% 5% 0 5%;}
.nav_0b ul .t0{  line-height:1.2em;}
.nav_0b ul li { height:4.5em; line-height:1.4em; font-size:0.9em}
.nav_0b ul li i{ float:left; padding-right:5%; width:10%;}

.nav_1a{ background:#333; width:100%; padding:3% 0;}
.nav_1a dl{ width:90%;line-height:1.6em;font-size:0.9em}
.nav_1bg{width:100%; padding:5% 0;}
.nav_1{ width:100%;}

.itemss{padding:0 3%; width:94%;  margin-bottom:4%;}
.items{ height:450px;}
.items .it_tl{ height:150px;}
.items .it_tl p{ padding:5% 0;}
.items .it_tl h1{ font-size:1.2em; line-height:1.2em; padding:0 2%}
.items .it_tl h1 a{color:#fff;}
.items .txts{ padding:3% 3% 1% 3%; height:180px; }
.items .txts2 { padding:0 3%; height:50px;}
.items .piaoshu .btn{ font-size:1em; width:100px; height:44px; line-height:2.4em; margin-right:2%;  margin-top:0;}
.items .piaoshu p{padding:3% 0 0 3%;}
.items .piaoshu .grade{float:left; width:60%;}
.items .piaoshu .grade span{float:left; font-size:0.9em;}
.items .piaoshu .grade1{ font-size:1em;padding:0 5px; float:left;}
.items .piaoshu i{font-size:1em; float:left;}



.bottom_sbj{ background:#6353F6; padding:20px 0 10px 0; width:100%; text-align:center;}
}