@charset "utf-8"; html, body, ol, ul, li, header, menu, nav {font-family:Microsoft YaHei, Arial, Helvetica, sans-serif; font-size:15px; color:#555; margin:0;padding: 0;border: 0;vertical-align: baseline; list-style-type:none;-webkit-tap-highlight-color:rgba(0,0,0,0);} header, menu, nav, main,footer,section,article {display: block;}/*初始化html5标签*/ html{overflow-y: overlay; /*悬浮滚动条*/} *{margin:0;padding:0;list-style-type:none;} li{list-style-type:none; margin:0; padding:0;} a {outline:none;} a:link{color:#555;text-decoration:none;} a:visited{color:#555;text-decoration:none;} a:hover{color:#008bd6;text-decoration:none;} a:active{color:#555;text-decoration:none;} u,i{font-family:Arial, Helvetica, sans-serif; text-decoration:none; font-style:normal;} img:-moz-broken{-moz-force-broken-image-icon:1;/*火狐图片占位 */} img{border:0;behavior: url("../js/iepngfix.htc");} .con{width:100%; max-width:1200px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;} .con2{width:100%; max-width:1280px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto;} .content{min-height:200px;height:auto;*height:auto!important;_height: auto; line-height:2; font-size:15px;} .content p{margin:0px;padding:0px;} .content img{max-width:100%;vertical-align:bottom;} .content table{border-collapse:collapse;border:1px solid #ccc;} .content table td{padding:0 5px;} .line{border-bottom:1px #313131 solid; height:1px; margin:30px 0; display:block;} .m120{margin-top:120px;} .m50{margin-top:50px;} .m30{margin-top:30px;} .b50{margin-bottom:50px;} .b120{margin-bottom:120px;} #bg{background:#F8F8F8;} /*header*/ header{width:100%; height:110px; color:#555; background:rgba(255,255,255,1);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);} header .logo img{height:40px; display: inline-block; float:left;} header .logo {width:25%; float:left; margin:20px 0 0 0;} header .logo .biao{font-size:14px; color:#666; float:left; margin:18px 0 0 15px;} .menu_box{max-width:1200px;height:80px;margin:0 auto;} .mright{position:absolute; right:20px; margin:35px 0 0 0; width:200px; height:25px; display:none;} .ico-menu{width:28px; height:25px; float:right;} .ico-home{width:31px; height:25px; float:right;margin:0 10px 0 0;} .ico-buy{width:31px; height:25px; float:right;margin:0 20px 0 0;} .cd-menu-icon {display:none; width:25px;height:22px; background:url(../js/menu/menu.png); display:inline-block;} .cd-menu-icon2 {display:none; width:25px;height:22px; background:url(../images/home.png);} header nav{float:left; width:73%; height:80px; margin:0 0 0 2%; display:block;} header nav ul{float:right; margin:28px 0 0 0; } /*--menu--*/ .menu_div a{height:30px; color:#FFF; background: -webkit-linear-gradient(left, #00a0e9, #03ef03); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #00a0e9, #03ef03); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #00a0e9, #03ef03); /* Firefox 3.6 - 15 */ background: linear-gradient(left, #00a0e9, #03ef03); /* 必须放在最后 */ } #cd_menu li{float:left; margin:0 15px; line-height:30px; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;} #cd_menu li a{border:0px #666 solid;display:block; font-size:16px; text-align:center;text-decoration:none; padding:0 20px; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;} #cd_menu li a:visited{border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;behavior:url("../js/PIE.htc");} #cd_menu li a:hover{border:0px #999 solid; height:30px; background:#EEE; color:#555; border-radius:50px;-webkit-border-radius:50px;-moz-border-radius:50px;behavior:url("../js/PIE.htc");} @media (max-width:1200px) { #cd_menu li{margin:0 5px;} #cd_menu li a{padding:0 20px;} } /*--menu--*/ @media (max-width:1200px) { header .logo {width:19%; float:left; margin:20px 0 0 1%;} } @media (max-width:1023px) { header{height:50px;} header nav{display:none;} header .logo .biao{display:none;} header .logo{margin:10px 0 0 10px;} header .logo img{height:30px;} } /*header end*/ /*language*/ .tbg{width:100%; height:30px; display:block; line-height:30px; background:rgba(255,255,255,1); background:#E8EDF3;} .language{float:right;} .language span{border-left:1px solid #6cc6d2; height:10px; display:inline-block; margin:0 8px 0px 8px;} .language a{font-size:13px; color:#555;} @media (max-width:1200px) { .language{margin-right:15px;} } @media (max-width:1023px) { .tbg{display:none;} } /*language end*/ /* search */ input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0pt;resize:none;padding:0;margin:0;} #vivo-head{z-index:1;position:relative;width:100%;} .search-user b{background:url(../images/vivo-head-ico.png) no-repeat;} #vivo-head .vivo-nav{width:100%;height:110px;margin:auto;position:relative;z-index:999;} .vivo-nav .search-user{float:left; height:36px;} .search-user a{width:36px;height:36px;display:inline-block;margin-left:15px;position:relative;top:0px;background:#EEE;overflow:hidden;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);} .search-user a:hover,.search-user a.current{background:#008bd6;} .search-user a b{width:36px;height:36px;display:block;position:absolute;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);transform:translate3d(0,0,0);-webkit-transition-delay:.1s;-moz-transition-delay:.1s;-ms-transition-delay:.1s;transition-delay:.1s;} .search-user a.search b{background-position:-3px -2px;} .search-user a.search:hover b,.search-user a.search.current b{background-position:-3px -45px;} .search-user a.user b{background-position:-35px 0;} .search-user a.user b img{width:36px;height:36px;} #vivo-head .vivo-search{height:80px;width:100%;background:#30373E;position:relative;z-index:9999;display:none;} .vivo-search .search-box{width:700px;height:40px;position:absolute;top:20px;left:50%;margin-left:-350px;background:#666;position:relative;z-index:9999; /*-webkit-box-shadow:0 1px 2px rgb(0,0,0);-moz-box-shadow:0 1px 2px rgb(0,0,0);-ms-box-shadow:0 1px 2px rgb(0,0,0);box-shadow:0 1px 2px rgb(0,0,0);*/} .vivo-search .search-box input{width:550px;height:20px;padding:10px 20px;font-size:14px;color:#555;border:none;background:#fff;overflow:hidden;vertical-align:middle;} .vivo-search .search-box button{width:110px;height:40px;overflow:hidden;text-align:center;font-size:14px;color:#fff;border:none;overflow:hidden;vertical-align:middle;background:#008bd6;outline:none;cursor:pointer;-webkit-transition:background .2s ease-in-out;-moz-transition:background .2s ease-in-out;-ms-transition:background .2s ease-in-out;transition:background .2s ease-in-out;} .vivo-search .search-box button:hover{background:#F90;} .vivo-search .search-box button:active{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-moz-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;-ms-box-shadow:0 1px 2px rgba(0,0,0,.3) inset;box-shadow:0 1px 2px rgba(0,0,0,.3) inset;} .vivo-search .search-box a.close{width:24px;height:24px;position:absolute;top:38px;right:-40px;background:url(../images/vivo-head-ico.png) -86px 0 no-repeat;} .vivo-search .search-box a.close:hover{background-position:-86px -25px;} @media (max-width:1200px) { .vivo-nav .search-user{margin-right:10px;} } @media (max-width:1023px) { #vivo-head .vivo-nav{height:50px;} } /* search end*/ /*xia-menu*/ #xt1 a{font-size:13px; line-height:45px; display:block;} #xt1 a:hover{width:100%; color:#fff; background-color:#008bd6;} #m31,#m32,#m33,#m34,#m35{position:absolute; visibility:hidden;width:100%; max-width:140px; margin:11px -40px; background-color:#F8F8F8; text-align:center;} .store a{width:60px; height:30px; background:#008bd6; color:#FFF; line-height:30px; text-align:center; margin:10px 0; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .store a span{color:#FFF;} /*xia-menu end*/ /*demo-touch */ .topimg{width:100%;padding-top:26.5625%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:150px; max-height:660px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc);} .main_visual{width:100%; position:relative;margin:0 auto; padding-bottom:150px; overflow:hidden;} .main_image{width:100%; padding-top:26.5625%; overflow:hidden;} .main_image li{float:left;width:100%;height:auto;} .flicking_con{position:absolute; bottom:25px; left:50%; margin:0 0 0 -2%; z-index:1;} .flicking_con a{display:block;float:left;width:15px;height:15px;margin:0 5px;padding:0;background-color:#FFF;text-indent:-1000px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;behavior:url("../js/PIE.htc");} .flicking_con a.on{background-color:#ccc;background-position:0 -21px} #btn_prev,#btn_next{z-index:1;position:absolute;display:block;width:33px!important;height:30px!important;top:50%;display:none;} #btn_prev{background:url(../images/banner_arrl.png) no-repeat left top;left:5%;opacity:0.75;} #btn_next{background:url(../images/banner_arrr.png) no-repeat right top;right:5%;opacity:0.75;} @media (max-width:1023px){ .main_visual{padding-bottom:150px;} #btn_prev,#btn_next{width:33px!important;height:40px!important;top:50%;background-size:contain;-ms-behavior: url(../js/backgroundsize.min.htc);behavior:url(../js/backgroundsize.min.htc);} .flicking_con{bottom:15px;left:50%;z-index:999;margin:0 0 0 -6%;} .flicking_con a{display:block;float:left;width:10px;height:10px;margin:0 4px;padding:0;background-color:#FFF;text-indent:-1000px;border-radius:15px;-webkit-border-radius:15px;-moz-border-radius:15px;behavior:url("../js/PIE.htc");} .sico li{width:21.3%;} } /* demo-touch end */ /*HOME*/ /*home-topnews*/ #news_box{width:100%; height:45px; background:#F6F6F6;} #scrollupper {float:left; width:90%; height:45px; overflow:hidden;} #scrollupper a {line-height:45px;white-space:nowrap;overflow:hidden; text-overflow:ellipsis;} #scrollupper a u{margin-right:15px;} .play{background:url(../images/play.gif) no-repeat; width:18px; height:15px; margin:15px 5px 15px 0; float:left;} .readmor{ float:right; line-height:45px;} @media (max-width:1160px){ .play{margin-left:10px;} .readmor{margin-right:10px;} } @media (max-width:990px){ .readmor{display:none;} } /*home-brand*/ .abox{width:100%; height:420px; padding-top:60px; background-color:#fff;} .abg{width:100%; max-width:950px; height:300px; margin:0 auto; background:url(../images/cbg.png) no-repeat; font-size:18px; text-align:center; line-height:35px;} .abg i{font-size:36px; margin-bottom:20px; display:block; font-style:normal; font-weight:300; color:#333;} .abut{width:225px; height:50px; display:block; line-height:50px; font-size:18px; text-align:center; color:#FFF; border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px; background: -webkit-linear-gradient(left, #008bd6, #03ef03); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left, #008bd6, #03ef03); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left, #008bd6, #03ef03); /* Firefox 3.6 - 15 */ background: linear-gradient(left, #008bd6, #03ef03); /* 必须放在最后 */ } .abut:hover{background:#FC0;} .m135{margin:135px auto 0 auto;} .m65{margin:0;} @media (max-width:900px){ .abox{width:100%; height:auto; padding:50px 0 20px 0; background-color:#fff;} .abg{width:92%; height:235px; margin:0 auto; padding:0 4%; background:url(../images/cbgs.png) no-repeat; background-size:100%; font-size:14px; text-align: left; line-height:28px;} .abg div{max-height:125px; overflow:hidden;} .abg br{display:none;} .abg i{font-size:26px; margin-bottom:10px; text-align:center;} .abut{width:150px; height:40px;line-height:40px; font-size:14px;} .m135{margin:20px auto 0 auto;} } /*home-brand end*/ /*home-pic*/ .banbg{height:900px;} .con3{width:100%; max-width:1240px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto; padding:120px 0;} .con3 #box{margin-bottom:60px; height:auto;*height:auto!important;_height: auto;overflow:hidden;} .ban2{width:590px; height:660px; float:left; margin:0 0 20px 20px; overflow:hidden;} .ban2 img{z-index:1;} .ban2 .ti{position:absolute; z-index:2; width:200px; margin:210px auto 0 190px; padding:30px 0; border-top:1px #fff solid; border-bottom:1px #fff solid; font-size:18px; color:#fff; text-align:center;} .ban2 .ti span{font-size:36px; display:block; margin:0 0 6px 0;} .ban{width:590px; height:320px; float:left; margin:0 0 20px 20px; overflow:hidden;} .ban img{z-index:1;} .ban .ti{position:absolute; z-index:2; max-width:250px; margin:80px 0 0 330px; color:#FFF; font-size:15px;} .ban .ti span{font-size:26px; display:block; margin:35px 0 6px 0;} .ban .ti u{display:block; margin-top:12px; font-size:14px;} @media (max-width:1200px){ .banbg{height:auto;*height:auto!important;_height: auto;overflow:hidden;} .con3{width:100%; max-width:1200px;height:auto;*height:auto!important;_height: auto;overflow:hidden;margin:0 auto; padding:50px 0 40px 0;} .con3 #box{margin-bottom:0px;} .ban2{width:48%; max-width:590px; float:left; height:auto; margin:0 auto 0px auto; padding:0 1%;} .ban2 img{width:100%;} .ban2 .ti{width:40%; margin:30% auto 0 30%; padding:20px 0; border-top:1px #fff solid; border-bottom:1px #fff solid; font-size:14px; color:#fff; text-align:center;} .ban2 .ti span{font-size:30px; display:block; margin:0 0 6px 0;} .ban{width:48%; max-width:590px; float:left; height:auto; margin:0 auto 5px auto; padding:0 1%; overflow:hidden;} .ban img{width:100%;} .ban .ti{width:40%; margin:18% 0 0 55%; color:#FFF; font-size:14px;} .ban .ti span{font-size:16px; display:block; margin:0 0 6px 0; font-weight:bold;} } /*home-pic end*/ /*home-pro*/ .probg{padding:50px 0;} .cds{width:100%;font-size:28px; color:#333; text-align:center; margin:0px auto 20px auto;} .cds span{display:block; width:50px; height:1px; border-bottom:1px solid #666; margin:10px auto 0px auto;} .ca_but{width:140px; height:45px; margin:0 auto; display:block; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:47px; text-align:center; color:#f60; border:1px #f60 solid; border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .ca_but:hover{background:#F60; color:#FFF;} @media (max-width:1023px){ .probg{padding:20px 0 0 0;} .cds{font-size:20px; margin:0px auto 0px auto;} } /*home-pro end*/ /*HOME end*/ /*f_cd*/ .fbg{width:100%; height:auto; padding-bottom:10px; margin:0px 0 0 0; background-color:#E8EDF3;} .f2,.f3,.f4,.f5{float:left; width:13.5%; margin:0 1% 0 0;} .f1{float:left; width:15%; margin:0 1% 0 0;} .f1_cd,.f2_cd,.f3_cd,.f4_cd,.f5_cd{margin:40px 0 0 0;line-height:45px; font-size:18px; color:#555; font-weight: bold;} .f6{float:right;} .phone{background:url(../images/img.png) no-repeat 0 -380px; padding-left:30px; color:#008bd6; font-size:28px; font-family:Arial, Helvetica, sans-serif;} .work{font-size:12px; color:#555;} .f7{float:right; width:100px; margin:55px 65px 0 0;} .f7_cd span{font-size:12px; color:#555; display:block; text-align:center;} .libox{margin:10px 0 0 0px;} .libox li{margin:0 0 10px 0;} .libox li a{color:#555;} .libox li a:hover{text-decoration:underline;} .all_cd a{color:#555;} .all_cd a:hover{color:#008bd6; text-decoration:underline;} /*f_cd end*/ /*footer mob*/ .mfoot_bg{display:none;} .fcd a{font-size:15px;color:#FFF; text-transform:uppercase; position: relative;} .fcd a:hover{color:#008bd6;} .fcd span{width:1px; background-color:#999; height:12px; margin:0px 12px;display:inline-block;} /*footer mob end*/ /*footer*/ .footer{width:100%; height:70px; background-color:#30373e;} .footer li{width:50%; float:left;color:#FFF;} .fcoy{text-align:right; font-size:12px; color:#FFF; line-height:70px; font-family:Arial, Helvetica, sans-serif;} .fcoy a{color:#FFF;} .fmenu {text-align:left;} .fmenu img{height:20px; margin-top:25px; /*margin-left:-9999px; filter:drop-shadow(#FFF 9999px 0);*/} .pv{font-family:Microsoft YaHei,Arial, Helvetica, sans-serif; margin-left:5px;} .pv u{font-size:15px;} @media (max-width:1200px){ .fbg{display:none;} .footer{display:none;} .mfoot_bg{display:block; background:#008bd6; height:45px; line-height:44px; text-align:center; margin:0px 0 0 0;} .foot_cd,.foot_cd a{color:#FFF; font-size:15px;} .copy{line-height:18px;font-size:12px; color:#bbb; background-color:#30373e;} .copy a{color:#bbb;} .fcd a:hover{color:#FFF;} .fcd span{background-color:#6cc6d2;} } /*footer end*/ /*ico*/ .ibox{margin:20px 0 0 0;} .i1{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat 0 0;} .i1:hover{background:url(../images/ico.png) no-repeat 0 -37px;} .i2{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -49px 0;} .i2:hover{background:url(../images/ico.png) no-repeat -49px -37px;} .i3{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -98px 0;} .i3:hover{background:url(../images/ico.png) no-repeat -98px -37px;} .i4{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -148px 0;} .i4:hover{background:url(../images/ico.png) no-repeat -148px -37px;} .i5{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -198px 0;} .i5:hover{background:url(../images/ico.png) no-repeat -198px -37px;} .i6{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -248px 0;} .i6:hover{background:url(../images/ico.png) no-repeat -248px -37px;} .i7{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -298px 0;} .i7:hover{background:url(../images/ico.png) no-repeat -298px -37px;} .i8{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -348px 0;} .i8:hover{background:url(../images/ico.png) no-repeat -348px -37px;} .i9{width:37px; height:37px; display:block; float:left; margin:0 15px 0 0; background:url(../images/ico.png) no-repeat -398px 0;} .i9:hover{background:url(../images/ico.png) no-repeat -398px -37px;} #m3{position:absolute; visibility:hidden;z-index:10;margin:-108px 0 0 -38px;} #m3 img{width:100px;} #m4{position:absolute; visibility:hidden;z-index:10;margin:-148px 0 0 20px;} #m4 img{width:100px;} /*ico end*/ /*about*/ .topimg3{width:100%;padding-top:18.229%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:150px; max-height:500px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc); text-align:left;} .ctit{font-size:30px; color:#333; font-style:normal; line-height:40px; margin:30px auto 20px auto; display:block;} .cbox{padding:60px 0;} .cbox .lef{float:left; width:55%; line-height:35px;} .cbox .reg{float:left; width:42%; max-width:520px; max-height:320px; overflow:hidden; margin-left:3%;} .cbox .cd{font-size:30px; margin:20px 0;} .cbg{background:#e8edf3; margin:80px 0 60px 0;} .col{color:#008bd6;} .bott{padding-bottom:120px;} .a_lef{width:100%; max-width:650px; height:390px; float:left; margin:0 30px 0 0;} .a_rig{width:100%; max-width:520px; height:390px; float:left; overflow:hidden;} .a_rig ul{margin:20px 0;} .n-dat{color:#A0A0A0; font-size:15px; font-family:Arial, Helvetica, sans-serif;} .n-tit{font-size:20px; border-bottom:1px solid #ccc; line-height:40px; margin:0 0 10px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .n-tit a:link{color:#333;} .a_rig ul:hover .n-tit a{color:#008bd6;} .a_rig ul:hover .n-tit{font-size:20px; color:#008bd6; border-bottom:1px solid #70cbd7;} .n-jj{max-height:54px; overflow:hidden; line-height:25px;} .n-mor a{display:block; color:#008bd6; line-height:40px;} .n-cd{font-size:30px; color:#008bd6; display:block; margin-bottom:20px;} .n-cd i{font-size:18px; font-style:normal; margin:0 0 0 5px;} @media (max-width:1200px){ .ctit{font-size:24px; line-height:30px; margin:20px auto 10px 0px;} .cbg{margin:30px 0 10px 0;} .cbox{padding:10px 0;} .cbox .lef{float:none; width:100%; font-size:13px; line-height: 30px;} .cbox .reg{display:none;} .n-cd{font-size:24px; margin-bottom:10px; margin-left:10px;} .n-cd i{font-size:16px; margin:0 0 0 5px;} .a_lef{width:100%; max-width:100%; height:auto; float:none;} .a_rig{width:100%; max-width:100%; height:auto; float:none;} .a_rig ul{margin:20px 10px;} .n-tit,.a_rig ul:hover .n-tit{font-size:18px;} .bott{padding-bottom:20px;} } /*about end*/ /*滚动news*/ .news_slide_box{position:relative;width:100%;overflow:hidden;} .news_slide_box .bd{width:100%;height:100%;} .news_slide_box .bd a{display:block;position:relative;width:100%;padding-bottom:61.8%;} .news_slide_box .bd a img{position:absolute;top:0;left:0;width:100%;height:100%;} .news_slide_box .bd a span{display:block;position:absolute;left:0;bottom:0;width:100%;height:4rem;padding:0 1.5rem;line-height:4rem;font-size:15px; color:#FFF;background-color:rgba(0,0,0,0.5);overflow:hidden;white-space:nowrap;text-overflow:ellipsis;} .news_slide_box .prev,.news_slide_box .next{position:absolute;top:50%;width:3rem;height:10rem;margin-top:-5rem;background-repeat:no-repeat;cursor:pointer;background-position:center center;} .news_slide_box .prev{left:0;background-image:url(../images/slide_arrl.png);} .news_slide_box .next{right:0;background-image:url(../images/slide_arrr.png);} @media (max-width:1200px){ .news_slide_box{width:98%; margin:0 1%;} } /*滚动news end*/ /*products*/ /*navs menu*/ .cdbg{width:100%; height:55px; margin-bottom:50px; background:#F6F6F6; border-bottom:0px #FFF solid;} .all{background-color:#008bd6;} .all a{color:#FFF;} .navs li{float:left; text-align:center; height:55px; line-height:55px;} .navs li a, .navs li a:link{padding:0 20px; /*background-color:#C0C0C0; color:#000000;*/ text-decoration:none; display:block;} .navs .hover{/*background-color:#808080;*/ color:#008bd6; text-decoration:none; display:block;} @media (max-width:1200px){ .cdbg{height:45px;} .navs li{height:45px; line-height:45px;} .navs li a, .navs li a:link{padding:0 15px;} } @media (max-width:1023px){ .navs li a, .navs li a:link{padding:0 5px; font-size:14px;} .all i{display:none;} } /*navs menu end*/ .pro_con{width:100%; max-width:1270px; height:auto;*height:auto!important;_height: auto;overflow:hidden; margin:0 auto;} .pro{float:left; width:23%; margin:0 1% 50px 1%;overflow:hidden; text-align:center; padding-top:10px;} .pro img{width:100%; max-width:250px; margin:0 auto; border-width:1px; border-style:solid; border-color:#eee #eee #008bd6 #eee; transition:All 0.4s ease-in-out; -webkit-transition:All 0.4s ease-in-out; -moz-transition:All 0.4s ease-in-out; -o-transition:All 0.4s ease-in-out; } .pro img:hover { transform:translate(0,-10px); -webkit-transform:translate(0,-10px); -moz-transform:translate(0,-10px); -o-transform:translate(0,-10px); -ms-transform:translate(0,-10px); -webkit-box-shadow:0px 5px 15px #e5e5e5; -moz-box-shadow:0px 5px 15px #e5e5e5; box-shadow:0px 5px 15px #e5e5e5; } .pro .text{width:90%; height:50px; font-size:14px; line-height:23px; margin-top:10px; display:inline-block; overflow:hidden;} .pro .text i{font-style:normal; font-size:13px; color:#bbb; display:block; white-space:nowrap; overflow:hidden;} @media (max-width:1200px){ .pro{width:31.3%; margin:0 1% 20px 1%;} .pro img{width:100%; max-width:250px;} } @media (max-width:990px){ .pro{width:48%; margin:0 1% 20px 1%;} } @media (max-width:640px){ .pro{width:98%; margin:0 1% 20px 1%;} } /*products end*/ /*product show*/ /*--show l_cd--*/ .cdbox{width:100%; max-width:1200px; position:absolute;} .cdz{margin-top:-35px; float:right;padding:0 15px;color:#fff;} .cdz a{color:#FFF; font-size:14px; line-height:25px;} .cdz a:hover{color:#008bd6;} /*--show l_cd end--*/ .topimg4{width:100%;padding-top:1.5%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:80px; max-height:100px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc);} .showbox{margin:50px 0 0px 0;} .showbg{border-top:1px solid #EEE; padding:20px 0 50px 0;} .tab A{float:left; font-size:15px; color:#008bd6; line-height:45px; margin:10px 30px 0 0;} .hidecontent {display:none;} .hide{display:none;} .down_ico{width:108px; height:148px; background:url(../images/download.png) no-repeat 0 0px; margin:100px auto 0px auto;} .down:hover .down_ico{background:url(../images/download.png) no-repeat 0 -152px;} .mshow_t{text-align:center; font-size:28px; border:0;} .show_rig{float:left;} .show_jj{line-height:28px; text-align:justify; height:450px; height:auto;*height:auto!important;_height: auto;overflow:hidden;} .show_jj span a{margin:10px 0 20px 0; color:#008bd6; font-size:18px; display:block;} .show_jj span a:hover{color:#333;} @media (max-width:1200px){ .show_rig{width:100%;} .show_jj{margin:0 10px 50px 10px;} .show_jj span a{margin:0px 0 20px 0; color:#008bd6; font-size:15px; display:block; text-align:center;} .tab A{margin:10px 20px 0 10px;} } @media (max-width:640px){ .showbox{margin:10px 0 0px 0;} } /*product show end*/ /*news*/ /*nav menu*/ .cdbg2 .navs{width:100%; height:35px; margin:35px 0; border-bottom:1px #CCC solid;} .cdbg2 .navs li{float:left; text-align:center; height:35px; line-height:35px;} .cdbg2 .navs li a, .cdbg2 .navs li a:link{padding:0 20px; /*background-color:#C0C0C0; color:#000000;*/ text-decoration:none; display:block;} .cdbg2 .navs .hover2{/*background-color:#808080;*/ color:#008bd6; border-bottom:2px #008bd6 solid; margin-top:-1px; text-decoration:none; display:block;} @media (max-width:1023px){ .cdbg2 .navs{height:25px; margin:25px 0 0px 0;} .cdbg2 .navs li{height:25px; line-height:25px;} } /*nav menu end*/ .topimg5{width:100%;padding-top:7%; /*高:宽*/ background:no-repeat; background-size:cover; background-position:center; min-height:120px; max-height:350px; height:auto;*height:auto!important;_height: auto;overflow:hidden;-ms-behavior: url(../js/backgroundsize.min.htc);behavior: url(../js/backgroundsize.min.htc); text-align:left;} .news_txt{margin:0px 0 20px 0;} .news_txt span{font-size:35px; color:#FFF; font-weight:300; line-height:40px; margin-top:20px; display:block;} .tit_cd{font-size:20px; line-height:50px; text-transform:uppercase; display:block; margin:35px 0 20px 0;} .tit_cd a{margin-right:15px;} .news{height:205px; height:auto;*height:auto!important;_height: auto;overflow:hidden; padding-bottom:50px; border-bottom:1px #ddd solid; clear:both;} .nbox{margin:0 0 50px 0;} .nbox:hover .nmor{border:1px #008bd6 solid; background-color:#008bd6; color:#FFF;} .nbox:hover .n_ico{background:url(../images/img.png) #008bd6 no-repeat 17px -312px;} .nbox:hover .ntit{color:#008bd6;} .nlef{float:left; width:65%; margin:0 0 0 3%;} .nrig{float:left; width:30%; max-width:400px;} .nrig .ncd{display:none;} .ncd{font-size:36px; height:36px; text-transform:uppercase; color:#b31b67; margin:0px 0 20px 0;} .nrig img{width:100%; max-width:400px;} .n_ico{width:55px;height:55px; background:url(../images/img.png) #b3b3b3 no-repeat 17px -312px;} .n_date{width:55px;height:110px; background-color:#eee; color:#666; font-size:10px; font-family:Arial, Helvetica, sans-serif; text-align:center; display:block; position:absolute;z-index:1;} .n_date span{font-size:24px; line-height:22px; display:block; color:#333; margin:10px 0 0 0;} .ntit{font-size:20px; color:#333;} .ntit_jj{line-height:22px;color:#707070; font-size:14px; height:105px; margin:15px 0 15px 0; overflow:hidden;} .ndate{font-size:15px; margin:5px 0 10px 0; color:#333;} .nmor{width:85px; height:25px; line-height:25px; font-size:12px; text-align:center; margin:10px 0 0 0; color:#CCC; border:1px #CCC solid; background-color:#FFF; border-radius:100px;-webkit-border-radius:100px;-moz-border-radius:100px;} @media (max-width:1200px){ .news_txt span{font-size:30px; line-height:30px; margin:20px 0 0 10px;} .nrig{float:left; width:30%; max-width:400px; margin:0 0 0 10px;} } @media (max-width:1023px){ .nlef{width:98%; margin:0 1%;} .nrig{width:100%; max-width:600px; clear:left; float: none; text-align:center; margin:0 auto;} .nrig img{width:100%; max-width:600px;} .news{border:0;} .ntit{font-size:20px; margin:10px 0 0 0;} .ntit_jj{margin:5px 0 0px 0; font-size:14px;} .nmor{margin:15px auto 10px auto;} .nothing{margin:30px 20px; color:#F30; min-height:200px;} .cdbg{margin-bottom:20px;} .nbox{padding:0 10px; max-width:600px; margin:30px auto 0 auto;} } @media (max-width:1000px){ .headbg{height:50px;} } @media (max-width:800px){ .nrig{width:100%; max-width:100%; clear:left; float:left; text-align:center;} .nrig img{width:100%; max-width:100%;} } /*search2 style*/ .search2{float:left; margin:20px 0 0 0px; padding-bottom:75px;} .search2 *{box-sizing:border-box;} .search2 input,.search2 button {border:none;outline:none;} .search2 form {position:relative; width:650px; height:42px;} .search2 input {width:650px; height:42px;padding-left:15px; border-radius:3px;border:1px solid #c9d5e2;background:#FFF;float:right; /*width:360px;transition:.3s linear;*/} .search2 input:focus {width:650px; background-color:#FFF; border:1px solid #008bd6;} .search2 button{background:url(../images/search.png) no-repeat center -35px #008bd6; top:0px;right:0px; height:42px;width:80px; border-radius:0 3px 3px 0; cursor:pointer;position:absolute;} .search2 button:hover{background:url(../images/search.png) no-repeat center -35px #fb0;} @media (max-width:1360px){ .search2{margin:30px 0 30px 10px;} } @media (max-width:768px){ .search2{margin:0px 0 0 10px; padding-bottom:50px;} .search2 form {width:360px;} .search2 input {width:360px;} .search2 input:focus {width:360px;} } /*search2 style end*/ /*NEWS end*/ /*news-show*/ .topbox{margin:50px 0 0 0;} .close{float:right; width:31px; height:31px; background: url(../images/img.png) no-repeat 0px -250px; margin-right:1%; margin-top:-30px;} .close:hover{background:url(../images/img.png) no-repeat 0px -281px;} .show_tit{font-size:30px; color:#000; margin:15px 0 0 0; padding-bottom:10px; text-align:center;border-bottom:1px #999 dashed;} .nl{text-align:center;} .new_date{clear:both; display:block; width:100%; margin:10px 0 20px 0;} .hot_hits{margin:2px 15px 0 0;padding: 0 0 0 17px;background:url(../images/img.png) 0 -203px no-repeat; color:#666;} .hot_date{margin:2px 15px 0 0;padding: 0 0 0 18px; background:url(../images/img.png) 0 -160px no-repeat; } .hot_date font{font-size:0;line-height:0;} .hot_bj{margin:0 15px 8px 0;} .nothings{margin:30px 0;} @media (max-width:1200px){ .topbox{margin:50px 0 0 0;} .close{width:25px; height:25px; background: url(../images/img.png) no-repeat -3px -253px; margin-right:3%;} .close:hover{background:url(../images/img.png) no-repeat -3px -284px;} .show_tit{font-size:18px; line-height:25px; padding-bottom:10px; margin:0 10px 15px 10px;} .nothings{margin:30px 10px;} .hot_hits{background:url(../images/img.png) 0 -205px no-repeat;} .hot_date{background:url(../images/img.png) 0 -162px no-repeat;} .c1{text-align:center; margin-bottom:15px;} } /*news-show end*/ /*services*/ .conbg{margin-top:80px;} .cd{width:100%;font-size:30px; color:#333; text-align:center; margin:20px auto 30px auto;} .cd span{font:14px/25px Arial, Helvetica, sans-serif; text-transform:uppercase; display:block;} .sico li{float:left; width:23.0%; height:180px; background:#FFF; text-align:center; margin:10px; border:1px solid #FFF; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px; -webkit-box-shadow: #ddd 0px 0px 10px; -moz-box-shadow: #ddd 0px 0px 10px; box-shadow: #ddd 0px 0px 10px;behavior: url(../js/PIE.htc); } .sico li span{text-align:center; margin:98px 0 0 0;} .sico_01{width:96px; height:96px; border:2px solid #FFF; margin:22px auto 10px auto; background:url(../images/ser.png) no-repeat #f90 27px 20px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s1:hover{background:#F90; color:#FFF;} .sico_02{width:96px; height:96px; border:2px solid #FFF; margin:22px auto 10px auto; background:url(../images/ser.png) no-repeat #A5D134 26px -143px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s2:hover{background:#A5D134; color:#FFF;} .sico_03{width:96px; height:96px; border:2px solid #FFF; margin:22px auto 10px auto; background:url(../images/ser.png) no-repeat #8f52a8 21px -306px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s3:hover{background:#8f52a8; color:#FFF;} .sico_04{width:96px; height:96px; border:2px solid #FFF; margin:22px auto 10px auto; background:url(../images/ser.png) no-repeat #02A2FF 26px -983px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s4:hover{background:#02A2FF; color:#FFF;} .mbox{margin:0 35px 30px 20px;} .faq{margin-bottom:100px;} .faq_cdbox{padding:0 0 15px 0; height:70px; background:url(../images/faq.png) no-repeat 0 bottom; margin:10px 0 0 0;} .faq_cd{float:left; color:#333;} .faq_cd span{font-size:28px; line-height:45px; display:block;} .faq_sou{float:right; margin:30px 0px 0 0;} /*FAQ search*/ .searchinput2{ width: 140px;height:28px;outline:none; line-height:28px;margin-left:10px; float: left; color: #555; font-size:12px; background:#F8F8F8; vertical-align: middle; border-width: 0px; } .tab_search2{background:url(../images/sou.gif) no-repeat;z-index: 10;} .searchaction2{width:40px;height:30px; float:left;} /*FAQ search end*/ .faq li{border-bottom:1px solid #D5D5D5; font-size:16px; line-height:60px;} .faq li span{float:right; font-size:14px;} .faq_con{height:auto;*height:auto!important;_height: auto;overflow:hidden; padding:5px 10px; font-size:13px; line-height:25px;} @media (max-width:1100px){ .sico li{width:22%;} .faq_cd span{font-size:24px;} } @media (max-width:800px){ .conbg{margin-top:30px;} .cd{width:100%;font-size:24px; color:#555; text-align:center; margin:20px auto 0px auto;} .cd span{font:12px/25px Arial, Helvetica, sans-serif;} .show_tit{font-size:20px;} .hot_date{background:url(../images/img.png) 0 -163px no-repeat;} .sico li{width:21.8%; height:120px; margin:5px; background-color:#EEE} .sico_01{width:65px; height:65px; border:0px solid #FFF; margin:10px auto 10px auto; background:url(../images/ser.png) no-repeat #F90 10px 5px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s1:hover{background:#F90; color:#FFF;} .sico_02{width:65px; height:65px; border:0px solid #FFF; margin:10px auto 10px auto; background:url(../images/ser.png) no-repeat #A5D134 12px -158px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s2:hover{background:#A5D134; color:#FFF;} .sico_03{width:65px; height:65px; border:0px solid #FFF; margin:10px auto 10px auto; background:url(../images/ser.png) no-repeat #8f52a8 6px -321px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s3:hover{background:#8f52a8; color:#FFF;} .sico_04{width:65px; height:65px; border:0px solid #FFF; margin:10px auto 10px auto; background:url(../images/ser.png) no-repeat #008bd6 9px -998px; -moz-border-radius:100px; -webkit-border-radius:100px; border-radius:100px;} .sico .s4:hover{background:#008bd6; color:#FFF;} .mbox{margin:0 10px 0 10px;} .faq_sou{display:none;} .m10{margin:0 10px;} .o_ser li span{font-size:16px; color:#000; margin:0 0 0px 0;} .faq_cdbox{margin:0px 0 0 0;} .m30{margin-top:20px;} } /*services end*/ /*contact*/ .mapbox_01{width:100%; margin:50px 0 100px 0; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;} .mapbox_02{width:100%; height:300px; margin:80px 0; padding-top:80px; border-top:1px #eee solid; min-height:300px; height:auto;*height:auto!important;_height: auto;overflow:hidden;} .mlef{float:left; width:50%; margin-top:30px;} .mlef li{line-height:40px; font-size:16px;} .mlef li span{font-size:20px; color:#000;} .taiwai{background:url(../images/icon.png) no-repeat 0 -48px; height:29px; margin:0 0 15px 0; display:block;} .shenzhen{background:url(../images/icon.png) no-repeat; height:29px; margin:0 0 15px 0; display:block;} .mrig{float:left; width:48%; margin-left:2%;} @media (max-width:1200px){ .mapbox_01{width:98%; margin:30px 1%;} .mapbox_02{width:98%; margin:30px 1%; padding-top:30px;} .mlef{width:98%; clear:both; margin:0 1%;} .mrig{width:98%; clear:both; margin:20px 1% 0 1%;} .mlef li{line-height:28px; font-size:14px;} .mlef li span{font-size:16px; color:#000;} } /*map*/ #container,#container2{width:99.5%; height:320px; border:1px #ddd solid;} .amap-logo{right:-1000px !important;left:auto !important;display:none;/*去水印*/} .amap-copyright{right:-1000px !important;left:auto !important;display:none;} @media (max-height:810px){ #container,#container2{width:100%; height:250px;} } @media (max-width:1000px){ #container,#container2{width:100%; height:200px; margin:0 auto; border:1px #ddd solid;} } /*contact end*/ /*gbook*/ .g_lef{width:50%; float:left; margin-bottom:80px;} .g_rig{width:50%; float:left; margin-bottom:80px;} .input{width:96.2%; height:30px;padding:10px;FONT-SIZE:14px; font-family:"Microsoft YaHei"; border:1px solid #c9c9c9;line-height:30px; text-decoration:none; background-color:#FFF; outline:none; color:#555;} .textinput{width:90%; height:245px; line-height:20px; border:solid 1px #c9c9c9; font-family:"Microsoft YaHei"; padding:10px;overflow:hidden; margin:20px 0;outline:none; color:#555;} .sub{width:100%; height:50px; font-size:18px; color:#FFF; font-family:"Microsoft YaHei"; cursor:pointer; background-color:#008bd6; border:0; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;} .sub:hover{background-color:#00aecd;} .sq_div{margin:20px 0;} @media (max-width:1199px){ .cd_txt span{font-size:22px; line-height:35px; margin:20px 0 10px 0; display:block;} .g_lef{width:96%; margin:0 2%; margin-bottom:0px;} .g_rig{width:90%; margin:-20px 2% 0 2%; margin-bottom:50px;} .textinput{width:90%; height:150px;} } /*gbook end*/ /*--img--*/ .m-list {cursor:pointer;} .m-list .img {overflow: hidden;} .m-list img { /* width: 360px; */ overflow: hidden; -webkit-transform: scale(1); -moz-transform: scale(1); -ms-transform: scale(1); -o-transform: scale(1); transform: scale(1); -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out;} #scroll2 .item:hover .img img,.ban:hover .img img,.ban2:hover .img img,.join:hover .img img{ -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -ms-transform: scale(1.05); -o-transform: scale(1.05); transform: scale(1.05); } /*--img end--*/ /*page*/ DIV.digg {PADDING:20px 3px 20px 3px;clear:both; text-align: center; margin:0 0 80px 0;} DIV.digg A {BORDER: #999 1px solid; PADDING: 5px 10px 5px 10px;MARGIN: 2px; TEXT-DECORATION: none;border-radius:3px; background:rgba(255,255,255,0.8);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFF,endColorstr=#FFF);} DIV.digg A:hover {BORDER: #008bd6 1px solid; COLOR: #FFF; background:#008bd6;} DIV.digg A:active {BORDER: #008bd6 1px solid; COLOR: #008bd6;} DIV.digg SPAN.current {BORDER: #666 1px solid; PADDING: 5px 10px 5px 10px; MARGIN:2px; TEXT-DECORATION: none; FONT-WEIGHT: bold; BACKGROUND-COLOR: #666;border-radius:3px; color:#FFF;} DIV.digg SPAN.disabled {BORDER: #EEE 1px solid; PADDING: 5px 10px 5px 10px;MARGIN:2px; COLOR: #fff; border-radius:3px;} /*page end*/ .nothing{margin:30px 40px; color:#F30; min-height:300px;} a.backToTop{width:52px; height:52px; background:url(../images/top.png) no-repeat; text-indent:-999em; z-index:10000; right:30px;} a.backToTop:hover{background-position:0 -53px;} @media (max-width:1200px){ DIV.digg {margin:0;} .content{margin-left:10px; margin-right:10px;} a.backToTop{width:0px; height:0px;} a.backToTop{display:none;} } /*kefu*/ .yb_conct {position: fixed;z-index: 9999999;top: 40%;right: -130px;cursor: pointer;transition: all .3s ease;} .yb_bar ul li {width:180px;height: 54px;font: 15px/54px 'Microsoft YaHei';color: #fff;text-indent: 54px;margin-bottom: 1px;border-radius: 2px;transition: all .1s ease;overflow: hidden;} .yb_bar .yb_top {background: #008bd6 url(../images/fixCont.png) no-repeat 0 0;} .yb_bar .yb_top:hover {background: #01a6ff url(../images/fixCont.png) no-repeat 0 0;} .yb_bar .yb_phone {background: #008bd6 url(../images/fixCont.png) no-repeat 0 -55px;} .yb_bar .yb_phone:hover {background: #01a6ff url(../images/fixCont.png) no-repeat 0 -55px;} .yb_bar .yb_QQ {text-indent: 0;background: #008bd6 url(../images/fixCont.png) no-repeat 0 -110px;} .yb_bar .yb_QQ:hover {text-indent: 0;background: #01a6ff url(../images/fixCont.png) no-repeat 0 -110px;} .yb_bar .yb_du {background: #008bd6 url(../images/fixCont.png) no-repeat 0 -165px;} .yb_bar .yb_du:hover {background: #01a6ff url(../images/fixCont.png) no-repeat 0 -165px;} #BDBridgeFixedWrap{position:absolute; z-index:1000;} .yb_bar .yb_ercode {background: #008bd6 url(../images/fixCont.png) no-repeat 0 -220px;} .hd_qr {padding: 0 29px 25px 29px;} .yb_QQ a {display: block;text-indent: 54px;width: 100%;height: 100%;color: #fff;} /*kefu end*/