body { color: #333; font-size: 14px; font-family: "微软雅黑","Arial",Helvetica,"黑体",Arial,Tahoma; margin:0 auto; position:relative; overflow-x: hidden; background: #fff; } html{overflow-x:hidden;} .img-hide{ overflow:hidden; display: block; } .img-hide img{ transition: 0.5s all; transform: scale(1,1); } .img-hide:hover img{ transform: scale(1.05,1.05); } .txt-elise{overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} li{ list-style:none;} a{ color: #333; } ul{ padding:0; margin:0;} a:hover{ text-decoration:none !important;} a:focus{ text-decoration:none !important; outline: none !important;} button:focus,button:hover,input:focus{ outline: none!important; } img{ max-width:100%;} .container{ width: 1430px; } .banner{ overflow:hidden; position: relative; height: 650px; } .slick{ position: absolute; left: 50%; margin-left: -960px; width: 1920px; } .slick img{ width: 1920px; height: 650px; } .slick-dots{ bottom: 20px; } .slick-dots li button{ width: 15px; height: 15px; border-radius: 50%; background: #fff; } .slick-dots li button:before{ display: none; } .slick-dots li.slick-active button{ background: #c20d00; } .header{ position: absolute; left: 0; z-index: 1000; right: 0; top: 44px; } .header-box{background: #fff; background: rgba(255,255,255,0.9); height: 110px; padding:0 15px;} .logo{ line-height: 110px; } .nav-list li{ float: left; padding:0 2px; margin:0 0 5px 0; width: 20%; } .nav-list{ width: 447px; padding-top: 22px; } .nav-list li a{ font-size: 16px; color: #333; padding:5px 0; display: block; border-bottom: solid 2px #94030b; border-color:transparent; } .nav-list li.active a{ border-bottom: solid 2px #94030b; } .nav-list li a font{ display: inline-block; padding-left: 32px; } .header-a{ line-height: 110px; color: #94050c; font-size: 12px; margin-left: 47px; } .header-a span{ padding:0 20px; } .header-a a{ color: #94050c; font-size: 12px; display: inline-block; line-height: 20px; } .header-a a.icon01{ padding-left: 38px; background: url(../images/icon01.png) left center no-repeat; } .header-a a.icon02{ padding-left: 35px; background: url(../images/icon02.png) left center no-repeat; } .li-ul li{ float: left; width: 25%; padding:0 10px; margin-top: 30px; } .li-ul{ margin:0 -10px; padding-bottom: 30px; } .li-ul li a{ display: block; text-align: center; width: 100%; height: 84px; font-size: 20px; color: #333; background: url(../images/back01.png) center no-repeat; background-size: cover; border:solid 1px #e8e8e8; box-shadow: 0 0 10px rgba(0,0,0,0.1); } .li-ul li a span{ display: inline-block; position: relative; padding-left: 75px; line-height: 82px; } .li-ul li a span i{ position: absolute; left: 0; top: 0; bottom: 0; line-height: 82px; } .li-ul li a span i .hover{ display: none; } .li-ul li a:hover{ color: #fff;background: url(../images/back02.png) center no-repeat; background-size: cover; } .li-ul li a:hover i img{ display: none; } .li-ul li a:hover i img.hover{ display: inline-block; } .left-width{ width: 75%; padding:0 10px; } .width-clearfix{ margin:0 -10px; } .title{ font-size: 24px; margin-bottom: 22px; color: #333; line-height: 30px; border-left: solid 4px #bf0711; padding-left: 15px; } .title a{ float: right; font-size: 12px; color: #747474; } .img-list li{ float: left; width: 33.333333%; padding:0 10px; } .img-list{ margin:0 -10px; padding-bottom: 30px; } .img-list li a{ display: block; position: relative; padding-top: 62%; } .img-list li a span{ position:absolute; text-align: center; padding:12px 10px 0 10px; left: 0; right: 0; bottom: 0; height: 46px; background: url(../images/txt-span.png) center no-repeat; background-size: cover; font-size: 16px; color: #fff; } .img-list li a img{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; } .news-list li{ float: left; width: 50%; padding:0 23px;} .news-list-tt{ position: relative; padding-right: 120px; line-height: 25px; height: 50px; overflow:hidden; } .news-list{ margin:0 -23px; } .news-list-tt span{ position: absolute; right: 0; top: 0; color: #bf0711; } .news-list-tt a{ font-size: 16px; color: #333; } .news-list-box{ border-bottom: solid 1px #dbdbdb; height: 65px; margin-bottom: 11px; } .right-back{ height: 478px; position: relative; box-shadow: 5px 0 3px rgba(0,0,0,0.17); } .right-width{ width: 25%; padding:0 10px; margin-top: 5px; } .right-sm{ position: absolute; width: 190px; height: 190px; background: url(../images/back-sm.png) center no-repeat; background-size: cover; left: 25px; bottom: 40px; padding:30px 30px 20px 20px; } .sm-tt{ font-size: 24px; color: #fefefe; } .raw{ display: inline-block; width: 51px; height: 28px;background: url(../images/raw.png) center no-repeat; margin-top: 20px; } .bottom{ background: url(../images/bottom.png) center no-repeat; background-size: cover; padding:30px 0 20px 0; margin-top: 40px; } .bottom-tt span{ color: #fff; font-size: 24px; display: inline-block; margin-bottom: 25px; padding:0 15px; height: 30px; line-height: 30px; border-left: solid 5px #fff; border-right: solid 5px #fff; } .bottom-ul li{ float: left; width: 33.3%; padding:0 25px; margin-bottom: 27px; } .bottom-ul{ margin:0 -25px; } .bottom-ul-tt a,.bottom-ul-tt { font-size: 16px; color: #fff; } .bottom-date{ color: #da9a9d; margin-top: 10px; position: relative; } .bottom-date:before{ display: block; content: ""; position: absolute; left: 85px; top: 50%; right:0; border-top: solid 1px #da9a9d; } .bottom-slick,.bottom-tt{ max-width: 1398px; } .bottom-slick .slick-dots{ bottom: 0; } .bottom-slick{ padding-bottom: 13px; margin-bottom: 0; } .bottom-slick .slick-dots li button{ width: 12px; height: 12px; } .bottom-slick .slick-dots li.slick-active button{ background: #cb9c9c; } .footer-tt{ font-size: 16px; color: #fff; margin-bottom: 20px;} .footer-p p{ margin:0; line-height: 25px; color: #fff; } .footer{ background: #222; padding:30px 0; } .bottom-r{ color: #fff; margin-top: 15px; } .bottom-r span{ padding-right: 15px; } .nav-click{ display: none; } .menu-button { display: none; position: absolute; top: 18px; right: 15px; z-index: 1000; cursor: pointer; -webkit-transition: .3s; transition: .3s;} .menu-button .bar:nth-of-type(1) { margin-top: 0px;} .menu-button .bar:nth-of-type(3) { margin-bottom: 0px;} .bar { position: relative; display: block; width: 24px; height: 2px; margin: 5px auto; background-color: #94050c; border-radius: 10px; -webkit-transition: .3s; transition: .3s; } .cross{ margin-top: -8px; } .cross .bar{ margin:13px auto; } .cross .bar:nth-of-type(1) { -webkit-transform: translateY(15px) rotate(-45deg);-ms-transform: translateY(15px) rotate(-45deg); transform: translateY(15px) rotate(-45deg);} .cross .bar:nth-of-type(2) { opacity: 0;} .cross .bar:nth-of-type(3) { -webkit-transform: translateY(-15px) rotate(45deg); -ms-transform: translateY(-15px) rotate(45deg); transform: translateY(-15px) rotate(45deg);} .search-box-phone{ height: 40px; background: #f9f9f9; z-index: 100000000; display: none; position: relative; padding-right: 50px; } .search-box-phone .form-control{ box-shadow: none; border:none; background: none; height: 40px; } .btn-search-b,.btn-search-b:hover,.btn-search-b:focus{ position: absolute; right: 0px; top: 0; bottom: 0; width: 34px; background: url(../images/search-sm.png) center no-repeat; background-size: 20px auto; } .search-a{ position: absolute; display: none; right: 60px; top: 0; bottom: 0; width: 20px; background: url(../images/search-sm.png) center no-repeat; background-size: 100% auto; } .nav-list li a:hover,.news-list-tt a:hover,.title a:hover{color: #94050c;} .bottom-ul-tt a:hover{ font-weight: bold; } .search-box{ position: fixed; left: 50%; top: 50%; width: 800px; height: 54px; background: #fff; padding-right: 115px; margin-left: -400px; z-index: 1000010; } .search-box .form-control{ height: 54px; border-radius: 0; font-size: 18px; box-shadow: none; border:none; } .modal{ z-index: 100000001; } .modal-backdrop{z-index: 10000000;} .modal-box{ position: fixed; display: none; left: 0; top: 0; right: 0; bottom: 0; z-index: 1000010; } .btn-search,.btn-search:hover,.btn-search:focus{ position: absolute; right: 0; background: #94050c; top: 0; width: 115px; height: 54px;border:none; border-radius: 0;padding:0}.modal-back{position: fixed; left: 0; top: 0; right: 0; bottom: 0; z-index: 100000; background: rgba(0,0,0,0.5);} /*************list**********/ .list-banner{ position: relative; } .ny_nav { width:50%; position:absolute; left:25%; top:50%; background:url(../images/ejyy.png) top center repeat-y; background-size:100%; text-align:center; padding:20px 0;} .ny_nav h2{ height:45px; line-height:45px; font-size:32px; color:#fff; color:#fff; display:block; margin-bottom:10px;} .ny_nav ul li{ display:inline-block; padding:0 15px; line-height:35px; color:#fff; font-size:18px;} .ny_nav ul li a{ display:block; color:#fff;} .ny_nav ul li:hover a{ color:#fff; border-bottom:2px solid #fff;} .ny_nav ul li.hover a{ color:#fff; border-bottom:2px solid #fff;} .list-banner img{ width: 100%; } .nytit{ background:url(../images/sy.png) left 5px no-repeat; line-height:30px; font-size:14px; color:#999; padding-left:30px;} .nytit a{ padding-right:7px; color:#999;} .ny_right_con{ padding-top:15px;} /*信息列表开始*/ .list-box{ padding:30px 0; background: #f7f8f9; } .Newslist {} .Newslist ul { margin-bottom:20px;} .Newslist ul li { border-bottom:1px dashed #ccc; font-size:18px; padding:30px 0; display:block;} .Newslist ul li .wz{ width:90%; line-height:24px; float:right;} .Newslist ul li .wz h2{font-size:18px; margin:0; line-height:32px; height:32px; display:block; overflow: hidden; font-weight:normal; text-overflow: ellipsis; white-space: nowrap; margin-bottom:7px;} .Newslist ul li .wz p{ color:#777; height: 48px; display:block; font-size: 14px; line-height: 24px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .Newslist ul li .sj{ float:left; color:#94050c; background:url(../images/tzyy.png) repeat; background-size:100%; padding-right:10px; padding-bottom:10px; text-align:center; width:86px; height:86px;} .Newslist ul li .sj h2{ font-size:45px; padding-top:20px; line-height:30px; margin:0;} .Newslist ul li .sj p{height:36px; line-height:36px; font-size:13px; font-weight: bold;} @media screen and (min-width:768px) and (max-width:1920px) { .Newslist1 ul {min-height: 370px;} } .Newslist1 {} .Newslist1 ul { padding:20px 0;} .Newslist1 ul li { height:55px; line-height:55px; border-bottom:1px dashed #dcdcdc; font-size:16px;overflow:hidden; width:100%; text-overflow: ellipsis; white-space: nowrap;} .Newslist1 ul li span{float: right; padding-left:10px; color: #999999;} .Newslist2 {} .Newslist2 ul { padding:20px 0;} .Newslist2 ul li { height:40px; line-height:40px; font-size:16px;overflow:hidden; width:100%; text-overflow: ellipsis; white-space: nowrap;} .ny_left{ float:left; width:21%; min-height:500px; background:#f4f4f4;} .ny_right{ float:right; min-height:500px; width:76%;} .ny_right1{ width:100%; margin:0 auto;} .ny_right_con{ line-height:34px !important; padding:15px 0; min-height:500px;} .ny_right_top{ border-bottom:3px solid #94050c;} .ny_right_top .nytit{ line-height:30px; padding-top:10px; background: none; padding-left: 0; padding-bottom:10px; float:right; font-size:14px;} .ny_right_top .nytit a{ padding-right:7px;} .nytit1{ height:50px; line-height:50px; overflow:hidden; float:left; color:#94050c; font-size:22px; font-weight:bold;} .nytit2{overflow:hidden; background:url(../images/sn.gif) left center no-repeat; border-bottom:1px solid #94050c; line-height:30px; padding:15px 0 15px 18px;} .nytit2 h2{ float:left; color:#94050c; font-size:20px; font-weight:bold; margin-top:0; margin-bottom:0;} .nytit2 a{ float:right; font-size:14px; color:#999;} .ny_left_top{ height:65px; width:100%; color:#FFF; background:#94050c; font-size:22px; font-weight:bold; text-align:center; line-height:65px;} .sidenav{ overflow:hidden; display:block; width:90%; margin:0 auto;} .accordion { width:100%; } .accordion .nav-link {display: block; padding-left:25px; height:53px; line-height:53px; font-size:15px; color:#fff; outline:none; -webkit-transition: all 0.4s ease;-o-transition: all 0.4s ease;transition: all 0.4s ease; font-size:16px; } .accordion .nav-link a{ display: block;} .accordion .nav-link:hover{ color: #94050c !important;} .accordion .nav-link:hover a{ color: #94050c !important; } .accordion .nav-link.hover{ color: #94050c !important; } .accordion .nav-link.hover a{ color: #94050c !important; } .nav-link1{ width:40px; height:53px; line-height:53px; cursor: pointer; position:absolute; top:0; right:3px;} .accordion li{ position: relative; font-size:16px; border-bottom:1px solid #dfdfdf; overflow:hidden; } .accordion li i { display:block; width:20px; height:30px; background:url(../images/xia.png) center no-repeat; position: absolute;top:12px;right: 12px;font-size: 18px; color: #595959; -webkit-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease; } .accordion li.open .nav-link { color: #94050c !important;} .accordion li.open .nav-link a{color: #94050c !important;} .accordion li.open i.fa-chevron-down {-webkit-transform: rotate(180deg);-ms-transform: rotate(180deg);-o-transform: rotate(180deg);transform: rotate(180deg);} .sidemenu {display: none; font-size:14px !important; border-top:none; padding:5px 0;} .sidemenu li { font-size:14px !important;border-bottom:none;} .sidemenu a { display: block;font-size:14px !important;text-decoration: none; padding:8px 8px; padding-left:35px; -webkit-transition: all 0.25s ease;-o-transition: all 0.25s ease; transition: all 0.25s ease; } .sidemenu a.on{color:#94050c; background:#fff; border-left:3px solid #94050c; padding-left:35px !important; } .sidemenu a:hover {color:#94050c; background:#fff; border-left:3px solid #94050c; } .dpzw{} .dpzw p{ text-indent:2em; font-size:16px; margin-bottom:20px; text-align:justify; text-justify:inter-ideograph;} .dpzw img{text-align: center; max-width:100%; margin:10px auto; display: block;} .m-list3 { } .m-list3 li { overflow: hidden; padding: 10px 0 30px; border-bottom: 1px solid #e6e6e6; margin-bottom: 20px; } .m-list3 .pic3 { float: left; overflow: hidden; width: 180px; height: 120px; position:relative; } .m-list3 .pic3 img { display: block; overflow: hidden; width: 180px; height: 120px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; position:absolute; z-index:1; } .m-list3 .pic3:hover img { -webkit-transform: scale(1.1); -moz-transform: scale(1.1); -o-transform: scale(1.1); -ms-transform: scale(1.1); } .m-list3 .txt44 { overflow: hidden; padding-left: 20px; } .m-list3 .tit44 { font-size: 16px; font-weight:bold; line-height: 32px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .m-list3 .txt44 p { height: 48px; font-size: 14px; line-height: 24px; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; } .m-list3 .info { padding: 5px 0; line-height: 25px; } .m-list3 .info .time1 { font-size: 12px; color: #999; } h3{ margin:0; } /*图片列表开始*/ .pic{ width:100%;} .pic ul li { float:left; width:31%; margin-left:1.8%; display:block; height:auto; overflow:hidden; margin-top:30px; border:1px solid #eee;} .pic ul li .img3{width: 100%; min-width:100%; display: block; height: 0; padding-bottom:64%; overflow: hidden;} .pic ul li .img3 img{ width:100%;} .pic ul li span{ padding:0 4%; display:block;} .pic ul li h2{ font-size:16px; line-height:50px; height:50px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap;} .pic ul li p{line-height:25px; color:#777; height:50px; overflow:hidden; display: -webkit-box; font-size:16px; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .pic ul li a{ display:block; margin-top:30px; color:#777; font-size:16px; margin-bottom:20px;} .pic ul li a:hover { COLOR:#09afde;} /* 简介 ======================================*/ .dpzw{text-indent:2em; font-size:16px; line-height:26px !important;} .dpzw p{ text-indent:2em; font-size:16px; margin-bottom:26px; text-align:justify; text-justify:inter-ideograph;} .dpzw img{text-align: center; max-width:100%; width:100%; margin:10px auto; display: block;} .dpzw video{ max-width:100% !important;} /*详细页*/ .content{ width:100%; margin:0 auto; padding-top:15px;} .content-title{ width:100%; padding-bottom:10px;} .content-title h3{ font-size:30px; font-weight:normal; line-height:35px; padding:20px 0; width:100%; text-align:center; color:#222; background:url(../images/yy.png) repeat; display:block;} .content-title i{TEXT-ALIGN: center; MARGIN: 0px auto; display:block; line-height:28px; padding:5px 0; font-style:normal; font-size:14px; color:#666;} .content-title i{TEXT-ALIGN: center; MARGIN: 0px auto; BACKGROUND: #f6f6f6; HEIGHT: 32px; display:block; line-height:32px; font-style:normal;} .content-con{text-indent:2em; font-size:16px; margin-top:20px; line-height:26px !important;} .content-con p{ text-indent:2em; font-size:16px; margin-bottom:26px; text-align:justify; margin-bottom:15px;} .content-con img{text-align: center; max-width:80%; margin:10px auto; display: block;} .content-con video{ max-width:100% !important;} .sxt{padding:15px 0; margin-top:30px; border-top:1px dotted #bbb;} .sxt p{display:block; width:100%; height:34px; font-size:15px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; color:#333;} .nav-down{ position: absolute; left: 0; top: 85%; display: none; text-align: center; background: #94050c; min-width: 100%; } .nav-down li{ float: none; width: 100%; padding:0!important; margin:0!important; } .nav-down li a{ font-size: 14px; display: block; padding:10px 15px!important; color: #fff!important; line-height: 22px!important; white-space: nowrap; } .nav-down li a:hover{ background: #e20b15; color: #fff!important; } .nav-list li:hover .nav-down{ display: block; } .nav-list li{ position: relative; padding-bottom: 10px; } .nav-click{ display: none; } .nav-list li:hover{ z-index: 10; } .bottom-ul-tt a{ opacity: 0.7; } .bottom-ul-tt a:hover{ opacity: 1; } .team-list ul { margin:15px 0px; } .team-list ul li { width: 48%; float: left; background: #fff; height: 215px; overflow: hidden; margin-bottom: 36px; } .team-list ul li:nth-child(2n){ float: right;} .team-list ul li .pic { float: left; width: 165px; height: 215px; overflow: hidden; } .team-list ul li .pic img { width: 100%; height: auto; display: block; } .team-list ul li .text { margin: 25px 40px 0 200px; position: relative; } .team-list ul li .text h4 { font-size: 18px; color: #94050c; font-weight:bold; height: 26px; line-height: 26px; } .team-list ul li .text p { margin-top: 10px; line-height: 30px; height: 120px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .team-list ul li.fr { float: right; } .sz_con{ background:#fff; padding:5%; } .sz_con_l{ width:20%; float:left;} .sz_con_l img{ width:100%; margin:0 auto; display:block;} .sz_con_l p{ width:100%; margin:0 auto; background:#94050c; height:50px; line-height:50px; text-align:center; color:#fff; font-size:20px;} .sz_con_r{ float:right; width:75%;} .sz_con_r p{ height:39px; line-height:45px; float:left; font-size:15px; width:100%;} .sz_con_r p span{ background:#94050c; width:105px; margin:7px 0; height:32px; line-height:32px; color:#fff; display:block; float:left; margin-right:15px; text-align:center;} .clear{ clear:both; font-size:0px; line-height:0px; height:0px;} .w50l{ float:left; width:48%;} .w50r{ float:right; width:48%;} @media( max-width: 1439px){ .container{ width: 1230px; } .header-a{ margin-left: 20px; } .right-back{ height: 450px; } } @media( min-width: 1279px){.nav-down1{ display:none;}} @media( max-width: 1279px){ .container{ width: 970px; } .header{ top: 0; } .header .container{ width: 100%!important; padding:0; } .nav-list li a{ border:none!important; } .nav-list li.active a{ color: #94050c; } .nav-list li .nav-down{ display: none; position: static; margin:0; text-align: left; width: 100%; } .nav-list li .nav-down li a{ color: #fff; padding-left: 25px; } .nav-list li:hover .nav-down{ display: none; } .nav-click { display: block; transition: 0.3s all; z-index: 10000; position: absolute; color: #94050c; right: 0; top: 0; width: 40px; height: 40px; text-align: center; line-height: 40px;} .nav-click.active{ transform: rotate(180deg); } .nav-list{ position: absolute; padding-top: 0; left: 0; display: none; top: 100%; width: 100%; border-top: solid 1px #ddd; right:0; background: #fff; background: rgba(255,255,255,0.9); } .nav-list li{ float: none; width: 100%; margin:0; } .header-a{ margin-right: 60px; } .menu-button{ display: block; top: 48px; } .nav-down1{ background: #a6353b !important; display:block;} .nav-down1 li{ width:50%; float:left;} .nav-down1 li a{ padding:0;} } @media( max-width: 1050px){ .ny_left{ display: none; } .ny_right{ width: 100%; } .ny_nav{ display: none; } .sjsj{display:block !important;} .sjsja{ padding-left: 40px !important; font-size: 12px; line-height: 13px!important; } } @media( max-width: 991px){ .container{ width: 800px; } .li-ul li{ width: 33.333333%; } .li-ul li a span{ padding-left: 55px; } .right-back{ height: 380px; } .right-sm{ width: auto; height: auto; right:15px; left: 15px; bottom: 15px; padding:20px; } .sm-tt{ font-size: 18px; } .footer .pull-left{ width: 350px; } .Newslist ul li .wz{ float: none; width: auto; margin-left: 100px; } .search-box{ width: auto; left: 15px;right:15px; margin:0; } } @media( max-width: 1300px){ .Newslist ul li .wz{ float: none; width: auto; margin-left: 100px; } } @media( max-width: 768px){ #vsb_content img{ height: auto !important;} .nytit1{ display: none; } .menu-button{ top: 18px; } body{ padding-top: 50px; } .container{ width: 100%; } .logo{ line-height: 50px; } .logo img{ height: 30px; } .header-a{ line-height: 50px; margin-right: 25px;} .header-a a.icon01,.header-a a.icon02{ padding-left: 28px; text-indent: -9999px; } .header-a a.icon02{ padding-left: 30px; } .header-a span{ padding:0 10px 0 5px; } .header-box{ height: 50px; } .banner{ height: auto; } .banner .slick{ position: relative; left: 0; margin:0; width: 100%; } .banner .slick img{ width: 100%; height: auto; } .li-ul li{ width: 50%; margin-top: 15px; } .li-ul li a{ font-size: 16px; height: 60px; line-height: 60px; } .li-ul li a span{ line-height: 60px; padding-left: 40px; } .li-ul li a span i{ line-height: 60px; } .li-ul li a span i img{ width: 30px; } .left-width{ width: 100%; float: none!important; } .news-list li{ width: 100%; } .right-width{ width: 100%; max-width: 334px; float: none!important; margin:0 auto; padding-top: 20px; } .footer .pull-left{ width: 100%; margin-bottom: 20px; } .footer .pull-right,.logo-b{ width: 100%; text-align: center; } .img-list li{ width: 100%; margin-bottom: 15px; } .img-list{ padding-bottom: 5px; } .banner .slick-dots{ bottom: 10px; } .banner .slick-dots li button{ width: 12px; height: 12px; } /*****************/ .m-list3 .pic3{ display:none;} .team-list ul li{height:190px;} .team-list ul li .pic{ width:140px; height:190px;} .team-list ul li .text { margin: 15px 28px 0 164px;} .ny_right_top .nytit{ float:left;} .w50l{ float:none; width:100%;} .w50r{ float:none;width:100%;} } @media( max-width:450px){ .team-list ul li{ float:none; width:100%;} .team-list ul li:nth-child(2n){ float:none;} .sz_con_l{width:70%} .sz_con_r{width:100%} .sz_con_r p span{width: 77px;} .sz_con_r p{ height: 55px; line-height: 40px; float: left; font-size: 14px; width: 100%; } } @media( max-width:360px){ .header-box{ padding:0 7px;} .menu-button{ right:8px; } .header-a{margin-right:30px;} } @media( max-width:359px){ .pull-right{ display:none;} }