body{font-size:16px; min-width:1280px; } *{ margin:0; padding:0;font-family: "Microsoft Yahei"} img{ border:none;} ul,li{ list-style:none;} .clear{ clear:both} .l{ float:left;} .r{ float:right;} a{ text-decoration:none; color:#333} .s_width{width:1280px; margin:0 auto; position:relative;} .se_date{ font-size:16px; color:#555} .kms_top{width:100%;height:909px; overflow: hidden} .kms_t{ position: absolute;z-index: 999;width:100%} .kms_banner{ position: relative;z-index: 888} .sytop{width:1280px;margin:0 auto;} .sytop .logo{ padding-top: 5px;} .sytop .tel{ padding-top:5px; } /*首页*/ .sy_lm{width:100%; text-align: center; margin: 20px auto} .sy_lm16{color:#acacac;font-family:Arial;font-size:16px;} .sy_lm38{font-size:38px; color:#d9d9d9;font-family:Arial;} .sy_lm38 strong{font-weight:bold;color: #030108} .sy_lm38 .red{color:#d74815} /*首页产品分类*/ #owl-demo{position:relative;margin: 0 auto;width:780px; height:380px; margin-left:500px; padding-top: 20px} #owl-demo .item_ie7{ position:relative;display:block;} .owl-pagination{position:absolute;left:0;bottom:10px;width:100%;height:10px;text-align:center;} .owl-page{display:inline-block;width:10px;height:10px;margin:0 5px;background-image:url(../images/bg15.png);*display:inline;*zoom:1;} .owl-pagination .active{width:25px;background-image:url(../images/bg16.png);} .owl-buttons{display:none;} .owl-buttons div{position:absolute;top:43%;width:40px;height:80px;margin-top:-40px;text-indent:-9999px;} .owl-prev{left:0;background-image:url(../images/bg17.png);} .owl-next{right:0;background-image:url(../images/bg18.png);} .owl-prev:hover{background-image:url(../images/bg19.png);} .owl-next:hover{background-image:url(../images/bg20.png);} .owl-carousel .owl-wrapper:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;} .owl-carousel{display: none;position: relative;-ms-touch-action: pan-y;} .owl-carousel .owl-wrapper{display: none;position: relative;-webkit-transform: translate3d(0px, 0px, 0px);} .owl-carousel .owl-wrapper-outer{overflow: hidden;position: relative;width: 100%;} .owl-carousel .owl-wrapper-outer.autoHeight{-webkit-transition: height 200ms ease-in-out;-moz-transition: height 200ms ease-in-out;-ms-transition: height 200ms ease-in-out;-o-transition: height 200ms ease-in-out;transition: height 200ms ease-in-out;} .owl-carousel .owl-item{float: left;} .owl-controls .owl-page,.owl-controls .owl-buttons div{cursor: pointer;} .owl-controls {-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);} .owl-carousel .owl-wrapper,.owl-carousel .owl-item{-webkit-backface-visibility: hidden;-moz-backface-visibility: hidden;-ms-backface-visibility:hidden;-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);} .nywrap { width : 1280px; margin : 0 auto; text-align : left; } #top div#nav { float : left; clear : both; width : 993px; height : 52px; margin : 22px 0 0; } #top div#nav ul { float : left; width : 700px; height : 52px; list-style-type : none; } #nav ul li { float : left; height : 52px; } #nav ul li a { border : 0; height : 52px; display : block; line-height : 52px; text-indent : -9999px; } #header { margin : -1px 0 0; } #video-header { height : 683px; margin : -1px 0 0; } #header div.wrap { height : 299px; background-position: 50% 0; background-repeat: no-repeat; } #header div#slide-holder { z-index : 40; width : 993px; height : 299px; position : absolute; } #header div#slide-holder div#slide-runner { top : 9px; left : 9px; width : 967px; height : 278px; overflow : hidden; position : absolute; } #header div#slide-holder img { margin : 0; display : none; position : absolute; } #header div#slide-holder div#slide-controls { left : 0; bottom : 0px; width : 973px; height : 46px; display : none; position : absolute; background : url(http://www.kangmingsi-power.com/templates/net/images/images/slide-bg.png) 0 0; } #header div#slide-holder div#slide-controls p.text { float : left; color : #fff; display : inline; font-size : 10px; line-height : 16px; margin : 15px 0 0 20px; text-transform : uppercase; } #header div#slide-holder div#slide-controls p#slide-nav { float : right; height : 24px; display : inline; margin : 11px 15px 0 0; } #header div#slide-holder div#slide-controls p#slide-nav a { float : left; width : 24px; height : 24px; display : inline; font-size : 11px; margin : 0 5px 0 0; line-height : 24px; font-weight : bold; text-align : center; text-decoration : none; background-position : 0 0; background-repeat : no-repeat; } #header div#slide-holder div#slide-controls p#slide-nav a.on { background-position : 0 -24px; } #header div#slide-holder div#slide-controls p#slide-nav a { background-image : url(http://www.kangmingsi-power.com/templates/net/images/images/silde-nav.png); } #nav ul li a { background : url(http://www.kangmingsi-power.com/templates/net/images/images/nav.png) no-repeat; } /*首页按品牌分*/ .sy_cp_list{width:1280px; margin: 0 auto; height: 440px; } .cp_list_l{width:276px;background:#f0f0f2;border:2px #fff solid; height:362px; padding-top: 50px} .cp_list_l:hover{border:2px #d74815 solid;} .cp_more{margin:10px auto;width:90px } .cp_more a{color:#fff;background:#d74815; height:30px; line-height:30px;width:90px;border-radius:25px; display: block} .cp_more a:hover{color:#fff;background:#00040d; height:30px; line-height:30px;width:90px;border-radius:25px} .list_left{ text-align:center;} .cp_lm16{ font-size:18px;font-weight:bold;} .cp_list_r{width:990px;height:420px;} .cp_list_r_left{width:620px} .yuchai{width:399px; background:#f0f0f2; height:201px;border:2px #fff solid; } .yuchai:hover{border:2px #d74815 solid;} .yuchai_img{width:258px;} .yuchai_r{width:140px; text-align: center; padding-top: 50px; background: #f2f2f2} .weifang{width:206px; text-align: center; background: #f0f0f2; padding-top: 10px; height: 191px;border:2px #fff solid; } .weifang:hover,.shangchai:hover,.yunnei:hover{border:2px #d74815 solid;} .cp_list_r_right{width:355px; } .dongfanghong{width:356px; background: #f0f0f2; height: 236px;border:2px #fff solid;} .dongfanghong:hover{border:2px #d74815 solid;} .dongfanghong_l{width:126px; text-align: center; padding-top:80px} .dongfanghong_img{width:230px; padding-top: 40px} .qiyu{width:360px; margin-top:6px} .shangchai{width:126px;background: #f0f0f2; height:151px; text-align: center; padding-top: 15px;border:2px #fff solid;} .yunnei{width:218px;background: #f0f0f2;height:126px; padding-top: 40px; text-align: center;border:2px #fff solid;} .yunnei_img{width:15px; text-align: center} .yunnei_r{width:110px; padding-top: 10px} /*首页按功率分*/ .fen_bg{ background: url("../images/cbg.jpg") top center; height: 320px; margin: 0 auto} .fen_main{width:1280px; margin: 0 auto; color:#fff} .fen_main_l{width:160px; padding-top: 50px;} .fen18{font-size:18px; color:#fff; background: #66a1bf;width:120px; height: 40px; line-height: 40px; margin-top: 10px; text-align: center} .fen_main_r{width:1100px; padding-top: 60px} .syteshu_list{ margin-top: 20px } .syteshu_list li{float:left;background:#f00;padding: 8px 25px; background: #d74815; margin-right:15px; border-radius:40px; margin-bottom: 5px} .syteshu_list li a{ color:#fff} .syteshu_list li a:hover{ color:#ff0} /*首页按功能分*/ .gongneng_bg{background: url("../images/gnbg.jpg") center; height: 440px;} .gongneng{width:1280px;margin:0 auto;} .sy_gongneng_list{width:100%;} .sy_gongneng_list li{width:150px; height:120px;text-align: center; border: 3px rgba(0,0,0,0) solid ;float:left;margin: 20px 50px; padding-top: 10px;transition-duration: 0.5s;} .sy_gongneng_list li p{font-size:16px;} .sy_gongneng_list li:hover{border: 3px #999 solid } .sy_gongneng_list li img{transition-duration: 0.5s; } .sy_gongneng_list li img:hover{transform: rotateY(180deg);} .sy_gongneng_list li:hover p{color:#d74815} /*关于我们*/ .about_bg{width:100%; height:780px; background: url("../images/aboutbg.jpg"); padding-top: 30px;} .about_w{width:1280px; margin: 0 auto; padding-top: 25px} .about_map{width:705px; background: url("../images/map.png"); height: 583px; position: relative} .about_map1{width:705px; background: url("../images/map0.png"); height: 583px; position: relative} .a_xinjiang:hover,.a_xinjiang:hover,.a_xizang:hover,.a_qinghai:hover,.a_gansu:hover,.a_ningxia:hover,.a_neimeng:hover,.a_heilongjiang:hover,.a_jilin:hover,.a_liaoning:hover,.a_beijing:hover,.a_tianjin:hover,.a_xian:hover,.a_sichuan:hover,.a_yunnan:hover,.a_guangxi:hover,.a_guizhou:hover,.a_chongqing:hover,.a_hunan:hover,.a_jiangxi:hover,.a_guangdong:hover,.a_fujian:hover,.a_hainan:hover,.a_zhejiang:hover,.a_shanxi:hover,.a_henan:hover,.a_hebei:hover,.a_shandong:hover,.a_jiangsu:hover,.a_hubei:hover,.a_anhui:hover,.a_jiangsu:hover,.a_shanghai:hover{ animation: shadow .5s linear infinite; color:#DD181B} @keyframes shadow {0%, 100% {transform: scaleX(1);}50% {transform: scaleX(1.2);}} @keyframes rotate { 0% { transform: translateX(0) ; } 25% { transform: translateX(10px); } 50% { transform: translateX(10px) scale(1.1, 0.9); } 75% { ransform: translateX(10px) ; } 100% {transform: translateX(0) ; } } .a_xinjiang{ position:absolute; left:160px;top:180px;} .a_xizang{ position:absolute; left:200px;top:360px;} .a_qinghai{ position:absolute; left:260px;top:280px;} .a_gansu{ position:absolute; left:360px;top:280px;} .a_ningxia{ position:absolute; left:390px;top:260px;} .a_neimeng{ position:absolute; left:420px;top:210px;} .a_heilongjiang{ position:absolute; left:600px;top:80px;} .a_jilin{ position:absolute; left:610px;top:140px;} .a_liaoning{ position:absolute; left:580px;top:180px;} .a_beijing{ position:absolute; left:520px;top:205px;} .a_tianjin{ position:absolute; left:535px;top:220px;} .a_xian{position:absolute; left:420px;top:315px;} .a_sichuan{position:absolute; left:340px;top:380px;} .a_yunnan{position:absolute; left:320px;top:470px;} .a_guangxi{position:absolute; left:420px;top:480px;} .a_guizhou{position:absolute; left:390px;top:435px;} .a_chongqing{position:absolute; left:420px;top:380px;} .a_hunan{position:absolute; left:460px;top:420px;} .a_jiangxi{position:absolute; left:520px;top:420px;} .a_guangdong{position:absolute; left:500px;top:480px;} .a_fujian{position:absolute; left:560px;top:440px;} .a_hainan{position:absolute; left:450px;top:550px;} .a_zhejiang{position:absolute; left:580px;top:380px;} .a_shanxi{position:absolute; left:460px;top:250px;} .a_henan{position:absolute; left:480px;top:320px;} .a_hebei{position:absolute; left:500px;top:240px;} .a_shandong{position:absolute; left:550px;top:265px;} .a_jiangsu{position:absolute; left:570px;top:320px;} .a_hubei{position:absolute; left:480px;top:360px;} .a_anhui{position:absolute; left:540px;top:340px;} .a_jiangsu{position:absolute; left:570px;top:320px;} .a_shanghai{position:absolute; left:600px;top:340px;} .Africa{ position:absolute; left:360px;top:300px;} .Russia{ position:absolute; left:580px;top:150px;} .Middle{ position:absolute; left:410px;top:280px;} .Asia{ position:absolute; left:550px;top:340px;} .about_jianjie{width:500px; text-align: left; padding-top:110px} .about24{font-size:28px;} .jingxiao{color:#fff;font-size:20px; background: #d74815; text-align: center;height: 40px; line-height: 40px;width:420px; border-radius:50px; margin: 15px 0; letter-spacing: 5px} .about_jianjie p{font-size:15px; line-height: 28px; color:#444} .kangmingsi_ad{ background: url("../images/ad.jpg") center; height: 298px;} .kangmingsi_ad0{ background: url("../images/ad0.jpg") center; height: 298px;} .chanpin_con{ width:500px; position:relative; overflow:hidden; margin:0 auto; height:200px;} .chanpin_con li{float:left; width:130px; margin:0 4px; position:relative; overflow:hidden; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; background:#fff; border:1px solid #eaeaea; cursor:pointer;} .pro_dd{ width:420px; margin:0 auto; height:130px; position:relative; overflow:hidden;} .chanpin_con li img{width:100%} .hezuo{ padding:30px 0 0 0} .hezuo .tupian_zl{ position:absolute; left:0; top:20px; width:33px; height:32px; background:url(../images/lleft.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .hezuo .tupian_zl:hover{ background:url(../images/lleft_h.jpg)} .hezuo .tupian_zr{ position:absolute; right:0; top:20px; width:33px; height:32px; background:url(../images/rright.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .hezuo .tupian_zr:hover{ background:url(../images/rright_h.jpg);} .youshi_bg{ background:url(../images/bg.jpg) center no-repeat;height:970px; padding-top:50px;} .youshi_about{width:1280px; margin:0 auto; } .youshi_left,.youshi_right{width:620px;} .youshi_txt{width:580px; background:#fff; padding:20px} .youshi_txt .pinzhi{background:url(../images/pinzhi.png) left no-repeat; padding-left:60px;} .youshi_txt .fuwu{background:url(../images/fuwu.png) left no-repeat;padding-left:60px;} .youshi_txt .ys28{font-size:28px;font-weight:bold;} .youshi_txt .red{color:#d74815} .youshi_txt .ys_en16{color:#d74815;} .youshi_txt .ys_txt{font-size:14px;line-height:25px; color:#444;margin-top:10px;} .index_h{ position:relative; } .index_cc{ width:1280px; margin:0 auto; height:400px; position:relative;} .index_huahai_con{ height:423px; width:700px; overflow:hidden; position:absolute; right:0; top:0;} .index_huahai_con .huahai_l{ width:700px; background:url(../images/lili.jpg) repeat-x left 9px;} .index_huahai_con .huahai_l li{ width:130px; height:130px; float:left; box-sizing:border-box;; text-align:center; position:relative; background:url(../images/ys_k01.png) no-repeat center top; padding:40px 0 45px 0} .index_huahai_con .huahai_l li h2{ font-size:18px; color:#333333; line-height:42px; position:relative; z-index:2;} .index_huahai_con .huahai_l li span{ display:block; position:relative; z-index:2; } .index_huahai_con .huahai_l li p{display: block;width: 35px;height: 35px;line-height: 0;overflow: hidden;margin: 0 auto; position:relative; z-index:2} .index_huahai_con .huahai_l li p img{width: 35px;height: 70px;-webkit-transition:all .5s;transition:all .5s;} .index_huahai_con .huahai_l li:hover p img,.index_huahai_con .huahai_l li.cp_crnt p img{margin-top: -35px;} .index_huahai_con .huahai_l li div{ width:108px; height:120px; background:#fff; position:absolute; left:50%; margin-left:-54px; bottom:0; z-index:1} .index_huahai_con .huahai_l li.cp_crnt{ background:url(../images/ys_k02.png) no-repeat center top;} .index_huahai_con .huahai_l li.cp_crnt h2{ color:#fff} .index_huahai_con .zong{ } .index_huahai_con .chanpin_r{ } .index_huahai_con .zong .zong_con{ padding:0 0 45px 0} .index_huahai_con .zong .zong_con .zong_con_c{ } .index_huahai_con .zong .zong_con .zong_con_c .num{ width:94px; margin:0 auto;} .index_huahai_con .zong .zong_con .zong_con_c strong{ text-align:center; display:block; font-size:30px; color:#333333} .index_huahai_con .zong .zong_con .zong_con_c p{ line-height:28px; font-size:16px; color:#727272; padding:20px 55px 0 55px} .index_huahai_con .zong .zong_con .zong_con_c a{ position:absolute; width:106px; height:35px;line-height:35px; border:1px solid #2f2f2f; left:110px; bottom:40px; text-align:center; font-size:15px;} /*首页新闻*/ .news_kuang{ padding:20px 0 0 0} .news_kuang_da{ width:1350px; margin:0 auto; position:relative; height:620px;} .news{ width:819px; float:left;} .news h2{ padding:0 0 50px 0; font-weight:normal;} .news h2 div{ font-size:44px; background:url(http://www.kangmingsi-power.com/templates/net/images/nn.jpg) no-repeat left top; padding:32px 0 0 0; } .news h2 div a{ color:#181f65; font-weight:bold} .news h2 div a span{ } .news h2 p{ font-size:15px; color:#7a7a7a} .news h2 i{ display:block; width:102px; height:3px; margin:20px auto 0 auto; background:#ef7b09} .news h2 span{ display:block; float:right; } .news_top{ width:100%; height:269px; position: relative; background:#fff; margin:0 0 17px 0} .news_top_pic{ width:392px; height:269px; position: absolute; left:0; top:0} .news_top_text{ width:380px; height:269px; position: absolute; right:15px; top:25px} .news_top_text span{ display:block; font-size:14px; color:#939393; line-height:30px;} .news_top_text h4{ color:#101a23; font-size:20px; line-height:45px; background:url(http://www.kangmingsi-power.com/templates/net/images/ds.jpg) no-repeat left bottom; margin-bottom:25px ;} .news_top_text p{ font-size:14px; color:#939393; line-height:24px; padding:0 0 25px 0} .news_top_text .news_more{ width:101px; height:33px; line-height:35px; text-align:center; font-size:15px; color:#ff6700; border:1px solid #ff6700} .news_top_text .news_more a{ color:#ff6700} .news_list{ } .news_list li{ font-size:; line-height:47px; margin:0 0 10px 0; padding:0 25px;} .news_list li h4{ font-size:15px; font-weight:normal;} .news_list li h4 a{ color:#5f5e5e; line-height:47px; padding:0 0 0 35px; background:url(../images/sss.jpg) no-repeat left center;} .news_list li h4 a span{ float:right; font-size:15px; color:#9d9c9c} .kuang{ width:440px; height:550px; position:absolute; right:0; top:0; background:#e7e7e7;padding-top:20px; } .kuang .kuang_con{ width:400px; margin:0 auto; position:relative; overflow:hidden;} .kuang .kuang_con li{ float:left; width:400px; position:relative; height:533px; cursor:pointer;} .kuang .tupian_zl{ position:absolute; left:0; top:255px; width:33px; height:32px; background:url(../images/lleft.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2} .kuang .tupian_zl:hover{ background:url(../images/lleft_h.jpg)} .kuang .tupian_zr{ position:absolute; right:0; top:255px; width:33px; height:32px; background:url(../images/rright.jpg); transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; z-index:2} .kuang .tupian_zr:hover{ background:url(../images/rright_h.jpg)} .links{ width:1350px; min-height:60px; margin:10px auto; border:1px solid #c7d6e4; border-radius:5px } .links li{ float:left; margin:0 10px; line-height: 30px; } .sy_menu_bg{background: url("../images/menubg.png") center no-repeat; height: 117px;width:100%; overflow: hidden; line-height: 117px;} .sy_menu{width:1280px; margin: 0 auto;} .sy_menu li{width:182.8px; float:left;font-size:16px;font-weight: bold} .sy_menu li a{color:#79b2cf} .sy_menu li a:hover{color:#fff} /*内页top*/ .nytop{width:1280px; margin: 0 auto;} .nytop .logo{ padding-top: 15px;} .nytop .tel{ padding-top:15px; } .ny_menu_bg{background: url("../images/menubg.png") center no-repeat; height: 117px;width:100%; overflow: hidden; line-height: 117px;} .ny_menu{width:1450px; margin: 0 auto;} .ny_menu li{width:158px; float:left;font-size:16px;font-weight: bold; text-align: center} .ny_menu li a{color:#79b2cf} .ny_menu li a:hover{color:#fff;background: url("../images/navbg.png"); display: block} /*内页联系我们*/ .probantxt{clear:both; text-align:center; padding:14px 0px 50px 0px; line-height:1; } .probantxt p { color: #fff; font-family: "Microsoft JhengHei","Helvetica Neue", "Microsoft YaHei", Helvetica, STHeiTi, sans-serif; font-size: 56px; font-weight: bold; background: url(../images/homeoneicon01.png) no-repeat left center; padding-left: 25px; background-size: 11px; display: inline-block; } .probantxt p span{display:inline-block; margin-left:25px;color:#c3311c; -webkit-background-clip:text; -webkit-text-fill-color:transparent; background-image:-webkit-linear-gradient(left,#bf211d, #d3751b); } .ny_aboutmain{width:1280px; margin: 0 auto; background: #fff; padding: 0px} .ny_main{width:1200px; margin: 0 auto; background: #fff; padding: 40px} .ny_main_left{width:600px; text-align: left} .lx36{font-size:36px; background-image:-webkit-linear-gradient(left,#c64647, #d3751b);display:inline-block;-webkit-background-clip:text; -webkit-text-fill-color:transparent; } .lx18{font-size:18px; color:#666; margin-bottom: 20px;} .ny_lx16{font-size:16px; line-height: 33px;} .ny_main_right{width:560px;} .ny_shili{width:1280px; margin: 0 auto; height: 280px;} .ny_shili li{width:25%; text-align: center;float:left;} .ny_shili li: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);} } /*产品列表筛选*/ .cp_bg{background: url("../images/cpbg.png") top center no-repeat;width:1366px; min-height: 200px;margin: 0 auto; padding-top: 20px} .cp_bg0{background: url("../images/cpbg0.png") top center no-repeat;} .cp_fenlei{width:120px; margin-left: 130px;} .fenlei18{font-size:18px;font-weight:bold;color:#d04d17; line-height: 40px;} .f1{background: url("../images/f1.png") left no-repeat; padding-left:28px} .f2{background: url("../images/f2.png") left no-repeat; padding-left:28px;} .f3{background: url("../images/f3.png") left no-repeat; padding-left:28px; margin-top: 75px} .f4{background: url("../images/f4.png") left no-repeat; padding-left:28px; margin-top: 35px} .cp_fenlei_list{width:1050px; height: 200px;margin-right: 40px;} .shaixuan{width:100%;} .shaixuan li{float:left; } .left_menu{display: none} .left_menu.active{display: block} .neiye_gonglv{width:920px; margin: 1px 30px } .neiye_gonglv li{width:160px; float:left; height: 33px;line-height: 33px; text-align: center; border: 1px #ccc solid; margin: 9px 9px 9px 9px} .neiye_gonglv li:hover{background: #d04d17} .neiye_gonglv li:hover a{color:#fff} .kms_fenlei{font-sizE:15px;line-height: 40px; } .kms_fenlei a{margin-right:15px;width:150px; height: 40px;line-height: 40px; padding: 5px 12px} .kms_fenlei a:hover{background-color: #333;color: white; } .left_menu_link.active{background-color: #333;color: white;} .left_menu{width:100%} .child_menu{width:1050px;margin-top: 10px} .child_menu li{border: 1px #ccc solid;width:74px; margin:3px 10px 0px 0; height:30px; line-height: 30px; } .child_menu li:hover{border: 1px #f00 solid;animation: rond 3s infinite;-webkit-animation: rond 3s infinite;} .gn_list{width:1050px;margin-top: 5px} .gn_list li{width:120px; text-align: left;float:left; line-height: 30px;} .gn_list li a:hover,.teshu_list li a:hover{color:#f00;font-weight: bold} .teshu_list{width:1050px;margin-top: 20px} .teshu_list li{width:170px; text-align: left;float:left; line-height: 30px} .teshu_list .onefast0{width: 320px;font-size: 15px;} /*内页在线留言*/ .lx_list { max-width: 1200px; overflow: hidden; margin: 40px auto 0px auto; } .lx_list li { float: left; width: 29%;border: #d8d8d8 1px solid; padding: 1%; margin: 0 1% 30px; } .lx_list li img { display: block; margin: 0 auto; text-align: center; } .lx_list li h4 { text-align: center; width: 100%; font-size: 18px; color:#777; line-height: 36px} .lx_list li: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);} } .espcms_piclist_slide18 {overflow: hidden;padding:0px 4px 0px 4px;height:200px;width:390px } .espcms_piclist_slide18 ul li{float: left;margin: 0 5px 15px 0;text-align: center;background:#fff; position:relative;} .espcms_piclist_slide18 li .pic { width:220px; height:200px; margin:0 auto} .espcms_piclist_slide18 li .pic img { width:220px; height:200px;} .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;} .head_l{ background:#165fab; height:35px;} .head_l .s_width{ height:35px;} .head_l .s_width .l{ color:#fff; line-height:35px; padding:0 0 0 160px; width:486px;} .head_l .s_width .r{ width:200px; line-height:35px;} .head_l .s_width a{ color:#fff;} .logo_nav{ position:relative; height:680px; } .logo_nav .s_width{ z-index:2} .logo_nav .logo{ padding:20px 15px; background:#fff; margin:-35px 0 0 0;} .logo_nav .daohang{ width:45px; float:right; padding:30px 0 0 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; cursor:pointer} .logo_nav .dao_a{ width:45px; height:4px; background:#fffefe; margin:0 auto; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .logo_nav .dao_b{ width:40px; height:4px; margin:5px auto; background:#fffefe; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .logo_nav .daohang p{ line-height:45px; text-align:center; font-size:16px; color:#fffefe} .logo_nav .daohang:hover .dao_a{ width:30px; height:4px; } .logo_nav .daohang:hover .dao_b{ width:45px; height:4px; margin:5px auto; } .canshu_menu{width:1280px; margin: 0 auto; z-index: 999; position: absolute} .canshu_menu li{width:25%; height: 90px; line-height:90px; font-size:24px; float:left; text-align:center; background: #ececec} .footer{ background:url(../images/footer_bg.jpg) no-repeat center top; padding:25px 0 20px 0} .foot_en28{font-size:28px;font-family:Arial;color:#c64647; text-transform: uppercase } .footer .f_erweima{ text-align:center; font-size:16px; color:#ddeaff; line-height:45px; width:127px; padding:20px 0 0 0} .footer .f_r{ padding:0 55px 8px 55px; font-size:15px; line-height:30px; color:#e6f7ff; border-right:1px solid #457eba; } .footer .f_r .foot_ctit{ font-size:17px; color:#bebebe; height:55px; line-height:55px; margin:0 0 5px 0} .footer .f_r p{ line-height:30px; color:#ddeaff; font-size:14px; } .footer .footer_nav{ padding:0 40px 0 40px; height:300px;} .footer .foot_ptit{ font-size:18px; color:#6ea3be; height:40px; line-height:40px; margin:0 0 20px 0;} .footer .footer_nav li{ line-height:28px; text-align:left; float:left;width:120px; line-height: 30px; border: 1px #ddeaff solid;margin:4px ; text-align: center} .footer .footer_nav li a{ color:#ddeaff; font-size:14px;} .footer .footer_nav li a:hover{ color:#fff} .footer .f_logo{ padding:25px 20px 16px 20px;} .f_f{ line-height:50px; text-align:center; color:#e6f7ff;font-size:15px;} .f_f a{ color:#e6f7ff} .f_f a:hover{ font-weight:bold; color:#fff} .copy{width:100%; text-align: center; margin-top: 30px; height: 40px; line-height: 40px;color:#fff;font-size:16px;} /*texing*/ .texing{ background:#fff; padding:45px 0;} .texing ul{ width:1280px; margin:0 auto; border-bottom:1px solid #e5e5e5; padding:0 0 40px 0} .texing li{ float:left; width:319px; border-right:1px solid #e5e5e5; position:relative; padding:0 0 15px 0} .texing li:nth-child(4n){ border-right:0px;} .texing li .te_pic{ width:161px; height:161px; margin:0 auto; overflow:hidden; position:relative; border-radius:180px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .texing li .te_pic img{ width:100%;} .texing li span{ display:block; line-height:54px; font-size:20px; font-weight:bold; color:#0947a5; text-align:center; padding:10px 0 0 0} .texing li p{ text-align:center; font-size:15px; color:#606060; line-height:24px;} .texing li:hover .te_pic{ width:145px; height:145px;} /*about*/ .about{ position:relative; opacity:1; overflow:hidden;} .about h3{ text-align:center; font-weight:normal;} .about h3 p{ font-size:36px; color:#171717; } .about h3 .a_en{ text-transform:uppercase; color:#969696; font-size:16px; line-height:40px;} .about h3 span{ display:block; height:1px; width:50px; margin:0 auto; background:#003c98} .about .s_width{ position:relative; overflow:hidden; height:469px; padding:30px 0 0 0} .about .about_pic{ width:564px; height:469px; position:absolute; right:0;} .about .about_con{ position:absolute; left:20px; width:630px; z-index:2;} .about .about_con h2{ line-height:55px; color:#323131; font-size:21px; font-weight:normal; background:url(../images/j_t_bg.jpg) no-repeat left bottom; padding:20px 0 0 0} .about .about_con .about_p{ padding:25px 25px 0 0; line-height:30px; color:#5c5a5a; font-size:15px;} .about .about_more{ width:153px; height:40px; line-height:40px; margin:42px 0 0 0; border-radius:50px; border:1px solid #b5caeb; background:url(../images/jiantoud.png) no-repeat 20px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .about .about_more:hover{ background:url(../images/jiantoud.png) no-repeat 30px center;} .about .about_more a{ font-size:14px; color:#1e62cb; text-transform:uppercase; display:block; padding-left:66px;} .about .about_more a:hover{ font-weight:bold} .about ul{ margin:35px 0 0 0} .about li{ width:160px; height:100px; background:#2d69c7; border-radius:5px; float:left; margin-right:15px; cursor:pointer; transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s; } .about li .a_ul_pic{ width:57px; height:44px; margin:15px auto 0 auto;} .about li p{ font-size:16px; color:#fff; text-align:center; padding:10px 0 0 0;} .about .about_line{ width:1260px; height:435px; border:1px solid #e5e5e5; position:absolute; left:0; top:45px; opacity:0.4;} .about li:hover{ background:#333} /*index_list*/ .index_list{ position:relative; opacity:1; padding:50px 0 0 0; height:780px; overflow:hidden;} .index_list .f_quxian{ text-align:center; position:absolute; left:50%; margin-left:-37px; width:75px; height:24px; top:50px; padding:0 0 10px 0; opacity:0;} .index_list .f_t{ text-align:center; font-size:30px; color:#713f17; line-height:40px; font-weight:bold; background:url(../images/fflei_line.jpg) no-repeat center bottom; position:absolute; left:50%; margin-left:-218px; top:74px; width:436px; opacity:0;} .index_list .f_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px; padding:0 0 40px 0; position:absolute; left:50%; margin-left:-218px; top:114px; width:436px; opacity:0;} .index_list .f_list{ height:630px; background:url(../images/fflei.jpg) no-repeat center top; position:relative; overflow:hidden; top:390px; opacity:0;} .index_list .f_list li{ width:300px; float:left; position:relative; height:630px;} .index_list .f_list .f_icon{ position:absolute; width:79px; height:52px; left:50%; margin-left:-39px; z-index:5; top:199px;} .index_list .f_list .f_title{ font-size:24px; color:#ffffff; position:absolute; text-align:center; width:100%; font-weight:bold; z-index:5; top:278px;} .index_list .f_list .f_line{ height:1px; width:140px; left:50%; margin-left:-70px; position:absolute; background:#8c8c84; z-index:5; top:328px;} .index_list .f_list .f_wenzi{ color:#f6e9d7; font-size:16px; width:100%; text-align:center; position:absolute; line-height:40px; z-index:5; top:345px;} .index_list .f_list .f_top{ position:absolute; width:100%; height:630px; background:rgba(0,0,0,0.7);z-index:3;} .index_list .f_list .f_da{ position:absolute; width:69px; height:69px; left:50%; margin-left:-34px; z-index:4; opacity:0; bottom:0} .index_list .f_list .f_kuang{ position:absolute; width:284px; height:614px; left:-50%; margin-left:-142px; z-index:2; opacity:0} .index_list .f_list .f_pic{ position:absolute; width:300px; height:630px; z-index:1; overflow:hidden;} .index_list .f_list .f_pic img{ width:100%; height:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .index_list .f_list li:hover .f_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} /*product*/ .product{ background:url(../images/ccbg.jpg) no-repeat center top; height:858px; margin:110px 0 0 0; position:relative} .product h3{ text-align:center; padding:85px 0 0 0; font-weight:normal;} .product h3 div{ font-size:40px; color:#fff;} .product h3 span{ font-size:13px; display:block; color:#fff; text-transform:uppercase; line-height:35px;} .pro_cage{ width:840px; margin:0 auto} .pro_cage ul{ margin:25px 0 60px 0} .pro_cage li{ float:left; line-height:45px; padding:0 25px; margin:0 12px 0 0; background:#fff; border-radius:0; transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;} .pro_cage li:hover{ border-radius:100px; background:#333} .pro_cage li:hover a{ color:#fff;} .pro_cage li a{ font-size:16px; color:#333;} .pro_cage li a:hover {color:#fff;} .pro_cage li:nth-child(4n){ margin:0 0 0 0;} .procon{ height:460px; position:relative; width:1280px; margin:0 auto; background:url(../images/proconbg.jpg)} .procon .p_con_a,.procon .p_con_b,.procon .p_con_c,.procon .p_con_d,.procon .p_con_e{ position:absolute;} .procon .p_con_a{ width:857px; height:300px; right:0; top:80px; overflow:hidden;} .procon .p_con_a li{ float:left; width:400px; height:300px; border:1px solid #f2f2f2; margin:0 17px 0 0; position:relative; overflow:hidden;} .procon .p_con_a li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .procon .p_con_a li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .procon .p_con_d{ width:350px; left:30px; top:70px;} .procon .p_con_d h2{ color:#1e4eaa; font-size:24px; line-height:65px; } .procon .p_con_d h2 span{ display:block; width:66px; height:1px; background:#1e4eaa} .procon .p_con_d p{ line-height:30px; color:#424242; font-size:15px; margin:25px 0 0 0} .p_con_d_more{ width:162px; height:34px; line-height:34px; margin:34px 0 0 0; background:#cd210e url(../images/jiantoudd.png) no-repeat 20px center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_con_d_more:hover{ background:#3e3e3e url(../images/jiantoudd.png) no-repeat 40px center;} .p_con_d_more a{ font-size:16px; color:#ffffff; text-transform:uppercase; display:block; padding-left:66px; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_con_d_more:hover a{ padding-left:76px;} .pp_icon{ width:176px; left:50%; margin-left:-88px; position:absolute; bottom:-35px; height:8px;} .pp_icon li{ width:53px; float:left; margin:0 5px 0 0; height:8px; background:#fff} .pp_icon li.cp_crnt{ background:#e7292a} .xingneng{ padding:80px 0 0 0} .xingneng h3{ text-align:center; font-weight:normal; padding:0 0 30px 0} .xingneng h3 p{ font-size:36px; color:#171717; } .xingneng h3 .a_en{ text-transform:uppercase; color:#969696; font-size:16px; line-height:40px;} .xingneng h3 span{ display:block; height:1px; width:60px; margin:0 auto; background:#003c98} .xingneng .s_width{ height:566px; overflow:hidden;} .xingneng .xingneng_a{ left:0; top:0; width:491px; height:566px; position:absolute; background:#f6f6f6; overflow:hidden;} .xingneng .xingneng_b{ right:0; top:0; width:779px; height:246px; position:absolute; background:#f6f6f6; overflow:hidden; cursor:pointer} .xingneng .xingneng_c{ left:501px; bottom:0; width:385px; height:310px; position:absolute; background:#f6f6f6; overflow:hidden; cursor:pointer} .xingneng .xingneng_d{ right:0; bottom:0; width:385px; height:310px; position:absolute; background:#f6f6f6; overflow:hidden; cursor:pointer} .xingneng .xc_pic{ right:0; top:0; position: absolute; z-index:1} .xingneng .xingneng_c .xc_pic{ top:20px;} .xingneng .xingneng_d .xc_pic{ top:40px;} .xingneng .xn_con{ left:20px; top:40px; position: absolute; z-index:2; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .xingneng .xingneng_b:hover .xn_con{ left:20px; top:50px; position: absolute; z-index:2} .xingneng .xingneng_c:hover .xn_con{ left:20px; top:50px; position: absolute; z-index:2} .xingneng .xingneng_d:hover .xn_con{ left:20px; top:50px; position: absolute; z-index:2} .xingneng .xn_con h4{ color:#262626; font-size:24px; line-height:55px; font-weight:normal;} .xingneng .xn_con p{ color:#6d6d6d; font-size:15px; line-height:30px; } .xingneng .xn_con .xn_jian{ margin:30px 0 0 0; padding:10px 0 0 0} .xingneng .xc_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .xingneng .xc_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .shili{ height:280px; background:url(../images/shilibg.jpg) no-repeat center top; margin:75px 0 0 0;width:100%; overflow:hidden;} .shili li{ width:320px; float:left; margin:50px 0 0 0} .shili li .shi_pic{ width:74px; height:63px; margin:0 auto;} .shili li .shi_title{ font-weight:bold; font-size:33px; color:#fff; text-align:center; line-height:75px;} .shili li p{ font-size:17px; text-align:center; color:#fff;} .shili li span{ display:block; height:1px; width:60px; background:#fff; margin:0 auto 15px auto} /*news_weiti .news{ padding:89px 0; background:url(../images/xinwenbg.jpg) no-repeat center top;} .news h3{ text-align:center; font-weight:normal; padding:0 0 30px 0} .news h3 p{ font-size:36px; color:#171717; } .news h3 .a_en{ text-transform:uppercase; color:#969696; font-size:16px; line-height:40px;} .news h3 span{ display:block; height:1px; width:60px; margin:0 auto; background:#003c98} .news_tu{ width:635px;} .news_tu li{ width:298px; margin:0 0 0 15px; background:#f8f8f8; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .news_tu_t{ padding:25px 15px} .news_tu_pic{ width:298px; height:218px; position:relative; overflow:hidden;} .news_tu li .news_tu_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .news_tu li:hover .news_tu_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .news_tu li:hover { background:#176ac1} .news_tu li:hover a{ color:#fff} .news_tu li:hover .news_date{ color:#fff} .news_tu_t p a{ font-size:16px; color:#010101; line-height:35px;} .news_tu_t .news_date{ font-size:14px; color:#7c7c7c; line-height:25px;} .news_list{ width:619px; margin:0 10px 0 0; } .news_list_con{ background:#f8f8f8; margin:0 0 15px 0; padding:11px 18px 11px 10px; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease;} .news_list_con:hover{ background:#176ac1;} .news_list_con:hover .news_list_title h4 a{ color:#fff} .news_list_con:hover .news_list_date{ color:#fff;} .news_list_con:hover .news_list_title p{ color:#fff;} .news_list_con .news_list_date{ width:103px; color:#868686; font-size:18px; text-align:right; padding:10px 15px 20px 0; border-right:1px solid #e2e2e2} .news_list_con .news_list_date span{ display:block; font-size:16px; } .news_list_con .news_list_title{ width:441px;} .news_list_con .news_list_title h4{ font-weight:normal; line-height:30px;} .news_list_con .news_list_title h4 a{ font-size:16px; color:#0f0f0f; } .news_list_con .news_list_title p{ color:#777777; font-size:14px; line-height:24px;} .xinwen_list{ background:#f7f7f7; } .xinwen_list ul{ width:1280px; margin:0 auto; padding:20px 0} .xinwen_list li{ padding:0 50px; float:left; text-align: center; margin-right:20px ; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s; border-radius:50px; border:#06C 1px solid;} .xinwen_list li a{ line-height:50px; font-size:16px;} .xinwen_list li:hover{ background:#06C; font-weight:bold; color:#ee800a} .xinwen_list li:hover a{color:#fff} .xinwen_list li.honor_li{ background:#06C; } .xinwen_list li.honor_li a{ color:#fff} */ .search-bar { position:absolute; width:950px; left:50%; margin-left:-425px; height:50px; margin-top: 50px } .search-bar input { border: none; float: left;} .search-bar .search-keywords { margin-top: 2px; border-radius: 6px; overflow: hidden; } .search-bar .keywords { padding-left: 10px; width: 754px; height: 40px; line-height: 40px; font-size: 16px; border:1px solid #eee} .search-bar input[type="submit"] { width: 70px; height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; cursor: pointer; background:#176ac1 url(../images/se.png) no-repeat center center} .gonglv_fenlist{width:1000px;} .gonglv_fenlist li{width:180px; border: 1px #fff solid; float:left; margin-right: 10px; height: 30px; line-height: 30px; margin-bottom: 5px; text-align: center} .gonglv_fenlist li a{color:#fff; text-align: center;} .erji_list{width:1240px; margin:0 auto; padding:60px 0 40px 0; text-align:center } .erji_list div{ max-width:1240px; margin:0 auto} .erji_list li{ width:125px; float:left; text-align: center; border:1px solid #666; margin:0 10px 10px 0; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .erji_list li a{ line-height:40px; font-size:15px;} .erji_list li:hover{ background:#06C; border:1px solid #06C; color:#ee800a} .erji_list li:hover a{color:#fff} .erji_list li.honor_li{ background:#06C; border:1px solid #06C;} .erji_list li.honor_li a{ color:#fff} .se_pp { width:1240px; margin:0 auto; padding:30px 0 20px 0} .se_pp ul{ width:1280px;} .se_pp li{float:left; padding:0; width:600px; height:406px; margin:0 40px 25px 0; position:relative; overflow:hidden; background:#eee; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_pp li .p-img{ width:314px; height:366px; text-align:center; position: absolute; overflow:hidden; left:20px; top:20px; border-right:1px solid #ededed; background:#fff} .se_pp li .p-name{ width:200px; height:406px; height:70px; position: absolute; right:30PX; top:0; } .se_pp li .p-name p{ line-height:30px; font-size:18px; color:#555; text-transform:uppercase; margin:50px 0 50PX 0} .se_pp li .p-name span{ width:118px; height:35px; background:#013f96; display:block; line-height:35px; text-align:center; color:#fff} .se_pp li .p-img img{ transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .se_pp li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .se_pp p{ font-size:16px; line-height:35px; color:#666;} .se_pp p span{ font-size:17px; color:#af1318;} .se_pp li:hover{ background:#1653a8} .se_pp li:hover .p-name span{ color:#fff; background:#dd0a0a} .se_pp li:hover .p-name p{ color:#fff} .prod_nav{width:1280px; margin: 0 auto} .prod_nav li{width: 640px; text-align:center; line-height:80px; float:left; background:#f5f5f5; display: block;} .prod_nav li span{ background:#444; display:block; width:640px; height:80px; color:#fff; font-size:23px; } .prod_nav li span.on{background:#2b6cbc; color:#fff; display: block;} .espcms_page_right{ overflow: hidden; } .neiye_list{background-image: -webkit-linear-gradient(left,#c64647, #d3751b); height: 65px; line-height: 65px; text-align: center; font-size: 24px; font-weight: bold; color: #fff; margin: 20px auto} .neiye_txt{width:100%; text-align: left;font-size:14px; line-height: 28px; padding: 20px 0} .end_lx{font-sizE:14px; line-height: 30px; color:#fff; text-align: left} .flow-model {padding:20px 0;} .flow-model .swiper-flow {width:100%;position:relative;height:274px;} .flow-model .swiper-flow .flow-page {position:absolute;left:0;top:0;width:294px;height:274px;background:#ee152f;-webkit-box-shadow:6px 6px 46px rgba(94,5,15,0.2);-moz-box-shadow:6px 6px 46px rgba(94,5,15,0.2);-o-box-shadow:6px 6px 46px rgba(94,5,15,0.2);box-shadow:6px 6px 46px rgba(94,5,15,0.2);border-top-left-radius:90px;border-top-right-radius:90px;border-bottom-left-radius:80px;border-bottom-right-radius:10px;} .flow-model .swiper-flow .flow-page .flow-title {width:100%;height:272px;background:#fff;overflow:hidden;-webkit-box-shadow:6px 6px 46px rgba(94,5,15,0.2);-moz-box-shadow:6px 6px 46px rgba(94,5,15,0.2);-o-box-shadow:6px 6px 46px rgba(94,5,15,0.2);box-shadow:6px 6px 46px rgba(94,5,15,0.2);border-top-left-radius:80px;border-top-right-radius:80px;border-bottom-left-radius:80px;border-bottom-right-radius:10px;padding:60px 25px 0;position:relative;} .flow-model .swiper-flow .flow-page .flow-title:hover:after {right:-72px;bottom:-82px;-webkit-animation:rotateMove 4s infinite linear;animation:rotateMove 4s infinite linear;} .flow-model .swiper-flow .flow-page .flow-title:after {-webkit-transition:right,bottom 1s linear;transition:right,bottom 1s linear;content:'';display:block;width:152px;height:152px;background:url("../images/title_bg.png") left top no-repeat;position:absolute;right:-92px;bottom:-102px;} .flow-model .swiper-flow .flow-page .flow-title > p {width:100%;line-height:30px;font-size:16px;color:#403d3e;margin-bottom:6px;} .flow-model .swiper-flow .flow-page .flow-title > h3 {width:100%;overflow:hidden;line-height:48px;color:#ee1c35;font-size:30px;font-weight:bold;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page {width:100%;height:30px;overflow:hidden;margin-top:40px;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page p {display:block;height:30px;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page p strong {display:block;line-height:30px;color:#ee1c35;font-weight:normal;font-size:30px;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page p span {display:block;height:16px;line-height:16px;font-size:12px;color:#6c6162;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .swiper-progress {width:100px;height:2px;position:relative;background:#f8ccd1;margin-top:14px;margin-left:10px;margin-right:10px;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .swiper-progress span {-o-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-ms-transition:all 0.4s ease-in-out;transition:all 0.4s ease-in-out;display:block;position:absolute;left:0;height:4px;top:-1px;width:16.666666%;background:#ee1c35;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next {width:56px;height:30px;background:url("../images/prev_next_bg.png") center center no-repeat;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a {display:block;width:28px;height:30px;overflow:hidden;background-image:url("../images/prev_next.png");background-repeat:no-repeat;opacity:.6;-webkit-transition:opacity .4s ease-in-out;-moz-transition:opacity .4s ease-in-out;transition:opacity .4s ease-in-out;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a:hover {opacity:1;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.prev {background-position:left bottom;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.next {background-position:right bottom;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.prev.disabled {background-position:left top;cursor:not-allowed;opacity:1;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.prev.disabled:hover {opacity:1;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.next.disabled {background-position:right top;cursor:not-allowed;opacity:1;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .prev-next a.next.disabled:hover {opacity:1;} .flow-model .swiper-flow .swiper-container {width:100%;} .flow-model .swiper-flow .swiper-container .swiper-slide {width:269px;height:274px;padding-top:50px;} .flow-model .swiper-flow .swiper-container .swiper-slide:hover .slide-num span {opacity:1;-webkit-animation:rotateMoveBack 5s infinite linear;animation:rotateMoveBack 5s infinite linear;} .flow-model .swiper-flow .swiper-container .swiper-slide .slide-num {width:210px;height:102px;background:url("../images/slide_font_bg.png") center center no-repeat;position:relative;} .flow-model .swiper-flow .swiper-container .swiper-slide .slide-num p {width:100%;height:100%;line-height:102px;text-align:center;font-size:36px;font-weight:normal;color:#ee152f;position:relative;z-index:2;} .flow-model .swiper-flow .swiper-container .swiper-slide .slide-num span {display:block;width:100%;height:100%;position:absolute;left:0;top:0;z-index:1;opacity:0;background:url("../images/slide_font_on.png") center center no-repeat;} .flow-model .swiper-flow .swiper-container .swiper-slide .slide-num i {display:block;width:298px;height:12px;background:url("../images/slide_line.png") center top no-repeat;position:absolute;right:-188px;top:45px;} .flow-model .swiper-flow .swiper-container .swiper-slide dl {width:100%;overflow:hidden;margin-top:15px;} .flow-model .swiper-flow .swiper-container .swiper-slide dl dt {text-align:left;height:30px;line-height:30px;font-size:20px;color:#000;font-weight:bold; padding-left: 60px} .flow-model .swiper-flow .swiper-container .swiper-slide dl dd {margin-top:10px;width:100%;text-align:left;overflow:hidden;line-height:30px;font-size:16px;color:#555;padding-left: 45px} .flow-model .swiper-flow .swiper-container .swiper-slide.on .slide-num span {opacity:1;} .flow-model .swiper-flow .flow-page .flow-title .swiper-page .swiper-progress { width: 100px; height: 2px; position: relative; background: #f8ccd1; margin-top: 14px; margin-left: 10px; margin-right: 10px; } .flow-model .swiper-flow .flow-page .flow-title .swiper-page p span { display: block; height: 16px; line-height: 16px; font-size: 12px; color: #6c6162; } .flow-model .swiper-flow .flow-page .flow-title > h3 { width: 100%; overflow: hidden; line-height: 48px; color: #ee1c35; font-size: 30px; font-weight: bold; } .swiper-container{margin:0 auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}.swiper-container-no-flexbox .swiper-slide{float:left}.swiper-container-vertical>.swiper-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}.swiper-container-android .swiper-slide,.swiper-wrapper{-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.swiper-container-multirow>.swiper-wrapper{-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.swiper-container-free-mode>.swiper-wrapper{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out;margin:0 auto}.swiper-slide{-webkit-flex-shrink:0;-ms-flex-negative:0;flex-shrink:0;width:100%;height:100%;position:relative;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}.swiper-slide-invisible-blank{visibility:hidden}.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide{height:auto}.swiper-container-autoheight .swiper-wrapper{-webkit-box-align:start;-webkit-align-items:flex-start;-ms-flex-align:start;align-items:flex-start;-webkit-transition-property:height,-webkit-transform;transition-property:height,-webkit-transform;-o-transition-property:transform,height;transition-property:transform,height;transition-property:transform,height,-webkit-transform}.swiper-container-3d{-webkit-perspective:1200px;perspective:1200px}.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper{-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-container-3d .swiper-slide-shadow-left{background-image:-webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(right,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to left,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-right{background-image:-webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to right,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-top{background-image:-webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(bottom,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to top,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-3d .swiper-slide-shadow-bottom{background-image:-webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,0)));background-image:-webkit-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:-o-linear-gradient(top,rgba(0,0,0,.5),rgba(0,0,0,0));background-image:linear-gradient(to bottom,rgba(0,0,0,.5),rgba(0,0,0,0))}.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper{-ms-touch-action:pan-y;touch-action:pan-y}.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper{-ms-touch-action:pan-x;touch-action:pan-x}.swiper-button-next,.swiper-button-prev{position:absolute;top:50%;width:27px;height:44px;margin-top:-22px;z-index:10;cursor:pointer;background-size:27px 44px;background-position:center;background-repeat:no-repeat}.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}.swiper-button-prev,.swiper-container-rtl .swiper-button-next{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");left:10px;right:auto}.swiper-button-next,.swiper-container-rtl .swiper-button-prev{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");right:10px;left:auto}.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")}.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")}.swiper-button-lock{display:none}.swiper-pagination{position:absolute;text-align:center;-webkit-transition:.3s opacity;-o-transition:.3s opacity;transition:.3s opacity;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction{bottom:10px;left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{-webkit-transform:scale(.66);-ms-transform:scale(.66);transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{-webkit-transform:scale(.33);-ms-transform:scale(.33);transform:scale(.33)}.swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;background:#000;opacity:.2}button.swiper-pagination-bullet{border:none;margin:0;padding:0;-webkit-box-shadow:none;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet-active{opacity:1;background:#007aff}.swiper-container-vertical>.swiper-pagination-bullets{right:10px;top:50%;-webkit-transform:translate3d(0,-50%,0);transform:translate3d(0,-50%,0)}.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet{margin:6px 0;display:block}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:8px}.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;-webkit-transition:.2s top,.2s -webkit-transform;transition:.2s top,.2s -webkit-transform;-o-transition:.2s transform,.2s top;transition:.2s transform,.2s top;transition:.2s transform,.2s top,.2s -webkit-transform}.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 4px}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic{left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);white-space:nowrap}.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s left,.2s -webkit-transform;transition:.2s left,.2s -webkit-transform;-o-transition:.2s transform,.2s left;transition:.2s transform,.2s left;transition:.2s transform,.2s left,.2s -webkit-transform}.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{-webkit-transition:.2s right,.2s -webkit-transform;transition:.2s right,.2s -webkit-transform;-o-transition:.2s transform,.2s right;transition:.2s transform,.2s right;transition:.2s transform,.2s right,.2s -webkit-transform}.swiper-pagination-progressbar{background:rgba(0,0,0,.25);position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#007aff;position:absolute;left:0;top:0;width:100%;height:100%;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);-webkit-transform-origin:left top;-ms-transform-origin:left top;transform-origin:left top}.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{-webkit-transform-origin:right top;-ms-transform-origin:right top;transform-origin:right top}.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite{width:100%;height:4px;left:0;top:0}.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar{width:4px;height:100%;left:0;top:0}.swiper-pagination-white .swiper-pagination-bullet-active{background:#fff}.swiper-pagination-progressbar.swiper-pagination-white{background:rgba(255,255,255,.25)}.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill{background:#fff}.swiper-pagination-black .swiper-pagination-bullet-active{background:#000}.swiper-pagination-progressbar.swiper-pagination-black{background:rgba(0,0,0,.25)}.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill{background:#000}.swiper-pagination-lock{display:none}.swiper-scrollbar{border-radius:10px;position:relative;-ms-touch-action:none;background:rgba(0,0,0,.1)}.swiper-container-horizontal>.swiper-scrollbar{position:absolute;left:1%;bottom:3px;z-index:50;height:5px;width:98%}.swiper-container-vertical>.swiper-scrollbar{position:absolute;right:3px;top:1%;z-index:50;width:5px;height:98%}.swiper-scrollbar-drag{height:100%;width:100%;position:relative;background:rgba(0,0,0,.5);border-radius:10px;left:0;top:0}.swiper-scrollbar-cursor-drag{cursor:move}.swiper-scrollbar-lock{display:none}.swiper-zoom-container{width:100%;height:100%;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;text-align:center}.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain}.swiper-slide-zoomed{cursor:move}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;-webkit-transform-origin:50%;-ms-transform-origin:50%;transform-origin:50%;-webkit-animation:swiper-preloader-spin 1s steps(12,end) infinite;animation:swiper-preloader-spin 1s steps(12,end) infinite}.swiper-lazy-preloader:after{display:block;content:'';width:100%;height:100%;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-position:50%;background-size:100%;background-repeat:no-repeat}.swiper-lazy-preloader-white:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")}@-webkit-keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes swiper-preloader-spin{100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.swiper-container .swiper-notification{position:absolute;left:0;top:0;pointer-events:none;opacity:0;z-index:-1000}.swiper-container-fade.swiper-container-free-mode .swiper-slide{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}.swiper-container-fade .swiper-slide{pointer-events:none;-webkit-transition-property:opacity;-o-transition-property:opacity;transition-property:opacity}.swiper-container-fade .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-fade .swiper-slide-active,.swiper-container-fade .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube{overflow:visible}.swiper-container-cube .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1;visibility:hidden;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;width:100%;height:100%}.swiper-container-cube .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-cube.swiper-container-rtl .swiper-slide{-webkit-transform-origin:100% 0;-ms-transform-origin:100% 0;transform-origin:100% 0}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-cube .swiper-slide-active,.swiper-container-cube .swiper-slide-next,.swiper-container-cube .swiper-slide-next+.swiper-slide,.swiper-container-cube .swiper-slide-prev{pointer-events:auto;visibility:visible}.swiper-container-cube .swiper-slide-shadow-bottom,.swiper-container-cube .swiper-slide-shadow-left,.swiper-container-cube .swiper-slide-shadow-right,.swiper-container-cube .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-cube .swiper-cube-shadow{position:absolute;left:0;bottom:0;width:100%;height:100%;background:#000;opacity:.6;-webkit-filter:blur(50px);filter:blur(50px);z-index:0}.swiper-container-flip{overflow:visible}.swiper-container-flip .swiper-slide{pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;z-index:1}.swiper-container-flip .swiper-slide .swiper-slide{pointer-events:none}.swiper-container-flip .swiper-slide-active,.swiper-container-flip .swiper-slide-active .swiper-slide-active{pointer-events:auto}.swiper-container-flip .swiper-slide-shadow-bottom,.swiper-container-flip .swiper-slide-shadow-left,.swiper-container-flip .swiper-slide-shadow-right,.swiper-container-flip .swiper-slide-shadow-top{z-index:0;-webkit-backface-visibility:hidden;backface-visibility:hidden}.swiper-container-coverflow .swiper-wrapper{-ms-perspective:1200px} .animated { -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; } .animated.infinite { -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; } .animated.delay-1s { -webkit-animation-delay: 1s; animation-delay: 1s; } .animated.delay-2s { -webkit-animation-delay: 2s; animation-delay: 2s; } .animated.delay-3s { -webkit-animation-delay: 3s; animation-delay: 3s; } .animated.delay-4s { -webkit-animation-delay: 4s; animation-delay: 4s; } .animated.delay-5s { -webkit-animation-delay: 5s; animation-delay: 5s; } .animated.fast { -webkit-animation-duration: 800ms; animation-duration: 800ms; } .animated.faster { -webkit-animation-duration: 500ms; animation-duration: 500ms; } .animated.slow { -webkit-animation-duration: 2s; animation-duration: 2s; } .animated.slower { -webkit-animation-duration: 3s; animation-duration: 3s; } @media (print), (prefers-reduced-motion) { .animated { -webkit-animation: unset !important; animation: unset !important; -webkit-transition: none !important; transition: none !important; } } /*liuyan*/ .liuyan{ background:#fff url(../images/liu_bg.jpg) no-repeat center center; padding:80px 0 0 0} .liuyan .s_width{ height:526px; position:relative; overflow:hidden;} .liuyan .liu_l{ width:555px; position:absolute; left:0; top:0} .liuyan .liu_r{ width:580px; position:absolute; right:0; top:0; overflow:hidden;} .liuyan .liu_r h3{ font-size:24px; color:#292929; line-height:65px;} .liuyan .liu_r .liu_zi{ line-height:55px; font-size:18px; color:#3d3d3d; border-top:1px solid #939393; border-bottom:1px solid #939393} .liu_con .title{ display:none;} /*se_about*/ .se_about{ position:relative; opacity:1; overflow:hidden; margin:50px 0 0 0} .se_about .s_width{ position:relative; overflow:hidden; height:469px; } .se_about .se_about_pic{ width:564px; height:469px; position:absolute; right:0;} .se_about .se_about_con{ position:absolute; left:0; width:626px; z-index:2; background:#F5F5F5; padding:60px 45px 80px 45px;} .se_about .se_about_con h2{ line-height:45px; color:#2d69c7; font-size:26px; font-weight:normal; padding:20px 0 0 0} .se_about .se_about_con h2 span{ display:block; font-size:36px; text-transform:uppercase; font-weight:bold;} .se_about .se_about_con .se_about_p{ padding:35px 25px 0 0; line-height:37px; color:#5c5a5a; font-size:16px;} /*erjiyemian*/ .erji{ padding:50px 0 0 0} .erji h2{ text-align:center; color:#713f17; font-size:30px; text-transform:uppercase; line-height:40px; background:url(../images/fflei_line.jpg) no-repeat center bottom;} .erji .er_quxian{ text-align:center; width:75px; height:24px; margin:0 auto;} .erji .er_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px;} .cage{ height:50px; padding:15px 0 70px 0; width:998px; margin:0 auto} .cage li{ width:165px; text-align:center; float:left; margin-right:1px; background:#08912a;} .cage li a{ line-height:50px; font-size:18px; color:#fff} .erji .s_width{ padding-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(http://www.kangmingsi-power.com/templates/net/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; margin:0 auto; padding: 0 0 50px 0; line-height:35px; font-size:16px; color:#555; text-indent:2em} .erji_lv p{ line-height:35px; font-size:16px; color:#555; padding:30px 0 0 0} .erji_lv div{ text-indent:0} .erji .cage_index{ padding:30px 0 0 0} .erji .cage_index ul{ width:600px; margin:0 auto} .erji .cage_index li{ width:200px; float:left;} .erji .cage_index li a{width:160px; margin:0 auto; display:block; border:1px solid #bcbcbc; border-radius:28px; line-height:37px; text-align:center; color:#5c5c5c; font-size:16px;} .erji .cage_index li a.on{ border:1px solid #e33238; background:#e33238; color:#fff} .erji .cage_index li a:hover{ border:1px solid #e33238; background:#e33238; color:#fff} .liuyan_title{ line-height:40px; font-size:18px; text-align:center; color:#444; font-weight:bold} /*er_about*/ .er_about{ width:1280px; margin:50px auto; line-height:55px; position:relative; font-size:16px; color:#444; text-indent:32px;} /*er_zhaoshang*/ .er_zhaoshang{ height:568px; background:#f3f3f3; position:relative; opacity:1; overflow:hidden;} .er_zhaoshang .zhaoshang_pic{ width:50%; height:568px; overflow:hidden; position:absolute; right:0; top:0;} .er_zhaoshang .s_width{ position:relative; overflow:hidden;height:568px;} .er_zhaoshang .zhaoshang_con{ position:absolute; left:0; width:605px; height:568px; z-index:2; background:url(../images/jj_bg.jpg) no-repeat left top;} .er_zhaoshang .zhaoshang_con h2{ padding:100px 0 20px 0;height:31px; line-height:31px; color:#3a2c1f; font-size:24px; background:url(../images/j_t_bg.jpg) no-repeat left bottom; } .er_zhaoshang .zhaoshang_con p{ padding:50px 55px 0 0; line-height:30px; color:#383837; font-size:15px;} /*qian_zhaoshang*/ .qian_zhaoshang{ padding:80px 0 0 0} .qian_zhaoshang h2{ text-align:center; color:#713f17; font-size:30px; text-transform:uppercase; line-height:40px; background:url(../images/fflei_line.jpg) no-repeat center bottom;} .qian_zhaoshang .er_quxian{ text-align:center; width:75px; height:24px; margin:0 auto;} .qian_zhaoshang .er_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px; margin:0 0 65px 0} .qian_zhaoshang_con{ background: url(../images/qian_bg.png) no-repeat center top;} .qian_zhaoshang_con .s_width{ overflow:hidden; padding:85px 0} .qian_zhaoshang_con li{width:113px; height:180px; float:left; padding:0 18px; position:relative;} .qian_zhaoshang_con .qian_pic{width:113px; height:113px; position:absolute; left:50%; margin-left:-56px; top:0; overflow:hidden;} .qian_zhaoshang_con h3{ text-align:center; font-weight:normal; font-size:17px; color:#c5c5c5; line-height:60px; background:url(../images/qian_line_h.png) no-repeat center bottom; position:absolute; left:50%; margin-left:-56px; top:113px; overflow:hidden; width:113px; } .qian_zhaoshang_con li:hover h3{ color:#ba9373; font-weight:bold; background:url(../images/qian_line.png) no-repeat center bottom;} /*zhichi*/ .zhichi{ padding:80px 0 60px 0; background:#f3f3f3} .zhichi h2{ text-align:center; color:#713f17; font-size:30px; text-transform:uppercase; line-height:40px; background:url(../images/zhilei_line.png) no-repeat center bottom;} .zhichi .er_quxian{ text-align:center; width:75px; height:24px; margin:0 auto;} .zhichi .er_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px; margin:0 0 35px 0} .zhichi ul{ width:1200px; margin:0 auto;} .zhichi li{ width:370px; float:left; margin-right:30px; margin-top:50px; height:220px; border-bottom:1px solid #dddddd; position:relative; top:0} .zhichi li .zhichi_t{ background:url(../images/zhichi.jpg) no-repeat left top; padding:10px 0 0 0; line-height:33px; font-weight:bold; font-size:18px; color:#222;} .zhichi li .zhichi_t_en{ color:#3a3a3a; font-size:14px; line-height:25px; text-transform:uppercase} .zhichi li p{ padding:20px 0 0 0; line-height:28px; font-size:14px; color:#3a3a3a} /*youshi*/ .youshi{ padding:80px 0 60px 0;} .youshi h2{ text-align:center; color:#713f17; font-size:30px; text-transform:uppercase; line-height:40px; background:url(../images/zhilei_line.png) no-repeat center bottom;} .youshi .er_quxian{ text-align:center; width:75px; height:24px; margin:0 auto;} .youshi .er_t_wenzi{ font-size:16px; text-align:center; color:#737272; line-height:40px; margin:0 0 35px 0} .youshi_con{ background:url(../images/you_bg.jpg) no-repeat center top; } .youshi_con ul{ width:1200px; margin:0 auto; height:559px; overflow:hidden;} .youshi_con li{ width:300px; float:left; position:relative; height:559px; overflow:hidden; margin-top:0} .youshi_con .you_pic{ position:absolute; left:0; top:0; z-index:1} .youshi_con .you_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .youshi_con li:hover .you_pic img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .youshi_con .you_zi{ position:absolute; z-index:2; width:56px; height:56px; text-align:center; border:2px solid #747574; line-height:56px; left:50%; top:85px; margin-left:-28px; font-size:30px; font-weight:bold; color:#aeaeae} .youshi_con .you_t{ position:absolute; z-index:2; width:160px; height:56px; text-align:center; border-bottom:1px solid #747574; line-height:56px; left:50%; top:175px; margin-left:-80px; font-size:22px; font-weight:bold; color:#ececec} .youshi_con p{ width:260px; position:absolute;z-index:2; line-height:30px; left:50%; top:270px; margin-left:-130px; font-size:14px; color:#d8d8d8} /*p_pindao*/ .p_pindao{ width:1280px; margin:0 auto 30px auto; background:#f6f8fb; } .p_pindao_t{ padding:50px 0 0 50px;width:580px;} .p_pindao_t h2{ font-size:34px; color:#333; line-height:90px; background: url(../images/pin_t_bg.png) no-repeat left top; padding:0 0 0 40px; } .p_pindao_t p{ font-size:16px; color:#727272; line-height:33px; padding:20px 50px 30px 40px ;} .p_pindao .p_pindao_more{ width:150px; padding:0 0 0 40px; margin:0 0 0 40px; background:#176ac1 url(../images/jiantoudd.png) no-repeat 20px center; border:1px solid #176ac1; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_pindao .p_pindao_more a{ font-size:16px; height:42px; line-height:42px; display:block; padding-left: 36px;color:#fff; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .p_pindao .p_pindao_more:hover{ background:#3e3e3e url(../images/jiantoudd.png) no-repeat 40px center; border:1px solid #3e3e3e;} .p_pindao .p_pindao_more:hover a{padding-left: 46px;color:#fff; } .p_pindao_pic{ width:580px; height:435px; position:relative; overflow:hidden; margin:30px } .p_pindao_pic img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .p_pindao_pic:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} /*erji_cage*/ .erji_cage{ background:#f3f3f3} .erji_cage ul{ width:1200px; margin:0 auto;} .erji_cage li{ width:240px; float:left;} .erji_cage li a{color:#1f1f1f; font-size:18px; padding:80px 0 20px 0; display:block; text-align:center; line-height:50px;} .se_pro_con{ position:relative; margin:0 auto 20px auto; width:1280px;} .se_pro_con ul{ } .se_pro_con li{float:left; padding:0; width:400px; height:580px; margin:10px; position:relative; overflow:hidden; border-bottom:8px solid #d53d18;background:url(../images/xiebg.jpg) ; border-top:3px #ececec solid; border-left:3px #ececec solid; border-right:3px #ececec solid; } .se_pro_con li:hover a{} .se_pro_con li a{ width:400px; height:360px; display:block; position:relative; } .se_pro_con li img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; b} .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 .chanpin_con_pic{ width:400px; height:350px; position:relative; overflow:hidden;z-index:1} .gonglv_yuan{ position:absolute; z-index:2;background:#e9461a;width:120px;height:90px;margin-top:-85px; margin-left:30px; border-radius:50%;text-align:center; color:#fff;padding-top:30px;font-size:20px;} .se_pro_con li a .se_pro_cc{ width:400px; height:90px; text-align:center; color:#333; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;background:url(../images/p_bg.png) top no-repeat; margin-top:-50px; position:absolute; font-size:24px; padding-top:20px;z-index:3} .se_pro_con li a .se_pro_cc img{width:145px} .se_pro_con li a .se_pro_cc p{ display:block;font-size:24px; line-height:70px;} .se_pro_con li a .se_pro_cc div{ width:300px; margin:0 auto; text-align:left; font-size:16px; color:#323232; line-height:36px} .se_pro_con li a .se_pro_cc span{ display:block; width:100px; text-align:center; font-size:14px; color:#fff; line-height:30px;} .se_pro_con li a .se_pro_cc span.blue{ background:#00af7c} .se_pro_con li a .se_pro_cc span.red{ background:#ec401e} /*se_pro_con_case*/ .se_pro_con_case{ width:1200px; overflow:hidden; position:relative; margin:0 auto; padding:10px 0 40px 0} .se_pro_con_case ul{ width:1220px; } .se_pro_con_case li{float:left; padding:0; width:388px; height:395px; margin-right:13px; margin-bottom:25px;position:relative; overflow:hidden;border:1px solid #e9e9e9; } .se_pro_con_case .se_pro_t_l{ width:388px; position:relative; cursor: pointer} .se_pro_con_case .se_pro_t_l img{ width:388px; height:265px;} .se_pro_con_case .se_pro_con_case.se_pro_t_l a{ width:388px; position: absolute; z-index:100; background:url(http://www.kangmingsi-power.com/templates/net/images/images/p_more_bg2.png) no-repeat center center; text-align:center; font-size:14px; color:#fff; line-height:40px; opacity:1} .se_pro_con_case .se_pro_t_l .se_pro_t_laa{opacity:1;} .se_pro_con_case .se_pro_t_l a span{ display:block; font-size:24px; font-weight:bold; color:#ffffff; line-height:60px; padding:120px 0 0 0; width:212px; margin:0 auto; border-bottom:1px solid #9b968f} .se_pro_con_case .se_pro_t_l a p{ width:150px; text-align:center; line-height:40px; background:#be373e; color:#fff; font-size:16px; margin:20px auto 0 auto} .se_pro_con_case .se_pro_t_r{ width: 388px; border-top:0; padding:0 0 25px 0; background:#e8e8e8} .se_pro_con_case .se_pro_t_r p{ line-height:30px; font-size:13px; color:#555555; padding:30px 20px 30px 30px; text-align:center; } .se_pro_con_case .se_pro_t_r h4{ line-height:30px; font-size:18px; color:#333; padding:20px 0; text-align:center; position: relative; z-index: 1000;} .se_pro_con_case .se_pro_t_r_con{ line-height:30px; color:#666666; font-size:16px; padding:30px 0;} .se_pro_con_case .se_pro_t_r_more{ width:150px; line-height:35px; text-align:center; margin:0 auto; position: relative; z-index: 1000; } .se_pro_con_case .se_pro_t_r_more a{ font-size:14px; color:#fff; display:block; background:#be373e } .se_pro_con_case li div.cover_top{position:absolute;top:-265px;left:0;width:388px;height:265px;background-color: red;filter: Alpha(opacity=50);background: rgba(0,0,0,0.6) ;z-index:900; text-align:center; cursor: pointer} .se_pro_con_case li div.cover_top img{ width:265px; height:265px;} .se_pro_con_case li div.cover_bottom{position:absolute;bottom:-200px;left:0;width:388px;height:131px; background:#be373e;z-index:99} /*se_case*/ #se_case_index{ background:#fff;position:relative; background: url(http://www.kangmingsi-power.com/templates/net/images/images/erjibg.jpg) no-repeat center top; padding:30px 0 0 0} .se_case_index_title{height:82px; background:url(http://www.kangmingsi-power.com/templates/net/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:0px 0 40px 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_news_con{ } .se_news_con ul{ padding:25px 0 0 0} .se_news_con li{ width:426px; float:left; position:relative; cursor: pointer; position:relative; top:15px; } .se_news_r{ width: 380px; position: relative; z-index: 2; border-bottom: 1px solid #ddd; padding: 17px 15px 25px 15px; margin:0 auto 45px auto; -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.2); box-shadow: 0 0 15px rgba(0,0,0,0.2); position:relative} .se_news_r .se_news_date{ width:93px; height:93px; position:absolute; right:15px; top:-20px; z-index:9999; background:#176ac1; text-align:center; color:#fff; line-height:15px; font-size:16px; } .se_news_r .se_news_date span{ line-height:41px; font-size:20px; display:block; padding:10px 0 0 0} .se_news_r .se_news_date div{ line-height:25px; font-size:24px; width:58px; margin:0 auto; overflow:hidden; height:25px; position:relative} .se_news_r img{ position:absolute; width:410px; height:300px; left:0; top:0} .se_news_r h2{ font-size:14px; color:#555555; border-bottom:1px dashed #ddd; padding:310px 0 8px 0} .se_news_r h2 a{ font-size:22px; color:#222; text-transform:uppercase; display:block; line-height:40px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .se_news_r h2 a:hover{ color:#176ac1; font-weight:bold} .se_news_r p{ line-height:28px; color:#666; padding:10px 0 24px 0; font-size:15px;} .se_news_r .se_news_more{ width:120px; border:1px solid #176ac1; line-height:30px; text-align:center; transition:all 0.3s ease 0s; -webkit-transition:all 0.3s ease 0s;} .se_news_r .se_news_more a{ color:#176ac1; font-size:14px;} .se_news_r .se_news_more a:hover{ color:#fff; } .se_news_r .se_news_more:hover{ background:#176ac1; border:1px solid #176ac1; } .se_news_r .se_news_more:hover a{ color:#fff; } .se_news_con li:hover h2 a{ color:#176ac1; font-weight:bold} /*se_wen*/ .se_wen_con{ } .se_wen_con ul{ padding:25px 0 0 0} .se_wen_con li{ width:426px; float:left; position:relative; cursor: pointer; position:relative; top:15px; } .se_wen_r{ width: 380px; position: relative; z-index: 2; border: 1px solid #eee; padding: 10px 15px; margin:0 auto 25px auto;} .se_wen_r h2{ font-size:14px; color:#555555; border-bottom:1px dashed #ddd; padding:10px 0 0 0; font-weight:normal; margin:0 0 15px 0} .se_wen_r h2 a{ font-size:22px; color:#222; text-transform:uppercase; display:block; line-height:40px; transition:all 0.2s ease 0s; -webkit-transition:all 0.2s ease 0s;} .se_wen_r h2 a:hover{ color:#176ac1;} .se_wen_r .se_wen_more{ width:120px;line-height:30px;} .se_wen_r .se_wen_more a{ color:#176ac1; font-size:14px;} .se_wen_r .se_wen_more a:hover{ color:#333; } .se_news_con li:hover h2 a{ color:#176ac1; font-weight:bold} .se_lianxi{ height:750px; position:relative; margin:-200px 0 0 0} .se_lianxibg{ height:750px; width:50%; position:absolute; right:0; top:0; background:rgba(0,0,0,0.6); z-index:1} .se_lianxi_con{ width:500px; margin:0 0 0 100px;} .se_lianxi_con h3{ font-size:30px; color:#fff; margin:80px 0 0 0; line-height:75px; width:400px; border-bottom:1px solid #7b7b7b} .se_lianxi_con h3 span{ padding:11px 0 0 15px; text-transform:uppercase; color:#2a8cf0; font-family:Impact; display:inline-block;} .se_lianxi_con strong{ color:#fff; font-size:24px; font-weight:normal;} .main{ padding:30px 0; width:1280px; margin:0 auto} .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; } .contact{ padding:25px 0 15px 0; border-bottom:1px solid #ccc} .contact h2{ line-height:40px; font-size:16px; color:#093; font-weight:normal; padding:0 0 0 20px; text-transform:uppercase; border-bottom:1px solid #ccc} .contact h2 span{ padding:0 0 0 10px; font-size:12px; color:#555} .contact p{ font-size:14px; line-height:30px;} .contact .contact_pic{ margin:15px 0} .list{width: 300px;float: left;} .intro{width: 100%;min-width:1400px;height:528px;background-image: url(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/images/images/bbj.jpg);background-repeat: repeat-x;text-align: center;} .article{width: 1200px;height: 785px;background-image: url(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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%} .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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/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(http://www.kangmingsi-power.com/templates/net/images/news_icon.gif) no-repeat left 2px; padding-left:20px;} .chanpin img{ margin:0 2px;} .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(http://www.kangmingsi-power.com/templates/net/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;} /*--search modal--*/ .modal { position: fixed; z-index:999999999999999; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.85);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; top:-50px;} .modal-content > div { } .modal-content input { border: none; float: left;} .modal-content .search-logo { width: 101px; position:absolute; left:0; } .modal-content .search-logo img{ width:100%;} .modal-content .search-close { width:60px; height:60px; 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:1200px; position:absolute; left:50%; margin-left:-600px; height:60px; top:120px;} .search_cage li{ width:160px; margin-right:40px; text-align:left; float:left; line-height:50px; position:relative} .search_cage li a{ color:#fff; font-size:24px; text-align:left; line-height:80px; display:block;} .search_cage li a:hover{ color:#fff; } .search_cage li span{ display:block; width:60px; height:1px; background:#909090;} .search_cage li div {text-align:center;color:#4f4f4f;z-index:99999; position:relative; margin-top: 0; left:0; top:30px; width:159px;} .search_cage li div a {display:block;BACKGROUND: url(http://www.kangmingsi-power.com/templates/net/css/asdfasdf); COLOR: #b2b2b2; line-height:35px; FONT-SIZE: 16px;font-weight:normal;} .search_cage li div a:hover {color:#fff;} /*--/search modal end--*/ .se_erji_img img{ max-width:1000px; margin:0 auto} .contact_left{ width:587px; text-align:center; border-right:1px solid #eee} .contact_right{ width:500px; text-align:left; font-size:16px; line-height:40px; padding:0 0 0 100px; } .map{ width:100%; overflow:hidden;} .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} .erji_wenhua{height:600px; background:url(http://www.kangmingsi-power.com/templates/net/images/images/wenhua.jpg) no-repeat left top; width:1200px; line-height:40px;} .erji_wenhua_t{ padding:20px 0 0 385px;} .erji_wenhua_title{ font-size:24px; line-height:60px; color:#c21f1f} .erji_wenhua p{ line-height:41px; background:url(http://www.kangmingsi-power.com/templates/net/images/images/dian.jpg) no-repeat left center; font-size:18px; color:#444} .erji_wenhua_b{ padding:60px 0 0 120px;} .fr_about { width:1200px; margin:0 auto; padding:0px 0 0px 0} .fr_about ul{ width:1200px; margin: 0 auto} .fr_about li{float:left; padding:0; width:360px; margin:0 10px 5px 20px; position:relative; overflow:hidden; background:#fff} .fr_about li .p-img{ width:390px; height:255px; text-align:center; position:relative; overflow:hidden } .fr_about li .p-name{ height:70px; line-height:70px; word-break:break-all; word-wrap: break-word; overflow:hidden;text-align: center;font-size:16px; border-top:1px solid #eee} .fr_about li .p-img img{ width:100%; transition:0.4s ease; -moz-transition:0.4s ease; -webkit-transition:0.4s ease; } .fr_about li:hover img{ transform:scale(1.1,1.1); -moz-transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .fr_about p{ font-size:16px; line-height:35px; color:#666;} .fr_about p span{ font-size:17px; color:#af1318;}