<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">body{ overflow-x: hidden;}
.top_bg{width: 100%;height: 50px;background: #257fe5;margin: 0 auto; position:fixed; top:0; z-index:8888}
.top_bg  .top_con{width: 1300px;margin: 0 auto;height: 50px;}
.top_bg  .top_con .trait{float: left;line-height: 50px;font-size: 16px;color: #fffefe;   }
i {font-weight: normal;font-style: normal;}
.topxunpan {position: relative;float: right;padding-left: 20px; background: url(../images/tel_top.png) no-repeat left center;line-height: 50px;}
.topxunpan .xp {position: relative;line-height: 50px;color: #fffefe;font-size: 16px;cursor: pointer;}
.topxunpan .xp img { position: relative;top: 3px;margin: 0 10px 0 30px;}
.topxunpan .xp i {padding: 0 0px;margin-left: 0px;margin-right: 0px;box-sizing: border-box;color: #fffefe;font-size: 16px;}
 
.pagetop_bg{width: 100%;height: 104px;margin: 0 auto;position:fixed; top:50px;z-index: 9;background: url(../images/nav_bg.png) no-repeat center;}
.pagetop_bg .pagetop{width: 1300px;margin: 0 auto;height: 104px;}
.pagetop_bg .pagetop .logo{float: left;margin: 26px 0 0 5px;}
.pagetop_bg .pagetop .logo img{width:282px; }
.lc{ width:100%; text-align:center; background:#fcfcfc; padding:55px 0} 
  /*瀵艰埅*/
.nav_bg{width: 860px;margin: 0 0 0 120px;height: 104px;position: relative;z-index: 9;float: left;}
.nav_bg .menu{width: 860px;height: 104px;}
.nav_bg .menu&gt;ul&gt;li{float: left;width: 120px;height: 104px;line-height: 95px;text-align: center;position: relative;}
.nav_bg .menu&gt;ul&gt;li&gt;a{display: block;text-align: center;font-size:20px;color: #333333;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.nav_bg .menu&gt;ul&gt;li&gt;a:hover{ color:#000}
.nav_bg .menu&gt;ul&gt;li::after{position: absolute;left: 19%;top: 45px;content: "";background: #7cb2ef;width: 0px;height: 7px;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;z-index: -1;}
.nav_bg .menu&gt;ul&gt;li:hover::after{width: 69px;}
.nav_bg .menu&gt;ul&gt;li:hover{background: url(../images/nav_hover.png) no-repeat  center 63px;}
.nav_bg .menu&gt;ul&gt;li.another::after{width: 69px;}
.nav_bg .menu&gt;ul&gt;li.another{background: url(../images/nav_hover.png) no-repeat  center 63px;}
.nav_bg .sec{position: absolute;top: 110%;background: #f8f8f8;width:1300px; left:50%; left:-650px; border-radius: 5px;padding: 0 20px;box-sizing: content-box;opacity: 0;visibility: hidden;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;  }
.nav_bg .sec .ab_t{background: url(../images/ab_title.png) no-repeat top left;width: 298px;height: 55px;margin-top: 55px;overflow: hidden;}
.nav_bg .sec .ab_t h5 a{display: block;font-size: 24px;color: #333333;font-weight: bold;text-align: left;line-height: 30px;margin-left: 75px;}
.nav_bg .sec .ab_t h5 a i{font-size: 24px;color: #333333;font-weight: bold;margin-left: 25px;}
.nav_bg .sec .ab_t span{display: block;text-align: right;font-size: 12px;color: #999999;text-transform: uppercase;line-height: 30px;margin-top: 5px;}
.nav_bg .sec .ab_list{height: 240px;margin: 65px auto 50px auto;}
.nav_bg .sec .ab_list ul li{float: left;width: 375px;height: 240px;position: relative;background: #fff;-webkit-box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);box-shadow: 0 0 8px 6px rgba(0, 0, 0, .03);border-top-right-radius: 20px;border-bottom-left-radius: 20px;margin: 0 35px;}
.nav_bg .sec .ab_list ul li:last-child{margin-right: 0;}
.nav_bg .sec .ab_list ul li .ab_l{float: left;width: 245px;position: relative;}
.nav_bg .sec .ab_list ul li .ab_l .pic{width: 270px;height: 170px;margin-top: -25px;margin-left: -28px;position: relative;}
.nav_bg .sec .ab_list ul li .ab_l .pic img{width: 270px;height: 170px;border-top-right-radius: 25px;border-bottom-left-radius: 25px;}
.nav_bg .sec .ab_list ul li .ab_l .txt{margin: 25px 0 0 35px;}
.nav_bg .sec .ab_list ul li .ab_l .txt a{display: block;text-align: left;font-size: 20px;color: #257fe5;font-weight: bold;line-height: 28px;}
.nav_bg .sec .ab_list ul li .ab_l .txt a i{display: block;font-size: 14px;color: #999999;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.nav_bg .sec .ab_list ul li .more{float: left;margin-left: 40px;margin-top: 40px;position: relative;}
.nav_bg .sec .ab_list ul li .more a{font-size: 14px;color: #999999;font-family: Arial, Helvetica, sans-serif;text-transform: uppercase;}
.nav_bg .sec .ab_list ul li:hover .more a{color: #257fe5;}
.nav_bg .sec .ab_list ul li .more::after{position: absolute;content: "";left: 20px;top: 65px;width: 1px;height: 110px;background: #dedede;}
.drop-down:hover .sec{top: 100%;opacity: 1;visibility: visible;filter: alpha(opacity=100);}
.fixedNav{margin:0 auto;position:fixed;top:0px;left:0px;width:100%;z-index:100000;_position: absolute;_top: expression(eval(document.documentElement.scrollTop));}
.pagetop .tel{float: right;position: relative;width: 50px;height: 50px;margin-top: 27px;}
.pagetop .tel p{position: absolute;left:0;top:50px;font-size:18px;color:#333;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition: all 0.5s ease-out;opacity: 0;}
.pagetop  .tel:hover p{opacity: 1;}
.fullSlide{width: 100%;position: relative; background: #fff; }
.fullSlide .bd{width: 100% ;margin: 0 auto;position: relative;z-index: 1;overflow: hidden;}.fullSlide .bd ul{width: 100% !important;}
.fullSlide .bd li{width: 100% !important; overflow: hidden;text-align: center;}
.fullSlide .bd li a{display: block; }
.fullSlide .hd{position: absolute;z-index: 2;bottom:50px;right:50%;text-align: center; width:100px}
.fullSlide .hd ul li{cursor: pointer;zoom: 1;width: 20px;height: 20px; float:left;border-radius: 50%;margin: 5px;overflow: hidden;line-height: 99px;-webkit-transition: all .3s ease-out;transition: all .3s ease-out;background: url(../images/buttom2.png) no-repeat bottom center;}
.fullSlide .hd ul .on{background: url(../images/buttom1.png) no-repeat bottom center;-webkit-transition: all .3s linear;transition: all .3s linear;}
.fullSlide .next{position: absolute;right: 4%;top: 415px;padding-bottom: 125px;z-index: 2;background: url(../images/banner_xt.png) no-repeat bottom center;-webkit-transition: all .5s linear;transition: all .5s linear;font-size: 14px;color: #000;font-family: Arial, Helvetica, sans-serif;writing-mode: tb-rl;}
.fullSlide .prev{position: absolute;right: 4%;top: 125px;z-index: 2;background: url(../images/banner_xt.png) no-repeat top center;padding-top: 125px;font-size: 14px;color: #000;font-family: Arial, Helvetica, sans-serif;writing-mode: tb-rl;-webkit-transition: all .5s linear;transition: all .5s linear;}
.banner_box{width: 100%;position: relative; background: #fff; margin-top:50px; }
.banner_box .search{height: 167px;z-index: 6;position: absolute;width: 11%;bottom: 0px;z-index: 99;right:0px;background: #1f242a;}
.banner_box .search .searchIco{display: block;margin: auto;width: 100%;height: 167px;overflow: hidden;cursor: pointer;}
.banner_box .search .searchIco em{display: block;width: 100%;height: 100%;position: relative;top: 0;padding: 0;-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.banner_box .search .searchIco em.show{background: url(../images/sou.png) center center no-repeat;}
.banner_box .search .searchIco em.hide{background: url(../images/sou.png) center center no-repeat;}
.banner_box .search .searchIco.top em{top: -100%;}
.banner_box .search .searchBox{width: 0;height: 40px;position: absolute;right: 100%;background: #fff;top: 40%;right: 100%;overflow: hidden;box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);-webkit-transition: all 0.4s ease-out;transition: all 0.4s ease-out;}
.banner_box .search .searchBox .searchInp{width: 250px;height: 40px;border: none;line-height: 40px;background: none;float: left;-webkit-box-sizing: border-box;-ms-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: 0 15px;font-size: 14px;}
.banner_box .search .searchBox .searchInp::-webkit-input-placeholder{color: #adadad;}
.banner_box .search .searchBox .searchInp:focus::-webkit-input-placeholder,
.banner_box .search .searchBox .searchInp:active::-webkit-input-placeholder{opacity: 0.6;filter: alpha(opacity=60);}
.banner_box .search .searchBox .submitBtn{position: absolute;right: 10px;top: 3px;background: url(../images/sou1.png) center center no-repeat;width: 35px;height: 35px;cursor: pointer;border: none;float: right;-webkit-transition: all 0.6s ease-out;transition: all 0.6s ease-out;opacity: 0;filter: alpha(opacity=0);}
.banner_box .search .searchBox.searchShow{width: 300px;}
.banner_box .search .searchBox.searchShow .submitBtn{opacity: 1;filter: alpha(opacity=100);-webkit-transition-delay: 0.3s;transition-delay: 0.3s;}
.banner_box .search .searchBox.searchShow .submitBtn:hover{opacity: 0.7;filter: alpha(opacity=70);}  

/*title*/
.title{ padding-bottom:30px; width:100%; float:left}
.title h3,.title span{ width:80%; float:left} 

/*about*/
.ab_bg{width: 100%;margin: 0 auto;height: 800px;background: url(../images/ab_bg.jpg) no-repeat center; background-size:100% 100%;overflow: hidden;}
.ab_bg  .about{width: 1300px;margin: 0 auto;position: relative;}
.ab_bg  .about .ab_r .ab_list{float: left;width:100%; }
.ab_list ul li{height: 184px;width: 33.333%; padding-top:80px; float:left}
.ab_list ul li h5{float: left;font-size: 14px;color: #000;}
.ab_list ul li h5 span{ display: block;font-size: 48px;color: #000;font-family: Arial, Helvetica, sans-serif;line-height: 65px;}
.ab_list ul li p{float: right;font-size: 14px;color: #000;line-height: 30px;margin-top: 13px;}
.ab_bg  .about .ab_r{float: left; margin-left:10%;width:52%;margin-top: 100px; position:relative}
.ab_bg  .about .ab_r:before{ position:absolute; right:-40px; width:221px; height:62px; z-index:0; content:""; background:url(../images/tel.jpg) no-repeat} 
.ab_bg  .about .ab_r .title{text-align: left;}
.ab_bg  .about .ab_r .txt{margin-top:35px;}
.ab_bg  .about .ab_r .txt h5{font-size:32px;color: #202020;} 
.ab_bg  .about .ab_r .txt p{font-size: 18px;color: #777777;line-height:38px; overflow: hidden;margin:35px auto 40px auto;}
.ab_bg  .about .ab_r .txt .more{display: block;width: 150px;height: 49px;line-height: 49px;background: #f67524;text-align: center;font-size: 16px;color: #fff;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; border-radius: 45px; box-shadow: 0px 0px 23px 1px rgba(185, 21, 33, 0.13);}
.ab_bg  .about .ab_r .txt .more:hover{border-radius: 45px;}

/*product*/
.pro_bg{width: 100%;margin: 0 auto;height:890px;background: #f3f3f3;}
.pro_bg .product{width: 100%;margin: 0 auto;overflow: hidden;}
.pro_bg .product .pro_l{margin-left: 8%;height:890px;width: 16%;border-right: 1px solid #e8e8e8;float: left;}
.pro_bg .product .pro_l .title{text-align: left;padding-top:90px;margin-bottom:10px;}
.pro_bg .product .pro_l .pro_con ul li{height: 64px;line-height:64px;border-bottom: 1px solid #e8e8e8; float:left; width:100%;}
.pro_bg .product .pro_l .pro_con ul li a{float:left;font-size:17px;color: #666;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; font-weight:bold;}
.pro_bg .product .pro_l .pro_con ul li:hover a{color: #30373f;}
.pro_bg .product .pro_l .pro_con ul li a i{display: block;float: left;font-size: 16px;color: #c5c5c5;background: url(../images/buttom6.png) no-repeat center;width: 26px;text-align: center;margin-right:7px;}
.pro_bg .product .pro_l .pro_con ul li span{display: block;float: right;font-size: 16px;color: #c5c5c5;opacity: 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-right: 40px;}
.pro_bg .product .pro_l .pro_con ul li:hover span{opacity: 1;}
.pro_bg .product .pro_tab{float: right;width:68.5%;height:799px; margin-right:7%;position: relative;padding-top: 90px;z-index: 5;}
.pro_bg .product .pro_tab::after{position: absolute;left:25%;top: 0;width:25%;height: 100%;background: #f8f8f8;content: "";}
.pro_bg .product .pro_tab::before{position: absolute;left:75%;top: 0;width:25%;height: 100%;background: #f8f8f8;content: "";}
.pro_bg .product .pro_tab .swiper-slide{}
.pro_bg .product .pro_tab .swiper-slide dl{float: left;width: 21%;margin: 0 2% 60px 2%;}
.pro_bg .product .pro_tab .swiper-slide dl .txt{overflow: hidden;height: 115px;}
.pro_bg .product .pro_tab .swiper-slide dl .txt .txt_l{float: left;width: 85%;}
.pro_bg .product .pro_tab .swiper-slide dl .txt .txt_l span{display: block;font-size: 30px;color: #202020;font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pro_bg .product .pro_tab .swiper-slide dl:hover .txt .txt_l span{color: #d4a055;}
.pro_bg .product .pro_tab .swiper-slide dl .txt .txt_l i{font-size: 14px;color: #c5c5c5;font-family: Arial, Helvetica, sans-serif;text-transform: capitalize;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.pro_bg .product .pro_tab .swiper-slide dl .txt .txt_l a{font-size:20px; color: #202020;display: block;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;margin-top: 3px;}
.pro_bg .product .pro_tab .swiper-slide dl .txt .more{float: right;font-size: 16px;color: #202020;display: block;margin: 70px 10px 0 0;}
.pro_bg .product .pro_tab .swiper-slide dl .pic{position: relative;width: 100%;padding-top: 70%;overflow: hidden;} 
.pro_bg .product .pro_tab .swiper-slide dl .pic img{position: absolute;left: 0;top: 0;width: 100%;height: 100%;overflow: hidden;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.pro_bg .product .pro_tab .swiper-slide dl:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}
.pro_bg .product .pro_tab .swiper-button-next{background: url(../images/right.png) no-repeat center;width: 49px;height: 49px;right:45%;top:820px; }
.pro_bg .product .pro_tab .swiper-button-prev{background: url(../images/left.png) no-repeat center;width: 49px;height: 49px;left: 45% ;top:820px;}
.swiper-button-next::after, .swiper-container-rtl .swiper-button-prev::after{content: 'next';display: none;}
.swiper-button-prev::after, .swiper-container-rtl .swiper-button-next::after{content: 'prev';display: none;}


/*case*/

.case_bg{width: 100%;margin: 0 auto;height:900px; background: url(../images/news_bg.jpg) no-repeat bottom center;}
.case_bg  .case{width: 1300px;margin: 0 auto;padding-top: 57px;}
.case_bg  .case .case_box{width: 1300px;margin:30px auto 0 auto;}
.case_bg  .case .case_box .bd{width: 1300px;margin: 0 auto;}
.case_bg  .case .case_box .bd ul li{float: left;width: 353px;height:700px;position: relative;padding: 0 40px;z-index: 5;}
.case_bg  .case .case_box .bd ul li .txt{margin: 30px 0 35px 0;}
.case_bg  .case .case_box .bd ul li .txt span{display: block;font-size: 30px;color: #202020;font-family: Arial, Helvetica, sans-serif;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_bg  .case .case_box .bd ul li:hover .txt span{color: #f67524;}
.case_bg  .case .case_box .bd ul li .txt i{display: block;font-size: 12px;color: #bfbfbf;font-family: Arial, Helvetica, sans-serif;margin: 25px 0 5px 0;}
.case_bg  .case .case_box .bd ul li .txt a{font-size:20px; font-weight:bold;color:#1f242a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition:all 0.5s ease-out;}
.case_bg  .case .case_box .bd ul li .pic{width: 352px;height: 310px;} 
.case_bg  .case .case_box .bd ul li .pic img{width: 352px;height: 310px;}
.case_bg  .case .case_box .bd ul li .nr{margin: 45px 0 0px 0;} 
.case_bg  .case .case_box .bd ul li .nr p{font-size:18px;color: #282d33;line-height: 30px;height: 60px;overflow: hidden;}
.case_bg  .case .case_box .bd ul li .nr .more{display: block;font-size: 24px;color: #202020;margin-top:35px;}
.case_bg  .case .case_box .bd ul li::after{position: absolute;left: 0;top: 0;background: url(../images/ico1.png) repeat  center;width: 100%;height: 0;z-index: -1;content: "";-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out;}
.case_bg  .case .case_box .bd ul li:hover::after{height: 100%;}


/*news*/
.news_bg{width: 100%;margin: 0 auto;height: 1000px;background: url(../images/case_bg.jpg) no-repeat bottom center #f4f4f4;}
.news_bg  .news{width: 1300px;margin: 0 auto;padding-top:60px; position:relative}
.news_bg  .news .news_t{overflow: hidden;}
.news_bg  .news .news_t .title{float: left;text-align: left;}
.news_bg .news_t .news_list{float: right; position:absolute; right:0} 
.news_bg .news_t .news_list ul li{float: left;margin-left: 70px;margin-top: 43px;height: 35px;}
.news_bg .news_t .news_list ul li a{display: block;font-size: 18px;color: #868686;}
.news_bg .news_t .news_list ul li a span{display: block;float: left;font-size: 18px;color: #868686;}
.news_bg .news_t .news_list ul li a em{display: block;font-size: 12px;color: #dddddd;font-family: Arial, Helvetica, sans-serif;}
.news_bg .news_t .news_list ul li a i{float: left;display: block;margin: 5px 20px 0px 0;font-size: 24px;color:#c5c5c5;font-family:Arial, Helvetica, sans-serif;width:40px;height:33px;line-height: 32px;text-align:center;background:url(../images/buttom4.png) no-repeat center;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news_bg .news_t .news_list ul li.casehover a i{background: url(../images/buttom5.png) no-repeat center;}
.news_bg .news_box{margin:15px auto 0 auto;width: 1360px;}
.news_bg .news_box ul li{float: left;width: 340px;height:367px;border: 1px solid #e8e8e8;padding: 0 40px;margin: 0 20px 20px 0;-webkit-transition: all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition: all 0.5s ease-out; background:#fff}
.news_bg .news_box ul li .txt{height: 130px; margin-top:40px;}
.news_bg .news_box ul li .txt span{display: block;font-size: 14px;color: #b0b0b0;font-family: Arial, Helvetica, sans-serif;padding: 45px 0 0px 0;margin-bottom: 35px;}
.news_bg .news_box ul li .txt span i{font-size: 30px;color: #202020;font-family: Arial, Helvetica, sans-serif;}
.news_bg .news_box ul li .txt a{font-size:20px;font-weight:bold;color:#1f242a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;-webkit-transition:all 0.5s ease-out;-o-transition: all 0.5s ease-out;transition:all 0.5s ease-out;}
.news_bg .news_box ul li .txt p{font-size: 16px;color: #9d9d9d;line-height: 30px;height: 60px;overflow: hidden;margin-top: 20px;}
.news_bg .news_box ul li .pic{width: 340px;height: 160px;overflow: hidden;} 
.news_bg .news_box ul li .pic img{width:340px;height:160px;object-fit:cover;overflow:hidden;-webkit-transition:all 0.5s ease-out;-o-transition:all 0.5s ease-out;transition:all 0.5s ease-out;}
.news_bg .news_box ul li:hover{border: 1px solid #282d33;}
.news_bg .news_box ul li:hover .pic img{transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);}



.list_banner,.list_banner img{ width:100%; display:block;}
 
.ab_list{width: 100%;  position:relative; padding-bottom:30px;}
.ab_list:before{ background:url(../images/about_tb.jpg) no-repeat center right; background-size:100%; content:""; position:absolute; height:580px; width:40%; right:3%; bottom:3%}
.ab_list .about{width: 1300px;margin: 0 auto;position: relative;}
.ab_list .about .ab_r .ab_list{float: left;width:100%; }
.ab_list ul li{height: 184px;width: 33.333%; padding-top:80px; float:left}
.ab_list ul li h5{float: left;font-size: 14px;color: #000;}
.ab_list ul li h5 span{ display: block;font-size: 48px;color: #000;font-family: Arial, Helvetica, sans-serif;line-height: 65px;}
.ab_list ul li p{float: right;font-size: 14px;color: #000;line-height: 30px;margin-top: 13px;}
.ab_list .about .ab_r{float: left;width:52%;margin-top: 100px; position:relative} 
.ab_list  .about .ab_r .title{text-align: left;}
.ab_list .about .ab_r .txt{margin-top:35px;}
.ab_list  .about .ab_r .txt h5{font-size:32px;color: #202020;} 
.ab_list  .about .ab_r .txt p{font-size: 17px;color: #777777;line-height:38px; overflow: hidden;margin:35px auto 40px auto;}


.tong {max-width: 1800px;margin-left: auto;margin-right: auto;}
@media (max-width: 1800px) {.tong {    width: 96%;}}
.nc12 {padding-top:4vw;background: #efefef;padding-bottom: 1.8vw;}
.nc12 h2 {font-size:2.125vw;line-height: 1;text-align: center;color: #333;}
@media (max-width: 780px) {.nc12 h2 {    font-size: 24px;}}
.nc12 .con {margin-top:3vw;}
.nc12 .con .list2 {margin-left: -2.2vw;margin-right: -2.2vw;margin-bottom:2vw;}
.nc12 .con .list2 li {float: left;margin: 0 2vw;}
.nc12 .con .list2 li a {display: block;padding: 2vw 2.6vw 2.4vw 2.6vw;background: #fff;}
.nc12 .con .list2 li a:nth-child(1) {margin-bottom:3.323vw;}
.nc12 .con .list2 li .tit {display: flex;color: #333333;font-size: 16px;align-items: center;}
.nc12 .con .list2 li .tit span {width: 96px;height: 38px;border: solid 3px #d10000;color: #d10000;line-height: 32px;text-align: center;margin-right: 15px;border-radius: 20px;}
.nc12 .con .list2 li h3 {font-size: 1.4vw;color: #333333;margin-top:.6vw;margin-bottom:1.6vw;line-height: 1.33;}
@media (max-width: 780px) {.nc12 .con .list2 li h3 {    font-size: 16px;}}
.nc12 .con .list2 li .img img {max-width: 100%;}
.nc12 .con .hd {display: flex;justify-content: center;}
.nc12 .con .hd .xx {cursor: pointer;width: 57px;height: 56px;margin: 0 1.2vw;}
@media (max-width: 480px) {.nc12 .con .hd .xx {width: 30px;    height: 30px;    background-size: 100% !important;}}
.nc12 .con .hd .xx.prev {background: url(../images/zb2.png) no-repeat 50%;}
.nc12 .con .hd .xx.prev:hover {background: url(../images/zb2h.png) no-repeat 50%;}
.nc12 .con .hd .xx.next {background: url(../images/yb2.png) no-repeat 50%;}
.nc12 .con .hd .xx.next:hover {background: url(../images/yb2h.png) no-repeat 50%;}
 /* Slider */
.slick-slider{position:relative;display:block;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
.slick-list{position: relative;display:block;overflow:hidden;margin:0;padding: 0;}
.slick-list:focus{outline: none;}
.slick-list.dragging{cursor: pointer;cursor: hand;}
.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0, 0, 0);-moz-transform: translate3d(0, 0, 0);-ms-transform:translate3d(0, 0, 0);-o-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0);}
.slick-track{position: relative;top: 0;left: 0;display: block;margin-left: auto;margin-right: auto;}
.slick-track:before,.slick-track:after{display: table;content: '';}
.slick-track:after{clear: both;}
.slick-loading .slick-track{visibility: hidden;}
.slick-slide{display: none;float: left;height: 100%;min-height: 1px;}
[dir='rtl'] .slick-slide{float: right;}
.slick-slide img{display: block;}
.slick-slide.slick-loading img{display: none;}
.slick-slide.dragging img{pointer-events: none;}
.slick-initialized .slick-slide{display: block;}
.slick-loading .slick-slide{visibility: hidden;}
.slick-vertical .slick-slide{display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}

.dqwz {clear: both;color: #555;font-size: 16px;background-color: #f1f4fb;margin-bottom: 50px; height:40px;padding-top:15px;}
.dqwz img {width: 14px;margin-right: 5px;line-height: 14px;}
.dqwz a {color: #555;}
.dqwz span {color: #333;}
.dqwz .p2,.dqwz .p1{ width:48%;float:left; }
.dqwz .p2 {text-align:right;float:right}
.about_t{ margin-top:3%;position:relative; line-height:1.3; font-weight:bold; color:#333333; text-align:center; padding-bottom:2%; margin-bottom:2%}
.about_t:after{background:#ff6f3d; position:absolute; left:50%; bottom:0; margin-left:-32px; height:3px; width:65px;transition:all 0.3s; content:""; z-index:-1;}
.about_t .color1{color:#d10000;}
.f40 {font-size: 40px;}

.pro_nav{ display:flex;align-items: stretch;justify-content: space-between; padding:5px 0 30px;flex-wrap: wrap; border-bottom:1px #ccc dashed}
.pro_nav li a{ line-height:28px; padding:0 25px; font-size:17px; position:relative}
.pro_nav li a:hover,.pro_nav li.active{ font-weight:bold; color:#ff6f3d}
.pro_nav li.active a{color:#ff6f3d}
.pro_nav li a:after{ content:""; width:1px; height:20px; background:#ccc; position:absolute; right:0; top:15%;}
.pro_nav li:nth-child(8) a:after{ display:none;}
.pro_list,.case_list{width:100%; margin-bottom:50px; float:left}
.pro_list li,.case_list li{box-sizing: border-box;width:23.55%; float:left;padding:15px; margin:10px; border:1px #f5f5f5 solid; text-align:center}
.pro_list li:hover,.case_list li:hover{ border:1px #ff6f3d solid;}
.pro_list li:hover a,.case_list li:hover s{ color:#ff6f3d}
.pro_list li img,.case_list li img{ width:100%}
.fy{ float:left; padding-top:30px; width:100%; text-align:center} 
.fy a{ padding:8px 15px; margin:0 5px;background:#ff6f3d; color:#fff; font-size:16px;  }
.fy a:hover{border-radius:4px}
.fy b{padding:8px 15px; margin:0 5px; font-size:16px; border:1px #f5f5f5 solid}
.fy a b{padding:0 0; margin:0 0; border:none}
@media screen and (max-width: 1500px){
.wrap {
    width: 90%;
    margin: 0 5%;
}}
.wrap {
    width: 1400px;
    margin: 0 auto;
}

@media (max-width: 1440px) {
	
.ab_list:before{width:45%; right:0;}	
	}

 
.information:after{content:"";height:0;display:block;clear:both}
.product_one_l{ float:left;width:630px; position:relative; }
.product_one_l .pro_big2{ overflow:hidden; margin-bottom:17px;border:1px solid #dddddd;}
.product_one_l .big_img{width:100%;}
.information{ background:#f5f5f5; padding-bottom:2%; overflow:hidden; }
.information .boxs2{  margin-bottom:4%;}
.information .conten{ overflow:hidden; position:relative; }
.information .conten .boxs{ max-width:710px;  width:96%;overflow:hidden; float:right;}
.information .h2{font-weight:bold; line-height:48px;color: #333333; overflow:hidden;font-size:38px; margin-top:8px; }
.information .p{ color:#222222; font-size:16px; overflow:hidden; line-height:1.6; margin-top:30px; }
.information .txt{overflow:hidden; color:#999999; font-size:17px; line-height:36px; margin-top:5%; padding-top:3.5%; padding-bottom:3.5%;  border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.information .txt ul{ margin-top:5px;}
.information .txt ul li{ float:left; width:49%; margin-right:2%; overflow:hidden; margin-bottom:14px; color:#333333;font-size:18px;}
.information .txt ul li:nth-child(2n+0){ margin-right:0;}
.information .txt ul li label{ float:left; color:#999999; }
.information .txt ul li .p2{ overflow:hidden;}

.information .rend{ margin-top:6.5%; overflow:hidden;}
.information .rend .o_more{ float:left;}
.information .rend .btn-skip&gt;span{ font-size:18px; font-weight:bold;}
.information .rend .btn-skip .cy-circle{ margin-left:3%;}
.information .rend .tels{ float:left; margin-left:40px; overflow:hidden; padding-left:58px; background:url(../images/product_pic2.png) left center no-repeat; background-size:46px 46px;}
.information .rend .tels label{ display:block; height:22px; line-height:22px; overflow:hidden; color:#333333; font-size:15px;}
.information .rend .tels a{ display:block; color:#cf0000; font-size:30px; font-weight:bold; font-family:Arial; height:32px; line-height:32px;transition:all 0.3s;}
.information .rend .tels a:hover{opacity:0.8;filter:Alpha(opacity=80);}

 
.product_one_l .video-play{width:100%; height:100%; position:absolute; left:0; top:0;background:url(../images/i_pic2.png) center center rgba(0,0,0,0.3) no-repeat;  background-size:74px 52px; transition:all 0.3s; cursor:pointer; z-index:6; display:none;}
.product_one_l .video-play:hover{-webkit-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); transform:scale(1.1, 1.1);}
.product_one_l.not .video-play{ display:block;}
.product_t{ overflow:hidden; line-height:38px; color:#222222; font-weight:bold; margin-top:4%; font-size:24px}
.product_con2{ margin-top:3%; overflow:hidden; line-height:46px; font-size:17px; color:#555555; box-shadow: 2px 2px 10px rgba(0,0,0,0.1);margin-bottom:6%; background:#fff;}
.product_con2 img{ max-width:100%;}
.product_con2 .boxs{ max-width:1300px; width:94%; margin:0 auto; overflow:hidden; margin-top:4%; margin-bottom:4%;}
.product_con2 table{border-collapse:collapse;border-spacing:0; margin-bottom:5px;/*width: max-content;*/ width:100%; }
.product_con2 table td{border:1px solid #e4e4e4;color:#333333; height:50px; padding-top:3px; padding-bottom:3px;padding-left:50px; padding-right:5px;}
.product_con2 table tr td.w1{ background:#f8f8f8; width:26%; padding-left:30px;}
.product_con2 table tr td .img{ margin-left:10px; display:inline-block; vertical-align:middle;transition:all 0.3s; height:23px;}
.product_con2 table tr td .img:hover{opacity:0.8;filter:Alpha(opacity=80);}
.product_con2 .twos{ margin-top:4%; overflow:hidden;}
.product_con2 .twos .imgs2{ float:left; width:610px; margin-right:38px;}
.product_con2 .twos .txts{ overflow:hidden; margin-top:30px;}
.product_con2 .twos .txts .h4{ font-weight:bold; color:#333333; line-height:1.3;}
.product_con2 .twos .txts .label{ display:block; color:#999999; line-height:1.8;  font-size:16px; margin-top:30px;}
.product_con2 .twos .txts .h5{ font-weight:bold; color:#333333; line-height:1.5;}
.product_con2 .twos .txts .h5 a{ color:#d10000;}
.boxs span{ width:50%; padding-top:15px; float:left; border-top:1px #eeebeb solid; border-bottom:1px #eeebeb solid; margin-top:15px; padding-bottom:15px; position:relative}
.boxs span:nth-child(2){ text-align:right}
.boxs span:nth-child(2):after{ position:absolute; width:1px; height:45px; background:#eeebeb; content:""; left:0}


.gjg{ padding:10px 0; margin:20px 0;}
.gjg h3{ display:block; text-align:center; font-size:34px;}
.gjg p{ display:block; line-height:32px; font-size:16px; padding:5px 0}

 

.news_nav{   padding:5px 0 30px; border-bottom:1px #ccc dashed; text-align:center}
 
.news_nav  a{ line-height:28px; padding:0 25px; font-size:17px; position:relative}
.news_nav  a:hover,.news_nav a.active{ font-weight:bold; color:#ff6f3d}
.news_nav a.active {color:#ff6f3d}
.news_nav  a:after{ content:""; width:1px; height:20px; background:#ccc; position:absolute; right:0; top:15%;}
.news_nav a:nth-child(2):after{ display:none;}

.news_list{ float:left; margin-bottom:30px; width:100%; margin-top:30px;}
.news_list li{ width:32%; float:left; margin:18px 0; border:1px #f5f5f5 solid; padding:15px;box-sizing: border-box;}
.news_list li:nth-child(3n-1){ margin:18px 2%;}
.news_list li img{ height:240px; width:100%;}
.news_list .text a{ font-size:18px; line-height:34px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; margin:8px 0; float:left; font-weight:600; width:100%;}
.news_list .text p{ height:44px; width:100%; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; margin-bottom:8px}

.content{ padding:210px 0 0;  background:url(../images/section8_bg.jpg) no-repeat;width:100%; height:590px;}
.section8_1{ width:65%; float:left;}
.section8_1_con{ margin:70px 0 30px; overflow:hidden;}
.section8_1 p.by{ font-size:19px; line-height:40px;color:#fff; margin-top:80px;}
.section8_1_con li{  float:left; color:#ffffff;}
.section8_1_con li span{ display:block; float:left; margin-right:10px; font-size:58px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1;}
.section8_1_con li h3{ font-size:18px; font-weight:bold;}
.section8_1_con li h3:before{ content:""; display:inline-block; width:9px; height:9px; border-radius:50%; background-color:#ee3939; margin-right:5px;}
.section8_1_con li:first-child{ border-right:1px #ffffff dashed; margin-right:3%;width:40%;}
.section8_1_con li:nth-child(2){width:30%; }
.section8_1_con li:last-child{width:27%; }
.section8_1_con li:last-child a{ display:block; width:100%; height:53px; line-height:53px; border-radius:26.5px; background-color:#ea4546; text-align:center; color:#ffffff; font-size:25px; font-weight:bold;}
.section8_1_con li:last-child a:before{ content:""; display:inline-block; background:url(../images/section8_2.jpg) no-repeat left center; width:22px; height:23px; margin-right:5px; vertical-align:middle;}
.section8_2{ width:30%; float:right; background-color:#ffffff; border-top:3px #ee3939 solid; padding:60px 30px; margin-top:15px;}
.section8_2 li{ overflow:hidden; padding-bottom:20px; border-bottom:1px #ced7dd solid; margin-bottom:30px;}
.section8_2 span{ float:left; margin-right:15px; margin-top:3px; text-align:center;}
.section8_2 p{ line-height:24px; font-size:18px;}
.section8_2 p em{ font-size:36px; color:#ee3939; font-family:Impact,Arial, Helvetica, sans-serif; line-height:1; }
.section8_2 li:last-child{ border-bottom:0;}
.section8_3{ clear:both; background-color:#145596; padding:40px 50px; color:#ffffff;}
.section8_3 h2 { font-size: 20px; line-height: 1.5; font-weight: bold; }
.section8_3 p { font-size: 30px; line-height: 1.2; margin: 15px 0 40px; }

@media screen and (max-width:1920px){
.banner_box,.fullSlide .bd{height:800px;}
}
@media screen and (max-width:1600px){
.banner_box,.fullSlide .bd{height:667px;}
}
@media screen and (max-width:1440px){
.banner_box,.fullSlide .bd{height:600px;}
}

@media screen and (max-width:1380px){
body{ overflow-x:hidden; }
.banner_box,.fullSlide .bd{height:554px;}
.case_bg .case .case_box .bd,.case_bg .case .case_box,.case_bg .case,.ab_bg .about,.news_bg .news,.news_bg .news_box,.footer_bg .footer,.footer_bg .end_bg .end,.ab_list .about,.wrap,.top_bg .top_con{ width:1180px}
.news_bg .news_box ul li,.news_bg .news_box ul li .pic img{ width:290px}
.footer_bg .footer .f_l{ width:330px;}
.footer_bg .footer .f_r{ width:810px}
.footer_bg .footer .f_r .f_fl dl{ margin-right:20px}
.case_bg .case .case_box .bd{ overflow:hidden;}
.case_bg{ height:840px}
.case_bg .case .case_box .bd ul li{ padding:0 20px; height:630px}
.footer_bg .footer .f_r .message .form-group2,.footer_bg .footer .f_r .message .form-group1{ width:240px; margin-right:5px;}
.footer_bg .footer .f_l ul li{ line-height:36px;}
.pro_bg .product .pro_tab .swiper-button-prev{ left:36%}
.pro_bg .product .pro_l{ margin-left:2%; width:24%;}
.pro_bg .product .pro_tab{ margin-right:2%;}
.pro_nav li a{ padding:0 10px}
.pro_list li, .case_list li{ width:23%;}
.section8_1{ width:59%;}
.section8_1 p.by{ font-size:17px}

}
@media screen and (max-width:1200px){
.banner_box,.fullSlide .bd{height:500px;}


}
 </pre></body></html>