Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Deprecated: Invalid characters passed for attempted conversion, these have been ignored in /www/wwwroot/www.85520057.com/func.php on line 230

Warning: Cannot modify header information - headers already sent by (output started at /www/wwwroot/www.85520057.com/func.php:230) in /www/wwwroot/www.85520057.com/css.php on line 26
/*banner*/ body, div, ul, li { margin: 0; padding: 0; } div,ul,li,dt,dl,dd,h1,h2,h3,h4,h5,h6,h7,img,p,span{ margin:0; padding:0; list-style-type:none; } body{ background:#f0f2f1;} img { border: 0 } .clear{ clear:both;} a{ text-decoration:none;} ul { list-style: none; } .izl-rmenu { width: 285px; margin: 0 auto; padding: 15px 0 30px; text-align: center; background: #000; } .izl-rmenu .consult { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center -77px; display: block; height: 60px; width: 60px; text-align: center; float: left; } .izl-rmenu .consult .phone { background-color: rgb(247,247,255); position: absolute; width: 160px; left: -160px; top: 0px; line-height: 73px; color: #000; font-size: 18px; text-align: center; display: none; box-shadow: #DDD -1px 1px 4px; } .izl-rmenu a.consult:hover .phone { display: inline !important; } .izl-rmenu .cart { background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center bottom; display: block; height: 16px; width: 16px; font-size: 12px; line-height: 16px; color: #45BDFF; text-align: center; } .izl-rmenu a.cart:hover .pic { display: block; } .izl-rmenu .btn_top { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 39px; width: 82px; -webkit-transition: all 0s ease-in-out; -moz-transition: all 0s ease-in-out; -o-transition: all 0s ease-in-out; transition: all 0s ease-in-out; } .izl-rmenu .btn_top:hover { background-image: url(../images/float_top.gif); background-repeat: no-repeat; background-position: center bottom; } .izl-rmenu .cart .pic { display: none; position: absolute; left: 70px; top: 80px; width: 133px; height: 133px; background: url(../images/wei.jpg); } #udesk-feedback-tab { position: fixed; right: 2px; top: 65%; margin-top: -76px; -webkit-box-shadow: #DDD 0px -1px 5px; -moz-box-shadow: #DDD 0px -1px 5px; box-shadow: #DDD 0px -1px 5px; z-index: 10000; cursor: pointer; background-image: url(../images/consult_icon.gif); background-repeat: no-repeat; background-position: center top; display: block; height: 76px; width: 82px; background-color: #FFF!important; z-index: 999; } /* focusBar */ .shang { width: 100%; height: 1000px; position: relative; overflow: hidden; } .shang1 { width: 100%; position: relative; overflow: hidden; } /*导航*/ .dao { width: 100%; background:#2b2a2a; padding: 20px 0 0; height: 86px; } .dao_er { width: 100%; background: rgba(255,255,255,1); padding: 10px 0 0; position: fixed; top: 0; left: 0; z-index: 99999; } .banner1 { width: 100%; margin-top: 110px; } .banner1 img { width: 100%; height: auto; } .banner { max-width: 1920px; margin-right: auto; margin-left: auto; overflow: hidden; } /*banner*/ #full-screen-slider { width: 100%; height: 550px; float: left; position: relative; } #slides { display: block; width: 100%; height: 550px; list-style: none; padding: 0; margin: 0; position: relative } #slides li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute } #slides li a { display: block; width: 100%; height: 100%; text-indent: -9999px } #pagination { display: block; list-style: none; position: absolute; left: 28%; top: 530px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0 } #pagination li { display: block; list-style: none; width: 50px; height: 3px; float: left; margin-left: 5px; background: #3c323d; } #pagination li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination li.current { background: #cb9340; } #full-screen-slider1 { width: 100%; height: 788px; float: left; position: relative; } #slides1 { display: block; width: 100%; height: 788px; list-style: none; padding: 0; margin: 0; position: relative } #slides1 li { display: block; width: 100%; height: 100%; list-style: none; padding: 0; margin: 0; position: absolute } #slides1 li a { display: block; width: 100%; height: 100%; text-indent: -9999px } #pagination1 { display: block; list-style: none; position: absolute; left: 26%; top: 610px; z-index: 9900; padding: 5px 15px 5px 0; margin: 0 } #pagination1 li { display: block; list-style: none; width: 15px; height: 15px; float: left; margin-left: 20px; border-radius: 15px; background: #fff; } #pagination1 li a { display: block; width: 100%; height: 100%; padding: 0; margin: 0; text-indent: -9999px; } #pagination1 li.current { background: #7d7d7d; } .dao_left { width: 300px; float: left; } .con { width: 1200px; margin: 0 auto; } .con1 { width: 1220px; margin: 0 auto; } .con2 { width: 1200px; margin: 0 auto; } .con3 { width: 1420px; margin: 0 auto 50px; } .navs { } .navs * { text-decoration: none; font-size: 9pt; } .navs * a:hover { text-decoration: none;/* 鼠标经过时的红色背景,可自定义 */ } .dao_right { width: 805px; float: right; padding-top:10px; position: relative; } .navs { list-style: none; } .navs li { float: left; text-align: center; position: relative; height:50px; line-height:50px; } .navs li:nth-child(7) { float: left; text-align: center; position: relative; background: none; } .navs li a { color: #ffffff; font-family: "微软雅黑"; font-size: 15px; padding: 0px 10px; margin:0 10px; blr:expression(this.onFocus=this.close()); blr:expression(this.onFocus=this.blur()); display: inline-block; border-bottom:#2b2a2a solid 2px; } .sou { position: absolute; right: 0px; top: 10px; background: #fff; border: #f00 solid 1px; border-radius: 30px; width: 245px; height: 40px; font-family: "微软雅黑"; font-size: 24px; color: #00428e; padding: 0 0 0 20px; } .sou0 { width: 205px; text-align: left; float: left; padding-top: 0px; } .navs li a:hover { color: #ffffff; border-bottom:#ffffff solid 2px; } .navs li a:focus { -moz-outline-style: none; } .navs li .sub-nav { position: absolute; top: 62px; left: -10px; list-style: none; background: rgba(51,51,51,0.4); display: none; z-index: 99999; } .navs li .sub-nav li { text-align: center; clear: left; width: 120px; position: relative; padding: 10px 0; } .navs li .sub-nav li a { height: 20px; line-height: 20px; width: 120px; padding: 0; color: #000; font-size: 14px; } .navs li .sub-nav li a:hover { color: #a40000; } .first { width: 1200px; margin: 0 auto; overflow: hidden; } .first1 { width: 1200px; margin: 0 auto; overflow: hidden; } .f1 { width: 605px; float: left; height:110px; line-height:110px; color:#000000; font-size:36px; font-weight:bold; font-family:"微软雅黑"; } .f1 span { vertical-align: middle; font-weight:normal; text-align: center; color: #717171; font-family: "微软雅黑"; font-size: 24px; padding-left:20px; } .f2 { width:200px; overflow: hidden; float: right; height: 110px; color: #2d2d2d; font-size: 16px; font-family: "微软雅黑"; } .f2 a{ border:#bcbcbc solid 1px; margin-top:40px; width:120px; overflow: hidden; float: right; height: 32px; line-height:32px; display:block; color: #323232; font-size: 14px; font-family: "微软雅黑"; border-radius:5px; text-align:center; } .f3 { width: 390px; float: left; height:807px; line-height:35px; color: #2d2d2d; font-size: 16px; font-family: "微软雅黑"; padding: 0px; } .f3 span { color: #000; font-size: 24px; font-family: "微软雅黑"; padding: 0px 0px 30px 0px; display: block; background: url(../images/dian.jpg) no-repeat left bottom; margin-bottom:30px; } .f3 a{ display:block; text-align:center; padding-top:0px; } .f3 a:hover{ background:#fffc00;} .f4{ float:right; width:795px; overflow:hidden;} .f4 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .f4:hover img { opacity: 1.0; -webkit-transform: scale(1.02); transform: scale(1.02); } .cpa{ float:right; width:795px; height:807px; overflow:hidden;} .f4_{ float:right; width:795px; overflow:hidden; margin-top:5px;} .f4_ .f4_1 { width: 49.5%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); float:left; } .f4_1 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .f4_1:hover img { opacity: 1.0; -webkit-transform: scale(1.02); transform: scale(1.02); } .f4_ .f4_2 { width: 49.5%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); float:right; } .f4_2 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .f4_2:hover img { opacity: 1.0; -webkit-transform: scale(1.02); transform: scale(1.02); } .f5 { line-height:35px; color: #2d2d2d; font-size: 16px; font-family: "微软雅黑"; padding:30px 0; } .sec{overflow:hidden; width:1200px; margin:10px auto; height:400px;} .sec1{ width:591px; float:left; height:400px; overflow:hidden;} .sec1 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .sec1:hover img { opacity: 1.0; -webkit-transform: scale(1.02); transform: scale(1.02); } .sec2 { width:591px; float:right; height:400px; overflow:hidden; } .sec2 img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .sec2:hover img { opacity: 1.0; -webkit-transform: scale(1.02); transform: scale(1.02); } .contant{ width:1200px; margin:30px auto;} .case{ overflow:hidden; padding:40px 0;color: #878787; width:1200px; margin:0 auto; font-size: 16px; font-family: "微软雅黑"; text-align:center;} .case span{ overflow:hidden; padding:0;color: #323232; font-size:30px; font-weight:bold; font-family: "微软雅黑"; display:block;} .case p{ overflow:hidden;color: #323232;font-size:16px;font-family: "微软雅黑";display:block; background:url(../images/case.png); background-repeat:no-repeat; background-position:center center;} .sec_1{overflow:hidden; width:1360px; margin:30px auto; height:546px; background:#2f2f2f;} .sec3 { width: 373px; float: left; line-height:35px; color: #fff; font-size: 16px; font-family: "微软雅黑"; padding:100px 50px 30px 50px; } .sec3 span { color: #fff; font-size: 24px; font-family: "微软雅黑"; padding: 0px 0px 30px 0px; display: block; background: url(../images/dian1.jpg) no-repeat left bottom; margin-bottom:30px; } .sec3 a{ display:block; width:40px; height:40px; border-radius:50px; border:#aeaeae solid 1px; text-align:center; padding-top:0px; margin-top:50px;} .sec3 a:hover{ background:#585858;} #wrap{ width: 1360px; margin: 20px auto; } #wrap ul li .a1 img{ width: 443px; height: 450px; } #wrap ul li{ border: #e7e7e7 solid 1px; margin-right: 12px; margin-bottom: 30px; float: left; width: 443px; height: 450px; list-style: none; position: relative; overflow: hidden; } #wrap ul li:nth-child(3) { margin-right:0;} #wrap ul li:nth-child(6) { margin-right:0;} #wrap ul li:nth-child(9) { margin-right:0;} #wrap ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 443px; height:100px; padding: 10px 0px; background: #fff; z-index:99; } #wrap ul li .a1 .divA>.p1{ border-bottom: #d2d2d2 solid 1px; margin: 10px 20px; line-height: 30px; font-size: 18px; color: #000; padding:0 0 20px } #wrap ul li .a1 .divA>.p2{ line-height: 30px; font-size: 16px; color: #a3a3a3; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 20px; } #wrap ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap ul li .a2{ position: absolute; top: 0; left:-443PX; width: 443px; height: 450px; text-align: center; color: white; background: rgba(0,0,0,0.6); transition: all 0.2s; } #wrap ul li .a2 .p4{ width: 443px; text-align: center; position: absolute; top: 120px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap ul li .a2 .p5{ width: 370px; text-align: center; line-height:20px ; position: absolute; top: 170px; left:20px; margin: 30px 30px 10px; line-height:35px; font-size: 16px; color: white; transition: all 0.2s 0.2s ease-out ; } #wrap ul li .a2 .p7{ position: absolute; bottom:20px; left: 145px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } #wrap2{ width: 1200px; margin: 20px auto; } #wrap2 ul li .a1 img{ width: 390px; height: 293px; } #wrap2 ul li{ border: #e7e7e7 solid 1px; margin-right: 12px; margin-bottom: 30px; float: left; width: 390px; height: 396px; list-style: none; position: relative; overflow: hidden; } #wrap2 ul li:nth-child(3) { margin-right:0;} #wrap2 ul li:nth-child(6) { margin-right:0;} #wrap2 ul li:nth-child(9) { margin-right:0;} #wrap2 ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 390px; height:100px; padding: 10px 0px; background: #fff; z-index:99; } #wrap2 ul li .a1 .divA>.p1{ border-bottom: #d2d2d2 solid 1px; margin: 10px 20px; line-height: 30px; font-size: 18px; color: #000; padding:0 0 20px } #wrap2 ul li .a1 .divA>.p2{ line-height: 30px; font-size: 16px; color: #a3a3a3; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 20px; } #wrap2 ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap2 ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap2 ul li .a2{ position: absolute; top: 0; left:-390PX; width: 390px; height: 396px; text-align: center; color: white; background: rgba(0,0,0,0.6); transition: all 0.2s; } #wrap2 ul li .a2 .p4{ width: 390px; text-align: center; position: absolute; top: 80px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap2 ul li .a2 .p5{ width: 340px; text-align: center; line-height:20px ; position: absolute; top: 120px; left:20px; margin: 30px 30px 10px; line-height:35px; font-size: 16px; color: white; transition: all 0.2s 0.2s ease-out ; } #wrap2 ul li .a2 .p7{ position: absolute; bottom:20px; left: 113px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } #wrap1{ width: 1360px; margin: 0px auto; } #wrap1 ul li .a1 img{ width: 668px; height: 590px; } #wrap1 ul li{ border-bottom: #e7e7e7 solid 1px; margin-right: 24px; margin-bottom: 30px; float: left; width: 668px; height: 590px; list-style: none; position: relative; overflow: hidden; } #wrap1 ul li:nth-child(2) { margin-right:0;} #wrap1 ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 668px; height:100px; padding: 10px 0px; background: #fff; z-index:99; } #wrap1 ul li .a1 .divA>.p1{ margin: 10px 0px; line-height: 30px; font-size: 24px; color: #000; padding:0 0 10px } #wrap1 ul li .a1 .divA>.p2{ line-height: 30px; font-size: 16px; color: #a3a3a3; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 0px; } #wrap1 ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap1 ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap1 ul li .a2{ position: absolute; top: 0; left:-668PX; width: 668px; height: 590px; text-align: center; color: white; background: rgba(0,0,0,0.6); transition: all 0.2s; } #wrap1 ul li .a2 .p4{ width: 668px; text-align: center; position: absolute; top: 120px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap1 ul li .a2 .p5{ width: 600px; text-align: center; line-height:20px ; position: absolute; top: 170px; left:20px; margin: 30px 30px 10px; line-height:35px; font-size: 16px; color: white; transition: all 0.2s 0.2s ease-out ; } #wrap1 ul li .a2 .p7{ position: absolute; bottom:20px; left: 250px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .product { overflow: hidden; margin:15px auto; width:1200px; } .product ul li img { width: 370px; height: 240px; } .product ul li { margin-right:45px; margin-bottom: 30px; float: left; width:370px; overflow:hidden; } .product ul li:nth-child(1) { margin-right:45px;} .product ul li:nth-child(2) { margin-right:45px;} .product ul li:nth-child(3) { margin-right:0;} .product ul li:nth-child(3) { margin-right:0;} .product ul li:nth-child(6) { margin-right:0;} .product ul li:nth-child(9) { margin-right:0;} .product ul li div.k { margin: 15px 0; line-height: 30px; font-size: 18px; color: #000000; font-weight:bold; } .product ul li div.k span { font-size: 16px; margin-top:10px; font-weight:normal; color: #828282; display: block; } .product ul li div.k span a{ font-size: 16px; font-weight:normal; color: #a7292a; } .product ul li div.m { width:370px; height:240px; overflow:hidden; } .product2 { overflow: hidden; margin:60px 0; } .product2 ul li { overflow:hidden; border-bottom: #d2d2d2 solid 1px; } .k1 { margin:0; line-height: 30px; font-size: 18px; color:#666; padding:20px; } .k1 span { font-size: 15px; color: #a9a9a9; display: block; } .k1:hover{ background:#f2f2f2} .cha2 { line-height: 30px; font-size: 20px; color: #000; background: url(../images/arrow.jpg) no-repeat right center; display: block; margin: 5px 0; } .cha { line-height: 30px; font-size: 12px; color: #000; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 20px; } .product ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .product ul li:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .tuan1 { border: #d9d9d9 solid 1px; background: #fff; overflow: hidden; margin-bottom: 45px; width: 270px; height: 145px; box-shadow: 2px 5px 5px #efefef; font-family: "微软雅黑"; font-size: 16px; color: #333; padding: 20px; float: left; margin-left: 65px; line-height: 30px; } .tuan1 div img { width: 43px; height: 43px; } .tuan1 div { padding: 0 10px; line-height: 40px; font-family: "微软雅黑"; font-size: 18px; color: #333; text-align: center; } .product1 { overflow: hidden; margin:15px 0; } .product1 ul li img { width: 434px; height: 255px; } .product1 ul li { margin-right: 27px; overflow:hidden; border-bottom: #d2d2d2 solid 1px; padding:35px 0; } .product1 ul li div.k { margin: 15px 20px; line-height: 30px; font-size: 18px; color: #414141; float:left; width:680px; } .product1 ul li div.k span { font-size: 16px; color: #a9a9a9; display: block; } .product1 ul li div.m { width:434px; height:250px; overflow:hidden; float:left; } .cha1 { line-height: 30px; font-size: 20px; color: #000; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 0; } .product1 ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .product1 ul li:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .fenlei{ text-align:center; margin:30px 0; } .set_1_btn { color: #333; cursor: pointer; display:inline-block; font-size: 16px; font-weight: 400; line-height: 45px; margin-right: 2em; text-align: center; max-width: 160px; position: relative; text-decoration: none; text-transform: uppercase; vertical-align: middle; width: 100%; } .set_1_btn:hover { text-decoration: none; } .Vbtn-3 { background:transparent; text-align: center; } .Vbtn-3 svg { height: 45px; left: 0; position: absolute; top: 0; width: 100%; } .Vbtn-3 rect { fill: none; stroke: #222222; stroke-width: 3; stroke-dasharray: 422, 0; transition: all 450ms linear 0s; } .Vbtn-3:hover { background: rgba(225, 51, 45, 0); font-weight: 900; letter-spacing: 1px; transition: all 150ms linear 0s; } .Vbtn-3:hover rect { stroke-width: 5; stroke-dasharray: 15, 310; stroke-dashoffset: 48; -webkit-transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); transition: all 1.35s cubic-bezier(0.19, 1, 0.22, 1); } .Vbtn-3.active{ color:#fff; background:#222222; font-weight:900;} .hei { width: 100%; } .hei img { width: 100%; } .ban_zi { position: absolute; top: 0px; left: 0; z-index: 999; width: 100%; text-align: center; padding-top: 150px; } /*第二部分*/ .wenhua { width: 490px; float: left; padding-top: 190px; } .wenhua1 { width: 710px; float: right; padding-top: 122px; } .wenhua2 { background: url(../images/wen.jpg) no-repeat left top; font-size: 18px; color: #169198; line-height: 30px; font-family: "微软雅黑"; padding: 18px 20px; margin-bottom: 30px; } .wenhua3 { background: url(../images/wen1.jpg) no-repeat left top; font-size: 16px; color: #548008; line-height: 20px; font-family: "微软雅黑"; padding: 18px 20px; margin-bottom: 30px; } .wenhua4 { background: url(../images/wen2.jpg) no-repeat left top; font-size: 18px; color: #b58e1c; line-height: 30px; font-family: "微软雅黑"; padding: 18px 20px; margin-bottom: 30px; } .sed_banner { width: 100%; padding: 50px 0; background: url(../images/about-bg.jpg) no-repeat; height: 690px; overflow: hidden; } .chanpin { width: 100%; padding: 50px 0; background: url(../images/about-bg1.jpg) no-repeat; height: 852px; overflow: hidden; } /* #marquee1 */ #marquee1 { width: 1350px; height: 217px; overflow: hidden; margin-left: -95px; margin-top: 20px; } #marquee1 ul li { float: left; width: 450px; height: 217px; } #marquee1 ul li a { width: 430px; padding: 30px 20px; height: 217px; display: block; background: url(../images/hui.jpg) no-repeat left center; font-family: "微软雅黑"; color: #8d8d8d; font-size: 14px; line-height: 24px; } #marquee1 ul li a:hover { background: url(../images/lv.jpg) no-repeat left center; text-decoration: none; } #marquee1 ul li a span { color: #343434; font-size: 20px; display: block; margin: 10px 0; } #marquee1 ul li a b { font-weight: 300; display: block; background: url(../images/arrow.jpg) no-repeat center center; margin-top: 10px; } #marquee1 ul li a:hover b { color: #00b369; background: url(../images/arrow1.jpg) no-repeat center center; } #marquee1 ul li img { float: left; margin-right: 20px; } .fen { width: 25%; float: left; position: relative; overflow: hidden; } .ming { position: absolute; top: 70%; left: 25%; background: rgba(0,0,0,0.5); border-radius: 30px; padding: 5px 0px; text-align: center; width: 50%; font-family: "微软雅黑"; font-size: 20px; color: #fff; } .fen img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .fen:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .new { border: #e4e4e4 solid 1px; float: left; margin-right: 20px; width: 408px; overflow: hidden; } .new01 { padding: 20px; overflow: hidden; font-size: 14px; color: #999999; line-height: 26px; font-family: "微软雅黑"; } .new01 span { display: block; font-size: 18px; color: #000; font-family: "微软雅黑"; text-align: center; } .new01 a { font-size: 12px; margin: 20px 0 0 85px; display: block; width: 200px; text-align: center; border: #cd964d solid 1px; padding: 10px 0px; color: #402e17; font-family: Arial, Helvetica, sans-serif; text-transform: uppercase; } .new img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .new:hover img { opacity: 1.0; -webkit-transform: scale(1.1); transform: scale(1.1); } .new02 { width: 1300px; margin: 0 0 40px -60px; overflow: hidden; } .bottom { background: #000000; width: 100%; padding: 10px 0; font-size: 14px; color: #ffffff; font-family: "微软雅黑"; } .bottom img{ vertical-align:middle;} .bottom a { font-size: 14px; color: #ffffff; font-family: "微软雅黑"; text-decoration:none; } .bottom01 { border-bottom:#3a3a3a solid 1px; width: 1240px; padding: 0px 0 20px; margin:0 auto; } .bottom01 span { float:right; } .bottom02 { width: 1200 px; font-size: 14px; text-align:center; color: #ffffff; font-family: "微软雅黑"; line-height: 30px; margin:0 auto; } /*大事记*/ .jj { width: 1030px; margin: 100px auto; } .jj01 { width: 360px; float: left; background: url(../images/jj_bg.jpg) no-repeat left top; padding: 23px 0; } .jj01 span { color: #000; font-family: "微软雅黑"; font-size: 20px; float: right; padding: 130px 30px 0 0; } .jj02 { color: #3f3f3f; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; width: 460px; float: left; padding: 30px; } .jj03 { float: left; padding-top: 30px; } .new_b { width: 100%; height: 617px; overflow: hidden; margin: 50px auto; background: url(../images/new.jpg) no-repeat center top; } .new_n { width: 1000px; margin: 50px auto; } /*-----------------自定义按钮样式,移动端不需要,PC端根据实际情况选择----------------*/ .rslides { position: relative; list-style: none; overflow: hidden; width: 925px; padding: 0; margin: 0; } .rslides li { -webkit-backface-visibility: hidden; position: absolute; display: none; width: 925px; left: 0; top: 0; } .rslides li div { background: #55dc5c; width: 265px; height: 305px; position: absolute; right: 0; top: 50px; z-index: 99; padding: 30px; font-family: "微软雅黑"; font-size: 16px; color: #062e08; line-height: 25px; } .rslides li div span { font-family: "微软雅黑"; font-size: 24px; color: #062e08; display: block; width: 220px; margin: 30px auto; text-align: center; line-height: 30px; } .rslides li div a { font-family: "微软雅黑"; font-size: 14px; color: #062e08; display: block; float: right; text-transform: uppercase; margin-top: 45px; margin-right: 10px; } /*.rslides li:first-child { position: relative; display: block; float: left; }*/ .rslides img { display: block; float: left; width: 696px; height: 466px; border: 0; } #wrapper { padding: 20px; margin-left: 30px; } .rslides { margin: 0 auto 40px; } /*#slider2, #slider3 { box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; margin: 0 auto; }*/ .rslides_tabs { list-style: none; padding: 0; background: rgba(0,0,0,.25); box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0); font-size: 18px; list-style: none; margin: 0 auto 50px; max-width: 540px; padding: 10px 0; text-align: center; width: 100%; } .rslides_tabs li { display: inline; float: none; margin-right: 1px; } .rslides_tabs a { width: auto; line-height: 20px; padding: 9px 20px; height: auto; background: transparent; display: inline; } .rslides_tabs li:first-child { margin-left: 0; } .rslides_tabs .rslides_here a { background: rgba(255,255,255,.1); color: #fff; font-weight: bold; } /* Callback example */ .events { list-style: none; } .callbacks_container { margin-bottom: 50px; position: relative; float: left; width: 100%; } .callbacks { position: relative; list-style: none; overflow: hidden; width: 100%; padding: 0; margin: 0; } .callbacks li { position: absolute; width: 100%; left: 0; top: 0; } .callbacks img { display: block; position: relative; z-index: 1; height: 466px; width: 696px; border: 0; } .callbacks .caption { display: block; position: absolute; z-index: 2; font-size: 20px; text-shadow: none; color: #fff; background: #000; background: rgba(0,0,0, .8); left: 0; right: 0; bottom: 0; padding: 10px 20px; margin: 0; max-width: none; } .callbacks_nav { position: absolute; -webkit-tap-highlight-color: rgba(0,0,0,0); top: 52%; left: -65px; z-index: 3; text-indent: -9999px; overflow: hidden; text-decoration: none; height: 61px; width: 65px; background: transparent url("../images/jian.jpg") no-repeat left top; margin-top: -45px; } .callbacks_nav:active { opacity: 1.0; } .callbacks_nav.next { left: 0px; background-position: right top; } @media screen and (max-width: 600px) { .callbacks_nav { top: 47%; } } .dibu { text-align: center; padding: 0px 0 70px; color: #343434; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; } .dibu span { color: #343434; font-family: Arial, Helvetica, sans-serif; font-size: 20px; display: block; } .dibu a { padding: 20px; overflow: hidden; margin-right: 20px; } .dibu a.d { background: url(../images/d.png) no-repeat center center; } .dibu a:hover.d { background: url(../images/d_v.png) no-repeat center center; } .dibu a.d1 { background: url(../images/d1.png) no-repeat center center; } .dibu a:hover.d1 { background: url(../images/d1_v.png) no-repeat center center; } .dibu a.d2 { background: url(../images/d2.png) no-repeat center center; } .dibu a:hover.d2 { background: url(../images/d2_v.png) no-repeat center center; } .dibu a.d3 { background: url(../images/d3.png) no-repeat center center; } .dibu a:hover.d3 { background: url(../images/d3_v.png) no-repeat center center; } .wei { position: absolute; bottom: 0px; right: 10%; } .dibu1 { text-align: center; padding: 30px 0 70px; margin-top: 50px; color: #343434; font-family: "微软雅黑"; font-size: 14px; line-height: 30px; background: #f2f2f2; } .dibu1 span { color: #343434; font-family: Arial, Helvetica, sans-serif; font-size: 20px; display: block; } .dibu1 a { padding: 20px; overflow: hidden; margin-right: 20px; } .dibu1 a.d { background: url(../images/d.png) no-repeat center center; } .dibu1 a:hover.d { background: url(../images/d_v.png) no-repeat center center; } .dibu1 a.d1 { background: url(../images/d1.png) no-repeat center center; } .dibu1 a:hover.d1 { background: url(../images/d1_v.png) no-repeat center center; } .dibu1 a.d2 { background: url(../images/d2.png) no-repeat center center; } .dibu1 a:hover.d2 { background: url(../images/d2_v.png) no-repeat center center; } .dibu1 a.d3 { background: url(../images/d3.png) no-repeat center center; } .dibu1 a:hover.d3 { background: url(../images/d3_v.png) no-repeat center center; } /*----------------------------为保证最佳效果,建议设置如下样式------------------------*/ .slider { display: none } .ziyuan_w { color: #343434; font-family: "微软雅黑"; font-size: 15px; line-height: 25px; padding: 10px 0; width: 90%; margin-right: 10%; } .zi_zhuan { width: 392px; height: 379px; float: left; position: relative; overflow: hidden; } .zi_zhuan span { color: #343434; font-family: "微软雅黑"; font-size: 30px; background: rgba(255,255,255,0.5); position: absolute; left: 0; top: 50px; padding: 10px 20px; } .zi_zhuan span a { color: #343434; font-family: "微软雅黑"; font-size: 30px; } .zi_zhuan img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .zi_zhuan:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .zi_shu { width: 305px; height: 379px; float: left; position: relative; overflow: hidden; } .zi_shu span { color: #343434; font-family: "微软雅黑"; font-size: 30px; background: rgba(6,46,8,0.3); position: absolute; right: 0; bottom: 50px; padding: 10px 20px; } .zi_shu span a { color: #343434; font-family: "微软雅黑"; font-size: 30px; } .zi_shu img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .zi_shu:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .zi_more { width: 290px; height: 462px; float: left; position: relative; overflow: hidden; } .zi_more img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .zi_more:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .top { margin-top: 60px; } .top img { width: 100%; margin-top: -10px; } .content { padding: 50px 0; min-height: 720px; width: 100%; } .content .light { position: absolute; left: 55px; top: -50px; width: 152px; height: 191px; background: url("../images/light-top.png") no-repeat top center; } .content .light i { position: absolute; width: 100%; height: 100%; top: 0; background: url("../images/light.png") no-repeat top center; } .content .line-left { position: absolute; left: 0; top: 15px; width: 70px; } .content .line-right { position: absolute; right: 0; top: 15px; width: 460px; } .content .main { background: url("../images/line-bg.png") repeat-y 249px 0; } .content .main .title { position: absolute; line-height: 40px; padding-left: 67px; left: 230px; top: 0; color: #000; font-size: 24px; font-family: "微软雅黑"; background: url("../images/clock.png") no-repeat left top; } .content .main .year { position: relative; z-index: 100; } .content .main .year h2 { height: 40px; width: 170px; padding-right: 30px; font-size: 24px; line-height: 40px; text-align: right; } .content .main .year h2 a { color: #000; font-family: "微软雅黑"; } .content .main .year h2 i { display: block; position: relative; height: 0; width: 0; left: 190px; top: -20px; border-width: 6px; border-style: solid; border-color: #2fd035 transparent transparent transparent; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; transition: .5s; -webkit-transform-origin: 6px 3px; -moz-transform-origin: 6px 3px; -ms-transform-origin: 6px 3px; -o-transform-origin: 6px 3px; transform-origin: 6px 3px } .content .main .year .list { margin: 10px 0; position: relative; overflow: hidden; -webkit-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -moz-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -ms-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; -o-transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s; transition: height 1s cubic-bezier(0.025, 0.025, 0.000, 1.115), opacity 1s } .content .main .year .list ul { bottom: 0; } .content .main .year .list ul li { background: url("../images/circle.png") no-repeat 235px 31px; padding: 30px 0; color: #a1a4b8; } .content .main .year .list ul li.highlight { background-image: url(http://p4.qhimg.com/d/inn/05a63fc5/circle-h.png); } .cls { zoom: 1; } .cls:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .content .main .year .list ul li.highlight .date, .content .main .year .list ul li.highlight .intro { color: #000; } .content .main .year .list ul li .date, .content .main .year .list ul li .version { float: left; display: block; clear: left; width: 200px; line-height: 24px; text-align: right } .content .main .year .list ul li .date { font-size: 18px; line-height: 32px; color: #000 } .content .main .year .list ul li .intro, .content .main .year .list ul li .more { float: left; display: block; width: 900px; margin-left: 100px; line-height: 24px; } .content .more { float: left; display: block; width: 900px; margin-left: 100px; line-height: 24px; padding: 20px 0; background: url(../images/xian.jpg) no-repeat left bottom; } .content .main .year .list ul li .intro { font-size: 16px; line-height: 32px; color: #000; font-family: "微软雅黑"; } .ie7 .content .main .year h2 i { left: 40px } .qie1 { width: 100%; border-bottom: #c3c3c3 solid 1px; overflow: hidden; text-align: center; padding: 30px 0 0; } .qie { width: 400px; margin: 0 auto; text-align: center; } .qie a { padding: 15px; font-family: "微软雅黑"; font-size: 18px; color: #000; overflow: hidden; display: block; width: 150px; float: left; } .qie a:hover { border-bottom: #00ae67 solid 2px; } .qie2 { width: 800px; margin: 0 auto; text-align: center; } .qie2 a { padding: 15px; font-family: "微软雅黑"; font-size: 18px; color: #000; overflow: hidden; display: block; width: 150px; float: left; } .qie2 a:hover { border-bottom: #00ae67 solid 2px; } .sed { border-bottom: #00ae67 solid 2px; } .biaoti { width: 600px; margin: 0 auto; text-align: center; font-family: "微软雅黑"; font-size: 20px; color: #000; padding: 20px 0 20px; } .biaoti img{ text-align:center; margin:0 auto; display:block; max-width:600px; } .neirong { width: 1200px; margin: 0 auto; color: #0a0a0a; font-family: "微软雅黑"; font-size: 16px; line-height: 45px; padding: 40px 0; } .bg_line { width: 100%; overflow: hidden; background: url(../images/bg_line.jpg) repeat-x left bottom; padding: 60px 0 3px; } .bg_left { width: 40%; float: left; padding-top: 100px; z-index: 999; position: relative; } .bg_right { width: 60%; float: right; z-index: 9 } .bg_left1 { width: 40%; float: right; padding-top: 100px; } .bg_right1 { width: 60%; float: left; } .bg_right1 img { width: 100%; } .bg_left2 { width: 40%; float: left; padding-top: 100px; z-index: 999; position: relative; } .bg_right2 { width: 60%; float: right; text-align: right; } .bg_right2 img { width: 95%; } .ren { width: 560px; float: left; overflow: hidden; margin: 0px 0 40px 0px; } .ren img { -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .ren:hover img { opacity: 1.0; -webkit-transform: scale(1.2); transform: scale(1.2); } .ren1 { width: 600px; float: left; overflow: hidden; margin: 0 0 40px 40px; overflow: hidden; font-family: "微软雅黑"; font-size: 16px; color: #414146; line-height: 35px; } .ren1 span { width: 130px; display: block; text-align: center; border-bottom: #414146 solid 1px; padding: 0 0 10px; margin-bottom: 10px; font-family: "微软雅黑"; font-size: 24px; color: #414146; } /*加入惠康*/ .list_dt { color: #4e4e4e; padding: 10px 5px 10px; line-height: 34px; cursor: pointer; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "微软雅黑"; font-size: 16px; position: relative; border-bottom: 1px dashed #b6b6b6; } .list_dt:hover { } .list_dt:hover ._after { display: block; width: 3px; height: 100%; position: absolute; left: 0; top: 0; } #open { } #open ._after { display: block; width: 3px; height: 100%; position: absolute; left: 0; top: 0; background: #4285F4; } .list_dt_icon { position: absolute; right: 10px; top: 9px; display: block; width: 16px; height: 16px; background: url("../images/off.png") no-repeat; } #open .list_dt_icon { background: url("../images/open.png") no-repeat; } .list_dd { display: none; padding: 15px; font-family: "微软雅黑"; font-size: 16px; color: #333; line-height: 34px; background: #f5f5f5; border-bottom: 1px dashed #b6b6b6; } .list_li { background: #4e4e4e; list-style-type: none; color: white; width: 120px; padding: 0 30px; height: 34px; line-height: 34px; cursor: pointer; border-bottom: 1px solid #6b6b6b; } .list_li:hover { background: #4285F4; } /*实力展示*/ .sliderbox { background: url(../images/index-bottom.jpg) no-repeat 0 -1px; width: 1220px; height: 300px; overflow: hidden; padding: 0px 0 0 0; margin: 0px auto; } .arrow-btn { margin: 75px 0 0 0; display: inline; background: url(../images/arrow-btn.png) no-repeat; width: 37px; height: 124px; overflow: hidden; cursor: pointer; } #btn-left { float: left; margin-left: 12px; background-position: 0 0; } #btn-left.dasabled { background-position: 0 -124px; } #btn-right { float: right; margin-right: 6px; cursor: pointer; background-position: -37px 0; } #btn-right.dasabled { background-position: -37px -124px; } .slider { width: 1100px; overflow: hidden; position: relative; height: 300px; float: left; } .slider ul { position: absolute; left: 0px; top: 0px; width: 2500px; height: 300px; list-style: none; overflow: hidden; } .slider li { float: left; width: 280px; height: 230px; text-align: center; } .slider a { display: block; text-decoration: none; color: #414146; font-size: 18px; font-family: "微软雅黑"; text-align: center; margin-top: 24px; } .slider img { width: 240px; display: inline-block!important; } .tou { width: 691px; float: left; overflow: hidden; color: #414146; font-size: 16px; font-family: "微软雅黑"; padding: 50px 0; line-height: 30px; } .tou div { padding: 20px; } .tou1 { width: 509px; float: left; overflow: hidden; color: #414146; font-size: 16px; font-family: "微软雅黑"; padding: 50px 0; line-height: 30px; } .tou1 div { padding: 30px; height: 435px; } .tou1 span { width: 130px; display: block; text-align: center; border-bottom: #414146 solid 1px; padding: 0 0 10px; margin-bottom: 10px; font-family: "微软雅黑"; font-size: 24px; color: #414146; } .tou2 { width: 500px; float: left; margin-bottom: 60px; } .tou3 { width: 700px; float: left; color: #414146; font-size: 16px; font-family: "微软雅黑"; line-height: 30px; margin-bottom: 20px; } .tou3 span { width: 150px; display: block; text-align: center; border-bottom: #414146 solid 1px; padding: 0 0 10px; margin-top: 30px; font-family: "微软雅黑"; font-size: 24px; color: #414146; } /*新闻*/ .new03 { background: url(../images/xian02.jpg) no-repeat right bottom; font-family: "微软雅黑"; font-size: 20px; color: #00a400; margin: 30px 0; } .new03 span { display: block; font-family: "微软雅黑"; font-size: 14px; color: #00a400; } .lubo { width: 769px; min-width: 769px; clear: both; position: relative; height: 513px; float: left; } .lubo_box { position: relative; width: 769px; height: 513px; } .lubo_box li { float: left; position: absolute; top: 0; left: 0; width: 769px; height: 513px; opacity: 0; filter: alpha(opacity=0); } .lubo_box li a { display: block; width: 769px; height: 100%; } .lubo_box li img { width: 769px; height: 513px; } /*圆点*/ .cir_box { overflow: hidden; position: absolute; z-index: 100; } .cir_box li { float: right; width: 15px; height: 15px; border-radius: 20px; margin: 0 5px; cursor: pointer; background: #fff; opacity: 1; filter: alpha(opacity=100); } .cir_on { background: #00ae67 !important; } /*按钮*/ .lubo_btn { position: absolute; width: 769px; top: 140px; } .left_btn, .right_btn { width: 30px; height: 80px; background: #000; opacity: 0; filter: alpha(opacity=0); cursor: pointer; color: #fff; line-height: 80px; font-size: 30px; text-align: center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .left_btn { float: left; } .right_btn { float: right; } .new04 { width: 570px; float: left; margin-left: 20px; overflow: hidden; } .new04 ul li { background: url(../images/xian.jpg) no-repeat center 23px; border-bottom: #dcdcdc solid 1px; padding: 10px 0; margin-bottom: 10px; color: #646464; font-family: "微软雅黑"; font-size: 16px; line-height: 30px; } .new04 ul li a { color: #454545; font-family: "微软雅黑"; font-size: 18px; background: #fff; padding-right: 15px; } .new04 ul li span { color: #454545; font-family: "微软雅黑"; font-size: 14px; background: #fff; float: right; padding-left: 15px; } .new05 { background: #00a400; border-radius: 20px; padding: 5px 15px; float: right; text-align: center; } .new05 a { color: #fff; font-family: "微软雅黑"; font-size: 14px; } .new06 { overflow: hidden; margin: 40px 0; } .new06 ul li { background: url(../images/xian.jpg) no-repeat right 23px; padding: 10px 0 20px; color: #646464; font-family: "微软雅黑"; font-size: 16px; line-height: 30px; clear: both; overflow: hidden; } .new06 ul li a { color: #454545; font-family: "微软雅黑"; font-size: 18px; background: #fff; padding-right: 15px; } .new06 ul li span { color: #454545; font-family: "微软雅黑"; font-size: 14px; background: #fff; float: right; padding-left: 15px; } .new06 ul li img { width: 248px; height: 158px; float: left; margin-right: 30px; overflow: hidden; } .page { overflow: hidden; padding: 50px 0; text-align: center; } .page a { border: #e9e9e9 solid 1px; padding: 5px 10px; color: #000; font-family: "微软雅黑"; font-size: 14px; margin-right:5px; } .page a:hover { color: #f08519; } .page a:nth-of-type(1){background: #909090;border: #909090 solid 1px; color:#fff;} .page a:nth-of-type(2){background: #909090;border: #909090 solid 1px; color:#fff;} .page a:nth-last-of-type(1){background: #909090;border: #909090 solid 1px; color:#fff;} .page a:nth-last-of-type(2){background: #909090;border: #909090 solid 1px; color:#fff;} .page a:nth-last-of-type(3){background: #909090;border: #909090 solid 1px; color:#fff;} .map { width: 100%; overflow: hidden; background: url(../images/map.jpg) no-repeat center top; height: 500px; margin: 50px auto 0; } .lianxi { width: 600px; background: #fff; padding: 21px 40px; overflow: hidden; margin: 80px auto; } .lianxi01 { background: url(../images/heixian.jpg) no-repeat left bottom; padding: 0px 0 10px; color: #000; font-family: Arial, Helvetica, sans-serif; font-size: 36px; font-weight: bold; } .lianxi01 span { color: #00ae67; font-family: Arial, Helvetica, sans-serif; font-size: 46px; font-weight: bold; display: block; } .lianxi02 { background: url(../images/dizhi.jpg) no-repeat left 16px; padding: 15px 0 20px 25px; color: #000; font-family: "微软雅黑"; font-size: 14px; line-height: 24px; } .lianxi02 span { display: block; margin-bottom: 5px; font-weight: bold; color: #000; font-family: "微软雅黑"; font-size: 18px; } .liu { color: #00ae67; font-family: "微软雅黑"; font-size: 20px; padding: 10px 0; } .pad { padding: 0 0 10px 0; } .cp { overflow: hidden; padding: 0 0 3px 0; } .cp ul li { float: left; margin-right: 3px; overflow: hidden; } .cp1 { overflow: hidden; padding: 0 0 0px 0; } .cp1 ul li { float: left; margin-right: 3px; margin-bottom: 3px; overflow: hidden; } .cp2 { overflow: hidden; padding: 0 0 0px 0; } .cp2 ul li { float: left; margin-right: 4px; margin-bottom: 3px; overflow: hidden; } .cp ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .cp ul li:hover img { opacity: 1.0; -webkit-transform: scale(1.15); transform: scale(1.15); } .cp1 ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .cp1 ul li:hover img { opacity: 1.0; -webkit-transform: scale(1.15); transform: scale(1.15); } .cp2 ul li img { width: 100%; -webkit-transition: opacity 0.35s, -webkit-transform 0.35s; transition: opacity 0.35s, transform 0.35s; -webkit-transform: scale(1); transform: scale(1); } .cp2 ul li:hover img { opacity: 1.0; -webkit-transform: scale(1.15); transform: scale(1.15); } .fan { overflow: hidden; padding: 20px 0; font-family: "微软雅黑"; font-size: 16px; color: #000; width: 1200px; margin: 0 auto 30px; } .fan a { font-family: "微软雅黑"; font-size: 16px; color: #666; margin-left: 5px; margin-right: 30px; } .fan span { float: right; width: 150px; text-align: center; padding: 5px 0; background: #2c2c2c; border-radius: 20px; } .fan span a { font-family: "微软雅黑"; font-size: 16px; color: #fff; margin:0; } .shebei ul li:nth-child(2n) { float: right; } .zzsc { overflow: hidden; margin-bottom: 30px; width: 1200px; margin: 50px auto; } .zzsc ul li { width: 560px; height: 450px; overflow: hidden; float: left; margin-bottom: 20px; position: relative; } .zzsc ul li img { width: 560px; height: 400px; position: absolute; left: 0; top: 0; z-index: 10; background: url(http://www.zzsc.com/demo/images/loading.gif) no-repeat center center; } .zzsc ul li .mark { background: url(../images/jia.png) no-repeat center 160px #000; opacity: 0.5; display: none; width: 560px; height: 400px; position: absolute; left: 0; top: 0; z-index: 15; text-indent: -3000px; overflow: hidden; filter: alpha(opacity=0.7); } .zzsc ul li .mark2 { width: 560px; height: 100px; line-height: 25px; text-align: center; position: absolute; left: 0; top: 420px; color: #000; font-size: 18px; z-index: 20; } .zzsc ul li .mark2 a { font-family: "微软雅黑"; font-size: 18px; color: #000; text-decoration: none; } .zzsc ul li:nth-child(2n) { float: right; } .sywm{ background:url(../images/sywm.jpg); background-repeat:no-repeat; background-position:left top; height:385px} .sywm1{ width:660px; float:left; text-align:left;} .sywm1 img{ width:552px; float:right; height:384px;} .sywm2{ width:528px; float:right;} .sywm3{ color:#343434; font-size:14px; font-family:"微软雅黑"; height:50px; line-height:50px; margin-top:30px;} .sywm4{ color:#343434; font-size:28px; font-family:"微软雅黑"; height:50px; line-height:50px; padding-top:20px; padding-left:5px;} .sywm4 span{ color:#ffffff;} .sywm5{ color:#323232; font-size:16px; font-family:"微软雅黑"; line-height:28px; margin-top:30px; padding-left:85px; line-height:28px; height:140px; overflow:hidden;} .sywm6{ width:100%; text-align:right; margin:0 auto;} .sywm6 a{border: #bcbcbc solid 1px;margin-top:20px;width: 120px;overflow: hidden;float: right;height: 32px;line-height: 32px;display: block;color: #323232;font-size: 14px;font-family: "微软雅黑";border-radius: 5px; text-align: center;} .sywm7{ width:100%; text-align:right; margin:0 auto; padding:0 0 40px 0;} .sywm7 a{border: #bcbcbc solid 1px; margin:0 auto;width: 120px;overflow: hidden;height: 32px;line-height: 32px;display: block;color: #323232;font-size: 14px;font-family: "微软雅黑";border-radius: 5px; text-align: center;} #wrap8{ width: 1200px; margin: 40px auto; background:#f0f2f1; } #wrap8 ul li .a1 img{ width: 380px; } #wrap8 ul li{ border: #e7e7e7 solid 1px; margin-right: 12px; margin-bottom: 30px; float: left; width: 380px; height: 280px; list-style: none; position: relative; overflow: hidden; } #wrap8 ul li:nth-child(3) { margin-right:0;} #wrap8 ul li:nth-child(6) { margin-right:0;} #wrap8 ul li:nth-child(9) { margin-right:0;} #wrap8 ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 380px; height:100px; padding: 10px 0px; background: #fff; z-index:99; } #wrap8 ul li .a1 .divA>.p1{ border-bottom: #d2d2d2 solid 1px; margin: 10px 20px; line-height: 30px; font-size: 18px; color: #000; padding:0 0 20px } #wrap8 ul li .a1 .divA>.p2{ line-height: 30px; font-size: 16px; color: #a3a3a3; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 20px; } #wrap8 ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap8 ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap8 ul li .a2{ position: absolute; top: 0; left:-380PX; width: 380px; height: 280px; text-align: center; color: white; background: rgba(0,0,0,0.6); transition: all 0.2s; } #wrap8 ul li .a2 .p4{ width: 380px; text-align: center; position: absolute; top: 50px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap8 ul li .a2 .p5{ width: 380px; text-align: center; line-height:20px ; position: absolute; top: 100px; left:20px; height:40px; overflow:hidden; font-size: 16px; color: white; transition: all 0.2s 0.2s ease-out ; } #wrap8 ul li .a2 .p8{ position: absolute; bottom:20px; left: 110px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .xwzx1{ width:100%; background:#ffffff;} #wrap9{ width: 1200px; margin: 20px auto; background:#f0f2f1; } #wrap9 ul li .a1 img{ width: 380px; } #wrap9 ul li{ margin-right: 12px; margin-bottom: 30px; float: left; width: 380px; height: 320px; list-style: none; position: relative; overflow: hidden; } #wrap9 ul li:nth-child(3) { margin-right:0;} #wrap9 ul li:nth-child(6) { margin-right:0;} #wrap9 ul li:nth-child(9) { margin-right:0;} #wrap9 ul li .a1 .divA{ position: absolute; bottom: 0; left: 0; width: 380px; height:100px; padding: 10px 0px; background: #fff; z-index:99; } #wrap9 ul li .a1 .divA>.p1{ border-bottom: #d2d2d2 solid 1px; margin: 10px 20px; line-height: 30px; font-size: 18px; color: #000; padding:0 0 20px } #wrap9 ul li .a1 .divA>.p2{ line-height: 30px; font-size: 16px; color: #a3a3a3; background: url(../images/arrow1.jpg) no-repeat right center; display: block; margin: 5px 20px; } #wrap9 ul li .a1 .divA>.p3{ position: absolute; right: 0; bottom: 12px; width: 108px; height: 28px; color: #f60; } #wrap9 ul li .a1 .divA>.p3>span{ font-size: 24px; font-weight:800; } /*遮罩*/ #wrap9 ul li .a2{ position: absolute; top: 0; left:-380PX; width: 380px; height: 320px; text-align: center; color: white; background: rgba(0,0,0,0.6); transition: all 0.2s; } #wrap9 ul li .a2 .p4{ width: 380px; text-align: center; position: absolute; top: 50px; left: -474px; color: #ffe605; font-size: 24px; font-weight: bold; transition: all 0.2s 0.1s ease-out ; } #wrap9 ul li .a2 .p5{ width: 380px; text-align: center; line-height:20px ; position: absolute; top: 100px; left:20px; height:40px; overflow:hidden; font-size: 16px; color: white; transition: all 0.2s 0.2s ease-out ; } #wrap9 ul li .a2 .p8{ position: absolute; bottom:20px; left: 110px; width: 160px; height: 38px; line-height: 38px; border-radius: 20px; margin: 10px auto; border: 1px solid; transition: all 0.2s 0.5s ; } .bott{ width:100%; background:#2b2b2b; padding:20px 0;} .bott1{ width:1200px; margin:0 auto;} .bott2{ width:620px; float:left;} .bot1{ width:620px; margin:0 auto;color:#ffffff; font-size:24px;font-family:"微软雅黑"; background:url(../images/bott3.png); background-repeat:no-repeat; background-position:left center; height:60px; line-height:60px; padding-left:40px;} .bot2{ width:620px;float:left; color:#fef6f8; font-size:16px;font-family:"微软雅黑"; line-height:35px; padding-top:10px;} .bot2 a{ color:#fef6f8; font-size:14px; font-family:"微软雅黑";} .zxly{ width:240px;} .zxly li{ background:#202020; margin-bottom:10px; width:230px; height:44px; line-height:44px;} .zxly li label{ color:#ffffff; font-size:14px; font-family:"宋体"; width:80px; display:inline-block; text-align:center; float:left;} .zxly li input{ background:none; width:100px; border:0px;color:#ffffff; font-size:14px; outline:none; float:left; height:40px; line-height:40px;} .zxly1{ padding-left:10px; width:330px;} .zxly1 textarea{ background:#202020; height:149px; border:0; width:100%;color:#ffffff; font-size:14px;} .zxly2{ padding-left:20px; vertical-align:top; text-align:left;} .zxly2 input{ background:#2c2c2e; height:149px; border:0; width:40px;} .bott4{ width:540px; float:right;} .bott5{ width:540px; margin:0 auto;color:#ffffff; font-size:24px;font-family:"微软雅黑"; height:60px; line-height:60px;} .bott6{ width:100%; margin:0 auto; color:#ffffff; font-size:16px; line-height:28px;} .p1{ width:100%; margin:0 auto;line-height: 30px; font-size: 16px; color: #000; text-align:center; } .gg{ width:100%; margin:3% auto 0 auto;} .gg img{ width:100%; margin:0 auto;}