/*@font-face { font-family: 'SourceHanSansK-Normal'; src: url('../font/SourceHanSansK-Normal.eot'); src: url('../font/SourceHanSansK-Normal.eot?#iefix') format('embedded-opentype'), url('../font/SourceHanSansK-Normal.woff') format('woff'), url('../font/SourceHanSansK-Normal.ttf') format('truetype'), url('../font/SourceHanSansK-Normal.svg') format('svg'); font-weight: normal; font-style: normal; }*/ button,input,optgroup,select,textarea{margin:0;font:inherit;color:inherit} button{overflow:visible} button,select{text-transform:none} button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer} button[disabled],html input[disabled]{cursor:default} button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0} input{line-height:normal} input[type=checkbox],input[type=radio]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:0} input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto} input[type=search]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield} input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none} button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit} .container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto} .pull-right{float:right!important} .pull-left{float:left!important} .hide{display:none!important} .show{display:block!important} @media (min-width:768px){} @media (min-width:992px){} @media (min-width:1200px){} .my-placeholder{color:#bbb!important} ::-moz-selection{background:#008cd6;color:#fff;text-shadow:none} ::selection{background:#008cd6;color:#fff;text-shadow:none} input::-ms-clear{display:none} input[type=button]::-moz-focus-inner html{color:#000;background:#fff} iframe{vertical-align:top} body{text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale} @media (min-width: 768px) and (max-width: 991px) { body{font-size:14px;} } a{text-decoration:none;cursor:pointer;outline:0 none} a:focus{-moz-outline-style:none} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0} ol,li,ul,dl,dt,dd{list-style:none} fieldset,img{border:0} h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:400} table{border-collapse:collapse;border-spacing:0} sup{vertical-align:text-top} sub{vertical-align:text-bottom} input,textarea,select,button{font-family:inherit;font-size:inherit;font-weight:inherit;outline-style:none;outline-width:0;resize:none;padding:0;margin:0} input[type=text],input[type=tel],textarea{padding:3px 6px;border:1px solid #ccc;border-radius:2px} input[type=text]:focus,input[type=tel]:focus,textarea:focus,select:focus{background-color:#fff;border-color:#000!important} input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance:none!important;margin:0} input:-moz-placeholder,textarea:-moz-placeholder{color:#ccc;font-size:14px} input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#ccc;font-size:14px} input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#ccc;font-size:14px} input[type=number]{-moz-appearance:textfield} area{outline:0} area:active{outline:0} textarea{overflow:auto;vertical-align:top;resize:none} button{cursor:pointer} .btn-blue{color:#fff;background-color:#008ddc;border:1px solid #008ddc} .btn-blue:hover{background-color:#0098e7;border-color:#0098e7} .btn-confirm,.btn-append{background-color:#ff4e4f;color:#fff;border:1px solid #ff4e4f} .btn-confirm:hover,.btn-append:hover{background-color:#e22122;border:1px solid #e22122} .btn-cancel{background-color:#f3f3f3;color:#666;border:1px solid #e6e6e6} .btn-cancel:hover{background-color:#e6e6e6} .btn-disabled{background-color:#a8a8a8;color:#fff;border:1px solid #a8a8a8;cursor:not-allowed} .btn-appointment{background-color:#ffaa06;border:1px solid #ffaa06;color:#fff} .btn-appointment:hover{background-color:#ff7800;border-color:#ff7800} b,em,i{font-weight:400;font-style:normal} .cl:after{content:".";display:block;height:0;clear:both;visibility:hidden} .cl{zoom:1} .red{color:#f04141!important} .gray{color:#a0a0a0!important} .blue{color:#008cd6!important} .yellow{color:#ffc000!important} .green{color:#02BD05!important} .bold{font-weight:700!important} body .hidden{display:none} .wrapper{position:relative;width:1200px;margin:0 auto} .pull-left{float:left} .pull-right{float:right} .txt-left{text-align:left!important} .txt-right{text-align:right!important} .table-cell{display:table-cell} dfn{font-style:normal;font-family:"Microsoft YaHei"!important} .my-placeholder{color:#bbb!important} .btn--normal,.btn--sm,.btn--md,.btn--lg{-webkit-tap-highlight-color:rgba(0,0,0,0);box-sizing:content-box;user-select:none;background:none!important;word-wrap:normal;white-space:nowrap;outline:0;border:0!important;line-height:0;font-size:0;padding:0;display:inline-table;vertical-align:middle;position:relative;cursor:pointer;z-index:0;zoom:1} .btn--normal:after,.btn--sm:after,.btn--md:after,.btn--lg:after,.laser-buy:after{content:".";display:block;height:0;clear:both;visibility:hidden} .btn-inner{vertical-align:middle;display:table-cell;border:0!important;text-align:center;font-family:"Microsoft YaHei";line-height:normal;font-size:12px;overflow:hidden} .btn--lg .btn-inner{letter-spacing:1px;text-indent:2px;height:46px;font-size:18px;border-radius:46px;padding:0 46px} .btn--md .btn-inner{letter-spacing:1px;font-size:16px;border-radius:28px;padding:6px 25px} .btn--pop .btn-inner{background-color:#008ddc;border-color:#008ddc;color:#fff;padding-top:8px;padding-bottom:8px} .btn--pop:hover .btn-inner{background-color:#0098e7;border-color:#0098e7} .btn--sm .btn-inner{letter-spacing:1px;height:24px;font-size:14px;border-radius:20px;padding:2px 12px} .btn--wait .btn-inner,.btn-disabled .btn-inner{background:#ccc!important;border-color:#ccc!important;color:#f7f7f7} .btn-disabled .btn-inner{cursor:no-drop} .btn--wait .btn-inner{cursor:default} .btn--wait .btn-inner:before{content:'';display:inline-block;width:20px;height:20px;background:url(/static/images/waiting_ef253bc.gif) no-repeat center;vertical-align:middle;margin:0 6px -4px 0;position:relative;top:-4px;z-index:0} .btn-next .btn-inner,.laser-buy .btn-inner{background-color:#ff9536;border-color:#ff9536;color:#fff} .btn-next:hover .btn-inner,.laser-buy:hover .btn-inner{background-color:#ffa04b;border-color:#ffa04b} .second-buy .btn-inner,.now-buy .btn-inner,.installment-buy .btn-inner,.btn-appointment .btn-inner,.confirm-btn--submit .btn-inner,.reservation .btn-inner{background-color:#f51200;border:1px solid #f51200;color:#fff} .second-buy:hover .btn-inner,.now-buy:hover .btn-inner,.installment-buy:hover .btn-inner,.btn-appointment:hover .btn-inner,.confirm-btn--submit:hover .btn-inner,.reservation:hover .btn-inner{background-color:#ff3029;border-color:#ff3029} @font-face { font-family: "webfont"; font-display: swap; src: url('/static/font/alibaba_puhui/webfont.eot'); /* IE9 */ src: url('/static/font/alibaba_puhui/webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ url('/static/font/alibaba_puhui/webfont.woff2') format('woff2'), url('/static/font/alibaba_puhui/webfont.woff') format('woff'), /* chrome、firefox */ url('/static/font/alibaba_puhui/webfont.ttf') format('truetype'), /* chrome、firefox、opera、Safari, Android, iOS 4.2+*/ url('/static/font/alibaba_puhui/webfont.svg#webfont') format('svg'); /* iOS 4.1- */ } .web-font { font-family: "webfont" !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } @font-face { font-family: 'FONT-WEB-BOLD'; src: url("/static/fonts/V-FONT-WEB-BOLD//8251bbe50a1d654cfe1a4c27d2710193.woff2") format('woff2'), url("/static/fonts/V-FONT-WEB-BOLD//337701a1771de668668b13dc74d3376d.eot") format('embedded-opentype'), url("/static/fonts/V-FONT-WEB-BOLD//e0d6e91f62ab942c138f15143a5346f4.woff") format('woff'), url("/static/fonts/V-FONT-WEB-BOLD//56d970eed1cdefd33ade958fe0435610.ttf") format('truetype'), url("/static/fonts/V-FONT-WEB-BOLD//57b5697a04c9b2fbe0a72f3ab9a4a8be.svg") format('svg'); font-display: swap; } @font-face { font-family: 'VIVO-FONT-WEB'; src: url("/static/fonts/V-FONT-WEB//ae301961b83a1d9ea69bb950ea96c9bd.woff2") format('woff2'),url("/static/fonts/V-FONT-WEB//18433653241b78933b3aafeb9a2ae991.eot") format('embedded-opentype'),url("/static/fonts/V-FONT-WEB//4c74b2c83c9466bdb272d0430666d37d.woff") format('woff'),url("/static/fonts/V-FONT-WEB//87fe8be1768bd6ecc728e6b2c39bbcc0.ttf") format('truetype'),url("/static/fonts/V-FONT-WEB//2f3301ce0bd7eee055decda008298ee6.svg") format('svg'); font-display: swap; } html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, hr, p, blockquote, pre, a, abbr, acronym, del, cite, address, small, sub, sup, b, u, i, center, font, em, strong, dl, dt, dd, ul, ol, li, form, fieldset, legend, table, caption, thead, tbody, tfoot, tr, th, td { margin: 0; padding: 0; outline: none; } body { line-height: 25px; background-color: #fff; color: #424866; font: 16px/1.6 'FONT-WEB-BOLD',SegoeUI,'Microsoft YaHei',微软雅黑,'SourceHanSansCN-Regular','SourceHanSansCN-Normal',"Source Han Sans",'PingFang SC',"Microsoft Yahei","Helvetica Neue",Helvetica,Tahoma,sans-serif !important; } .fixed { position: fixed ! important;z-index:99;top:0px;left:0px;width:100%;opacity:1;box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee; /*box-shadow: 0px 3px 10px rgba(0,0,0,.12);border-bottom:1px solid #eee;background:rgba(255,255,255,.9);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff);*/ } @media (min-width:1400px){.container{width:1400px}} .carousel-indicators{position:absolute;bottom:30px;left:50%;z-index:15;width:60%;padding-left:0;margin-left:-30%;text-align:center;list-style:none} .carousel-indicators li{display:inline-block;width:10px;height:10px;margin:1px;text-indent:-999px;cursor:pointer;background-color:#000\9;background-color:rgba(0,0,0,0);border:1px solid #fff;border-radius:10px} .carousel-indicators .active{width:12px;height:12px;margin:0;background-color:#fff} html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,hr,p,blockquote,pre,a,abbr,acronym,del,cite,address,small,sub,sup,b,u,i,center,font,em,strong,dl,dt,dd,ul,ol,li,form,fieldset,legend,table,caption,thead,tbody,tfoot,tr,th,td{margin:0;padding:0;outline:none;} button, input, select, textarea /* for ie */ { font: 12px/1.5 tahoma, arial, \5b8b\4f53, sans-serif; } /**{font-family: "webfont" !important; font-size: 12px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}*/ * { font-family: 16px/1.6 'FONT-WEB-BOLD',"Source Han Sans CN", "Microsoft Yahei", "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB", "Heiti SC", "Microsoft YaHei", "WenQuanYi Micro Hei", sans-serif; } ul,ol{list-style-type:none} *{outline:none ! important; } a{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none; color:#000;transition: color .2s cubic-bezier(.645,.045,.355,1);} a:visited{text-decoration:none;blr:expression(this.onFocus=this.blur());outline:none;} a:hover{text-decoration:none;color:#e60012;outline:none;} a:focus{outline:none;text-decoration:none;} li:focus{outline:none;text-decoration:none;}fieldset,img{border:0;max-width:100%;}q,blockquote{quotes:"" ""}q:before,q:after,blockquote:before,blockquote:after{content:""} del{text-decoration:line-through}ins{text-decoration:underline}sup{vertical-align:super;}sub{vertical-align:sub;}cite,em,dfn{font-style:normal;} table{border-collapse:collapse;border-spacing:0;empty-cells:show;} input,textarea,select,button{font-size:100%;margin:0;padding:0;} label,button{cursor:pointer} textarea{white-space:inherit;resize:none;border:1px solid #ececec;}button,input,select,textarea{font-size:100%;} article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{margin:0;padding:0;display:block;border:0;font-size:100%;} .fr{ float:right;} .fl{ float:left;} .show { display:block;} .hidden{display:none;} .hiddenit{display:none;} input[type=text],input[type=password]{outline:none;} h1,h2,h3,h4,h5,h6{font-weight: normal;} .clear{clear: both;width: 100%;font-size:0px;height:0px;background:none;border:none;_zoom:1;} .padding0{padding:0px;} .shadow{box-shadow: 1px 1.732px 2px 0 rgba(4, 0, 0, 0.3);} .rd{ color:#e60012; } .clearfix:before,.clearfix:after{ content:""; display:table; } .clearfix:after{clear:both;} .clearfix{ *zoom:1;/*IE/7/6*/ } .plzero{padding-left:0px;} .przero{padding-right:0px;} a:link,a:visited{ color:#000;} a:hover,a:active { color:#fd4f00;} .bgf{background-color:#fff;} .browserupgrade { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background-color: #fff; z-index: 9999; text-align: center; padding: 200px 20px; } .img-responsive { display: inline-block; } .browserupgrade p { width: 640px; background: #f5f5f5; color: #000; padding: 20px; margin: 50px auto 0; border-radius: 20px; } .toshadow{-webkit-transition: -webkit-box-shadow .3s ease; transition: -webkit-box-shadow .3s ease; transition: box-shadow .3s ease; transition: box-shadow .3s ease,-webkit-box-shadow .3s ease;} .toshadow:hover{-webkit-box-shadow:0 0px 20px rgba(255,255,255,1);box-shadow:0 0px 20px rgba(255,255,255,1);} .tran{-o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; -ms-transition: all .2s ease-in-out;} .table { width: 100%; max-width: 100%; margin-bottom: 20px; } .hbox{display:block; position:relative;height:60px;background: rgba(255,255,255, 1); } .fixhome{position:relative;;height:60px; width: 100%; z-index: 99999999; -webkit-transform: translateZ(0); background: rgba(255,255,255, 1); -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; transition: all 0.5s ease-out;-webkit-box-shadow: 5px 0 11px rgba(0, 0, 0, 0.2); -ms-box-shadow: 5px 0 11px rgba(0, 0, 0, 0.2); -moz-box-shadow: 5px 0 11px rgba(0, 0, 0, 0.2); box-shadow: 5px 0 11px rgba(0, 0, 0, 0.2);} /*.fixhome.bgw { background: rgba(255,255,255, .9); }*/ .fixhome.bgw.tofix { background: rgba(255,255,255, .85); } .fixhome.bgw.tofix.drophover ,.fixhome.bgw.tofix:hover{ background: rgba(255,255,255, 1); } .fixhome.tofix { position: fixed; } /*下拉导航*/ .full-screen{ position: absolute; top: 100%; z-index: 9999999; background-color: #fff; border-top: 1px solid #f0f1f2; transition: none; height: auto; display: none; overflow: hidden; width: 100%; min-width: 1200px; left: 0; margin-top: 0; -ms-box-shadow: 0 2px 2px 0 rgba(255,255,255,.05); -o-box-shadow: 0 2px 2px 0 rgba(255,255,255,.05); box-shadow: 0 2px 2px 0 rgba(255,255,255,.05);background-color: rgba(255,255,255,.97)!important; -webkit-filter: opacity(90); filter: opacity(90); } .fixhome ul.navmenu:hover >a{} .fixhome ul.navmenu:hover li:hover .full-screen{display:block;opacity:1;visibility:visible}/*这句必需存在，否则下拉菜单时获取不到隐藏 .full-screen container 高度*/ .itemli.opened .full-screen{display:block;opacity:1;visibility:visible}/**/ .itemli i{transition: transform 0.3s;transform:rotate(0deg); position:absolute;} .itemli.opened i{transform:rotate(-90deg); } .homenavbg{position: absolute;_position:absolute; right: 0; left: 0; z-index:99999; background-color:transparent;} .nohomenavbg { position: relative; _position: relative;z-index:99999; background-color:#fff; -webkit-box-shadow: 0 2px 2px 0 rgba(255,255,255,.1); box-shadow: 0 2px 2px 0 rgba(255,255,255,.1); } .itemli.opened li{ -webkit-animation: header-sub-enter .8s forwards;-o-animation: header-sub-enter .8s forwards;-moz-animation: header-sub-enter .8s forwards;animation: header-sub-enter .8s forwards;opacity:0; } @keyframes header-sub-enter { from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)} } @-moz-keyframes header-sub-enter { from{-moz-transform:translate(70px);-moz-opacity:0;filter:alpha(opacity=0)}to{-moz-transform:translate(0);-moz-opacity:1;filter:alpha(opacity=100)} } /* Firefox */ @-webkit-keyframes header-sub-enter {from{-webkit-transform:translate(70px);-khtml-opacity:0;opacity:0;filter:alpha(opacity=0)}to{-webkit-transform:translate(0);-khtml-opacity:1;opacity:1;filter:alpha(opacity=100)} }/* Safari 和 Chrome */ @-o-keyframes header-sub-enter { from{-o-transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{-o-transform:translate(0);opacity:1;filter:alpha(opacity=100)} }/* Opera */ .itemli.opened li:nth-child(1){-webkit-animation-delay:0s;-moz-animation-delay:0s;-o-animation-delay:0s;animation-delay:0s;} .itemli.opened li:nth-child(2){-webkit-animation-delay:.1s;-moz-animation-delay:.1s;-o-animation-delay:.1s;animation-delay:.1s} .itemli.opened li:nth-child(3){-webkit-animation-delay:.2s;-moz-animation-delay:.2s;-o-animation-delay:.2s;animation-delay:.2s} .itemli.opened li:nth-child(4){-webkit-animation-delay:.3s;-moz-animation-delay:.3s;-o-animation-delay:.3s;animation-delay:.3s} .itemli.opened li:nth-child(5){-webkit-animation-delay:.4s;-moz-animation-delay:.4s;-o-animation-delay:.4s;animation-delay:.4s} .itemli.opened li:nth-child(6){-webkit-animation-delay:.5s;-moz-animation-delay:.5s;-o-animation-delay:.5s;animation-delay:.5s} .itemli.opened li:nth-child(7){-webkit-animation-delay:.6s;-moz-animation-delay:.6s;-o-animation-delay:.6s;animation-delay:.6s} .itemli.opened li:nth-child(8){-webkit-animation-delay:.7s;-moz-animation-delay:.7s;-o-animation-delay:.7s;animation-delay:.7s} .itemli.opened li:nth-child(9){-webkit-animation-delay:.8s;-moz-animation-delay:.8s;-o-animation-delay:.8s;animation-delay:.8s} .itemli.opened li:nth-child(10){-webkit-animation-delay:0.9s;-moz-animation-delay:0.9s;-o-animation-delay:0.9s;animation-delay:.9s} .itemli.opened li:nth-child(11){-webkit-animation-delay:1s;-moz-animation-delay:1s;-o-animation-delay:1s;animation-delay:1s} .nav-logo { float: left; width: 150px; height: 60px;transition: opacity .5s cubic-bezier(.645,.045,.355,1);background:url(/static/images/bLogo.png) no-repeat left center; } .whitetheme .nav-logo,.blacktheme .nav-logo{ background:url(/static/tdcn/images/mlogo1.png) no-repeat left center; } .nav-logo:hover{opacity:.8} @media (min-width:1200px) and (max-width: 1439px) { .nav-logo { width: 150px; height: 54px; } .whitetheme .nav-logo,.blacktheme .nav-logo{ background:url(/static/tdcn/images/mlogo1.png) no-repeat left center; } } @media (min-width: 992px) and (max-width: 1199px) { .nav-logo { width: 150px; height: 54px; } .whitetheme .nav-logo,.blacktheme .nav-logo{ background:url(/static/tdcn/images/mlogo1.png) no-repeat left center; } } @media (min-width:768px) and (max-width: 991px) { .nav-logo { width: 150px; height: 50px;background-image:url(/static/images/slogo.png) } .whitetheme .nav-logo,.blacktheme .nav-logo{ background:url(/static/tdcn/images/mlogo1.png) no-repeat left center; } } .navmenu {padding-left:100px;height:60px; } @media (min-width:1200px) and (max-width: 1439px) { /*.hnav{ background-color:red;}*/ .navmenu {padding-left:40px;} } @media (min-width: 992px) and (max-width: 1199px) { /*.hnav{ background-color:yellow;}*/ .navmenu {padding-left:0px;} } @media (min-width:768px) and (max-width: 991px) { /*.hnav{background-color:green;}*/ .navmenu {padding-left:0px; } } .navmenu li.itemli,.navsearch li.itemli { float: left; height: 60px; } .navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 30px; display: block; transition: all .3s; vertical-align: middle; line-height: 60px; height: 60px; cursor: pointer; font-size: 14px; position: relative; font-weight:400; } .navmenu li.itemli.opened>a,.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active, .navsearch li.itemli>a:hover , .navsearch li.itemli>a:active{ color:#848484 ! important; } @media (min-width:1200px) and (max-width: 1439px) { .navmenu li.itemli,.navsearch li.itemli { } .navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 20px; } } @media (min-width: 992px) and (max-width: 1199px) { .navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 20px;font-size:12px; } } @media (min-width:768px) and (max-width: 991px) { .navmenu li.itemli>a, .navsearch li.itemli>a { padding: 0px 12px;font-size:12px; } } /*.navmenu li.itemli>a:hover,.navmenu li.itemli>a:active,.navsearch li.itemli>a:hover,.navsearch li.itemli>a:active { color: #fd4f00 !important;opacity: 1; } .navmenu li.itemli.active a,.navsearch li.itemli.active a{ color: #fd4f00 ; opacity: 1;}*/ /*菜单激活时下拉箭头*/ .navmenu li.itemli span.spline {display:none; position: absolute; left: 45%; bottom: 0px; width:0px; height:0px; border-top:5px solid rgba(0,0,0,0); border-right:5px solid rgba(0,0,0,0); border-bottom:5px solid #f0f1f2 ;border-left:5px solid rgba(0,0,0,0); -webkit-transition: width 1s ease; transition: width 1s ease;} /*.navmenu li.itemli span.spline:before { content: ''; position: absolute; width: 0; height: 100%; display: block; background-color: #fd4f00; -webkit-transition: width 0s ease; transition: width 0s ease; } .navmenu li.itemli.opened span.spline:before { width: 100%; -webkit-transition: width 1s ease; transition: width 1s ease; }*/ .navmenu li.itemli.opened span.spline{ display:block; } .navsearch li.itemli.first a{padding-left:0px;} .navsearch li.itemli.last a{padding-right:0px;} .whitetheme { } .whitetheme .navmenu li.itemli>a ,.whitetheme .navsearch li.itemli>a { color: #fff ; } .whitetheme .searchright .topsearchicon{color:#fff;} .whitetheme.drophover{background-color:#000;transition: none;-webkit-transition:none;-moz-transition:none;} .blacktheme .nav-logo{ } .blacktheme .navmenu li.itemli>a ,.blacktheme .navsearch li.itemli>a{ color: #000 ; } .blacktheme .navmenu li.itemli.opened>a ,.blacktheme .navsearch li.itemli.opened>a{ color: #fd4f00 ! important; } .blacktheme .searchright .topsearchicon{color:#000;} .blacktheme.drophover{background-color:#fff;transition: none;-webkit-transition:none;-moz-transition:none;} .blacktheme.drophover,.whitetheme.drophover,.blacktheme.drophover-s,.whitetheme.drophover-s{background-color:#f2f2f2 ! important; } .blacktheme.drophover .nav-logo,.whitetheme.drophover .nav-logo,.blacktheme.drophover-s .nav-logo,.whitetheme.drophover-s .nav-logo{ background:url(/static/tdcn/images/mlogo1.png) no-repeat left center; } @media (min-width: 768px) and (max-width: 1439px) { .blacktheme.drophover .nav-logo,.whitetheme.drophover .nav-logo,.blacktheme.drophover-s .nav-logo,.whitetheme.drophover-s .nav-logo { background: url(/static/tdcn/images/mlogo1.png) no-repeat left center;} } .blacktheme.drophover .navmenu li.itemli>a,.whitetheme.drophover .navmenu li.itemli>a ,.blacktheme.drophover .navsearch li.itemli>a,.whitetheme.drophover .navsearch li.itemli>a , .blacktheme.drophover-s .navmenu li.itemli>a,.whitetheme.drophover-s .navmenu li.itemli>a ,.blacktheme.drophover-s .navsearch li.itemli>a,.whitetheme.drophover-s .navsearch li.itemli>a , .blacktheme.drophover .searchright .topsearchicon,.whitetheme.drophover .searchright .topsearchicon,.blacktheme.drophover-s .searchright .topsearchicon,.whitetheme.drophover-s .searchright .topsearchicon {color:#000;} .new-search-wrap .new-search-box .new-search-content .new-search-recommend, .new-search-wrap .new-search-box .new-search-content .new-search-result { padding-bottom: 24px; } .new-search-wrap, .new-search-products-mask { -webkit-box-shadow: 0 1px 0 0 #e0e0e0; -moz-box-shadow: 0 1px 0 0 #e0e0e0; box-shadow: 0 1px 0 0 #e0e0e0; } .new-search-wrap{position:absolute;top:60px;right:0;left:0;/*overflow:hidden;*/height:0;opacity:0;z-index:999999999;transition:all 0.5s;display:none;} .search-box-show .new-search-wrap{height:auto;opacity:1; display:block;} .new-search-wrap>div{position:relative;margin:0 auto;background-color:#fff;} .new-search-wrap .new-search-box{position:relative;top:-60px;margin:0 auto;width:680px;z-index:999} .new-search-wrap .new-search-box .new-search-btns{position:absolute;left:0;right:0;line-height:68px} .new-search-wrap .new-search-box .new-search-btns span{position:absolute;display:inline-block;vertical-align:middle;width:20px;height:20px;line-height:20px;top:24px;text-align:center;cursor:pointer;transition:all 0.3s} .new-search-wrap .new-search-box .new-search-btns span:hover{color:#fd4f00;} .new-search-btns .new-search-icon{right:0;opacity:0;color:#777; transition:all 0.5s;} .search-box-show .new-search-btns .new-search-icon{right:50px;opacity:1;} .new-search-close{right:0;color:#777;font-size: 20px;opacity:0;} .search-box-show .new-search-close{ animation: search-close-enter 1s both 0.1s; } @media (min-width: 768px) and (max-width: 991px) { .new-search-wrap .new-search-box{width:480px;} } @media (min-width: 992px) and (max-width: 1199px) { } @keyframes search-close-enter{from{opacity:0;filter:alpha(opacity=0);transform:rotate(-45deg) scale(0)}to{opacity:1;filter:alpha(opacity=100);transform:rotate(90deg) scale(1)}} @keyframes -webkit-search-close-enter{from{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg) scale(0);}to{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotate(90deg) scale(1);}} @keyframes -moz-search-close-enter{from{opacity:0;filter:alpha(opacity=0);-moz-transform:rotate(-45deg) scale(0);}to{opacity:1;filter:alpha(opacity=100);-moz-transform:rotate(90deg) scale(1);}} @keyframes -ms-search-close-enter{from{opacity:0;filter:alpha(opacity=0);-ms-transform:rotate(-45deg) scale(0);}to{opacity:1;filter:alpha(opacity=100);-ms-transform:rotate(90deg) scale(1);}} .search-box-close .new-search-close{ animation: search-close-leave 0.5s both 0s; } @keyframes search-close-leave{from{opacity:1;filter:alpha(opacity=100);transform:rotate(90deg) scale(1)}to{opacity:0;filter:alpha(opacity=0);transform:rotate(-45deg) scale(0)}} @keyframes -webkit-search-close-leave{from{opacity:1;filter:alpha(opacity=100);-webkit-transform:rotate(90deg) scale(1);}to{opacity:0;filter:alpha(opacity=0);-webkit-transform:rotate(-45deg) scale(0);}} @keyframes -moz-search-close-leave{from{opacity:1;filter:alpha(opacity=100);-moz-transform:rotate(90deg) scale(1);}to{opacity:0;filter:alpha(opacity=0);-moz-transform:rotate(-45deg) scale(0);}} @keyframes -ms-search-close-leave{from{opacity:1;filter:alpha(opacity=100);-ms-transform:rotate(90deg) scale(1);}to{opacity:0;filter:alpha(opacity=0);-ms-transform:rotate(-45deg) scale(0);}} .new-search-wrap .new-search-box .new-search-input{overflow:hidden;font-size:0;padding:15px 0;border-bottom:1px solid rgba(0,0,0,.05)} .new-search-input input{width:100%;padding:0 90px 0 20px;height:30px;font-size:14px;line-height:30px;background:transparent;color:#333;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;opacity:0;border:0} .search-box-show .new-search-input input{opacity:1; } .new-search-wrap .new-search-box .new-search-content{position:relative;width:100%;height:auto} .new-search-wrap .new-search-box .new-search-content dl{border-bottom:1px solid rgba(0,0,0,.05);padding-bottom:12px} .new-search-wrap .new-search-box .new-search-content dl:last-child{border-bottom:0;padding-bottom:0} .new-search-wrap .new-search-box .new-search-content .new-search-tip{height:300px} .new-search-wrap .new-search-box .new-search-content .new-search-tip dd{display:block;padding:0 44px;font-size:15px;color:#666;font-weight:400;line-height:40px} .new-search-wrap .new-search-box .new-search-content dt{width:auto;height:auto;padding-left:20px;font-size:12px;padding-top:24px;line-height:1;margin-bottom:20px} .new-search-wrap .new-search-box .new-search-content dd{width:100%} .new-search-wrap .new-search-box .new-search-content a{display:block;padding:10px 44px;color:#666;font-weight:400;line-height:20px;-webkit-transition:.4s;-o-transition:.4s;-moz-transition:.4s;transition:.4s;cursor:pointer;white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .new-search-wrap .new-search-box .new-search-content a:hover{background:#f7f8f9;color:#fd4f00} .new-search-wrap .new-search-box .new-search-content b{color:#fd4f00} .new-search-recommend dd{opacity:0; } .new-search-recommend{display:none;} .new-search{display:none;} .search-box-show .new-search-recommend{display:block} .search-box-show .new-search{display:none;} .search-box-show .new-search-recommend dd{ animation: dd-enter .3s forwards;opacity:0; } @keyframes dd-enter{from{transform:translateY(-25px);opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100);transform:translateY(0);}} @-webkit-keyframes dd-enter{from{-webkit-transform:translateY(-25px);opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100);-webkit-transform:translateY(0);}} @-moz-keyframes dd-enter{from{-moz-transform:translateY(-25px);opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100);-moz-transform:translateY(0);}} /*@-o-keyframes dd-enter{from{-o-transform:translateY(-25px);opacity:0;filter:alpha(opacity=0)}to{opacity:1;filter:alpha(opacity=100);-o-transform:translateY(0);}}*/ .search-box-show .new-search-recommend dd:nth-child(1){animation-delay:0s;} .search-box-show .new-search-recommend dd:nth-child(2){animation-delay:.1s} .search-box-show .new-search-recommend dd:nth-child(3){animation-delay:.2s} .search-box-show .new-search-recommend dd:nth-child(4){animation-delay:.3s} .search-box-show .new-search-recommend dd:nth-child(5){animation-delay:.4s} .search-box-show .new-search-recommend dd:nth-child(6){animation-delay:.5s} .search-box-show .new-search-recommend dd:nth-child(7){animation-delay:.6s} .search-box-show .new-search-recommend dd:nth-child(8){animation-delay:.7s} .search-box-show .new-search-recommend dd:nth-child(9){animation-delay:.8s} .search-box-show .new-search-recommend dd:nth-child(10){animation-delay:.9s} .search-box-show .new-search-recommend dd:nth-child(11){animation-delay:1s} .search-active .navmenu li.itemli>a,.search-active .navsearch li.itemli>a {visibility: hidden; -webkit-tap-highlight-color: transparent;} .search-active .navmenu li.itemli,.search-active .navsearch li.itemli {-webkit-animation:li-item-hide .4s both;animation:li-item-hide .4s both;pointer-events:none} .search-active .navmenu li:nth-child(1){animation-delay:0.5s;} .search-active .navmenu li:nth-child(2){animation-delay:.4s} .search-active .navmenu li:nth-child(3){animation-delay:.3s} .search-active .navmenu li:nth-child(4){animation-delay:.2s} .search-active .navmenu li:nth-child(5){animation-delay:.1s} .search-active .navmenu li:nth-child(6){animation-delay:.0s} /*.search-box-show .navmenu li:nth-child(7){animation-delay:.4s} .search-box-show .navmenu li:nth-child(8){animation-delay:.3s} .search-box-show .navmenu li:nth-child(9){animation-delay:.2s} .search-box-show .navmenu li:nth-child(10){animation-delay:.1s} .search-box-show .navmenu li:nth-child(11){animation-delay:0s}*/ .search-box-close li.itemli {-webkit-animation:li-item-show .4s both;animation:li-item-show .4s both;/*pointer-events:none*/} .search-box-close .navmenu li:nth-child(1){animation-delay:.1s;} .search-box-close .navmenu li:nth-child(2){animation-delay:.2s} .search-box-close .navmenu li:nth-child(3){animation-delay:.3s} .search-box-close .navmenu li:nth-child(4){animation-delay:.4s} .search-box-close .navmenu li:nth-child(5){animation-delay:.5s} .search-box-close .navmenu li:nth-child(6){animation-delay:.6s} .mask{position:fixed;top:0;left:0;height:0;width:0;background:rgba(0,0,0,.7);transition:opacity 1s ease .1s;opacity:0} .mask-open{height:100%;width:100%;opacity:1;z-index:9} .mask-close{opacity:0} #btn-show-search{cursor:pointer; font-size:20px;font-weight:normal;} .navsearch li.itemli.last a{ padding-left:0} .navsearch li.itemli.last a.iconlanuage{ font-weight:normal;font-size:20px;font-weight:normal;} @media (min-width: 768px) and (max-width: 1199px) { #btn-show-search,.navsearch li.itemli.last a.iconlanuage { font-size: 16px; } } @-webkit-keyframes li-item-show{0%{opacity:0;-webkit-transform:scale(0);}60%{opacity:1}to{opacity:1;-webkit-transform:scale(1);}} @keyframes li-item-show{0%{opacity:0;transform:scale(0);}60%{opacity:1}to{opacity:1;transform:scale(1);}} @-webkit-keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @keyframes global-searchform-slide{0%{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0);-webkit-animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);animation-timing-function:cubic-bezier(.11393,.8644,.14684,1);opacity:0}60%{opacity:1}to{-webkit-transform:translateZ(0);transform:translateZ(0)}} @-webkit-keyframes li-item-hide{0%{opacity:1;-webkit-transform:scale(1);}40%{opacity:1}to{opacity:0;-webkit-transform:scale(0);}} @keyframes li-item-hide{0%{opacity:1;transform:scale(1);}40%{opacity:1}to{opacity:0;transform:scale(0)}} #autoresult table{ width: 100%;} #autoresult .std { height:40px; line-height:40px; padding: 0 40px;overflow:hidden; padding-right:60px;display:block; border-top: solid 1px #f2f2f2;font-size:14px; cursor:pointer;} #autoresult .std strong{ color:#000;font-weight:normal; display:inline-block;float:left;height:100%;width:120px;overflow:hidden; cursor:pointer;} #autoresult .std strong:hover{ color:#fd4f00;} #autoresult .std:hover { background:#f2f2f2;} #autoresult .tstopic{display:inline-block;float:left;height:100%;padding:0 15px;overflow:hidden;font-size:14px; text-align:left; cursor:pointer;} #autoresult .tstopic:hover{color:#fd4f00; } /*弹出层时，黑背景*/ .global-mask { position: fixed; top: 0; left: 0; height: 0; width: 0; background: rgba(0,0,0,.5); transition: opacity 1s ease .1s; opacity: 0; } /*下拉产品导航*/ .nav-pro-cell { padding-top:10px;padding-bottom:20px; position: relative; overflow: hidden; display: block; } .nav-pro-cell ul { white-space: nowrap; overflow: hidden; position: relative; text-align:center;} .nav-pro-cell ul li { width: 12.5%; position: relative; display:inline-block } .nav-pro-cell ul li .cell{ display:block;text-align:center;font-weight:500} .nav-pro-cell ul li .cell span{ font-size:80px;color:#777;} .nav-pro-cell ul li .cell img {width: 50px; -webkit-transition: opacity ease .3s; -moz-transition: opacity ease .3s; transition: opacity ease .3s; opacity: 1; } .nav-pro-cell ul li a.cell .cname { display: block;font-weight: 100; line-height: 14px; font-size: 12px;overflow: hidden; white-space: nowrap; /*padding-top: 20px;*/ -webkit-transition: all 0s; -moz-transition: all 0s; transition: all 0s; } .nav-pro-cell ul li div span { font-size: 12px; font-weight: normal; color: #666; } .nav-pro-cell ul li:hover a.cell div,.nav-pro-cell ul li:hover a.cell{color:#fd4f00; } @media (min-width:1200px) and (max-width: 1439px) { .nav-pro-cell ul li .cell img { width: 45px; } } @media (min-width: 992px) and (max-width: 1199px) { .nav-pro-cell ul li a.cell .cname { font-size: 12px; } .nav-pro-cell ul li .cell img { width: 40px; } } @media (min-width:768px) and (max-width: 991px) { .nav-pro-cell { padding-top: 40px; padding-bottom: 10px; } .nav-pro-cell ul li .cell img { width: 40px; } .nav-pro-cell ul li a.cell .cname { font-size: 12px;padding-top: 10px; } .nav-pro-cell ul li ,.nav-pro-cell ul.forb li{ width: 25%;padding-bottom:25px; } } /*footer*/ .footer{background: #000;/*background: #272727;*/border-top: 0px solid #fd4f00;} .ftLeftLinks { padding: 64px 0 42px;} .ftLeftLinks dl{ float:left; width:14%;} .ftLeftLinks dt{ padding-bottom:8px;font-size:14px;font-weight:600;position: relative;color:#fff;} .ftLeftLinks dl dt b { display:none;position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px; display: none; color: #333; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; } .ftLeftLinks dd a{ display:block; height:35px; line-height:35px; overflow:hidden; font-size:14px;} .footer a:link,.footer a:visited{color:#999da0;} .footer a:hover,.footer a:active{color:#fd4f00;} .ftLeftLinks .ftHotline{float:right;width:15%;} .ftLeftLinks h3{font-size:14px;font-weight:600;color:#fff;padding-bottom: 8px;} .ftLeftLinks h4{ font-size: 20px;font-weight:100;color:#fff;margin-bottom:15px;;text-align:center;} .ftLeftLinks h4 a{ font-size: 20px; text-align: center; color: #fff;font-weight:100;height:35px; line-height:35px;} .ftLeftLinks h4 a.ftbtnonline{display:block;;font-weight: 300; text-align: center; vertical-align: middle;cursor: pointer; border: 1px solid #fff; border-radius: 2px; padding: 0 1em;background-color: transparent; transition: .25s;line-height: 40px; height: 40px; font-size: 16px;} .ftLeftLinks h4 a.ftbtnonline::before{content:"";background-color:#000;content: ""; display: block; position: absolute; top: -1px; left: -1px; z-index: -1; width: 0; height: calc(100% + 2px); transition: .25s; border-radius: 2px; } .ftLeftLinks h4 a.ftbtnonline.focus,.ftLeftLinks h4 a.ftbtnonline:hover{color:#fff} .ftLeftLinks p{font-size:12px;color:#999da0;padding-top:10px;} @media (min-width:1200px) and (max-width: 1439px) { } @media (min-width: 992px) and (max-width: 1199px) { } @media (min-width:768px) and (max-width: 991px) { .ftLeftLinks dl{ float:left; width:15%;} .ftLeftLinks .ftHotline { width: 24%; } } @media (max-width: 768px) { .footer .share { text-align: center; width: 100%; } } .footer .share>a{width:34px;height:34px;margin:10px auto 0;border-radius:50%;display:inline-block; text-align: center;;cursor:pointer;line-height:34px;color:#fff!important;-webkit-transition:all .5s;-o-transition:all .5s;transition:all .5s;position:relative;background:#ccc} .footer .share>a .iconfont:hover{-webkit-animation:rock .4s;animation:rock .4s} .footer .share .iconfont{font-size:20px;display:inline-block;z-index:2;position:relative} .footer .share>a:after{content:"";position:absolute;width:100%;height:100%;border-radius:50%;left:0;top:0;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0)} .footer .share>a:hover:after{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s} /*.footer .share>a:first-child{background:#fd4f00} .footer .share>a:nth-child(2){background:#3dbe5b} .footer .share>a:nth-child(3){background:#ff5757} .footer .share>a:nth-child(4){background:#3b5998} .footer .share>a:nth-child(5){background:#1da1f3} .footer .share>a:first-child:hover::after{background:red} .footer .share>a:nth-child(2):hover:after{background:#3dce5b} .footer .share>a:nth-child(3):hover:after{background:#cc5757} .footer .share>a:nth-child(4):hover:after{background:#af5998} .footer .share>a:nth-child(5):hover:after{background:#1db1f5}*/ .footer .share>a:first-child{background:#3dbe5b} .footer .share>a:nth-child(2){background:#ff5757} .footer .share>a:nth-child(3){background:#3b5998} .footer .share>a:nth-child(4){background:#1da1f3} .footer .share>a:first-child:hover::after{background:red} .footer .share>a:nth-child(2):hover:after{background:#3dce5b} .footer .share>a:nth-child(3):hover:after{background:#cc5757} .footer .share>a:nth-child(4):hover:after{background:#af5998} .footer .share>a:nth-child(5):hover:after{background:#1db1f5} .footer .share .wxWrap{position:relative} .footer .share .wxWrap .qrcode{width:128px;height:153px;border:1px solid #bcbcbc;color:gray;position:absolute;left:-50px;top:-160px;text-align:center;line-height:1;background:#fff;border-radius:3px;font-size: 12px;} .footer .share .wxWrap .qrcode:before{content:"";width:5px;height:5px;background:#fff;border-top:1px solid #bcbcbc;border-right:1px solid #bcbcbc;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);display:block;position:absolute;right:-4px;top:15px} .footer .share .wxWrap .qrcode:before { content: ""; width: 5px; height: 5px; background: #fff; border-top: 1px solid #bcbcbc; border-right: 1px solid #bcbcbc; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); display: block; position: absolute; right: -4px; top: 15px; } .footer .share .wxWrap .qrcode img{margin:0px auto 0px;max-width:100%;} .footer .share .wxWrap .qrcode #qrcodes{padding:7px 5px ;text-align:center;} @-webkit-keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} @keyframes rock{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(5deg);transform:rotate(5deg)}to{-webkit-transform:rotate(0deg);transform:rotate(0deg)}} .footer-second { border-bottom: 1px solid #616466; padding-bottom: 16px;-webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; } .footer-n , .footer-second{ display: -webkit-box; display: flex; -webkit-box-align: end; -moz-align-items: flex-end; align-items: flex-end; } .footer-second .footer-logo { display: block; width: 80px; padding-right: 16px; } .footer-second ul.nav-right li { display: inline-block; height: 18px; padding: 0 16px; } .footer-second ul.nav-right li a { font-size: 12px; line-height: 18px; color: #fff; transition: all .3s ease; } .footer-second ul.nav-right:hover li>a { color: #919699; } .footer-second ul.nav-right:hover li:hover>a { color: #fff; } .footer-second ul.footer-social li { display: inline-block; padding-left: 18px; } .footer-info, .footer-legal { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; } .footer-info { color: #616466; font-size: 12px; padding: 16px 0 0; -webkit-box-pack: justify; -moz-justify-content: space-between; justify-content: space-between; color: #616466; font-size: 12px; padding: 16px 0 0;display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center;} .footer-legal ul li { line-height: 1; display: inline-block; padding: 0 10px; border-right: 1px solid #616466; } .footer-info a:link,.footer-info a:visited,.footer-feedback a:link,.footer-feedback a:visited,.footer-shengming .shengming a { font-size: 12px; transition: all .3s ease; color: #616466; } .footer-info a:hover,.footer-info a:active ,.footer-feedback a:hover,.footer-feedback a:hover,.footer-shengming .shengming a:hover,.footer-shengming .shengming a:active { color: #fff; } .footer-feedback { padding-left: 10px; border-left: 1px solid #616466; margin: 0; min-height: initial; color: #616466; font-size: 12px; line-height: 12px; } .footer-region { position: relative; } .footer-region, .footer-region div { display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; } .footer-shengming { padding: 0 0 32px; color: #616466; font-size: 12px; display: -webkit-box; display: flex; -webkit-box-align: center; -moz-align-items: center; align-items: center; -webkit-box-pack: left; -moz-justify-content: left; justify-content: left; } .footer-shengming .shengming a { margin-right: 5px; } @media (max-width: 768px) { .footer .share { text-align: center; width: 100%; } .footer-info, .footer-legal,.footer-region, .footer-region div,.footer-shengming { text-align:center;display:block;padding:5px 15px; } .footer-second { border-bottom:0px solid #616466; padding-bottom: 0px; } } @media (max-width: 767px) { .table-responsive { border: 0px solid #ddd; } /*footer*/ .footer{ padding:0px 0 15px 0;background-color:#fff; margin-top:0px;border:none; border-top: solid 10px #f5f6f7; } .ftLeftLinks dl{ float:none; padding:0 15px;width: auto;border-bottom: 1px #ebebeb solid;overflow: hidden; max-height: 45px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1);} .ftLeftLinks dl dt b { display: block; } .ftLeftLinks dl dd { padding-left:15px; } .ftLeftLinks dt{ font-size:14px;width: auto; margin-bottom: 0; padding: 12px 0;color:#000; } .ftLeftLinks dd a{ display:block; height:25px; line-height:25px; overflow:hidden;} .ftLeftLinks dl.active dt b { will-change: transform; -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .ftLeftLinks dl.active {width: auto; max-height: 265px; will-change: transform,max-height;padding-bottom:15px;} .ftLeftLinks { padding-bottom: 10px; } .ftLeftLinks .ftHotline { float: none; width: 100%;padding-left:15px;padding-right:15px;font-size:14px; } .ftLeftLinks { padding-top:15px;} .ftLeftLinks h3{font-size:14px;float:left;padding-right:10px;} .ftLeftLinks .ftHotline h4{font-size:14px;float:none;padding-top:20px;margin-bottom:0px;float: left; width: 49%;margin-left:1%;color:#000} .ftLeftLinks .ftHotline h4.icon-contact:before { content: ""; } .ftLeftLinks .ftHotline h4 a,.ftLeftLinks .ftHotline a.ftbtnonline { display: block; font-weight: 300; text-align: center; vertical-align: middle; cursor: pointer; border: 1px solid #999da0; border-radius: 2px; padding: 0 1em; background-color: transparent; transition: .25s; line-height: 40px; height: 40px; font-size: 14px; } .ftLeftLinks p{text-align:center;display:block;clear:both;font-size:14px;} .ftLeftLinks .ftweixin{ display:none;} .ftLeftLinks .ftweixin img{max-width:100%;} } @media (min-width: 768px) and (max-width: 1199px) { .footer{padding: 0;font-size:12px;} .ftLeftLinks dd a{ height:20px; line-height:20px; font-size:12px;} .ftLeftLinks h3{font-size:14px;padding-bottom:5px;} .ftLeftLinks h4{font-size:18px;padding-bottom:5px;} .ftLeftLinks p{line-height:18px;} } /*超小设备手机（<768px）*/ @media (max-width: 767px) { body{ font-size: 14px; line-height: 24px;} .header-banner-bd { height: auto; }/*banner高度*/ #header-banner .banner-btn{width:50px;display:none;} #header-banner .carousel-indicators-wrap{top:auto;bottom:0px;text-align: center;} } .chat_box{ width: 50px; height: 50px; border-radius: 100px; -webkit-box-shadow: 0 0 14px rgba(146, 182, 202, 0.3); box-shadow: 0 0 14px rgba(146, 182, 202, 0.3); position: fixed; bottom: 110px; right: 38px; z-index: 1002; -webkit-transition: all .6s; transition: all .6s; } .chat_box.up{ bottom: 170px; } .chat_box .face{ width: 100%; height: 100%; border-radius: 100px;background: #fff; overflow: hidden; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); cursor: pointer; } #chat_ways{ position: relative; z-index: 1002; bottom: 200px; right: 532px; width: 512px; height: 200px; border-radius: 10px; background: #fff; -webkit-box-shadow: 0 2px 17px rgba(70, 130, 176, 0.15); box-shadow: 0 2px 17px rgba(70, 130, 176, 0.15); } #chat_ways .help_center, #chat_ways .qq, #chat_ways #other_contact{ width: 160px; position: absolute; top: 49%; -webkit-transform: translate3d(0, -50%, 0); transform: translate3d(0, -50%, 0); } #chat_ways .help_center img, #chat_ways .qq img, #chat_ways #other_contact img{ width: 60px; margin: 0 auto; display: block; opacity: .6; -webkit-transition: all .2s; transition: all .2s; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } #chat_ways .help_center{ cursor: pointer; right: 18px; } #chat_ways .help_center:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); opacity: .7; } #chat_ways .qq{ left: 20px; cursor: pointer; } #chat_ways .qq:hover img{ -webkit-transform: scale(1.05); transform: scale(1.05); opacity: .7; } #chat_ways #other_contact{ left: 176px; } #chat_ways .contact_type{ width: 100%;display:block; padding-top: 10px; color: #000; font-size: 1.4rem; font-weight: 800; line-height: 1.4; opacity: .7; text-align: center; } #chat_ways #phone{ position: absolute; bottom: 0; border-top: 1px solid rgba(83, 133, 165, 0.25); line-height: 3; background: rgba(83, 133, 165, 0.05); opacity: .4; left: 50%; color: rgba(61, 81, 94, 0.9); font-size: .9rem; -webkit-transform: translateX(-50%); transform: translateX(-50%); width: 100%; margin: 0 auto; text-align: center; cursor: pointer; -webkit-transition: opacity .3s; transition: opacity .3s; } #chat_ways .contact_time{ width: 100%; color: #3c5e6c; opacity: .6; padding-top: 6px; text-align: center; font-size: .9rem; } .chat_box .btn_show{ opacity: 1; -webkit-transform: rotate(0deg) scale(1); transform: rotate(0deg) scale(1); } .chat_box .btn_hide{ opacity: 0; -webkit-transform: rotate(30deg) scale(0.8); transform: rotate(30deg) scale(0.8); } .chat_box #close{ opacity: 0; -webkit-transform: rotate(-60deg) scale(0.8); transform: rotate(-60deg) scale(0.8); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); } .chat_box .face_wrap{ background:url(/static/images/smile.png) no-repeat center;width: 100%; height: 100%; position: absolute; left: 0; -webkit-transition: all .3s; transition: all .3s; -webkit-transform-origin: center center; transform-origin: center center;text-align:center; } .chat_box .close_show{ opacity: 1 !important; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.8) !important; transform: translate(-50%, -50%) rotate(0deg) scale(0.8) !important; } .chat_box .close_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.8) !important; transform: translate(-50%, -50%) rotate(-60deg) scale(0.8) !important; } .chat_box .close_cell{ opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); cursor: pointer; } .code_box {cursor: pointer; width: 50px; height: 50px; border-radius: 50%; background: #fff; opacity: 0; position: fixed; right: 38px; bottom: 40px; -webkit-transition: all 0.6s 0.1s ease; transition: all 0.6s 0.1s ease; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); z-index: 1001; -webkit-box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); } .code_box:before { content: ""; display: inline-block; height: 100%; width: 1px; vertical-align: middle; } .code_box.fadein{ opacity: 1; } .code_box.up{ bottom: 100px; } .code_box .bg{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; } .code_box .code{ display: inline-block;background-image: url("/static/images/btncode.png"); background-position: center; background-size: cover; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1); transform: translate(-50%, -50%) rotate(0deg) scale(1); width: 22px; height: 22px; -webkit-transition: all 0.3s cubic-bezier(0.25, 0.1, 0.24, 1.24); transition: all 0.3s cubic-bezier(0.25, 0.1, 0.24, 1.24); } .code_box .code_show{ opacity: 1; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(1); transform: translate(-50%, -50%) rotate(0deg) scale(1); } .code_box .code_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(30deg) scale(0.8); transform: translate(-50%, -50%) rotate(30deg) scale(0.8); } .code_box .ma_box{ width: 150px; height: 150px; position: absolute; right: 84px; top: -60px; border-radius: 16px; -webkit-transform-origin: right bottom; transform-origin: right bottom; -webkit-box-shadow: 0 2px 17px rgba(70, 130, 176, 0.05); box-shadow: 0 2px 17px rgba(70, 130, 176, 0.05); } .code_box .ma_box .ma_cell{ height: 100%; position: relative; } .code_box .ma_box .ma_cell img{ position: absolute; bottom: 0; left: 0; width: 150px; } .code_box .close_cell.close_show{ opacity: 1 !important; -webkit-transform: translate(-50%, -50%) rotate(0deg) scale(0.6) !important; transform: translate(-50%, -50%) rotate(0deg) scale(0.6) !important; } .code_box .close_cell.close_hide{ opacity: 0; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.6) !important; transform: translate(-50%, -50%) rotate(-60deg) scale(0.6) !important; } .code_box .close_cell{ opacity: 0; position: absolute; top: 50%; left: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); transform: translate(-50%, -50%) rotate(-60deg) scale(0.8); -webkit-transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); transition: all 0.4s cubic-bezier(0.25, 0.1, 0.21, 1.4); cursor: pointer; } .GoTop_box {width: 50px; height: 50px;cursor: pointer;display: inline-block;text-align: center; border-radius: 50%; background: #fff; opacity: 0; position: fixed; right: 38px; bottom: 30px; -webkit-transition: all 0.6s 0.1s; transition: all 0.6s 0.1s; z-index: 1000; -webkit-box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); box-shadow: 0 0 20px rgba(0, 0, 100, 0.1); } @media (max-width: 767px) {.GoTop_box {width: 30px; height: 30px;}} .GoTop_box .arrow { width: 16px; height: 3px; background: #000; border-radius: 20px; position: absolute; top: 38%; left: 50%; -webkit-transition: all 0.3s; transition: all 0.3s; } .GoTop_box .btnleft { -webkit-transform: translate(-16px, 0) rotate(-45deg); transform: translate(-16px, 0) rotate(-45deg); -webkit-transform-origin: right top; transform-origin: right top; } .GoTop_box .btnright { -webkit-transform: translate(1px, 0) rotate(45deg); transform: translate(1px, 0) rotate(45deg); -webkit-transform-origin: left top; transform-origin: left top; } .GoTop_box:hover .btnleft { -webkit-transform: translate(-17px, 0) rotate(-58deg); transform: translate(-17px, 0) rotate(-58deg); -webkit-transform-origin: right top; transform-origin: right top; } .GoTop_box:hover .btnright { -webkit-transform: translate(1.5px, 0) rotate(58deg); transform: translate(1.5px, 0) rotate(58deg); -webkit-transform-origin: left top; transform-origin: left top; } .GoTop_box.fadein { opacity: 1; } @media (max-width: 767px) { .GoTop_box,.code_box{ right: 8px;} .GoTop_box .arrow { width: 10px; height: 2px; } .GoTop_box .btnleft { -webkit-transform: translate(-10px, 0) rotate(-45deg); transform: translate(-10px, 0) rotate(-45deg); } .GoTop_box:hover .btnleft { -webkit-transform: translate(-11px, 0) rotate(-58deg); transform: translate(-11px, 0) rotate(-58deg); } } .hotfaq {padding-top:50px;} .hotfaq ul{overflow:hidden;} .hotfaq ul li{width:47%;} .hotfaq .hotlist a{color:#666;font-size:14px;padding-left:25px;margin-bottom:20px;border-bottom:1px solid #f5f5f5;padding-bottom:20px;display: block;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .hotfaq .hotlist li div:last-child a{border-bottom:0px solid #e5e5e5;} .hotfaq .hotlist li .iconfont { font-size: 12px; } .hotfaq .hotlist a:hover{color:#fd4f00;} /*没有搜索结果时*/ .nodata-content { } .nodata-wrap { width: 100%; } .nodata-wrap .search-null { text-align: center; line-height: 2; padding: 100px 0 ; } .nodata-wrap .search-null .iconfont{ font-size:100px;} .nodata-wrap .search-null .result { } .nodata-wrap .search-null .tip { color: #333; padding-bottom: 20px; font-size: 14px; } .nodata-wrap .search-null .btnall{background-color:#fa6147;border:#f60} .support-nav { background: #fff; padding: 24px 0; } .support-nav .support { margin: 0; background: 0 0; color: #707473; text-transform: capitalize; font-weight: 300; font-size: 12px; padding: 0 0 0 3px; } .support-nav .support li { display: inline-block; } .support-nav .support a { color: #707473; } .support-nav .support li+li:before { color: #707473;content: '/\00a0'; padding: 0 5px; color: #ccc; } @media (min-width:1200px) and (max-width: 1439px) { .support-nav { padding: 18px 0; } } @media (min-width: 992px) and (max-width: 1199px) { .support-nav { padding: 16px 0; } } @media (min-width:768px) and (max-width: 991px) { .support-nav { padding: 14px 0; } } @media (max-width: 768px) { .support-nav { padding: 10px; } } /*页面导航*/ .propath { background: #fff; padding: 22px 0; position: relative;} .propath ul { margin: 0; background: 0 0; color: #707473; text-transform: capitalize; font-weight: 300; font-size: 12px; padding: 0 0 0 3px; border-radius: 4px;list-style: none;} .propath ul>li { display: inline-block; } .propath ul a { color: #707473; } .propath ul>li+li:before { content: '/\00a0'; padding: 0 5px; color: #ccc; } .propath ul>li+li:before { color: #707473; padding: 0 3px 0 6px; } @media (min-width: 768px) and (max-width: 991px) { .propath { padding: 10px 0; } } .IE7 .col-md-8,.IE7 .col-sm-8,.IE7 .col-xs-8{width:60% ! important} .IE7 .col-md-6,.IE7 .col-sm-6{width:48% ! important} .IE7 .col-md-4,.IE7 .col-sm-4,.IE7 .col-xs-4{width:30% ! important} .IE7 .col-md-3,.IE7 .col-sm-3{width:22% ! important} .IE7 .col-md-2,.IE7 .col-sm-2{width:15% ! important} .IE7 .search-input-wrap input{height:60px; line-height:40px;} .IE7 .sptdleft{ text-align:left;} .IE7 #column5 .piczone{height:475px} .IE7 .searchwhere select{ line-height:25px; height:25px;} .Safari input {line-height: 1px !important;color:#000 } /*pro banner**/ #probanner { width: 100%; } #probanner .bannerBox { position: relative; width: 100%; height: 530px; text-align: center; background: url("/static/images/banner/probannerBg.jpg") no-repeat; background-size: 100% 100%; } @media (max-width: 520px) { #probanner .bannerBox { background: url("/static/images/banner/mobileBg.png") no-repeat; background-size: 100% 100%; } } #probanner .bannerBox .container h1 {padding-top: 150px; font-size: 44px; font-weight: 500; color: #FFFFFF;padding-bottom:25px; } @media (max-width: 520px) { #probanner .bannerBox .container h1 { font-size: 28px; } } #probanner .bannerBox .container p { margin-bottom: 14px; font-size: 20px; line-height: 16px; color: #FFFFFF;padding-bottom: 40px; } @media (max-width: 520px) { #probanner .bannerBox .container p { padding: 0 20px; line-height: 28px; } } #probanner .bannerBox .btnlists { width: 100%; overflow: hidden; text-align: center; } .btncell { width:340px;margin:0 auto; } .btncell .onebtn { float: left; width: 130px; height: 40px; line-height: 40px; text-align: center; color: #FFFFFF; cursor: pointer; -webkit-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); margin: 0 20px; } .btncell .onebtn a { display: block; border-radius: 3px; border: 1px solid #FFFFFF; width: 100%; height: 40px; color:#fff; transition:all 0.3s} .btncell .onebtn a:hover { border-color:#fd4f00; background-color: #fd4f00; } .serbox { padding: 100px 0px; } .serheader h3{font-size: 30px; font-weight: 500; line-height: 40px; text-align: center;padding-bottom:10px;} .serheader p,.serheader div { text-align: center; color: #333333; width: 648px; margin: 0 auto; ;padding-bottom:50px; font-size:16px;} .serheader div { width:900px;} @media (max-width: 767px) { .serbox { padding: 30px 0px; } .serheader { padding:0px 15px;} .serheader h3{font-size: 18px; line-height: 30px; padding-bottom:0px;} .serheader p,.serheader div { width: auto;padding-bottom:20px; font-size:14px; text-align:left;} } @media (min-width: 768px) and (max-width: 991px) { .serbox { padding: 40px 0px; } .serheader h3{font-size: 20px; line-height: 30px; padding-bottom:10px;} .serheader p,.serheader div { width: 700px;padding-bottom:20px; font-size:14px;} } @media (min-width: 992px) and (max-width: 1199px) { .serbox { padding: 50px 0px; } .serheader h3{font-size: 22px; line-height: 30px; padding-bottom:10px;} .serheader p,.serheader div { width: 600px;padding-bottom:30px; font-size:14px;} } @media (min-width: 1200px) and (max-width: 1920px) { .serbox { padding: 60px 0px; } .serheader h3{font-size: 24px; line-height: 30px; padding-bottom:15px;} } .home-news { background-color: #f2f2f2;padding:100px 0; } .home-news h2 { margin-bottom: 40px; padding-bottom: 0; font-size: 40px; line-height: 42px; text-align: center; } .home-news-box { position: relative; touch-action: manipulation; -moz-backface-visibility: hidden; } .news-item { position: relative; min-height: 1px; float: left; -webkit-backface-visibility: hidden;float:left; width: 25%; } .news-item-cell { white-space: initial;padding: 0 7px!important; } .news-a { white-space: normal; cursor: pointer; position: relative; display: block;background: #FFF; } .news-a .news-a-txt { z-index: 1; position: relative; padding: 20px; background: #FFF; transition: transform .5s ease;padding-bottom:35px; } .news-a:hover .news-a-txt{transform:translateY(-55px);-ms-transform:translateY(-55px)} .news-a .readblock { position: absolute; bottom: 0; left: 0; z-index: 0; width: 100%; } .news-a-img { position: relative; background: url(/static/images/loader.gif) 50% 50% no-repeat; background-size: 40px; box-shadow: none; } .news-a-img img{ width:100%} .news-a .label-wrapper { position: absolute; top: 0; left: 0; transform: translateY(-100%); max-width: 100%; } .news-a .label, .news-a .label-text { font-size: 12px; line-height: 1em; text-transform : capitalize; color: transparent; padding: 7px 20px; background: rgba(0,0,0,.7); border-radius: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; display: block; } .news-a .label-text { color: #FFF; position: absolute; top: 0; left: 0; background: 0 0; } .news-item:first-child .lblcolor{background-color:#FF0000; opacity:0.7;} .news-item:nth-child(2) .lblcolor{background-color:#0000ff; opacity:0.7;} .news-item:nth-child(3) .lblcolor{background-color:#00ffff; opacity:0.7;} .news-item:last-child .lblcolor{background-color:#00ff00; opacity:0.7;} .news-a .title { margin-top: 0; color: #000; font-size: 16px; font-weight: 500; margin-bottom: 9px; overflow: hidden; /*white-space: nowrap; text-overflow: ellipsis;*/ line-height: 25px;height:50px; } .news-a .smalls { color: #999;height: 120px; line-height: 24px; overflow: hidden; } .news-a .read-hloder { background: #e7e8e9; height: 61px; line-height:61px; text-align: center; } .news-a .read-hloder div { color: #fd4f00; } .news-read, .news-read:focus, .news-read:hover { color: #01A982; text-decoration: none; } .news-read { position: relative; font-size: 12px; text-align:center;} .news-read .arrow { display: inline-block; margin-left: 5px; vertical-align: middle; transition: transform 150ms ease-in-out; } .news-read:focus .arrow,.news-read:hover .arrow{transform:translateX(5px)} @media (max-width: 767px) { .home-news{padding:30px 0;} .news-item { float: none;width: 100%; } .news-item-cell { padding: 0px!important; } .news-a .title { font-size: 14px; font-weight: 500;overflow: auto; white-space:initial; text-overflow: initial;line-height:initial; height:auto; } .news-a .smalls { height: auto; line-height:initial; overflow: auto; font-size:14px;font-weight:normal; } } @media (min-width: 768px) and (max-width: 991px) { .home-news{padding:40px 0;} .news-item { width: 50%; margin-bottom:15px; } } @media (min-width: 992px) and (max-width: 1199px) { .home-news{padding:40px 0;} .news-item { width: 33.33%;margin-bottom:15px; } } @media (min-width: 1200px) and (max-width: 1920px) { .home-news{padding:50px 0;} } .normalBanner{position:relative;background-image:url(/static/images/banner/banner_1hd.jpg);background-size:cover;background-position:center;} .ptouter{position:relative;height:530px;} .normalBanner .BannerBox{position: absolute; top: 0; right: 0; bottom: 0; left: 0; text-align: left; font-size: 0; white-space: nowrap; overflow: hidden;} .normalBanner .BannerBox:after { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .normalBanner .BannerBox .LeftCell{display: inline-block; vertical-align: middle; text-align: left; font-size: 14px; white-space: normal;} .normalBanner .BannerBox .Cell{width:600px;} .normalBanner .BannerBox .LeftCell .bannerPath { font-size: 14px; color: #fff!important;padding-bottom:5px;} .normalBanner .BannerBox .LeftCell .bannerPath a{ color: #fff!important;} .normalBanner .BannerBox .LeftCell .bannerPath a:not(:last-child):after { content: ' \203A'; margin:0 5px;} .normalBanner .BannerBox .LeftCell .bannerCore{} .normalBanner .BannerBox .LeftCell .bannerCore h1{font-weight: 500;line-height: 60px;color: #fff!important;font-size: 40px;text-transform : uppercase} .normalBanner .BannerBox .LeftCell .bannerCore p{color: #fff!important; font-weight: 500!important;margin-top: 1rem;} .normalBanner .BannerBox .LeftCell .btn-box {margin-top: 1.5em;} .normalBanner .BannerBox .LeftCell .btn-box .btns { display: inline-block; font-weight: 400; text-align: center; white-space: nowrap; vertical-align: middle; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; border: 1px solid transparent; padding: .375rem .75rem; font-size: 1rem; line-height: 1.375; -webkit-transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; transition: color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out; } .normalBanner .BannerBox .LeftCell .btn-box .btn1{ cursor: pointer;font-weight: 700; font-size: 14px;color: #000!important;padding: .375rem 2rem;background-color: rgba(255,255,255,.5); border-color: rgba(255,255,255,0);} .normalBanner .BannerBox .LeftCell .btn-box .btns:focus, .normalBanner .BannerBox .LeftCell .btn-box .btns:hover{outline:0;box-shadow:0 0 0 .2rem rgba(29,156,211,.25);background-color: rgba(253,79,0,.5); border-color: rgba(253,79,0,0);color: #fff!important;} .normalBanner .BannerBox .LeftCell .btn-box .btns.focus, .normalBanner .BannerBox .LeftCell .btn-box .btns:focus{outline:0;box-shadow:0 0 0 .2rem rgba(29,156,211,.25);background-color: rgba(253,79,0,.5); border-color: rgba(253,79,0,0);color: #fff!important;} @media (max-width: 767px) { .ptouter{height:230px;} .normalBanner .BannerBox .Cell{width:90%;} .normalBanner .BannerBox .LeftCell .bannerCore h1{line-height: 30px;font-size: 20px;} .normalBanner .BannerBox .LeftCell .bannerCore p{font-weight: normal!important;} .normalBanner .BannerBox .LeftCell .bannerPath { display:none;} } @media (min-width: 768px) and (max-width: 991px) { .menu-nav-sub ul li a{padding:18px 20px;font-size:14px;} .ptouter{height:260px;} .normalBanner .BannerBox .LeftCell .bannerCore h1{font-size: 26px;line-height: 30px;} .normalBanner .BannerBox .LeftCell .bannerCore p {font-weight: normal!important; } .normalBanner .BannerBox .Cell { width: 450px; } .normalBanner .BannerBox .LeftCell .bannerPath a{ font-size:12px;} } @media (min-width: 992px) and (max-width: 1199px) { .ptouter{height:300px;} .normalBanner .BannerBox .LeftCell .bannerCore h1{font-size: 30px;line-height: 40px;} .normalBanner .BannerBox .Cell { width: 450px; } } @media (min-width:1200px) and (max-width: 1920px) { .ptouter{height:360px;} .normalBanner .BannerBox .LeftCell .bannerCore h1{font-size: 36px;line-height: 50px;} .normalBanner .BannerBox .Cell { width: 450px; } } .morelearning { color: #777 !important;font-size: 0.6875em; letter-spacing: 1px; text-transform: uppercase;padding-top:45px; display:block; transition: all 0.3s;} .morelearning::after { content: "\e6a4"; margin-left:10px; font-family: "iconfont" !important;font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; transition: transform 150ms ease-in-out; } .morelearning:hover{ color: #ff2d11 !important;transform:translateX(5px)} .icon4:before { content: "\e6b3"; } .icon5:before { content: "\e6ae" } .icon6:before { content: "\e6ad"; } .icon7:before { content: "\e6a8"; } .icon8:before { content: "\e6aa";} .icon9:before { content: "\e6a9";} .icon10:before { content: "\e6b5"; } .icon11:before { content: "\e6b1"; } .icon12:before { content: "\e6b7";} .icon13:before { content: "\e6b8";} .icon14:before { content: "\e6b0"; } .icon15:before { content: "\e6b6";} .icon16:before { content: "\e6b3";} .icon17:before { content: "\e6b4"; } .icon18:before { content: "\e6b2"; } .icon19:before { content: "\e6b8"; } .icon35:before { content: "\e6b6";} /*-----浮动右侧客服-----*/ .ft_float{ position:fixed; top:600px; right:0; width:50px; height:203px; z-index:9999;} .ft_float li{ width:auto; height:50px; z-index:20;} .ft_float li.ft_float1,.ft_float li.ft_float4,.ft_float li.ft_float5{ position:absolute; left:0; width:62px;} .ft_float li.ft_float1{ top:0;top:51px; left:0;} .ft_float li.ft_float2{ position:absolute; top:0px; left:0; width:126px;} .ft_float li.ft_float3{ position:absolute; top:102px; left:0; width:172px;} .ft_float li.ft_float4{ top:204px;} .ft_float li.ft_float5{ top:153px;} .ft_float5{ position:absolute; top:153px; left:0;} .ft_float li a{ display:block; color:#FFF; font-size:14px; height:50px; line-height:50px; overflow:hidden; background-color:#595656; opacity:0.8; border-radius:6px;transition:all 0.3s;} .ft_float li a img{ display:block; float:left; vertical-align:middle; width:24px; height:24px; margin:12px 12px 14px 14px;} .ft_float li a:hover{ background-color:#fd4f00; opacity:1;} .float_shwx{ position:absolute; top:-155px; left:-200px;width:216px; height:216px; padding-bottom:9px;display:none;} .float_shwx img{ display:block; padding:14px; background-color:#FFF; width:188px; height:188px;} .ft_float li:hover .float_shwx{display:block;} @media (max-width: 767px) { .ft_float{ position:fixed; top:300px; } } /*二级导航*/ .menu-nav-sub{width:100%;z-index:15;background-color:#f2f2f2;} .menu-nav-sub ul{display:block;padding:0;margin:0;text-align:center; } .menu-nav-sub ul li{display:inline-block;padding:0;margin:0} .menu-nav-sub ul li.line{width:1px;height:24px;background-color:rgba(0,0,0,.05);vertical-align:middle} .menu-nav-sub ul li a{display:inline-block;vertical-align:middle;padding:20px 40px;font-size:16px;color:#4b4b4b} .menu-nav-sub ul li a.active{color:#fd4f00;background:#fff;text-decoration:none;margin-left:-4px;margin-right:-4px} .menu-nav-sub ul li a:active, .menu-nav-sub ul li a:focus, .menu-nav-sub ul li a:hover{color:#fd4f00;text-decoration:none} /*解决方案 二级导航*/ .menu-slt{width:100%;z-index:15;background-color:#f2f2f2; height:62px;line-height:62px;} .menu-slt.fixed { box-shadow: 0 1px 3px rgba(0,0,0,0.07); border-bottom: 1px solid #eee; background: rgba(255,255,255,.9); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e5ffffff, endColorstr=#e5ffffff); z-index: 5; } @media (max-width: 767px) { } @media (min-width: 768px) and (max-width: 991px) { .menu-nav-sub ul li a{padding:15px 25px;font-size:14px;} .menu-slt{ height:50px;line-height:50px;} } @media (min-width: 992px) and (max-width: 1199px) { .menu-nav-sub ul li a{padding:20px 25px;} .menu-slt{ height:60px;line-height:60px;} } @media (max-width: 767px) { /*手机头*/ .mhead { height: 45px; position: relative;} .mhead .msbox { position: fixed; width: 100%; z-index: 9999999990; } .mhead .msbin { display: table; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; position: relative; background: white; } .mhead .ms_menu { display: table; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; } .mhead .ms_menu .mitem { display: table-cell; vertical-align: middle; white-space: nowrap;height:45px;line-height:45px; } .mhead .ms_menu .m_left { text-align: left;width:10%; } .mhead .ms_menu .m_center { text-align: center; position:relative;} .mhead .ms_menu .m_right { text-align: right;width:10%; } .mhead .ms_menu .m_logo { float: none; display: block; vertical-align: middle; cursor: pointer; overflow: hidden; line-height: 45px; height: 45px; color: #00a7e1; background: url(/static/images/sLogo.png) no-repeat center;opacity: 1; -webkit-transition: opacity .3s cubic-bezier(0.25,.1,.25,1) .15s; -o-transition: opacity .3s cubic-bezier(0.25,.1,.25,1) .15s; -moz-transition: opacity .3s cubic-bezier(0.25,.1,.25,1) .15s; transition: opacity .3s cubic-bezier(0.25,.1,.25,1) .15s;} .mhead.opened .ms_menu .m_logo { display: none; opacity: 0; -webkit-transition: opacity .3s cubic-bezier(0.32,0,1,1); -o-transition: opacity .3s cubic-bezier(0.32,0,1,1); -moz-transition: opacity .3s cubic-bezier(0.32,0,1,1); transition: opacity .3s cubic-bezier(0.32,0,1,1); } .mhead .ms_menu .m_link { display: inline-block; border-radius: 5px; padding:0 15px; position: relative; color: #323232; text-align: center; -webkit-box-sizing: border-box; box-sizing: border-box; } .mhead .ms_menu .m_link:hover { text-decoration: none; } .mhead .ms_menu .m_link i { font-size: 20px; } .active .iconfont.icon-lines-b:before,.active .iconfont.icon-search3:before { content: "\e636"; } .searchBox{ padding:0 15px ;position:relative; } .searchBox.active{ } .searchBox .searchGray { -webkit-transition: 600ms; transition: 600ms; transition-delay:600ms;-webkit-animation-delay:600ms; position: absolute; right: 25px; top: 0px; width: 20px; height: 20px;display: inline-block; font-size: 18px; opacity: 0; color:#777;} .active .searchBox .searchGray { color: #777; opacity:1;-webkit-animation-delay:0ms;top: 6px;} .searchBox input{border: 1px solid #cececf; padding: 0 12px;width:100%;height:39px;border-radius:4px;outline:none;color: #777; transition: all 0.3s;text-align:center; } .searchBox input:focus{outline:none;color: #555; border: 1px solid #cececf ! important;} .searchBox .cancelSearch{float:right;color:#fff;margin:7px 0 0 2%;font-size:26px ! important;color:#fff;} .searchBox .searchTips { -webkit-box-sizing: border-box; box-sizing: border-box; display: table; width: 100%; padding-top: 25px; } .searchBox .searchTips dt { text-align: left; padding: 0%; font-size: 14px;display: block;color:#555;} .searchBox .searchTips dd { margin: 0; padding: 10px 0; -webkit-box-sizing: border-box; box-sizing: border-box; width: 48%;} .searchBox .searchTips dd a { border: 1px solid #cececf; color: #777; display: block;font-size:14px; padding:8px 25px;text-align:center; } .mslide { position: fixed; z-index: 9; left: 0; top: 45px; bottom: 100%; width: 100%; -webkit-transform: translateX(0); transform: translateX(0); background: #fff; overflow: hidden; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; opacity: .5; -webkit-transition: 600ms; transition: 600ms; } .mslide .m_cell { opacity: 0; padding: 0 25px; text-align: left; position: relative; } .mslide .m_cell:first-child { border-top: none; } .mslide .m_cell>a{ display: block; font-size: 14px; padding: 10px 0;font-weight:500; } .mslide .snav a{ display: block; color: #999; font-size: 14px; padding: 5px 0; position: relative;padding-left:25px; } .mslide .m_cell>a.active:after { content: ''; display: inline-block; margin: 0 0 .2rem 1rem; width: .5rem; height: .5rem; border-radius: .5rem; background: white; } .mslide .m_cell a i.iconfont{ color: #656565; font-size: 16px; } .m_cell a:after,.snav a:after{content:'\e61b';position:absolute;right:25px;top:12px;width:15px;height:15px;font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition:-webkit-transform .2s ease;transition:-webkit-transform .2s ease;-o-transition:-o-transform .2s ease;-moz-transition:transform .2s ease,-moz-transform .2s ease; transition:transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease,-moz-transform .2s ease,-o-transform .2s ease;transition:transform .2s ease,-webkit-transform .2s ease} .snav a:after{right:0px;} .m_cell.hasnav>a:after{content:'\e648';} .m_cell.false>a::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .mslide .m_cell:nth-of-type(1) { -webkit-transform: scale(1.5) translate(3rem, -2rem); transform: scale(1.5) translate(3rem, -2rem); } .mslide .m_cell:nth-of-type(2) { -webkit-transform: scale(1.55) translate(3.5rem, -2.3rem); transform: scale(1.55) translate(3.5rem, -2.3rem); } .mslide .m_cell:nth-of-type(3) { -webkit-transform: scale(1.6) translate(4rem, -2.6rem); transform: scale(1.6) translate(4rem, -2.6rem); } .mslide .m_cell:nth-of-type(4) { -webkit-transform: scale(1.65) translate(4.5rem, -2.9rem); transform: scale(1.65) translate(4.5rem, -2.9rem); } .mslide .m_cell:nth-of-type(5) { -webkit-transform: scale(1.7) translate(5rem, -3.2rem); transform: scale(1.7) translate(5rem, -3.2rem); } .mslide .m_cell:nth-of-type(6) { -webkit-transform: scale(1.75) translate(5.5rem, -3.5rem); transform: scale(1.75) translate(5.5rem, -3.5rem); } .mslide .m_cell:nth-of-type(7) { -webkit-transform: scale(1.8) translate(6rem, -3.8rem); transform: scale(1.8) translate(6rem, -3.8rem); } .mslide .m_cell:nth-of-type(8) { -webkit-transform: scale(1.85) translate(6.5rem, -4.1rem); transform: scale(1.85) translate(6.5rem, -4.1rem); } .mslide .m_cell:nth-of-type(9) { -webkit-transform: scale(1.9) translate(7rem, -4.4rem); transform: scale(1.9) translate(7rem, -4.4rem); } .mslide .m_cell:nth-of-type(10) { -webkit-transform: scale(1.95) translate(7.5rem, -4.7rem); transform: scale(1.95) translate(7.5rem, -4.7rem); } .mslide .m_cell:nth-of-type(11) { -webkit-transform: scale(2) translate(8rem, -5rem); transform: scale(2) translate(8rem, -5rem); } .mslide .m_cell:nth-of-type(12) { -webkit-transform: scale(2.05) translate(8.5rem, -5.3rem); transform: scale(2.05) translate(8.5rem, -5.3rem); } .mslide.active { opacity: 1; bottom: 0; overflow-y: auto; -webkit-overflow-scrolling: touch; padding: 2rem 0; } .mslide.active .m_cell { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } .mslide.active .m_cell:nth-of-type(1) { -webkit-transition: 0.5s 0s; transition: 0.5s 0s; } .mslide.active .m_cell:nth-of-type(2) { -webkit-transition: 0.5s 0.1s; transition: 0.5s 0.1s; } .mslide.active .m_cell:nth-of-type(3) { -webkit-transition: 0.5s 0.12s; transition: 0.5s 0.12s; } .mslide.active .m_cell:nth-of-type(4) { -webkit-transition: 0.5s 0.15s; transition: 0.5s 0.15s; } .mslide.active .m_cell:nth-of-type(5) { -webkit-transition: 0.5s 0.19s; transition: 0.5s 0.19s; } .mslide.active .m_cell:nth-of-type(6) { -webkit-transition: 0.5s 0.25s; transition: 0.5s 0.25s; } .mslide.active .m_cell:nth-of-type(7) { -webkit-transition: 0.5s 0.32s; transition: 0.5s 0.32s; } .mslide.active .m_cell:nth-of-type(8) { -webkit-transition: 0.5s 0.4s; transition: 0.5s 0.4s; } .mslide.active .m_cell:nth-of-type(9) { -webkit-transition: 0.5s 0.49s; transition: 0.5s 0.49s; } .mslide.active .m_cell:nth-of-type(10) { -webkit-transition: 0.5s 0.59s; transition: 0.5s 0.59s; } .mslide.active .m_cell:nth-of-type(11) { -webkit-transition: 0.5s 0.7s; transition: 0.5s 0.7s; } .mslide.active .m_cell:nth-of-type(12) { -webkit-transition: 0.5s 0.82s; transition: 0.5s 0.82s; } .mcentersearch { position: absolute; width: 100%; height: 30px; top: 8px; background-color: #f6f6f6; -webkit-border-radius: .92593vw; -moz-border-radius: .92593vw; border-radius: .92593vw; opacity: 0; display: none; z-index: 999; } .mcentersearch input { background-color: #f6f6f6 ! important;color: #999; font-weight: 400; width: 100%; position: absolute; left: 0px; height: 30px; line-height: 30px; text-align: center;padding-top: 0; padding-bottom: 0; border: 0; margin: 0; } .opened .mcentersearch {display: block; opacity: 1;} /*手机状态下二级页导航*/ .openMobileDrop .cell-nav-mask,.openProNav .cell-nav-mask{ min-height: 100vh;height:100%; opacity: 1; -webkit-transition: opacity .3s ease,max-height 0s linear 0s; transition: opacity .3s ease,max-height 0s linear 0s; } .cell-wrap { width: 100%; position: relative; height: 100%; margin: 0 auto; position: relative; width: 100%; background-color: #000; border-top: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box;} .cell-wrap.fixed{position:fixed;top:0px;left:0px;z-index:10;height:auto;} .cell-nav-box { position: relative; padding: 0 10px; height: 44px;border-bottom: 1px solid #f2f2f2; -webkit-box-sizing: border-box; box-sizing: border-box; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; background: rgba(255,255,255, 0.97);z-index: 9;} .cell-nav-box.fixed { position: fixed; } .cell-nav-mask { position: absolute; top: 44px; width: 100%; height: 0; background-color: rgba(255,255,255, .97); z-index: 8; opacity: 0; -webkit-transition: opacity .35s ease .2s,max-height 0s linear .5s; transition: opacity .35s ease .2s,max-height 0s linear .5s; } .cell-nav-box .cell-title { display: inline-block; font-size: 14px;color:#333; } .cell-nav-box .cell-ul { position: absolute; width: 100%; top: 1px; left: 0; margin-top: 43px; background-color: rgba(255,255,255, .97); max-height: 0; opacity: 0; overflow: hidden; will-change: transform,max-height; -webkit-transition: max-height .2s ease,opacity .35s ease .1s; transition: max-height .2s ease,opacity .35s ease .1s; } .cell-nav-box .cell-ul li { opacity:0;filter: alpha(opacity=0); opacity: 0;*zoom:1;display: block; margin: 0 25px; text-align: left; } .cell-nav-box .cell-ul li a { display: block; font-size: 14px; padding: 15px 0; border-bottom: 1px solid #f2f2f2;overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .cell-nav-box .cell-ul li a.active {color: #fd4f00; } .cell-nav-box .nav-arrow { display: inline-block;-webkit-transform: rotate(0); -ms-transform: rotate(0); transform: rotate(0); -webkit-transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease,-webkit-transform .3s ease; } .cell-nav-box .nav-arrow .icon-arr { font-size: 16px; color:#000; } .openProNav .cell-nav-box .cell-ul { opacity: 1; /*max-height: 100vh;*/ min-height:1000px; -webkit-transition: max-height .35s ease,opacity .2s ease; transition: max-height .35s ease,opacity .2s ease; } .openProNav .cell-nav-box .nav-arrow { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .openProNav .cell-nav-box .cell-ul li{ animation: cell-ul-li-active .8s forwards; } @keyframes cell-ul-li-active{from{transform:translate(70px);opacity:0;filter:alpha(opacity=0)}to{transform:translate(0);opacity:1;filter:alpha(opacity=100)}} .openProNav .cell-nav-box .cell-ul li:nth-child(1){animation-delay:0s} .openProNav .cell-nav-box .cell-ul li:nth-child(2){animation-delay:.1s} .openProNav .cell-nav-box .cell-ul li:nth-child(3){animation-delay:.2s} .openProNav .cell-nav-box .cell-ul li:nth-child(4){animation-delay:.3s} .openProNav .cell-nav-box .cell-ul li:nth-child(5){animation-delay:.4s} .openProNav .cell-nav-box .cell-ul li:nth-child(6){animation-delay:.5s} .openProNav .cell-nav-box .cell-ul li:nth-child(7){animation-delay:.6s} .openProNav .cell-nav-box .cell-ul li:nth-child(8){animation-delay:.7s} .openProNav .cell-nav-box .cell-ul li:nth-child(9){animation-delay:.8s} .openProNav .cell-nav-box .cell-ul li:nth-child(10){animation-delay:.9s} .openProNav .cell-nav-box .cell-ul li:nth-child(11){animation-delay:1s} } /*新页面尾脚*/ .footer { background: #3C3D41; } .footer .footer-logo { padding: 30px 0 37px; text-align: center; } .footer .left { position: relative; padding-right: 96px; text-align: right; } .footer .left:after { position: absolute; top: 50%; right: 0; content: ''; width: 1px; height: 100px; margin-top: -50px; background: #fff; background: rgba(255,255,255,0.1); } .footer ul { text-align: left; } .footer ul.links { display: inline-block; *display: inline; *zoom: 1; vertical-align: top; margin-left: 65px; } .footer ul.links:first-child { margin-left: 0; } .footer ul li { margin-bottom: 13px; min-height: 20px; line-height: 20px; color: #B1B1B3; } .footer ul li a { height: 20px; line-height: 20px; color: #B1B1B3; } .footer .right { padding-left: 100px; } .footer .copyright { padding: 36px 0 17px; color: #fff; color: rgba(255,255,255,0.42); font-size: 11px; text-align: center; } .footer ul li b { display:none;position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px; display: none; color: #333; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; } @media (max-width: 767px) { .footer .left { padding-right:15px; text-align: left; } .footer ul.links { display: block; *display: block; margin-left:0px; } .footer ul.links li { margin-bottom: 15px; display:block;border-bottom:solid 1px #777;padding-bottom:15px;position:relative; } .footer ul.links li a{ min-height:initial; line-height: initial; display:block; color:#fff ! important;font-size:14px;} .footer ul.links li a::after {content:"\e698"; font-family: "iconfont" !important; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;position: absolute; top: 50%; right: 10px; margin-top: -6px; width: 12px; height: 12px;line-height:12px; color: #fff; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; font-size: 12px; -webkit-transition: all .3s ease; transition: all .3s ease; } .footer .right { padding-left: 15px; } .footer ul li { color: #fff; font-size:14px;} .footer .copyright { padding: 0px; color: #fff; color: rgba(255,255,255,0.42); } } @media (min-width: 768px) and (max-width: 991px) { .footer .right { padding-left: 50px; } } @media (min-width: 992px) and (max-width: 1199px) { }