@charset "UTF-8"; @font-face { font-family:"Yahei","微软雅黑" ; src:url('../font/msyh.ttf'), } * {margin: 0;padding: 0;list-style: none;border-style: none;text-decoration: none;} html {font-family:sans-serif; -ms-text-size-adjust:100%; -webkit-text-size-adjust:100%;} body {color: #333;font:14px/1.5 "Microsoft Yahei","Yahei","微软雅黑",Helvetica,Arial,sans-serif;overflow-x:hidden;} article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary {display:block} audio,canvas,progress,video {display:inline-block; vertical-align:baseline } h1 ,h2, h3, h4, h5, h6 {font-weight: normal;} a {text-decoration: none;} a:focus{outline:none;} i,em {font-style: normal;} .clearfix:after {content: '';display: block;clear: both;height: 0;visibility: hidden;} .clearfix {*zoom:1;} .fl {float: left;} .fr {float: right;} img {vertical-align: middle;border: 0;max-width: 100%;} input, select, textarea {border:none;outline: none;font-family: "Microsoft Yahei","Yahei";-webkit-appearance: none;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {color: #888;} input:-moz-placeholder, textarea:-moz-placeholder {color:#888;} input::-moz-placeholder, textarea::-moz-placeholder {color:#888;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {color:#888;} table{border-collapse:collapse; border-spacing:0;} .auto {max-width: 1200px;margin:0 auto;} .w1400 {max-width: 1400px;margin:0 auto;} ::-webkit-scrollbar { width: 8px; height: 8px; background-color: #F5F5F5 }::-webkit-scrollbar-track { background-color: #E2E2E2 }::-webkit-scrollbar-thumb { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #555 } #wrapper {-webkit-box-sizing: border-box; box-sizing: border-box; height: auto; width: 100%; max-width: 2560px; position: relative; z-index: 1; margin: auto; overflow: hidden; } /*头部*/ .header {width: 100%;height: 80px;position: fixed;left: 0px;top: 0px;z-index: 59;background-color: #181818;background-color: rgba(0,0,0,0.85);transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .header .logo {display: block;height: 80px;position: absolute;top: 0px;left: 20px;z-index: 6;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .header .logo a {display: block;padding: 15px 0px;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .header .logo a img{display:block;transition-duration: 0.5s;-moz-transition-duration: 0.5s;-webkit-transition-duration: 0.5s;-o-transition-duration: 0.5s;} .header .info {float:right; height:80px; overflow:hidden;margin-right: 30px;-webkit-transition: all .5s ease-in-out;-moz-transition: all .5s ease-in-out;-ms-transition: all .5s ease-in-out;transition: all .5s ease-in-out;} .header .info .key {height:30px; line-height:30px;} .header .info .key h1 {display: inline;font-size:12px; padding-right:3px; color:#999; padding-left:10px;} .header .info .key h1 a{color:#999;} .header .info .key h1 a:hover{color:#006acd;} .header .info .key h3 {display: inline;font-size:12px; padding-right:3px; color:#999; padding-left:10px;} .header .info .key h3 a{color:#999;} .header .info .key h3 a:hover{color:#006acd;} .header .info .key .mapbtns {display: inline-block;vertical-align: middle;width: 14px;height: 14px;margin-left: 5px;background:url(../images/common_icons.png) no-repeat -786px -31px;cursor: pointer;} .header .info .tel {height:30px;color:#ffd800;margin-left: 14px;padding-left:28px;background:url(../images/common_icons1.png) no-repeat 0px center;} .header .info .tel h2{ display: inline-block;vertical-align: middle;font-size:20px; color:#ffd800;line-height: 30px;} .header .info .tel i{display: inline-block;vertical-align: middle;font-size:30px;margin: 0 2px;height: 30px;line-height: 30px;overflow: hidden;} .header .navbar {float: right;margin:30px 30px 0 0;text-align: center;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .header .navbar ul li {display: inline-block;list-style: none;height: 30px;line-height: 30px;overflow: hidden;} .header .navbar ul li a {display: block;padding: 0 18px;color: #fff;font-size:16px;} .header .navbar ul li a span {display:block;} .header .navbar ul li a:hover,.header .navbar ul li.on a {color: #006acd;} .header .navmap {float: left;color: #e6e6e6;margin: 30px 0px 0px 240px;height: 30px;line-height: 30px;-webkit-transition:all 0.4s ease;-moz-transition:all 0.4s ease;-ms-transition:all 0.4s ease;-o-transition:all 0.4s ease;transition:all 0.4s ease;} .header .navmap i {display: block;width: 20px;height: 20px;margin:5px;float: left;background: url(../images/navmap.png) no-repeat center / 20px 20px;} .header .navmap span {font-size: 16px;} .header .navmap em {font-size: 12px;cursor: pointer;position: relative;} .header .navmap em:after {content: '';display: none;width: 36px;height: 1px;background-color: #e6e6e6;position: absolute;left: 6px;top: 18px;} .header .navmap em:hover:after {display: block;} .header.fixednav .navmap {margin: 15px 0px 0px 200px;} /*服务*/ .fixd-box {position:fixed; left:0; top:0; right:0; z-index: 59;background:#006acd; color:#fff;overflow:hidden;display:none;} .fixd-box .wrap { padding:40px 0 80px; max-width:1660px; margin: 0 auto;} .fixd-box .wrap h2 { font-size:52px; font-weight:normal; padding:0 0 50px 168px;} .fixd-box .txt .left { float:left; width:55%; } .fixd-box .left dl { font-size:18px; } .fixd-box .left dl:first-child { margin-bottom:3em;} .fixd-box .left dl dt{ float:left; } .fixd-box .left dl dt img { width:127px; height:127px;} .fixd-box .left dl dd{ overflow:hidden; line-height:2; padding:0 0 0 40px; } .fixd-box .left dl:first-child + dl dd { padding-top:10px;} .fixd-box .left dl dd a { display:inline-block; margin:0 0.5em 0 0;color:#fff;} .fixd-box .txt .right{ overflow:hidden; line-height:1.3;} .fixd-box .txt .right p{ font-size:42px; } .fixd-box .txt .right p:first-child { margin-bottom:1em; } .fixd-box .txt .right span { font-size:56px; font-family:Arial;} .fixd-box .close { background:url(../images/close.gif) no-repeat; width:50px; height:50px; position:absolute; right:20px; top:40px; } /*底部*/ .index_footer {width: 100%;background-color: #141414;padding: 60px 0px;float: left;} .index_footer .index_main {max-width: 1200px;margin: 0 auto;} .index_footer .index_main .footer_fl {float: left;width: 160px;border-right: 1px solid #202020;margin-right: 50px;} .index_footer .index_main .footer_fl:nth-last-of-type(2) {border-right: 0px;}#KFLOGO{z-index: 10085;right:2px; top:40%;width: 131px;padding:4px;height:46px; overflow: hidden; position: fixed;background-color:#0af;-webkit-border-radius:4px;border-radius:4px;}#KFLOGO .Lelem{display:block;cursor: pointer;} .index_footer .index_main .footer_fl dt a {color: #888;font-size:18px;margin-bottom:8px;font-weight: bold;} .index_footer .index_main .footer_fl dd a {display: block;color: #585858;font-size:13px;line-height: 28px;} .index_footer .index_main .footer_fl dd a:hover {color: #f1f1f1;} .index_footer .index_main .footer_fr {float: right;} .index_footer .index_main .footer_fr p {color: #787878;font-size: 18px;margin-bottom: 8px;text-align: center;} .index_footer .index_main .footer_fr img {display: block;width: 130px;height: 130px;} .index_footer .footer_link {max-width: 1200px;margin: 70px auto 50px;padding-top: 50px;color: #383838;border-top: 1px solid #1d1d1d;} .index_footer .footer_link a {color: #383838;} .index_footer .footer_link a:hover {color: #fff;} .index_footer .footer_links {max-width: 1200px;margin: 0 auto;text-align: center;} .index_footer .footer_links span,.index_footer .footer_links ul,.index_footer .footer_links ul li {display: inline-block;vertical-align: middle;color: #787878;font-size: 14px;} .index_footer .footer_links ul li {height: 20px;line-height: 20px;margin-bottom: 6px;} .index_footer .footer_links ul li span {display: block;margin-right: 5px;} .index_footer .footer_links ul li a {color: #666;margin-right: 12px;} .index_footer .footer_links ul li a:hover {color: #dcdcdc;} .index_footer .footer_links ul li a:hover:after {color: #666;} .index_footer .footer_links ul li a:after {content: '¦';display: inline;margin-left: 12px;font-size: 10px;position: relative;top: -1px;} .index_footer .footer_links ul li:last-of-type a:after {display: none;} .index_footer .Copyright {width: 100%;text-align: center;margin-top: 40px;} .index_footer .Copyright span {color: #383838;} .index_footer .Copyright span a {color: #383838;margin-left: 10px;} .index_footer .Copyright span a:hover {color: #fff;}.wx_pop{position:fixed;right:10px;bottom:40px;z-index:999;visibility: visible;animation-delay:10s;display:none;} .wx_pop .wx_content a{width:50px;height:50px;display:block;background-color: #FFB71F!important;background-image: url(../images/email-tell2.png)!important;border-radius:100%;background-size:30px;background-repeat:no-repeat;background-position:center;position: relative;z-index:100;transition:.3s;visibility: visible;animation-delay:10s; } .wx_pop .wx_content a:hover{margin-bottom:4px;} .wx_pop .wx_content .num{font-weight: 700 !important;line-height: 20px !important;position: absolute !important;top: -3px !important;right: -3px !important;width: 20px !important;height: 20px !important;text-align: center !important; color: #FFF !important;border-radius: 100% !important;background: none repeat scroll 0% 0% #ff0000 !important;font-family: Helvetica, Arial;} .wx_pop .wx_content .wx_ewm{width:130px;padding:10px;background-color:rgba(0,0,0,0.8);color:#fff;position:absolute;right:90px;top:-60px;-webkit-border-radius:6px;-moz-border-radius:6px;-ms-border-radius:6px;border-radius:6px;text-align:center;} .wx_pop .wx_content .wx_ewm img{width:130px;height:130px;} .wx_pop .wx_content .wx_ewm:before{top: 55% !important;transform: translateY(-50%) !important;right: -16px !important;bottom: auto !important;left: auto !important;border-color: transparent transparent transparent rgba(0, 0, 0, 0.8) !important; margin: 0px !important;border-width: 8px !important;border-style: solid !important;border-top: 8px solid transparent !important;border-bottom: 8px solid transparent !important;position: absolute !important;z-index: 500 !important;content: "" !important;background: none repeat scroll 0px 0px transparent !important;} .cbh-ph-circle{width: 120px; height: 120px; top: -38px; left: -38px; position: absolute!important; background-color: transparent; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid #FFB71F; opacity: .5; -webkit-animation: cbh-circle-anim 2.2s infinite ease-in-out; animation: cbh-circle-anim 2.2s infinite ease-in-out; -webkit-transition: all .5s; transition: all .5s; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%;} .cbh-ph-circle-fill{ width: 70px; height: 70px; top: -12px; left: -12px; position: absolute!important; background-color: #FFB71F; -webkit-border-radius: 100%; border-radius: 100%; border: 2px solid transparent; opacity: .75; -webkit-animation: cbh-circle-fill-anim 2.3s infinite ease-in-out; animation: cbh-circle-fill-anim 2.3s infinite ease-in-out; -webkit-box-shadow: 0 0 2px 0 #FFB71F!important; box-shadow: 0 0 2px 0 #FFB71F!important; -webkit-transition: all .5s; transition: all .5s;}
 @-webkit-keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}}@keyframes cbh-circle-anim{0%{-webkit-transform:rotate(0) scale(.5) skew(1deg);transform:rotate(0) scale(.5) skew(1deg);opacity:.01}30%{-webkit-transform:rotate(0) scale(.7) skew(1deg);transform:rotate(0) scale(.7) skew(1deg);opacity:.5}100%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.01}}@-webkit-keyframes cbh-circle-fill-anim{0%,100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}}@keyframes cbh-circle-fill-anim{0%,100%{-webkit-transform:rotate(0) scale(.6) skew(1deg);transform:rotate(0) scale(.6) skew(1deg);opacity:.2}50%{-webkit-transform:rotate(0) scale(1) skew(1deg);transform:rotate(0) scale(1) skew(1deg);opacity:.2}} .container_nav {padding-top: 80px;background-repeat: no-repeat;background-position: center;background-size: cover;} .container_nav .row {width: 100%;padding: 54.5px 0px;text-align: center;} .container_nav .row ul li {display:inline-block;vertical-align: middle;text-align: center;margin: 0px 25px;} .container_nav .row ul li a {display: block;} .container_nav .row ul li a i {display: block;width: 100px;height: 100px;border:2px solid #fff;margin:0 auto;border-radius: 50%;background-repeat: no-repeat;background-position: 0px 0px;-webkit-transition:background-color 0.4s ease;-moz-transition:background-color 0.4s ease;-ms-transition:background-color 0.4s ease;-o-transition:background-color 0.4s ease;transition:background-color 0.4s ease;} .container_nav .row ul li:hover a i,.container_nav .row ul li.on a i {background-color: #fff;background-position: 0px -100px;} .container_nav .row ul li a span {display: block;color: #fff;font-size: 18px;margin-top: 15px;} .container_nav .row ul li a i.anniu{background-position: 0px -100px;background-color:#fff;} .location {width: 100%;height: 40px;line-height: 40px;margin-bottom: 40px;} .location .location_wrap {width: 100%;height: 40px;margin:0 auto;padding-left: 18px;background:url(../images/common_icons.png) no-repeat -792px -48px;box-sizing:border-box;} .location .location_wrap a {display: block;margin-right: 12px;float: left;color: #555;font-size: 12px;} .location .location_wrap a:hover {color: #006acd;} .location .location_wrap a:after {content: '>';display: block;float: right;margin-left: 12px;font-family: "Sunsim";line-height: 42px;} .location .location_wrap a:hover:after {color: #555;} .location .location_wrap a:last-of-type:after {display: none;} /*在线客服*/ .hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0} .suspension{width:46px;height:164px;position:fixed;right:10px;bottom:60px;z-index:999} .suspension li{position:relative;width:46px;height:46px;margin-top:10px} .suspension li:hover{cursor:pointer;} .suspension .rexian:hover .connect-us{display:block;} .suspension .public_left:hover .qrcode{display:block;} .connect-us,.qrcode{position:absolute;bottom:0;z-index:30} .suspension li:first-child{margin-top:0} .pop-qrcode,.pop-tel,.to-top{display:block;width:100%;height:100%;border:1px solid #bcbcbc;background-color:#fff;background-repeat:no-repeat;background-position:center;background-image:url(../images/suspend_icon.png)} .pop-tel{border-color:#0af;background-color:#0af;background-position:-1px 0} .pop-qrcode{background-position:-1px -51px} .to-top{background-position:0 -100px;cursor:pointer} .connect-us{width:240px;right:46px;display:none;padding-right:8px;} .connect-us ul{padding:10px 24px;background:#fff;-webkit-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);-moz-box-shadow:0 6px 12px 0 rgba(0,0,0,.15);box-shadow:0 6px 12px 0 rgba(0,0,0,.15);} .connect-us li{display:list-item;width:100%;height:auto;padding:16px 0;overflow:hidden;margin-top:0;border-top:1px solid #f4f4f4} .connect-us li:first-child{border-top:none} .connect-us li.feedback-item{padding-bottom:0} .connect-us li a{display:inline-block;width:100%;height:100%;background-repeat:no-repeat;background-position:0 0} .service-phone{background-image:url(../images/suspend_icon_01.png)} .service-phone:hover{background-image:url(../images/suspend_icon_01_blue.png)} .service-online{background-image:url(../images/suspend_icon_03.png)} .service-online:hover{background-image:url(../images/suspend_icon_03_blue.png)} .service-feedback:hover .info-name,.service-online:hover .info-name{color:#0af} .service-feedback{background-image:url(../images/suspend_icon_02.png)} .service-feedback:hover{background-image:url(../images/suspend_icon_02_blue.png)} .info-name,.info-value{display:block;padding-left:52px} .info-name{font-size:14px;color:#333} .info-value{font-size:18px;font-weight:700;color:#f90} .service-feedback .info-value{font-size:12px;font-weight:inherit;color:#999} .qrcode{width:130px;right:60px;bottom:-64px;padding: 10px;background-color: rgba(0,0,0,0.8); color: #fff;-webkit-border-radius: 6px;-moz-border-radius: 6px;-ms-border-radius: 6px;border-radius: 6px;text-align: center;display:none;} .qrcode:before {top: 50% !important;transform: translateY(-50%) !important;right: -16px !important;bottom: auto !important;left: auto !important;border-color: transparent transparent transparent rgba(0, 0, 0, 0.8) !important;margin: 0px !important;border-width: 8px !important;border-style: solid !important;border-top: 8px solid transparent !important;border-bottom: 8px solid transparent !important;position: absolute !important;z-index: 500 !important;content: "" !important;background: none repeat scroll 0px 0px transparent !important;} .corner{border:10px solid transparent;border-top:10px solid #fff;position:absolute;bottom:-20px;right:50%;margin-right:-10px;z-index:10;*height:0} /*分页*/ .page_box{overflow:hidden;text-align:center;font-size:0;margin:80px 0px;} .page_box a{display:inline-block;vertical-align:middle;border:1px solid #d8d8d8;padding:0px 16px;height: 34px;line-height: 34px;background:#fff;color:#8e8e8e;font-size:15px;margin-right:10px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px} .page_box a i{display:inline-block;font-size:13px;vertical-align:middle;margin-right:5px} .page_box a em{display:inline-block;font-size:13px;vertical-align:middle;margin-left:5px} .page_box span{display:inline-block;font-size:16px;color:#8e8e8e;vertical-align:middle} .page_box input{width:56px;height:34px;display:inline-block;vertical-align: middle;background:#fff;border:1px solid #d8d8d8;text-align:center;line-height:34px;color: #555;font-size:16px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left: 5px;} .page_box .submit{width:56px;height:36px;display:inline-block;vertical-align: middle;cursor:pointer;border:1px solid #d8d8d8;background:#fff;color:#8e8e8e;font-size:16px;margin-right:9px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;margin-left:10px} .page_box a.on,.page_box a:hover{border-color:#006acd;color:#fff;background:#006acd} .page_box a.on span{color:#fff;} .c_headen{ height:40px; background:#222; position:fixed; top:0; left:0; width:100%; z-index:9} .c_headen .wrap {width: 100%;} .c_headen .c_head_l{ float:left; height:40px;} .c_headen .c_head_l li{ float:left; width:50px; height:40px; background: url(../images/head_bg.png) no-repeat;transition:all 0.3s ease;cursor:pointer;} .c_headen .c_head_l li a{ float:left; width:50px; height:40px;} .c_headen .c_head_l li.c_head_l_n{ background-position: -200px 0px;} .c_headen .c_head_l li.c_head_l_n:hover{ background-position: -200px -40px;} .c_headen .c_head_l li dl{ height:0; overflow:hidden; margin-top:40px; transition:all 0.3s ease;} .c_headen .c_head_l li dl a{ float:left; width:150px; height:40px; line-height:40px; font-size:14px; color:#fff; text-indent:10px; border-bottom:1px solid #4f4f4f;} .c_headen .c_head_l li dl a:hover{ background:#006acd} .c_headen .c_head_l li.c_head_l_n:hover dl{ height:auto; position:absolute; background:#414141; width:150px;border-radius:0 0 3px 3px;} .c_headen .c_head_l li.c_head_l_h{ background-position:0 0px;} .c_headen .c_head_l li.c_head_l_h:hover{ background-position:0 -40px;} .c_headen .c_head_l li.c_head_l_nx{ background-position:-50px -0px; } .c_headen .c_head_l li.c_head_l_nx:hover{ background-position:-50px -40px;} .c_headen .c_head_l li.c_head_l_nt{ background-position:-100px -227px;} .c_headen .c_head_l li.c_head_l_nt:hover{ background-position:-100px -267px;} .c_headen .c_head_c{ float:right; height:40px;} .c_headen .c_head_c .c_ss{ float:left; width:200px; width:200px; height:23px; line-height:23px; border-left:1px solid #999; border-top:1px solid #999; border-bottom:1px solid #999; border-right:none; background:none; outline:none; text-indent:8px; margin-top:7px; color:#ccc} .c_headen .c_head_c .c_sh{ float:left; width:30px; height:25px; background: url(../images/head_bg.png) no-repeat -258px 3px; border-top:1px solid #999; border-right:1px solid #999; border-bottom:1px solid #999; border-left:none; cursor:pointer; outline:none; margin-top:7px;} .c_headen .c_head_r{ float:right; height:35px; line-height:35px;margin:0 20px;} .c_headen .c_head_r a {color: #ccc; font-size: 12px;margin: 0 5px;} .c_headen .c_head_r a:hover {text-decoration: underline;} .Tpiaochuan{width:613px; height:285px; background:url(../images/bgx-1.png) no-repeat center center;background-size: 100% 100%; position:fixed; left:0; top:0; right: 0; bottom: 0; margin:auto; z-index:9999; display:none; } .Tpiaochuan .button {width: 100%;position: absolute;bottom: 54px;left: 0px;text-align: center;} .Tpiaochuan .button .zixun{display: inline-block;vertical-align: middle;margin-right: 8%;cursor:pointer;color: #006acd;font-size: 16px;width: 130px;height: 34px;line-height: 34px;text-align: center;border:1px solid #fff;background-color: #fff;border-radius: 30px;} .Tpiaochuan .button .close{display: inline-block;vertical-align: middle;margin-left: 8%;cursor:pointer;color: #fff;font-size: 16px;width: 100px;height: 34px;line-height: 34px;text-align: center;border:1px solid #fff;border-radius: 30px;} .pop_ups{position:fixed;left:50%;margin-left:-340px;top:50%;margin-top:-165px;background:rgba(255,88,0,0.9);width:660px;height:310px;padding:10px;z-index:1000;display:none;} .pop_ups .close{position:absolute;right:-18px;top:-18px;background:rgba(255,88,0,0.9);-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;border-radius:50%;cursor:pointer;z-index:10;width:36px;height:36px;} .pop_ups .close img{width:36px;} .pop_ups .content{border:1px #fff solid;height:228px;padding:40px;} .pop_ups .content .title{font-size:32px;font-weight:bold;color:#fff;} .pop_ups .content .pop_ewm{float:left;width:50%;text-align:center;color:#fff;font-size:18px;} .pop_ups .content .pop_ewm img{margin:25px 0 15px;} .pop_ups .content .pop_info{float:left;width:50%;margin-top:30px;text-align:center;} .pop_ups .content .pop_info a{display:inline-block;width:160px;height:38px;line-height:38px;border:1px #fff solid;-webkit-border-radius:20px;-moz-border-radius:20px;-ms-border-radius:20px;border-radius:20px;color:#fff;text-align:center;font-size:18px;margin-bottom:15px;} .pop_ups .content .pop_info a:hover{color:#ff5800;background-color:#fff;} .pop_ups .content .pop_info strong{font-size:28px;color:#fff;display:block;} @media (min-width: 1110px){ /*共用元素*/ .hidden-lg {display: none;} /*导航*/ .header.fixednav {height: 60px !important;} .header.fixednav .logo {height: 60px;} .header.fixednav .logo a {padding: 10px 0px;} .header.fixednav .logo a img {height: 40px;} .header.fixednav .navbar {margin: 15px 30px 0 0 !important;} .header.fixednav .info .key {display: none;height: 20px;line-height: 20px;} .header.fixednav .info .tel {margin-top: 15px;margin-left: 0;padding-left: 25px;} .header .navbarlogo,.header .navbar .menuclos {display: none;} .header .navbar ul li#a9 {display: none;} } @media (max-width:1440px) { .header .navbar {margin-right: 0px;} .header .info {margin-right: 15px;} } @media (max-width:1360px) { .scrollBar{height:566px;} } @media (max-width:1340px) { .header .info {display: none;} } @media (max-width:1110px) { /*导航*/ .header {height: 50px;} .header .logo {height: 50px;left: 10px;} .header .logo a {padding: 10px 0px;} .header .logo a img {height: 30px;} .header .navmap,.header.fixednav .navmap {display: none;margin: 10px 0px 10px 125px;} .header .navbar ul li#a9 {display:block;} .header .navbar {display: none;float: none;margin: 0px;position: fixed;z-index: 10;top: 0;left: 0;z-index: 59;background:#59b38d url(../images/navbarbg.jpg) no-repeat scroll center center / cover;margin: 0;padding: 0;width: 100%;height: 100%;overflow: hidden; -webkit-transition:all 0s ease;-moz-transition:all 0s ease;-ms-transition:all 0s ease;-o-transition:all 0s ease;transition:all 0s ease;} .header .navbarlogo {position: fixed;z-index:11;top:20px;margin:0;width: 100%;text-align:center;opacity: 0;} .header .navbarlogo a{display:block;height:auto;color:#fff;} .header .navbarlogo img{height:50px;} .header .navbarlogo a h2{margin:10px 0 0;font-size:1.5em;font-weight:normal;line-height:100%;} .header .navbarlogo a h2 span{} .header .navbarlogo a p{margin:5px 0 0;font-size:1rem;line-height:100%;} .header .navbar ul {position:absolute;left: 0px;top: 130px;width: 100%;padding: 0 5%;box-sizing:border-box;} .header .navbar ul li{position: relative;z-index: 1;float: left;width: 33.333333%;height: auto;line-height: 100%;margin: 0 -1px -1px 0;text-align: center;border: solid 1px #fff;box-sizing:border-box;} .header .navbar ul li a {display: block;color:#fff;padding: 38px 0px;line-height:100%;margin-top: 0px;} .header .navbar ul li a span{display: block;margin: 5px 0 0;font-size:0.75em;font-family: sanfranciscodisplay-regular,arial;text-transform: uppercase;} .header .navbar ul li a:hover {margin-top: 0px !important;} .header .navbar ul li:hover {z-index: 2;border:1px solid #006acd;} .header .navbar ul li:hover a {color: #006acd;} .header .navbar ul li.on{background:#fff;} .header .navbar ul li.on a{color:#555;} .header .navbar .menuclos{display:none;position:fixed;z-index:11;left:50%;bottom:0;margin:0 0 0 -50px;width:100px;} .header .navbar .menuclos p{position:relative;z-index:2;background:#fff;margin:0 0 30px;padding:6px 10px;color:#666;text-align:center;font-size:1em; border-radius:15px;line-height:100%;cursor: pointer;} .header .navbar .menuclos:before{content:"";position: absolute;z-index:1;left:50%;background:rgba(255,255,255,0.3);margin:14px 0 0 -140px;width:280px;height:1px;} .header .nav-menu {display: block; position: relative; float: right; top: 10px; right: 10px; margin: 0; padding: 2px 5px; cursor: pointer; } .header .nav-menu span{display: block;background: #fff; margin: 4px 0; width: 25px; height: 4px; font-size: 1px; color: #fff; border-radius: 2px; text-indent: -99999px; } .fixd-box {height: 100%;} .fixd-box .wrap {padding: 20px 0;position: relative;height: 100%;overflow-x: scroll;box-sizing: border-box;} .fixd-box .wrap h2 {font-size: 20px;padding: 10px;} .fixd-box .txt .left { float:left; width:100%; } .fixd-box .left dl { font-size:15px;padding: 10px;} .fixd-box .left dl:first-child { margin-bottom:3em;} .fixd-box .left dl dt{ float:left; } .fixd-box .left dl dt img { width:100px; height:100px;} .fixd-box .left dl dd {padding: 0px 0px 0px 10px;} .fixd-box .txt .right {width: 100%;line-height: 1.5;padding:20px 10px 10px;box-sizing:border-box;text-align: right;} .fixd-box .txt .right p {font-size:16px;} .fixd-box .txt .right span {font-size:30px; font-family:Arial;} .fixd-box .close {width: 40px;height: 40px;background-size: 100% 100%;} } @media (max-width:768px) { /*共用元素*/ .hidden-xs {display: none !important;} .hidden-lg {display: block !important;} .suspension{display:none;} .index_footer {width: auto;padding:30px 20px;} .index_footer .index_main .footer_fl {width: 100%; overflow: hidden; max-height: 50px; border-bottom: 1px solid #202020; border-right: 0px; -webkit-transition: max-height .3s cubic-bezier(.33,0,0,1); transition: max-height .3s cubic-bezier(.33,0,0,1); } .index_footer .index_main .footer_fl:hover {max-height: 205px;will-change: transform,max-height;} .index_footer .index_main .footer_fl dt {width: auto; margin-bottom: 0; padding: 14px 0px; position: relative; } .index_footer .index_main .footer_fl dt:after {content: "+";display: block;float: right;color: #676767;font-size: 18px;height: 21px;line-height: 21px; -webkit-transform-origin: 50%; -ms-transform-origin: 50%; transform-origin: 50%; -webkit-transition: all .3s ease;transition: all .3s ease; } .index_footer .index_main .footer_fl:hover dt:after {-webkit-transform: rotate(-135deg);-ms-transform: rotate(-135deg);transform: rotate(-135deg);} .index_footer .index_main .footer_fl dt a {margin: 0px;font-size: 15px;height: 21px;line-height: 21px;} .index_footer .index_main .footer_fl dd a {text-indent: 1em;} .index_footer .index_main .footer_fl dd:last-child {margin-bottom: 20px;} .index_footer .index_main .footer_fr {width: 100%;text-align: center;padding: 15px 0px 0px;} .index_footer .index_main .footer_fr img {width: 150px;height: 150px;margin:0 auto;} .container_nav {padding-top: 50px;} .container_nav .row {padding: 20px 0px;} .container_nav .row ul li {margin: 0px 20px 10px;} .container_nav .row ul li a i {width: 80px;height: 80px;background-size: 80px auto;} .container_nav .row ul li:hover a i,.container_nav .row ul li.on a i {background-color: #fff;background-position: 0px -80px;} .location {margin-bottom: 20px;width: auto;padding: 0px 5px;} .container_nav .row ul li a i.anniu{background-position: 0px -80px;background-color:#fff;} .Tpiaochuan {display: none !important;} .Tpiaochuan {width: 350px;height: 163px;} .Tpiaochuan .button {bottom: 20px} .Tpiaochuan .button .zixun{font-size: 13px;width: 100px;height: 28px;line-height: 28px;} .Tpiaochuan .button .close{font-size: 13px;width: 80px;height: 28px;line-height: 28px;} } @media (max-width:540px) { .container_nav .row ul li {margin: 0px 20px 10px;} .container_nav .row ul li a i {width: 56px;height: 56px;background-size: 56px auto;} .container_nav .row ul li:hover a i,.container_nav .row ul li.on a i {background-color: #fff;background-position: 0px -56px;} .container_nav .row ul li a span {margin-top: 5px;font-size: 15px;} .c_headen .c_head_c {display: none;} .c_headen .c_head_l li,.c_headen .c_head_l li a {width: 40px;} .c_headen .c_head_l li.c_head_l_n {background-position: -205px 0px;} .c_headen .c_head_l li.c_head_l_n:hover{ background-position: -205px -40px;} .c_headen .c_head_l li.c_head_l_h {background-position: -3px 0px;} .c_headen .c_head_l li.c_head_l_h:hover {background-position: -3px -40px;} .c_headen .c_head_l li.c_head_l_nx {background-position: -55px 0px;} .c_headen .c_head_l li.c_head_l_nx:hover {background-position: -55px -40px;} .c_headen .c_head_r {margin:0px;} .container_nav .row ul li a i.anniu{background-position: 0px -55px;background-color:#fff;}#KFLOGO{display:none;}.wx_pop{display:block;}.mobile_icon_div > div{display:none;}} #tips{position: fixed; top: 0; right: 0; bottom: 0; left: 0; background: rgba(0,0,0,0); z-index: 999999; display: none;} #tips div{position: absolute; top: 30%; left: 50%; padding: 10px; width: 90px; margin-left: -45px; background: rgba(0,0,0,0.6); background: url(../images/blank.png)\9; color: #fff; text-align: center; font-size: 14px; border-radius: 4px; word-wrap: break-word;} #tips .loading{padding-top: 38px; background: url(../images/loading.gif) center top no-repeat;}