.imgResponsive{padding-bottom:61.94%;overflow:hidden;display: block;width: 100%;height: 0;} .wrap{ width: 1095px; margin: 0 auto;} .header{ position: relative; z-index: 1000;} .header .top{background: #a02226; height: 36px;} .header .top .search{ background: #fff; border-radius:26px; height: 26px; position: relative; overflow: hidden; padding-right: 40px; margin-top: 5px;} .header .top .search input{ border: 0; width: 150px; padding-left: 20px; height: 26px; line-height: 26px;} .header .top .search input.b{ background: url(../images/s.png) center no-repeat; width: 26px; height: 26px; position: absolute; right: 5px; top: 0;} .header .top .wx{ margin-top: 3px; padding: 0 10px;} .header .top .wx a{ display: block; float: left; margin: 0 10px; color: #fff; line-height: 30px; font-size: 12px; height: 30px;} .header .top .wx .w {float: left; margin-top: 7px;} .header .top .wx .w a {display: inline-block; padding: 0 10px; margin: 0; height: auto; line-height: 1.1; font-size: 14px;} .header .top .wx .w a + a {border-left: 1px solid #ec908f;} .header .top .wx a.a3{ display: none;} .header .top .wx a span{transition: 0.3s all; display: block;} .header .top .wx a img{width: 30px; height: 30px; transition: 0.3s all;} @media only screen and (min-width: 1000px) { .header .top .wx a:hover span{ transform: rotateY(-180deg); } .header .top .wx a:hover img{ transform: rotateY(180deg);} } .header .alink { line-height: 1.1; margin-top: 10px; float: left; font-size: 14px;} .header .alink a{ float: left; padding: 0 10px; border-left: 1px solid #ec908f; color: #fff;} .header .alink a:hover{ color: #ec908f; } .header .alink a:first-child{ border: 0;} .header .nav{ position: absolute; left:0; top: 36px; right: 0; background: url(../images/mask1.png) repeat-x 0 0; padding: 5px 0; min-height: 80px; } .header .nav .wrap{ position: relative; z-index: 2;} .header .nav .bg{ opacity: 0; visibility: hidden; background: #a02226; position: absolute; left: 0; right: 0; top: 0; z-index: 1; height: 70px; box-shadow: 0 0 5px rgba(0,0,0,0.5);} .open_scroll .header .nav{ background:none; position: fixed; top: 0; left: 0; right: 0; padding-top: 3px; z-index: 999;} .open_scroll .header .nav .bg{ opacity: 1; visibility: visible; transition: 0.8s all; -webkit-transition: 0.8s all; } .open_scroll .header .nav-child{position: fixed; top: 70px; left: 0; right: 0; z-index: 999;} .open_scroll .header .nav .menu li i{ top: 53px;} .open_scroll .header .nav .menu{ margin-top: 5px;} .open_scroll .header .nav .logo img{ width: 318px; height: 65px;} .header .nav .logo { float: left; } .header .nav .logo img{ width: 391px; height: 80px;} .header .nav .menu{ float: right; margin-top: 10px; font-size: 18px;} .header .nav .menu li{ position: relative; float: left; } .header .nav .menu li a{ color: #fff; padding: 15px 10px; display: block;} .header .nav .menu li i{ background: url(../images/b3.png) no-repeat; width: 22px; height: 9px; position: absolute; left: 50%; top: 58px; margin-left: -11px; } .menu li i{ opacity: 0; visibility: hidden; transform: translateY(10px); } .header .nav-child{ position: absolute; left: 0; top: 118px; right: 0; background: rgba(255,255,255,0.95); opacity: 0; transition: 0.5s all; box-shadow: 0 2px 2px rgba(0,0,0,0.2); } .lt9 .header .nav-child{ background:#fff;} .nav-chidl-w{ margin-left: 150px;} .child-item{ padding: 30px 0; display: none; } .child-item.open{ display: block; } .child-item .img{ display: none;} .child-item .img img{ width: 300px; height: 158px;} .child-item .rqcode{ margin: 15px 0px 0 40px; text-align: center; font-size: 12px;} .child-item .rqcode p{ margin-top: 5px;} .child-item .rqcode img{ width: 80px; height: 80px;} .child-item .txt{ padding: 30px 0 0 40px;} .child-item dl{ min-width: 200px; border-right: 1px solid #ccc; padding-right: 40px;} .child-item dt{ font-weight: bold;} .child-item dt a{ color: #000;} .child-item dd .l{ float:left; margin-left:40px;} .child-item dd .l:first-child{ margin-left: 0;} .child-item dd a{ color: #222; display: block; margin-top: 10px; font-size: 16px;} .child-item dd a:hover{ color:#a02226;} .child-item.item2 dd{ margin-right: -30px;} .child-item.item2 dt{ display: none;} .header.menu0 .m0 i, .header.menu1 .m1 i, .header.menu2 .m2 i, .header.menu3 .m3 i, .header.menu4 .m4 i, .header.menu5 .m5 i, .header.menu6 .m6 i{ opacity: 1; visibility: visible; transform: translateY(0px); transition: 0.3s all;} .header.menu1 .nav-child, .header.menu2 .nav-child, .header.menu3 .nav-child, .header.menu4 .nav-child, .header.menu5 .nav-child, .header.menu6 .nav-child{ opacity: 1; visibility: visible; border-bottom: 1px solid #ddd;} .header.menu0 .nav-child, .header.menu1 .nav-child .item1, .header.menu2 .nav-child .item2, .header.menu3 .nav-child .item3, .header.menu4 .nav-child .item4, .header.menu5 .nav-child .item5, .header.menu6 .nav-child .item6{ display: block;} .banner{ position: relative; height: 510px; overflow: hidden; background: #f0f0f0;} .banner .btn-box {position: absolute; top: 0; left: 0; width: 100%; height: 100%;} .banner .btn-box .wrap {position: relative; height: 100%;} .banner .btn-box a {position: absolute; top: 50%; z-index: 9; width: 50px; height: 50px; opacity: .8; filter: alpha(opacity=80); margin-top: -25px; border: 2px solid #fff; border-radius: 50%; background: no-repeat center;} .banner .btn-box a:hover {background-color: #333;} .banner .btn-box a.over {display: none;} .banner .btn-box a.ban-left {left: -54px; background-image: url('../images/icon_prev.png');} .banner .btn-box a.ban-right {right: -44px; background-image: url('../images/icon_next.png');} .banner .swiper-container{ height: 510px;} .banner-img{ position: relative; overflow: hidden;} .banner-img a{ display: block;} .banner-img .bg{ width: 1920px; height: 510px; position: absolute; top: 0; left: 50%; margin-left: -960px;} .bg_ph{ display: none;} .banner-img .wrap{ position: relative;} .banner-img .wrap .txt{ background: rgba(0,0,0,0.5); padding: 10px 20px; position: absolute; left: 0; bottom: 30px; color: #fff; z-index: 2; width: 40%; font-size: 16px;} .banner-img .wrap .txt p{ font-size: 18px;} @media only screen and (min-width: 981px) { .banner-img .wrap{height: 510px !important;} } .banner-img .wrap .txt .b{ margin-top: 10px;} .lt9 .banner-img .wrap .txt{ background: url(../images/bg1.png);} .banner .pagination{ bottom: 10px;} .banner .pagination .swiper-pagination-switch{ width: 10px; height: 10px; box-shadow: -2px 2px 2px rgba(0,0,0,0.5); border-radius: 100%; background: #fff; border: 1px solid #fff; margin: 0 10px;} .banner .pagination .swiper-active-switch{ background: #a02226;} .select-box { position:relative; box-sizing:border-box; background: #fff; } .select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; color: #333;} .select-box dt a b { overflow:hidden; margin-right:20px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;} .select-box .ico { position:absolute; right:0; top:0; width:20px; height:100%; z-index:1; background:url(../images/jt.png) no-repeat center; transition: 0.3s all;} .select-box dd{ position: absolute; bottom:100%; left: -1px; border: 1px solid #3e3f42; max-height: 15em; overflow: auto; background: #fff; width: 100%; min-width: 6em; display: none; } .select-box:hover dd{ display: block;} .select-box:hover .ico{ transform: rotate(180deg);} .select-box dd a{ display: block; border-top: 1px solid #eee; color: #333; padding: 5px;} .select-box dd a:hover{ background: #a02226; color: #fff;} .select-box dd a:first-child{ border: 0;} .footer{ background: #3e3f42; color: #fff; position: relative; z-index: 3;} .footer a{ color: #fff;} .footer a:hover{ color: #ddd;} .footer .f-dd .al a{ display:block; padding: 0 10px; border-left: 1px solid #aaa; line-height: 1.1; float: left; margin-top: 3px;} .footer .f-dd .al a:first-child{ border: 0; padding-left: 0;} .footer .f-dl{ padding: 20px 0; padding-left: 80px; position: relative;} .footer .f-dt{ float: left; margin-right: 20px; position: absolute; left: 0; top: 20px;} .footer .f-dt img{ width: 67px; height: 73px; } .footer .f-dd{ padding: 10px 0 0;} .footer .f-dd p{ margin-top: 10px;} .footer .selectf .select-wrap{ float: left; min-width: 200px; margin-left: 20px;} .tab-b{ display: none; } .tab-b.on{ display: block;} .main{ position: relative; z-index: 2; min-height: 400px;} .bk1-news{ width: 50%; } .lt9 .bk1-news{margin-left: -1px;} .bk1-news-w{ padding-right: 20px;} .bk1-left .more{ padding-right: 20px; margin-top: 20px;} .bk1-news-w .t1{ padding: 20px 0;} .bk1-news-w .t2{ position: relative;} .bk1-news-w .t2 a{ display: block;} .bk1-news-w .t2 a:hover p{ color:#eee;} .bk1-news-w .t2 p{ position: absolute; left: 0; bottom: 0; right: 0; padding: 10px; color: #fff; background: url(../images/bg1.png); text-align: center; z-index: 2;} .bk1-news-w .t3 ul{ padding-right: 30px;} .bk1-news-w .t3 li{ margin-top: 35px; overflow: hidden;} .bk1-news-w .t3 li span{ float: left; margin-right: 20px; line-height: 1.4; background: #a02226; min-width: 40px; text-align: center; color: #fff;} .bk1-news-w .t3 li span em{ display: block;} .bk1-news-w .t3 li p{ overflow: hidden;} .bk1-right{ width: 300px; margin-left: 20px;} .bk1-right-box{ background: #fff; border: 1px solid #a02226; box-shadow: 3px 3px 5px rgba(0,0,0,0.3); margin: -30px 0 0; min-height: 700px;} .bk1-right .tab-head{ position: relative; line-height: 55px; border-bottom: 1px solid #eee;} .bk1-right .tab-head i{ height: 20px; width: 1px; background: #ddd; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 0;} .bk1-right .tab-head .tab-a{ width: 50%; float: left; text-align: center; cursor:default; cursor: pointer;} .bk1-right .tab-head .tab-a.on{ border-bottom: 2px solid #b21913;} .bk1-right .tab-b{ padding:0 20px;} .bk1-right .tab-b ul{ padding-bottom: 20px;} .bk1-right .tab-b li{ border-bottom: 1px solid #ddd; padding:18px 10px; text-align: center;} .bk1-right .tab-b li p{ margin-top: 10px;} /*hoverimg*/ .hoverimg{ overflow: hidden; display: block;} .hoverimg img{ transition: 0.3s all; -webkit-transition: 0.3s all;} @media only screen and (min-width: 1000px) { .hoverimg:hover img{ transform:scale(1.1) rotate(-1deg); -webkit-transform:scale(1.1) rotate(-1deg);} } a.red-a{ display: inline-block; background: url(../images/r1.png) no-repeat right center; padding-right: 15px; color: #a02226;} .red-a:hover{ color: #84090a;} a.gray-a{ display: inline-block; background: url(../images/r2.png) no-repeat right center; padding-right: 15px; color: #333;} .gray-a:hover{ color: #666;} .index-bk2{ padding-bottom: 30px;} .bk2-w{ margin-top: 20px; border: 1px solid #ddd; padding: 20px 10px; overflow: hidden;} .bk2-w li{ float: left; width: 25%;} .lt9 .bk2-w li{ margin-left: -1px;} .bk2-w .w{ margin: 0 10px; position: relative; border: 1px solid #fff; transition: 0.3s all;} .bk2-w .w:hover{ border-color: #a02226;} .bk2-w .w span{ position: absolute; top: 50%; left: 0; right: 0; margin-top: -0.75em; text-align: center; color: #fff; z-index: 2;;} .index-bk3{ padding:20px 0 50px; background: #f2f2f2;} .video-a{ position: relative;} .video-a .mask{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: url(../images/bg2.png) no-repeat -100px; transition: 0.5s all; -webkit-transition: 0.5s all; opacity: 0; visibility: hidden;} .video-a:hover .mask{ background-repeat: repeat; opacity: 0.5;} .bon-play { background:url(../images/v.png) no-repeat; background-size:100% 100%; width:4em; height:4em; position:absolute; top:50%; left:50%; margin:-2em 0 0 -2em; pointer-events: none; display:block; z-index:1000;} .bk3-box{ margin-top: 20px; position: relative; } .bk3-box .itme1{ float:left; width: 570px;} .bk3-box .item2{ position: absolute; left: 570px; top: 0; right: 0; bottom: 0;} .bk3-box .itme1 .tit{ position: absolute; left: 0; bottom: 0; right: 0; padding: 5px; color: #fff; background: url(../images/bg1.png); text-align: center; transition: 0.2s; visibility: hidden; opacity: 0;} .bk3-box .itme1:hover .tit{ visibility: visible; opacity: 1;} .bk3-box .item2 .list{ height: 50%; width: 50%; position: absolute;} .bk3-box .item2 .list .demo-img:first-child{ display: block; width: 100%; height: 100%; position: absolute; visibility: visible; left: 0; top: 0;} .bk3-box .item2 .list .demo-img{ width: 1px; height: 1px; overflow: hidden; position: absolute; left: 50%; top: 50%; visibility: hidden;} .bk3-box .item2 .list figure{ position: absolute; top: 0; left:0; width: 100%; height: 100%; z-index: 2; background: url(../images/bg2.png) no-repeat -100px 0; opacity: 0; visibility: hidden; transition: 0.5s all;} .bk3-box .item2 .list figure span{ position: absolute; left: 0; right: 0; top: 50%; margin-top: -0.75em; text-align: center; color: #fff;} .bk3-box .item2 .list:hover figure{ opacity: 1; visibility: visible; background-repeat:repeat ;} .bk3-box .item2 .list:first-child{left: 0; top: 0;} .bk3-box .item2 .list:first-child+.list{left: 50%; top: 0;} .bk3-box .item2 .list:first-child+.list+.list{left: 0; top: 50%;} .bk3-box .item2 .list:first-child+.list+.list+.list{left: 50%; top: 50%;} .video-box{ position:fixed; left: 0; top:0; width: 100%; height: 100%; background: url(../images/bg1.png) #000; z-index: 100000; display: none;} .video-box .close{ background: url(../images/close1.png) no-repeat center #000; width: 50px; height: 50px; position: absolute; right: 10px; top: 0; z-index: 10;} .index-bk4{ padding: 50px 0 60px;} .bk4-1{ float: left; width: 400px;} .bk4-2{ float: left; width: 320px; margin:0 70px;} .bk4-3{ overflow: hidden;} .bk4-1-news{} .bk4-1-news li{ margin-top:23px ;} .bk4-1-news li .r{ color: #999; margin-left: 10px;} .bk4-1-news li .l .fl{ border: 1px solid #ddd; color: #a02226; padding: 0 4px; margin-right: 5px;} .bk4-2-list{} .bk4-2-list li:first-child{ border: 0;} .bk4-2-list li{ border-top: 1px solid #ddd; padding: 15px 0;} .bk4-2-list li .cf {position: relative; padding-left: 43px; max-height: 3em; overflow: hidden;} .bk4-2-list li .fl{ /* margin: 5px 10px 0 0; */ position: absolute; top: 50%; left: 0; margin-top: -16px;} .bk4-2-list li .fl img{ width: 33px; height: 33px;} .bk4-2-list li dd {display: table; height: 3em;} .bk4-2-list li dd .ellipsis-2 {height: auto; max-height: 3em; display: table-cell; vertical-align: middle;} .bk4-2-bottom{ border: 1px solid #ddd; background: #f6f6f6; padding: 10px;} .bk4-2-bottom dt{ float: left; width: 153px; text-align: center;} .bk4-2-bottom dt img{ width: 66px; height: 66px;} .bk4-2-bottom dd{ overflow: hidden;} .bk4-2-bottom dd .b{ width: 100%; height: auto;} .bk4-2-bottom dd .a{ background: #a02226; margin-top: 15px; display: block; text-align: center; color: #fff; padding: 5px 0;} .bk4-2-bottom dd .a:hover{ background: #a02226;} .bk4-2-bottom dd .a img{ margin-left: 10px; margin-top: 2px;} .code{float: left;margin-right: 10px;} .bk4-3-list{ margin-right: -20px;} .bk4-3-list li{ float: left; width: 50%; margin-top: 25px; line-height: 30px;} .lt9 .bk4-3-list li{ margin-left: -1px;} .bk4-3-list li img{ width: 30px; height: 30px;} .bk4-3 .bk4-3-list li{ font-size: 14px;} .bk4-3 .bk4-3-list li a{ display: block; overflow: hidden;} .bk4-3 .bk4-3-list li img{ float: left; margin-right: 5px;} .bk4-3 .bk4-3-list li span{ overflow: hidden;} .bk4-3 .bk4-3-list li:first-child span{ line-height: 1.0;} .top-button{ position: fixed; right: 20px; bottom: 10%; z-index: 10000; transition: 0.2s all; transform: translateY(100%); opacity: 0; visibility: hidden;} .top-button.on{ transform: translateY(0); opacity: 1; visibility: visible;} .top-button em{ display: block; width: 50px; height: 50px; border: 1px solid #ddd; box-shadow: 0 0 5px rgba(0,0,0,0.2); position: relative; background: #fff;} .top-button em i{ position: absolute; width: 24px; height: 24px; top: 50%; left: 50%; margin: -12px 0 0 -12px; background: url(../images/up.png) 0 0; transition: 0.4s all;} .top-button span{ color: #fff; background: #a02226; padding:5px 0; text-align: center; display: block; margin-top: 10px;} .top-button a:hover em i{ background-position: 0 -48px;} .banner-other{ position: relative; overflow: hidden; z-index: 1; height: 250px;} .banner-other .wrap { height: 250px; position: relative; z-index: 2;} .banner-other .impression-banner-txt{ background:rgba(160,34,38,0.95); padding: 20px; color: #fff; position: absolute; bottom: 20px; right: 20px; width: 40%;} .banner-other img{ position: absolute; width: 1920px; height: 250px; left: 50%; top: 0; margin-left: -960px;} .lt9 .banner-other .impression-banner-txt{background:rgb(160,34,38);} .com-content{ line-height: 1.8; padding-bottom: 50px; text-align: justify;} .com-content > p{ margin-bottom: 1em;} .com-content img{ max-width: 100%; height: auto;} .main .wrap{ position: relative;} .com-left{ width: 188px; margin-right: 10px; min-height: 100px;} .com-left-box.fixd{ top: 0; position: fixed; top: -30px; } .com-left-box.fixd2{ bottom: 100px; top:auto; left: 0; position: absolute;} .com-left-box{ margin-top: -60px; width: 188px;} .com-left-box .t{ height: 160px; background: #a02226; text-align: center; color: #fff; position: relative; overflow: hidden;} .com-left-box .t i{ position: absolute; font-size: 140px; color: #bb4546; z-index: 1; left: -10px; top: -25px; line-height: 1.1; font-weight: bold; font-family: arial;} .com-left-box .t em{ display: block; padding-top: 50px; position: relative; z-index: 2;} .com-left-box .t span{ display: block;position: relative; z-index: 2;} .left-menu{ background: #f9f9f9; position: relative; padding-bottom: 130px;} .left-menu-top{ background: url(../images/left1.png) no-repeat; height: 38px; position: absolute; left: 0; right: 0; top: -38px;} .left-menu-bottom{background: url(../images/left3.png) no-repeat; height: 174px; position: absolute; left: 0; right: 0; bottom: -41px;} .left-menu ul{ padding: 30px 0; text-align: center;} .left-menu ul li{ margin-bottom: 12px;} .left-menu ul li > a{ display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #f9f9f9;} .left-menu ul li.on > a, .left-menu ul li.current > a{ border-bottom-color: #a02226; color: #a02226; } .left-menu ul li.current .left-menu-child{ display: block;} .left-menu ul li.current .left-menu-child .on i{ background: #a02226;} .left-menu ul li.current .left-menu-child .on a{color: #a02226;} .left-menu-child{ margin-left: -2em; position: relative; left: 48%; text-align: left; padding-bottom: 10px; display: none;} .left-menu-child a{ display: inline-block;} .left-menu-child .list{ padding-left: 15px; position: relative; margin-top: 5px;} .left-menu-child .list i{ width: 8px; height: 1px; background: #666; left: 0; top: 50%; position: absolute;} .com-right{ border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(0,0,0,0.2);} .com-right-box{ padding: 20px 30px;} .com-content{ padding: 20px 30px;} .com-title{ padding-bottom: 15px; border-bottom: 1px solid #ddd;} .com-title .fl{ line-height: 1.1; border-left: 5px solid #a02226; padding-left: 10px;} .com-title .oh a{ display: inline-block; padding-right: 7px; margin-right: 3px; background: url(../images/dd.png) right center no-repeat;} .leader-box{ padding-top: 50px; margin: 0 -15px;} .leader-box ul {float: left; width: 50%;} .leader-box li{margin-bottom: 30px;} .leader-box li .w {*zoom: 1; margin: 0 15px;} .leader-box li .w:before, .leader-box li .w:after {content: ''; display: table;} .leader-box li .w:after {clear: both;} .leader-box li .w > a {float: left; display: block; width: 170px; margin-right: 20px;} /* .leader-box li:first-child{ padding-left: 15%;} */ /* .leader-box li:first-child+li{ padding-right: 15%;} */ /* .leader-box li .w{ max-width: 189px; margin: 0 auto;} */ .leader-box li .w img{ border: 1px solid #fff; transition: 0.4s all;} .leader-box li a:hover img{ border-color: #a02226; box-shadow: 0 0 10px rgba(0,0,0,0.5);} .leader-box li .w .p{ min-height: 140px; padding-top: 10px; overflow: hidden;} .leader-art{ padding: 30px 20px;} .leader-art .fl{width: 189px; margin-right: 65px;} .leader-art .fr{ width: 189px; margin-left: 40px;} .leader-art .fl img, .leader-art .fr img{ width: 100%; height: auto;} a.a-close{ display: inline-block; background: #a02226; color: #fff; padding: 2px 15px;} a.a-close:hover{ background: #a31b1a;} .org{ padding: 20px;} .org .ab_otit{ color:#a02226; font-size: 18px; font-weight: bold;} .org .ab_ocon { margin: 10px 0 20px;} .org .ab_ocon li{ border-bottom: 1px solid #f9f9f9; background: #f9f9f9; font-size: 0;} .org .ab_ocon li.odd{ background: #fff;} .org .ab_ocon li span{ display: inline-block; width: 30%; padding: 10px 1.5%; font-size: 16px; vertical-align: top;} .team-box{ padding: 0 30px 50px;} .team-box dl{border-bottom: 1px solid #f9f9f9; background: #f9f9f9;} .team-box dl.odd{background: #fff;} .team-box dl dt{ width: 35%; padding: 20px 0 20px 10px; padding-right: 5%;} .team-box dl dd{ padding: 20px 10px 0;} .team-box dl dd a{ display: inline-block; margin: 0 20px 20px 0; min-width: 4em;} .news-list{ padding: 20px 30px;} .news-list li{ margin-bottom: 20px;} .news-list li span{ color: #999; margin-left: 10px;} .news-title{ padding: 20px 30px 10px; text-align: center; border-bottom: 1px solid #ddd;} .news-title h2{ padding-bottom: 10px; margin-bottom: 10px;} .news-title p span{ display: inline-block; margin: 0 10px; vertical-align: top;} .news-title p span#print{ cursor: pointer;} .news-title p span i{ display: inline-block; cursor: pointer; margin: 0 2px;} .news-title p span i.current{ font-weight: bold; color: #a02226;} .news-bottom{ padding: 20px 30px;} .news-bottom .b{ margin-top: 10px; padding-top: 10px; border-top: 1px solid #ddd;} .news-bottom .b p{ margin-bottom: 10px;} .news-content{ min-height: 450px;} .container{ height: 400px;} .postion-box{ padding-bottom: 30px;} .postion-box .tab-head{ text-align: center; padding: 30px 0;} .postion-box .tab-head a{ display: inline-block; padding: 10px 0; margin: 0 20px;} .postion-box .tab-head a.on{ color: #a02226; border-bottom: 2px solid #a02226; font-weight:bold;} .postion-box .tab-body dt{ float: left; margin-right: 20px;} .postion-box .tab-body dt img{ width: 28px; height: 28px;} .postion-box .tab-body dd{ overflow: hidden; padding: 3px 0 20px;} .postion-box .tab-body dd p{ margin-bottom: 10px;} .search-box{} .search-inp{ width: 60%; margin: 30px auto;} .search-inp .search2{ margin-left: 20px;} .search-inp .search2 a{ display:block; padding: 4px 20px; margin-top: 1px; border: 1px solid #a02226; color: #a02226;} .search-inp .search2 a:hover{ color: #fff; background: #a02226;} .search-inp .fl{ padding: 6px;} .search-inp .oh{ position: relative;} .search-inp input{ width: 98%; padding: 6px 1%; border: 1px solid #ddd; } .search-inp input.b{ width: 80px; background: #a02226; color: #fff; position: absolute; right:0; top: 0;} .sherch-t{ padding-bottom: 5px; border-bottom: 1px solid #ddd;} .search-list{ padding: 20px 0;} .search-list li{ border-bottom: 1px solid #ddd; padding: 15px 0;} .search-list li >a{ font-size: 16px; text-decoration: underline;} .search-list li .p{ color: #999;} .students{ padding: 20px 0;} .students li{ padding: 20px 0 10px; border-bottom: 1px solid #eee;} .students li span{ display: inline-block; margin: 0 20px 20px;} .students li span a{ display:block;} .students li span img{ display: block; margin: 0 auto 5px; width: 34px; height: 34px; transition: 0.3s all;} .students li span a:hover img{ transform:rotateY(180deg);} .students .stu_tit{ font-size: 16p; color: #a02226; margin-bottom: 20px;} .com-table{ margin-top: 20px; margin-bottom: 30px;} .com-table { border: 1px solid #eee; text-align: center;} .com-table thead td{ background: #a02226; color: #fff;} .com-table td{ padding: 10px;} .com-table tbody tr:nth-child(2n){ background: #fafafa;} .other-box{border-left: 1px solid #f3f3f3; border-right: 1px solid #f3f3f3; box-shadow: 0 0 5px rgba(0,0,0,0.2); padding: 20px;} .other-right { float: right; width: 270px; margin-left: 30px;} .other-left { overflow: hidden;} .other-right-bk{ margin-bottom: 20px; background: #f9f9f9;} .other-right-bk.bk1, .other-right-bk.bk2{ padding: 15px; border-top: 2px solid #a02226;} .other-right-bk .t{ margin-bottom: 10px;} .other-r-newslist li{ border-bottom: 1px solid #ddd; padding-bottom: 10px; margin-bottom: 10px;} .other-r-img{ margin: 0 -5px;} .other-r-img li{ float: left; width: 50%; position: relative;} .other-r-img li a{ margin: 0 5px 10px; display: block; position: relative; z-index: 1;} .other-r-img li a.demo-img+.demo-img{ position: absolute; left: 50%; top: 50%; height: 1px; width: 1px; opacity: 0; z-index: 1;} .impre-list{ padding: 20px 0 0; margin: 0 -15px;} .impre-list li{ width: 50%; float: left;} .impre-list li .w{ margin: 0 20px 40px; box-shadow: 0 0 5px rgba(0,0,0,0.3);} .lt9 .impre-list li .w{ border: 1px solid #ddd;} .impre-list li .w .p{ padding:10px 15px;} .impre-list li .w .p p{ margin-bottom: 5px;} body .bdsharebuttonbox .bds_more1{ margin: 0; padding: 0; background: url(../images/sx.png) left center no-repeat; padding-left: 20px; height: auto; line-height: normal;} .camel-box{ padding: 20px 0;} .caeml-search{ background: #f9f9f9; padding: 10px; margin-bottom: 20px;} .caeml-search .t1{ line-height: 45px;} .caeml-search .t2{ width: 30%; margin: 0 20px;} .caeml-search .t3{ overflow: hidden; margin-right: 20px;} .caeml-search select{ width: 99%;} .caeml-search .select2-container--default .select2-selection--single{ border: 1px solid #ddd;} .caeml-search .select2-container--default .select2-selection--single .select2-selection__arrow b{ background-image: url(../images/j.png); } .camel-list{ margin: 0 -10px;} .camel-list .list:first-child{ width: 100%;} .camel-list .list{ float: left; width: 50%; position: relative; margin-bottom: 20px;} .camel-list .list .demo-img{ position: absolute; opacity: 0; width: 1px; height: 1px; overflow: hidden; left: 50%; top: 50% ; visibility: hidden;} .camel-list .list .demo-img figure{ display: none;} .camel-list .list .demo-img:first-child{ visibility: visible; opacity: 1; display: block; position: relative; width: auto; height: auto; left: 0; top: 0; margin: 0 10px;} .camel-list .list .demo-img .tit{ position: absolute; left: 0; bottom: 0px; padding: 10px; color: #fff; background: rgba(0,0,0,0.5); max-width: 70%; border-top-right-radius: 10px; z-index: 3;} .camel-more{} .camel-more a{ display: block; line-height: 32px; text-align: center; border: 1px solid #ddd;} .camel-more a:hover{ background: #fafafa;} .other-right-bk.bk3 img{ width: 100%; height: auto;} .search2-s{ max-width: 600px; margin: 20px auto 50px;} .search2-s .item{ margin-bottom: 20px;} .search2-s .item .name{ float: left; width: 6em; text-align: right; padding: 5px;} .search2-s .item .w{} .search2-s .item .w .select{ border: 1px solid #ccc; padding: 5px 0; width: 98%; box-sizing: border-box;} .search2-s .item .w .input{ border: 1px solid #ccc; padding: 5px 0; width: 98%; box-sizing: border-box; text-indent: 5px;} .search2-s .sub{ text-align: center;} .search2-s .sub input{ border: 0; background: #a02226; color: #fff; border-radius: 2px; padding: 10px 2em;} .search2-box{ padding-bottom: 30px;} .search2-box .p1{ float: left; width: 40%;} .search2-box .p2{ float: left; width: 20%;} .search2-box .p3{ float: left; width: 20%;} .search2-box .p4{ float: left; width: 20%;} .search2-tit{ background: #a02226; color: #fff;} .search2-box .w{ padding: 10px;} .search2-list li{ border-bottom: 1px solid #ddd; padding: 2px 0; } /*********************氓鈥溌嵜ヂ衡€澝ヂ悸徝久铰�*/ @media only screen and (min-width: 981px) and (max-width: 1150px) { .banner-img .wrap{height: 380px !important;} } @media only screen and (max-width: 1150px) { .wrap{ width: 980px;} .header .nav .menu li a{ padding:15px 10px;} .header .nav .logo img{ width: 342px; height: 70px;} .banner{ height: 380px;} .banner-img .bg{ width: 1431px; height: 380px; margin: 0 0 0 -715px;} .banner .swiper-container{ height: 380px;} .nav-chidl-w{ margin-left: 0;} .child-item dd a{ margin-top: 5px;} .child-item dd .l{ margin-left: 15px;} .bk1-right{ width: 260px; margin-left: 0;} .bk2-w{ padding: 10px 5px;} .bk2-w .w{ margin: 0 5px;} .bk3-box .item2{ left: 480px;} .bk3-box .itme1{ width: 480px;} .bk4-1{ width: 340px;} .bk4-2{ width: 300px; margin: 0 40px;} .other-right{ width: 248px;} .banner-other{ height: 186px;} .banner-other .wrap{ height: 186px;} .banner-other .impression-banner-txt{ right: 10px; bottom: 10px;} .banner-other img{ width: 1430px; height: 186px; margin-left:-715px ;} } @media only screen and (min-width: 961px) { .bk3-box .item2 .list img{ width: 100%; height: 100% !important; position: absolute;} } .ph-mask, .menu-bon{ display: none;} @media only screen and (max-width: 980px) { .wrap{ width: 700px;} .bk1-right{ width: auto; float: none;} .bk1-right-box{ margin-top: 20px; min-height: initial; padding-bottom: 20px;} .bk1-right .tab-b ul{ overflow: hidden; padding-bottom: 0;} .bk1-right .tab-b li{ padding: 10px; float: left; width: 50%; box-sizing:border-box; display: none;} .bk1-right .tab-b li:nth-last-child(2n){ border-left: 1px solid #ddd;} .bk1-right .tab-b li:first-child, .bk1-right .tab-b li:first-child+li, .bk1-right .tab-b li:first-child+li+li, .bk1-right .tab-b li:first-child+li+li+li{ display: block;} .bk2-w li{ width: 50%;} .bk2-w li:first-child, .bk2-w li:first-child+li{ margin-bottom: 10px;} .bk3-box .itme1{ width: auto; float: none;} .bk3-box .item2{ position: relative; left: 0;} .bk3-box .item2 .list{ position: relative; float: left; width: 50%; height: auto; left: 0 !important; top: 0!important;} .bk3-box .item2 .list .demo-img:first-child{ position: relative;} .bk4-1{ width: auto; float: none; margin-bottom: 30px;} .bk4-2{ width: 50%; margin: 0 30px 0 0; } .footer .f-dd .al{ display: block; overflow: hidden; float: none; margin-bottom: 10px; } .footer .selectf .select-wrap{ margin: 0 20px 0 0;} /*忙鈥扳€姑ε撀好ヂ济ㄋ喡�*/ .nav .wrap{ width: auto; margin: 0 20px;} .menu-bon { display: block; cursor: pointer; transition: 0.3s all; z-index: 1000; -webkit-transition: 0.3s all; border: none; width: 30px; height: 30px; padding: 0; outline: none; position: absolute; z-index: 1000; right: 0; top: 0; background: #fff; padding: 12px; border-radius: 100%; box-shadow:1px 1px 5px rgba(0,0,0,0.4); } .menu_h { width: 30px; height: 30px; position: relative; border-radius: 0; vertical-align: top; background: none; border: 0; -webkit-transition: 0.25s all; transition: 0.25s all; } .menu_h::before, .menu_h::after, .menu_h span { background: #a02226; } .menu_h::before, .menu_h::after { content: ''; position: absolute; height: 2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; } .menu_h span { position: absolute; width: 100%; height: 2px; left: 0; top: 50%; margin-top: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); } .menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .menu-open .menu_h { -webkit-transform: rotate3d(0, 0, 1, 90deg); transform: rotate3d(0, 0, 1, 90deg); } .menu-open .menu_h span { opacity: 0; background: #fff; } .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .open_scroll .header .nav .logo img{ width: 269px; height: 55px;padding: 5px 10px;} .header .nav{ z-index: 999;} .header .nav .menu{ position: fixed; z-index: 100; right: 0; background: #fff; top: 0; bottom: 0; margin: 0; width: 20%; transform: translateX(100%); -webkit-transform: translateX(100%); transition: 0.4s all; -webkit-transition: 0.4s all; z-index: 999;} .header .nav .menu ul{ padding-top: 120px;} .header .nav .menu li{ float: none; margin-bottom: 10px;} .header .nav .menu li a{ color: #000000; text-align: center; position: relative; z-index: 2;} .header .nav .menu li i{ background: #eee; width: 100%; height: 100%; left: 0; top: 0; margin: 0; z-index: 1;} .open_scroll .header .nav-child, .header .nav-child{ position: fixed; top: 0; bottom: 0; right: 20%; left: auto; background: #eee; overflow: auto; z-index: 999;} .open_scroll .header .nav{ min-height: 0;} .nav-child .wrap{ width: auto; } .child-item{ width: 130px; padding: 15px;} .child-item .img { float: none; margin-bottom: 20px;} .child-item .img img{ width: 100%; height: auto;} .child-item .txt, .child-item .rqcode { display: none;} .child-item.item2 dd{ margin: 0; padding: 0;} .child-item dt{ margin-bottom: 10px; border-left: 4px solid #a02226; font-weight: bold; line-height:1.1; padding-left: 10px;} .child-item dd .l{ float: none; margin: 0; } .child-item dd .l a{ display: block; margin-bottom: 10px;} .child-item.item2 dl{ margin: 0; padding: 0;} .top-button{ bottom: 20px;} .ph-mask { opacity: 0; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; display: none; z-index: 888; cursor: pointer; } .menu-open .menu-bon{ } .menu-open .ph-mask{ opacity: 0.5; display: block;} .menu-open .header .nav .menu { transform: translateX(0); -webkit-transform: translateX(0);} .open_scroll .header .nav{ padding-top: 8px;} .open_scroll .header .nav .menu li i{ top: 0;} .child-item dl{ min-width: auto; border: 0; padding-right: 0;} .com-left{ display: none;} .other-right{ display: none;} .other-box{ padding: 10px;} .caeml-search .t2{ margin: 0 10px;} .caeml-search .t3{ margin-right: 0;} .camel-list{ margin: 0 -5px;} .camel-list .list .demo-img:first-child{ margin: 0 5px;} .camel-list .list{ margin-bottom: 10px;} .banner-other .impression-banner-txt{ width: 60%; padding: 10px;} .banner{ height: auto;} .banner-img .wrap{ width: auto; margin: 0;} .banner .swiper-container{ height:auto;} .banner .banner-img .bg{ width: 100%; height: 100%; left: 0; top: 0; margin: 0;} .bg_pc{ display: none;} .bg_ph{ display: block;} .banner-img .wrap{position: static;} } @media only screen and (max-width: 760px) { .banner .btn-box a {width: 30px; height: 30px; margin-top: -15px; background-size: 30%;} .banner .btn-box a.ban-left {left: 0;} .banner .btn-box a.ban-right {right: 0;} .header .top .wx .w{ margin-top: 9px;} .header .top .wx .w a {padding: 0 6px; font-size: 11px;} .wrap{ width: auto; margin: 0 10px;} .nav-child .wrap{ margin: 0;} .header .nav .menu{ width: 120px;} .open_scroll .header .nav-child, .header .nav-child{ right: 120px;} .bk1-news{ width: auto; float: none;} .bk1-news-w{ padding-right: 0; margin: 0 5px;} .bk1-news-w .t3 li{ margin-top: 20px; } .bk1-news-w .t1{ padding: 20px 0 10px;} .bk4-2{ width: auto; margin: 20px 0 ; float: none;} .bk4-3-list li{ width: 33.33%;} .footer .f-dt{ float: none; position: relative; top: 0; text-align: center; margin: 0;} .footer .f-dl{ padding: 10px 0;} .footer .f-dd{ text-align: center;} .footer .selectf { float: none;} .footer .f-dd .al a{ float: none; display: inline-block;} .footer .selectf .select-wrap{ float: left; width: 46%; margin: 0 1.9%; min-width: auto;} .footer .f-dd p{ font-size: 12px;} .footer .f-dd p span:first-child, .footer .f-dd p span:first-child+span+span+span{ display: block;} .menu-bon{ top: 0; right: 0px; width: 25px; height: 25px; padding: 8px;} .menu_h{ width: 25px; height: 25px;} .header .top .wx{ padding: 0;} .header .top .wx a{ margin: 0 0 0 5px;} .header .top .wx a.a3{ display: block;} .header .top .wx a.a3 .s2{ display: none;} .header .top .search{ position: absolute; display: none; right: 42px; margin-top: 10px;} .open-search .header .top .search{ display: block;} .open-search .header .top .wx a.a3 .s2{ display: block;} .open-search .header .top .wx a.a3 .s1{ display: none;} .open_scroll .header .nav .logo img{ width: 220px; height: 45px;} .header .alink{ overflow: hidden; float: none; font-size: 11px; margin-top: 12px;} .header .alink a{ padding: 0 6px;} .header .top .wx a img{ width: 20px; height: 20px; display: block; margin: 5px auto;} .header .nav .logo img{ width: 220px; height: 45px;} .nav .wrap{ margin: 0 10px;} .banner-img .wrap .txt{ width: 60%;} .banner{ height:auto} .banner-img .wrap{ height:auto;} .banner-img .bg{ width: 1054px; height: 280px; margin-left: -527px;} .header .nav{ min-height: 80px; background-size: auto 100%} .banner-img .wrap .txt p{ font-size: 16px; } .bk1-right .tab-b{ padding: 0 0;} .top-button{ right: 10px;} .top-button span{ display: none;} .top-button em { width: 40px; height: 40px;} .top-button em i { width: 16px; height: 16px; background-size: 100%; margin: -8px 0 0 -8px;} .header .nav .bg{ height: 60px;} .video-box .close{ width: 30px; height: 30px; right: 10px; background-size:50%;} .bk1-news-w .t3 ul{ padding: 0;} .bk2-w li:first-child, .bk2-w li:first-child+li{ margin-bottom: 4px;} .bk2-w{ padding: 4px 2px;} .bk2-w .w{ margin: 0 2px; font-size: 16px;} .bk4-3-list li{ line-height: 20px; } .bk4-3-list li img{ width: 20px; height: 20px;} .banner .pagination{ bottom: 3px;} .com-right-box{ padding:20px 10px;} .com-content{ padding: 10px 0;} .tablewrap{ overflow: auto;} .banner-other{ height: 150px;} .banner-other img{ height: 150px; width: 1152px; margin-left: -576px;} /* .leader-box li, .leader-box li:first-child, .leader-box li:first-child+li{ padding: 0; width: 48%; margin: 0 1%;} */ .leader-box ul {width: 100%;} .leader-box li {padding: 0; width: 100%; margin-bottom: 20px;} .leader-box{ padding-top: 20px;} .leader-art{ padding: 10px 0;} .leader-art .fl, .leader-art .fr{ float: none; margin: 0 auto 20px ; text-align: center;} a.a-close{ display: none;} .org{ padding: 10px 0;} .org .ab_ocon li span{ padding: 10px 20px 10px 10px; width: auto;} .team-box{ padding: 10px 0;} .news-list{ padding: 20px 0;} .page a.first, .page a.prev, .page a.next, .page a.last{ display: none;} .news-content{ min-height: auto;} .search-inp{ width: auto; } .news-title{ padding: 20px 0;} .news-title p span#print, .news-title p span#fontsize{ display: none;} .news-bottom{ padding: 10px 0;} .other-left{ overflow: visible;} .impre-list{ margin: 0 -5px;} .impre-list li .w{ margin: 0 5px 10px;} .impre-list li .w .p{ padding: 5px 5px;} .banner-other .wrap{ height: 150px;} .banner-other .impression-banner-txt{ font-size: 12px; padding: 5px; width: 80%; bottom: 5px; right: 0;} .bk4-2-bottom{ background: #fafafa;} .bk4-2-list li .fl img{ border-radius: 100%; overflow: hidden;} .index-bk4{ padding: 20PX 0;} .bk4-2{ background: #f2f2f2; margin: 0 -10px; padding: 20px 10px; margin-bottom: 30px;} .bk4-1-news li .l .fl{ overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .search-inp .search2{ margin-left: 10px; } .search-inp .search2 a{ padding: 4px 5px;} .search2-box .p1{ width: 30%;} .search2-box .p2{ width: 20%;} .search2-box .p3{ width: 25%;} .search2-box .p4{ width: 25%;} .search2-box .w{ padding:10px 5px;} .search2-list{ font-size: 12px;} .search2-s .item{ margin-bottom: 5px;} .search2-s .item .name{ float: none; width: auto; text-align: left;} } @media only screen and (max-width: 350px) { .bk4-3-list li{ font-size: 12px;} .header .alink a{ font-size: 10px; padding: 0 3px;} .header .nav .menu ul{ padding-top: 100px;} .com-right-box{ padding: 10px 5px;} .com-title .oh{ font-size: 12px;} } /*猫庐戮莽陆庐忙鈥扳€溍ヂ嵚懊� 路氓录聫盲禄拢莽 聛*/ @media print { .print_body .header, .print_body .banner-other, .print_body .footer, .print_body .top-button, .print_body .com-left, .print_body .com-title, .print_body .news-bottom, .print_body #print, .print_body #fontsize{ display: none;} .print_body .com-right{ margin: 0 auto; border: 0;} }