.clear{clear:both;} .clear:after{clear:both;height:0;overflow:hidden;} .clearfix:after{content:"";clear:both;display:block;} .left{float:left;} .right{float:right;} .footer_f{position:fixed;left:0;bottom:0;width:100%;} .tel{text-align: left;} .ter{text-align: right;} body{min-width:1230px;max-width:1920px;font-size:14px;color:#707070;margin:auto;} .body{overflow:hidden;background//:url(../images/bg1.png);} .block{max-width:1196px;height:100%;margin:0 auto;} .header{height: 138px;background:#fff;z-index:1300;position:relative;} .header .block{max-width: 1220px;} .header h1{display:none;} .header .block{position:relative;height:100%;} .header .logo{position:absolute;left:20px;top:45px;width:420px;height:55px;} .header .logo a.link{position:absolute;left:0;top:0;width:100%;height:100%;outline:none;} .header .logo a img{ display: inline-block; height:100%; } .header .nav_main1{position:absolute;left:490px;top:45px;font-size:24px;color:#474747;width:340px;height:93px;} .header .nav_main1 a.link{margin:5px 20px; display: inline-block;} .header .nav_main2{position:absolute;right:20px;top:84px;font-size:18px;color:#474747;height:54px;} .header .nav_main2 a{margin:0 0 0 30px;} .header .rt{position:absolute;right:20px;top:50px;} .header .rt .tel{float:left;font-size:16px;font-family:Arial;} .header .rt .tel span{margin-left:20px;} .header .rt .lang{font-size:14px;float:left;} .header .rt .lang a{margin-left:20px;} .header a:hover{color:#FF7300;} .header.v2{position:absolute;left:0;top:0;right:0;background:none;z-index:3;} .header.v2 .nav_main1 a.link{color:#fff;} .header.v2 .rt{color: #fff;} .header.v2 .nav_main2 a{color:#fff;} .header .nav_bg{position:absolute;left:0;top:100%;right:0;background:#fff!important;z-index:0!important;height:0px;box-shadow:0 0 15px rgba(0,0,0,0.2);overflow: hidden;transition:all 0.4s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.4s cubic-bezier(0.5,0,0.5,1) 0s;} .header .nav_bg:after{content:"";top:0;left:0;right:0;border-top:2px solid #0063B5;display:block;} .header .nav_bg.show{height:545px;} .header.v2 .nav_bg{background:rgba(255,255,255,0.85);} .header.v2 .nav_bg:after{display:none;} .header .nav_main3{position:absolute;left:0;top:100%;right:0;z-index:1;height:0;overflow: hidden;} .header .nav_main3.show{height:auto;} .header .nav_main3 a{cursor:pointer;font-weight: normal;} .header .nav_main3 .l{font-size:16px;padding:45px 0 50px; overflow: hidden;} .header .nav_main3 .l .d{float:left;margin-right:45px;opacity:0; transform:translateX(100px);-webkit-transform:translateX(100px); transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;} .header .nav_main3 .l h3{font-size:24px;margin-bottom:25px;} .header .nav_main3 .l li{margin-bottom:8px;font-size:16px; transition:all 0.15s ease-out 0s;-webkit-transition:all 0.15s ease-out 0s;} .header .nav_main3 .l .d:nth-child(1){transition-delay:0s;-webkit-transition-delay:0s;} .header .nav_main3 .l .d:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;} .header .nav_main3 .l .d:nth-child(3){transition-delay:0.2s;-webkit-transition-delay:0.2s;} .header .nav_main3 .l .d:nth-child(4){transition-delay:0.3s;-webkit-transition-delay:0.3s;} .header .nav_main3.show .l .d{transform:translateX(0);-webkit-transform:translateX(0);opacity:1;} .media_new {float: left;} .header .nav_main3 .r{overflow: hidden;} .header .nav_main3 .r .tel{font-size:50px;font-family:Arial;color: #333;line-height: 54px;} .header .nav_main3 .r .tel span{font-size: 16px;display: block;font-family: "微软雅黑";-webkit-transition: 2s;-o-transition: 2s;transition: 2s;} .header .nav_main3 .r .tel p{opacity:0;transform:translateX(-100px);-webkit-transform:translateX(-100px); transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;} .header .nav_main3 .r .tel p:nth-child(2){transition-delay:0.1s;-webkit-transition-delay:0.1s;} .header .nav_main3 .r .p{color: #333;font-size:16px;margin-top:5px;opacity:0; transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s; transform:translateX(-100px);-webkit-transform:translateX(-100px); transition-delay:0.2s;-webkit-transition-delay:0.2s;} .header .nav_main3 .r .btn{background:#FF7300;font-size:24px;color: #fff;display:inline-block;height:68px;line-height:68px;padding:0 30px;margin-top:30px;opacity:0; transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s; transform:translateX(-100px);-webkit-transform:translateX(-100px); transition-delay:0.3s;-webkit-transition-delay:0.3s;} .header .nav_main3 .r .btn i{width:45px;height:100%;vertical-align: middle;margin-left:15px;display: inline-block;font-size: 0; transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;-webkit-transition:all 0.8s cubic-bezier(0.5,0,0.5,1) 0s;} .header .nav_main3 .r .btn i img{width:100%;height:auto;vertical-align: middle;} .header .nav_main3.show .r *{opacity:1 !important;transform:translateX(0px) !important;-webkit-transform:translateX(0px) !important;} .header .nav_main3.show .l .d_all{ float: right; width:304px; margin-right:0; } .header .nav_main3.show .l .d_all h3{ text-align: right; } .header .nav_main3.show .l .d_all ul{ overflow: hidden; } .header .nav_main3.show .l .d_all li{ float: left; width:145px; height:70px; line-height:70px; text-align: center; background: #FF7300; margin-left: 6px; margin-bottom: 6px; } .header .nav_main3.show .l .d_all li a{ font-size:20px; color:#ffffff; } .header .nav_main3 .r .tel{ float: left; overflow: hidden;width: 850px;} .header .nav_main3 .r .tel p{ float: left; padding-right: 50px; } .header .nav_main3 .r .btn{ float: right; margin-top:0; } .header .pc{ display: none } .header .spec a:active, .header .spec a:hover{ color: #FFF !important; } .header .r a:active, .header .r a:hover{ color: #FFF !important; } .slogan .cc { width:650px; float:left; height:45px; color:#666; line-height:45px; font-family:"微软雅黑"; } .slogan .cc h1 { float:right; } .slogan .cc span { float:left; font-size:14px; } .gonggao { width:100%; height:45px; } .gonggao .cc { width:600px; float:left; height:45px; color:#666; line-height:45px; font-family:"微软雅黑"; } .gonggao .cc h1 { float:right; } .gonggao .cc span { float:left; font-size:16px; } .gonggao .cc .marqueeBox { float:left; height:45px; overflow:hidden; position:absolute; } #ScrollMe a { color:#666666; font-weight:normal; float:left; font-size:15px; } #ScrollMe a:hover { color:#ff4700; } .new_header{ width:100%; height:auto; display:table; background-color:#f7f7f7; border-bottom:solid 1px #ccc;} .header_title{ width:1150px; height:45px; margin:0 auto;} .new_tel{ float:right; width:250px; height:45px; line-height:45px;} .new_tel p{ float:right;font-size:16px; color:#f18d00; } .new_tel span{ width:170px;font-size:18px; float:right; letter-spacing:1px; font-weight:600; color:#0056a2;} .new_header_con{ width:100%; height:auto; background-color:#fff; display:table} .new_logo_nav{ width:1150px; height:110px; margin:0 auto;} .new_logo{ width:470px; height:110px; float:left} .new_logo span{ width:200px; line-height:110px; padding-left:12px; font-size:16px; color:#484646} .new_nav{ float:right;width:630px; margin-top:46px;} .new_nav ul li{ float:left; width:89px; height:18px; line-height:18px;font-size:15px; text-align:center; display: block; border-right:solid 1px #d0cdcd;} .new_nav ul li a{ color:#484646} .new_nav ul li a:hover{ color:#f18d00} .pipe{ margin:0 5px; color:#ccc;} .banner{overflow:hidden; width:100%;position: relative;} .banner_box .JQ-content-box{overflow:hidden; width:100%; } .banner .banner_img{ position: relative; } .banner .banner_img li{ line-height:0; overflow:hidden;position: relative;font-size: 0;float: left;} @media screen and (max-width: 1440px) { .banner_box .JQ-content-box{overflow:hidden; width:100%; height: 400px;} .banner .banner_img{ position: relative; height: 400px;} .banner .banner_img li{ height: 400px; line-height:0; overflow:hidden;position: relative;font-size: 0;float: left;} } @media screen and (max-width: 1280px) { .banner_box .JQ-content-box{overflow:hidden; width:100%; height: 350px;} .banner .banner_img{ position: relative; height: 350px;} .banner .banner_img li{ height: 350px; line-height:0; overflow:hidden;position: relative;font-size: 0;float: left;} } @media screen and (max-width: 1240px) { .banner_box .JQ-content-box{overflow:hidden; width:100%; height: 300px;} .banner .banner_img{ position: relative; height: 300px;} .banner .banner_img li{ height: 300px; line-height:0; overflow:hidden;position: relative;font-size: 0;float: left;} } .banner .banner_img img{ width:100%; } .banner_list{position: absolute; bottom: 20px;left: 50%;z-index: 9;} .banner_list li{width: 14px;height: 14px;cursor: pointer;border-radius: 14px;background: #ccc;display:inline-block;margin-left: 9px;margin-right: 9px;float: left;} .banner_list li.on{background: #f08437;} .new_service{ width:100%; height:auto; display:table; padding-top:45px;} .new_service_con{ width:1200px; height:auto; margin:0 auto} .new_ser_title{ text-align:center; font-size:36px; color:#f18d00; line-height:70px; } .new_service_line{width: 150px;height:1px;background: #ccc; margin: 0 auto;} .new_service_line i{display: block;margin: -0.5px auto;} .new_ser_title1{text-align: center;font-size: 18px;line-height: 40px;margin-top: 5px;margin-right: 0;margin-bottom: 20px;margin-left: 0;} .new_ser_title1 a{ color:#000} .new_serTit{font-size: 20px;color: #333;} .new_ser_pic{ height:auto; margin-top:20px; } .new_ser_pic1{ width:214px; height:auto; margin-right:10px; float:left;border: 1px #ccc solid;padding: 30px 4px 20px;} .new_ser_pic1 .pic1{ width:120px; margin:10px auto; } .new_ser_pic1 .pic1 img{ width:120px;} .new_ser_pic1 h1{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic1 h1 a{ color:#000;} .new_ser_pic1 h2{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic1 h2 a{ color:#000;} .new_ser_pic1 p{ text-align:center; display:block; font-size:13px; line-height:26px; padding:10px 7px; color:#666;} .new_ser_pic1 span{ width:120px; height:25px; background-color:#f18d00; text-align:center; display:block; line-height:25px;margin-left: auto; margin-right: auto;border-radius: 5px; font-size:15px; color:#fff; letter-spacing:2px; font-weight: bold; margin-top:5px; margin-bottom:12px;} .new_ser_pic2 .pic2{ width:120px; margin:10px auto; } .new_ser_pic2 .pic2 img{ width:120px; } .new_ser_pic2 h1{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic2 h1 a{ color:#000;} .new_ser_pic2 h2{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic2 h2 a{ color:#000;} .new_ser_pic2 p{ text-align:center; display:block; font-size:13px; line-height:26px; padding:10px 7px; color:#666;} .new_ser_pic2 span{ width:120px; height:25px; background-color:#f18d00; text-align:center; display:block; line-height:25px;margin-left: auto; margin-right: auto;border-radius: 5px; font-size:15px; color:#fff; letter-spacing:2px; font-weight: bold; margin-top:5px; margin-bottom:12px;} .new_ser_pic3 .pic3{ width:120px; margin:10px auto;} .new_ser_pic3 .pic3 img{ width:120px;} .new_ser_pic3 h1{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic3 h1 a{ color:#000;} .new_ser_pic3 h2{ text-align:center; display:block; font-size:24px; letter-spacing:2px; font-weight:500; line-height:40px;} .new_ser_pic3 h2 a{ color:#000;} .new_ser_pic3 p{ text-align:center; display:block; font-size:13px; line-height:26px; padding:10px 7px; color:#666;} .new_ser_pic3 span{ width:120px; height:25px; background-color:#f18d00; text-align:center; display:block; line-height:25px;margin-left: auto; margin-right: auto;border-radius: 5px; font-size:15px; color:#fff; letter-spacing:2px; font-weight: bold; margin-top:5px; margin-bottom:12px;} .new_ser_pic2{ width:214px; height:auto; margin:0 10px; float: left;border: 1px #ccc solid;padding: 30px 4px 20px;} .new_ser_pic3{ width:214px; height:auto; margin-left:10px; float: left;border: 1px #ccc solid;padding: 30px 4px 20px;} .new_ser_pica{-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .indexSerHover{box-shadow: 0 0 30px #ccc;margin-top: -10px;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .new_anli{ width:100%; height:auto; margin-top:30px; } .indexcase{padding: 0.2%;} .indexcase ul li{width: 19.6%;float: left;margin: 0.2%;position: relative;overflow: hidden;} .indexcase ul li img{display: block;width: 100%;} .indexcase ul li span{display: block;width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: #FF7300;display: none;} .indexcase ul li span a.case-title{display: block;color: #fff;font-size: 1.6em;line-height: 1.6em;text-align: center;margin: 10% 0;} .indexcase ul li span .casetype{text-align: center;font-size: 1em;margin: 25% 0 10%;} .indexcase ul li span a{color: #fff;text-align: center;} .mbzs_1{ margin-top: 30px; width: 1150px; margin-right: auto; margin-left: auto; text-align: center; line-height: 50px;border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #eee; } .mbzs_2{ font-size: 36px; color: #595757; padding-top:20px; font-weight:bold} .mbzs_3{ font-size: 14px; color: #959595; } .mbzs_4{ padding-bottom: 20px; } .mbzs_5{ margin-left:auto; margin-right:auto; width:1150px; overflow: hidden; } .mbzs_7{ float: left; height: 181px; width: 253px; margin-left: 17px; margin-right: 17px; margin-bottom: 30px; margin-top: 30px; } .mbzs_8{background-color:rgba(0,0,0,0.05); height: 23px; line-height: 23px; padding: 5px; color: #666; } .mbzs_9{ height: 181px; width: 253px; position: absolute; } .mbzs_10{ background-color: #168fd6; height: 23px; line-height: 23px; padding: 5px; color: #fff;} .mbzs_11{ background-image: url(../images/tm_bg.png); height: 181px; width: 253px; background-repeat: no-repeat; } .mbzs_12{ height: 65px; width: 66px; margin-right: auto; margin-left: auto; padding-top: 30px; } .mbzs_13{ text-align:center; display: block; font-size:15px;} .mbzs_14{ float: right; } .mbzs_15{ color: #FFFFFF; margin-top: -20px; } .mbzs_16{ line-height: 35px; background-color: #178fd6; height: 35px; width: 100px; text-align: center; margin:0 auto; border-radius:5px} .mbzs_17{ line-height: 25px; background-color: #333333; height: 25px; width: 56px; text-align: center; float: left; margin-left: 20px; border-radius:5px;} .mbzs_18{ width: 130px; margin-right: auto; margin-left: auto; height: 20px; margin-bottom: 10px; } .mbzs_19{ float: left; width: 20px; margin-right: 5px; } .mbzs_20{ color: #178fd6; font-size: 14px; text-align: center; padding-bottom:10px;} .caseMore{ display: block; line-height: 40px; width: 233px; margin: 30px auto 0; font-size: 22px; border: 1px #666 solid; color: #666;text-align: center;} .caseMore:hover{border: 1px #FF7300 solid;background: #FF7300;color: #fff;-webkit-transition: 0.5s;-o-transition: 0.5s;transition: 0.5s;} .wz_1{ width:1150px; overflow: hidden; margin: 0 auto; } .wz_2{background-image: url(../images/wz_sj_bg.png);height: 409px;width: 224px;margin-top: 20px;margin-right: 30px;margin-bottom: 20px;margin-left: 30px;float: left;} .wz_3{ margin-top: 65px; margin-left: 24px; } .wz_4{ margin-top: 15px; text-align: center; font-size: 24px; color: #FFFFFF; font-weight: bold; line-height: 35px; } .wz_5{background-image: url(../images/wz_sj_bg_mb.png);position: absolute;background-repeat: no-repeat;height: 280px;width: 185px;} .wz_6{ text-align: center; margin-top: 10px; margin-bottom: 10px; font-size: 12px; color: #FFFFFF; } .wz_7{ line-height: 25px; background-color: #178fd6; height: 25px; width: 56px; text-align: center; float: left; margin-left: 25px; border-radius:5px; margin-right: 20px; } .wz_8{ line-height: 35px; background-color: #178fd6; height: 35px; width: 100px; text-align: center;font-size:15px; display:block; border-radius:5px; margin-top:150px; margin-left:auto; margin-right:auto} .new_zixun{width: 100%;height: 700px;display: table;background-image: url(../images/xw_bg.png);background-repeat: no-repeat;} .idx_tit{text-align: center; margin-top:20px;} .idx_tit b{display:block;color: #595757;font-size: 36px;line-height: 40px;position: relative;font-weight: normal; margin-bottom: 20px;margin-top: 22px;} .idx_tit i{width: 50px; height: 3px;position: absolute; bottom: -2px;background: #898989;left: 50%; margin-left: -25px;} .idx_tit p{margin-top: 24px; font-size:18px; color:#666;} .idx_tit h3{font-size: 28px; color: #fff;margin-top: 20px;} .idx_tit1{text-align: center; margin-top:20px;} .idx_tit1 b{color: #595757;font-size: 36px;line-height: 40px;position: relative; font-weight: normal; border-bottom: 1px solid #898989;padding-bottom: 20px;padding-bottom: 15px;margin-top: 22px;} .idx_tit1 i{width: 50px; height: 3px;position: absolute; bottom: -2px;background: #898989;left: 50%; margin-left: -25px;} .idx_tit1 p{margin-top: 34px; font-size:18px; color:#666;} .idx_tit1 h3{font-size: 28px; color: #fff;margin-top: 20px;} .branch_new_zixun{width: 100%;height: 600px;display: table;background-image: url(../images/xw_bg.png);background-repeat: no-repeat;} .branch_new_zixun .idx_tit i{width: 50px; height: 3px;position: absolute; bottom: -8px;background: #898989;left: 50%; margin-left: -25px;} .new_zixun_con{ width:1150px; height:auto; margin:0 auto; display:table} .left_a{ width:480px; height:auto; float:left;} .left_b{ width:650px; height:auto; float:right; } .yh_pic{ height: 328px;margin: 0 auto;overflow: hidden;} .yh_text{ height:70px; padding:0 20px; background-color:#FFF;} .yh_text p{ font-size:17px; line-height:35px; color:#666; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .yh_text p a{ color:#666;} .yh_text span{ font-size:13px; line-height:23px; color:#999;} .yh_pic img{ width:100%; } .zixun_list1{ height:105px; margin:0 0 15px; background:#fff; padding:9px;} .pic_list{ width:150px; height:103px; float:left;} .pic_list img{ width:150px; height:103px; } .title_list{ width:465px; float:right; height:43px; } .title_list p{ font-size:16px; float:left; line-height:43px; } .title_list p a{ color:#666;} .title_list span{ float:right; padding-right:20px; line-height:43px;color:#999; font-size:13px;} .con_list{width:465px; float:right; height:60px; color:#999} .new_news{ width:100%; height:auto; display:table;padding-bottom: 30px;border-bottom: 2px #ccc solid;} .new_news_con{ width:1200px; height:auto; margin:0 auto;} .new_news .idx_tit1 p a{display: inline-block;line-height: 35px;padding: 0 15px;font-size: 16px;background: #E5E5E5;margin:0 2px;} .news_a_title{ height:40px; border-bottom:solid 1px #ccc;} .news_a_title p{ line-height:40px; font-size:18px; color:#666; float:left} .news_a_title span{ line-height:40px; font-size:16px; color:#666; float:right} .new_a_con{ display: none;} .n_p{margin-bottom: 45px} .n_p ul li{ width:370px; float:left;margin: 20px 30px 0 0;} .n_p ul li:after{display: block;content: ".";overflow: hidden;height: 0;clear: both;} .n_p ul li p{ float:left; width:275px; margin-left:20px; font-size:14px;} .n_p ul li p a{color:#666;display: block;font-size:16px;line-height: 26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .n_p ul li p a:hover{color: #ff3700;} .n_p ul li p span{ color:#999; display: block;} .n_p ul li i{float:left; width:75px; height:68px; padding-top: 7px; line-height:33px;background:#4582d5; display:block; text-align:center; font-size:15px; color:#fff; } .n_p ul li i b{font-size: 40px;color: #fff;font-weight: normal;} .n_q{ width:300px; float: right;} .n_q ul li{ margin:18px 0; height:66px;} .n_q ul li p{ float:left; width:220px; padding-left:20px; font-size:14px; color:#666; } .n_q ul li p a{color:#666;} .n_q ul li span{ float:left; width:220px;padding-left:20px; color:#999; } .n_q ul li i{float:left; width:60px; height:66px; line-height:33px;background-color:#4582d5; display:block; text-align:center; font-size:17px; color:#fff; font-weight:bold} .news_b{ width:480px; height:auto; float:right;} .new_b_con ul li{ margin:10px 0; height:40px; border-bottom: dashed 1px #ccc;} .new_b_con ul li b{ float:left; line-height:40px; display:block; padding-top:10px;} .new_b_con ul li p{line-height:40px; font-size:14px; color:#666; float:left} .new_b_con ul li p a{ color:#666} .new_b_con ul li p a:hover{ color:#f18d00} .new_b_con ul li span{ float:right; line-height:40px; letter-spacing:2px; font-size:13px; color:#999;} .branch_new_news{ width:100%; height:auto; display:table;} .branch_new_news_con{ width:1200px; height:auto; margin:0 auto;} .branch_new_news .idx_tit1 p a{display: inline-block;line-height: 35px;padding: 0 15px;font-size: 16px;background: #E5E5E5;margin:0 2px;} .branch_news_a{ width:660px; height:auto; float:left;} .branch_news_a_title{ height:40px; border-bottom:solid 1px #ccc;} .branch_news_a_title p{ line-height:40px; font-size:18px; color:#666; float:left} .branch_news_a_title span{ line-height:40px; font-size:16px; color:#666; float:right} .branch_new_a_con{ display: none;} .branch_n_p{ width:330px; float: left;} .branch_n_p ul li{ margin:18px 0; height:66px;} .branch_n_p ul li p{ float:left; width:240px; padding-left:20px; font-size:14px; color:#666; } .branch_n_p ul li p a{color:#666;} .branch_n_p ul li span{ float:left; width:240px;padding-left:20px; color:#999; } .branch_n_p ul li i{float:left; width:60px; height:66px; line-height:33px;background-color:#4582d5; display:block; text-align:center; font-size:17px; color:#fff; font-weight:bold} .branch_n_q{ width:330px; float: right;} .branch_n_q ul li{ margin:18px 0; height:66px;} .branch_n_q ul li p{ float:left; width:240px; padding-left:20px; font-size:14px; color:#666; } .branch_n_q ul li p a{color:#666;} .branch_n_q ul li span{ float:left; width:240px;padding-left:20px; color:#999; } .branch_n_q ul li i{float:left; width:60px; height:66px; line-height:33px;background-color:#4582d5; display:block; text-align:center; font-size:17px; color:#fff; font-weight:bold} .branch_news_b{ width:520px; height:auto; float:right;} .branch_new_b_con ul li{ margin:10px 0; height:40px; border-bottom: dashed 1px #ccc;} .branch_new_b_con ul li b{ float:left; line-height:40px; display:block; padding-top:10px;} .branch_new_b_con ul li p{line-height:40px; font-size:14px; color:#666; float:left} .branch_new_b_con ul li p a{ color:#666} .branch_new_b_con ul li p a:hover{ color:#f18d00} .branch_new_b_con ul li span{ float:right; line-height:40px; letter-spacing:2px; font-size:13px; color:#999;} .wzjs{ width:130px; height:auto; float:left; margin-right:10px; } .wzjs p{height:40px; border-bottom:solid 1px #999; text-align:left; width:100px; line-height:40px; font-size:18px; color:#ccc; padding-bottom:5px;} .wzjs span{ font-size:13px; text-align:left; line-height:40px; letter-spacing:normal;} .wzyh{ width:130px; height:100px; float:left; margin:0 10px;} .wzyh p{height:40px; border-bottom:solid 1px #999; text-align:left; width:100px; line-height:40px; font-size:18px;color:#ccc;padding-bottom:5px;} .wzyh span{ font-size:13px; text-align:left; line-height:40px; letter-spacing:normal;} .sjjs{ width:130px; height:100px; float:left;margin:0 10px;} .sjjs p{height:40px; border-bottom:solid 1px #999; text-align:left; width:100px; line-height:40px; font-size:18px;color:#ccc;padding-bottom:5px;} .sjjs span{ font-size:13px; text-align:left; line-height:40px; letter-spacing:normal;} .wxkf{ width:130px; height:100px; float:left; padding-left:10px;} .wxkf p{height:40px; border-bottom:solid 1px #999; text-align:left; width:100px; line-height:40px; font-size:18px;color:#ccc;padding-bottom:5px;} .wxkf span{ font-size:13px; text-align:left; line-height:40px; letter-spacing:normal;} .ft_nav{ width:100%; height:auto; background-color:#232323; display: table; border-bottom: solid 1px #333;} .ft_nav_con{ width:1200px; margin:0 auto} .ft_nav_con a{ line-height:40px; font-size:15px; color:#ccc; font-weight:500; padding:0 8px; } .erweima{ width:20%; height:auto; float:left;background-color:#FFF; display:table} .erweima span{ height:20px; line-height:10px; text-align:center; display: block; color:#666; font-size:12px; } .zixunqq{ width:40%; height:auto; float:left; display:table; padding-top:25px;} .zixunqq img{ width:120px; height:40px; margin:0 auto; display:block} .zixun2{width:40%; height:100px; float:left; padding-top:20px;} .zixun2 .slogan{ font-size:22px; font-weight:500; color:#d56306; padding-bottom:10px;} .zixun2 p{ font-size:14px; font-family:"微软雅黑"; color:#aaaaaa; padding:5px 0;} .zixun2 span{ font-size:17px; font-weight:bold; color:#aaaaaa; font-family:Arial, Helvetica, sans-serif} .zx_pop { width: 100 % ; height: 100 % ; position: fixed!important; top: 0; left: 0; z-index: 10; } .zx_pop .mask-body { width: 100 % ; height: 100 % ; background: #000;opacity:.8 } .active_pop_body,.dzsw-pop,.zero_pop{width:710px;height:540px;position:fixed!important;left:50%;top:40%;margin-left:-355px;margin-top:-245px;z-index:5;box-shadow:0 0 10px 5px rgba(0,0,0,.2);_border:1px solid # ddd; border: 1px solid # ddd\9; _position: absolute; _top: expression(eval(document.documentElement.scrollTop + 50 % )); border-radius: 20px; background: #fff; } .apply-con { position: relative } .apply-con a.close { width: 44px; height: 44px; display: block; position: absolute; right: 10px; top: 10px; background: url(../images/close-img.png) #fff no-repeat 50% ; transition: none;-moz-transition: none;-webkit-transition: none;-o-transition: none; border-radius: 50%; opacity: 1 !important; } .zero_pop, .zero_pop .apply-con { height: 410px } .apply-con .apply-top { height: 170px; background: #0057AE no-repeat 50%;border-radius:20px 20px 0 0 } .apply-con a.close:hover{background-color:#eee } .apply-con .title { width: 100%; font-size: 34px; color: #fff; text-align: center; padding-top: 60px; line-height: 34px } .apply-con .title .wherecity { z-index: 5 } .apply-con .subtitle { line-height: 50px; color: #fff; padding-bottom: 10px; text-align: center } .apply-con .form { padding: 30px 50px; background-color: #fff; border-radius: 0 0 20px 20px; } .apply-con .textfile { width: 406px; height: 40px; margin-bottom: 15px; position: relative; padding-left: 110px } .apply-con .textfile span .t { width: 80px; height: 40px; line-height: 40px; display: block; position: absolute; left: 0; top: 0; text-align: right } .apply-con .textfile input { width: 384px; height: 38px; line-height: 38px; border: 1px solid #e4e4e4; padding: 0 10px } .apply-con .textfile textarea{ resize:none; width: 384px; height: 40px!important; padding: 10px; display: block; border: 1px solid #e4e4e4; margin-bottom: 30px; } .apply-con .textfile_um em{ display: inline-block; width: 20px; height: 40px; vertical-align: top; } .apply-con .textfile_um input{ width: 166px; display: inline-block; } .textfile .zixunsubmit{ display: block; width: 100px; background: #0057AE; color: #fff; font-size: 16px; line-height: 35px; text-align: center; font-weight: bold; margin: 30px auto 0; border-radius: 5px; } .apply-con .textfile .emailist { border: 1px solid #e4e4e4; background-color: #fff; line-height: 30px } .apply-con .textfile .emailist li { padding: 0 10px } .apply-con .textfile .emailist li .on { background-color: # b2b2b2; padding: 0 10px } .apply-con .wherecity input { width: 105px; border: none; background: none } .apply-con .lxman textarea { width: 384px; height: 100px; } .apply-con .lxman .appellation { width: 132px; height: 40px; position: absolute; left: 400px; top: 0 } .apply-con .lxman .appellation input { width: 16px; float: left; border: none; padding: 0; margin-right: 5px } .apply-con .lxman .appellation span { float: left; width: 40px; height: 40px; line-height: 40px; display: block } .apply-con .textfile a .submit { width: 130px; height: 37px; display: inline-block; background: #3db1ea;text-align:center;line-height:37px;color:# fff; font-size: 16px; border-radius: 19px; margin: 20px 0 0 } .apply-con .textfile a .submit:hover { background: #1b77b9}.apply-con .yzm input{width:212px}.apply-con .yzm a{width:157px;height:38px;display:block;line-height:38px;text-align:center;color:# 666; background: # f0f0f0; border: 1px solid # dfdfdf; position: absolute; left: 357px; top: 0 } #floatDivBoxs{width:178px;background:#fff;position:fixed;top:200px;right:-178px;z-index:999;} #floatDivBoxs ul,ol{list-style:none;} #floatDivBoxs img{border:none;outline:none;} #floatDivBoxs a{color:#666;text-decoration:none;outline:none;} #floatDivBoxs a:hover{color:#e8431f;} #floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;} #floatDivBoxs .floatDqq{padding:0 14px;} #floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:right} #floatDivBoxs .floatDqq li img{ float:left; margin-top:7px;} #floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;} #floatDivBoxs .floatDtel{padding:0 0 15px 10px;} #floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;} #floatDivBoxs .floatImg img{ margin-bottom:5px;} #floatDivBoxs .floatDtel li {text-align:left;padding:6px;color:#F60;font-size:20px;} .floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);} #rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:200px;right:0;z-index:999;} #rightArrow a{display:block;height:45px;} @media screen and (max-height:768px){ #floatDivBoxs{top:140px;} #rightArrow{top:140px;} #floatDivBoxs .floatDqq li{height:40px;line-height:40px;} #floatDivBoxs .floatDqq li img{ float:left; margin-top:4px;} #floatDivBoxs .floatDtxt{padding:10px 14px;} #floatDivBoxs .floatDtel{padding:0 0 8px 10px;line-height:1;} #floatDivBoxs .floatDtel li {text-align:left;padding:4px;color:#F60;font-size:18px;} } #backtotop{position: fixed;bottom: 50px;right:20px;display: none;cursor: pointer;font-size: 50px;z-index: 9999;} #backtotop:hover{color:#333} .ft_nav_con .botLogo{width:180px;float: left;margin-right: 0px;} .ft_nav_con .botLogo img{width: 100%;display: block;} .ft_nav_con .botNav{float: left;width: 1020px;line-height: 75px;} .footer .d2{padding:45px 0 40px;background: #1E1E1E;} .footer .d2 .nav{float:left;width:720px;} .footer .d2 .nav .item{float:left;width:140px;margin-right:40px;} .footer .d2 .nav .item .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #ff7300;} .footer .d2 .nav .itemewm .h3{padding-bottom: 0;border: none;} .footer .d2 .nav .item .h3 a img{display: block;width: 90%;margin: 0 auto;} .footer .d2 .nav .item-about{width: 700px;} .footer .d2 .des .itemewmbg{margin: 20px auto;} .footer .d2 .des .item{float:left;width:140px;margin-right:40px;} .footer .d2 .des .item .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #ff7300;} .footer .d2 .des .itemewm .h3{padding-bottom: 0;border: none;} .footer .d2 .des .item .h3 a img{display: block;width: 90%;margin: 0 auto;} .footer .d2 .nav .item ul{height:250px;padding-top:12px;line-height:1.7;color:#fefefe;} .footer .d2 .nav .item a{display: block; color: #aaa;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .footer .d2 .nav .item a:hover{color: #ff3700;} .footer .d2 .des{float:right;width:460px;} .footer .d2 .des .d{margin-bottom:10px;} .footer .d2 .des .d-contact{margin-top: 20px;} .footer .d2 .des .d .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #ff7300;} .footer .item-about .d .h3{color:#fefefe;font-size:18px;padding-bottom:15px;border-bottom:1px solid #ff7300;} .footer .d2 .des .d .text ul .lia{padding-left: 25px;background: url(../images/icon_footer.png) no-repeat 0px 0px;background-size: 16px auto;} .footer .d2 .des .d .text ul .lit{padding-left: 25px;background: url(../images/icon_footer.png) no-repeat 0px -27px;background-size: 16px auto;} .footer .d2 .des .d .text ul .lie{padding-left: 25px;background: url(../images/icon_footer.png) no-repeat 0px -49px;background-size: 16px auto;} .footer .d2 .des .d .text ul .lis{padding-left: 25px;background: url(../images/icon_footer.png) no-repeat 0px -72px;background-size: 16px auto;} .footer .d2 .des .d .text span b{font-weight: normal;font-size: 30px;color: #ff7300;letter-spacing: 2px;} .footer .d2 .des .d .h3 img{display: block;width: 30%;} .footer .d2 .des .d .text{padding-top:12px;line-height:1.75;color:#fff;width: 460px;} .footer .item-about .d .text{padding-top:12px;line-height:1.75;color:#aaa;} .footer .d3{background: #1E1E1E;padding:40px 0;border-top:2px solid #fff;} .footer .d3 .share{text-align:center;} .footer .d3 .share a{display:inline-block;margin:0 8px;width:31px;height:31px;float: none!important;padding-left: 0!important;} .footer .d3 .share a:hover{opacity:0.8;} .footer .d3 .share .a1{background:url(../images/icon_share.png) 0 0 no-repeat;} .footer .d3 .share .a2{background:url(../images/icon_share.png) -31px 0 no-repeat;} .footer .d3 .share .a3{background:url(../images/icon_share.png) -62px 0 no-repeat;} .footer .d3 .copyright{text-align:center;color:#fefefe;margin-top:5px;} .footerlink{border-top: 2px #ccc solid;padding-top: 16px;} .friendslink {width: 1200px;margin: 0 auto 20px;} .footerlinksp{border-top: 2px #ccc solid;padding-top: 8px; clear: both;} .friendslinksp {width: 1200px;margin: 0 auto 40px;} .footerlink .linktit{float: left;width: 80px;font-size: 15px;color: #444;line-height: 30px;} .footerlink ul {float: left;} .footerlink ul li{float: left;font-size: 15px;margin-right: 10px;line-height: 30px;} .footerlink ul li a{color: #444;} .footerlink .joinlink{font-size: 15px;margin-left: 80px;line-height: 26px;} .alert-contact-box{ width: 577px; height: 342px; background: url(../images/invitebg.png) no-repeat center; position: fixed; z-index: 9999; left: 50%; margin-left: -288px; top: 50%; margin-top: -171px; display: none; text-align: center; line-height: 1.35; color: #fff; } .alert-contact-box .close{ display: block; width: 35px; height: 35px; position: absolute; right: 27px; top: 21px; cursor: pointer; } .alert-contact-box .word1{ font-size: 24px; margin-top: 50px; color:#fff; } .alert-contact-box .word2{ font-size: 36px; color:#fff; } .alert-contact-box .word3{ font-size: 13px; opacity: .8; color:#fff; } .alert-contact-box .tel{ position: relative; margin-top: 10px; display: inline-block; font-size: 21px; padding: 0 10px; color:#fff; } .alert-contact-box .tel:before, .alert-contact-box .tel:after{ content: ''; display:block; width: 32px; height: 1px; background: #fff; opacity: .2; position: absolute; top: 50%; } .alert-contact-box .tel:before{ left: -32px; } .alert-contact-box .tel:after{ right: -32px; } .alert-contact-box .btnclose { display: inline-block; width: 150px; height: 50px; margin: 25px 10px 20px; cursor: pointer; color: #fff; text-align: center; line-height: 50px; font-size: 24px; border: 1px solid white; } .alert-contact-box .qqlink { display: inline-block; width: 230px; height: 52px; margin: 25px 10px 20px; cursor: pointer; color: #448aca; background-color: #fff; text-align: center; line-height: 52px; font-size: 24px; box-shadow: 0 3px 10px rgba(0,0,0,.15); }