@charset "utf-8"; /* CSS Document */ html, body, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, button, textarea, p, blockquote, th, td { padding: 0; margin: 0; color:#00384e;font-family:微软雅黑; font-size:14px; } table { border-collapse: collapse; border-spacing: 0; font-size: inherit; } img { border: none; vertical-align: bottom; } a { color:#fff; outline: 0; text-decoration: none; } a:hover { text-decoration:underline } ul, li { list-style-type: none; padding: 0; margin: 0; } input, select, textarea, button { font-family: inherit; } .fix:after, .clearfix:after { display: block; content: "$"; height: 0; clear: both; overflow: hidden; visibility: hidden; } .fix, .clearfix { *zoom: 1} .clear { clear: both; height: 0; overflow: hidden; font-size: 0px; line-height: 0; } .fl { float: left; display: inline;} .fr { float: right; display: inline;} input:focus{outline:none;} .w1000{ width:1000px; margin:0 auto;} .pt20{ padding:20px 0;}.mt20{ margin-top:20px;}.mt10{ margin-top:10px;} .bgblue{ background:#ecf2f6;}.bgwhite{ background:#fff;} .bImg{ width:550px; height:240px; display:block; background:#0CC;} .left_cont{ width:600px;}.h450{ height:450px;}.h800{ height:800px;} .bor{border:1px #e5ebef solid; }.p10{ padding:10px;}.f15{ font-size:15px;} .tit{ line-height:40px; height:40px;}.pl20{ padding-left:30px;}.p50{ padding-top:50px;} .tit1{ font-size:28px; height:50px; line-height:50px;} .tit2{ font-size:20px;height:50px; line-height:50px; font-weight:bold;} .pp{ line-height:30px; height:30px;} .right_cont{ width:360px; height:773px}.fz_blue{ color:#49adfa;} .bloc{ width:70px; display:inline-table;} .nei{ width:280px;display:inline-table;} .tit3{ font-size:18px; height:80px; line-height:80px; text-indent:2em;} .wrap_form{ border:1px #ccc solid; border-radius:10px;-webkit-border-radius:10px;} .for_bg{ background:#f5f6fa; padding:30px 10px; margin-bottom:80px;} .left_cont1{ width:550px;} .person{ background:url(../images/person.png) no-repeat left center; width:11px; height:11px; display:inline-block; position:absolute; left:10px; top:50%; margin-top:-6px;} .use{ position:relative;} .use input{ width:100%; height:35px; padding-left:30px;box-sizing: border-box; -webkit-box-sizing: border-box;} .sub{ width:100%; margin-top:20px; background:#14a4fa; height:35px; border:none; border-radius:3px; -webkit-border-radius:3px; color:#fff;} /**/ .logo{ width:261px; margin:30px auto; overflow:hidden;} .logo img{ width:60%; height:60% ; margin:0 auto; margin-left:40px; margin-top:10px;} .warp_left{ width:20%;_width:19%;*width:19%; overflow:hidden; float:left; background:#030303; height:100%; background-size:100%; min-height:758px;} .warp_right{ width:80%;_width:78%; *width:78%; overflow:hidden; float:left; height:600px; height:100%; background-size:100%; min-height:758px; } .wrad_dd{ background:url(../images/lix.jpg) no-repeat center center;} .warp_left ul.wo_nva{ margin-top:40px; overflow:hidden;} .warp_left ul.wo_nva li{ height:56px; text-align:center; margin:15px 0} .warp_left ul.wo_nva li a{ display:block; overflow:hidden;} .warp_left ul.wo_nva li a span{ display:block; line-height:22px; text-align:center; overflow:hidden;} .warp_left ul.wo_nva li:hover,#count{ background:#1d1d1d; overflow:hidden;} .warp_left ul.wo_nva li:hover a,#count a{ color:#7cbb2f; text-decoration:none} .warp_left ul.wo_nva li a span.nome{ font-size:12px;} .warp_left ul.wo_nva li:hover a.nome,#count{ color:#4b8503;} .seach{ position:relative; overflow:hidden;} .seach input{ width:245px; margin:10px auto; overflow:hidden; height:30px; border-radius:5px; -webkit-border-radius:5px; border:#CCC solid 1px; display:block; text-indent:1em; background:#030303; margin-top:50px; outline:none; color:#ccc;} .seach a img{ display:block; position:absolute; right:26px; top:56px; overflow:hidden;} .biaog{ overflow:hidden; margin-top:20px;} .biaog ul{ margin-left:40px; margin-top:10px;} .biaog ul li{ float:left; overflow:hidden; margin:5px;} .biaog ul li.big_li a{ background:url(../images/jiao.png) no-repeat; overflow:hidden; display:block; width:49px; height:48px;} .biaog ul li.big_li a:hover{ background:url(../images/liul.png) no-repeat; overflow:hidden; display:block; width:49px; height:48px;} .biaog ul li.big_li1 a{ background:url(../images/xiaoh2.png) no-repeat; overflow:hidden; display:block; width:49px; height:48px;} .biaog ul li.big_li1 a:hover{ background:url(../images/dddd.png) no-repeat; overflow:hidden; display:block; width:49px; height:48px;} .frist{ background-color:#fff; overflow:hidden;border-bottom:#d9dee7 solid 1px;} .title{ border-bottom:#d9dee7 solid 1px; height:80px; overflow:hidden; color:#333; font-size:18px} .title p{ line-height:80px; padding-left:20px; font-weight:bold; font-size:28px;} .two{ overflow:hidden; margin:10px; margin-bottom:20px;} .two ul li{ float:left; overflow:hidden; margin-left:15px; margin-top:20px; width:30%;} .two ul li span,.two ul li input{ display:block; float:left; overflow:hidden;} .two ul li input{ width:200px; overflow:hidden; height:30px; border:#CCC solid 1px;} .two ul li span{ font-size:14px; color:#666; padding-top:6px;} .two ul li.sub{ float:right; margin-right:11%; width:140px; text-align:center; line-height:40px; height:40px; cursor:pointer;} .two ul li.sub input{} .there_1 input{ width:120px; height:30px; background-color:#14a4fa; border:0; line-height:30px; float:right; color:#FFF;} .there{ overflow:hidden;} .there_1{ height:90px; } .there_1{ margin-right:15%; margin-top:30px; overflow:hidden; background:#00aa8a; margin-bottom:30px;border-radius: 3px; -webkit-border-radius: 3px; width:160px; height:40px; float:right; line-height:40px; color:#FFF} .warp_right img{ display:block; overflow:hidden;} .nav { text-align: center; margin-top:50px; } .nav ul ul { display: none; } .nav ul li:hover > ul { display: block; } .nav ul { box-shadow: 0px 0px 9px rgba(0,0,0,0.15); list-style: none; } .nav ul:after { content: ""; clear: both; display: block; } .nav ul li { float: left; width:100%; height:50px; padding-top:14px; } .nav ul li:hover { background:#1d1d1d; padding-top:14px; } .nav ul li:hover a { color: #fff; } .nav ul li a { display: block; color: #fff; text-decoration: none; font-size:18px; } .nav ul ul.cp { background: #1d1d1d; border-radius: 0px; padding: 0; position: absolute; top: 200px; z-index:999; left: 20%; } .nav ul ul.cp a:hover,.nav ul ul.wdb a:hover{ color:#7cbb2f} .nav ul ul.wdb { background: #1d1d1d; border-radius: 0px; padding: 0; position: absolute; top: 263px;z-index:999; left: 20%; padding-top:0; } .nav ul ul.wdb li,.nav ul ul.wdb1 li,.nav ul ul.cp li{ padding-top:0; line-height:64px; height:64px;} .nav ul ul.wdb1 { background: #1d1d1d; border-radius: 0px; padding: 0; position: absolute; top:326px;z-index:999; left: 20%; } .nav ul ul li { float: none; border-top: 1px solid #373636; border-bottom: 1px solid #373636; position: relative; height:50px; width:285px; } .nav ul ul li a { color: #fff; display:block; } .nav ul ul li a:hover { background: #1d1d1d; display:block; height:50px; } .warpp{ background:url(../images/bj.jpg) no-repeat center center; width:100%; height:100%; overflow:hidden; position:relative} .warpp_cent{ width:80%; margin:20px auto; overflow:hidden;} .logo1234{ margin-top:40px; overflow:hidden;} .logo1234 p{ float:left; overflow:hidden;} .logo1234 p.xz_1{ width:500px; overflow:hidden; float:right; text-align:right; color:#FFF} .logo1234 p.xz_2{ width:500px; overflow:hidden; float:left;} .logo1234 img{ width:86%; height:70%; overflow:hidden; display:block;} .logo1234 p.xz_1 a img{ display:block; width:40%; height:40%; margin-left:302px;} .logo1234 p.xz_1 span{ font-size:12px; display:block; margin-right:25px;} /* 效果CSS开始 */ #brand{ margin-top:50px;} #brand .title {width:100%;height:35px;line-height:35px;font-size:16px;margin-top:4px;border-bottom:2px solid #33261c;text-align:center;color:#33261c;} #brand .bd-box {width:100%;height:358px;overflow:hidden;} #brand .bd-box li {float:left;width:30%;height:100%;overflow:hidden;position:relative;margin:10px 15px 0px 15px;_margin:10px 10px 0px 5px;} #brand .bd-box li img {width:100%; height:100%;position:absolute;left:0px;top:0px;z-index:2;overflow:hidden;} #brand .bd-box li span {width:100%;position:absolute; left:0px;z-index:1; text-align:center;line-height:75px;font-size:14px;color:#FFF;background:#000;font-weight:bold;overflow:hidden;height:0px;display:none;top:38px; filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} #brand .bd-box li span h1{ text-align:center; margin-top:70px; font-size:18px; color:#7cbb2f;} #brand .bd-box li span a{ display:block; float:left; font-size:14px; width:160px; text-align:center; line-height:34px; text-align:center; margin-left:10px;} /* 效果CSS结束 */ .fanhui{ position:absolute; right:-12px; bottom:20px; overflow:hidden;} .fanhui img{ width:70%; height:70%; display:block;} .warpp1{ background:url(../images/new.jpg) no-repeat center center; overflow:hidden; height:763px; width:100%;background-size:cover; -webkit-background-size:cover;} .title_1 i{ width:16px; height:16px; background:#7cbb2f; overflow:hidden; float:left; display:block; margin-top:4px;} .title_1 span{ overflow:hidden; float:left; display:block; font-size:18px; color:#FFF; padding-left:20px;} .title_1{ margin-left:50px; margin-top:40px; overflow:hidden;} .new_1{ margin-left:34px; margin-top:40px; overflow:hidden; *margin-left:0; _margin-left:0 !important;} .new_cente{ width:500px; background:#FFF; height:200px; float:left; margin:10px 20px;_margin:0px;/**margin:0px; _width:480px; *width:480px;*/ overflow:hidden; } .db_sd{ float:left; width:180px; overflow:hidden; margin:10px; margin-left:20px; margin-top:20px; *margin-left:10px; _margin-left:0} .db_st{ width:260px; float:left; overflow:hidden; margin-top:28px;} .db_st p{ line-height:22px; color:#666;} .db_st p a{ color:#333} .subb_12 img{ width:15%; overflow:hidden; float:right; margin-right:43px; margin-top:10px;} .serv{ width:92%; border-radius:15px; -webkit-border-radius:15px; overflow:hidden; margin-left:50px; margin-top:30px; background:#FFF; height:550px; opacity:0.8;} .serv_left{ float:left; width:465px; overflow:hidden; text-align:center; margin-top:80px; margin-left:15px;} .serv_right{ width:500px; overflow:hidden;} .serv_right p{ line-height:26px; font-size:14px; color:#333; text-indent:2em; margin-top:50px;} .serv_1{ overflow:hidden; float:left; color:#FFF; margin:10px 0; margin-left:10px;} .serv_1 a,.serv_1 p{ color:#FFF; font-size:12px} .db_s{ margin-top:15px; overflow:hidden;} .left_1se{ margin-left:50px; margin-top:20px; overflow:hidden;} .left_1se ul li{ float:left; width:360px; overflow:hidden; margin:3px 0; text-align:center} .left_1se ul li i{width: 12px; height: 12px; background: #7cbb2f; overflow: hidden; float: left; display: block; margin-top: 4px;} .left_1se ul li a{ display:block; float:left; margin-left:15px; font-size:14px; color:#fff;} .gsjj{ margin-left:40px; margin-top:30px; overflow:hidden;} .gsjj_left{ width:630px; float:left; overflow:hidden; margin-left:15px;} .gsjj_right{ width:400px; float:left; overflow:hidden; margin-left:25px;} .gsjj_left p{ line-height:24px; font-size:14px; color:#FFF; text-indent:2em;} .gsjj_left p.ljgd{ background-color:#7cbb2f; border-radius:5px; width:224px; height:44px; line-height:44px; -webkit-border-radius:5px; text-align:center; margin-top:10px; float:right} .gsjj_left p.ljgd a{ color:#FFF;} .gsjj_l{ margin-left:10px;} .gsjj_left1{ width:500px;} .gsjj_l p img{ width:80%; height:80%;} .tu ul li.rich font.round{ border-radius:8px; background-color:#fd6006; float:left; width:8px; height:8px; margin:14px 20px; -webkit-border-radius:8px; -moz-border-radius:8px} .tu ul li.ddxq{ background:url(../images/jxx.png) no-repeat;} .tu li p{background:url(../images/CASSETTE1.png);float: left; display:block; width:32px; height:36px;} .tu li.ddxq11{ overflow:hidden; padding:0.8em 0;} .tu li a{ font-size:16px; font-weight:bold} .tu li.ddxq11 span{ margin-top: 5px; display: block; float: left; } .tu li p.bo1{ background-position:-0px -0px; margin-right:20px;} .tu li p.bo2{ background-position:-0px -52px; margin-right:20px;} .tu li p.bo3{ background-position:-0px -102px; margin-right:20px;} .tu li p.bo4{ background-position:-0px -152px; margin-right:20px;} .tu li p.bo5{ background-position:-0px -204px; margin-right:20px;} .pro_banner{ width:100%; height:100%; margin:0 auto; overflow:hidden;} .war{ background:url(../images/wr.jpg) repeat; width:100%; height:100%; overflow:hidden;} .war_cent{ width:1000px; margin:0 auto; overflow:hidden;} .war_nav ul{ overflow:hidden; margin-top:20px;} .war_nav ul li{ float:left; width:136px; border: #CCC solid 1px; overflow:hidden; padding:13px 0px; margin:20px 10px; text-align:center;} .war_nav ul li a{ color:#333; font-size:14px; text-align:center; display:block;} .war_nav ul li:hover{ width:136px; border: #7cbb2f solid 1px; overflow:hidden; padding:13px 0px; margin:20px 10px; text-align:center;} .war_nav ul li:hover a{ color:#7cbb2f} .p_title{ text-align:center; margin:30px 0; font-size:28px; color:#7cbb2f;} .p_dl{ margin:20px 0; overflow:hidden} .p_dl p{ width:500px; float:left; overflow:hidden; margin-top:30px; line-height:26px;} .p_title img{ background-size:cover; -webkit-background-size:cover; -webkit-transform:scale(1.5,1.5); -moz-transform:scale(1.5,1.5); -transform:scale(1.5,1.5); margin-top:60px;} .p_tt{ width:754px; margin:20px auto; overflow:hidden;} .footer_lgo{ float:right;overflow:hidden; margin-top:150px; width:254px;} .footer_lgo img{ width:100%; height:60%; } .yem ul.next{ width:300px; float:right; margin-top:25px; overflow:hidden; margin-right:15px;} .yem ul.next li{ float:left; margin-right:10px;} .yem ul.next li a{ display:block; float:left; padding:4px 8px; font-size:12px; border:#fff solid 1px;} .yem ul.next li a.none{ background:none; padding:0} .yem ul.next li a:hover,#count{ background:#7cbb2f; color:#FFF;} .write{ background:#FFF; overflow:hidden; padding-bottom:30px;} .yem ul.next li input{ width:40px; border:#CCC solid 1px; background:none; height:24px;} .title_password{ font-size:14px; color:#666; padding:20px 10px 10px 120px;} .title_password a{ color:#28b2e6}