.menu_v16 { margin-bottom:0px;} .c-box{overflow:hidden; position:relative} .c-box dl{width:1230px} .c-box dt{font-size:20px;line-height:20px;color:#333;height:40px;padding-top:10px;} .c-box dt:before{background:#1db3c9;content:"";width:3px;height:20px;float:left;margin-right:10px} .c-box dt span{font-size:14px; position:absolute;top:-5px;right:0px} .c-box dl dd{float:left;width:228px;background:#fff;margin-right:15px;overflow:hidden;margin-bottom:16px;font-size:13px;color:gray;padding-bottom:15px} .c-box dl dd img{width:228px;height:180px;overflow:hidden} .i-image{overflow:hidden;margin-bottom:10px} .c-box dl dd h5{font-size:16px;color:#333;font-weight:normal;line-height:20px;height:20px;overflow:hidden;padding:5px 10px;margin-bottom:5px;} .c-box dl dd h5 i{font-size:12px;background:#ed2929;color:white;padding:0px 3px;border-radius:2px;display:block;float:left;margin-right:5px} .c-box dl dd .area{padding:0px 10px;} .c-box dl dd .area .company-type{padding:0 5px;height:16px;line-height:16px;border-radius:2px;font-size:12px;color:#008cee;background:#e6f4fd;margin-right:8px} .c-box dl dd .area font{font-size:14px;color:gray;margin-right:5px} .c-box dl dd .service{padding:0px 10px;margin-top:5px;margin-bottom:10px;} .c-box dl dd .service span{font-size:14px;color:gray} .c-box dl dd .go a{width: 130px;height: 32px;font-size: 16px;font-weight: 700;background: #ed2929;border-radius: 16px;text-align: center;line-height: 32px;color: #fff;margin: auto;opacity: .8;cursor: pointer;display:block} .icon_v16 { background-image: url(img/icon-c.png); display: inline-block; } .floor .top01 { background: -o-linear-gradient(top, #3C84FF, #6BC6FF); background: -webkit-gradient(linear, left top, left bottom, from(#3C84FF), to(#6BC6FF)); background: linear-gradient(to bottom, #3C84FF, #6BC6FF); } .floor .top02 { background: -o-linear-gradient(top, #7633FF, #778AFF); background: -webkit-gradient(linear, left top, left bottom, from(#7633FF), to(#778AFF)); background: linear-gradient(to bottom, #7633FF, #778AFF); } .floor .top03 { background: -o-linear-gradient(top, #3BA8BD, #23C8CE); background: -webkit-gradient(linear, left top, left bottom, from(#3BA8BD), to(#23C8CE)); background: linear-gradient(to bottom, #3BA8BD, #23C8CE); } .floor .top04 { background: -o-linear-gradient(top, #E8B64A, #FBD953); background: -webkit-gradient(linear, left top, left bottom, from(#E8B64A), to(#FBD953)); background: linear-gradient(to bottom, #E8B64A, #FBD953); } .floor .top05 { background: -o-linear-gradient(top, #8B96B3, #ADBCD2); background: -webkit-gradient(linear, left top, left bottom, from(#8B96B3), to(#ADBCD2)); background: linear-gradient(to bottom, #8B96B3, #ADBCD2); } .floor .top06 { background: -o-linear-gradient(top, #BE7B93, #E2ABBC); background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC)); background: linear-gradient(to bottom, #BE7B93, #E2ABBC); } .floor .top07 { background: -o-linear-gradient(top, #FF8929, #FFAD2D); background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D)); background: linear-gradient(to bottom, #FF8929, #FFAD2D); } .floor .top08 { background: -o-linear-gradient(top, #F44E4E, #FF7F7F); background: -webkit-gradient(linear, left top, left bottom, from(#F44E4E), to(#FF7F7F)); background: linear-gradient(to bottom, #F44E4E, #FF7F7F); } .floor .top09 { background: -o-linear-gradient(top, #8A86FF, #A1B3FF); background: -webkit-gradient(linear, left top, left bottom, from(#8A86FF), to(#A1B3FF)); background: linear-gradient(to bottom, #8A86FF, #A1B3FF); } .floor .top010 { background: -o-linear-gradient(top, #5EA08B, #74CFB2); background: -webkit-gradient(linear, left top, left bottom, from(#5EA08B), to(#74CFB2)); background: linear-gradient(to bottom, #5EA08B, #74CFB2); } .floor .top011 { background: -o-linear-gradient(top, #5280DE, #62ACFF); background: -webkit-gradient(linear, left top, left bottom, from(#5280DE), to(#62ACFF)); background: linear-gradient(to bottom, #5280DE, #62ACFF); } .floor .top012 { background: -o-linear-gradient(top, #46BE63, #55E177); background: -webkit-gradient(linear, left top, left bottom, from(#46BE63), to(#55E177)); background: linear-gradient(to bottom, #46BE63, #55E177); } .floor .top013 { background: -o-linear-gradient(top, #BE7B93, #E2ABBC); background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC)); background: linear-gradient(to bottom, #BE7B93, #E2ABBC); } .floor .top014 { background: -o-linear-gradient(top, #FF8929, #FFAD2D); background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D)); background: linear-gradient(to bottom, #FF8929, #FFAD2D); } .floor .top015 { background: -o-linear-gradient(top, #BE7B93, #E2ABBC); background: -webkit-gradient(linear, left top, left bottom, from(#BE7B93), to(#E2ABBC)); background: linear-gradient(to bottom, #BE7B93, #E2ABBC); } .floor .top016 { background: -o-linear-gradient(top, #FF8929, #FFAD2D); background: -webkit-gradient(linear, left top, left bottom, from(#FF8929), to(#FFAD2D)); background: linear-gradient(to bottom, #FF8929, #FFAD2D); } .floor .top017 { background: -o-linear-gradient(top, #F44E4E, #FF7F7F); background: -webkit-gradient(linear, left top, left bottom, from(#F44E4E), to(#FF7F7F)); background: linear-gradient(to bottom, #F44E4E, #FF7F7F); } .floor .top018 { background: -o-linear-gradient(top, #8A86FF, #A1B3FF); background: -webkit-gradient(linear, left top, left bottom, from(#8A86FF), to(#A1B3FF)); background: linear-gradient(to bottom, #8A86FF, #A1B3FF); } .masonry { column-count: 2;column-gap: 0;width:1220px } .floor{overflow:hidden;margin-bottom:16px;margin-top:10px} .floor .left {width:228px;float:left;height:595px;margin-right:15px;} .floor .left h2 { display: block;height: 50px;line-height: 50px;font-size: 16px;padding: 0 10px;background-color: rgba(0, 0, 0, .3);} .floor .left h2 a { color:#fff; margin-left:10px;} .floor .left h2 i { color:#fff;} .floor .left ul{padding:10px;overflow:hidden} .floor .left ul li a{border-radius:15px;padding:8px 0px; display:block;margin:10px 5px 0; text-align:center;font-size:14px;;background:white} .floor .right {overflow:hidden;} .floor .right .c-box dl{width:1110px} .industry-bar {position:fixed;top:220px;left:50%;margin-left:-730px;width:120px;display:none;z-index:1000;background:white;} .industry-bar.hover {display:block} .industry-bar h5 {height:26px;line-height:26px;padding:5px 0;background:#048ca0;text-align:center;color:#fff} .industry-bar ul {background:#fff} .industry-bar li {padding:8px 8px;line-height:20px;margin:0 auto;text-align:center;border-bottom:#eee 1px solid} .industry-bar li a {display:block;} .industry-bar li.current {color:#fff;} .industry-bar li.current a {color:white} .industry-bar li.current {background:#1db3c9} .com-box-list{overflow:hidden} .com-box-list ul{width:900px} .com-box-list ul li{float:left;background:white;padding:15px;overflow:hidden;border:#eee 1px solid;width:378px;margin-right:20px;margin-bottom:20px;} .c-img{float:left;margin-right:10px;} .c-img img{width:112px;height:112px;} .c-info{overflow:hidden;color:#999;font-size:14px;} .com-box-list ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} .com-box-list ul li:hover .c-contact a{display:block;border:#1db3c9 1px solid;width:60px;font-size:13px;text-align:center;padding:5px 10px;background:#1db3c9;color:white} .c-info h2{font-size:18px;font-weight:normal;margin-top:-5px} .c-info h2 a{color:#000} .c-info h2 a:hover{color:#1db3c9} .c-info span{color:#333} .c-contact a{display:block;border:#e3e3e3 1px solid;width:60px;font-size:13px;text-align:center;padding:5px 10px} .com-box-list ul li.mt10{margin-top:8px} .listNav{ width:1200px; height:50px; background:#fff; margin:0 auto;line-height:50px; margin-top:20px} .listNav .listMenu{ width:90px; height:50px; text-align:center; float:left; position:relative} .listNav .listMenu .province{ width:483px; height:240px; background:#fff; position:absolute; left:0px; top:70px; z-index:1000; border:1px solid #ebebeb; padding:15px 0 0 25px; text-align:left; display:none} .listMenu .province h3{ height:35px; line-height:35px; font-size:14px; position:relative} .listMenu .sanjiao{position:absolute; display:block; width:483px; height:23px; background:url(../images/sprite_global.png) no-repeat -283px -180px; z-index:1005; top:50px; left:30px; display:none;} .listMenu.on .sanjiao{ display:block;} .listMenu .province p{ height:30px; line-height:30px;} .listMenu .province p span{ color:#888; padding-right:10px} .listMenu .province p a{ margin:0 10px;} .listMenu .province p a:hover{color:#e02445} .listMenu .hotNavbox.on .province{ display:block!important;} .listNav .listMenuOn{ width:1100px; height:50px; float:left} .listNav .listMenuOn a{min-width:80px; height:50px; background:#e02445; color:#fff; display:inline-block; text-align:center; margin-right:5px; padding:0 10px;} .com-left{ width:930px; height:auto; float:left; } .com-left .com-box{ width:900px; background:#fff; margin-bottom:20px;border:#eee 1px solid; padding:20px 0 20px 30px;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; overflow:hidden} .com-left .com-box:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.2);} .com-left .com-box .com-info{ } .com-left .com-box .com-info h2{ font-weight:normal; font-size:18px; height:35px; line-height:35px;overflow:hidden;margin:0} .com-left .com-box .com-info h2 a:hover{ color:#e02445} .com-left .com-box .com-info h2 em{ font-size:12px; color:#e02445; border:1px solid #e02445; vertical-align:middle;/* display:inline-block;*/ padding:2px 3px; margin:0 2px;} .com-left .com-box .com-info h2 em.gray{color:gray;border:1px solid gray} .com-left .com-box .com-info h2 span {color: #e02445;font-weight:bold} .com-left .com-box .com-info .com-business{ height:26px; line-height:26px; margin:0px 0; color:#333; overflow:hidden} .com-left .com-box .com-info .com-business:after{content:""; clear:both; display:block} .com-left .com-box .com-info .com-business span{ display:inline-block;text-align:center;color:#999; line-height:24px; margin:0 5px;border-radius: 3px;height: 26px;overflow: hidden; vertical-align: middle } .com-left .com-box .com-product{overflow:hidden;margin-top:10px} .com-left .com-box .com-product a{ display:block; width:155px; height:180px; text-align:center; margin-right:20px; float:left; overflow:hidden;} .com-left .com-box .com-product a img{ width:153px; height:150px;margin-bottom:5px;border:#eee 1px solid} .com-right{ width:250px; height:auto; float:left; margin:0px 0 0 20px;} .com-title{ width:230px; height:49px; line-height:50px; background:#fff; border-bottom:1px solid #e7e7e7; font-size:16px; padding:0 10px;} .com-title span{float:right;font-size:14px} .com-title i {font-style:normal;color:#777;padding:0 0px 0px 3px; font-size:14px;font-weight:bold;font-family:simsun;} .com-box ul{ width:220px; height:auto; background:#fff; padding:10px 15px;} .com-box ul li{ width:220px; height:30px; line-height:30px; overflow:hidden;} .com-box ul li a:hover{ color:#e02445;} .com-box ul li a em {color: #e02445;} .com-box ul li .iconfont{ color:#db2242} .com-box{margin-bottom:20px} .w-com{width:100%; position:relative;margin-top:-20px;height:380px; overflow:hidden} /*地图*/ .map-area{ background:white;overflow:hidden;box-shadow: 0px 0px 3px rgba(0,0,0,0.15);} .m-title{height:40px;font-size:22px;color:#000} #map{background:white url(img/map.gif) no-repeat left top;width: 539px;height: 447px;font-size: 12px;margin:25px 140px;float:right} #map h5{display: block;font-weight: normal;position: absolute;} .mapl a:link{display: block;background: url(img/maph1.gif) no-repeat;;color: #000;text-decoration: none;} .mapl a:visited{display: block;background: url(img/maph1.gif) no-repeat;color: #000;text-decoration: none;} .mapr a:link{display: block; background: url(img/maph1.gif) no-repeat; color: #000; text-decoration: none} .mapr a:visited{display: block; background: url(img/maph1.gif) no-repeat; color: #000; text-decoration: none} .mapl a:link{background-position: left 4px;padding-left: 20px;} .mapl a:visited{background-position: left 4px;padding-left: 20px;} .mapr a:link{padding-right: 20px; background-position: right 4px} .mapr a:visited{padding-right: 20px; background-position: right 4px} .mapl a:hover{padding-right: 20px;display: block;background: url(img/maph1.gif) no-repeat;color: #ff0000;} .mapl a:active,#map .mapl a.active{padding-right: 20px; display: block; background: url(img/maph1.gif) no-repeat; color: #ff0000} .mapr a:hover{padding-right: 20px; display: block; background: url(img/maph1.gif) no-repeat; color: #ff0000} .mapr a:active,#map .mapr a.active{padding-right: 20px; display: block;background: url(img/maph1.gif) no-repeat; color: #ff0000} #map .mapr a:hover{padding-right: 20px; background-position: right -46px;} #map .mapr a:active,#map .mapr a.active{padding-right: 20px; background-position: right -46px} #map .mapl a:hover{background-position: left -46px;padding-left: 20px;} #map .mapl a:active,#map .mapl a.active{background-position: left -46px;padding-left: 20px;} #map a.red{font-weight: bold;color: #e60000!important;} #map .xhmap1{margin: 162px 0px 0px 396px;} #map .xhmap2{margin: 280px 0px 0px 458px;} #map .xhmap3{margin: 176px 0px 0px 408px;} #map .xhmap4{margin: 290px 0px 0px 310px;} #map .xhmap5{margin: 185px 0px 0px 365px;} #map .xhmap6{margin: 204px 0px 0px 328px;} #map .xhmap7{margin: 155px 0px 0px 255px;} #map .xhmap8{margin: 138px 0px 0px 433px;} #map .xhmap9{margin: 110px 0px 0px 465px;} #map .xhmap10{margin: 69px 0px 0px 479px;} #map .xhmap11{margin: 255px 0px 0px 435px;} #map .xhmap12{margin: 296px 0px 0px 445px} #map .xhmap13{margin: 271px 0px 0px 410px;} #map .xhmap14{margin: 335px 0px 0px 425px;} #map .xhmap15{margin: 317px 0px 0px 395px;} #map .xhmap16{margin: 206px 0px 0px 383px} #map .xhmap17{margin: 245px 0px 0px 367px;} #map .xhmap18{margin: 277px 0px 0px 357px} #map .xhmap19{margin: 317px 0px 0px 350px;} #map .xhmap20{margin: 365px 0px 0px 376px;} #map .xhmap21{margin: 365px 0px 0px 315px;} #map .xhmap22{margin: 420px 0px 0px 342px} #map .xhmap23{margin: 293px 0px 0px 245px;} #map .xhmap24{margin: 332px 0px 0px 305px;} #map .xhmap25{margin: 359px 0px 0px 237px;} #map .xhmap26{margin: 265px 0px 0px 95px;} #map .xhmap27{margin: 240px 0px 0px 300px;} #map .xhmap28{margin: 232px 0px 0px 254px;} #map .xhmap29{margin: 214px 0px 0px 200px;} #map .xhmap30{margin: 204px 0px 0px 270px;} #map .xhmap31{margin: 155px 0px 0px 85px;} #map .xhmap32{margin: 355px 0px 0px 459px;} #map .xhmap33{margin: 383px 0px 0px 392px;} #map .xhmap34{margin: 393px 0px 0px 362px;} .left{padding:0px 0px;overflow:hidden;width:320px;float:left;} .left-box{padding:0px 0px;overflow:hidden;width:320px;background:url(img/frm-box-bg-mid.png) repeat-y} .left-top{background:url(img/frm-box-bg-top.png) no-repeat;width:320px;height:10px;overflow:hidden} .left-bottom{background:url(img/frm-box-bg-bottom.png) no-repeat;width:320px;height:10px;overflow:hidden} .left dl{overflow:hidden;margin-bottom:10px;padding:14px 0px 0px 30px} .left h3{font-size:18px;color:#000;height:30px;font-weight:normal;margin-left:30px;} .left h3:before{content: "";width: 4px;height: 18px;background: #1db3c9;float: left;margin:4px 10px 0px 0px;} .left dl h3{margin-left:0px} .left .area-row{height:25px;line-height:25px;margin-bottom:10px;padding-top:0px;margin-top:10px;} .left .area-row dt{float:left;margin-right:10px;height:20px;width: 43px;border:1px solid #dddddd;font-size:14px;background:#f5f5f5;text-align:center;line-height:20px;margin-top:1px;color:gray;} .left .area-row dd{overflow:hidden} .left .area-row dd a{float:left;margin-right:12px;font-size: 14px;} .left dl dd.hy a{float:left;font-size: 14px;width:50%;display:block;float:left;line-height:28px} .floor-title {height: 40px;border-bottom:#eee 1px solid;overflow:hidden;width:100%;} .floor-title h2 {font-size: 20px; color:#303030; font-weight: normal; float:left; position:relative;line-height:28px;overflow:hidden;height:40px;z-index:10;text-indent:10px} .floor-title>h2:before { content: ''; position: absolute; left: 0; top: 5px; width: 3px; height: 20px; background-color: #1db3c9; } .floor-title .floor-menu {height: 20px; margin: 4px 0; float:right; text-align:right} .floor-title .floor-menu a {display: inline-block; letter-spacing: normal; height: 20px; line-height: 20px; margin-left: 18px; font-size: 16px;} .floor-title .floor-menu a i {font-style:normal;color:#777;padding:0 0px 0px 5px; font-size:16px;font-weight:bold;font-family:simsun;} .floor-menu>.more{ font-size: 16px; color: #666; } .floor-menu>.more>i{ top:4px; width:15px; height:20px; margin-left:5px; background-position: 0 0; } .floor-menu>.more:hover{ color: #e56639; } .floor-menu>.more:hover>i{ background-position: -20px 0; } .tc-gs-i{ position: relative; display: inline-block; background-image: url(img/tc-gongsi-icons.png); background-repeat: no-repeat; } .floor-menu>.more,.floor-menu>.more>i{ -webkit-transition: all 0.2s ease; -moz-transition: all 0.2s ease; transition: all 0.2s ease; } .com-box-list{overflow:hidden} .com-box-list ul{width:900px} .com-box-list ul li{float:left;background:white;padding:15px;overflow:hidden;border:#eee 1px solid;width:378px;margin-right:20px;margin-bottom:20px;} .c-img{float:left;margin-right:10px;} .c-img img{width:112px;height:112px;} .c-info{overflow:hidden;color:#999;font-size:14px;} .com-box-list ul li:hover{box-shadow: 0px 0px 10px rgba(0,0,0,0.2);} .com-box-list ul li:hover .c-contact a{display:block;border:#1db3c9 1px solid;width:60px;font-size:13px;text-align:center;padding:5px 10px;background:#1db3c9;color:white} .c-info h2{font-size:18px;font-weight:normal;margin-top:-5px} .c-info h2 a{color:#000} .c-info h2 a:hover{color:#1db3c9} .c-info span{color:#333} .c-contact a{display:block;border:#e3e3e3 1px solid;width:60px;font-size:13px;text-align:center;padding:5px 10px} .com-box-list ul li.mt10{margin-top:8px} .listNav{ width:1200px; height:50px; background:#fff; margin:0 auto;line-height:50px; margin-top:20px} .listNav .listMenu{ width:90px; height:50px; text-align:center; float:left; position:relative} .listNav .listMenu .province{ width:483px; height:240px; background:#fff; position:absolute; left:0px; top:70px; z-index:1000; border:1px solid #ebebeb; padding:15px 0 0 25px; text-align:left; display:none} .listMenu .province h3{ height:35px; line-height:35px; font-size:14px; position:relative} .listMenu .sanjiao{position:absolute; display:block; width:483px; height:23px; background:url(../images/sprite_global.png) no-repeat -283px -180px; z-index:1005; top:50px; left:30px; display:none;} .listMenu.on .sanjiao{ display:block;} .listMenu .province p{ height:30px; line-height:30px;} .listMenu .province p span{ color:#888; padding-right:10px} .listMenu .province p a{ margin:0 10px;} .listMenu .province p a:hover{color:#e02445} .listMenu .hotNavbox.on .province{ display:block!important;} .listNav .listMenuOn{ width:1100px; height:50px; float:left} .listNav .listMenuOn a{min-width:80px; height:50px; background:#e02445; color:#fff; display:inline-block; text-align:center; margin-right:5px; padding:0 10px;} .com-left{ width:930px; height:auto; float:left; } .com-left .com-box{ width:900px; background:#fff; margin-bottom:20px;border:#eee 1px solid; padding:20px 0 20px 30px;transition: all 0.3s ease-in-out 0s; -webkit-transition: all 0.3s ease-in-out 0s; -moz-transition: all 0.3s ease-in-out 0s; overflow:hidden} .com-left .com-box:hover{box-shadow:0px 0px 15px rgba(0,0,0,0.2);-webkit-box-shadow:0px 0px 15px rgba(0,0,0,0.2);-moz-box-shadow:0px 0px 15px rgba(0,0,0,0.2);} .com-left .com-box .com-info{ } .com-left .com-box .com-info h2{ font-weight:normal; font-size:18px; height:35px; line-height:35px;overflow:hidden;margin:0} .com-left .com-box .com-info h2 a:hover{ color:#e02445} .com-left .com-box .com-info h2 em{ font-size:12px; color:#e02445; border:1px solid #e02445; vertical-align:middle;/* display:inline-block;*/ padding:2px 3px; margin:0 2px;} .com-left .com-box .com-info h2 em.gray{color:gray;border:1px solid gray} .com-left .com-box .com-info h2 span {color: #e02445;font-weight:bold} .com-left .com-box .com-info .com-business{ height:26px; line-height:26px; margin:0px 0; color:#333; overflow:hidden} .com-left .com-box .com-info .com-business:after{content:""; clear:both; display:block} .com-left .com-box .com-info .com-business span{ display:inline-block;text-align:center;color:#999; line-height:24px; margin:0 5px;border-radius: 3px;height: 26px;overflow: hidden; vertical-align: middle } .com-left .com-box .com-product{overflow:hidden;margin-top:10px} .com-left .com-box .com-product a{ display:block; width:155px; height:180px; text-align:center; margin-right:20px; float:left; overflow:hidden;} .com-left .com-box .com-product a img{ width:153px; height:150px;margin-bottom:5px;border:#eee 1px solid} .com-right{ width:250px; height:auto; float:left; margin:0px 0 0 20px;} .com-title{ width:230px; height:49px; line-height:50px; background:#fff; border-bottom:1px solid #e7e7e7; font-size:16px; padding:0 10px;} .com-title span{float:right;font-size:14px} .com-title i {font-style:normal;color:#777;padding:0 0px 0px 3px; font-size:14px;font-weight:bold;font-family:simsun;} .com-box ul{ width:220px; height:auto; background:#fff; padding:10px 15px;} .com-box ul li{ width:220px; height:30px; line-height:30px; overflow:hidden;} .com-box ul li a:hover{ color:#e02445;} .com-box ul li a em {color: #e02445;} .com-box ul li .iconfont{ color:#db2242} .com-box{margin-bottom:20px} .w-com{width:100%; position:relative;margin-top:-20px;height:380px; overflow:hidden} /******band大图切换模块样式---居中模块*******/ .fl{float:left} .bandbox-detail{ position: absolute; left: 50%; margin-left: -600px; top: 0; width: 1200px; height: 1px } .hy-bandbox-left{ width: 220px; height: 380px; background: #253647; overflow: hidden; float:left } .hy-bandbox-right{ width: 280px; height: 380px; background: #253647; overflow: hidden; float:right } .hy-bandbox-title{ font-size: 20px; color: #fff; text-align: center; padding-top: 30px; } .hy-bandbox-title span{ font-size: 14px; } .hy-bandbox-main{ padding:0 14px; margin-top: 22px; } .hy-bandbox-main li{ margin-bottom: 12px; width: 50%; text-align: center; } .hy-handbox-btn{ display: block; width: 78px; height: 78px; border-radius: 4px; text-align: center; font-size: 14px; color: #fff; cursor: pointer; margin:0 auto; } .hy-handbox-btn:hover{ color: #fff; text-decoration: none; } .hy-handbox-btn1{ background: #ff7200; border: 1px solid #ff8928; box-shadow: 0 0 1px #FF7200; } .hy-handbox-btn2{ background: #f5ae1e; border: 1px solid #f7be4b; box-shadow: 0 0 1px #f5ae1e; } .hy-icon-zhuce{ width: 30px; height: 32px; background-position: -168px 0; margin: 13px 0 6px; } .hy-icon-cabu{ width: 27px; height: 29px; background-position: -168px -38px; margin: 15px 0 7px; } .hy-icon-xunzhao{ width: 28px; height: 28px; background-position: -168px -75px; margin: 15px 0 8px; } .hy-icon-shenqing{ width: 29px; height: 29px; background-position: -168px -111px; margin: 15px 0 7px; } .hy-bandbox-main-p{ font-size: 12px; color: #6f7b87; text-align: center; line-height: 16px; padding-top: 8px; } .hy-bandbox-dt{ position: relative; width: 282px; height: 110px; } .hy-bandbox-dt-bg{ position: absolute; width: 282px; height: 110px; background: #fff; opacity: 0.2; filter: alpha(opacity=20); top: 0; z-index: 1; } .hy-bandbox-dtcon{ position: absolute; padding: 15px 0 0 16px ; } .hy-dt-title{ border-left: 4px solid #fff; padding-left: 8px; font-size: 16px; color: #fff; line-height: 16px; position: relative; } .hy-dt-title a{ position: absolute; font-size: 12px; color: #6f7b87; right: 16px; top: 2px; } .hy-bandbox-dtcon p{ font-size: 14px; color: #fff; margin-right: 36px; } .hy-bandbox-dtcon p span{ font-size: 18px; color: #f5ae1e; font-weight: bold; } .hy-dt-con{ padding: 18px 0 0 13px; } .hy-xx-con{ padding: 10px 15px 0 0px; } .hy-xx-con ul li{line-height:27px;height:27px;overflow:hidden;color:white} .hy-xx-con ul li a{color:white;} .hy-bandbox-xx{ padding: 20px 0 0 16px; } .hy-mid{width:700px;float:left;overflow:hidden} .gdbody {margin-top:10px;height:216px; overflow:hidden} .gdbody li {line-height:27px;font-size:12px;height:27px;overflow:hidden} .gdbody li a{color:white;} .gdbody li span{margin-right:15px;color:#999}