锘緻charset "utf-8"; @import "/font/webfont.css"; body{font-family: "siyuan-Regular";font-size:12px;font-weight:normal;color:#606060;margin:0px;padding:0px; background:#fff; overflow-x:hidden;min-width: 1366px;} p,form,h1,h2,h3,h4,h5,h6,input,dl,dd,table,td,input,ul,li{margin:0px;padding:0px;} ul,ol{margin:0px;padding:0px;list-style-type:none;} img{border:none;} li{ list-style:none} a{color:#616161;text-decoration:none;} a:hover{ color:#00b1a9} .clear{clear:both;} .filesize{color:#ff0000;} video{outline: none;border:none;} .header{width:100%; min-width:1100px; } .header-top{height: 35px;line-height: 35px;background-color:#f6f6f4; border-bottom:1px solid #d8d8d8} .top{width: 100%;height: 60px;padding: 20px 0 26px;position: relative;z-index: 11;background-color:#fff; border-bottom:1px solid #d8d8d8;} .top.fixed{position: fixed;left: 0;top: 0;z-index: 11;} .header-top .w960{z-index: 15} .w960{width: 1100px;margin: 0 auto;z-index: 1; overflow: hidden;} .logo{ float:left; padding-top:8px} .top_r{ float:right; } .top_r span{ float:left} .top_r span a{margin-right:15px} .top_r span img{ position:relative;top:9px} .top_r p{ float:left; border-left:1px solid #e1e1e0; border-right:1px solid #e1e1e0; padding:0 0 0 15px} .top_l{float:left; width:250px;} input::-webkit-search-decoration, input::-webkit-search-cancel-button { display: none; } .bei { background: url(../images/bei_ico.png) no-repeat center left; padding: 10px 0px 10px 22px; margin-left: 10px; } input[type=search] { background: #ededed url(../images/serch.png) no-repeat center center; border: solid 1px #ccc; padding: 5px 8px 5px 32px; width: 55px; -webkit-border-radius: 10em; -moz-border-radius: 10em; border-radius: 10em; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; } input[type=search]:focus { width: 140px; background-color: #fff; border-color: #00b1a9; background: #ededed url(../images/serch.png) no-repeat 90% center; -webkit-box-shadow: 0 0 5px rgba(227,40,32,.5); -moz-box-shadow: 0 0 5px rgba(227,40,32,.5); box-shadow: 0 0 5px rgba(109,207,246,.5); } #demo-b{ float:left; margin-left:15px; border-right:1px solid #e1e1e0; height:35px} #demo-b input[type=search] { width: 15px; padding-left: 5px; color: transparent; cursor: pointer; margin:3px 15px 0 0;-webkit-appearance: textfield; -webkit-box-sizing: content-box; font-size: 100%; outline:none;-webkit-appearance: textfield; -webkit-box-sizing: content-box; font-size: 100%; } #demo-b input[type=search]:hover { background-color: #fff; } #demo-b input[type=search]:focus { width: 140px; padding-left: 22px; color: #000; background-color: #fff; cursor: auto; } #demo-b input:-moz-placeholder { color: transparent; } #demo-b input::-webkit-input-placeholder { color: transparent; } /*瀵艰埅*/ .nav{float:right;width:820px;} .nav li{float:left; line-height:62px; } .nav>ul>li>a{float:left; padding:0px 10px; font-size:15px;height:83px; color:#313131; z-index:999;} .nav>ul>li>a.cur{ border-bottom:3px solid #00b1a9; color:#00b1a9 } .nav li .submenu{ position:absolute; top:107px; z-index:1000; display:none; background:rgba(246,246,244,0.9); width:100%; left:0;} .nav li .submenu ul{ width:440px; margin:0 auto} .nav li .submenu li{ float:left} .nav li .submenu li a{float:left; font-size:14px; margin-right:40px } /*banner*/ .ls_banner {width:100%;height:627px;position:relative;overflow:hidden} .ls_banner .ls_bgSet{position:relative;} .ls_banner .ls_bgSet li{position:absolute;width:100%;height:627px;display:none} .ls_banner .ls_bgSet li a{height:100%; width:100%; display:block;} .ls_banner .ls_imgSet{position:absolute;width:998px;left:50%;margin-left:-500px;} .ls_banner .ls_imgSet .ls_1_1{position:absolute;left:-50px;top:185px;font-size: 40px;color: #00b1a9; font-weight:bold;width:570px;} .ls_banner .ls_imgSet .ls_1_2{position:absolute;left:-50px;top:255px;width: 400px; font-size: 20px;color: #000;font-weight: lighter; line-height: 30px;} .ls_banner .ls_imgSet .ls_1_3{position:absolute;left:-50px;top:400px;border: 1px solid #555; padding: 12px 0;width: 130px;text-align: center;font-size: 14px;color: #333;} .ls_banner .ls_imgSet .ls_2_1{position:absolute;left:650px;top:150px;font-size: 40px;color: #00b1a9; font-weight:bold;width: 420px;line-height: 50px;} .ls_banner .ls_imgSet .ls_2_2{position:absolute;left:650px;top:225px;width: 430px; font-size: 20px;color: #000;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_2_3{position:absolute;left:650px;top:260px;width: 430px; font-size: 20px;color: #000;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_3_1{position:absolute;left:600px;top:140px;font-size: 40px;color: #00b1a9; font-weight:bold;width: 420px;line-height: 50px;} .ls_banner .ls_imgSet .ls_3_2{position:absolute;left:600px;top:265px;width: 430px; font-size: 20px;color: #000;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_3_3{position:absolute;left:600px;top:300px;width: 430px; font-size: 20px;color: #000;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_4_1{position:absolute;left:600px;top:140px;font-size: 40px;color: #ffffff; font-weight:bold;width: 420px;line-height: 50px;} .ls_banner .ls_imgSet .ls_4_2{position:absolute;left:600px;top:215px;width: 430px; font-size: 20px;color: #ffffff;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_4_3{position:absolute;left:600px;top:250px;width: 430px; font-size: 20px;color: #ffffff;font-weight: lighter;line-height: 30px;} .ls_banner .ls_imgSet .ls_5_1{position:absolute;left:-50px;top:190px;} .ls_banner .ls_imgSet .ls_5_2{position:absolute;left:-50px;top:325px;} .ls_banner .ls_menuWrap{position:absolute;width:1000px;left:50%;margin-left:-500px;} .ls_banner .ls_menuWrap .ls_menuSet{position:absolute;width:100%;top:590px; left:0px; text-align:center;font-size:0} .ls_banner .ls_menuWrap .ls_menuSet li{cursor:pointer;margin:0 5px; display:inline;} /*about*/ .about_main{ width:1100px; margin:0 auto; padding:70px 0} .about_main h2{ font-weight:normal; font-size:35px; color:#313131; text-align:center} .about_main h3{font-weight:normal; font-size:15px; line-height:30px; text-align:center; margin:14px 0 40px } .about_main ul{ display:table; margin:0 auto} .about_main ul li{ float:left} .about_main ul li img{ display:block} .about_main ul li a{ float:left; margin:0 75px; text-align:center; font-size:18px;-webkit-transition:all .2s linear;transition:all .2s linear} .about_main ul li a:hover{-webkit-transform:translate3d(0,-5px,0);transform:translate3d(0,-5px,0)} .about_main h4 a{ font-weight:normal; border:1px solid #d4d8d9; display:block; width:110px; height:38px; border-radius:5px; margin:50px auto 0; text-align:center; line-height:38px} .about_main h4 a:hover{ background-color:#00b1a9; color:#fff; border:1px solid #00b1a9} .about_content{width:1100px;display: inline-block;} .about_content .l{float:left;width:450px;} .about_content .l img{width:100%;} .about_content .r{float:right;background-color:#efefef;width: 600px;font-size: 14px;line-height: 24px;padding:30px 20px 30px 30px; height:260px;} #news{ background-color:#f6f6f4; padding:65px 0} .new_main{ width:1100px; margin:0 auto} .new_main h4{font-weight:normal; font-size:35px; color:#313131; text-align:center; margin-bottom:40px} .new_main dl{ width:334px; float:left; border:1px solid #d4d8d9; position:relative; margin-right:30px;-webkit-transition:all .2s linear;transition:all .2s linear} .new_main dl:hover{z-index:2; background-color:#f8f8f8; -webkit-box-shadow:0 15px 30px rgba(0,0,0,0.1); box-shadow:0 15px 30px rgba(0,0,0,0.1); -webkit-transform:translate3d(0,-2px,0); transform:translate3d(0,-2px,0)} .new_main dd{ background-color:#fff; padding:25px;} .new_main dd h2 a{ font-weight:normal; font-size:16px; color:#313131; line-height:25px} .new_main dd h2 a:hover{ color:#00b1a9} .new_main dd p{ font-size:13px; line-height:25px; margin:15px 0} .new_main dl h3{ font-weight:normal; background-color:#00b1a9; width:62px; height:57px; color:#fff; position:absolute; top:0; left:0; font-size:18px; text-align:center; padding-top:15px} .new_main dl h3 span{ display:block; font-size:12px; line-height:25px} .new_main dt{ overflow:hidden} .new_main dt img{ width:334px; height:192px} .big {overflow: hidden;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);-webkit-transition: all 0.5s ease .0s;-moz-transition: all 0.5s ease .0s;-ms-transition: all 0.5s ease .0s;transition: all 0.5s ease .0s;} .big:hover{-webkit-transform: scale(1.10);-moz-transform: scale(1.10);-ms-transform: scale(1.10);transform: scale(1.10);} #product{ background-color:#d4dde7; padding:80px 0} .pro_main{ width:1100px; margin:0 auto} .pro_main h2{ font-weight:normal; font-size:35px; color:#00b1a9; text-align:center} .pro_main h2 span{ font-size:16px; display:block; color:#606060; margin:13px 0 50px} /*浜у搧婊氬姩*/ .picScroll{ position:relative; } .picScroll ul{ zoom:1;border:1px solid #d4d8d9} .picScroll dl{ border-right:1px solid #d4d8d9; float:left;-webkit-transition:all .2s linear;transition:all .2s linear; position:relative;border-bottom:2px solid #d4d8d9;} .picScroll dl:hover{z-index:2; border-bottom:2px solid #00b1a9; -webkit-transform:translate3d(0,-3px,0); transform:translate3d(0,-3px,0)} .picScroll dd{ width:223px; height:80px; background-color:#f6f6f4; padding:25px; } .picScroll dd h3 a{ font-weight:normal; font-size:16px; line-height:23px; margin-bottom:21px; display:block} .picScroll dt{ overflow:hidden; width:273px; padding:40px 0; background-color:#fff} .picScroll dt img{ width:100%; } /*.picScroll .pro_bg{ position:absolute; width:273px; height:384px; background-color:#000; opacity:0.5; left:0; top:0; }*/ .picScroll .prev{position:absolute; left:-90px; top: 170px; display:block; width:45px; height:45px; overflow:hidden; background:url(../images/pro_l.png) no-repeat left ; cursor:pointer; -moz-user-select:none; } .picScroll .prev:hover{background:url(../images/pro_l_hover.png) no-repeat left ;} .picScroll .next{ position:absolute; right:-90px; top: 170px; display:block; width:45px; height:45px; overflow:hidden; background:url(../images/pro_r.png) no-repeat right; cursor:pointer;-moz-user-select:none; } .picScroll .next:hover{background:url(../images/pro_r_hover.png) no-repeat right ;} #online{ background-color:#00b1a9; height:80px; width:100%; padding:23px 0} .online_main{ width:800px; margin:0 auto; display:table} .online_main b,.online_main h2,.online_main a{ float:left; padding:0 20px} .online_main h2{ font-weight:normal; color:#fff; font-size:28px;line-height: 80px; } .online_main h2 span{ display:block; font-size:17px; margin-top:12px} .online_main a{ padding-top:20px; float:right} .partner_main{ width:1100px; margin:0 auto; padding:65px 0} .partner_main h2{ font-weight:normal; font-size:35px; color:#313131; text-align:center} .partner_main h2 span{ font-size:16px; display:block; color:#606060; margin:10px 0 50px} /*.partner_main ul{border-top:1px solid #d5d9da; border-left:1px solid #d5d9da} .partner_main li{ float:left} .partner_main li a{ float:left; border-bottom:1px solid #d5d9da; border-right:1px solid #d5d9da}*/ #contact{ background-color:#f6f6f4; padding:65px 0} .contact_main{ width:1100px; margin:0 auto; text-align:center} .contact_main h2{ font-weight:normal; font-size:35px; color:#313131; background:url(../images/bor.png) no-repeat bottom; padding-bottom:12px} .contact_main p{ font-size:17px; line-height:32px; margin:30px 0 0} .contact_main p span{ font-size:30px; color:#00b1a9; line-height:48px} .contact_main a{ padding:0 5px} #foot{ background-color:#535c65; padding:55px 0} .foot_main{ width:1100px; margin:0 auto} .foot_main ul{ float:left; margin-right:40px; width:150px} .foot_main h2 a{ font-size:16px; color:#E6E6E6;border-bottom:1px solid #757d84; display:block; padding-bottom:17px; margin-bottom:20px; font-weight:normal} .foot_main li a{ color:#BFC3C7; line-height:24px;} .foot_main a:hover{ color:#00b1a9} #foot_1{ background-color:#484f58; height:50px; line-height:50px} #foot_1 p{ width:1100px; margin:0 auto;color:#C6C8CA;} #foot_1 p b{ float:right; font-weight:normal} #foot_1 p span{position:relative; top:2px; margin-left:5px} #foot_1 p b a{ color:#C6C8CA;} #foot_1 p b a:hover{ color:#00b1a9} .ab_main{ width:1100px; margin:0 auto; position:relative} .ab_main h2{ font-weight:normal; font-size:35px; color:#313131; text-align:center; margin-bottom:38px; padding:130px 0 0; margin-top:-70px } .ab_main h3{background: rgba(246, 246, 246, 0.95); width:560px; height:385px; position:absolute; right:130px; top:230px; font-weight:normal; font-size:14px; line-height:26px; padding:40px} #honor{ background-color:#e9eef4; padding:65px 0 0} .honor_main{ width:1100px; margin:0 auto} .honor_main h2{font-weight:normal; font-size:35px; color:#313131; text-align:center; margin-bottom:38px} .picScroll_1{ position:relative;} .picScroll_1 ul li{ float:left; margin-right:7px; width:175px;display:inline; border:1px solid #dbdbdb} .picScroll_1 ul li img{ width:175px; height:244px; } .picScroll_1 .prev{position:absolute; left:-70px; top: 100px; display:block; width:45px; height:45px; overflow:hidden; background:url(../images/pro_l.png) no-repeat left ; cursor:pointer; } .picScroll_1 .next{ position:absolute; right:-70px; top: 100px; display:block; width:45px; height:45px; overflow:hidden; background:url(../images/pro_r.png) no-repeat right; cursor:pointer; } #develop{ background-color:#f6f6f4;padding:70px 0 0} .develop_main{ width:1205px; margin:0 auto; } .develop_main h2{font-weight:normal; font-size:35px; color:#313131; text-align:center; margin-bottom:38px} /*鍙戝睍鍘嗙▼*/ .mod18{position:relative;} .mod18 .btn{position:absolute;cursor:pointer;z-index:99;} .mod18 .prev{left:10px;background:url(../images/de_l.png) no-repeat;} .mod18 #prev,.mod18 #next{top:27px;width:37px;height:37px; z-index:999} .mod18 #prevTop{ background:none} .mod18 #nextTop{background:none} .mod18 .next{right:10px;background:url(../images/de_r.png) no-repeat;} .mod18 li{float:left;} .mod18 .picBox{width:1100px; height:110px;position:relative;overflow:hidden; margin:50px auto 0} .mod18 .picBox ul{position:absolute; left:0;} .mod18 .picBox li{width:1100px;overflow:hidden; font-size:15px; line-height:27px; text-align:center } .mod18 .listBox{width:1000px;height:97px;margin:0 auto;position:relative;overflow:hidden;background:url(../images/bor.png) repeat-x center} .mod18 .listBox ul{height:97px;position:absolute; } .mod18 .listBox li{width:145px;height:97px;cursor:pointer;position:relative; text-align:center} .mod18 .listBox li b{ font-weight:normal; font-size:16px; color:#606060; display:block; padding-top:8px} .mod18 .listBox img{ padding-top:23px} .mod18 .listBox .on img{display:none} .mod18 .listBox .on{background:url(../images/dev_img_bak.png) center top no-repeat;} .mod18 .listBox .on b{ color:#fff; padding-top:27px; position:relative;left:-2px; font-size:25px} .applicat_main{ width:1100px; margin:0 auto; padding:60px 0} .applicat_main h2{font-weight:normal; font-size:35px; color:#313131; text-align:center; margin-bottom:38px} .applicat_main h2 span{font-size:16px;display:block; color:#606060; margin:10px 0 50px; line-height:24px} .applicat_main li{ float:left} .applicat_main li a{ float:left; font-size:14px; line-height:45px; width:220px; text-align:center; margin-bottom:30px;-webkit-transition:all .2s linear;transition:all .2s linear} .applicat_main li a:hover{-webkit-transform:translate3d(0,-4px,0);transform:translate3d(0,-4px,0)} .pro_ban{ background:url(../images/pro_ban.jpg) no-repeat center center; height:427px} .pro_b_con{ width:1100px; margin:0 auto} .pro_b_con h2{ font-size:36px; color:#fff; padding-top:125px; line-height:62px; font-weight:normal} .pro_con{ width:1100px; margin:0 auto; padding:70px 0} .pro_cont{ border-top:1px solid #d4d8d9; padding:40px 0} .pro_l{ float:left; width:254px} .pro_l h2 a{ font-weight:normal; font-size:18px; color:#00b1a9; line-height:27px} .pro_l h2 a:hover{ color:#019b94} .pro_r{ float:right; width:820px} .pro_cont dl{ float:left; width:377px; border:1px solid #d4d8d9; margin-left:30px} .pro_cont dd{ background-color:#f6f6f4; padding:30px } .pro_cont dd h3 a{ font-size:18px; color:#313131; font-weight:normal} .pro_cont dd p{ font-size:14px; line-height:22px; margin-top:25px} .pro_cont dt{ overflow:hidden} .pro_list{ padding:0 0 70px} .pro_list_con dl{ margin:0 20px 30px 0; width:344px} .pro_list_con dt img{ width:344px; height:232px} /*.pro_cont dt img{ width:344px}*/ .pro_content{ width:1100px; margin:70px auto 0; border-top:1px solid #d4d8d9; padding:40px 0} .pro_c_l{ float:left; width:556px} .pro_r_l{ float:right; width:490px} .pro_r_l h2{ font-weight:normal; font-size:24px; color:#313131; margin-top:40px} .pro_r_l p{ font-size:14px; line-height:23px; margin:35px 0 85px} .pro_r_l a{font-size:14px;} .pro_more a{ width:110px; height:35px; display:block; text-align:center; line-height:35px; background-color:#d4d8d9; margin:30px 0 0 30px; font-size:14px; color:#313131} .pro_more a:hover{ background-color:#00b1a9; color:#fff} .ban{ width:556px; position:relative; overflow:hidden;} .ban2{ width:554px; height:373px; position:relative; overflow:hidden;border:1px solid #ccc} .ban2 ul{ position:absolute; left:0; top:0;} .ban2 ul li{ width:554px; height:373px;} .ban2 ul li img{ width:554px; height:373px } .num{ height:64px;overflow:hidden; width:510px; position:relative;float:left;} .min_pic{ padding-top:25px; width:556px;} .num ul{ position:absolute; left:0; top:0;} .num ul li{ width:92px; height:62px; margin-right:9px; border:1px solid #ccc; cursor:pointer} .num ul li img{ width:92px; height:62px} .num ul li.on{ border:1px solid #00b1a9; } .prev_btn1{ width:16px; text-align:center; height:18px; margin-top:24px; margin-right:10px; cursor:pointer; float:left;} .next_btn1{ width:16px; text-align:center; height:18px; margin-top:24px;cursor:pointer;float:right;} .slideTxtBox .hd{ position:relative;border-top:1px solid #d4d8d9; border-bottom:1px solid #d4d8d9 } .slideTxtBox .hd ul{display:table; margin:0 auto } .slideTxtBox .hd ul li{ float:left; padding:25px 15px; cursor:pointer; font-size:18px; color:#313131 } .slideTxtBox .hd ul li.on{ color:#00b1a9; border-bottom:2px solid #00b1a9} .slideTxtBox .bd ul{ padding:30px 0 60px;/* display:table;*/ margin:0 auto; width:1100px; font-size:14px; line-height:24px} .slideTxtBox .bd ul table{ border:1px solid #808284; border-collapse:collapse} .slideTxtBox .bd ul td{border:1px solid #808284; text-align:center; padding:5px 0} .slideTxtBox .bd ul .td_color{ color:#fff} .slideTxtBox .bd ul i{ font-style:inherit;background: url(../images/fang.jpg) no-repeat left;padding-left: 15px; } #store{ height:70px; border-bottom:1px solid #d4d8d9; line-height:70px; margin-bottom:60px} #store ul{ width:1100px; margin:0 auto} #store ul li{ float:left; margin-right:32px} #store ul li a{ float:left; font-size:16px; color:#313131;} #store ul li a:hover,#store ul li .cur{ color:#00b1a9; border-bottom:2px solid #00b1a9; height:69px;} .all_pro{ width:1100px; margin:0 auto} .store_main{ border-top:2px solid #d4d8d9; padding:30px 0} .store_l{ width:316px; float:left} .store_r{ float:right; width:754px} .store_r h2{ font-weight:normal; margin-bottom:15px} .store_r h2 span a{ font-size:14px; color:#f00; border:1px solid #f00; padding:2px 8px; margin-right:10px} .store_r h2 span a:hover{ background-color:#f00; color:#fff;} .store_r h2 a{ font-size:16px; color:#313131} .store_r h2 a:hover{ color:#00b1a9} .store_r td{ font-size:13px; height:30px; line-height:30px; color:#313131} .store_r .tr_bak{ background-color:#f6f6f4;} .store_r .tr_pad{ padding-left:15px} .store_r p{ line-height:25px; font-size:13px; padding-left:15px; margin:5px 0 18px} .store_r .store_more{ font-size:14px; color:#fff; float:right; width:126px; height:31px; background-color:#00b1a9; text-align:center; line-height:31px} .store_r .store_more:hover{ background-color:#01a59e} .store_con{ width:1100px; margin:0 auto 100px; border:1px solid #d4d8d9} .store_con .tab_1{ background-color:#f6f6f4; padding:6px 22px 22px; font-size:16px; color:#313131} .store_con .tab_1 b{ float:left; border:1px solid #d6dadb} .store_con .tab_1 h2{ float:left; font-weight:normal; font-size:16px;margin:8px 0 0 20px} .store_con .tab_1 h2 span{ display:block; font-size:14px; color:#606060; margin-top:3px} .store_con .tab_1 input{ outline:none; border:1px solid #d4d8d9; padding:5px 10px 5px 20px; font-size:18px; color:#606060; width:60px} .store_con .tab_2{ padding:20px 20px 60px; border-top:1px solid #d5d9da } .store_con .tab_2 span{ color:#f00; font-size:16px; padding-right:5px} .store_con .tab_2 td{ font-size:14px; padding-bottom:15px} .store_con .tab_2 input{ width:799px; /*height:35px;*/ border:1px solid #d5d9da; outline:none; margin-left:10px; padding:9px 10px} .store_con .tab_2 textarea{width:799px; height:100px; border:1px solid #d5d9da; outline:none; margin-left:10px; padding:9px 10px} .store_con .store_sub{ font-size:18px; color:#fff; text-align:center; margin:10px 0 0 10px; width:224px; height:46px; line-height:46px; background-color:#00b1a9; float:left} .store_con .store_sub:hover{ background-color:#02a29b} .store_con .back{ float:right; padding:30px 60px 0 0} .store_con .tab_2 input:focus,.store_con .tab_2 textarea:focus{ transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none; border-color:#00b1a9; box-shadow:0 0 7px #00b1a9; -moz-box-shadow:0 0 7px #00b1a9; -webkit-box-shadow:0 0 7px #00b1a9; } .new_con{ width:1100px; margin:0 auto 100px} .new_con dl{ border-top:2px solid #d4d8d9; padding:40px 0} .new_con dt{ float:left; width:350px} .new_con dt img{ width:350px; height:201px} .new_con dd{ float:right; width:710px} .new_con dd span{ font-size:14px; display:block; } .new_con dd h2 a{ font-size:18px; color:#313131; font-weight:normal; display:block; margin:15px 0 20px} .new_con dd p{ font-size:14px; line-height:27px; margin-bottom:25px} .new_con dd a{ font-size:14px; color:#00b1a9} .new_con dd a:hover{ color:#049d96} .news_con{ width:1100px; margin:0 auto} .news_con h2{font-weight: bold;font-size:24px; color:#313131; text-align:center} .news_con h2 span{ font-size:16px; color:#606060; display:block; margin:15px 0 40px} .news_con table{ background-color:#f6f6f4; padding:35px 45px; font-size:14px; line-height:27px} .news_con table img{max-width:900px;} .news_more_fot{margin:45px 0; font-size:16px; border-top:1px solid #dcdcdc; padding-top:15px;} .news_more_fot_l{width:500px; float:left;} .news_more_fot_l span{display:block; line-height:26px;} .news_more_fot_l span a{ font-size:14px} .news_more_fot_r{float:right;} .con_main{ width:1100px; margin:70px auto; text-align:center; border-top:1px solid #d4d8d9; border-bottom:1px solid #d4d8d9; padding:35px 0} .con_main h2{ font-weight:normal; font-size:42px; color:#313131; display:inherit; display:table; margin:0 auto; border-bottom:1px dashed #7c7c7c; padding-bottom:20px; margin-bottom:30px} .con_main td{ font-size:16px; line-height:32px} .con_main td img{ padding:0 5px} .solution_main{ width:1100px;margin: 0 auto 60px;overflow:hidden} .solution_main h2 a{ font-weight:bold;font-size:20px; height:55px; line-height:55px;border-bottom:1px solid #d4d8d9; border-top:1px solid #d4d8d9; margin-bottom:27px; display:block} .solution_main dl{ width:100%;} .solution_main dd{ font-size:14px; line-height:27px; margin: 30px 0 0 30px;float: right; width: calc(50% - 30px);} .solution_main dt{ overflow:hidden;float: left;width: 50%;} .battery_main{ width:700px; margin:0 auto 100px} .battery_main td{ font-size:16px; padding-bottom:13px} .battery_main td span{ font-size: 26px;color: #f00;padding-right: 6px;position: relative;top: 6px;} .battery_main td b{ display:block; font-weight:normal; font-size:14px; color:#c6c6c6} .battery_main td img{ margin-left:10px} .battery_main td .ba_input{width:415px; /*height:35px;*/ background-color:#eaeaea; outline:none; margin-left:10px; padding:11px 10px; border:none} .battery_main .support_sub{ font-size:20px; color:#fff; text-align:center; display:block; margin:10px 0 0 10px; background-color:#00b1a9; width:437px; height:38px; line-height:38px; border:none; cursor:pointer;} .battery_main .support_sub:hover{ background-color:#03a59e} .battery_main td .ba_input:focus{ transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none; border-color:#00b1a9; box-shadow:0 0 7px #00b1a9; -moz-box-shadow:0 0 7px #00b1a9; -webkit-box-shadow:0 0 7px #00b1a9; } #Load.layui-upload-img{max-width:100%;width:auto!important;height:auto!important} .battery_main td .supp_select{width:435px;color: #605455; background-color:#eaeaea; outline:none; margin-left:10px; padding:10px 10px; border:none; cursor:pointer; font-size:14px;} /*淇敼娣诲姞*/ .rdolist {display: none;} .rdobox {width: 70px;height: 32px;float: left;text-align: center;line-height: 32px;font-size: 14px; cursor:pointer} .rdobox i{ font-style:inherit} .unchecked {background: #f6f6f4;color: #606060;transition-property: background;transition-delay: 0s; transition-duration: .1s; transition-timing-function: linear;} .unchecked:hover {background: #dedfe0;} .checked {background: #00b1a9;color: #fff;} .battery_main td strong{ font-size:14px; color:#9a9a9a; font-weight:normal; padding-left:10px} .down_main{ width:1100px; margin:0 auto 100px} .down_main ul{ float:left; width:346px; margin-right:18px; border:1px solid #d4d8d9; padding-bottom:25px} .down_main ul h2{ height:56px; line-height:56px; background-color:#00b1a9; font-size:24px; text-align:center; font-weight:normal; color:#fff; margin-bottom:22px} .down_main ul li{ overflow:hidden;padding:0 15px; margin-bottom:10px} .down_main ul li a{ color:#313131;line-height:25px} .down_main ul li a span{ background:url(../images/down_sub.png) no-repeat right; height:29px; float:right; width:90px; } .down_main ul li a:hover{ color:#00b1a9} .down_main ul p a{ width:100px; height:30px; line-height:30px; text-align:center; display:block; background-color:#00b1a9; color:#fff; margin:20px auto 0; border-radius:3px} .down_main ul p a:hover{ background-color:#03a49d} .down_con h3{font-size: 18px; font-weight:normal;border-bottom: 1px solid #d4d8d9; padding-bottom:15px; margin-bottom:20px;color: #00b1a9;} .down_con ul{ width:100%; border:none; padding:0} .down_con ul li{ padding:0; font-size:14px; border-bottom:1px dashed #d4d8d9; margin:0 } .down_con ul li a{ height:45px; line-height:45px} .down_con ul li a span{ position:relative; top:8px} .video_main{ width:1100px; margin:0 auto} .video_main h2{ font-weight:normal; font-size:24px; color:#00b1a9; text-align:center; } .video_main p{ font-size:14px ; line-height:25px; text-align:center; margin-bottom:40px} .video_con{ text-align:center; width:860px; height:535px; margin:30px auto} .scroll_2{ width:1100px; margin:0 auto 100px; border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; padding:20px 0 8px} .picScroll_2{ position:relative; overflow:hidden; padding:0 100px} .picScroll_2 ul{overflow:hidden; zoom:1;} .picScroll_2 ul li{ float:left; margin-right:20px; width:108px; overflow:hidden; display:inline; text-align:center; line-height:18px; position:relative;font-size:14px; } .picScroll_2 ul li img{border:1px solid #dbdbdb} .picScroll_2 ul li .icon-video{ position:absolute; left:0;top:0} .picScroll_2 ul li a:hover{ color:#00b1a9} .picScroll_2 .prev{position:absolute; left:30px; top: 25px; display:block; width:37px; height:37px; overflow:hidden; background:url(../images/de_l.png) no-repeat left ; cursor:pointer; } .picScroll_2 .next{ position:absolute; right:55px; top: 25px; display:block; width:37px; height:37px; overflow:hidden; background:url(../images/de_r.png) no-repeat right; cursor:pointer; } .picScroll_2 li.now .icon-video{display:none;} .slideTxtBox .bd .zone_ul{ width:1100px; margin:0 auto; padding:30px 0} .zone_ul li{ height:46px; line-height:46px; border-bottom:1px dashed #bdbdbd; position:relative; background:url(../images/fang.jpg) no-repeat left; padding-left:15px} .zone_ul li a{font-size: 14px;} .zone_ul li img{ position:absolute; right: 78px;top: 14px;} .zone_ul li span{ float:right; padding-left:30px; background-image:url(../images/down_1.png); background-repeat:no-repeat; background-position:left} .uploader{ position:relative; display:inline-block; overflow:hidden; cursor:default; padding:0; margin:10px 0px 10px 10px;float:left; } .fuploader{ position:relative; display:inline-block; overflow:hidden; cursor:default; padding:0; margin:10px 0px 10px 0px;float:left; } .filename{ float:left; display:inline-block; outline:0 none; height:38px; width:375px; margin:0; padding:8px 10px; overflow:hidden; cursor:default; border:0px solid; border-right:0; font:9pt/100% Arial, Helvetica, sans-serif; color:#777; text-shadow:1px 1px 0px #fff; text-overflow:ellipsis; white-space:nowrap; background:#F6F6F4; background:-moz-linear-gradient(top, #eaeaea 0%, #eee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eaeaea), color-stop(100%,#F6F6F4)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eaeaea', endColorstr='#eaeaea',GradientType=0); border-color:#ccc; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; } .uploader input[type=file]{ position:absolute; top:0; right:0; bottom:0; border:0; padding:0; margin:0; height:30px; cursor:pointer; filter:alpha(opacity=0); -moz-opacity:0; -khtml-opacity: 0; opacity:0; } .white .button{ float:left; height:38px; display:inline-block; outline:0 none; padding:8px 12px; margin:0; cursor:pointer; border:0px solid; font:bold 9pt/100% Arial, Helvetica, sans-serif; -moz-box-shadow:0px 0px 1px #fff inset; -webkit-box-shadow:0px 0px 1px #fff inset; box-shadow:0px 0px 1px #fff inset; color:#555; text-shadow:1px 1px 0px #fff; background:#ddd; background:-moz-linear-gradient(top, #eeeeee 0%, #dddddd 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0); border-color:#ccc; } .white:hover .button{ background:#eee; background:-moz-linear-gradient(top, #dddddd 0%, #eeeeee 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#dddddd), color-stop(100%,#eeeeee)); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dddddd', endColorstr='#eeeeee',GradientType=0); } .jia{float:left;margin-left:10px; margin-top: 22px; width:14px; height:14px; background:url(../images/jia.png) no-repeat center center; cursor:pointer;} .jian{float:left;margin-left:10px; margin-top: 22px; width:14px; height:14px; background:url(../images/jian.png) no-repeat center center; cursor:pointer;} .sjia{float:left;margin-left:10px; margin-top: 22px; width:14px; height:14px; background:url(../images/jia.png) no-repeat center center; cursor:pointer;} .sjian{float:left;margin-left:10px; margin-top: 22px; width:14px; height:14px; background:url(../images/jian.png) no-repeat center center; cursor:pointer;} .asid_share{position:fixed;width:56px;bottom:26%;right:0;z-index:890;} *html #asid_share{position:absolute;top:expression(documentElement.scrollTop + "px");margin:300px 0 0 0;} .asid_share .asid_share_box{width:100%;margin-bottom:3px;text-align:center;} /*.asid_share .asid_share_box a{display:block;height:35px;padding-top:5px;} .asid_share .asid_share_box a:hover{background:#2193c9;}*/ /*.asid_title{color:#fff;font-size:12px;display:block;padding-left:6px;line-height:18px;width:30px;margin-top:-2px;}*/ /*鏂版坊鍔?/ .search_main{ width:1100px; margin:0px auto; min-height:700px} .search_main h2{font-size: 20px;font-weight: normal; color: #00b1a9; margin: 40px 0 20px 0;border-bottom: 1px solid #d2d2d2;padding-bottom: 15px;} .search_main input { padding: 10px 5px;width: 1090px;border: 1px solid #d2d2d2;border-radius: 5px;outline: none;background: url(../images/search.png) no-repeat 1070px;margin-bottom: 20px;} .search_main input:focus{ transition:border linear .2s,box-shadow linear .2s; -moz-transition:border linear .2s,-moz-box-shadow linear .2s; -webkit-transition:border linear .2s,-webkit-box-shadow linear .2s; outline:none; border-color:#00b1a9; box-shadow:0 0 7px #00b1a9; -moz-box-shadow:0 0 7px #00b1a9; -webkit-box-shadow:0 0 7px #00b1a9; } .search_main dl {margin-bottom: 30px;} .search_main dt {float: left;width: 103px;border-right: 1px solid #d2d2d2;} .search_main dt a {color: #fff;width: 90px;height: 35px;line-height: 35px;text-align: center; background-color: #00b1a9;display: block;font-size: 13px} .search_main dd {float: right;width: 980px;} .search_main dd a {font-size: 14px;color: #505050;font-weight: normal;} .search_main dd a:hover {color: #00b1a9;} .search_main dd p {color: #8b8b8b;line-height: 22px;font-size: 12px;} .search_main dl dd em{color: #00b1a9; font-weight:bold;} .multipleColumn{ overflow:hidden; border-right:1px solid #d5d9da; } .multipleColumn .bd ul{ overflow:hidden; zoom:1; width:219px; float:left;_display:inline; border-top:1px solid #d5d9da; border-left:1px solid #d5d9da;} .multipleColumn .bd ul li{float:left; _display:inline; overflow:hidden; border-bottom:1px solid #d5d9da; border-right:none;height:127px;} .multipleColumn .bd ul li .pic img{ width:219px; height:127px; display:block; } .support_text{ font-size:15px; line-height:26px; margin:-18px 0 35px} /*浠ヤ笅鏍峰紡鏄痡s鏃ユ湡鎺т欢*/ .date_selector, .date_selector * { width: auto; height: auto; border: none; background: none; margin: 0; padding: 0; text-align: left; text-decoration: none; } .date_selector { background: #F2F2F2; border: 1px solid #bbb; padding: 5px; margin: -1px 0 0 0; position: absolute; z-index: 100000; display: none; } .date_selector_ieframe { position: absolute; z-index: 99999; display: none; } .date_selector .jq_input_nav { width: 17.5em; /* 7 * 2.5em */ } .date_selector .month_nav, .date_selector .year_nav { margin: 0 0 3px 0; padding: 0; display: block; position: relative; text-align: center; } .date_selector .month_nav { float: left; width: 55%; } .date_selector .year_nav { float: right; width: 35%; /*margin-right: -8px;*/ /* Compensates for cell borders */ } .date_selector .month_name, .date_selector .year_name { font-weight: bold; line-height: 20px; color: #646464; font-size: inherit; position: inherit; padding-right: inherit; top: 0; } .date_selector .button { display: block; position: absolute; top: 0; width: 18px; height: 18px; line-height: 17px; font-weight: bold; color: #00b1a9; text-align: center; font-size: 120%; overflow: hidden; border: 1px solid #F2F2F2; } .date_selector .button:hover, .date_selector .button.hover { background: none; color: #00b1a9; cursor: pointer; border-color: #ccc; } .date_selector .prev { left: 0; } .date_selector .next { right: 0; } .date_selector table { border-spacing: 0; border-collapse: collapse; clear: both; } .date_selector th, .date_selector td { width: 2.37em; height: 2em; padding: 0; text-align: center; color: black; margin:0; } .date_selector td { border: 1px solid #ccc; line-height: 2em; text-align: center; white-space: nowrap; color: #535c65; background: white; } .date_selector td.today { background: #FFFEB3; } .date_selector td.unselected_month { color: #ccc; } .date_selector td.selectable_day { cursor: pointer; } .date_selector td.selected { background: #D8DFE5; font-weight: bold; } .date_selector td.selectable_day:hover, .date_selector td.selectable_day.hover { background: #03a59e; color: white; } .battery_main td .jq_table{float: left;padding: 2px 10px 10px; cursor: pointer; height: 22px; color: #00b1a9; font-size: inherit; position: inherit; top: 0; font-size:14px} .battery_main td .jq_clear{float:right; padding: 2px 10px 10px; cursor:pointer; height:22px;color: #00b1a9; font-size: inherit; position: inherit; top: 0;font-size:14px} .pic_photo{background-color: #00b1a9; display:block; margin-left:10px; width:290px; height:35px; line-height:35px; text-align:center; color:#fff; font-size:14px} .pic_photo:hover{ background-color:#01a79f; color:#fff} .feed_text{ text-align:center; margin-top:30px; color:#00b1a9; font-size:16px} .succes_main{ background-color:#f6f6f4; padding:115px 0; width:1100px; margin:0 auto 70px; text-align:center} .succes_main h2{ font-size:36px; color:#00b1a9; font-weight:normal} .succes_main p{ font-size:20px; color:#606060; line-height:34px; margin-top:40px} .succes_main span{ border-bottom:1px solid #ccc;padding-bottom:4px;font-size:17px; position:relative; top:-4px;color:#00b1a9;} .down_li{ max-height:230px; overflow:hidden} .tit{background-color:#00b1a9; width:45px; height:45px; float:right} .list h1{ text-align:center; padding:35px 0 0} .list h2{ text-align:center; font-size: 30px;color: #5f5f5f; margin:25px 0 10px} .list h3{text-align:center; font-size: 20px;color: #5f5f5f; margin:0px 0 20px; font-weight:normal} .list ul{ overflow:hidden; margin:0 auto; display:table} .list li{ width:117px; float:left; margin:0 30px; text-align:center; line-height:45px} .list li a{ float:left;font-size: 22px;color: #5e5e5e;} .list li a:hover{color: #00b1a9;} .count{width: 100%;} .join_main{width:1100px;margin: 0 auto 90px;} .join_list li { border: 1px solid #dadada; border-left: 3px solid #666; background-color: #f9f9f9; margin-top: 20px; padding: 0 30px; transition: all .25s ease; } .join_list li h4 { cursor: pointer; font-size: 20px; color: #666; position: relative; padding: 20px 0px 20px; font-weight: normal; transition: all .25s ease; } .join_list li.cur,.join_list li:hover{ border-left-color:#00b1a9; transition: all .25s ease; } .join_list li.cur h4,.join_list li h4:hover{ color: #00b1a9; transition: all .25s ease; } .join_list li.cur h4:before{ transform: rotate(180deg); -ms-transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); transition: all .25s ease; } .join_list li h4:before { content: "\e61b"; font-family: "lsfont"; color: #666; font-size: 36px; float:right; margin-top: 8px; transition: all .25s ease; } .join_list li h4 p { font-size: 14px; color: #666; margin-top: 15px; font-weight:normal; } .join_list li .info { color: #666; z-index: 2; border-top: 1px solid #e5e5e5; padding: 10px 0 30px; display: none; line-height: 24px; font-size:14px; } .join_list li .info strong { font-size: 14px; color: #333333; padding: 15px 0 0; display: inline-block; } .join_list li .info .em{padding-top: 20px;color: #00b1a9;} .join_list li .info a.a_file{border:1px solid #00b1a9; padding:5px 0; width:120px; text-align:center;color: #00b1a9;margin-top: 20px;display: block;transition: all .25s ease;} .join_list li .info a.a_file:hover{background-color:#00b1a9; color:#fff;transition: all .25s ease;}