@charset "utf-8"; /* CSS Document */ html,body,div,iframe,em,img,small,b,u,i,dl,dt,dd,ol,ul,li,p{font:14px/20px "微软雅黑",Arial,sans-serif;font-weight:normal;margin:0px;padding:0px;list-style:none;font-style:normal;position:relative;} h1,h2,h3,h4,h5,h6 {margin:0px;padding:0px;list-style:none;}body {}body,html{width:100%;height:100%;} a:link {text-decoration:none;color:#070707;} a:visited {text-decoration:none;color:#070707;} a:active {text-decoration:none;color:#070707;} p{color:#666;} img{width:100%;float:left;} :before{content:"";position:absolute;z-index:1;} :after{content:"";position:absolute;z-index:1;} article,footer{width:100%;float:left;} @keyframes more_down {0% {opacity:0;}25% {opacity:1;}50% {opacity:1;}75% {opacity:1;}100% {opacity:0;}} .box{width:calc(100% - 300px);float:left;padding:30px 150px;} .cw{width:100%;float:left;} .bg{background:#F8F8F8;} .head {width:100%;float:left;} .c_logo {width:300px;float:left;} .c_logo img{width:auto;height:40px;margin-right:10px;} .c_logo h1{height:40px;float:left;font-size:30px;display:flex;align-items:center;} .c_top{padding-top:10px;padding-bottom:10px;} .c_top dt{width:calc(100% - 500px);float:left;height:22px;line-height:22px;overflow:hidden;color:rgba(255,255,255,.80);} .c_top dt strong{position:relative;padding-left:15px;} .c_top dt strong:before{content:"、";left:0px;bottom:0px;} .c_top dt strong:nth-child(1){padding:0px;} .c_top dt strong:nth-child(1):before{display:none;} .c_top dd{float:right; color:#fff;font-size:20px;line-height:20px;padding-left:24px;background:url("../btel.png") no-repeat 0 1px;background-size:18px;} .c_top dd strong{font-size:14px;display:inline-block;margin-right:5px;position:relative;top:-1px;} .c_nav {float:right;} .c_nav a {float:left;line-height:40px;font-size:20px;position:relative;margin-left:40px;} .c_nav a:after {width:0px;height:3px;position:absolute;bottom:-5px;left:50%;right:50%;transition:0.3s ease-out;border-radius:8px;visibility:hidden;z-index:5;} .c_nav a:hover:after,.c_nav a.active:after {width:100%;left:0;right:0;visibility:visible;} .ban{width:100%;float:left;position:relative;} .ban .txt{position:absolute;left:50%;top:50%;margin-left:-200px;margin-top:-80px;text-align:center;} .ban .txt:after{width:60px;height:5px;background:#0052D9;left:50%;margin-left:-30px;top:65px;border-radius:6px;} .ban .txt h2{font-size:32px;line-height:40px;color:#0052D9;} .ban .txt h3{font-size:20px;line-height:40px;margin-top:40px;color:#3D485D;} .c_title{width:100%;float:left;text-align:center;margin-bottom:20px;} .c_title h2{width:100%;font-size:30px;line-height:50px;font-weight:bold;position:absolute;z-index:2;} .c_title h2:after,.c_title h2:before{width:40px;height:4px;transform:skewX(-30deg);left:50%;margin-left:-30px;bottom:-10px;} .c_title h2:before{width:10px;background:#F04142;margin-left:13px;} .c_title b{margin:0 auto;display:table;text-align:center;font-size:70px;line-height:70px;text-transform:uppercase;letter-spacing:8px;position:relative;top:-10px;color:rgba(152,163,183,.30);} .c_about{width:100%;float:left;} .c_about li{width:calc(100% - 700px);float:left;position:relative;} .c_about li:nth-child(1) h2{font-size:30px;line-height:40px;margin-top:15px;display:block;padding-left:17px;position:relative;} .c_about li:nth-child(1) h2:before{width:5px;height:calc(100% - 12px);left:0px;top:8px;} .c_about li p{color:#000;font-size:18px;line-height:30px;margin-top:20px;} .c_about li a{display:inline-block;margin-top:30px;line-height:50px;padding:0 30px;border-radius:40px 40px 40px 0px;position:relative;color:#fff;} .c_about li a:hover{color:#fff;} .c_about li:last-child{width:450px;float:right;} .c_about li:last-child i{width:100%;float:left;;position:relative;margin-bottom:90px;} .c_about li:last-child img{border-radius:40px 0 40px 0;} .c_about li:last-child i:before{width:100%;height:100%;left:0px;top:0px;background:rgba(255,255,255,.50);} .c_about li:last-child em{position:absolute;font-size:60px;font-weight:bold;line-height:50px;bottom:43px;left:50px;z-index:2;} .c_about li:last-child h2{left:200px;position:absolute;bottom:50px;font-size:30px;z-index:2;} .c_about li:last-child:before{width:69%;height:70%;left:-28px;bottom:0px;background:url("../dbg.png");z-index:-1;} .c_about li:last-child em:before {width:83px;height:80px;left:28px;top:-40px;} .c_about li:last-child em:after,.c_about li:last-child h2:after{width:3px;height:30px;left:28px;top:-40px;background:#0052D9;} .c_about li:last-child h2:after{top:auto;height:20px;left:17px;bottom:-41px;} .c_about li:last-child:after {width:145px;height:60px;left:72px;bottom:9px;} .c_anli{width:100%;float:left;position:relative;} .c_anli ul{margin-left:-20px;} .c_anli li{width:calc(25% - 20px);float:left;margin:10px 0 10px 20px;position:relative;overflow:hidden;box-shadow: 0px 5px 40px rgba(0, 0, 0, 0.1);background:#fff;cursor:pointer;} .c_anli li i{width:100%;display:block;overflow:hidden;position:relative;} .c_anli li:hover img {transform:scale(1.1);transition:600ms;} .c_anli li h2{width:calc(100% - 60px);float:left;height:50px;line-height:50px;overflow:hidden;padding:0 45px 0 15px;position:relative;z-index:5;font-size:16px;} .c_anli li i:before{width:100%;height:100%;z-index:2;} .c_anli li:hover i:before{background:rgba(0,0,0,.30);} .c_anli li:hover h2{color:#fff;} .c_anli li h2:before{content:"···";font-size:16px;color:#999;right:10px;} .c_anli li:hover h2:before{color:#fff;} .h_news{width:100%;float:left;position:relative;margin-bottom:15px;} .h_news ul{} .h_news li{width:calc(100% - 44px);float:left;position:relative;background:#fff;padding:20px;border-radius:4px;border:solid 2px #fff;} .h_news li i{width:calc(33.3% - 30px);float:left;max-height:200px;overflow:hidden;position:relative;margin-right:20px;border-radius:4px;} .h_news li h2{font-size:18px;font-weight:bold;line-height:24px;margin-bottom:10px;margin-top:30px;position:relative;} .h_news li h2:before{content:"头条要闻";padding:0px 6px;font-size:12px;color:#fff;background:#F04142;top:-30px;border-radius:8px 8px 8px 0px;} .h_news li p{line-height:20px;height:40px;overflow:hidden;font-size:14px;margin-top:20px;} .h_news li:hover img {transform:scale(1.1);transition:600ms;} .h_news li:before{width:calc(68% - 90px);height:1px;background:#F2F2F2;right:60px;bottom:30px;} .h_news li:after{width:14px;height:16px;background:url("../gd.png") no-repeat;background-size:100%;bottom:27px;right:30px;} .h_news li:hover:after{bottom:22px;transform:rotate(45deg);transition:460ms;} .c_news{width:100%;float:left;position:relative;} .c_news ul{margin-left:-30px;} .c_news li{width:calc(33.3% - 74px);float:left;margin:15px 0 15px 30px;position:relative;background:#fff;border-radius:4px;padding:20px;border:solid 2px #fff;} .c_news li h2{font-size:18px;font-weight:bold;height:24px;line-height:24px;overflow:hidden;} .c_news li p{height:48px;line-height:24px;margin-top:9px;overflow:hidden;} .c_news li time{margin-top:18px;display:inline-block;color:#98A3B7;} .c_news li:before,.c_news li:after{width:calc(100% - 133px);height:1px;background:#F2F2F2;left:110px;bottom:30px;} .c_news li:after{width:0px;} .c_news li:hover:after{width:calc(100% - 120px);transition:460ms;} .c_news li:hover,.h_news li:hover{background-image:linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);box-shadow: 0 4px 33px rgba(190,196,207,.28);transition:460ms;} .brand{width:100%;float:left;} .brand ul{width:85%;float:left;position:relative;padding-left:15%;} .brand li{width:calc(20% - 42px);float:left;background:#fff;border:solid 1px #F2F2F2;margin:10px 0 10px 20px;padding:10px;border-radius:4px;} .brand li img{width:auto;float:left;height:44px;margin-right:10px;} .brand li h2{font-size:16px;height:44px;display:flex;align-items:center;} .brand li:hover{box-shadow:8px 8px 20px 0 rgba(55,99,170,.2),-8px -8px 20px 0 #fff;transform:translateY(-5px);transition:360ms;} .brand li:nth-child(1){width:15%;font-size:20px;line-height:30px;border:0px;background:none;position:absolute;left:0px;top:0px;margin:0;} .brand li:nth-child(1):hover{box-shadow:none;transform:translateY(0px);} .next{width:50px;position:fixed;right:10px;bottom:10px;z-index:88;} .next a:before{width:100%;height:100%;border-radius:50%;left:0px;top:0px;animation:scale 1.2s infinite;} @keyframes scale{0%{transform:scale(0);opacity:.9}100%{transform:scale(1.4);opacity:0;}} .next a{width:100%;height:50px;float:left;display:block;border-radius:40px;position:relative;z-index:3;margin-bottom:20px;} .next a:after{width:24px;height:20px;background:url("../more.png") no-repeat;background-size:100%;left:13px;top:17px;} .next a:nth-child(1){background:rgba(255,255,255,.95);} .next a:nth-child(1):after{height:36px;background:url("../lmu.png") no-repeat 0 -38px;background-size:100%;top:8px;} .c_kefu {width:50px;position:fixed;right:10px;top:50%;margin-top:-150px;display:block;z-index:55;border-radius:50px;background-image: linear-gradient(0deg, #ffffff 0%, #f3f5f8 100%);border:2px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1);padding:20px 0;} .c_kefu a {width:100%;float:left;text-align:center;font-size:12px;line-height:12px;position:relative;margin-top:20px;} .c_kefu a i {width:30px;height:32px;background:url("../ri_ico.png") 0px -86px;background-size:100%;margin:0 auto;display:table;position:relative;z-index:3;top:-2px;} .c_kefu a:nth-child(2) i{background-position:0 -131px;} .c_kefu a:nth-child(3) i{background-position:0 -41px;} .c_kefu a:nth-child(4) i{background-position:0 -177px;} .c_kefu a em{width:110px;position:absolute;left:-180px;top:5px;background:#fff;border-radius:4px;font-size:16px;padding:10px;visibility:hidden;box-shadow:0px 0px 10px 0 rgba(0,0,0,.16);font-weight:bold;} .c_kefu a em:after{height:0;width:0;border-color:transparent transparent transparent #fff;border-style:solid;border-width:5px;right:-10px;top:13px;} .c_kefu a:hover em{visibility:visible;left:-130px;transition:460ms;} .c_kefu a:nth-child(1){margin-top:0px;} .f_menu{width:calc(100% - 300px);float:left;padding:20px 150px;} .f_menu li{float:left;position:relative;} .f_menu li img{width:auto;float:left;height:40px;} .f_menu li h2{float:left;font-size:22px;line-height:40px;margin-left:10px;} .f_menu li:last-child{float:right;} .f_menu li:last-child a{display:inline-block;line-height:40px;padding-right:41px;font-size:18px;position:relative;} .f_menu li:last-child a:before{width:1px;height:14px;background:#98A3B7;right:20px;top:14px;} .f_menu li:last-child a:last-child{width:30px;height:30px;padding:0px;position:relative;top:10px;border-radius:10px;background:#F04142 url("../top.png") no-repeat center 7px;background-size:20px;} .f_menu li:last-child a:last-child:before{display:none;} .f_cont{width:calc(100% - 300px);float:left;padding:30px 150px;background:#1E1E1E;} .f_cont ul{width:100%;float:left;} .f_cont li{width:180px;float:left;position:relative;} .f_cont li h2{color:rgba(255,255,255,.5);line-height:32px;font-size:14px;} .f_cont li p{color:#E6E6E6;} .f_cont li b{color:#fff;font-size:30px;line-height:40px;display:block;margin-top:43px;font-weight:bold;} .f_cont li span{width:34px;font-size:14px;line-height:14px;text-align:center;position:absolute;left:110px;top:0px;border:solid 1px #fff;color:#fff;border-radius:4px;padding:3px 0;background:rgba(255,255,255,.30);} .f_cont li i{width:80px;float:left;margin:0 15px;position:relative;} .f_cont li i:before{width:100%;height:100%;background:rgba(255,255,255,.10);border:solid 1px rgba(255,255,255,.50);left:-5px;top:-5px;border-radius:4px;} .f_cont li img{position:relative;z-index:2;border-radius:4px;} .f_cont li:nth-child(1){width:39%;} .f_cont li:nth-child(2){width:20%;} .f_cont li:nth-child(3){margin-left:8%;} .f_cont li:nth-child(4){float:right;} .f_cont li:last-child{width:61%;} .f_cont li:last-child:before{width:calc(100% - 70px);height:1px;background:#596062;right:0px;top:16px;} .f_cont dl{width:100%;float:left;border-top:solid 1px #596062;padding-top:20px;margin-top:20px;} .f_cont dt{float:left;color:rgba(255,255,255,.7);} .f_cont dd{float:right;color:rgba(255,255,255,.7);} .f_cont dd span{font-size:14px;} .f_cont dd a{display:inline-block;line-height:14px;color:rgba(255,255,255,.7);position:relative;padding-right:15px;font-size:14px;} .f_cont dd a:before{content:"、";right:0px;bottom:0px;} .f_cont dd a:last-child{padding:0px;} .f_cont dd a:last-child:before{display:none;} .f_cont dd a:hover{color:#fff;} .abg{width:100%;background:url("../ban.jpg") no-repeat;background-size:90%;padding:0px;} .abg:after{width:150px;height:150px;background:url("../sj.webp");background-size:100%;right:49%;top:-40px;z-index:3;} .abg:before{width:360px;height:330px;background:url("../kf.png");right:80px;bottom:0px;z-index:3;} .c_ad{width:100%;float:left;padding:60px 0;line-height:40px;position:relative;z-index:2;overflow:hidden;} .c_ad:before{width:58%;height:100%;right:-58px;top:0px;transform:skewX(-16deg);} .c_ad h2,.c_ad h3{font-size:18px;margin-left:150px;} .c_ad i{width:178px;height:186px;position:absolute;right:35%;bottom:30px;background:url("../ewmbg.png");z-index:3;} .c_ad img{width:120px;margin:32px 0 0 25px;border-radius:6px;} .c_ad b{background:#F04142;color:#fff;font-size:20px;font-weight:bold;padding:5px 10px 7px 5px;border-radius:4px;display:inline-block;transform:skewX(-16deg);margin:0 10px;position:relative;top:-5px;} .c_ad em{font-size:22px;line-height:26px;font-weight:bold;display:inline-block;padding-right:20px;position:relative;} .c_ad em:before{width:3px;height:20px;background:rgba(255,255,255,.7);right:8px;bottom:0px;transform:skewX(-10deg);}