.cp_y{overflow:hidden;padding-top: 10px;border-bottom: 1px solid #eeeeee;padding-bottom: 20px;} .cp_y_zi p:first-child{font-size:30px;font-weight: bold;color: #3a3a3a} .cp_y_zi p:last-child{color:#4d4d4d;font-size: 18px;line-height: 2;padding-top: 10px;}@charset "utf-8"; /* CSS Document */ a{ text-decoration:none;outline:none;blr:expression(this.onFocus=this.blur());color:#666666; font-family:"微软雅黑"} a:visited{text-decoration:none ;} a:active{text-decoration:none;} a:hover{ color:#0f3b70;outline:none;text-decoration:none;} body, div, p, span, ul, li, dl, dd, h1, h2, h3, a, input, img { margin: 0; padding: 0; } @media (min-width: 1600px) { .container{ width: 1600px; } } html {font-size:62.5%;} body{ background:#FFF; font-family:"微软雅黑"; font-size:14px; font-size:1.4em;} /*top*/ .top_nav{ background:#e72122; color:#FFF; line-height:40px;} .top_nav .wz1{ color:#ffffff; font-size:12px; padding-right:10px;} .top_nav .wz2{ padding:0 10px; border-left:1px solid #ffffff} .top_nav .wz2 a{ color:#ffffff; font-size:12px;} .top_nav .wz3{ padding:0 10px; border:1px solid #ffffff; border-top:none; border-bottom:none; border-right:none} .top_nav .wz3 a{ font-size:13px; color:#ffffff} .wz{ text-align:right} .top{z-index:9999;width:100%; background:#FFF; border-bottom:1px solid #eeeeee; } .top .row{padding: 0 2%} .top .logo{width:28%;float:left; padding:24px 0 12px} .top .logo img{max-width:100%;} .top .line{width:1px;height:55px;background:#D8D8D8;display:block;float:left;margin-left:12px;margin-top:24px;} .top .top_dh{width:19%;float: right;height: 109px; border-left: 1px solid #dedede;background: url("../images/dh.jpg") no-repeat 15px center} .top .top_dh p:first-child{font-size:16px;color: #363636;padding-left: 64px; padding-top: 28px;} .top .top_dh p:last-child{font-size: 24px; font-weight: bold;color: #363636;padding-left: 64px} .topfix{ position:fixed; top:0; left:0; z-index:100000} /*nav*/ #navbg{ width:52%; transition:0.4s; float:left; padding-left: 2%} #navbg .nav ul{margin-bottom:0;} #navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:109px;line-height:109px;font-size:18px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative; transition:0.3s} #navbg .nav .firstfloor>li>a{display:block;height:109px;width:100%;color:#555555; transition:0.3s} #navbg .nav .firstfloor>li:hover{ background:#2240a5} #navbg .nav .firstfloor>li:hover:before{background:none;} #navbg .nav .firstfloor>li:hover>a{color:#ffffff;} #navbg .nav .secondfloor{position:absolute;left:0;top:109px;z-index:9999;display:none;background:rgb(255,255,255,0.95);width:100%;border-top:none;box-sizing:border-box;} #navbg .nav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:45px;height:45px;font-size:13px;margin-left:0;} #navbg .nav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;} #navbg .nav .secondfloor li a:hover{background:#226fb7;color:#FFF;} .ad{ background:#0474c3; color:#FFF; line-height:25px; padding:15px 0} .ad a{ color:#FFF;} /*mobilehead*/ #mobilehead{height:70px;width:100%;background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;display:none;background-size:auto 50px;} #mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;} #mobilehead .nav{float:right;} #mobilehead .nav_bg{display:none;position:fixed;top:105px;left:0;z-index:989;width:100%;height:calc(100% - 70px);background:rgba(0, 0, 0, 0.6);animation:fade-in .43s ease 0s;-webkit-animation:fade-in .43s ease 0s;} #mobilehead .nav .nav_box{display:none;position:absolute;top:70px;left:0;z-index:991;width:100%;overflow:auto;border-top:1px solid #eee;background:#fff;box-sizing:border-box;} #mobilehead .nav .nav_one>li{border-bottom:1px solid #eee;padding:0 10px;} #mobilehead .nav .nav_one>li>span>a{display:block;position:relative;width:calc(100% - 150px);height:42px;box-sizing:border-box;font-size:15px;color:#666;line-height:42px;float:left;} #mobilehead .nav .nav_one>li>span>i{float:right;display:block;width:150px;height:42px;} #mobilehead .nav .nav_one>li>span>i>em{float:right;width:42px;height:42px;background:url(+.png) no-repeat center center;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;display:block;} #mobilehead .nav .nav_one>li>span>i>em.on{-ms-transform:rotate(45deg);-webkit-transform:rotate(45deg);transform:rotate(45deg);} #mobilehead .nav .nav_one>li>ul{display:none;} #mobilehead .nav .nav_one>li>ul>li{height:36px;line-height:36px;text-indent:20px;} #mobilehead .nav .nav_one>li>ul>li>a{font-size:15px;color:#666;width:100%;height:100%;display:block;} #mobilehead .nav .push-nav{display:block;position:relative;z-index:998;width:54px;height:50px;font-size:0;margin-right:8px;background:rgba(138,138,138,.5);margin-top:10px;border-radius:5px;} #mobilehead .nav .push-nav .nav-toggle{display:block;position:absolute;left:50%;top:50%;border:0;border-radius:4px;cursor:pointer;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%);} #mobilehead .nav .push-nav.on .nav-toggle{margin-left:-4px;} #mobilehead .nav .push-nav .nav-toggle span{display:block;position:relative;z-index:1;width:37px;height:2px;margin:0 0 10px auto;background:#8a8a93;border-radius:3px;-webkit-transform-origin:35px;transform-origin:35px;-webkit-transition:all .5s;transition:all .5s;} #mobilehead .nav .push-nav .nav-toggle span.two{width:30px;} #mobilehead .nav .push-nav .nav-toggle span:last-child{margin-bottom:0;} #mobilehead .nav .push-nav.on .nav-toggle span{ opacity:1;} #mobilehead .nav .push-nav.on .nav-toggle span:nth-child(3){-webkit-transform:rotate(45deg);transform:rotate(45deg);} #mobilehead .nav .push-nav.on .nav-toggle span:nth-child(2){-webkit-transform:scale(0);transform:scale(0);} #mobilehead .nav .push-nav.on .nav-toggle span:nth-child(1){-webkit-transform:rotate(-45deg);transform: rotate(-45deg);} #mobilehead .nav .nav_contact{position:relative;border-top:1px solid #eee;color:#666;} #mobilehead .nav .nav_contact .nav_txt{width:100%;} #mobilehead .nav .nav_contact .nav_txt span{height:42px;line-height:42px;display:block;float:left;position:relative;text-indent:15px;margin-left:10px;font-size:15px;} #mobilehead .nav .nav_contact .nav_txt span a{color:#666;} #mobilehead .nav .nav_contact .nav_txt span.sitemapicon{background:url(mobilesitemap.png) no-repeat left center;background-size:auto 15px;} #mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(mobilephone.png) no-repeat left center;background-size:auto 15px;} #mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;} /* 响应式样式结束 */ /*公用标题*/ .cpzs{ overflow:hidden} .center3 .a_tu{margin:0 10px} .center3 .a_tu img{max-width:100%;} .center3 .a_zi{font-size:16px;margin: 20px 10px} .center3 .slick-prev{display:none !important} .center3 .slick-next{display:none !important} /*翻页*/ .pager{text-align: center; font-size: 14px; color: #8B8B8B;} .pager a,.pager span{ width:35px; height: 35px; line-height:35px; display: inline-block;margin:0 2px; color: #8B8B8B; text-align: center; border: 1px solid #dbdbdb; background: #ffffff; } .pager span.current,.pager a:hover,.pager a.on{ background: linear-gradient(-220deg,#d4242e,#ff0000);color:#fff;} .pager a.on{ padding: 0 20px;} .pager span.sfont{ width: auto; margin-left: 10px;} .pager input{width: 50px;height: 50px;border: 1px solid #A5A5A5; line-height:50px; text-align: center;} /*产品*/ .cp .col-sm-6 { border: 1px solid #e0e7e8; border-right: none; border-bottom: none;} .cp .cp_nr{width:100%; height: 100%; padding: 30px;position: relative;} .cp .cp_tu{text-align:center;} .cp .cp_bt{font-size:18px; color: #525252; font-weight: bold;padding: 20px 0 35px} .cp .cp_tu img{max-width: 100%;} .cp_zz{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/zz.png") no-repeat center center;background-size: cover;opacity: 0;transition: 0.3s;text-align: center;color: #FFFFFF} .cp .cp_nr:hover .cp_zz{opacity: 1;cursor: pointer} .cp_zz a{color:#FFFFFF} .cp_zz .zz1{font-size: 36px; font-weight: bold;padding-top: 100px;} .cp_zz .zz2{font-size: 18px;padding: 30px 0;line-height: 2} .cp_zz .zz3 a{color:#FFFFFF;font-size: 16px;padding: 8px 30px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 10px;transition: 0.3s} .cp_zz .zz3 a:hover{background:#FFFFFF;color: #fb5508;} .cp_fl{padding-left:40px;} .cp_fl_bt{padding-top:70px;} .cp_fl_bt p:first-child{font-size:40px;color: #2d2d2d;font-weight: bold} .cp_fl_bt p:last-child{font-size:16px;padding-top: 10px;} .cpfl_nr{margin-top:30px;} .cpfl_nr a{font-size: 16px;color: #7d7d7d;display:inline-block;padding: 8px 30px;border-radius: 21px;border: 1px solid #e5e5e5;transition: 0.3s;margin-right: 10px;margin-top: 10px;} .cpfl_nr a:hover{background: linear-gradient(to right, #ec170b , #fe5b14);color: #FFFFFF;border: 1px solid transparent;} .cpml{margin-top:30px;} .cpml a{color:#cd7015} .cpml b{border-bottom:1px solid #cd7015} /*优势*/ .ys{background: url("../images/a_bj.jpg") no-repeat top center;} .ys_bt{ padding:80px 0 50px; overflow: hidden} .ys_bt p:first-child{font-size:100px;color: #1e1e2a; text-shadow: #30303b 2px 0 0, #30303b 0 2px 0, #30303b -2px 0 0, #30303b 0 -2px 0;font-family:Arial;font-weight: bold} .ys_bt p:last-child{font-size:48px;color: #FFFFFF;font-weight: bold;margin-top: -20px;line-height: 48px;} .ys_bt p:last-child b{color:#ff5e14;font-size: 35px;} .ys_more{margin-top:90px;} .y_nr{text-align:center;background: #2a2a38;padding: 50px 0;margin-bottom: 30px;} .y_nr .y_nr_bt{font-size:24px;color: #fe5a14;font-weight: bold;padding: 10px 0} .y_nr .y_nr_zi{color:#FFFFFF;font-size: 15px;line-height: 2;min-height: 60px;width: 80%;margin: 0 auto} .about{background:#ffffff; padding: 30px 30px 60px;overflow: hidden;margin-top: 30px;} .about_nr{padding-right:50px;} .about_tu img{max-width:100%;} .about_tu{padding-top:50px;} .about_zi{font-size:100px;color: #ffffff; text-shadow: #f5f4f4 2px 0 0, #f5f4f4 0 2px 0, #f5f4f4 -2px 0 0, #f5f4f4 0 -2px 0;font-family:Arial;font-weight: bold} .about_bt{font-size:48px;color: #303030;font-weight: bold;margin-top: -10px;line-height: 48px;} .about_bt b{color:#ff5e14;font-size: 35px;} .about_bt2{color:#303030;font-size: 30px;font-weight: bold;padding: 10px 0; line-height: 1.8;padding-left: 51px} .about_bt3{margin-left:51px;color: #686868;font-size: 16px;line-height: 2;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .about_xz{background:url("../images/n6.png") no-repeat 40px center;padding: 15px 0;margin-top: 20px;} .about_xx{background:url("../images/n5.png") no-repeat 40px center;padding: 15px 0;margin-top: 20px;} .xx1{font-size:24px;color: #fc5508;font-weight: bold;padding-left: 120px} .xx2{color:#303030;font-size: 20px;padding-left: 120px} /*案例*/ .case{background:#f2f3f5;padding: 20px 0;overflow: hidden} .center{ padding-top:65px;} .center .anli_tu{margin: 0 8px} .center .anli_tu img{max-width:100%;} .center .anli_zi{line-height:35px;} .center .slick-dots{ top:10px;height: 1px} .center .slick-dots li button:before { font-size: 40px;} .center .slick-dots li.slick-active button:before {color:#fc5508} .center .slick-prev{width:25px; height: 50px; background: url("../images/c_l.png") no-repeat;left: -17px;top: 50%} .center .slick-next{width:25px; height: 50px; background: url("../images/c_r.png") no-repeat;right: -16px;top: 50%} /*客户*/ .kh{padding: 30px 0;background: url("../images/kk.png") no-repeat center 50px;overflow: hidden} .kk{text-align:left;} .kh_nr{padding:55px 40px ; border: 1px solid #f2efef; background: #FFFFFF; margin: 0 10px;} .kk .kk_bt{position: relative;} .kk .kk_bt img{width:85px;} .kk .kk_bt span{font-size:36px;color: #303030; font-weight: bold;top: 8px; position: relative;padding: 0 10px} .kk .kk_bt b{float:right;font-size:40px;color: #fc5508;top: 5px; position: relative;} .kk .kk_zi{font-size:16px;color: #686868;margin: 20px 0; line-height: 1.8;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} .kh .about_zi{padding-left:25px;} .kh .about_bt{padding-left:25px;} .center1{margin-top:50px;overflow: hidden} .center1 .slick-prev{display:none !important} .center1 .slick-next{display:none !important} .center1 .slick-dots{ top:-40px;right: 0px; height: 1px;width: auto} .center1 .slick-dots li button:before { font-size: 25px;} .center1 .slick-dots li.slick-active button:before {color:#fc5508} /*数字*/ .sz{background: linear-gradient(to right, #ec170b , #fe5b14); padding: 30px 20px;position: relative;z-index: 10} .ssz{width:20%; float: left;text-align: center;color: #FFFFFF} .ssz p:first-child{font-size: 45px;} .ssz p:last-child{font-size:24px;} .jm{background:url("../images/tu.jpg") no-repeat;background-size: cover;padding: 30px 0;margin-top: -40px;color: #FFFFFF} .jm_nr{padding:50px 0} .jm_nr p:first-child{font-size:48px;font-weight: bold;} .jm_nr p:last-child{font-size:36px;;padding-top: 10px;} .zx2{margin-top:80px} /*新闻*/ .news{position: relative;z-index: 10;background: #f6f6f8; padding: 30px 50px;margin-top: -50px} .news .news_bt{overflow:hidden} .news .about_zi{font-size:100px;color: #f6f6f8; text-shadow: #e4e5e6 2px 0 0, #e4e5e6 0 2px 0, #e4e5e6 -2px 0 0, #e4e5e6 0 -2px 0;font-family:Arial;font-weight: bold;padding-left: 25px;} .news .about_bt{padding-left:25px;} .news_more a{background: linear-gradient(to right, #ec170b , #fe5b14); padding: 10px 25px;color: #FFFFFF;border-radius: 20px;margin-top: 100px;display: inline-block} .news .news_nr{margin-top:50px;} .news_z{background:#FFFFFF;} .news_z .news_tu img{width:100%;} .news_z .news_zi{padding:30px;position: relative} .news_z .news_zi .news_rq{color:#969696;font-size: 14px;} .news_z .news_t{width:70px;height: 70px;background: #fc5508;line-height: 60px;border-radius: 50%;border: 5px solid #FFFFFF;position: absolute;color: #FFFFFF;text-align: center;font-size: 20px;font-weight: bold;top: -20%;right: 10%} .news_z .news_nr_bt{font-size: 18px; color: #424242;font-weight: bold;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .news_z .news_nr_more a{display: inline-block;background: #fc5508;padding: 10px 20px; border-radius: 6px;color: #FFFFFF} .news_zi_zi{line-height: 30px;color: #898989;padding: 5px 0} .news_zi_zi a{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;color: #424242;font-size: 16px;} .news_zi_zi a:hover{color:#000000} .mt30{padding:20px 0;overflow: hidden;clear: both} /*新闻下*/ .news_x{padding:40px 0} .news_x .about_xx{padding-left:0} .news_x img{width:100%} /*底部*/ .footer{background:#28292b; padding: 50px 0 20px} .footer_s{overflow:hidden;border-bottom: 1px solid #38393a;} .f1{margin-bottom:25px;overflow: hidden} .f2{margin-bottom:25px;overflow: hidden} .f1 img{max-width:100%;} .f1 p:last-child{line-height:2;padding: 35px 5px;font-size: 14px;color: #767676} .f2{border-top:2px solid #38393a} .f2 p:first-child{font-size:18px;color: #FFFFFF;font-weight: bold;padding-top: 40px;} .f2 p:last-child{line-height:2;font-size: 14px;padding-top: 20px;} .f2 p:last-child a{color:#767676} .f2 p:last-child a:hover{color:#FFFFFF} .f2 p:last-child span{width:50%;text-align: center;color: #767676} .f2 p:last-child span img{max-width:100%;padding: 0 5px;padding-bottom: 20px} .f2_2 a{width:33%;float: left;display: inline-block;} .footer_x{color:#767676;font-size: 14px;padding: 25px 10px 15px;line-height: 1.8} .footer_x a{color:#767676} .footer_x a:hover{color:#FFFFFF} /*内页*/ .nybanner{padding:260px 0} .nybanner1{padding:144px 0} .mbx{color:#FFFFFF} .mbx .m1{width:338px; height: 51px;background:url("../images/bt.png") no-repeat; font-size: 48px;font-weight: bold;padding-top: 17px; text-align: center} .mbx .m2{padding-top:50px;padding-left: 35px;} .mbx .m2 a{color:#FFFFFF} /*关于我们*/ .ny_bt{font-size:30px;color: #303030;text-align: center;padding: 30px 0;position: relative} .ny_bt:before{content: "";width:3px;height: 40px;background: #ff5e14;left: 50%;top: -20px;position:absolute;display:block} .about-box{margin:20px 0} .about-box img{max-width:100%} .nyabout_nr{line-height:2; color: #686868} .aa{margin:40px auto} .aa .ssz{background:url("../images/aa.png") 40px 0 no-repeat} .aa .ssz p:first-child{color:#3f3f3f;padding-top: 30px} .aa .ssz p:last-child{color:#ff5e14} .hj{background:url("../images/cc.jpg") repeat-x;margin-top: 60px;} .hj .center3 .a_tu{margin:0 10px} .hj .center3 .a_tu img{max-width:100%;} .hj .center3 .a_zi{font-size:16px;margin: 20px 10px} .hj .center3 .slick-prev{display:none !important} .hj .center3 .slick-next{display:none !important} .zz{background:url("../images/zz_bj.png") no-repeat center bottom;margin-top: 60px;padding-bottom: 150px;} .zz_bt{font-size:30px;color: #303030;text-align: center;padding: 30px 0 80px;position: relative} .zz .center4 .a_tu{margin:0 10px} .zz .center4 .a_tu img{max-width:100%;} .zz .center4 .a_zi{font-size:16px;margin: 20px 10px} /*生产能力*/ .center5{margin-bottom:40px !important;} .center5 .sc_tu {margin:0 10px;} .center5 .sc_tu img{max-width:100%} .center5 .slick-prev{display:none !important} .center5 .slick-next{display:none !important} .center5.slick-initialized .slick-slide{opacity:0.5;transition: 0.3s} .center5 .slick-active{opacity:1 !important} .scnl_bt{font-size:30px;font-weight: bold;color: #313131;text-align: center;padding: 30px 0 50px} .pic_ul{padding-bottom:30px;overflow: hidden} .pic_ul_tu{margin-top:30px;} .pic_ul_tu img{width:100%;} .pic_ul_bt{background:#f1f1f1;display: block;text-align: center;padding: 25px 0;font-size: 18px;font-weight: bold} /*售后服务*/ .shfw{padding:50px 0} .sh1{margin-top: 20px;text-align: center} .sh1 img{max-width:100%;} .sh2{line-height: 30px; text-align: center;font-size: 18px; padding: 20px 0} .fwzx{background:url("../images/fw.jpg") no-repeat center center;background-size: cover;padding: 30px 0} .fwzx_bt{font-size:30px; padding: 30px 0;text-align: center} .form-control { height: 55px; border-radius: 0; border: 1px solid #ececea} .fwzx .btn { width: 100%; border-radius: 0;font-size: 16px; margin-top: 0; border: 1px solid #f89e1d; background: linear-gradient(to right, #ec170b , #fe5b14);color: #fff;height: 55px;} /*新闻*/ .nynews_bt{text-align:center;border: 1px solid #e5e5e5; border-left: none; border-right: none;margin: 50px 0;position: relative} .nynews_bt:before { content: ""; width: 3px; height: 40px; background: #ff5e14; left: 50%; top: -70px; position: absolute; display: block;} .nynews_bt a{font-size:18px; color: #585858; display: inline-block; padding: 20px 40px;border-bottom: 2px solid #ffffff} .nynews_bt a:hover{border-bottom:3px solid #ec170b;color: #ec170b} .nynews_bt .on{border-bottom:3px solid #ec170b;color: #ec170b} /*技术知识*/ .jszs_nr{margin:15px 0 ; overflow: hidden} .jszs_k{border:1px solid #e5e5e5; padding: 30px 15px;overflow: hidden;margin-bottom: 20px;} .jszs_rq{width:83px; height: 83px; background: linear-gradient(to right, #ec170b , #fe5b14); float: left;color: #FFFFFF;text-align: center;font-family: Arial;position: relative} .jszs_rq p:first-child{font-size:30px;padding-top: 8px;} .jszs_rq p:last-child{font-size:14px;} .jszs_rq:after { content: ""; width: 1px; height: 47px; background: #ff5e14; left: 50%; bottom: -40px; position: absolute; display: block;} .jszs_zi{width:calc(100% - 120px); float: right;} .jszs_zi p:first-child{font-size:24px;color: #383838;font-weight: bold;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;} .jszs_zi p:last-child{color:#919191;line-height: 1.8;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;} /*新闻列表*/ .media-box{display:block;margin-bottom:10px;width: 100%;} .media-box a{ display: block;} .media-box .icon{ width: 100%; height: 25.8rem; overflow: hidden; text-align: center;} .media-box .icon{transition-duration: .5s;-ms-transition-duration: .5s;-moz-transition-duration: .5s;-webkit-transition-duration: .5s;} .media-box .icon img{ width: 100%; max-width: none; display: block; width: 100%; height: 100%; object-fit: cover; } .media-box .icon img{transition-duration: 1s;-ms-transition-duration: 1s;-moz-transition-duration: 1s;-webkit-transition-duration: 1s;} .media-box h3{ text-align: center; font-size: 1.8rem; color: #373737; padding: 1rem 0;} .media-box a:hover .icon img{transform:scale(1.2);} .jcent{display: flex;align-items: center;justify-content: center;flex-direction: column;} .news-box2{ margin-bottom: 2rem; position: relative;} .news-box2 .media-box{ margin-bottom: 0; border: 1px solid #e1e1e1; border-right: none} .news-box2 .media-box .icon{ height: 25rem;} .news-box2 .date{ color: #333f47; text-align: center; line-height: 3.6rem; font-size: 1.8rem;} .news-box2 .date span{ display: block; font-weight: bold; font-size: 4.8rem;color:#333f47;font-family:Impact} .news-box2 .date i{font-style:normal;font-size: 14px;color: #909090} .news-box2 a{ display: flex; position: relative; z-index: 2; clear: both; overflow: hidden; height: 100%; background: #f8f7f7; margin-top: 35px;} .news-box2 .jcent{ height: 100%; align-items: inherit;} .news-box2 h3{ font-size: 2.4rem; position: relative;} .news-box2 p{ font-size: 1.4rem; color: #656565; margin: 1rem 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height: 2} .news-box2 a:hover h3{ color: #ec170b;} .news-box2 a:hover .icon img{ transform: scale(1.1); transition: all 0.8s;} .news-box2 .col-md-3{ margin-right: 2%} .article{ line-height: 30px; padding: 6rem 0 2rem;} .article .content{font-size:16px;padding-top: 30px;line-height: 30px;} .article .content img{max-width:100%} .news-tit{ font-size: 3rem; font-weight: bold;} .tool{ color: #999; padding: 2rem 0;border-bottom: 1px solid #EDEDED} .tool span{ display: inline-block; margin: 0 0.5rem; font-size: 14px;} .bshare-custom{ padding: 2rem 0;} .tc{text-align:center!important;} /*案例*/ .al{display:flex;margin: 15px 0;} .al:nth-child(2n+1) .col-md-push-6{left: 0%;} .al:nth-child(2n+1) .col-md-pull-6{right: 0%;} .al .a_tu img{max-width:100%} .al .jcent{height:100%;align-items:flex-start} .al .a_zi{padding:0 50px} .al .a_zi p:first-child a{font-size:30px;color: #3c3c3c;font-weight: bold} .al .a_zi p:nth-child(2){font-size:16px;color: #767676;line-height: 2;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .al .a_zi p:nth-child(3){font-size:25px;} .al_info{background: #f5f2f2;} .al_info_nr{display:flex;background: #f5f2f2;height: 100%} .al_info_tu img{width:100%;} .al_info_nr .jcent{height:100%;align-items:flex-start} .al_info_nr .al_info_zi {padding:0 50px;} .al_info_nr .al_info_zi p:first-child a{font-size:30px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(2){font-size:16px;color: #767676;line-height: 2;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; border-bottom: 1px solid #dedbdb;padding-bottom: 20px;} .al_info_nr .al_info_zi p:nth-child(3){font-size:24px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(4){width:100%; margin-top: 15px;line-height: 2} .al_info_nr .al_info_zi p:nth-child(4) img{max-width:100%;} .al_info_nr .al_info_zi p:nth-child(4) b{font-size:18px;font-weight: bold;margin-top: 10px;display: inline-block} .al_bj{background:url("../images/al_bj.jpg") no-repeat center center; padding: 80px 0} .tjal_bt{font-size:36px;color: #FFFFFF;} .center6{margin-top:50px;} .center6 .anli_tu {margin:0 10px;} .center6 .anli_tu img{max-width:100%} .center6 .anli_zi{line-height:40px;color: #FFFFFF;font-size: 16px;font-weight: bold} .center6 .slick-prev{display:none !important} .center6 .slick-next{display:none !important} .a_di{padding:150px 0 80px;overflow:hidden} .a_di img{max-width: 100%;} .a_di .df1{float:left;margin-left: -50px;} .a_di .df2{float:right;margin-right: 150px; margin-top: 80px;} .df_nr{text-align:center} .df_nr p:first-child{font-size:36px;color: #444343;font-weight: bold} .df_nr p:nth-child(2){color:#666666;font-size: 18px;margin: 30px 0} .df_nr p:nth-child(3) a{padding: 0 10px;display: inline-block;color: #0a2d8b;font-size: 16px;} .df_nr p:nth-child(4){margin-top:20px;} .df_nr p:nth-child(4) img{max-width:100%;} /*产品*/ .cp_ss{text-align: center;color: #FFFFFF} .cpss_1{font-size:36px;font-weight: bold;color: #FFFFFF} .cpss_2{color:#a5b7c8;font-size: 14px;} .cpss_2 a{padding:0 5px;color: #a5b7c8} .full-row{width:800px;margin: 45px auto 20px;overflow: hidden} .full-row .text1{height:60px;width: 100%;outline:none;padding-left: 15px;color: #333333} .full-row .btn1{width:100%;height: 60px;background: linear-gradient(to right, #ec170b , #fe5b14);display: block;border: none;outline:none;} .pro_bt{text-align:center;font-size: 36px;color: #1d1d1d;font-weight: bold;padding-top: 30px;} .pro_bt span{color:#ff4100} .pro_bt1{border: 1px solid #e5e5e5; border-left: none; border-right: none;margin: 50px 0;position: relative;overflow-x:auto} .hid{display: flex;} .pro_bt1 a{font-size:18px; color: #585858;border-bottom: 2px solid #ffffff;text-align: center;flex-shrink: 0;padding: 20px 27px } .pro_bt1 a:hover{border-bottom:3px solid #ec170b;color: #ec170b} .pro_bt1 .on{border-bottom:3px solid #ec170b;color: #ec170b} ::-webkit-scrollbar{ width: 10px; height: 8px; background-color: #F5F5F5;} /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track{ -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;} /*定义滑块 内阴影+圆角*/ ::-webkit-scrollbar-thumb{ border-radius: 10px; -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #999999;} .cp_nr_nr .y_nr{text-align:center; background: none; border: 1px solid #EDEDED;padding: 50px 0;margin-bottom: 30px;} .cp_nr_nr .y_nr .y_nr_bt{font-size:24px;color: #fe5a14;font-weight: bold;padding: 10px 0} .cp_nr_nr .y_nr .y_nr_zi{color:#333333;font-size: 16px;line-height: 2;min-height: 60px;width: 80%;margin: 0 auto} .yycj{ overflow: hidden;} .yycj .yycj_tu img{max-width:100%;} .yycj .yycj_zi{ line-height: 50px; font-size: 16px; text-align: center} .product_left{width:100%; margin-top:20px;} .product_left .pl_top{width:130px;height:50px;background: linear-gradient(to right, #ec170b , #fe5b14);float:left} .product_left .pl_top p{color:#FFF;font-size:15px;line-height:50px;text-align:center;} .product_left .pl_ul{width:calc(100% - 180px);float:left;height:50px;position:relative;} .product_left .pl_ul .first_li{width:100%;height:50px;line-height:50px;display:block;text-indent:20px;color:#333;background:#e6e6e6;font-size:13px;} .product_left .pl_ul .ul_li{width:calc(100% + 50px);position:absolute;top:50px;left:0;background:#F00;display:none;z-index:20;border-top:1px solid #D0D0D0;} .product_left .pl_ul .ul_li a{width:100%;height:35px;line-height:35px;display:block;text-indent:20px;color:#333;background:#e6e6e6;border-bottom:1px solid #D0D0D0;font-size:13px;} .product_left .pl_right{width:50px;height:50px;background:#e6e6e6;background-size:auto 50%;float:right;} .product_left .pl_right i{display:block;width:100%;height:100%;background:url(../images/cli.png) no-repeat center center;transform:rotate(90deg);transition:transform .3s ease-out;} .product_left .pl_right i.on{transform:rotate(-90deg);} .product_right{width:96%;padding:0rem 2% 1rem;} .product_right .pr_ul{width:100%;overflow:hidden;} .product_right .pr_ul .swiper-slide{margin-top:20px!important;width:49%;} .product_right .pr_ul .swiper-slide .s_img{width:100%;height:0;padding-bottom:66.67%;border:1px solid #DDD;box-sizing:border-box;position:relative;} .product_right .pr_ul .swiper-slide .s_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;} .product_right .pr_ul .swiper-slide p{background:#DEDEDE;height:2rem;line-height:2rem;text-align:center;padding:0 0.2rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px} .product_right .pr_ul .swiper-slide p a{color:#333;} .cpxq{border:1px solid #e5e5e5;padding: 30px;position: relative;margin: 15px 0;min-height: 300px;} .cpxq .cpxq_tu{width:48%; float: left} .cpxq .cpxq_tu img{max-width:100%;} .cpxq .cpxq_nr{width:48%; float: right} .cpxq .cpxq_nr p:first-child{font-size:18px;color: #525252;font-weight: bold;padding-top: 25px;padding-bottom: 15px;} .cpxq .cpxq_nr p:nth-child(2){font-size:14px;color: #808080;line-height: 30px;} .cpxq .cpxq_nr p:nth-child(3){font-size:14px;color: #808080;line-height: 30px;margin-top: 10px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .cpxq .cp_xq_zz{width: 100%;height: 100%;position: absolute;top: 0;left: 0;background: url("../images/zz.png") no-repeat center center;background-size: cover;opacity: 0;transition: 0.3s;text-align: center;color: #FFFFFF;} .cpxq:hover .cp_xq_zz{opacity: 1;cursor: pointer} .cp_xq_zz .zz1{font-size: 30px; font-weight: bold;padding-top: 40px;} .cp_xq_zz .zz2{font-size: 18px;padding: 30px 0;line-height: 2} .cp_xq_zz .zz3 span{color:#FFFFFF;font-size: 16px;padding: 8px 30px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 10px;transition: 0.3s} .cp_xq_zz .zz3 span:hover{background:#FFFFFF;color: #fb5508;} .pinfo_left{width:320px;height: auto;overflow: hidden;float: left;margin-top: 30px;} .pinfo_bt{background: linear-gradient(to right, #ec170b , #fe5b14);font-size: 30px;height: 84px;line-height: 84px;padding-left: 30px;color: #FFFFFF;font-weight: bold;margin-top: 10px;} .pinfo_nr ul li{line-height:60px;font-size: 18px;border-bottom: 1px solid #f0f0f0} .pinfo_nr ul li a{display:block;background: #FFFFFF;padding-left: 30px;transition: 0.3s} .pinfo_nr ul li i{font-size:30px;padding-top: 14px;padding-right: 15px;color: #FFFFFF;transition: 0.3s} .pinfo_nr ul li a:hover{background:#2240a5;color: #FFFFFF} .pinfo_nr ul li:hover i{margin-right:10px} .center7 {background:#FFFFFF} .center7 .anli_tu img{max-width:100%;} .center7 .anli_zi{line-height:50px;text-align: center;font-size: 16px;} .pro_nr{width:calc(100% - 350px); float: right;margin-top: 40px;} .pro_nr_bt{background:#FFFFFF;padding: 20px 0;text-align: right;padding-right: 20px;color: #616161} .pro_nr_bt .m3 a{color:#616161} .pro_nr_bt .m3 i{color:#f13925} .pro-bk{ background: #ffffff; padding: 2rem 2% 1rem; height: 100%; box-sizing: border-box;overflow: hidden;margin-top: 15px;} .pro-bk .swiper-container {width: 100%;height: 300px;margin-left: auto;margin-right: auto;} .pro-bk .swiper-slide {background-size: cover;background-position: center;} .pro-bk .swiper-slide .bimg{ height: 99%;border: 1px solid #e5e5e5 } .pro-bk .gallery-top {height: 80%;width: 100%;} .pro-bk .gallery-top img{max-width:100%;max-height: 100%} .pro-bk .gallery-thumbs {height: 16%;box-sizing: border-box; width: 85%; margin-top: 4%;} .pro-bk .gallery-thumbs .swiper-slide {width: 25%;height: 95%;opacity: 1;border: 1px solid #ddd;} .pro-bk .gallery-thumbs .swiper-slide-thumb-active {opacity: 1;border: 1px solid #e48c0f;} .pro-thumb{ height: 465px; position: relative;} .pro-thumb .swiper-button-next,.pro-thumb .swiper-button-prev{ top: auto; bottom: 0; height: 16%; width: 4%; text-align: center; background: none; line-height: 100%;outline: none} .pro-thumb .swiper-button-next{ right: 0;} .pro-thumb .swiper-button-prev{ left: 0;} .pro-thumb .swiper-button-next i,.pro-thumb .swiper-button-prev i{ vertical-align: middle; font-size: 2.4rem; color: #999;} .pro-bk2{ background: #f3f3f3; padding: 2rem 4% 1rem; height: 100%; box-sizing: border-box;} .pro-bk2 .case-box{ margin: 0 2rem; width: auto;} .swiper-thumb{ height: 99.5%; border: 1px solid #f6f6f6;} .swiper-thumb .swiper-pagination-bullet-active{ background: #e48c0f;} .wx{text-align:center;color: #e5e5e5;line-height: 2} .wx img{max-width:100%; border: 1px solid #e5e5e5;padding: 7px;} .cp_y{overflow:hidden;padding-top: 10px;border-bottom: 1px solid #eeeeee;padding-bottom: 20px;} .cp_y_zi p:first-child{font-size:30px;font-weight: bold;color: #3a3a3a} .cp_y_zi p:last-child{color:#4d4d4d;font-size: 18px;line-height: 2;padding-top: 10px;} .cp_nr{background:#FFFFFF;padding: 20px ; overflow: hidden} .cp_nr_bt{border-top: 1px solid #d9d9d9;font-size: 24px;color: #3a3a3a;padding: 20px 0} .cp_nr_ms{background:#f0f0f0;padding: 20px;line-height: 1.8;font-size: 14px;color: #838383} .cp_nr_nr{line-height:2;padding: 30px 0} .cp_nr_nr img{max-width:100%;height: auto} .cp_nr_nr{ overflow: hidden;} .keys{ font-size: 14px;padding-bottom: 10px;border-bottom: 1px solid #f0f0f0;display: block;} .ny-page{ line-height: 3rem; padding: 2rem 0 2rem; font-size: 14px;} .tr{ text-align:right!important;} .cp_y_lx{margin-top:25px;overflow: hidden} .cp_y_lx .p1{font-size:40px;color: #2744a7;border: 2px solid #2744a7;border-radius: 50%;width: 60px; height: 60px;text-align: center;margin-top: 20px} .cp_y_lx .p2{margin-left:15px; center;margin-top: 20px;margin-right:10px;} .cp_y_lx .p2 p:first-child{color:#7c7c7c;font-size: 16px;} .cp_y_lx .p2 p:last-child{color:#2240a5;font-size: 30px;} .cp_y_lx .p3{margin-top: 10px} /*联系*/ .lxrx{ text-align: center;padding: 30px 10px;color: #666666;margin-bottom: 15px; border: 1px solid #D4D4D4;border-radius: 8px;overflow: hidden;padding-bottom: 30px} .lxrx p:first-child{ font-size:45px;color:#ec170b} .lxrx p:nth-child(2){font-size:20px;padding: 15px 0;} .lxrx p:last-child{ font-size:15px;} /*底部*/ .pc-call{position:fixed;bottom:10%;right:0;width:50px;z-index: 1000;} .pc-call li{ width: 50px; height: 50px; background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; position: relative; line-height: 50px; right: 0;} .pc-call li a{ color: #fff;} .pc-call .pc-Top{ background: #cbcbcb; text-align: center; color: #fff; font-size: 20px; font-family: impact; cursor: pointer; position: relative;} .pc-call .pc-Top:before{ content: ""; background: url(pointer.png) no-repeat; width: 10px; height: 5px; position: absolute; top: -5px; left: 0; right: 0; margin: 0 auto;} .pc-call .pc-font{} .pc-call .pc-font span{display: block; line-height: 20px; text-align: center; padding-top: 6px;} .pc-call .pc-icon i{ display: inline-block;} .pc-call .pc-icon .qq{ display: inline-block; background: url(QQ.png) no-repeat center center; background-size:70% ; width: 100%; height: 100%;} .pc-call .pc-tel a{ background-image: linear-gradient(-220deg,#ff9e1d,#ff9e1d); margin-bottom: 2px; border-radius: 10px 0 0 10px; display: block; position: absolute; right: 0; top: 0; width: 100%; height: 100%; overflow: hidden;} .pc-call .pc-tel .tel{ display: inline-block; background: url(tel.png) no-repeat center center; width: 50px; height: 100%; vertical-align: middle; background-size:70% ;} .pc-call .pc-tel span{ display: inline-block; color: #fff; vertical-align: middle; font-size: 16px;} .pc-call .pc-tel:hover a{ width: 190px;} .pc-call .pc-code .code{ display: inline-block; background: url(code.png) no-repeat center center; width: 100%; height: 100%; background-size:70% ;} .pc-call .pc-code .code-img{position: absolute; right: 0; bottom: 0; width: 150px; height: 150px; display: none; transition: all 0.5s;} .pc-call .pc-code .code-img img{ width: 100%;} .pc-call .pc-code:hover .code-img{ display: block; right: 60px; transition: all 0.5s;} #mob-call {position: fixed;bottom: 0;height: 50px;width: 100%;background: #515151;left: 0; z-index: 1000;} #mob-call li {display: block; text-align: center;} #mob-call li i{ display: inline-block; width: 100%; height: 25px; background: url(QQ.png) no-repeat center center; background-size: auto 90%; margin-top: 5px;} #mob-call #call-list {position: initial} #mob-call #call-list li:active {background: rgba(0, 0, 0, .3);border-radius: initial} #mob-call #call-list .item {width: 25%;background: 0 0;display: block;float: left;position: static;position: initial;} #mob-call #call-list .item a {display: block;height: 100%;width: 100%;margin: 0;padding: 0; color: #fff;} #mob-call #call-list .item span{ margin-top: -6px; display: block;} #mob-call #call-list .item-top i{ background-image: url(top.png);} #mob-call #call-list .item-tel i{ background-image: url(tel.png);} #mob-call #call-list .item-code i{ background-image: url(code.png);} #mob-call #call-list .item-home i{ background-image: url(home.png);} #mob-call #call-list .item-cp i{ background-image: url(cp.png);} #mob-call .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:62%;margin-left:-44px;display:none;} #mob-call .ewm img{width:100%;height:100%;display:block;} .mt2 { margin-top:2rem; } .mt3 { margin-top:3rem; } .bk-map{ min-height: 85rem;} .bk-map .brow{ clear: both; overflow: hidden; border-bottom: 1px solid #eee; padding:1rem 0; font-size: 14px; line-height: 26px;} .bk-map .brow span,.bk-map .brow a{ display: inline-block; margin: 0 2px;} .bk-map .brow span{ font-weight: bold; color: #000; float: left;} .bk-map .brow a{ color: #666; margin: 0 5px;} .bk-map .brow a:hover{ color: #2a6aff; text-decoration: underline;} .bk-map .brow p{ margin-left: 75px;} .ul-news li{line-height: 25px;} .tit-1{font-weight:bold;color: #000000} @media screen and (max-width:1600px){ .cp_fl_bt { padding-top: 50px;} .cpfl_nr a { font-size: 15px; padding: 6px 25px;} .y_nr .y_nr_tu img{width:40px;} .y_nr .y_nr_bt{font-size:20px;} .y_nr .y_nr_zi{font-size:13px;width: 90%;} .about_zi{font-size:70px} .about_bt{font-size:30px;margin-top: -20px;line-height: 30px;} .about_bt b{;font-size: 30px;} .about_bt2{font-size: 18px;padding-left: 51px} .xx1{font-size:24px;} .xx2{font-size: 14px;} .news .about_zi{font-size:70px} .news .about_bt{font-size:30px;margin-top: -20px;line-height: 30px;} .news .about_bt b{;font-size: 30px;} .news_more a { margin-top: 50px;} .kh_nr{padding:55px 20px ; } .kk .kk_bt img{width:65px;} .kk .kk_bt span{font-size:26px;color: #303030; font-weight: bold;top: 8px; position: relative;padding: 0 10px} .kk .kk_bt b{float:right;font-size:30px;color: #fc5508;top: 5px; position: relative;} .kk .kk_zi{font-size:16px;color: #686868;padding: 20px 0; line-height: 1.8} .news_z .news_nr_bt { font-size: 16px; color: #424242; font-weight: bold; margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1; } .nybanner{padding:200px 0} .ny_bt{font-size:25px;} .zz_bt{font-size:25px;} .cp_xq_zz .zz1{font-size: 26px; font-weight: bold;padding-top: 40px;} .cp_xq_zz .zz2{font-size: 16px;padding: 30px 0;line-height: 2} .cp_xq_zz .zz3 a{color:#FFFFFF;font-size: 16px;padding: 5px 15px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 10px;transition: 0.3s} } @media screen and (max-width:1440px){ .top .logo{width:28%;float:left; padding:24px 0 12px} #navbg{ width:55%; transition:0.4s; float:left; padding-left: 2%} #navbg .nav ul{margin-bottom:0;} #navbg .nav .firstfloor>li{display:inline-block;float:left;width:12.5%;height:80px;line-height:80px;font-size:15px;text-align:center;position:relative;color:#FFF;cursor:pointer;position:relative; transition:0.3s} #navbg .nav .firstfloor>li>a{display:block;height:80px;width:100%;color:#555555; transition:0.3s} .top .top_dh{width:15%;float: right;height: 80px; border-left: 1px solid #dedede;background: url("../images/dh.jpg") no-repeat 8px center} .top .top_dh p:first-child{font-size:14px;color: #363636;padding-left: 46px; padding-top: 19px;} .top .top_dh p:last-child{font-size: 16px; font-weight: bold;color: #363636;padding-left: 46px} .ys_bt{ padding:80px 0 50px; overflow: hidden} .ys_bt p:first-child{font-size:80px;color: #1e1e2a; text-shadow: #30303b 2px 0 0, #30303b 0 2px 0, #30303b -2px 0 0, #30303b 0 -2px 0;font-family:Arial;font-weight: bold} .ys_bt p:last-child{font-size:38px;color: #FFFFFF;font-weight: bold;margin-top: -20px;line-height: 38px;} .ys_bt p:last-child b{color:#ff5e14;font-size: 30px;} .ys_more img{width:180px;} .cp_fl_bt { padding-top: 35px;} .cpfl_nr { margin-top: 15px;} .cpfl_nr a { font-size: 14px; padding: 6px 20px;} .cp_fl_bt p:first-child { font-size: 30px} .cp_zz .zz1 { font-size: 30px; padding-top: 80px;} .news_x .about_xx { margin-top: 0} .ssz p:first-child{font-size: 35px;} .ssz p:last-child{font-size:20px;} .nybanner{padding:180px 0} .al_info_nr .al_info_zi {padding:0 20px;} .al_info_nr .al_info_zi p:first-child a{font-size:24px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(2){font-size:14px;color: #767676;line-height: 2;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; border-bottom: 1px solid #dedbdb;padding-bottom: 20px;} .al_info_nr .al_info_zi p:nth-child(3){font-size:20px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(4){width:100%; margin-top: 15px;line-height: 2} .al_info_nr .al_info_zi p:nth-child(4) img{max-width:100%;font-size: 14px;} .al_info_nr .al_info_zi p:nth-child(4) b{font-size:16px;font-weight: bold;margin-top: 10px;display: inline-block} } /*1200屏幕*/ @media screen and (max-width:1200px){ .top .top_dh{display:none;} #navbg{width:68%;float: right} .y_nr .y_nr_bt{font-size:16px;} .y_nr .y_nr_zi{font-size:12px;width: 98%;} .cp_fl { padding-left: 20px;} .cpfl_nr a { font-size: 14px; padding: 4px 10px;} .cp_fl_bt { padding-top: 20px;} .cpfl_nr { margin-top: 8px;} .cp_zz .zz1 { font-size: 20px; padding-top: 50px;} .cp_zz .zz2{font-size: 15px;padding: 20px 0;line-height: 1.8} .cp_zz .zz3 a{color:#FFFFFF;font-size: 14px;padding: 5px 15px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 5px;transition: 0.3s} .about_zi{font-size:50px} .about_bt{font-size:20px;margin-top: -10px;line-height: 20px;} .about_bt b{;font-size: 30px;} .about_bt2{font-size: 16px;padding-left: 51px} .about_bt3{font-size: 14px;line-height: 1.8} .xx1{font-size:20px;} .xx2{font-size: 14px;} .news .about_zi{font-size:50px} .news .about_bt{font-size:20px;margin-top: -10px;line-height: 20px;} .news .about_bt b{;font-size: 30px;} .jm_nr{padding:50px 0} .jm_nr p:first-child{font-size:38px;font-weight: bold;} .jm_nr p:last-child{font-size:26px;padding-top: 10px;} .zx2{margin-top:80px} .zx2 img{width:220px} .ny_bt{font-size:25px;} .zz_bt{font-size:25px;} .scnl_bt{font-size:20px;} .nynews_bt a{font-size:16px; color: #585858; display: inline-block; padding: 15px 30px;} .al .a_zi{padding:0 30px} .cpss_1{font-size:30px;font-weight: bold;color: #FFFFFF} .cpss_2{color:#a5b7c8;font-size: 14px;} .cpss_2 a{padding:0 5px;color: #a5b7c8} .full-row{width:600px;margin: 45px auto 20px;overflow: hidden} .pro_nr{width:100%; float: none;;margin-top: 40px;} } /*992屏幕*/ @media screen and (max-width:991px){ #mobilehead{display:block;} .top{display:none;} #navbg{display:none;} #navbg .nav .firstfloor>li{height:55px;line-height:55px;font-size:14px;} #navbg .nav .secondfloor{top:55px;} .index_banner{padding-bottom:40%;} #stylepbulic{height:200px;} #footbottombg{padding-bottom:55px;} #mobilehead.mhead{position:fixed;z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;} #mobilehead .nav_bg.nav_bg1{top:70px;height:calc(100% - 70px);} #mobilehead .nav .nav_box.nav_box1{top:70px;} .y_nr .y_nr_bt{font-size:24px;color: #fe5a14;font-weight: bold;padding: 10px 0} .y_nr .y_nr_zi{color:#FFFFFF;font-size: 15px;line-height: 2;min-height: 60px;width: 80%;margin: 0 auto} .cp_fl { padding-bottom: 20px;} .cp_fl_bt p:first-child { font-size: 24px;} .cp_zz .zz1 { font-size: 24px; padding-top: 70px;} .cp_zz .zz2{font-size: 15px;padding: 30px 0;line-height: 1.8} .cp_zz .zz3 a{color:#FFFFFF;font-size: 14px;padding: 8px 25px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 5px;transition: 0.3s} .about_zi{font-size:30px} .about_bt{font-size:16px;margin-top: -10px;line-height: 20px;} .about_bt b{;font-size: 20px;} .about_bt2{font-size: 15px;padding-left: 51px;font-weight: normal;line-height: 1.5} .about_bt3{font-size: 13px;line-height: 1.5} .xx1{font-size:14px;padding-left: 100px;} .xx2{font-size: 12px;padding-left: 100px;} .ssz p:first-child{font-size: 20px;} .ssz p:last-child{font-size:16px;} .jm_nr p:first-child{font-size:20px;font-weight: bold;} .jm_nr p:last-child{font-size:16px;padding-top: 10px;} .zx2{margin-top:40px} .zx2 img{width:220px} .news{padding:30px 20px} .news_z .news_zi { padding:20px 5px; position: relative;} .news_z .news_t { width: 40px; height: 40px; line-height: 35px; border: 3px solid #FFFFFF; font-size: 14px; top: -11%; right: 10%;} .aa .ssz{margin-bottom: 15px;} .aa .ssz:nth-child(1) {width:33%;background:url("../images/aa.png") 4px 0 no-repeat} .aa .ssz:nth-child(2) {width:33%;background:url("../images/aa.png") 4px 0 no-repeat} .aa .ssz:nth-child(3) {width:33%;background:url("../images/aa.png") 4px 0 no-repeat} .aa .ssz:nth-child(4) {width:50%} .aa .ssz:nth-child(5) {width:50%} .ny_bt{margin-bottom:20px;font-size: 14px !important;} .scnl_bt{padding:5px 0 15px} .jszs_k{border:1px solid #e5e5e5; padding: 15px 10px;overflow: hidden} .jszs_rq{width:60px; height: 60px; background: linear-gradient(to right, #ec170b , #fe5b14); float: left;color: #FFFFFF;text-align: center;font-family: Arial;position: relative} .jszs_rq p:first-child{font-size:18px;padding-top: 8px;} .jszs_rq p:last-child{font-size:12px;} .jszs_zi { width: calc(100% - 80px)} .jszs_zi p:first-child{font-size:18px;} .news-box2 .media-box{ margin-bottom: 0; border: 1px solid #e1e1e1; border-right: none} .news-box2 .media-box .icon{ height: 25rem;} .news-box2 .date{ color: #333f47; text-align: center; line-height: 3.6rem; font-size: 0.8rem;} .news-box2 .date span{ display: block; font-weight: bold; font-size: 2rem;} .news-box2 a{ display: flex; position: relative; z-index: 2; clear: both; overflow: hidden; height: 100%; background: #f2f2f2; margin-top: 35px; padding: 10px 0 0} .news-box2 .jcent{ height: 100%; align-items: inherit;} .news-box2 h3{ font-size: 17px; position: relative; color: #020202} .news-box2 p{ font-size: 13px; margin: 1rem 0; color: #666666} .news-box2 a:hover h3{ color: #f89e1d;} .news-box2 a:hover .icon img{ transform: scale(1.2); transition: all 0.8s;} .news-box2 .col-md-3{ margin-right: 2%} .txtH { word-break: break-all; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;} .al .a_zi{padding:0 15px} .al .a_zi p:first-child a{font-size:24px;color: #3c3c3c;font-weight: bold;} .al .a_zi p:nth-child(2){font-size:14px;color: #767676;line-height: 2;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5;} .al_info_nr .al_info_zi {padding:0 10px;} .al_info_nr .al_info_zi p:first-child a{font-size:20px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(2){font-size:14px;color: #767676;line-height: 1.8;margin: 10px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3; border-bottom: 1px solid #dedbdb;padding-bottom: 10px;} .al_info_nr .al_info_zi p:nth-child(3){font-size:16px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(4){width:100%; margin-top: 15px;line-height: 1.8} .al_info_nr .al_info_zi p:nth-child(4) img{max-width:100%;font-size: 14px;} .al_info_nr .al_info_zi p:nth-child(4) b{font-size:14px;font-weight: bold;margin-top: 0px;display: inline-block} .df_nr p:first-child{font-size:26px;color: #444343;font-weight: bold} .df_nr p:nth-child(2){color:#666666;font-size: 16px;margin: 30px 0} .df_nr p:nth-child(3) a{padding: 0 10px;display: inline-block;color: #0a2d8b;font-size: 14px;} .cpss_1{font-size:24px;font-weight: bold;color: #FFFFFF} .cpss_2{color:#a5b7c8;font-size: 14px;} .cpss_2 a{padding:0 5px;color: #a5b7c8} .full-row{width:100%;margin: 25px 10px 20px;overflow: hidden} .full-row .text1{height:40px;width: 100%;outline:none;padding-left: 15px;color: #333333} .full-row .btn1{width:100%;height: 40px;background: linear-gradient(to right, #ec170b , #fe5b14);display: block;border: none;outline:none;} .pro_bt{text-align:center;font-size: 20px;color: #1d1d1d;font-weight: bold;padding-top: 30px; padding-bottom: 15px;} .ny-page .tr { text-align: left!important; margin-top: 1rem;} } @media screen and (max-width:768px){ #mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 44px;} .ys_bt p:first-child{font-size:50px;color: #1e1e2a; text-shadow: #30303b 2px 0 0, #30303b 0 2px 0, #30303b -2px 0 0, #30303b 0 -2px 0;font-family:Arial;font-weight: bold} .ys_bt p:last-child{font-size:28px;color: #FFFFFF;font-weight: bold;margin-top: -5px;line-height: 28px;} .ys_bt p:last-child b{color:#ff5e14;font-size: 20px;} .ys_more{display:none;} .center2 .slid_img1{ margin:0 5px; } .center2 .slid_img2{ margin:0 5px;border:1px solid #04a07b; border-top:none; overflow:hidden; padding:25px 15px; transition:0.3s} .about{padding:15px 15px 60px} .about_nr{padding-right:0;margin-top: 30px;} .about_zi{font-size:50px} .about_bt{font-size:26px;margin-top: -10px;line-height: 26px;} .about_bt b{;font-size: 26px;} .about_bt2{font-size: 15px;padding-left: 1px;font-weight: normal;line-height: 1.8} .about_bt3{font-size: 14px;line-height: 1.8;margin-left: 1px} .xx1{font-size:14px;padding-left: 68px;} .xx2{font-size: 12px;padding-left: 68px;} .about_xz{background:url("../images/n6.png") no-repeat 0px center;padding: 15px 0;margin-top: 20px;} .about_xx{background:url("../images/n5.png") no-repeat 0px center;padding: 15px 0;margin-top: 20px;} .ssz p:first-child{font-size: 20px;} .ssz p:last-child{font-size:16px;} .nybanner{padding:100px 0} .nybanner1{padding:100px 0} .mbx .m1{width:338px; height: 51px;background:url("../images/bt.png") no-repeat; font-size: 38px;font-weight: bold;padding-top: 17px; text-align: center} .mbx .m2{padding-top:50px;padding-left: 35px;} .ny_bt{font-size:16px;padding-bottom: 0} .zz{padding-bottom:30px;} .zz_bt{font-size:16px; padding: 0px 0 30px;} .about-box{margin-top:10px;} .al{display:inline-block;} .al .a_zi {margin-top: 15px;padding: 0 2px} .al_info_nr{display:inline-block;} .al_info_nr .al_info_zi {padding:10px 10px;margin-top: 15px;} .al_info_nr .al_info_zi p:first-child a{font-size:24px;color: #3c3c3c;font-weight: bold;} .al_info_nr .al_info_zi p:nth-child(2){font-size:14px;color: #767676;line-height: 2;margin: 15px 0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:5; border-bottom: 1px solid #dedbdb;padding-bottom: 20px;} .al_info_nr .al_info_zi p:nth-child(3){font-size:20px;color: #3c3c3c;font-weight: bold} .al_info_nr .al_info_zi p:nth-child(4){width:100%; margin-top: 15px;line-height: 2} .al_info_nr .al_info_zi p:nth-child(4) img{max-width:100%;} .al_info_nr .al_info_zi p:nth-child(4) b{font-size:16px;font-weight: bold;margin-top: 0px;display: inline-block} .cpss_1{font-size:20px;font-weight: bold;color: #FFFFFF} .cp_xq_zz .zz1{font-size: 32px; font-weight: bold;padding-top: 40px;} .cp_y{overflow:hidden;padding-top: 10px;border-bottom: 1px solid #eeeeee;padding-bottom: 20px;} .cp_y_zi p:first-child{font-size:18px;font-weight: bold;color: #3a3a3a} .cp_y_zi p:last-child{color:#4d4d4d;font-size: 14px;line-height: 2;padding-top: 10px;}.cp_xq_zz .zz2{font-size: 18px;padding: 30px 0;line-height: 2} .cp_xq_zz .zz3 a{color:#FFFFFF;font-size: 16px;padding: 7px 20px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 10px;transition: 0.3s} } /*500屏幕*/ @media screen and (max-width:499px){ #mobilehead{background:url(../images/mlogo.jpg) no-repeat 10px center #FFF;background-size:auto 32px;} #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);} #mobilehead .nav .nav_box{top:70px;} #mobilehead{z-index:9999;-webkit-box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);box-shadow: 0 1px 3px 0 rgba(0,0,0,0.2);top:0;} .yycj{ overflow: hidden;} .yycj .yycj_tu img{max-width:100%;} .yycj .yycj_zi{ line-height: 40px; height: 40px; font-size: 14px; text-align: center} .ssz p:first-child{font-size: 16px;} .ssz p:last-child{font-size:12px;} .news{padding:30px 0px} .jm_nr p:first-child{font-size:18px;font-weight: bold;} .jm_nr p:last-child{font-size:14px;padding-top: 10px;} .zx2{margin-top:-80px} .zx2 img{width:150px} .nynews_bt a{font-size:16px; color: #585858; display: inline-block; padding: 15px 20px;} .article .content{font-size:14px;} .footer_x { color: #767676; font-size: 14px; padding: 25px 10px 35px; line-height: 1.8; } .cpxq{border:1px solid #e5e5e5;padding: 30px 30px 30px 2px;position: relative;margin: 15px 0;min-height: 215px;} .cpxq .cpxq_tu{width:48%; float: left;padding-top: 15px;} .cpxq .cpxq_tu img{max-width:100%;} .cpxq .cpxq_nr{width:48%; float: right} .cpxq .cpxq_nr p:first-child{font-size:16px;color: #525252;font-weight: bold;padding-top: 10px;padding-bottom: 10px;} .cpxq .cpxq_nr p:nth-child(2){font-size:14px;color: #808080;line-height: 20px;} .cpxq .cpxq_nr p:nth-child(3){font-size:14px;color: #808080;line-height: 22px;margin-top: 8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;} .cp_xq_zz .zz1{font-size: 18px; font-weight: bold;padding-top: 20px;} .cp_xq_zz .zz2{font-size: 16px;padding: 15px 0;line-height: 2} .cp_xq_zz .zz3 span{color:#FFFFFF;font-size: 13px;padding: 8px 30px;border-radius: 21px;border: 1px solid #FFFFFF;margin: 0 10px;transition: 0.3s} .cp_xq_zz .zz3 span:hover{background:#FFFFFF;color: #fb5508;} } /*鐢佃剳娴姩*/ .izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;background:url(../images/r_b.png) 0px bottom no-repeat;z-index:999;width:72px;} .izl-rmenu .btn{width:72px;height:73px;margin-bottom:1px;cursor:pointer;position:relative;} .izl-rmenu .btn-qq{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#FF9C00;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#FF9C00;} .izl-rmenu .btn-wx .pic{position:absolute;left:-160px;top:0px;display:none;width:160px;height:160px;} .izl-rmenu .btn-phone{background:url(../images/r_phone.png) 0px 0px no-repeat;background-color:#FF9C00;} .izl-rmenu .btn-phone .phone{background-color:#FF9C00;position:absolute;width:160px;left:-160px;top:0px;line-height:73px;color:#FFF;font-size:18px;text-align:center;display:none;} .izl-rmenu .btn-top{background:url(../images/r_top.png) 0px 0px no-repeat;background-color:#666666;display:none;} .izl-rmenu .btn-top:hover{background-color:#444;} /*鎵嬫満娴姩*/ #floatBottom{width:100%;height:53px;background:#8a8a8a;position:fixed;left:0;bottom:0;z-index:999999;} #floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;} #floatBottom a.kf1{background:url(kf1.png) no-repeat center center;} #floatBottom a.kf2{background:url(kf2.png) no-repeat center center;} #floatBottom a.kf3{background:url(kf3.png) no-repeat center center;} #floatBottom a.kf4{background:url(kf4.png) no-repeat center center;} #floatBottom .ewm{width:90px;height:90px;position:absolute;bottom:55px;left:50%;margin-left:-45px;display:none;} #floatBottom .ewm img{width:100%;height:100%;display:block;}