body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; font-family: 微软雅黑;color: #666;} body, button, input, select, textarea { font:12px/1.5tahoma, arial, \5b8b\4f53; } h1, h2, h3, h4, h5, h6{ font-size:100%; } address, cite, dfn, em, var { font-style:normal; } code, kbd, pre, samp { font-family:couriernew, courier, monospace; } p{ font-size:14px; } ul, ol { list-style:none; } a { text-decoration:none;color: #666 } a:hover { text-decoration:none; } sup { vertical-align:text-top; } sub{ vertical-align:text-bottom; } legend { color:#000; } fieldset, img { border:0; } button, input, select, textarea { font-size:100%; } table { border-collapse:collapse; border-spacing:0; } .w1200{width:1200px;margin: 0 auto;} .fl{float: left;} .fr{float: right;} .fs16{font-size: 16px;} .box1 {height: 40px; line-height: 40px; background-color:#2d2d2d;} .box1 span{color: #fff;} .box1 .fr .fl li{height: 40px; line-height: 40px; float: left; padding-right: 15px;} .box1 em{width: 20px; height: 20px; margin: 0 0 -5px 0; display: inline-block; } .ico1{background:url("/images/wx.png"); background-size: 20px 20px; background-repeat:no-repeat;} .ico2{background:url("/images/sc.png"); background-size: 20px 20px; background-repeat:no-repeat;} .box2 {margin-top:40px;line-height: 40px;height: 112px;} .box2 .search{width: 500px;float: left;margin-left: 50px;} .box2 .tel{width: 250px;} .box2 .box2-1{height: 50px;} .box2 .box2-2{margin-top: 20px;} .box2 .box2-2 .box2-2-1{background: #00a0e9;height: 40px;line-height: 40px;color: #fff;text-align: center;position: absolute;width: 252px;} .box2 .box2-3 .box2-3-1{border-bottom: 3px solid #00a0e9;height: 40px;line-height: 40px;padding-left: 270px;} .box2 .box2-3 a:hover{color:#fff;background: #00a0e9;border-radius: 10px;} .box2 .box2-3 .box2-3-1 a{height: 40px;line-height: 40px;padding: 3px 12px;} .box3{height: 500px;} .box3 .box3-1 {width: 250px;border: 1px solid #00a0e9;} .box3 .box3-1 .box3-2-1{width: 250px;} .box3 .box3-1 li a:hover{color:#fff;background: #00a0e9;border-radius: 10px;} .box3 .box3-1 .box3-1-2 img{padding-right: 5px;} .box3 .box3-1 .box3-1-2 h3{height: 30px;line-height: 30px;margin: 0 auto;width: 50%;} .box3 .box3-1 .box3-1-2 li{padding: 10px;border-bottom: 1px solid #e1e1e1;} .box3 .box3-1 .box3-1-2 li a{padding: 1px 6px;display: inline-block;} .box3 .box3-1 .box3-1-2 p{line-height: 30px;text-align: center;} .box3 .box3-1 .box3-1-2 .zixun {background: #00a0e9; border-radius: 10px; width: 159px; height: 40px; line-height: 40px; display: block; color: #fff; font-size: 20px; margin: 10px auto; text-align: center;} .box3 .box3-2 a:hover{color:#fff;background: #00a0e9;border-radius: 10px;} .box3 .box3-3 {padding:10px 0 0 10px;width: 930px;height: 450px;} .box3 .box3-3 .dome1{position:relative;height: 100%;} .box3 .box3-3 .dome1 .hd{overflow:hidden; position:absolute; right:5px; bottom:5px; z-index:1; } .box3 .box3-3 .dome1 .hd ul{overflow:hidden; zoom:1; float:left; } .box3 .box3-3 .dome1 .hd ul li{float:left; width:25px; height:25px;line-height: 25px;margin: 5px;text-align:center; background:#fff; cursor:pointer; border-radius:50%; } .box3 .box3-3 .dome1 .hd ul li.on{background:#00a0e9; color:#fff; } .box3 .box3-3 .dome1 .bd{position:relative; height:100%; z-index:0; } .box3 .box3-3 .dome1 .bd li{zoom:1; vertical-align:middle; } .box3 .box3-3 .dome1 .bd img{display:block; } .box4{height: 230px;} .box4 ul{font-size: 14px;width: 1400px;} .box4 li{float: left;width:280px;margin-right:27px;background-color: #f7f7f7;} .box4 li img{width: 100%;} .box4 .box4-1 p{margin: 10px 15px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .box4 .box4-1-1{height: 15px;line-height: 15px;margin-bottom: 10px;} .box4 .box4-1-1 img{width: 15px;height: 15px;} .box4 .box4-1-1 span{height: 15px;line-height: 15px;color:#666; } .box4 .box4-1-1 .shijian{width: 15px;height: 15px;background: url("/images/shijian.png");margin:0 10px;} .box4 .box4-1-1 .yuedu{width: 15px;height: 15px;background: url("/images/yuedu.png");margin:0 5px 0 110px;} .box5{height: 530px;background-color: #f7f7f7;margin-top: 40px;} .box5 h2{line-height: 28px;font-size: 28px;padding: 20px 0 10px 0;} .box5 .qian{vertical-align: middle;display: inline-block;background: #00aeff;width: 5px;height: 30px;margin-right: 15px;} .box5 .hou{display: inline-block;border-bottom: 2px solid #00aeff;width: 90px;height: 30px;} .box5 .box5-1{margin-top: -40px;} .box5 .box5-1 ul{margin-left: 160px;border-bottom: 1px solid #ddd;height: 31px;} .box5 .box5-1 .box5-1-1{float: left;margin-left: 30px;padding: 3px 12px;} .box5 .box5-1 .box5-1-1:hover{color:#fff;background: #00a0e9;border-radius: 10px;} .box5 .box5-2{width: 250px;height: 420px;margin-top: 15px;} .box5 .box5-3{margin-left: 25px;margin-top: 15px;} .box5 .box5-3 li{float: left;margin: 0 0 5px 25px;width: 290px;} .box5 .box5-3 p{height: 28px;line-height: 28px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap; } .box5 .box5-3 .box5-3-1 img{width: 290px;height: 180px;} .box6{background: url("/images/shizi.png"); background-size: 100%;height: 370px;margin-top: 50px;} .box6 h2{text-align: center;font-size: 36px;margin-top: 30px;width: 100%;color: #fff;} .box6 h2 p{font-size: 24px;color: #fff;margin-top: 30px;font-weight:normal;} .box6 .box6-1{height: 150px;} .box6 .box6-2{width: 1000px;height: 500px; margin: 0 auto;} .box6 .box6-2 .box6-2-1{width: 230px;background-color: #fff;border:1px solid #e0e0e0;box-shadow: 3px 3px 5px #888888;} .box6 .box6-2 .box6-2-1 img{background: url("/images/jiaoshibeijing.png");} .box6 .box6-2 .box6-2-2{margin: 20px 0 0 2px;width: 230px;height: 40px;background-color: #87c4ff;text-align: center;line-height: 40px;} .box6 .box6-2 .box6-2-2 a{color: #fff;font-size: 20px;} .box6 .box6-2 h3{color:#00a0e9;text-align: center;margin: 10px;font-size: 24px;} .box6 .box6-2 h4{text-align: center;margin: 5px;} .box6 .box6-2 p{padding: 10px 20px;} .box6 .box6-2 li{float: left;margin: 15px 10px;} .box6-3{height: 300px} .box7{background-color: #f7f7f7;height: 400px;} .box7 h2{border-bottom:px solid #cacaca;line-height: 28px;font-size: 28px;padding: 20px 0 10px 0;} .box7 .qian{vertical-align: middle;display: inline-block;background: #00aeff;width: 5px;height: 30px;margin-right: 15px;} .box7 .hou{display: inline-block;border-bottom: 2px solid #00aeff;height: 30px;line-height: 30px;} .box7 .box7-1{margin-top: -40px;margin-left: 160px;border-bottom: 1px solid #ddd;height: 31px } .box7 .box7-2{margin: 25px 0 0 50px;} .box7 .box7-2-1{width: 500px;} .box7 .box7-2 .box7-2-2{margin-left: 20px;height: 30px;} .box7 .box7-2 .box7-2-2 .box7-2-2-1{background-color: #e4e4e4;height: 30px;float: left;width: 630px;} .box7 .box7-2 .box7-2-2 .box7-2-2-1 li{float: left;line-height: 30px;padding: 0px 20px;} .box7 .box7-2 .box7-2-2 .box7-2-2-1 li:hover{color:#fff;background: #00a0e9;} .box7 .box7-2 .box7-2-3{width: 600px;height: 250px;margin: 20px 0;height: 60px;line-height: 24px;} .box7 .box7-2 .box7-2-3 span{color: #00a0e9;} .box7 .box7-2 .box7-2-3 li{border-bottom: 1px dashed #c6c6c6;padding: 5px 0;} .box8 h1{text-align: center;margin: 20px 0;font-size: 36px;} .box8-1{height: 380px;} .box8-1 ul{height: 100%;} .box8-1 li{height: 100%;} .box8-1-1{width: 700px;} .box8-1-2{background-color: #00a0e9;width: 500px;height: 100%;} .box8-1-2 .p1{padding: 30px 0 10px 0;;margin: 0 25px 0 25px;font-size: 22px;color: #fff;border-bottom: 1px solid #fff;} .box8-1-2 .p2{margin:15px 25px;color: #fff;height: 200px;line-height: 22px;} .box8-1-2 .p3{height: 30px;border-bottom: 1px solid #fff;margin: 0 25px;padding-bottom: 25px;} .box8-1-2 .p3 em{width: 30px;height: 30px;background: url("/www.cddsgk.com/images/b57.jpg");display: block;} .box8-1-2 .p3 a{display: block;width: 130px;height: 30px;line-height: 30px;background-color: #278ab4;color: #fff;text-align: center;} .box8-2{margin:20px 0;height: 140px;} .box8-2 li{float: left;margin:0 3px;} .box8-2 li:hover{border: 2px solid #00a0e9;width: 230px;height: 125px;opacity:0.7} .foot .top{height: 140px;background-color: #333;padding-bottom: 20px;} .foot .foot1{width: 320px;} .foot .foot1 img{padding: 10px 0;} .foot .foot1 p{background-color: #ffff00;padding: 15px;font-size: 16px;} .foot .foot2{margin: 20px 35px;} .foot .foot3 p{color: #fff;} .foot .foot3 {margin:30px 0;line-height: 30px;} .foot .foot3 .foot3-1 a{color:#fff; padding-right: 10px;font-size: 18px;} .foot .foot3 .foot3-2{margin-top: 20px;} .foot .foot3 .foot3-2 a{color: #fff;} .foot .foot3 .foot3-2 em{color:#ffff00; } .foot .bottom{background-color: #282828;line-height: 40px;} .foot .bottom p{color:#fff;padding: 10px 0px;text-align: center;} /*内容页*/ .con{padding-bottom: 50px;} .con1{ width: 100%;margin:25px 0;color: #9f9f9f;} .con2{width: 850px;position: relative;} .con2 h1{line-height: 30px;margin-bottom: 15px;font-size: 22px;} .con2 .con2-1{width: 100%;height: 26px;border-bottom: 1px solid #e5e5e5;} .con2 .con2-1 .con2-1-1{font-size: 12px;margin-right: 20px;} .con2 .con2-3{height: auto !important;line-height: 30px;margin-top: 15px;overflow: hidden;width: 100%;} .con2 .con2-3 p{font-size: 16px;margin-bottom: 15px;} .con2 .con2-3 img{width: 100%;} .con2 .con2-3 cite{float: right;} .con3{width: 320px;margin-top: -40px;} .con3 .con3-1{width: 320px;height: 250px;margin-bottom: 20px;} .con3 .con3-2{width: 320px;margin-bottom: 20px;} .con3 .biaoti{font-size: 18px;border-bottom: 1px solid #98dfd2; margin-bottom: 10px;height: 32px;} .con3 .biaoti::before {content:"";display: inline-block;width: 5px;height: 25px;background-color: #00aeff;margin-right: 10px;vertical-align:-5px;} .con3 .con3-2 .con3-2-1{width: 320px;overflow: hidden;text-align: center;font-size: 0} .con3 .con3-2 .con3-2-1 a{display: inline-block;color: #FFFFFF;font-size: 14px;} .con3 .con3-2 .con3-2-1 a:hover{color: #fe7d23;} .con3 .con3-2 .con3-2-1 .a1{width: 176px;height: 37px;line-height: 36px;background-color: #51cbd0;margin-bottom: 6px;} .con3 .con3-2 .con3-2-1 .a2{width: 75px;height: 37px;line-height: 36px;background-color: #efb834;margin-bottom: 6px;margin-right: 6px;} .con3 .con3-2 .con3-2-1 .a3{width: 95px;height: 37px;line-height: 36px;background-color: #ef8c8b;margin-bottom: 6px;} .con3 .con3-2 .con3-2-1 .a4{width: 138px;height: 80px;line-height: 80px;background-color: #70a9e1;margin-bottom: 6px;margin-left: 6px;} .con3 .con3-2 .con3-2-1 .a5{width: 63px;height: 60px;line-height: 60px;background-color: #8a99e3;margin-right: 6px;} .con3 .con3-2 .con3-2-1 .a6{width: 63px;height: 60px;line-height: 60px;background-color: #adc768;margin-right: 6px;} .con3 .con3-2 .con3-2-1 .a7{width: 63px;height: 60px;line-height: 60px;background-color: #73a9e2;margin-right: 6px;} .con3 .con3-2 .con3-2-1 .a8{width: 113px;height: 60px;line-height: 60px;background-color: #f2c14a;} .con3 .con3-3{width: 320px;margin-bottom: 20px;} .con3 .con3-3 .con3-3-1{width: 120px; height: 120px;} .con3 .con3-3 .con3-3-2{margin-left: 10px;width: 180px;} .con3 .con3-3 .con3-3-2 strong{margin-left: 30px;} .con3 .con3-3 .con3-3-2 span{margin-left: 15px;} .con3 .con3-3 img{width: 120px;height: 120px;} .con3 .con3-3 li{height: 120px;border-bottom: 1px dotted #e1e1e1;padding: 3px;} .con3 .con3-3 .con3-3-2 p{padding: 5px;font-size: 12px;line-height: 20px;} .con3 .con3-3 .gengduo{padding: 10px;margin-right: 10px;} .con3 .con3-4 li{padding: 5px;margin-left: 10px;} .con3 .con3-4 a:hover{color:#00aeff;} .con3 .con3-4 em{background: #ccc;display: inline-block;margin-right: 15px;width: 10px;height: 10px;border-radius: 10px}