@charset "utf-8";
/* CSS Document*/

/* banner*/
.ibanner{ width:100%; height:634px; overflow:hidden; position:relative;}
.ibanner .tempWrap{ height:100%;}
.ibanner .bd{ position:relative; z-index:0; height:100%;}
.ibanner .bd ul{ display:block; transition:all;}
.ibanner .bd ul li{ display:block; width:100%; height:634px; position:relative;}
.ibanner .bd ul li a{ display:block; width:100%; height:100%; position:relative; background-size:cover !important;}
.ibanner .hd{ display:none; width:50%; overflow:hidden; text-align:center; position:absolute; left:25%; bottom:3.6%; z-index:1;}
.ibanner .hd ul{ display:block; height:12px;}
.ibanner .hd ul li{ display:inline-block; width:12px; height:12px; background:#fff; border-radius:50%; margin:0 6px; vertical-align:top;}
.ibanner .hd ul li.on{ background:#bb0003;}

.main{ width:100%;}
.main a.tel1{ display:block; width:20em; line-height:4.89em; color:#fff; font-size:18px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0; text-indent:-1em;}
.main a.btn1{ display:block; width:20em; line-height:3.85em; color:#fff; font-size:26px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0; text-indent:-1em;}

table.pic{ display:none; width:100% !important;}
table.pic td{ padding:0 !important; border:0 !important; background:none !important;}
table.pic td img{ display:block; width:100%; box-sizing:border-box; padding:0 16px;}

/*九大理由*/
.box1{ background:#faf8f9; padding:0 0 5.27%;}
.box1 h2{ display:block; line-height:4em; color:#333; font-size:36px; text-align:center;}
.box1 ul.list{ display:block; width:1128px; padding:0 50px; overflow:hidden; margin:0 auto;}
.box1 ul li{ display:block; width:33.33%; float:left; overflow:hidden; margin:-0.5em 0 0; position:relative;}
.box1 ul li:nth-child(1),
.box1 ul li:nth-child(2),
.box1 ul li:nth-child(3){ z-index:5; margin-top:0;}
.box1 ul li:nth-child(4),
.box1 ul li:nth-child(5),
.box1 ul li:nth-child(6){ z-index:3;}
.box1 ul li:nth-child(7),
.box1 ul li:nth-child(8),
.box1 ul li:nth-child(9){ z-index:1;}
.box1 ul li span{ display:block; line-height:1.66em; color:#fff; font-size:18px; padding:1.2em 3em 3.44em 6.7em; background-size:100% 100% !important; margin:0 10px;}
.box1 ul li:nth-child(1) span{ background:url(../images/zhuanshuo/box1_list1.png) center no-repeat;}
.box1 ul li:nth-child(2) span{ background:url(../images/zhuanshuo/box1_list2.png) center no-repeat;}
.box1 ul li:nth-child(3) span{ background:url(../images/zhuanshuo/box1_list3.png) center no-repeat;}
.box1 ul li:nth-child(4) span{ background:url(../images/zhuanshuo/box1_list4.png) center no-repeat;}
.box1 ul li:nth-child(5) span{ background:url(../images/zhuanshuo/box1_list5.png) center no-repeat;}
.box1 ul li:nth-child(6) span{ background:url(../images/zhuanshuo/box1_list6.png) center no-repeat;}
.box1 ul li:nth-child(7) span{ background:url(../images/zhuanshuo/box1_list7.png) center no-repeat;}
.box1 ul li:nth-child(8) span{ background:url(../images/zhuanshuo/box1_list8.png) center no-repeat;}
.box1 ul li:nth-child(9) span{ background:url(../images/zhuanshuo/box1_list9.png) center no-repeat;}
.box1 a.btn{ display:block; width:17em; line-height:3.6em; color:#fff; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}

/*师资团队*/
.box2{ background:url(../images/zhuanshuo/box2_bg.jpg) center no-repeat; background-size:cover; padding:3.3% 0 3.16%;}
.box2 h2{ display:block; line-height:2em; color:#fff; font-size:36px; text-align:center;}
.box2 p.intro{ display:block; line-height:2.5em; color:rgba(255,255,255,0.8); font-size:24px; text-align:center;}
.box2 .list{ display:block; width:1200px; margin:4.2% auto 0; position:relative; transition:none;}
.box2 .list .bd{ width:1136px; overflow:hidden; margin:0 auto;}
.box2 .list .bd ul{ display:block; width:100%; overflow:hidden; transition:none;}
.box2 .list .bd ul li{ display:block; width:25%; overflow:hidden; float:left;}
.box2 .list .bd ul li a{ display:block; overflow:hidden; position:relative; margin:0 18px;}
.box2 .list .bd ul li img{ display:block; width:100%;}
.box2 .list .bd ul li .con{ width:100%; color:#fff; font-size:16px; height:5.8em; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.box2 .list .bd ul li span{ display:block; line-height:2.3em; color:#fff; font-size:20px; font-weight:bold; text-align:center; padding:0 1.12em; border-top:4px solid #ff6600; transition:none;}
.box2 .list .bd ul li em{ display:block; line-height:1.25em; color:#fff; font-size:16px; text-align:center; transition:none;}
.box2 .list .bd ul li .txt{ display:none; height:14em; line-height:2em; color:#fff; font-size:12px; padding:1.33em 0.9em 0; border-top:2px solid #ff6600; overflow:hidden; margin:0 1.25em;}
.box2 .list .bd ul li:hover .con{ height:100%;}
.box2 .list .bd ul li:hover span{ border-top:0; padding-top:2.25em; text-align:left;}
.box2 .list .bd ul li:hover em{ text-align:left; padding:0 0 0.875em 1.4em;}
.box2 .list .bd ul li:hover .txt{ display:block;}
.box2 .list .hd a{ display:block; width:32px; height:56px; background:rgba(0,0,0,0.3); position:absolute; top:50%; margin-top:-28px;}
.box2 .list .hd a::before,
.box2 .list .hd a::after{ content:''; display:block; width:1px; height:22px; background:#fff; position:absolute; left:0; top:0;}
.box2 .list .hd a.prev{ left:50%; margin-left:-606px;}
.box2 .list .hd a.prev::before{ transform:rotate(45deg); margin:9px 0 0 16px;}
.box2 .list .hd a.prev::after{ transform:rotate(-45deg); margin:24px 0 0 16px;}
.box2 .list .hd a.next{ right:50%; margin-right:-606px;}
.box2 .list .hd a.next::before{ transform:rotate(45deg); margin:24px 0 0 16px;}
.box2 .list .hd a.next::after{ transform:rotate(-45deg); margin:9px 0 0 16px;}
.box2 a.btn{ display:block; width:17em; line-height:3.6em; color:#fff; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}

/*辅导系统*/
.box3{ background:#6c48e8; padding:0 0 3.9%;}
.box3 h2{ display:block; line-height:3.42em; color:#fff; font-size:48px; text-align:center;}
.box3 ul.list{ width:1124px; overflow:hidden; margin:0 auto;}
.box3 ul.list li{ display:block; width:16.66%; float:left;}
.box3 ul.list li span{ display:block; height:4em; line-height:2em; color:#333; font-size:15px; font-weight:bold; background:#fff; padding:0.8em 1.6em 1.6em 0.8em; border:2px solid #9c7700; border-radius:8px; position:relative; overflow:hidden; margin:0 12px 20px;}
.box3 ul.list li em{ display:block; width:3em; height:2em; line-height:2em; color:#fff; font-size:20px; text-align:right; padding:1em 0.3em 0 0; background:url(../images/zhuanshuo/box3_ico.png) right bottom no-repeat; background-size:100% 100%; position:absolute; right:0; bottom:0;}
.box3 ul.list li:last-child{ width:66.64%;}
.box3 ul.list li a{ display:block; height:6.4em; line-height:6.4em; color:#333; font-size:15px; font-weight:bold; padding:0 7.6em; background:#fff url(../images/zhuanshuo/box3_ico.png) right bottom no-repeat; background-size:4em 4em; border:2px solid #9c7700; border-radius:8px; position:relative; overflow:hidden; margin:0 12px 20px;}
.box3 ul.list li a font{ color:#ff3d00; font-size:1.6em;}
.box3 ul.list li a font::after{ content:' '; display:inline-block; width:2em; height:1em; vertical-align:-2px; background:url(../images/zhuanshuo/box3_arrow.png) center no-repeat; background-size:100% 100%; margin-left:2em;}

/*服务团队*/
.box4{ background:#dcefe4; padding:0 0 4.42%;}
.box4 h2{ display:block; line-height:3.54em; color:#333; font-size:48px; text-align:center;}
.box4 .list{ display:block; width:1160px; overflow:hidden; margin:0 auto;}
.box4 ul{ display:block; width:45.5%; overflow:hidden; background-size:100% 100% !important;}
.box4 ul li{ display:block; overflow:hidden; margin-top:2.26%;}
.box4 ul li:first-child{ margin-top:6%;}
.box4 ul li:last-child{ margin-bottom:7%;}
.box4 ul li h3{ display:block; line-height:2.12em; color:#ea0303; font-size:18px; text-align:center; padding:0.38em 0 0;}
.box4 ul li p{ display:block; height:6.45em; line-height:2.15em; color:#333; font-size:13px; overflow:hidden; margin:0 0 1.46em;}
.box4 ul li p span{ display:block; width:50%; height:2.15em; text-indent:1em; white-space:nowrap; float:left; position:relative;}
.box4 ul li p span::before{ content:''; display:block; width:4px; height:4px; background:#464646; border-radius:25%; position:absolute; left:0; top:50%; margin-top:-2px;}
.box4 ul.left{ background:url(../images/zhuanshuo/box4_list1.png) left top no-repeat;}
.box4 ul.left li p{ padding-left:18%;}
.box4 ul.left li:last-child p span{ width:48%; letter-spacing:-0.5px;}
.box4 ul.right{ background:url(../images/zhuanshuo/box4_list2.png) right top no-repeat;}
.box4 ul.right li p{ padding:0 18% 0 9%;}

/*服务系统*/
.box5{ background:#f25959; padding:2.25% 0 4.64%;}
.box5 h2{ display:block; line-height:1.88em; color:#fff; font-size:36px; text-align:center;}
.box5 p.intro{ display:block; line-height:2.6em; color:#fff; font-size:20px; text-align:center;}
.box5 table{ width:1100px; margin:2.18% auto 0;}
.box5 table tr th{ line-height:3em; color:#333; font-size:20px; font-weight:bold; text-align:center; background:#f6ff00; border:1px solid #c7002b;}
.box5 table tr td{ line-height:1.875em; color:#333; font-size:16px; text-align:center; padding:0.45em 0; background:#feffe2; border:1px solid #c7002b;}
.box5 table tr:nth-child(even) td{ background:#f6e88e;}
.box5 table tr td.high{ line-height:1.2em; background:#f6e88e; padding:0 0.2em;}
.box5 table tr td span{ display:block; line-height:1.2em;}
.box5 table tr td em{ display:block; line-height:1.2em; font-size:0.75em;}
.box5 a.btn{ display:block; width:17em; line-height:3.6em; color:#333; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg1.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}

/*精品教材*/
.box6{ background:#2e7ae2; padding:0 0 4%;}
.box6 h2{ display:block; line-height:4.12em; color:#fff; font-size:36px; text-align:center;}
.box6 .list{ display:block; width:1200px; margin:0 auto 0; position:relative; transition:none;}
.box6 .list .bd{ width:1136px; overflow:hidden; margin:0 auto;}
.box6 .list .bd ul{ display:block; width:100%; overflow:hidden; transition:none;}
.box6 .list .bd ul li{ display:block; width:20%; overflow:hidden; float:left;}
.box6 .list .bd ul li a{ display:block; overflow:hidden; border:12px solid #fff; position:relative; margin:0 15px;}
.box6 .list .bd ul li img{ display:block; width:100%;}
.box6 .list .bd ul li .con{ width:100%; color:#fff; font-size:16px; height:5.8em; background:rgba(0,0,0,0.7); position:absolute; left:0; bottom:0;}
.box6 .list .bd ul li span{ display:block; line-height:2.3em; color:#fff; font-size:20px; font-weight:bold; text-align:center; padding:0 1.12em; border-top:4px solid #ff6600; transition:none;}
.box6 .list .bd ul li em{ display:block; line-height:1.25em; color:#fff; font-size:16px; text-align:center; transition:none;}
.box6 .list .bd ul li .txt{ display:none; height:14em; line-height:2em; color:#fff; font-size:12px; padding:1.33em 0.9em 0; border-top:2px solid #ff6600; overflow:hidden; margin:0 1.25em;}
.box6 .list .bd ul li:hover .con{ height:100%;}
.box6 .list .bd ul li:hover span{ border-top:0; padding-top:2.25em; text-align:left;}
.box6 .list .bd ul li:hover em{ text-align:left; padding:0 0 0.875em 1.4em;}
.box6 .list .bd ul li:hover .txt{ display:block;}
.box6 .list .hd a{ display:block; width:32px; height:56px; background:rgba(0,0,0,0.3); position:absolute; top:50%; margin-top:-28px;}
.box6 .list .hd a::before,
.box6 .list .hd a::after{ content:''; display:block; width:1px; height:22px; background:#fff; position:absolute; left:0; top:0;}
.box6 .list .hd a.prev{ left:50%; margin-left:-606px;}
.box6 .list .hd a.prev::before{ transform:rotate(45deg); margin:9px 0 0 16px;}
.box6 .list .hd a.prev::after{ transform:rotate(-45deg); margin:24px 0 0 16px;}
.box6 .list .hd a.next{ right:50%; margin-right:-606px;}
.box6 .list .hd a.next::before{ transform:rotate(45deg); margin:24px 0 0 16px;}
.box6 .list .hd a.next::after{ transform:rotate(-45deg); margin:9px 0 0 16px;}
.box6 a.btn{ display:block; width:17em; line-height:3.6em; color:#fff; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}

/*高分学员*/
.box7{ background:#22b58d; padding:0 0 4.64%;}
.box7 h2{ display:block; line-height:4.5em; color:#fff; font-size:36px; text-align:center;}
.box7 table{ width:1100px; margin:0 auto;}
.box7 table tr th{ line-height:3em; color:#333; font-size:20px; font-weight:bold; text-align:center; background:#ffa200; border:1px solid #00815e;}
.box7 table tr td{ line-height:1.875em; color:#333; font-size:16px; text-align:center; padding:0.45em 0; background:#7defd0; border:1px solid #00815e;}
.box7 table tr:nth-child(even) td{ background:#cef7ec;}
.box7 a.btn{ display:block; width:17em; line-height:3.6em; color:#333; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg1.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}

/*金榜计划*/
.box8{ background:#f17e18; padding:0 0 4.64%;}
.box8 h2{ display:block; line-height:4.5em; color:#fff; font-size:36px; text-align:center;}
.box8 ul.tab{ display:block; width:1100px; overflow:hidden; margin:0 auto; position:relative;}
.box8 ul.tab::before{ content:''; width:100%; height:14px; background:#f6e88e; border-radius:7px; position:absolute; left:0; top:19px; z-index:1;}
.box8 ul.tab li{ display:block; width:20%; float:left; position:relative; z-index:3; cursor:pointer;}
.box8 ul.tab li em{ display:block; width:2em; height:2em; line-height:1.76em; color:#fff; font-size:26px; font-weight:bold; text-align:center; border:3px solid #fff; border-radius:1em; box-sizing:border-box; margin:0 auto;}
.box8 ul.tab li:nth-child(1) em{ background:#76e374;}
.box8 ul.tab li:nth-child(2) em{ background:#74e3cd}
.box8 ul.tab li:nth-child(3) em{ background:#749ee3;}
.box8 ul.tab li:nth-child(4) em{ background:#e374df;}
.box8 ul.tab li:nth-child(5) em{ background:#eb5454;}
.box8 ul.tab li strong{ display:block; line-height:1.64em; color:#333; font-size:26px; text-align:center; padding:0.4em 0 0;}
.box8 ul.tab li span{ display:block; line-height:1.44em; color:#333; font-size:18px; color:#333; text-align:center;}
.box8 .tbox{ width:1100px; margin:2.8% auto 0;}
.box8 .tbox.pic{ display:none;}
.box8 table{ display:none; width:100%; transition:none;}
.box8 table tr th{ line-height:2.76em; color:#fff; font-size:18px; font-weight:normal; text-align:center; background:#ff4e00; border:1px solid #c7002b;}
.box8 table tr td{ line-height:1.72em; color:#333; font-size:14px; text-align:center; padding:10px 30px; background:#efc096; border:1px solid #c7002b;}
.box8 table tr:nth-child(even) td{ background:#f7dfc9;}
.box8 table tr td.txt{ text-align:left;}
.box8 table tr td em{ font-size:24px;}
.box8 a.btn{ display:block; width:17em; line-height:3.6em; color:#fff; font-size:21px; font-weight:bold; text-align:center; background:url(../images/zhuanshuo/more_bg.png) center no-repeat; background-size:auto 100%; margin:3.6% auto 0;}























/*PC适配*/
@media only screen and (min-width:1441px){

}
@media only screen and (min-width:1025px) and (max-width:1220px){
.ibanner,
.ibanner .bd ul li{ height:460px;}
.main{ width:auto; margin:0;}

.box1 ul.list{ width:auto; padding:0 16px;}
.box1 ul li span{ font-size:15px;}

.box2 .list{ width:auto; padding:0 16px;}
.box2 .list .bd{ width:auto;}
.box2 .list .bd ul li{ width:33.33%;}
.box2 .list .bd ul li .txt{ font-size:14px;}

.box3 ul.list{ width:auto; margin:0 16px;}
.box3 ul.list li{ width:25%;}
.box3 ul.list li:last-child{ width:100%;}
.box3 ul.list li span{ font-size:14px; padding:0.6em 3.6em 0.6em 0.6em;}
.box3 ul.list li a{ height:4.8em; line-height:4.8em; text-align:center;}

.box4 .list{ width:auto; margin:0 16px;}
.box4 ul{ width:49%;}
.box4 ul li p{ font-size:12px;}

.box5 table{ display:none;}
.box5 table.pic{ display:table;}

.box6 .list{ width:auto; margin:0 16px;}
.box6 .list .bd{ width:auto; margin:0 38px;}
.box6 .list .bd ul li{ width:33.33%;}
.box6 .list .hd a.prev{ left:0; margin-left:0;}
.box6 .list .hd a.next{ right:0; margin-right:0;}

.box7 table{ display:none;}
.box7 table.pic{ display:table;}

.box8 ul.tab{ width:auto; margin:0 16px;}
.box8 .tbox{ width:auto; padding:0 16px;}
.box8 table tr td{ padding:0.6em 2em;}

}


/*手机适配*/
@media only screen and (max-width:767px){
.ibanner,
.ibanner .bd ul li{ height:192px;}

table.pic td img{ padding:0 10px !important;}

.main{ width:auto; margin:0;}

.box1{ padding:0 0 8%;}
.box1 h2{ line-height:3em; font-size:30px;}
.box1 ul.list{ width:auto; padding:0 16px;}
.box1 ul li{ width:100%; z-index:0 !important; margin:-0.5em 0 0 !important;}
.box1 ul li:first-child{ margin-top:0 !important;}
.box1 ul li span{ width:13em; font-size:12px; padding:1.2em 2em 3.44em 6.7em; margin:0 auto;}
.box1 a.btn{ font-size:15px; margin:5% auto 0;}

.box2{ padding:2% 0 6%;}
.box2 p.intro{ line-height:1.7em; font-size:15px; padding:0.4em 10px;}
.box2 .list{ width:auto; padding:0 10px;}
.box2 .list .bd{ width:auto;}
.box2 .list .bd ul li{ width:50%;}
.box2 .list .bd ul li a{ margin:0 4%;}
.box2 .list .bd ul li span{ line-height:2em; font-size:16px;}
.box2 .list .bd ul li em{ font-size:12px; padding:0 6px 0.8em; white-space:nowrap;}
.box2 .list .bd ul li .txt{ display:none !important; font-size:14px;}
.box2 .list .bd ul li .con{ height:auto !important; overflow:hidden;}
.box2 a.btn{ font-size:15px; margin:5% auto 0;}

.box3{ padding:0 0 6%;}
.box3 h2{ line-height:1.6em; font-size:28px; padding:1em 10px;}
.box3 ul.list{ width:auto; margin:0 10px;}
.box3 ul.list li{ width:50%;}
.box3 ul.list li:last-child{ width:100%;}
.box3 ul.list li span{ font-size:14px; padding:0.6em 3.6em 0.6em 0.6em; margin:0 3% 6%;}
.box3 ul.list li a{ height:4.8em; line-height:4.8em; font-size:10px; text-align:center; padding:0 1em; margin:0 1.5% 6%;}
.box3 ul.list li a font::after{ display:none;}

.box4{ padding:0 0 6%;}
.box4 h2{ font-size:34px;}
.box4 .list{ width:auto; margin:0 16px;}
.box4 ul{ width:auto; background:none !important; float:none;}
.box4 ul li{ width:98%; background:#88dcaa; border-radius:4px; margin:0 1% 2% !important; float:left;}
.box4 ul li h3{ text-indent:-1em;}
.box4 ul li h3::before{ content:attr(data-num); padding-right:0.5em;}
.box4 ul li p{ height:auto; font-size:12px; padding:1% 7% 0 !important; margin:0 0 4%;}
.box4 ul li p span{ width:auto; float:none;}

.box5{ padding:4% 0 8%;}
.box5 h2{ font-size:32px;}
.box5 p.intro{ width:auto; line-height:1.7em; font-size:15px; padding:0.4em 0; margin:0 10px;}
.box5 table{ display:none;}
.box5 table.pic{ display:table;}
.box5 a.btn{ font-size:15px; margin:5% auto 0;}

.box6{ padding:0 0 8%;}
.box6 h2{ font-size:28px;}
.box6 .list{ width:auto; margin:0 10px;}
.box6 .list .bd{ width:auto; margin:0 28px;}
.box6 .list .bd ul li{ width:50%;}
.box6 .list .bd ul li a{ border-width:6px; margin:0 4%;}
.box6 .list .hd a{ transform:scale(0.8,0.8);}
.box6 .list .hd a.prev{ left:0; margin-left:0;}
.box6 .list .hd a.next{ right:0; margin-right:0;}
.box6 a.btn{ font-size:15px; margin:8% auto 0;}

.box7{ padding:0 0 8%;}
.box7 h2{ line-height:1.6em; font-size:26px; padding:0.8em 10px 0.3em;}
.box7 table{ display:none;}
.box7 table.pic{ display:table;}
.box7 a.btn{ font-size:15px; margin:5% auto 0;}

.box8 h2{ line-height:1.6em; font-size:24px; padding:0.8em 10px 0.8em;}
.box8 ul.tab{ width:auto; margin:0 10px;}
.box8 ul.tab::before{ height:6px; top:13px;}
.box8 ul.tab li em{ font-size:16px; border-width:2px;}
.box8 ul.tab li strong{ width:2em; line-height:1.3em; font-size:16px; padding:0.6em 0 0.2em; margin:0 auto;}
.box8 ul.tab li span{ font-size:12px;}
.box8 .tbox{ display:none; width:auto; padding:0 10px;}
.box8 .tbox.pic{ display:block;}
.box8 .tbox.pic img{ display:none; width:100%;}
.box8 table tr th{ padding:0 0.6em;}
.box8 table tr td{ padding:0.6em 2em;}
.box8 a.btn{ font-size:15px; margin:5% auto 0;}

}

/*手机横屏适配*/
@media only screen and (min-width:480px) and (max-width:767px){

}

/*pad适配*/
@media only screen and (min-width:768px) and (max-width:1024px){
.ibanner,
.ibanner .bd ul li{ height:372px;}
.main{ width:auto; margin:0;}

.box1 ul.list{ width:auto; padding:0 16px;}
.box1 ul li span{ width:13em; font-size:12px; padding:1.2em 2em 3.44em 6.7em; margin:0 auto;}

.box2 .list{ width:auto; padding:0 16px;}
.box2 .list .bd{ width:auto;}
.box2 .list .bd ul li{ width:33.33%;}
.box2 .list .bd ul li .txt{ font-size:14px;}

.box3 h2{ font-size:36px;}
.box3 ul.list{ width:auto; margin:0 16px;}
.box3 ul.list li{ width:25%;}
.box3 ul.list li:last-child{ width:100%;}
.box3 ul.list li span{ font-size:14px; padding:0.6em 3.6em 0.6em 0.6em;}
.box3 ul.list li a{ height:4.8em; line-height:4.8em; text-align:center;}

.box4 h2{ font-size:40px;}
.box4 .list{ width:auto; margin:0 16px;}
.box4 ul{ width:auto; background:none !important; float:none;}
.box4 ul li{ width:31.33%; background:#88dcaa; border-radius:4px; margin:0 1% 2% !important; float:left;}
.box4 ul li h3{ text-indent:-1em;}
.box4 ul li h3::before{ content:attr(data-num); padding-right:0.5em;}
.box4 ul li p{ height:12.9em; font-size:12px; padding:1% 7% 0 !important; margin:0 0 4%;}
.box4 ul li p span{ width:auto; float:none;}

.box5 p.intro{ width:auto; margin:0 16px;}
.box5 table{ display:none;}
.box5 table.pic{ display:table;}

.box6 .list{ width:auto; margin:0 16px;}
.box6 .list .bd{ width:auto; margin:0 38px;}
.box6 .list .bd ul li{ width:33.33%;}
.box6 .list .hd a.prev{ left:0; margin-left:0;}
.box6 .list .hd a.next{ right:0; margin-right:0;}

.box7 h2{ line-height:4em;}
.box7 table{ display:none;}
.box7 table.pic{ display:table;}

.box8 h2{ line-height:4em; font-size:34px;}
.box8 ul.tab{ width:auto; margin:0 16px;}
.box8 .tbox{ width:auto; padding:0 16px;}
.box8 table tr th{ padding:0 0.6em;}
.box8 table tr td{ padding:0.6em 2em;}

}

















/**/