锘?{padding: 0;margin: 0;} li{list-style-type: none;} @font-face { font-family: alifont;//鑷畾涔夊瓧浣撳悕绉 src: url(./ali.ttf) } body,div,span{font-family: "alifont";} a {outline: none; /* 鍘婚櫎鏃х増娴忚鍣ㄧ殑鐐瑰嚮鍚庣殑澶栬櫄绾挎 */color: #000000;} a:hover {text-decoration: none;} a:visited{text-decoration: none;} a:focus{text-decoration: none} .m-left .menu-1 li{position: relative;} /*瀛愰〉闈㈠乏渚у鑸€変腑鏍囪瘑*/ .active-list{ content: ""; width: 5px; height: 100%; position: absolute; right: 0; top: 0; display: inline-block; background-color: #d7bb95; } .m-right .content{padding: 25px 90px;} .m-right .content h2.title1{font-size: 18px; color: #054994;font-weight: bold;margin-left: -22px;line-height: 38px;} .m-right .content .title2{font-size: 15px;display: inline-block;margin-top: 10px;} .m-right .content .title3{font-size: 15px;color: #0d4f97;font-weight: bold;} .m-right .content p{font-size: 14px;margin: 20px 0; font-family: "alifont"; color: #808080;} .box-img{width: 80%; text-align: center;margin: 20px auto;} /*瀛愰〉闈㈠乏渚у鑸?/ #middle .menu-1>li>a{text-align: center;display: block;padding: 15px 10px;} #middle .m-left a:hover {background-color: #e7e7e7;} #middle .m1>li>a{text-align: left;display: block;padding: 20px 60px;font-size: 16px;} #middle .m1>li{position: relative;font-weight: bold;} #middle .m1>li .iconfont{position: absolute; right: 10px;} #middle .m2>li>a{display: block;padding: 20px 10px 20px 75px;position: relative;border-bottom: 1px solid #f2f2f2;font-weight: normal;} .img-name{text-align: center;} /*鐗╀笟鏂囧瓧鍥剧墖宸﹀彸鎺掔増寮€濮?/ .img-list{ width: 100%; text-align: center; } .m-b .content-indent{ padding-left: 20px; } .m-b .list-1>li{ list-style-type: circle; color: #808080; } .m-b .list-2,.m-b .list-1{ padding-left: 20px; } .m-b .list-2>li{ list-style-type: square; color: #808080; margin-top: 10px; } .m-b .title5{ color: #054994; font-size: 15px; } .div-list .item-font{ color: #808080; position: relative; top: 50%; transform: translateY(-50%); } .div-list .li01, .li02{ position: relative; height: 310px; } .div-list .li01{ padding: 20px 58% 20px 60px; background-color: #f4f5f7; margin: 0 auto; } .li01 .img-div{ position: absolute; right: 0; top: 0; width: 50%; height: 310px; } .li01 .img-div>img{width: 100%;height: 100%;} .div-list .li02{ padding: 20px 60px 20px 58%; background-color: #fff; /*max-width: 1240px;*/ margin: 0 auto; } .li02 .img-div{ position: absolute; left: 0; top: 0; width: 50%; height: 310px; } .li02 .img-div>img{width: 100%;height: 100%;} /*鐗╀笟鏂囧瓧鍥剧墖宸﹀彸鎺掔増缁撴潫*/ /*渚涘簲閾俱€佸皬璐锋枃瀛楀浘鐗囧乏鍙虫帓鐗堝紑濮?/ .m-b .list-2>p{margin-top: 6px;} .item-box{max-width: 1240px;height: 359px;margin: 0 auto;position: relative;} .item-box::after{content: "";clear: both;display: inline-block;} .item-box .item-font{width: 50%; position: absolute;top: 50%; transform: translateY(-50%);padding: 0 10px;} .item-box .img-div{position: absolute;right: 0;top: 0;width: 50%;height: 359px;} .item-box .img-div>img{width: 100%;height: 100%;} .list .li1, .li2{height: 359px;max-width: 1240px;margin: 0 auto;} .li1{background-color: #f4f5f7;} .li1 .item-font{left: 0;line-height: 25px;text-align: right;} .li2 .item-font{right: 0;line-height: 25px;} .li2 .img-div{left: 0;} /*渚涘簲閾俱€佸皬璐锋枃瀛楀浘鐗囧乏鍙虫帓鐗堢粨鏉?/ .breadcrumb{position: relative;} .breadcrumb-nav{position: absolute; right: 15px;} @media screen and (max-width: 769px) { .m-right .content{padding: 25px;} .box-img{width: 100%;} /*鎵嬫満绔乏渚у鑸爮绉诲姩鍒颁笂鏂?/ #middle .m-left {width: 100%;} #middle .menu-1 > li {width: 25%;float: left;border-right: 1px solid #c9c9c9;} #middle .menu-1 > li:last-child {border: none;} #middle .m-right {width: 100%;} .active-list{ width: 0; } }