/*标签样式初始化*/ div,ul,li,span,p,img,h1,h2,h3,h4,h5,h6,dl,dt,dd {margin: 0px; padding: 0px;list-style: none;border: 0px;} /*公共样式部分*/ body {color: #666;margin: 0 auto;background-color: #fff; font-family: "Microsoft YaHei";overflow-x: hidden;} #copy { display: none;} *{-webkit-box-sizing: border-box;box-sizing: border-box;} a {color: #666; text-decoration: none;} a:hover { color:#103886;text-decoration: none; border-bottom-style:} .box{ margin:0 auto;width:84%;min-width: 1300px;max-width:1600px; box-sizing: border-box; } .page{margin:0 auto;min-width:1300px;} .bg{ width: 100%;min-width:1300px;} .fl { float: left;} .fr {float: right;} /*左右浮动清除*/ .clear { clear: both;height: 0px; overflow: hidden;} i,em{font-style: normal;} /*间隙*/ .top10 {padding-top: 10px;} .top20 {padding-top: 20px;} .top30 {padding-top: 30px;} .top40 {padding-top: 40px;} .top50 {padding-top: 50px;} .top60 {padding-top: 60px;} .top70 {padding-top: 70px;} .top80 {padding-top: 80px;} .top90 {padding-top: 90px;} .top100 {padding-top: 100px;} /*英文样式*/ .font_en {font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;font-weight: normal;} .en {font-family: Arial, Helvetica, sans-serif;font-weight: normal;} .t{text-align: center; padding-bottom:40px; padding-top:70px;} .t p{font-size:40px;color: #103886;line-height: 60px; font-weight:bold; } .t dd{font-size:20px;line-height: 30px; padding-bottom:50px; background:url(../uploadfile/image/20210708/20210708191551_797805479.png)no-repeat center bottom;} /*抬头*/ .head_bg{height: 40px;line-height: 40px;border-bottom:1px #eee solid; font-size: 14px;color: #ccc;} .head_r a{font-size: 0.8rem;color: #ccc;background: url(../uploadfile/image/20210708/20210708090712_1723693365.png)no-repeat center left;padding-left:26px;} .head_r a:nth-child(2){background: url(../uploadfile/image/20210708/20210708090646_16305810.png)no-repeat center left; margin-left:30px;} .tel{background: url(../uploadfile/image/20210708/20210708085056_1153852297.png)no-repeat center left;padding-left:45px; } .tel p{font-size:18px; color:#222; line-height:137px;} .tel span{font-family: Arial;} /*导航*/ .top_bg{height: 138px;} .logo{margin-top: 40px;} .name{margin-left: 1.4rem;margin-top: 38px; text-align:center;} .name p{font-size: 18px; color: #222; height:32px;line-height:32px; text-align:center; } /*栏目*/ .nav_bg{background: url(../uploadfile/image/20210708/20210708085336_1729597975.png) center; height:70px;} .nav>ul>li{ float: left; display: block;width:12.5%; height:100%; position: relative; background: url(../uploadfile/image/20210708/20210708085920_306091781.png)no-repeat center right; } .nav>ul>li:before{content:"";position: absolute; left:0;top:0; height:100%; width:1px;background: url(../uploadfile/image/20210708/20210708085920_306091781.png)no-repeat center; } .nav>ul>li>a{ display: block; color: #fff; font-size:1rem; text-align: center; position: relative; line-height:70px;-webkit-transition:0.3s all ease-in-out;transition:0.3s all ease-in-out;} .nav>ul>li>a p{position: relative; z-index: 2;} .nav>ul>li>a:after{content:"";position: absolute;bottom:0;left: -20px;right:0; margin:0 auto; width: 100%;height:70px; opacity: 0; display: block;background: url(../uploadfile/image/20210708/20210708085425_677603643.png)no-repeat center; transition:0.3s all ease-in-out;} .nav>ul>li:hover>a:after,.NavCeshi > li.navcurrent > a:after{left:0;opacity: 1;} .NavCeshi > li.navcurrent > a, .NavCeshi > li:hover > a{font-weight:bold; color:#000;} @media (max-width: 1500px){ .box{width:94%;} } /*栏目下拉*/ .nav ul li>ul{-webkit-transition: all 0.3s ease-out 0s;transition: all 0.3s ease-out 0s;position: absolute;width:100%;opacity: 0;visibility: hidden;transform: translate3d(0px, 10px, 0px);-moz-transform: translate3d(0px, 10px, 0px);-webkit-transform: translate3d(0px, 10px, 0px);z-index: 9999;left:0;top:70px; margin-left:0px; text-align:center;} .nav ul li>ul a{ -webkit-transition: none ease-out .3s; transition: none ease-out .3s; -webkit-transition-property: color, background, text-indent, opacity; transition-property: color, background, text-indent, opacity;} .nav ul li>ul.nav1 a{background: #103886;-webkit-box-shadow: 0 6px 10px rgba(0, 0, 0, .1);box-shadow: 0 6px 10px rgba(0, 0, 0, .1);width: 100%;height: 44px;line-height: 44px; display: block;color: #fff;font-size: 14px; } .nav ul li>ul.nav1 a:hover{background: #fff; text-indent: 10px;color: #103886;} .nav ul li:hover > ul {opacity: 1;visibility: visible;transform: translate3d(0px, 0px, 0px);-moz-transform: translate3d(0px, 0px, 0px);-webkit-transform: translate3d(0px, 0px, 0px);-webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.12);-webkit-transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;transition: all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;} .nav ul li>ul.nav2{background:#fff; padding:20px; width:400px; left:-60%;} .nav ul li>ul.nav2 table {width:100%;} .nav ul li>ul.nav2 table tr{ float:left; width:50%; } .nav ul li>ul.nav2 table td a{display:block; font-weight:100 !important;padding-left:10px;} .nav ul li>ul.nav2 li p{color:#222; font-weight:bold; line-height:50px;} .nav ul li>ul.nav2 .nav_m{border-top:1px #eee solid; padding-top:30px;} .nav ul li>ul.nav2 .nav_m a{display:inline-block; width:23%;} .nav ul li>ul.nav2 .nav_m a+a{margin-left:1.1%;} .nav ul li>ul.nav2 .nav_m a p{line-height:40px;} .nav ul li>ul.nav2 a img{width:100%;} /*幻灯片*/ .banner-box,.banner-box .bd li{height:680px;} .banner-box .banner-btn a.prev{background-image:url(http://login.114my.cn/memberpic/025596/uploadfile/image/20210530/20210530100130_520388625.png);} .banner-box .banner-btn a.next{background-image:url(http://login.114my.cn/memberpic/025596/uploadfile/image/20210530/20210530100149_1316223744.png);} .banner-box .hd ul li.on{background:#103886;} .banner-box{min-width:1300px;position:relative;overflow:hidden;margin: 0 auto;} .banner-box .bd{ width:100% !important;} .banner-b{position: absolute;bottom: 0;} .banner-box .bd li{width:100%;background-position: center;background-repeat: no-repeat;} .banner-box .bd li a{display:block;background-size:auto;width:100% !important; height:100% !important;} .banner-btn a{display:block;width:60px;height:60px;position:absolute;opacity:0.4;-webkit-transition: 0.3s all ease-in-out;transition:0.3s all linear; top:300px;background-repeat:no-repeat; } .banner-btn a.prev{animation:prev 1.5s linear infinite;} .banner-btn a.next{animation:next 1.5s linear infinite;} @keyframes prev{ 0%{left:60px;opacity:1;} 50%{left:80px;opacity:0.1;} 100%{left:60px;opacity:1;} } @keyframes next{ 0%{right:60px;opacity:1;} 50%{right:80px;opacity:0.1;} 100%{right:60px;opacity:1;} } .banner-box .hd {position:absolute;bottom:20px;width: 100%;display: block;} .banner-box .hd ul{ text-align: center} .banner-box .hd ul li{ width:20px; height:10px; border-radius :20px; text-indent:-9999px; background:#ccc; cursor:pointer; display:inline-block; margin:0 5px; -webkit-transition: 0.3s all ease-in-out; transition:0.3s all ease-in-out;} .banner-box .hd ul li.on{ width: 32px;} /*搜索*/ .search_nbg{width: 100%;height:97px;background: #f5f5f5;position: absolute; top:590px;} .search_bg{width: 100%;height:97px;background: #f5f5f5;} #search{color: #999; height:97px;margin:0 auto;line-height:97px;} .search_01{ float:left;width:74%;} .search_01 i{display: block;float: left;padding-top: 22px;margin-right: 14px;} .search_01 d{display: block;float: left;color:#333;font-size: 16px;position:relative;} .search_01 a{font-size: 15px;color: #aaa;} .search_01 a:hover{color: #103886;} .search_02{width: 320px;float: right;position: relative;} .search-i {position: absolute;right:0px; height:100%;} .search-i input{ padding-top:27px;} .search-bg{position: relative;} .search-bg #infoname{width:259px; outline:none; color:#ccc;border:none;height:44px;font-size: 14px;padding-left: 20px;font-weight: lighter;background: #fff;border-right: none; margin-top:27px;} /*产品中心*/ .prod{height:62.5vw; overflow: hidden; } .list{width:308px; background:url(../uploadfile/image/20210708/20210708191935_196913303.jpg)no-repeat center top;height: 100%;} .list_t{text-align:center; color:#fff; line-height:32px;} .list_t p{font-size:24px; font-weight:bold; padding-top:2vw; } .prod_ld{width:88%; line-height: 60px; background:#fff; margin:16px auto;} .prod_ld a{color:#333; font-size:15px;display:block; } #classimgshow1{height:2.61vw !important; line-height:2.61vw !important; border-bottom:1px #eee solid; width:82% !important; margin:0 auto; position: relative; padding-left:20px !important;transition: 0.3s ease all;} #classimgshow1:hover{box-shadow: 0 10px 10px rgba(0,0,0,0.08); background:#fff;} #classimgshow1:before{content:""; position: absolute; left:8px; top:0; bottom:0; margin:auto; background:#222; width:2px; height:2px; } .prod_ld a:hover{color:#103886 !important;} .prod_box{width:calc(100% - 348px);} .prod_box td{padding:0px !important;width:32%;display:block;float:left;background:#f5f5f5; margin-bottom:2%; position: relative; } .prod_box td+td{margin-left:2%;} .prod_box td img{width:100%;height:auto;transition: 0.3s ease all;} .prod_box td>a{width:100%;height:100%;display:block;overflow: hidden;box-sizing: border-box;} .prod_box td:hover img{transform: scale(1.1);} .prod_box td span{text-align:left;position: absolute; bottom:0; background:rgba(0,0,0,0.2); height:40px;} .prod_box td span:before{content:'';width:0;height:100%;display:block;background:#103886;position: absolute;top:0px;left:0px; transition: 0.3s ease all;} .prod_box td:hover span:before{width:100%;} .prod_box td span,.prod_box td span a{width:100% !important;display:block;} .prod_box td span a{color:#fff;font-size:15px;position: relative;transition: 0.3s ease all; line-height:40px;padding-left: 20px;} .prod_box td br{display:none;} .prod_list table tr.on a{color:#fff !important;background:#103886;} .prod_box td span a:after{content:''; height:40px; width:60px; background: #103886 url(../uploadfile/image/20210708/20210708193021_436199736.png)no-repeat center;display: inline-block;position: relative;float: right;} .prod_box td:hover span a:after{filter: brightness(1);} @media (max-width: 1920px){ .prod{height:65.2vw;} #classimgshow1{height:3.06vw !important; line-height:3.06vw !important;} } @media (max-width: 1680px){ .prod{height:62.5vw;} #classimgshow1{height:2.88vw !important; line-height:2.88vw !important;} } @media (max-width: 1560px){ .prod{height:61.7vw;} #classimgshow1{height:2.8vw !important; line-height:2.8vw !important;} } @media (max-width: 1440px){ .prod{height:70vw;} #classimgshow1{height:3.22vw !important; line-height:3.22vw !important;} } @media (max-width: 1300px){ .prod{height:73vw;} #classimgshow1{height:3.34vw !important; line-height:3.34vw !important;} } /*应用案例*/ .case_bg{padding-top:20px;} .case{padding:30px 0 80px 0; } .case li{width:16.666%; float:left; text-align: center; overflow: hidden; height:28vw; max-height:462px; position: relative; transition: 0.3s ease all;} .case li:after{content:""; position: absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; } .case li a{display:block; position: relative; z-index: 2; width:100%; height:100%; color:#fff; padding-top:70%; transition: 0.3s linear all; } .case li a p{font-size:20px; padding-top:54px;} .case li:nth-child(1) a p{background:url(../uploadfile/image/20210708/20210708203218_1671272437.png) no-repeat center top;} .case li:nth-child(2) a p{background:url(../uploadfile/image/20210708/20210708203306_1344365600.png) no-repeat center top;} .case li:nth-child(3) a p{background:url(../uploadfile/image/20210708/20210708203427_1871981805.png) no-repeat center top;} .case li:nth-child(4) a p{background:url(../uploadfile/image/20210708/20210708203443_1962620628.png) no-repeat center top;} .case li:nth-child(5) a p{background:url(../uploadfile/image/20210708/20210708203505_1121188400.png) no-repeat center top;} .case li:nth-child(6) a p{background:url(../uploadfile/image/20210708/20210708203521_1680201100.png) no-repeat center top;} .case li a span{display:block; font-size:12px; line-height:24px; padding:1vw 2vw; transition: 0.3s ease all; opacity: 0;} .case li.on a{padding-top:60%;} .case li:hover,.case li.on{transform:scale(1.2);z-index: 3;box-shadow: 0 50px 80px rgba(0,0,0,0.4); } .case li:hover::after,.case li.on:after{ background:rgba(16,56,134,0.8); } .case li:hover a span,.case li.on a span{ opacity: 1;} /*问题*/ .problem_bg{ background:url(../uploadfile/image/20210708/20210708210253_508570865.jpg) no-repeat center bottom; height:950px; } .problem{position: relative;} .problem li{height:150px; position: absolute; } .problem li p{font-size:24px; color:#222; line-height:118px; display: inline-block; margin-left:-20px;} .problem li dd{width:118px; height:118px; line-height:118px; text-align:center; font-weight:bold; font-size:40px; color:#222;font-family: Arial; display: inline-block;float:left; position: relative;} .problem li dd:after{content:""; width:100%; height:100%; position: absolute; top:0; left:0; background:url(../uploadfile/image/20210708/20210708211900_416061100.png) no-repeat center; transition: 0.3s ease all;} .problem li:hover dd:after{background:url(../uploadfile/image/20210710/20210710112047_18938188.png) no-repeat center; transform:rotate(360deg);} .problem_w1{left:10vw; top:20px; } .problem_w2{left:0; top:200px; } .problem_w3{left:0; top:380px; } .problem_w4{right:8vw; top:30px; } .problem_w5{right:0; top:200px; } .problem_w6{right:0; top:380px; } /*优势*/ .adv_bg{background:#eef1f3 url(../uploadfile/image/20210709/20210709101942_894835242.jpg) no-repeat center top; padding-bottom:70px;} .adv_t{padding-top:0;} .adv_t p{font-weight: 100; color: #103886;} .adv_t dd{ font-size: 34px; color: #111; font-weight: bold; line-height:44px;} .adv_l{width: 37.5%; text-align: center; color: #fff; height: 550px;} .adv1 .adv_l{padding-top:10%; background:url(../uploadfile/image/20210713/20210713204419_442992126.jpg) no-repeat center top;} .adv1 .adv_l p{font-size: 20px; line-height:70px;} .adv2{margin-top:40px;} .adv2 .adv_l{background:url(../uploadfile/image/20210709/20210709102344_1378094576.jpg) no-repeat center top; padding-top:80px;} .adv_m{width: 24.5%;} .adv_m img{width: 100%;} .adv1 .adv_m{margin-left:0.5%;} .adv2 .adv_m{margin-right:0.5%;} .adv2 .adv_l b{font-size: 1.6vw; line-height:140px;} .adv_lw{width:60%; border: 1px solid rgba(255,255,255,0.4); margin:0 auto; padding:0 2vw 2vw 2vw;} .adv_lw a{ display: block; width: 178px; height: 36px; line-height: 36px; text-align: center; font-size: 16px;color: #fff; background: #000;margin:0 auto; border-radius: 100px; position: relative; top:-18px;} .adv_lw p{ font-size: 1.5vw; font-family: "Tw Cen MT"; line-height:2.5vw; } .adv_w{padding:1vw;} .adv_w p{font-size: 1.3vw; color:#103886; line-height: 44px; margin:1vw 0; font-weight:bold; } .adv_w p b{display: block; float: left; width: 44px; height: 44px; line-height: 44px; text-align: center; border-radius: 100%; background: #103886; color: #fff; font-size: 20px; margin-right:1vw; position: relative; } .adv_w span{ display: block; font-size: 15px; line-height: 30px; padding-left:1vw; } .adv_w p b:after,.adv_w p b:before{content:""; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:2vw; height:2vw;border-radius: 100%; background:rgba(16,56,134,0.2); transition:0.3s all linear; } .adv_w p b:after{animation:after 1.5s ease infinite;} .adv_w p b:before{animation:before 1s ease infinite;} @keyframes after{ 0%{transform:scale(1.2);opacity: 1;} 50%{transform:scale(1.8);opacity: 0.5;} 100%{transform:scale(2.4);opacity: 0;} } @keyframes before{ 0%{transform:scale(1.4);opacity: 1;} 50%{transform:scale(2);opacity: 0.5;} 100%{transform:scale(2.6);opacity: 0;} } /*实力*/ .power_cont,.power_list{width: 50% !important; height: 540px;} .power_cont li{width: 100%; height: 100%;} .power_list li{width: 50%; height: 50%; float: left; border: 1px #eee solid; text-align: center; padding: 40px 1vw; cursor: pointer;} .power_list li:nth-child(2n){border-left:0;} .power_list li:nth-child(-n+2){border-bottom:0;} .power_list li dd{width: 54px; height: 54px; margin: 0.8vw auto; border-radius: 100%; background: #103886; position: relative; } .power_list li h3{ font-size: 24px; color: #111; line-height:40px;} .power_list li p{ font-size: 12px; color: #ccc; padding-bottom:0.8vw;} .power_list li span{ font-size: 16px; color: #333; line-height: 30px;} .power_list li dd:after,.power_list li dd:before{content:""; position: absolute; top:0; left:0; right:0; bottom:0; margin:auto; width:2.4vw; height:2.4vw;border-radius: 100%; background:rgba(16,56,134,0.2); transition:0.3s all linear; } .power_list li dd:after{animation:after 1.5s ease infinite;} .power_list li dd:before{animation:before 1s ease infinite;} .power_list li.on{background:#103886; } .power_list li.on dd{background: #1856ce;} .power_list li.on dd:after,.power_list li.on dd:before{background:rgba(255,255,255,0.2); } .power_list li.on h3,.power_list li.on span{color:#fff;} /*简介*/ .com_t{background: url(../uploadfile/image/20210709/20210709114929_100947676.jpg)no-repeat center bottom;} .com_bg{background: url(../uploadfile/image/20210709/20210709114957_522348021.jpg)no-repeat center top;} .com_w{width: 45%; padding-top:4.4vw; padding-left:2%;} .com_w h3{font-size: 1.8vw; color:#111; line-height:2.4vw;} .com_w p{color:#999;border-bottom:1px #ccc solid; padding-bottom:3vw;} .com_w dd{ font-size: 15px; line-height: 30px; padding-top:2.4vw; } .com_w a{display: inline-block; width: 160px; height: 38px; line-height: 38px; text-align: center; border-radius: 100px; font-size: 16px; color: #fff; background: #111; margin:3vw 1vw 0 0; transition:0.3s all linear; } .com_w a:hover{background: #103886; width:220px;} .date{ width: 66%; background: #fff; box-shadow: 0 0 50px rgba(0,0,0,0.1); padding:3vw 0; margin-top:5vw;} .date li{width: 25%; text-align: center; float:left;} .date li p{font-size: 2.8vw;color: #222;font-family: 'Arial'; } .date li span{font-size: 1vw;color: #333;} .date li p:after{content: '万';width: 28px;height: 28px;display: inline-block;border-radius: 50%;background: #103886;color:#fff;font-size: 15px;line-height: 30px;position: relative;top: -10px;margin-left: 10px; text-align: center;} .date li:nth-child(2) p:after{content: '种';} .date li:nth-child(3) p:after{content: '台';} .date li:nth-child(4) p:after{content: '天';} /*新闻*/ .news_top{width:551px;margin:0px auto;} .news_wz{ height:48px;line-height: 36px; } .news_wz b{font-size:26px;} .news_wz span{font-size:24px; margin-left: 8px; color: #ccc; text-transform: uppercase; font-family: Arial;} .news_wz em{font-size:16px; font-weight:200; display: block;color: #999;} .news_tab{margin-top:10px;} .news_tab li{float:left;background: #fff; box-shadow: 0px 0px 20px #eee; width: 171px; height: 42px; line-height: 42px; text-align: center; border-radius: 30px;} .news_tab li+li{margin-left:19px;} .news_tab li a{font-size:18px;font-weight:100; color:#666;display: block;} .news_tab li.on{color:#fff; background:linear-gradient(-90deg, #103886, #0943b3);box-shadow:0px 0px 10px rgba(38, 149, 215, 0.3);width: 171px; height: 42px; line-height: 42px;} .news_tab li.on a{color:#fff !important;} .news_a{margin-right: 17px;} .news_a em{position:relative;font-size: 20px;color: #c2c2c2; top:8px;} .news_a .sPrev, .news_a .sNext{position:absolute;top: 2px;font-size: 20px;color: #c2c2c2;cursor: pointer;} .news_a .sPrev{right: 5px;transform: rotate(-90deg);} .news_a .sNext{left: 5px;transform: rotate(90deg);} .news_a i:hover{color:#005cab;} .news_list{height:28vw; min-height:500px !important;width: 100%;overflow: hidden;} .news_list .tempWrap {width: 100% !important;} .news_list .news_div{height:100%;} .news_list .news_div+.news_div{} .news_list .news_div_item{width: 23.65%;display: inline-block;position: relative;height:100%;transition:0.5s; padding: 20px; border: 1px #eee solid;box-sizing: border-box;} .news_list .news_div_item+.news_div_item{margin-left:1.79%;} .news_list .news_div_item_date{position: absolute;top:54%;display: inline-block;font-weight: 400;left: 19px;padding-left: 32px;height: 22px;} .news_list .news_div_item_date::before{position:absolute;content:'';background:url(http://login.114my.cn/memberpic/xinda888/uploadfile/image/20210623/20210623211908_1484501920.png) no-repeat left center;top: 0;left: 0;width: 22px;height: 22px;} .news_list .news_div_item_content{position: absolute;top:60%;left: 19px;padding-right: 14px;} .news_list .news_div_item_year, .news_list .news_div_item_month, .news_list .news_div_item_day{float: left;font-size: 15px;line-height: 22px; color: #999;} .news_list .news_div_item_a{font-size: 16px;display: block;margin-bottom: 16px;position:relative;transition:0.3s; font-weight:normal; color:#222;} .news_list .news_div_item_a::before{position:absolute;content:'查看详情';bottom: -152px;left: 0;width: 130px;height: 33px;background: #fff;border-radius: 40px;line-height: 33px;color: #999;font-size: 15px;transition:0.5s;padding-left: 43px; border:1px #eee solid; font-weight: 100;} .news_list .news_div_item_a::after{position:absolute;content:'';bottom: -141px;font-size: 43px;background:url(http://login.114my.cn/memberpic/xinda888/uploadfile/image/20210623/20210623211844_1047748040.png) no-repeat center;width: 18px;height: 14px;left: 130px;transition:0.5s;} .news_list .news_div_item_body{font-size: 14px;color: #666;font-weight: 100;line-height: 24px;} .news_list .news_div_item_pic, .news_list .news_div_item_pic a, .news_list .news_div_item_image{width:100%;height:auto;display: block;} .news_list .news_div_item_pic{ height: 14vw; overflow: hidden;} .news_list .news_div_item:hover .news_div_item_a{color: #103886;transition:0.3s;} .news_list .news_div_item:hover .news_div_item_a::before{background: #f8f8f8;transition:0.5s;padding-left:40px;} .news_list .news_div_item:hover .news_div_item_a::after{left:110px;transition:0.5s;} /*友情链接*/ .links{width:100%; overflow:hidden; padding:37px 0; background: #FFF;border-top:1px solid #f5f5f5;} .links_l{float:left; width:117px; border-right:solid 1px #f5f5f5;} .links_lm{font-size:16px; line-height:18px; color:#222;} .links_len{font-family:Arial, Helvetica, sans-serif; text-transform:uppercase; font-weight:bold; line-height:30px; font-size:30px; color:#000;} .links_r{float:left; width:90%; color:#999; padding-left: 30px;} .links_r a{font-size:15px; color:#999;} .linkTagcs{width:100% !important;} /*版权*/ .foot_dh{ width:100%; min-width:1300px;background:#272727;} .foot_dh li span{ font-size:16px; display:block; padding-bottom:12px; padding-top:18px;} .foot_dh li p {font-size: 17px;color: #ddd;text-align: center;font-weight: bold;padding-bottom: 5px;} .foot_dh li {float: left;width: 15%;margin-top: 42px;font-size: 14px;color: #b6b6b6;line-height: 35px;} .foot_dh li span a{ display:block; font-weight:bold; color:#fff; font-size:20px; color:#ddd; padding-bottom:15px;} .foot_dh li a{ display:block; font-size:14px; color:#b6b6b6; line-height:35px;} .foot_dh li a:hover {color: #fff;} .foot_dh li:nth-child(4) {width: 360px;} .foot_dh li:nth-child(5) {float: right; width:255px;} /*切换*/ .erweimatab {padding-top: 56px;} .erweimacon dl+dl{ display:none;} .erweimatab dt{ width:38px; height:38px; cursor:pointer; background:#363636; border-radius:50%; -webkit-transition:all .4s ease; transition:all .4s ease;} .erweimatab dt+dt{ margin-top:18px;} .erweimatab dt.on{ background:#103886;} .foot_dh li dl img {width: 180px;height: 180px;padding: 10px;border: 1px solid #363636;} .copy_bg{ border-top: 1px solid #333; margin-top:59px; font-size:14px; } .copy span {width:100%;height: 90px;display: inline-block;color: #888;line-height: 90px;text-align: left;} .copy span a{ color: #888; font-size:14px;} .copy span a:hover{ color: #fff;} /*浮动*/ .my-kefu{position: fixed;right: 0px;top:20%;z-index:9999;} .my-kefu ul{width: 77px;} .my-kefu li a{text-decoration: none;} .my-kefu li{background: #103886;margin-top: 1px;padding: 9px 0;height: 80px;width: 77px;} .my-kefu li i{background: url(http://login.114my.cn/memberpic/dgyuehongfan/uploadfile/image/20171220/20171220175102_1029219638.png) no-repeat;display:block; width: 30px; height: 27px; margin: 0px auto; text-align: center;} .my-kefu li p{height: 20px; line-height: 20px; overflow: hidden;text-align: center;color: #fff;} .my-kefu .my-kefu-qq i{background-position: 4px 0;} .my-kefu .my-kefu-tel i{background-position: 0 -25px;} .my-kefu .my-kefu-tel1 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel1:hover{ width:246px; height:163px;} .my-kefu .my-kefu-tel2 i{background-position: -35px 4px;} .my-kefu .my-kefu-tel2:hover{ width:246px; height:163px;} .my-kefu .my-kefu-liuyan i{background-position: 4px -53px;} .my-kefu .my-kefu-weixin i{background-position: -34px 4px;} .my-kefu .my-kefu-weibo i{background-position: -30px -22px;} .my-kefu .my-kefu-ftop{background-color:#103886;} .my-kefu .my-kefu-ftop i{width:33px;height:35px;background-position: -27px -51px;} .my-kefu-left{ float: left; width: 77px; height: 47px;position: relative;} .my-kefu-tel-right{font-size: 15px; color: #fff; float: left; height: 24px; line-height: 24px; padding-left:15px; border-left: 1px solid #fff; padding-top: 10px;} .my-kefu-tel1-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-tel2-right{font-size: 20px; color: #fff; float: left; height: 24px; line-height: 22px; margin-top: 8px; border:none; margin:0 auto; margin-bottom:5px;} .my-kefu-right{width: 20px;} .my-kefu-tel-main{color: #fff; margin-top: 9px; height: 47px; width: 247px;display:flex;} .my-kefu-main{width: 97px;position: relative;} .my-kefu-weixin-pic{position: absolute;left: -130px;top: -24px; display: none;}