.banner{ width:100%; }
.banner img{ width:100%; }

.viewport p{ font-size:1.1rem; padding:1rem 0.6rem; text-indent:2em; text-align:left; }
.viewport p a{ color:#ff6000; }
.box1_tit{ width:22.15rem; }
.title_box{ text-align:center; margin-top:2.5rem; }


.box1{ }
.box01 .box1_img{ width:9.9rem; margin-left:0.6rem; display:block; float:left; margin-bottom:1.85rem; }


.box2{ overflow:hidden; background:url(../images/bg_box2.jpg) no-repeat left top #0067db; background-size:32rem 0.9rem; text-align:center; }
.box2 .title_box{ margin-bottom:1.3rem; }
.box2 .box2_img{ width:28.2rem; display:block; margin:0 auto; }
.box2 .box2_zx{ width:21.9rem; margin:1.3rem auto 1.8rem; }



.box3{ overflow:hidden; background:#def3ff; width:100%; }
.box3 .box3_tit{ width:29.1rem; }
.box3 .box3_con{ margin-top:1rem; height:22rem; }
.box3 .box3_con .qie_tit{ overflow:hidden; margin-left:0.6rem; }
.box3 .box3_con .qie_tit li{ float:left; width:9.9rem; height:2.6rem; background:#b8b8b8; line-height:2.6rem; text-align:center; color:#fff; margin-right:0.4rem; font-size:1.1rem; cursor:pointer; }
.box3 .box3_con .qie_tit li.on{ background:#ff6000; }
.box3 .box3_con .qie_body{ width:100%; height:15.5rem; overflow:hidden; margin-top:2.5rem; }
.box3 .box3_con .qie_body li{ width:32rem; height:15.5rem; text-align:center; }
.box3 .box3_con .qie_body li p{ line-height:}
.box3 .box3_con .qie_body li img{ width:30.15rem; margin-bottom:0.8rem; }

.box4{ width:100%; overflow:hidden; padding-bottom:2rem; }
.box4 p{ padding:2rem 0.6rem; }
.box4 .box4_img{ display:block; margin:0 auto; width:25.85rem; }

.jsys{ width:100%; background:url(../images/bg_jsys.jpg) no-repeat left top; background-size:100% 100%; height:5.9rem; }
.jsys p{ color:#fff; font-size:1.1rem; line-height:1.6rem; padding-top:1.2rem; }
.box5{ width:100%; overflow:hidden; }
.box5 .box5_tit{ width:28rem; }
.box5 .box5_con{ background:url(../images/bg_box5.jpg) no-repeat left 0.9rem; background-size:1.1rem 59.3rem; margin-left:2.5rem; padding-left:2.3rem; }
.box5 .box5_con dt{ height:3rem; width:25.5rem; line-height:3rem; background:url(../images/bg_box5_tit.jpg) no-repeat left top #eeeeee; background-size:8rem 3rem; font-size:1rem; }
.box5 .box5_con dt span{ color:#fff; font-size:1.1rem; float:left; width:8rem; text-align:center; margin-right:0.5rem; }
.box5 .box5_con dd{ text-align:center; width:26rem; }
.box5 .box5_con dd p{ color:#2e2e2e; font-size:1rem; }
.box5 .box5_con dd:nth-of-type(1){ margin:1.5rem 0; }
.box5 .box5_con dd:nth-of-type(2),.box5 .box5_con dd:nth-of-type(3){ margin-top:0.45rem; }
.box5 .box5_con dd:nth-of-type(3){ margin-left:1.8rem; }
.box5 .box5_con dd:nth-of-type(4){ margin:0.9rem 0 1rem 1.8rem; }
.box5 .box5_con dd .sm{ float:left; text-align:center; }
.box5 .box5_con dd .sm p{ text-indent:0; }
.box5 .box5_con dd img{ width:10.2rem; height:5.4rem; margin:0 0.3rem; }
.box5 .box5_con dd .xq{ width:10.2rem; height:5rem; float:left; font-size:1rem; margin:0.5rem 0.5rem 0 0; background:#ffdcbc; font-size:1.1rem; }
.box5 .box5_con dd .xq p{ padding:1.1rem 0 0 0; text-indent:0; text-align:center; }
.box5 .box5_con dd .xq:nth-of-type(2){ background:#d4e9fc; }
.box5 .box5_con dd .xq:nth-of-type(3){ background:#e9f2af; }
.box5 .box5_con dd .xq:nth-of-type(4){ background:#cff8df; }

.ssys{ width:100%; background:#efefef; padding:0.5rem 0; margin-top:1.5rem; }

.box6{ overflow:hidden; background:#fff; }
.box6 .box6_tit{ width:29.1rem; }
.box6 ul{ overflow:hidden; margin-left:1rem; margin-top:1rem; }
.box6 ul li{ float:left; width:13.7rem; height:9rem; padding:0.6rem 0.5rem; background:#ebebeb; margin:0.7rem 0.7rem 0 0; }
.box6 ul li img{ width:13.7rem; height:9rem; }
.box6 .box6_zx{ width:24.6rem; display:block; margin:1.5rem auto; }

.box7{ overflow:hidden; width:100%; background:#e5f3fe; padding-bottom:1.5rem; }
.box7 .box7_tit{ width:22.15rem; }
.box7 .box7_gd{ position:relative; height:21rem; width:32rem; overflow:hidden; margin-top:1.5rem; }
.box7 .box7_gd .prev,.box7 .box7_gd .next{ display:block; position:absolute; width:1.3rem; height:2.7rem; top:6.2rem; cursor:pointer; z-index:10; }
.box7 .box7_gd .prev{ left:0.9rem; }
.box7 .box7_gd .next{ right:0.9rem; }
.box7 .box7_gd .gd_con{ width:32rem; height:21rem; overflow:hidden; }
.box7 .box7_gd .gd_con li{ width:32rem; height:21rem; text-align:center; }
.box7 .box7_gd .gd_con li img{ padding:0.6rem 0.8rem; background:#fff; width:24.7rem; }