@charset "utf-8"; /* Index Page CSS Document */ .content { width: 1200px; text-align:center; margin:0 auto; font-size:16px; } .content .col_lg_2 { float:left; width:200px; text-align:left; margin:0; } .content .col_lg_25 { float:left; width:250px; text-align:left; margin:0; } .content .col_lg_3{ float: right; width: 435px; text-align:left; margin:0px; } .content .col_lg_35{ float:left; width:350px; text-align:left; margin:0px; } .content .col_lg_4{ float:left; width:400px; text-align:left; margin:0px; } .content .col_lg_6{ float:left; width:600px; text-align:left; margin:0px; } .content .col_lg_65{ float:left; width:650px; text-align:left; margin:0px; } .content .col_lg_7{ float:left; width: 730px; text-align:left; margin:0px; } .content .col_lg_75{ float:left; width:750px; text-align:left; margin:0px; } .content .col_lg_8{ float:left; width:800px; text-align:left; margin:0px; } .content .col_lg_10{ width:1000px; text-align:left; margin:0px; float:left; } .content .col_lg_5{ width:500px; float:left; text-align:left; margin:0px; } .content .top{ height: 40px; } .content .blank{ height: 30px; width:100%; } .content .info{ /* width:470px; */ /*border:solid 1px #DFDFDF; border-top: 2px solid #8F000B;*/ padding: 15px 0; float:left; width: 100%; } .content .clear-left{ margin-left:0px; margin-right:15px; } .content .clear-right{ margin-left:15px; margin-right:0px; } .content .info .title{ font-size: 24px; color: #1a1a1a; width:100%; height: 30px; background:url(../img/icon_xian.gif) repeat-x 0 29px; margin-bottom:10px; position:relative; text-align: left; } .content .info .title a:hover .right_more { font-size:12px; color:#136d5b; } .content .info li{ height:30px; line-height:30px; } .content .info li a{ /* width:408px; */ /* margin-left:10px; */ /* display:inline-block; */ /* float:left; */ /* overflow:hidden; */ /* text-overflow:ellipsis; */ /* white-space:nowrap; */ } .content .info li span.s-dt{ width:52px; display:inline-block; float:left; text-align:right; } .content .info-cap{ width:260px; padding:20px 0px 15px 40px; } .content .info-cap .cap-img { width:260px; height:146px; } .content .info-cap .title{ width:100%; margin-top:5px; height:30px; line-height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } .content .info-cap .detail{ width:100%; margin-top:5px; height:80px; line-height:20px; font-size:12px; overflow:hidden; text-overflow:ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .content .info-cap .cap-block { width:260px; height:240px; } .content .info-cap .cap-block-item { display:block; float:left; width:130px; height:77px; text-align:center; } .content .info-cap .cap-block-item img { width:120px; height:67px; } .content .info-cap .cap-more{ width:100%; margin-top:5px; padding-left:5px; color: #a6a6a6; text-align: left; font-size: 12px; } .content .info-cap .cap-more a{ color: #565656; } .content .info-cap .cap-more a:hover{ color: #136d5b; } .content .info-note ul li span.s-wd{ width:60px; height:55px; line-height:26px; margin-bottom:5px; font-size:12px; font-family: Georgia; /* float:left; */ text-align:center; position: absolute; top: 0; left: 0; } .content .info-note ul li span.s-wd span{ font-size:18px; font-family: Georgia; width:53px; display:inline-block; } .content .col_lg_3 .info-note{ width:270px; /* padding:15px; */ float:left; } .content .col_lg_3 .info-note ul{ width:100%; float:left; } .content .col_lg_3 .info-note ul li{ /* width:100%; */ padding-left: 70px; height: 70px; /* float:left; */ position: relative; } .content .col_lg_3 .info-note ul li a{ /* width: 360px; */ display:inline-block; /* float:left; */ overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0px 0px 10px 10px; line-height:25px; height:50px; /* position: relative; */ /* left: 70px; */ /* top: 0; */ } .content .col_lg_4 .info-note{ width:370px; padding:15px; float:left; } .content .col_lg_4 .info-note ul{ width:100%; float:left } .content .col_lg_4 .info-note ul li{ width:100%; height:60px; float:left } .content .col_lg_4 .info-note ul li a{ width:300px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0px 0px 10px 10px; line-height:25px; height:50px; } .content .col_lg_7 .info-note{ width: 100%; padding: 10px 0; float:left; } .content .col_lg_7 .info-note ul{ width:100%; float:left; } .content .col_lg_7 .info-note ul li{ width:100%; height:30px; float:left; } .content .col_lg_7 .info-note ul li a{ width:608px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:normal; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin:0px 0px 10px 10px; line-height:30px; height:30px; } .content .info-app{ width:970px; padding:15px; float:left; } .content .info-app ul li#app-1{ width:243px; padding:15px 0px 15px 0px; float:left } .content .info-app ul li#app-2{ width:233px; padding:15px 0px 15px 10px; float:left; } .content .info-app ul li#app-3{ width:222px; padding:15px 0px 15px 20px; float:left; } .content .info-app ul li#app-4{ width:222px; padding:15px 0px 15px 20px; float:left; } .content .info-app li{ height:70px; line-height:70px; } .content .info-app li a,.content .info-app li a span{ display:inline-block; *display:inline; height:70px; line-height:70px; } .content .info-app li span.app-ico img{ width:51px; height:51px; padding:10px 10px 9px 0px; } .content .info-app li span.app-name{ display:inline-block; *display:inline; *zoom:1; height:70px; line-height:70px; } .content .info li span{ width:80px; display:inline-block; float:left; text-align:right; } .content .col_lg_3 .info{ width: 100%; padding: 10px 0; float:left; } .content .col_lg_10 .info-tile{ width:220px; height:140px; margin-top:20px; padding:15px; float:left; } .content .col_lg_10 .info-tile a{ display:block; width:220px; height:140px; } .content .col_lg_10 .info-tile a img{ width:220px; height:140px; } .content .col_lg_10 .info-tile a span.bbar{ display:inline-block; width:200px; height:36px; line-height:36px; position:relative; top:-36px; z-index:2; background-color:#96757A; color:#FFF; text-align:center; padding:0 10px; opacity:0.8; } .content .col_lg_10 .info-tile a span.bbar-c2{ background-color:#404762; color:#FFF; } .content .col_lg_10 .info-tile a span.bbar-c3{ background-color:#245031; color:#FFF; } .content .col_lg_10 .info-tile a span.bbar-c4{ background-color:#726045; color:#FFF; } .content .col_lg_10 .info-tile a span.bbar i{ height:36px; line-height:36px; float:left; } .content .info-svc{ width:970px; padding:15px; margin-top:15px; float:left } .content .info-svc .title{ width:220px; height:60px; line-height:60px; background-color:#8C0000; color:#fff; text-align:center; margin-bottom:40px; font-size:24px; visibility:hidden; } .wap_right{ width:970px; float: left; margin-left: 0px; top:0; overflow: hidden; /*min-height:1000px;*/ } .container{ position:relative; top:0; overflow: hidden; z-index: 2; /*height: auto;*/ } .wap_right .pin{ width: 210px; overflow: hidden; float: left; background: #EFEFEF; margin-left:43px; margin-bottom:34px; padding-bottom: 16px; position: relative; top:0; left:0; -webkit-transition:all .7s ease-out .1s; -moz-transition:all .7s ease-out .1s; -o-transition:all .7s ease-out .1s; transition:all .7s ease-out .1s; } .wap_right div.pin1,.wap_right div.pin5,.wap_right div.pin9{ margin-left:0px; } .wap_right .pin img,.wap_right .pin .box{ width: 100%; } .wap_right .pin .box h2{ font-size: 18px; padding: 16px 9px 12px 11px; } .wap_right .pin .box h2 a{ color: #505050; } .wap_right .pin .box h2 a:hover{ color: #136d5b; } .wap_right .pin .box p{ height:48px; line-height: 24px; padding: 0 9px 0 14px; overflow: hidden; text-overflow:ellipsis; white-space:normal; } .wap_right div.pin4{ margin-bottom:111px; } .wap_right div.pin5{ top:0px; } .wap_right div.pin7{ top:0px; } .wap_right div.pin6,.wap_right div.pin8{ top:-77px; } .wap_right div.pin9{ top:-77px; } .wap_right div.pin10{ top:-77px; } .wap_right div.pin11{ top:-154px; } /* .content .info-svc .map-item{ width:230.5px; height:600px; margin:8px 0px 8px 16px; float:left } .content .info-svc .map-item:first-child{ margin-left:0px; } .content .info-svc .map-item a{ width:230.5px; height:160px; margin:0px 0px 16px 0px; display:inline-block; } .content .info-svc .map-item img{ width:230.5px; height:160px; } .content .info-svc .map-item .name{ width:230.5px; text-align:center; color:#fff; background-color:#000; opacity:0.4; display:inline-block; position:relative; z-index:1; bottom:0px; height:36px; line-height:36px; } .content .info-svc .map-item a#svc-1, .content .info-svc .map-item a#svc-1 img{ height:100px; } .content .info-svc .map-item a#svc-3, .content .info-svc .map-item a#svc-3 img{ height:240px; } .content .info-svc .map-item a#svc-5, .content .info-svc .map-item a#svc-5 img{ height:200px; } .content .info-svc .map-item a#svc-6, .content .info-svc .map-item a#svc-6 img{ height:120px; } .content .info-svc .map-item a#svc-7, .content .info-svc .map-item a#svc-7 img{ height:120px; } .content .info-svc .map-item a#svc-8, .content .info-svc .map-item a#svc-8 img{ height:280px; } .content .info-svc .map-item a#svc-11, .content .info-svc .map-item a#svc-11 img{ height:105px; } .content .info-spv{ width:720px; padding:15px; float:left } .content .info-spv li span{ width:52px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; text-align:center; }*/ .content .info-spv li a{ width:548px; display:inline-block; float:left; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:20px; } .content .bot{ margin-top:30px; } .content .pic-squre{ width:220px; background-color:#ffffff; margin:15px; } .content #hot_1{ margin-left:10px; } .content #hot_4{ margin-right:10px; } .content .pic-squre > a{ width:220px; height:314px; display:block; overflow:hidden; position:relative; /*background-color:#8C0000;*/ } .content .pic-squre > a img{ width:220px; height:314px; /*border-bottom:solid 2px #8C0000; */ } .content .pic-squre > a ul{ position:relative; width:2640px; height:314px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:220px; float:left; } .content .pic-squre .name { font-size:16px; color:#fff; margin:0px; position:relative; bottom:36px; z-index:1; display:inline-block; width:220px; height:36px; line-height:36px; text-align:center; } .content .pic-squre .title{ margin:0px 0px 0px 0px; background-color:#8c0000; color:#ffffff; font-size:18px; width:200px; height:40px; line-height:40px; text-align:center; } .content .pic-squre .detail{ width:198px; border: solid 1px #ccc; } .content .pic-squre .detail li{ padding:5px 15px 5px 15px; text-align:center; } .content .pic-squre .detail li span{ margin-right:55px; } /*.content .pic-squre .title a{ color:#8C0000; } .content .pic-squre .title a:hover{ color:#565656; } .content .pic-squre .title a:link { font-weight:bold; }*/ .content .pic-squre .bt-bg{ width:200px; height:112px; margin-top:22px; } .lightbox_back { z-index: 9998; left: 0; top: 0; width: 100%; height: 100%; position: fixed; background: black; opacity: 0.4; filter: alpha(opacity=40); display: none; } .lightbox_fore { z-index: 9999; left: 25%; top: 10%; width: 50%; height: 80%; min-height: 0px; position: fixed; background: white; border: none; display: none; } .lightbox_fore img { width: 93px; height: 107px; float: left; padding-right: 10px; padding-top: 5px; padding-bottom: 5px; } .lightbox_fore p { text-indent: 2em; font-size: 1.30em; line-height: 2.00em; } /*?????????????position:fixed???????????位*/ #gotoTop{display:none;position:fixed;top:75%;right:10px;cursor:pointer;margin-top:-50px;margin-left:520px;padding:2px 5px 3px 5px;width:20px;text-align:center;border:1px solid #e0e0e0;background:#fff;z-index:99;} /*??CSS????(expression)?????ie6??position:fixed效??*/ #gotoTop{_position:absolute;_top:expression(documentElement.scrollTop + documentElement.clientHeight * 3/4 + "px")} /*??????????效??*/ #gotoTop.hover{background:#136d5b;color:#fff;text-decoration:none;} @media screen and (max-width:1000px) { .content { width:800px; text-align:center; margin:0 auto; font-size:16px; } .content .col_lg_10{ width: 100%; text-align:left; margin:0px; } .content .col_lg_5{ width:400px; float:left; text-align:left; margin:0px; } .content .col_lg_65{ width:520px; } .content .col_lg_7{ width:560px; } .content .col_lg_75{ width:600px; } .content .col_lg_25{ width:200px; } .content .col_lg_3{ width:240px; } .content .col_lg_35{ width:280px; } .content .col_lg_4{ width:320px; } .content .clear-left{ margin-left:0px; margin-right:15px; } .content .clear-right{ margin-left:15px; margin-right:0px; } .content .info{ /* width:365px; */ } .content .info li span.s-wd{ padding-right:0px; } .content .info li a{ /* width:313px; */ } .content .info-app{ width:770px; } .content .info-app ul li#app-1,.content .info-app ul li#app-4{ width:248px; padding:15px 0px 15px 8px; float:left } .content .info-app ul li#app-2,.content .info-app ul li#app-5{ width:241px; padding:15px 0px 15px 15px; float:left } .content .info-app ul li#app-3,.content .info-app ul li#app-6{ width:193px; padding:15px 0px 15px 64px; float:left } .content .info-cap{ width:210px; padding-left:30px; } .content .info-cap .cap-img{ width:210px; height:118px; } .content .info-cap .title{ width:100%; height:40px; line-height:40px; } .content .info-cap .detail{ width:100%; height:60px; line-height:20px; } .content .info-cap .cap-block { width:210px; height:200px; } .content .info-cap .cap-block-item { width:105px; height:63px; } .content .info-cap .cap-block-item img { width:95px; height:53px; } .content .info-cap .cap-more{ margin-top:45px; } .content .col_lg_3 .info{ /* width:210px; */ /* padding:15px; */ float:left; } .content .col_lg_3 .info-note{ /* width:210px; */ /* padding:15px; */ float:left; } .content .col_lg_3 .info-note ul li a{ /* width:140px; */ } .content .col_lg_4 .info-note{ width:290px; } .content .col_lg_4 .info-note ul li a{ width:220px; } .content .col_lg_5 .info-note{ width:370px; } .content .col_lg_5 .info-note ul li a{ width:308px; } .content .col_lg_7 .info-note{ /* width:530px; */ } .content .col_lg_7 .info-note ul li a{ width:468px; } .content .info-svc .title{ width:170px; height:40px; line-height:40px; font-size:18px; } .content .pic-squre{ width:170px; margin:45px 15px 55px 15px; } .content .pic-squre > a{ width:170px; height:243px; } .content .pic-squre > a img{ width:170px; height:243px; /*border-bottom:solid 2px #8C0000; */ } .content .pic-squre > a ul{ position:relative; width:2040px; height:243px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:170px; float:left; } .content .pic-squre >a .name{ width:170px; height:26px; line-height:26px; bottom:26px; } .wap_right{ width:770px; margin-left: 0; } .wap_right .pin{ width: 185px; margin-left:10px; } .wap_right div.pin4{ margin-bottom:102px; } .wap_right div.pin5{ top:0px; } wap_right div.pin7{ top:0px; } .wap_right div.pin6,.wap_right div.pin8{ top:-68px; } .wap_right div.pin9{ top:-68px; } .wap_right div.pin10{ top:-68px; } .wap_right div.pin11{ top:-136px; } } @media screen and (max-width:800px) { .login{ display: none; } .content { width:640px; text-align:left; /* margin:0 auto;*/ font-size:16px; } .content .col_lg_10{ /* width:640px; */ text-align:left; margin:0px; } .content .col_lg_5{ width:640px; float:left; text-align:left; margin:0px; } .content .col_lg_7{ width:640px; } .content .col_lg_75{ width:640px; } .content .col_lg_3{ width:640px; } .content .col_md_7{ width:448px; } .content .col_md_3{ width:192px; } .content .info{ /* width:418px; */ } .content .info li a{ /* width:365px; */ } .content .info-app{ width:610x; padding-left:0px; padding-right:30px; } .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{ width:305px; padding:15px 0px 15px 0px; float:left } .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{ width:305px; padding:15px 0px 15px 0px; float:left } .content .info-cap{ width:610px; padding-left:0px; padding-right:30px; } .content .info-cap .cap-img{ width:308px; height:173px; } .content .info-cap .detail{ height:40px; -webkit-line-clamp: 2; } .content .info-cap .cap-block { width:520px; height:160px; } .content .info-cap .cap-block-item { width:130px; height:77px; } .content .info-cap .cap-block-item img { width:120px; height:67px; } .content .info-cap .cap-more{ margin-top:10px; } .content .col_lg_3 .info{ /* width:610px; */ /* padding:15px 30px 15px 0px; */ float:left; } .content .col_lg_3 .info-note{ /* width:610px; */ /* padding:15px 30px 15px 0px; */ float:left; } .content .col_lg_3 .info-note ul li a{ /* width:540px; */ } .content .col_lg_4 .info-note{ width:610px; padding:15px 30px 15px 0px; } .content .col_lg_4 .info-note ul li a{ width:540px; } .content .col_lg_5 .info-note{ width:610px; padding:15px 30px 15px 0px; } .content .col_lg_5 .info-note ul li a{ width:548px; } .content .col_lg_7 .info-note{ /* width:610px; */ /* padding:15px 30px 15px 0px; */ } .content .col_lg_7 .info-note ul li a{ width:548px; } .content .pic-squre{ width:177px; margin:45px 15px 15px 0px; } .content .pic-squre > a{ width:170px; height:243px; } .content .pic-squre > a img{ width:170px; height:243px; /*border-bottom:solid 2px #8C0000; */ } .content .pic-squre > a ul{ position:relative; width:2040px; height:243px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:170px; float:left; } .content .pic-squre >a .name{ width:170px; height:26px; line-height:26px; bottom:26px; } .content .info-svc{ width:610px; padding:15px 30px 15px 0px; } .wap_right{ width:610px; margin-left: 0; } .wap_right .pin{ width: 190px; margin-left:20px; } .wap_right div.pin1,.wap_right div.pin4,.wap_right div.pin7,.wap_right div.pin10{ margin-left:0px; } .wap_right div.pin3{ margin-bottom:34px; } .wap_right div.pin4{ top:0px; margin-bottom:34px; } .wap_right div.pin5{ top:-70px; margin-left:20px; margin-bottom:34px; } .wap_right div.pin6{ top:0px; margin-bottom:104px; } .wap_right div.pin7{ top:-70px; margin-bottom:34px; } .wap_right div.pin8{ top:-140px; margin-bottom:34px; } .wap_right div.pin9{ top:-138px; margin-bottom:34px; } .wap_right div.pin10{ top:-210px; } .wap_right div.pin11{ top:-70px; } .wap_right div.pin12{ top:-210px; } .content .col_lg_10 .info-tile { padding-left:50px; } } @media screen and (max-width:640px) { /* .content { width:480px; text-align:left; margin:0 auto;font-size:16px; } .content .col_lg_10{ width:480px; text-align:left; margin:0px; } .content .col_lg_5{ width:480px; float:left; text-align:left; margin:0px; } .content .col_lg_75{ width:480px; } .content .col_lg_7{ width:480px; } .content .col_lg_25{ width:480px; } .content .col_lg_3{ width:480px; } .content .info{ width:450px; padding-left:0px; padding-right:30px; } .content .info li a{ width:398px; } .content .info-app{ width:450x; } .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{ width:225px; padding:15px 0px 15px 0px; float:left } .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{ width:225px; padding:15px 0px 15px 0px; float:left } .content .info-cap{ width:450px; } .content .info-cap .detail{ height:60px; -webkit-line-clamp: 3; } .content .info-cap .cap-block { width:390px; height:160px; } .content .info-cap .cap-block-item { width:130px; height:77px; } .content .info-cap .cap-block-item img { } .content .col_lg_3 .info{ } .content .col_lg_3 .info-note{ } .content .col_lg_3 .info-note ul li a{ } .content .col_lg_4 .info-note{ } .content .col_lg_4 .info-note ul li a{ } .content .col_lg_5 .info-note{ } .content .col_lg_5 .info-note ul li a{ } .content .col_lg_7 .info-note{ } .content .col_lg_7 .info-note ul li a{ } .content .pic-squre{ margin:15px 115px 15px 115px; } .content .pic-squre > a{ } .content .pic-squre > a img{ } .content .pic-squre > a ul{ position:relative; width:2640px; height:314px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:220px; float:left; } .content .pic-squre >a .name{ width:220px; height:36px; line-height:36px; bottom:36px; } .wap_right{ width:450px; margin-left: 0; } .wap_right .pin{ width: 210px; margin-left:30px; margin-bottom:0px; } .wap_right div.pin1,.wap_right div.pin3,.wap_right div.pin5,.wap_right div.pin7,.wap_right div.pin9,.wap_right div.pin11{ margin-left:0px; } .wap_right div.pin1{ margin-bottom:34px; } .wap_right div.pin2{ margin-bottom:111px; } .wap_right div.pin3{ top:0px; margin-bottom:34px; } .wap_right div.pin4{ margin-left:30px; margin-bottom:111px; top:-77px; } .wap_right div.pin5{ top:0px; margin-bottom:34px; } .wap_right div.pin6{ top:-154px; margin-bottom:111px; } .wap_right div.pin7{ top:-77px; margin-bottom:34px; } .wap_right div.pin8{ top:-231px; margin-bottom:34px; } .wap_right div.pin9{ top:-231px; margin-bottom:34px; } .wap_right div.pin10{ top:-77px; margin-left:30px; margin-bottom:111px; } .wap_right div.pin11{ top:-231px; margin-left:0px; margin-bottom:0px; } .wap_right div.pin12{ top:-154px; margin-left:30px; margin-bottom:0px; } .content .col_lg_10 .info-tile { padding-left:110px; }*/ } @media screen and (max-width:480px) { /* .content { width:360px; text-align:left; margin:0 auto;font-size:16px; } .content .col_lg_10{ width:360px; text-align:left; margin:0px; } .content .col_lg_5{ width:360px; float:left; text-align:left; margin:0px; } .content .col_lg_7{ width:360px; } .content .col_lg_75{ width:360px; } .content .col_lg_25{ width:360px; } .content .col_lg_3{ width:360px; } .content .info{ width:330px; } .content .info li a{ width:278px; } .content .info-app{ width:330px; } .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{ width:270px; padding:15px 0px 15px 60px; float:left } .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{ width:270px; padding:15px 0px 15px 60px; float:left } .content .info-cap{ width:330px; } .content .info-cap .detail{ height:60px; -webkit-line-clamp: 3; } .content .info-cap .cap-block { width:260px; height:240px; } .content .info-cap .cap-block-item { width:130px; height:77px; } .content .info-cap .cap-block-item img { width:120px; height:67px; } .content .col_lg_3 .info{ width:330px; } .content .col_lg_3 .info-note{ width:330px; } .content .col_lg_3 .info-note ul li a{ width:260px; } .content .col_lg_4 .info-note{ width:330px; } .content .col_lg_4 .info-note ul li a{ width:260px; } .content .col_lg_5 .info-note{ width:330px; } .content .col_lg_5 .info-note ul li a{ width:268px; } .content .col_lg_7 .info-note{ width:330px; } .content .col_lg_7 .info-note ul li a{ width:268px; } .content .pic-squre{ width:220px; margin:15px 55px 15px 55px; } .content .pic-squre > a{ width:220px; height:314px; } .content .pic-squre > a img{ width:220px; height:314px; } .content .pic-squre > a ul{ position:relative; width:2640px; height:314px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:220px; float:left; } .content .pic-squre >a .name{ width:220px; height:36px; line-height:36px; bottom:36px; } .content .info-svc .title{ width:330px; } .wap_right{ width:330px; margin-left: 60px; margin-right: 60px; } .wap_right .pin{ width: 210px; margin-left:0px; margin-bottom:34px; top:0px; } .wap_right div.pin1,.wap_right div.pin2,.wap_right div.pin3,.wap_right div.pin4,.wap_right div.pin5,.wap_right div.pin6,.wap_right div.pin7,.wap_right div.pin8,.wap_right div.pin9,.wap_right div.pin10,.wap_right div.pin11,.wap_right div.pin12{ margin-left:0px; margin-bottom:34px; top:0px; } .wap_right div.pin12{ margin-bottom:68px; } .content .col_lg_10 .info-tile { padding-left:55px; }*/ } @media screen and (max-width:360px) { /* .content { width:320px; text-align:left; margin:0 auto;font-size:16px; } .content .col_lg_10{ width:320px; text-align:left; margin:0px; } .content .col_lg_5{ width:320px; float:left; text-align:left; margin:0px; } .content .col_lg_7{ width:320px; } .content .col_lg_75{ width:320px; } .content .col_lg_3{ width:320px; } .content .col_lg_25{ width:320px; } .content .info{ width:290px; } .content .info li a{ width:238px; } .content .info-app{ width:290px; } .content .info-app ul li#app-1,.content .info-app ul li#app-3,.content .info-app ul li#app-5{ width:250px; padding:15px 0px 15px 40px; float:left } .content .info-app ul li#app-2,.content .info-app ul li#app-4,.content .info-app ul li#app-6{ width:250px; padding:15px 0px 15px 40px; float:left } .content .info-cap{ width:290px; } .content .info-cap .cap-img{ width:260px; height:146px; } .content .info-cap .detail{ height:60px; -webkit-line-clamp: 3; } .content .info-cap .cap-block { width:260px; height:240px; } .content .info-cap .cap-block-item { width:130px; height:77px; } .content .info-cap .cap-block-item img { width:120px; height:67px; } .content .col_lg_3 .info{ width:290px; } .content .col_lg_3 .info-note{ width:290px; } .content .col_lg_3 .info-note ul li a{ width:220px; } .content .col_lg_4 .info-note{ width:290px; } .content .col_lg_4 .info-note ul li a{ width:220px; } .content .col_lg_5 .info-note{ width:290px; } .content .col_lg_5 .info-note ul li a{ width:228px; } .content .col_lg_7 .info-note{ width:290px; } .content .col_lg_7 .info-note ul li a{ width:228px; } .content .pic-squre{ width:220px; margin:15px 35px 15px 35px; } .content .pic-squre > a{ width:220px; height:314px; } .content .pic-squre > a img{ width:220px; height:314px; } .content .pic-squre > a ul{ position:relative; width:2640px; height:314px; display:block; overflow:hidden; } .content .pic-squre > a ul li{ width:220px; float:left; } .content .pic-squre >a .name{ width:220px; height:36px; line-height:36px; bottom:36px; } .content .info-svc .title{ width:290px; } .wap_right{ width:290px; margin-left: 40px; margin-right: 40px; } .wap_right .pin{ width: 210px; margin-left:0px; margin-bottom:34px; top:0px; } .wap_right div.pin1,.wap_right div.pin2,.wap_right div.pin3,.wap_right div.pin4,.wap_right div.pin5,.wap_right div.pin6,.wap_right div.pin7,.wap_right div.pin8,.wap_right div.pin9,.wap_right div.pin10,.wap_right div.pin11,.wap_right div.pin12{ margin-left:0px; margin-bottom:34px; top:0px; } .wap_right div.pin12{ margin-bottom:68px; } .content .col_lg_10 .info-tile { padding-left:35px; }*/ }