/*----- Global ----*/ *{margin:0px;padding:0px; border-width:0;} html{scroll-behavior:smooth; } body{font-size:14px; font-family:"Microsoft YaHei";color:#555;} a,a:visited{text-decoration:none!important;color:#555;} a:hover,a:active{text-decoration:none!important;color:#555;} ul li{list-style:none;} .clear{clear:both; height:0px; width:0px; overflow:hidden;} .clearfix:after {content: "."; display: block; height:0; clear:both; visibility: hidden;} .clearfix{display: inline-table;} /* Hides from IE-mac \*/ *html .clearfix {height: 1%;} .clearfix {display: block;} .floatLeft{float:left;} .floatRight{float:right;} ::-webkit-input-placeholder {color:#555;} :-moz-placeholder {color:#555;} ::-moz-placeholder {color:#555;} :-ms-input-placeholder {color:#555;} /*head*/ #headbg{background:#3c3c3c;} .head{} .head p{margin:0;height:37px;line-height:37px;font-size:12px;float:left;color:#fefefe;} .head .h_right{float:right;font-size:0;-webkit-text-size-adjust:none;border-right:1px solid #888;} .head .h_right .h_btn{display:inline-block;padding:0 15px 0 47px;position:relative;font-size:12px;height:37px;line-height:37px;color:#fefefe;border-left:1px solid #888;} .head .h_right .h_btn.icon1{background:url(../images/top_icon1.png) no-repeat 19px center #4f4f4f;} .head .h_right .h_btn.icon2{background:url(../images/top_icon2.png) no-repeat 21px center #e70012;} .head .h_right .h_btn span{font-size:16px;vertical-align:middle;} /*top*/ .top{} .top .logo{width:400px;float:left;padding:27px 0 25px;display:block;} .top .logo img{display:block;width:100%;height:auto;} /*nav*/ .pcnav{padding:47px 0 37px;float:right;} .pcnav ul{margin:0;} .pcnav .firstfloor>li{font-size:17px;text-align:center;position:relative;cursor:pointer;float:left;margin-left:5px;} .pcnav .firstfloor>li>a{display:inline-block;height:37px;line-height:37px;padding:0 18px;color:#2d2d2d;} .pcnav .firstfloor>li>a+i{display:inline-block;position:absolute;right:0;top:19px;width:7px;height:4px;background:url(../images/nav_icon.png) no-repeat center center;} .pcnav .firstfloor>li:hover>a{background:#d1191a;color:#FFF;} .pcnav .firstfloor>li:hover>a+i{display:none;} .pcnav .secondfloor{position:absolute;left:0;top:100%;z-index:9999;display:none;background:#FFF;min-width:100%;border-top:none;box-sizing:border-box;} .pcnav .secondfloor>li{border-bottom:1px solid #E4EAEC;width:100%;line-height:44px;height:44px;font-size:13px;margin-left:0;white-space:nowrap;} .pcnav .secondfloor>li>a{width:100%;height:100%;display:block;color:#76838F;padding:0 6px;} .pcnav .secondfloor li a:hover{background:#F10907;color:#FFF;} .topfix{-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;position:fixed;} /*mobilehead*/ #mobileheadbg{height:70px;display:none;} #mobilehead{height:70px;width:100%;} #mobilehead .logo{width:calc(100% - 120px);height:70px;display:block;float:left;background:url(../images/logo.png) no-repeat 10px center;background-size:auto 50px;} #mobilehead .nav{float:right;} #mobilehead .nav_bg{display:none;position:fixed;top:70px;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{height:42px;line-height:42px;font-size:15px;} #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(../images/+.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(../images/mobilesitemap.png) no-repeat left center;background-size:auto 15px;} #mobilehead .nav .nav_contact .nav_txt span.topphoneicon{background:url(../images/mobilephone.png) no-repeat left center;background-size:auto 15px;} #mobilehead .nav .nav_contact .nav_txt span.topemailicon{background:url(../images/mobileemail.png) no-repeat left center;background-size:auto 15px;text-indent:25px;} /*flash*/ .index_banner{width:100%;height:0;padding-bottom:692px;position:relative;overflow:hidden;} .index_banner .swiper-wrapper{position:absolute;left:0;top:0;width:100%;height:100%;z-index:5;} .index_banner .swiper-slide img{display:block;width:100%;height:100%;object-fit:cover;} .index_banner .swiper-button-prev{background-image:url(../images/f_arrow.png);margin-top:-57px;width:44px;height:115px;background-size:cover;left:57px;outline:none;} .index_banner .swiper-button-next{background-image:url(../images/f_arrow.png);margin-top:-57px;width:44px;height:115px;background-size:cover;right:57px;transform:rotateY(180deg);outline:none;} .index_banner .swiper-pagination-bullets{bottom:30px!important;} .index_banner .swiper-pagination-bullet{background:#FFF;opacity:1;width:13px;height:13px;border-radius:7px;} .index_banner .swiper-pagination-bullet-active{width:37px;} /*pb_title*/ .pb_title{text-align:center;position:relative;} .pb_title h2{margin:0;font-size:40px;color:#333;text-align:center;font-weight:bold;height:52px;line-height:52px;position:relative;} .pb_title p{margin:0;text-align:center;font-size:18px;color:#3f3f3f;line-height:30px;margin-top:6px;} .pb_title p.mt{margin-top:24px;} .pb_title i{display:inline-block;width:39px;height:2px;background:#fc0709;margin-top:13px;} /*product*/ .product{position:relative;padding:65px 0 76px;} .product .p_class{} .product .p_class span{display:block;height:24px;line-height:24px;font-size:24px;color:#e70012;font-family:Arial;font-weight:bold;font-weight:bold;text-transform:uppercase;} .product .p_class .p_c{margin-top:10px;} .product .p_class .p_c .pc_left{float:left;font-size:36px;color:#333;height:44px;line-height:44px;padding-left:42px;font-weight:bold;background:url(../images/p_h2bg.jpg) no-repeat left center;} .product .p_class .p_c .p_ul{float:right;padding:4px 0;width:100%;} .product .p_class .p_c .p_ul a{display:block;width:15.4%;height:36px;line-height:36px;color:#333;font-size:15px;font-weight:bold;background:#e8e8e8;text-align:center;float:left;margin:8px;} .product .p_class .p_c .p_ul a.on{background:#e70012;color:#FFF;} /*.product .p_class .p_c .p_ul a:first-child{margin-left:0;}*/ .product .p_class .p_c .p_ul a:last-child{width:36px;background:url(../images/p_more.png) no-repeat center center;background-size:cover;} /*.product .p_content{margin-top:30px;} .product .p_class{float:left;width:289px;background:#0271C0;position:relative;padding:16px 0 35px;} .product .p_class .pc_left{text-align:center;} .product .p_class .pc_left p{margin:0;width:100%;height:36px;line-height:36px;font-size:30px;color:#FFF;font-weight:bold;background:url(../images/pc_icon.png) no-repeat 13px center,url(pc_icon.png) no-repeat right 13px center;} .product .p_class .pc_left span{color:#FFF;display:inline-block;font-size:16px;height:22px;line-height:22px;} .product .p_class .pc_right{display:none;width:calc(100% - 150px);float:right;background:#e6e6e6;} .product .p_class .pc_right .pcr_txt{width:100%;padding-right:50px;height:50px;line-height:50px;text-align:center;font-size:18px;position:relative;} .product .p_class .pc_right .pcr_txt i{display:block;width:50px;height:50px;background:url(../images/cli.png) no-repeat center center;transition:transform .3s ease-out;position:absolute;top:0;right:0;} .product .p_class .pc_right.on .pcr_txt i{transform:rotate(90deg);} .product .p_class .pc_wrap{width:100%;margin-top:10px;padding:0 16px;} .product .p_class .pc_ul{width:100%;z-index:20;padding:22px 15px;background:#FFF;border-radius:9px;} .product .p_class .pc_ul ul{margin:0;} .product .p_class .pc_ul ul li{color:#303030;font-size:14px;line-height:48px;height:49px;text-align:left;padding-left:25px;border-bottom:1px dotted #888888;position:relative;} .product .p_class .pc_ul ul li a{color:#303030;} .product .p_class .pc_ul ul li:hover a{color:#0f3b70;} .product .p_class .pc_bottom{margin-top:15px;} .product .p_class .pc_bottom .pc_title{font-size:24px;height:30px;line-height:30px;text-align:center;font-weight:bold;color:#0065ad;} .product .p_class .pc_bottom .pc_p{background:url(../images/left_phone.png) no-repeat left center;padding-left:50px;margin-top:22px;} .product .p_class .pc_bottom .pc_p p{margin:0;color:#0065ad;} .product .p_class .pc_bottom .pc_p p:first-child{height:20px;line-height:20px;font-size:14px;} .product .p_class .pc_bottom .pc_p p:last-child{height:29px;line-height:29px;font-size:26px;font-family:Impact;margin-top:3px;}*/ .product .p_product{} .product .p_product .p_li{width:23.5%;margin-left:2%;float:left;display:block;margin-top:54px;} .product .p_product .p_li:nth-child(4n+1){margin-left:0;} .product .p_product .p_li:last-child{display:none;} .product .p_product .p_li .p_img{width:100%;padding-bottom:75%;position:relative;} .product .p_product .p_li .p_img img{width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;border:1px solid #F2F2F2;} .product .p_product .p_li p{margin:0;height:55px;line-height:55px;background:#F2F2F2;color:#333;padding:0 5px;text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .product .p_product .p_li:hover{box-shadow:1.34px 1.49px 3px rgba(0,0,0,.32);} /*yuanli*/ #yuanlibg{background:url(../images/ylbg.jpg) no-repeat center center;background-size:cover;padding:73px 0 102px;} .yuanli{margin-top:33px;overflow:hidden;} .yuanli .yl_li{text-align:center;} .yuanli .yl_li i{display:inline-block;width:191px;height:218px;padding:0 7px 6px 0;background:url(../images/yl_libg.png) no-repeat center center;background-size:cover;} .yuanli .yl_li i em{display:inline-block;width:100%;height:100%;} .yuanli .yl_li i em.icon1{background:url(../images/yl_icon1.png) no-repeat center center;} .yuanli .yl_li i em.icon2{background:url(../images/yl_icon2.png) no-repeat center center;} .yuanli .yl_li i em.icon3{background:url(../images/yl_icon3.png) no-repeat center center;} .yuanli .yl_li i em.icon4{background:url(../images/yl_icon4.png) no-repeat center center;} .yuanli .yl_li p{margin:0;line-height:25px;font-size:16px;color:#FFF;margin-top:11px;} .yuanli .yl_li p:nth-child(2){font-size:54px;height:54px;line-height:54px;font-weight:bold;font-family:Arial;margin-top:24px;} /*youshi*/ .youshi{padding:80px 0 90px;} .youshi .ys_ul{margin-top:57px;} .youshi .ys_ul .ys_li{width:25%;float:left;position:relative;} .youshi .ys_ul .ys_li.yst{padding-bottom:235px;} .youshi .ys_ul .ys_li.ysb{padding-top:235px;} .youshi .ys_ul .ys_li .ys_img{width:100%;height:235px;position:absolute;left:0;overflow:hidden;} .youshi .ys_ul .ys_li .ys_img.ysit{top:0;} .youshi .ys_ul .ys_li .ys_img.ysit:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;} .youshi .ys_ul .ys_li .ys_img.ysib{top:235px;} .youshi .ys_ul .ys_li .ys_img.ysib:after{content:'';position:absolute;left:50%;margin-left:-6px;top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:6px solid #f0f0f0;} .youshi .ys_ul .ys_li .ys_img img{display:block;width:100%;height:100%;object-fit:cover;-webkit-transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;} .youshi .ys_ul .ys_li .ys_txt{width:100%;height:235px;background:#F0F0F0;padding:30px 32px 0;text-align:center;} .youshi .ys_ul .ys_li .ys_txt p{margin:0;font-size:13px;line-height:21px;color:#333;text-align:left; overflow: hidden;} .youshi .ys_ul .ys_li .ys_txt i{width:29px;height:3px;display:inline-block;background:#e70012;margin:15px 0;} .youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:37px;line-height:37px;height:37px;color:rgba(189,189,189,.64);text-align:center;font-family:Arial;font-weight:bold;} .youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:25px;font-weight:bold;color:#333;height:31px;line-height:31px;margin-top:4px;text-align:center;} .youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-bottom:6px solid #b31b20;} .youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-top:6px solid #b31b20;} .youshi .ys_ul .ys_li:hover .ys_img img{transform:scale(1.1);} .youshi .ys_ul .ys_li:hover .ys_txt{background:#b31b20;} .youshi .ys_ul .ys_li:hover .ys_txt p{color:#fee1e1;} .youshi .ys_ul .ys_li:hover .ys_txt i{background:#f2f2f2;} .youshi .ys_ul .ys_li:hover .ys_txt p:first-child{color:rgba(227,76,61,.64);} .youshi .ys_ul .ys_li:hover .ys_txt p:nth-child(2){color:#FFF;} /*case*/ #casebg{background:#f4f5f5;padding:63px 0 86px;} .case{margin-top:58px;} .case .case_ul{overflow:hidden;} .case .case_ul .swiper-slide{background:#FFF;} .case .case_ul .c_img{width:100%;padding-bottom:75%;position:relative;} .case .case_ul .c_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} .case .case_ul .c_img .c_s{position:absolute;left:0;top:0;width:42px;padding:10px 0;text-align:center;background:#b31b20;font-size:12px;line-height:17px;color:#f4d3d0;} .case .case_ul .c_p{padding:19px 26px 34px;text-align:center;} .case .case_ul .c_p p{margin:0;font-size:14px;line-height:22px;color:#818181;} .case .case_ul .c_p i{display:inline-block;width:54px;height:1px;background:#cbcbcb;margin:14px 0 11px;} .case .case_ul .c_p p:first-child{font-size:18px;height:26px;line-height:26px;color:#4a4a4a;font-weight:bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .case .case_ul .c_p p:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-align:left;} .case .c_btn{margin-top:50px;position:relative;height:49px;} .case .c_btn .swiper-button-prev{width:49px;height:49px;background:url(../images/c_arrow.png) no-repeat center center #b31b20;background-size:auto;outline:none;left:50%;margin-left:-50px;top:0;margin-top:0;transform:rotateY(180deg);} .case .c_btn .swiper-button-prev.swiper-button-disabled{opacity:1;background:url(../images/c_arrow.png) no-repeat center center #666666;} .case .c_btn .swiper-button-next{width:49px;height:49px;background:url(../images/c_arrow.png) no-repeat center center #b31b20;background-size:auto;outline:none;right:50%;margin-right:-50px;top:0;margin-top:0;} .case .c_btn .swiper-button-next.swiper-button-disabled{opacity:1;background:url(../images/c_arrow.png) no-repeat center center #666666;} /*info*/ #infobg{background:url(../images/infobg.jpg) no-repeat center center;background-size:cover;padding-top:64px;} .info{margin-top:32px;background:#f3f3f3;} .info .i_left{width:50%;float:left;padding:62px 50px 29px;} .info .i_left p{margin:0;line-height:28px;font-size:14px;color:#666;} .info .i_left i{display:inline-block;width:56px;height:4px;background:#1957a5;margin:20px 0 18px;} .info .i_left p:first-child{font-size:54px;height:54px;line-height:54px;font-weight:bold;color:#e70012;text-transform:uppercase;} .info .i_left p:nth-child(2){font-size:25px;height:35px;line-height:35px;color:#333;margin-top:16px;font-weight:bold;} .info .i_left a{width:174px;height:50px;margin-top:39px;border:1px solid #0751a1;font-size:16px;color:#0751a1;text-align:center;line-height:48px;display:inline-block;} .info .i_right{width:50%;float:right;} .info .i_right .i_img{width:100%;padding-bottom:495px;position:relative;} .info .i_right .i_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} /*news*/ .news{padding:78px 0 90px;} .news .news_count{margin-top:15px;} .news .news_left{width:660px;float:left;margin-top:16px;} .news .news_left .n_img{width:100%;padding-bottom:353px;position:relative;} .news .news_left .n_img img{display:block;width:100%;height:100%;position:absolute;left:0;top:0;object-fit:cover;} .news .news_right{width:calc(100% - 660px);float:right;padding-left:40px;} .news .news_right .news_li{padding-bottom:16px;margin-top:16px;border-bottom:1px dashed #e3e3e3;} .news .news_right .news_li .news_txt{width:calc(100% - 125px);float:left; border-right:1px solid #E2E2E2;padding-right:36px;} .news .news_right .news_li .news_txt p{margin:0;font-size:14px;line-height:28px;color:#666;} .news .news_right .news_li .news_txt p a{color:#252525;} .news .news_right .news_li .news_txt p:first-child{font-size:16px;height:28px;line-height:28px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:bold;} .news .news_right .news_li .news_txt p:last-child{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:6px;} .news .news_right .news_li .news_date{width:125px;float:right;text-align:center;} .news .news_right .news_li .news_date span{display:inline-block;height:46px;line-height:46px;font-size:32px;font-weight:bold;color:#888;} .news .question{margin-top:39px;} .news .question .q_title{} .news .question .q_title h2{margin:0;height:28px;line-height:28px;font-size:24px;color:#1c1c1c;position:relative;font-weight:bold;} .news .question .q_title span{display:inline-block;height:14px;line-height:14px;font-size:14px;color:#1c1c1c;font-weight:bold;} .news .question .question_ul{margin-top:9px;} .news .question .question_li{width:31%;margin-left:3.5%;float:left;margin-top:15px;} .news .question .question_li:first-child{margin-left:0;} .news .question .question_li p{margin:0;line-height:21px;color:#757575;} .news .question .question_li p a{color:#333;} .news .question .question_li p:first-child{background:url(../images/qicon.jpg) no-repeat left center;height:20px;line-height:20px;font-size:16px;font-weight:bold;color:#333;text-indent:32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} .news .question .question_li p:nth-child(2){overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;margin-top:9px;} .news .question .question_li i{display:block;font-style:normal;font-size:12px;color:#949494;text-align:right;height:18px;line-height:18px;position:relative;margin-top:20px;} .news .question .question_li i:before{content:'';width:64px;height:2px;background:#D8D8D8;position:absolute;left:0;top:8px;} /*friendlink*/ #friendlinkbg{padding:23px 0 27px;background:#B31B20;} .friendlink{position:relative;display:table;} .friendlink .fl_left{width:105px;display:table-cell;vertical-align:top;} .friendlink .fl_left p{margin:0;line-height:28px;font-size:16px;color:#FFF;text-align:center;} .friendlink .fl_left p span{font-size:28px;font-family:Arial;margin-bottom:9px;display:inline-block;} .friendlink .fl_right{width:calc(100% - 105px);display:table-cell;vertical-align:middle;color:#ffe0de;padding-left:40px;} .friendlink .fl_right a{color:#ffe0de;white-space:nowrap;display:inline-block;font-size:14px;position:relative;height:26px;line-height:26px;} /*footinput*/ #footinputbg{background:#2E3133;padding:63px 0 18px;border-bottom:1px solid #36393b;} .footinput{margin-top:30px;} .footinput input{height:64px;line-height:62px;background:#FFF;padding:0 10px;float:left;outline:none;border:1px solid #696969;} .footinput .input1{width:20%;margin-top:10px;} .footinput .input2{width:22%;margin-left:1.5%;margin-top:10px;} .footinput .f_content{width:38.5%;margin-left:1.5%;margin-top:10px;} .footinput button{width:15%;background:#505050;display:block;color:#FFF;text-align:center;font-size:20px;outline:none;display:block;height:64px;line-height:64px;margin-top:10px;float:right;font-weight:bold;} .footinput p{margin:0;margin-top:25px;font-size:14px;color:#FFF;height:20px;line-height:20px;text-align:right;} /*foot*/ #footbg{background:#2E3133;padding:50px 0 58px;} .foot{} .foot .f_left{width:557px;float:left;position:relative;padding:25px 28px 27px 0;} .foot .f_left .f_logo{width:100%;} .foot .f_left .f_logo img{display:block;width:100%;height:auto;} .foot .f_right{width:calc(100% - 557px);padding-left:55px;float:right;padding-bottom:4px;border-left:1px solid #525252;} .foot .f_right .f_txt{} .foot .f_right .f_txt:last-child{margin-top:10px;} .foot .f_right .f_txt .f_p{font-size:0;-webkit-text-size-adjust:none;} .foot .f_right .f_txt .f_p .f_span{display:inline-block;padding-left:70px;} .foot .f_right .f_txt .f_p .f_span.icon1{background:url(../images/f_icon1.png) no-repeat left 12px;} .foot .f_right .f_txt .f_p .f_span.icon2{background:url(../images/f_icon2.png) no-repeat left 12px;} .foot .f_right .f_txt .f_p .f_span.icon3{background:url(../images/f_icon3.png) no-repeat left 12px;} .foot .f_right .f_txt .f_p .f_span p{margin:0;color:#FFF;} .foot .f_right .f_txt .f_p .f_span p:first-child{height:28px;line-height:28px;font-size:18px;color:#FFF;} .foot .f_right .f_txt .f_p .f_span p:last-child{height:30px;line-height:30px;font-size:15px;} .foot .f_right .f_txt .f_p .f_span p span{font-size:30px;font-weight:bold;} .foot .f_right .f_txt .f_p .f_span p br{display:none;} .foot .f_right .f_txt:last-child .f_span:last-child{margin-left:80px;} /*footbottom*/ #footbottombg{background:#212224;padding:15px 0 15px;} .footbottom{line-height:32px;color:#838383;text-align:left;} /*.footbottom span{display:inline-block;white-space:nowrap;}*/ .footbottom a{color:#838383;} /*stylepbulic*/ #stylepbulic{width:100%;height:340px;background-repeat:no-repeat;background-position:center top;background-size:cover;} #stylesubnav{width:100%;background:#F7F7F7;padding:20px 0;} #stylesubnav .xq_c{} #stylesubnav .xq_crumbs{background:url(../images/position.png) no-repeat left 6px;line-height:26px;float:left;padding-left:24px;} #stylesubnav .xq_crumbs a{margin:0 10px;} #stylesubnav .xq_nav{float:right;font-size:0;-webkit-text-size-adjust:none;} #stylesubnav .xq_nav a{display:inline-block;height:49px;line-height:49px;padding:0 18px;text-align:center;position:relative;font-size:14px;} #stylesubnav .xq_nav a.on{background:#d43127;color:#FFF;} #stylesubnav .xq_nav a.on .san{position:absolute;left:50%;margin-left:-10px;bottom:-10px;width:0;height:0;border-left:10px solid transparent;border-right:10px solid transparent;border-top:10px solid #21A7EE;display:block;} /*px*/ #px_banner{width:100%;padding-bottom:400px;position:relative;z-index:9;} #px_banner img{width:100%;height:100%;position:absolute;top:0;left:0;object-fit:cover;} .px_txt{position:absolute;width:100%;height:100%;left:0;top:0;} .px_txt .px_txt_p{position:absolute;top:50%;transform:translateY(-50%);left:0;width:100%;text-align:center;} .px_txt .px_txt_p h2{margin:0;line-height:60px;height:60px;font-size:48px;font-weight:bold;color:#FFF;display:inline-block;padding:0 25px;position:relative;} .px_txt .px_txt_p h2:before{content:'';position:absolute;width:55px;height:1px;background:#FFF;left:-55px;top:50%;} .px_txt .px_txt_p h2:after{content:'';position:absolute;width:55px;height:1px;background:#FFF;right:-55px;top:50%;} .px_txt .px_txt_p p{margin:0;margin-top:13px;height:30px;line-height:30px;font-size:26px;color:#FFF;text-transform:uppercase;} .pnav_ul{font-size:0;-webkit-text-size-adjust:none;text-align:left;margin-top:-70px;position:relative;z-index:10;} .pnav_ul a{height:34px;line-height:34px;background:#FFF;display:inline-block;margin-right:15px;font-size:16px;color:#444;padding:0 29px;} .pnav_ul a:last-child{margin-right:0;} .pnav_ul a.on{background:#9D48A5;color:#FFF;} /*视频弹出*/ #tan_box{display:none;position:fixed;left:0px;top:0px;right:0px;bottom:0px;background:rgba(0, 0, 0, 0.8);z-index:1000;} .tan_box{position:absolute;left:0px;top:0px;right:0px;bottom:0px;padding:50px;display:-webkit-box;display:-moz-box;display:-webkit-flex; display:-ms-flexbox;display:flex;-webkit-align-items:center;align-items:center;-webkit-justify-content:center;justify-content:center;} .tan_box .box{position:relative;background:#fff url(../images/loading.gif) center center no-repeat;padding:10px;box-shadow:0 0 15px #ccc;border-radius:5px 0 5px 5px;} .tan_box .box video{max-width:1000px;width:100%;height:auto;display:block;overflow:hidden;} .tan_box .v_close{width:36px;height:36px;text-align:center;position:absolute;right:0px;top:-36px;cursor:pointer;box-shadow:0 0 5px #ccc;border-radius:5px 5px 0 0;background:url(../images/closeicon.png) no-repeat center center #FFF;} /*电脑浮动*/ .izl-rmenu{position:fixed;right:0;bottom:10px;padding-bottom:10px;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:#D43127;} .izl-rmenu a.btn-qq,.izl-rmenu a.btn-qq:visited{background:url(../images/r_qq.png) 0px 0px no-repeat;background-color:#D43127;text-decoration:none;display:block;} .izl-rmenu .btn-wx{background:url(../images/r_wx.png) 0px 0px no-repeat;background-color:#D43127;} .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:#D43127;} .izl-rmenu .btn-phone .phone{background-color:#D43127;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;display:none;} #floatBottom a{width:25%;height:53px;line-height:53px;display:block;float:left;position:relative;} #floatBottom a.kf1{background:url(../images/kf1.png) no-repeat center center;} #floatBottom a.kf2{background:url(../images/kf2.png) no-repeat center center;} #floatBottom a.kf3{background:url(../images/kf3.png) no-repeat center center;} #floatBottom a.kf4{background:url(../images/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;} /*1350以下屏幕*/ @media screen and (min-width:1350px){ .container{width:1320px;} } /*1350以下屏幕*/ @media screen and (max-width:1349px){ .container{width:1200px;} .top .logo{width:360px;padding:20px 0 15px;} .pcnav{padding:30px 0 30px;} .pcnav .firstfloor>li{font-size:15px;} .index_banner{padding-bottom:550px;} .index_banner .swiper-button-prev{left:10px;width:30px;height:78px;margin-top:-39px;} .index_banner .swiper-button-next{right:10px;width:30px;height:78px;margin-top:-39px;} .pb_title h2{font-size:34px;height:44px;line-height:44px;} .pb_title p{font-size:16px;line-height:26px;} .pb_title p.mt{margin-top:15px;} .product{padding:45px 0 50px;} .product .p_class .p_c .pc_left{font-size:30px;height:36px;line-height:36px;} .product .p_class .p_c .p_ul{padding:0 0;} .product .p_product .p_li{margin-top:40px;} #yuanlibg{padding:40px 0 50px;} .youshi{padding:40px 0 50px;} .youshi .ys_ul{margin-top:30px;} .youshi .ys_ul .ys_li.yst{padding-bottom:205px;} .youshi .ys_ul .ys_li.ysb{padding-top:205px;} .youshi .ys_ul .ys_li .ys_img{height:205px;} .youshi .ys_ul .ys_li .ys_img.ysib{top:205px;} .youshi .ys_ul .ys_li .ys_txt{padding:30px 15px 0;height:205px;} .youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:32px;height:32px;line-height:32px;} .youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:22px;height:28px;line-height:28px;} .youshi .ys_ul .ys_li .ys_txt i{margin:10px 0;} #casebg{padding:40px 0 50px;} .case{margin-top:36px;} .case .c_btn{margin-top:30px;} #infobg{padding-top:40px;} .info .i_left{padding:30px 30px 25px;} .info .i_left p:first-child{font-size:50px;height:50px;line-height:50px;} .info .i_left a{margin-top:34px;} .info .i_right .i_img{padding-bottom:450px;} .news{padding:40px 0 50px;} .news .news_left{width:600px;} .news .news_right{width:calc(100% - 600px);} #footinputbg{padding:40px 0 18px;} #footbg{padding:30px 0 40px;} .foot .f_left{width:500px;} .foot .f_right{width:calc(100% - 500px);padding-left:36px;} } /*1230以下屏幕*/ @media screen and (max-width:1229px){ .container{width:994px;} .head p{height:30px;line-height:30px;} .head .h_right .h_btn{height:30px;line-height:30px;} .head .h_right .h_btn span{font-size:14px;} .index_banner{padding-bottom:450px;} .index_banner .swiper-pagination-bullets{bottom:20px!important;} .index_banner .swiper-pagination-bullet{width:10px;height:10px;} .index_banner .swiper-pagination-bullet-active{width:32px;} .top .logo{width:280px;padding:15px 0 10px;} .pcnav{padding:19px 0 18px;} .pcnav .firstfloor>li{font-size:14px;} .pcnav .firstfloor>li>a{padding:0 13px;} .pb_title h2{font-size:30px;height:36px;line-height:36px;} .pb_title p{font-size:14px;line-height:24px;} .pb_title p.mt{margin-top:6px;} .product{padding:30px 0;} .product .p_class .p_c{margin-top:0;} .product .p_class span{font-size:16px;height:20px;line-height:20px;text-align:center;} .product .p_class .p_c .pc_left{width:100%;background:none;padding-left:0;text-align:center;float:none;} .product .p_class .p_c .p_ul{width:100%;float:none;margin-top:16px;} .product .p_class .p_c .p_ul a{width:calc(16.66% - 14px);} .product .p_product .p_li{margin-top:26px;width:24.25%;margin-left:1%;} .product .p_product .p_li p{height:42px;line-height:42px;} #yuanlibg{padding:30px 0;} .yuanli{margin-top:20px;} .yuanli .yl_li i{width:150px;height:171px;padding:0 6px 5px 0;} .yuanli .yl_li i em{background-size:50% auto!important;} .yuanli .yl_li p:nth-child(2){font-size:46px;height:46px;line-height:46px;margin-top:15px;} .yuanli .yl_li p{font-size:14px;line-height:24px;} .youshi{padding:30px 0;} .youshi .ys_ul{margin-top:16px;} .youshi .ys_ul .ys_li.yst{padding-bottom:177px;} .youshi .ys_ul .ys_li.ysb{padding-top:177px;} .youshi .ys_ul .ys_li .ys_img{height:177px;} .youshi .ys_ul .ys_li .ys_img.ysib{top:177px;} .youshi .ys_ul .ys_li .ys_txt{height:177px;padding:16px 10px 0;} .youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:24px;height:24px;line-height:24px;} .youshi .ys_ul .ys_li .ys_txt p:nth-child(2){font-size:18px;height:24px;line-height:24px;} #casebg{padding:30px 0;} .case{margin-top:16px;} .case .c_btn{margin-top:20px;} #infobg{padding-top:30px;} .info .i_left{padding:25px 15px 22px;} .info .i_left p{font-size:13px;line-height:22px;} .info .i_left i{margin:16px 0 12px;} .info .i_left p:first-child{font-size:30px;height:30px;line-height:30px;} .info .i_left p:nth-child(2){font-size:20px;height:28px;line-height:28px;margin-top:8px;} .info .i_left a{height:40px;line-height:38px;font-size:15px;} .info .i_right .i_img{padding-bottom:373px;} .news{padding:30px 0;} .news .news_count{margin-top:8px;} .news .news_left{width:497px;margin-top:10px;} .news .news_left .n_img{padding-bottom:293px;} .news .news_right{width:calc(100% - 497px);padding-left:26px;} .news .news_right .news_li{padding-bottom:16px;margin-top:10px;} .news .news_right .news_li .news_txt{width:calc(100% - 90px);padding-right:20px;} .news .news_right .news_li .news_txt p:first-child{font-size:15px;height:24px;line-height:24px;} .news .news_right .news_li .news_txt p{font-size:13px;line-height:22px;} .news .news_right .news_li .news_date{width:90px;} .news .news_right .news_li .news_date span{font-size:22px;height:32px;line-height:32px;} .news .question{margin-top:20px;} .news .question .q_title h2{font-size:20px;height:24px;line-height:24px;} .news .question .q_title span{font-size:12px;} .news .question .question_ul{margin-top:0;} #friendlinkbg{padding:15px 0 10px;} .friendlink .fl_left{width:90px;} .friendlink .fl_left p{font-size:14px;line-height:24px;} .friendlink .fl_left p span{font-size:22px;margin-bottom:5px;} .friendlink .fl_right{padding-left:20px;} #footinputbg{padding:30px 0 10px;} .footinput{margin-top:10px;} .footinput input{height:50px;line-height:48px;} .footinput button{height:50px;line-height:50px;font-size:16px;} .footinput p{margin-top:15px;} #footbg{padding:20px 0;} .foot .f_left{width:400px;} .foot .f_right{width:calc(100% - 400px);padding-left:26px;padding-bottom:0;} .foot .f_right .f_txt .f_p .f_span{padding-left:55px;} .foot .f_right .f_txt .f_p .f_span p:first-child{font-size:16px;height:24px;line-height:24px;} .foot .f_right .f_txt .f_p .f_span p:last-child{font-size:14px;} .foot .f_right .f_txt .f_p .f_span p span{font-size:22px;} .foot .f_right .f_txt:last-child .f_span:last-child{margin-left:60px;} #lefttop{display:none;} #stylesubnav{padding:15px 0;} #px_banner{padding-bottom:25%;} } /*992以下屏幕*/ @media screen and (max-width:1023px){ .container{width:738px;} #headbg{display:none;} .top{display:none;} #navwrap{display:none;} #mobileheadbg{display:block;} #mobilehead.mhead{background:#FFF;position:fixed;z-index:9999;top:0;box-shadow:0 2px 5px rgba(0,0,0,.6);} #mobilehead .nav_bg.nav_bg1{height:70px;height:calc(100% - 70px);} #mobilehead .nav .nav_box.nav_box1{top:70px;} .index_banner{padding-bottom:310px;} .index_banner .swiper-pagination-bullets{bottom:12px!important;} .index_banner .swiper-button-prev{width:23px;height:60px;margin-top:-30px;} .index_banner .swiper-button-next{width:23px;height:60px;margin-top:-30px;} .pb_title h2{font-size:24px;height:30px;line-height:30px;} .pb_title i{margin-top:8px;} .pb_title p{font-size:13px;line-height:22px;} .product{padding:20px 0;} .product .p_class .p_c .pc_left{font-size:24px;height:30px;line-height:30px;} .product .p_class .p_c .p_ul a{font-size:13px;} .product .p_product .p_li{margin-top:16px;width:32.6%;margin-left:1.1%;} .product .p_product .p_li:nth-child(4n+1){margin-left:1.1%;} .product .p_product .p_li:nth-child(3n+1){margin-left:0;} .product .p_product .p_li:last-child{display:block;} #yuanlibg{padding:20px 0;} .youshi{padding:20px 0;} .youshi .ys_ul .ys_li{width:50%;} .youshi .ys_ul .ys_li.ysb{padding-top:263px;} .youshi .ys_ul .ys_li.yst{padding-bottom:263px;} .youshi .ys_ul .ys_li .ys_txt{height:263px;padding:30px 30px 0} .youshi .ys_ul .ys_li .ys_img{height:263px;} .youshi .ys_ul .ys_li .ys_img.ysib{top:263px;} #casebg{padding:20px 0;} #infobg{padding:20px 0;} .info{margin-top:16px;background:none;} .info .i_left{width:100%;float:none;padding:0;} .info .i_left p{color:#FFF;} .info .i_left p:nth-child(2){color:#FFF;} .info .i_left a{color:#FFF;border:1px solid #FFF;margin-top:20px;} .info .i_right{display:none;} .news{padding:20px 0;} .news .news_left{width:100%;} .news .news_right{width:100%;padding-left:0;} .news .question .question_li{width:48%;margin-left:4%;} .news .question .question_li:nth-child(odd){margin-left:0;} #footinputbg{padding:20px 0 10px;} .footinput .input1{width:48%;} .footinput .input2{width:48%;margin-left:4%;} .footinput .f_content{width:calc(100% - 160px);margin-left:0;} .footinput button{width:150px;} .foot .f_left{display:none;} .foot .f_right{width:100%;padding-left:0;border-left:none;} #footbottombg{padding:10px 0 65px;} #floatBottom{display:block;} #px_banner{padding-bottom:31%;margin-top:0;} } /*768以下屏幕*/ @media screen and (max-width:767px){ .container{width:calc(100% - 30px);} .product .p_class .p_c .p_ul a{font-weight:normal;} } /*668以下屏幕*/ @media screen and (max-width:667px){ .index_banner{padding-bottom:205px;} .index_banner .swiper-button-prev{display:none;} .index_banner .swiper-button-next{display:none;} .index_banner .swiper-pagination-bullet{width:7px;height:7px;} .index_banner .swiper-pagination-bullet-active{width:26px;} .product .p_class span{font-size:13px;height:15px;line-height:15px;} .product .p_class .p_c .pc_left{font-size:20px;height:28px;line-height:28px;} .product .p_class .p_c .p_ul{margin-top:0;} .product .p_class .p_c .p_ul a{width:45%;margin-left:2%;margin-top:10px;} /*.product .p_class .p_c .p_ul a:nth-child(3n+1){margin-left:0;}*/ /*.product .p_class .p_c .p_ul a:last-child{display:none;}*/ .product .p_product .p_li{width:49%;margin-left:2%;} .product .p_product .p_li:nth-child(4n+1){margin-left:2%;} .product .p_product .p_li:nth-child(3n+1){margin-left:2%;} .product .p_product .p_li:nth-child(odd){margin-left:0;} .product .p_product .p_li:last-child{display:none;} .pb_title h2{font-size:20px;height:28px;line-height:28px;} .pb_title p{font-size:12px;line-height:20px;} .yuanli .yl_li i{width:100px;height:114px;padding:0 3px 3px 0;} .yuanli .yl_li p:nth-child(2){font-size:30px;height:30px;line-height:30px;margin-top:8px;} .yuanli .yl_li p{font-size:13px;line-height:20px;} .youshi .ys_ul{margin-top:0;} .youshi .ys_ul .ys_li{width:46%;float: left;margin: 2%;background:#F0F0F0;margin-top:15px;} .youshi .ys_ul .ys_li.yst{padding-bottom:0;} .youshi .ys_ul .ys_li.ysb{padding-top:0;} .youshi .ys_ul .ys_li .ys_img{position:relative;left:0;top:0;float:left;width:50%;padding-bottom:36%;height:auto;} .youshi .ys_ul .ys_li .ys_img.ysib{top:0;} .youshi .ys_ul .ys_li .ys_img.ysib:after{left:auto;right:0;top:50%;margin-top:-6px;margin-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f0f0f0;border-left:none;} .youshi .ys_ul .ys_li .ys_img.ysit:after{left:auto;right:0;top:50%;margin-top:-6px;margin-left:0;border-top:6px solid transparent;border-bottom:6px solid transparent;border-right:6px solid #f0f0f0;border-left:none;bottom:auto;} .youshi .ys_ul .ys_li .ys_img img{position:absolute;left:0;top:0;object-fit:cover;} .youshi .ys_ul .ys_li .ys_txt{width:50%;float:right;height:auto;padding:10px 10px 0;} .youshi .ys_ul .ys_li .ys_txt p:first-child{font-size:20px;height:20px;line-height:20px;} .youshi .ys_ul .ys_li .ys_txt p:nth-child(2){height:22px;line-height:22px;} .youshi .ys_ul .ys_li .ys_txt i{margin:5px 0;} .youshi .ys_ul .ys_li:hover{background:#b31b20;} .youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-right:6px solid #b31b20;border-bottom:6px solid transparent;} .youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-top:6px solid transparent;border-right:6px solid #b31b20;} .case .case_ul .c_p{padding:12px 10px 8px;} .case .case_ul .c_p p:first-child{font-size:16px;} .case .case_ul .c_p i{margin:6px 0;} .case .case_ul .c_p p{font-size:13px;line-height:20px;} .news .news_left .n_img{padding-bottom:53.49%;} .news .question .question_li{width:100%;float:none;margin-left:0;} .friendlink .fl_left{width:100%;display:block;} .friendlink .fl_left p{font-size:17px;} .friendlink .fl_left p br{display:none;} .friendlink .fl_left p span{font-size:18px;margin-bottom:0;margin-right:6px;} .friendlink .fl_right{width:100%;display:block;padding-left:0;} .footinput input{height:42px;line-height:40px;} .footinput button{height:42px;line-height:42px;font-size:14px;font-weight:normal;} #footbg{padding:0 0 15px;} .foot .f_right .f_txt:last-child{margin-top:0;} .foot .f_right .f_txt .f_p .f_span{width:100%;margin-top:15px;} .foot .f_right .f_txt .f_p .f_span p span{font-size:18px;} .foot .f_right .f_txt:last-child .f_span:last-child{margin-left:0;} #stylesubnav .xq_nav{display:block;} #stylesubnav .xq_nav a{height:38px;line-height:38px;border-right:1px solid #FFF;border-bottom:1px solid #FFF;padding:0 15px;display:inline-block;} } /*500以下屏幕*/ @media screen and (max-width:499px){ #headbg{display:none;} #mobilehead .logo{width:calc(100% - 70px);background-size:auto 40px;} #mobilehead .nav_bg{top:70px;height:calc(100% - 70px);} #mobilehead .nav .nav_box{top:70px;} .index_banner{padding-bottom:150px;} .product .p_product .p_li{width:49%;margin-left:2%;} .product .p_product .p_li:nth-child(4n+1){margin-left:2%;} .product .p_product .p_li:nth-child(3n+1){margin-left:2%;} .product .p_product .p_li:nth-child(odd){margin-left:0;} .product .p_product .p_li:last-child{display:none;} .pb_title p br{display:none;} .youshi .ys_ul .ys_li .ys_img{width:100%;padding-bottom:71%;float:none;} .youshi .ys_ul .ys_li .ys_txt{width:100%;float:none;padding:15px 10px;} .youshi .ys_ul .ys_li .ys_img.ysib:after{left:50%;right:auto;top:auto;margin-left:-6px;margin-top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;bottom:0;} .youshi .ys_ul .ys_li .ys_img.ysit:after{left:50%;right:auto;top:auto;margin-left:-6px;margin-top:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #f0f0f0;bottom:0;} .youshi .ys_ul .ys_li:hover .ys_img.ysit:after{border-bottom:6px solid #b31b20;border-right:6px solid transparent;} .youshi .ys_ul .ys_li:hover .ys_img.ysib:after{border-bottom:6px solid #b31b20;border-right:6px solid transparent;} .news .news_right .news_li .news_txt{width:calc(100% - 56px);padding-right:10px;} .news .news_right .news_li .news_txt p{line-height:20px;} .news .news_right .news_li .news_date{width:56px;} .news .news_right .news_li .news_date span{font-size:16px;height:26px;line-height:26px;} .news .question .question_li i{margin-top:10px;} .footinput .input1{width:100%;float:none;} .footinput .input2{width:100%;float:none;margin-left:0;} .footinput .f_content{width:100%;float:none;} .footinput button{width:100%;} .footinput p{font-size:12px;text-align:left;} .foot .f_right .f_txt .f_p .f_span p br{display:block;} .foot .f_right .f_txt .f_p .f_span p:last-child{height:auto;} }