body{font-size:14px; min-width:1280px; } *{font-family: "Microsoft Yahei"} *{ margin:0; padding:0;} img{ border:none;} ul{ list-style:none;} .clear{ clear:both} .l{ float:left;} .r{ float:right;} li{list-style: none;} *{margin:0;padding: 0;} *{font-family: "Microsoft Yahei"} a{color: #666;text-decoration:none; } html body{width: 100%;font-size: 14px;} html > body > table > tr [id="total"] > td > ul > li { color:#383838;} body{ color:#383838; font-family:'Microsoft YaHei UI','Microsoft YaHei',SimSun,'Segoe UI',Tahoma,Helvetica,Sans-Serif; font-size:12px; /*解决电脑设置保护色，网页空白处默认淡绿色问题*/} /*espcms_public*/ body,div,dl,dt,dd,ul,ol,li,pre,code,form,input,textarea,/*p,*/blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} blockquote { border-left: 5px solid #EEEEEE; margin: 10px; padding: 10px; } /*首字母*/ .firstletter:first-letter{ font-size:200%;} /* 解决固定层在IE6下闪的问题 */ *html{ background-image:url(about:blank); background-attachment:fixed;} /* 解决ie下连接加粗的鼠标样式问题*/ a strong{ cursor:pointer;} /*FCK 兼容解决方案*/ strike{ text-decoration:line-through !important;} strong{ } u{ text-decoration:underline !important;} /*超出省略号显示*/ .ellipsis{white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:80px;overflow:hidden;} /*块状元素水平居中*/ .auto{margin-left:auto; margin-right:auto;} /*清除浮动*/ .fix{*zoom:1;}.fix:after{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden;} /*基于display:table-cell的自适应布局*/ .cell{display:table-cell; *display:inline-block; width:2000px; *width:auto;} /*双栏自适应cell部分连续英文字符换行*/ .cell_bk{display:table; width:100%; table-layout:fixed; word-wrap:break-word;} /*单行文字溢出虚点显示*/ .ell{text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .ti2{text-indent:2em;} /*按钮*/ html .button{ display: inline-block; zoom: 1; *display: inline; vertical-align: baseline; margin: 0 2px; outline: none; cursor: pointer;text-align: center; text-decoration: none; font-size:14px; line-height:100%; padding: .4em 1.5em .55em; border:none; border-radius: 2px; color: #fff; background: #A7A9AA;} .button:hover { text-decoration: none; background: #9a9c9d; } .button:active { position: relative; top: 1px;color: #999; } /*圆角*/ .button.bigrounded { -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; } /*中号*/ .button.medium { font-size: 12px; padding: .4em 1.5em .42em; } /*小号*/ .button.small { font-size: 11px; padding: .2em 1em .275em; } .ser_pj img { max-width: 100%; height: auto; vertical-align: top; -ms-interpolation-mode: bicubic; border: 0;} .nyfx{ width: 200px; top: 30px;z-index: 9999999; } .nyfx a{ display:block; width:40px; height:40px; float:right; margin-right:10px; border-radius:50%; transition:all 0.3s; color: #fff} .nyfx a:hover{ background:#d5272f; color: #fff} .nyfx .weixin{margin-top: 22px;} .nyfx .sj{margin-top: 22px;} .nyfx .weixin:hover span{ transform: rotate(360deg); opacity:1; width:150px; height:150px; } .nyfx .weixin span{ background: url("../images/2wm_wx.png") no-repeat; display:block; margin-left:-30px; margin-top:15px; opacity:0; transition:all 1.5s; transform: rotate(0deg); width:0px; height:0px; } .nyfx .sj span{ background: url("../images/2wm_sj.png") no-repeat; display:block; margin-left:-30px; margin-top:15px; opacity:0; transition:all 1.5s; transform: rotate(0deg); width:0px; height:0px; } .nyfx .sj:hover span{ transform: rotate(360deg); opacity:1; width:150px; height:150px; } .shuangyang_head{width:100%; height: 100px; z-index: 999999; margin: 0 auto; background: #fff; border-top:6px #5e5e5e solid; min-width: 1600px;} .shuangyang_head ul{width:90%; margin:0 auto;} .shuangyang_head .nylogo{ padding-top: 5px;width:35%} .shuangyang_head_r{width:65%} .top_r_list{width:22%; text-align: left; margin-top: 25px;} .banben{width:40px; height: 40px; line-height: 40px; border-radius:50%; background: #1a5999; text-align: center; margin-top:22px;} .nynav{width:75%; padding-top:36px;} .nynav li{width:12.5%;float:left;font-size:16px;} /*焦点图*/ .focus{ position:relative; width:1000px; height:480px; background-color: #000;margin-top: 30px;border: 2px solid #f0f0f0;margin: 0 auto;} .focus img{ width: 1000px; height: 480px;} .focus .shadow .title{width: 260px; height: 65px;padding-left: 30px;padding-top: 20px;} .focus .shadow .title a{ text-decoration:none; color:#fff; font-size:14px; font-weight:bolder; overflow:hidden; } .focus .btn{ position:absolute; bottom:34px; left:510px; overflow:hidden; zoom:1;} .focus .btn a{position:relative; display:inline; width:13px; height:13px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .btn a:hover,.focus .btn a.current{ cursor:pointer;background:#fc114a;} .focus .fPic{ position:absolute; left:0px; top:0px; } .focus .D1fBt{ overflow:hidden; zoom:1; height:16px; z-index:10; } .focus .shadow{ width:100%; position:absolute; bottom:0; left:0px; z-index:10; height:80px; line-height: 80px; background:rgba(0,0,0,0.6); filter:progid:DXImageTransform.Microsoft.gradient( GradientType = 0,startColorstr = '#80000000',endColorstr = '#80000000')\9; display:block; text-align:left; } .focus .shadow a{ text-decoration:none; color:#fff; font-size:20px; overflow:hidden; margin-left:10px; font-family: "\5FAE\8F6F\96C5\9ED1";} .focus .fcon{ position:relative; width:100%; float:left; display:none; background:#000 } .focus .fcon img{ display:block; } .focus .fbg{bottom:25px; right:40px; position:absolute; height:21px; text-align:center; z-index: 200; } .focus .fbg div{margin:4px auto 0;overflow:hidden;zoom:1;height:14px} .focus .D1fBt a{position:relative; display:inline; width:12px; height:12px; border-radius:7px; margin:0 5px;color:#B0B0B0;font:12px/15px "\5B8B\4F53"; text-decoration:none; text-align:center; outline:0; float:left; background:#D9D9D9; } .focus .D1fBt .current,.focus .D1fBt a:hover{background:#fc114a;} .focus .D1fBt img{display:none} .focus .D1fBt i{display:none; font-style:normal; } .focus .prev,.focus .next{position:absolute;width:40px;height:74px;background: url(../images/focus_btn.png) no-repeat;} .focus .prev{top: 50%;margin-top: -37px; left: 0;background-position:0 -74px; cursor:pointer; } .focus .next{top: 50%;margin-top: -37px; right: 0; background-position:-40px -74px; cursor:pointer;} .focus .prev:hover{ background-position:0 0; } .focus .next:hover{ background-position:-40px 0;} .footer{background: #333;width:100%; height: 420px;line-height: 30px;} .shuangyang_end{width:1280px; margin: 0 auto; padding: 40px 0; color: #a3a3a3} .shuangyang_end li{float:left;} .end20{font-size:20px;font-weight: bold; color: #ccc; margin-bottom: 15px;} .end_list li{font-size:14px; line-height:30px;} .end_list li a{ color:#a3a3a3;} .end_list li a:hover{ color:#fff;} .course{ padding: 80px 0 140px; background-attachment: fixed; background-size: cover; background-position: center;} .course__title{ color: #fff;} .course__title:before{ background: #fff;} .course__down{ margin-top: 94px;} .course__btns span{ display: block; width: 53px; height: 53px; border-radius: 50%; float: left; line-height: 54px; text-align: center; font-size: 18px; cursor: pointer; color: #fff; transition: 0.4s; margin-right: 22px; border: 1px solid #fff;} .course__btns span:hover{ background: #0065aa; color: #fff; border-color: #0065aa;} .course__wappw .course__btns span.prev{ left: 30px;} .course__wappw .course__btns span.next{ right: 30px;} .course__itemd.slick-current .course__fix{ opacity: 1; visibility: visible; transition: 0.65s 0.1s; transform: translateX(0px); -webkit-transform: translateX(0px); -moz-transform: translateX(0px);} .course__wappw .course__btns span{ background: #dfdfe0; border-color: #dfdfe0; color: #4f4f50; position: absolute; top: 118px; margin-right: 0;} .course__wappw .course__btns span:hover{ background: #0065aa; border-color: #0065aa; color: #fff;} .course__list{ width: 1372px; margin-left: -11px; display: flex; display: -webkit-flex; align-items: flex-end; margin-top: 46px;} .course__item{ width: 25%; float: left;} .course__wr{ margin: 0 11px; background: #fff;} .course__top{ padding: 28px 28px 22px 36px; border-bottom: 1px solid #ebebeb; position: relative; z-index: 4; perspective: 500px; -webkit-perspective: 500px;} .course__top:before{content: ""; width: 100%; height: 82px; position: absolute; left: 0; top: 0; background: #0065aa; opacity: 0; visibility: hidden; transform-origin: top center 0; transform: rotateX(-80deg); -webkit-transform: rotateX(-80deg); -moz-transform: rotateX(-80deg); transition: 0.48s; z-index: -1;} .course__top p{ float: left; color: #a1a1a1; font-size: 20px; font-family: "PFDinTextCompPro-Regular"; line-height: 1; transition: 0.4s;} .course__top p b{ display: inline-block; vertical-align: middle; margin-right: 3px; font-weight: bold; font-size: 30px; transition: 0.4s;} .course__top small{ display: block; float: right; line-height: 1; color: #a1a1a1; font-size: 25px; font-family: "PFDinTextCompPro-Regular"; margin-top: 6px; text-transform: uppercase; opacity: 0.3; filter:alpha(opacity=30); font-style: italic; transition: 0.4s;} .course__text{ padding: 30px 40px 32px 38px;} .course__text p{ color: #656565; font-size: 16px; text-align: justify; font-family: "微软雅黑";} .course__wr:hover .course__top:before{ opacity: 1; visibility: visible; transform: rotateX(0deg); -webkit-transform: rotateX(0deg); -moz-transform: rotateX(0deg);} .course__wr:hover .course__top p{ color: #fff;} .course__wr:hover .course__top p b{ color: #fff;} .course__wr:hover .course__top small{ color: #fff;} .course__list .slick-track{ display: flex; display: -webkit-flex; align-items: flex-end;} .course__banner{ position: relative; padding: 0 98px; margin-top: 128px;} .course__banner:before{ content: ""; left: 98px; right: 98px; top: 147px; background: #fff; position: absolute; height: 1px;} .course__wappw{ position: relative;} .course__itemd{ float: left; position: relative; padding-top: 102px; padding-bottom: 170px; width: 116px;} .course__defaul{ display: block; text-align: center; color: #fff; font-size: 25px; line-height: 1; font-family: "PFDinTextCompPro-Regular"; font-style: italic; padding-bottom: 20px; position: relative;} .course__defaul:before{ content: ""; width: 2px; height: 8px; background: #fff; position: absolute; left: 50%; margin-left: -1px; bottom: 0;} .course__fix{ position: absolute; left: 50%; margin-left: -274px; top: 0; z-index: 5; background: #fff; width: 548px; opacity: 0; visibility: hidden; transform: translateX(20px); -webkit-transform: translateX(20px); -moz-transform: translateX(20px);} .course__time{ background: #0065aa; padding: 30px 26px 28px 40px;} .course__time strong{ display: block; float: left; color: #ffffff; font-size: 20px; line-height: 1; font-weight: normal; font-family: "PFDinTextCompPro-Regular";} .course__time strong b{ display: inline-block; font-size: 30px; vertical-align: middle; margin-right: 4px;} .course__time small{ display: block; float: right; color: #ffffff; font-size: 25px; font-family: "PFDinTextCompPro-Regular"; font-style: italic; text-transform: uppercase; opacity: 0.3; filter:alpha(opacity=30); line-height: 1;} .course__downd{ padding: 16px 24px 60px;} .course__downd img{ display: block; width: 45.14%; float: left; line-height: 1;} .coursefix{ width: 49.79%; float: right; padding-top: 8px;} .coursefix p{ color: #656565; font-size: 16px; font-family: "微软雅黑";} .nh_beijing{ height: 580px; width: 100%;background:url(../images/img/ab_neg.jpg) no-repeat center;} .nh_beijingn{ height: 580px; width: 100%;background:url(../images/img/ab_nega.jpg) no-repeat center;} .nh_beijingb{ height: 580px; width: 100%;background:url(../images/img/ab_negb.jpg) no-repeat center;} .nh_beijinfw{ height: 580px; width: 100%;background:url(../images/img/ab_nefw.jpg) no-repeat center;} .nh_beijingjob{ height: 580px; width: 100%;background:url(../images/img/ab_nejob.jpg) no-repeat center;} .nh_beijinfa{ height: 580px; width: 100%;background:url(../images/img/ab_nefa.jpg) no-repeat center;} .nh_beijingc{ height: 580px; width: 100%;background:url(../images/img/ab_negc.jpg) no-repeat center;} .ljjj{height:178px; border-bottom: 1px dashed #ebebeb;} .nh_beijing1{ height: 580px; width: 100%;background:url(../images/img/ab_neg1.jpg) no-repeat center;} .nh_beijing2{ height: 580px; width: 100%;background:url(../images/img/ab_neg2.jpg) no-repeat center;} .nh_beijing3{ height: 580px; width: 100%;background:url(../images/img/ab_neg3.jpg) no-repeat center;} /*服务*/ .ser_shili { margin-top:450px; } .ser_shili ul { width: 100%; } .ser_shili li { width: 22%;*width: 21.9%; margin: 1% 1.5% 0 1.5%; float: left; text-align: center} .ser_pj { margin-top: 0px; background:#ececec;transition-duration: 0.3s;} .ser_pj li{transition-duration: 0.3s;} .ser_pj:hover { background: #06422f;transition-duration: 0.3s; } .ser_pj:hover h3,.ser_pj:hover dd p{ color:#fff;transition-duration: 0.3s;} .ser_pj dt { float: left; width: 50%; transition-duration: 0.3s; } .ser_pj dd { width: 45%; margin-top:50px; float: right; } .ser_pj dd:hover { animation: dou 0.5s linear;transition-duration: 0.3s; } .ser_pj dd h3 { font-size: 40px; margin-bottom: 12px; color: #000; } .ser_pj dd p { line-height: 30px; font-size: 15px; } .ser_jishu { margin-top: 0px;background: #ececec;transition-duration: 0.3s; } .ser_jishu img{max-width:100%;} .ser_jishu:hover,.ser_pj:hover { background: #d51c1c ;transition-duration: 0.3s; border:5px solid #06422f} .ser_jishu:hover h3,.ser_jishu:hover dd p{ color:#fff;transition-duration: 0.3s;} .ser_jishu dt { float: right; width: 50%;transition-duration: 0.3s; } .ser_jishu dd { width: 44%; padding: 60px 30px 0 0; height: 325px; float: left; } .ser_jishu dd:hover{animation: dou 0.5s linear;transition-duration: 0.3s;} .ser_jishu dd h3 { font-size: 40px; margin-bottom: 15px; color: #000; padding-left: 50px; } .ser_jishu dd p { line-height:28px; font-size: 15px; padding-left: 50px;} .ser_shili { margin-top: -80px; } .ser_shili ul { width: 100%; } .ser_shili li { width: 22%;*width: 21.9%; margin: 0 1.5%; float: left;transition-duration: 0.3s; } .ser_shili li:hover{animation: dou 0.5s linear;} .index_bottom { height: 150px; margin-top: 50px; width: 100%; background: url('../images/img/ser_bg.jpg') no-repeat; -webkit-background-size: cover; background-size: cover; background-attachment: fixed; padding: 70px 0 0; text-align: center;font-size:42px; color: #06422f;font-weight: bold} .ser_lc { margin-top: 3px; width: 100%; padding: 0 0 60px 0; overflow: hidden; } .ser_lc h3 { font-size: 40px; margin: 40px 0 10px 0; color: #000; text-align: center; } .ser_lc p { text-align: center; font-size: 15px; margin-bottom: 20px; } .ser_lc h4 { color: #000; font-weight: 600; font-size: 17px; padding: 4px 10px; width: 63%; margin: 15px auto 0; text-align: center; } .ser_lc li { float: left; width: 16.6%; background: url("../images/img/lc_line.png") no-repeat right 44%; } .ser_lc li:hover{animation: dou 0.5s linear;} .ser_lc li img { display: block; width: 60%; margin: 0 auto; text-align: center; } .com_adv { width: 100%; height: 545px; background: #e5e5e5; } .com_adv-bx-z { float: left; width: 54%; background: #f4f4f4; height: 545px; padding: 108px 75px 0 60px; box-sizing: border-box; *width: 405px; *height: 437px; } .com_adv-bx-z h2 { font-size: 55px; color: #eb0001; } .com_adv-bx-z h2 span { font-size: 23px; font-weight: normal; width: 115px; display: block; border-bottom: 5px solid #2b2b2b; height: 35px; margin-top: 30px; } .com_adv-bx-z p { font-size: 18px; color: #2b2b2b; line-height: 32px; margin: 8px 0 15px 0; background: url(http://www.rgdryer.com/template/images/ser_ico.png) no-repeat left 0px; text-indent: 45px; } .com_adv-bx-z h4 { font-size: 34px; color: #2b2b2b; margin-bottom: 20px; } .cp_more{width:160px; margin: 30px auto 0 auto; text-align: center;transition-duration: 0.3s; } .cp_more a{color:#555;height: 60px;line-height: 60px; background:#ccc; display: block;font-size:18px;font-weight: bold;transition-duration: 0.3s;} .cp_more a:hover{color:#f00; background:#fff;display: block;transition-duration: 0.3s;border-radius:30px;} .lx_list { max-width: 100%; overflow: hidden; margin: 40px auto 60px; } .lx_list h3 { font-size: 40px; margin: 8px 0; text-align: center; color: #eb0001; } .lx_list p { font-size: 17px; text-align: center; color: #666; margin-bottom: 30px; } .lx_list li { float: left; width: 30%; border: #d8d8d8 1px solid; padding: 1%; margin: 0 0.5% 30px; } .lx_list li img { display: block; margin: 0 auto; text-align: center; } .lx_list li h4 { text-align: center; width: 100%; font-size: 24px;* font-size: 20px; } .lx_list li:hover{animation: dou 0.5s linear;} .nh_beijing_n{ height: 580px; width: 1300px; margin: 0 auto; } .nh_beijing_n_a{ height: 380px; width: 380px; background: url(../images/img/uy.png) no-repeat center;margin: 0 auto; } .nh_beijing_n_aa{ height: 380px; width: 380px; background: url(../images/img/uya.png) no-repeat center;margin: 0 auto;} .ny_neirong{width:80%; margin: 0 auto} .ny_neirong .gsm38{ color: #073931;font-size: 36px;font-weight: bold;text-align: center;} .ny_neirong .en24{ color: #666666;font-size: 21px; margin-top: 10px;font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, "sans-serif";text-align: center;} .specific-massge { width:100%; margin: 0 auto; margin-top: 55px; margin-bottom: 65px; } .specific-massge ul li { background: #f1f1f1; padding: 20px 66px; margin-bottom: 24px;transition-duration: 0.3s; } .specific-massge ul li:hover{ background:#ccc} .specific-massge .sm-tit, .sm-detail { float: left; } .specific-massge .sm-tit { width: 20%; } .specific-massge .sm-tit b, .specific-massge .sm-tit strong { display: block; } .specific-massge .sm-tit b { color: #333333; font-size: 20px; font-weight: normal; } .specific-massge .sm-tit { color: #999999; font-size: 15px; margin-top: 5px; font-weight: inherit; } .specific-massge .sm-detail { border-left: 1px solid #cccccc; padding-left: 90px; } .specific-massge .sm-detail h5 { color: #666666; font-size: 16px; } .specific-massge .sm-detail span { color: #999999; font-size: 14px; } .specific-massge .sm-detail p { color: #666666; font-size: 24px; } .specific-massge .sm-detail a { color: #666666; } .jn_nn{ height:40px; width: 420px; margin: 0 auto;} .jn_nn li{ height: 40px; width: 120px; float:left;margin-left:15px;} .jn_nn li a{ height: 40px; width: 120px; line-height: 40px;background: #ffffff; display: block; text-align: center; font-size: 16px; color: #0056ab;} .jn_nn li a:hover{ height: 40px; width: 120px; line-height: 40px;background: #1bb9b0; display: block; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold;} .jn_nnn{ height:40px; width: 420px; margin: 0 auto;} .jn_nnn li{ height: 40px; width: 120px; float:left;margin-left:15px;} .jn_nnn li a{ height: 40px; width: 120px; line-height: 40px;background: #ffffff; display: block; text-align: center; font-size: 16px; color: #0056ab;} .jn_nnn li a:hover{ height: 40px; width: 120px; line-height: 40px;background: #1bb9b0; display: block; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold;} .jn_nn_cp{ height:40px; width: 120px; margin: 0 auto;} .jn_nn_cp li{ height: 40px; width: 120px; float:left;margin-left:15px;} .jn_nn_cp li a{ height: 40px; width: 120px; line-height: 40px;background: #ffffff; display: block; text-align: center; font-size: 16px; color: #0056ab;} .jn_nn_cp li a:hover{ height: 40px; width: 120px; line-height: 40px;background: #1bb9b0; display: block; text-align: center; font-size: 16px; color: #ffffff; font-weight: bold;} .ab_a1{ width:100%;} .ab_a1_a{ height: 500px; width: 1200px; margin: 0 auto;} .ab_a1_a_l{ height: 330px; width: 660px; float: left;} .ab_a1_a_r{ height: 330px; width: 500px; float: right;} .ab_a1_a_l_z p{ line-height: 40px; font-size: 16px; color: #4d4d4d; margin-top: 26px;} .ab_a2 p{line-height: 40px; font-size: 16px; color: #4d4d4d; margin-top: 40px; width: 1200px; margin: 0 auto;} .ab_a3{ height: 240px; width: 100%; margin: 0 auto;background: url("../images/img/adbg.jpg") center;} .ab_a3_n{ height: 200px; width: 900px; margin: 0 auto;} .ab_a3_n_a{ height: 117px; width: 300px; float: left;} .ab_a3_n_a_t{ height: 90px; word-break: 300px;} .number{font-size: 60px;color: #ff7214; !important; margin-left: 70px;} .text{font-size: 18px;color: #fff;font-family: 'hero_light'; !important;} .ab_a3_n_a_z p{font-size: 16px;color: #fff;font-family: 'hero_light';!important; width: 300px; line-height: 20px; text-align: center;} /*公司简介售后服务*/ .fl{float:left;} .fr{float:right;} .gr_center{text-align:center;} .grWidth{width:1280px; margin:0 auto;} .mb10{margin-bottom:10px;} .mb15{margin-bottom:15px;} .center{text-align:center;} .hidden{overflow:hidden;} .nor{font-weight:normal;} .strength{margin-bottom: 60px;} .strengthMain{height:;overflow:hidden;} .strengthMain li{float:left;width:640px;height:330px;overflow:hidden;background:#000;position:relative;} .strengthMain li img{width:640px;height:330px;transition:all .5s;opacity:0.4;filter:alpha(opacity=40);} .strengthMain li .font{width:640px;height:205px;top:0;left:0;position:absolute;color:#fff;text-align:center;font-size:16px;padding-top:125px;} .strengthMain li .font h3{font-size:36px;color:#fff;font-weight:normal;margin-bottom:20px;line-height:36px;} .strengthMain li:hover img{transform: scale(1.05, 1.05);} .strengthMain li .font::before,.strengthMain li .font::after{position:absolute;content:'';opacity:0;transition:all 0.5s;} .strengthMain li .font::before{top:25px;right:15px;bottom:25px;left:15px;border-top:1px solid #fff;border-bottom:1px solid #fff;transform:scale(0,1);-webkit-transform-origin:0 0;transform-origin:0 0} .strengthMain li .font::after{top:15px;right:25px;bottom:15px;left:25px;border-right:1px solid #fff;border-left:1px solid #fff;transform:scale(1,0);transform-origin:100% 0;} .strengthMain li:hover .font::before,.strengthMain li:hover .font::after{opacity:1;transform:scale(1);transition: all 0.5s;} /*公司简介企业文化*/ .qywenhua{background: url("../images/images/qywh_bg.jpg") no-repeat center bottom;width:100%;height:1100px;} .qywenhua ul{width: 1280px;margin: 0 auto;padding-top:614px;} .qywenhua ul li{width: 224px;height: 300px;border: 1px solid rgba(255,255,255,0.7);background-color: rgba(7,43,57,0.5);float: left;padding: 15px;} .qywenhua ul li:hover{border: 1px solid rgba(7,48,57,0.9);background-color: rgba(7,48,57,0.9);} .qywenhua ul li h1{font-size:24px;color: #fff;text-align: center;margin-top: 15px;} .qywenhua ul li img{margin: 0 auto;display: block;margin-top: 64px;} .qywenhua ul li p{ text-align: center;margin-top: 10px;color: #fff;} .xinwen_xq{background:#06422f;width:90%; padding: 5% 5% 8% 5%; margin-top: 100px; color: #fff;font-size:16px; text-align: center} .xinwen_xq a{color:#fff} .xinwen_xq a:hover{color:#ff0} .cptu{width:100%; text-align: center; margin-top: -90px} .new_n{ height: 347px; width:100%;background:url(../images/yu.jpg) no-repeat center; margin: 0 auto;} .sg_al_n_a p{ height:35px; width: 1100px; line-height: 35px; font-size: 16px; color: #3f3f3f; display: block; text-align: center; margin: 0 auto;} .wen_n{ height: 520px; width: 100%;background:url(../images/industry.jpg) no-repeat center; margin: 0 auto;} .wen_n_n{ height: 366px; width: 1200px; margin: 0 auto;} .wen_n_n_a{ height: 366px; width: 239px; float: left; background-color: rgba(255,255,255,0.6); border-right: 1px solid #FFFFFF;} .wen_n_n_a_t{ height:201px; width: 239px;} .wen_n_n_a_d{ height: 165px; width:239px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .wen_n_n_a_t_a p{font-size: 26px; font-weight: bold; color: #000; padding-top: 65px; margin-bottom: 15px; width: 239px; display: block; text-align: center;} .wen_n_n_a_t_b p{width: 239px; color: #000; font-size: 14px; line-height: 22px; height: 66px; overflow: hidden;display: block; text-align: center;} .trs { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -ms-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; } .cover_top p{ width:140px; font-size: 14px; color: #FFFFFF; padding-top: 40px; padding-left:44px;} #lo{ width: 400px;} #lo p{ line-height: 24px; font-size: 14px; color: #6d6d6d; margin-top: 15px; } .fanhui a{ height:40px; width: 140px; background: #095db0;border-radius:10px; display: block; text-align: center; font-size: 16px; color: #FFFFFF; line-height: 40px; margin-top: 30px;} .fanhui a:hover{color: #FFFFFF;} /*ne_xinwen*/ .ne_xinwen_t{ height:250px; width:100%;background:url(../images/rr.jpg) no-repeat center; margin: 0 auto;} .ne_xinwen{ height: 460px; width: 1200px; margin: 0 auto;} .ne_xinwen_l{ height: 460px; width:900px; float: left;} .ne_xinwen_l_t{ height: 40px; width: 900px; background: #f5f5f5;border:1px solid #dbdbdb;} .ne_xinwen_l_t li{width: 120px; height: 40px; float: left;} .ne_xinwen_l_t li a{background:url(../images/p1.jpg) no-repeat center left;width: 120px; height: 40px; font-size:18px; color: #000000; display: block; text-align: center; line-height: 40px; margin-left: 15px;} .ne_xinwen_l_t li a:hover{ color: #fa0000;} .ne_xinwen_l_n{ height: 390px; width:900px; margin-top: 30px;} .ne_xinwen_l_n_t{height: 260px; width: 900px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .ne_xinwen_l_n_t_a{ height:35px; width: 900px; padding-top: 275px; } .ne_xinwen_l_n_t_a_l{ height: 35px; width: 100px; background: #e63520;border-radius:5px; float:left;} .ne_xinwen_l_n_t_a_l p{line-height: 35px; width: 100px; display: block; text-align: center; font-size: 18px; color: #FFFFFF;} .ne_xinwen_l_n_t_a_r{ height: 35px; width: 780px; float: right;} .ne_xinwen_l_n_t_a_r a{ line-height: 35px; font-size: 22px;color: #484848; display: block; height: 35px;} .ne_xinwen_l_n_t_a_t{ height: 100px; width: 900px; } .ne_xinwen_l_n_t_a_t_l{ height: 100px; width: 760px; float: left;} .ne_xinwen_l_n_t_a_t_l p{ line-height: 30px; padding-top: 5px; font-size: 16px; color: #626262; height: 90px; overflow: hidden;margin-top: 10px;} .ne_xinwen_l_n_t_a_t_r{ float: right; border: 1px solid #dbdbdb; background: url(../images/o1.jpg) no-repeat center 14px; height: 30px; width: 66px; padding-top: 35px; font-size: 12px; text-align: center; border-radius: 4px; margin: 0px 0 0 35px; } .ne_xinwen_l_n_t_a_t_r p{padding-top: 4px;} .ne_xinwen_r{ height: 460px; width: 230px; float: right; border:1px solid #dbdbdb;} .ne_xinwen_r_n{ padding: 20px;} .ne_xinwen_r_n_t p{font-size: 22px;line-height: 32px; color: #000000; display: block; font-weight: bold;} .ne_xinwen_r_n_t_a p{ line-height:20px; color: #2c2c2c; font-size: 18px;} .ne_xinwen_r_n_z{ height: 120px;margin-top: 20px; } .ne_xinwen_r_n_z li{width: 190px;height: 120px; } .ne_xinwen_r_n_z_l{height: 80px; width: 190px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left; border-radius: 6px; margin-top: 10px;} .ne_xinwen_r_n_z_l_a a{line-height: 30px; font-size: 16px; color: #2a2a2a;} /*sg_al*/ .sg_al{ height: 35px; width: 320px;border-left: 3px solid #484848;border-right: 3px solid #484848; margin: 0 auto;} .sg_al a{ line-height: 35px; width: 320px; font-size: 32px; color: #484848; display: block; text-align: center; height: 35px;} .sg_al_n p{display: block; text-transform: uppercase; font-size: 18px;color: #9d9d9d; width: 320px;margin: 0 auto;text-align: center; line-height: 20px; margin-top: 10px;} .sg_al a:hover{ color: #0056ab;} /*nei_cp*/ .neii_cp{ height: 540px; width: 1200px; margin: 0 auto;} .neii_cp_l{ height: 540px; width: 230px; background:#5e5e5e; float: left; } .shit{position: fixed; top: 0; left:50%;margin-left: -600px;} .neii_cp_ll{ height: 357px; width: 230px; background:#5e5e5e; float: left;} .neii_cp_ll li{ line-height: 50px; border-bottom: 1px solid #727272;} .neii_cp_ll li a{ line-height: 50px; width: 230px; font-size: 16px; color: #ffffff; display: block; text-align: center;} .neii_cp_ll li a:hover{height: 50px; width: 230px; background: #fd0000;} .neii_cp_l li{ line-height: 76px; border-bottom: 1px solid #727272;} .neii_cp_l li a{ line-height: 76px; width: 230px; font-size: 16px; color: #ffffff; display: block; text-align: center;} .neii_cp_l li a:hover{height: 76px; width: 230px; background: #fd0000;} .neii_cp_r{ height: 540px; width:960px; float: right;} .neii_cp_r_t{ height: 370px; width: 960px;} .banner4{ float:left; height:370px; width:960px; position:relative;} .neii_cp_r_d{ height: 160px; width: 960px; margin-top: 10px;} .neii_cp_r_da{ height: 160px; width: 312px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .neii_cp_r_da a{ font-size: 24px; color: #FFFFFF; display: block; padding-top: 30px; margin-left: 20px;} .neii_cp_r_da em{line-height: 20px;color: #FFFFFF; display: block; padding-top: 5px; margin-left: 20px; font-size: 16px;} .neii_cp_r_db{ height: 160px; width: 312px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; margin-left: 11px;float: left;} .neii_cp_r_db a{ font-size: 24px; color: #FFFFFF; display: block; padding-top: 30px; margin-left: 20px;} .neii_cp_r_db em{line-height: 20px;color: #FFFFFF; display: block; padding-top: 5px; margin-left: 20px; font-size: 16px;} .neii_cp_r_dc{ height: 160px; width: 312px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; margin-left: 11px;float: left;} .neii_cp_r_dc a{ font-size: 24px; color: #FFFFFF; display: block; padding-top: 30px; margin-left: 20px;} .neii_cp_r_dc em{line-height: 20px;color: #FFFFFF; display: block; padding-top: 5px; margin-left: 20px; font-size: 16px;} .ne_cp_a{ height:360px; width: 100%; margin: 0 auto;} .ne_cp_a_n{ height: 360px; width: 1200px; margin: 0 auto;} .ne_cp_a_n_t{ height:30px; width: 1200px;} .ne_cp_a_n_t_l{ height:30px; width: 300px; float: left;} .ne_cp_a_n_t_l a{ float: left; border-left: 4px solid #ef001d; padding-left: 10px; font-size: 24px; color: #ef001d; font-weight: normal;} .ne_cp_a_n_t_r{ width:180px; float: right;} .ne_cp_a_n_t_r a{font-size: 14px;color: #535353; width: 60px; display: block; text-align: center; line-height: 30px; float: left;} .ne_cp_a_n_d{ width: 1200px; height: 220px; margin-top: 30px;} .ne_cp_a_n_d li{ height: 220px; width: 290px; margin-left: 5px; margin-right: 5px; float: left;} .nei_tu{height: 220px; width: 290px;position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .nei_tu_z a{ line-height: 40px; width: 290px; color: #525252; font-size: 15px; display: block; text-align: center;} .ne_cp_b{ height:390px; width: 100%; margin: 0 auto; background: #f5f4f4;} .ne_cp_b_n_t{ height:30px; width: 1200px;} .ne_cp_b_n_t_l{ height:30px; width: 300px; float: left;} .ne_cp_b_n_t_l a{ float: left; border-left: 4px solid #000000; padding-left: 10px; font-size: 24px; color: #000000; font-weight: normal;} .ne_cp_b_n_t_r{ width:20px; float: right;} .ne_cp_b_n_t_r a{font-size: 14px;color: #535353; width: 20px; display: block; text-align: center; line-height: 30px; float: left;} .ne_z{ line-height: 35px; width: 1200px; font-size: 12px; color:#676767; margin: 0 auto;} /*wb_top*/ .wb_top{ height:40px; width: 100%; margin: 0 auto; background-color: #2a2a2a;} .wb_top_n{ height: 40px; width: 1220px; margin: 0 auto;} .wb_top_n_l{ height: 40px; width:400px; float: left; margin-left: 10px;} .wb_top_n_l p{ line-height: 40px; height: 40px; color:#cecece; font-size: 14px;} .wb_top_n_r{ width: 220px; height: 40px; float: right;} .wb_top_n_r_a{ width: 110px; height: 40px; float: right; } .wb_top_n_r_a a{ line-height: 40px; font-size: 14px; display: block;background:url(../images/bw_b1.png) no-repeat center left; color: #cecece; text-align: center; } .wb_top_n_r_a a:hover{ line-height: 40px; font-size: 14px; display: block;background:url(../images/bw_b2.png) no-repeat center left; color: #FFFFFF; text-align: center; } .wb_top_n_r_b{ width: 110px; height: 40px; float: right; } .wb_top_n_r_b a{ line-height: 40px; font-size: 14px; display: block;background:url(../images/bw_a1.png) no-repeat center left; color: #cecece; text-align: center; } .wb_top_n_r_b a:hover{ line-height: 40px; font-size: 14px; display: block;background:url(../images/bw_a2.png) no-repeat center left; color: #FFFFFF; text-align: center; } .shouji{ width:200px; height: 40px; float:right; margin-right: 30px;} .shouji li{ width:100px; text-align:center; height:40px; float:right; position:relative} .shouji li .shou_back{width:240px; height:0; position:absolute; top:32px; left:-70px; opacity:0;background-color:#fff; z-index: 999; border-bottom: 3px solid #e60012;} .shouji li a{line-height: 40px; height: 40px; color:#cecece; font-size: 14px;} .shouji li a:hover{color:#FFFFFF; } .shou_back_n{ display: none;padding: 20px 15px;} .shou_back_n_l{ height: 86px; width: 86px; float: left;} .shou_back_n_r p{ line-height: 25px; font-size:14px; color: #212121;margin-top: 15px;} /*wb_nav*/ .wb_nav{ height: 70px; width: 100%; margin: 0 auto; background: #eeeeee;} .wb_nav_n{ height: 70px; width: 1200px; margin: 0 auto;} .wb_nav_logo{ height: 70px; width: 350px;background:url(../images/wb_logo.jpg) no-repeat center; float: left; } .wb_nav_sou p{ font-size: 18px; color:#000000; line-height: 70px; text-align: center; margin-left: 12px;} .wb_nav_nav{ height: 70px; width: 710px; float: left; margin-left: 20px;} .wb_nav_nav li{ height: 70px; width:118px; float: left; position: relative;} .wb_nav_nav li a{ line-height: 70px; width: 116px; font-size: 18px; color: #000000; display: block; text-align: center;} .wb_nav_nav li a:hover{color: #ff0000;font-size: 18px; font-weight: bold;} #bj{height: 70px; width:118px;background:url(../images/zc.jpg) no-repeat top right; } .wb_nav_nav li div {display:none;width:220px;text-align:center;color:#FFFFFF;position:absolute;top:60px;background:#FFFFFF; z-index:9999;left:-55px;} .wb_nav_nav li div a {display:block;BACKGROUND: url(asdfasdf); COLOR: #000000; LINE-HEIGHT:42px; HEIGHT:42px;FONT-SIZE: 16px;font-weight:normal;border-bottom:1px solid #eeeeee; width:220px; } .wb_nav_nav li div a:hover {FONT-SIZE: 16px;background:#ff0000;color:#fff; height: 42px; line-height: 42px;} .in_search{ height: 70px; width: 90px; float: right; } .in_search a{font-size: 18px; color:#000000; line-height: 70px; text-align: center; } .head .nav_search {right:0; width:864px;} .head .nav_search .in_search{ width:24px; height:24px; overflow:hidden; position:relative;top:33px;} .head .nav_search .in_search:hover{ cursor:pointer} .head .nav_search .in_search img{} .head .nav_search .nav{ width:800px;} .head .nav_search .nav li{ width:99px; float:left; text-align:center; line-height:90px; position:relative; } .head .nav_search .nav li a{ font-size:15px; color:#fff; display:block; } .head .nav_search .nav li a:hover{ color:#fff; font-size:16px;} .head .nav_search .nav li div {display:none;width:161px;text-align:center;color:#4f4f4f;position:absolute; left:-20px; background:#0e52ae; z-index:9999 } .head .nav_search .nav li div a {display:block;COLOR: #fff; LINE-HEIGHT:40px; HEIGHT:40px;FONT-SIZE: 14px;font-weight:normal;border-bottom:1px dashed #2061bb; margin-top:0;} .head .nav_search .nav li div a:hover {color:#fff; border-bottom:1px dashed #3770bd; background:#3770bd; border-top:0; border-right:0; border-left:0;FONT-SIZE: 15px;} /*bw_cp*/ .bw_cp{height:310px; width: 100%; background: #f2f2f2;} .bw_cp_n{ height: 310px; width: 1200px; margin: 0 auto;} .bw_cp_n_t{ height: 35px; width: 1200px; padding-top:35px; margin: 0 auto;} .bw_cp_n_t_l{ height: 35px; width: 200px; float: left; border-left:6px solid #ff0000;} .bw_cp_n_t_l a{font-size: 36px; color: #000000; display: block; height: 36px; line-height: 36px; margin-left: 15px;} .bw_cp_n_t_r{ height: 15px; width: 100px; float: right; margin-top: 11px;} .bw_cp_n_t_r_a{ height: 15px; width: 15px; background: #ff0000; float: right;} .bw_cp_n_t_r_a a{ height: 15px; line-height: 15px; font-size: 14px; color: #FFFFFF; display: block; text-align: center; width: 15px;} .bw_cp_n_t_r_a a:hover{font-size: 15px; color: #FFFFFF;} .bw_cp_n_t_r_b{ height: 15px; width: 85px; float: left;} .bw_cp_n_t_r_b a{ font-size: 14px; line-height: 15px; display: block; color:#595757;} .bw_cp_n_t_r_b a:hover{font-size: 15px; color: #FFFFFF;color:#ff0000} .bw_cp_n_t_ra{ height: 15px; width: 80px; float: right; margin-top: 11px;} .bw_cp_n_t_ra_a{ height: 15px; width: 15px; background: #ff0000; float: right;} .bw_cp_n_t_ra_a a{ height: 15px; line-height: 15px; font-size: 14px; color: #FFFFFF; display: block; text-align: center; width: 15px;} .bw_cp_n_t_ra_a a:hover{font-size: 15px; color: #FFFFFF;} .bw_cp_n_t_ra_b{ height: 15px; width: 65px; float: left;} .bw_cp_n_t_ra_b a{ font-size: 14px; line-height: 15px; display: block; color:#595757;} .bw_cp_n_t_ra_b a:hover{font-size: 15px; color: #FFFFFF;color:#ff0000} .hkanli_n{ height: 190px; width: 1200px; margin: 0 auto; padding-top: 28px;} .chanpin_con{ width:1200px; overflow:hidden; position:relative; margin:0 auto; } .chanpin_con li{float:left; padding:0; width:231px; height:200px; margin-right:11px; position:relative; overflow:hidden;} .chanpin_t_l img{ width:176px; height:125px; position: absolute; z-index:2; } .chanpin_t_l{ width:231px; height:140px; position:relative; background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .chanpin_t_r{ height: 50px; width: 231px;} .chanpin_t_r a{color:#4c4c4c; line-height:35px; font-size:16px; position: relative; z-index: 901; display: block; text-align: center; margin-top: 10px;} .chanpin_t_r a:hover{color:#ff0000; font-size:16px; } .pro_dd .cover_top{position:absolute;top:-140px;left:0;width:231px;height:140px; background: rgba(230,0,18,0.8) ;z-index:900; text-align:center; cursor: pointer} .pro_dd .cover_bottom{position:absolute;top:0px;left:0;width:231px;height:70px; background:#163e5f;z-index:900; text-align:center; cursor: pointer} /*bw_gc*/ .bw_gc{ height:640px; width: 1200px; background: #000000; margin: 0 auto;} .bw_gc_l{ height:640px; width:600px;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .bw_gc_l a{ font-size: 33px; color: #FFFFFF; display: block; font-weight: bold; margin-top: 50px; margin-left: 50px;} .bw_gc_l em{ font-size:14px; color: #FFFFFF; display: block; line-height: 40px; margin-left: 50px;} .bw_gc_l a:hover{color: #FFFFFF; } .bw_gc_r{height:640px; width:600px; float: right;} .bw_gc_r_t{height:320px; width:600px;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .bw_gc_r_t a{ font-size: 33px; color: #FFFFFF; display: block; font-weight: bold; margin-top: 50px; margin-left: 50px;} .bw_gc_r_t em{ font-size:14px; color: #FFFFFF; display: block; line-height: 40px; margin-left: 50px;} .bw_gc_r_d{ height: 320px; width: 600px;} .bw_gc_r_d_l{height:320px; width:300px;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: left;} .bw_gc_r_t a:hover{color: #FFFFFF; } .bw_gc_r_d_l a{ font-size: 33px; color: #FFFFFF; display: block; font-weight: bold; margin-top: 50px; margin-left: 50px;} .bw_gc_r_d_l em{ font-size:14px; color: #FFFFFF; display: block; line-height: 26px; margin-left: 50px; width: 220px; margin-top: 10px;} .bw_gc_r_d_l a:hover{color: #FFFFFF; } .bw_gc_r_d_r{height:320px; width:300px;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float: right;} .bw_gc_r_d_r a{ font-size: 33px; color: #FFFFFF; display: block; font-weight: bold; margin-top: 50px; margin-left: 50px;} .bw_gc_r_d_r em{ font-size:14px; color: #FFFFFF; display: block; line-height: 26px; margin-left: 50px; width: 220px; margin-top: 10px;} .bw_gc_r_d_r a:hover{color: #FFFFFF; } .bw_about{ height: 500px; width: 100%;background:url(../images/bu.jpg) no-repeat center;} .bw_about_n{ height: 500px; width: 1200px; margin: 0 auto;} .bw_about_n_z{ line-height:34px; font-size: 16px; color: #494949;} .bw_about_n_t{ height: 190px; width: 1200px; margin: 0 auto;} .bw_about_n_t_a{ width: 380px; height: 190px;background: rgba(255,255,255,0.8); float: left; border-bottom: 2px solid #e60012; float: left; } .bw_about_n_t_a_t{ height: 85px; width: 380px;background:url(../images/ab1.png) no-repeat center; margin-top: 20px;} .bw_about_n_t_a_z a{ line-height: 30px; width: 380px; font-size: 18px; color: #484848; display: block; text-align: center; line-height: 30px; margin-top: 15px;} .bw_about_n_t_a_z a:hover{ color:#e60012;font-size: 19px; font-weight: bold;} .bw_about_n_t_b{ width: 380px; height: 190px;background: rgba(255,255,255,0.8); float: left; border-bottom: 2px solid #e60012; margin-left: 30px; float: left; } .bw_about_n_t_b_t{ height: 85px; width: 380px;background:url(../images/ab2.png) no-repeat center; margin-top: 20px;} .bw_about_n_t_b_z a{ line-height: 30px; width: 380px; font-size: 18px; color: #484848; display: block; text-align: center; line-height: 30px; margin-top: 15px;} .bw_about_n_t_b_z a:hover{ color:#e60012;font-size: 19px;font-weight: bold;} .bw_about_n_t_c{ width: 380px; height: 190px;background: rgba(255,255,255,0.8); float: left; border-bottom: 2px solid #e60012; margin-left: 30px; float: left; } .bw_about_n_t_c_t{ height: 85px; width: 380px;background:url(../images/ab3.png) no-repeat center; margin-top: 20px;} .bw_about_n_t_c_z a{ line-height: 30px; width: 380px; font-size: 18px; color: #484848; display: block; text-align: center; line-height: 30px; margin-top: 15px;} .bw_about_n_t_c_z a:hover{ color:#e60012;font-size: 19px;font-weight: bold;} /*bw_new*/ .bw_new{ height: 590px; width: 1200px; margin: 0 auto;} /*bw_biao*/ .bw_biao{ height:205px; width: 100%; background-color:#eaeaea;} .bw_biao_n{ height: 120px; width: 1200px; margin: 0 auto;} .bw_biao_n_a{ height: 120px; width: 300px; float: left;background:url(../images/oo.jpg) no-repeat center right;} .bw_biao_n_a_t{ height: 85px; width: 85px;background:url(../images/l1.jpg) no-repeat center; margin: 0 auto;} .bw_biao_n_a_z a{ line-height: 50px; width: 300px; font-size: 20px; color: #000000; display: block; text-align: center;} .bw_biao_n_a_z a:hover{color:#e60012; font-weight: bold;} .bw_biao_n_b{ height: 120px; width: 300px; float: left;background:url(../images/oo.jpg) no-repeat center right;} .bw_biao_n_b_t{ height: 85px; width: 85px;background:url(../images/l2.jpg) no-repeat center; margin: 0 auto;} .bw_biao_n_b_z a{ line-height: 50px; width: 300px; font-size: 20px; color: #000000; display: block; text-align: center;} .bw_biao_n_b_z a:hover{color:#e60012;font-weight: bold;} .bw_biao_n_c{ height: 120px; width: 300px; float: left;background:url(../images/oo.jpg) no-repeat center right;} .bw_biao_n_c_t{ height: 85px; width: 85px;background:url(../images/l3.jpg) no-repeat center; margin: 0 auto;} .bw_biao_n_c_z a{ line-height: 50px; width: 300px; font-size: 20px; color: #000000; display: block; text-align: center;} .bw_biao_n_c_z a:hover{color:#e60012;font-weight: bold;} .bw_biao_n_d{ height: 120px; width: 300px; float: left;} .bw_biao_n_d_t{ height: 85px; width: 85px;background:url(../images/l4.jpg) no-repeat center; margin: 0 auto;} .bw_biao_n_d_z a{ line-height: 50px; width: 300px; font-size: 20px; color: #000000; display: block; text-align: center;} .bw_biao_n_d_z a:hover{color:#e60012;font-weight: bold;} /*fotter*/ .fotter{ height:400px; width: 100%;background:#333; margin: 0 auto;} /*dh_new*/ .dh_neww{height: 520px; width:100%; background:url(../images/images/yun_bjj.jpg) center no-repeat;;} .dh_new{ height: 520px; width: 1200px;margin: 0 auto;} .cp_crnt{display: block; text-align: center;font-family:"宋体"; color:#d8130f;background: url(../images/images/y_z_hu.png) bottom no-repeat; } .dh_new_t_ll{height: 50px; width: 300px; float: left; margin-left: 10px;} .dh_new_t_ll a{ font-size:39px; color: #0066b3; font-weight: bold; display: block; float: left;line-height: 50px;} .dh_new_t_ll p{ font-size: 30px; color: #313131; display: block;line-height: 50px; float: right;} .zhong_a{ height: 400px; width: 1200px;} .huodong_l_n{height: 410px; width: 1200px;position:relative;overflow:hidden;} .huodong_l_n li:nth-child(1){ height: 400px; width:390px; margin-right:14px;position:absolute;bottom:-400px; background: #eeeeee;} .huodong_l_n li:nth-child(2){ height: 400px; width:390px; margin-right:14px;margin-left:14px;position:absolute;bottom:-400px;left:390px;background: #eeeeee;} .huodong_l_n li:nth-child(3){ height: 400px; width:390px; margin-right:14px;margin-left:28px;position:absolute;bottom:-400px;left:780px;background: #eeeeee;} .dh_new_t_ll{ height: 130px; width:320px; float: left; margin-left: 10px; margin-top: 10px;} .dh_new_t_ll p{font-size: 12px; color:#838383;writing-mode: vertical-rl; line-height: 28px; height: 118px;} .hoo{ height: 260px; width:390px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .hoo_shijian{ height:55px; width: 95px; background: #e60012; position:absolute; z-index: 999; margin-left: 295px;} .hoo_shijian p{ line-height: 55px; width: 95px; display: block; color:#FFFFFF; font-size: 14px; text-align: center;} .hoo_ll{ width: 340px; margin: 0 auto; padding-top: 210px;} .hoo_ll a{ line-height: 50px; font-size: 24px; color: #000000; display: block; height: 50px; } .hoo_ll a:hover{ color: #e60012;} .hoo_lll p{ line-height: 26px; color: #777777; font-size: 14px; width: 340px; display: block; margin:0 auto; padding-top: 60px;} .hoo_a{ height: 50px; width:380px; background:rgba(0,0,0,0.5);position:relative; z-index: 99; margin-top: 240px;} .hoo_a a{ display: block; font-size: 15px; color:#FFFFFF; list-style: 50px; padding-top: 15px; padding-left: 40px;} .hoo_a a:hover{color: #FFFFFF;} .riqi p{ line-height: 50px; font-size: 12px; color: #FFFFFF; padding-left:40px;} #riqi_h p{padding: 15px 40px 0 40px; font-size: 13px; color: #FFFFFF; list-style: 24px; display: block;!important} .cd_zhong{ height: 550px; width: 1200px; margin-bottom: 50px;} .cd_left{ width: 700px; height: 525px; float: left;} .cd_right{ width: 400px; height: 525px; float: right;overflow: hidden;} .product_index .s_width{ width:1200px; overflow:hidden;} .pro_conn{ width:1200px;} .marquee2 { width:9999px; height:320px; } .marquee2 .pro_cc{ width:390px; height:320px; float:left; margin:0 12px 12px 0; position:relative; overflow:hidden;} .marquee2 .pro_cc a.pro_cc_pic{ width:390px; height:320px; background:#f4f4f4; display:block; position:relative; text-decoration: none; position:absolute; transition:0.2s ease; -moz-transition:0.2s ease; -webkit-transition:0.2s ease;} .marquee2 .pro_cc a.pro_cc_pic:hover{ text-decoration:none;color: #ff0000;text-decoration: none; background:#ffec16; } .marquee2 .pro_cc img { width:390px; position:absolute; z-index:99;} .marquee2 .pro_cc em{ font-style: normal; text-align:center; line-height:40px; display:block; font-size:17px; color:#FFFFFF; position:absolute; width:100%;z-index:100; background: rgba(0,0,0,0.6); bottom: 0;} .marquee2 .pro_cc p{ color:#fff; font-size:16px; text-align:center; line-height:30px; width:140px; position:absolute; left:50%; margin-left:-70px; height:30px; background:#f10130; top:360px; } .marquee2 .pro_cc .chan_logo{ width:330px; height:290px; background:rgba(225,3,18,1); text-align:center; position:absolute; top:-300px; z-index:101; opacity:0} .marquee2 .pro_cc .chan_logo img{ width:50px; margin:85px auto 0 auto; position:relative} .marquee2 .pro_cc .chan_logo p{ line-height: 50px; font-size: 17px; font-weight: bold; color: #FFFFFF; display: block; text-align: center;position: relative; z-index: 9999; margin-bottom: -100px;} .xiangce{} .nav-menu { display: block; background: #225aa5; width: 1200px; margin: 40px auto 40px; } .nav-menu > li { display: inline; float: left; border-right: 1px solid #6295d8; font-family: "微软雅黑"; } .nav-menu > li:last-child { border-right: none; } .nav-menu li a { color: #fff; display: block; text-decoration: none; font-family: 'sansationregular'; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; font-smoothing: antialiased; text-transform: capitalize; overflow: visible; width: 170px; height: 55px; line-height: 30px; display: block; text-align: center; font-size: 17px; } /* animation domination */ .three-d { perspective: 200px; transition: all .07s linear; position: relative; } .three-d:not(.active):hover { cursor: pointer; } .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { transform: translateZ(-25px) rotateX(90deg); } .three-d-box { transition: all .3s ease-out; transform: translatez(-25px); transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .front { transform: rotatex(0deg) translatez(25px); } .back { transform: rotatex(-90deg) translatez(25px); color: #FFE7C4; } .front, .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: #225aa5; padding: 15px 0px 15px 0px; color: white; pointer-events: none; box-sizing: border-box; } .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back { background-color: #e00024; background-size: 5px 5px; background-position: 0 0, 30px 30px; background-image: -*-linear-gradient(45deg, #c1001f 25%, transparent 25%, transparent 75%, #c1001f 75%, #c1001f), linear-gradient(45deg, #c1001f 25%, transparent 25%, transparent 75%, #c1001f 75%, #c1001f); font-weight: bold; } .nav-menu ul { position: absolute; text-align: left; line-height: 40px; font-size: 14px; width: 200px; transition: all 0.3s ease-in; transform-origin: 0px 0px; transform: rotateX(-90deg); backface-visibility: hidden; } .nav-menu > li:hover ul { display: block; transform: rotateX(0deg); } .reconmmendtt{ position:absolute; width: 390px; height: 320px; background: #ffc100; border-bottom: 3px solid #ff8212; transform: perspective(100px) rotateX(40deg); z-index: 10; transform-origin: center bottom 0; left: 0; opacity: 0; bottom:16px; } .reconmmendtt_z{ margin: 45px;} .reconmmendtt_a a{ line-height: 30px; color: #FFFFFF; display: block; font-size: 32px; font-weight: bold;} .reconmmendtt_a a:hover{ line-height: 30px; color: #FFFFFF; display: block; font-size: 32px; font-weight: bold;} .reconmmendtt_ab{height:2px; width: 60px; background: #FFFFFF; margin-top: 16px;} .reconmmendtt_c{height: 32px; width: 32px; margin: 0 auto; padding-top: 70px;} .reconmmendtt_d a{ line-height: 24px; color: #FFFDFE; font-size: 14px; display: block; } .reconmmendtt_d a:hover{ line-height: 24px; color: #FFFDFE; font-size: 14px; display: block; } .reconmmendtt_e a{ color:#FFFFFF; display: block; font-size: 16px; margin-top: 50px;} .reconmmendtt_e a:hover{ font-weight: bold;color:#FFFFFF; } .tre:hover{ height:93px; width:93px;background: rgba(255,255,255,.5); -moz-border-radius: 93px / 93px; -webkit-border-radius: 93px / 93px; border-radius: 93px / 93px;} .cp_k{position:relative; height: 50px; width: 390px;background: rgba(0,0,0,0.4); margin-top: -50px; z-index: 8888;} .cp_k a{ line-height: 50px; width: 390px;color: #FFFDFE; font-size: 16px; font-weight: bold; display: block; text-align: center;} .cp_k a:hover{font-size: 17px;font-weight: bold; color: #FFFFFF;} .gh{ height: 153px; width: 940px; display: block;background:url(../images/yt.jpg) no-repeat center;} .s_widthh{width:1000px; margin:0 auto; position:relative} .s_width{ width:930px; margin:0 auto; position:relative} .liuyan{ padding:0 0 30px 0; } .rt{height:400px; width: 860px; margin: 0 auto; border: 1px solid #d5d5d5; padding-top: 20px;} .rtt{height:400px; width: 940px; margin: 0 auto; border: 1px solid #d5d5d5; padding-top: 20px;} .hu{ height: 400px; width: 860px; margin: 0 auto;} .gff{ height:130px; width: 100%; margin: 0 auto; background: #f31151;} .gff_n{ height: 130px; width: 1300px; margin: 0 auto;} .gff_n_l{ height: 130px; width: 460px; float: left;background:url(../images/images/ac.png) no-repeat center;} .gff_n_z{ height: 130px; width: 130px; float: left;background:url(../images/images/ac_a.png) no-repeat center; margin-left: 130px;} .gff_n_r{ height: 130px; width: 460px; float: right;background:url(../images/images/ac_b.png) no-repeat center;} #shijianp a{ list-style: 20px; font-size: 12px; color: #878787;} .zx_zhong{ width: 1300px; margin: 0 auto;} .jx_left{ height: 100%; width: 280px; float: left;} .jx_left_a{ height: 50px; width: 280px;background:url(../images/images/df.jpg) no-repeat center; } .jx_left_a p{font-size: 18px; color: #FFFFFF; font-weight: bold; line-height: 50px; margin-left: 30px;} .jx_left_a_n{ height: 100%; width: 278px; border: 1px solid #f0f0f0;} .jx_left_a_n li{ width:240px; margin-left: 20px; } .jx_left_a_n li a{line-height: 50px;height: 50px; width: 210px; font-size: 17px; color: #FFFFFF; font-weight: bold; padding-left: 30px;background: #0063b4 url(../images/images/oo_t.png) no-repeat center; display: block;} .jx_left_a_n li a:hover{ background: #dd0000 url(../images/images/oo_t.png) no-repeat center;} #erki{ height:300px; width: 220px; margin: 0 auto; padding-top: 15px;} #erki_a{ height: 45px; width: 220px; margin: 0 auto; padding-top: 6px; padding-bottom: 6px;} #erki_a a{ height: 45px; width: 220px; border: 1px solid #e9e9e9; line-height: 45px; display: block; text-align: center; font-size: 16px; color: #5e5e5e; background: #FFFFFF;font-weight: 500; padding-left:0px;} #erki_a a:hover{ background: #dd0000;height: 45px; width: 220px; line-height: 45px; display: block; text-align: center; font-size: 16px; color: #FFFFFF; font-weight: bold;} #erkia{ height:130px; width: 220px; margin: 0 auto;padding-top: 15px;} #erkib{ height:130px; width: 220px; margin: 0 auto;padding-top: 15px;} #erkic{ height:240px; width: 220px; margin: 0 auto;padding-top: 15px;} #erkid{ height:130px; width: 220px; margin: 0 auto;padding-top: 15px;} #erkie{ height:240px; width: 220px; margin: 0 auto;padding-top: 15px;} .jx_left_a_tt{ height: 100px; width: 260px; margin: 0 auto;} .jx_left_a_nn{ height: 750px; width: 278px; border: 1px solid #f0f0f0;} .jx_left_a_ttt{ line-height: 60px; width: 260px; border-bottom: 1px dashed #d8d8d8; margin: 0 auto;} .jx_left_a_ttt h1{ line-height: 60px; font-size: 19px; font-weight: bold; color: #dd0000; display: block; text-align: center; width: 250px;} .jx_left_a_ttta em{ line-height: 40px; font-size: 14px; color: #444444; margin-left: 20px;} /*dx_fenlei"*/ .dx_fenlei{ height:160px; width: 1200px; margin: 0 auto; padding-top: 60px;} .dx_fenlei li{ height: 160px; width: 135px; margin-left: 33px; } .an_a{ height: 160px; width: 135px; background:url(../images/images/an1.jpg) center no-repeat ;} .dx_fenlei li a{ height:100px; line-height: 100px; width: 260px; background:url(../images/images/rt.png) center no-repeat ; display: block; margin-top:160px; font-size: 17px; color: #FFFFFF; text-align: center; overflow: hidden; font-weight: bold;} .dx_fenlei li:hover{ background:url(../images/images/rta.png) center no-repeat ; display: block; font-size: 17px; color: #FFFFFF; text-align: center; overflow: hidden; font-weight: bold;} .an_b{ height: 135px; width: 160px; background:url(../images/images/an2.jpg) center no-repeat ;} .an_c{ height: 135px; width: 160px; background:url(../images/images/an3.jpg) center no-repeat ;} .an_d{ height: 135px; width: 160px; background:url(../images/images/an4.jpg) center no-repeat ;} .index_bottom{ } .in_honor{ width:135px; height:160px; text-align:center; position:relative; } .in_wenhua{ width:135px; height:160px; text-align:center; position:relative;} .in_honor .in_pic{ width:135px; height:160px; margin:0 auto; overflow: hidden;; position:relative; z-index:2} .in_wenhua .in_wenhua_pic{ width:135px; height:160px; margin:0 auto; overflow: hidden;; position:relative; z-index:2; } .in_wenhua h2{ line-height:30px; color:#0c469a; font-size:15px; position:relative; z-index:3; margin-top: -41px; width: 135px; display: block; text-align: center;} .index_bottom_back{z-index:1;opacity:0;position:absolute;left:0;top:0;width:100%;height:100%;} .join_us_content_nav li.cover{ border:white 1px solid; color:white } .xd_fen li:hover{animation: dou 0.5s linear;} @keyframes dou{ 0%{transform: translateY(0px);} 25%{transform: translateY(20px);} 50%{transform: translateY(0px);} 75%{transform: translateY(-20px);} 100%{transform: translateY(0px);} } .banner2{position: relative; height:430px; z-index: 1; margin-top: -132px;} .index_cage{ height:640px; background:url(../images/images/ff_bg.png) no-repeat center top; margin:-120px 0 0 0; z-index:2; position:relative} /*--search modal--*/ .modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);display: none; } .modal-dialog { position: absolute; z-index:9999999999; left: 0; top:50%; margin-top:-225px; width: 100%; background:; height:450px; } .modal-content { width: 1200px; margin:0 auto; position:absolute;left:50%; margin-left:-600px; height:400px; } .modal-content > div { } .modal-content input { border: none; float: left;} .modal-content .search-logo { width: 408px; padding:80px 0 0 0; position:absolute; left:50%; margin-left:-204px; border-bottom:1px solid #5c5c5c} .modal-content .search-logo img{ width:100%;} .modal-content .search-bar { position:absolute; width:850px; left:50%; margin-left:-425px; height:90px; top:210px; } .modal-content .search-tab .tab { padding: 6px 20px; float: left; font-size: 24px; color: #fff; cursor: pointer; } .modal-content .search-tab .on { background: #fff; color: #fe0000; } .modal-content .tab-panel { display: none; } .modal-content .on { display: block; } .modal-content .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .modal-content .search-bar .keywords { padding-left: 10px; width: 705px; height: 70px; line-height: 70px; font-size: 16px; background:#eee} .modal-content .search-bar input[type="submit"] { width: 70px; height: 70px; line-height: 70px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; margin-left:15px; background:#e60012 url(../images/images/se.png) no-repeat center center} .modal-content .search-close { width:26px; height:27px; cursor: pointer; transition:.4s all; display:block; position:absolute; right:0; top:0;} .modal-content .search-close:hover { color: #fff; transform: rotate(360deg); -webkit-transform: rotate(360deg); } .modal-open { overflow: hidden; padding-right: 17px; } .search_cage{ width:1100px; position:absolute; left:50%; margin-left:-470px; height:50px; bottom:0;} .search_cage li{ float:left; width:220px; text-align:center; line-height:50px;} .search_cage li a{ color:#dddddd; font-size:18px; text-align:center; line-height:50px;} .search_cage li a:hover{ color:#fff; font-weight:bold;} /*choose_index*/ #choose_index{ padding:10px 0 10px 0; } #choose_index h1{ margin-top:80px; height:55px; font-size:36px; font-weight:bold; color:#333; line-height:50px; text-align:center;} #choose_index h1 span{ padding:0 5px; background:#d53433; color:#fff; text-transform:uppercase; display:inline-block; line-height:34px;} #choose_index p{ width:850px; height:38px; font-size:18px; color:#616161; line-height:38px; text-align:center; margin:0 auto;} #choose_index ul{ width:850px; margin:0 auto; height:140px; } #choose_index ul li{ float:left; width:255px; padding-right:10px;position:relative;border-right: 1px solid #ececec; height: 130px; margin-top: 15px;} #choose_index ul li.zhuanli { border-right: 0 solid #ececec;} #choose_index ul li h1{ margin:0 auto; margin:26px 0; width:270px; height:80px; line-height:80px; font-size:70px; font-weight:bold; color:#e13d3d; text-align:center; position:relative;} #choose_index ul li h2{ font-size:66px; font-weight:bold; color:#e13d3d; } #choose_index ul li .h6{ line-height:48px; font-size:48px; font-weight:bold; color:#e13d3d; position:absolute; top:-13px; } #choose_index ul li .h7{ line-height:30px; font-size:30px; font-weight:bold; color:#e13d3d; position:absolute; top:0; } #choose_index ul li h3{ margin:0 auto;clear:both; padding-bottom:15px; width:270px; height:32px; line-height:32px; font-size:22px; font-weight:bold; color:#494949; text-align:center;} #choose_index ul li p{ margin:0 auto; width:270px; height:52px; font-size:16px; color:#494949; line-height:27px; text-align:center;} #choose_index ul li a{ margin:0 auto; height:30px; font-size:18px; color:#e13d3d; line-height:30px; text-align:center; display:block; text-decoration:none;} #choose_index ul li a:hover{ font-weight:bold;} #choose_index ul li div.num{float: left; font-size:70px;line-height: 100px; font-weight:bold; font-family: "Impact";color:#FFFFFF;-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #choose_index ul li div.top{float: left; font-size:24px; font-weight:bold; color:#f31458;-webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} #choose_index ul li div.choose_xgdiv{ height:100px;margin:0 auto;} .animate{ /* 设置动画，animation:动画名称 动画播放时长单位秒或微秒 动画播放的速度曲线linear为匀速 动画播放次数infinite为循环播放; */ -webkit-animation:play 500ms linear 1; -moz-animation:play 500ms linear 1; animation:play 500ms linear 1; } @-webkit-keyframes play{ 0% { /* 水平翻转 -webkit-transform:rotateY(0deg);*/ /* 垂直翻转*/ -webkit-transform:rotateX(0deg); /* 顺时针旋转 -webkit-transform:rotate(0deg); 逆时针旋转 -webkit-transform:rotate(0deg); */ } 100% { /* 水平翻转 -webkit-transform:rotateY(360deg); */ /* 垂直翻转*/ -webkit-transform:rotateX(360deg); /*顺时针旋转 -webkit-transform:rotate(360deg); 逆时针旋转 -webkit-transform:rotate(-360deg); */ } } @-moz-keyframes play{ 0% { /* -moz-transform:rotateY(0deg); */ -moz-transform:rotateX(0deg); /* -moz-transform:rotate(0deg); -moz-transform:rotate(0deg); */ } 100% { /*-moz-transform:rotateY(360deg); */ -moz-transform:rotateX(360deg); /*-moz-transform:rotate(360deg); -moz-transform:rotate(-360deg); */ } } @keyframes play{ 0% { /*transform:rotateY(0deg);*/ transform:rotateX(0deg); /* transform:rotate(0deg); transform:rotate(0deg); */ } 100% { /*transform:rotateY(360deg);*/ transform:rotateX(360deg); /* transform:rotate(360deg); transform:rotate(-360deg); */ } } .nav_wz{ float:left; width:520px; color:#5f5f5f; line-height:33px; font-size:14px; text-align:left; padding:0 0 0 10px;} .nav_wz strong{ display:block; color:#111111; font-size:20px ; margin:20px 10px 0 0px} .about-nav-img {width: 293px; float: left;margin: 17px 0 25px 32px;display: block;} .about-nav-img img{ border:1px dashed #ccc} .nav_wz{ float:left; width:520px; color:#5f5f5f; line-height:33px; font-size:14px; text-align:left; padding:0 0 0 10px;} .nav_wz strong{ display:block; color:#111111; font-size:20px ; margin:20px 10px 0 0px} .about-nav-img {width: 293px; float: left;margin: 17px 0 25px 32px;display: block;} .about-nav-img img{ border:1px dashed #ccc} .h_line{ height:26px; line-height:26px; width:100%; color:#ffffff; background:#991011; font-size:12px;} .h_line_r{height: 26px; width: 200px; float: right;} .h_line_r a{ color:#7e7e7e; width: 99px; line-height: 26px; display:inline-block; font-size: 12px; float: left; text-align: center; display: block; border-right: 1px solid #d6d6d6; } .h_line_r a:hover{color:#0066b9;} .h_line_r a.cn{ color:#0066b9; } .yx_t{height: 26px; width: 200px; background:url(../images/images/lx_a.jpg)repeat left;} .yx_t_l{height: 26px; width: 99px; float: left;} .yx_t_l a{height: 26px; font-size: 12px; display: block; text-align: center; color: #FFFFFF; padding-left: 25px;} .yx_t_l a:hover{color: #FFFFFF;font-size: 13px; } .h_line_l{padding-left: 10px;} .yx_t_r{height: 26px; width: 99px; float:right;} .yx_t_r a:hover{color: #FFFFFF;font-size: 13px; } .yx_t_r a{height: 26px; font-size: 12px; display: block; text-align: center; color: #FFFFFF; padding-left: 25px;} .logo_zy{ height:140px; width: 100%; margin:0 auto;background:url(../images/images/soui.png) no-repeat bottom;position:relative; z-index: 999;} .logo_z{ height:120px; width: 100%; margin:0 auto;background:url(../images/images/ghh.jpg) repeat left center; } .logo_zz{height: 120px; width:1250px; margin: 0 auto; background:url(../images/images/yu.png) no-repeat left center;} .logo_zz_l{height: 81px; width:940px; float: left;background:url(../images/images/yx_c.jpg) left no-repeat ; } .logo_zz_r{height: 81px; width:91px; float:right;background:url(../images/images/yx_d.jpg) center no-repeat ; } .yx_wen{height: 81px; width: 310px; float: right;} .yx_wen h1{ line-height: 45px; display: block; color: #d80901; font-size: 25px;} .yx_wen p{line-height: 25px; display: block; color: #6a6a6a; font-size: 15px;} /*kd_fl*/ .kd_fl{ height: 710px; width: 100%; margin: 0 auto;background:url(../images/images/kd_fl.jpg) center no-repeat ;} .kd_fl_so{ height: 168px; width:1130px; margin: 0 auto;background:url(../images/images/kd_so.jpg) center repeat ; position: relative; z-index: 99; margin-top: -80px;} .kd_fl_so_l{ height: 168px; width: 168px; background: #ea9229 url(../images/images/kd_er.jpg) center no-repeat; float: left;} .kd_fl_so_r{ height: 168px; width: 960px; float: right; background:url(../images/images/kd_dd.jpg) center no-repeat ;} .kd_fl_so_r_l{ height: 168px; width: 480px;background:url(../images/images/dk_tel.jpg) center no-repeat ; float: left;} .kd_fl_so_r_r{ height: 168px; width: 480px;float: left;} .zong_a_n{ width: 1200px; height: 400px; margin: 0 auto;} .zong_a_n_l{ height: 400px; width: 680px; float: left;} .zong_a_n_r{ height: 400px; width: 450px; float: right; background:url(../images/img/uy5.png) left no-repeat;} .zong_a_n_r_t p{ line-height: 50px; width: 450px; font-size: 30px; color: #074231;font-weight: bold; margin-top: 10px;} .zong_a_n_r_z p{line-height: 56px; font-size: 16px; color: #000000; margin-left: 50px; margin-top: 40px;} .nei_new{height:120px; width: 1200px;} .nei_new_l{height: 120px; width:180px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; margin-top: 16px;} .nei_new_r{height:120px; width:1000px; float: right;} .nei_new_r_t a{line-height: 24px; color: #2c2c2c; font-size: 22px; display: block; } .nei_new_r_t a:hover{color: #074231;} .nei_new_r_n{height:90; width: 1000px;} .nei_new_r_n_l{height: 90px; width: 850px; float:left; } .nei_new_r_n_l a{} .nei_new_r_n_l a:hover{color: #074231;} .nei_an a{line-height: 40px; width: 120px; border: 1px solid #019c41; text-align: center; display: block; color: #019c41;} .nei_an a:hover{ background:#f6ba00; color: #FFFFFF; border: 1px solid #f6ba00;} .neiye_erji{height: 30px; width:170px;margin: 0 auto;} .neiye_erji li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px;width: 80px; margin: 0 auto;} .neiye_erji li a{color: #000000; width: 80px; line-height: 30px; display: block; text-align: center; } .neiye_erji ul li.active{color:#00923f;} .neiye_erji li a:hover{color:#00923f;} .neiye_erji_a{height: 30px; width:280px;margin: 0 auto;} .neiye_erji_a li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px;margin: 0 auto; margin-left: 10px; margin-right: 10px;} .neiye_erji_a li a{color: #000000; line-height: 30px; display: block; text-align: center; } .neiye_erji_a ul li.active{color:#00923f;} .neiye_erji_a li a:hover{color:#00923f;} .neiye_erjii{height: 30px; width:500px;margin: 0 auto;} .neiye_erjii li{ position: relative; display: inline-block; font-style: italic; cursor: pointer; font-size: 15px; margin: 0 auto;} .neiye_erjii li a{color: #000000; width: 80px; line-height: 30px; display: block; text-align: center; } .neiye_erjii ul li.active{color:#00923f;} .neiye_erjii li a:hover{color:#00923f;} /*sousuo*/ .sou_zhong{ height: 89px; width:100%;background:url(../images/images/sou.jpg) center repeat ; } .sou_z{height: 70px; width: 1250px; margin: 0 auto;} .sou_zi{height: 70px; width: 600px; float: left;} .sou_zi_l p{line-height: 70px; width: 120px; font-size:18px; color: #FFFFFF; float: left; font-weight: bold;} .sou_zi_r p{line-height: 70px; font-size:15px; color: #FFFFFF; } .pro_search{ background:#f9f9f9} .kd_rm{ width: 320px; height: 30px; margin-left: 85px;} .kd_rm p{ font-size: 16px; color: #FFFFFF; line-height: 30px; display: block;} .kd_rm a{ font-size: 17px; font-weight: bold; color: #FFFFFF; } .kd_rm a:hover{ color: #FFFFFF; } .cp_crnt{border:4px #ff9d0f solid;height:103px; width:200px;} .chanpin_r{ height:665px; width:100%; } .chanpin_r_t{ height:665px; width:100%; background:url(../images/images/c-1.jpg) center no-repeat;} .chanpin_r_tl{ height:665px; width:1200px; background:url(../images/images/ll.png) center no-repeat; margin: 0 auto;} .chanpin_r_tlla{ height:665px; width:1200px; background:url(../images/images/lll.png) center no-repeat; margin: 0 auto;} .chanpin_r_tx{ height:665px; width:1200px; background:url(../images/images/llll.png) center no-repeat; margin: 0 auto;} .chanpin_r_tla{ height:665px; width:750px; margin: 0 auto;} .chanpin_r_tla p{ line-height:35px; width:750px; font-size:14px; color:#FFF; margin: 0 auto; text-align: center; } .chanpin_r_tl a{ line-height:30px; width:95px; border:#FFF 1px solid; display:block; text-align:center; font-size:14px; color:#FFF; margin-top:15px; margin-left:40px;} .chanpin_r_x{ height:180px; width:940px; margin:0 auto; padding-top:10px;} .chanpin_r_x li{ height:160px; width:438px; float:left; background:#f6f4f5; padding:10px; margin-right:12px;} .zuangzai{ height:160px; width:230px; float:left;} .zhuangzai_z{ height:40px; width:180px; float:right;} .zhuangzai_z a{ width:200px; line-height:40px; font-size:15px; color: #000; } .zhuangzai_z a:hover{ color:#000;font-weight:bold;} .zhuangzai_zz{ height:80px; width:180px; float:right;} .zhuangzai_zz p{ line-height:22px; font-size:12px} .zhuangzai_zz a{ line-height:22px; font-size:12px; color:#e74e3e;} .zhuangzai_m{ height:26px; } .zhuangzai_ml{ height:26px; width:80px; float:left; margin-left:25px;} .zhuangzai_ml a{ height:26px; width:80px; line-height:26px; border:#ffb400 1px solid; text-align:center; display:block; font-size:13px; color:#333;} .zhuangzai_ml a:hover{ background:#ffb400; color:#fff;} .zhuangzai_mr{ height:26px; width:80px; float:left; margin-left:5px;} .zhuangzai_mr a{ height:26px; width:80px; line-height:26px; border:#ffb400 1px solid; text-align:center; display:block; font-size:13px; color:#333;} .zhuangzai_mr a:hover{ background:#ffb400; color:#fff;} .chanpin_r_t_a{ height:650px; width:100%; background:url(../images/images/c-2.jpg) center no-repeat;} .chanpin_r_t_b{ height:650px; width:100%; background:url(../images/images/c-3.jpg) center no-repeat;} .chanpin_r_t_c{ height:330px; width:930px; background:url(../images/images/c-4.jpg) center no-repeat;} .chanpin_r_t_d{ height:330px; width:930px; background:url(../images/images/c-5.jpg) center no-repeat;} .nei_cp{ height:105px; width:100%; background:#f5f3f4; border-bottom:#CCC 2px solid;} .nei_cp_z{ height:105px; width:1200px; margin:0 auto;} .nei_cp_z li{ height:105px; width:238px; border-left:#e2e2e2 1px solid; float:left;} .nei_cp_z li a{ height:30px; width:120px; float:right; line-height:30px; font-size:15px; font-weight:bold; padding-top:37px;} .nei_cp_z li a:hover{ font-weight:bold; color:#0264af; font-size:16px;} .nei_cp_z li p{ height:20px; width:120px; float:right; line-height:20px; font-size:12px; } .cb_a{height:103px; width:240px;background: url(../images/images/c_a.png) center no-repeat;} .cb_b{height:103px; width:240px;background: url(../images/images/c_b.png) center no-repeat;} .cb_c{height:103px; width:240px;background: url(../images/images/c_c.png) center no-repeat;} .cb_d{height:103px; width:240px;background: url(../images/images/c_d.png) center no-repeat;} .cb_e{height:103px; width:240px;background: url(../images/images/c_e.png) center no-repeat;border-right:#e2e2e2 1px solid; } .dibua{ height: 70px; width: 100%; background: #004991;} .dibua p{ line-height: 70px; font-size: 16px; color: #ffffff; text-align: center; display: block; height: 70px;} .zong_a{ width: 100%; position: relative; z-index: 3; top:8px; background: #FFFFFF;} /*xianchangt*/ .xianchang{ height:730px; width: 100%; margin: 0 auto; background:url(../images/images/yt.jpg) center no-repeat;} .xianchang_t{} .cp_vt_f{height: 60px; width:100%;background:url(../images/images/cp_r_lzp.png) center no-repeat; margin: 0 auto;} .cp_vt_ff{height: 60px; width:100%;background:url(../images/images/cp_r.png) center no-repeat; margin: 0 auto;} .cp_vt_f h1{line-height: 60px; width: 420px; margin: 0 auto; list-style: 60px; font-size: 45px; color: #ffe50d; font-weight: bold; text-align: center;} .cp_vt_f a{color: #ffffff;} .cp_vt_f a:hover{color: #ffffff;} .cp_vt_ff h1{line-height: 60px; width: 420px; margin: 0 auto; list-style: 60px; font-size: 45px; color: #f31151; font-weight: bold; text-align: center;} .cp_vt_ff a{color: #009946;} .cp_vt_ff a:hover{color: #009946;} .cp_lz_z_f p{ line-height: 45px; width: 1300px; margin: 0 auto; height: 45px; display: block; font-size: 17px; color: #FFFFFF; text-align: center;} .cp_lz_z_ff p{ line-height: 45px; width: 1300px; margin: 0 auto; height: 45px; display: block; font-size: 17px; color: #727272; text-align: center;} .xianchang_t_z{ height: 460px; width: 1300px; margin: 0 auto; } .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .tupian_tu_a{background:#14964e; width:320px; height: 50px;position:relative; z-index: 99; margin-top: -50px;} .tupian_tu_a a{color: #FFFFFF; font-size: 16px; display: block; text-align: center; line-height: 50px; width: 330px;} .tupian_tu_a a:hover{color: #fcd414; font-weight: bold;} .neww{height: 870px; width: 100%; margin: 0 auto;position: relative;} .case{height: 540px; width:100%; margin: 0 auto; } .case_n{height: 540px; width: 1220px; margin: 0 auto;} .case_l{width: 330px; height: 540px; float: left;background:url(../images/images/gh.jpg) center repeat;} .case_l_t{ width: 330px; height:116px; margin-top: 37px;} .case_l_n{width: 255px; margin: 0 auto;} .case_l_n_t a{font-size: 26px; color: #FFFFFF; font-weight: bold; line-height: 50px; display: block; margin-top: 30px;} .case_l_n_t a:hover{ color: #fffc04;} .case_l_n_ta p{line-height: 32px; font-size: 15px; color: #FFFFFF; margin-top: 15px;} .case_l_n_tb a{ line-height: 42px; width: 130px; border: 1px solid #FFFFFF; font-size: 17px; display: block; text-align: center; float: left; margin-top: 40px; color: #FFFFFF;} .case_l_n_tb a:hover{ background: #fffc04;line-height: 42px; width: 130px;font-size: 17px; display: block; text-align: center; float: left; font-weight: bold; color: #dc3d00;} .case_r{height: 540px; width: 850px; float: right;} .case_piclist_slide {overflow: hidden;} .case_piclist_slide ul li{float: left;margin:0 15px 20px 0;text-align: center; position:relative; height:260px;overflow:hidden;} .case_piclist_slide li .pic img { width:305px; height:260px;} .case_piclist_slide li .cover_top{ text-align:center; line-height:40px; height:40px; font-size:14px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(0,0,0,0.7)} .case_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100} .case_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block} .case_piclist_slide li p{ } .case_piclist_slide li p a{ color:#fff} .case_piclist_slide li p a:hover{ color:#fff600} .aboutt{ width: 1200px; margin: 0 auto; padding-top: 10px;} .aboutty{ width: 1200px; margin: 0 auto; padding-top: 10px;} .abouttt{ width: 1200px; margin: 0 auto;} .aboutt img{max-width:1100px;} .about{height: 370px; width: 100%; margin: 0 auto; } .about_t{height: 340px; width: 1250px; margin: 0 auto; padding-top: 10px;} .about_ta{height: 50px; width: 1250px;background:url(../images/images/cp_ra.png) center repeat;} .about_ta p{line-height: 60px; width: 410px; margin: 0 auto; list-style: 60px; font-size: 40px; color: #ffc100; font-weight: bold; text-align: center;} .about_ta a{color: #039d42;} .about_ta a:hover{color: #039d42;} .about_tb{ height: 140px; width: 1250px; padding-top: 40px;} .about_tb p{line-height: 40px; width: 1250px; color: #414141; font-size: 16px; display: block; text-align: center;} .about_tc{height: 40px; width: 330px; margin: 0 auto;background:url(../images/images/u1.jpg) center no-repeat; } .about_tc a{ line-height: 40px; width:130px; font-size: 16px; display: block; text-align: center; color: #FFFFFF; margin: 0 auto;} .about_tc a:hover{color: #FFFFFF; font-weight: bold;} .fahuoo{height: 967px; width: 100%; margin: 0 auto; background:url(../images/images/ree.jpg) center no-repeat;overflow:hidden; position: relative} .fahuo{height: 967px; width: 100%; margin: 0 auto; background:url(../images/images/ree.jpg) center no-repeat;overflow:hidden; position: relative} .fahuo_n{height: 270px; width: 1010px; margin: 0 auto; background: #FFFFFF;box-shadow: 0px 0px 15px #073e18;position:absolute; left:190px} .fahuo_nt{height: 250px; width: 990px;background: url(../images/images/rf.jpg) no-repeat center; padding-left: 20px; padding-top: 20px;} .fahuo_z{width: 1250px; margin: 0 auto;} .ft_x p{ line-height: 70px; width: 1250px; font-size: 20px; display: block; color: #FFFFFF; text-align: center; margin-top: 290px; padding-top: 20px;} .case_cont{ height: 450px; width: 1300px;position:relative; margin-top: 40px;} .case_cont li{height: 450px; width: 320px; padding-left:5px; padding-right: 5px; float: left;} .tupian_tu_a{background:#14964e; width:320px; height: 50px;position:relative; z-index: 99; margin-top: -50px;} .tupian_tu_a a{color: #FFFFFF; font-size: 16px; display: block; text-align: center; line-height: 50px; width: 330px;} .tupian_tu_a a:hover{color: #fcd414; font-weight: bold;} .site-content { width: 990px; max-width: 100%; margin: 0 auto; padding: 100px 0; } .site-content:after { content: " "; display: block; clear: both; } .section-title { text-align: center; text-transform: uppercase; } .align-center { text-align: center; } .align-center h1 { margin-top: 0; } .share { margin-bottom: 50px; } .share span, .share a, .share iframe { vertical-align: middle; } .share span span, .share a span, .share iframe span { vertical-align: middle !important; width: 130px !important; } .columns:after { content: " "; display: block; clear: both; } .project__image{ width: 645px; height: 515px;} .project__image_a{ width: 645px; height: 277px;} .project__image_b{ width: 315px; height: 220px;} .columns .column { width: 100%; } .columns h2 { margin-bottom: 20px; line-height: 1; } .columns p { text-align: center; margin-bottom: 50px; } .project { width: 10%; float: left; } .project:not(:last-child) { margin-right: 4%; } .project-list:after { content: " "; display: block; clear: both; } .project__image { display: block; position: relative; } .project__image img { width: 100%; max-width: 100%; height: auto; display: block; } .project__image:after { content: " "; width: 100%; height: 100%; position: absolute; left: 0; top: 0; background: linear-gradient(rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.4)); transition: opacity .3s ease; opacity: 0; } .project__card { position: relative; will-change: transform; transition: box-shadow .3s ease; box-shadow: 0 10px 30px transparent; } .project__card.hover-in { transition: -webkit-transform .2s ease-out; transition: transform .2s ease-out; transition: transform .2s ease-out, -webkit-transform .2s ease-out; } .project__card.hover-out { transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } .project:hover .project__card { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__image:after { opacity: 1; } .project:hover .project__detail { border-width: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__title, .project:hover .project__category { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .project__detail { position: absolute; left: 30px; right:-30px; top: 30px; bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; pointer-events: none; -webkit-transform: translateZ(30px); transform: translateZ(30px); border: 0 solid rgba(255, 255, 255, 0.5);; transition: border .4s ease; } .project:hover .project__detaill { border-width: 10px; box-shadow: 0 10px 30px rgba(0, 0, 0, 0.4); } .project:hover .project__title, .project:hover .project__category { -webkit-transform: translateY(0) scale(1); -ms-transform: translateY(0) scale(1); transform: translateY(0) scale(1); opacity: 1; } .project__detaill { position: absolute; left: 30px; right:-0px; top: 30px; bottom: 30px; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; text-align: center; pointer-events: none; -webkit-transform: translateZ(30px); transform: translateZ(30px); border: 0 solid rgba(255, 255, 255, 0.5);; transition: border .4s ease; } .project__title { margin: 0 0 10px; font-size: 36px; font-weight: 700; transition: .4s ease; opacity: 0; -webkit-transform: translateY(40px) scale(0); -ms-transform: translateY(40px) scale(0); transform: translateY(40px) scale(0); will-change: transform; } .project__title a { color: white; } .project__category { opacity: 0; transition: .4s ease; transition-delay: .1s; -webkit-transform: translateY(40px) scale(0); -ms-transform: translateY(40px) scale(0); transform: translateY(40px) scale(0); will-change: transform; } .project__category a { color: rgba(255, 255, 255, 0.8); font-size: 1.3em; } .movie { margin: 0 auto; width: 250px; } .movie-list:after { content: " "; display: block; clear: both; } .movie__card { position: relative; width: 250px; height: 370px; } .movie__card.hover-in { transition: .3s ease-out; } .movie__card.hover-out { transition: .3s ease-in; } .movie [class*="layer"] { position: absolute; left: 0; top: 0; right: 0; bottom: 0; border-radius: 10px; } .movie .layer-1 { background-image: url(images/deadpool-bg.png); background-size: cover; } .movie .layer-2 { background-image: url(images/deadpool.png); background-size: cover; -webkit-transform: translateZ(30px); transform: translateZ(30px); } .movie .layer-3 { background-image: url(images/deadpool-title.png); background-size: cover; -webkit-transform: translateZ(50px); transform: translateZ(50px); } .movie .shine { border-radius: 10px; } .project{ width : 94%; float: left; &:not(:last-child){ margin-right: 4%; } &-list{ &:after{ content :" "; display : block; clear : both; } } &__image{ display : block; position : relative; img{ width: 100%; max-width: 100%; height: auto; display: block; } &:after{ content : " "; width : 100%; height : 100%; position : absolute; left : 0; top : 0; background : linear-gradient(rgba(0,0,0,.1),rgba(0,0,0,.4)); transition : opacity .3s ease; opacity : 0; } } &__card{ position : relative; will-change : transform; transition : box-shadow .3s ease; box-shadow: 0 10px 30px rgba(0,0,0,0); &.hover-in{ transition: transform .2s ease-out; } &.hover-out{ transition : transform .2s ease-in; } } &:hover{ .project{ &__card{box-shadow: 0 10px 30px rgba(0,0,0,.4);} &__image:after{ opacity: 1; } &__detail{ border-width : 10px; box-shadow : 0 10px 30px rgba(0,0,0,.4); } &__title, &__category{ transform: translateY(0) scale(1); opacity: 1; } } } &__detail{ position : absolute; left : 30px; right : 30px; top : 30px; bottom : 30px; display : flex; flex-direction : column; justify-content : center; text-align : center; pointer-events : none; transform : translateZ(30px); border : 0 solid #00BCD4; transition : border .4s ease; } &__title{ margin : 0 0 10px; font-size : 36px; font-weight : 700; transition : .4s ease; opacity : 0; transform : translateY(40px) scale(0); will-change : transform; a{ color: white; } } &__category{ opacity : 0; transition : .4s ease; transition-delay : .1s; transform : translateY(40px) scale(0); will-change : transform; a{ color : rgba(white,.8); font-size : 1.3em; } } } .news{height: 640px; width: 100%; background:#FFFFFF;position: relative;} .news_ttn{height: 620px; width: 1300px; margin: 0 auto;position: relative;} .news_ttn_t{ height: 340px; width: 1300px;margin: 0 auto;} .news_ttn_t_l{ height: 340px; width: 630px; float: left; position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .news_ttn_t_r{ height: 340px;width: 640px; float: right; } .news_ttn_t_r_a{ line-height: 50px; height: 50px;} .news_ttn_t_r_a_l{ height: 50px; width: 500px; float: left;} .news_ttn_t_r_a_l a{ line-height: 50px; font-size: 18px; color: #171717; height: 50px; font-weight: bold;} .news_ttn_t_r_a_l a:hover{ color: #10a533;} .news_ttn_t_r_a_r{ float: right; width: 100px; height: 50px;} .news_ttn_t_r_a_r p{ font-size: 14px; color: #171717; line-height: 50px; display: block; text-align: center;} .news_ttn_t_r_b a{ line-height: 30px; font-size: 15px; color: #2a2a2a;} .news_ttn_t_r_b a:hover{ color: #10a533;} .hhu{ height: 340px; width: 1340px;} .hhu li{ width: 415px; height: 240px; background: #f6f6f8; margin-right:18px; float: left; margin-top: 35px;} .hhu_n{ margin: 30px;} .hhu_n_t p{line-height: 20px; color: #a4a1a2; font-size: 14px;} .hhu_n_x{ height: 3px; width: 35px; background-color: #eb911f; margin-top: 15px;} .hhu_n_z a{ line-height: 50px; font-size: 16px; color: #2d2d2d; height: 50px; font-weight: bold;} .hhu_n_zz a{ line-height: 30px; font-size: 15px; color: #2a2a2a;} .hhu li:hover{background: #eb911f;} .news_ttn_l{ height:590px; width: 520px; float: right; top: 0;position: absolute; overflow: hidden; right: 0; opacity: 0; border: 1px solid #e5e5e5; padding: 15px;} .news_ttn_l_t{ height: 40px; width: 715px; border-bottom: 1px #dfdfdf dashed;} .news_ttn_l_t_l{width: 100px; height: 40px; float: left;} .news_ttn_l_t_l a{ line-height: 40px; width:100px; font-size: 20px; color:#000000; display: block; font-weight: bold; text-align: center;} .news_ttn_l_t_l a:hover{color: #039d42;} .news_ttn_l_t_r{height: 40px; width: 70px; float: right;} .news_ttn_l_t_r a{height: 40px; width: 70px; line-height: 40px; color: #a4a4a4; display: block; text-align: center; font-size: 17px;} .news_ttn_l_t_r a:hover{color: #039d42;} .nnw_l{height: 380px; width: 730px; position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .nnw_r{width:690px; padding: 20px; } .nnw_r_t a{ line-height: 30px; color:#039d42; font-size:18px; display: block; font-weight: bold;} .nnw_r_t a:hover{ color: #ffc100;} .nnw_r_s p{line-height: 24px; color: #9d9a8f; font-size: 14px;} .nnw_r_z a{line-height: 28px; color: #7c7c7c; font-size: 15px; display: block; margin-top: 20px;} .nnw_r_z a:hover{color:#039d42;} .nnw_r_zz a{line-height: 35px;height: 35px; width:100px; display: block; text-align: center; color:#FFFFFF; background: #f31458; margin-top: 20px;} .nnw_r_zz a:hover{line-height: 35px;height: 35px; width:100px; display: block; text-align: center; color:#FFFFFF; background: #1b9f34;} .news_ttn_l_nz{ width: 715px; margin: 0 auto; padding-top: 25px;} .new_c{ height: 40px; width: 715px;} .new_c a{color: #484848;} .new_c_l{ width: 600px; height: 40px; float: left;} .new_c_r{ width: 100px; height: 40px; float: right;} .new_c_l a{line-height: 40px; font-size: 15px; display: block; color: #484848;} .new_c_l a:hover{ color: #039d42; font-weight: bold;} .new_c_r a{ width: 100px; height: 40px; float: right;} .new_c_r a:hover{ color: #039d42; font-weight: bold;} .news_ttn_r{ height: 620px; width: 730px; float: left;position: absolute; overflow: hidden; opacity: 0;border: 1px solid #e5e5e5; } .news_ttn_r_t{height: 40px; width: 520px;border-bottom: 1px #dfdfdf dashed;} .news_ttn_r_t_l{width: 80px; height: 40px; float: left;} .news_ttn_r_t_l a{ line-height: 40px; width:80px; font-size: 20px; color:#f31458; display: block; font-weight: bold; text-align: center;} .news_ttn_r_t_l a:hover{color: #039d42;} .news_ttn_r_t_r{height: 40px; width: 70px; float: right;} .news_ttn_r_t_r a{height: 40px; width: 70px; line-height: 40px; color: #a4a4a4; display: block; text-align: center; font-size: 17px;} .news_ttn_r_t_r a:hover{color: #039d42;} .news_ttn_r_t_n li{height: 110px; width: 520px; margin-top: 25px;} .news_ttn_r_t_n_z{height:110px; width: 520px;} .news_ttn_r_t_n_z_l{height:110px; width: 185px; float: left;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%;} .news_ttn_r_t_n_z_r{ width:320px; height: 110px; float:right;} .news_ttn_r_t_n_z_r_t{ height:30px; width: 320px;background: url(../images/images/uua.jpg) no-repeat center left;} .news_ttn_r_t_n_z_r_t a{ line-height: 30px; font-size:15px; color: #959595; font-weight: bold; display: block; margin-left:30px;} .news_ttn_r_t_n_z_r_t a:hover{font-size:16px; color:#08a348; font-weight: bold; } .news_ttn_r_t_n_z_r_z{height: 60px;width: 320px;background: url(../images/images/uu1.jpg) no-repeat left top; margin-top: 20px;} .news_ttn_r_t_n_z_r_z a{line-height: 26px; font-size:14px; color: #bfbfbf; display: block; margin-left:30px;} .yitiao{height: 1180px; width: 100%; background: #FFFFFF;} .yitiao_t{height: 50px; width: 1250px;background:url(../images/images/cp_ra.png) center repeat; margin: 0 auto; } .yitiao_t p{line-height: 60px; width: 410px; margin: 0 auto; list-style: 60px; font-size: 40px; color: #ffc100; font-weight: bold; text-align: center;} .yitiao_t a{color: #039d42;} .yitiao_t a:hover{color: #039d42;} .liuyann{ height: 640px; width: 100%; margin: 0 auto; background:#f5f5f5; } .liuyan_sh{height: 536px; width: 1250px; margin: 0 auto; background: #FFFFFF;} .liuyan_sh_l{ float: left; height: 536px; width: 765px;background:url(../images/images/shupin.jpg) center no-repeat; } .liuyan_sh_r{ height: 536px; width: 458px; float: right; margin-right: 10px;} .liuyan_sh_rz{padding: 20px;} .liuyan_sh_rz_t p{ line-height: 30px; font-size: 20px; font-weight: bold; display: block; color: #000000;} .liuyan_sh_rz_tz p{line-height: 24px; font-size: 15px; display: block; color: #3e3e3e;} /*naw*/ .new{height: 36px; width: 400px; background:url(../images/images/new.png) no-repeat center; margin: 0 auto;} .new a{height: 36px; width: 400px; display: block;} .new_z{height: 290px; width: 1200px; margin: 0 auto;} .new_z_l{height: 290px; width: 580px; float: left;} .new_z_l_t{height: 160px; width: 580px; background: #bb0514;} .new_z_l_t_l{height: 160px; width: 220px; float: left;} .new_z_l_t_r{width:360px; height:160px; background:url(../images/images/an4.jpg) no-repeat center;;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; float:right;} .shijian{ padding:35px 0 35px 40px;} .yue{font-size:42px; color: #FFFFFF; font-weight: bold;} .biao p{ font-size: 13px; color: #FFFFFF;} .new_z_l_n_z a{line-height: 50px; display: block; font-size: 17px; font-weight: bold; color: #373737} .new_z_l_n_zz p{ line-height: 28px; color:#373737; font-size:13px; display: block;} .new_r{height: 290px; width:580px; float: right;} .new_r li{width: 580px; height: 90px; border-bottom: 1px solid #eaeaec;} .new_z_r_na a{line-height: 50px; display: block; font-size: 17px; font-weight: bold; color: #373737} .new_z_r_nb p{ line-height: 28px; color:#373737; font-size:13px; font-size:13px;} .new_z_r_nb a{ width: 190px; line-height: 28px;float: right;font-size:13px;color:#595959; text-align: right;} .wenti{height: 115px; width: 1200px; margin: 0 auto;} .wenti_l{height:115px; width: 580px; float: left;} .wenti_r{height:115px; width: 580px; float: right; } .wenti_r_l{height:115px; width: 170px;background:url(../images/images/gg.jpg) no-repeat center top; float: left;} .wenti_r_r{width: 380px; height: 115px; float: right;} .wenti_r_r li{height: 115px; width: 160px; float: left; margin-right: 30px;} .wenti_r_r_t a{ line-height: 24px; color: #383838; font-size: 14px; display: block;} .wenti_r_r_t a:hover{font-size: 14px;color: #bb0514; font-weight: bold; } .wenti_r_r_d a{height: 37px; width: 160px;background:url(../images/images/tty.jpg) no-repeat center left; display: block; margin-top: 15px;} .wenti_ll{width: 160px; height: 135px; float: left;} .wenti_ll a{ line-height: 40px; width: 160px; font-size: 24px; display: block; color: #373737; font-weight: bold;} .wenti_ll P{ font-size: 16px; color: #373737;} .wenti_lr{height: 135px; width: 420px; float: right;} .wenti_lr_t{ height:40px; width: 420px; border-bottom: 1px solid #eaeaec; background: url(../images/images/kk.jpg) no-repeat center left;} .wenti_lr_t a{ line-height: 40px; width: 420px; font-size: 17px; display: block; font-weight: bold; color: #373737; margin-left: 40px;} .wenti_lr_tz p{ line-height: 28px; color:#373737; font-size:13px; font-size:13px;margin-left: 40px;} .fot_z_n{height:270px; width: 1200px; margin: 0 auto;background:url(../images/images/er.jpg) no-repeat center right;} .fot_z_n_l{height: 270px; width:300px; float: left;} .fot_z_n_t p{ line-height: 30px; color:#ebebeb; font-size: 18px; font-weight: bold;} .fot_z_n_tz{ height: 2px; width: 300px;background:url(../images/images/xx.jpg) no-repeat center;} .fot_z_n_tzn p{line-height: 30px; color:#e0e0e0; font-size: 12px; } .fot_z_n_tzm{ width: 90px; height:30px;background:url(../images/images/bb.jpg) no-repeat center right; margin: 0 auto;} .fot_z_n_tzm a{ line-height:30px; font-size: 13px;color:#ebebeb; display: block; } .fot_z_n_la{height: 225px; width:250px; float: left; padding-left:60px;} .fot_z_n_tza{ height: 2px; width: 250px;background:url(../images/images/xx.jpg) no-repeat left;} .fot_z_n_tzaz{ height:180px; width: 220px;float: right; margin-top: 30px;} .fot_z_n_tzaz li{height: 35px; width: 220px; line-height:35px; border-bottom:1px solid #393939;background:url(../images/images/oo.jpg) no-repeat center left;} .fot_z_n_tzaz li a{line-height: 35px; font-size: 13px; color: #eaeaea; display: block; padding-left: 25px;} .hezuo_zl{height: 630px; width: 1200px;background:url(../images/images/hz.jpg) no-repeat center} .fot_z_n_tzaz li a:hover{font-size: 13px; color: #bb0514; } .pro_cage{ width:1200px; margin:0 auto; height:94px; padding:40px 0 30px 0} .pro_cage li{ float:left; height:94px; padding:0 0 0 20px;} .pro_cage li a{ color:#000000; font-size:16px; line-height:94px; padding:0 0 0 98px} .pro_cage li a:hover{ color:#0a579e; font-size:18px; font-weight:bold} .pro_cage li.cage_a{ background:url(../images/images/cage_a.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_b{ background:url(../images/images/cage_b.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_c{ background:url(../images/images/cage_c.png) no-repeat 20px center; width:245px; border-right:1px solid #e2e2e2;} .pro_cage li.cage_d{ background:url(../images/images/cage_d.png) no-repeat 20px center; width:215px; } .pro_cage li.cage_more{ background:url(../images/images/cage_more.png) no-repeat left center; width:137px;} .pro_cage li.cage_more a{ color:#cecfd0; font-size:16px; line-height:94px; padding:0 0 0 8px} .p_title{ background:url(../images/images/p_tite.png) no-repeat center center; height:55px; line-height:55px; text-align:center; font-size:36px; color:#2e6a9c;font-weight:bold;} .p_title span{ text-transform:uppercase; color:#c63a3a;font-weight:normal; padding:0 0 0 10px;} .p_title_p{ line-height:42px; text-align:center; color:#4e4e4e; font-size:15px; } .product_fenlei{ width:1200px; margin:20px auto 10px auto; height:59px;} .product_fenlei li{ width:299px; float:left; text-align:center; border-right:1px solid #1c507a} .product_fenlei li a{height:59px; line-height:59px; font-size:15px; color:#fff; display:block; background:#163e5f } .product_fenlei li a:hover{background:#a93131; font-weight:bold; font-size:18px;} .pro_show{ } .pro_show h2{ background:url(../images/images/p_line.jpg) repeat-x 120px center} .pro_show h2 p{ background:#fff; width:120px; line-height:65px; color:#08982e; font-size:18px;} .pro_cont{ height:470px; width:970px; margin:0 auto; overflow:hidden; } .espcms_piclist_slide {overflow: hidden;} .espcms_piclist_slide ul li{float: left;margin:0 15px 15px 0;text-align: center; position:relative; height:229px;overflow:hidden; } .espcms_piclist_slide li .pic { width:305px; height:229px;} .espcms_piclist_slide li .pic a{ font-size:16px;} .espcms_piclist_slide li .pic img { width:305px; height:229px;} .espcms_piclist_slide li .cover_top{ text-align:center; line-height:40px; height:40px; font-size:14px;z-index:99;position: absolute; color:#666; bottom:0; width:100%; background:rgba(0,0,0,0.7)} .espcms_piclist_slide li .cover_pic{ width:120px; height:120px;position:absolute; left:50%; margin-left:-60px;top:-150px; z-index:100} .espcms_piclist_slide li .cover_pic a{ font-size:24px; color:#ffea00; font-weight:bold; padding:80px 0 0 0; background:url(../images/images/more.png) no-repeat center 5px; display:block} .espcms_piclist_slide li p{ } .espcms_piclist_slide li p a{ color:#fff} .espcms_piclist_slide li p a:hover{ color:#fff600} .news_contact{ height:197px; width:100%;background:url(../images/images/xfa.jpg) no-repeat center; margin-top: 45px; } .news_contacta{ height:220px; width:100%;background:url(../images/images/xfb.jpg) no-repeat center; } .news_contactb{ height:187px; width:100%;background:url(../images/images/xfc.jpg) no-repeat center; } .news_contactc{ height:202px; width:100%;background:url(../images/images/xfd.jpg) no-repeat center; } .news_contactd{ height:167px; width:100%;background:url(../images/images/fxe.jpg) no-repeat center; } .news_contacte{ height:196px; width:100%;background:url(../images/images/fxf.jpg) no-repeat center; } .news_contacta_zz{ width: 1200px; height: 80px; margin: 0 auto; padding-top: 88px; } .news_contacta_l{height: 80px; width: 300px; float: left;} .news_contacta_l p{line-height:25px; padding: 10px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contacta_l a{color: #cf231f;} .news_contacta_r{height: 80px; width: 300px; float:right;} .news_contacta_r p{line-height:25px; padding: 22px 10px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contacta_r a{color: #cf231f;} .news_contacta_zzb{ width: 1200px; height: 80px; margin: 0 auto; padding-top: 65px; } .news_contactb_l{height: 80px; width: 300px; float: left;} .news_contactb_l p{line-height:25px; padding: 10px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contactb_l a{color: #cf231f;} .news_contactb_r{height: 80px; width: 300px; float:right;} .news_contactb_r p{line-height:25px; padding: 10px 20px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contactb_r a{color: #cf231f;} .news_contacta_zzbb{ width: 1200px; height: 80px; margin: 0 auto; padding-top:70px; } .news_contactc_l{height: 80px; width: 300px; float: left;} .news_contactc_l p{line-height:25px; padding: 22px 25px 10px 10px; color: #000000; font-size: 14px; text-align: right; display: block;} .news_contactc_l a{color: #cf231f;} .news_contactc_r{height: 80px; width: 300px; float:right;} .news_contactc_r p{line-height:25px; padding: 10px 20px 10px 18px; color: #000000; font-size: 14px; display: block;} .news_contactc_r a{color: #cf231f;} .news_contacta_l:hover,.news_contacta_r:hover,.news_contactb_l:hover,.news_contactb_r:hover,.news_contactc_l:hover,.news_contactc_r:hover{animation: dou 0.5s linear;} @keyframes dou{ 0%{transform: translateY(0px);} 25%{transform: translateY(10px);} 50%{transform: translateY(0px);} 75%{transform: translateY(-10px);} 100%{transform: translateY(0px);} } .new_heng{ height:140px; width:1220px;margin: 0 auto; padding-top: 40px;} .new_heng_z{ float: left; height:40px; width:500px; padding-top: 60px; padding-left: 360px;} .new_heng_z p{ line-height: 40px; color: #FFFFFF; font-size: 16px;} .new_hg{ height:30px; width: 230px; float: right; padding-top: 90px;} .new_hg_l a{ line-height: 30px; width: 100px; float: left; border: 1px solid #FFFFFF; color: #FFFFFF; font-size: 15px; text-align: center; display: block;} .new_hg_r a{ line-height: 30px; width: 100px; float: right; color: #0c469a; font-size: 15px; text-align: center; display: block; background: #FFFFFF;} .guanyu{height:474px; width: 100%; margin: 0 auto;background:url(../images/images/about_l.jpg) repeat center; margin-top: 50px;} .guanyu_z{height: 474px; width: 1200px; margin: 0 auto;background:url(../images/images/about.jpg) no-repeat left;} .guanyu_z_r{height:320px; width: 840px; float: right; margin-top: 70px} .guanyu_z_r_t{ height: 31px; width: 840px;background:url(../images/images/ag.jpg) no-repeat left; } .guanyu_z_r_tt{ height: 31px; width: 841px; background:url(../images/images/agg.jpg) no-repeat center; padding-top: 5px;} .guanyu_z_r_ttl h1{ line-height: 31px; width: 230px; float: left; font-size:22px; display: block; color:#040404;} .guanyu_z_r_ttr a{line-height: 31px; height: 31px;width:110px;border-radius:15px; background: #0c4694; float: right; display: block; text-align: center; color: #FFFFFF; font-size: 15px;} .guanyu_z_r_ttr a:hover{font-weight: bold; color: #FFFFFF;} .guanyu_zi p{ line-height: 30px; font-size: 15px; display: block; color:#4d4d4d; margin-top:30px;} .gpngqiu{ height: 103px; width: 1200px; margin: 0 auto;background:url(../images/images/ff.jpg) center no-repeat; margin-top: 45px; } .gpngqiu_n{height: 470px; width:1200px; margin: 0 auto; margin-top: 60px;} .gpngqiu_n li{ height: 220px; width: 570px; float: left; background: #f7f7f7; margin-right:15px; margin-bottom: 20px;margin-left:15px; } .xinxi_gongqiu{height: 220px; width: 570px;} .x_tu{width:170px;height:220px ;position:relative;background-repeat:no-repeat;background-size:100%;background-position:50% 50%; border: 1px solid #f1f1f1; float: left;} .xinxi{height: 220px; width:378px; float: right;} .xinxi_t{height: 35px; width: 378px; margin-top: 10px;} .xinxi_t a{line-height: 35px; width: 278px; display: block; font-size: 15px; font-weight: bold; color:#000000; float: left;} .xinxi_t p{line-height: 35px; width: 80px; display: block; font-size: 12px; color:#c9c9c9; float:right;} .xinxi_t a:hover{color: #015bb5;} .gqxx p{ font-size: 12px; color: #c9c9c9; width: 378px;} .xinxi_x{ width: 49px; height:5px; border-bottom: 2px solid #015bb5; } .gobfqiu_z p{padding-right: 15px; line-height: 30px; color: #545454; font-size: 13px; margin-top: 15px;} .kuang a{line-height: 24px; width: 24px; color: #FFFFFF;font-size: 18px; display: block; text-align: center;float: right; background: #aeaeae; margin-top: 20px; } .kuang a:hover{background: #015bb5;color: #FFFFFF;font-size: 18px;} .hr{display:inline-block;float:left; height: 384px; width: 200px; background: url(../images/images/rencai.jpg) center no-repeat;} .hrz{height: 250px; width: 160px; margin: 0 auto; margin-top: 130px;} .hrz li{ width: 45px; width: 160px; margin-top: 25px;} .hrz li a{line-height: 45px; width: 160px; background: #ba000f; text-align: center; display: block;color: #FFFFFF; font-size: 15px; font-weight: bold;} .hrz li a:hover{font-size: 16px; font-weight: bold;} .cage_list{ width:1200px; margin:20px auto 10px auto; height:59px;} .cage_list li{ width:236px; float:left; text-align:center; } .cage_list li a{height:59px; line-height:59px; font-size:15px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .cage_list li a:hover{background:#d0231c; font-weight:bold; font-size:15px; color: #FFFFFF;} #cage_list_a a{height:59px; line-height:59px; font-size:18px; color:#fff; display:block; background:#0c469a; text-transform:uppercase; font-weight: bold;} #cage_list_a a:hover{background:#d0231c; font-weight:bold; font-size:18px; color:#FFFFFF;} .cage_listt{ width:1200px; margin:20px auto 10px auto; height:59px; } .cage_listt li{ width:236px; float:left; text-align:center; } .cage_listt li a{height:59px; line-height:59px; font-size:16px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border-right:1px solid #d7d7d7;border-top:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7} .cage_listt li a:hover{background:#d0231c; font-weight:bold; font-size:15px; color: #FFFFFF;} #fff a{height:59px; line-height:59px; font-size:15px; color:#3e3e3e; display:block; text-transform:uppercase; font-weight: bold;border:1px solid #d7d7d7;} #fff a:hover{background:#d0231c; font-weight:bold; font-size:15px; color:#FFFFFF;} .cage_listtt{ width:1200px; margin:20px auto 10px auto; height:59px;} .cage_listtt li{ width:395px; float:left; text-align:center; border-right:1px solid #d9e9ff; border-top:1px solid #d9e9ff; margin-top: 15px;} .cage_listtt li a{height:59px; line-height:59px; font-size:18px; color:#fff; display:block; background:#ba000f; text-transform:uppercase; font-weight: bold;} .cage_listtt li a:hover{background:#0c469a; font-weight:bold; font-size:18px; color:#FFFFFF;} /*erjiyemian*/ .product_title{ background:url(../images/images/cp_r.png) no-repeat center; height:75px; line-height:75px; text-align:center; font-size:45px; color:#219f56;font-weight:bold;} .product_title span{ text-transform:uppercase; color:#f31151; } .product_title_p{ line-height:42px; text-align:center; color:#f31458; font-size:16px; margin-bottom: 20px; } .erji{ padding:60px 0 0 0;background:url(../images/images/erjibg.jpg) center top no-repeat;} .erji h2{ text-align:center; color:#000; font-size:24px; text-transform:uppercase} .erji h2 p{ font-size:33px; color:#08912a; font-weight:bold; line-height:60px;} .erji h2 p span{ color:#ec0c41} .cage{ height:50px; padding:15px 0 30px 0; width:1330px; margin:0 auto} .cage li{ width:217px; text-align:center; float:left; margin-right:1px; background:#11944b;} .cage li a{ line-height:50px; font-size:18px; color:#fff; font-weight: bold;width:217px; display: block; text-align: center;} .cage li a:hover{background:#ea9229;line-height:50px; font-size:18px; color:#fff; font-weight: bold;width:217px; display: block; text-align: center;} .erji .s_width{ margin-bottom:50px;} .erji .s_width .l{width:601px; position: absolute} .erji .s_width_r{ width:458px;font-size:20px; color:#333333; font-weight:bold; position:absolute; background:url(../images/images/welcome.png) no-repeat left 30px; right:0; padding:110px 50px 0 89px; border:1px solid #ccc;} .erji .s_width_r p{ font-size:14px; color:#2d2d2d; line-height:31px; font-weight:normal; padding:20px 0 55px 0; } .erji_lv{ width:1200px;} .erji_lv_xinwen{ width:1280px;margin: 0 auto;} .erji_lv p{ line-height:30px; font-size:15px; color:#333; margin-bottom: 5px;} .erji_lv_bg{ background:url(../images/images/lvse.jpg) no-repeat center center; height:70px;} .liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold} .se_pro_con{ width:1200px; overflow:hidden; position:relative; margin:0 auto; } .se_pro_con ul{ width:1200px; } .se_pro_con li{float:left; padding:0; width:380px; margin-right:6px; margin-bottom:15px;position:relative; overflow:hidden; background:#f8f7f7; border:1px solid #dcdcdc;margin-left:8px;} .se_pro_con li:hover{border:1px solid #ff0000;} .se_pro_t_l{ width:380px; height:300px; position:relative; cursor: pointer ; border-bottom:none; overflow:hidden;} .se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; margin: 0 auto; } .se_pro_con li:hover img{transform:scale(1.1,1.1);-moz-transform:scale(1.1,1.1);-webkit-transform:scale(1.1,1.1);} .se_pro_t_l a{ width:380px; height:300px; position: absolute; z-index:3; background:url(../images/images/p_more_bg.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px;} .se_pro_t_l .se_pro_t_laa{opacity:1;} .se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:80px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f} .se_pro_t_r{ text-align:center; padding:0 0 20px 0} .se_pro_t_r a{color:#2a2a2a; font-size:22px; line-height:45px; position:relative; display:block; z-index:3; font-weight:bold} .se_pro_t_r a span{ display:block; color:#2a2a2a; line-height:60px; font-size:18px;} .se_pro_t_r a p{ width:149px; height:30px; margin:0 auto; background:url(../images/images/cc_more_bg.jpg) no-repeat -149px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_pro_con li:hover a span{ color:#fff;} .se_pro_con li:hover .se_pro_t_r a p{ background:url(../images/images/cc_more_bg.jpg) no-repeat 0 center; } .se_pro_con .cover_bottom{ position:absolute; height:130px; width:100%; background:#189b53; bottom:0; left:-395px; opacity:0; z-index:2} .se_pro_con li:hover{ border:1px solid #0056ab; cursor:pointer} .se_pro_con li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pro_con a:hover span{ color:#ffd800} .se_pro_con li:hover .chanpin_t_r p{ font-size:18px; font-weight:bold; color:#fff} .se_pro_con li:hover .chanpin_t_r a{ color:#fff} .chanpin_t_ll{ width:380px; height:300px; margin:0 auto; position:relative; overflow:hidden;} .chanpin_t_ll a{ width:380px; height:300px; position: relative; z-index:3; display:block} .chanpin_t_ll a span{ display:block; color:#ffffff; line-height:40px; width:280px; position:absolute; bottom:0; z-index:99; font-size:15px; background:rgba(0,0,0,0.8); text-align:center;} .chanpin_t_rr a{font-size:18px; color:#393939; display: block; text-align: center; width:380px; line-height: 60px;} .chanpin_t_rr a:hover{ color: #0056ab; font-weight: bold;} .se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;} .se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; } .se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#393a3c; border:1px solid #c9c9c9 } .se_pro_t_r_more a:hover{ background:#fff; border:1px solid #fff; color:#cb2a2a; font-weight:bold} .se_pro_con li div.cover_top{position:absolute;top:-386px;left:0;width:382px;height:386px; background: rgba(0,0,0,0.4) ;z-index:1001; text-align:center; cursor: pointer} .se_pro_con li div.cover_top img{} /*se_case*/ #se_case_index{ background:#fff;position:relative; background: url(../images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0} .se_case_index_title{height:82px; background:url(../images/case_index_title_bg.png) no-repeat bottom; border-bottom:#e3e3e3 1px solid; } .se_case_index_title h2 { font-size:33px; color:#08912a; font-weight:bold; line-height:60px; text-align:center} .se_case_index_title h2 span{ color:#ec0c41} .se_case_index_nav{ width:668px; height:30px; overflow:hidden; padding:0 0 0 12px; position:absolute;top:130px;left:50%;margin-left:-334px;} .se_case_index_nav ul{ height:30px;} .se_case_index_nav li{ float:left; margin-right:12px; min-width:112px; height:30px; } .se_case_index_nav li span{float:left; width:112px; height:30px; display:block; font-weight:bold} .se_case_index_nav li a{ font-size:14px; text-align:center; line-height:30px; text-decoration:none; color:#fff; display:block; background:#797979; border-radius: 3px; } .se_ca_erji{ float:left; padding:0 0 0 10px;} .se_ca{float:left; height:30px; margin:0 5px 0 0 } .se_case_index_nav li .se_ca a{background:#d8d8d8; color:#5b5b5b; width:90px; font-size:13px;} .se_case{ width:1200px; margin:0 auto; padding:10px 0 0 0} .se_case ul{} .se_case li{ width:280px;margin:0 10px 20px 10px; height:300px; float:left;position:relative;overflow:hidden;cursor:pointer;background:#eee; } .se_case_pic{ width:278px; height:200px; text-align:center; margin:0 auto; border:1px solid #eee} .se_case_name{ width:260px; margin:0 auto; font-size:18px; color:#ec0c41; line-height:50px; text-align:left; padding:0 0 0 20px; font-weight:bold} .se_case_name a{ color:#333} .se_case_hangye{ width:240px; margin:0 auto; padding:0 20px 10px 20px; font-size:14px; color:#333; line-height:40px;} .se_case_click{ float:right; color:#333; } .se_case li div.cover_top{position:absolute;top:-205px;left:0;width:280px;height:202px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.4);z-index:900; text-align:center} .se_case li div.cover_top img{ padding:95px 0 0 0} .se_case li div.cover_bottom{position:absolute;bottom:-100px;left:0;width:280px;height:99px;background-color: green;filter: Alpha(opacity=50);background: rgba(52,179,70,1);z-index:900} .se_case .se_case_text{position: relative;z-index:1000;} .fenye{ padding:10px 0 30px 0; font-size:14px;} .shangxiaye{overflow: hidden;padding: 15px 0px;} .shangxiaye li{ line-height:25px; color:#666} .shangxiaye li a{ color:#666} /*se_hangye*/ .se_hangye{ width:1200px; margin:0 auto; } .se_hangye ul{position:relative} .se_hangye li{ margin-bottom:20px; margin-right:10px; padding:20px; border:1px dashed #ccc;width:527px; float:left; position:relative;top:20px;left:20px; cursor: pointer;} .se_hangye li:nth-child(2n){} .se_hangye li.hover{border:1px dashed #1b72b5;} .se_hangye_con{ } .se_hangye_con_t{ line-height:40px; } .se_hangye_con_t a{ font-size:18px; line-height:50px; font-weight:bold; color:#333;} .se_hangye_con_other{ font-size:14px; color:#666; line-height:20px; padding:0 0 10px 0} .se_hangye_con_t_intro{ font-size:14px; color:#777; line-height:28px;} .se_date{ line-height:30px; color:#555; font-size:14px; font-weight:normal; text-align: left;} /*.main{ padding:30px 0;}*/ .main_right{ width:910px;font-size:16px;} .m_r_weizhi{ line-height:35px; text-align:right; font-size:14px;border-bottom:1px solid #eee} .m_r_weizhi span{ float:left; font-size:18px; border-bottom:1px solid #093} .t_left{ width:265px; float:left} .fenlei2{} .fenlei2 h2{ background:#093; line-height:40px; font-size:14px; color:#fff; font-weight:normal; padding:0 0 0 20px; text-transform:uppercase} .fenlei2 ul{ border:1px solid #eee; padding:25px 0 20px 0; border-bottom:2px solid #093 } .fenlei2 li{ line-height:35px; width:200px; margin:0 auto; border:1px solid #ccc; margin-bottom:10px;} .fenlei2 li a{ font-size:14px; padding:0 0 0 35px; } .list{width: 300px;float: left;} .intro{width: 100%;min-width:1400px;height:528px;background-image: url(../images/images/about.jpg);background-size: 100% 100%;background-repeat: no-repeat;border-top: 1px solid lightgray;} .ab_z{width: 1100px;height: 335px;margin:118px auto;} .ab_zl{height:335px; width:430px; border:1px solid #d4d4d4; float:left;} .ab_tu{padding:10px; height:315px;} .ab_r{ height:335px; width:650px; float:right;} .ab_rt{height:40px; width:650px; border-bottom:#d4d4d4 1px dashed;} .ab_rl{ height:40px; width:220px; float:left; background:url(../images/images/jianjie.jpg) left center no-repeat;} .ab_rl a{ height:40px; float:right; display:block; font-size:16px; color:#c9c9c9; line-height:40px; font-weight:bold;} .ab_rr{ height:26px; width:26px; background:#d21e27; float:right;} .ab_rr a{ height:26px; width:26px; background:#d21e27; display:block; text-align:center; color:#FFF; font-size:14px;} .an_nr{height:255px; width:650px;} .an_nr p{ height:32px; line-height:32px; color:#333; font-size:12px; display:block; padding-top:16px} .why{width: 100%;min-width:1400px;background-image: url(../images/images/bbj.jpg);background-repeat: repeat-x;text-align: center;} .article{width: 1200px;height: 785px;background-image: url(../images/images/bbii.jpg);background-size: 100% 100%;background-repeat: no-repeat;margin: 0 auto;} .a1{width: 530px;height: 100px;float: right;margin-top: 60px;} .a1_t{height:30px; float:left;} .a1_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a1_tt{ height:60px; width:530px; float:left;} .a1_tt a{height:24px; width:350px; line-height:24px; display:block; color:#828282; font-size:14px; text-align:left; } .a2{width: 450px;height: 100px;clear: both;float:right; margin-top:5px;} .a2_t{height:30px; float:left;} .a2_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a2_tt{ height:60px; width:450px; float:left;} .a2_tt a{height:30px; width:350px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a3{width: 380px;height: 100px;clear: both;float: right;margin-top:26px} .a3_t{height:30px; float:left;} .a3_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a3_tt{ height:60px; width:380px; float:left;} .a3_tt a{height:30px; width:330px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a4{width: 360px;height: 100px;clear: both;float: right;margin-top:24px} .a4_t{height:30px; float:left;} .a4_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; margin-left:15px; } .a4_tt{ height:60px; width:380px; float:left;} .a4_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:15px;} .a5{width: 380px;height: 100px;clear: both;float: right;margin-top:18px} .a5_t{height:30px; float:left;} .a5_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a5_tt{ height:60px; width:380px; float:left;} .a5_tt a{height:30px; width:320px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;} .a6{width:300px;height: 100px;clear: both;float:right; padding-right:165px;} .a6_t{height:30px; float:left;} .a6_t a{height:30px; line-height:30px; display:block; color:#d21e27; font-size:22px; } .a6_tt{ height:60px; width:300px; float:left;} .a6_tt a{height:30px; width:300px; line-height:30px; display:block; color:#828282; font-size:14px; text-align:left; padding-left:0px;} .news-left{width: 835px;height: 430px;float: left;} .xinwen{ height:40px; width:835px; background:#1f1f1f url(../images/images/xw.jpg) left center no-repeat;} .xinwen_z{height:40px; width:300px; float:left;} .xinwen_z a{height:40px; line-height:40px; display:block; color:#d21e27; font-size:14px; padding-left:40px;} .xinwen_z b{ color:#fff; } .xinwen_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;} .xinwen_n{ height:340px; width:835px; margin-top:45px;} .xinwen_nl{height:340px; width:213px; float:left; background:url(../images/images/nnn.jpg) center no-repeat;} .xinwen_nr{ height:340px; width:600px; float:right;} .xinwen_nrt{height:100px; width:600px;} .xinwen_nrtb{ height:30px; width:600px; border-bottom:#d9d9d9 1px dashed; padding-top:10px;} .xinwen_nrtb a{ height:26px; width:600px; line-height:26px; color: #666; font-size:16px; display:block;} .xinwen_nrtb a:hover{ height:26px; width:600px; line-height:26px; color:#d21e27; font-size:17px; display:block;} .bbb{ height:60px; width:600px;} .bbb p{ height:24px; line-height:24px; font-size:12px; color:#999; display:block; padding-top:5px;} .xinwen_liebiao{width:600px; height:220px; padding-top:25px;} .xinwen_liebiao_l{ height:35px; width:500px; background: url(../images/images/a.gif) center left no-repeat; float:left;} .xinwen_liebiao_l a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px;} .xinwen_liebiao_l a:hover{ color:#d21e27; font-size:12px;} .xinwen_liebiao_r{height:35px; width:100px; float:right;} .xinwen_liebiao_r a{ height:35px; width:500px; line-height:35px; display:block; padding-left:20px; color:#666; font-size:12px; } .xinwen_liebiao_r a:hover{ color:#d21e27; font-size:12px;} .tupian{ width:1200px; padding-top:200px; margin:0 auto } .kong{height:40px; width:100%} .kongg{height:60px; width:100%} .news-right{width:330px;height: 430px;float: right;} .lx{height:40px; width:330px; float:left;background:#d21e27;} .lx_z{height:40px; width:280px; float:left;} .lx_z a{height:40px; line-height:40px; display:block; color:#fff; font-size:14px; padding-left:40px;} .lx_z a{height:40px; line-height:40px; display:block; color:#fff; font-size:14px;} .lx_z b{ color:#fff; } .lx_c a{ height:40px; line-height:40px; width:40px; font-size:22px; float:right; color:#FFF;} .lx_t{height:148px; width:300px; margin:0 auto; background:url(../images/images/lxt.jpg) center no-repeat; margin-top:60px;} .lx_n{height:200px; width:300px; padding:15px;} .lx_nt a{height:40px; width:300px; line-height:40px; display:block; font-size:16px; color:#000; font-weight:bold;} .lx_nn a{height:30px; line-height:30px; display:block; color:#333; font-size:12px;} .leftttt{height:100%; width:210px;} .lixxiwomen{ padding-top:700px; } .sss{height:380px; width:210px;border:1px solid #c5c5c5} .lixxiwomen_t{height:40px; width:210px; background:url(../images/images/lxxxx.jpg) center no-repeat;} .lixxiwomen_t a{height:40px; width:210px; line-height:40px; display:block; font-size:14px; color:#FFF; text-align:center;} .let{height:94px; width:190px; margin:0 auto; padding-top:18px; background:url(../images/images/aaaa.jpg) center no-repeat;} .lett p{height:40px; line-height:40px; width:190px; margin:0 auto; display:block; font-size:13px; color:#00; font-weight:bold;} .lettt p{ height:30px; line-height:30px; font-size:12px; display:block; color:#333; padding-left:10px;} .right_yeyue{ width:970px; height:100%; float:right;} /*erjiyemian*/ .main_l{ float:left; width:226px; padding:0 0 0 9px; overflow:hidden;} .main_r{ float:right; width:720px;overflow:hidden; padding-right:10px;} .left_lx{width:257px;overflow:hidden; min-height:276px;} .left_lx .pic{ height:69px; overflow:hidden;} .left_lx .pic2{ height:42px; overflow:hidden;} .left_lx .left_lx_con{ width:250px;line-height:24px; min-height:159px; color:#fff; background:#ff7c1c url(../images/lianxibg2.jpg) repeat-x left top;} .left_lx .left_lx_con p{ padding:19px 0 0 20px;} .zizhi{width:250px;overflow:hidden;} .zizhi .pic{ height:56px; overflow:hidden;} .zizhi .zizhi_con{ width:250px;line-height:24px; padding-top:5px;overflow:hidden;min-height:180px; color:#fff; background:#f7f2e8 url(../images/rongyubg.jpg) repeat-x left top;} .zizhi .zizhi_con img{ margin:2px 0 0 6px; height:38px; overflow:hidden; display:block} .erjibg{ background:url(../images/weizhi.jpg) no-repeat left top; height:37px;line-height:37px; padding-left:35px; color:#fff} .erjibg a{ color:#fff;} .erjibg a:hover{ font-weight:bold;} .main_content{background:#FFFFFF; line-height:23px; min-height:502px; margin:0 0 10px 0; border:#c5b084 solid 1px;} .main_content .jianjie{ line-height:30px; font-size:12px; padding:30px 30px 0 30px;color:#000} .erji_con{ PADDING-top:20PX; padding-left:10px;} .tiao{ font-size:12px; padding:20px 0 20px 30px;} .tiao a{ color:#000000; text-decoration:none; font-size:12px;} .tiao a:hover{ color: #348900;} .lx p{ line-height:25px; font-size:14px; font-weight:bold;} .more{ padding:25px;} .more a{ color:#000; line-height:25px; text-decoration:none; background:url(../images/news_icon.gif) no-repeat left 2px; padding-left:20px;} .list_photo2{ margin:0; width:790px; padding-top: 0; padding-right: 0; padding-bottom: 0; padding-left: 0px; } .list_photo2 dt{ float:left; width:250px; height:200px; margin-top:15px; } .list_photo2 dt img{ border:1px solid #dfdfdf; padding:0px; width:210px; height:150px; padding:5px;} .list_photo2 dt div{ width:240px; height:35px; line-height:35px; text-align:center; overflow:hidden; } .list_photo2 a{color:#000000;} .list_photo2 a:hover{color:#f60;} .news_t{ width:650x; text-align:left; line-height:40px; height:40px; background: url(../Images/index_1888.gif) repeat-x;text-indent:0px; margin:auto; margin-left:40px; margin-right:40px; font-size:14px;} .news_t ul{ width:650px; line-height:40px;} .news_t ul li{line-height:40px;} .news_t a {line-height:40px; color:#4a4a4a; font-size:14px; padding-left:22px; } .news_t a:hover{color:#4a4a4a; } .news_p{ width:700px; color:#999999; text-align:left; padding-left:10px; margin-bottom:20px; line-height:25px;} .news_p a{ color:#999999} .news_p a:hover{ color:#ff0000} .newslist{list-style:none;width:500px;background-color:#fff;overflow:hidden;height:500px;} .newslist .t{float:left;width:250px;} .se_erji_img img{ width:auto; margin:0 auto} .contact_left{ width:380px; text-align:center; margin-top: 30px;} .contact_right{ width:400px; text-align:left; font-size:16px; line-height:40px; padding:0 0 0 80px; border-left:1px solid #eee} .map{ width:100%; overflow:hidden; margin: 0 auto;} .p_float{ position:fixed; bottom:20px; width:55px; right:10px; z-index:9999; opacity:0} .p_float li{ line-height:21px; margin-bottom:10px; text-align:center} .p_float li a{ color:#fff; font-size:13px; background:#00877a; padding:10px 7px; margin-bottom:10px; display:block} .p_float li a:hover{ background:#000} /*neiye_xiazia*/ .se_xiazai_r{font-size: 20px;font-weight: bold;color: #666;} .se_xiazai_m{margin-left:26px;line-height:24px; margin-top:7px;} .se_xiazai_more{width: 115px;height: 24px;line-height: 24px;text-align: center;border: 1px solid #666;border-radius: 15px;margin-top: 7px;} .ny_dianjixiazia a{color: #fff;display: block;width: 120px;height: 32px;background: #26489e;font-size: 16px;text-align: center;margin: 0 auto;border-radius: 30px;} .ny_dianjixiazia a:hover{background: #ff7611;color: #fff;} /*neiye_chanpin*/ .pro_lists{width:1280px;margin:0 auto;} .pro_li_p{padding-bottom:100px;width:23%;margin:0 1%;float:left;} .pro_li{position: relative;} .pro_img{position: absolute;top:0;left:0;width:100%;z-index: 50;background: white;transition: all 0.5s linear 0.5s;text-align: center;} .pro_hide_img{position: relative;z-index: -1;opacity:0;} .pro_back{position: absolute;width:100%;height:100%;background: #fff;top:0;left:0;z-index:10;transition: all 0.5s linear 0.5s;} .pro_back div{background: #c7e4f6;position: absolute;transition: all 0.5s linear;} .pro_back .pro_top{height:5px;width:0;top:-5px;left:-5px;} .pro_back .pro_left{height:0;width:5px;top:-5px;left:-5px;} .pro_back .pro_bottom{height:5px;width:0;bottom:-5px;right:-5px;} .pro_back .pro_right{height:0;width:5px;bottom:-5px;right:-5px;} .pro_btm_v_line{position: absolute;top:100%;left:5px;width:2px;height:0;background:#ccc;} .pro_btm_f{width:40px;height:40px;opacity:1;left:-10px;top:240px;position: absolute;z-index: 2001;} .pro_btm_arrow{position: absolute;background:rgba(102,102,102,0.8);line-height:40px;color:#fff;width: 100%;text-align: center;} .pro_img_top{position: absolute;bottom:100%;right:0;width:30px;height:30px;background-image:url(/templates/net/images/pro_top.jpg);background-size:100% 100%;background-position:50% 50%;background-repeat:no-repeat;opacity: 0;} .pro_image{width:100%;margin:0 auto;z-index:200;} /*面包屑*/ .espcms_page_location{ width:1280px;height:42px;line-height: 42px; font-size:14px; border-bottom:1px solid #ddd;margin: 0 auto;} .espcms_page_location .s_width{color:#666;width: 1280px;} .espcms_page_location .s_width a{color:#666} .ny_main1{width: 1280px;margin: 30px auto;} /*xiangguanneirong*/ .xiangguanneir{overflow:hidden;height:auto; margin:0 auto;width:100%;color:#ffffff; margin-bottom:40px;} .espcms_piclist_slide18 {overflow: hidden;margin: 0 auto;} .espcms_piclist_slide18 ul li{float: left;margin: 0 10px 5px 0;text-align: center;background:#fff; position:relative;} .espcms_piclist_slide18 li .pic { width:238px; height:auto; margin:0 auto;border: 1px #f3f4f7 solid;} .espcms_piclist_slide18 li .pic img { width:240px; height:180px;} .espcms_piclist_slide18 li p{ text-align:center; line-height:44px; font-size:14px;z-index:99;position:relative; background:#ececec } .espcms_piclist_slide18 li p a{ color:#444444; font-size:14px;} .espcms_piclist_slide18 li p a:hover{ color:#fff} .espcms_piclist_slide18 li .case_more{ width:60px; margin:0 auto; height:18px; line-height:18px; text-align:center; color:#a9a9a9; font-size:12px; text-transform:uppercase; border:1px solid #604a32;z-index:99;position:relative} .espcms_piclist_slide18 li .case_more a{ color:#604a32;} .espcms_piclist_slide18 li .case_more div a{ color:#a9a9a9;} .miaoshu { line-height: 40px;color: #fff;font-size: 16px;background: url(../images/images/miaoshubg.jpg) no-repeat left top;margin: 30px 0;} .tie2{text-indent:2em;} .espcms_page_right p{font-size: 17px;line-height:35px;color: #666;} .espcms_page_right p img{display: block;max-width: 800px;height: auto;margin: 0 auto;} .erji_lv_xinwen .espcms_book ul{width: 1200px;height: 60px;border: 0px solid #ece8e8;margin-top:0px;padding:0;} .espcms_book ul li{width: 50%;float: left;line-height: 60px;} .erji_lv_xinwen .espcms_book ul li{width:100%;line-height:30px;} .fanhui{width: 120px;height: 40px; text-align: center; line-height: 40px;border-radius: 30px;border: 1px solid #ece8e8;float: right;} .espcms_book div img{max-width: 800px!important;height: auto!important;text-align: center } .top_r_list img{width: 40px;height: 40px;display: block;float: right;} .top_r_list span{height: 40px;color:#666;font-size:28px;font-family: Impact;display: block;float: right;margin: 5px 0 0 10px;} .prolist_dt{position: relative;width: 100%;overflow: hidden;background: url("../images/prolist.jpg") no-repeat center top;background-size: 100%;height:227px;margin-top: 100px;} .espcms_strlistt{width: 1200px!important;} /*ny_chanpin*/ .fenlei ul{width:100%;margin: 0 auto;} .pro_lists li{width: 48%;} .se_pro_cc{background: #13622b;height: 90px;} .se_pro_cc strong{display: block;;color: #fff;padding-top: 5px;font-size: 18px;} .se_pro_cc strong span{font-size:15px;color:#efefef;} .se_pro_cc p{font-size: 12px;line-height:20px;} .se_pro_cc p span{display: block;} .fanhui{display: none;} .esbig_pic{width:700px;overflow: hidden;height: 525px;border: 1px solid #c4c4c4;float: left;} .esbig_pic img{width: 100%;} .nypro_xq{width: 540px;float: right;} .nypro_xq h1{font-size:38px;font-weight: bold;color:#13622b;margin-top:20px;line-height:90px;} .bdsharebuttonbox{display: none;} .f14{line-height:32px;font-size:15px;color: #666;} .cpdianhua{text-align:left;line-height: 38px;font-size:28px;margin-top: 35px;} .cpdianhua img{width: 40px;height: 40px;margin-right: 10px;display: block;float:left;margin-top: 10px;} .cpdianhua span{font-family:Impact;color: #666;line-height:38px;display: block;float:left;margin-top:13px;} /*产品详情*/ .xiangce{ width:540px; margin:0 auto;margin-top:376px; height:155px!important;position: absolute;right: 0;} #left_btn{ height:40px; width:20px; background:url(../images/lla.jpg) center no-repeat;} #right_btn{ height:40px; width:20px; background:url(../images/llb.jpg) center no-repeat;} .xiangce ul{width:540px; border:#eeeeee 1px solid;} .xiangce ul li{ float:left; height:150px; width:187px; margin-right:10px;} .espcms_pro_photo li img{width:187px;height:140px} .espcms_pro_photo li a{ padding-left:20px;} .miaoshu{ line-height:40px; padding:0 0 0 0; color:#fff; font-size:16px; background:#eee;} .miaoshu span{ width:100px; background:#0657b2; display:block; text-align:center; text-indent: 0;} .miaoshua{ line-height:40px; padding:0 0 0 0; color:#fff; font-size:16px; background:#eee;} .miaoshua span{ width:180px; background:#40afff; display:block; text-align:center; text-indent: 0;} /*翻页*/ .espcms_page_botton{text-align: center;overflow: hidden;padding-top:10px;} /*按钮色彩样式*/ #pagelist,#espcms_bbs_pagelist{color:#818181; font-size:14px;} .pagination {font-family: '微软雅黑','Microsoft YaHei UI','Microsoft YaHei',arial, helvetica, sans-serif;overflow: hidden;padding:10px 0px;font-size:14px;margin: 0px;} .pagination a {border: #c2e2e7 1px solid;color: #444;text-decoration: none;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;} .pagination a:visited {text-decoration: none;overflow: hidden;} .pagination a:active {text-decoration: none;overflow: hidden;} .pagination a:hover {color: #fff;background-color: #222;overflow: hidden;} .pagination span.current {border:#222 1px solid;color: #fff;overflow: hidden;padding:5px 5px;margin: 0px 0px 0px 5px;} .pagination span.disabled {background-color: #222;} .indext_jjp{z-index:9999;position: relative;} .banner .binbox a:hover{color: #fff;} .xuanzhuan {width:50%;position: absolute;overflow: hidden;} .xuanzhuan img{width:100%; height:100%; position:relative; animation:rotate infinite linear 20s; -webkit-animation:rotate infinite linear 20s; -moz-animation:rotate infinite linear 20s;} @keyframes rotate{ from{ transform:rotate(0deg); -webkit-transform:rotate(0deg); }to{ transform:rotate(360deg); -webkit-transform:rotate(360deg);}