body{overflow-x: hidden;overflow-y: auto;} body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;} input,button,ul,ol{margin: 0px; padding: 0px;} body,input,button,form{font-size: 14px;line-height: 28px;font-family: "microsoft yahei","宋体", "Arial";color: #333;} h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;} ul,ol,li{list-style: none;} input{background: none; border: 0 none;} img,iframe{border: 0px;} em,i{font-style: normal;} button,input,select,textarea{font-size: 100%;} table{border-collapse: collapse; border-spacing: 0;} .red{color: #ba292e;} .fl{float: left;} .fr{float: right;} .tac{text-align: center;} .tar{text-align: right;} .poa{position: absolute;} .por{position: relative;} .hidden{display: none;} .w1200{width: 1200px; margin: 0 auto;} a{color: #434343;text-decoration: none;} a:hover{color: #e4181b; text-decoration: none;} a:visited{text-decoration: none;} .ease, .ease *{-webkit-transition: all ease 300ms; -moz-transition: all ease 300ms; -ms-transition: all ease 300ms; -o-transition: all ease 300ms; transition: all ease 300ms;} .noease, .noease *{-webkit-transition: none; -moz-transition: none; -ms-transition: none; -o-transition: none; transition: none;} :-moz-placeholder{color: #aaa;} ::-moz-placeholder{color: #aaa;} input:-ms-input-placeholder, textarea:-ms-input-placeholder{color: #aaa;} input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color: #aaa;} /*清除浮动*/ .clearfix{*zoom: 1;} .clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;} /*网站顶部*/ .top_main{width: 100%;height: 35px;color: #666666;font-size: 12px;line-height: 35px;background:#F5F5F5 ;} .top_main li{position: relative;display: inline-block;text-align: center;margin: 0 8px;} .top_main .split{display: inline-block;width: 1px;height: 12px;background: #858585;vertical-align: middle;margin: 0;margin-top: -2px;} .top_main li a{color: #666666;cursor: pointer;} .top_main li a:hover{color: #e4181b;} /*网站头部*/ .header_main{width: 100%;height: 80px;} .header_main .logo{display: block; } .header_main .logo img{height: 100%;display: block;height: 59px;margin:10.5px 0px;} .header_main .tel{float: right !important;} .header_main .tel .tel_img{margin-right: 14px; float: left; width: 57px; height: 57px;} .header_main .tel .tel_img img{width: 100%; display: block;} .header_main .tel .tel_text{float: right !important;} .header_main .tel .tel_text p{font-size: 16px;line-height: 16px;color: #3a3a3a;padding: 7px 0 10px;} .header_main .tel .tel_text h4{font-size: 24px;font-weight: bold;color: #e4181b;display: inline-block;line-height: 24px;} .header_main .tel:hover img{animation: zy 2.5s .15s linear infinite; -moz-animation: zy 2.5s .15s linear infinite; -webkit-animation: zy 2.5s .15s linear infinite; -o-animation: zy 2.5s .15s linear infinite;} /*网站导航*/ .nav_main{width:100%;height: 55px;position: relative;z-index: 3; margin:auto 0;border-top:1px solid #ccc;} .nav_main .nav{display: flex;justify-content: space-between;align-items: center;line-height:55px; width:100%;} .nav_main .nav li{line-height: 40px;display: block;position: relative;z-index: 10;font-size: 16px;text-align: center;transition: all .3s ease-in-out 0s; width:calc(100% / 6); margin:0 1px;} .nav_main .nav li a{display: block;color:#222;font-size:16px;line-height:55px;}.nav_main .nav li:hover a{color:#fff;}.nav_main .nav li.hover a{color:#fff;} .nav_main .nav li:hover, .nav_main .nav li.hover {background: #02469b; } .nav_main .nav dl{width: 100%;position: absolute;left: 0;top: 100%;z-index: 12;box-shadow: 3px 0 10px rgba(0, 0, 0, 0.1);} .nav_main .nav dl{position: absolute;filter: progid:DXImageTransform.Microsoft.Shadow(color=#4c91c0,direction=120,strength=5);opacity: 0;visibility: hidden;transition: all .6s ease 0s;transform: translate3d(0, 10px, 0);-moz-transform: translate3d(0, 10px, 0);-webkit-transform: translate3d(0, 10px, 0);} .nav_main .nav li:hover dl{opacity: 1;visibility: visible;transform: translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-webkit-transform: translate3d(0, 0, 0);} .nav_main .nav dl dd{line-height: 44px;height: 44px;text-align: left;position: relative;z-index: 12;display: block;width: 100%;} .nav_main .nav dl dd:first-child{border: none;} .nav_main .nav dl dd a{color: #fff;font-size: 14px;padding: 0;background: #02469b;text-align:center;background-repeat: no-repeat;background-image: -webkit-linear-gradient(left, #e4181b, #e4181b);background-image: linear-gradient(to right, #e4181b, #e4181b);-webkit-transition: all 0.5s;transition: all 0.5s;background-size: 0% 100%;} .nav_main .nav dl dd a:hover {background-size: 100% 100%;padding-left: 10px;color: rgba(255, 255, 255, 0.9999);} .nav_main .tel p{display: block;color:#222;font-size:16px;line-height:55px;} .nav_main .tel img{margin:0 5px -4px 0;} .nav_main .tel b{color:#02469b;} /*网站大图*/ #banner_main{overflow:hidden;position: relative;z-index: 2;max-width:1920px;margin:0 auto;} #banner_main .banner{height: 700px;} #banner{width:100%;min-width:1000px;position:relative;overflow:hidden;z-index:0;} #banner, .banner ul{overflow:hidden;} .banner li{width:100%;position:absolute;z-index:1;overflow:hidden;display: none;} .banner li:first-child{display:block;} .banner li img{width:1920px;display:block;position:relative;left:50%;margin-left:-960px;top:0;} #banner .tip{width:1000px;height: 18px;line-height:0;font-size:0;text-align:center;position:absolute;left:50%;margin-left:-500px;bottom: 30px;z-index:3;} #banner .tip span{width: 10px;height: 10px;margin: 0 5px;display:inline-block;cursor: pointer;background: #fff;border-radius: 14px;transition: all .5s;} #banner .tip span.cur{width: 20px;height: 10px;background:#0e4bb5;} #banner #btn_prev,#banner #btn_next{width: 40px;height: 40px;position:absolute;top: 50%;margin-top: -20px;background: url(../image/arrows.png) no-repeat;z-index:5;opacity: 0;} #banner #btn_prev{left: 4%;transition: all 600ms ease;} #banner #btn_next{background-position: -40px 0;right: 4%;transition: all .5s ease;} #banner:hover #btn_prev,#banner:hover #btn_next{opacity: 1;} /*搜索栏*/ .search_main{height: 60px;width:100%;overflow:hidden; background:#f5f5f5;} .search_main .skey{float:left;line-height: 60px;} .search_main .skey p{font-size: 14px;font-weight: bold;color: #666;line-height: 60px;} .search_main .skey p a{display:inline-block;font-weight: normal;color: #666;border-right: 1px solid #e8e8e8;line-height: 15px;padding:0 12px;} .search_main .skey p a:last-of-type{border-right:none;} .search_main .skey p a:hover{color:#e4181b;} .search_main .search_form{float:right;width: 285px;height: 30px;overflow: hidden;border: 1px solid #e8e8e8;background-color:#fff;position:relative;margin-top: 14px;border-radius: 3px;position:relative;} .search_main .search_form input{background-color: none; border: none;} .search_main .search_form .stxt{width:245px;height: 30px;line-height: 28px;display: block;text-indent: 10px;color:#999;} .search_main .search_form .sbtn{width: 40px;height: 30px;display: block;cursor: pointer;position:absolute;top: 0;right: 0;font-size: 0;background: #e4181b url(../image/search.png) center no-repeat;outline: none;border: none;} .search_form{float:right;width:100%;height: 40px;overflow: hidden;border: 1px solid #e8e8e8;background-color:#fff;position:relative;margin-top: 20px;border-radius: 3px;position:relative;} .search_form input{background-color: none; border: none;} .search_form .stxt{width:80%;height: 40px;line-height: 38px;display: block;text-indent: 10px;color:#999;} .search_form .sbtn{width: 20%;height: 40px;display: block;cursor: pointer;position:absolute;top: 0;right: 0;font-size: 0;background: #e4181b url(../image/search.png) center no-repeat;outline: none;border: none;} /*网站底部*/ .footer{width:100%; padding-top:20px;} .footer .f_top{height: 75px;padding-top: 27px;text-align: center;} .links{height: 45px;padding: 20px 0 20px 0; width:1200px; margin: 30px auto;} .links span{width: 130px;padding: 0 20px 0 20px;height: 45px;border-right: 2px solid ##969592;float: left;} .links p{float: left;width: 1000px;height: 45px;line-height: 45px;padding-left: 26px;} .links p a:hover{color:#02469b;} .links p a{color:#fff;margin-right: 5px;} .footer .bottom{display: flex;justify-content: space-between;flex-wrap: wrap;padding-bottom:20px;} .footer .fl{width:68%;} .footer .fnav dl{display:inline-block;float:left;width: calc(100% / 5);overflow:hidden;text-align:center;margin-top: 20px;} .footer .fnav dl dt{color: #3c3c3b;font-size: 18px;line-height: 20px;display:block;font-weight: bold;} .footer .fnav dl dt a{color: #3c3c3b;font-size: 18px;line-height: 20px;display:block;font-weight: bold;} .footer .fnav dl dd{display:block;} .footer .fnav dl dd a{display:block;font-size:14px;color: #3c3c3b;line-height: 35px;} .footer .fnav dl dd a:hover{color: #e4181b;} .footer .contact{display:inline-block;padding: 0 10px;overflow:hidden;text-align:left;margin-top: 20px;width:30%;} .footer .contact dt{color: #3c3c3b;font-size: 18px;line-height: 20px;display:block;padding-bottom: 10px;font-weight: bold;} .footer .contact dt a{display:block; font-size:16px; color:#fff; line-height:16px;} .footer .contact dd{display:block;} .footer .contact dd p{display:block;font-size:16px;color: #666;line-height: 35px;} .footer .contact dd p i{display: inline-block;width: 12px;height: 12px;background: url(../image/f_ico.png) no-repeat;vertical-align: middle;padding-right: 10px;} .footer .contact dd p.tel i{background-position: 0 0;} .footer .contact dd p.cel i{background-position: 0 -14px;} .footer .contact dd p.web i{background-position: 0 -28px;} .footer .contact dd p.add i{background-position: 0 -42px;} .footer .ewm{margin: 12px 0 26px 0;} .footer .ewm li{float: left;text-align: center;line-height: 25px;color: #969592;margin-left:0px;} .footer .ewm li img{width: 100%;height: 100%;display: block;} .copyright{height: 30px;line-height: 30px;color: #969592;font-size: 12px;background: #ffffff;} .copyright a{color: #969592;font-size: 12px;} /*******index css*******/ /*产品中心*/ .index .product{width: 100%;padding: 60px 0;background:#f2f2f2;} .index .product .pro_left{width: 250px;} .index .product .pro_left .pro_tit{width: 100%;height: 140px;background: #02469b;} .index .product .pro_left .pro_tit h2{height: 66px;width: 195px;margin:auto;padding-top: 38px;text-align: center;color: #fff;} .index .product .pro_left .pro_tit h2 p{line-height: 30px;color: #fff;font-size: 30px;padding-left: 5px;} .index .product .pro_left .pro_tit h2 span{line-height: 30px;color: #fff;font-size: 14px;} .index .product .pro_left ul{background: #fff;border-bottom: 8px solid #02469b;padding: 10px 15px 30px 15px;} .index .product .pro_left ul li{font-size:12px;line-height: 38px;padding-left:25px;margin-top: 19px;overflow:hidden;background: #02469b url(../image/iconAdd.png) 190px center no-repeat;transition: all .5s;} .index .product .pro_left ul li:hover{background-color: #e4181b;} .index .product .pro_left ul li a{display: block;color: #fff;font-size: 14px;font-weight: bold;} .index .product .pro_left ul li a:hover{color:#fff;font-size:14px;text-decoration:none;font-weight:bold;} .index .product .pro_left .contactn{width: 190px;height: 76px;background: #02469b url(../image/conleft3.png) 15px center no-repeat;float: left;padding-left: 60px;padding-top: 34px;margin-top: 20px;} .index .product .pro_left .contactn p:nth-child(1){color: #fff;line-height: 20px;} .index .product .pro_left .contactn p:nth-child(2){color: #fff;line-height: 26px;font-size: 26px;font-family: arial;} .index .product .con_right{width: 920px;} .index .product .con_right .con_tit{height: 25px;border-bottom: 2px solid #02469b;padding: 0 10px 13px 6px;} .index .product .con_right .con_tit p{float: left;padding-left: 8px;color: #02469b;font-size: 22px;font-weight: bold;line-height: 25px;} .index .product .con_right .con_tit span{color: #726f6f;font-size: 14px;font-family: arial;line-height: 25px;text-transform: uppercase;} .index .product .con_right .con_tit .more{float: right;color: #666;line-height: 25px;} .index .product .con_right ul{width: 100%;} .index .product .con_right ul li{width: 290px;margin-right: 22px;margin-top: 22px;float: left;background: #02469b;transition: all .5s;} .index .product .con_right ul li:nth-child(3n){margin-right: 0;}.index .product .con_right .wai{width: 100%;height: 248px; overflow:hidden;} .index .product .con_right ul li img{width: 100%;height: 100%;display: block; transition:all .4s; }.index .product .con_right ul li:hover img{transform:scale(1.2);} .index .product .con_right ul li h3{color: #fff;line-height: 42px;text-align: center;} .index .product .con_right ul li:hover{background: #e4181b;} /*产品应用*/ .index .yingyong{width: 100%;margin: 60px 0;text-align: center;} .index .yingyong .w1200{position: relative;} .index .yingyong h3{color: #02469b;font-size: 32px;font-weight: bold;line-height: 40px;} .index .yingyong p{color: #5b5a5a;font-family: arial;line-height: 40px;} .index .yingyong .solution-cen{position: relative;margin-top: 30px;margin-bottom: 60px;} .index .yingyong h1{margin-bottom:70px;} .index .yingyong .bd{min-height: 338px;} .index .yingyong .bd ul li{height: auto;overflow: hidden;} .index .yingyong .bd ul li .img-box{line-height: 0;margin-right:35px;width: 50%;overflow: hidden;} .index .yingyong .bd ul li .img-box img{ border-radius: 5px; object-fit: cover;width: 100%;height: 100%;display: block;} .index .yingyong .bd ul li .text-box{height: auto;overflow: hidden; padding-top:160px;} .index .yingyong .bd ul li .text-box h2{font-size:24px;color:#02469b;font-weight: bold;padding:0px 0 17px;margin-bottom: 16px;position: relative;} .index .yingyong .bd ul li .text-box h2 em{width: 33px;height: 3px;background-color: #02469b;overflow: hidden;display: block;position: absolute;left: 0;bottom: 0;} .index .yingyong .bd ul li .text-box h2 a{font-weight:normal;width: 79px;height: 28px;line-height: 28px;border: 1px solid #dadada;color: #666;font-size: 14px;text-align: center;position: absolute;right: 0;top: 0;} .index .yingyong .bd ul li .text-box h2 a:hover{background-color: #dadada;} .index .yingyong .bd ul li .text-box p{font-size:16px;line-height: 36px;color: #666; display: -webkit-box;-webkit-line-clamp: 5;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .index .yingyong .hd{position: absolute;/*right: -22px;*/right:0;top:0px;} .index .yingyong .hd ul li{cursor: pointer;float: left;color: #4c5155;font-size:16px;/*width: 108px;*/width:83px;text-align: center;-webkit-tap-highlight-color: transparent;transition: all .3s linear;} .index .yingyong .hd ul li span{font-size:48px;color:#f4f4f4;margin:0 auto;display: block;width: 70px;height: 70px;line-height:70px;margin-bottom: 16px;background:#9d9d9d;border-radius: 40px;-webkit-tap-highlight-color: transparent;transition: all .3s linear;} .index .yingyong .hd ul li span img{display: block;margin: auto;width: 40px;height: 40px;padding: 15px 0;} .index .yingyong .hd ul li a{color:#4c5155;} .index .yingyong .hd ul li:hover{color: #02469b;} .index .yingyong .hd ul li:hover span{color:#fff;background: #4D4D4D;border-radius:30px;} .index .yingyong .hd ul li:hover a{display:block;} .index .yingyong .hd ul li.on{color: #02469b;} .index .yingyong .hd ul li.on a{color: #02469b;} .index .yingyong .hd ul li.on span{color:#fff;background:#2969b5;border-radius: 20px;} .index .yingyong .hd ul li.on p,.index .yingyong .hd ul li p{font-weight:bold;} .index .yingyong .swiper-container{padding-top: 30px;padding-bottom: 60px;} .index .yingyong .swiper-slide{width: 520px;background: #fff;box-shadow: 0 8px 30px #ddd;} .index .yingyong .swiper-slide img{display:block;width: 100%;height: 390px;} .index .yingyong .swiper-slide p{position: absolute;bottom: 0;width: 100%;line-height: 60px;padding-top: 0;text-align: center;color: #fff;font-size: 24px;margin: 0;background: rgba(204,15,22,.8);transition: 0.4s;} .index .yingyong .swiper-pagination{width: 100%;bottom: 20px;} .index .yingyong .swiper-pagination-bullets .swiper-pagination-bullet{margin: 0 5px;border: 3px solid #fff;background-color: #d5d5d5;width: 10px;height: 10px;opacity: 1;} .index .yingyong .swiper-pagination-bullets .swiper-pagination-bullet-active{border: 3px solid #e4181b;background-color: #fff;} .index .yingyong .swiper-button-prev{left: 0px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 0;background-size: 100%;} .index .yingyong .swiper-button-prev:hover{background-position: 0 -46px;background-size: 100%} .index .yingyong .swiper-button-next{right: 0px;width: 45px;height: 45px;background: url(../image/wm_button_icon.png) no-repeat;background-position: 0 -93px;background-size: 100%;} .index .yingyong .swiper-button-next:hover{background-position: 0 -139px;background-size: 100%} /*关于我们*/ .index .aboutbg{width: 100%;padding-top: 70px;background: url(../image/about_bg.jpg) center top no-repeat;} .index .about{padding: 20px 18px 0 22px;box-sizing: border-box;background: #fff;overflow: hidden;} .index .about .abhead{width: 100%;height: 25px;border-bottom: 1px solid #e1e1e1;padding: 12px 0 11px 0;} .index .about .abhead p{display:block;float:left;background: url(../image/abhead_bg.png) no-repeat 10px 0;padding-left: 45px;line-height: 25px;border-bottom: 1px solid #02469b;height: 36px;color: #02469b;font-size: 22px;font-weight: bold;padding-right: 5px;} .index .about .abhead span{color: #c2c2c2;font-family: arial;font-size: 20px;line-height: 25px;} .index .about .abhead a{display: block;float: right;color: #666;padding-right: 10px;} .index .about .ableft{float:left;width: 430px;height: 290px;border:1px solid #e1e1e1;margin-top: 18px;padding: 22px 13px 23px 28px;background: url(../image/ableft_bg.png)no-repeat 13px;} .index .about .ableft img{width: 430px;height: 290px;display: block;} .index .about .abright{float: left;width: 625px;margin: 30px 20px 0 42px;} .index .about .abright span{display: block;font-weight: bold;font-size: 70px;color: #F2F2F2;padding-top: 20px;line-height: 10px;} .index .about .abright h3{color: #333;font-size: 34px;font-weight: bold;line-height: 25px;} .index .about .abright p{color: #666;line-height: 26px;margin-top: 30px;height: 182px;text-align: justify;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 6;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .index .about .abright .more{width: 126px;height: 38px;background: #e4181b;float: left;margin-top: 20px;color: #fff;line-height: 38px;text-decoration: none;text-align: center;} /*产品图库*/ .index .gallery{padding: 50px 20px 0 20px;box-sizing: border-box;background: #fff;overflow: hidden;} .index .gallery .xian{width: 100%;height: 22px;border-bottom:1px solid #e5e2e2 ;} .index .gallery .imenu{margin-top: -23px;text-align: center;} .index .gallery .imenu li{width: 150px;height: 46px;border-radius: 30px;background: #535353;line-height: 46px;text-align: center;display: inline-block;margin: 0 10px;transition: all .5s;} .index .gallery .imenu li a{display: block;color:#fff;} .index .gallery .imenu li.on,.index .gallery .imenu li:hover{background: #e4181b;} .index .gallery .ipro{position:relative;overflow:hidden;padding: 35px 0 20px 0;} .index .gallery .ipro .list{width: 100%;} .index .gallery .ipro .item{float:left;display: block;margin: 0 8px;} .index .gallery .ipro .item a{display: block;} .index .gallery .ipro .item .img{width: 217px;height: 163px;overflow: hidden;background-color: #f5f5f5;} .index .gallery .ipro .item img{width: 100%;height: 100%;display: block;transition: all 1s;object-fit: contain;} .index .gallery .ipro .item:hover img{transform: scale(1.1);} /*新闻中心*/ .index .inews{padding: 14px 0 0 0;} .index .inews .tilte{height: 47px;border-bottom: 1px solid #e1e1e1;} .index .inews .tilte li{float: left;} .index .inews .tilte li a{display: block;width: 115px;height: 19px;padding: 14px 0;padding-left: 40px;font-size: 20px;font-weight: bold;line-height: 20px;color: #333;background: url(../image/news_bg.png) no-repeat 6px;} .index .inews .tilte li:nth-child(2) a{background: url(../image/hy_bg.png) no-repeat 5px;margin-left: 15px;} .index .inews .tilte li a:hover,.index .inews .tilte li.on a{color: #02469b;border-bottom: 1px solid #02469b;background: url(../image/newshover_bg.png) no-repeat 6px;} .index .inews .tilte li:nth-child(2) a:hover,.index .inews .tilte li:nth-child(2).on a{background: url(../image/hyhover_bg.png) no-repeat 5px;} .index .inews .tilte .more{float: right;color: #666;line-height: 48px;padding-right: 10px;} .index .inews .newsleft{width: 560px;padding-top: 20px;float: left;} .index .inews .newsleft img{width: 563px;height: 215px;display: block;object-fit: cover;} .index .inews .newsleft dl{margin : 10px 0;overflow: hidden;} .index .inews .newsleft dt{float: left;} .index .inews .newsleft dt a{color: #333;font-size: 16px;font-weight: bold;} .index .inews .newsleft dd{float: right;} .index .inews .newsleft dd a{color: #313131;} .index .inews .newsleft p{float: left;color: #666;font-size: 14px;line-height: 24px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} .index .inews .newsright{width: 600px;padding-top: 10px;float: right;} .index .inews .newsright li{border-bottom: 1px dashed #e1e1e1;width: 600px;height: 56px;background: url(../image/newslist_bg.png) no-repeat 6px;} .index .inews .newsright li a{color: #333;line-height: 56px;text-decoration: none;padding-left: 30px;} .index .inews .newsright li a:hover{color: #02469b;} .index .inews .newsright li a span{float: right;color: #666;font-weight: normal;} /*常见问题*/ .index .problem{padding: 30px 0 22px 0;} .index .problem .tilte{width: 135px;float: left;} .index .problem .tilte h2{padding-top: 13px;color: #333333;font-size: 20px;font-weight: bold;line-height: 100%;} .index .problem .tilte h3{padding-top: 13px;color: #c9c9c9;font-size: 20px;font-weight: bold;font-family: arial;line-height: 100%;} .index .problem .prev{display: inline-block;width: 57px;height: 27px;background: url(../image/left2_03.png) no-repeat;float: left;margin-top: 35px;cursor: pointer;} .index .problem .next{display: inline-block;width: 57px;height: 27px;background: url(../image/right2_03.png) no-repeat;margin-top: 35px;cursor: pointer;} .index .problem .bd{float: right;width: 1065px;height: 128px;overflow: hidden;} .index .problem .list li{box-sizing: border-box;margin-right: 20px;float: left;width: 472px;height: 128px;border: 1px solid #e1e1e1;padding: 20px 20px 0 20px;} .index .problem .list li h3{color: #333;font-weight: bold;font-size: 16px;padding-left: 40px;display: block;background: url(../image/wen.png)no-repeat 0 0;line-height: 28px;} .index .problem .list li p{color: #797979;padding-left: 40px;display: block;background: url(../image/da.png)no-repeat 0 10px;line-height: 24px;padding-top: 10px; display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;text-align: justify;} /*******内页样式********/ .nybanner{width: 100%;position: relative;height: 300px;overflow: hidden;background-position: center;background-repeat: no-repeat;background-image: url(../image/1606105354278492.jpg);} .submian{padding: 20px 0;} .submian .sobtitle{height: 30px;line-height: 30px;padding: 5px 0;font-size: 14px;color: #666;border-bottom: 5px solid #02469b;margin-bottom: 20px;} .submian .sobtitle s{display: inline-block;width: 18px;height: 22px;margin-right: 10px;background: url(../image/locationIco.png) no-repeat;vertical-align: middle;} .submian .sobtitle a{font-size: 14px;color: #666;} .submian .sobtitle a:hover{color: #02469b;} /*内页左侧*/ .submian .subleft{width: 20%; background: #eeeeee;padding:2%;} .submian .subleft .title{background: #eeeeee;} .submian .subleft .title h2{height: 40px;width: 195px;color: #02469b;line-height:40px;} .submian .subleft .title h2 p{line-height: 40px;color:#02469b;font-size: 30px;} .submian .subleft .title h2 span{line-height: 30px;color:#02469b;font-size: 14px;} /*栏目分页*/ .submian .subleft .lefta{margin-bottom: 10px;} .submian .subleft .lefta .comt{background:#eeeeee;} .submian .subleft .lefta .comt ul{border-top: 0;} .submian .subleft .lefta .comt ul li{ border-bottom: 1px solid #ccc;} .submian .subleft .lefta .comt ul li a{display: block;color: #222;font-size: 14px;font-weight: bold;line-height: 38px;margin-top: 19px;overflow: hidden;transition: all .5s;} .submian .subleft .lefta .comt ul li:hover a, .submian .subleft .lefta .comt ul li.hover a{color:#e4181b;} .submian .subleft .lefta .comt ul li .boxlist{display: none;} .submian .subleft .lefta .comt ul li .boxlist li a{color: #333;font-size: 12px;font-weight: normal;margin-top: 10px;line-height: 35px;background: #fff url(../image/tb12.png) 15px center no-repeat;} .submian .subleft .lefta .comt ul li .boxlist li a:hover, .submian .subleft .lefta .comt ul li .boxlist li a.hover{color: #02469b;} .submian .subleft .lefta .comt ul li.hover .boxlist{display: block;} /*推荐产品*/ .submian .leftnews{margin-bottom: 10px;} .submian .leftnews ul{padding-top: 10px;border: 1px solid #ddd;border-top: 0;} .submian .leftnews ul li{float: left;text-align:center;width: 108px;margin-left: 9px;} .submian .leftnews ul li img{width: 108px;height: 81px;border: 1px solid #ddd;} .submian .leftnews ul li p{color: #666;font-size: 12px;line-height: 30px;transition: all .5s;} .submian .leftnews ul li:hover p{color:#e4181b;} /*联系我们*/ .submian .leftnews .leftcont{border-top: 0;} .submian .leftnews .leftcont h2{font-size: 16px;font-weight: bold;color: #02469b;padding-bottom: 10px;border-bottom: 1px solid #f2f2f2;text-align: center;} .submian .leftnews .leftcont p{color: #333;font-size: 14px;line-height: 30px;padding-top: 10px;display: block;} /*内页右侧*/ .submian .subright{width:75%;} /*默认单页*/ .submian .Aboutpage{color: #666;font-size: 14px;line-height: 28px;text-align: justify;} .submian .Aboutpage img{max-width: 100%;} .submian .t{padding: 0 0 25px;color: #e4181b;font-size: 18px;} .submian .t2{padding: 25px 0;color: #e4181b;font-size: 24px;} /*文章列表*/ .submian .Newslist{} .submian .Newslist .list{padding-bottom: 20px;} .submian .Newslist .item{border-bottom: 1px dashed #eaeaea;display: block;padding: 20px 0;transition: all .5s;} .submian .Newslist .item img{width:20%;margin: 0 1%;} .submian .Newslist .item a{display: block;} .submian .Newslist .item .time{width: 120px;height: 100px;font-family: arial;font-size: 18px;color: #666;text-align: center;background: #f2f2f2;} .submian .Newslist .item .time .day{font-size: 40px;line-height: 60px;display: block;} .submian .Newslist .item .txt{width: 78%;cursor: pointer;} .submian .Newslist .item .txt h3{font-size: 16px;line-height: 30px;transition: all .5s;} .submian .Newslist .item .txt .mark{color: #999;font-size: 12px;line-height: 20px;padding:0;} .submian .Newslist .item .txt .mark span{display: inline-block;padding-right: 18px;} .submian .Newslist .item .txt p{color: #666;line-height: 25px;text-align: justify;} .submian .Newslist .item .txt p span{display: inline-block;color:#e4181b;padding-left: 10px;} .submian .Newslist .item a:hover .txt h3{color:#e4181b;} .submian .Newslist .item:hover {background:url(../image/cpbj.jpg) bottom no-repeat;} .submian .Newslist .bzt h1{font-size:36px; font-weight:bold;line-height:200%;border-bottom:3px solid #02469b;} .submian .Newslist .bzt p{line-height:200%; margin:20px 0;} .submian .Newslist .bzt .flb{display:flex;justify-content: space-between;} .submian .Newslist .bzt .flb .jtlb{width:32%;height:60px;text-align:center;} .submian .Newslist .bzt .flb .jtlb a{color:#fff;line-height:60px; background:#02469b;width:100%;display:inline-block;} .submian .Newslist .bzt .flb .jtlb:hover a,.submian .Newslist .bzt .flb .jtlb .hover{background:#e4181b;transition: all .5s;} .subright .rybt{font-size:36px;text-align:center; font-weight:bold;line-height:200%; padding:15px 0 0; color:#02469b;} .subright .xiaobt{font-size:16px;text-align:center; font-weight:bold;line-height:200%; padding:0 0 40px;} /*图片列表*/ .Piclist ul.list{width: 100%;padding-left: 0px;display: flex;flex-wrap: wrap;} .Piclist ul.list li.item{width: 32%;margin-bottom: 30px;margin-right: 2%;border: 1px solid #ddd;box-sizing: border-box;} .Piclist ul.list li.item:nth-child(3n){margin-right: 0;} .Piclist ul.list li.item a{display: block;width:100%;overflow: hidden;position: relative;background: #fff;} .Piclist ul.list li.item span{width: 100%;height: 45px;color: #555;text-align: center;display: block;line-height: 45px;transition: all .5s;} .Piclist ul.list li.item img{display: block;width:100%;height: 100%;object-fit: cover;} .Piclist ul.list li.item a:hover{background: #e4181b;} .Piclist ul.list li.item a:hover span{color: #fff;} .Piclist ul.list li.item .item_mask{width:100%;height: 215px;background: rgba(0,0,0,0);position: absolute;left: 0;top: 0;opacity: 0;filter:Alpha(opacity=0);*zoom:1;-webkit-transform: rotateX(180deg) scale(0.5, 0.5);transform: rotateX(180deg) scale(0.2, 0.2);transition: all ease-out .5s;} .Piclist ul.list li.item .item_link_icon{display: block;width:45px;height:45px;text-align: center;line-height: 38px;position: absolute;left: 50%;top: 50%;margin-left: -22px;opacity:0;filter:Alpha(opacity=0);*zoom:1;background: url(../image/See.png) center no-repeat;} .Piclist ul.list li.item:hover .item_mask{opacity: 1;filter:Alpha(opacity=100);-webkit-transform: rotateX(0deg) scale(1, 1);transform: rotateX(0deg) scale(1, 1);transition: all 1s cubic-bezier(.23, 1, .38, 1) 0s;background: rgba(0, 0, 0, .1);} .Piclist ul.list li.item:hover .item_link_icon{transform: translateY(-21px);opacity: 1;filter:Alpha(opacity=100);} .Piclist.pro ul.list li.item{background: #fff;transition: all .5s;} .Piclist.pro ul.list li.item a{background: none;} .Piclist.pro ul.list li.item span{color: #555;} .Piclist.pro ul.list li.item .item_mask{display: none;} .Piclist.pro ul.list li.item:hover{border-color: #e4181b;background: #e4181b;} .lxbt p{font-size:36px;line-height:200%;} .lxbt p b{font-size:36px;color:#02469b;padding-right:10px;line-height:200%;} .lxbt h4{width:12%; height:8px;background:#e4181b; margin: 0.5% 0 2%;} .mp{padding:30px 0;} .mp p{line-height:40px; font-size:18px;font-weight:bold;text-align:left; margin-left:15%;} .mp1,.mp2{padding:2%;} /*留言表单*/ .message .contactForm {display:flex;flex-wrap:wrap;justify-content:space-between;margin-top:30px;} .message .contactForm .line {width:49%;margin-bottom:2%;height:50px;position:relative;} .message .contactForm .line input {width:100%;height:100%;border:1px solid #ccc;transition:all 0.6s;padding-left:30px;font-size:16px;box-sizing: border-box;} .message .contactForm .line.has-text {width:100%;height:160px;resize:none;} .message .contactForm .line.has-text textarea {width: 100%;height: 100%;border: 1px solid #ccc;padding: 20px 30px;transition: all 0.6s;resize: none;font-size:16px;box-sizing: border-box;} .message .contactForm .code-box {height:50px;display:flex;align-items:center;} .message .contactForm .code-box .img-box {overflow:hidden;width:120px;height:100%;line-height:50px;} .message .contactForm .code-box .img-box img{height: 100%;} .message .contactForm .code-box .line {width:190px;height:100%;margin-bottom:0;} .message .contactForm .msg-btn {width:190px;height:50px;line-height:50px;text-align:center;color:#fff;font-size:16px;border:0;background-color:#02469b ;outline: none;} .contact .bdmap{ width: 100%; margin: 40px 0; height: 400px;} .contact .bdmap img{ max-width:none;} .contact .bdmap .iw_poi_content{ padding-left: 210px; margin-top: -105px; white-space: nowrap; font-size: 18px; color: #333333; line-height: 30px; width: 100%;} .contact .bdmap .BMap_pop{ float:right; background-color:#fff; background-repeat:no-repeat; border:none !important; width:540px !important; height:140px; margin:100px 0 0 340px; box-shadow: 0 0 10px rgba(0,0,0,0.18);} .contact .bdmap .BMap_shadow, .BMap_shadow img, .BMap_shadow div{display:none;} .contact .bdmap .BMap_pop div:nth-child(8){display:none;} .contact .bdmap .BMap_pop div:nth-child(7){display:none;} .contact .bdmap .BMap_pop div:nth-child(3){display:none;} .contact .bdmap .BMap_pop div:nth-child(5){display:none !important;} .contact .bdmap .BMap_bottom{display:none !important;} .contact .bdmap .BMap_pop div{ border:none !important;} .contact .bdmap .BMap_pop div:nth-child(2){background:none !important;} .contact .bdmap .BMap_bubble_content{ width:609px !important; height:140px !important; background:#fff !important;} .contact .bdmap .BMap_bubble_content{width:609px !important; height:140px !important; background-color: #fff !important; } .contact .bdmap .BMap_pop div:nth-child(9), .contact .bdmap .BMap_center{left: 0 !important; top:0 !important; width:540px !important; height:140px !important;} .contact .bdmap .BMap_pop img:nth-child(10){right:10px !important; left: auto !important;} .contact .bdmap .iw_poi_content p{font-size:16px; line-height: 30px; color:#333333; text-transform: uppercase;} /* 搜索 */ .searchlist ul{ margin-bottom:70px; margin-top:30px;} .searchlist ul li{ padding:23px 0; border-bottom:1px solid #e0e2e9; overflow:hidden;} .searchlist ul li .tt{ overflow:hidden;} .searchlist ul li h5{ font-size:24px; color:#616268; float:left; width:calc(100% - 150px); line-height:40px;} .searchlist ul li span{display:inline-block; float:right; width:110px; height:40px; line-height:40px; text-align:center; border-radius:25px; background:#f0f1f6; font-size:14px; color:#3c3c3c; margin:10px; transition:0.6s} .searchlist ul li:hover span{ background:#02469b; color:#fff;} .searchlist ul li p{ font-size:14px; color:#888a8e; line-height:22px; height:44px; overflow:hidden;} /* .formData{padding-bottom: 20px;} .formData .item{float: left;color: #999;font-weight: normal;width: 420px;height: 56px;line-height: 56px;border: 1px solid #e4e4e4;margin-right: 76px;margin-bottom: 45px;position: relative;} .formData .item label{padding-left: 15px;position: absolute;left: 0;top: 0;z-index: 11;text-align: center;display: block;margin: 0;height: 56px;line-height: 56px;font-size: 18px;color: #666;} .formData .item input{outline: none;line-height: 38px;height: 38px;font-size: 18px;} .formData .item .txt{width: 350px;height: 56px;line-height: 56px;display: block;background: none;padding-left: 70px;border: 0 none;color: #666;} .formData .item .red{position: absolute;right: 15px;top: 0;color: #ff0000;z-index: 11;} .formData .item.mr0{margin-right: 0;} .formData .msg-box{position: absolute;left: 0;top: 0px;} .formData .liuyan{width: 918px;height: 260px;border: 1px solid #e4e4e4;float: left;} .formData .liuyan label{text-align: right;display: block;} .formData .liuyan textarea{width: 908px;height: 234px;line-height: 35px;padding: 12px 10px;text-indent: 100px;font-size: 18px;font-family: "microsoft yahei";color: #333;border: 0 none;overflow: hidden;background: none;resize: none;display: block;outline: none;} .formData .bot{width: 100%;} .formData .sub{width: 232px;line-height: 52px;border: 2px solid #e4181b;margin-right: 2px;text-align: center;background: #e4181b;color: #FFF;cursor: pointer;font-size: 18px;display: block;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms;} .formData .sub:hover{background: none;color: #e4181b;} .formData .yzm .txt{padding-left: 80px;} .formData .yzm img{position: absolute;right: 0;top: 0;height: 56px;border: 0px;display: block;} */ /*内容详情页*/ .submian .subright .conBox .ArticleTitle h1{font-size: 24px;text-align: center;padding: 20px 0px;font-weight: bold;} .submian .subright .conBox .ArticleMessage{line-height: 30px;height: 30px;margin-bottom: 10px;text-align: center;border-bottom: 1px dashed #ccc;} .submian .subright .conBox .ArticleMessage span:first-child{margin-left:0;} .submian .subright .conBox .ArticleMessage span{color: #999;margin-left: 14px;font-size: 12px;} .submian .subright .conBox .ArticleMessage .jiathis_style{float: left; margin-top: 5px;} .submian .subright .conBox .ArticleTencont{padding: 5px 0px 20px 0px;color: #666;font-size:14px;line-height: 28px;text-align: justify;overflow: hidden;} .submian .subright .conBox .ArticleTencont img{max-width: 100%;} .submian .subright .conBox #pic{width: max-content;margin: 20px auto;padding: 1px;box-shadow: 0 0 20px 0 rgba(0,0,0,.3);} .submian .subright .conBox #pic img{max-width: 800px;} /*内容分页*/ .reLink{height: 38px;border: 1px solid #ddd;margin: 10px auto 10px;padding: 0px 10px;} .reLink .prevLink, .reLink .nextLink{height: 38px;line-height: 38px;color: #666;} .reLink .prevLink a, .reLink .nextLink a{height: 38px;line-height: 38px;color: #666;} .reLink .prevLink a:hover, .reLink .nextLink a:hover{color: #e4181b;} .reLink .prevLink{float: left;} .reLink .nextLink{float: right;} /*浮动客服*/ .toolbar{position: fixed;top: 50%;right: 1%;margin-top: -163px;z-index: 100;width: 80px;} .toolbar dd{position: relative;float: left;width: 80px;height: 80px;background: #e4181b;margin-top: 2px;border-radius: 5px;color: #fff;font-size: 14px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;} .toolbar dd:first-child{margin-top: 0;} .toolbar dd i{width: 100%;height: 30px;display: block;margin-top: 13px;background: url(../image/toolbar.png) no-repeat center 0;} .toolbar dd.qq i{background-position-y: 0;} .toolbar dd.tel i{background-position-y: -30px;} .toolbar dd.code i{background-position-y: -60px;} .toolbar dd.top i{background-position-y: -90px;} .toolbar dd span{display: block;color: #fff;} .toolbar dd.tel .box{position: absolute;top: 0;width: 190px;right: -200px;height: 100%;margin-right: 10px;border-radius: 5px;background: #e4181b;opacity: 0;transition: all .5s;} .toolbar dd.tel .box p{font-size: 14px;margin: 15px auto 7px;} .toolbar dd.tel .box h3{font-size: 18px;font-weight: bold;} .toolbar dd.tel .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #e4181b;border-width: 9px;width: 0;height: 0;position: absolute;top: 50%;margin-top: -9px;right: -18px;margin-left: -12px;} .toolbar dd.code .box{position: absolute;top: 0;width: 162px;right: -172px;height: 162px;margin-right: 10px;border-radius: 5px;background: #e4181b;opacity: 0;transition: all .5s;} .toolbar dd.code .box img{width: 140px;height: 140px;padding: 11px;} .toolbar dd.code .box:after{display: block;content: " ";border-style: solid dashed dashed dashed;border-color: transparent transparent transparent #e4181b;border-width: 9px;width: 0;height: 0;position: absolute;top: 30px;right: -18px;margin-left: -12px;} .toolbar dd:hover{background: #02469b;} .toolbar dd.tel:hover .box{opacity: 1;right: 80px;} .toolbar dd.code:hover .box{opacity: 1;right: 80px;} /*↓组图样式↓*/ .HS10, .HS15{overflow:hidden;clear:both;} .HS10{height:10px;} .HS15{height:15px;} .Hidden{display:none;} .Clearer{display:block;clear:both;font-size:1px;line-height:1px;margin:0;padding:0;} .FlLeft{float:left;} .FlRight{float:right;} /*幻灯片区域背景*/ .MainBg{width: 920px;margin:0 auto;} /*大图展示区域*/ .OriginalPicBorder{padding: 0;} #OriginalPic{width: 920px;overflow:hidden;position:relative;font-size:12px;} #OriginalPic img{display:block;min-width: 100px;margin:0 auto;} /*鼠标手势*/ .CursorL{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;left: 0;cursor:url(../images/CurL.cur), auto;} .CursorR{position:absolute;z-index:999;width:50%;height: 100%;color:#FFF;right:0;cursor:url(../images/CurR.cur), auto;} /*小图预览和滑动*/ .SliderPicBorder{width: 100%;overflow:hidden;} .ThumbPicBorder {width: 920px;margin:0 auto;background: #eeeeee;overflow: hidden;position: relative;} .ThumbPicBorder #btnPrev{width:45px;height:113px;cursor:pointer;position: absolute;left: 20px;top: 20px;} .ThumbPicBorder #btnNext{width:45px;height:113px;cursor:pointer;position: absolute;right: 20px;top: 20px;} .ThumbPicBorder .pic{width: 755px;overflow: hidden;position: relative;margin: 20px auto;} #ThumbPic img{border: 3px solid #ddd;cursor:pointer;background-color: #ddd;margin: 0 5px;width: 135px;height: 108px;display:block;transition: all .5s;} #ThumbPic img.active{border: 3px solid #e4181b;} /*↑组图样式↑*/ /*CSS3动画*/ @keyframes zy{ 10%{transform: rotate(15deg);} 20%{transform: rotate(-10deg);} 30%{transform: rotate(5deg);} 40%{transform: rotate(-5deg);} 50%,100%{transform: rotate(0deg);}} /*新写部分*/ .width{width:1200px; margin:0 auto;} #example{background:#f2f2f2; padding-top:0px;} #example .title{color:#02469b; padding-top:20px; border-bottom: 3px solid #02469b ; padding-bottom:20px;} #example .title .p1{text-align:center; font-size:32px; font-weight:600; line-height:200%; COLOR:#598ddb;} #example .title .p2{text-align:center; font-size:24px; font-weight:600; line-height:200%;} #example .mid { display:flex; flex-wrap:nowrap; padding-top:40px;} #example .mid .nr{width:23%; margin:0 0.5%; text-align:center; border:#c0c0c0 1px solid;} #example .mid .nr a{}#example .mid .nr a img{ width:98%; margin:1%; height:240px;} #example .mid .nr a p{} #example .bottom{ padding:30px 0;} #example .bottom .p1{background:#e4181b; width:20%; height:45px; text-align:center; line-height:40px; border-radius:5px; margin:0 auto; padding-bottom:0;} #example .bottom .p1 a{font-size:20px; color:#fff;} #example .bottom .p1:hover{background:#02469b;} .nr:hover{background:#e4181b;} .nr:hover a p{color:#fff;} .section { padding: 100px 0;} .section-title { margin-bottom: 40px; font-size: 24px; font-weight: bold; line-height: 1;} .section-title small { display: block; font-size: 30px; text-align:center;font-family:Arial,Helvetica,sans-serif;} .section-title strong { display: block; position: relative; color: #052461; font-size: 30px; margin-top: 10px; text-align:center;font-family:Arial,Helvetica,sans-serif}.section-title-more .more-big { float: right; margin-top: -77px;} .section-title-1 { text-align: center; font-size: 0; margin-bottom: 40px;} .section-title-1 strong { display: block; font-size: 30px; text-transform: uppercase;} .section-title-1 h4 { margin: 0; display: inline-block; vertical-align: middle; font-size: 24px; position: relative; padding: 0 42px; color: #02469b;} .section-title-1 h4:after, .section-title-1 h4:before { position: absolute; content: ''; height: 1px; width: 22px; top: 50%; background-color: #02469b;} .section-title-1 h4:after { right: 0;} .section-title-1 h4:before { left: 0;} .section-sub { padding: 60px 0;}container { padding: 0 15px; width: 1200px; margin: 0 auto;} .in-about { margin: 0;display:flex;justify-content: space-between;padding-top:30px;} .in-about dt {position: relative; width:50%; margin: 0 0 40px 40px; } .in-about dd img {width:100%;} .in-about dd { width: 48%; } .in-about dd h4 { margin: 0; font-size: 40px; color:#333;font-weight: bold; margin-bottom:35px; padding-top:40px;} .in-about dd p { font-size: 16px; line-height: 36px; color: #797878; margin: 25px 0 0; text-align: justify;} .in-about dd .more-big { margin-top: 40px;} .list-3 { margin: -20px 0 0 -20px;} .list-3 li { float: left; width: 50%;} .list-3 li a { display: block; margin: 20px 0 0 20px;background: url(../image/cpbj.jpg) bottom no-repeat; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;} .list-3 li a img{width: 23%;height: auto;object-fit: cover;} .list-3 li .date { float: left; width: 85px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #666;} .list-3 li .date small { display: block; font-size: 16px;} .list-3 li .date strong { display: block; font-size: 48px; margin-top: 10px;} .list-3 li .text {width:75%; margin-left: 2%;} .list-3 li .text h4 { margin: 0; font-weight: normal; font-size: 24px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .list-3 li .text p { margin: 30px 0 0; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 2.0; overflow: hidden;font-size:16px;} .list-3 li .text .date{font-size:16px;font-weight:bold;width:100%;text-align:right;margin-top:0px;} .list-3 li a:hover { background: url(../image/product_bg1.jpg) bottom no-repeat; color: #fff;} .list-3 li a:hover .text p { color: #fff;} .list-3 li a:hover .date { color:#fff;} .news_img li { float: left; width: 100%;} .news_img li a { display: block; background-color: #fff; padding: 20px; -webkit-transition: all 0.5s; transition: all 0.5s; overflow: hidden; position: relative;} .news_img li .date { float: left; width: 85px; position: relative; z-index: 1; line-height: 1; padding: 5px 0; color: #666;} .news_img li .date small { display: block; font-size: 16px;} .news_img li .date strong { display: block; font-size: 48px; margin-top: 10px;} .news_img li .text { margin-left: 40px;} .news_img li .text h4 { margin: 0; font-weight: normal; font-size: 18px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;} .news_img li .text p { margin: 10px 0 0; color: #666; -webkit-transition: all 0.5s; transition: all 0.5s; line-height: 1.8; height: 50px; overflow: hidden;} .news_img li a:hover { background-color: #3a4249; color: #fff;} .news_img li a:hover .date { color:#fff;} .news_img li a:hover .text p { color: #fff;} .container { padding: 0px; width: 1200px; margin: 0 auto;} .more-big { display: block; background-color: #363e45; width: 184px; line-height: 44px; color: #fff; position: relative; overflow: hidden;} .more-big:after { position: absolute; right: 0; top: 0; width: 37px; content: ""; height: 0; border-top: 44px solid #02469b; border-left: 28px solid transparent; -webkit-transition: all .5s; transition: all .5s;} .more-big span { display: block; padding: 0 15px 0 30px; font-size: 16px; position: relative; z-index: 1;} .more-big span i { float: right; font-size: 20px; font-weight: bold; font-style: normal;} .more-big:hover { color: #fff;} .more-big:hover:after { width: 100%; height: 100%;} #news .fl{padding:50px 0 40px;; display:flex; width:100%;justify-content: space-evenly;} #news .fl .fen{ width:25%; border:1px #fff solid; height:40px; background:#02469b;} #news .fl .fen:hover{background:#e4181b;} #news .fl .fen p{ text-align:center; line-height:40px;} #news .fl .fen p a{ color:#fff; font-size:20px;} @media (max-width:1380px){ #example .wz{ left:53% !important;top:10% !important;width:45% !important;} #example .wz .p1{font-size:28px !important;} } .bz{display: flex;justify-content: space-between;border-bottom: 1px solid #ccc;margin-bottom: 15px;} .bz img{margin-bottom: 10px;} .bz p{margin-bottom: 10px;height: 59px;line-height: 59px;font-size:22px;} .bz p b{color:#01479c;} .bz p img{margin-bottom: -3px;} .ewm p{font-size:12px;}