/*标签样式初始化*/ 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; font-size:14px;} *{-webkit-box-sizing: border-box;box-sizing: border-box;} #copy { display: none;} a {color: #666; text-decoration: none;} a:hover { color:#ee7b1d;text-decoration: none; border-bottom-style:} .bg{ width: 100%;min-width: 1300px;position: relative;} .box{margin:0 auto;min-width:1300px;max-width: 1600px;padding: 0px 5%;box-sizing: border-box;} .w1300{margin: 0 auto;width:1300px;} .fl { float: left;} .fr {float: right;} /*左右浮动清除*/ .clear { clear: both;height: 0px; overflow: hidden;} @keyframes hover{ 0%{transform:scale(1)} 25%{transform:scale(.6)} 50%{transform:scale(1)} 75%{transform:scale(1.2)} 100%{ttransform:scale(1)} } /*间隙*/ .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;} .t h3{color: #333;font-size:40px;margin-top:-48px;font-weight: normal;} .t h3 b{color: #ee7b1d;font-weight: normal;} .t p{font-size:18px;margin-top:6px;} .t span{display: block;font-weight: bold;font-size: 70px;line-height: 58px;color: #eee;} /*抬头*/ .top_bg{height:46px;line-height: 46px;background: #f5f5f5;} .top_fl{width:60%;height: 46px;overflow: hidden;} .top_fr p{float:left;margin-right: 20px;font-size: 14px;color:#ccc;} .top_fr p:first-child,.top_fl p:first-child a{color:#999;} .top_fr p b{font-size:20px;color:#e91a20;font-weight: bold;} .top_fr{height: 46px;} .top_fr a{display: block;float: left;margin:10px 8% 0 0;} .top_fr a:last-child{margin-right: 0;} /*导航*/ .head_bg{height:86px;background:#fff;} .head,.top{margin:0 auto;min-width:1300px;max-width: 1600px;padding: 0px 5%;box-sizing: border-box;} .logo{display: inline-block;width: 21%;} .logo img{margin-top:12px;} .NavCeshi li{float:left;padding: 0 30px;position:relative;top: 0px;transition: 0.2s all ease-in-out;} .NavCeshi li>a{display:block;position: relative;} .NavCeshi li i{line-height: 86px;font-style:normal;font-size: 15px;color:#666;} .NavCeshi > li.cur > a:before,.NavCeshi > li:hover > a:before{ left: 12px !important} .NavCeshi > li > a:after{ content: ''; display: block; width: 0%; height:3px;transition: 0.2s all ease-in-out; position: absolute; left: 0; bottom: 0; background: #ee7b1d; } .NavCeshi > li.cur > a:after, .NavCeshi > li:hover > a:after{ width: 100%} .NavCeshi > li.cur > a, .NavCeshi > li:hover > a{color:#ee7b1d;} /*下拉*/ .NavCeshi .nav2{width:190px;border-top: 4px #ee7b1d solid;position: absolute;left: 50%;top:100px;z-index: 9;transform: translate(-50%);transition: all 0.3s ease-out 0s;opacity: 0;} .NavCeshi li:hover .nav2{opacity: 1;top:86px;} .NavCeshi .nav2 a{display: block;height: 50px;line-height: 50px;background: #ee7b1d;color: #fff;text-align: center;transition:ease-out .3s;} .NavCeshi .nav2 a:hover{background: #fff;text-indent: 10px;color: #ee7b1d;} @media (max-width: 1780px) and (min-width: 1681px){ .NavCeshi > li{padding: 0 26px;} } @media (max-width: 1680px) and (min-width: 1600px){ .NavCeshi > li{padding: 0 24px;} } @media (max-width: 1599px) and (min-width: 1400px){ .NavCeshi > li{padding: 0 20px;} } @media (max-width: 1399px) and (min-width: 1200px){ .NavCeshi > li{padding: 0 18px;} } /*footer*/ .footer {display: -webkit-box;display: -ms-flexbox;display: flex;} .footer_bg{width: 100%; color: #fff;background: #131513;position: relative;overflow:hidden;padding: 80px 0 70px;} .bq_item li{position: relative;} .bq_item li{ float: left;position: relative;} .bq_item li:before{content: '';position: absolute;width:12px;height: 1px;background: #ee7b1d;top:24px;left: -22px;} .bq_item li+li{margin-left:15%;} .bq_item li a{ display: block;font-size: 15px; line-height: 36px; color: rgba(255,255,255,0.47);font-weight: lighter;} .bq_item li a:hover{color:#fff;} .footer_t{ font-size: 18px !important; color: #fff !important; line-height: 48px !important; position: relative;font-weight: bold;} .footer li p img{width:120px;border:10px #fff solid;} .copy{line-height: 30px; font-size: 14px;color: #999; margin-top:20px; padding-top: 10px;} .copy a{font-size: 14px; color: #999;} .copy a:hover{color: #ff7b0f;} .copy_bg{height: 80px;background: #131513;line-height: 80px;overflow:hidden;border-top: 1px solid rgba(255,255,255,0.1);} .copy_b{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;} .copy_bg div{color: rgba(255,255,255,0.47);} .copy_b div:nth-child(1){width: 65%;} .copy_bg div a{color: rgba(255,255,255,0.47);font-size:14px;} .copy_bg div a:hover{color:#fff;} .foo_icon li div p {margin-top: 3px;} .cl {clear: both;} .banq{width: 73%;} .bq_cl>b, .bq_cr>b, .bq_r>b {font-size: 24px;color: #fff;display: block;margin-bottom: 20px;line-height: 48px;} .bq_ewm {display: -webkit-box;display: -ms-flexbox;display: flex;padding-top: 40px;position: relative;} .bq_ewm li span {display: block;width: 36px;height: 36px;border-radius: 100%;font-size: 14px;text-align: center;line-height: 34px;color: #fff;background: #131513;border:1px solid rgba(255,255,255,0.3);} .bq_ewm li span img{width: 100%;} .bq_ewm li span:hover{background:#ee7b1d;border-color:#ee7b1d;} .ewm_cc {position: absolute;top: -100px;left:0;display: none;} .bq_r {width: 26%;position: relative;-webkit-box-sizing: border-box;box-sizing: border-box;} .bq_lx {line-height: 36px;} .bq_lx li{font-size: 15px;color: rgba(255,255,255,0.47);} .bq_ewm li+li {margin-left: 10px;} .bq_item li:first-child {padding-left: 20px;} .bq_item li:first-child:before {left: 0;} .links{ background:#ee7b1d; line-height:92px; font-size:16px; color:#333;} .links p.fl{ background:url(../img/20211223110212_53581255.png) no-repeat left center; padding-left:33px;color:#fff;} .links p.fr a{ font-size:14px; color:#333; font-weight:lighter;} .end{ text-align:center;} .end,.end a{ font-size:14px; color:#666; font-weight:lighter; line-height:70px;} .links_r{width:90% !important; padding-left:1%;} .links_r a{margin: 0 5px; font-size: 14px;} .links_r a:hover{text-decoration: underline;} .pages_box { text-align: center; margin-top: 20px; margin-bottom: 50px; line-height: 28px; } .pages_box li { display: inline-block; } .pages_box a { vertical-align: top; display: inline-block; padding: 5px 15px; border: 1px solid #e5e5e5; border-radius: 3px; text-align: center; margin: 0 2px; background: #fff; font-size: 14px; color: #222; } .pages_box .active a { border-color: #ee7b1d; background: #ee7b1d; color: #fff; } .pages_box .active a:hover { color: #fff; } .pages_box a:hover { color: #ee7b1d; } .bodycon { margin: 0 auto; width: 100%; min-width: 1300px; max-width: 1600px; box-sizing: border-box; padding-bottom: 80px; padding-left: 5%; padding-right: 5%; } .mianbxContent { width: 100%; height: 80px; line-height: 80px; font-size: 15px; text-align: left; transition: 0.1s all; position: relative; font-weight: 100; color: #666; } .bodycon .left { float: left; width: 21%; } .bodycon .center { float: right; width: 76%; }