/* css document */ /* ---------------banner幻灯------------------------------- */ body{margin-top:130px;} .new{ width:100%; height: 244px; border-bottom:1px solid #ddd; background:#f6f6f6} .gonggao { margin: 0px auto; width: 1200px; padding-top: 26px } .gonggao1 { text-align: right; line-height: 20px; margin: 0px auto; padding-left: 15px; float: left; height: 20px; color: #000000; font-weight: bold } .gonggao2 { margin: 0px auto; width: 600px; float: left; height: 20px; overflow: hidden } .sike1{ width:285px; height:218px; float:left; background: no-repeat; padding-right:20px; padding-top:70px;} .sike1 p{ color:#333; line-height:22px; padding-left:61px;} .sike2{ width:285px; height:218px; float:left; background:url(/static/top960/images/index_31.jpg) no-repeat; padding-right:20px; padding-top:70px;} .sike2 p{ color:#333; line-height:22px; padding-left:61px;} .sike3{ width:285px; height:218px; float:left; background:url(/static/top960/images/index_33.jpg) no-repeat; padding-right:20px; padding-top:70px;} .sike3 p{ color:#333; line-height:22px; padding-left:61px;} .sike4{ width:285px; height:218px; float:right; background:url(/static/top960/images/index_35.jpg) no-repeat; padding-top:70px;} .sike4 p{ color:#333; line-height:22px; padding-left:61px;} .mainbanner { position: relative; padding-bottom: 0px; margin: 0px; padding-left: 0px; padding-right: 0px; height:850px; clear: both; overflow: hidden; } .mainbanner_window { position: absolute; padding-bottom: 0px; margin: 0px 0px 0px -960px; padding-left: 0px; width: 1920px; padding-right: 0px; height:850px; overflow: hidden; padding-top: 0px; left: 50% } .mainbanner_window ul { position: relative; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 99999px; padding-right: 0px; height:613px; padding-top:0px;} .mainbanner_window li { text-align: center; padding-bottom: 0px; margin: 0px; padding-left: 0px; width: 1920px; padding-right: 0px; display: inline; background: rgb(204,204,204); float: left; height:613px; font-size: 0px; padding-top: 0px } .mainbanner_window li a img{ width:1920px; height:750px;} .mainbanner_list { position: absolute; width: 500px; bottom: 68px; height: 12px; margin-left: -75px; left: 50% } .mainbanner_list li { width: 12px; display: inline; float: left; height: 12px; margin-left: 3px; overflow: hidden; margin-right: 3px } .mainbanner_list a { background-image: url(/static/top960/images/rollbg.png); text-align: center; width: 12px; display: inline-block; background-repeat: no-repeat; background-position: 0px -12px; float: left; height: 12px; color: rgb(255,255,255); font-size: 12px; overflow: hidden; font-weight: 700 } .mainbanner_list li.active a { background-position: 0px 0px; text-decoration: none } .mainbanner_list li a:hover { background-position: 0px 0px; text-decoration: none } .cteon{ overflow:hidden; background:#fff} .cteon_t{ padding-top:80px;} .cteon_t h2{ font-size:52px; color:#000; text-align:center; line-height:58px; overflow:hidden; color:#555;} .cteon_t p{ font-size:16px; color:#d6d6d6; text-align:center; padding-top:20px;} .cteon_t p.w480{ display:none;} .cteon_b{ width:762px; margin:80px auto 80px; overflow:hidden;} .cteon_1{ width:194px; float:left;} .cteon_1 img{ /*width:194px; height:194px;*/ width:130px; height:130px; } .cteon_1 p{ font-size:20px; color:#727171; padding-top:9px; text-align:center; height:27px;} .cteon_2{ float:left; padding-left:90px;} .cteon_2 img{ /*width:194px; height:194px;*/ width:130px; height:130px; } .cteon_2 p{ font-size:20px; color:#727171; padding-top:9px; text-align:center; height:27px;} .cteon_3{ float:left; padding-left:90px;} .cteon_3 img{/* width:194px; height:194px;*/width:130px; height:130px; } .cteon_3 p{ font-size:20px; color:#727171; padding-top:9px; text-align:center; height:27px;} .doen{ height:537px; background:#da251c; overflow:hidden; padding:100px 0; } .doen_m{ width:1000px; height:380px; margin:0 auto; background:url(/static/top960/images/boro.jpg) no-repeat center center; background-size:100%;} .doen_t{ padding-top:20px; height:147px;} .doen_t h2{font-size:52px; color:#fff; text-align:center; line-height:52px; overflow:hidden; font-weight:normal;} .doen_t p{ font-size:18px; color:#fff; text-align:center; padding-top:20px;} .doen_b{ padding-top:14px; padding-left:70px;} .doen_1{ width:198px; float:left;} .doen_1 h2{font-size:64px; color:#fff; text-align:center; line-height:64px; overflow:hidden; font-weight:normal;} .doen_1 p{ font-size:15px; color:#fff; padding-top:15px; text-align:center; line-height:22px;} .doen_2{ width:198px; float:left; padding:0 130px;} .doen_2 h2{font-size:64px; color:#fff; text-align:center; line-height:64px; overflow:hidden; font-weight:normal;} .doen_2 p{ font-size:15px; color:#fff; padding-top:9px; text-align:center; line-height:22px;} .doen_3{ width:198px; float:left;} .doen_3 h2{font-size:64px; color:#fff; text-align:center; line-height:64px; overflow:hidden; font-weight:normal;} .doen_3 p{ font-size:15px; color:#fff; padding-top:9px; text-align:center; line-height:22px;} .kine{ height:auto; background:#fff; overflow:hidden; background:url(/static/top960/images/hexin1.jpg) no-repeat center top; } .kine_m{ width:1200px; margin:0 auto ; padding-bottom:80px;} .kine_t{ padding-top:30px;} .kine_t h2{font-size:48px; color:#000; text-align:center; line-height:48px; overflow:hidden; font-weight:normal;} .kine_t p{ font-size:16px; color:#727171; text-align:center; padding-top:20px;} .kine_b{ padding-top:60px; padding-left:0px;} .kine_t h1{ color:#fff; text-align:center;} .kine_t h3{ color:#fff; text-align:center; font-size:16px; line-height:24px;} .kine_1{ width:340px; float:left; text-align:center; background:#f7f7f7; padding:20px 0 30px;} .kine_1 img{ width:auto; height:61px; } .kine_1 h2{font-size:36px; color:#333; text-align:center; line-height:36px; overflow:hidden; font-weight:normal; padding-top:30px;} .kine_1 p{ font-size:18px; color:#727171; padding-top:20px; text-align:center; line-height:26px;} .kine_2{ width:350px; float:left; padding:0 80px; text-align:center; background:#f7f7f7; padding:20px 0 30px;} .kine_2 img{ width:auto; height:61px;} .kine_2 h2{font-size:36px; color:#333; text-align:center; line-height:36px; overflow:hidden; font-weight:normal; padding-top:30px} .kine_2 p{ font-size:18px; color:#727171; padding-top:20px; text-align:center; line-height:26px;} .kine_3{ width:340px; float:left; text-align:center; background:#f7f7f7; padding:20px 0 30px;} .kine_3 img{ width:auto; height:61px; } .kine_3 h2{font-size:36px; color:#333; text-align:center; line-height:36px; overflow:hidden; font-weight:normal;padding-top:30px} .kine_3 p{ font-size:18px; color:#727171; padding-top:20px; text-align:center; line-height:26px;} .wein{ overflow:hidden; background:#f7f7f7; } .wntit1{ color:#cecfcf; text-align:center;} .cqd{ width:1060px; margin:80px auto 20px;} .cqd h1{ text-align:center; font-size:48px; color:#000;font-weight:normal; display:block; line-height:48px; padding-bottom:10px;} .cqd h3{font-size:18px; color:#333; text-align:center; padding-top:10px; font-weight:normal;} .cqd h3.w480{ display:none;} .cqd h3 span{ font-weight:bold;} .cqdm{ width:1060px; margin:60px auto 0;} .cqdm a{display:block; } .cqdm img{margin-bottom:20px;-webkit-transition: width 2s, height 2s, -webkit-transform 2s; /* for safari 3.1 to 6.0 */ transition: width 2s, height 2s, transform 2s; transition-duration:1s; -webkit-transition-duration:1s;} /*.cqdm img:hover{ width:230px; height:261px; margin-bottom:4px; -webkit-transform: rotate(0deg); transform: rotate(0deg); }*/ .cqd p{font-size:18px; color:#727171; text-align:center; padding-top:18px; line-height:26px;} .cqdm ul li{float:left; height:auto; text-align:center; margin-bottom:60px;} .cqdm ul li.cc{margin:0 88px;} .cqdm h3{font-size:32px; color:#333; text-align:center; font-weight:bold;} .wein_m{ width:1200px; margin:0 auto;} .wein_t{ padding-top:52px;} .wein_t h2{font-size:46px; color:#000; text-align:center; line-height:46px; overflow:hidden; font-weight:normal;} .wein_t h2.w480{ display:none;} .wein_t p{ font-size:16px; color:#727171; text-align:center; padding-top:20px;} .wein_t p.w480{ display:none;} .wein_b{ padding-top:45px;} .wein_c{background:#fff; position:relative; overflow:hidden; height:570px;} .wein_1{ width:390px; float:left; text-align:center;} .wein_1 img{ width:390px; height:300px;} .wein_2{ width:390px; float:left; padding-left:15px; text-align:center;} .wein_2 img{ width:390px; height:300px; } .wein_3{ width:390px; float:right; text-align:center;} .wein_3 img{ width:390px; height:300px;} .conter{ overflow:hidden; padding-top:20px; background:#fff;} .contain { margin: 0 auto; width: 1008px; overflow: hidden; padding-bottom:10px } .contain_l { width:200px; padding-right:67px; float: left; margin-top:15px; } .com_txt{ overflow:hidden} .com_txt span{ display:block;} .com_txt h3{ font-size:16px; color:#716f70; font-family: "microsoft yahei","宋体", arial, tahoma, verdana; padding-top:8px; font-weight:bold; padding-bottom:3px;} .com_txt p{color:#71706e;font-family: "microsoft yahei","宋体", arial, tahoma, verdana; line-height:20px} .com_txt img{ padding-top:10px} .contain_r { width:200px; float:right; margin-top:15px; } .sone{ height:46px;} .voen{margin: 0 auto; width: 1008px; overflow: hidden;} .voen_l{ width:200px; padding: 0 45px 0 15px; float: left;} .voen_l a{font-family: "microsoft yahei"; font-size:24px; line-height:46px; color:#5e5d5b; background:url(/static/top960/images/soen.jpg) no-repeat 140px center; display:block; } .voen_l a:hover{ background:url(/static/top960/images/soen1.jpg) no-repeat 140px center ; color:#e50112;} .voen_r{ width:200px; float:right} .voen_r a{font-family: "microsoft yahei"; font-size:24px; line-height:46px; color:#5e5d5b; background:url(/static/top960/images/soen.jpg) no-repeat 140px center; display:block;} .voen_r a:hover{ background:url(/static/top960/images/soen1.jpg) no-repeat 140px center ; color:#e50112;} .xinen{ margin: 0 auto; width: 1200px; overflow: hidden; padding-bottom:20px; background:#fff } .index_more{background:#fff; padding:20px 0; text-align:center;} .case{margin: 0 auto; width: 100%; overflow: hidden;} .case .tites{ height:73px; line-height:73px; text-align:center;margin-bottom:30px;} .case .tites_l{ } .case .tites_l img{ width:187px; height:73px;} .caes_c{ overflow:hidden;} .caes_c ul{ overflow:hidden;} .caes_c ul li{ width:25%; background:#fff; float:left; margin:0; display:block; position:relative; overflow:hidden; } .caes_c ul li h2{font-size:20px; color:#615d5c; font-family: "microsoft yahei","宋体", arial, tahoma, verdana; font-weight:bold; padding:13px 0 0 0px; } .caes_c ul li h3{font-size:16px; color:#615d5c; font-family: "microsoft yahei","宋体", arial, tahoma, verdana; padding:13px 0 0 20px; } .caes_c ul li img{width:100%; height:100%;} .caes_c ul li p{font-size:13px; color:#615d5c; font-family: "microsoft yahei","宋体", arial, tahoma, verdana; padding:22px 20px 0 20px; line-height:25px; height:120px;} .caes_c ul li span{ float:right; padding-right:20px;} .caes_c ul li span img {width:30px; height:30px;} .calem{ width:327px; height:52px; background:#fff; float:left; margin:10px 4px 10px;} .caes_c ul li a{display:block; width:100%; height:100%; float:left; overflow:hidden;} .caes_c ul li a{display:block; position:relative;} .caes_c ul li a .anli_bg{display:block; background:#f00; opacity:0.8; width:100%; height:100%; position:absolute; z-index:100; top:0; left:0; padding:0;} .caes_c ul li a .tit{color:#fff; font-size:30px; position:absolute; z-index:100; top:36%; left:0; padding:0; width:100%; height:100%;} .caes_c ul li a .tit p{color:#fff; padding:0; height:auto; line-height:40px; text-align:center; font-size:20px;} .caes_c ul li a .tit h2{font-weight:bold; color:#fff; font-size:30px; text-align:center;} .caes_c ul li a .tit h2 b{font-weight:bold; color:#fff; font-size:30px; text-align:center;} .mainbanner{display:block;} .focus{display:none;} .doen{} .hexin{ background:url(/static/top960/images/hexin1.jpg) no-repeat center top; position:relative; overflow:hidden; background-size:100%;} .hexin ul li{ float:left;} .hx{ padding-top:499px;} .eshm{ display:none;} .kine h1.w480{ display:none;} @media screen and (max-width:480px){ .cteon_t h2{font-size:18px;} .cteon_t p{ display:none;} .cteon_t p.w480{ display:block; padding:0; font-size:14px; } .cteon_t{padding:0;} .cteon_1 img ,.cteon_2 img ,.cteon_3 img{width:100%; height:100%;} .cteon_b.col-xs-12{padding:0;} .cteon_b .col-xs-4{} .cteon_1 p ,.cteon_2 p ,.cteon_3 p{font-size:14px; color:#aeaeae;} .cteon_b{margin:20px 0;} .doen_t h2{font-size:18px;} .doen_t p{font-size:14px; padding:0;} .doen{padding:0; height:230px;} .doen.col-xs-12{padding:0;} .doen_1 h2 ,.doen_2 h2 ,.doen_3 h2{font-size:24px; margin:0;} .cqdm .col-xs-4{width:33.33%; margin-bottom:30px;} .cqdm.col-xs-12{padding:0; margin-top:30px;} .cqdm img{width:100%; height:auto; margin-bottom:0;} .cqdm ul li.cc{margin:0;} .cqd p{font-size:12px; line-height:20px; display:none;} .wein_1 img ,.wein_2 img ,.wein_3 img{width:100%; height:100%;} .wein_m .col-xs-4{padding:0px;} .caes_c ul li{width:100%;} .kine_t h2{font-size:20px;} .kine_t p{padding:0; font-size:14px;} .kine_b{padding-top:40px;} .kine_1 img ,.kine_2 img ,.kine_3 img{width:auto; height:32px; padding:0;} .kine_1.col-xs-4 ,.kine_2.col-xs-4 ,.kine_3.col-xs-4{text-align:center; padding:0 3px;} .kine_1 h2 ,.kine_2 h2 ,.kine_3 h2{font-size:20px; padding:0; color:#a0a0a0;} .kine_1 p ,.kine_2 p ,.kine_3 p{ padding:0 0 10px; font-size:14px; line-height:20px; display:none;} .kine_t{padding-top:20px;} .kine_b span{ font-size:10px; color:#a0a0a0;} .cqd{margin-top:20px; margin-bottom:0;} .kine .wntit1{ opacity:0.3;} .kine{ height:auto; background:#fff; overflow:hidden; background:url(/static/top960/images/hexin2.jpg) no-repeat center top; } .kine h1.w480{ display:block; font-size:26px;} .kine h1{ display:none;} .kine_t h3{ font-size:10px;} .cqd h1{font-size:20px; margin:0; padding:0;} .cqd h3{margin:0; font-size:14px; display:none;} .cqd h3.w480{ display:block; line-height:24px; color:#a0a0a0;} .cqd .cqdm h3{ display:block; color:#a0a0a0;} .wein{background:#eee;} .wein_t{padding-top:20px;} .wein_t h2{font-size:18px; display:none;} .wein_t h2.w480{ display:block; line-height:30px; font-size:22px;} .wein_t p{padding-top:0; display:none;} .wein_t p.w480{ display:block; line-height:24px; font-size:15px; color:#a0a0a0;} .wein_b{padding-top:20px;} .wein_c{height:auto; padding-bottom:20px;} .case .tites_l img{ height:40px; width:102px;} .case .tites{height:40px;} .index_more img{width:69px; height:30px;} .doen_b{padding-top:0px;} .doen_b.col-xs-12{padding:0;} .doen_b .col-xs-4{padding:0 25px;} .doen_t h2{line-height:36px;} .doen_1 p ,.doen_2 p ,.doen_3 p{font-size:12px; line-height:20px; padding-top:9px; display:none;} .doen_m{ background-size:110%; background-position:-12px 100px;} .doen_1 h2 ,.doen_2 h2 ,.doen_3 h2{line-height:20px; padding-top:20px;} .mainbanner{display:none;} .focus{display:block;} .cqdm img:hover{width:100%; height:auto; } .conter h2{ display:block; font-size:42px; } .link ,.tsoen ,.eshm ,.footer_b{ display:none;} .addre.col-xs-4{ width:100%; padding:10px;} .wpf{ height:180px; overflow:hidden; position:relative;} } @media screen and (max-width:320px){ .header_middle .logo{padding-left:0;} .so_l{padding-left:6%;} } @media screen and (max-width:360px){ .header_middle .logo{padding-left:0;} .so_l{padding-left:10%;} }