@charset "utf-8"; ul,li{ margin:0; padding:0; list-style:none;} img{ border:0;} body{margin:0; padding:0; font-family:"微软雅黑"; font-size:14px;} img{border:0;} a{ color:#012f26; text-decoration:none;} a:hover{ color:#012f26;text-decoration:none;} /**header**/ #header{ width:100%; height:auto; overflow:hidden;} #header .w12{ width:1200px; height:auto; overflow:hidden; margin:0 auto;} #header .box{ width:100%; height:60px; position:fixed; top:0; z-index:9999; background: rgba(0, 0, 0, 0.5); } #header .box .logo{ width:200px; height:auto; overflow:hidden; float:left; padding-top: 15px;} #header .box ul{ display:block; width:790px; margin:0 auto; height:60px;} #header .box ul li{ display:inline-block; width:auto; padding:0 35px;float:left; height:60px; line-height:60px; text-align:center; } #header .box ul .prt{ background:url(../images/down.png) 90px center no-repeat; position:relative;} #header .box ul .prt:hover{ background:url(../images/down-1.png) 90px center no-repeat #FFF;} #header .box ul .prt:hover a{ color:#009cff;} #header .box ul li a{ color:#FFF; font-size:16px;} #header .box ul .prt .border{ width:400px; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; } #header .box ul .prt .border a{ display:block; padding-left:85px; padding-top:10px; padding-bottom:10px;} #header .box ul .prt .border .one{ background:url(../images/nav_01.png) 35px center no-repeat;} #header .box ul .prt .border .one:hover{background:url(../images/nav_01.png) 35px center no-repeat #ddd;} #header .box ul .prt .border .two{ background:url(../images/nav_02.png) 35px center no-repeat;} #header .box ul .prt .border .two:hover{background:url(../images/nav_02.png) 35px center no-repeat #ddd;} #header .box ul .prt .border .three{ background:url(../images/nav_03.png) 35px center no-repeat;} #header .box ul .prt .border .three:hover{background:url(../images/nav_03.png) 35px center no-repeat #ddd;} #header .box ul .prt .border .four{ background:url(../images/nav_04.png) 35px center no-repeat;} #header .box ul .prt .border .four:hover{background:url(../images/nav_04.png) 35px center no-repeat #ddd;} #header .box ul .prt .border .five{ background:url(../images/nav_05.png) 35px center no-repeat;} #header .box ul .prt .border .five:hover{background:url(../images/nav_05.png) 35px center no-repeat #ddd;} #header .box ul .prt .border a h4{ display:block;color:#000; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:0; padding:0; text-align:left;} #header .box ul .prt .border a p{ display:block; color:#333; font-size:14px; text-align:left; line-height:30px; height:30px; margin:0;} #header .box ul .idcs{ background:url(../images/down.png) 70px center no-repeat; position:relative;} #header .box ul .idcs:hover{ background:url(../images/down-1.png) 70px center no-repeat #FFF;} #header .box ul .idcs:hover a{ color:#009cff;} #header .box ul .idcs .border{ width:100%; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; } #header .box ul .idcs .border a{ display:block; width:100%; color:#666; text-align:center; padding-top:10px; padding-bottom:10px;} #header .box ul .idcs .border a:hover{background:#ddd;} #header .box ul .idcs .border a h4{ display:block;color:#000; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:0; padding:0; text-align:left;} #header .box ul .idcs .border a p{ display:block; color:#333; font-size:14px; text-align:left; line-height:30px; height:30px; margin:0;} #header .box ul .kfz{ background:url(../images/down.png) 120px center no-repeat; position:relative;} #header .box ul .kfz:hover{ background:url(../images/down-1.png) 120px center no-repeat #FFF;} #header .box ul .kfz:hover a{ color:#009cff;} #header .box ul li a{ color:#FFF; font-size:16px;} #header .box ul .kfz .border{ width:100%; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; } #header .box ul .kfz .border a{ display:block; width:100%; color:#666; text-align:center; padding-top:10px; padding-bottom:10px;} #header .box ul .kfz .border a:hover{background:#ddd;} #header .box ul .kfz .border a h4{ display:block;color:#000; font-size:14px; font-weight:bold; height:30px; line-height:30px; margin:0; padding:0; text-align:left;} #header .box ul .kfz .border a p{ display:block; color:#333; font-size:14px; text-align:left; line-height:30px; height:30px; margin:0;} #header .box ul .abt{ background:url(../images/down.png) 110px center no-repeat; position:relative;} #header .box ul .abt:hover{ background:url(../images/down-1.png) 110px center no-repeat #FFF;} #header .box ul .abt:hover a{ color:#009cff;} #header .box ul .abt .border{ width:100%; height:auto; overflow:hidden; background:#fff; position:absolute;z-index:5500; top:60px; left:0; display:none; } #header .box ul .abt .border a{ display:block; width:100%; color:#666; text-align:center; padding-top:10px; padding-bottom:10px;} #header .box ul .abt .border a:hover{background:#ddd;} #header .box .login{ width:160px; float:right; padding-top:12px; margin-top:0;} #header .box .login .reg{ display:block; width:103px; float:left; line-height:36px; text-align:center; background: #32d28c; color: #fff; border-radius: 3px;} #header .box .login .reg:hover{ background:#3fde98;} #header .box .login .dl{ display:block; float:left; width:52px; line-height:36px; text-align:center; background: #3d4c5f; color: #fff; border-radius: 3px; margin-left:5px; color:#b1b1b1;} #header .box .login .dl:hover{ color:#fff; background:#495a6f;} /***header end**/ #banner{ width:100%; min-width:1200px; height:auto; overflow:hidden; position:relative;} #banner .bd ul li .con { width:960px; height:434px; margin:0 auto; text-align:center; color:#FFF; padding-top:40px; position:relative;} #banner .bd ul li .con .an{ width:224px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #banner .bd ul li .con .bt{ display:block; width:100px; float:left; margin-right:20px; height:auto; overflow:hidden; border-radius:5px; line-height:40px; font-size:14px; color:#FFF; background:#09C;} #banner .bd ul li .con .bt:hover{ background:#08a4d8;} #banner .bd ul li .con .bt-l{ display:block; width:100px; float:left; height:auto; overflow:hidden; border-radius:5px; line-height:40px; font-size:14px; color:#FFF; background:#32d28c;} #banner .bd ul li .con .bt-l:hover{background:#39e399;} #banner .bd ul li .con .icon{display:block; width: 61px; height: 62px; transform:scale(0.7); position: absolute;} #banner .bd ul li .con .icon:hover{display:block; width: 146px; transform:scale(1.0); transition:all 0.4s;} #banner .bd ul li .con .three:hover{ left:370px;} #banner .bd ul li .con .five:hover{ left:0px;} /**main**/ #main{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #main .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #main .box{ width:100%; height:auto; overflow:hidden; margin-top:30px;} #main .box h1{line-height: 102px; font-size: 36px; color: #333; text-align: center;} #main .box .border{ width:100%; height:auto; overflow:hidden;} #main .box .border ul{ display:block; width:100%; height:auto; overflow:hidden;} #main .box .border ul li{ width:400px; float:left; height:216px;} #main .box .border ul li a{ display:block; width:100%; height:auto; overflow:hidden; padding: 10px 0 0 92px;} #main .box .border ul li a:hover{ color:#359ffb; background:url(../images/s_b.png) 130px no-repeat;} #main .box .border ul li a .icon{ width:80px; float:left; height:100px; margin-top:30px;} #main .box .border ul li a .one{background:url(../images/s_1.png) 0 10px no-repeat #FFF;} #main .box .border ul li a .two{background:url(../images/s_2.png) 0 10px no-repeat #FFF;} #main .box .border ul li a .three{background:url(../images/s_3.png) 0 10px no-repeat #FFF;} #main .box .border ul li a .four{background:url(../images/s_4.png) 0 10px no-repeat #FFF;} #main .box .border ul li a .five{background:url(../images/s_5.png) 0 10px no-repeat #FFF;} #main .box .border ul li a .tens{background:url(../images/t-icon.png) -186px 15px no-repeat #FFF;} /*background: url(../tbWebStatic/images/t-icon.png) -186px 10px no-repeat;*/ #main .box .border ul li a .content{ width:274px; height:186px; float:left; text-align:left; margin-left:20px; color:#666;} #main .box .border ul li a:hover .content{ color:#3aa2fb} #main .box .border ul li a .content h3{ color:#333;} #main .box .border ul li a:hover h3{ color:#3aa2fb} #main .box1{ width:100%; height:480px; background:url(../images/t_b.png); margin-top:30px;} #main .box1 h1{line-height: 102px; font-size: 36px; color: #fff; text-align: center;} #main .box1 ul{ display:block; width:100%; height:auto; overflow:hidden;} #main .box1 ul li{ width:400px; float:left; height:140px; } #main .box1 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:92px;} #main .box1 ul li .one{background:url(../images/t-icon.png) 0 10px no-repeat;} #main .box1 ul li .two{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #main .box1 ul li .three{background:url(../images/t-icon.png) -122px 10px no-repeat;} #main .box1 ul li .four{background:url(../images/t-icon.png) -186px 10px no-repeat;} #main .box1 ul li .five{background:url(../images/t-icon.png) -248px 10px no-repeat;} #main .box1 ul li .six{background:url(../images/t-icon.png) -308px 10px no-repeat;} #main .box1 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#fff;} #main .box3{ width:100%; height:auto; overflow:hidden;} #main .box3 h1{line-height: 102px; font-size: 36px; color: #333; text-align: center;} #main .box3 ul{ display:block; width:100%; height:auto; overflow:hidden;} #main .box3 ul li{ width:150px; float:left; height:auto; overflow:hidden; text-align:center;} #main .box3 ul li .icon{ width:100px; height:100px; margin:0 auto;} #main .box3 ul li .one { background:url(../images/icon10.png) 0 0 no-repeat;} #main .box3 ul li .two { background:url(../images/icon11.png) 0 0 no-repeat;} #main .box3 ul li .three { background:url(../images/icon13.png) 0 0 no-repeat;} #main .box3 ul li .four { background:url(../images/icon14.png) 0 0 no-repeat;} #main .box3 ul li .five { background:url(../images/icon15.png) 0 0 no-repeat;} #main .box3 ul li .six { background:url(../images/icon16.png) 0 0 no-repeat;} #main .box3 ul li .seven { background:url(../images/icon17.png) 0 0 no-repeat;} #main .box3 ul li .eight { background:url(../images/icon18.png) 0 0 no-repeat;} #main .box4{ width:100%; height:auto; overflow:hidden; margin-top:30px; padding-bottom:30px;} #main .box4 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #main .box4 ul{ display:block; width:100%; height:auto; overflow:hidden;} #main .box4 ul li{ display:block; width:240px; float:left; height:144px; background:url(../images/f_ico.png) right center no-repeat;} #main .box4 ul li a{ display:block; width:140px; height:120px; overflow:hidden; text-align:center; padding-top:20px; margin-left:50px;} #main .box4 ul li a:hover{ border:2px #0099FF solid; border-radius:50%; } #main .box4 ul li a .icon{ width:64px; height:64px; margin:0 auto;} #main .box4 ul li a .one { background:url(../images/f1.png) no-repeat;} #main .box4 ul li a .two { background:url(../images/f2.png) no-repeat;} #main .box4 ul li a .three { background:url(../images/f3.png) no-repeat;} #main .box4 ul li a .four { background:url(../images/f4.png) no-repeat;} #main .box4 ul li a .five { background:url(../images/f5.png) no-repeat;} #main .box2{ width:100%; height:auto; overflow:hidden; margin-top:30px; background:#ddd;} #main .box2 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #main .box2 .left{ width:575px; float:left; height:auto; overflow:hidden; margin-right:50px; background:#FFF; margin-bottom:30px;} #main .box2 .title{ width:100%; height:auto; overflow:hidden; font-size:20px; line-height:2em; padding:0 20px; border-bottom:1px #ddd solid;} #main .box2 .title a{ float:right; font-size:14px; margin-right:40px;} #main .box2 .tj{ width:546px; height:auto; overflow:hidden; margin:10px auto; border-bottom:1px #ddd dashed; padding-bottom:10px;} #main .box2 .tj .icon{ width:242px; height:150px; margin-right:13px; float:left;} #main .box2 .tj .tj-txt{ width:291px; float:left;} #main .box2 .tj .tj-txt h3{background:url(../images/index_10.png) left center no-repeat; padding-left:20px; margin:0;} #main .box2 .tj .tj-txt p{ text-indent:2em; line-height:1.8em;} #main .box2 ul { display:block; width:95%; margin:0 auto;} #main .box2 ul li{ display:block; width:100%; height:40px; line-height:40px; background:url(../images/index_10.png) left center no-repeat; padding-left:20px;} #main .box2 ul li span{ float:right; margin-right:20px;} #main .box2 .right{ width:575px; float:left; height:auto; overflow:hidden; background:#FFF; margin-bottom:30px;} #prt{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #prt .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #prt .box { width:100%; height:auto; overflow:hidden; position:absolute; z-index:-1;} #prt .box .left{ width:50%; float:left; height:480px; background:#0077b3;} #prt .box .right{ width:50%; float:left; height:480px; background:#0096e0;} #prt .box1{ width:100%; height:auto; overflow:hidden;} #prt .box1 ul{ display:block; width:180px; float:left; height:auto; overflow:hidden; margin-top:90px;} #prt .box1 ul li{ display:block; height:auto; overflow:hidden;} #prt .box1 ul li a{ display:block; width:100%; height:40px; color:#FFF; font-size:16px; line-height:40px; padding-left:20px;} #prt .box1 ul li a:hover{ display:block; width:100%; height:40px; color:#000; font-size:16px; line-height:40px; background:#FFF;} #prt .box1 .right{ width:1020px; float:left; background:#0096e0; height:480px;} #prt .box1 .right .icon{ width:457px; height:323px; float:left; margin-top:90px; margin-left:100px;} #prt .box1 .right .con{ width:303px; float:left; height:auto; overflow:hidden; margin-top:120px; color:#FFF; margin-left:100px;} #prt .box1 .right .con p{ font-size:16px;} #prt .box1 .right .con .an{ width:300px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #prt .box1 .right .con .an .one{ width:132px; float:left; height:49px; line-height:49px; color:#0286d9; font-size:18px; text-align:center; border-radius:3px; background:#fff;} #prt .box1 .right .con .an .one:hover{background:#cceaf9;} #prt .box1 .right .con .an .two{ width:132px; float:left; height:49px; line-height:49px; color:#fff; font-size:18px; text-align:center; border-radius:3px;border: 1px solid #80cbf0; margin-left:20px; } #prt .box1 .right .con .an .two:hover{ background:#FFF; color:#0286d9} #prt .box2{ width:100%; height:480px; } #prt .box2 h1{line-height: 102px; font-size: 36px; text-align: center;} #prt .box2 ul{ display:block; width:100%; height:auto; overflow:hidden;} #prt .box2 ul li{ width:400px; float:left; height:140px; } #prt .box2 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:92px;} #prt .box2 ul li .one{background:url(../images/t-icon.png) 0 10px no-repeat;} #prt .box2 ul li .two{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #prt .box2 ul li .three{background:url(../images/t-icon.png) -122px 10px no-repeat;} #prt .box2 ul li .four{background:url(../images/t-icon.png) -186px 10px no-repeat;} #prt .box2 ul li .five{background:url(../images/t-icon.png) -248px 10px no-repeat;} #prt .box2 ul li .six{background:url(../images/t-icon.png) -308px 10px no-repeat;} #prt .box2 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#666} #prt .box3{ width:100%; height:auto; overflow:hidden; background:#F8F9FB;} #prt .box3 h1{line-height: 20px; font-size: 36px; color: #333; text-align: center;} #prt .box3 .title{ text-align:center;} #prt .box3 .border { width:1200px; margin:0 auto; height:634px; position:relative; margin-top:30px;} #prt .box3 .border .butt{ width:341px; height:103px; } #prt .box3 .border .one{position:absolute; top:30px; left:110px;} #prt .box3 .border .two{position:absolute; top:133px; left:160px;} #prt .box3 .border .three{position:absolute; top:236px; left:110px;} #prt .box3 .border .four{position:absolute; top:339px; left:160px;} #prt .box3 .border .five{position:absolute; top:442px; left:110px;} #prt .box3 .border .six{position:absolute; top:30px; left:750px;} #prt .box3 .border .seven{position:absolute; top:133px; left:700px;} #prt .box3 .border .eight{position:absolute; top:236px; left:750px;} #prt .box3 .border .nine{position:absolute; top:339px; left:700px;} #prt .box3 .border .ten{position:absolute; top:442px; left:750px;} #prt .box3 .border .butt .icon{ width:91px; height:103px; float:left; text-align:center; line-height:103px; font-size:16px; background:url(../images/sms-icon2.png) center center no-repeat;} #prt .box3 .border .butt .icon-show{ width:91px; height:103px; float:left; text-align:center; line-height:103px; font-size:16px; background:url(../images/sms-icon1.png) center center no-repeat; color:#fff;} #prt .box3 .border .butt .b-line{ width:250px; height:103px; float:left; line-height:103px; color:#06C;} #prt .box3 .border .butt .b-line hr{ margin-top:52px; display:none;} #prt .box3 .border .center{ width:300px; height:634px; background:url(../images/sms-bg.png) center center no-repeat; text-align:center; position:absolute; left:450px;} #prt .box3 .border .center img{ margin-top:75px; margin-right:1px;} #prt .box4{ width:100%; height:auto; overflow:hidden; margin-top:30px; padding-bottom:30px;} #prt .box4 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #prt .box4 ul{ display:block; width:100%; height:auto; overflow:hidden;} #prt .box4 ul li{ display:block; width:240px; float:left; height:144px; background:url(../images/f_ico.png) right center no-repeat;} #prt .box4 ul li a{ display:block; width:140px; height:120px; overflow:hidden; text-align:center; padding-top:20px; margin-left:50px;} #prt .box4 ul li a:hover{ border:2px #0099FF solid; border-radius:50%; } #prt .box4 ul li a .icon{ width:64px; height:64px; margin:0 auto;} #prt .box4 ul li a .one { background:url(../images/f1.png) no-repeat;} #prt .box4 ul li a .two { background:url(../images/f2.png) no-repeat;} #prt .box4 ul li a .three { background:url(../images/f3.png) no-repeat;} #prt .box4 ul li a .four { background:url(../images/f4.png) no-repeat;} #prt .box4 ul li a .five { background:url(../images/f5.png) no-repeat;} #prt .box5 { width:100%; height:250px;} #prt .box5 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #prt .box5 table{border-collapse:collapse;} #prt .box5 table .jg{ font-size:20px; font-weight:bold;} #prt .box6{ width:100%; height:105px; background:#4d4d4d;} #prt .box6 .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #prt .box6 .border .txt{ width:250px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:105px;} #prt .box6 .border .reg{width:169px; height: 46px; float:left; text-align:center; display: block; background: #09d4a6; color: #fff; font: 16px/46px "microsoft yahei"; margin: 0 10px 0 30px; border-radius: 5px; margin-top:29px;} #prt .box6 .border .wd{width:138px; height: 44px; float:left; display:block; font: 16px/44px "microsoft yahei"; border: 1px solid #bfbfbf; color: #fff; border-radius: 5px; text-align:center; margin-top:29px;} /***hy****/ #hy{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #hy .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #hy .box { width:100%; height:auto; overflow:hidden; position:absolute; z-index:-1;} #hy .box .left{ width:50%; float:left; height:480px; background:#2d660a;} #hy .box .right{ width:50%; float:left; height:480px; background:#69a61e;} #hy .box1{ width:100%; height:auto; overflow:hidden;} #hy .box1 ul{ display:block; width:180px; float:left; height:auto; overflow:hidden; margin-top:90px;} #hy .box1 ul li{ display:block; height:auto; overflow:hidden;} #hy .box1 ul li a{ display:block; width:100%; height:40px; color:#FFF; font-size:16px; line-height:40px; padding-left:20px;} #hy .box1 ul li a:hover{ display:block; width:100%; height:40px; color:#000; font-size:16px; line-height:40px; background:#FFF;} #hy .box1 .right{ width:1020px; float:left; background:#69a61e; height:480px;} #hy .box1 .right .icon{ width:457px; height:323px; float:left; margin-top:90px; margin-left:100px;} #hy .box1 .right .con{ width:303px; float:left; height:auto; overflow:hidden; margin-top:120px; color:#FFF; margin-left:100px;} #hy .box1 .right .con p{ font-size:16px;} #hy .box1 .right .con .an{ width:300px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #hy .box1 .right .con .an .one{ width:132px; float:left; height:49px; line-height:49px; color:#0286d9; font-size:18px; text-align:center; border-radius:3px; background:#fff;} #hy .box1 .right .con .an .one:hover{background:#cceaf9;} #hy .box1 .right .con .an .two{ width:132px; float:left; height:49px; line-height:49px; color:#fff; font-size:18px; text-align:center; border-radius:3px;border: 1px solid #80cbf0; margin-left:20px; } #hy .box1 .right .con .an .two:hover{ background:#FFF; color:#0286d9} #hy .box2{ width:100%; height:420px; } #hy .box2 h1{line-height: 102px; font-size: 36px; text-align: center;} #hy .box2 ul{ display:block; width:100%; height:auto; overflow:hidden;} #hy .box2 ul li{ width:400px; float:left; height:140px; } #hy .box2 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:40px;} #hy .box2 ul li .one{background:url(../images/t-icon.png) 0 10px no-repeat;} #hy .box2 ul li .two{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #hy .box2 ul li .three{background:url(../images/t-icon.png) -122px 10px no-repeat;} #hy .box2 ul li .four{background:url(../images/t-icon.png) -186px 10px no-repeat;} #hy .box2 ul li .five{background:url(../images/t-icon.png) -248px 10px no-repeat;} #hy .box2 ul li .six{background:url(../images/t-icon.png) -308px 10px no-repeat;} #hy .box2 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#666} #hy .box3{ width:100%; height:500px; } #hy .box3 h1{line-height: 60px; font-size: 36px; text-align: center;} #hy .box3 h5{ display:block; text-align:center; color:#6a6a6a;} #hy .box3 ul{ display:block; height:auto; overflow:hidden;} #hy .box3 ul li{ display:block; height:300px; width:218px; float:left; margin:0 20px; border:1px solid #ededed; padding:20px;} #hy .box3 ul li img{ display:block;} #hy .box3 ul li .con{margin-top: 30px; margin-bottom: 44px; height: 80px; line-height: 1.8em;} #hy .box3 ul li .la{ text-align:center; font-size:18px;} #hy .box3 ul li .aa{ text-align:center; font-size:16px; color:#4890fe;} #hy .box4{ width:100%; height:300px;margin-top:30px; padding-bottom:30px; background:#f1f1f1;} #hy .box4 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #hy .box4 ul{ display:block; width:100%; height:auto; overflow:hidden;} #hy .box4 ul li{ display:block; width:240px; float:left; height:144px; background:url(../images/f_ico.png) right center no-repeat;} #hy .box4 ul li a{ display:block; width:140px; height:120px; overflow:hidden; text-align:center; padding-top:20px; margin-left:50px;} #hy .box4 ul li a:hover{ border:2px #0099FF solid; border-radius:50%; } #hy .box4 ul li a .icon{ width:64px; height:64px; margin:0 auto;} #hy .box4 ul li a .one { background:url(../images/f1.png) no-repeat;} #hy .box4 ul li a .two { background:url(../images/f2.png) no-repeat;} #hy .box4 ul li a .three { background:url(../images/f3.png) no-repeat;} #hy .box4 ul li a .four { background:url(../images/f4.png) no-repeat;} #hy .box4 ul li a .five { background:url(../images/f5.png) no-repeat;} #hy .box5 { width:100%; height:250px;} #hy .box5 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #hy .box5 table{border-collapse:collapse;} #hy .box5 table .jg{ font-size:20px; font-weight:bold;} #hy .box6{ width:100%; height:105px; background:#4d4d4d;} #hy .box6 .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #hy .box6 .border .txt{ width:250px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:105px;} #hy .box6 .border .reg{width:169px; height: 46px; float:left; text-align:center; display: block; background: #09d4a6; color: #fff; font: 16px/46px "microsoft yahei"; margin: 0 10px 0 30px; border-radius: 5px; margin-top:29px;} #hy .box6 .border .wd{width:138px; height: 44px; float:left; display:block; font: 16px/44px "microsoft yahei"; border: 1px solid #bfbfbf; color: #fff; border-radius: 5px; text-align:center; margin-top:29px;} #gj{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #gj .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #gj .box { width:100%; height:auto; overflow:hidden; position:absolute; z-index:-1;} #gj .box .left{ width:50%; float:left; height:480px; background:#0077b3;} #gj .box .right{ width:50%; float:left; height:480px; background:#0096e0;} #gj .box1{ width:100%; height:auto; overflow:hidden;} #gj .box1 ul{ display:block; width:180px; float:left; height:auto; overflow:hidden; margin-top:90px;} #gj .box1 ul li{ display:block; height:auto; overflow:hidden;} #gj .box1 ul li a{ display:block; width:100%; height:40px; color:#FFF; font-size:16px; line-height:40px; padding-left:20px;} #gj .box1 ul li a:hover{ display:block; width:100%; height:40px; color:#000; font-size:16px; line-height:40px; background:#FFF;} #gj .box1 .right{ width:1020px; float:left; background:#0096e0; height:480px;} #gj .box1 .right .icon{ width:457px; height:323px; float:left; margin-top:90px; margin-left:100px;} #gj .box1 .right .con{ width:303px; float:left; height:auto; overflow:hidden; margin-top:120px; color:#FFF; margin-left:100px;} #gj .box1 .right .con p{ font-size:16px;} #gj .box1 .right .con .an{ width:300px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #gj .box1 .right .con .an .one{ width:132px; float:left; height:49px; line-height:49px; color:#0286d9; font-size:18px; text-align:center; border-radius:3px; background:#fff;} #gj .box1 .right .con .an .one:hover{background:#cceaf9;} #gj .box1 .right .con .an .two{ width:132px; float:left; height:49px; line-height:49px; color:#fff; font-size:18px; text-align:center; border-radius:3px;border: 1px solid #80cbf0; margin-left:20px; } #gj .box1 .right .con .an .two:hover{ background:#FFF; color:#0286d9} #gj .box2{ width:100%; height:420px; } #gj .box2 h1{line-height: 102px; font-size: 36px; text-align: center;} #gj .box2 ul{ display:block; width:100%; height:auto; overflow:hidden;} #gj .box2 ul li{ width:400px; float:left; height:140px; } #gj .box2 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:40px;} #gj .box2 ul li .one{background:url(../images/t-icon.png) -308px 10px no-repeat;} #gj .box2 ul li .two{background:url(../images/t-icon.png) 0 10px no-repeat;} #gj .box2 ul li .three{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #gj .box2 ul li .four{background:url(../images/t-icon.png) -186px 10px no-repeat;} #gj .box2 ul li .five{background:url(../images/t-icon.png) -248px 10px no-repeat;} #gj .box2 ul li .six{background:url(../images/t-icon.png) -122px 10px no-repeat;} #gj .box2 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#666} #gj .box3{ width:100%; height:650px; } #gj .box3 h1{line-height: 60px; font-size: 36px; text-align: center;} #gj .box3 h5{ display:block; text-align:center; color:#6a6a6a;} #gj .box3 h5 span{ color:#03F;} #gj .box3 .border{ height:auto; overflow:hidden;} #gj .box3 .border .title{ height:auto; overflow:hidden;} #gj .box3 .border .title .td{ width:250px; float:left; padding-left:150px; height:50px; line-height:50px; font-size:16px; color:#03C;} #gj .box3 .border .list{ height:auto; overflow:hidden;} #gj .box3 .border .list ul{ display:block; height:auto; overflow:hidden;} #gj .box3 .border .list ul:nth-child(even){ background:#f1f1f1;} #gj .box3 .border .list ul:hover{ background:#3CF;} #gj .box3 .border .list ul li{ width:250px; float:left; padding-left:150px; height:35px; line-height:35px;} #gj .box3 .border .seach{ width:100%; height:auto; overflow:hidden;} #gj .box3 .border .seach input{width: 365px; float:left; margin-left:380px; height: 32px; border-radius: 30px; line-height: 32px; padding-left: 20px; padding-right: 50px; outline: 0; border: 1px solid #b3b3b5; background: #f8f9fb; color: #1a1a1a; margin-top: 12px;} #gj .box3 .border .seach .seach_box{width: 18px; float:left; margin-left:-30px; margin-top:20px; height: 18px; bottom: 7px; right: 13px; background: #008b8b; background-size: 18px; cursor: pointer;} #gj .box3 .border .pages{ height:auto; overflow:hidden; margin-top:20px;} #gj .box3 .border .pages ul{ display:block; height:auto; overflow:hidden; text-align:center;} #gj .box3 .border .pages ul li{ display:inline-block; width:auto; padding:5px 10px; margin:0 10px; border:1px #CCCCCC solid; border-radius:5px; background:#ddd; cursor:pointer;} #gj .box4{ width:100%; height:300px;margin-top:30px; padding-bottom:30px; background:#f1f1f1;} #gj .box4 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #gj .box4 ul{ display:block; width:100%; height:auto; overflow:hidden;} #gj .box4 ul li{ display:block; width:240px; float:left; height:144px; background:url(../images/f_ico.png) right center no-repeat;} #gj .box4 ul li a{ display:block; width:140px; height:120px; overflow:hidden; text-align:center; padding-top:20px; margin-left:50px;} #gj .box4 ul li a:hover{ border:2px #0099FF solid; border-radius:50%; } #gj .box4 ul li a .icon{ width:64px; height:64px; margin:0 auto;} #gj .box4 ul li a .one { background:url(../images/f1.png) no-repeat;} #gj .box4 ul li a .two { background:url(../images/f2.png) no-repeat;} #gj .box4 ul li a .three { background:url(../images/f3.png) no-repeat;} #gj .box4 ul li a .four { background:url(../images/f4.png) no-repeat;} #gj .box4 ul li a .five { background:url(../images/f5.png) no-repeat;} #gj .box6{ width:100%; height:105px; background:#4d4d4d;} #gj .box6 .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #gj .box6 .border .txt{ width:250px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:105px;} #gj .box6 .border .reg{width:169px; height: 46px; float:left; text-align:center; display: block; background: #09d4a6; color: #fff; font: 16px/46px "microsoft yahei"; margin: 0 10px 0 30px; border-radius: 5px; margin-top:29px;} #gj .box6 .border .wd{width:138px; height: 44px; float:left; display:block; font: 16px/44px "microsoft yahei"; border: 1px solid #bfbfbf; color: #fff; border-radius: 5px; text-align:center; margin-top:29px;} /****Yy*****/ #yy{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #yy .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #yy .box { width:100%; height:auto; overflow:hidden; position:absolute; z-index:-1;} #yy .box .left{ width:50%; float:left; height:480px; background:#b31234;} #yy .box .right{ width:50%; float:left; height:480px; background:#eb2250;} #yy .box1{ width:100%; height:auto; overflow:hidden;} #yy .box1 ul{ display:block; width:180px; float:left; height:auto; overflow:hidden; margin-top:90px;} #yy .box1 ul li{ display:block; height:auto; overflow:hidden;} #yy .box1 ul li a{ display:block; width:100%; height:40px; color:#FFF; font-size:16px; line-height:40px; padding-left:20px;} #yy .box1 ul li a:hover{ display:block; width:100%; height:40px; color:#000; font-size:16px; line-height:40px; background:#FFF;} #yy .box1 .right{ width:1020px; float:left; background:#eb2250; height:480px;} #yy .box1 .right .icon{ width:457px; height:323px; float:left; margin-top:90px; margin-left:100px;} #yy .box1 .right .con{ width:303px; float:left; height:auto; overflow:hidden; margin-top:120px; color:#FFF; margin-left:100px;} #yy .box1 .right .con p{ font-size:16px;} #yy .box1 .right .con .an{ width:300px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #yy .box1 .right .con .an .one{ width:132px; float:left; height:49px; line-height:49px; color:#0286d9; font-size:18px; text-align:center; border-radius:3px; background:#fff;} #yy .box1 .right .con .an .one:hover{background:#cceaf9;} #yy .box1 .right .con .an .two{ width:132px; float:left; height:49px; line-height:49px; color:#fff; font-size:18px; text-align:center; border-radius:3px;border: 1px solid #80cbf0; margin-left:20px; } #yy .box1 .right .con .an .two:hover{ background:#FFF; color:#0286d9} #yy .box2{ width:100%; height:420px; } #yy .box2 h1{line-height: 102px; font-size: 36px; text-align: center;} #yy .box2 ul{ display:block; width:100%; height:auto; overflow:hidden;} #yy .box2 ul li{ width:400px; float:left; height:140px; } #yy .box2 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:40px;} #yy .box2 ul li .one{background:url(../images/t-icon.png) 0 10px no-repeat;} #yy .box2 ul li .two{background:url(../images/t-icon.png) -186px 10px no-repeat;} #yy .box2 ul li .three{background:url(../images/t-icon.png) -248px 10px no-repeat;} #yy .box2 ul li .four{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #yy .box2 ul li .five{background:url(../images/t-icon.png) -122px 10px no-repeat;} #yy .box2 ul li .six{background:url(../images/t-icon.png) -308px 10px no-repeat;} #yy .box2 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#666} #yy .box3{ width:100%; height:500px; } #yy .box3 h1{line-height: 60px; font-size: 36px; text-align: center;} #yy .box3 h5{ display:block; text-align:center; color:#6a6a6a;} #yy .box3 ul{ display:block; height:auto; overflow:hidden;} #yy .box3 ul li{ display:block; height:300px; width:218px; float:left; margin:0 20px; border:1px solid #ededed; padding:20px; background:#f7f4e3;} #yy .box3 ul li img{ display:block; margin:0 auto;} #yy .box3 ul li h3{ display:block; text-align:center;} #yy .box3 ul li .con{margin-top: 20px; margin-bottom: 30px; height: 80px; line-height: 1.8em;} #yy .box3 ul li a{ display:block; width:50px; margin:0 auto; color: #fff; background: #4890ff; border-color: #4890ff; padding: 9px 29px; font-size: 12px; line-height: 1; border-radius:5px; text-align: center; border-width: 2px;} #yy .box4{ width:100%; height:300px;margin-top:30px; padding-bottom:30px; background:#f1f1f1;} #yy .box4 h1{line-height:60px; font-size: 36px; color: #333; text-align: center;} #yy .box4 ul{ display:block; width:100%; height:auto; overflow:hidden;} #yy .box4 ul li{ display:block; width:240px; float:left; height:144px; background:url(../images/f_ico.png) right center no-repeat;} #yy .box4 ul li a{ display:block; width:140px; height:120px; overflow:hidden; text-align:center; padding-top:20px; margin-left:50px;} #yy .box4 ul li a:hover{ border:2px #0099FF solid; border-radius:50%; } #yy .box4 ul li a .icon{ width:64px; height:64px; margin:0 auto;} #yy .box4 ul li a .one { background:url(../images/f1.png) no-repeat;} #yy .box4 ul li a .two { background:url(../images/f2.png) no-repeat;} #yy .box4 ul li a .three { background:url(../images/f3.png) no-repeat;} #yy .box4 ul li a .four { background:url(../images/f4.png) no-repeat;} #yy .box4 ul li a .five { background:url(../images/f5.png) no-repeat;} #yy .box6{ width:100%; height:105px; background:#4d4d4d;} #yy .box6 .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #yy .box6 .border .txt{ width:250px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:105px;} #yy .box6 .border .reg{width:169px; height: 46px; float:left; text-align:center; display: block; background: #09d4a6; color: #fff; font: 16px/46px "microsoft yahei"; margin: 0 10px 0 30px; border-radius: 5px; margin-top:29px;} #yy .box6 .border .wd{width:138px; height: 44px; float:left; display:block; font: 16px/44px "microsoft yahei"; border: 1px solid #bfbfbf; color: #fff; border-radius: 5px; text-align:center; margin-top:29px;} #mms{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #mms .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #mms .box { width:100%; height:auto; overflow:hidden; position:absolute; z-index:-1;} #mms .box .left{ width:50%; float:left; height:480px; background:#0077b3;} #mms .box .right{ width:50%; float:left; height:480px; background:#0096e0;} #mms .box1{ width:100%; height:auto; overflow:hidden;} #mms .box1 ul{ display:block; width:180px; float:left; height:auto; overflow:hidden; margin-top:90px;} #mms .box1 ul li{ display:block; height:auto; overflow:hidden;} #mms .box1 ul li a{ display:block; width:100%; height:40px; color:#FFF; font-size:16px; line-height:40px; padding-left:20px;} #mms .box1 ul li a:hover{ display:block; width:100%; height:40px; color:#000; font-size:16px; line-height:40px; background:#FFF;} #mms .box1 .right{ width:1020px; float:left; background:#0096e0; height:480px;} #mms .box1 .right .icon{ width:457px; height:323px; float:left; margin-top:90px; margin-left:100px;} #mms .box1 .right .con{ width:303px; float:left; height:auto; overflow:hidden; margin-top:120px; color:#FFF; margin-left:100px;} #mms .box1 .right .con p{ font-size:16px;} #mms .box1 .right .con .an{ width:300px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #mms .box1 .right .con .an .one{ width:132px; float:left; height:49px; line-height:49px; color:#0286d9; font-size:18px; text-align:center; border-radius:3px; background:#fff;} #mms .box1 .right .con .an .one:hover{background:#cceaf9;} #mms .box1 .right .con .an .two{ width:132px; float:left; height:49px; line-height:49px; color:#fff; font-size:18px; text-align:center; border-radius:3px;border: 1px solid #80cbf0; margin-left:20px; } #mms .box1 .right .con .an .two:hover{ background:#FFF; color:#0286d9} #mms .box2{ width:100%; height:420px; } #mms .box2 h1{line-height: 102px; font-size: 36px; text-align: center;} #mms .box2 ul{ display:block; width:100%; height:auto; overflow:hidden;} #mms .box2 ul li{ width:400px; float:left; height:140px; } #mms .box2 ul li .icon{ width:64px; float:left; height:72px; margin-top:10px; margin-left:40px;} #mms .box2 ul li .one{background:url(../images/t-icon.png) 0 10px no-repeat;} #mms .box2 ul li .two{background:url(../images/t-icon.png) -59px 10px no-repeat ;} #mms .box2 ul li .three{background:url(../images/t-icon.png) -122px 10px no-repeat;} #mms .box2 ul li .four{background:url(../images/t-icon.png) -186px 10px no-repeat;} #mms .box2 ul li .five{background:url(../images/t-icon.png) -248px 10px no-repeat;} #mms .box2 ul li .six{background:url(../images/t-icon.png) -308px 10px no-repeat;} #mms .box2 ul li .content{ width:224px; height:186px; float:left; text-align:left; margin-left:20px; color:#666} #mms .box3{ width:100%; height:530px; } #mms .box3 h1{line-height: 60px; font-size: 36px; text-align: center;} #mms .box3 h5{ display:block; text-align:center;} #mms .box3 .border{ width:100%; height:auto; overflow:hidden;} #mms .box3 .border .left { width:550px; float:left; margin:25px; background:#e5e5e5; height:350px;} #mms .box3 .border .right { width:550px; float:left; margin:25px; background:#AFCAFC; height:350px;} #mms .box3 .border .img{ display:block; width:250px; float:left; height:350px; text-align:center;} #mms .box3 .border .img img{ margin-top:55px;} #mms .box3 .border .content{ width:240px; float:left; padding: 0 20px;} #mms .box3 .border .content .title{ height:auto; overflow:hidden;} #mms .box3 .border .content .title span{ font-size:20px; line-height:80px;} #mms .box3 .border .content .title span:first-of-type{ border-bottom: 2px solid #0070cc;} #mms .box3 .border .content p{ display:block; line-height:2em; height:auto; overflow:hidden;} #mms .box3 .border .content .an{ height:auto; overflow:hidden; margin-top:50px;} #mms .box3 .border .content .an a{ display:block; width:128px; height:40px; border:1px solid #00F; text-align:center; line-height:40px; color:#00F;} #mms .box3 .border .content .an a:hover{ background:#00F; color:#fff;} #mms .box6{ width:100%; height:105px; background:#4d4d4d;} #mms .box6 .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #mms .box6 .border .txt{ width:250px; float:left; color:#FFF; font-size:20px; font-weight:bold; line-height:105px;} #mms .box6 .border .reg{width:169px; height: 46px; float:left; text-align:center; display: block; background: #09d4a6; color: #fff; font: 16px/46px "microsoft yahei"; margin: 0 10px 0 30px; border-radius: 5px; margin-top:29px;} #mms .box6 .border .wd{width:138px; height: 44px; float:left; display:block; font: 16px/44px "microsoft yahei"; border: 1px solid #bfbfbf; color: #fff; border-radius: 5px; text-align:center; margin-top:29px;} #about{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #about .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #about .box { width:100%; height:400px; background:url(../images/about_01.png) center no-repeat;} #about .box .title{ text-align:center; color:#fff; padding-top:150px; font-size:30px;} #about .box h5{ display:block; text-align:center; color:#fff; font-size:20px;} #about .box .an{ width:224px; margin:0 auto; height:auto; overflow:hidden; margin-top:30px;} #about .box .bt{ display:block; width:100px; float:left; margin-right:20px; height:auto; overflow:hidden; border-radius:5px; line-height:40px; font-size:14px; color:#FFF; background:#09C; text-align:center} #about .box .bt:hover{ background:#08a4d8;} #about .box .bt-l{ display:block; width:100px; float:left; height:auto; overflow:hidden; border-radius:5px; line-height:40px; font-size:14px; color:#FFF; background:#32d28c; text-align:center} #about .box .bt-l:hover{background:#39e399;} #about .box1{ width:100%; height:auto; overflow:hidden; margin-top:30px; margin-bottom:30px;} #about .box1 .left{ width:270px; float:left; height:375px; background:url(../images/about_10.png);} #about .box1 .left p{ display:block; width:30px; margin-left:20px; margin-top:80px; float:left; font-size:25px; color:#FFF;} #about .box1 .right{ width:888px; float:left; height:373px; border:1px solid #e5e5e5; padding:0 20px;} #about .box1 .right p{ display:block; line-height:2em; margin-top:30px;} #about .box1 .con{ height:auto; overflow:hidden;} #about .box1 .con .tel{ width:200px; float:left; background:url(../images/about_1.png) center left no-repeat; padding-left:60px;} #about .box1 .con .qq{ width:200px; float:left; background:url(../images/about_2.png) center left no-repeat; padding-left:60px;} #about .box1 .con .title{ line-height:60px; height:auto; overflow:hidden; font-size:24px;} #about .box1 .con .txt{ font-size:16px;} #service{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; background:#f8f8f8; } #service .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #service .box{ height:auto; overflow:hidden; } #service .box ul{ display:block; width:234px;padding-bottom: 30px; margin-top:60px; padding-top:30px; background: #fff; float: left; position: fixed; z-index: 998;} #service .box ul .title{ color:#000; font-size:18px;} #service .box ul li{ display:block; font: 14px/35px "microsoft yahei"; text-indent: 30px;} #service .box ul li a{ color:#666;} #service .box ul li a:hover{ color:#06F;} #service .box .right{ width:910px; float:right; background:#fff; padding-left:20px; padding-right:20px; line-height:2em; color:#333;} #service .box .right h4{padding-left: 22px; text-indent: 8px; font-weight: normal; line-height: 21px; margin: 20px 0 13px 0;} #service .box .right h4 b{ width: 4px; height: 21px; background: #25b0ef; display: block; float: left;} #service .box .right p{padding: 0 11px 0 32px;} #service .box .right h3{font-size: 18px; font-weight: normal; text-align: center; padding: 40px 0 25px 0;} #service .box .right p.top{padding: 0 24px 0 32px; text-indent: 29px;} #news{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; } #news .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #news .box { width:100%; height:400px;} #news .box .title{ text-align:center; color:#fff; padding-top:150px; font-size:30px;} #news .box h5{ display:block; text-align:center; color:#fff; font-size:20px;} #news .box1{ width:100%; height:auto; overflow:hidden; border-bottom:1px #CCC solid; text-align:center; } #news .box1 a{ display:inline-block; padding:0 30px; line-height:60px; height:60px; font-size:18px;} #news .box1 a:hover{ background:#06F; color:#fff;} #news .box1 a.hover{background:#06F; color:#fff;} #news .wz{background:#f5f5f5; height:80px; line-height:80px;} #news .box2{ background:#f5f5f5; height:auto; overflow:hidden;} #news .box2 ul{ display:block; height:auto; overflow:hidden; margin-bottom:50px; } #news .box2 ul li{ display:block; background:#fff; padding:20px 30px; border-bottom:1px #f5f5f5 solid;} #news .box2 ul li a{ font-size:18px;} #news .box2 ul li a:hover{color:#0099CC;} #news .box2 ul li span{ color:#999;} #news .box2 ul li p{ line-height:2em; color:#4D4D4D;} #news .box2 ul li a.yd{ display:inline-block; padding:0 10px; border:1px #0099CC solid; border-radius:5px; font-size:14px; color:#0099CC;} #news .box2 ul li a.yd:hover{ background:#0099CC; color:#fff;} #news .box2 ul li.page{ text-align:center;} #news .box2 .content{ background:#fff; padding:20px 20px;} #news .box2 .up{ width:50%; float:left; background:#fff; height:auto; overflow:hidden; line-height:40px;} #news .box2 .down{ width:50%; float:left; background:#fff; height:auto; overflow:hidden; line-height:40px; text-align:right;} #api{ width:100%; min-width:1200px; margin:0 auto; height:auto; overflow:hidden; background:#f8f8f8; } #api .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #api .box{ height:auto; overflow:hidden; } #api .box ul{ display:block; width:234px;padding-bottom: 30px; margin-top:60px; padding-top:30px; background: #fff; float: left; } #api .box ul .title{ color:#000; font-size:18px;} #api .box ul .line{ width:70%; margin:30px; border-bottom:1px #999999 solid;} #api .box ul li{ display:block; font: 14px/35px "microsoft yahei"; text-indent: 30px;} #api .box ul li a{ color:#666;} #api .box ul li a:hover{ color:#06F;} #api .box .right{ width:910px; float:right; background:#fff; margin-bottom:30px; padding-bottom:30px; padding-left:20px; padding-right:20px; line-height:2em; color:#333;} #api .box .right h1{ display:block; line-height:60px; margin-top:80px; border-bottom:1px solid #CCC;} #api .box .right .b{ background:#343a4b; color:#fff; padding:10px 20px; line-height:1em;} #api .box .right table{border-collapse: collapse; border-spacing:2px;} #api .box .right table thead{ background:#F2F2F2;} #api .box .right table th{ text-align:left; padding-left:20px;} #api .box .right table td{ text-align:left; padding-left:20px;} #api .box .right .cate { width:100%; height:60px; background:#f1f1f2; line-height:60px; padding-left:20px;} #api .box .right .cate a{ display:block; width:110px; height:38px; float:left; background:#75a1ff; text-align:center; line-height:38px; margin-right:30px; margin-top:10px; border-radius:5px; color:#fff;} #api .box .right .cate a:hover{ background:#82a9fd;} #zy{ width:100%; min-width:1200px; height:auto; overflow:hidden;} #zy .box1{ width:1200px; margin:0 auto; height:74px; line-height:70px; } #zy .box1 span{color:#3e8206;} #zy .box1 a{ color:#000; text-decoration:none;} #zy .box1 a:hover{ color:#3e8206; text-decoration:none;} #zy .box1 .post{ display:block; width:74px; float:right; height:30px; margin-top:25px; text-align:center; line-height:30px; color:#FFF; } #zy .box1 .post:hover{ color:#FFF;} #zy .box2{ width:1200px; margin:0 auto; height:auto; overflow:hidden; padding-bottom:20px;} #zy .box2 .left{ width:239px; float:left; padding-right:20px; height:auto; overflow:hidden; } #zy .box2 .left .title{ height:35px; background:#bb0000; text-align:center; color:#FFF; font-size:18px; line-height:35px;} #zy .box2 .left .clear{ height:20px;} #zy .box2 .left .box{ height:auto; overflow:hidden; background:#fafafa; padding-bottom:40px;} #zy .box2 .left .box ul{ display:block; width:200px; margin:0 auto; height:auto; overflow:hidden;} #zy .box2 .left .box ul li{ display:block; height:39px; line-height:39px; text-align:center; border-bottom:1px #ededed solid;} #zy .box2 .left .box ul li a{ color:#000;text-decoration:none;} #zy .box2 .left .box ul li .a1{color:#3e7e1c; text-decoration:none;} #zy .box2 .left .box ul li a:hover{ color:#3e8206; text-decoration:none;} #zy .box2 .content{ line-height:2em; padding:0 10px;background:#fafafa;} #zy .box2 .right{width:941px; float:left; height:auto; overflow:hidden;} #zy .box2 .right .title{height:35px; background:#efefef; color:#bb0000; font-size:18px; line-height:35px;} #zy .box2 .right .clear{ height:20px;} #zy .box2 .right ul{ display:block; height:auto; overflow:hidden;} #zy .box2 .right ul li{ display:block; height:40px; line-height:40px; border-bottom:1px #CCCCCC dashed;} #zy .box2 .right ul li a{color:#000; text-decoration:none;} #zy .box2 .right ul li a:hover{color:#3e8206; text-decoration:none;} #zy .box2 .right ul li span{ float:right;} #zy .box2 .right .page{ width:745px; height:80px; line-height:80px; text-align:center;} #zy .box2 .right .page .current{ color:#FC0; font-weight:bold; margin:0 10px;} #zy .box2 .right .page a{ margin:0 10px;} #zy .box2 .right .content{ line-height:2em; background:none;} #zy .box2 .right .next{height:auto; overflow:hidden; margin:15px; background:#f6fbf7;} #zy .box2 .right .next .up{ width:50%; float:left;} #zy .box2 .right .next .down{ width:50%; float:left; text-align:right;} #zy .box2 .right .bbs{ margin-top:25px;} #zy .box2 .right .bbs .title{ font-size:16px; color:#009; height:35px; line-height:35px; border-bottom:1px #CCCCCC solid; background:none;} #zy .box2 .right .bbs ul{ display:block; height:auto; overflow:hidden; border-bottom:1px #CCCCCC solid;} #zy .box2 .right .bbs ul .bbs_t{ display:block; height:35px; line-height:35px; border:none;} #zy .box2 .right .bbs ul .bbs_t span{ float:left; color:#03C;} #zy .box2 .right .bbs ul .bbs_t .bbs_date{ float:right; color:#666;} #zy .box2 .right .bbs ul .bbs_c{ display:block;border:none; height:auto; overflow:hidden; line-height:2em;} #zy .box2 .right .bbs ul .bbs_c span{ float:left; color:#03C;} #zy .box2 .right .bbs .bbs_p{height:35px; line-height:35px; text-align:center; } #zy .box2 .right .bbs_do{ margin-top:25px;} #zy .box2 .right .bbs_do .title{ font-size:16px; font-weight:bold; width:50%; float:left; background:none; height:35px; line-height:35px;} #zy .box2 .right .bbs_do .zs{ width:50%; float:right; text-align:right; height:35px; line-height:35px;} #zy .box2 .right .bbs_do .zs spna{ color:#F00;} #zy .box2 .right .bbs_do .txd{ margin:10px 0;} #zy .box2 .right .bbs_do .sub{ float:right;} #zy .box2 .right .product{ width:941px; margin:0 auto; height:auto; overflow:hidden;} #zy .box2 .right .product ul{display:block; height:auto; overflow:hidden; } #zy .box2 .right .product ul li{display:block; float:left; width:293px; padding-top:30px; padding-left:10px; padding-right:10px; height:auto; overflow:hidden;} #zy .box2 .right .product ul li p{text-align:center; display:block; margin-top:-1px;} #zy .box2 .right .pic{ text-align:center;} #zy .box2 .right .pic p{text-align:center;} #zy .box2 .right .bb1{ font-size:16px; color:#090; height:40px; line-height:40px; border-bottom:1px #CCCCCC solid;} #zy .box2 .right .bb1 span{ font-size:14px; color:#CCC;} /**footer**/ #footer{ width:100%; min-width:1200px; height:auto; overflow:hidden; background:#2f2f2f; padding-top:20px;} #footer .w12{ width:1200px; margin:0 auto; height:auto; overflow:hidden;} #footer .box{ width:100%; height:auto; overflow:hidden;} #footer .box .left{ width:382px; float:left; height:auto; overflow:hidden;} #footer .box .left .logo{ width:382px; height:61px; float:left; margin-bottom:10px;} #footer .box .left .icon{ width:44px; float:left; height:44px; margin-right:16px; } #footer .box .left .wx{ background:url(../images/boot-icon.png) 0 -56px no-repeat;} #footer .box .left .wx:hover{background:url(../images/boot-icon.png) 0 0 no-repeat;} #footer .box .left .wx i{position: absolute; width:90px; margin-top:40px; margin-left:-23px; height: 104px; z-index:100; display:none;} #footer .box .left .wb{ background:url(../images/boot-icon.png) -50px -56px no-repeat;} #footer .box .left .wb:hover{background:url(../images/boot-icon.png) -50px 0 no-repeat;} #footer .box .left .wb i{position: absolute; width:90px; margin-top:40px; margin-left:-23px; height: 104px; z-index:100; display:none; } #footer .box .left .wb a{ display:block;width:44px;height:44px;} #footer .box .left .tpic{ background:url(../images/boot-icon.png) -100px 0 no-repeat;} #footer .box .left .tel{ width:202px; float:left; color:#008ed8; font-family: Georgia, "Times New Roman", Times, serif; font-size:25px; line-height:44px;} #footer .box .right{ width:818px; float:right; height:auto; overflow:hidden;} #footer .box .right .border{ width:170px; float:right; padding-left:20px; height:auto; overflow:hidden;} #footer .box .right .border h4{font-size: 18px; margin:0; padding-bottom:5px; color: #FFFFFF; font-weight: normal;} #footer .box .right .border .t-icon{width: 20px; height: 20px; border-top: 3px solid #008ed8;} #footer .box .right .border ul{ display:block; height:auto; overflow:hidden;} #footer .box .right .border ul li{ display:block; height:26px; line-height:26px;} #footer .box .right .border a{ color:#595757;} #footer .box .right .border a:hover{ color:#008ed8;} #footer .box1 { width:100%; height:auto; overflow:hidden; border-top:#666 1px solid; margin-top:20px;} #footer .box1 .content{ width:100%; margin:0 auto; height:auto; overflow:hidden; text-align:center; color:#fff; line-height:2em;} #footer .content a{color:#fff;} #footer .foot_top{ width:100%; height:auto; overflow:hidden;} #footer .foot_top .fink{ width:1200px; margin:0 auto; height:auto; overflow:hidden; line-height:40px; border-top: #666 1px solid;} #footer .foot_top .fink span{ color:#fff;} #footer .foot_top .fink a{ color:#CCC;} #smstest{ width:100%; height:auto; overflow:hidden; background:url(../images/b_b_1.png);} #smstest .border{ width:600px; margin:0 auto; height:auto; overflow:hidden;} #smstest h1{ color:#fff; display:block; text-align:center;} #smstest .form{ width:445px; margin:0 auto; height:auto; overflow:hidden;} #smstest .form .input{ display:block; width: 327px; float:left; height: 36px; font-size: 15px; line-height: 40px; text-indent: 10px; border-radius:5px; } #smstest .form .btn{ display:block; width:100px; float:left; border:none; border-radius:5px; margin-left:10px; height:42px; background: #32d28c; color: #fff; cursor:pointer; font-size:18px;} #smstest .form .btn:hover{ background:#3fde98; } #smstest .form .btn_t{display:block; width:100px; float:left; border:none; border-radius:5px; margin-left:10px; height:42px; background:#CCC; color: #999; cursor:pointer; font-size:18px;} a.beian:hover:hover{color:red;}