@charset "utf-8"; body { font-family: arial, "helvetica neue", helvetica, sans-serif; } a { color: #000; } .wrap { width: 940px; margin: 0 auto; } .expand { width: 100%; height: 54px; line-height: 54px; font-size: 12px; font-weight: bold; color: #191919; text-align: center; position: relative; background: #f4f4f4; } .expand li { display: inline-block; padding: 0 25px; } .eject_iframe { display: none; position: absolute; left: 50%; top: 53px; margin-left: -470px; z-index: 10; } .rollnews { height: 58px; width: 100%; } .rolltitle { font-size: 14px; line-height: 58px; color: #2a4791; width: 47px; float: left; font-weight: bold; } .demo { width: 893px; overflow: hidden; font-size: 12px; color: #191919; line-height: 58px; } .demo .roll { /*width:99999999px;*/ width: 8000%; height: 20px; } .demo .roll div { float: left; } .demo .roll ul { float: left; height: 58px; overflow: hidden; zoom: 1; } .demo .roll ul li { float: left; line-height: 58px; padding-left: 30px; background: url(/uploads/image/iiczimages/spot.jpg) 18px 28px no-repeat; list-style: none; } .demo .roll li a { margin-right: 10px; color: #191919; } .headline h2 { line-height: 50px; font-size: 34px; margin-bottom: 2px; text-align: center; } .headline h2 a { color: #000; } .headline p { font-size: 12px; line-height: 16px; margin: 17px 0; text-align: center; } .headline p a { color: #1d1d1d; } .picpart { width: 940px; height: 470px; position: relative; } .picpart li { width: 940px; height: 470px; display: none; } .picpart li img { width: 940px; height: 470px; } .picpart li p { position: absolute; left: 0; bottom: 0; height: 66px; line-height: 66px; font-size: 18px; text-indent: 20px; opacity: 0.7; filter: alpha(opacity=70); background: #000; width: 100%; } .picpart li p a { color: #fff; } #larr { position: absolute; width: 30px; height: 30px; left: 20px; top: 220px; background: url(/uploads/image/iic2019zw/left.png); cursor: pointer; } #rarr { position: absolute; width: 30px; height: 30px; right: 20px; top: 220px; background: url(/uploads/image/iic2019zw/right.png); cursor: pointer; } #menu { position: absolute; right: 40px; bottom: 28px; } #menu span { display: block; float: left; margin-left: 6px; width: 8px; height: 8px; background: url(/uploads/image/iic2019zw/dot_1.png); cursor: pointer; } #menu span.cur { background: url(/uploads/image/iic2019zw/dot_2.png); } .bggrey { padding: 20px 0; width: 100%; background: #f4f4f4; overflow: hidden; zoom: 1; } .newsbox { margin-right: 20px; width: 380px; float: left; padding: 30px 40px 0; background: #fff; height: 375px; } .title_1 { height: 42px; line-height: 42px; border-bottom: 1px solid #e5e5e5; width: 100%; font-size: 24px; font-weight: bold; color: #cc163a; margin-bottom: 10px; } .title_1 a { font-size: 12px; float: right; color: #999; font-weight: normal; } .newsbox li { line-height: 34px; font-size: 14px; } .newsbox li a { color: #191919; } .title_2 { text-align: center; width: 100%; font-size: 32px; color: #2a4791; font-size: 32px; font-weight: bold; line-height: 34px; padding: 19px 0; margin-top: 20px; } .brand { width: 960px; overflow: hidden; zoom: 1; } .brand li { width: 220px; height: 110px; float: left; margin: 0 20px 20px 0; } .brand img { width: 220px; height: 110px; } .ad_1 { width: 940px; height: 110px; margin-bottom: 40px; background: #ccc; } .ad_1 img { width: 940px; height: 110px; } .title_3 { font-size: 24px; line-height: 26px; padding-bottom: 8px; border-bottom: 1px solid #e5e5e5; width: 100%; color: #2a4791; margin-bottom: 20px; } .title_3 a { font-size: 12px; float: right; color: #999; font-weight: normal; } .list_1 { width: 960px; overflow: hidden; zoom: 1; } .list_1 li { width: 300px; height: 200px; position: relative; float: left; margin-right: 20px; } .list_1 li p { position: absolute; left: 0; bottom: 0; width: 100%; background: #000; opacity: 0.7; filter: alpha(opacity=70); font-size: 12px; font-weight: bold; height: 40px; line-height: 40px; text-indent: 20px; } .list_1 li p a { color: #fff; } .list_1 li img { width: 300px; height: 200px; } .title_4 { padding-top: 20px; width: 100%; text-align: center; } .title_4 .grandtitle { font-size: 32px; line-height: 32px; font-weight: bold; color: #2a4791; } .title_4 .petittitle { font-size: 12px; line-height: 32px; color: #999; } .slide { width: 940px; overflow: hidden; zoom: 1; height: 590px; } .slidetitle { width: 14px; font-size: 14px; line-height: 20px; color: #fff; height: 590px; padding: 255px 23px 0; background: #2a4891; float: left; } .slidetext { float: right; padding: 35px 30px 0 100px; background: #f4f4f4; height: 555px; width: 750px; overflow-x: hidden; overflow-y: scroll; } .slidetext p { width: 230px; float: left; font-size: 12px; line-height: 20px; margin-bottom: 10px; padding-right: 10px; } .slidetext p a { color: #191919; } .map { width: 100%; background: #2a4891; height: 700px; position: relative; } .mapmenu { position: absolute; left: 50%; margin-left: -470px; top: 80px; width: 252px; } .mapmenu ul { width: 100%; overflow: hidden; zoom: 1; padding: 10px 0; background: #fff; } .mapmenu li { width: 63px; text-align: center; line-height: 32px; font-size: 12px; color: #191919; float: left; } .maptitle { height: 54px; line-height: 54px; font-size: 14px; font-weight: bold; color: #fff; text-indent: 20px; width: 100%; background: #5490d8; } .mappic { margin-left: -156px; position: absolute; left: 50%; width: 634px; height: 608px; top: 52px; background: url(/uploads/image/iic2019zw/map_2.png) no-repeat; } .mappic div { position: absolute; width: 8px; height: 8px; cursor: pointer; overflow: hidden; line-height: 40px; } #beijing { left: 457px; top: 196px; } #tianjin { left: 468px; top: 208px; } #shanghai { left: 529px; top: 323px; } #chongqing { left: 356px; top: 357px; } #hebei { left: 447px; top: 229px; } #shanxi { left: 414px; top: 233px; } #neimenggu { left: 391px; top: 173px; } #liaoning { left: 538px; top: 164px; } #jilin { left: 547px; top: 141px; } #heilongjiang { left: 540px; top: 78px; } #jiangsu { left: 500px; top: 286px; } #zhejiang { left: 512px; top: 349px; } #anhui { left: 470px; top: 309px; } #fujian { left: 490px; top: 392px; } #jiangxi { left: 459px; top: 382px; } #shandong { left: 478px; top: 248px; } #henan { left: 431px; top: 287px; } #hubei { left: 427px; top: 326px; } #hunan { left: 419px; top: 372px; } #guangdong { left: 443px; top: 441px; } #hainan { left: 387px; top: 492px; } #guangxi { left: 375px; top: 445px; } #sichuan { left: 314px; top: 331px; } #guizhou { left: 353px; top: 394px; } #yunnan { left: 294px; top: 413px; } #xizang { left: 188px; top: 348px; } #shaanxi { left: 377px; top: 281px; } #gansu { left: 315px; top: 276px; } #qinghai { left: 248px; top: 248px; } #ningxia { left: 345px; top: 252px; } #xinjiang { left: 153px; top: 139px; } #hongkong { left: 464px; top: 441px; } #marco { left: 440px; top: 454px; } #taiwan { left: 532px; top: 422px; } .service { padding: 40px 0; background: #fff; width: 100%; overflow: hidden; zoom: 1; margin-bottom: 18px; } .service_tit { float: left; border-right: 1px solid #e5e5e5; font-size: 14px; font-weight: bold; color: #2a4791; text-align: center; width: 29px; padding: 23px 30px; line-height: 20px; } .service_tit a { color: #2a4791; } .service_list { float: left; padding-left: 10px; width: 800px; overflow: hidden; zoom: 1; } .service_list li { float: left; width: 78px; height: 30px; margin: 0 0 20px 20px; font-size: 12px; line-height: 30px; color: #191919; border: 1px solid #f4f4f4; text-align: center; border-radius: 4px; } .service_list li a { color: #191919; } .service_list li.cur { border: 1px solid #2a4891; background: #2a4891; color: #fff; } .service_list li.cur a { color: #fff; } .coplist { width: 960px; overflow: hidden; zoom: 1; } .coplist li { float: left; margin: 0 20px 20px 0; width: 300px; height: 200px; position: relative; } .coplist li.e0 { background: #f8ae01; } .coplist li.e1 { background: #fb6902; } .coplist li.e2 { background: #e94a35; } .coplist li.e3 { background: #ea7e00; } .coplist li.e4 { background: #f8ae01; } .coplist li.e5 { background: #fb6902; } .coplist li.e6 { background: #e94a35; } .coplist li.e7 { background: #ea7e00; } .coplist li.e8 { background: #f8ae01; } .coptext { display: none; text-align: center; font-size: 16px; line-height: 30px; margin-top: 40px; } .coptext a { color: #fff; } .icon { position: absolute; left: 0; top: 0; width: 300px; height: 200px; } .listpic { width: 960px; overflow: hidden; zoom: 1; } .listpic li { float: left; height: 220px; position: relative; margin: 0 20px 20px 0; background: #ccc; } .listpic img { width: 100%; height: 100%; } .listpic p { position: absolute; left: 0; bottom: 0; height: 38px; line-height: 38px; font-size: 12px; text-indent: 20px; opacity: 0.7; filter: alpha(opacity=70); background: #000; width: 100%; } .listpic p a { color: #fff; } .listpic li.a1 { width: 220px; } .listpic li.a2 { width: 380px; } .listpic li.a3 { width: 460px; } .listpic li.a4 { width: 300px; }