/*! www.vancheer.com | Powered by vancheer */ @media screen and ( max-width:1440px ){ /*.wal2{ width: 1300px; }*/ .wal2{ width: 1200px; } .w220{ width:200px; overflow:hidden;} .w1040{ width:960px; overflow:hidden;} .culture .rightImg{ width: 528px; } .culture .rightImg img{ width:528px;} .group .imgDiv img{ width:100%;} .videoPic .slider-for .imgDiv{ width:852px;} .cultivate .mxf{ background:url(../images/nimg1040_1.jpg) no-repeat center; background-size:960px;} .cultivate .mxf .li01{ top:35px; left:35px;} .cultivate .mxf .li02{ top:35px; right:35px;} .cultivate .mxf .li03{ top:280px; left:35px;} .cultivate .mxf .li04{ top:280px; right:35px;} .history .leftDiv{ width:250px;} .development .list li{ width: 25%; } } @media screen and ( max-width:1004px ){ .wal, .wal2, .w1040{width:100%;} .headDiv{ height:50px;} .headDiv .wal{ height:50px;} .headDiv .wal2{ height:50px;} .headDiv .logo{ position:static; left:5px; top: 10px;} .headDiv .logo img{ width: 100px; } .headDiv .topRight{ right: 50px; top: 10px; height: 30px; } .headDiv .topRight li{ margin-left: 5px; font-weight: 400; font-size: 13px;} .headDiv .topRight li a{ line-height: 28px; width: 28px; height: 28px;} .headDiv .topRight li .a1{ width: 85px;} .headDiv .topRight li img{ padding-left: 5px;} .headDiv .num{ right: 174px; top: 0px; line-height:50px; font-size: 13px;display:none;} .PC-Box, .headDiv .topSearch, .nav, .banner, .sideBar, .footDiv, .pageBanner, .pageNow, .pageNav, .pageNum, .w220{ display:none;} .Phone-Box, .navIco, .bannerTel, .footDivTel, .pageBannerTel, .pageTitleTel, .pageMore{ display:block;} .indexTitle .title1{ font-size: 20px; height: 36px; line-height: 36px;} .pageBox{ padding:20px 10px 50px;} .indexPart1{ padding: 30px 10px;} .indexPart1 .list{ padding-top: 30px; } .indexPart1 .list li{ width: 33.33%; margin-bottom: 25px;} .indexPart1 .list .li01{ width: 50%; } .indexPart1 .list li .box{ padding: 0 10px; } .indexPart1 .list li .ico img{ width: 80px;} .indexPart1 .list li .name{ font-size: 14px; padding: 20px 0 15px;} .indexPart1 .list li .msg{ line-height: 20px; font-size: 12px; } .indexPart2{ padding-top: 0px; } .indexPart3{ padding: 30px 20px 55px;} .indexPart3 .indexTitle{ padding-bottom: 35px; } .indexPart3 .leftDiv{ width: 100%; padding-top: 0px; height: auto; background: none;} .indexPart3 .leftDiv .imgDiv{ display: none; } .indexPart3 .leftDiv .imgDivTel{ display: block;} .indexPart3 .contentBox{ width: auto; padding: 20px 10px; height: auto; margin-top: 15px;} .indexPart3 .txt{ padding: 10px 0; font-size: 16px; text-align: center;} .indexPart3 .content{ font-size: 14px; line-height: 24px; color: #6b6b6b;} .indexPart3 .btnDiv{ padding-left: 20px;} .indexPart3 .rightDiv{ width: auto; padding-top: 20px; overflow: hidden;} .indexPart3 .rightDiv li{ margin-bottom: 0px; float: left; width: 50%;} .indexPart3 .rightDiv li .imgDiv img{ width: 100%; } .indexPart3 .rightDiv li .box{ margin: 0 10px; } .indexPart3 .rightDiv li .ico{ left: 10px; top: 15px;} .indexPart3 .rightDiv li .name{ left: 10px; top: 50px; line-height: 20px; font-size: 14px; } .indexPart4{ padding: 30px 10px 40px; } .indexPart4 .indexTitle{ padding-bottom: 30px; } .indexPart4 .leftDiv{ width: auto; padding: 0 30px;} .indexPart4 .leftDiv .botDiv{ height: 127px; padding: 0 10px;} .indexPart4 .leftDiv .time{ font-size: 12px; padding: 15px 0 10px; } .indexPart4 .leftDiv .name{ font-size: 16px; height: 66px; padding-right: 60px;} .indexPart4 .leftDiv .name a{ line-height: 22px; height: 44px;} .indexPart4 .leftDiv .more{ right: 10px; bottom: 40px; } .indexPart4 .rightDiv{ width: 100%; padding-top: 25px; } .indexPart4 .rightDiv li{ margin-bottom: 10px; height: 103px;} .indexPart4 .rightDiv a{ padding: 0 10px 0 162px; height: 103px;} .indexPart4 .rightDiv .imgDiv img{ width: 150px; } .indexPart4 .rightDiv .name{ padding-top: 10px; height: 40px; line-height: 20px; font-size: 14px; } .indexPart4 .rightDiv .content{ display: none; } .indexPart4 .rightDiv .time{ padding-top: 16px; font-size: 13px; } .indexPart5{ height: 72px; background-size: 100% 100%;} .indexPart5 .btnDiv{ padding-top: 15px; float: none; width: 190px; margin: 0 auto;} .pageTop{ height: 46px; } .pageTop2{ height:auto; padding-bottom:15px;} .pageTitle{ line-height: 46px; } .pageTitle b{ font-size: 20px; } .pageTop .form{ position:relative; right:0; top:0; height:42px; margin-top:10px;} .pageTop .form .input1{ padding-left:0; text-indent:15px; width:100%; box-sizing:content-box; height:42px; line-height:42px;} .pageTop .form .btn1{ height:42px;} .about{ padding: 35px 0 20px; } .about .content{ padding-bottom: 30px;} .content img {max-width: 100%;height: auto!important;} .about .imgList{ padding-bottom: 20px;} .about .imgList ul{ margin-right: -10px; } .about .imgList li .imgDiv{ margin-right: 10px; } .about .txt{ margin-top: 25px; height: 30px; line-height: 30px;} .about .list{ padding-top: 25px;} .about .list ul{ margin-right: -10px; } .about .list li{ width: 50%; margin-bottom: 15px; } .about .list li .box{ margin-right: 10px;} .about .list li a{ height: 80px;} .culture{ padding-top: 40px; } .culture .leftList{ width: 100%; } .culture .leftList li{ margin-bottom: 35px; padding-left: 0px; padding-top: 60px; height: auto; } .culture .leftList li .ico img{ width: 60px; } .culture .leftList li .txtDiv{ left: 80px; } .culture .leftList li .txt1{ font-size: 18px; padding: 5px 0 6px; } .culture .leftList li .msg{ padding-top: 15px; font-size: 14px; line-height: 24px; height: auto; display: block;} .culture .rightImg{ width: 100%;} .culture .rightImg img{ width: 100%; } .brand{ padding-top: 30px; } .brand .title{ font-size: 20px; padding-bottom: 20px; } .brand .txt{ height: 35px; padding-left: 20px; font-size: 16px; } .brand .txt2{ height: 45px; } .brand .box1{ margin-bottom: 25px; height: auto; padding: 0 20px 0 20px; } .brand .box1 .limg{ position: relative; padding-top: 20px; text-align: center; left: 0; top: 0; } .brand .box1 .content{ padding: 25px 0; } .brand .list{ padding: 25px 0 0 0px;} .brand .list li{ padding-left: 138px; height: auto; margin-bottom: 30px;} .brand .list li .ico img{ width: 120px; } .honor{ padding: 30px 0 0; } .honorPic{ padding: 0 0 80px 0; } .honorPic .slick{ margin: 0 5px;} .honorPic .slick .name{ font-size: 14px; padding-top: 10px; } .honorPic .slick-prev{ left: 50%; margin-left: -65px; bottom: 20px; top: auto; margin-top: 0px;} .honorPic .slick-next{ right: 50%; margin-right: -65px; bottom: 20px; top: auto; margin-top: 0px;} .honor .list{ padding: 30px 0 0 0px;} .honor .list li{ float: none; width: 100%; font-size: 13px;} .group{ padding: 40px 0; } .group .imgDiv img{ width: 100%;} .development{ padding: 35px 0 30px;} .development .content{ font-size: 14px; line-height: 26px; padding-bottom: 30px; } .development .list li{ width: 50%; } .development .list li .imgDiv img{ width: 100%; } .development .list li .ico{ top: 15%;} .development .list li .name{ top: 45%; font-size: 16px; } .development .list li .msg{ padding: 100% 10px 0; line-height: 20px; font-size: 12px; } .business{ padding-top: 30px; } .business .content{ font-size: 14px; line-height: 26px; padding-bottom: 30px; } .business .list ul{ margin-right: 0px; } .business .list li{ float: none; width: 100%; margin-bottom: 20px;} .business .list li .box{ margin-right: 0px; } .business .list li .botDiv{ height: auto; padding: 0 10px 25px;} .business .list li .name{ padding: 20px 0 15px 0px; font-size: 20px;} .business .list li .msg{ padding: 0 0 15px 0;} .business .list li .baoduo{ position: relative; bottom: 0;} .business .list li .links{ padding: 0; overflow: hidden;} .business .list li dl{ margin-right: -1px; } .business .list li dd{ float: left; width: 33.33%; } .business .list li dd a{ height: 45px; line-height: 44px; } .product{ padding: 30px 0; } .product .content{ padding-bottom: 35px; } .product .list ul{ margin-right: -10px; } .product .list li{ width: 50%; margin-bottom: 20px; } .product .list li .box{ margin-right: 10px; } .product .list li .name{ height: 40px; line-height: 40px; font-size: 16px;} .application{ padding-top: 20px; } .application .content{ font-size: 14px; line-height: 26px; padding-bottom: 30px; } .application .list ul{ margin-right: -10px; } .application .list li{ width: 50%; margin-bottom: 20px;} .application .list li .box{ margin-right: 10px; } .application .list li .name{ line-height: 40px; font-size: 14px; height: 40px;} .proForm{ width: 100%; padding-top: 30px;} .proForm .form{ width: auto; height: 36px;} .proForm .form .input1{ width: 100%; padding-left: 0px; text-indent: 10px; height: 36px; line-height: 36px; font-size: 12px;} .proForm .form .btn1{ width: 65px; height: 38px; line-height: 38px;} .proForm .form img{ padding-right: 2px; } .proForm .keywords{ padding: 5px 0 0 0;} .proForm .keywords a{ padding-right: 15px; } .describe{ padding: 20px 0 0; } .describe .txt{ font-size: 16px; padding-bottom: 15px; } .describe .title{ padding-left: 24px;} .describe .content{ padding: 0 0 20px 24px; } .industryShow{ padding: 30px 0 20px; } .industryShow .content{ padding-bottom: 40px;} .industryShow .content1{ padding-bottom: 10px;} .industryShow .contentBox{ height: auto; padding-right: 0px; } .industryShow .imgDiv{ position: relative; padding-bottom: 25px;} .industryShow .imgDiv img{ width: 100%; } .industryShow .name{ font-size: 16px;} .industryShow .msg{ padding-top: 25px; } .industryShow .list{ padding-top: 30px; } .industryShow .list ul{ margin-right: -10px; } .industryShow .list li{ width: 50%; margin-bottom: 15px;} .industryShow .list li .box{ margin-right: 10px; } .industryShow .list li a{ height: 50px; line-height: 50px; font-size:14px;} .industryShow .moreBtn{ margin: 20px auto 60px;} .industryShow .btnDiv{ padding-top: 25px; } /*.industryShow .tab2{ padding-top:20px; text-align:left;} .industryShow .tab2 li{ display: block; float:left; width:140px; height:40px; line-height:40px; margin:0 10px 10px 0;}*/ .industryShow .tab2{ height:auto; padding-top:20px; background:none; overflow:hidden;} .industryShow .tab2 li{ display: block; float:left; width:33.33%; height:40px; line-height:40px; margin:0;} .industryShow .tab2 .liNow{ border-bottom: #e62129 solid 2px;} .applicationShow{ padding-top: 30px; } .applicationShow .contentBox{ min-height: 300px; padding-right: 0px; } .applicationShow .contentBox .imgDiv{ position: relative; right: 0px;} .applicationShow .contentBox .imgDiv img{ width: 100%; } .applicationShow .contentBox .name{ margin-top: 20px; height: 45px; overflow: hidden;} .applicationShow .contentBox .name b{ padding-left: 16px; font-size: 16px;} .applicationShow .contentBox .name a{ margin-left: 42px;} .applicationShow .contentBox .msgList{ padding: 25px 0 0 0; } .applicationShow .contentBox .msgList li{ margin-bottom: 5px;} .applicationShow .tab2{ margin-top: 30px; height: auto; background: none; text-align: left;} .applicationShow .tab2 li{ float: left; display: block; font-size: 14px; height: 30px; margin: 0 15px 10px 0;} .applicationShow .tab2 .liNow{ border-bottom: #e62129 solid 3px;} .applicationShow .content{ padding: 25px 0 0 0;} .video{ padding-top: 30px; } .videoPic .agentlist{ padding:0 0 60px 0;} .videoPic .slider-for .box{ padding:0 0 15px;} .videoPic .slider-for .imgDiv{ width:100%;} .videoPic .agentlist .slick-slide{ margin:0 5px; height: auto; padding-bottom: 15px;} .videoPic .slick-slide .name{ padding-top:10px; font-size:13px; height: 20px; line-height: 20px; overflow: hidden;} .videoPic .slick-prev{ top:auto; bottom:15px; margin-top:0px; left:50%; margin-left:-40px;} .videoPic .slick-next{ top:auto; bottom:15px; margin-top:0px; right:50%; margin-right:-40px;} .news{ padding: 30px 0 20px; } .news .detail{ height: auto; padding: 0 0 25px 0;} .news .detail .imgDiv{ position: relative;} .news .detail .imgDiv img{ width: 100%; } .news .detail .name{ padding: 20px 10px 0; font-size: 16px;} .news .detail .content{ line-height: 20px; height: 60px; padding: 15px 10px 0;} .news .detail .time{ padding-top: 20px; padding-left: 10px; } .news .list{ padding-top: 10px; } .news .list li{ margin-bottom: 10px; padding: 0 15px;} .news .list li .name{ font-size: 14px; padding-top: 15px;} .news .list li .name a{ padding-left: 12px;} .news .list li .content{ height: 40px; } .newShow{ padding-top: 30px; } .newShow .bigBox{ padding: 30px 0 35px; } .newShow .name{ padding: 0 10px 10px; font-size: 18px; } .newShow .time{ padding-bottom: 30px;} .newShow .content{ padding: 25px 10px; line-height: 26px;} .newShow .imgDiv{ padding: 20px 0; } .newShow .content img{ width: 100%; } .newShow .share{ padding-left: 67px; height: 50px;} .newShow .share em{ left: 10px; } .pageDown{height:auto; padding: 0 10px;} .pageDown .box{ padding-top: 15px; } .pageDown .btn{position:relative; top:0px; margin-top: 15px;} .fair{ padding: 30px 0 25px; } .fair .list li{ height: 52px; padding:10px 15px; } .fair .list li .name{ background: url(../images/ico7.png) left 10px no-repeat; padding-left: 20px; font-size: 14px;} .fair .list li .name a{ height: 48px; line-height: 24px; overflow: hidden;} .fair .list li .time{ display: none; } .product_2{ padding: 30px 0 25px; } .product_2 .table{overflow: auto; padding: 0;} .product_2 .table table{width: 850px; } .securities{ padding: 30px 0 20px; } .securities .bigBox{ padding: 25px 10px 50px 10px;} .securities .title{ margin-bottom: 25px; font-size: 18px; padding-left: 20px; background:url(../images/ico6.jpg) no-repeat left center;} .securities .list li{ margin-bottom: 30px; padding-left: 40px; } .securities .list li .num{ line-height: 24px; top: 6px;} .securities .list dd{ height: auto; line-height: 24px; padding: 6px 0 6px 0px; } .securities .list dd b{ position: relative; padding-bottom: 5px;} .cultivate{ padding: 30px 0 20px; } .cultivate .content{ padding-bottom: 30px; } .cultivate .title{ margin-bottom: 20px; height: 28px; line-height: 28px; font-size: 16px;} .cultivate .imgDiv{ padding-bottom: 50px; } .cultivate .imgDiv img{ width: 100%; } .cultivate .list{ padding: 20px 0 0; } .cultivate .list ul{ margin-right: 0px; } .cultivate .list li{ float: left; width: 100%; margin-bottom: 15px;} .cultivate .list li .box{ margin-right: 0px; } .cultivate .list li .txt{ margin-bottom: 10px; height: 70px; line-height: 70px;} .cultivate .list li .txt img{ padding-right: 20px; } .cultivate .mxf{ height:auto; background:none; margin-bottom:30px;} .cultivate .mxf li{ position:relative; padding-bottom:20px;} .cultivate .mxf .li01{ top:0px; left:0px;} .cultivate .mxf .li02{ top:0px; right:0px;} .cultivate .mxf .li03{ top:0px; left:0px;} .cultivate .mxf .li04{ top:0px; right:0px;} .cultivate .mxf li .wen{ font-size:16px;} .cultivate .mxf li .msgList{ width:auto;} .job{ padding: 30px 0 25px; } .job .imgDiv{ display: none;} .job .list li{ margin-bottom:15px;} .job .list li .top{ min-height: 66px; height: auto; padding-left: 15px; padding-top: 10px; padding-bottom: 10px;} .job .list li .name{ padding-left: 15px; line-height: 30px; background: url(../images/ico6.jpg) no-repeat left center; font-size: 16px;} .job .list li .btn1{ right: 15px;} .job .list li .box { padding: 30px 15px 40px;} .job .list li .msgList{ position: relative; right: 0;} .job .list li .msgList dd{ padding-left:0px; padding-right: 20px; line-height:20px;} .job .list li .content{ line-height:26px; padding-bottom: 30px;} .job .list li .botDiv{ height: 128px; padding-left: 15px; padding-right: 15px;} .job .list li .txt{ padding: 10px 0 5px; font-size: 16px; } .job .list li .zixun{ right: 8px; } .job .mxf{ display:none;} .job .pnj{ display:none;} .contact{ padding: 30px 0 25px; } .contact .part2{ margin-top: 20px; height: auto; padding: 0 0 20px 0;} .contact .part2 .imgDiv{ position: relative; width: 100%;} .contact .part2 .imgDiv img{ width: 100%; } .contact .part2 .txt{ padding: 15px 10px 10px; font-size: 16px; } .contact .part2 .name{font-size:18px; padding-bottom: 15px; padding-left: 10px;} .contact .part2 .msg{ line-height: 26px; padding-left: 10px;} .lyb{ padding: 30px 0 25px;} .lyb .bigBox{ background: #f6f6f6; padding: 25px 10px 45px;} .lyb .title{ font-size: 20px; padding-bottom: 10px; } .lyb .msg{ padding-bottom: 20px; text-align: left;} .lyb .msg em{ display: none; } .lyb .form{ padding: 24px 0 20px; } .lyb .form ul{ margin-right: 0px;} .lyb .form li{ float: none; width: 100%; margin-bottom: 13px;} .lyb .form li .box{ height: 40px; padding-left: 90px; margin-right: 0px; border-radius: 8px; -moz-border-radius:8px;} .lyb .form li .txt{ left: 10px; line-height: 40px; font-size: 12px; } .lyb .form li .input1{ line-height: 40px; height: 40px; } .lyb .form li textarea{ width: 100%; height: 94px; padding-top: 10px; line-height: 20px;} .lyb .btnDiv{ width: 180px; height: 40px;} .lyb .btnDiv a{ width: 180px; height: 40px; line-height: 40px; border-radius: 8px; -moz-border-radius:8px;} .innovation{ padding:30px 0 25px;} .innovation .title{ font-size: 16px;} .innovation .list1{ padding-bottom:30px;} .innovation .list1 li{ padding-left:0px; padding-top:96px; padding-bottom:25px; height:auto;} .innovation .list1 li .ico{ top:15px; margin-top:0px;} .innovation .list1 li .ico img{ width:80px;} .innovation .list1 li .wenDiv{ left:108px; height:80px; top:5px; margin-top:0px; width:auto; text-align:left;} .innovation .list1 li .wen1{ padding-top:25px; font-size:16px; color:#363635; font-weight:bold;} .innovation .list1 li .wen2{ color:#a1a1a1; font-size:14px; padding-top:10px;} .innovation .list1 li .msgDiv{ padding-top:20px; height:auto; display:block; vertical-align:middle; line-height:26px;} .innovation .list1 .li01{ height:auto;} .innovation .list1 .li01 .msgDiv{ height:auto;} .innovation .list2{ padding-top:5px;} .applicationDetail{ padding-top: 30px; } .applicationDetail .name{ margin-top: 20px; height: 45px; overflow: hidden;} .applicationDetail .name b{ padding-left: 16px; font-size: 16px;} .applicationDetail .name a{ margin-left: 42px;} .applicationDetail .box img {width: 100%; margin-right: 0; box-sizing: border-box; } .applicationDetail .box ul {margin-top: 15px; width: 100%; } .applicationDetail .box li:nth-child(3n+1) {width: 100%; } .applicationDetail .box li:nth-child(3n+2) {width: 100%; } .applicationDetail .box li:nth-child(3n+3) {width: 100%; } .applicationDetail .cont .title {margin: 20px 0 10px; height: 40px; line-height: 40px; } .applicationDetail .cont .title span {width: 120px;} .applicationDetail .cont b {line-height: 30px; } .applicationDetail .cont p {line-height: 30px; } .applicationDetail .cont {padding-bottom: 20px; margin-bottom: 20px; } .applicationDetail .pro-tlt .t .txt {padding: 0 8px; font-size: 18px; } .applicationDetail .pro-tlt p {font-size: 14px; padding: 7px 0 25px; } .applicationDetail .swiper-container {margin: 0 40px; } .applicationDetail .swiper-button-prev {left: 0;margin-top: -37px; } .applicationDetail .swiper-button-next {right: 0;margin-top: -37px;} .applicationDetail .pro-ban p {margin-top: 10px; line-height: 20px; font-size: 12px; } .applicationDetail .cont img { width:100%; } .applicationDetail .cont .input { width:100%; } .applicationDetail .cont p .input { width:100%; } /*2018.9.28*/ .history{ padding:30px 0 50px;} .history .leftDiv{ width:100%;} .history .leftDiv .list{ padding:25px 15px 40px;} .history .leftDiv .list li{ padding-bottom:25px;} .history .rightDiv{ width:100%; padding-top:30px;} .historyList{ height:60px; padding:0 40px;} .historyList .slick-slide{ height:60px; line-height:60px; font-size:16px; background-size:60px;} .historyList .slickon{ background-size:60px;} .historyBox .slick-prev{position:static; z-index:10; left:0px; top:50%; margin-top:-16px; display:block; background:#fff url(../images/nimg32_left.png) left top no-repeat; width:32px; height:32px;} .historyBox .slick-next{position:static; z-index:10; right:0px; top:50%; margin-top:-16px; display:block; background:#fff url(../images/nimg32_right.png) right top no-repeat; width:32px; height:32px;} .historyBox .slick-prev:hover{ background:#fff url(../images/nimg32_lefton.png) left top no-repeat;} .historyBox .slick-next:hover{ background:#fff url(../images/nimg32_righton.png) left top no-repeat;} .history .contentBox{ padding-top:20px;} .history .contentBox li{ padding-left:115px; background:url(../images/line5.png) 95px repeat-y;} .history .contentBox li .month{ width:79px; height:32px; background:url(../images/nimg79_1.png) no-repeat; font-size:16px; text-indent:23px; line-height:32px; position:static; left:0px; top:15px;} .history .contentBox li .ico{ left:90px;} .history .contentBox li .content{ line-height:26px; padding-bottom:20px;} .history .contentBox li .imgList{ padding-right:0px; padding-bottom:15px;} .history .contentBox li .imgList dd{ float:none; width:100%;} .history .contentBox li .imgList dd .box{ margin-right:0;} .history .contentBox li .imgList dd .box img{ width:100%;} .download .inps span {font-size: 16px; } .download .inps {margin: 20px 0 20px; } /*.download .list li {width: 48.5%; height: 40px; line-height: 20px; background: #fafafa url(../images/z15.png) no-repeat 18px center; background-size: 20px; margin: 0 3% 10px 0; box-sizing: border-box; } .download .list li:nth-child(5n) {margin-right: 3%; } .download .list li:nth-child(2n) {margin-right: 0; } .download .list li a {font-size: 12px;height:40px; } .download .list li:hover{background: #fafafa url(../images/z15_on.png) no-repeat 18px center; background-size: 20px;}*/ .download .list ul{ margin-right:-10px;} .download .list li {width: 100%; height: 40px; line-height: 20px; margin: 0 0 10px 0; } .download .list li .box{ margin-right:10px; background: #fafafa url(../images/z15.png) no-repeat 18px center; background-size: 20px;} .download .list li a {font-size: 12px; height:40px;} .download .list li:hover{background: #fafafa url(../images/z15_on.png) no-repeat 18px center; background-size: 20px;} .wenziLayer{ width:94%; height:300px;} .wenziLayer .ico{ padding:45px 0 25px;} .wenziLayer .name{ font-size:18px; padding:0 10px; line-height:26px; height:auto} .wenziLayer .msg{ font-size:16px; padding:10px 10px 0;} }