body, h1, h2, h3, h4, h5, h6, hr, p, blockquote, dl, dt, dd, ul, ol, li, pre, form, fieldset, legend, button, input, textarea, th, td { margin:0; padding:0; } button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace,"微软雅黑";font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none} @font-face { font-family: 'iconfont'; /* project id 180679 */ src: url('//at.alicdn.com/t/font_180679_q8min8g5eo.eot'); src: url('//at.alicdn.com/t/font_180679_q8min8g5eo.eot?#iefix') format('embedded-opentype'), url('//at.alicdn.com/t/font_180679_q8min8g5eo.woff') format('woff'), url('//at.alicdn.com/t/font_180679_q8min8g5eo.ttf') format('truetype'), url('//at.alicdn.com/t/font_180679_q8min8g5eo.svg#iconfont') format('svg'); } body>a:last-of-type{display:none;} .gray { -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -ms-filter: grayscale(100%); -o-filter: grayscale(100%); filter: grayscale(100%); filter: gray; } a:hover{cursor: pointer} input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset; -webkit-text-fill-color: #333; } .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} body{font-size: 12px;line-height: 100%;font-family: "微软雅黑";min-width: 1200px } a{text-decoration: none;-webkit-tap-highlight-color:transparent; } a:hover{ text-decoration:none !important;-webkit-tap-highlight-color:transparent; } a:active{text-decoration:none;} a:focus{text-decoration:none !important;-webkit-tap-highlight-color:transparent; } .container{ width:100%;min-width:960px;max-width: 1200px;margin: 0 auto; padding:0;} .row{margin: 0;} .main{width: 100%;float: left;background: #f5f5f5;} .full{width: 100%;float: left;background: #fff;} input::-moz-placeholder{color: #999999;font-size: 12px} input::-webkit-input-placeholder{color: #999999;font-size: 12px} input:-ms-input-placeholder{color: #999999;font-size: 12px} input::-moz-placeholder{color: #999999;font-size: 12px} input::-webkit-input-placeholder{color: #999999;font-size: 12px} input:-ms-input-placeholder{color: #999999;font-size: 12px} .top a.logoSvg img{height: 30px; margin: 5px 0 0 0} /*当前*/ .ffposition{ padding:15px 0; color:#ccc; font-family:"宋体";} .ffposition a{ color:#666 !important; font-family:"微软雅黑";font-size: 12px;} .ffposition span{ padding: 0} /*margin*/ .mt30{ margin-top:30px;} .mb40{ margin-bottom:40px;} .wd33{ width:33.333333%;} .wd50{ width:50%;} .clearspace{ width:100%; float:left; height:70px;} /*top*/ .top{ height:52px; padding: 6px 0; background:#090723;box-sizing: border-box;} .top i{ display:block;height:40px; line-height:40px; padding: 0;} .top .nav{height:40px; line-height: 40px; overflow:hidden} .top .nav a{ color:rgba(255,255,255,0.6); padding:5px 10px; position:relative} .top .nav a img {position: absolute;top: 0;} .top .nav a:hover{ color:#fff; cursor:pointer} .top .top_right{ padding: 0;} .top .search{border: 1px solid rgba(255,255,255,0.5); border-radius: 15px; height:35px; margin-top:10px} .top .search input[type=text]{ width:80%; padding:0 10px;height:35px; box-sizing:border-box; border:none; float:left; outline:none; font-family:"微软雅黑"; background:none; color:#fff;} .top .search a{ width:20%;height:35px; box-sizing:border-box; border:none; float:left; outline:none; text-align:center; line-height:35px; color:rgba(255,255,255,0.5);} .top .link{float:right; text-align:right; height:40px; line-height: 40px; ; padding: 0;} .top .link a{ color:rgba(255,255,255,0.5); padding:5px 10px;} .top .link a.redcolor{ color:rgba(255,255,255,0.5); padding:0} .top .link a:hover{ color:#fff; cursor:pointer} .top_index{ background-color: #1f1f1f;border-bottom:1px solid rgba(255,255,255,0.1); height:40px; line-height:40px;} .top_index i{ display:block;height:40px; line-height:40px;color:rgba(255,255,255,1); font-style:normal; padding:0} .top_index .nav{height:40px; overflow:hidden} .top_index .nav a{ color:#eeeeee; padding:5px 10px;} .top_index .nav a:hover{ color:#fff; cursor:pointer} .top_index .top_right{padding-right: 0} .top_index .link{float:right; text-align:right; height:40px; overflow:hidden; padding:0} .top_index .link a{ color:rgba(255,255,255,1); padding:5px 0 5px 20px;} .top_index .link a.redcolor{ color:#ff6600; padding:0} .top_index .link a:hover{ color:#fff; cursor:pointer} .nav-ul-drops>li>a{ color:#eee; padding:0 12px; height:65px; line-height:65px; font-size:14px;display: inline-block; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all; position:relative; box-sizing:content-box !important} .head_index{position: relative;height: 140px;background-color: #fff;color: #333;} .head_index>p.col-xs-2,.head_index>div.col-xs-6{margin-top: 25px} .head_index .nav a img{ position:absolute; top:20px} .head_index .searchInput>input{width: 410px;display: inline-block} .head_index .searchInput span.iconfont{color: #cccccc} .head_index .searchInput .submit-search{display: inline-block;width: 120px; position: relative; top: -1px; left: -5px;;text-align: center;height: 34px;line-height: 34px;background-color: #28c7c2;color: #FFFFFF;font-size: 14px} .nav-ul-drops>li>a:hover{ color:#fff; font-weight:bold; cursor:pointer;transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all;} .head_index .nav a.current{ color:#fff;font-weight:bold;border-bottom:3px solid #0bc7f4} .head_index .btn{ height:65px; text-align:right} .head_index .btn>a.one{ display:inline-block; width:63px; height:33px; color:#fff; border:1px solid #1770e6; border-radius:1px; margin-top:10px; margin-right:10px; line-height:31px;text-align:center} .head_index .btn>a.two{ display:inline-block; width:90px; height:33px; color:#fff; background:#1770e6; border:1px solid #1770e6; border-radius:1px; margin-top:10px; line-height:31px;text-align:center} /*分页*/ .pages{width: 100%; margin:20px 0; font-size: 12px;} .pdiv{text-align: center;line-height: 40px} .pages a,.pages li { display:inline-block; list-style: none; padding: 5px 15px; margin: 0 5px; text-decoration:none; color:#666; } .pages span.current,.pages a.num{ display: inline-block; padding: 0;width: 24px;height: 24px; line-height: 24px ; border-radius: 100%; } .pages span.current:hover,.pages a.num:hover{ background-color: rgba(0,0,0,0.2); } .pages a.first,.pages a.prev,.pages a.next,.pages a.end{ border:1px solid #e5e5e5;display: inline; } .pages span.current{ background:#999; /*font-weight:700;*/ color: #ffffff; } .pages .rows{ border:none;color:#999;padding-left: 10px } .pages .rows>b{ font-weight:normal; } /*adviser*/ .adviserBanner{ width:100%; height:120px } .fullMore{width: 100%; float: left; padding: 15px 0;} .fullMore .more{ width:100%; float:left; text-align:center; font-size:1.2em; color:#333; height: 3em; line-height: 3em; border: 1px solid #e2e2e2;moz-transition-duration: 0.35s;-o-transition-duration: 0.35s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s; cursor: pointer; } .fullMore .more:hover{ background: #f5f5f5;} .spin{ display: inline-block; font-size: 1.15em;/*360旋转*/animation:rotating 1.2s linear infinite;} /*360旋转*/ @keyframes rotating{ from{transform:rotate(0deg)} to{transform:rotate(360deg)} } .content-box-newAdviser>a:last-of-type{display: none} /*显示分数*/ .atar_Show{background:url(../images/stark2.svg); width:160px; height:21px;position:relative; float:left;background-size:auto 100%;} .atar_Show p{background:url(../images/stars2.svg);left:0; width:160px; height:21px; background-size:auto 100%; } .link a.userInfome{display: inline-block;padding-left:5px;max-width: 82px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;color: #19bcb2 } .link>ul>li{float: left;height: 40px} .link>ul>li:first-of-type{position: relative} .link>ul{float: right;height: 40px} .userInfolink{overflow: visible} .userInfolink #ueserInfos a.logoBtn{padding-left:5px;padding-right: 0px} .userInfolink #ueserInfos a.outBtn{padding-left: 0px} .userCon{width: 230px;box-shadow:0px 5px 10px 0px #666;-webkit-box-shadow: 0px 5px 10px 0px #666;-moz-box-shadow:0px 5px 10px 0px #666; ;position: absolute;top: 40px;left: 0px;;background-color: #ffffff;z-index: 10000} .userCon li{float: left;width: 50%;text-align: center;padding: 10px} .userCon>ul{padding: 20px} .userCon>ul>li:first-of-type{border-right: 1px dashed #cdcdcd;border-bottom: 1px dashed #cdcdcd} .userCon>ul>li:nth-of-type(2){border-bottom: 1px dashed #cdcdcd } .userCon>ul>li:nth-of-type(3){border-right: 1px dashed #cdcdcd} .userCon p{line-height: 12px} .userCon span{font-size: 30px} .link .userCon a{display: block;padding: 0px;color: #666666} .panel-footer{ background:#2e3033; position: relative; z-index:0; border-radius:0px !important; border:none !important;float: left;width: 100%;} .panel-footer .foot_intro{ padding:0} .panel-footer .foot_intro li{ float:left; width:20%; border-bottom:1px solid #45484c;padding:20px; position:relative} .panel-footer .foot_intro li i{ color:#fff; font-size:30px;height:40px; line-height:40px} .panel-footer .foot_intro li p{ color:#fff; font-size:14px; height:40px; line-height:40px; position:absolute; left:60px; top:20px} .panel-footer .foot_nav ul{ padding:20px} .panel-footer .foot_nav ul li{ width:20%} .panel-footer .foot_nav ul li p{ color:#fff; font-size:14px; line-height:40px; margin-bottom:5px} .panel-footer .foot_nav ul li a{ display:block; color:#ccc; font-size:12px; line-height:26px} .panel-footer .foot_contact{padding:20px} .panel-footer .foot_contact .img{ float:left; width:35%;} .panel-footer .foot_contact p{ color:#fff; font-size:16px; line-height:40px} .panel-footer .foot_contact span{ display:block; color:#ccc;font-size:12px; line-height:40px} .panel-footer .foot_contact .contact-info{ float:right; width:65%} .panel-footer .foot_contact .contact-info p{color:rgba(255,255,255,0.6); font-size:14px; line-height:27px} .foot_copyright{background:#2e3033; height:100px; float:left; width:100%} .foot_copyright .col-xs-2{width: 10%} .foot_copyright .col-xs-2 span{display: inline-block;padding: 10px;color: #ffffff} .foot_copyright .container{border-top:1px solid #45484c;} .foot_copyright .foot_copyright_link{ width:400px; margin:10px auto} .foot_copyright .foot_copyright_link a{ color:#ccc; font-size:12px; padding:10px 10px;padding-top: 0;display: inline-block} .foot_copyright .foot_copyright_link span{ color:#333} .foot_copyright p{color:#ccc; text-align:center} .foot_copyright p a{color: #cccccc} /*logoSvg*/ .head_index a.logoSvg_index img{height: 50px; } .head_index a.logoSvg_404 img{height: 50px; } .top a.logoSvg_inner img{height: 30px;margin-top: 4px} .head p{ color:#000; font-size:28px; height:80px; line-height:80px; margin:0; padding:0} .head .nav{ text-align:right} .head .nav a{ color:#555; padding:0 12px; height:80px; line-height:80px; font-size:16px;} .head .nav a:hover{ color:#1770e6; cursor:pointer} .head .nav a.current{ color:#1770e6;} .head .btn{ height:80px; padding:0;box-shadow: none;} .head .btn>a{ display:block; color:#fff;background:#1770e6; margin-top:23px; padding:5px 10px;text-align:center} .head_index p{ color:#333; font-size:24px; height:50px; line-height:50px; margin:0; padding:0} .head_index .nav{ text-align:left; position:relative} .cranav{font-size: 14px;line-height: 65px;} .cranav>a{margin-right: 20px;color: #cccccc} .cranav>a:hover{color: #f2f2f2} .btn.active.focus, .btn.active:focus, .btn.focus, .btn:active.focus, .btn:active:focus, .btn:focus { outline: none; outline-offset: 0; box-shadow:none; -webkit-box-shadow:none; -moz-box-shadow:none; } .form-control{ -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } .iconfont{font-family:"iconfont" !important;font-size:16px;font-style:normal;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;} .pro-nodata{ width: 100%; display: block;text-align: center; padding: 150px 0 80px 0} .pro-nodata i{font-size: 15em; color: #ccc;} .pro-nodata p{ color: #999;} body{font-size:12px;} ul,li,p{padding: 0;margin: 0;list-style: none} .nav-ul-drops,.nav-ul-drops>li{padding: 0;margin: 0;height:40px; } .nav-ul-drops,.nav-ul-drops>li:first-of-type{overflow: hidden} .nav-ul-drops,.nav-ul-drops>li:hover{overflow: visible} .show-productserve-list:hover .index-nav{z-index: 11999} .nav-ul-drops{z-index:14;} .nav-ul-drops{width: 100%} .nav-ul-drops>li{height: 40px;float: left;position: relative;} .nav-ul-drops>li>a{margin-left: 25px;color: #000;height: 40px;line-height: 40px;font-size: 14px;padding: 0 5px;font-weight: bold } .nav-ul-drops>li>a:hover{color: #000} .nav-ul-drops>li>i{display: inline-block;padding: 0px 4px;border-radius:10px; font-family: "宋体";font-weight:100;background-color: #ff3300;color: #FFFFFF;position: absolute;right: -20px;top: -2px;font-style: normal} .tologin{float:right;margin-top: 25px;text-align: right;margin-right: 0;padding-right: 0} .head_index a.one{border-radius: 0;text-align: center;display: inline-block;color: #28c7c2;border: 1px solid #28c7c2; width:90px; height:33px;} .head_index a.two{border-radius: 0;color: white;text-align: center;background-color: #28c7c2;border-color: #28c7c2;width:90px; height:33px;margin-left: 5px} .nav-ul-drops>li:first-of-type>a{text-indent: 15px;margin-left:0;font-size: 14px;padding: 0;width: 230px;background-color: #000;color: white} .nav-ul-drops>li:first-of-type>a:hover{color: #f2f2f2} .index-nav{width: 720px;;height: 500px;position: absolute;float: left;color: #FFFAFA} .index-nav a{;display: inline-block } .productServe-menu{float: left;width: 230px; -webkit-box-shadow:0 5px 10px rgba(0,0,0,0.6);-moz-box-shadow:0 3px 10px rgba(0,0,0,0.6);box-shadow:0 3px 10px rgba(0,0,0,0.6); } .productServe-menu a{font-size: 12px;padding-right: 8px;color: #999} .productServe-menu li>a:last-of-type{padding-right: 0} .productServe-menu h5{font-size: 14px;font-weight: bold;color: #666;line-height: 8px} .productServe-menu h5>i{padding-left: 5px;color: #ccc;font-weight: 200} .productServe-menu li{;border-bottom: 1px solid transparent;border-top: 1px solid transparent;background-color: #ffffff;padding:6px 0;padding-left: 10px;height: 71.42px;border-left: 3px ;border-left:3px solid transparent} .productServe-menu li:nth-of-type(2n){background-color: #f8f8f8;} .productServe-menu>li a:hover{color: #19bcb2} .productServe-menu li:nth-of-type(2n) a:hover{color: #19bcb2} .nav-ul-drops .checkToMenu{ padding-left: 50px; color: #ccc; font-size: 12px; font-weight: normal; display: inline-block; float: right; margin-right: 20px; } div.productServe-menu a{ padding: 5px 10px; margin-top: 10px; color: #333; font-size: 12px } div.productServe-menu{background-color: rgb(255, 255, 255); padding: 5px 10px;height: 500px;overflow: hidden} div.productServe-menu a:hover{color: #19bcb2;text-decoration: underline !important; ;text-decoration-color:#19bcb2 !important; } .productServe-con{;float: right;width: 490px;height: 500px;padding: 30px;padding-right: 0;background-color: #ffffff;color: #333333; -webkit-box-shadow:0 3px 10px rgba(0,0,0,0.6); -moz-box-shadow:0 3px 10px rgba(0,0,0,0.6); box-shadow:0 3px 10px rgba(0,0,0,0.6) } .productCon_view{margin-bottom: 30px;margin-top: 10px} .productCon_view label{font-size: 14px;margin-bottom: 10px} .productCon_view span{display: inline-block;text-indent:10px;font-size: 12px;color: #999} .productCon_view a{color: #666;padding: 5px 0;margin-right: 20px;font-size: 12px} .productCon_view .productCon_fontcolor{color: #19bcb2} .productCon_bar{background-color: #f1f5f8;height: 100px;width: calc(100% - 30px);margin-bottom: 15px} .productCon_bar>div:first-of-type{float: left;padding-top: 20px;padding-left: 35px;} .productCon_bar>div:last-of-type{float: right;margin-right: 35px} .productCon_bar h4{font-size: 18px;color: #666} .productCon_bar span{font-size: 12px;color: #999} /*.show-productserve-list{overflow: hidden}*/ /*.show-productserve-list:hover {overflow: visible}*/ .searchInput>input::-webkit-input-placeholder{font-size: 12px;} /* 使用webkit内核的浏览器 */ .searchInput>input:-moz-placeholder{font-size: 12px;} /* Firefox版本4-18 */ .searchInput>input::-moz-placeholder{font-size: 12px;} /* Firefox版本19+ */ .searchInput>input:-ms-input-placeholder{font-size: 12px; } .searchInput{position: relative;} .searchInput>input{border-radius: 0} .searchInput>span{position: absolute;right: 0;top: 0;padding: 10px} .searchInput>span:hover{cursor: pointer} .form-control:focus { border-color: #ccc; outline: 0; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow: none; } .searchLable{padding: 10px 0} .searchLable a{;margin-right: 10px;color: #333} .searchLable a.color-active{color: #28c7c2} .searchLable a.color192b{ color: #129a92; } .listnew-bd,.shownew-bd{background-color: #f7f7f7;width: 100%;padding-bottom: 40px;min-height: 520px} .listnew-bd-menuleft{width: 230px;background-color: #ffffff;float: left;} .listnew-bd-menuleft>ul>li>a{color:#999} .listnew-bd-menuleft>ul>li>a.current{ color: #129a92;border-bottom: 1px solid #129a92;} .listnew-bd-menuleft>h5{margin: 0;padding: 25px 20px 12px;color: #333333;font-size: 14px} .listnew-bd-menuleft>h5.current{font-weight: bold} .listnew-bd-menuleft>ul{padding-left: 20px} .listnew-bd-menuleft>ul>li:last-of-type{padding-bottom: 0} .listnew-bd-menuleft li{padding: 5px 0;} .listnew-bd-menuleft>ul:last-of-type{padding-bottom: 25px} .listnew-bd-conright,.addnewClassify{background-color: #ffffff;margin-left: 250px;display: block;} .listnew-bd-conright-hd{border-bottom: 1px solid #f8f8f8} .listnew-bd-conright-hd a{color: #999;margin-left: 20px} .listnew-bd-conright-hd a label:hover{cursor: pointer} .listnew-bd-conright-hd span{color: #999999; } .listnew-bd-conright-hd span>b{color: #129a92} .listnew-bd-conright-hd a.listnew-active{color: #19bcb2} .listnew-bd-conright-hd strong{ border: 1px solid #ffffff; padding: 6px 10px;border-radius: 5px;color: #666666;font-weight: normal;margin-left: 20px} .listnew-bd-conright-hd strong:hover{cursor: pointer} .listnew-bd-conright-hd>div{padding: 20px 5px 16px 5px; color: #666;font-size: 14px} .togglebcolor{border:1px solid #f9b71e !important; } .listnew-bd-conright-hd span{margin-left: 460px; padding-right:10px} .conright-bd-menu{border-bottom: 1px solid #f8f8f8;height: 160px;padding-top: 25px} .conright-bd-menu p{line-height: 18px;max-height: 36px;color:#999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .section-point{ margin-top: 10px; } .section-point span{ padding:2px 5px; background-color: #95a0ba; color: #ffffff; border-radius: 20px; margin-right: 5px; margin-bottom: 10px; display: inline-block; } .conright-bd-menu h5{font-weight:600;font-size: 14px;margin-top: 0;margin-bottom: 10px} .conright-bd-menu h5>span{overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;max-width: 80%} .conright-bd-menu h5>a{position: relative;top: -3px} .conright-bd-menu img:hover{cursor: pointer} .conright-bd-menu h5:hover{cursor: pointer;color: #129a92} .conright-bd-menu h5>a:hover{color: #ffffff} .conright-bd-menu img{width: 160px;height:80px} .conright-bd-menu article{margin-bottom: 8px} .conright-bd-menu article span{color: #999999} .conright-bd-menu article span:first-of-type{ max-width: 260px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: inline-block;} .conright-bd-menu article span:last-of-type{float: right} .conright-bd-menu article i{color: #f9b71e;font-size: 16px} .conright-bd-menu article i:last-of-type{font-size: 14px} .conright-bd-menu .conright-menu-toMore{float: right;text-align: center} .conright-bd-menu .conright-menu-toMore a:hover{background-color: #129a92;color: white;cursor: pointer} .conright-bd-menu .conright-menu-toMore a{display: inline-block;color: #129a92;border: 1px solid #129a92;padding: 10px 20px;margin-top: 20% } .conright-bd-menu .conright-menu-toMore span{display: inline-block;padding: 6px;color: #19bcb2} .conright-bd-menu:hover{background: #fefefe} /*.conright-bd-menu:hover a{background-color: #129a92;color: white}*/ .listnew-bd-conright-fd{background-color: #FFFFFF;} .listnew-bd-conright-fd>ul{height: 70px;margin-left: 22%} .listnew-bd-conright-fd>ul>li {float: left;padding: 20px 0} .listnew-bd-conright-fd li>a{display: inline-block;padding: 8px 10px;border: 1px solid #f2f2f2;color: #333} .listnew-bd-conright-fd li{margin-right: 5px} .listnew-bd-conright-fd li:last-of-type>a{border:1px solid #129a92;color: #129a92} /*.listnew-bd-conright-fd span{color: #999}*/ .listnew-bd-conright-fd input{margin: 0 5px;font-weight: normal;text-align:center;width: 40px;padding: 8px 10px;border: 1px solid #f2f2f2;color: #333} .listnew-bd-conright-fd big{display: inline-block;padding: 8px 5px;} .listnew-bd-conright-fd .topage{margin: 0 20px} .listnew-bd-conright-fd li:nth-of-type(2)>a{background-color: #129a92;color: #fff} .listnew-bd-conright-fd .disabledto span{color: #999} .shownew-bd-main-hd article>a{color: #999999} .shownew-bd-main-hd article>a.active-show-nav{color: #129a92} .shownew-bd-main-bd-title{min-height: 326px} .swiperProImg{height: 351px;width: 37%} .pro-showmain{width: 63%} .swiperProImg .swiper-container { width: 100%; height: 351px; margin-left: auto; margin-right: auto; z-index: 0; } .swiperProImg .swiper-slide { background-size: cover; background-position: center; } .swiperProImg .gallery-top { height: 80%; width: 100%; padding: 5px; } .show-conLists-mune li.show-code{position: absolute; right: 0px; top: 0px; font-size: 14px;z-index: 3} .show-conLists-mune li.show-code i.iconfont{padding-left: 5px} .show-conLists-mune li.show-code img{ width: 100px; padding: 5px; box-shadow: 0 0 5px #ccc;} .show-code-img{display: none;text-align: center;padding-top: 3px;background:#ffffff;} .show-conLists-mune li.show-code:hover .show-code-img{display: block} .swiperProImg .gallery-thumbs .swiper-slide { width: 25%; height: 20%; opacity: 0.4; } .swiperProImg .gallery-thumbs .swiper-slide-active { opacity: 1; } .shownew-bd-main-bd{margin:0 0 20px 0;background-color: #FFFFFF;;padding-top: 10px;width: 79.167%;float: left} .shownew-bd-main-bd p.show_description{line-height: 18px;;color:#999;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .shownew-bd-main-bd h5{font-weight:600;font-size: 20px;line-height: 32px;margin-top: 0} .shownew-bd-main-bd>div img{width: 160px;max-height: 160px} .shownew-bd-main-bd article{margin: 20px 0} .shownew-bd-main-bd article i{color: #f9b71e;font-size: 20px} .shownew-bd-main-bd article span{font-size: 20px;padding-left: 10px;color: #999999} .shownew-bd-main-bd .conright-menu-toMore{margin-top: 20px} .shownew-bd-main-bd .conright-menu-toMore a:hover{background-color: #129a92;color: white;cursor: pointer} .shownew-bd-main-bd .conright-menu-toMore a{min-width: 150px;text-align: center;font-size: 16px;display: inline-block;color: #129a92;border: 1px solid #129a92;padding: 13px 20px;;margin-right: 20px ;margin-bottom: 30px} .shownew-bd-main-bd .conright-menu-toMore a.tobuy{background-color: #129a92;color: white;} .show-main-conList{background-color: #FFFFFF;width: 100%;min-height: 585px;position: relative;margin-top: 40px;} .shownew-right-menus{width:19.166%;float: right;} .shownew-right-menu1,.shownew-right-menu2{background-color: #FFFFFF;width: 230px;margin-bottom: 20px;padding-bottom: 10px} .shownew-right-menu1>nav,.shownew-right-menu2>nav{padding: 20px 0;border-bottom: 1px solid #f2f2f2} .shownew-right-menu1>nav>p,.shownew-right-menu2>nav>p{text-align: center;font-size: 14px;padding:0 10px;margin:0 20px} .shownew-right-menu1>section{padding: 20px 10px ;padding-right: 0} .shownew-right-menu1>section>span{display: inline-block;padding: 5px 10px;background-color: #f2f2f2;margin: 5px 10px;border-radius: 20px} .shownew-right-menu1>section>span:hover{cursor: pointer} .nexPrePage i{margin:0 10px;font-weight: bold} .nexPrePage i:hover{ cursor: pointer;} .nexPrePage{text-align: center;padding: 10px 0} .shownew-right-menu1>section>a{display: inline-block;padding: 5px 10px;background-color: #f0f0f0;margin: 5px;border-radius: 20px; color: #333; font-size: 12px;} .shownew-right-menu1>section>a:hover{cursor: pointer; background: #e3e3e3;} .shownew-right-menu2>figure{margin-left: 32px;margin-top: 10px;text-align: center;} .shownew-right-menu2>figure:hover h5 a{color: #129a92} .shownew-right-menu2>figure article{margin-bottom: 20px} .shownew-right-menu2>figure article i{color: #f9b71e;} .shownew-right-menu2 article i:last-of-type{font-size: 14px} .shownew-right-menu2>figure>h5{padding-top:10px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shownew-right-menu2>figure>h5 a{color: #333;} .shownew-right-menu2>figure img{width: 158px;height: 158px} .show-conLists-mune{background-color: #f1f1f1} .show-conLists-mune a{color: #666666;min-width: 120px;text-align: center;font-size: 14px} .show-conLists-mune a:hover{ background-color: transparent; } .show-conLists-mune li{border-top: 2px solid transparent} .show-conLists-mune li.active>a{border-top: 2px solid #129a92!important;} .show-conLists-con>.show-conLists{padding:0 30px;margin: 20px 0;padding-bottom: 30px} /*.show-conLists-con>.show-conLists{padding:0 30px;margin: 20px 0;padding-bottom: 30px}*/ .show-conLists h5{font-size: 14px;font-weight: bold;} .show-conLists img{max-width: 100%;display: block;margin: 0px auto} .show-conLists-con{padding-top: 10px} .productCon_bar{background-color: #f1f5f8;height: 100px;width: calc(100% - 30px);margin-bottom: 15px} .productCon_bar>div:first-of-type{float: left;padding-top: 10px;padding-left: 35px;} .productCon_bar>div:last-of-type{float: right;margin-right: 30px;padding-top: 5px} .productCon_bar p{font-size: 18px;color: #666} .productCon_bar span{font-size: 12px;color: #999} .productCon_bar img{width: 90px;} /*add new classify*/ /*.addnewClassify{margin-bottom: 30px;}*/ .regular-radio,.chec { display: none; } .regular-radio + label { -webkit-appearance: none; padding: 4px; display: inline-block; position: relative; margin: 0px ; margin-right: 20px; margin-left: 5px; font-weight: normal; } input[type=checkbox].regular-radio:not(:first-of-type):checked + label:before{ content: ""; background-image: url(../images/duigou.svg); background-size: 5px; width: 5px; height: 5px; position: absolute; background-color: #ffffff; top: 0; right: 0; } /*.regular-radio:checked + label:after {*/ /*content: ' ';*/ /*width: 100%;*/ /*height: 100%;*/ /*position: absolute;*/ /*top: 0px;*/ /*left: 0px;*/ /*background-color: #129a92;*/ /*}*/ .chec + label:before{ content: "\a0"; /*不换行空格*/ width: 14px; height: 14px; margin-right: 10px; display: inline-block; border: 1px solid #19bcb2; position: absolute; left: -20px; } .chec:checked + label:before{ border: none; background-image:url(../images/1xuanze.svg); background-size:16px 16px; } .regular-radio:checked + label{ color: #ffffff; background-color: #57b7b2; border-radius: 2px; } .regular-radio + label:hover,.toshoworhide:hover{ cursor: pointer; } .addnewClassifyShow:nth-of-type(9) h5:after{ content: ''; width: 16px; height: 16px; margin-right: 10px; display: inline-block; background-image:url(../images/wenhao.svg); background-size: 16px 16px; /*background-color: #000000;*/ position: absolute; left: 66px; top: -2px; } .show_or_hides{display: none} .addnewClassifyShow{padding:10px 0 ;border-bottom: 1px solid #f2f2f2;position: relative;width: 100%} .addnewClassifyShow:last-of-type{ border-bottom: none; } .addnewClassifyShow h5{padding-left: 10px;line-height: 34px;float: left;margin-left: 15px;font-weight: bold;font-size: 12px;position: relative;top: -6px} .showMoreClassify{float: right;margin-top: 3px;padding-right: 20px;} .showMoreClassify:hover{cursor: pointer} .showMoreClassify a{color: #666666} .addnewClassifyListMain{margin-left: 100px;width: 80%;height:20px;overflow: hidden; } .addnewClassifyListMain span{color: #19bcb2;position: absolute;right: -6px;bottom: -1px;font-size: 24px;display: none} .addnewClassifyShow .show_means{ color: #999; font-size: 16px; position: absolute; margin-top: 1px; margin-left: 2px;} .show_means:hover{cursor: pointer} .sanjiaoxing{ border-width: 10px 10px 10px 0; border-style: solid; border-color: transparent #404040 transparent transparent; position: absolute; left: -10px; top: 65px; width: 0; height: 0;} .meanShowing{z-index: 331;border-radius: 5px;display: none;position: absolute;left: 105px;top: -50px;;width: 240px;;box-shadow: 0px 0px 5px 1px #cccccc;-webkit-box-shadow: 0px 0px 5px 1px #cccccc;-moz-box-shadow: 0px 0px 5px 1px #cccccc;} /*.meanShowing .meanShowing_close{background-color: #19bcb2;color: #ffffff;text-align: right;padding: 6px;}*/ .meanShowing_bd{background-color: #404040;padding: 10px;border-radius: 5px} .meanShowing_bd p{color: #ffffff;margin:0 5px;line-height: 20px;font-weight: bold} .meanShowing_bd span{color: #ffffff;display: block;margin: 0 5px;line-height: 16px;margin-bottom: 10px} .productnewsList .meanShowing{left: 120px;top: -70px} .toshoworhide{ position: relative; z-index: 2; width: 250px; padding: 8px; margin-bottom: 20px; background-color: #ffffff; margin-left: 600px; color: #666; text-align: center; } .toshoworhide a{color: #666} .jingxuan{ display: inline-block; background-color: #f9b71e; color: #f2f2f2; font-size: 12px; padding: 2px 5px; font-weight: normal; border-radius: 4px;} .productnewsList{width: 100%;background-color: #ededed;padding-top: 10px} .productnewsList li{color: #777777;float: left;width: 48%;margin-right: 2%;padding-bottom: 10px;line-height: 16px} .todoModal {text-align: center ;margin-top:3%} .todoModal .modal-content{width: 50vw;min-width: 550px;max-width: 700px} .todoModal .modal-header{border-color: #ffffff;text-align: center ;background-image: url("../images/tobuy-hd.png")} .todoModal .modal-header h4{font-size: 24px;padding: 5px;color: #fff} .todoModal .modal-header p{color: #cccccc;font-size: 14px;margin-top: 10px} .todoModal .modal-header button.close{color: #f7f7f7;font-size: 24px} .todoModal .modal-body{margin-top: 20px} .todoModal .modal-body form>div.row{padding-bottom: 10px!important;position: relative;margin-bottom: 5px!important;} .todoModal .modal-body input,.todoModal .modal-body select{;height: 5vh;border: 1px solid #cccccc;font-size: 1.4vh;padding-left: 10px;max-height: 40px} .todoModal .modal-body label{;line-height: 5vh;font-size: 1.4vh;font-weight: normal;text-align: right} .todoModal .modal-body .phonenum{position: relative} .todoModal .phonenum a{color: #19bcb2;position: absolute;right: 145px;line-height: 5vh} .todoModal .modal-footer {text-align: center;padding-top: 0px;padding-bottom: 30px} .todoModal .modal-footer .btn{;height: 5vh;color: #ffffff;background-color: #19bcb2;;border-radius: 0;font-size: 1.4vh;line-height: 1.4vh;max-height: 40px} /*.todoModal input::-webkit-input-placeholder{*/ /*color:#999;font-size: 1.2vh;*/ /*}*/ .modal-footer{padding: 0px; padding-bottom: 30px} .modal-body{padding: 0px } /*.todoModal input::-moz-placeholder{ *//* Mozilla Firefox 19+ */ /*color:#999;font-size: 1.2vh;*/ /*}*/ /*.todoModal input:-moz-placeholder{ *//* Mozilla Firefox 4 to 18 */ /*color:#999;font-size: 1.2vh;*/ /*}*/ /*.todoModal input:-ms-input-placeholder{ *//* Internet Explorer 10-11 */ /*color:#999;font-size: 1.2vh;*/ /*}*/ @media (min-height: 740px) { .todoModal .modal-header{height: 135px} } @media (max-height: 740px){ .todoModal{margin-top: 0px} .todoModal input{height: 20px} .modal-body{padding: 0} .todoModal .modal-body form>div.row{margin-bottom: 0;!important;} } .btn-clears{ display: inline-block; padding: 10px; margin-right: 20px; margin-top: 5px; font-size: 12px; color: #19bcb2; } .btn-clears:hover{cursor: pointer} .row span.refresh:hover{cursor: pointer} .row span.refresh_:hover{cursor: pointer} .show-conLists p{ line-height: 24px; } /*add*/ .productServe-con{padding-left: 0;position: relative;padding-top: 20px;overflow: hidden} .addNewServe h4{font-size: 16px;font-weight: normal;padding: 0;margin: 0} .servetitles{margin-left: 30px;margin-right: 30px;height: 35px;line-height: 65px;border-bottom: 1px solid #e6e6e6;} .servebd{margin-left: 30px;margin-top: 20px;margin-bottom: 10px} .servebd li{float: left;width:120px;padding: 0px;margin: 0px;padding-right: 40px;margin-bottom: 20px;margin-right: 30px ;} .servebd li a{font-size: 14px;color: #000;display: block;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 120px;padding-bottom: 7px} .servebd li a:hover{color: #129a92} .serveAll{height: 425px} .serveAll>div{height: 425px} .serveAll>div.col-xs-8{border-right: 1px solid #f2f2f2;width: 70%} .serveAll>div.col-xs-4{width: 30%;padding: 10px 15px;overflow: hidden} .servebd li span{font-size: 12px;color: #999;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;display: inline-block;max-width: 120px} .servefd li{float: left;margin: 0;padding: 0px;text-align: center;width: 100%;height: 100%;} .servefd{height: 120px;overflow: hidden;position: absolute;bottom: 0;width: 100%} .servefd ul{height: 120px} .servefd li p{height: 14px;line-height: 14px;margin: 0px auto;max-width: 100px;overflow: hidden; padding: 0; text-overflow: ellipsis; white-space: nowrap;color: #000;font-size: 14px;margin-top: 15px;margin-bottom: 5px} .servefd li span{padding-top: 10px;display: block;margin:0 auto;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 70px;color: #999999} .servefd li .serveimg{margin-top: 20px;margin-bottom: 20px;height: 50px} .servefd li img{max-width: 100px;max-height: 50px;} .servefd ul{width: 100%} .toShowAd{text-align: center;width: 100%;margin-bottom: 15px} .showAd{height: 60px} .toShowAd img{max-height: 60px} .toShowAd p{color: #888888;line-height: 18px;height: 30px;overflow: hidden; text-overflow: ellipsis; white-space: nowrap;max-width: 200px;padding-top: 5px;font-size: 12px} .servefd a{display: inline-block;width:24%;height: 120px;border: 1px solid #f8f8f8;border-left:none;border-bottom: none} .servefd a:last-of-type{border-right: none} .productServe-menu h5{font-size: 14px;line-height: 8px;padding: 10px 0} .productServe-menu h5>span{display: inline-block;width: 20px} .productServe-menu h5>i{padding-left: 5px;color: #ccc;font-weight: 200} .productServe-menu h5 img{height: 14px} .productnewsList li{position: relative;} .productnewsList li strong{display: inline-block;height: 100%;font-weight: normal;width: 24%;text-align: right} .productnewsList .textnews{ display: block; width: 70%; float: right; margin-right: 5%; overflow: hidden;text-overflow: ellipsis; white-space: nowrap; } .productnewsList2 li{font-size: 14px;margin-bottom: 10px} .productnewsList2 li strong{color: #999;font-weight: normal} .productnewsList2 li span{color: #444444} .toShowtext,.toHidetext{font-size: 14px;color: #cccccc;position: absolute;right: 0px;top: 2px} .toShowtext:hover,.toHidetext:hover{cursor: pointer} .nav-ul-drops{position: relative} .nav-ul-drops .newHot{position: absolute;right: 10px;top: -2px} .nav-ul-drops .borderRight:after{ content: ""; width: 2px; height: 15px; background-color: #eee; position: absolute; right: -5px; top: 12.5px; } .nav-ul-drops>li a.changeColor{color: #129a92} .productServe-menu h5:hover{cursor: pointer} .servetitles h4:hover{cursor: pointer} /*购买表单验证提示样式*/ .conpanynameText,.nameText,.phoneText,.codeText,.code_Text,.phonenumText,.name_Text,.hangye_Text,.guimo_Text,.conpanyname_Text{ color: #ff9900;position: absolute;left: 33%;bottom: 2px;display: none; } .cerDomain p{color: #ffffff;font-size: 24px;line-height: 24px;padding-top: 45px} .cerDomainSearch{padding: 0;padding-top: 20px} .cerDomainSearch div{height: 55px;line-height: 55px} .cerDomainSearch div.col-xs-2:first-of-type{width: 14.66666667%;background-color: #f6f6f6;text-align: center;font-size: 16px;padding: 0} .cerDomainSearch div.col-xs-8{padding: 0; width: 68.66666667%; } .cerDomainSearch input{height: 55px;width: 100%;text-indent: 10px;border: 1px solid #e5e5e5} .cerDomainSearch div.col-xs-2:last-of-type{background-color: #129a92;color: #ffffff;font-size: 16px;text-align: center} .cerDomainSearch div.col-xs-2:last-of-type a{color: #ffffff} .bgF7{background-color: #f7f7f7} .cerMsg{background-color: #ffffff;padding-bottom:140px;padding-left: 8.33333333%;padding-top: 45px } .cerMsg p{line-height: 20px} .cerMsg span{color: #ff666d;padding-top: 20px;padding-bottom: 10px;display: block} /*在线咨询*/ /*.reception{position:fixed; right:0; width:100%; top:500px; z-index:10000}*/ /*.reception .floatBox{display: block; width: 44px;box-sizing: border-box;border-width: 1px;border-style: solid; border-color: #e1e8f0; text-align: center;cursor: pointer; position: absolute;top:-80px; right:0; z-index:999; background:#fff; padding:12px 0}*/ /*.reception .floatBox .qc-scrollbar-button-desc {display: block;text-align: center;width: 16px;margin-left: auto; margin-right: auto;margin-top: 8px;font-size: 16px; color: #333;line-height: 1;}*/ /*.reception .floatBox .qc-scrollbar-button-desc+.qc-scrollbar-button-desc:before {content: "";position: absolute;width: 2px;height: 2px;left: 50%;margin-left: -1px;background-color: #333; border-radius: 50%;margin-top: -5px;}*/ /*.reception .floatBox i.iconfont{color:#333; font-size:24px;line-height: 24px;}*/ /*.reception .goto{width:44px; height:44px; line-height:44px; text-align:center; font-family:"宋体"; color:#888; font-size:20px; border:1px solid #eeeeee; background:#fff; position: absolute;top:135px; right:0}*/ /*.reception .goto a{ display:block; font-family:"宋体";}*/ /*.reception .goto a i.iconfont{color:#999; font-size:20px}*/ /*.reception .receptionInfo{;position: absolute; right:-440px; top:-178px; display:block; background:#fff url(../images/index_reception_bj.jpg) no-repeat bottom right ; transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all; z-index:999}*/ /*.reception .receptionInfo.on{ border-radius: 10px;box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.4);-webkit-box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.4);-moz-box-shadow: 0 4px 10px 0 rgba(138, 141, 147, 0.4);right:70px;transition: 0.5s all;-webkit-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all;}*/ /*.reception .receptionInfo .arrow{ position:absolute; right:-11px; top:50%; margin-top:-10px}*/ /*.reception .receptionInfo .receptionInfo_con .qq{ padding-bottom: 10px;padding-top: 10px;}*/ /*.reception .receptionInfo .receptionInfo_con .qq p{ color:#333; font-size:14px; line-height:24px; position:relative; text-align:left; margin:0px 20px}*/ /*.reception .receptionInfo .receptionInfo_con .qq p i{ color:#333; font-size:22px; margin-right:5px; width:45px; height:45px; display:inline-block; line-height:24px;;padding: 10px; border-radius:50%}*/ /*.reception .receptionInfo .receptionInfo_con .qq p span{ position:absolute; left:65px;top: -2px; font-size:14px; font-weight: normal;}*/ /*.reception .receptionInfo .receptionInfo_con .qq p .QQnumber{font-size:14px; color:#ff8600; }*/ /*.reception .receptionInfo .receptionInfo_con .qq ul{ padding:0; margin:0; width:100%;}*/ /*.reception .receptionInfo .receptionInfo_con .qq ul li{width:100%;text-align:center;padding: 8px 0 }*/ /*.reception .receptionInfo .receptionInfo_con .qq ul li:hover{background-color: #f8f8f8; }*/ /*.reception .receptionInfo .receptionInfo_con .qq ul li:hover span{color: #ff8600}*/ /*.reception .receptionInfo .receptionInfo_con .qq ul li a{ display:block;color:#118fd2;}*/ /*.reception .receptionInfo .receptionInfo_con .phone{ }*/ /*.reception .receptionInfo .receptionInfo_con .phone p{ color:#333; font-size:14px; line-height:30px; position:relative; float:left; width:32%;margin-top: 20px }*/ /*.reception .receptionInfo .receptionInfo_con .phone p i{ color:#333; font-size:24px; margin-right:5px; line-height:30px}*/ /*.reception .receptionInfo .receptionInfo_con .phone p span{ position:absolute; left:28px;font-size:16px;}*/ /*.reception .receptionInfo .receptionInfo_con .phone .txt{ width:68%; float:right; font-size:24px; color:#ff9900; line-height:30px;margin-top: 20px}*/ /*商务代表列表*/ .consultant-box {background-color:#fff; padding:12px 24px; margin-bottom:10px; margin-top:20px} .consultant-search { font-size:0} .consultant-search .filter-area { position:relative} .consultant-search .filter-area:after { content:''; display:block; width:0; height:0; clear:both} .consultant-search .filter-left { float:left} .consultant-search .filter-right { float:right} .consultant-search .filter-keyword-area .keyword { width:200px; padding:0 30px 0 10px;height:22px;line-height:22px; font-size:12px;border-radius:3px;border:1px solid #dbe3ee} .search-filter-selected .search-arrow-right {left:-15px; top:2px; cursor:default} .filter-selected-item {-webkit-user-select:none;-moz-user-select:none; -ms-user-select:none; user-select:none;position:relative; display:inline-block;font-size:12px; margin-right:20px; padding:2px 8px; color:#484848;border:1px solid #dbe3ee; border-radius:1px; cursor:pointer} .filter-selected-item:before { position:absolute;content:'>';left:-15px;top:2px} .filter-selected-item.none-selected { display:none} .filter-selected-item.filter-selected-all:before {display:none} .filter-selected-item.selected-item-highline { border-color:#ffb787} .filter-selected-item.selected-item-highline .selected-item-text { color:#f60} .filter-selected-item .filter-selected-sub {position:absolute; width:450px;background:#fff;z-index:9;left:0;margin-top:5px;box-shadow:0 0 10px 3px #eee;padding:10px;text-align:left} .filter-selected-item .selected-sub-item { display:inline-block; width:8em; margin-left:10px} .filter-selected-item .selected-sub-item a {display:inline-block;width:100%} .filter-selected-item .selected-sub-item:hover a {color:#f60;text-decoration:none} .filter-selected-item.filter-selected-reset {border:0} .filter-selected-item.filter-selected-reset a { color:#f60} .filter-selected-item.filter-selected-reset a:hover {text-decoration:none;color:#ff884a} .filter-selected-item.filter-selected-reset:before {content:''} .filter-selected-all {border:0;padding:2px 0} .search-filter-panel {font-size:12px;border:1px solid #dbe3ee;margin-top:8px} .search-filter-panel.no-border {border:0} .search-filter-box { position:relative; border-top:1px solid #dbe3ee} .search-filter-box:first-child { border-top:0} .search-filter-label { position:absolute;top:0;bottom:0;width:80px; padding:10px 15px;background-color:#f5f7fa;color:#888;float:left;box-sizing: content-box;} .search-filter-container {position:relative;margin-left:130px;width: 80%;padding:5px 15px;height:60px;overflow:hidden} .search-filter-container .search-filter-list{ float:left; padding:0; margin:0} .search-filter-container.show-sub-list {height:auto} .search-filter-container.show-sub-list .active .filter-sub-list {display:block} .search-filter-container.no-more {height:26px} .search-filter-container .no-text {margin:5px;display:inline-block} .search-filter-list .list-item-highlight {color:#f60} .search-filter-list li {display:inline-block;color:#484848;padding-right:20px;cursor:pointer;line-height:25px} .search-filter-list li a{color:#484848;} .search-filter-list li a.active {color:#f60} .search-filter-list li:hover a {color:red;text-decoration:none} .search-filter-list li:hover a.list-item-highlight {color:red} .search-filter-pack .filter-list-item {width:auto} .filter-sub-list {display:none;position:absolute;left:7px;color:#a4a4a4;background-color:#f5f7fa;padding:0 8px; width:835px} .filter-sub-list li {display:inline-block; margin-left:8px} .search-filter-btn {position:absolute;top:10px;right:15px;cursor:pointer;display: none} .search-filter-btn font { display:inline-block;margin-left:6px;font-size:14px;color:#585858; font-family:"宋体";transform: rotate(90deg);-ms-transform: rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);} .search-filter-btn font.on { display:inline-block;margin-left:6px;font-size:14px;color:#585858; font-family:"宋体";transform: rotate(-90deg);-ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);} .consultant-sort-list{ float:left; padding:0; margin:0} .consultant-sort { position:relative;font-size:12px;margin-top:12px;background-color:#f5f7fa;color:#484848; padding:12px 0} .consultant-sort .consultant-sort-item {display:inline-block;font-weight:700;padding:0 17px; border-right:1px solid #c7d0db;cursor:pointer} .consultant-sort .consultant-sort-item a {text-decoration:none; color:#333; line-height:24px} .consultant-sort .consultant-sort-item a:after {visibility:hidden; display:inline-block; margin-left:5px; content:''; width:7px; height:9px; background:url(../images/arrow_bb0dedb.png) no-repeat; background-position:0 0} .consultant-sort .consultant-sort-item a.active {color:#f60} .consultant-sort .consultant-sort-item a.active:after {visibility:visible} .consultant-sort .consultant-sort-item a.active-down:after { background-position:0 0} .consultant-sort .consultant-sort-tips { margin:0; margin-right:12px;line-height: 18px;float:right} .consultant-sort .consultant-sort-tips span{color: #f60;padding: 0 5px} .consultant-sort-area { position:absolute; top:0; right:195px; width:56px; height:42px; z-index:10; transition:.3s all ease} .consultant-sort-area:hover {box-shadow:0 0 10px 3px #eee} .consultant-sort-area:hover .sort-area-list { display:block} .consultant-sort-area:hover .sort-area-title { background:#fff} .consultant-sort-area .sort-area-title { width:70px; z-index:11; height:42px;line-height:42px;text-align:center;position:absolute} .consultant-sort-area .sort-area-title i{ font-size:12px;} .consultant-sort-area .sort-area-list { display:none; position:absolute; top:42px; width:232px; background-color:#fff; box-shadow:0 0 10px 3px #eee; padding:10px} .consultant-sort-area .sort-area-item {display:inline-block; width:50px; text-indent:14px; line-height:18px;} .consultant-sort-area .sort-area-item a.active,.consultant-sort-area .sort-area-item:hover a { color:#f60} .consultant-sort-area .sort-area-item a { text-decoration:none; color:#333} .consultant-info { padding:0; margin:0;margin-top:12px;margin-left: -1%;} .consultant-info-none { padding-left:14px} .consultant-info-item { position:relative; float:left;width:24%; background-color:#fff; border:1px solid #dbe3ee; box-shadow:0 0 14px 2px #f0f3fa; margin-left:1%;margin-bottom:15px;padding-top:15px; text-align:center; transition:.3s all ease; -webkit-animation:fadein .7s ease; animation:fadein .7s ease} .consultant-info-item:hover {box-shadow:0 0 14px 2px #d1d9ee} .consultant-info-item .detail-link { display:block} .consultant-info-item a {text-decoration:none} @-webkit-keyframes fadein { from { opacity:0 } to { opacity:100 } } @keyframes fadein { from { opacity:0 } to { opacity:100 } } .consultant-box .consultant-info-recommend { position:absolute; width:28px; height:45px; top:0; left:20px; font-size:12px; color:#fff; padding-top:2px; } .consultant-box .consultant-info-portrait {display:inline-block;width:72px;height:72px;overflow:hidden;border-radius:50%;border:2px solid #f0f3f7} .consultant-box .consultant-info-portrait img { width:100%; height:auto} .consultant-box .consultant-info-title { font-weight:700; color:#484848; font-size:16px; line-height:40px} .consultant-box .consultant-info-experience {font-size:14px;color:#a8a8a8; line-height:24px; padding:0 12px} .consultant-box .consultant-info-record { font-size:12px; color:#6e6e6e; height:28px; margin-bottom:9px} .consultant-box .consultant-info-record .info-record-industry { max-width:5em; vertical-align:bottom; margin-left:10px} .consultant-box .consultant-info-label { height:45px; margin-bottom:12px; padding:0} .consultant-box .consultant-info-label li { font-size:12px; display:inline-block; overflow:hidden;padding:5px 10px; margin-bottom:5px; background:#edf4f7; border-radius:15px; max-width:70px; color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .consultant-box .consultant-info-score {margin-bottom:12px} .consultant-box .consultant-info-score i { display:inline-block; vertical-align:middle} .consultant-box .consultant-info-score .star-one { background-position:-29px -53px} .consultant-box .consultant-info-score .star-half { background-position:-57px -53px} .consultant-box .consultant-info-score .info-score-num { font-size:16px; color:#f60; font-style:italic; font-weight:700;margin-left:8px} .consultant-box .consultant-info-data { width:100%; height:36px; color:#8d939a; font-size:12px} .consultant-box .consultant-info-data span { display:inline-block} .consultant-box .consultant-info-data span.hr { border-right:1px solid #d5d7da; height:16px; margin:6px 14px; width:1px} .consultant-box .info-data-exponential,.info-data-satify,.info-data-ask { color:#8d939a} .consultant-box .info-data-exponential .data-num,.info-data-satify .data-num,.info-data-ask .data-num { color:#696969; display:block; font-size:14px; font-style:italic; font-weight:700; line-height:20px} .consultant-box .info-data-exponential .icon-satify,.info-data-satify .icon-satify,.info-data-ask .icon-satify,.info-data-exponential .icon-people,.info-data-satify .icon-people,.info-data-ask .icon-people { display:inline-block; vertical-align:text-bottom;margin-left:5px; margin-right:13px; height:16px; width:16px;} .consultant-box .info-data-ask .icon-people { background-position:-110px -53px} .consultant-box .consultant-info-status { font-size:12px; background:#5092eb; height:28px; display:block; border-radius:5px; margin:20px auto; color:#fff; line-height:28px; width:180px; text-align:center} .consultant-box .consultant-info-status:hover { text-decoration:none; color:#fff} /*.consultant-box .consultant-info-status:before {content: '';display: inline-block;width: 14px;height: 13px;position: relative; background: url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/components/consultant-info/images/icon_4866c4d.png) no-repeat;margin-right: 5px;*/ /*top: 1px;}*/ /*.consultant-box .consultant-info-status:before { content:''; display:inline-block; width:14px; height:13px; position:relative;}*/ .consultant-box .consultant-info-status i.iconfont{position: relative;top: 2px} .consultant-box .consultant-info-status.contact:hover { background:#0b61ff} .consultant-box .consultant-info-status.offline { border:1px solid #f60; background:0 0; color:#f60} .consultant-box .consultant-info-status.offline:before { background-position:-160px -53px} .consultant-box .consultant-info-status.offline:hover {color:#fff; background:#f60} .consultant-box .consultant-info-status.offline:hover:before { background-position:-229px -53px} .consultant-box .consultant-info-status.contact:before { background-position:-183px -53px} .consultant-box .consultant-info-status.offline:before { background-position:-206px -53px} .consultant-box .consultant-info-none { width:300px; margin:200px auto} .consultant-box .consultant-info-none:before { content:''; display:block;margin:0 auto;width:180px; height:110px; background:url(../images/nolist_fab9906.png) no-repeat} .consultant-box .consultant-info-none .info-none-tips { font-size:16px;color:#959595; margin-top:30px; margin-bottom:13px} .consultant-box .consultant-info-none .info-none-btn { display:block; text-align:center; margin:0 auto; width:180px; height:28px; line-height:28px; background:#ff7300; color:#fff; font-size:14px; transition:.3s ease all; cursor:pointer} .consultant-box .consultant-info-none .info-none-btn:hover { background:#ff6700; text-decoration:none} /*顾问*/ .consultant_freeBox{width:100%; height:auto; display: none;} .consultant_freeBox .freeAd{ position:fixed; right:0; bottom:100px; cursor:pointer;} .consultant_freeBox .freeCon{width:400px; height:auto; background:#fff; position:fixed; left:55%; top:30%; padding-bottom:20px; margin-left:-280px; z-index:11119;} .consultant_freeBox .maskBg{width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0; z-index:11118;} .consultant_freeBox .head p{ color:#333; font-size:22px; height:70px; line-height:40px; text-align:center; padding-top:30px} .consultant_freeBox .head span{ color:#888; font-size:16px; line-height:30px; text-align:center; display:block} .consultant_freeBox .contBox i{ position: absolute;right: 10px; top:10px; color:#999; cursor:pointer} .consultant_freeBox .freeCon .userInfo{ margin:0; background:#fff; padding:0 40px 25px 40px} .consultant_freeBox .freeCon .userInfo ul{ padding:0; margin:0} .consultant_freeBox .freeCon .userInfo .li{ width:100%;} .consultant_freeBox .freeCon .userInfo .li ul li{ width:100%; font-size:12px; color:#666;line-height:60px; position:relative; margin: 15px 0; height:64px} .consultant_freeBox .freeCon .userInfo .li ul li .title{ display:none} .consultant_freeBox .freeCon input{ width:100%;height:48px; line-height:48px; font-size:14px; border:1px solid #f5f5f5; background-color:#f5f5f5; color:#999; text-indent:10px; margin-right:12px;} .consultant_freeBox .freeCon .userInfo .li .sel{ width:100%;height:48px; line-height:48px; font-size:14px; border:1px solid #f5f5f5; background-color:#f5f5f5; color:#333; text-indent:10px; margin-right:12px; margin-top:20px} .consultant_freeBox .freeCon .infoTextarea{width:100%;height:135px;padding:0 10px; margin:20px 0;line-height:30px; font-size:14px; border:1px solid #eee; background-color:#f5f5f5; margin-right:12px;} .consultant_freeBox .freeCon .userInfo .li ul li .getSms{ display:block; position:absolute; right:7.5px; top:86.5px; width:120px; height:40px; line-height:40px; text-align:center; color:#ff6f40; border-radius:3px; border:none; border-left:1px solid #eeeeee; z-index:99} .consultant_freeBox .freeCon .userInfo .li .verify{ float:left; width:50%;height:48px; line-height:48px; font-size:14px; border:1px solid #eee; background-color:#f5f5f5; color:#999; text-indent:10px; margin-right:12px;} .consultant_freeBox .freeCon .userInfo .li #sendCode1verifyImg{ float:right; width:45%; height:48px; z-index:100} .consultant_freeBox .freeCon .userInfo .li .refresh{ display:block; width:15%; position:absolute; right:0; top:0;} .consultant_freeBox .freeCon .userInfo .li .submitsendCode1{ width:100%; height:48px; line-height:48px; border:none; background:#1770e6; font-size:16px; color:#fff; font-family:"微软雅黑"; text-align: center; display:block; float:left; border-radius:3px} .consultant_freeBox .freeCon .userInfo .li ul li .phonetext{line-height: 15px; position:absolute; color:#999} .consultant_freeBox .freeCon .userInfo .li ul li .smsverifytext{line-height: 15px; position:absolute;color:#999} .consultant_freeBox .freeCon .contBox .appoint{background: #fff;padding: 25px 40px; text-align:center} .consultant_freeBox .freeCon .contBox .appoint img{ margin-top:40px} .consultant_freeBox .freeCon .contBox .appoint p{ margin-top:20px; height:60px; line-height:60px; color:#333; font-size:24px;} .consultant_freeBox .freeCon .contBox .appoint span{ line-height:24px; color:#888; font-size:14px;} /*商务代表详情页*/ .content-box{ background:#f9f9f9} .content-box .detail-nav {height:52px;line-height:52px;color:#6b6b6b;font-size:12px} .content-box .detail-nav a{color:#6b6b6b;} .content-box .detail-base-box {background:#fff;box-shadow:0 1px 10px #ddd; margin-bottom:20px} .content-box .detail-content-base {float:left; position:relative; background:#fff;margin:10px 0; width:700px; border-right:1px dashed #dfdfdf; padding:40px 20px 40px 60px;height:310px;} .content-box .base-face-wrap { float:left;width:160px; height:160px; border-radius:50%;border:1px solid #f1f1f1; overflow:hidden} .content-box .base-face-img {width:160px; height:160px; border-radius:50%; border:1px solid #efefef} .content-box .base-info-wrap { float:left; margin-left:60px; max-width:398px} .content-box .base-info-name { color:#f60; font-size:24px} .content-box .base-info-name .work-experience-block { padding-left:10px;font-size:14px; font-weight:400; color:#999} .content-box .base-info-tip { padding-top:8px} .content-box .base-info-tip .info-local { display:inline-block; margin-left:10px; padding-left:14px; border-left:1px solid #e3e3e3} .content-box .base-ext-wrap { font-size:12px; padding-top:10px} .content-box .base-ext-wrap p { padding-bottom:10px} .content-box .base-ext-wrap .base-ext-label { color:#666; margin-right:5px} .content-box .base-ext-good .ext-good-label { display:inline-block; font-size:12px;padding:2px; text-align:center;margin-right:4px; margin-top:10px; background:#efeef4; color:#7b7d94; padding:5px 14px; border-radius:15px} .content-box .base-ext-serviced .ext-serviced-list { display:inline-block; width:280px; vertical-align:text-top; line-height:14px} .content-box .base-ext-serviced .ext-serviced-list font{white-space: nowrap} .content-box .base-consultant-wrap { position:absolute; top:140px; right:71px; width:172px} .content-box .base-consultant-button,.base-need-button { display:block;width:170px; height:40px; line-height:40px; font-size:14px; text-align:center; transition:.3s ease all} .content-box .base-consultant-button { color:#fff;background:#fff; border:1px solid #f60; width:100%; color:#f60} .content-box .base-consultant-button:hover {background:#f60; color:#fff} .content-box .base-consultant-button.active {background:#5092eb; border:1px solid #5092eb; color:#fff} .content-box .base-consultant-button.active:hover { background:#0b61ff; border:1px solid #0b61ff; color:#fff} .content-box .base-need-button { margin-top:28px; border:1px solid #ff6f40; color:#ff6f40; background:#fff} .content-box .base-need-button:hover { background:#ff6f40; color:#fff} .content-box .detail-content-recom {float:right; width:450px; margin:10px 0; padding:50px 70px} .content-box .recom-hot {margin-top:30px; line-height:45px; color:#666; font-size:14px; font-weight:700} .content-box .recom-hot-title { display:inline-block; vertical-align:middle; padding-right:28px; letter-spacing:3px} .content-box .recom-star i { margin-right:3px; display:inline-block; vertical-align:middle; color:#ffd040} .content-box .recom-star [class^=star-] {width:17px; height:16px; background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/consultant-detail/imgs/star_5bcb1cd.png) no-repeat 0 0} .content-box .recom-star .star-one { background-position:-25px 0} .content-box .recom-star .star-half { background-position:-50px 0} .content-box .recom-star .info-score-num { font-size:18px; color:#f60;font-style:italic; font-weight:400; margin-left:8px} .content-box .recom-list { position:relative; padding:0; margin:0; padding-top:7px} .content-box .recom-list li { position:relative; font-size:14px; line-height:30px} .content-box .recom-list .recom-list-content { display:inline-block; color:#666; width:120px} .content-box .recom-list .recom-list-score { color:#ed7266; font-size:14px} .content-box .evaluate-base-block { position:relative;margin:40px 0 5px;font-size:14px; color:#666} .content-box .evaluate-base-block strong,.evaluate-base-block .evaluate-more { color:#999; font-size:12px; font-weight:400} .content-box .evaluate-base-block .evaluate-more { position:absolute; right:0; top:0; text-decoration:underline} .content-box .no-evaluate-text { color:#999; padding-top:10px} .content-box .evaluate-tag-list { padding:0; margin:0; margin-bottom:10px} .content-box .evaluate-tag-list li { text-align:center; display:inline-block; height:28px;line-height:28px; background:#fff6f6; color:#ff8585; border-radius:15px;padding:0 12px; margin:10px 3px 10px 0} .content-box .evaluate-tag-list span { border-left:1px solid #fbdada; padding-left:5px; margin-left:5px} .content-box .fadein { -webkit-animation:fadein .7s ease; animation:fadein .7s ease } @-webkit-keyframes fadein { from { opacity:0 } to { opacity:100 } } @keyframes fadein { from { opacity:0 } to { opacity:100 } } .content-box .consultant-detail-main{ width:100%} .content-box .supple-item { width:890px; margin-bottom:20px; background:#fff; -webkit-animation:fadein .7s ease; animation:fadein .7s ease} .content-box .supple-item.summarize{margin-bottom:20px} .content-box .supple-item.detail-evaluate{ padding-bottom:20px} .content-box .supple-nav { height:58px; line-height:58px; border-bottom:1px solid #eeeeee; padding-left:24px} .content-box .supple-nav-name {display:inline-block;height:58px;line-height:58px; color:#323232; font-size:14px; text-align:center; margin-right:36px} .content-box .supple-nav-name.active { color:#5092eb; border-bottom:2px solid #5092eb} .content-box .overflow-text { max-height:56px; overflow:hidden; text-overflow:ellipsis} .content-box .summarize-detail {white-space:pre-wrap; word-wrap:break-word; text-indent:0; background: none;border: none;line-height: 25px;font-size: 14px; padding:0;font-family: "微软雅黑";} .content-box .supple-summarize { padding-top:20px; line-height:22px; color:#666} .content-box .supple-summarize h3 { font-size:16px; line-height:45px; font-style:italic} .content-box .supple-summarize h3 span { color:#efeef4; font-weight:400} .content-box .supple-summarize .icon-tit {display:none; float:right; margin-right:10px; color:#f90; margin-top:10px; cursor:pointer} .content-box .supple-summarize .icon-xiu{color:#f90; padding:5px 10px; border:1px solid #f60; border-radius:3px; margin-top:5px;display: inline-block; } .content-box .supple-summarize .icon-tit .down { font-style:normal; display:inline-block; font-weight: bold;font-family:"宋体"; margin-left:5px;transform: rotate(90deg);-ms-transform: rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);} .content-box .supple-summarize .icon-tit .up {font-style:normal; display:inline-block; font-weight: bold;font-family:"宋体"; margin-left:5px; transform: rotate(-90deg);-ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);} .content-box .supple-resume { padding:0 24px} .content-box .supple-resume li {padding:20px 11px;} .content-box .supple-resume li.border-bottom-0 { border-bottom:0} .content-box .supple-resume-img { float:left; width:240px; height:145px; cursor:pointer} .content-box .supple-resume-content { float:left; width:560px; margin-left:20px; font-size:14px} .content-box .resume-summary { display:inline-block; padding-right:20px; color:#1f2d3d; background:none; font-size:14px; line-height:24px} .content-box .resume-summary.main { color:#333; font-weight:bolder; padding-right:14px; border-right:1px solid #eee; display:block; margin-bottom:10px;font-size: 16px;} .content-box .resume-summary.company-name {border-right:1px solid #e8e8e8; margin-right:20px} .content-box .supple-resume-details { padding-top:15px} .content-box .supple-resume-details .resume-txt {line-height:22px; word-break:break-word} .content-box .supple-resume-details .flow-text { display:inline-block; max-height:65px; overflow:hidden; text-overflow:ellipsis} .content-box .supple-resume-details .icon-btn { display:none; float:right; margin-right:4px; color:#f90; margin-top:20px; cursor:pointer} .content-box .supple-resume-details .icon-btn .down {font-style:normal; display:inline-block; font-weight: bold;font-family:"宋体"; margin-left:5px;transform: rotate(90deg);-ms-transform: rotate(90deg); -moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg);} .content-box .supple-resume-details .icon-btn .up { font-style:normal; display:inline-block; font-weight: bold;font-family:"宋体"; margin-left:5px;transform: rotate(-90deg);-ms-transform: rotate(-90deg); -moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);} .content-box .supple-resume-more {display:block; height:30px; line-height:30px; text-align:center;background:#fff6f6; width:90px; color:#ff8585; margin:0 auto; border-radius:20px; margin-top:40px} .content-box .supple-resume-more i { width:19px; height:17px; vertical-align:middle; display:inline-block;background-position:0 0} .content-box .hide-more .supple-resume-item { display:none} .content-box .hide-more .supple-resume-show { display:block} .content-box .img-big-outbox { display:none; position:fixed;z-index:100; width:640px; height:390px;left:50%; margin-left:-320px; top:50%; margin-top:-195px; border:6px solid rgba(255,255,255,.5)} .content-box .img-big-outbox .img-big-close-btn { cursor:pointer; position:absolute; right:-40px; top:-7px; display:block; width:28px; height:28px; background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/consultant-detail/imgs/close-icon_5050c0c.png) no-repeat center} .content-box .supple-resume-img-big {width:640px;height:390px} .content-box .mask {display:none; position:fixed; width:100%; height:100%; top:0; left:0; background:#000; opacity:.5; filter:alpha(opacity=50); z-index:99} .content-box .supple-item .supple-evaluate-pager .pageList {text-align:right;padding:0 40px; margin:15px 0} .content-box .supple-item .supple-evaluate-pager .pageList li{ display:inline-block} .content-box .supple-item .supple-evaluate-pager .pageList a{height:28px; line-height:28px; padding:0 10px; display:inline-block; border:1px solid #dde4ec;margin-left:-1px;color:#76818f} .content-box .supple-item .supple-evaluate-pager .pageList .l{ display:none} .content-box .supple-item .supple-evaluate { padding:10px 44px 0} .content-box .supple-item .supple-evaluate .evaluation-tag {margin-top:10px; margin-bottom:20px} .content-box .supple-item .supple-evaluate .evaluation-tag ul li {display:inline-block; color:#ff8585;background:#fff6f6; height:30px; line-height:30px; padding:0 12px; border-radius:20px; margin:4px 6px} .content-box .supple-item .supple-evaluate .evaluation-tag ul li .tag-name { border-right:1px solid #ff8585; padding-right:8px; margin-right:2px} .content-box .supple-item .supple-evaluate-all { color:#949495; padding: 0 0 20px 0} .content-box #startone{ padding:0;} .content-box #startone .star_score { width:160px; overflow:hidden; background:url(../images/stark2.png) repeat-x; height:22px; position:relative;} .content-box #startone .star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;} .content-box #startone .star_score a.clibg{ background:url(../images/stars2.png) repeat-x;left:0;} .content-box .supple-item .evaluate-all-score { padding:20px; height:22px; line-height:22px; font-size:13px} .content-box .supple-item .evaluate-all-tit { display:inline-block; padding-right:70px; vertical-align:text-bottom; float:left} .content-box .supple-item .evaluate-info { float:left; max-width:670px} .content-box .supple-item .evaluate-score { display:inline-block;font-size:16px; font-weight:700; color:#ff6e56;vertical-align:text-bottom; padding-left:8px} .content-box .supple-item .evaluate-all-list { padding-left:147px} .content-box .supple-item .evaluate-item { display:inline-block; height:26px; padding:0 10px; line-height:26px;text-align:center; color:gray; border:1px solid #eeeeee; background:#fff;margin-right:6px;border-radius:17px} .content-box .supple-item .supple-evaluate-list{ padding:0; margin:0} .content-box .supple-item .supple-evaluate-list li { padding-top:16px; font-size:12px;border-bottom:1px dotted #d8d8d8; color:gray} .content-box .supple-item .supple-evaluate-list .evaluate-item-content { width:650px; float:left} .content-box .supple-item .supple-evaluate-list .no-evaluate { text-align:center; margin:20px} .content-box .supple-item .evaluate-item-score,.supple-item .evaluate-item-list {float: left;} .content-box .supple-item .evaluate-item-score i,.supple-item .evaluate-all-score i { margin-right:3px;display:inline-block;vertical-align:middle;color: #ffd040;} .content-box .supple-item .evaluate-item-score [class^=star-],.supple-item .evaluate-all-score [class^=star-] {width:17px; height:16px;background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/consultant-detail/imgs/star_5bcb1cd.png) no-repeat 0 0} .content-box .supple-item .evaluate-item-score .star-one,.supple-item .evaluate-all-score .star-one { background-position:-25px 0} .content-box .supple-item .evaluate-item-score .star-half,.supple-item .evaluate-all-score .star-half { background-position:-50px 0} .content-box .supple-item .evaluate-item-score .info-score-num,.supple-item .evaluate-all-score .info-score-num { font-size:16px; color:#f60; font-style:italic; font-weight:700; margin-left:8px } .content-box .supple-item .evaluate-item-recommend {display:inline-block;line-height:21px;position:relative; top:2px; margin:0 10px; color:#ff4c29} .content-box .supple-item .commenter{float: right; height: 21px; line-height: 21px; padding: 0 50px 0 0} .content-box .supple-item .commenter i{color: #ddd; font-size: 16px;} .content-box .supple-item .evaluate-item-list { padding-left:10px} .content-box .supple-item .evaluate-item-txt {padding:15px 0; color:#333; font-size:14px; line-height: 1.5em;} .content-box .supple-item .evaluate-item-record { color:gray; font-size:12px; text-align:right; float:right} .content-box .supple-item .evaluate-record-time { padding-top:2px; position:relative} .content-box .supple-item .evaluate-record-name { position:relative} .content-box .supple-item .evaluate-record-name:before {content:''; position:absolute; left:-19px; top:2px;width:15px; height:14px; background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/consultant-detail/imgs/contact_abef40a.png) no-repeat} .content-box .detail-shop {width:228px; background:#fff; padding:0 16px 26px} .content-box .detail-shop-header { padding:17px 0} .content-box .detail-shop-face { width:70px; height:70px; display:inline-block; vertical-align:middle} .content-box .detail-shop-name {margin-left:10px; margin-top:10px} .content-box .detail-shop-name span {display:inline-block} .content-box .detail-shop-name .name {display:block;width:10em} .content-box .detail-shop-contents {word-break:break-all} .content-box.detail-shop-contents .enterprise-detail {line-height:18px} .content-box .detail-shop-contents .enterprise-flow-text {max-height:180px; overflow:hidden; text-overflow:ellipsis; display:inline-block} .content-box .detail-shop-contents .enterprise-icon-btn {display:none; float:right; margin-right:4px;color:#f90; margin-top:10px; cursor:pointer} .content-box .detail-shop-contents .enterprise-icon-btn .act-icon {display:none;width:14px; height:14px; vertical-align:middle;display:inline-block} .content-box .detail-shop-contents .enterprise-icon-btn .down { background-position:-30px 0} .content-box .detail-shop-contents .enterprise-icon-btn .up { background-position:-17px 0} .content-box .detail-shop-tit {height:55px; line-height:55px; font-size:13px;font-weight:700; color:#333; border-bottom:1px solid #eee} .content-box .content-box .detail-shop-content { padding:12px 4px 24px; font-size:12px; color:#656565} .content-box .detail-shop-summery {font-size:14px; font-weight:bolder; padding-bottom:10px} .content-box .detail-img-wrap {border-top:1px dotted #ddd;padding-top:25px} .content-box .detail-shop-img {height:128px; width:200px} .content-box .consultant-detail-recoms {border-top:6px solid #efefef; width:260px; background:#fff; padding:20px 18px; float:right} .content-box .detail-recom-tit {margin-bottom: 10px;height:21px; line-height:21px; font-size:14px; color:#5092eb} .content-box .detail-recom-exchange {height:19px;line-height:17px;font-size:12px; color:#5092eb; text-align:center; width:96px; border:1px solid #5092eb; float:right} .content-box .consultant-detail-recoms .consultant-info-item {box-shadow:none; width:223px; height:auto} .content-box .consultant-detail-recoms .info-data-ask:before { margin:0 10px} .content-box .consultant-detail-recoms .info-data-satify .icon-satify,.consultant-detail-recoms .info-data-ask .icon-satify,.consultant-detail-recoms .info-data-satify .icon-people,.consultant-detail-recoms .info-data-ask .icon-people {margin-right:4px} .content-box .consultant-detail-recoms .consultant-info-label li {max-width:80px} .content-box .consultant-detail-recoms .info-record-industry { max-width:4em} .content-box .consultant-detail-error {position:relative; height:500px; } .content-box .detail-error-tips { position:absolute;top:210px; left:60%;color:#333} .content-box .detail-error-tips .tips-tit {font-size:18px; font-weight:bolder} .content-box .detail-error-tips .tips-other { margin:8px 0 30px; font-size:12px} .content-box .detail-error-tips .tips-more {display:block; width:160px; height:36px; line-height:36px; text-align:center; font-size:12px; color:#fff; border-radius:4px; background:#f90;background:linear-gradient(45deg,#f90 0,#ff6700 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff9900', endColorstr='#ff6700', GradientType=1)} .content-box .detail-shop {width:280px;background:#fff; padding:0 16px 26px; float:right} .content-box .detail-shop-header { padding:17px 0} .content-box .detail-shop-face { width:70px; height:70px; display:inline-block; vertical-align:middle; float:left} .content-box .detail-shop-name { margin-left:10px; margin-top:10px; float:left; width:100px} .content-box .detail-shop-name span { display:inline-block} .content-box .detail-shop-name .name { display:block; font-size:14px; color:#333; line-height:24px} .content-box .detail-shop-contents { word-break:break-all} .content-box .detail-shop-contents .enterprise-detail { line-height:18px} .content-box .detail-shop-contents .enterprise-flow-text { max-height:180px; overflow:hidden; text-overflow:ellipsis; display:inline-block} .content-box .detail-shop-contents .enterprise-icon-btn { display:none; float:right; margin-right:4px; color:#f90; margin-top:10px; cursor:pointer} .content-box .detail-shop-contents .enterprise-icon-btn .act-icon {display:none; width:14px; height:14px; vertical-align:middle; display:inline-block} .content-box .detail-shop-contents .enterprise-icon-btn .down { background-position:-30px 0} .content-box .detail-shop-contents .enterprise-icon-btn .up { background-position:-17px 0} .content-box .detail-shop-tit { height:55px; line-height:55px; font-size:13px; font-weight:700; color:#333; border-bottom:1px solid #eee} .content-box .detail-shop-content { padding:12px 4px 24px; font-size:12px; color:#656565} .content-box .detail-shop-summery { font-size:14px; font-weight:bolder; padding-bottom:10px} .content-box .detail-img-wrap { border-top:1px dotted #ddd; padding-top:25px} .content-box .detail-shop-img { height:128px; width:200px} .content-box .consultant-detail-recoms { border-top:6px solid #efefef;width:280px;background:#fff; padding:20px 18px} .content-box .consultant-info { padding:0; margin:0} .content-box .consultant-info li{ text-align:center; position:relative;border: 1px solid #dbe3ee; padding-top:15px} .content-box .consultant-info-recommend {position: absolute; width: 28px;height: 50px;top: 0;left: 20px;font-size: 12px; line-height:16px;color: #fff;padding-top: 2px;background: url(images/consultantDetail_icon.png) no-repeat;} .content-box .consultant-info-portrait {display:inline-block;width:72px;height:72px;overflow:hidden;border-radius:50%;} .content-box .consultant-info-portrait img { width:72px; height:72px} .content-box .consultant-info-title { font-weight:700; color:#484848; font-size:16px; line-height:27px} .content-box .consultant-info-experience {font-size:14px;color:#a8a8a8; line-height:24px; padding:0 12px} .content-box .consultant-info-record { font-size:12px; color:#6e6e6e; height:28px; margin-bottom:9px} .content-box .consultant-info-record .info-record-industry { max-width:5em; vertical-align:bottom; margin-left:10px} .content-box .consultant-info-label { height:65px; padding:0; margin:0; margin-bottom:12px} .content-box .consultant-info-label li { font-size:12px; display:inline-block; overflow:hidden;padding:8px 10px; margin-bottom:5px; background:#edf4f7; border-radius:15px; max-width:65px; color:#333;overflow: hidden; text-overflow: ellipsis;white-space: nowrap;} .content-box .consultant-info-data { width:100%; height:36px; color:#8d939a; font-size:12px} .content-box .consultant-info-data span { display:inline-block} .content-box .consultant-info-data span.hr { border-right:1px solid #d5d7da; height:16px; margin:6px 14px; width:1px} .content-box .info-data-exponential,.info-data-satify,.info-data-ask { color:#8d939a} .content-box .info-data-exponential .data-num,.info-data-satify .data-num,.info-data-ask .data-num { color:#696969; display:block; font-size:14px; font-style:italic; font-weight:700; line-height:20px} .content-box .info-data-exponential .icon-satify,.info-data-satify .icon-satify,.info-data-ask .icon-satify,.info-data-exponential .icon-people,.info-data-satify .content-box .icon-people,.info-data-ask .icon-people { display:inline-block; vertical-align:text-bottom;margin-left:5px; margin-right:13px; height:16px; width:16px; background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/components/consultant-info/images/icon_4866c4d.png) no-repeat -84px -53px} .content-box .info-data-ask .icon-people { background-position:-110px -53px} .content-box .consultant-info-status { font-size:12px; background:#5092eb; height:28px; display:block; border-radius:5px; margin:20px auto; color:#fff; line-height:28px; width:180px; text-align:center} .content-box .consultant-info-status:hover { text-decoration:none; color:#fff} /*.content-box .consultant-info-status:before { content:''; display:inline-block; width:14px; height:13px; position:relative; background:url(//as.zbjimg.com/static/nodejs-zbj-wen-web/widget/components/consultant-info/images/icon_4866c4d.png) no-repeat; margin-right:5px; top:1px}*/ .content-box .consultant-info-status.contact:hover { background:#0b61ff} .content-box .consultant-info-status.offline { border:1px solid #f60; background:0 0; color:#f60} .content-box .consultant-info-status.offline:before { background-position:-160px -53px} .content-box .consultant-info-status.offline:hover {color:#fff; background:#f60} .content-box .consultant-info-status.offline:hover:before { background-position:-229px -53px} .content-box .consultant-info-status.contact:before { background-position:-183px -53px} .content-box .consultant-info-status.offline:before { background-position:-206px -5} .content-box .slick-slider {position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none; user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent; height:210px;} .content-box .slick-slider * {outline:none} .content-box .slick-list {position:relative;overflow:hidden;display:block;margin:0;padding:0} .content-box .slick-list:focus {outline:none} .content-box .slick-list.dragging {cursor:pointer;cursor:hand} .content-box .slick-slider .slick-track,.slick-slider .slick-list {-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)} .content-box .slick-track {position:relative;left:0;top:0;display:block} .content-box .slick-track:before,.slick-track:after {content:"";display:table} .content-box .slick-track:after {clear:both} .content-box .slick-loading .slick-track {visibility:hidden} .content-box .slick-slide {float:left;height:100%;min-height:1px;display:none} .content-box [dir="rtl"] .slick-slide {float:right} .content-box .slick-slide img {display:block} .content-box .slick-slide.slick-loading img {display:none} .content-box .slick-slide.dragging img {pointer-events:none} .content-box .slick-initialized .slick-slide {display:block} .content-box .slick-loading .slick-slide {visibility:hidden} .content-box .slick-vertical .slick-slide {display:block;height:auto;border:1px solid transparent} .content-box .slick-arrow.slick-hidden {display:none} .content-box .slick-prev,.slick-next {position:absolute;width:60px;height:60px;display:block;overflow:hidden;top:50%;margin-top:-30px;outline:none;border:none;} .content-box .slick-prev {transform: rotate(90deg);-ms-transform: rotate(90deg);-moz-transform: rotate(90deg);-webkit-transform: rotate(90deg);-o-transform: rotate(90deg); top:-27px; right:42px; background:none} .content-box .slick-next {transform: rotate(-90deg);-ms-transform: rotate(-90deg);-moz-transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-o-transform: rotate(-90deg);top:-28px; right:0; background:none} .content-box .slick-dots { display:none !important} .content-box .supple-resume .info{ background:#f9f9f9; padding:20px; text-align:center; border-radius:5px} .content-box .supple-resume .info i{ font-size:50px; color:#7c848e; line-height:70px; height:70px; display:block} .content-box .supple-resume .info p{ font-size:17px; color:#333; line-height:30px} .content-box .supple-resume .info span{ font-size:10px; color:#fff; display:block; width:90%; margin:0 auto;height:26px; line-height:26px; background:#ff6f40; border-radius:50px} .content-box .supple-com{padding:30px; margin:0;} .content-box .swiper-nested{ height:160px} .content-box .supple-com .swiper-wrapper{} .content-box .supple-com .pagination { display:none} .content-box .supple-com .swiper-slide{ line-height:10px} .content-box .supple-com .swiper-slide p{ color:#666; font-size:14px; border-left:2px solid #5194ec; padding:10px; margin:10px 0; float:left; width:50%; height:20px; line-height:0} /*案例*/ .case_box{padding:50px 0;} .case_box .case_box_con ul{ padding:0; margin:0} .case_box .case_box_con ul li{ margin:1% 0} .case_box .case_box_con ul li .case_box_info{ position:relative; height:181px; overflow:hidden} /*.case_box .case_box_con ul li .case_box_info img{ width:100%}*/ .case_box .case_box_con ul li .case_box_info a{ width:100%; height:100%; text-align:center; position:absolute; left:0; top:-181px;; background:rgba(0,0,0,0.6); padding-top:60px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .case_box .case_box_con ul li .case_box_info a>i{ color:#000; display:block; width:50px; height:50px; box-shadow:0 0 10px #fff; background-color:#fff; box-sizing:content-box;text-align:center; line-height:50px; margin:0 auto; border-radius:50%; font-size:24px} .case_box .case_box_con ul li .case_box_info a>span{ color:#fff; display:block; line-height:40px; font-size:14px;} .case_box .case_box_con ul li:hover .case_box_info a{ cursor:pointer;top:0;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all;-o-transition: 0.5s all;} .case_box .case_box_des{ background:#f8f8f8; overflow:hidden; position:relative; padding:0 20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all;} .case_box .case_box_des p{word-break:keep-all;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; color:#333; font-size:16px; height:40px; line-height:40px; margin:0} .case_box .case_box_des span{ display:inline-block; width:90%; color:#888; font-size:14px; height:30px; line-height:20px;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;} .case_box .case_box_des i{ position: absolute;right: -25px; width: 20px;height: 20px;text-align: center;line-height: 20px;color: #333; display: inline-block;font-size: 14px; border: 1px solid #999; border-radius: 50%;} .case_box .case_box_con ul li:hover .case_box_des i{ color:#fff; border:1px solid #fff; top:20px; right:20px;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all; } .case_box .case_box_con ul li:hover .case_box_des{ background:#1770e6;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all;} .case_box .case_box_con ul li:hover .case_box_des p,.case_box .case_box_con ul li:hover .case_box_des span{ color:#fff;transition: 0.5s all;-webkit-transition: 0.5s all;-moz-transition: 0.5s all; -o-transition: 0.5s all;} /*资讯中心*/ .headlines{ width:100%; float:left;} .headlines .left{ width:66.6666%; float:left;} .headlines .right{ width:32.3333%; float:right; background:#fff; min-height:250px;} .headlines .right h3{ font-size:16px; display:block; color:#333; margin:0; padding:20px; font-weight:normal; border-bottom:1px solid #eee;} .headlines .right h3 a{ font-size:12px; font-weight:normal; color:#666; float:right;} .headlines .right ul{ width:100%; float:left; padding:10px 20px 12px 20px; margin:0; box-sizing:border-box;} .headlines .right ul li{ width:100%; float:left; line-height:35px;} .headlines .right ul li a{float:left;color: #666; max-width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;} .headlines .right ul li a:hover{color:#1f76df;} .headlines .right ul li span{color:#999; width:15%; float:right; text-align:center;} .keynews{ width:100%; float:left;} .keynews .left{ width:66.6666%; float:left;} .keynews .right{ width:32.3333%; float:right;} .keynews .panel{ width:100%; float:left; background:#fff; margin-bottom:0; border-radius:0;} .keynews .right h3{ font-size:16px; display:block; color:#333; margin:0; padding:20px; font-weight:normal; border-bottom:1px solid #eee;} .keynews .right h3 a{ font-size:12px; font-weight:normal; color:#666; float:right;} .keynews .right ul.list{ width:100%; float:left; padding:10px 20px 12px 20px; margin:0; box-sizing:border-box;} .keynews .right ul.list li{ width:100%; float:left; line-height:35px;} .keynews .right ul.list li a{float:left;color: #666; max-width:85%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px;} .keynews .right ul.list li a:hover{color:#1f76df;} .keynews .right ul.list li span{color:#999; width:15%; float:right; text-align:center;} .keynews .right ul.list p img{ max-width:100%; height:inherit;} .keynews .right ul.tag{width:100%; float:left; padding:10px 20px 12px 20px; margin:0; box-sizing:border-box;} .keynews .right ul.tag li{ display:inline-block; line-height:300%;} .keynews .right ul.tag li a{ color:#999; border:1px solid #ccc; padding:3px 10px; border-radius:30px; text-decoration:none;} .keynews .right ul.tag li a:hover{color:#1f76df; border:1px solid #1f76df;} .topnews{ width:100%; float:left; background:#fff; padding:20px; box-sizing:border-box;} .topnews h2{ line-height:150%; margin:0; font-size:18px; font-weight:bold; margin:0 0 18px 0} .topnews h2 i{ color:#1f76df; font-style:normal;} .topnews h2 a{ color:#333;} .topnews p{ text-indent:2rem; line-height:150%; color:#666;} /*新闻列表*/ .newslist{ width:100%; float:left; background:#fff;} .newslist ul{ margin:0; padding:0;} .newslist ul li{ width:100%; float:left; padding:20px; box-sizing:border-box; border-bottom:1px solid #eee;} .newslist ul li i{ float:left; width:20%; padding:0 10px 0 0; box-sizing:border-box;} .newslist ul li i img{ max-width:100%; height:inherit;} .newslist ul li dfn{ float:left; width:80%;font-style:normal;} .newslist ul li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#666; line-height:100%;} .newslist ul li h3{ width:100%; display:block; overflow:hidden; text-overflow:ellipsis; line-height:150%; padding:0; margin:0; font-size:16px; font-weight:bold; margin:0 0 16px 0;} .newslist ul li a:hover{ color:#000;} .newslist ul li p{ display:block; color:#999; max-height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;} .newslist ul li span{ display:block; color:#ccc;} /*新闻详情*/ .news-detail{ width:100%; float:left; background:#fff; padding:20px; box-sizing:border-box;} .news-detail .prenext{ width:100%; float:left; border-top:1px solid #eee; padding:20px 0 0 0;} .news-detail .prenext a{ width:100%; float:left; font-size:14px; margin:5px 0; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; color:#666; line-height:100%; box-sizing:border-box; padding:0 10px;} .news-detail .prenext a:hover{ color:#1f76df;} .news-detail .prenext a.no{ color:#ccc; text-decoration:none;} .news-detail .title{ width:100%; float:left; border-bottom:1px solid #eee; padding:0 0 20px 0;} .news-detail .title h2{ ;line-height:30px; text-align:center;font-size:24px; color:#000000; font-weight:bold;font-family: ' 微软雅黑'} .news-detail .title p{ text-align:center;} .news-detail .title span{ padding:0 10px; color:#666;} .news-detail .title span em{ font-style:normal;} .news-detail .title span i{ color:#999;} .news-detail .details{ width:100%; float:left; font-size:15px; color:#666; line-height:180%;} .news-detail .details img{ max-width:91%; height:inherit;} .news-detail .details strong{font-family: ' 微软雅黑' ;font-size: 20px;color: #000000;font-weight: bold} .news-detail .details p{margin:0;font-size: 16px;color: #000000;font-family: ' 微软雅黑';text-indent: 32px} .news-detail dfn{ background:#eee; width:100%; float:left; font-style:normal; text-align:center; padding:8px 0; color:#999; border-radius:3px;} .news-detail dfn:hover{ background:#f75; color:#fff;} .news-detail .share{ width:100%; float:left; text-align:right;} .news-detail .share .bdsharebuttonbox{ display:inline-block;} .news-detail .like{ width:100%; float:left;} .news-detail .like h3{ font-size:20px; color:#666; font-weight:normal; border-bottom:1px solid #eee; line-height:100%; padding:0 0 15px 0;} .news-detail .like ul{ width:100%; float:left; margin:0; padding:0;} .news-detail .like ul li{ width:100%; float:left; } .news-detail .like ul li a{ width:100%; float:left; color:#999; font-size:14px; line-height:200%; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-detail .like ul li a:hover{ color:#f75;} .news-detail .comment{ width:100%; float:left;} /*main*/ .news{ width:100%; float:left; background:#fff; padding:0 0 20px 0;} .news h2{ display:block; margin:0; color:#333; border-bottom:2px solid #f5f5f5; padding:20px; font-size:16px;} .news ul{ float:left;margin:0; padding:20px 20px 0 20px; box-sizing:border-box;border-right:1px solid #eee;} .news ul:nth-last-child(1){ border:none;} .news ul.other li{ border:none; padding:10px 0;} .news ul.other p img{ max-width:100%; height:inherit;} .news ul h3{ font-size:16px; display:block; color:#333; font-weight:normal;} .news ul h3 a{ font-size:12px; font-weight:normal; color:#666; float:right;} .news ul li{ width:100%; float:left; border-bottom:1px dotted #ccc; list-style:none; padding:15px 0;} .news ul li:nth-last-child(1){ border:none;} .news ul li i{ float:left; width:40%; padding:0 10px 0 0; box-sizing:border-box;} .news ul li i img{ max-width:100%; height:inherit;} .news ul li dfn{ float:left; width:60%;font-style:normal;} .news ul li a{display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; font-size:14px; color:#666; line-height:120%; margin:0 0 14px 0;} .news ul li a:hover{ color:#000;} .news ul li p{ display:inline-block; color:#999; max-height:40px; line-height:20px; overflow:hidden; text-overflow:ellipsis;} .news ul li span{ display:inline-block; color:#ccc;} .news-index{ width:100%; float:left;box-sizing:border-box; padding:100px 0; background:#fff;} .news-index .left{ width:66%; float:left;} .news-index .right{ width:30%; float:right;} .news-index .right ul{ margin:20px 0 0 0; padding:0; width:100%; float:left;} .news-index .right ul li{ width:100%; float:left; box-sizing:border-box; padding:0;} .news-index .right ul li a{ width:100%; float:left;color:#333; font-size:14px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index .right ul li a:hover{ color:#1f76df;} .news-index .right p{ width:100%; float:left; margin:30px 0 0 0;} .news-index .right p a{ color:#1f76df; font-size:14px; line-height:100%;} .news-index h2{ width:100%; float:left; margin:0; color:#333;font-weight:normal;font-family:"微软雅黑 light";} .news-index h2 strong{float:left; line-height:100%; font-size:30px; font-weight:normal; } .news-index h2 p{ width:100%; float:left; font-size:18px; line-height:100%; } .news-index ul.moduleNews{ float:left; margin:0 0 0 20px; padding:0;} .news-index ul.moduleNews li{ float:left; margin:0 0 0 30px; border-bottom:2px solid #f2f2f2;} .news-index ul.moduleNews li a{ width:100%; float:left; font-size:18px; line-height:30px; color:#333; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index ul.moduleNews li:hover,.news-index ul.moduleNews li.current{ border-bottom:2px solid #1f76df;} .news-index ul.moduleNews li:hover a,.news-index ul.moduleNews li.current a{ color:#1f76df; background:none;} .news-index .moduleNews-tab{ width:100%; float:left;box-sizing:border-box;} .news-index .module-content{ width:100%; float:left;} .news-index .module-content:nth-child(2){ display:none;} .news-index .module-content:nth-child(3){ display:none;} .news-index .module-content ul{ margin:20px 0 0 0; padding:0; width:100%; float:left;} .news-index .module-content ul li{ width:50%; float:left; box-sizing:border-box; padding:0 50px 0 0;} .news-index .module-content ul li a{ width:100%; float:left;color:#333; font-size:14px; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index .module-content ul li a span{ color:#666; font-size:12px;} .news-index .module-content ul li a font{ color:#999; padding:0 10px;} .news-index .module-content ul li a:hover{ color:#1f76df;} .news-index .module-content ul li a:hover span{ color:#1f76df;} .news-index .module-content ul li a:hover font{ color:#1f76df;} .news-index .module-content p{ width:100%; float:left; margin:30px 0 0 0;} .news-index .module-content p a{ color:#1f76df; font-size:14px; line-height:100%;} /*波纹+3d*/ #index #waves{ width:100%; height:480px; float:left; margin:-257px 0 0 -257px;} #index #particles{ width:100%; height:480px; float:left;margin:-257px 0 0 0;} #index #particles canvas{ margin:-100px 0 0 0; opacity:0.5} #homedes{ margin-left:-10000px; position:absolute;} #banner{width: 100%; max-width:1920px; min-height:560px; text-align:center; margin:0 auto; background:#fff;} #banner .swiper-slide {background-position: center;background-size: cover;min-height:560px;} #banner .swiper-pagination{bottom:20px;} #banner .swiper-pagination .swiper-pagination-bullet{ width:15px; height:5px; border-radius:0;} #newsbanner{width: 100%;float: left; height:250px;} #newsbanner .swiper-slide {background-position: center;background-size: cover;min-height:250px;} #advcase{width: 583px;float: left; margin:0 0 40px 0; height:260px;} #advcase .swiper-slide {background-position: center;background-size: cover;height:260px;} #advcase .swiper-slide img{ width:100%; height:260px;} /* mozilla firefox */ ::-moz-selection {} .clearfix:after{content:" "; display:block; clear:both;} .main{width: 100%;float: left;background: #f5f5f5;} .full{width: 100%;float: left;background: #fff;} .gry{background:#f5f5f5;} .box{ width:100%; float:left;} /*message*/ #message{ text-align:center; padding:100px 0 0 0;} #message i{ font-style:normal; font-size:20px;} #message i ul{ margin:0; padding:0;} #message p{ font-size:14px; color:#999;} #message p a{ color:#1f76df;} /*案例内页大图*/ #inner{width: 100%; float:left; min-height:405px; text-align:center; margin:0 auto; font-family:"微软雅黑 light";} #inner .title{font-size:55px; line-height:100%;margin:150px 0 30px 0; color:#fff;} #inner .subtitle{font-size:22px; line-height:100%; color:#fff;} #inner .text{ color:#fff;} .caseBg{background:url(../images/inner-caseBg.png) no-repeat bottom #090937;} .proBg{background:url(../images/inner-proBg.png) no-repeat center 50px #000219;} .brandBg{background:url(../images/inner-brandBg.png) no-repeat bottom #090f29;} .manageBg{background:url(../images/inner-manageBg.png) no-repeat bottom #090937;} /*案例图*/ .case{ width:100%; float:left; padding:0;} .case h2{ display:block; margin:0; color:#333;padding:20px 0; font-size:24px; font-weight:normal;} .case h2 span a{ font-size:12px; float:right; font-weight:normal; color:#1f76df} .case h2 ul{ display:inline-block; margin:0; padding:0 0 0 20px;} .case h2 ul li{ display:inline-block; padding:0 5px;} .case h2 ul li a{ font-size:12px; font-weight:normal; color:#666;} .case .middle{ width:100%; float:left; margin:20px 0 0 0; overflow:hidden;} .case .middle ul{ width:100%; float:left; margin:0; padding:0;} .case .middle ul.tophot{ width:583px; float:right;} .case .middle ul li{ width:275px; float:left; text-align:center;background:#fff; height:260px; overflow:hidden;box-sizing:border-box; margin:0 0 40px 33px; position:relative;} .case .middle ul li:nth-child(4n+1){ margin:0;} .case .middle ul li.left{width:48%; float:left;} .case .middle ul li a{ width:100%; display:inline-block;} .case .middle ul li i{ width:100%; height:180px; float:left; text-align:center; overflow:hidden;} .case .middle ul li i img{ max-width:100%; height:inherit; -webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .case .middle ul li p{ width:100%;float:left; margin:0; line-height:40px; color:#666; background:#fff; padding:0; height:40px; box-sizing:border-box; text-align:center;} .case .middle ul li p:nth-child(3){ border-top:1px solid #eee; text-align:left; color:#aaa;} .case .middle ul li p:nth-child(3) em{ float:left; margin:0 0 0 10px;} .case .middle ul li p:nth-child(3) span{ float:left; margin:0 10px 0 5px;} .case .middle ul li p:nth-child(3) em:nth-child(3){ margin:2px 0 0 0;} .case .middle ul li p:nth-child(3) em:nth-last-child(1){ float:right; margin:0 10px 0 0; color:#ccc;} .case .middle ul li p strong{ display:block; font-weight:normal;} .case .middle ul li:hover{moz-box-shadow: #e6e6e6 2px 2px 3px;-webkit-box-shadow: #e6e6e6 2px 2px 3px; box-shadow: #e6e6e6 2px 2px 3px;} .case .middle ul li:hover i img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .case .middle ul li .mask{width:100%; height:180px; background:rgba(0,0,0,.6); position:absolute; top:-180px; left:0; transition:top .5s;} .case .middle ul li:hover .mask{top:0; transition:top .5s;} .case .middle ul li .mask strong{color:#fff; font-size:20px; padding:40px 10px 0 10px; display:block; line-height:50px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .case .middle ul li .mask font{ color:#fff; padding:0 10px; height:25px; line-height:25px; font-size:12px; margin:15px 0 0 0; display:inline-block; background:#1f76df} .case .middle ul li .mask span{ display:block; line-height:20px; color:#999;} .case .middle ul li .mask span em{ border:1px solid #999; width:40px; height:40px; line-height:40px; border-radius:50%; font-size:30px; color:#fff; display:inline-block;} .case .middle ul li .mask div.spro{background: #fff; height: 180px; display: block;} .case .middle ul li .mask div.spro em{display: block} .case .middle ul li .mask div.spro img{max-width: 100%; margin: 20px 0 10px 0;} .case .middle ul li .mask div.spro dfn{color: #2ba245; font-style: normal;} /*客户logo*/ .customer{ width:100%; float:left; margin:30px 0;} .customer h3{ font-size:30px; text-align:center; color:#333; font-weight:normal; border-bottom:1px solid #eee; font-family:"微软雅黑 light";} .customer h3 font{ display:block;} .customer h3 p{ margin:20px 0 0 0; font-size:14px; color:#999; border-bottom:4px solid #ccc; display:inline-block; padding:0 5px 10px 5px;} .customer dfn{ width:100%; display:block; color:#666; font-size:16px; line-height:30px; text-align:center; font-style:normal; font-family:"微软雅黑 light";} .customer ul{ width:100%; float:left; margin:50px 0 20px 0; padding:0;} .customer ul li{ width:16%; float:left; margin:2%; box-sizing:border-box; border:1px solid #eee; padding:10px 20px;} .customer ul li img{ max-width:100%; height:inherit;} /*案例详情*/ .casepage{ width:100%; float:left; background:#fff;} .casepage h2.title{ width:100%; float:left; font-size:22px; display:block; color:#333; margin:0; padding:40px; border-bottom:1px solid #eee; background:#fff; box-sizing:border-box; font-weight:bold;} .casepage h2.title a{ float:right; font-size:12px; color:#666; font-weight:normal; text-decoration:none;} .casepage h2.title p{ width:100%; float:left; margin:0;} .casepage h2.title p:nth-child(2){ font-size:12px; padding:20px 0 0 0; font-weight:normal;} .casepage h2.title p span{ padding:0 20px 0 0; color:#666;} .casepage h2.title p span em{ font-style:normal;} .casepage h2.title p span i{ color:#999;} .casepage .panel{ width:100%; float:left; background:#fff;} .casepage .left{ width:75%; float:left; padding:40px; border-right:1px solid #eee; box-sizing:border-box;} .casepage .right{ width:25%; float:right;} .casepage .right h3{ font-size:16px; display:block; color:#333; margin:0; padding:20px; font-weight:normal; border-bottom:1px solid #eee;} .casepage .right h3 a{ font-size:12px; font-weight:normal; color:#666; float:right;} .casepage .right ul.tag{width:100%; float:left; padding:10px 20px 12px 20px; margin:0; box-sizing:border-box;} .casepage .right ul.tag li{ display:inline-block; line-height:300%;} .casepage .right ul.tag li a{ color:#999; border:1px solid #ccc; padding:3px 10px; border-radius:30px; text-decoration:none;} .casepage .right ul.tag li a:hover{color:#1f76df; border:1px solid #1f76df;} .casepage .right .casepackage{ width:100%; float:left; box-sizing:border-box; padding:0 40px;} .casepage .right .casepackage p{ font-size:14px; color:#999;} .casepage .right .casepackage p font{ color:#1f76df; font-size:22px;} .casepage .right .casepackage p span{ color:#333;} .casepage .right .casepackage p a{ text-decoration:none; border:1px solid #1f76df; color:#1f76df; width:100%; display:block; padding:10px 0; text-align:center;} .casepage .right .casepackage p a:hover{ border:1px solid #1f76df; color:#1f76df; } .casepage .right .customer-info{ width:100%; float:left; box-sizing:border-box; padding:30px 40px; background:#f9f9f9;} .casepage .right .customer-info p{ font-size:12px; color:#999;width:100%; float:left; margin:0; padding:5px;} .casepage .right .customer-info p strong{line-height:150%; color:#333;} .casepage .right .customer-info p font{ color:#999; white-space:nowrap; overflow:hidden; width:15%; float:left; line-height:150%;} .casepage .right .customer-info p span{ color:#333; width:85%; float:left; line-height:150%;} .casepage .right .customer-info p a{ text-decoration:none; background:#1f76df; color:#fff; width:100%; display:block; padding:10px 0; text-align:center;} .casepage .right .customer-info p a:hover{ background:#1f76df;} .casepage .case-detail{ width:100%; float:left;box-sizing:border-box;} .casepage .case-detail img{ max-width:100%; height:inherit;} .casepage .case-detail p{ margin:0; padding:0;} .casepage .seo-detail{ width:100%; float:left;box-sizing:border-box; padding:50px 0;} .casepage .seo-detail img{ max-width:100%; height:inherit;} .casepage .seo-detail p{ margin:0; padding:0; font-size:14px; line-height:200%; color:#666;} .casepage .seo-detail p strong{ margin:0; padding:0; font-size:16px; line-height:200%; color:#333;} .casepage .case-product{ width:100%; float:left; background:#fff; min-height:300px;} /*案例筛选*/ .byscreen{ width:100%; float:left;background:#f5f5f5; padding:15px 0; box-sizing:border-box; border-bottom:1px solid #ddd;} .byscreen dfn{ width:150px; float:left; padding:0; margin:0; font-style:normal;box-sizing:border-box; cursor:pointer;} .byscreen h4{padding:15px 0; margin:0; text-align:center; font-weight:normal; font-size:14px; color:#333;} .byscreen h4 strong{ font-weight:normal;} .byscreen h4 i{ font-size:12px; color:#999; position:absolute;moz-transition-duration: 0.35s;-o-transition-duration: 0.35s;-webkit-transition-duration: 0.35s;transition-duration: 0.35s; margin:0 0 0 5px;} .byscreen h4 em{ color:#666; padding:0 5px 0 0;} .byscreen h4 font{ width:10px; height:10px; display:inline-block;} .byscreen h4 font.red{ background:#f00;} .byscreen h4 font.blue{ background:#2085ed;} .byscreen h4 font.green{ background:#26b849;} .byscreen h4 font.gry{ background:#999;} .byscreen ul{ position:absolute; margin:0; padding:15px 0 0 0; width:150px; background:#fff;moz-box-shadow: rgba(0,0,0,0.1) 0 2px 4px;-webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 4px;box-shadow: rgba(0,0,0,0.1) 0 2px 4px; display:none; z-index:9999;} .byscreen ul li{ width:100%; float:left;} .byscreen ul li a{width:100%; float:left; padding:10px;text-align:center; box-sizing:border-box; color:#333; text-decoration:none; white-space:nowrap;} .byscreen ul li a.current{ color:#1f76df;} .byscreen ul li a:hover{ background:#1f76df; color:#fff;} .byscreen dfn:hover h4 i{ transform: translateY(-25%) rotate(180deg);-o-transform: translateY(-25%) rotate(180deg);-webkit-transform: translateY(-25%) rotate(180deg);-moz-transform: translateY(-25%) rotate(180deg);} .byscreen dfn.current{background:#edeeee;webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.11);box-shadow: inset 0 1px 1px rgba(0,0,0,.11);} .byscreen dfn:hover ul{ display:block;} .byscreen ul.color{ position:absolute;width:240px; padding:20px; height:80px; box-sizing:border-box; background:#fff;moz-box-shadow: rgba(0,0,0,0.1) 0 2px 4px;-webkit-box-shadow: rgba(0,0,0,0.1) 0 2px 4px;box-shadow: rgba(0,0,0,0.1) 0 2px 4px; display:none; z-index:9999;} .byscreen ul.color li{ width:20%; float:left;} .byscreen ul.color li a{ padding:0; width:100%; float:left; border:3px solid #fff} .byscreen ul.color li a font{ width:100%; height:35px; float:left; background:#f5f5f5;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .byscreen ul.color li a font.red{ background:#f00;} .byscreen ul.color li a font.blue{ background:#2085ed;} .byscreen ul.color li a font.green{ background:#26b849;} .byscreen ul.color li a font.gry{ background:#999;} .byscreen ul.color li a:hover font{-webkit-transform:scale(1.2); -moz-transform:scale(1.2); transform:scale(1.2); z-index:9999;} .byscreen ul.color li a.current{ border:3px solid #282828;webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.5);box-shadow: inset 0 1px 1px rgba(0,0,0,.5);} .byscreen ul.color li a:hover{ background:#1f76df; color:#fff;} .byscreen-list{ width:100%; float:left;padding:0;} .byscreen-list h3{ font-size:24px; font-weight:normal; color:#333;} .byscreen-list ul.list{ width:100%; float:left; padding:0; padding-bottom:0; box-sizing:border-box;} .byscreen-list ul.list var{ width:100%; float:left; text-align:center; min-height:100px; line-height:100px; color:#ccc; font-style:normal;} .byscreen-list ul.list li{ float:left; width:275px; margin:0 0 40px 33px; height:260px; overflow:hidden;} .byscreen-list ul.list li:nth-child(4n+1){margin:0;} .byscreen-list ul.list li a{ float:left; color:#333; text-decoration:none; width:100%; position:relative; overflow:hidden;} .byscreen-list ul.list li i{ width:100%; height:180px; float:left; text-align:center; overflow:hidden;} .byscreen-list ul.list li i img{ max-width:100%; height:inherit;-webkit-transition:0.3s; -moz-transition:0.3s; transition:0.3s; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0);} .byscreen-list ul.list li p{ width:100%;float:left; margin:0; text-align:center; line-height:40px; color:#666; background:#fff; padding:0; height:40px; box-sizing:border-box;} .byscreen-list ul.list li p:nth-child(3){ border-top:1px solid #eee; text-align:left; color:#aaa;} .byscreen-list ul.list li p:nth-child(3) em{ float:left; margin:0 0 0 10px;} .byscreen-list ul.list li p:nth-child(3) span{ float:left; margin:0 10px 0 5px;} .byscreen-list ul.list li p:nth-child(3) em:nth-child(3){ margin:2px 0 0 0;} .byscreen-list ul.list li p:nth-child(3) em:nth-last-child(1){ float:right; margin:0 10px 0 0; color:#ccc;} .byscreen-list ul.list li p strong{ display:block; font-weight:normal;} .byscreen-list ul.list li:hover{moz-box-shadow: #e6e6e6 2px 2px 3px;-webkit-box-shadow: #e6e6e6 2px 2px 3px; box-shadow: #e6e6e6 2px 2px 3px;} .byscreen-list ul.list li:hover i img{-webkit-transform:scale(1.1); -moz-transform:scale(1.1); transform:scale(1.1);} .byscreen-list ul.list li .mask{width:100%; height:180px; background:rgba(0,0,0,.6); position:absolute; top:-180px; left:0; transition:top .5s; text-align:center;} .byscreen-list ul.list li:hover .mask{top:0; transition:top .5s;} .byscreen-list ul.list li .mask strong{color:#fff; font-size:20px; padding:40px 10px 0 10px; display:block; line-height:50px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .byscreen-list ul.list li .mask font{ background:#1f76df; color:#fff; padding:0 10px; height:25px; line-height:25px; font-size:12px; margin:15px 0 0 0; display:inline-block;} .byscreen-list ul.list li .mask span{ display:block; line-height:20px; color:#999;} .byscreen-list ul.list li .mask span em{ border:1px solid #999; width:40px; height:40px; line-height:40px; border-radius:50%; font-size:30px; color:#fff; display:inline-block;} .byscreen-list ul.list li .mask div.spro{background: #fff; height: 180px; display: block;} .byscreen-list ul.list li .mask div.spro em{display: block} .byscreen-list ul.list li .mask div.spro img{max-width: 100%; margin: 20px 0 10px 0;} .byscreen-list ul.list li .mask div.spro dfn{color: #2ba245; font-style: normal;} /*帮助中心*/ input:-webkit-autofill {/*解决谷歌浏览器自动填充黄色*/-webkit-box-shadow: 0 0 0px 1000px #fff inset;} .help-search{ width:100%; float:left; padding:80px 0; background:#1770e6; background-size: 100% 100%;} .help-search .box{ width:66%; margin:0 17% 0 17%; display:inline-block; background:#fff; padding:15px 25px; height:50px; border-radius:50px; box-sizing:border-box;} .help-search .box input[type=text]{ font-size:16px; width:90%; border:none; outline:none; margin:0 0 0 10px;} .help-search .box a{ color:#999} .help-tools{ width:100%; float:left; padding:60px 0 0 0;} .help-tools ul{width:100%; float:left; margin:0; padding:0;} .help-tools ul li{ width:25%; float:left; text-align:center; border-right:1px solid #eee; box-sizing:border-box; padding:0 20px;} .help-tools ul li:nth-last-child(1){ border:none;} .help-tools ul li a{ color:#4A99ED; display:block;} .help-tools ul li i{ font-size:60px; display:block; line-height:60px;} .help-tools ul li font{ font-size:20px; display:block; line-height:40px; font-weight:bold; color:#4A99ED;} .help-tools ul li a:hover{ color:#00a2e6;} .help-tools ul li a:hover font{ color:#00a2e6;} .help-content{ width:100%; float:left; padding:70px 0} .help-content .sidebar{ width:25%; float:left; padding:0 0 60px 0;} .help-content .sidebar ul{ width:100%; float:left; padding:0;} .help-content .sidebar ul li{ width:100%; float:left; padding:0 0 6px 0} .help-content .sidebar ul li:nth-child(2){ padding:0 0 26px 0;} .help-content .sidebar ul li a{ width:100%; float:left; font-size:14px; background:#F7F7F6; color:#454545; line-height:36px; border-radius:3px; padding:0 15px; box-sizing:border-box;} .help-content .sidebar ul li a:hover{ color:#4A99ED; text-decoration:underline;} .help-content .sidebar ul li a.current{ background:#4A99ED; color:#fff;} .help-content .right{ width:75%; float:left; box-sizing:border-box; padding:0 0 0 60px;} .help-content .right h2{ width:100%; float:left; border-bottom:1px solid #eee; font-size:20px; line-height:24px; font-weight:bold; color:#000000; padding:10px 0; margin:0 0 18px 0;font-family: ' 微软雅黑'} .help-content .right h3{width:100%; float:left; border-left:2px solid #21d376; font-size:17px; color:#555; line-height:24px; box-sizing:border-box; padding:0 0 0 10px; font-weight:bold; margin:0 0 18px 0} .help-content .right .w-5{ width:50%; float:left; padding:0 30px 50px 0; box-sizing:border-box;} .help-content .right ul.list{ width:100%; float:left; margin:0; padding:0} .help-content .right ul.list li{width:100%; float:left; padding: 0 0 8px 0;} .help-content .right ul.list li i{ width:5%; float:left; line-height:25px; color:#ccc; text-align:center;} .help-content .right ul.list li i.top{ color:#f30} .help-content .right ul.list li i.hot{ color:#f90} .help-content .right ul.list li a{ width:90%; float:left; color:#777; font-size:15px; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .help-content .right ul.list li a em.vipex{ background: #f90; color: #fff; font-size: 12px; font-style: normal; font-weight: normal; padding: 0.1em 0.3em; border-radius: 2px;} .help-content .right ul.list li a:hover{color:#4A99ED; text-decoration:underline;} .help-content .right dfn{ width:100%; float:left; font-style:normal; padding:10px 0 0 0;} .help-content .right dfn a{ color:#888;} .help-content .right dfn a:hover{ text-decoration:underline; color:#777;} .help-content .right .title{ width:100%; text-align: center} .help-content .right .title h1{ font-size:24px; color:#000000; font-weight:bold; margin:0 0 12px 0;font-family: ' 微软雅黑'} .help-content .right .title h1 em.vipex{ background: #f90; color: #fff; font-style: normal; font-weight: normal; padding: 0.1em 0.3em; border-radius: 2px; margin: 0 0.5em 0 0;} .help-content .right .title p{width:100%; float:left;color:#999; margin:0;} .help-content .right .title p span{ padding:0 10px} .help-content .right .help-data{ width:100%; float:left; padding:30px 0; font-size:16px; line-height:150%; ;color: #000000} .help-content .right .help-data p{text-indent: 32px;font-family: ' 微软雅黑'} .help-content .right .help-data strong{font-family: ' 微软雅黑' ;font-size: 20px;color: #000000;font-weight: bold} .help-content .right .help-data img{ max-width:100%;} ul.help-list{ width:100%; float:left; margin:0; padding:0} ul.help-list li{width:100%; float:left; padding: 15px; border-bottom:1px solid #eee; box-sizing:border-box;} ul.help-list li a{ width:90%; float:left; color:#307acd; font-size:16px; font-weight:bold; line-height:25px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} ul.help-list li a:hover{color:#4A99ED; text-decoration:underline;} ul.help-list li a em.vipex{ background: #f90; color: #fff; font-size: 12px; font-style: normal; font-weight: normal; padding: 0.1em 0.3em; border-radius: 2px; margin: 0 0 0 0.5em;} ul.help-list li p{ width:100%; float:left; color:#999; margin:0; padding:5px 0} ul.help-list li span{ padding:0 10px} ul.help-list li span:nth-child(1){ padding:0 10px 0 0} ul.help-list li:hover{ background:#f9fcff} ul.help-list li i{ width:3%; float:left; line-height:25px; color:#ccc; text-align:center;} ul.help-list li i.top{ color:#f30; background:#fff} ul.help-list li i.hot{ color:#f90; background:#fff} .whoisinfo-gettime {padding:20px ;margin-top:20px;font-size: 14px;background:#fff;border-bottom:1px solid #eee} .whoisinfo-gettime b {color: #747474;} .whoisinfo-gettime span {color: #3d3d3d;} .whoisinfo-gettime a {position: relative;font-size: 12px;padding: 8px;margin: 0 10px;margin-top: 16px;text-align: center;background: #eee;box-sizing: border-box;color: #333;text-decoration: none;white-space: nowrap;webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.11);box-shadow: inset 0 1px 1px rgba(0,0,0,.11);text-decoration:none;} .whoisinfo-gettime a:hover {background: #ddd;color: #333;text-decoration:none;} .width-100 {width: 100%; padding:20px; margin-bottom:30px; background:#fff} .left-full { float: left;} .width-64 {width: 64%;} .left-full {float: left;} .wi-table table {border: 1px solid #eeeeee;} .wi-table tr .table-left {padding-right: 30px;width:200px;border-right: 1px solid #eeeeee;color: #3c3c3c;text-align: right;background: #f5f5f5; font-size:14px;} .wi-table tr .table-left span { color: #989898;font-size:12px; font-family:"微软雅黑 light"} .wi-table tr .table-right { width:80%;padding-left: 30px;color: #545454;text-align: left; padding-right: 30px;font-size:14px; overflow:hidden} table.domain-paimai tr th {background: #f4f8fc; font-size: 13px;font-weight: 600; text-align:center} .wi-table tr td {height: 60px; border-bottom: 1px solid #eeeeee;} .sales-list { width: 35%; float: right; } p.title { font-weight: 700; font-size: 14px; } table.domain-paimai { width:100%; margin-top: 5px; border: 1px solid #eee; border-collapse: collapse; text-align: center; table-layout: fixed; background-color: #fff；; } table.domain-paimai { border-collapse: collapse; text-align: center; margin:0 } table.domain-paimai tr td { font-size: 14px; vertical-align: middle; padding: 0 .5em; } table.domain-paimai tr th, table.domain-paimai tr td { height: 41px; line-height: 41px; border-bottom: 1px solid #eee; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .blue-link { color: #0b6eca; } table.domain-paimai a.btn-link { height: 25px; line-height: 25px; margin: auto; display: inline-block; padding: 1px 18px; } .btn-link:hover { background-color: #2086EE; color: #fff; border: 1px solid #1F7CCC; } .userCon{width: 230px;box-shadow:0px 5px 10px 0px #666;-webkit-box-shadow: 0px 5px 10px 0px #666;-moz-box-shadow:0px 5px 10px 0px #666; ;position: absolute;top: 40px;left: 0px;;background-color: #ffffff;z-index: 10000} .userCon li{float: left;width: 50%;text-align: center;padding: 10px} .userCon p{line-height: 12px} .userCon span{font-size: 30px} .link .userCon a{display: block;padding: 0px;color: #666666} .userCon>a.userInfoOut{display: inline-block;width: 100%;margin-top: 10px;border-top: 1px solid #cdcdcd;text-align: center} .link .userCon a:hover{color: #19bcb2} #evaluate .evaluateModal{position:fixed; width:100%; height:100%;top:0; left:0; background:rgba(0,0,0,0.6); z-index:99} #comment_text{color: #0076ff;border: 1px solid #0076ff; width: 10em;margin:20px auto;display: block;text-align: center;padding:10px 0;} #comment_text:hover{cursor: pointer} #comment_text i.iconfont{font-size:14px; padding-right:5px} /*评价*/ #evaluate{display:none; } #evaluate i { display: block;width: 40px; height: 40px; border-radius: 50%;color: #666;text-align: center; line-height: 40px; font-size: 20px; position: absolute;right: 0; top: 0; cursor: pointer;} #evaluate .evaluatebox{ width:100%; margin:auto; padding:20px; background:#fff;width:30%; position:fixed; top:20%; left:35%; z-index:99} #evaluate .evaluatebox h3{ background:#fff; padding:1em;font-size:24px;color:#333; line-height:24px; margin:0;font-weight:normal; text-align:center} #evaluate .evaluatebox .title{ color:#888; text-align:center; font-size:14px;font-weight:normal; background:#fff;; margin:0} #evaluate .evaluatebox .starRating{width:100%; height:auto;background:#fff;} #evaluate .evaluatebox .starRating .box{width:100%; line-height:4em; margin:0 !important; padding-top:1em} #evaluate .evaluatebox .starRating .box .cont{ font-size:14px; color:#333; text-align:left; padding-right:0} #evaluate .evaluatebox .starRating .box img{ width:30px; height:30px; border-radius:50%; margin-right:10px} #evaluate .evaluatebox .starRating .box .remark{ font-size:0.9em; color:#555; padding-left:0; text-align:left} #evaluate .evaluatebox .starRating .box .star{position:relative; height:4em; padding-left:0; overflow:hidden} #evaluate .evaluatebox .starRating .box .star ul{margin:0; padding:0} #evaluate .evaluatebox .starRating .box .star li{float:left; margin-right:0.3em; cursor:default; list-style:none;width:1.5em; height:4em; line-height:4em;overflow:hidden; background:url(__PUBLIC__/theme/default/images/consultantDetail_box_xing.png) no-repeat left; background-size:3em;} #evaluate .evaluatebox .starRating .box .star li.on{background:url(__PUBLIC__/theme/default/images/consultantDetail_box_xing.png) no-repeat right;background-size:3em;} #evaluate .evaluatebox .starRating .evalText{ padding:0 1em; margin-bottom:20px} #evaluate .evaluatebox .starRating .evalText textarea{ width:100%; padding:14px; line-height:1.4em; height:10em; border:none; background:#f8f8f8; font-size:14px;} #evaluate .evaluatebox .starRating .box .contText{ text-align:right; font-size:0.9em; color:#999} #evaluate .evaluatebox .starRating .box input{ border:1px solid #e5e5e5; width:100%; height:3.5em; line-height:1.5em; padding:1em; font-size:14px;} #evaluate .evaluatebox .sumit{ width:100%; background:#fff; padding:1em;} #evaluate .evaluatebox .sumit a .submitcomment{width: 100%; font-size:14px;background: #1770e6;line-height: 3em;color: #fff;text-align: center;display: block; border-radius:5px; border:none} #evaluate .evaluatebox .eval{ text-align:center; background:#f5f5f5; border:1px solid #f5f5f5; color:#999; display:block; height:2.4em; line-height:2.3em} #evaluate .evaluatebox .eval.on{ background:#fff url(__PUBLIC__/theme/default/images/consultantDetail_box_triangle.png) no-repeat right bottom; background-size:1.5em; border:1px solid #ff6f40} #evaluate #starttwo{ padding:0 0 0 1em} #evaluate #starttwo .star_score { background:url(../images/stark2.svg); height:21px; position:relative;} #evaluate #starttwo .star_score a{ height:21px; display:block; text-indent:-999em; position:absolute;left:0;} #evaluate #starttwo .star_score a:hover{ background:url(../images/stars2.svg);left:0;} #evaluate #starttwo .star_score a.clibg{ background:url(../images/stars2.svg);left:0;} /*sitemap*/ .siteMapTitle{border-bottom: 1px solid #666666;padding-bottom: 10px} .mapList h5{font-size: 16px;padding: 10px;border-left: 5px solid #129a92;background-color: #e5e5e5} .mapList h6{padding-left: 15px;padding-top: 10px;font-size: 14px} .mapList ul{padding-top: 10px} .mapList ul li a{font-size: 14px;color: #333333;} .mapList ul li a:hover{color: #129a92} .mapList ul li{padding: 15px 0;padding-left: 15px;float: left;min-width: 200px} .siteMapMain >.row{margin-top: 30px;padding-bottom:15px} .siteMapMain{margin-bottom: 20px} /*会员阅读权限*/ .readauth-vip{width: 100%; float: left; text-align: center; background: #fefefe; padding: 130px 0} .readauth-vip .readauth-regster{background:linear-gradient(270deg, #0B61FF 0, #00A1FF 97%); color: #fff; padding:0.5em 5em; display:inline-block; border-radius: 2em; margin: 1em 0; font-size: 16px;} .readauth-vip p{font-size: 14px; color: #666;} .readauth-vip p .no-icon{font-size: 10em;} .readauth-vip .readauth-regster font{ float: left;} .readauth-vip .readauth-regster .vip-icon{font-size: 1.5em; float: left; margin: 0 0.2em 0 0} /*联系我们*/ .contact{ width: 100%; float:left;padding-bottom: 50px; background: #f5f5f5;} .contact .banner{width: 100%; float:left; height: 200px;background: url(../images/about_bg.png) no-repeat center top #048cff; background-size: 100% auto; } .contact .banner h1{font-size: 30px; color: #fff; line-height: 200px; text-align: center; margin: 0; padding: 0} .contact .data_Box{ width: 100%; float: left; background: #fff; margin: 30px 0 0 0} .contact .data_Box .left{ width: 300px; float: left;} .contact .data_Box .left strong{width: 100%; float: left; height: 50px; line-height: 50px; color: #333; font-size: 16px; padding: 0 0 0 30px; box-sizing: border-box;border-bottom: 1px solid #ededed;} .contact .data_Box .left ul{width: 100%; float: left; margin: 0;padding: 0;} .contact .data_Box .left ul li{width: 100%; float: left; margin: 0;box-sizing: border-box; border-bottom: 1px solid #ededed;} .contact .data_Box .left ul li a{width: 100%; float: left; box-sizing: border-box; padding: 0 0 0 30px; line-height: 30px; font-size: 14px; color: #333; margin: 5px 0} .contact .data_Box .left ul li.current,.contact .data_Box .left ul li:hover{ background: #f5f5f5;} .contact .data_Box .left ul li.current a,.contact .data_Box .left ul li:hover a{border-right: 4px solid #048cff} .contact .data_Box .right{ width: 900px; float: left; border-left: 20px solid #f5f5f5; box-sizing: border-box;padding: 40px;} .contact .data_Box .right .title{ width: 100%; float: left; text-align: center; font-size: 20px; color: #333; padding: 0 0 25px 0; border-bottom: 1px solid #e0e0e0;} .brand-title{background: url("../images/brandTitleBg.jpg") no-repeat bottom; height: 360px;color: white; } .brand-title-txt{padding: 20px 40px;margin-top: 70px} .brand-title-txt p{font-size: 14px;line-height: 28px} .brand-title-txt p:first-of-type{padding-top: 30px} .brand-title-txt a{display: inline-block;padding:10px 20px;background-color: #0078ff;color: #FFFFFF;margin-top: 30px} .brand-main h3{text-align: center;margin-top: 40px;margin-bottom: 25px} .brand-scene h3{;text-align: center;background-color: #FFFFFF;padding-bottom: 30px} .brand-main-show{position: relative} .brand-main-list{ width: 20%;margin-bottom: 10px;text-align: center;border-radius: 10px;-moz-border-radius:10px;-webkit-border-radius: 10px} .brand-main-list img{max-width: 80%;margin: 0 auto;margin-top: 20px;height: 56px} .brand-main-list p{font-size: 14px;margin: 20px;margin-top: 10px;color: #999999;overflow: hidden;font-size: 12px;line-height: 16px;height: 32px } .brand-main-list:hover{box-shadow: 0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;} .brand-main-show .nextPage{position: absolute;right: -30px;top: 280px;font-size: 20px;color: #FFFFFF;display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%; } .brand-main-show .prePage{position: absolute;left: -30px;top: 280px;font-size: 20px;color: #FFFFFF;display: inline-block; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%; } .bgcolor-192{background-color: #129a92} .color-192{color: #129a92} .bgcolor-ccc{background-color: #cccccc} .brand-main-show span:hover{cursor: pointer} .brand-scene-show{;padding: 0 30px;;} .brand-scene{background-color: #f7f8fa;margin-bottom: 30px} .brand-scene-list{background-size: 100%; height: 320px } .brand-scene-list:first-of-type{ background: url("../images/brandScene1.jpg") no-repeat ; } .brand-scene-list:nth-of-type(2){ background:url("../images/brandScene2.jpg") no-repeat; } .brand-scene-list:nth-of-type(3){ background:url("../images/brandScene3.jpg") no-repeat; } .brand-scene-list:nth-of-type(4){ background:url("../images/brandScene4.jpg") no-repeat; } .brand-scene-list:nth-of-type(5){ background:url("../images/brandScene5.jpg") no-repeat; } .brand-scene-list:nth-of-type(6){ background:url("../images/brandScene6.jpg") no-repeat; } .brand-scene-list:nth-of-type(7){ background:url("../images/brandScene7.jpg") no-repeat; } .brand-scene-list:nth-of-type(8){ background:url("../images/brandScene8.jpg") no-repeat; } .brand-scene-list{text-align: center;color: #FFFFFF;padding: 0} .sceneTop{margin-top: 100px;transition: all 0.3s linear} .imgScene{height: 100px} .imgScene img{width: 25%} .tr-menu2 .imgScene i.iconfont{font-size: 40px} .sceneTop strong{display: inline-block;font-size: 16px;;} .sceneTop .hr{width: 40px;height: 3px;background-color: #FFFFFF;text-align: center;;margin: 15px auto 30px} .brandSceneLists{overflow: hidden;width: 100%;height: 100%;transition: all 0.3s linear;position: relative } .bgColor-129{background-color: #129a92;opacity: 0.8} .sceneBottom{position: absolute;bottom: -60px;color: #f2f2f2;transition: all 0.3s linear;height: 60px;overflow: hidden;;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .sceneBottom p{width:70%;margin: 0px auto ;line-height: 20px;text-align: left} /*cooperation*/ .cooper-title{background: url("../images/cooperbg.jpg") no-repeat bottom; height: 360px;color: white; } .cooper-title-txt{padding: 20px 40px;margin-top: 70px} .cooper-title-txt p{font-size: 14px;line-height: 28px} .cooper-title-txt p:first-of-type{padding-top: 30px} .cooper-title-txt a{display: inline-block;padding:10px 20px;background-color: #1f9a92;color: #FFFFFF;margin-top: 30px} .cooper-main h3{text-align: center;margin: 40px 0} .cooper-main-list{text-align: center;padding: 40px;position: relative} .cooper-main-list span{font-size: 14px;line-height: 24px;display: block;color: #000000;margin: 15px 0} .cooper-main-list p{font-size: 12px;color: #666666;line-height: 20px} .cooper-main-show{box-shadow: 0 0 10px #cccccc;-moz-box-shadow: 0 0 10px #cccccc;-webkit-box-shadow: 0 0 10px #cccccc;} .cooper-main-list:after{ content: ""; width: 1px; height: 210px; background-color: #e5e5e5; position: absolute; right: 0; top: 60px; } .cooper-form-show{border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2} .cooper-form-show2{border-bottom: 1px solid #f2f2f2;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;} .cooper-form{margin-top: 40px;margin-bottom: 40px} .cooper-form h3{padding: 20px 0;text-align: center;background-color: #f2f2f2} .cooper-h31{border-radius: 10px 10px 0 0 ;-webkit-border-radius: 10px 10px 0 0 ;-moz-border-radius: 10px 10px 0 0 ;} .cooper-form h3 i.iconfont{font-size: 24px;position: relative;top: 3px;color: #129a92} .cooper-form-list{padding: 20px 60px} .cooper-form-list label{font-size: 14px;font-weight: normal} .cooper-form-list .form-control{height: 50px;margin: 10px 0} .cooper-form-list textarea.form-control{height: 150px;resize: none} .cooper-form-warning{color: #ff0000;padding-left: 10px;} .cooper-form-btn{text-align: center} .cooper-form-btn .cooper-toLogin{display: block;color: #129a92;padding-top: 15px;padding-bottom: 20px} .cooper-form-btn .cooper-form-submit{background-color: #129a92;color: #FFFFFF;display: inline-block;padding: 14px 100px ;border-radius: 10px;font-size: 14px;-moz-border-radius: 10px;-webkit-border-radius: 10px} .cooper-ft{background-color: #f9f9f9} .cooper-ft-img{padding: 10px 60px;;text-align: right} .cooper-ft-img img{width: 100%} .cooper-ft-txt{padding-top: 120px} .cooper-ft-txt h3{margin-bottom: 40px} .cooper-ft-txt p{color: #888;font-size: 16px;line-height: 32px} .cooper-footer{background: url("../images/cooperfooterbg.jpg") no-repeat 100%;height: 400px;} .cooper-footer{text-align: center;color: #f2f2f2} .cooper-footer p{font-size: 24px;line-height: 48px} .cooper-footer span{display: inline-block;font-size: 18px;padding-top: 30px;line-height: 36px} .sas{width: 1200px;height: 400px;text-align: center;display: table-cell;vertical-align: middle} /*domainWeb*/ .domainWeb-title{background: url("../images/domainWebBanner.jpg") no-repeat bottom; height: 615px;position: relative; } .domainWeb-title-txt{margin-top:300px} .domainWeb-title-txt a{display: inline-block;font-size: 18px;padding:10px 30px;border: 1px solid #00e9fe;color: #00e9fe;margin-top: 30px} .domainWeb-title-num{position: absolute;bottom: 0;width: 100%;background-color: #1f1f1f; opacity: 0.6;} .domainWeb-main-title{background-color: #f6f6f6} .domainWeb-main-title ul li{float: left;width: 25%;text-align: center;} .domainWeb-main-title ul li:hover{cursor: pointer} .domainWeb-main-title ul li a{border-top: 2px solid transparent;display: inline-block;padding: 15px 0;color: #333333;font-size: 16px;width: 100%} .domainWeb-main-title ul li a.activeDomain{border-top: 2px solid #4274f6;color: #4274f6;background-color: #FFFFFF} .doListImg1,.doListImg2{margin: 15px auto} .doListTxt,.doListTxt2{text-align: center} .doListTxt2{margin-top: 40px} .doListTxt h2,.doListTxt2 h2{font-size: 30px;font-weight: normal;color: #333333;margin: 0px 0;line-height: 60px} .doListTxt p{font-size: 36px;font-weight: bold;color: #4c7ef7;line-height: 72px} .doListTxt article,.doListTxt2 article{font-size: 16px;color: #333333;line-height: 32px} .doListTxt2 article{font-size: 14px; } .doListContList,.doListContList-normal{margin: 20px 0;width: 20%;padding: 0 5px} .doListContList-show .doListContList-hd{background: url("../images/domainWebContListBg1.jpg") no-repeat; background-size: 100% 100%;text-align: center} .doListContList-hd{border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;} .doListContList-hd p{padding: 20px 0;line-height: 52px;font-size: 26px;font-weight: 600;color: #FFFFFF} .doListContList-bd{text-align: center;border-left: 1px solid #e5e5e5;border-right: 1px solid #e5e5e5} .doListContList-bd img{margin: 20px 0;height: 50px} .doListContList-bd p{max-width: 60%;text-align: left;line-height: 28px;font-size: 14px;margin: 0 auto;height: 96px;overflow: hidden} .doListContList-bd p.moreTxt{line-height: 24px} .doListContList-show .doListContList-ft a{;background-color: #f6cb43;color: #FFFFFF;border: 1px solid transparent} .doListContList-ft{text-align: center;padding: 20px 0;border: 1px solid #e5e5e5;border-top: none;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;} .doListContList-show .doListContList-bd i.iconfont{color: #f6cb43;padding: 20px 0;line-height: 80px} .doListContList-hd{background: url("../images/domainWebContListBg2.jpg")no-repeat;background-size: 100% 100%;text-align: center} .doListContList-ft a{background: #FFFFFF;border: 1px solid #4274f6;color: #4274f6;;display: inline-block;min-width: 180px;font-size: 16px;line-height: 32px;} .doListContList-bd i.iconfont{color: #666;padding: 20px 0;line-height: 80px} .doWebList1Contrast{ background: url("../images/domainWebListContrastBg.jpg")no-repeat;background-size: 100% 100%;height: 1044px; position: relative;margin-top: 20px; } .doWebList1ContrastImg1{padding-top: 40px;margin: 0 auto} .doWebList1Contrast p{font-size: 30px;color: #FFFFFF;text-align: center;line-height: 60px;padding: 10px 0} .doWebList1ContrastImg2{margin: 0 auto;padding: 10px 0} .doWebList1ContrastImg3{position: absolute;bottom: -20px;border-radius: 8px;overflow: hidden;-webkit-border-radius: 8px;-moz-border-radius: 8px} .doWebFunction{background-color: #f2f2f2} .doWebFunctionTitle h3{font-size: 30px;line-height: 60px} .doWebFunctionTitle p{font-size: 14px;line-height: 28px;padding-top: 10px} .doWebFunctionTitle{padding-top: 70px;text-align: center;padding-bottom: 40px } .doWebFunctionSwiper{padding-bottom: 40px} .doWebFunctionSwiper .swiper-container{ height: 350px; } .doWebFunctionSwiper .pagination { position: absolute; z-index: 20; left: 10px; bottom: -20px; width: 100%; text-align: center; } .doWebFunctionSwiper .swiper-pagination-switch { display: inline-block; width: 28px; height: 8px; background: #84b1ec; margin-right: 5px; opacity: 0.8; border: 1px solid #fff; cursor: pointer; } .doWebFunctionSwiper .swiper-pagination-bullet{ width: 28px; height: 8px; background: #4a8ee9; border-radius: 2px; } .doWebFunctionSwiper .swiper-visible-switch { background: #84b1ec; } .doWebFunctionSwiper .swiper-active-switch { background: #4a8ee9; } .doWebFunctionSwiper .swiper-slide{ height: 310px; } .doWebFunctionSwiper .swiper-slide .title{ margin: 0 10px;background-color: #FFFFFF;text-align: center; } .doWebFunctionSwiper .swiper-slide .title h5{font-size: 18px;padding-top: 20px;line-height: 32px} .doWebFunctionSwiper .swiper-slide .title img{height:70px;margin: 10px 0 } .doWebFunctionSwiper .swiper-slide .title p{padding: 15px ;line-height: 28px;font-size: 14px;color: #666666;height: 168px;overflow: hidden} .domainWeb-advantage .doWebFunctionTitle{padding-top: 40px} .domainWeb-advantage-main-hd p{text-align: center;padding:15px 0;font-size: 20px;border-right: 1px solid #FFFFFF;color: #666666} .domainWeb-advantage-main-hd p i.iconfont{padding-right: 5px;font-size: 24px;position: relative;top: 2px} .domainWeb-advantage-main-hd p:hover{cursor: pointer} .domainWeb-advantage-main-hd .col-xs-3:last-of-type p{border-right: none} .domainWeb-advantage-main-hd{background-color: #f2f2f2} .domainWeb-advantage-main-hd .col-xs-3{padding: 0} .advantage-bd-main{width: 80%;margin: 20px auto} .advantage-bd-main .col-xs-4{text-align: center;color: #FFFFFF;padding: 20px;height: 240px} .advantage-bd-main .col-xs-4 img{height: 78px;margin: 10px 0} .advantage-bd-main .col-xs-4 span{display: block;font-size: 16px;line-height: 32px;padding-bottom: 10px} .advantage-bd-main .col-xs-4 p{font-size: 14px;line-height: 20px;} .advantage-ft{margin-top: 40px} .advantage-ft a{display: block;width: 64%;margin: 0 auto;text-align: center;font-size: 16px;padding: 15px 0;background-color: #fff;color: #333} .advantage-hd{text-align: center;color: #FFFFFF} .advantage-hd h5{font-size: 16px;line-height: 32px;margin: 20px 0 10px;} .advantage-hd p{font-size: 14px;line-height: 24px} #advantage-bd1{background: url("../images/advantagebg.jpg")no-repeat;background-size: 100% 100%;height: 480px} #advantage-bd2{background: url("../images/advantagebdbg2.jpg")no-repeat;background-size: 100% 100%;height: 480px} #advantage-bd3{background: url("../images/advantagebdbg3.png")no-repeat;background-size: 100% 100%;height: 480px} #advantage-bd4{background: url("../images/advantagebdbg4.png")no-repeat;background-size: 100% 100%;height: 480px} .domainWeb-advantage-main-hd p.activeAdvantageBd{ color: #FFFFFF; background: -webkit-linear-gradient(#5ae1ea, #63bdf0); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#5ae1ea, #63bdf0); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#5ae1ea, #63bdf0); /* Firefox 3.6 - 15 */ background: linear-gradient(#5ae1ea, #63bdf0); /* 标准的语法 */ } #advantage-bd2 .advantage-bd-main .col-xs-6 {text-align: center;color: #FFFFFF;padding: 20px;height: 342px;overflow: hidden} #advantage-bd2 .advantage-bd-main .col-xs-6 span{display: block;font-size: 16px;line-height: 32px;padding-bottom: 10px} #advantage-bd2 .advantage-bd-main .col-xs-6 img{height: 200px;margin: 10px 0} #advantage-bd2 .advantage-bd-main .col-xs-6 p{font-size: 14px;line-height: 20px;} #advantage-bd2 .advantage-hd h5{margin-top: 30px} #advantage-bd3 .advantage-bd3-bd{display: table-cell;vertical-align:middle;height: 480px;padding-left: 140px} #advantage-bd3 .advantage-bd3-bd h4{font-size: 20px;color: #00fffc;line-height: 40px;padding-bottom: 30px} #advantage-bd3 .advantage-bd3-bd p{color: #f2f2f2;font-size: 14px;line-height: 28px;padding-left: 10px} #advantage-bd4 .advantage-bd4-bd{display: table-cell;vertical-align:middle;height: 480px;padding-left: 140px} #advantage-bd4 .advantage-bd4-bd h4{font-size: 20px;color: #00fffc;line-height: 40px;padding-bottom: 30px} #advantage-bd4 .advantage-bd4-bd p{color: #f2f2f2;font-size: 14px;line-height: 28px;padding-left: 10px} .domainweb-case-swiper .swiper-container { width: 100%; height: 400px; color: #fff; text-align: center; } .domainweb-case-swiper .swiper-slide { height: 100%; width: 45%; -webkit-transition: 300ms; -moz-transition: 300ms; -ms-transition: 300ms; -o-transition: 300ms; transition: 300ms; } .domainweb-case-swiper .swiper-slide-active { opacity: 1; } .swipercaseimg img{height: 385px} .domainweb-service-list{position: relative} .domainweb-service-list .col-xs-1{text-align: center;width: 11.11%;position: relative} .domainweb-service-list .col-xs-1 p{ width: 90px;height: 90px;text-align: center;font-size: 14px;line-height: 80px; background: -webkit-linear-gradient(#12dbf7, #59a0fa); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(#12dbf7, #59a0fa); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(#12dbf7, #59a0fa); /* Firefox 3.6 - 15 */ background: linear-gradient(#12dbf7, #59a0fa); /* 标准的语法 */ border-radius: 100%;color: #FFFFFF; border: 5px solid #d0f8fe; } .domainweb-service-jiantou{position: absolute;left: 0 ;top: 40px;z-index: -1} .popover { position: absolute; top: -60px;!important; left: 0; z-index: 1060; width: 150px; font-size: 12px; background-color: #fff; border: 1px solid rgba(0,0,0,.2); border-radius: 6px; -webkit-box-shadow: 0 5px 10px rgba(0,0,0,.2); box-shadow: 0 5px 10px rgba(0,0,0,.2); } .popover-title{display: none} .domainweb-service-list .top{height: auto} .popover-content{padding: 5px;text-align: center} .domainweb-contact{width: 100%;height: 400px;background-color: #4c7ef6;margin-top: 40px} .domainweb-contact-title h3{color: #FFFFFF;font-size:30px ;padding: 30px 0;text-align: center} .domainweb-contact-title h3 span{font-size: 32px;padding: 0 5px;color: #f3d521} .domainweb-contact-list label{color: #FFFFFF;font-size: 18px;line-height: 40px;font-weight: normal} .domainweb-contact-list label i.iconfont{font-size: 26px;padding-right: 5px} .domainweb-contact-list input{height: 40px;width: 500px;margin-left: 20px} .domainweb-contact-list {margin: 0 auto;margin-bottom: 10px;} .domainweb-contact-list img{width: 100px;height: 40px} .domainweb-contact-list a{color: #666666;width: 195px;position: relative;left: 15px;height: 40px;display: inline-block;text-align: center;line-height: 40px;font-size: 16px;background-color: #ffc136;} .domainweb-contact-list a:hover{cursor: pointer} .doweb2Title{ padding-top: 40px; text-align: center; padding-bottom: 40px;} .doweb2Title h3{ font-size: 30px; line-height: 60px; } .doweb2Title p{font-size: 14px; line-height: 28px; padding-top: 10px;} .doweb2-fnc-main a{color: #666;display: block;text-align: center} .doweb2-fnc-main a:hover{color: #4274f6} .doweb2-fnc-main{margin: 30px 0} .doweb2-fnc-main i.iconfont{font-size: 72px;font-weight: 100;line-height: 72px} .doweb2-fnc-main i.fontsize60{font-size: 60px} .doweb2-fnc-main i.fontsize50{font-size: 50px} .fontsize60{font-size: 60px} .fontsize50{font-size: 50px} .doweb2-fnc-main a span{} .doweb2-fnc-main .col-xs-2{position: relative} .doweb2-fnc-main .col-xs-2:after{ content: ""; width: 1px; height: 50px; position: absolute; right: 0;top: 20px;background-color: #e5e5e5; } .doweb2-fnc-main .last-col-xs-2:after {display: none} .doweb2-detailed-hd img{width: 100%} .doweb2-detailed-hd img:first-of-type{margin-bottom: 5px} .doweb2-detailed-bd>h5{font-size: 16px;line-height: 32px;text-align: center;padding: 5px 0} .doweb2-detailed-bd-list{ padding: 15px 0; margin:0 20px; border-top: 1px dashed #cccccc;} .doweb2-detailed-bd-listTitle{font-size: 14px;line-height: 22px;} .doweb2-detailed-bd-listTitle a{float: right;color: #333} .doweb2-detailed-bd-listTitle i.iconfont{font-weight: bold} .doweb2-detailed-bd-listTitle span{border-radius: 2px;font-size: 12px;line-height: 16px;display: inline-block;padding: 0px 10px;background-color: #f2f2f2} .doweb2-detailed-bd-bd{margin-top: 15px} .doweb2-detailed-bd-bd a{color: #999999;font-size: 12px;padding-bottom: 10px;padding-right: 10px;display: inline-block} .doweb2-detailed-bd-listTitle a.activeDetailed{color: #51a7fa} .doweb2-detailed-bd-listTitle a.activeDetailed span{background-color: #51a7fa;color: #FFFFFF} .doweb2-detailed-main{border: 1px solid #e5e5e5;;height: 960px;overflow: hidden;position: relative} .doweb2-detailed-ft{position: absolute;width: 100%;bottom: 20px;text-align: center} .doweb2-detailed-ft a{display: inline-block;color: #4c7ef6;border:1px solid #4c7ef6;width: 80%;height: 34px;line-height: 34px;text-align: center;font-size: 16px} .doweb2-detailed-ft a:hover{cursor: pointer;background-color: #4c7ef6;color: #FFFFFF} .doweb2-detailed-bd-listTitle:hover{cursor: pointer} .custom li{line-height: 24px;color: #999999} .custom li span{width: 14px;height: 14px;border-radius: 100%;line-height: 14px;background-color: #4c7ef6;color: #FFFFFF;display: inline-block;margin-right: 10px;text-align: center} .doweb2-marketing{ background: url(../images/domainWebListContrastBg.jpg)no-repeat bottom; background-size: 100% 100%; height: 830px; position: relative; margin-top: 60px;margin-bottom: 60px} .marketingTitle{color: #FFFFFF} .marketingImgs{position: relative;left: 37%; width: 210px;height: 210px;text-align: center;line-height: 210px;display: table-cell;vertical-align: middle;background-color: #FFFFFF;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%} .marketingBd .col-xs-4 p{width: 205px;margin: 40px auto;color: #FFFFFF;font-size: 14px;;line-height: 24px;} .marketing-ft{padding-top: 80px;text-align: center} .marketing-ft a{display: inline-block;width: 200px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #333333;background-color: #ffc236} .doweb3-case{margin-top: 40px} .doweb3-case-list{margin-bottom: 40px} .doweb3-case-list .col-xs-6{padding: 0;overflow: hidden} .doweb3-case-txt{ display: flex; align-items:Center; height: 380px; box-shadow:0px 5px 10px 1px #ccc;-webkit-box-shadow: 0px 5px 10px 1px #ccc;-moz-box-shadow: 0px 5px 10px 1px #ccc } .doweb3-case-txt p{font-size: 18px;line-height: 40px} .doweb3-case-txt p:last-of-type span{color: #666666;font-size: 18px;padding-left: 40px} .doweb3-case-txt>div{padding: 0 20px} .doweb3-case-img img{height: 380px} .doweb3-case-ft{padding-top: 40px;text-align: center;padding-bottom: 40px} .doweb3-case-ft a{display: inline-block;width: 200px;height: 40px;line-height: 40px;font-size: 16px;text-align: center;color: #333333;background-color: #ffc236} .doweb3-feedback-img img{height: 200px} .doweb3-feedback-img{padding: 0;text-align: right} .doweb3-feedback-txt{height: 200px;padding: 0} .doweb3-feedback{margin-top: 40px} .doweb3-feedback-txt p small{color: #666666;font-size: 14px} .doweb3-feedback-txt p{line-height: 32px} .doweb3-feedback-txt span{line-height: 20px;display: block;max-width: 92%;font-size: 14px;color: #666666} .doweb3-txt-right{border-radius: 0 5px 5px 0;-webkit-border-radius: 0 5px 5px 0;-moz-border-radius: 0 5px 5px 0; } .doweb3-txt-left{border-radius: 5px 0 0 5px;-webkit-border-radius: 5px 0 0 5px;-moz-border-radius: 5px 0 0 5px;} .domainWeb-main-list-3,.domainWeb-main-list-2,.domainWeb-main-list-4{display: none} /*shoppingMall*/ .shopMall-title{background: url("../images/shopMallBanner.jpg") no-repeat bottom; height: 617px;position: relative; } .shopMall-title-txt{margin-top:300px} .shopMall-title-txt a{display: inline-block;font-size: 18px;padding:10px 30px;border: 1px solid #00e9fe;color: #00e9fe;margin-top: 30px} .menu-title-h3{ padding-top: 40px; text-align: center; padding-bottom: 40px;} .menu-title-h3 h3{ font-size: 30px; line-height: 60px; } .menu-title-h3 p{font-size: 16px; line-height: 28px; } .mall-list-bd a{display: inline-block;width: 90%;height: 40px;line-height: 40px;;text-align: center;margin: 0 auto;color: #ff6747;border: 1px solid #ff6747;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px} .mall-list-bd a:hover{background-color: #ff6747;color: #FFFFFF} .mall-list-bd p{color: #000000;text-align: center;line-height: 24px;padding: 15px 0;height: 78px;overflow: hidden} .mall-list-bd{text-align: center;font-size: 16px;padding-bottom: 10px;border: 1px solid #e5e5e5;border-top: none;border-radius:0 0 8px 8px;-webkit-border-radius: 0 0 8px 8px;-moz-border-radius: 0 0 8px 8px} .mall-list-hd img{width: 100%} .mall-list{padding: 0 5px} .mall-list-hd{position: relative;color: #FFFFFF;text-align: center} .mall-list-hd h5{font-size: 18px;font-weight: bold} .mall-list-hd .h5{width: 100%;position: absolute;top: 30px;text-align: center} .mall-list-hd p{font-size: 14px;line-height: 22px; } .menu1-p{position: absolute;top: 200px;text-align: center;width: 100%} .hopMall1-menu2-list{text-align: center} .hopMall1-menu2-list h5{font-size: 16px;line-height: 32px;} .hopMall1-menu2-list img{height: 175px;margin: 15px 0} .hopMall1-menu2-list p{ font-size: 14px;line-height: 24px;color: #777777;overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .hopMall1-menu2-list a{display: inline-block;width: 150px;height: 40px;line-height: 40px;margin: 15px 0;text-align: center;color: #FFFFFF;background-color: #ff6747;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius:20px;font-size: 16px} .shopmall1-menu3 .menu-title-h3{color: #FFFFFF} .shopmall1-menu3{ background: url("../images/shopMallBanner-menu3.jpg") no-repeat bottom; height: 630px;position: relative; } .menu-ft-positon{width: 100%;position: absolute;bottom: -17px;text-align: center} .menu-ft-positon a{font-size: 16px;width: 150px;height: 40px;line-height: 40px;text-align: center;background-color: #ff6747;color: #FFFFFF;display: inline-block;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px} .shopmall1-menu4-list i.iconfont{color: #999999;line-height: 70px;} .shopmall1-menu4-list .row{border: 1px solid #f5f5f5;height: 130px;background-color: #f5f5f5} .shopmall1-menu4-list .row{height: 130px;display: flex;align-items: center} .shopmall1-menu4-list .row .col-xs-4{text-align: center} .menu4-txt h5{font-size: 16px;padding-bottom: 10px;color: #666666} .menu4-txt p{font-size: 12px;line-height: 18px;color: #666} .shopmall1-menu4-list .row:hover{cursor: pointer;background-color: #FFFFFF;border:1px solid #4c7ef6;} .shopmall1-menu4-list .row:hover .menu4-txt h5{color: #4c7ef6;} .shopmall1-menu4-list .row:hover i.iconfont{color: #4c7ef6} .shopmall1-menu4-list{padding: 0 5px} .shopmall1-menu5{height: 600px;background-color: #f8fcff;margin-top: 60px} .menu-title-h3 img{width: 200px} .shopmall1-menu6{background: url("../images/shopMallBanner-menu6.jpg") no-repeat bottom; height: 579px;position: relative; } .shopmall1-menu7-list{text-align: center;} .shopmall1-menu7-list img{height: 104px} .shopmall1-menu7-list p{font-size: 16px;padding-top: 10px;line-height: 32px} .shopmall1-menu9-show{width: 77%;margin: 0 auto} .shopmall1-menu9-list{text-align: center;padding: 15px;border-bottom:1px solid #e5e5e5;border-right: 1px solid #e5e5e5 } .shopmall1-menu9-list p{padding: 15px 0;font-size: 14px} .shopmall1-menu9-list .iconfont{line-height: 60px;display: inline-block;padding-top: 15px} .shopmall1-menu9-show .shopmall1-menu9-list:last-of-type{border-right: none} .shopmall1-menu9-show:last-of-type .shopmall1-menu9-list{border-bottom: none} .shopmall1-menu9-list:hover{color: #4c7ef6} .shopmall1-menu10{height: 440px;background-color: #f8fcff;margin-top: 40px} .shopmall1-menu11-swiper .swiper-container{height:240px} .shopmall1-menu11-swiper .swiper-slide{text-align: center} .shopmall1-menu11-swiper img{height: 180px} .shopmall1-menu11-swiper .swiper-slide p{font-size: 12px;line-height: 24px;padding-bottom: 10px} .leftBtn{position: absolute;left: 0;top: 85px} .rightBtn{position: absolute;right: 0;top: 85px} .rightBtn:hover,.leftBtn:hover{cursor: pointer} .shopmall1-menu12{height: 625px} .shopmall1-menu12 .menu-title-h3{color: #FFFFFF} .shopMall2-menu1-show{height: 400px;box-shadow: 0 0 5px #ccc} .shopMall2-menu1-show .col-xs-2 li {background-color: #f5f5f5;height: 80px;line-height: 80px;font-size: 16px;text-align: center;border-left: 3px solid transparent} .shopMall2-menu1-show .col-xs-2 li:hover{cursor: pointer} .shopMall2-menu1-show .col-xs-2 li.active-menu1-li{background-color: #FFFFFF;border-left: 3px solid #4c7ef6} .shopMall2-menu1-show>div{padding: 0} .shopMall2-menu1-main-list{display: flex; width: 300px; height: 90px; align-items: center;border: 1px solid #cccccc;float: left } .shopMall2-menu1-main-list i.iconfont{font-size: 34px;line-height: 68px;float: right} .shopMall2-menu1-main-list h5{font-size: 16px;line-height: 32px} .shopMall2-menu1-main-list p{font-size: 12px;color: #999999;line-height: 24px} .shopMall2-menu1-main-list>div{padding: 0 5px} .shopMall2-menu1-main{padding:30px 40px;position: relative} .shopMall2-menu1-main-list{margin-right: 20px;margin-bottom: 20px} .shopMall2-menu1-main-right{position: absolute;right: 40px;top: 50px} .shopMall2-menu1-main-right p{color: #999999;font-size: 14px;margin-bottom: 30px} .shopMall2-menu1-main-right p span{ color: #FFFFFF;display: inline-block;padding: 2px 10px;margin-right: 5px;border-radius: 2px;background-color: #4c7ef6} .shopMall2-menu2-title li{float: left;width: 25%;height: 60px;line-height: 60px;background-color: #f5f5f5;border-top: 3px solid transparent;font-size: 16px;text-align: center} .shopMall2-menu2-title li:hover{cursor: pointer} .shopMall2-menu2-title li.active-menu2-li{background-color: #FFFFFF;border-top: 3px solid #4c7ef6} .shopMall2-menu2-main .shopMall2-menu1-main{height: 340px} .shopMall2-menu2-main .shopMall2-menu1-main-list{margin-bottom: 25px} .shopMall2-menu2-main-bottom{;position:absolute;left: 40px;bottom: 20px;padding-left: 15px} .shopMall2-menu2-main-bottom p{color: #999999;font-size: 14px;margin-bottom: 30px;display: inline-block;margin-right: 15px} .shopMall2-menu2-main-bottom p span{ color: #FFFFFF;display: inline-block;padding: 2px 10px;margin-right: 5px;border-radius: 2px;background-color: #4c7ef6} .shopMall2-menu2-show{height: 400px;box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc;} .shopMall2-menu1-main-list:hover{color: #4c7ef6;border-color: #4c7ef6} .shopMall2-menu3-list{height: 142px;display: flex;align-items: center;} .shopMall2-menu3-list h5{font-size: 16px;color: #000000;line-height: 32px} .shopMall2-menu3-list p{font-size: 12px;line-height: 20px} .shopMall2-menu3-list:hover{cursor: pointer;} .shopMall2-menu3-list:hover h5{color: #4c7ef6} .banner-img-digital {position: absolute;bottom: 0;width: 100%;background-color: #1f1f1f; opacity: 0.6;} .banner-img-digital .mun_top{ width: 20%; position: relative; display: inline-block; float: left; padding: 27px 0;color: #fff; text-align: center; } .banner-img-digital .m-feature-num .count-title{ font-size: 52px; color: #22cdf8; font-weight: normal; margin-top: 0; margin-bottom: 0; text-align: center; display: inline-block; font-family: "宋体"; } .banner-img-digital .m-feature-num span{font-size: 24px;color: #22cdf8} .banner-img-digital .mun_top p{font-size: 14px;} .copyrightApply-digital .mun_top{ width: 25%;text-align: center;padding: 20px 0; } .copyrightApply-digital h5{ font-size: 16px;color: rgb(18,8,124); } .copyrightApply-digital .m-feature-num .count-title{ font-size: 52px; color: rgb(18,8,124); font-weight: normal; margin-top: 0; margin-bottom: 0; text-align: center; display: inline-block; font-family: "宋体"; } .copyrightApply-digital .m-feature-num span{font-size: 24px;color: rgb(18,8,124);} .copyrightApply-digital .mun_top p{font-size: 14px; color: #999999} /*copyrightApply*/ .copyrightApply-title{background: url("../images/copyrightbannerApply.jpg") no-repeat bottom; height: 495px;position: relative;margin-bottom: 140px; } .copyRightNav{height: 185px;position: fixed;;left: 5px;bottom: 346px;z-index: 2} .copyRightNav li{font-size: 14px;width: 100px;height: 35px;line-height: 35px;text-align: center; ;background-color: #f3f3f3;margin-bottom: 1px} .copyRightNav li a{color: #555555} .copyRightNav li:hover{cursor: pointer;} .copyRightNav li.activeCopyRightNav{background-color: #0067e7;color: #FFFFFF} .copyRightNav li.activeCopyRightNav a{color: #FFFFFF} .copyrightApply-title .container{position: relative;height: 495px} .copyRightApplyNum{padding: 15px;background-color: #FFFFFF;border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px; position: absolute;left: 0;bottom: -130px;width: 100%;box-shadow: 0 0 5px #ccc;-webkit-box-shadow: 0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc;} .copyRightApplyNum label{font-size: 16px;padding-left: 100px;margin-bottom: 0;color: #333333;font-weight: normal} .copyRightApplyNum .col-xs-5,.copyRightApplyNum .col-xs-2{padding-left: 40px;padding-top: 15px;padding-bottom: 15px} .copyRightApplyNum .col-xs-2{padding-left: 0px;padding-right: 0px} .copyRightApplyNum .col-xs-5:nth-of-type(2){padding-left: 15px} .copyRightApplyNum .col-xs-5 input{height: 50px} .copyRightApplyNum .col-xs-2 a{display: inline-block;height: 45px;line-height: 45px;background-color: #fe0000;color: #f2f2f2;padding: 0 15px;font-size: 16px} .copyRightApplyNum .row{width: 90%;margin: 0 auto} .copyRightApplyLamp {; background-color: #ffffff;border-top: 1px dashed #cccccc;height: 45px;line-height: 45px;width: 100%;padding-left: 30px;padding-right: 30px;overflow: hidden} .copyRightApplyLamp span{padding-right: 40px;color: #666666;} .copyrightApply-menu2{margin-bottom: 30px} .copyrightApply-menu2-show .col-xs-3{color: #f2f2f2;text-align: center;height: 158px;padding:0 10px;position: relative} .copyrightApply-menu2-show .col-xs-3 p{font-size: 14px;padding-top: 130px} .copyrightApply-menu2-show .col-xs-3 img{position: absolute;left: 0;top: 0;z-index: -1;width: 95%} .copyrightApply-menu2-show{width: 80%;margin: 0 auto} .copyrightApply-menu2-show .col-xs-3 :hover {color: #4c7ef6} .copyrightApply-menu3 .menu-title-h3 h3{color: #FFFFFF} .copyrightApply-menu3{ background: url("../images/copyrightApply-menu3bg.jpg") no-repeat bottom; height: 1158px; } .copyrightApply-menu3-list{width: 20%;text-align: center;margin-bottom: 30px} .copyrightApply-menu3-list i.iconfont{font-size: 70px;color: #FFFFFF} .copyrightApply-menu3-list>div{height: 164px;line-height: 164px;border: 1px solid rgb(2,75,144);border-radius: 10px 10px 0 0;-webkit-border-radius: 10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;} .copyrightApply-menu3-list p{height: 45px;line-height: 45px;text-align: center;background: #FFFFFF;border-radius: 0 0 10px 10px;-webkit-border-radius: 0 0 10px 10px;-moz-border-radius: 0 0 10px 10px;font-size: 14px} .copyrightApply-menu3-list:hover i.iconfont{color: #4c7ef6} .copyrightApply-menu3-list:hover p{color: #4c7ef6;box-shadow: 0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc; } .copyrightApply-menu3-list:hover>div{box-shadow: 0 0 5px #ccc;-webkit-box-shadow:0 0 5px #ccc;-moz-box-shadow: 0 0 5px #ccc; } .copyrightApply-menu4{ background: url("../images/copyrightApply-menu4.jpg") no-repeat bottom; height: 889px; } .cr5-step{text-align: center} .cr5-step i.iconfont{font-size: 40px;color: #999;} .cr5-step h4{font-size: 16px;color: #000000;;line-height: 32px;padding: 10px 0} .cr5-step p{font-size: 14px;line-height: 20px} .cr5-step>div{width: 70px;height: 70px;line-height: 70px;text-align: center;margin: 0 auto;border-radius: 100%;border: 1px solid #cccccc;-webkit-border-radius: 100%;-moz-border-radius: 100%} .cr5-goto{ height: 70px; display: flex; align-items: center; } .cr5-msg-main{border-radius: 10px;-webkit-border-radius: 10px;-moz-border-radius: 10px;position: relative;padding: 25px;width: 280px;;background: #fefdf9;border: 1px solid #faba5b} .cr5-msg-main h5{font-size: 14px;color: #000000;padding-bottom: 15px} .cr5-msg-main p{font-size: 12px;color: #666666;line-height: 18px} .copyrightApply-menu5-show .col-xs-2{padding: 0;width: 13%} .copyrightApply-menu5-show .cr5-goto{width: 128px} .cr5-msg-main:before{ content: ""; border: 10px solid transparent; border-right: 10px solid #faba5b; border-top: 6px solid transparent; border-bottom: 5px solid transparent; position: absolute; left: -20px; top: 30px; } .tr-title{background: url("../images/tr-title-banner.jpg") no-repeat bottom; height: 495px;position: relative;margin-bottom: 140px; } /*trademarkRegistration*/ .tr-num .col-xs-8 input{height: 45px;border-radius: 0;text-indent: 20px} .tr-num .col-xs-8,.tr-num .col-xs-4{;padding-top: 15px;padding-bottom: 15px;} .tr-num .col-xs-8{padding-left: 40px;padding-right: 0;position: relative} .tr-num .col-xs-4{padding-left: 0} .tr-num .col-xs-4 a{display: inline-block;height: 45px;line-height: 45px;background-color: #fe0000;color: #f2f2f2;padding: 0 15px;font-size: 16px} .tr-num .col-xs-4 a:first-of-type{background-color: #f6cb43} .tr-num .col-xs-4 a:nth-of-type(2){background-color: #1d5fb0} .copyRightApplyNum input::-webkit-input-placeholder{font-size: 14px;color: #ccc} .copyRightApplyNum input::-moz-placeholder{font-size: 14px;color: #ccc} .copyRightApplyNum input:-ms-input-placeholder{font-size: 14px;color: #ccc} .tr-num .col-xs-8 i.iconfont{position: absolute;left: 50px;top: 31px;;font-size: 18px;color: #cccccc} .tr-menu2 h3{margin-top: 40px} .tr-menu2 .brand-scene-list{width: 20%} .tr-menu2 .brand-scene-list:nth-of-type(1){ background: url("../images/tr-menu2-img1.jpg" ) no-repeat; } .tr-menu2 .brand-scene-list:nth-of-type(2){ background: url("../images/tr-menu2-img2.jpg") no-repeat; } .tr-menu2 .brand-scene-list:nth-of-type(3){ background: url("../images/tr-menu2-img3.jpg") no-repeat; } .tr-menu2 .brand-scene-list:nth-of-type(4){ background: url("../images/tr-menu2-img4.jpg") no-repeat; } .tr-menu2 .brand-scene-list:nth-of-type(5){ background: url("../images/tr-menu2-img5.jpg") no-repeat; } .tr-menu2 .brand-scene-list{background-size: 100%; height: 300px } .tr-menu4-list{text-align: center;width: 60%;margin: 0 auto;background: #FFFFFF;box-shadow: 0 0 5px 1px #d1e4f5;-webkit-box-shadow: 0 0 5px 1px #d1e4f5;-moz-box-shadow: 0 0 5px 1px #d1e4f5} .tr-menu4-list p{font-size: 14px;line-height: 24px;padding-top: 10px} .tr-menu4-list{padding: 35px 0} .tr-menu4{background-color: #f8fcff;padding-bottom: 40px} .tr-menu4-list img{height: 74px} .tr-menu5-img{text-align: center} .tr-menu6{margin-top: 30px;background-color: #f8fcff;padding-bottom: 20px} .tr-menu6 .brand-main-list{background-color: #FFFFFF;width: 19%;margin-left: 5px;margin-right: 5px} .tr-menu7{background-color: #1b5eb9;padding-bottom: 60px} .tr-menu7 .menu-title-h3{color: #FFFFFF} .tr-menu7-left img.col-xs-5{position: relative;top: 60px} .tr-menu7-right-main{position: relative;top: 20px;background-color: #FFFFFF;width: 400px;margin: 0 auto;padding: 20px} .inlineDis{display: inline-block; } input.inlineDis{width: 70%} .tr-menu7-right-main input{background-color: #f5f5f5;height: 55px;border-radius: 0;margin: 14px 0;} .tr-menu7-right-main label{color: #444;font-size: 12px;line-height: 20px;font-weight: normal} .getMsg{height: 55px;line-height: 55px;background-color: #aaaaaa;display: inline-block;color: #FFFFFF;padding:0 10px;border-top: 1px solid transparent } .tr-menu7-right-togo{display: inline-block;width: 100%;text-align: center;height: 55px;line-height: 55px;color: #FFFFFF;font-size: 16px;background-color: #1770e6} /*knowledge-title*/ .knowledge-title .copyRightApplyNum .knowledge-title{background: url("../images/knowledge-title-banner.jpg") no-repeat bottom; height: 495px;position: relative;margin-bottom: 140px; } .knowledge-title #myTabContent{background: url("../images/knowledge-searchbanner.jpg") no-repeat bottom; height: 168px} .knowledge-title #myTab li a{min-width: 90px;color: #FFFFFF; border: none;margin-right: 0;border-radius: 10px 10px 0 0 ;text-align: center} .knowledge-title #myTab{display: inline-block;background: #171629;border: none;border-radius: 10px 10px 0 0} .knowledge-title .nav-tabs>li>a:hover{ background-color: transparent; } .knowledge-title .nav-tabs>li.active>a,.knowledge-title .nav-tabs>li.active>a:focus,.knowledge-title .nav-tabs>li.active>a:hover{background-color: #2f1dd7} .knowledge-title .copyRightApplyNum{padding: 0;background-color: transparent;box-shadow: none;} .searchBrandMain {text-align: center} .searchBrandMain h4{font-size: 24px;line-height: 64px;color: #FFFFFF} .searchbrandInput{width: 80%;margin:0 auto;} .searchbrandInput input{display: inline-block;width: 70%;height: 45px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;margin-left: 40px;text-indent: 20px} .searchbrandInput a{display: inline-block;width: 140px;height: 45px;line-height: 45px;text-align: center;background-color: #ffd200;border-radius: 20px;font-size: 16px;color: #666666;-webkit-border-radius: 20px;-moz-border-radius:20px;margin-left: 20px} .searchbrandInput a i.iconfont{font-size: 20px;color: #666666;position: relative;top: 2px} .searchBrandMain p{color: #FFFFFF;font-size: 14px;line-height: 28px;padding-top: 15px} .searchBrandMain p span{color: #ffd200} .knowledge-menu2{margin-bottom: 40px} .knowledge-menu2-list {text-align: center;padding: 0 70px;border: 1px solid #4c7ef6;} .knowledge-menu2-list h4{color: #4c7ef6;font-size: 20px;line-height: 48px;} .knowledge-menu2-list p{color: #555555;font-size: 16px;padding-bottom: 15px} .knowledge-menu2-list-hd{border-bottom: 1px dashed #cccccc;padding-top: 15px} .knowledge-menu2-list-bd {text-align: left;padding: 15px;padding-left: 30px;padding-right: 0;height: 130px;overflow: hidden} .knowledge-menu2-list-bd span{color: #999999;font-size: 12px;display: inline-block;padding-right: 15px;padding-bottom: 15px} .knowledge-menu2-list-ft a{display: inline-block;width: 200px;line-height: 40px;height: 40px;border: 1px solid #4040ff;color: #4040ff;font-size: 14px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px} .knowledge-menu2-list-ft{padding-bottom: 30px} .knowledge-menu2-list-ft a:hover {background-color: #4040ff;color: #FFFFFF} .knowledge-menu3{background: url("../images/knowledge-menu3bg.jpg") no-repeat bottom; height: 600px;position: relative;; } .knowledge-menu3 .menu-title-h3{color: #FFFFFF} .knowledge-menu4 .shopmall1-menu9-list p{padding-bottom: 5px} .knowledge-menu4 .shopmall1-menu9-list span{color: #999999} .knowledge-menu5-show{margin: 20px 0} .knowledge-menu5-show .col-xs-6{padding: 0} .knowledge-menu5-show .row{display: flex;align-items: center} .knowledge-menu5-list-left {margin: 0px auto;text-align: center;width: 120px;height: 120px;border-radius: 100%;background-color: #b034f0} .knowledge-menu5-list-left img{padding-top: 20px;} .knowledge-menu5-list-right h5{color: #b034f0;font-size: 22px;font-weight: bold} .knowledge-menu5-list-right p{font-size: 14px;line-height: 18px;padding-top: 10px;font-weight: bold;color: #555555} .knowledge-menu5-list2 .knowledge-menu5-list-left{background-color:#4e34f0 } .knowledge-menu5-list2 .knowledge-menu5-list-right h5{color: #4e34f0} .knowledge-menu5-list3 .knowledge-menu5-list-left{background-color:#2399d0 } .knowledge-menu5-list3 .knowledge-menu5-list-right h5{color: #2399d0} .knowledge-menu6-show{ background: url("../images/knowledge-menu6-img.jpg") no-repeat bottom; height: 438px;position: relative;; } .knowledge-menu7{height: 340px;background-color: #f8fcff;margin-top: 40px} #sendMsgModal .modal-content{border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;border: none ;} #sendMsgModal .modal-header{color: #FFFFFF;height: 80px;border-radius: 8px 8px 0 0 ;-webkit-border-radius:8px 8px 0 0;-moz-border-radius: 8px 8px 0 0; background: -webkit-linear-gradient(left,rgb(6,123,129),rgb(9,178,151)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,rgb(6,123,129),rgb(9,178,151)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,rgb(6,123,129),rgb(9,178,151)); /* Firefox 3.6 - 15 */ background: linear-gradient(left,rgb(6,123,129),rgb(9,178,151)); /* 标准的语法 */} .modalImgLogon img{height: 40px} .modal-header>p{font-size: 28px;text-align: center;line-height: 50px} .modalImgLogon{position: absolute;top: 20px} #sendMsgModal .modal-header i.iconfont{color: #FFFFFF; font-size: 20px; position: absolute; top: 5px; right: 5px;} #sendMsgModal .modal-header .close{opacity: 0.8;font-weight: normal} #sendMsgModal .modal-body{ background: url("../images/sendMsgModalBg.jpg") no-repeat bottom; height: 487px;position: relative;text-align: center;padding: 40px 0; } #sendMsgModal .modal-body>div{margin-bottom: 30px} #sendMsgModal .modal-body .form-control{display: inline-block;width: 410px} #sendMsgModal .modal-body label{font-size: 16px;color: #888888;font-weight: normal;min-width: 100px;text-align: right} #sendMsgModal .modal-body .textLabel{position: relative; top: -50px; font-size: 16px; color: #888; font-weight: normal;} #sendMsgModal .modal-body label span{color: #ff3300} #sendMsgModal .modal-body textarea{resize: none} #sendMsgModal .modal-body input{height: 40px;font-size: 14px} #sendMsgModal textarea::-moz-placeholder{color: #ccc;font-size: 14px} #sendMsgModal textarea::-webkit-input-placeholder{color: #ccc;font-size: 14px} #sendMsgModal textarea:-ms-input-placeholder{color: #ccc;font-size: 14px} #sendMsgModal input::-moz-placeholder{color: #ccc;font-size: 14px} #sendMsgModal input::-webkit-input-placeholder{color: #ccc;font-size: 14px} #sendMsgModal input:-ms-input-placeholder{color: #ccc;font-size: 14px} #sendMsgModal .goOrder{display: inline-block;width: 210px;text-align: center;height: 50px;line-height: 50px;font-size: 18px;color: #FFFFFF;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px; background: -webkit-linear-gradient(left,rgb(255,111,2),rgb(255,153,0)); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(left,rgb(255,111,2),rgb(255,153,0)); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(left,rgb(255,111,2),rgb(255,153,0)); /* Firefox 3.6 - 15 */ background: linear-gradient(left,rgb(255,111,2),rgb(255,153,0)); /* 标准的语法 */} #sendMsgModal .toMsg p{font-size: 18px;;margin-top: 10px} #sendMsgModal .toPhone{color: #ff9900;font-size: 18px} #sendMsgModal .toPhone span{font-size: 22px;color: rgb(255,111,2);font-weight: bold} .sendMsgModal-msg{position: relative;margin-bottom: 5px;display: none} .sendMsgModal-msg span{ position: absolute; left: 35%; font-size: 16px; top: 6px; color: #FFFFFF; } .sendMsgModal-msg span img {position: relative;top: -2px;margin-right: 10px} /*域名查询列表*/ .query_domains{ background:url(../images/whois_query.jpg) no-repeat center; height: 298px; padding:50px 0} .query_domains .whois_query h4{ font-size:36px; text-align:center; color:#fff; line-height:50px;} .query_domains .whois_query p{ font-size:18px; text-align:center; color:rgba(255,255,255,0.6); line-height:50px;} .query_domains .whois_query .whois_cont{ width:100%; margin:0 auto; position:relative; box-sizing: border-box; padding: 0 ;} .query_domains .whois_query .whois_cont input[type=checkbox]{position: relative;margin: 0;padding: 0;width: 14px;height: 14px;outline: none;cursor: pointer;vertical-align: -3px;border: 1px solid #108cee;-webkit-appearance: none;-moz-appearance: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s;} .query_domains .whois_query .whois_cont input[type=checkbox]:checked{background-color: #108cee;} .query_domains .whois_query .whois_cont input[type=checkbox]:checked:before{top: 3px;left: 2px;width: 8px;height: 4px;content: '';color: #fff;position: absolute;border-bottom: solid 2px currentColor;border-left: solid 2px currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .query_domains .whois_query .whois_cont .whois_box {} .query_domains .whois_query .whois_cont .whois_box .whois_box_txt {width: 83%;height: 55px;line-height: 55px;float: left;border: 1px solid #fff; background:rgba(255,255,255,1);padding: 0 15px;font-size: 14px;outline: none;} .query_domains .whois_query .whois_cont .whois_box .whois_box_btn {width: 17%;height: 55px;line-height: 55px;float: left; border: none; outline: none; background: #1770e6;color: #fff;padding: 0;font-size: 16px;cursor: pointer;} #moreType{position: absolute;height: 30px;color:rgb(255, 255, 255); text-align:center; right:30px; top:65px;cursor: pointer; z-index:331;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} #toggelechoice{position: absolute;height: 30px;color:rgb(51,51,51); text-align:center; right:30px; top:65px;cursor: pointer; z-index:331;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;} .query_domains .whois_query .whois_cont .whois_select{ background-color: rgb(255,255,255); box-shadow: 0 0 2px #eaeaea; -webkit-box-shadow:0 0 2px #8E8E8E ; width:100%; /*float:left;*/ position: absolute; top: 56px; left: 0; z-index: 9; margin:0; padding: 0 35px; border:1px solid #eaeaea; -webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; } .query_domains .whois_query .whois_cont .whois_select .choice{ padding:10px 0 20px 0; width:100%; float:left; border-bottom:1px dotted #eaeaea; margin:10px 0 0 0;} .query_domains .whois_query .whois_cont .whois_select .choice ul.module{ width:100%; float:left; padding:0; margin:0;} .query_domains .whois_query .whois_cont .whois_select .choice ul.module li{float:left; margin:0 20px 0 0;} .query_domains .whois_query .whois_cont .whois_select .choice ul.module li label{font-weight:normal;cursor: pointer;margin:0;} .query_domains .whois_query .whois_cont .whois_select .choice input[type=radio]{position: relative;margin: 0;padding: 0;width: 14px;height: 14px;outline: none;cursor: pointer;vertical-align: -2px;border: 1px solid #108cee;-webkit-appearance: none;-moz-appearance: none;-moz-border-radius: 7px;-webkit-border-radius: 7px;border-radius: 7px;} .query_domains .whois_query .whois_cont .choice input[type=radio]:checked:before {background-color: #108cee;} .query_domains .whois_query .whois_cont .choice input[type=radio]:before {top: 2px;left: 2px;width: 8px;height: 8px;content: '';position: absolute;-moz-border-radius: 4px;-webkit-border-radius: 4px;border-radius: 4px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s; } .query_domains .whois_query .whois_cont .whois_select .module-tab{width:100%; float:left;} .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list{ padding:20px 0;width:100%; float:left;height: 180px;overflow-y: auto;padding-bottom: 10px} .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list .checked{ height:35px; line-height:35px; padding:0 ;border: 1px } .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list .checked.on{ height:35px; line-height:35px; background:url(../images/whois_icon_02.png) no-repeat left 5px; padding:0 } .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list .checked .hot{float:left;font-size:14px; color:#888; width:17px; height:17px;background:linear-gradient(270deg, #ff4617 0, #ff9900 97%); text-align:center; line-height:17px; margin: 5px 0 0 0} .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list .checked input {float: left; margin: 6px 0 0 0;} .query_domains .whois_query .whois_cont .whois_select .inquiry_suffix_list .checked span {font-size: 14px; color: #333;line-height: 18px;padding:3px 5px; float:left; font-weight: normal;} .query_domains .whois_query .whois_cont .whois_select.on .inquiry_suffix_list{ display:block; border-top: 1px dotted #e9e9e9; box-sizing: border-box; padding: 20px 9px;} .query_domains .whois_query .whois_cont .whois_select.on{ background:#fff;box-shadow:0 2px 5px #ddd;} .query_domains .whois_query .whois_cont .whois_select.on .choice>div{ opacity:1; cursor:pointer} .query_domains .whois_query .whois_cont .whois_select.on .choice .more span{ color:#ff9900; cursor:pointer} .whois-info{ width:100%; margin:0 auto; position:relative; box-sizing: border-box; padding: 0 15px; /*background: #f9f9f9; */ background-color: rgba(255,255,255,.9) padding: 0 0 60px 0; } .whois-info .whois-list{margin-top:50px; border:1px solid #e9e9e9; padding:0; background: #fff;} .whois-info h2.title{ margin:0; width:100%; padding:15px; color:#333; font-size:16px; background:#fff; border-bottom:1px solid #e9e9e9;} .whois-info h2.title span{float: right; font-size: 14px;} /*复选框重写*/ .whois-info h2.title input[type=checkbox]{position: relative;margin:0;padding: 0;width: 14px;height: 14px;outline: none;cursor: pointer;vertical-align: -3px;border: 1px solid #108cee;-webkit-appearance: none;-moz-appearance: none;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;-ms-transition: all 0.3s;-o-transition: all 0.3s;transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;transition: all .3s; top: -1px;} .whois-info h2.title input[type=checkbox]:checked{background-color: #108cee;} .whois-info h2.title input[type=checkbox]:checked:before{top: 3px;left: 2px;width: 8px;height: 4px;content: '';color: #fff;position: absolute;border-bottom: solid 2px currentColor;border-left: solid 2px currentColor;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);} .whois-info .denialreg {overflow: hidden;} .whois-info .denialreg p{ font-weight:bold; font-size:16px; border-left:3px solid #ff9900; line-height:24px; padding-left:10px;} .whois-info .denialreg ul{ padding:0;width: 100%;float: left; margin: 0} .whois-info .denialreg ul li { width: 100%;float: left;border-bottom: 1px solid #e9e9e9; height:60px; line-height:60px} .whois-info .denialreg ul li:nth-last-child(1){border:none} .whois-info .denialreg ul li:hover{background: #fbfbfb;} .whois-info .denialreg ul li.cl .domain-name{ color:#333;} .whois-info .denialreg ul li h1{margin-top: 20px;margin-bottom: 10px} .whois-info .denialreg .domain-name {font-size: 18px;color: #333; margin-left: 15px; position: relative;} .whois-info .denialreg ul li h1 .tagno{font-size: 12px;margin-left: 10px;border-radius: 0;position: relative;vertical-align: middle;display: inline-block;padding: 0 7px;height: 22px;line-height: 22px;max-width: 280px; background: #777; color: #fff;} .whois-info .denialreg ul li h1 .tagno:before{content: " ";position: absolute;display: inline-block;width: 6px;height: 6px;top: 50%;margin-top: -3px;left: -3px;background-color: inherit;transform: rotate(45deg);} .whois-info .denialreg ul li h1 .tagok{font-size: 12px;margin-left: 10px;border-radius: 0;position: relative;vertical-align: middle;display: inline-block;padding: 0 7px;height: 22px;line-height: 22px;max-width: 280px; background: #5cb85c; color: #fff;} .whois-info .denialreg ul li h1 .tagok:before{content: " ";position: absolute;display: inline-block;width: 6px;height: 6px;top: 50%;margin-top: -3px;left: -3px;background-color: inherit;transform: rotate(45deg);} .whois-info .denialreg ul li h1 .tagtips{font-size: 12px;margin-left: 10px;border-radius: 0;position: relative;vertical-align: middle;display: inline-block;padding: 0 7px;height: 22px;line-height: 22px;max-width: 280px; background: #f0ad4e; color: #fff;} .whois-info .denialreg ul li h1 .tagtips:before{content: " ";position: absolute;display: inline-block;width: 6px;height: 6px;top: 50%;margin-top: -3px;left: -3px;background-color: inherit;transform: rotate(45deg);} .whois-info .denialreg ul li h2 {float: right; margin:0} .whois-info .denialreg ul li h2 a {} .whois-info .denialreg ul li h2 a.whois{ color: #1770e6; font-size: 16px; float: left; margin: 23px 15px 0 0;} .whois-info .denialreg ul li h2 a.buy{ background:#1770e6; font-size: 16px; height: 35px; line-height: 35px; float: left; margin: 12px 15px 0 0; color: #fff; width: 120px; text-align: center;} .whois-info .denialreg ul li h2 span.price{font-size: 16px; color: #ff8a00; float: left; margin: 0 20px 0 0;} .whois-info .denialreg ul li h2 a.seek{ background:#1770e6; font-size: 16px; height: 35px; line-height: 35px; float: left; margin: 12px 15px 0 0; color: #fff; width: 120px; text-align: center;} .whois-info .denialreg ul li h2 span{ display:inline-block; color:#aaa; font-size:14px;height:60px; line-height:60px} .whois-info .whois-list .submit a{ display:block; width:140px; text-align:center; font-size:16px; background:#1770e6; color:#fff; padding:15px; margin:20px} .whois-info .whois-list-right .whois-query{margin-top:50px; border:1px solid #eeeeee;background:#fafafa;} .whois-info .whois-list-right .whois-query p{margin:0; width:100%; padding:20px; line-height:24px; color:#333; font-size:16px; } .whois-info .whois-list-right .whois-query .whois-query-con{ border:1px solid #eeeeee; height:60px; margin:10px 20px 30px 20px } .whois-info .whois-list-right .whois-query .whois-query-con input{ float:left; width:80%; background:#fff; border:none;height:58px; padding:20px; font-size:14px;} .whois-info .whois-list-right .whois-query .whois-query-con a{ float:right; display:block; text-align:center; width:20%; height:58px; line-height:58px; font-size:16px;color:#fff; background:#ff9900; cursor:pointer} .whois-info .whois-list-right .add a{ display:block; width:100%; margin-top:20px} .whois-info .whois-list-right .add img{ width:100%} .whois-info .left-full{ border:1px solid #e9e9e9; padding:20px;margin-top:50px; background: #fff;margin-bottom: 50px} .whois-info .left-full .left-full-title{margin:0; width:100%; padding:5px 20px;margin-bottom:20px; color:#333; font-size:16px; border-left:3px solid #ff9900;} .whois-info .left-full .time{ display:block;margin:0; width:100%; margin-bottom:20px; padding-bottom:10px;color:#666; font-size:12px;border-bottom:1px solid #eeeeee;} .whois-info .left-full .wi-table tr .table-left {padding-right: 20px;width: 220px;color: #888;text-align: right;font-size: 14px;} .whois-info .left-full .wi-table tr .table-right {width: 80%;padding-left: 30px;color: #545454;text-align: left;padding-right: 30px;font-size: 14px;overflow: hidden;} .whois-info .left-full .wi-table tr .table-right .hint{ height:50px; line-height:50px; border:1px dashed #eeeeee; padding:0 10px; color:#ff0101} .whois-info .left-full .wi-table tr td {height: 60px;word-wrap:break-word;word-break:break-all;} .whois-info .left-full .wi-table tr td .domaininfo {height: 60px; line-height:60px} .whois-info .left-full .whoisinfo-gettime {padding: 20px;margin-top: 20px;font-size: 14px;background: #fff;border-bottom: 1px solid #eee;} .whois-info .left-full .wi-table tr td .nameserver{ line-height:24px} .detail-list{padding: 50px 0 0 20px;} .detail-list .list-tag{ width: 100%; float: left; background: #fff; border: 1px solid #e9e9e9;} .detail-list .list-tag h2{width: 100%; float: left; padding: 20px 0; margin: 0; border-bottom: 1px solid #e9e9e9;} .detail-list .list-tag h2 span{ font-size: 16px; color: #333; float: left; margin: 0 0 0 15px;} .detail-list .list-tag h2 font{ background: #ff5029; font-size: 14px; color: #fff; padding: 0 5px; border-radius: 10px; float: left; margin: 1px 0 0 3px;} .detail-list .list-tag h2 a{ font-size: 14px; float: right; color: #1770e6; margin: 0 15px 0 0;} .detail-list .list-tag dfn{ font-style: normal; text-align: center; font-size: 16px;width: 100%; float: left; padding: 40px 0;} .detail-list .list-tag ul{width: 100%; float: left; margin: 0; padding: 15px 0;} .detail-list .list-tag ul li{width: 100%; float: left; margin: 0; padding: 0; padding:5px 15px;} .detail-list .list-tag ul li span{ font-size: 16px; height: 30px; line-height: 30px; width: 70%; float: left; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .detail-list .list-tag ul li font{height: 30px; line-height: 30px; background: #1770e6; color: #fff; width: 30%; float: left; text-align: center; cursor: pointer;} .detail-list .list-tag ul li font:hover{background: #029fff;} .detail-list .list-tag .buygo{width: 100%; float: left; text-align: center; padding: 20px 0; border-top:1px solid #e9e9e9;} .detail-list .list-tag .buygo a{ width: 120px; height: 35px; display: inline-block; color: #fff; background: #1770e6; line-height: 35px;} .enterprise_foot{ width:100%; height:144px; background:url(../images/footer_guide.png) no-repeat center #1770e6;margin:0 auto; margin-top:100px;box-sizing: content-box; overflow:hidden;position: relative;z-index:1; background-size: 100% 100%} .enterprise_foot .enterprise_foot_con{ width:40%; margin:0 auto} .enterprise_foot p{ color:#fff; font-size:24px; text-align:center; height:80px; line-height:24px; float:left; margin-top:60px;} .enterprise_foot a{ float:right;display:block;width: 157px;height:36px; text-align:center; line-height:36px; color:#fff; border:1px solid #fff; font-size:14px; margin:0 auto;margin-top:55px; } #mymodal p{margin: 0;padding: 10px 0} /**********商标查询**********/ .domainTrademark{width:100%; height:350px; background:url(../images/trademark.jpg);} /*查询*/ .domainTrademark .trademark{padding:80px 150px; padding-bottom:0; height:auto;} .domainTrademark .trademark h4{font-size:30px; color:#fff; line-height:30px; margin:0; font-weight:normal; padding-bottom:20px; text-align:center;font-family: " 微软雅黑";} .domainTrademark .trademark .trademark_cont{width:100%; height:auto;} .domainTrademark .trademark .trademark_box_txt{width:73%; height:60px; line-height:60px; float:left; padding:0 15px; font-size:15px; outline:none;margin-left: 6%;border:none; border-left:1px solid #f0f0f0; } .domainTrademark .trademark .trademark_box_btn{width:14%; height:60px; line-height:60px; float:left; border:none; outline:none; background:#067bc6; color:#fff; padding:0; font-size:16px; text-align:center; cursor:pointer;} .domainTrademark .trademark .trademark_cont .trademark_box .trademark_all{width:12%; position:absolute; bottom:0; height:60px; line-height:60px;text-align:center; font-size:14px; color:#555;background:#fff; margin:0; padding:0; cursor:pointer} .domainTrademark .trademark .trademark_cont .trademark_box .trademark_all i{ color:#dcdcdc; margin-left:10px} .domainTrademark .trademark .trademark_cont .trademark_box .trademark_sect{width:12%; position:absolute; bottom:0;background:#fff; margin:0; padding:0;border-radius:5px 5px 0 0; display:none} .domainTrademark .trademark .trademark_cont .trademark_box ul.on{ display:block} .domainTrademark .trademark .trademark_cont .trademark_box .trademark_sect li{width:85%; margin:10px auto;height:40px;line-height:40px;background:#eee; text-align:center; font-size:14px; color:#555; border-radius:5px;} /*查询*/ .password{ width:760px; float:left; margin-left:100px; margin-top:70px; padding-bottom:50px;} .password .stepInfo{position:relative;width:760px;float:left;} .password .stepIco1{top:-10px;left:-1%; } .password .stepIco2{top:-10px;left:365px;} .password .stepIco3{top:-10px;left:744px;} .password .stepText{color:#ccc;margin-top:-30px;width:120px;text-align:center;margin-left:-44px; font-size:14px;} .password .stepTextnow{color:#626262;margin-top:-30px;width:120px;text-align:center;margin-left:-44px; font-size:16px;} .result {width:100%;_height: 700px;min-height: 920px;float: left;background: #fff;margin: 20px 0;} .result>ul {padding: 0;margin: 0;border-top: 1px solid #f0f0f0;} .result>ul li {list-style-type: none;height: 160px;padding:20px;font-size: 12px;border-bottom: 1px solid #f0f0f0; position:relative} .result>ul li:hover { box-shadow:0 0 10px #ddd; cursor:pointer} .result .pic {width:122px;height:122px;float: left;} .result .info {width:70%;margin-left:20px;float: left;height: 110px;line-height: 25px; } .result .info span{ display:block; float:left; margin-right:30px; line-height:40px; color:#333;overflow: hidden;white-space: nowrap;text-overflow: ellipsis; font-size:14px; max-width:44%; height:40px;} .result .info font{ color:#888; font-size:14px;} .result .info .newprocess { max-width:100%; width:100%; color:#009afc} .result .info .tmname { font-size:20px} .result .more{position: absolute;top: 94px;right: 20px;height: 25px; line-height:23px;padding: 0; width:110px; text-align:center;display: inline-block;color: #009afc;border: #009afc 1px solid;background: #fff;cursor: pointer;font-size: 12px;} .result .info .more {background: url(../images/more.png) no-repeat left center;padding-left: 25px;display: inherit;} .result .info .more a {color: #c0c0c0;margin-right: 3px;} .conWidth_1200 { width: 1200px; height: auto; margin: 0 auto; position: relative; } .result .more{position: absolute;top: 94px;right: 20px;height: 25px; line-height:23px;padding: 0; width:110px; text-align:center;display: inline-block;color: #009afc;border: #009afc 1px solid;background: #fff;cursor: pointer;font-size: 12px;} .result .info .more {background: url(../images/more.png) no-repeat left center;padding-left: 25px;display: inherit;} .result .info .more a {color: #c0c0c0;margin-right: 3px;} .sbwz {width: 100%;float: left;height: 35px;line-height: 35px;font-size:22px;color: #666;} .jddiv{height: 78px;width:100%; margin:90px auto; padding: 0} .jdt,jdttxt{width:100%;clear:both; height:56px; } .jdt { height:56px; } .jdttxt { line-height: 40px;height:40px; } .sqed{ width:60px;height:60px; line-height:56px; color:#fff; font-size:16px; background:linear-gradient(270deg, #0B61FF 0, #00A1FF 97%); border:4px solid #fff; border-radius:50%; text-align:center; float:left} .riqi{height:40px;font-size:12px;color:#888888;float:left;font-family:"microsoft yahei";} .lineb{float:left;height:8px;margin-top:24px;margin-left:-1px;width: 25%;background: linear-gradient(270deg, #0B61FF 0, #00A1FF 97%); } .lineg{float:left;height:8px;margin-top:24px;margin-left:-1px;width: 24%; } .result table{ width:100%} .result table tr>td{ border:1px solid #ddd; padding: 1em; font-size:14px;} .result table tr:nth-child(2n-0){background: #f5f5f5;} .result table tr>td.tdtip{color: #999;text-align: right;} .result table tr>td table td{ border:none;padding:0;} .result table tr>td .sblcDate{ width:20%; float:left} /*首页*/ .index_Hotsale{z-index: 330;position: relative;width: 230px; float: right;background-color: white;margin-top: 28px} .index_Hotsale_hd{;width: 100%;padding: 15px;border-bottom: 1px solid #e5e5e5} .index_Hotsale_hd p{color: #555;font-size: 14px;} .index_Hotsale_hd p span{font-size: 16px;color: rgb(4,160,239)} .index_Hotsale_form>.form-group{position: relative;margin-bottom: 10px} .index_Hotsale_form>.form-group input{text-indent: 45px;height: 40px} .index_Hotsale_form>.form-group input::-moz-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group input::-webkit-input-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group input:-ms-input-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group input::-moz-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group input::-webkit-input-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group input:-ms-input-placeholder{color: #cccccc;font-size: 14px} .index_Hotsale_form>.form-group span{position: absolute;top: 14px;left: 35px;color: #cccccc} .index_Hotsale_form>.form-group i.iconfont{position: absolute;top: 15px;left: 10px;color: #cccccc} .index_Hotsale_hd>span{color: #000;font-size: 16px;line-height: 20px;display: block;text-align: center;padding: 15px 0} .submit-hotsale a{display: block;width: 100%;height: 40px;line-height: 40px;text-align: center;background-color: rgb(4,160,239);color: #FFFFFF;font-size: 14px;border-radius: 5px;-webkit-border-radius: 5px;-moz-border-radius: 5px} /*.index_Hotsale_triangle{width: 0;height: 0;position: relative;border-top: 30px solid #2e3635;border-right: 230px solid transparent;}*/ .index_Hotsale_ranking{;width: 55px;height: 55px;padding: 10px;background-color: #ffd411;;border-radius: 100%;text-align: center;line-height: 16px;position: absolute;right: 20px;top: 70px} .index_Hotsale_rankList{padding-top: 10px} .index_Hotsale_rankList ul{padding-bottom: 10px} .index_Hotsale_rankList li{padding-left: 20px ;margin-bottom: 5px} .index_Hotsale_rankList li:first-of-type{margin-top: 10px} .index_Hotsale_rankList li:last-of-type{margin-bottom: 0px} .index_Hotsale_rankList li img{;margin-right: 10px;float: left;width: 25px;height: 31px;} .index_Hotsale_rankList .rankList_deal p{margin: 0px;color: #999999} .index_Hotsale_rankList h4{font-size: 18px;text-align: center;padding: 8px 0} .index_Hotsale_rankList li span{line-height: 31px;font-size: 12px;font-weight: 500;display: inline-block;width: 80px;height: 31px;overflow: hidden} .index_Hotsale_rankList li small{float: right;line-height: 31px;color: #999;width: 80px;text-align: left} /*.index_Hotsale_rankList li:nth-of-type(4) img{padding-left: 5px;margin-right: 10px;width: 25px;height: 25px;margin-bottom: 3px}*/ /*.index_Hotsale_rankList li:last-of-type img{padding-left: 5px;margin-right: 10px;width: 25px;height: 25px;margin-bottom: 3px}*/ .index_Hotsale_rankList div{text-align: center} .index_Hotsale_rankList .rankList_deal{height: 40px;line-height: 40px;margin-bottom: 10px} .index_Hotsale_rankList q{color: #999} .index_Hotsale_rankList .rankList_deal p span{color: #333333;font-size: 14px} .index_Hotsale_fd{;height:50px;line-height: 50px;width:100%; ;border-top: 1px solid #f2f2f2;overflow: hidden } .index_Hotsale_fd span{font-size: 12px} .index_Hotsale_fd a{font-size: 12px;color: #19bcb2;padding-left:4px;display: inline-block;padding-right: 25px} .index_Hotsale_fd span:first-of-type{display: inline-block;padding-right:4px;} .index_swipermain{width:100%;height: 550px;position: absolute;left:0;top:0;color: #f5f5f5;} .index_swipermain .swiper-container { width: 100% ; height: 100%; margin-left: auto; margin-right: auto; } .index_swipermain_bg1{background: url("../images/index-banner-swiper01.png")center center ; text-align: center;} .index_swipermain_bg2{background: url("../images/index-banner-swiper02.png")center center ; text-align: center} .index_swipermain_bg3{background: url("../images/index-banner-swiper03.png")center center ; text-align: center;} .index_swipermain_con>div{margin-top: 200px;opacity: 0} .index_swipermain_con h2{font-weight: bold;font-size: 48px;color: #ffffff;margin-bottom: 40px;text-shadow:1px 1px 2px #9d9d9d} .index_swipermain_con p{font-size: 24px;margin-bottom: 80px;} .index_swipermain_con a.toproduct{display: inline-block;width:180px;height: 40px;line-height: 40px;background-color: #0076ff;color: #fff!important; border-radius: 20px;font-size: 14px;} .index_swipermain_bg3 a.toproduct3{ display: inline-block;width:180px;height: 40px;line-height: 40px;color: #fff!important; border-radius: 20px;font-size: 14px; background-color: #0076ff; background: -webkit-linear-gradient(left, #35a6ff , #0c63ff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #35a6ff , #0c63ff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #35a6ff , #0c63ff); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #35a6ff, #0c63ff); /* 标准的语法 */ } /*.swiper-pagination-switch{width: 30px;height: 4px;background-color: #ffffff;border-radius: 0}*/ .index_swipermain .pagination { position: absolute; z-index: 20; bottom: 40px; width: 100%; text-align: center; } .index_swipermain .swiper-pagination-switch { display: inline-block; width: 30px; height: 4px; border-radius: 0px; background: #666; margin: 0 5px; opacity: 0.8; cursor: pointer; } .index_swipermain .swiper-active-switch { background-color: #fff; } .index_bannerss{height: 550px;width: 100%;position: relative;margin-bottom: 200px} /*newindex*/ .index-nav{height: 483px;width: 960px} .productServe-menu li{height: 69px} .productServe-con{height: 483px;width: 730px} .productServe-menu h5>i.iconfont{float: right;color: #FFFFFF;font-size: 12px;padding-right: 10px} .productServe-menu h5 span.iconfont{font-weight: normal} .productServe-menu h5{color: #FFFFFF} .productServe-menu li,.productServe-menu li:nth-of-type(2n){background-color: rgba(0,0,0,0.6)} .productServe-menu a{color: #999999} .productServe-menu a:hover{color: #129a92} .productServe-menu li.activeColor1{ background-color: #FFFFFF; } .productServe-menu li.activeColor1 h5{color: #129a92} .productServe-menu li.activeColor1 h5>i.iconfont{color: #129a92} /*.index-nav .productServe-menu{*/ /*box-shadow: none;*/ /*-webkit-box-shadow: none;-moz-box-shadow: none}*/ .index-nav .productServe-con{ /*box-shadow: none;*/ border-top: 1px solid #e5e5e5} div.productServe-menu{background-color: rgba(0,0,0,0.6)} div.productServe-menu a{color: #f2f2f2} .index-new-cha {width: 100%;position: absolute;left: 0;bottom: -168px;z-index: 331;} .index-new-cha-list .tab-pane{box-shadow: 0 0 10px #ccc} .index-new-cha #myTabContent{background: none ;background-color: #FFFFFF} .index-new-cha #myTab{background-color: rgba(0,0,0,0.6)} .index-new-cha .nav-tabs>li.active>a, .index-new-cha .nav-tabs>li.active>a:focus, .index-new-cha .nav-tabs>li.active>a:hover{background-color: #FFFFFF;} .index-new-cha #myTab li.active a{color: #333333} .index-new-cha .searchBrandMain h4{color: #333333} .newIndexSearIn .form-control{display: inline-block;width: 25%;margin-right: 10px;height: 45px;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius:20px} .index-new-cha-list .searchBrandMain {height: 152px} .index-new-cha-list .searchBrandMain p{color: #666666} .index-new-cha-list .searchbrandInput a{background-color: #4c7ef6;color: #FFFFFF} .index-new-cha-list .searchbrandInput a i.iconfont{color: #FFFFFF} /*产品服务*/ .product{ width:100%;box-sizing:border-box; padding:30px 0 20px; background:#FFF; } .product h2{ width:100%; margin:0; color:#333;font-weight:normal; text-align:center;} .product h2 strong{width:100%; line-height:100%; font-size:26px; font-weight:normal;display:block; margin:0 0 13px 0; color:#333;} .product h2 p{ width:100%; font-size:16px; line-height:100%; color:#666} .sale-content { ; position:relative} .sale-content .card-area { width:1200px; height:430px; margin:0 auto;padding:0; padding-top:30px; overflow:hidden;box-sizing:border-box} .sale-content .card-area .card-item { float:left; margin-left:-72px; position:relative} .sale-content .card-area .card-item:first-child { margin-left:0} .sale-content .card-area .card-item .card { width:288px; height:372px; background:#fff; border:1px solid #ccc; /*transition:all .5s cubic-bezier(.4,0,.2,1),z-index 0s .12s; -ms-transition:all .5s cubic-bezier(.4,0,.2,1),z-index 0s .12s;*/ position:relative} .sale-content .card-area .card-item .card-m { width:100%; height:100%; background:#fff; opacity:.4; position:absolute; display:block} .sale-content .card-area .card-item.active .card-m {display:none} .sale-content .card-area .card-item:first-child .card,.sale-content .card-area .card-item:nth-child(5) .card { z-index:1} .sale-content .card-area .card-item:nth-child(2) .card,.sale-content .card-area .card-item:nth-child(4) .card { z-index:2} .sale-content .card-area .card-item:nth-child(3) .card { z-index:3} .sale-content .card-area .card-item:first-child .card { margin-left:0} .sale-content .card-area .card-item.active .card { border:1px solid #ccc; z-index:10} /*.sale-content .card-area .card-item .card .card-title .content .mos-product-img { height:120px}*/ .sale-content .card-area .card-item .card .card-title .content .mos-product-img div { height:119px;width:119px; margin:0 auto; border-radius:100px; box-shadow:0 0 9px 0 rgba(33,86,178,.12); margin-top:25px; position:relative; transition:all .1s linear; -ms-transition:all .1s linear} .sale-content .card-area .card-item.active .card .card-title .content .mos-product-img div { background:#edf6ff; box-shadow:0 0 13px 0 rgba(32,86,177,.28)} .sale-content .card-area .card-item .card .card-title .content .mos-product-img div img { width:66px; display:block; position:absolute; margin-left:28px; margin-top:28px} .sale-content .card-area .card-item .card .card-title .content .mos-product-img div img:first-child {opacity:1;filter:alpha(opacity=100); zoom:1} .sale-content .card-area .card-item.active .card .card-title .content .mos-product-img div img:first-child,.sale-content .card-area .card-item .card .card-title .content .mos-product-img div img:nth-child(2) { opacity:0; filter:alpha(opacity=0); zoom:1} .sale-content .card-area .card-item.active .card .card-title .content .mos-product-img div img:nth-child(2) {opacity:1;filter:alpha(opacity=100); zoom:1} .sale-content .card-area .card-item .card .card-title .content h2 {font-size:20px; color:#333; letter-spacing:0; text-align:center; line-height:40px;} .sale-content .card-area .card-item.active .card .card-title .content h2 { margin-top:35px; } .sale-content .card-area .card-item .card .card-title .content .short-info { font-size:15px; color:#999; text-align:center; line-height: 24px;padding:0 20px; width:100%; height:42px; margin:0 auto} .sale-content .card-area .card-item .card .card-content ul { width:100%; padding:0 20px 0 20px; position:absolute; box-sizing:border-box} .sale-content .card-area .card-item .card .card-content ul li { float:left; width:50%; font-size:14px; color:#ccc;height:50px;} .content-second ul li h6 {font-size:14px; color:#333; letter-spacing:0} .content-second ul li p { font-size:12px; color:#999; letter-spacing:0;margin:3px 0; line-height:14px;} .content-second ul li:nth-child(2) p { padding-right:0} .content-second ul li a { font-size:12px; color:#1770e6; letter-spacing:0; text-decoration:none; line-height: 20px;} .content-second .detail-a { width:242px; height:46px; background:#1770e6; color:#fff; text-align:center; line-height:46px; text-decoration:none; position:absolute; bottom:15px; margin-left:51px; box-shadow:0 3px 8px 0 rgba(17,136,255,.44)} .content-second .detail-a:hover {background:#2090ff} .sale-content .card-area .card-item {transition:all .2s linear; -ms-transition:all .2s linear} .sale-content .card-area .card-item.active { margin-top:-22px} .sale-content .card-area .card-item.active .card { width:335px; height:415px;border:1px solid #ccc; background:#fff;} .sale-content .card-area .card-item.active .card .card-title .content .mos-product-img div { display: none;height:119px; width:119px; margin:0 auto; border-radius:100px; margin-top:-50px} .sale-content .card-area .card-item .card .content-first { opacity:1; -ms-filter:alpha(opacity=100); position:relative; list-style-image:none; list-style-position:outside; zoom:1; /*transition:all 0s cubic-bezier(.4,0,.2,1) .18s;*/ /*-ms-transition:all 0s cubic-bezier(.4,0,.2,1) .18s*/ } .sale-content .card-area .card-item .card .content-second {width:100%;height:259px; zoom:1;} .sale-content .card-area .card-item.active .card .content-first,.sale-content .card-area .card-item .card .content-second {opacity:0; -ms-filter:alpha(opacity=0); position:relative; list-style-image:none; list-style-position:outside} .sale-content .card-area .card-item.active .card .content-second {opacity:1; -ms-filter:alpha(opacity=100); position:relative; list-style-image:none; list-style-position:outside; /*transition:all .1s cubic-bezier(.4,0,.2,1) .18s; -ms-transition:all .1s cubic-bezier(.4,0,.2,1) .18s*/ } .sale-content .card-area .card-item.active .card .content-second ul { box-sizing:border-box} .sale-content .card-area .card-item.active .card .content-second ul li{ height:100px} .sale-register-bottom {display:none} .index-new-menu1 {background-color: #eff4f8;height: 710px} .moreASD{text-align: center} .moreASD a{display: inline-block;width: 200px;text-align: center;height: 45px;line-height: 45px;font-size: 14px;color: #f2f2f2;background-color: #00a3fe;border-radius: 5px} .index-new-menu3-list{text-align: center;padding: 15px} .index-new-menu3-list img{height: 60px;max-width: 180px} .index-new-menu3-list p{font-size: 14px;color: #999999;line-height: 20px;padding-top: 10px} .index-new-menu3-show .col-xs-2{margin-bottom: 20px;width: 20%} .activeShow-index3{box-shadow: 0px 0 5px #ccc} .index-new-menu4{background: url("../images/index-new-menu4-img.jpg")no-repeat bottom; height: 555px;margin-top: 90px ; } .index-new-menu5 .menu-title-h3 p{font-size: 20px;color: #666666;position: relative} .index-new-menu5 .menu-title-h3 p span{position: relative} .index-new-menu5 .menu-title-h3 p span:after{ content: ""; width: 60px;height: 5px;;background: #129a92; position: absolute;;bottom: -10px;left: 12px; } .index-new-menu5{background-color: #ececec;padding-bottom: 40px} .index-new-menu5-btn{text-align: center;margin-top: 30px} .index-new-menu5-btn a{display: inline-block;font-size: 14px;color: #FFFFFF;background-color: #4c7ef6;width: 200px;height: 40px;text-align: center;line-height: 40px;border-radius: 8px} .index-product .menu-title-h3{padding-top: 0} .index-new-menu6{background-color: #f5f5f5} .index-new-menu7{background: url("../images/index-new-menu7-bg.jpg") no-repeat bottom; height: 268px;} .index-new-menu7 .copyrightApply-digital .m-feature-num .count-title{font-size: 56px;color: #FFFFFF} .index-new-menu7 .copyrightApply-digital .m-feature-num span{color: #FFFFFF;font-size: 36px} .index-new-menu7 .digital{margin-top: 40px} .index-new-menu7 .copyrightApply-digital .mun_top p{color: #FFFFFF} /*首页新闻*/ .news-index{ width:100%; box-sizing:border-box; padding:30px 0; background:#fff;} .news-index .left{ width:66%; float:left;} .news-index .right{ width:30%; float:right;} .news-index .right ul{ margin:10px 0 0 0; padding:0; width:100%; float:left;} .news-index .right ul li{ width:100%; float:left; box-sizing:border-box; padding:0;list-style-type:disc !important} .news-index .right ul li a{ width:80%;float:left;color:#333; font-size:14px; line-height:30px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index .right ul li a:hover{ color:#1f76df;} .news-index .right ul li:nth-child(1):after{ content:""; display:inline-block; width:30px; height:16px; background:url(../images/index_inconNew.png) no-repeat; margin:6px 0 0 10px;} .news-index .right ul li:nth-child(2):after{ content:""; display:inline-block; width:30px; height:16px; background:url(../images/index_inconHot.png) no-repeat; margin:6px 0 0 10px;} .news-index .right p{ width:100%; float:left; margin:30px 0 0 0;} .news-index .right p a{ color:#1f76df; font-size:14px; line-height:100%;} .news-index h2{ width:100%; float:left; margin:0; color:#333;font-weight:normal;} .news-index h2 strong{float:left; line-height:100%; font-size:26px; font-weight:normal; } .news-index h2 p{ width:100%; float:left; font-size:18px; line-height:100%; } .news-index ul.moduleNews{ float:left; margin:0 0 0 20px; padding:0;} .news-index ul.moduleNews li{ float:left; margin:0 0 0 30px; border-bottom:3px solid #FFF;} .news-index ul.moduleNews li a{ width:100%; float:left; font-size:16px; line-height:40px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index ul.moduleNews li:hover,.news-index ul.moduleNews li.current{ border-bottom:3px solid #1f76df;} .news-index ul.moduleNews li:hover a,.news-index ul.moduleNews li.current a{ color:#1f76df; background:none;} .news-index .moduleNews-tab{ width:100%; float:left;box-sizing:border-box;} .news-index .module-content{ width:100%; float:left;} .news-index .module-content:nth-child(2){ display:none;} .news-index .module-content:nth-child(3){ display:none;} .news-index .module-content ul{ margin:10px 0 0 0; padding:0; width:100%; float:left;} /*.news-index .module-content ul li{ width:50%; float:left; box-sizing:border-box; padding:0 50px 0 0;}*/ .news-index .module-content ul li a{ width:100%; float:left;color:#333; font-size:14px; line-height:46px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .news-index .module-content ul li a span{ color:#666; font-size:12px;} .news-index .module-content ul li a font{ color:#999; padding:0 10px;} .news-index .module-content ul li a:hover{ color:#129a92;} .news-index .module-content ul li a:hover span{ color:#129a92;} .news-index .module-content ul li a:hover font{ color:#129a92;} .news-index .module-content p{ width:100%; float:left; margin:30px 0 0 0;} .news-index .module-content p a{ color:#1f76df; font-size:14px; line-height:100%;} .newIndexsss img{width: 250px } .news-index .newIndexsss ul li{float: none!important;width: 100%} .news-index .newIndexsss ul li{float: none!important;width: 100%} .swiper-container2{height: 150px} .index-new-menu8{margin-top: 40px;margin-bottom: 40px;padding: 20px 0} .index-new-menu8 .index-new-menu8-show-left{ font-size: 40px; } .index-new-menu8 .col-xs-6:first-of-type{line-height: 60px;text-align: right} .index-new-menu8 .col-xs-6:first-of-type span{display: inline-block;width: 80px;height: 80px;line-height: 70px;text-align: center;border: 1px solid #000;border-radius: 100%;color: #000} .index-new-menu8-show{display: flex;align-items: center} .index-new-menu8-show .col-xs-6 p{font-size: 16px;line-height: 24px;color: #000000} .index-new-menu8-show .col-xs-6{padding: 0 5px} .pro-hd{text-align: center;background-color: #eff4f8;;padding-bottom: 15px} .index-product-list:nth-of-type(1) .proImg{padding-top: 0px;;background: url("../images/pro-hd-1.png") no-repeat bottom; height: 90px;background-size: auto 70px; } .index-product-list:nth-of-type(2) .proImg{padding-top: 0px;;background: url("../images/pro-hd-2.png") no-repeat bottom; height: 90px;background-size: auto 70px; } .index-product-list:nth-of-type(3) .proImg{padding-top: 0px;;background: url("../images/pro-hd-3.png") no-repeat bottom; height: 90px;background-size: auto 70px; } .index-product-list:nth-of-type(4) .proImg{padding-top: 0px;;background: url("../images/pro-hd-4.png") no-repeat bottom; height: 90px;background-size: auto 70px; } .index-product-list:nth-of-type(5) .proImg{padding-top: 0px;;background: url("../images/pro-hd-5.png") no-repeat bottom; height: 90px;background-size: auto 70px; } .proImg-bg{width: 100%} .pro-hd img{height:70px } .pro-hd h5{font-size: 18px;font-weight: bold;padding: 10px 0;} .pro-hd p{font-size: 14px;line-height: 20px} .pro-bd{padding: 20px;} .index-product-list{width: 20%;padding: 0;border: 1px solid #ccc;border-right: none;height: 460px;overflow: hidden} .index-product-list:last-of-type{border-right: 1px solid #cccccc} .pro-bd-list{color: #999999;margin-bottom: 20px;text-align: center;padding: 0} .pro-bd-p{display: none} .pro-bd-list h5{font-size: 12px} .pro-bd-list p{padding-top: 10px;;} .pro-bd-list a{color: #129a92;padding-top: 8px;display: block} .pro-ft{text-align: center;display: none} .pro-ft a{width: 240px;height: 40px;line-height: 40px;text-align: center;background-color: #00a3fe;color: #FFFFFF;border-radius: 2px;display: inline-block} /*activeprolist*/ .active-proList .pro-hd{ color: #FFFFFF;; background: -webkit-linear-gradient(left, #5476e4 , #4cb2fa); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient(right, #5476e4 , #4cb2fa); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient(right, #5476e4 , #4cb2fa); /* Firefox 3.6 - 15 */ background: linear-gradient(to right, #5476e4 , #4cb2fa); /* 标准的语法 */ } .active-proList .pro-hd h5{font-size: 22px} .active-proList .pro-hd p{font-size: 16px;line-height: 22px} /*.active-proList .proImg{background: url("../images/pro-hd-new1.png") no-repeat bottom;*/ /*background-size: auto 150px;height: 120px}*/ .active-proList{width: 28%;height: 520px;position: relative;top: -30px; box-shadow: 0px 0px 6px 0px #1f76df;-webkit-box-shadow: 0px 0px 6px 0px #1f76df;-moz-box-shadow: 0px 0px 6px 0px #1f76df; border: 1px solid #8ab0f2; } .active-proList .pro-bd-p{display: block} .active-proList .pro-bd-list h5{font-size: 14px;color: #333333} .active-proList .pro-bd-list{text-align: left;width: 50%} .active-proList .pro-ft{display: block;padding-bottom: 40px} .index-product-list .pro-bg-2hang .pro-bd-list{width: 50%} .index-product{height:660px} .new-footer{background-color: #1f1f1f} .new-footer .new-footer-hd{height: 100px} .new-footer .new-footer-hd a{color: #f2f2f2;font-size: 18px;line-height: 100px;display: inline-block;margin-right: 40px} .foot-num{display: flex;height: 100px;align-items: center} .foot-num h5{color: #FFFFFF;font-size: 20px;font-weight: bold;padding-bottom: 10px} .foot-num p{color: #f2f2f2;font-size: 14px} .new-footer-bd{height: 250px;border-top: 1px solid #666;border-bottom: 1px solid #666} .foot-bd-nav{margin-top: 40px;margin-bottom: 20px} .foot-bd-nav a{font-size: 18px;color: #5b5f5f;margin-right: 60px;padding-bottom: 3px} .foot-bd-nav a.activeFoot-nav{color: #FFFFFF;border-bottom: 4px solid #FFFFFF} .foot-bd-nav-list a{font-size: 12px;color: #c0b8b8;display: block;height: 24px;line-height: 24px} .foot-bd-nav-list .col-xs-12,.foot-bd-nav-list .col-xs-4{padding: 0} .foot-bd-nav-list .col-xs-12{padding-top: 15px} .foot-img{display: flex;height: 250px;align-items: center} .foot-img img{width: 150px} .foot-img p{padding-top: 10px;color: #f2f2f2;text-align: center} .new-footer-ft{text-align: center;padding: 20px 0} .new-footer-ft p{color: #cccccc;line-height: 20px;font-size: 12px} .border_left {position: relative} .border_left:before{content: ""; width: 1px; height: 12px; background-color: #ccc; position: absolute; left: 10px; top: 15px;} .index-new-menu2{background-color: #f5f5f5} .new-reception{position: fixed;bottom: 0;left: 5px;box-shadow: 0px 0 5px #ccc;-webkit-box-shadow:0px 0 5px #ccc;-moz-box-shadow: 0px 0 5px #ccc ;overflow: hidden; ;z-index: 333;;width:230px;border-radius: 10px;background-color: #FFFFFF} .reception-quee small{color: #f99501} .new-reception-hd{border-radius: 10px 10px 0 0;-webkit-border-radius:10px 10px 0 0;-moz-border-radius: 10px 10px 0 0;;position: relative;overflow: hidden} .new-reception-hd img{width: 100%} .new-reception-hd img.new-receptionPerson{ position: absolute;;top: 0; right: 5px; width: 110px; } .reception-quee{height: 34px;line-height: 34px;;text-align: center;background-color: #FFFFFF;font-size: 12px;padding: 0px 10px;} .reception-quee-list{margin: 1px auto;width: 96%;height: 34px;line-height: 34px;overflow: hidden;background-color: #FFFFFF} .reception-quee .reception-timers{float: right} .reception-name{float: left} .reception-input{;padding: 0 10px} /*.new-reception-bd{border: 1px solid #e5e5e5;border-top: none;}*/ /*.reception-quee span{}*/ .new-reception-hd p{position: absolute;left: 15px;top: 100px;color: #FFFFFF;} .reception-input input{margin-bottom: 8px;font-size: 14px;text-indent: 20px} .new-reception-ft{padding: 10px;} .new-reception-ft a{width: 100%;text-align: center;height: 36px;line-height: 36px;background-color: #f6cb43;font-size: 16px; border-radius: 2px;-webkit-border-radius: 2px;-moz-border-radius: 2px;display: inline-block;color: #444444} .reception-input input::-moz-placeholder{color: #ccc;font-size: 14px} .reception-input input::-webkit-input-placeholder{color: #ccc;font-size: 14px} .reception-input input:-ms-input-placeholder{color: #ccc;font-size: 14px} .reception-input input::-moz-placeholder{color: #ccc;font-size: 14px} .reception-input input::-webkit-input-placeholder{color: #ccc;font-size: 14px} .reception-input input:-ms-input-placeholder{color: #ccc;font-size: 14px} .reception-input .input-groups{position: relative} .reception-input .input-groups i.iconfont{position: absolute;top: 12px;left: 10px;color: #cccccc} .new-menu-rec{position: fixed;bottom: 5px;right:5px;height: 300px;z-index: 333;} .menu-rec-title{width: 70px} .menu-rec-title-list{color: #4baafa;font-size: 16px;font-weight: bold;text-align: center;height: 30px} .menu-rec-title-list i.iconfont{font-size: 38px;line-height: 16px; display: block; } .menu-rec-nav-list{margin: 5px; background: -webkit-linear-gradient( #438df8 , #4cb1fa); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient( #438df8 , #4cb1fa); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient( #438df8 , #4cb1fa); /* Firefox 3.6 - 15 */ background: linear-gradient( #438df8 , #4cb1fa); /* 标准的语法 */ border: 1px solid #4baafa;color: #FFFFFF;text-align: center;display: flex;align-items: center} .menu-rec-nav-list>div{margin: 0 auto} .menu-rec-nav-list:hover,.menu-rec-title-list:hover{cursor: pointer} .menu-rec-nav-list i.iconfont{font-size: 32px;line-height: 40px;} .menu-rec-nav-list p{font-size: 12px; padding-bottom: 6px;} .active-menuRecList{ background: -webkit-linear-gradient( #fff , #fff); /* Safari 5.1 - 6.0 */ background: -o-linear-gradient( #fff , #fff); /* Opera 11.1 - 12.0 */ background: -moz-linear-gradient( #fff , #fff); /* Firefox 3.6 - 15 */ background: linear-gradient( #fff , #fff); /* 标准的语法 */ ;color: #4baafa} .modal{z-index: 15113!important;} .menu-rec-body-left{transition: right 0.5s linear;position: absolute;top: 166px;right: -240px;width: 220px;background-color: #FFFFFF;box-shadow: 0 0 5px #ccc;} .menu-rec-wx{transition: right 0.5s linear;text-align: center;position: absolute;top: 170px;right: -240px;width: 120px;background-color: #FFFFFF;box-shadow: 0 0 5px #ccc;padding: 10px} .activemenu-rec-wx{position: absolute;top: 170px;right: 70px} .menu-rec-wx img{width: 100%;margin: 0 auto} .activemenu-rec-body-left{position: absolute;top: 166px;right: 70px} .menu-rec-body-left .sssaa{ position: absolute; left: 65px; top: -2px; font-size: 14px; font-weight: normal; } .menu-rec-body-left i.iconfont{ color: #333; font-size: 22px; margin-right: 5px; width: 45px; height: 45px; display: inline-block; line-height: 24px; padding: 10px; border-radius: 50%; } .menu-rec-body-left .ssass{ color: #333; font-size: 14px; line-height: 24px; position: relative; text-align: left; margin: 0px 20px; } .new-reception-mainhd{padding: 0 15px;height: 40px;line-height: 40px;color: #FFFFFF;background-color: #4c7ef6;font-size: 14px} .new-reception-mainhd i.iconfont{padding-right: 10px} .new-reception-mainhd span.iconfont{float: right} .new-reception-mainhd:hover{cursor: pointer} .new-reception-hd i.iconfont{z-index: 5;color: #FFFFFF;position: absolute;right: 5px;top: 5px} .new-reception-hd i.iconfont:hover{cursor: pointer} .knowledge-menu2-list-hd img{height: 165px}