/* h1:32/h2:30/h3:24/h4:22/h5:20/h6:18 边框 ddd */ /* ----------首页头部---------- */ #header { border-top: 15px solid #004A98; position: relative; } #header .title { text-align: center; margin: 30px 0 20px 0; } #header .title h2 { line-height: 48px; color: #004A98; } #header .nav { padding: 0 15px; box-sizing: border-box; } #header .nav li { float: left; } #header .nav li a { float: left; font-size: 22px; line-height: 36px; padding: 5px 17px; } #header .nav li.on a { color: #004A98; } #header .nav li:hover a { color: #004A98; } #header .changeHref{ position: absolute; top:-15px; right:25px; font-size: 14px; line-height: 15px; color:#fff; } #header .changeHref a{ color:#fff; display: inline-block; padding-left:5px; padding-right:5px; } #header .changeHref a.on{ color: #8a8a8a; } /* ----------二级头部---------- */ #header_detail { width: 100%; height: 330px; background: url("/gpfdccsa-cpaorg/web/images/banner.png") center no-repeat; overflow: hidden; position: relative; } #header_detail .title { text-align: center; padding: 80px 0 92px; } #header_detail .title h2 { line-height: 48px; color: #fff; } #header_detail .nav li { float: left; background: url("/gpfdccsa-cpaorg/web/images/icon/line.png") no-repeat right #CBCBCB; } #header_detail .nav li.on { border-bottom: 5px solid #004A98; transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); background-color: #fff; } #header_detail .nav li:last-of-type { background-image: none; } #header_detail .nav li a { float: left; font-size: 22px; line-height: 36px; padding: 13px 19px; color: #004A98; } #header_detail .nav li:hover { border-bottom: 5px solid #004A98; transform: translateY(-5px); -ms-transform: translateY(-5px); -moz-transform: translateY(-5px); -webkit-transform: translateY(-5px); -o-transform: translateY(-5px); background-color: #fff; } #header_detail .changeHref{ position: absolute; top:15px; right:45px; font-size: 12px; line-height: 15px; color:#fff; } #header_detail .changeHref a{ color:#fff; display: inline-block; padding-left:5px; padding-right:5px; } #header_detail .changeHref a.on{ color: #8a8a8a; } /* ----------底部---------- */ #footer { background-color: #004A98; color: #fff; text-align: center; padding: 40px 0 35px; } #footer p { line-height: 48px; } #footer p:first-of-type { font-weight: bold; } #footer li { line-height: 48px; font-weight: bold; display: inline-block; margin-right: 40px; } #footer li:last-of-type { margin: 0; } #footer .footer_count i{ width: 26px; height: 25px; line-height: 20px; display: inline-block; border: 1px solid #2485ea; margin-right: 5px; margin-left: 3px; font-weight: bold; } /* ----------首页---------- */ #index .banner { width: 100%; /*height: 625px;*/ overflow: hidden; position: relative; } #index .banner .hd { height: 15px; overflow: hidden; position: absolute; left: 50%; bottom: 35px; z-index: 1; /* margin-left: -75px; */ transform: translateX(-50%); } #index .banner .hd ul { overflow: hidden; zoom: 1; float: left; } #index .banner .hd ul li { float: left; margin-right: 15px; width: 35px; height: 10px; background: #fff; cursor: pointer; } #index .banner .hd ul li.on { background: #FFA200; } #index .banner .bd { position: relative; height: 100%; z-index: 0; } #index .banner .bd li { zoom: 1; vertical-align: middle; } #index .banner .bd img { width: 100%; /*height: 625px;*/ display: block; } /* 下面是前/后按钮代码,如果不需要删除即可 #index .banner .prev, #index .banner .next { position: absolute; left: 3%; top: 50%; margin-top: -25px; display: block; width: 32px; height: 40px; background: url("/gpfdccsa-cpaorg/web/css/images/slider-arrow.png") -110px 5px no-repeat; filter: alpha(opacity=50); opacity: 0.5; } #index .banner .next { left: auto; right: 3%; background-position: 8px 5px; } #index .banner .prev:hover, #index .banner .next:hover { filter: alpha(opacity=100); opacity: 1; } */ #index .services .title { text-align: center; padding: 45px 0; margin-top: 15px; } #index .services h2 { line-height: 36px; } #index .services li { float: left; margin-right: 8px; width: 294px; } #index .services li:last-of-type { margin-right: 0; } #index .services li p { bottom: 5px; width: 275px; height: 75px; background-color: rgba(0, 0, 0, 0.5); right: -1px; line-height: 75px; color: #fff; text-align: center; } #index .introduction { background: url("/gpfdccsa-cpaorg/web/images/introduction_bgk.png") no-repeat; padding: 180px 0 0 0; margin-top: 80px; } #index .introduction h2 { line-height: 36px; margin-bottom: 40px; } #index .introduction h6 { line-height: 36px; } #index .introduction p { line-height: 36px; text-indent: 2em; } #index .introduction a { display: inline-block; border: 1px solid #ddd; border-radius: 5px; width: 160px; height: 50px; line-height: 50px; text-align: center; color: #999; margin-top: 20px; } #index .introduction .introduction_main { background-color: #fff; } #index .introduction .fl_introduction { width: 835px; padding: 55px 30px 0; box-sizing: border-box; } #index .introduction .fr_img { width: 365px; } #index .newsdownload { margin-top: 80px; } #index .newsdownload h2 { line-height: 36px; padding-left: 5px; box-sizing: border-box; } #index .newsdownload .title a { line-height: 36px; color: #999; } #index .newsdownload li:hover a { color: #004A98; } #index .news, #index .download { width: 580px; height: 453px; padding: 45px 20px; box-sizing: border-box; box-shadow: 1px 1px 5px #999; } #index .news { margin-right: 40px; } #index .news ul { margin-top: 45px; } #index .news li { margin-top: 20px; } #index .news .fl_img { width: 104px; margin-right: 15px; } #index .news .fl_img img { width: 100%; border-radius: 5px; } #index .news .fr_news { width: 420px; } #index .news .fr_news h6 { font-weight: normal; margin-bottom: 7px; color: #999; } #index .news .fr_news p { line-height: 24px; height: 48px; overflow: hidden; } #index .download ul { margin-top: 45px; } #index .download li { margin-top: 30px; list-style: url("/gpfdccsa-cpaorg/web/images/icon/icon_download.png"); list-style-position: inside; overflow: hidden; } #index .download li a { line-height: 24px; float: right; width: 96.8%; } #index .sponsors { margin-top: 75px; background: url("/gpfdccsa-cpaorg/web/images/sponsors_bgk.jpg") no-repeat; padding: 78px 0; background-size: 100% 100%; } #index .sponsors .fl_img { width: 350px; margin-right: 70px; } #index .sponsors .fl_img h3 { width: 100%; height: 72px; line-height: 72px; text-align: center; margin-bottom: 28px; border-radius: 5px; } #index .sponsors .fl_img h3 a { font-weight: bold; display: inline-block; width: 100%; height: 72px; color: #fff; } #index .sponsors .fl_img h3 i { display: inline-block; vertical-align: text-bottom; margin-right: 8px; } #index .sponsors .personnel { background-color: #00A0E9; } #index .sponsors .personnel i { width: 30px; height: 26px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon_sponsors1.png") no-repeat; } #index .sponsors .enterprise { background-color: #FFA200; } #index .sponsors .enterprise i { width: 32px; height: 32px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon_sponsors2.png") no-repeat; } #index .sponsors .banner, #index .sponsors .banner img { height: 420px; } #index .sponsors .banner .hd { bottom: 10px; } #index .sponsors .banner .hd ul li { width: 10px; border-radius: 50%; } #index .sponsors .banner .hd ul li.on { background-color: #004A98; } #index .sponsors .fl_sponsors { width: 780px; display: table } #index .sponsors .fl_sponsors h5 { line-height: 24px; } #index .sponsors .fl_sponsors dt { margin-top: 40px; } #index .sponsors .fl_sponsors dt i { display: inline-block; width: 32px; height: 44px; margin-right: 15px; } #index .sponsors .fl_sponsors dt span { border-bottom: 2px solid; font-weight: bold; } #index .sponsors .fl_sponsors dt.golden i { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_sponsors3.png") no-repeat; } #index .sponsors .fl_sponsors dt.golden span { border-bottom-color: #FFA200 } #index .sponsors .fl_sponsors dt.silver span, #index .sponsors .fl_sponsors dt.bronze span { border-bottom-color: #ddd } #index .sponsors .fl_sponsors dt.silver i, #index .sponsors .fl_sponsors dt.bronze i { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_sponsors4.png") no-repeat; } #index .sponsors .fl_sponsors dd { margin-top: 20px; } #index .sponsors .fl_sponsors dd:first-of-type, #index .sponsors .fl_sponsors dd li { width: 185px; height: 85px; text-align: center; border: 1px solid #ddd; position: relative; background-color: #fff; box-sizing: border-box; } #index .sponsors .fl_sponsors dd img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #index .sponsors .fl_sponsors dd li { float: left; margin-right: 13px; } #index .sponsors .fl_sponsors dd li:last-of-type { margin-right: 0; } #index .advertising { padding: 30px 0; } #index .advertising li { width: 135px; height: 75px; border: 1px solid #ddd; position: relative; box-sizing: border-box; overflow: hidden; float: left; margin-right: 17px; } #index .advertising li:last-of-type { margin-right: 0; } #index .advertising li img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } #index .map { background: url("/gpfdccsa-cpaorg/web/images/map_bgk2.jpg") no-repeat; background-size: 100% 100%; } #index .map .map_content { width: 430px; background: #023469; padding: 45px 65px 35px; box-sizing: border-box; } #index .map .map_content h2 { line-height: 36px; color: #fff; text-align: center; } #index .map .map_content .content { margin-top: 40px; } #index .map .map_content .contact { margin-top: 15px; } #index .map .map_content .contact li { font-weight: bold; line-height: 48px; padding-left: 30px; box-sizing: border-box; color: #fff; } #index .map .map_content .contact li.contacts { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_map2.png") no-repeat 0 center; } #index .map .map_content .contact li.phone { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_map3.png") no-repeat 0 center; } #index .map .map_content .contact li.email { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_map4.png") no-repeat 0 center; } #index .map .map_content .icon li { float: left; width: 65px; text-align: center; } #index #logo_slider{ width: 1200px; height: 75px; position: relative; } #index #logo_slider .hd .prev{ width: 15px; height: 75px; line-height: 75px; position: absolute; top: 30px; left: 0px; z-index: 99999; background: #000; opacity: 0.5; color: #fff; text-align: center; cursor: pointer; font-weight: bold; } #index #logo_slider .hd .next{ width: 15px; height: 75px; line-height: 75px; position: absolute; top: 30px; right: 0px; z-index: 99999; background: #000; opacity: 0.5; color: #fff; text-align: center; cursor: pointer; font-weight: bold; } #index #logo_slider .bd{ width: 1200px; overflow: hidden; } #index #logo_slider .bd ul{ height: 75px; max-width: 9999px; zoom: 1; } #index #logo_slider .bd ul li{ width: 135px; height: 75px; border: 1px solid #ddd; position: relative; box-sizing: border-box; overflow: hidden; float: left; margin-left: 5px; margin-right: 13px; } /* ----------new---------- */ #news .list_content .list_fl li { margin-top: 40px; height: 150px; } #news .list_content .list_fl li:first-of-type { margin-top: 30px; } #news .list_content .list_date { width: 115px; border-right: 1px solid #ddd; box-sizing: border-box; padding: 12px 35px 89px 0; } #news .list_content .list_date h3 { color: #004A98; line-height: 36px; box-sizing: border-box; text-align: center; } #news .list_content .list_date span { display: inline-block; width: 50px; height: 20px; border: 1px solid #ddd; font-size: 24px; line-height: 20px; background-color: #fff; color: #999; margin-top: 30px; text-align: center; } #news .list_content .list_title { width: 410px; line-height: 36px; margin: 30px 45px 30px 0; font-weight: bold; position: relative; } #news .list_content .list_title p { position: absolute; padding-left: 35px; left: 0.5px; box-sizing: border-box; } #news .list_content .list_img { width: 200px; } #news .list_content .list_main:hover p { border-left: 1px solid #004A98; color: #004A98; left: -0.5px; } /* ----------下载---------- */ #download .list_content .list_fl li { padding: 20px 70px; background: url("/gpfdccsa-cpaorg/web/images/icon-1.png") 0 28px no-repeat; border-bottom: 1px dotted #ddd; line-height: 36px; } #download .list_content .list_fl li .download_icon { background: url("/gpfdccsa-cpaorg/web/images/icon-download.png") no-repeat 0 center; padding-left: 30px; } #download .list_content .list_fl li .download_icon a { color: #999; } #download .list_content .list_fl li:hover .text { color: #004A98; } /* ----------value---------- */ #value .value_content { margin-top: 50px; padding-bottom: 65px; } #value .value_fl { width: 575px; margin-right: 50px; } #value .value_fr { width: 575px; } #value .title { font-size: 30px; font-weight: bold; border-bottom: 1px solid #dddddd; } #value .text { height: 235px; font-size: 22px; line-height: 46px; padding-top: 10px; } #value .text .position { padding-left: 40px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon-1.png") 0 10px no-repeat; } #value .text .phone { padding-left: 40px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon-2.png") 0 10px no-repeat; } #value .text .home { padding-left: 40px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon-3.png") 0 10px no-repeat; } /* ----------delegate---------- */ #delegate .delegate_content { margin-top: 40px; padding-bottom: 120px; } #delegate .delegate_fl { width: 575px; margin-right: 25px; border-right: 1px solid #2485EA; padding: 0 25px 10px 0; box-sizing: border-box; } #delegate .delegate_fr { width: 600px; padding: 0 25px 10px 0; box-sizing: border-box; } #delegate .title { font-weight: bold; line-height: 36px; } #delegate .delegate_content li { line-height: 36px; list-style: disc inside; color: #5C5B5B } /*#delegate .delegate_content li span {*/ /*margin-left: -13px;*/ /*}*/ #delegate .delegate_content .delegate_table { margin-top: 30px; } #delegate .delegate_content .delegate_table table { border-top: 1px solid #fff; width: 100%; } #delegate .delegate_content .delegate_table thead { background-color: #2B90FA; color: #fff; } #delegate .delegate_content .delegate_table thead td { font-weight: bold; padding-left: 15px; } #delegate .delegate_content .delegate_table tbody { background-color: #E0EEFC; } #delegate .delegate_content .delegate_table tr { height: 80px; } #delegate .delegate_content .delegate_table td { border-bottom: 1px solid #fff; } #delegate .delegate_content .delegate_table tbody td:last-of-type { padding-left: 50px; } #delegate .delegate_content .delegate_table tbody td:first-of-type { border-right: 1px solid #fff; padding-left: 10px; } /* ----------organization---------- */ #organization .organization_content { background: url("/gpfdccsa-cpaorg/web/images/organization_bkg.png") no-repeat; background-size: 100% 100%; padding: 45px 0 90px 0; } #organization .organization_content .title h2 { line-height: 36px; } #organization .organization_content li { border: 1px solid #ddd; padding: 40px 0; margin-top: 40px; } #organization .organization_content li { background-color: #fff; } #organization .organization_content li:nth-of-type(2n) { background-color: #F7F7F7; } #organization .organization_content .organization_lifl { width: 195px; text-align: center; padding: 25px 0; } #organization .organization_content .organization_lifr { line-height: 36px; } #organization .organization_content .organization_lifr div.clearfix p { float: left; height: 60px; width: 120px; border: 1px solid #ddd; background-color: #fff; position: relative; margin-right: 20px; } #organization .organization_content .organization_lifr div.clearfix p img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); } /* ----------联系我们---------- */ #contact .contact_content { padding: 70px 0 80px; text-align: center; background: url("/gpfdccsa-cpaorg/web/images/contact_bgk.png") no-repeat; background-size: 100% auto; } #contact .contact_content .title h4 { line-height: 36px; } #contact .contact_content .contact_main { padding: 0 50px 0 80px; box-sizing: border-box; line-height: 36px; } #contact .contact_content .contact_main ul { margin-top: 50px; } #contact .contact_content .contact_main li { display: inline-block; padding-top: 50px; width: 24.6%; font-weight: bold; } #contact .contact_content .contact_main li.name { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_contact1.png") no-repeat center 0; } #contact .contact_content .contact_main li.phone { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_contact2.png") no-repeat center 0; } #contact .contact_content .contact_main li.email { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_contact3.png") no-repeat center 0; } #contact .contact_content .contact_main li.landline { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_contact4.png") no-repeat center 0; } #contact .contact_content .contact_main .introduce { margin-top: 65px; } #contact .contact_content .contact_main .introduce p { font-weight: bold; } #contact .contact_content .contact_main p.url { margin-top: 8px; } #contact .contact_content .contact_main p.url span { background: url("/gpfdccsa-cpaorg/web/images/icon/icon_url.png") no-repeat; padding-left: 30px; font-weight: bold; } #contact .contact_content .contact_main .code { border: 2px solid #4077B2; display: inline-block; padding: 5px; font-size: 14px; line-height: 20px; margin-top: 20px; } #contact .contact_content .contact_main .code div { display: inline-block; } #contact .contact_content .contact_main .code .code_fl { margin-right: 20px; } /* ----------speakers---------- */ #speakers .speakers_content { margin-top: 45px; padding-bottom: 75px; } #speakers .speakers_content .title h3 { line-height: 36px; } #speakers .speakers_content ul { margin-top: 5px; } #speakers .speakers_content li { padding: 32px 0; border-top: 1px solid #ddd; line-height: 36px; } #speakers .speakers_content .speakers_lifl { width: 205px; margin-right: 40px; } #speakers .speakers_content .speakers_lifr { width: 945px; } #speakers .speakers_content .speakers_lifr p{ width: 945px; display: block; white-space:normal; word-wrap:break-word; } /* ----------左右布局---------- */ .list_content { margin-top: 50px; margin-bottom: 50px; } .list_content .list_fl { width: 810px; margin-right: 45px; /* background: red */ } .list_content .list_fr { width: 345px; /* background: green */ } .list_content .title { border-bottom: 1px solid #ddd; } .list_content .title h5 { color: #004A98; line-height: 36px; } .list_content .title h5.bor_b { border-bottom: 2px solid #004A98 } .list_content .title a { color: #999; font-size: 14px; line-height: 36px; } .list_content dl { margin-top: 30px; } .list_content dt { font-weight: bold; font-size: 16px; line-height: 28px; } .list_content dd li { font-size: 14px; line-height: 28px; list-style: disc; list-style-position: inside; } .list_content .list_fr_bottom { margin-top: 20px; } .list_content .list_fr ul { margin-top: 10px; } .list_content .list_fr ul li { font-size: 14px; line-height: 35px; } /* ----------分页---------- */ .page { margin-top: 60px; margin-bottom: 37px; text-align: center; font-size: 18px; color: #bdb6b6; } .page botton { border: 1px solid #bdb6b6; padding: 7px 12px; line-height: 85px; font-family: Microsoft Yahei, "微软雅黑", Arial; cursor: pointer; margin-left: 2px; margin-right: 1px; } .page botton:hover { background-color: #ffa800; color: #fff; } .page botton.paging-selecte { background-color: #ffa800; color: #fff; } /*--introduction--*/ .introduction{ background: url("/gpfdccsa-cpaorg/web/images/bgcontent.png") bottom no-repeat; } .lbg_text{ width: 560px; height: 160px; padding: 20px; background: url("/gpfdccsa-cpaorg/web/images/bgl.png") no-repeat; color: #fff; } .rbg_text{ width: 560px; height: 160px; padding: 20px; background: url("/gpfdccsa-cpaorg/web/images/bgr.png") no-repeat; } .mapbg_text{ margin-top: 30px; width: 1200px; height: 300px; color: #fff; background: url("/gpfdccsa-cpaorg/web/images/bgmap.png") no-repeat; position: relative; } .mapbg_text p{ width: 40%; display: block; position: absolute; top:60px; right:210px; } .icon_phone i{ display: inline-block; width: 26px; height: 30px; margin-right: 5px; background: url("/gpfdccsa-cpaorg/web/images/icon_phone.png") center no-repeat; float: left; } .icon_mail i{ display: inline-block; width: 26px; height: 30px; margin-right: 5px; float: left; background: url("/gpfdccsa-cpaorg/web/images/icon_email.png") center no-repeat; } /*--exhibition--*/ #exhibition_ul { margin-top: 30px; } #exhibition_ul li { display: inline-block; margin-right: 20px; } /*--programme--*/ #programme .programme_content{ padding-top: 50px; padding-bottom: 100px; } #programme .programme_content .content_fl{ width: 470px; height: 280px; box-shadow: 2px 2px 5px 1px #f0f0f0; padding: 20px 30px; margin-bottom: 60px; } #programme .programme_content .content_fr{ width: 560px; height: 280px; box-shadow: -2px 2px 5px 1px #f0f0f0; padding: 20px 30px; margin-bottom: 60px; } #programme .programme_content .title_clock{ font-size: 20px; font-weight: bold; line-height: 55px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon_clock.png") left no-repeat; padding-left: 60px; display: inline-block; } #programme .programme_content .title_text{ font-size: 20px; font-weight: bold; line-height: 55px; background: url("/gpfdccsa-cpaorg/web/images/icon/icon_text.png") left no-repeat; padding-left: 60px; display: inline-block; } #programme .programme_content .text{ margin-top: 20px; border-top: 1px solid #ddd; padding-top:20px; font-size: 18px; line-height: 40px; } #programme .programme_content .line{ clear: both; margin-bottom: 53px; border-top: 1px solid #ddd; } #programme .programme_content ul.list{ margin-top:40px; } #programme .programme_content ul.list li .li_fl{ margin-top: 7px; width: 340px; height: 224px; background: #eeeeee; } #programme .programme_content ul.list li{ margin-bottom: 60px; } #programme .programme_content ul.list li .li_fr{ width: 791px; white-space:normal; word-wrap:break-word; font-size: 18px; line-height: 30px; } #programme .programme_content ul.list li .li_title{ font-size: 20px; font-weight: bold; margin-bottom: 25px; } #programme .programme_content ul.list li strong{ font-weight: bold; }