@charset "utf-8";/*reset*/ body{color:#666; font-family: "Microsoft yahei";font-size: 14px;background-color: #f5f5f9;background-color: #fff;} *{margin: 0;padding: 0;box-sizing: border-box;-webkit-box-sizing: border-box;line-height: 100%;} li{list-style: none;} h1,h2,h3,h4,h5,h6{font-weight: normal;font-size: 13px;} a{text-decoration:none;color: #666;} img{border: none;} a:hover,a:active,a:focus{text-decoration:none;cursor:pointer;} a{ -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .clearfix{zoom:1;} .clearfix:before, .clearfix:after{content: " "; display: table; } .clearfix:after,.row:after{clear: both;} .text-left {text-align: left !important; } .text-right {text-align: right !important; } .text-center {text-align: center; } .center-block {display: block; margin-left: auto; margin-right: auto; } .img-responsive {display: block; width: 100%; width: 100% \9; max-width: 100%; height: auto; } .img-circle {border-radius: 50%; } .trs{-webkit-transition:all 0.2s;-moz-transition:all 0.2s;-ms-transition:all 0.2s;-o-transition:all 0.2s;transition:all 0.2s;} .bd-circle{border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;-webkit-border-radius:50%;} .bdrs{-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;} .cursor{ cursor: pointer; } .bold{ font-weight: bold; } .posa{ position: absolute; } .posr{ position: relative; } .posf{ position: fixed; } .ovfh{ overflow: hidden; } .opacity0{ opacity: 0; filter: alpha(opacity=0);} .h100p{height: 100%;} .w100p{width: 100%;} .pull-left{float: left !important;} .pull-right{float: right !important;} .block{display: block;} .hide{display: none;} .show{display: block;} .l0{left: 0;} .r0{right: 0;} .t0{top: 0;} .b0{bottom: 0;} .c-center{position: absolute; left: 50%; -webkit-transform: translate(-50%,0); transform: translate(-50%,0);} .c-center-v{position: absolute; top: 50%;-webkit-transform: translate(0px,-50%); -ms-transform: translate(0px,-50%); -o-transform: translate(0px,-50%); transform: translate(0px,-50%);} .c-center-hv{position: absolute; left: 50%;top: 50%;-webkit-transform: translate(-50%,-50%);transform: translate(-50%,-50%);} .lh100p{line-height: 100%;} img{max-width: 100%;} .one-line{overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} /*border*/ .bdl{border-left: 1px solid #e0e0e0;} .bdt{border-top: 1px solid #e0e0e0;} .bdb{border-bottom: 1px solid #e0e0e0;} .bdr{border-right: 1px solid #e0e0e0;} .bd{border: 1px solid #e0e0e0;} .nobd-t{border-top: none !important;} .nobd-b{border-bottom: none !important;} .nobd-l{border-left: none !important;} .nobd-r{border-right: none !important;} .nobd{border: none !important;} /*input*/ input,textarea,submit{outline:none;-webkit-appearance: none;} input{padding-left: 6px;} .submit,input,textarea,select,option{border: none;-webkit-appearance: none;font-size: 14px;font-family: 'microsoft yahei';} /*container*/ ./*container{margin-left: auto; margin-right: auto;width: 1170px !important;} .container,.row{zoom:1;} .container:before, .container:after,.row:before, .row:after{content: " "; display: table; } .container:after,.row:after{clear: both; }*/ /*loading*/ .loadingmask{width:100%;height:100%; background:white; position:absolute; z-index:99; left:0px; top:0px;overflow:hidden;z-index: 99999;} .spinner {margin-top: 200px;margin-left: auto;margin-right: auto; width: 50px; height: 60px; text-align: center; font-size: 10px; } .spinner > div {background-color: #67CF22; height: 100%; width: 6px; display: inline-block; -webkit-animation: stretchdelay 1.2s infinite ease-in-out; animation: stretchdelay 1.2s infinite ease-in-out; } .spinner .rect2 {-webkit-animation-delay: -1.1s; animation-delay: -1.1s; } .spinner .rect3 {-webkit-animation-delay: -1.0s; animation-delay: -1.0s; } .spinner .rect4 {-webkit-animation-delay: -0.9s; animation-delay: -0.9s; } .spinner .rect5 {-webkit-animation-delay: -0.8s; animation-delay: -0.8s; } @-webkit-keyframes stretchdelay {0%, 40%, 100% { -webkit-transform: scaleY(0.4) } 20% { -webkit-transform: scaleY(1.0) } } @keyframes stretchdelay {0%, 40%, 100% {transform: scaleY(0.4); -webkit-transform: scaleY(0.4); } 20% {transform: scaleY(1.0); -webkit-transform: scaleY(1.0); } } /*end loading*/ /*color*/ .bg-lightblue{background-color: #304770;} .text-blue{color: #304770;} .text-slv{ color:#0798bc} .line-gray{color: #e0e0e0;} .gold{color: #a67539;} .bg-hui{ background:#e6e5e5} .text-red{ color:#e90b35} .bg-input{ background:#02112c} .bg-lv{ background:#43b4d4 !important} .bg-huang{ background:#ffa507} .bg-bai{ background:#fff} .bg-qinghuiu{ background:#f5f5f5} .bg-hei{ background:#251e1d;} .bg-heia{ background:#17191a} .bg-qianghui{ background:#f5f5f5} .be_border{ width:22px; text-align:center; background:#0798bc; padding:4px 2px;display: inline-block; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; border-radius:2px; font-size:12px} /*字号大小*/ .font-12{ font-size:12px;} .font-18{ font-size:18px;} .font-13{ font-size:13px;} .font-16{ font-size:16px;} .font-20{font-size:16px;} .font-28{font-size:28px;} .font-40{font-size:40px;} .font-80{font-size:80px;} .font-22{font-size:22px;} .text-indent{ text-indent:2em} .font-35{ font-size:35px; } .line-32{ line-height:32px} .line-40{ line-height:40px} /*nav导航栏*/ .top{ background:#2a479a} .sousuo{ border-left:2px solid #0798bc; padding-left:10px} .time li{ margin-top:35px; font-size:18px; color:#000000; width:33.3%;} .time li h5 small{ color:#784f7d; font:14px;} .time li h5 { font-size:18px; } .time li i{ color:#6db1e5 !important} .nav-bg{ background:#6db1e5 !important} .nava ul li:before{ content:"+"; position:absolute; top:20px; left:42%; color:#fff} .nava ul li a{ display:block; padding-top:58px; padding-bottom:20px} .nava ul li a.active{ background:#008fd5; color:#fff} .nave ul li{ position:relative !important} .nave ul li .ment{ position:absolute; top:100%; left:0px; z-index:99999999999; background:rgb(255,255,255); padding:10px 0px; width:100%; display:none; -webkit-transition: all 1s; -moz-transition: all 1s; -ms-transition: all 1s; -o-transition: all 1s; transition: all 1s; border:1px solid #6db1e5 !important; opacity:0.9; filter: alpha(opacity=90);} .nave ul li .ment li{ margin:0px !important; padding:0px !important} .nave ul li .ment li a{ display:block; text-align:center; padding:10px 10px } .nave ul li .ment li:hover{ background:#6db1e5; } .nave ul li .ment li:hover a{color:#fff !important} .nave ul li:hover .ment{ display:block;} .index-n-none{ display:none} /*banner图*/ .carousel-control-next{ z-index:99999999999999 !important} .carousel-control-prev{ z-index:99999999999999 !important} .carousel-control-prev-icon, .carousel-control-next-icon{ width:36px !important; height:36px !important;} .banner{ width:100%; position:relative} .banner img{ width:100%} .banner_biao{ position:absolute; left:0px; top:0px; width:100%; z-index:100} .biao_ti{ width:600px; color:#fff; background:rgb(59,60,53); opacity:0.8; padding:35px 27px; margin-top:80px} .biao_ti h3{ font-size:39px; font-family:宋体;} .biao_ti h5{ font-size:26px; border-bottom:2px solid #45aaff; display:inline-block; padding-bottom:10px;font-family:宋体;} .biao_ti p{ font-size:15px; line-height:25px; text-align:justify} .biao_ti a{ font-size:18px; background:#0798bc; color:#ffffff; display:inline-block; width:206px; text-align:center; padding:10px 0px;} .diangtu ul li { position: relative; } .diangtu .sanjiaoxing{ position:absolute; top:36%; left: -24px; color: #e6e6e6 ; font-size:80px} .diangtu .sanjiaoxing_right{ left: -4px } .jiye_a{ position: relative; width: 98px; margin: 0 auto; } .column_hover{ position: absolute; left: 0px; top: 0px;display: none } .column_a a:hover .column_hover{ display: block; } .column_a a:hover{ color:#0798bc !important } /**/ .column_bg{ color:#6db1e5; } .column_bg i{color:#6db1e5;font-size:30px;} .column_bg .yuana{ background: #ededed; border: 5px solid #dcdcdc; line-height: 90px; color: #a5a5a5; width: 90px; height: 90px; -webkit-transition: all 300ms linear; -moz-transition: all 300ms linear; -o-transition: all 100ms linear; -ms-transition: all 300ms linear; transition: all 300ms linear; border-radius: 90px; -moz-border-radius: 90px; -webkit-border-radius: 90px; -o-border-radius: 90px;text-align:center; margin:0 auto; } .column_bg .col-xs-3 a{ border-bottom:1px solid #ccc; display:block; padding-top:40px; padding-bottom:15px} .column_bg .col-xs-3 a p{color:#6db1e5; margin-top:15px} .column_bg h2{ font-weight:800;color:#6db1e5;color:#6db1e5; } .column_bg .col-xs-3 a:hover .yuana{ background:#6db1e5} .column_bg .col-xs-3 a:hover i{ color:#fff !important;} .zixun h3{ border-bottom:1px solid #ccc;color:#6db1e5} .zixun h3 span{ padding-bottom:10px; display:inline-block; cursor:pointer;} .zixun h3 span.active{ border-bottom:2px solid #23506e; color:#23506e} .zixun_bottom{ border-bottom:1px solid #ccc; padding-top:15px; } .zixun_bottom p{ line-height:23px;} .zixum_new{ margin-top:20px} .zixum_new li a{ display:block; padding:5px } .zixum_new li:hover a{ background:#6db1e5; color:#fff !important} .zixum_new li:hover span{color:#fff !important} .quanwei h3{ border-bottom:1px solid #ccc; color:#999999 } .quanwei h3 span{border-bottom:2px solid #23506e; color:#23506e;padding-bottom:10px; display:inline-block} .quanwei_banner{ margin-top:20px;} .quanwei_banner{ width: 262px; overflow: hidden; } .quanwei_bottom a{ display:block; border:1px solid #ccc; border-radius:2px; padding:10px 0px; } .quanwei_bottom .col-xs-4{ padding:10px 0px; margin:0px;} .quanwei_bottom li{ padding-right:8px !important;} .quanwei_bottom li:last-child{ padding-right:0px !important;} .quanwei_bottom a:hover{ background:#00506e; color:#fff} .in_fuwu{ background:url(/wp-content/themes/dt2017/images/main_06.png) no-repeat;} .in_fuwu a:hover{ color: #6db1e5 !important; } .border2{ border:1px dashed #6db1e5; width:80px; margin:0 auto} .border2 .yuan{ border:2px solid #6db1e5; border-radius:50%; line-height:25px; width:29px; display:block; background:#fff; color:#000; margin:0 auto; margin-top:-40px } .zixun_btn{ width:773px; margin:0 auto; font-size:14px; background:#989899;border-radius:43px; color:#252525 } .zixun_btn a{ color:#252525 } .zixun_btn .w-25{ border-bottom-right-radius:43px;border-top-right-radius:43px;color:#fff} .in_fuwu .fuhao:before{ position:absolute;right:-2%; top:45px; color:#bfbfbf; font-size:18px; } .right{ width:705px;} .right p{ line-height:32px; font-size:16px;} .bg3{ background:url(/wp-content/themes/dt2017/images/be2_06.png) no-repeat;} .border-t{ border-bottom:1px solid #fff; display:inline-block;padding:0px 10px; padding-bottom:20px; } .boedera { width:100% } .boedera a{ background:#fff; display:block; position:relative !important; width:100%} .boedera .card{ border:0px; background:none} .boedera h3{ font-family:Arial, Helvetica, sans-serif; font-size:36px; font-weight:none} .boedera p{ font-size:16px;} .diangtu{ width:1136px; background:#e6e6e6; margin:50px auto; } .diangtu ul li { width:50%; height:300px} .diangtu ul li img{ width:100%; vertical-align:bottom} .diangtu h3{ font-size:26px; margin:25px 55px; border-left:5px solid #0798bc;padding-left:5px;margin-top:30px; } .diangtu h3 small{ font-size:17.99px; display:block; } .diangtu p{ font-size:17px; line-height:35px; padding:0px 53px;} .diangtu ul li img{ width: 100%; height:300px } .footer-sudu ul li a p{ position:absolute; bottom:0px; left:0px; font-size:12px; text-align:center !important; width:100%; background:rgb(2,18,32); opacity:0.8; margin:0px; padding:5px 0px;} .footer-sudu ul li{ width:83px; position:relative; margin-bottom:20px} .footer .container{ width:1200px;} .footer-sudu ul{ width:180px; margin:0 auto} .footer-sudu h2{ width:180px;margin:0 auto; margin-bottom:10px} .footer-textarea{ height:110px;} .message .btn{ padding:5px 0px} .footer-sudu ul li a:hover{opacity: 0.5; filter: alpha(opacity=50);} .hezuo a img{ border: 1px solid #ccc } .trs{-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s;} .trs:hover{opacity: 0.5 !important; filter: alpha(opacity=50);} .quanwei{ width: 263px ; overflow: hidden; } /*标题*/ .headline{ width:580px; margin:50px auto; position:relative} .headline h5 span{ line-height:1px ;background:#fff; font-family:Arial, Helvetica, sans-serif; margin-top:17px } .headline span{display:-moz-box;display:-webkit-box;display:box;} .headline span:before, .headline span:after{display:block;content:"";background:rgba(255,255,255,1);height:2px;-moz-box-flex:1.0;-webkit-box-flex:1.0;box-flex:1.0;margin:0 15px;border-top:1px solid #cccccc;} .headline .btn{ width:385px; border-radius:25px; margin:0 auto} .border_bt{text-align:center; width:1173px; font-family:Arial, Helvetica, sans-serif;} .border_bt h3{ margin:0px !important; padding-top:18px; font-weight:800} .border_bt h5 span{font-weight:normal !important; } .border_bt h5{ display:block; background:url(/wp-content/themes/dt2017/images/border-5.png) repeat-x!important; margin-top:5px;} /*国家政策导向支持*/ .policy .headline{ width:100%} .policy .headline span:before, .policy .headline span:after{border-top:1px solid #fff;} .policy .headline h5 span{ line-height:1px ;background:#e6e5e5; } .policy-p{ width:836px; padding:0px 57px; } .policy-p p{ line-height:30px;} .policey-img{position: absolute; right: 77px; top: 165px;} .policy-phone{ width:523px; margin:50px auto; border:1px dashed #bfbfbf; border-radius:25px; margin-left:57px} .policy-phone a i{ font-size:25px; color:#423b3b} /*我们的优势*/ .superiority{ background:url(/wp-content/themes/dt2017/images/youshi.png); background-size:100% 100% } .superiority .headline{ width:100%} .superiority .headline span:before, .superiority .headline span:after{border-top:1px solid #6f7072;} .superiority .headline h5 span{ line-height:1px ;background:#16171c; } .superiority p{ line-height:30px; color:#fff; text-indent:2em; text-align:left; font-size:16px; text-align:justify; margin:50px 0px;} .superiority-right{ width:750px; padding-bottom:20px; margin-top:60px} .superiority-right ul li a .w-25{ width:75px !important; font-size:20px; color:#ffffff; line-height:25px; background:#9cd6e4; padding:10px 0px; position:relative} .superiority-right ul li a .w-75{ width:675px !important; background:#75bdfa; font-size:14px; color:#ffffff; line-height:25px; padding:10px 7px 10px 10px} .superiority-right ul li { margin-bottom:25px} .superiority-right ul li a i{ position:absolute;right:-6px; top:28px; color:#9cd6e4; } .bg-inverse{ background:#000000} /**/ .bg_img{ background:url(/wp-content/themes/dt2017/images/liyi_03.png) left; width:100%} .bg_img1{ background:url(/wp-content/themes/dt2017/images/be_img1.png) left center; width:100%; background-size:100% 100%} .bg_img1 img{ width:100%; vertical-align:bottom} /*底部*/ .footer{ background:#0f263a; padding-top:50px} .message{ padding-bottom:20px} .message .btn{ border-radius:15px; text-align:left !important; margin-top:20px; padding-left:15px; color:#ffffff; font-size:14px;} .footer h2{ border-bottom:1px solid #00aac8; margin-top:23px; font-size:18px; color:#fff; margin-bottom:20px } .footer h2 span{ border-bottom:1px solid #ecb210; display:inline-block;padding-bottom:13px;} .footer .sm_btn{ width:120px; background:#f8b55b; color:#fff; text-align:center !important; font-size:16px; line-height:20px; margin-top:25px} .footer{color:#ffffff;} .tongxing a{ display:inline-block; width:47px; line-height:47px; text-align:center; background:#363e44; border-radius:50%; margin-right:12px; margin-top:18px} .footer p{ color:#cccccc} .footer p:hover{ opacity: 0.5; filter: alpha(opacity=50);} .footer i{ color:#fff} .hover-border {border: 1px solid #ccc;-webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .hover-border:hover{ border: 1px solid #067c99 } .erwima p{ line-height:20px} /*全国*/ .specail p { font-size: 14px; margin-top: 18px; font-weight: normal; } .trs { -webkit-transition: all 0.2s; -moz-transition: all 0.2s; -ms-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .trs:hover{opacity: 0.8; filter: alpha(opacity=0.8);} .specail .col-xs-4{ margin-bottom:40px} .specail{margin-top: 40px;margin-bottom: 40px;} .specail p {font-size: 14px; margin-top: 18px; font-weight: normal; } .specail a:hover img{opacity: 0.8;filter: alpha(opacity=80);} .specail a:hover p{color: #a1724e;} .b_dizhi{ position:absolute; width:100%; left:0px; bottom:20%; font-size:14px;} .quanguo_banner{ position:relative} .quanguo_banner h3{ width:auto; line-height:36px; background:#39727c; color:#fff; padding: 0 10px;} .quanguo_banner h3 a{color:#fff; margin-right:5px} /*核心优势*/ .hexingyoushi ul li a:before{ width:31px; height:31px; content:url(/wp-content/themes/dt2017/images/hexinyoushi.png); position:absolute; left:0px; top:-2px;} .hexingyoushi ul li{padding-left:38px; position:relative; margin-bottom:40px} .hexingyoushi ul li h3{ font-size:22px;} .hexingyoushi ul li p{ font-size:18px;} .hexingyoushi ul li a{ color:#333333} .hxys_btn{ background:#0798bc; width:1000px; font-size:20px; margin-bottom:150px !important } .hxys_btn .w-75{color:#fff} /*发展历程*/ .activity-box-bor{margin:0 auto 0 .4rem;padding:1.5rem 0 0px 1.6rem;border-left:1px solid #fe6600;} .activity-box-bor h6{color:#23506e;} .activity-box-list{position:relative;margin-bottom:1.4rem; padding-left:50px} .activity-box-list:before{content:"";font-family:"FontAwesome";color:#fe6600;background:#fe660;border-radius:50%;border:8px solid #fe6600;display:block;line-height:2rem;font-size:1.2rem;text-align:center;position:absolute;left:-2.1rem;top:2rem; font-weight:bold} .activity-box-list h6{line-height:77px;margin-bottom:0;font-size:1.4rem; background:url(/wp-content/themes/dt2017/images/fazhanglicheng_03.png) no-repeat; text-align:center; width:217px; color:#ffffff; font-size:36px;} .activity-box-list small{font-size:1rem;color:#00aac8;line-height:1.4;display:block;margin-bottom:.5rem;} .activity-box-list span{color:#a8a8a8;} .activity-box-list span:before{content:"/";font-size:1rem;color:#a8a8a8;padding:0 .5rem ;} .activity-box-list img{border:1px solid #fff;} .activity-box-list .row{padding-left:9px} .activity-box-list .col-4{padding-left:6px ;} .activity-box-list .txt-box{font-size:20px;padding:30px 50px;line-height:1.6;border-radius:5px;position:relative;} /**/ .jigoujiangjie{ width:560px;} .jigoujiangjie p{ line-height:35px; font-size:16px; margin-top:20px} .img-yuan{ width:100px; border-radius:50%; margin:0 auto; color:#fff; background:#b9b9b9 } .zhuoyue span{ width:42px; height:5px; background:#0798bc; margin:0 auto; margin-top:30px} .zhuoyue i{ padding:32px 0px} .zhuoyue a:hover .img-yuan{background:#0798bc;} .zhuoyue a:hover span{ background:#f59e2b} .jigoujiangjie_btn{ background:#0798bc!important; } .jigoujiangjie_btn .w-75{color:#fff} /*常见问题*/ .changqing_right{ width:600px; margin-left:30px;} .changqing_right h2{ font-size:16px; font-weight:bold} .changqing_right p{ font-size:14px; line-height:20px;} .changqing_right a:hover{ color:#0798bc} .changqing_right h3{ font-size:12px;} .changqing ul li{ border-bottom:1px dashed #ccc; padding:30px 0px} .changqing h1{ font-size:25px;} .changqing p{ line-height:25px; font-size:15px;} .changqing h6{ padding:15px 0px; margin-bottom:30px; border-bottom: 1px dashed #e2e2e2;} /*Alignment*/ .alignleft { display:inline; float:left; margin-right:1.625em; } .alignright { display:inline; float:right; margin-left:1.625em; } .aligncenter { clear:both; display:block; margin-left:auto; margin-right:auto; } .context{width: 100%; padding-top: 20px; border-top: 1px solid #e2e2e2;} .h3a span{ display:inline-block; border-bottom:2px solid #0798bc; font-size:18px; font-weight:bold; padding-bottom:10px; color:#333333} .h3a{color:#dbdbdb; border-bottom:1px solid #ccc} .cq_new ul li{ font-size:14px; color:#666666; padding:15px 0px;} .cq_new ul li a i{ margin:0px 15px;} .cq_new ul li a:hover{ font-size:16px; color:#0798bc} .cq_jianddaing a{ border:1px solid #ccc !important; padding:5px 0px !important; border-radius:0px;} .wenti .form-control{ background:#f2f2f2;} .dianji{ position:absolute; top:0px; right:0px;} .sf_title{ line-height:28px; font-size:16px;} /*收费标准*/ .sf-money .col-xs-4 a{ display:block; background:#ffffff; padding:35px 0px;} .sf-money .col-xs-4 a h3{ font-size:28px;} .sf-money .col-xs-4 a p{ font-size:16px;} .jiage_none{ display:none} .sf-money .col-xs-4 a.on{ background:#0f263a !important; color:#fff !important} .jiage{ margin-top:80px;} .sjx{ position:absolute; bottom:-20px; left:44%; display:none} .sf-money .col-xs-4 a .sjx.active{ display:block !important} /*精液采样*/ .yejing1{ background:url(/wp-content/themes/dt2017/images/zuoyoushuzi_03.png) right top no-repeat; } .yejing2{ background:url(/wp-content/themes/dt2017/images/zuoyoushuzi_07.png) left top no-repeat; } .yejing3{ background:url(/wp-content/themes/dt2017/images/xiehang3_15.png) right top no-repeat;} .buzuo h2{ width:100%; padding:15px 20px; color:#fff; font-size:20px; font-family:Arial, Helvetica, sans-serif;} .buzuo h2 span{ font-size:26px; border-left:2px solid #f79d01; padding-left:10px;} .yejing_a{ width:100%; background:#f5f5f5; padding:30px; } .yejing_a .w-75{line-height:30px !important; padding-right:20px} .yj_caiye .yj_caiye_li{ width:63px; line-height:63px; text-align:center; border:1px dashed #0798bc; font-size:43px; color:#0798bc; position:relative } .yj_caiye ul li i{ position:absolute; right:-6px; top:28px; font-size:12px} .taier_img{ position:absolute; right:180px; top:150px; width:255px;} .taier_img img{ width:100%} .yj_caiye ul li{ width:100%; margin-top:45px} .hxys_btna{ margin-bottom:100px !important; } .line-25{line-height:25px } .taier .card{ background:none; text-align:center} .taier2{ margin-left:125px} .qr_btn{ width:300px; margin:0 auto; display:block; line-height:40px; text-align:center; background:#7ec5d6; font-size:20px; color:#fff !important; border-radius:30px; } .qinren-right{ width:560px; padding:50px 60px 62px 0px } .qinren-top{ position:absolute; top:145px; left:100px;} .qingren_jl{ margin-top:110px; width:100%} .qinyuan_border .card img{ border:1px solid #ccc} .louhu .li_img{ width:120px; border:1px dashed #d5d5d5; text-align:center; margin:0px auto; padding:4px;border-radius:50%; } .louhu { width:100%; text-align:center} .louhu span{ background:#d5d5d5; display:block; padding:34px;border-radius:50%; } .louhu a:hover .li_img{ border:1px dashed #0076ca; color:#fff} .louhu a:hover i{color:#fff} .louhu a:hover span{ background:#0076ca} .louhu-left{ width:810px} .box_border .w-25 h3{ font-size:55px; } .box_border .w-25 span{color:#a8a8a8; font-size:12px; font-family:Arial, Helvetica, sans-serif;border-top:1px solid #ccc; padding-top:5px } .box_border .media-body h3{ font-weight:bold} .box_border .media-body p{ line-height:20px} .box_border { margin-bottom:30px} .box_border .media-body{ background:url(/wp-content/themes/dt2017/images/louhu_bg_11.png) bottom right no-repeat; padding-right:20px} .box_border a:hover .media-body{ background:url(/wp-content/themes/dt2017/images/louhu_bg_13.png) bottom right no-repeat;} .box_border a:hover{ color:#0076ca} .box_border a:hover span{ color:#ff6600} .louhu2_bg{ background:url(/wp-content/themes/dt2017/images/luohu_bg2_03.jpg); width:100%} .be_bai{ background:url(/wp-content/themes/dt2017/images/luohu_bg2_03.jpg)} .wc_right{ width:573px} .wc_right ul li{ border-bottom:1px solid #ccc; font-size:20px; padding:25px 5px} .wuchuang_center h3{ background:#d8d3d3; padding:10px 0px; font-size:22px; margin-bottom:0px} .wuchuang_center a:hover h3{ background:#0798bc; color:#fff} .wuchuang_center .card{ background:#f6f6f6; text-align:left} .wuchuang_center .pull-left{ width:536px;} .wuchuang_center .pull-right{ width:536px;} .wuchuang_center .card p{ padding:28px 28px 5px 28px; margin-bottom:} .sifa_top .col-xs-2{ width:20%; text-align:center} .sifa_top .card{ background:none} /*首页banner图*/ .figure{margin:0;} .figure-caption{font-size:1.2rem;color:#fff;position:absolute;bottom:0;left:0;line-height:1.8;padding:5px 0 ;text-align:center;background-color:rgba(0,170,200,.9);} .public-pagination{position:static; text-align:center; bottom:10px; left:10.5%} .public-pagination span{margin:0 3px;width:6px;height:6px;} .swiper-pagination-bullet-active{opacity:1;background:#f0af14;} /*回到顶部*/ .fanghui{ position:fixed; right:3%; top:60%; width:58px; z-index:99999999999999999999999999 !important; padding:10px ; border:1px solid #ccc; cursor:pointer; height:90px; animation:myfirst1 6s infinite; -moz-animation:myfirst1 6s infinite; /* Firefox */ -webkit-animation:myfirst1 6s infinite; /* Safari and Chrome */ -o-animation:myfirst1 6s infinite; /* Opera */ animation-direction:alternate; /* Safari 和 Chrome */ -webkit-animation:myfirst1 6s infinite; -webkit-animation-direction:alternate; } .triangle-up { width:0; height:0; border-width:0 30px 30px; border-style:solid; border-color:transparent transparent #333;/*透明 透明 灰*/ margin:40px auto; position:relative; } .huangxian{ height:2px; width:38px; background:#ccc; display:block;margin-bottom:-15px; border:0px; } .cfx{ width:10px; height:20px;background:#ccc; display:block; margin: 0 auto; } .ziti{ display:block; font-size:19px; text-align:center; color:#ccc; font-family:Arial, Helvetica, sans-serif;} .triangle_border_up{ width:0; height:0; border-width:0 18px 18px; border-style:solid; border-color:transparent transparent #ccc;/*透明 透明 灰*/ margin:0px auto; position:relative; margin-top:20px; } .laihuidong{ position:absolute; left:19.5%; bottom:5%; animation:myfirst 1.8s infinite; -moz-animation:myfirst 1.8s infinite; /* Firefox */ -webkit-animation:myfirst 1.8s infinite; /* Safari and Chrome */ -o-animation:myfirst 1.8s infinite; /* Opera */ animation-direction:alternate; /* Safari 和 Chrome */ -webkit-animation:myfirst 1.8s infinite; -webkit-animation-direction:alternate; } @keyframes myfirst { 0% {bottom:7%;} 10% {bottom:9%;} 20% {bottom:11%; } 30% {bottom:13%;} 50% {bottom:15%;} 60% {bottom:13%;} 70% {bottom:11%;} 80% {bottom:9%;} 90% {bottom:7%;} 100% {bottom:5%;} } @-moz-keyframes myfirst /* Firefox */ { 0% {bottom:7%;} 10% {bottom:9%;} 20% {bottom:11%;} 30% {bottom:13%;} 50% {bottom:15%;} 60% {bottom:13%;} 70% {bottom:11%;} 80% {bottom:9%;} 90% {bottom:7%;} 100% {bottom:5%;} } @-webkit-keyframes myfirst /* Safari and Chrome */ { 0% {bottom:7%;} 10% {bottom:9%;} 20% {bottom:11%;} 30% {bottom:13%;} 50% {bottom:15%;} 60% {bottom:13%;} 70% {bottom:11%;} 80% {bottom:9%;} 90% {bottom:7%;} 100% {bottom:5%;} } @-o-keyframes myfirst /* Opera */ { 0% {bottom:7%;} 10% {bottom:9%;} 20% {bottom:11%;} 30% {bottom:13%;} 50% {bottom:15%;} 60% {bottom:13%;} 70% {bottom:11%;} 80% {bottom:9%;} 90% {bottom:7%;} 100% {bottom:5%;} } @keyframes myfirst1 { 0% {border:1px solid #ccc} 50% { border:1px solid #00a0e9} 100% {border:1px solid #ccc} } @-moz-keyframes myfirst1 /* Firefox */ { 0% {border:1px solid #ccc} 50% { border:1px solid #00a0e9} 100% {border:1px solid #ccc} } @-webkit-keyframes myfirst1 /* Safari and Chrome */ { 0%{border:1px solid #ccc} 50% { border:1px solid #00a0e9} 100% {border:1px solid #ccc} } @-o-keyframes myfirst1 /* Opera */ { 0% {border:1px solid #ccc} 50% { border:1px solid #00a0e9} 100% {border:1px solid #ccc} } /*回到顶部*/ /* banner-box */.rslides {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .rslides li {-webkit-backface-visibility:hidden;position:absolute;display:none;width:100%;left:0;top:0;} .rslides li:first-child {position:relative;display:block;float:left;} .rslides img {display:block;height:auto;float:left;width:100%;border:0;} /*pager*/.callbacks_tabs.callbacks1_tabs {position:relative;z-index:100;margin-top:-20px;} .callbacks_tabs.callbacks1_tabs li {display:inline-block;width:10px;height:10px;margin-left:5px;border-radius:10px;position:relative;} .callbacks_tabs.callbacks1_tabs li a {display:inline-block;width:10px;height:10px;border-radius:10px;position:absolute;left:0;z-index:1000;color:rgba(100,200,300,0);color:transparent;background:#ccc} .callbacks_tabs.callbacks1_tabs li.callbacks_here a {background:#2874ff;} /* Callback example */.callbacks_container {margin-bottom:2px;position:relative;width:100%;max-width:100%;text-align:center;} .callbacks {position:relative;list-style:none;overflow:hidden;width:100%;padding:0;margin:0;} .callbacks li {position:absolute;width:100%;left:0;top:0;} .callbacks img {display:block;position:relative;z-index:1;height:auto;width:100%;border:0;vertical-align:bottom} .callbacks .caption {display:block;position:absolute;z-index:2;font-size:20px;text-shadow:none;color:#fff;background:#000;background:rgba(0,0,0,.8);left:0;right:0;bottom:0;padding:10px 20px;margin:0;max-width:none;} .callbacks_nav {position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:50%;left:0;opacity:0.6;z-index:3;text-indent:-9999px;overflow:hidden;text-decoration:none;height:61px;width:38px;background:transparent url("/wp-content/themes/dt2017/images/themes.gif") no-repeat left top;margin-top:-30px;display:none;} .callbacks_container:hover .callbacks_nav {display:block;} .callbacks_nav:active {opacity:1.0;} .callbacks_nav.next {left:auto;background-position:right top;right:0;} @media screen and (max-width:600px) {.callbacks_nav {top:47%;} } /*地图*/ .map-info{padding-top: 44px;padding-bottom: 86px;} .map-info .left-text h2{font-size: 20px;} .map-info .left-text h2 img{vertical-align: middle;margin-right: 4px;} .map-info .left-text ul{padding-top: 12px;} .map-info .left-text li{padding-top: 22px;} #tabbed-nav{height: 262px;background-color: #f8f8f8;border: 1px solid #ccc;} .map-info #map-nav a{height: 53px;line-height: 53px;display: block;color: #fff;font-size: 18px;background-color: #788bc2;border-right: 2px solid #fff;} .map-info #map-nav a.last{border-right: none;} .map-info #map-nav li{width: 25% !important;text-align: center;} .map-info #map-nav li.active a{border-top: 2px solid #788bc2;background-color: #f8f8f8;color: #666;} .map-info #map-content p{padding-left: 40px;padding-right: 40px;padding-top: 20px;font-size: 14px;font-family: "Microsoft yahei";line-height: 30px;} .map-info #map-content div{position: absolute;left: 0;top: 0;display: none;} .map-info #map-nav .icon{vertical-align: middle;font-size: 20px;margin-right: 6px;} .map-info #map-nav .icon1{} .map-info #map-nav .icon2{font-size: 26px;} .map-info #map-nav .icon3{vertical-align: initial} .page-banner i{font-style: normal;} .page-banner .nav{width: 100%;position: absolute;left: 0;bottom:20px;z-index: 99;} .page-banner .nav a{color: #fff;font-size: 12px;} .page-banner .nav b{color: #fff;font-size: 12px;font-style: normal;margin-left: 6px;margin-right: 6px;} .page-banner .nav.black .icon{color: #333;} .page-banner .nav.black a{color: #333;} .page-banner .nav.black b{color: #333;} .page-banner .patten-div{background: url(/wp-content/themes/dt2017/images/index-smallbg.png);z-index: 1;position: absolute;width: 100%;height: 100%;left: 0;top: 0;} .page-banner .icon{font-size: 16px;color: #fff;padding-right: 10px;} /*safari10.1.1版本*/ .top-left{ width:49.5%} .times .col-xs-7 { width:58% !important} .column_bg .col-xs-3{ width:24.9% !important} .in_fuwu .col-xs-2{ width:16.5% !important} .footer .col-xs-4{ width:33.2% !important} .hezuo .col-xs-3{ width:24.9% !important} .col-xs-4{ width:33.2222222222% !important} .col-xs-3{ width:24.9% !important} .col-xs-2{ width:16.5% !important} .col-xs-6{width:49.5% !important} .sifa_top .col-xs-2 {width: 20% !important;text-align: center;} /*首页行业解读动画*/ .be_border1 {position:absolute;height:95%;left:2%;top:2.5%;width:96%;overflow:hidden;overflow:hidden;} .border_top {width:0%;border:1px solid #6db1e5;height:0%;display:block;position:absolute;top:0px;left:0px;opacity:0;} .border_left {width:0%;border:1px solid #6db1e5;height:0%;display:block;position:absolute;top:0px;left:0px;opacity:0;} .border_right {width:0%;border:1px solid #6db1e5;height:0%;display:block;position:absolute;bottom:0px;right:0px;opacity:0;} .border_bottom {width:0%;border:1px solid #6db1e5;height:0%;display:block;position:absolute;bottom:0px;right:0px;opacity:0;} .boedera a:hover .border_top {width:100%;opacity:1;} .boedera a:hover .border_left {height:100%;opacity:1;} .boedera a:hover .border_right {height:100%;opacity:1;} .boedera a:hover .border_bottom {width:100%;opacity:1;} .transition1 {-webkit-transition:all 0.8s;-moz-transition:all 0.8s;-ms-transition:all 0.8s;transition:all 0.8s;behavior:url(/pie/PIE.htc);} .img_big{bottom;transition:all 1s ease-in-out; -moz-transition:all 1s ease-in-out; -ms-transition:all 1s ease-in-out; -o-transition:all 1s ease-in-out; -webkit-transition:all 1s ease-in-out} .img_big:hover{ transform:scale(1.01); -webkit-transform:scale(1.01); -moz-transform:scale(1.01); -o-transform:scale(1.01); -ms-transform:scale(1.01);} /*商务通*/ /*弹窗*/ #swt .close-icon{font-size: 18px;font-weight: bold;} #swt{display: none;width: 600px; height: 387px;position:fixed;left:50%; margin-left: -330px;z-index:9999; -webkit-transform:scale(0.5,0.5); -moz-transform: scale(0.5,0.5); opacity: 0; filter: alpha(opacity=0); } .swtadd{-webkit-transition: all 0.4s; -moz-transition: all 0.4s; -ms-transition: all 0.4s; -o-transition: all 0.4s; transition: all 0.4s; -webkit-transform: scale(1,1) !important; -moz-transform: scale(1,1) !important; -ms-transform: scale(1,1) !important; -o-transform: scale(1,1) !important; transform: scale(1,1) !important;} @-moz-document url-prefix(){#swt{outline-style:none;}} #swt .wrap{width: 100%; height: 100%; position:relative;} #swt .left{width: 300px;} #swt .right{width: 320px; padding-left: 15px;} #swt .right>img{padding-top: 20px;} #swt .swtclose{z-index: 10;cursor: pointer;width: 64px; height: 64px;position:absolute;right: 0; top: 0;} #swt .swtcontent{position: relative;} #swt .content{width: 283px; height: 134px;background: #f5f5f5; position: relative;margin-top: 20px;} #swt .swtbtnleft {background: none; width: 390px;position: absolute;bottom: 0;left: 0;height: 90px;} #swt .swtbtnright {background: none; width: 210px;position: absolute;bottom: 0;right: 0;height: 90px;} #swt .block{width: 100%;height: 100%;} #bigmask{width: 100%;background:#000000; position:absolute; left:0px; top:0px; z-index:888;display: none;opacity: 0.5; filter: alpha(opacity=50);} .lxbin{ position: absolute; top: 204px; left: 47px; border: 0; width: 200px; height: 30px; font-size: 16px; } .lxbtn{ border: 0; background: none; color: #fff; position: absolute; top: 193px; left: 260px; width: 130px; height: 54px; font-size: 20px; cursor: pointer; outline:none; } /*end弹窗*/ /*侧边栏aside*/ #aside .gold{color: #865b3e;} #aside .bottom-text{font-size: 12px;padding-top: 4px;} #aside .weixinImg{width: 114px;} #aside .item{background-color: #a67539;} #aside .item .red-tips{font-size: 12px;border-radius: 12px;background-color: red;color: #fff;position: absolute;left: -16px;top: -6px;width: 32px;height: 22px;line-height: 22px;text-align: center;} #aside .show-left{background-color: #fff;} #aside{width: 60px; position:fixed; top:40%; z-index:99999;right: 20px;} #aside .wrap{ position:relative; width: 72px; padding-top: 8px;} #aside .right{text-align: center;width: 60px; height: 60px;position: relative; z-index: 20;border-radius:3px 0px 0px 3px ;-moz-border-radius:3px 0px 0px 3px ;-ms-border-radius:3px 0px 0px 3px ;-o-border-radius:3px 0px 0px 3px ;-webkit-border-radius:3px 0px 0px 3px;} #aside .wrap:hover .right{ background:#865b3e;} #aside .right i{font-size: 28px;display: block; padding-top: 6px;padding-bottom: 8px;color: #fff;} #aside .left{opacity: 0;filter: alpha(opacity=0);width: 121px; height: 60px; position:absolute; left: -80px; top: 8px; border-right:2px solid #865b3e; padding-right: 15px; padding-top: 15px;-moz-box-shadow: -1px 0px 3px #BBBBBB;-webkit-box-shadow: -1px 0px 3px #BBBBBB;box-shadow: -1px 0px 3px #BBBBBB;} #aside .call{width: 230px;left: -100px;left: -20px;} #aside .call .form-control{width: 140px;border-radius: 0px;height: 30px; margin-left: 14px; border: 1px solid #e5e5e5; background-color: #f9f9f9;} #aside .call a{display: block;width: 30px;font-weight: bold;} #aside .callbtn{line-height: 120%; padding-left: 10px;} #aside .weixin{width: 150px;height: 120px;left: -80px; padding-top:0px;} #aside .weixin img{padding: 5px 0 0 5px;} #aside .weixin .text{width: 18px;line-height: 120%; padding: 2px 0 0 5px;color: #865b3e;} #aside .back_top i{font-size: 38px; display: block; padding-top: 10px;} #aside .triangle{opacity: 0;filter: alpha(opacity=0);position: absolute;left: 0px;top: 33px;border-color: transparent transparent transparent #865b3e;border-style: solid;border-width: 4px 0px 4px 4px;width: 0;height: 0;} #aside .icon.phone{font-size: 36px;padding-bottom: 2px;} #aside .icon.i-weixin{font-size: 36px;padding-bottom: 2px;} #aside p.des{color: #fff;font-size: 12px;} #aside .phone-num{font-size: 16px;padding-left: 10px;padding-top: 6px;} /*end侧边栏aside*/ /*end 商务通*/ /* FILE ARCHIVED ON 19:55:53 Aug 18, 2018 AND RETRIEVED FROM THE INTERNET ARCHIVE ON 01:35:27 Dec 04, 2024. JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE. ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C. SECTION 108(a)(3)). */ /* playback timings (ms): captures_list: 0.779 exclusion.robots: 0.037 exclusion.robots.policy: 0.021 esindex: 0.012 cdx.remote: 7.352 LoadShardBlock: 210.213 (3) PetaboxLoader3.datanode: 86.214 (4) PetaboxLoader3.resolve: 139.688 (3) load_resource: 113.298 */