/*===================CSS Reset============================*/ @font-face{ font-family: fontT; src: url('../fonts/SourceHanSansCN-Bold.otf');} @font-face{ font-family: fontC; src: url('../fonts/SourceHanSansCN-Bold.otf');} @font-face{ font-family: fontB; src: url('../fonts/SourceHanSansCN-Bold.otf');} @font-face{ font-family: fontR; src: url('../fonts/SourceHanSansCN-Regular.otf');} html{ -webkit-box-sizing:border-box; box-sizing:border-box; overflow-y:scroll; overflow-x:auto;} *,*:before,*:after{ -webkit-box-sizing:inherit; box-sizing:inherit;} body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,img{ border:medium none; margin:0; padding:0;} body,button,input,select,textarea{ color: #333; font: 16px fontR,"微软雅黑";} h1,h2,h3,h4,h5,h6{ font-size:100%;} em,i{ font-style:normal;} ul,ol{ list-style:none;} table{ border-collapse:collapse; border-spacing:0;} img{ max-width: 100%;} input:focus,button:focus,textarea:focus,select:focus,video{ outline: none;} input::-webkit-input-placeholder{ /* WebKit browsers 适配谷歌 */ color: #999;} input:-moz-placeholder{ /* Mozilla Firefox 4 to 18 适配火狐 */ color: #999;} input::-moz-placeholder{ /* Mozilla Firefox 19+ 适配火狐 */ color: #999;} input:-ms-input-placeholder{ /* Internet Explorer 10+ 适配ie*/ color: #999;} body{ background: #e5eff6;} /*===================Link Style============================*/ a,a:hover,a:active,a:visited,a:link,a:focus{ color: #333; outline:none; text-decoration: none; -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;} /*===================Common Style============================*/ .empty-state {min-height: 500px;display: flex;flex-direction: column;align-items: center;justify-content: center;} .empty-state-icon {font-size: 140px;margin-bottom: 40px;color: #cfd8dc;} .empty-state-label {font-size: 16px;font-weight: 500;padding: 4px 0;color: #666;} .fl{ float:left;} .fr{ float:right;} .wrap{ width: 1260px; margin: 0 auto;} .ovh{ overflow: hidden;} .textH{ overflow:hidden; white-space:nowrap; text-overflow:ellipsis;} .textT{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .fontT{ font-family: fontT,"Microsoft YaHei";} .fontB{ font-family: fontB,"Microsoft YaHei";} .fontC{ font-family: fontC,"Microsoft YaHei";} .color-3{ color: #333 !important;} .color-9{ color: #999 !important;} .color-f{ color: #fff !important;} .color-b{ color: #004097 !important;} .color-r{ color: #bc1a2c !important;} .color-y{ color: #cc9a00 !important;} .bg-f{ background: #fff;} .bg-b{ background: #004097;} .bg-r{ background: #bc1a2c;} .bg-ed{ background: #edf3f9;} .bg-e5{ background: #e5eff6;} .br24{border-radius: 24px;} .br16{border-radius: 16px;} .dong{ -webkit-transition: all 400ms; -moz-transition: all 400ms; -ms-transition: all 400ms; transition: all 400ms;} .imgH img{ -webkit-transition: all 500ms; -moz-transition: all 500ms; -ms-transition: all 500ms; transition: all 500ms;} .imgH:hover img{ -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -ms-transform:scale(1.1); transform:scale(1.1);} .row{ margin-left: 0; margin-right: 0;} .col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{ padding-left: 0; padding-right: 0;} .text-truncate-2-lines { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .rich-text p { margin-top: 0; margin-bottom: 1rem; } /*============================ Header ============================*/ .pc-nav {position: sticky;top: -30px;z-index: 1020;background: #fff;} .pc-nav.stuck {background: #004097; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.3);} .header .wrap,.navBar,.footer .part{ width: 1480px; margin: 0 auto;} .header .top{ border-top: 4px solid #004097;} .header .top .txt{ display: flex; align-items: center; height: 34px; font-size: 0; padding: 0 11% 0 40px; background: url(../images/topBg.png) top left no-repeat #004097; padding-bottom: 5px;} .header .top .txt i{ display: block; font-size: 16px;} .header .top .txt a{ display: block; margin-left: 20px;} .header .top .txt a img{ width: 24px;} .header .logo{ display: block; width: 286px; height: 91px; font-size: 0; background: url(/main/images/logo.png) center left no-repeat; background-size: contain;} .header .right{ margin-top: 35px;} .header .right em{ width: 140px; height: 48px; display: flex; justify-content: center; align-items: center; border-radius: 30px; margin-left: 28px;} .header .right em a{ color: #fff; margin: 0 5px;} .header .right em a:hover{ text-decoration: underline;} .search{ width: 560px; background: #f2f5fa; padding: 6px; border-radius: 30px;} .search input{ width: 82%; height: 38px; float: left; line-height: 38px; padding-left: 45px; background: url(../images/search.png) center left 7px no-repeat; background-size: 20px;} .search button{ width: 18%; height: 38px; float: right; border-radius: 20px; cursor: pointer;} .search button:hover{ background: #004097; color: #fff !important;} .navBar{ position: relative; padding-top: 30px !important;} .navBar-menu-list { padding: 0 40px; position: relative; } .navBar-menu-list::before { content: ''; position: absolute; top: 0; right: 40px; bottom: 0; left: 40px; background: #004097; border-top-left-radius: 15px; border-top-right-radius: 15px; } .navBar-menu-item .dropdown-menu { min-width: 230px; text-align: center; padding: 5px 10px; border-radius: 10px; box-shadow: 0 4px 10px rgba(0, 0, 0, .5); margin-top: 0; } .navBar-menu-item .dropdown-menu .dropdown-item { display: block; padding: 10px 0; margin: 0; line-height: 30px; border-bottom: 1px solid #E4E7ED; color: #333; font-weight: normal !important; } .navBar-menu-item .dropdown-menu .dropdown-item:last-child { border-bottom: none; } .navBar-menu-item .dropdown-menu .dropdown-item:focus, .navBar-menu-item .dropdown-menu .dropdown-item:hover { color: #0065F2; background-color: transparent; font-weight: normal !important; } .navBar-menu-item.with-dropdown:hover .dropdown-menu { display: block; } .navBar-menu-item.with-dropdown .dropdown-menu-tradeinvest:not(.show) { left: -29px; } .navBar li { position: relative; } .navBar li a { display: flex; justify-content: center; align-items: center; color: #fff; font-size: 20px; line-height: 68px; background-repeat: no-repeat; position: relative; z-index: 2; } .navBar li:first-child { border-top-left-radius: 16px; } .navBar li:last-child { border-top-right-radius: 16px; } .navBar li:first-child::before { content: ''; position: absolute; top: 0; right: unset; bottom: 0; left: -30px; width: 40px; height: 100%; background-image: url(../images/navBg1-blue.png); background-position-x: -13px; background-position-y: top; } .navBar li:last-child::after { content: ''; position: absolute; top: 0; right: -30px; bottom: 0; left: unset; width: 40px; height: 100%; background-image: url(../images/navBg2-blue.png); background-position-x: -5px; background-position-y: top; } .navBar li.slt { background-color: #bc1a2c; border-top-left-radius: 16px; border-top-right-radius: 16px; } .navBar li.slt::before { content: ''; position: absolute; top: 0; right: unset; bottom: 0; left: -30px; width: 40px; height: 100%; background-image: url(../images/navBg1-red.png); background-position-x: -13px; background-position-y: top; z-index: 1; } .navBar-goGlobal li.slt:last-child::before { background-image: url(../images/navBg2-blue.png); background-color: #bc1a2c; left: -20px; } .navBar li.slt::after { content: ''; position: absolute; top: 0; right: -30px; bottom: 0; left: unset; width: 40px; height: 100%; background-image: url(../images/navBg2-red.png); background-position-x: -5px; background-position-y: top; z-index: 1; } .navBar li a i,.m_nav .ul li a i{ display: block; width: 0; height: 30px; background-position: center; background-repeat: no-repeat; background-size: auto 100%; margin-right: 10px;} .navBar li a i.icon1,.m_nav .ul li a i.icon1{ background-image: url(../images/navIcon1.png);} .navBar li a i.icon2,.m_nav .ul li a i.icon2{ background-image: url(../images/navIcon2.png);} .navBar li a i.icon3,.m_nav .ul li a i.icon3{ background-image: url(../images/navIcon3.png);} .navBar li a i.icon4,.m_nav .ul li a i.icon4{ background-image: url(../images/navIcon4.png);} .navBar li a i.icon5,.m_nav .ul li a i.icon5{ background-image: url(../images/navIcon5.png);} .navBar li a i.icon6,.m_nav .ul li a i.icon6{ background-image: url(../images/navIcon6.png);} .navBar li a i.icon7,.m_nav .ul li a i.icon7{ background-image: url(../images/navIcon7.png);} .navBar li a i.icon8,.m_nav .ul li a i.icon8{ background-image: url(../images/navIcon8.png);} .navBar li a i.icon9,.m_nav .ul li a i.icon9{ background-image: url(../images/navIcon9.png);} .navBar li.slt>a,.navBar li:hover>a{ font-family: fontB,"Microsoft YaHei";} .navBar li.slt>a i,.navBar li:hover>a i{ width: 30px;} .m_nav{ display: none; position: fixed; top: 0px; right: 0; width: 60%; height: 100%; background: #004097; transition: all ease 500ms; -webkit-transition: all ease 500ms; z-index: 1000; opacity: 1; visibility: visible; margin-top: 0; overflow-y: auto; transition: all .6s cubic-bezier(.77,.,.175,.) 0ms; top: 0; transform: translateX(100%);} .m_nav.open{ transform: translateX(0);} .m_nav .top{ height: 60px; padding: 20px; box-sizing: border-box;} .m_nav .top .closed{ width: 30px; height: 30px; vertical-align: middle; float:right; cursor: pointer;} .m_nav .ul{ margin-top: 30px;} .m_nav .ul li{ padding: 0 10px 0 20px; border-bottom: 1px solid rgba(255,255,255,.2);} .m_nav .ul li a{ display: flex; align-items: center; justify-content: flex-start; color: #fff; font-size: 18px; line-height: 60px;} .m_nav .ul li a i{ width: 22px; height: 22px; margin-right: 12px;} .m_nav .ul li:last-child{ display: flex; align-items: center; justify-content: center; line-height: 50px; text-align: center; color: #fff; font-size: 12px; padding: 0;} .m_nav .ul li:last-child a{ display: inline-block; margin: 0 12px; font-size: 12px; line-height: 50px;} .m_nav .ul li:last-child a img{ width: 18px;} .m_nav_dropdown { background: url(../images/navJt.png) 96% 28px no-repeat; background-size: 15px; } .m_nav_dropdown_menu { display: none; padding-left: 32px; padding-bottom: 10px; } .m_nav_dropdown_menu a { line-height: 40px !important; } /*============================ Footer ============================*/ .footer{ padding: 15px 0 40px; border-top: 2px solid #004097;} .footer .part .nav{ margin: 15px 0 40px; position: relative;} .footer .part .item{ flex: 1; padding: 0 15px;} .footer .part .item em,.footer .part .item a{ display: inline-block; font-size: 16px; color: #545454; line-height: 40px; background: url(../images/jt4.png) center right no-repeat; background-size: 12px; border-bottom: 1px solid #cee0ee; cursor: pointer; padding-right: 20px;} .footer .part .item a{ background: none; padding-right: 0; } .footer .part .item a:hover{ color: #004097;} .footer .part .item.on em{ background-image: url(../images/jt4H.png);} .footer .part .subMenu{ display: none; top: 41px; left: 0; width: 100%; padding: 15px 0 15px 15px; box-shadow: 0 4px 10px rgba(0,0,0,.2); position: absolute; z-index: 10;} .footer .part .subMenu .col-lg-2{ flex: 0 0 20%; max-width: 20%;} .footer .part .subMenu a{ display: block; color: #666; line-height: 36px; background: url(../images/dot1.png) center left no-repeat; background-size: 6px; padding: 0 20px 0 15px;} .footer .part .subMenu a:hover{ color: #004097; background-image: url(../images/dot2.png);} .footer .copy{ line-height: 36px;} .footer .copy p i{ display: inline-block; margin: 0 20px;} .footer .copy p a{ display: inline-block; color: #999; margin-left: 10px;} .footer .copy p a:hover{ color: #004097;} .rightMenu{ position: fixed; bottom: 15%; right: 15px; z-index: 999;} .rightMenu a{ display: block; width: 78px; height: 78px; padding-top: 8px; line-height: 20px; border: 1px solid #d9e3f0; border-radius: 18px; margin-bottom: 15px; box-shadow: 0 0 10px rgba(0,0,0,.2);} .rightMenu a i{ display: inline-block; width: 32px; height: 32px; background-position: center; background-repeat: no-repeat; background-size: 100%;} .rightMenu a i.icon1{ background-image: url(../images/rigIcon1.png);} .rightMenu a i.icon2{ background-image: url(../images/rigIcon2.png);} .rightMenu a i.icon3{ background-image: url(../images/rigIcon3.png);} .rightMenu a i.icon4{ background-image: url(../images/rigIcon4.png);} .rightMenu a:hover{ border-color: #bc1a2c; background: #bc1a2c; color: #fff;} .rightMenu a:hover i.icon1{ background-image: url(../images/rigIcon1H.png);} .rightMenu a:hover i.icon2{ background-image: url(../images/rigIcon2H.png);} .rightMenu a:hover i.icon3{ background-image: url(../images/rigIcon3H.png);} .rightMenu a:hover i.icon4{ background-image: url(../images/rigIcon4H.png);} /*============================ Tabbed List ============================*/ .tabbed-list-header { background-color: #e5ecf4; height: 60px; } .tabbed-list-header-left { background-color: #fff; position: relative; } .tabbed-list-header-left::before { content: ''; position: absolute; top: -27px; left: 0; right: 0; height: 50px; z-index: 0; background-image: url(../images/list-header-1.png); background-repeat: repeat-x; } .tabbed-list-header-middle { width: 1260px; } .tabbed-list-header-title { background-color: #fff; padding-top: 20px; padding-right: 200px; position: relative; display: inline-block; font-size: 28px; color: #004097; font-family: fontB, "Microsoft YaHei"; border-top-right-radius: 30px; } .tabbed-list-header-title > span { position: relative; z-index: 1; } .tabbed-list-header-title::before { content: ''; position: absolute; top: -27px; left: 0; right: 0; height: 50px; z-index: 0; background-image: url(../images/list-header-1.png); background-repeat: repeat-x; } .tabbed-list-header-title::after { content: ''; position: absolute; top: -27px; right: 0; height: 98px; width: 168px; z-index: 0; background-image: url(../images/list-header-2.png); background-repeat: no-repeat; } .tabbed-list-header-right { background-color: #e5ecf4; position: relative; } .tabbed-list-content { padding-top: 30px !important; } /*============================ Index ============================*/ .newsList{ height: 424px} .ixList .box{ display: block; line-height: 24px; padding: 10px 0;} .ixList .box p{ width: 84%; font-size: 18px; background-repeat: no-repeat; padding-left: 20px; background-position: center left;} .ixList .box p.x{ background-image: url(../images/ixIcon3.png); background-size: 24px;} .ixList .box p.d{ background-image: url(../images/dot1.png); background-size: 8px;} .ixList .box p.s{ background-image: url(../images/dot5.gif); background-size: 8px;} .ixList .box p em{ display: block;} .ixList .box span{ width: 10%;} .ixList .box:hover p{ color: #004097; font-family: fontB,"Microsoft YaHei";} .ixList .box:hover p.d,.ixList .box:hover p.s{ background-image: url(../images/dot2.png) !important;} .ixPart1{ background: url(../images/ixImg1_1.jpg) center no-repeat; background-size: cover; padding: 55px 0 65px;} .ixPart1 .left .zxTit{ border-radius: 26px 26px 0 0;} .ixPart1 .left .zxTit a{ color: #666; font-size: 24px; line-height: 60px; cursor: pointer;} .ixPart1 .left .zxTit a.before-slt:not(:first-child)::before { content: ''; position: absolute; top: 0; left: -42px; bottom: 0; width: 80px; background-image: url(../images/zxTit-l-before-slt.png); background-repeat: no-repeat; background-position-x: left; background-position-y: top; z-index: 1; } .ixPart1 .left .zxTit a.slt:not(:first-child)::before { content: ''; position: absolute; top: 0; left: -42px; bottom: 0; width: 80px; background-image: url(../images/zxTit-active-l.png); background-repeat: no-repeat; background-position-x: left; background-position-y: top; z-index: 1; } .ixPart1 .left .zxTit a.slt.hot::before { background-image: url(../images/zxTit-active-l-hot.png); } .ixPart1 .left .zxTit a.slt:not(:last-child)::after { content: ''; position: absolute; top: 0; right: -38px; bottom: 0; width: 80px; background-image: url(../images/zxTit-active-r.png); background-repeat: no-repeat; background-position-x: left; background-position-y: top; z-index: 1; } .ixPart1 .left .zxTit a.before-hot::after { content: ''; position: absolute; top: 0; right: -38px; bottom: 0; width: 80px; background-image: url(../images/zxTit-r-before-hot.png); background-repeat: no-repeat; background-position-x: left; background-position-y: top; z-index: 1; } .ixPart1 .left .zxTit a.slt.before-hot::after { background-image: url(../images/zxTit-active-r-before-hot.png); } .ixPart1 .left .zxTit a.slt{ color: #004097; font-family: fontB,"Microsoft YaHei";} .ixPart1 .left .zxTit a > span { position: relative; z-index: 2; } .ixPart1 .left .zxCon{ display: none; border-radius: 0 0 24px 24px; padding: 20px 20px 10px 20px;} .ixPart1 .left .zxCon .ixList .box{ padding: 11px 0;} .ixPart1 .left .zxCon .ixList .box p{ padding-left: 10px;} .ixPart1 .left .zxCon .ixList .box p.d{ background-position: center left 10px;} .ixPart1 .right{ margin-left: 30px;} .ixPart1 .right .text{ display: block; margin: 0 0 17px;} .ixPart1 .right .text img{ width: 100%;} .ixPart1 .right .slide .box,.ixPart3 .slide .box{ display: block; position: relative;} .ixPart1 .right .slide .box p,.ixPart3 .slide .box p{ width: 100%; background: linear-gradient(rgba(0,0,0,0),rgba(0,0,0,.6)); font-size: 18px; line-height: 60px; padding: 0 40px; position: absolute; left: 0; bottom: 0; z-index: 1;} .ixPart1 .right .slide .box img,.ixPart3 .slide .box img{ width: 100%;} .ixTit{ font-size: 24px; margin-bottom: 20px;} .ixTit i{ font-size: 26px;} .ixPart2,.ixPart3{ padding: 30px 0;} .ixPart2 .row{ padding: 15px 5px; border: 1px solid #eaeff6; box-shadow: 0 0 15px 15px #f9fbfd inset;} .ixPart2 .title{ font-size: 20px; margin: 0 20px 10px;} .ixPart2 .title i{ display: inline-block; border-bottom: 3px solid #bc1a2c;} .ixPart2 .ixList{ margin: 0 20px 20px;} .ixPart3 .left{ margin-right: 30px;} .ixPart3 .left .ixTit{ padding: 25px 20px 10px;} /*.ixPart3 .left .date{ width: 100%; position: relative;}*/ /*.ixPart3 .left .date .icon{ display: block; width: 45px; height: 36px; background: url(../images/ixDate.png) center no-repeat; background-size: 18px; position: absolute; top: 0; left: 0; z-index: 1;}*/ /*.ixPart3 .left .date select{ -webkit-appearance: none; -moz-appearance: none; appearance: none; padding: 0 8px 0 40px; border-radius: 20px; background: url(../images/jt3.png) center right 15px no-repeat #fff; background-size: 12px; color: #999; font-size: 16px; width: 100%; height: 32px; line-height: 32px; cursor: pointer;}*/ /*.ixPart3 .left .date option{ background-color: #fff; color: #999;}*/ .ixPart3 .left .list{ padding: 25px 15px;} .ixPart3 .left .list .h{ height: 500px; padding-right: 10px; overflow-y: scroll !important;} .ixPart3 .left .list .h::-webkit-scrollbar{ width: 4px; height: 4px;} .ixPart3 .left .list .h::-webkit-scrollbar-thumb{ border-radius: 5px; background: #004097;} .ixPart3 .left .list .h::-webkit-scrollbar-track{ border-radius: 5px; background: #e5ecf4;} .ixPart3 .left .list .box{ display: block; padding: 11px 0; border-bottom: 1px solid #e5ecf4;} .ixPart3 .left .list .box:first-child{ padding-top: 0;} .ixPart3 .left .list .box:last-child{ padding-bottom: 0;} .ixPart3 .left .list .box p{ font-size: 16px; margin-bottom: 5px;} .ixPart3 .left .list .box i{ display: block; background: url(../images/ixLoca.png) center left no-repeat; background-size: 14px; padding-left: 18px;} .ixPart3 .left .list .box:hover p{ color: #004097;} .ixPart3 .slide{ margin: 20px 30px 0 0;} .ixPart3 .slide .box i{ display: inline-block; font-size: 14px; position: absolute; top: 6px; left: 10px; border-radius: 10px; line-height: 20px; padding: 0 8px; z-index: 2;} .ixPart3 .slide .box p{ line-height: 50px; padding: 0 90px 0 20px;} .ixPart3 .right .part{ padding: 20px 5px 5px; margin-bottom: 35px;} .ixPart3 .right .part .box{ display: block; font-size: 20px; background: url(../images/ixImg4.png) bottom right no-repeat #108beb; background-size: 100%; border-radius: 20px; margin: 0 12px 20px; padding: 25px 20px 15px;} .ixPart3 .right .part .box i{ display: inline-flex; justify-content: center; align-items: center; width: 54px; height: 54px; border-radius: 50%; border: 2px solid #e0ebf9; background-color: #e0ebf9; margin-bottom: 10px;} .ixPart3 .right .part .box i.icon1{ background-image: url(../images/ixImg2_1.png);} .ixPart3 .right .part .box i.icon2{ background-image: url(../images/ixImg2_2.png);} .ixPart3 .right .part .box i.icon3{ background-image: url(../images/ixImg2_3.png);} .ixPart3 .right .part .box i.icon4{ background-image: url(../images/ixImg2_4.png);} .ixPart3 .right .part .box i.icon5{ background-image: url(../images/ixImg2_5.png);} .ixPart3 .right .part .box i.icon6{ background-image: url(../images/ixImg2_6.png);} .ixPart3 .right .part .box i.icon7{ background-image: url(../images/ixImg2_7.png);} .ixPart3 .right .part .box i.icon8{ background-image: url(../images/ixImg2_8.png);} .ixPart3 .right .part .box p{ height: 52px; line-height: 26px;} .ixPart3 .right .part .box:hover{ background-color: #004097;} .ixPart3 .right .part .box:hover i{ background-color: rgba(0,0,0,0); border-color: #fff;} .ixPart3 .right .part .box:hover i.icon1{ background-image: url(../images/ixImg2_1H.png);} .ixPart3 .right .part .box:hover i.icon2{ background-image: url(../images/ixImg2_2H.png);} .ixPart3 .right .part .box:hover i.icon3{ background-image: url(../images/ixImg2_3H.png);} .ixPart3 .right .part .box:hover i.icon4{ background-image: url(../images/ixImg2_4H.png);} .ixPart3 .right .part .box:hover i.icon5{ background-image: url(../images/ixImg2_5H.png);} .ixPart3 .right .part .box:hover i.icon6{ background-image: url(../images/ixImg2_6H.png);} .ixPart3 .right .part .box:hover i.icon7{ background-image: url(../images/ixImg2_7H.png);} .ixPart3 .right .part .box:hover i.icon8{ background-image: url(../images/ixImg2_8H.png);} .ixPart3 .right .part.ys{ margin: 0;} .ixPart3 .right .part.ys .box{ background-color: #6e8be8;} .ixPart3 .right .part.ys .box i{ background-size: 75%;background-repeat: no-repeat;background-position:center } .ixPart3 .right .part.ys .box i.icon1{ background-image: url(../images/MaoYiShangJi.png);} .ixPart3 .right .part.ys .box i.icon2{ background-image: url(../images/TouZiXiangMu.png);} .ixPart3 .right .part.ys .box i.icon3{ background-image: url(../images/ZhongGuoZhanLan.png);} .ixPart3 .right .part.ys .box i.icon4{ background-image: url(../images/JingWaiZhanLan.png);} .ixPart3 .right .part.ys .box i.icon5{ background-image: url(../images/ZhongGuoFaLv.png);} .ixPart3 .right .part.ys .box i.icon6{ background-image: url(../images/YuWaiFaLv.png);} .ixPart3 .right .part.ys .box i.icon7{ background-image: url(../images/QiYeXinYong.png);} .ixPart3 .right .part.ys .box i.icon8{ background-image: url(../images/wto.png);} .ixPart3 .right .part.ys .box i.icon9{ background-image: url(../images/ixImg2_7.png);} .ixPart3 .right .part.ys .box:hover{ background-color: #3b24b3;} .ixPart3 .right .part.ys .box:hover i.icon1{ background-image: url(../images/MaoYiShangJiH.png);} .ixPart3 .right .part.ys .box:hover i.icon2{ background-image: url(../images/TouZiXiangMuH.png);} .ixPart3 .right .part.ys .box:hover i.icon3{ background-image: url(../images/ZhongGuoZhanLanH.png);} .ixPart3 .right .part.ys .box:hover i.icon4{ background-image: url(../images/JingWaiZhanLanH.png);} .ixPart3 .right .part.ys .box:hover i.icon5{ background-image: url(../images/ZhongGuoFaLv.png);} .ixPart3 .right .part.ys .box:hover i.icon6{ background-image: url(../images/YuWaiFaLvH.png);} .ixPart3 .right .part.ys .box:hover i.icon7{ background-image: url(../images/QiYeXinYongH.png);} .ixPart3 .right .part.ys .box:hover i.icon8{ background-image: url(../images/wtoH.png);} .ixPart3 .right .part.ys .box:hover i.icon9{ background-image: url(../images/ixImg2_7H.png);} .ixPart4{ padding: 40px 0 20px;} .ixPart4 .row{ margin: 10px -15px 0;} .ixPart4 .col-lg-2{ flex: 0 0 20%; max-width: 20%;} .ixPart4 .box{ display: block; border: 1px solid #d9e3f0; margin: 0 15px 30px;} .ixPart4 .box p{ font-size: 20px; background: #ebf1f8; line-height: 44px; padding: 0 10px;} .ixPart4 .box:hover{ border-color: #7f9fcb;} .ixPart4 .box:hover p{ color: #fff; background: #1c3bae;} .ixPart5{ background: linear-gradient(#eceff8 1%,#fff); padding: 40px 0 60px;} .ixPart5 .ixTit{ margin-bottom: 40px;} .ixPart5 .left{ margin-right: 35px;} .ixPart5 .left .title{ font-size: 20px;} .ixPart5 .left .mapPart{ position: relative;} .ixPart5 .left .mapPart .box{ position: absolute;} .ixPart5 .left .mapPart .box .jt{ display: block; width: 34px; height: 34px; background: url(../images/ixMapJt.png) center no-repeat; background-size: 100%; position: absolute; top: 0; right: -34px;} .ixPart5 .left .mapPart .box .sheng{ position: relative;} .ixPart5 .left .mapPart .box .sheng .dot{ display: block; width: 6px; height: 6px; background: url(../images/dot3.png) center no-repeat; background-size: 100%; position: absolute;} .ixPart5 .left .mapPart .box .txt{ width: 350px; border-radius: 16px 0 16px 16px; padding: 15px 5px 5px; position: absolute; top: 22px; right: 85px;} .ixPart5 .left .mapPart .box .txt .t1{ font-size: 18px; padding: 0 10px 10px;} .ixPart5 .left .mapPart .box .txt .t2{ color: #666; line-height: 28px; padding: 10px; border-radius: 14px;} .ixPart5 .left .mapPart .box .txt .t2 .line{ width: 100%; height: 1px; background: #eee; margin: 10px 0;} .ixPart5 .left .mapPart .box1{ top: 237px; right: 85px;} .ixPart5 .left .mapPart .box1 .sheng .dot{ top: 20px; left: 30%;} .ixPart5 .left .mapPart .mapImg{ width: 100%;} .ixPart5 .right{ margin-left: 35px; font-size: 16px;} .ixPart5 .right .part1{ padding: 30px 0 15px; border: 1px solid #ccd9ea; box-shadow: 0 0 15px 15px #f9fbfd inset;} .ixPart5 .right .part1 .tit{ font-size: 20px; line-height: 24px; padding-left: 10px; border-left: 4px solid #bd2639;} .ixPart5 .right .part1 .row{ margin: 0 6px;} .ixPart5 .right .part1 a{ display: block; margin: 15px 6px 0; line-height: 20px; padding: 6px 20px 6px 6px; border-radius: 48px; border: 2px solid #fff;} .ixPart5 .right .part1 a i{ display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; margin-right: 10px;} .ixPart5 .right .part1 a i img{ max-width: 100%;} .ixPart5 .right .part1 a:hover{ color: #004097; border-color: #004097;} .ixPart5 .right .part1 div::-webkit-scrollbar{ width: 4px; height: 4px;} .ixPart5 .right .part1 div::-webkit-scrollbar-thumb{ border-radius: 5px; background: #004097;} .ixPart5 .right .part1 div::-webkit-scrollbar-track{ border-radius: 5px; background: #e5ecf4;} .ixPart5 .right .part2{ margin-top: 30px; padding: 20px 15px 10px; box-shadow: 0 0 10px rgba(0,0,0,.1);} .ixPart5 .right .part2 .tit{ font-size: 20px; color: #666;} .ixPart5 .right .part2 .row{ margin: 0 -10px;} .ixPart5 .right .part2 a{ display: block; margin: 10px 10px 0;} .ixPart5 .right .part2 a i{ display: inline-block; border-radius: 50%; border: 2px solid #fff;} .ixPart5 .right .part2 a p{ line-height: 20px; margin-top: 5px;} .ixPart5 .right .part2 a i img{ width: 100%;} .ixPart5 .right .part2 a:hover{ color: #004097;} .ixPart5 .right .part2 a:hover i{ border-color: #004097;} .ixPart6{ position: relative; background: #004097; padding: 160px 0 90px;} .ixPart6 .bg{ width: 100%; position: absolute; left: 0; bottom: 0; z-index: 1;} .ixPart6 .waveBox{ width: 100%; position: absolute; left: 0; top: 0;} .ixPart6 .marqueeBox{ overflow: hidden; width: 100%; position: absolute; left: 0; top: 0;} .ixPart6 .marquee{ width: 1000%; height: 100%;} .ixPart6 .waveList{ float: left;} .ixPart6 .waveList ul{ float: left; height: 60px; overflow: hidden; zoom: 1;} .ixPart6 .waveList ul li{ width: 100%; height: 100%; float: left;} .ixPart6 .waveList ul li img{ height: 100%;} .ixPart6 .part{ position: relative; z-index: 5; margin: 0 -30px;} .ixPart6 .part .txt{ font-size: 26px; margin: 0 15px;} .ixPart6 .part .txt em{ display: block; font-size: 50px; margin-bottom: 10px;} .ixPart6 .part .txt em i{ font-size: 46px; margin-right: 5px;} .inCont{ background: #fff; padding: 80px 40px 50px; box-shadow: 0 0 30px rgba(0,62,139,.1);} .inCont .part1{ font-size: 24px; padding: 50px 70px 30px; border: 4px solid #9F0004; background: #fff; border-radius: 18px; position: relative;} .inCont .part1 .tip{ width: 136px; height: 136px; font-size: 0; background: url(/site-public/ccoic/credit/images/inImg2.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 1;} .inCont .part1 .non-member{ width: 136px; height: 136px; font-size: 0; background: url(/site-public/ccoic/credit/images/non-member.png) no-repeat; background-size: contain; position: absolute; top: 0; left: 0; z-index: 1;} .inCont .part1 .t1{ width: 150px; height: 90px; background: #fff; padding: 4px; border: 4px solid #9F0004; border-radius: 50px; position: absolute; top: -47px; left: 50%; margin-left: -75px;} .inCont .part1 .t1 img{ height: 100%;} .inCont .part1 .t2{ margin-bottom: 20px;} .inCont .part1 .t3{ font-size: 22px; line-height: 22px; padding: 15px 0; border-bottom: 1px solid #e5eaf2;} .inCont .part1 .t3 img{ height: 18px; margin: 0 5px 0 15px;} .inCont .part1 .t3 img:first-child{ margin-left: 0;} .inCont .part1 .t3.l,.inCont .part2 .box:last-child{ border-bottom: none;} .inCont .part1 .t4{ line-height: 42px; background: #e5ebf3; border-radius: 10px; padding: 10px 15px 10px 30px; margin: 15px 0;} .inCont .part1 .t4 a{ display: inline-block; font-size: 20px; margin-left: 10px; background: #fff; border: 1px solid #b7c8de; box-shadow: 0 0 15px rgba(0,62,139,.2); border-radius: 8px; padding: 0 30px; position: relative; z-index: 9;} .inCont .part1 .t4 a:hover{ color: #fff !important; background: #9F0004;} .inCont .part1 .t5{ line-height: 42px;} .inCont .part2{ border: 4px solid #f5e5e5; padding: 45px 70px 40px; margin-top: -15px; border-radius: 0 0 18px 18px;} .inCont .part2 .bg{ background: #e5ebf3; border-radius: 8px;} .inCont .part2 .box{ border-bottom: 1px solid #ced9e8; position: relative;} .inCont .part2 .box .l{ width: 290px; height: 100%; display: flex; text-align: center; justify-content: center; align-items: center; font-size: 24px; position: absolute; top: 0; left: 0; border-right: 1px solid #CED9E8;} .inCont .part2 .box .r{ font-size: 20px; line-height: 36px; padding: 20px 50px 20px 320px;} .inCont .part2 .box .r i{ display: inline-block; margin-right: 30px;} /*============================ 出海服务 ============================*/ .chBanner{ display: flex; align-items: center; height: 350px; background: url(../images/bannerCh.jpg) center no-repeat; background-size: cover;} .chBanner p{ font-size: 54px; } .chBanner .ss{ display: inline-block; width: 480px; margin-top: 30px; border: 2px solid #fff; border-radius: 30px; position: relative;} .chBanner .ss input{ width: 100%; height: 56px; font-size: 18px; color: #fff; line-height: 56px; padding: 0 70px 0 20px; background: none;} .chBanner .ss button{ height: 56px; width: 60px; font-size: 0; background: url(../images/chSearch.png) center no-repeat; position: absolute; top: 0; right: 0; z-index: 1;} .inTitle{ margin-bottom: 30px;} .inTitle i{ font-size: 36px; border-bottom: 5px solid #004097; padding: 0 8px 10px;} .inMore a{ display: inline-flex; align-items: center; justify-content: center; height: 42px; min-width: 200px; color: #c43d4d; padding: 0 30px; border: 2px solid #c43d4d; border-radius: 30px;} .inMore a:hover{ background: #c43d4d; color: #fff;} .chPart1{ padding: 50px 0 100px; background: linear-gradient(#fff,#e5ecf4);} .chPart1 .bgTit{ background: url(../images/chBg1.png) center top no-repeat ; background-size: 100%; padding: 86px 0 5px; border-radius: 0 0 20px 20px; margin: 20px 30px 0 0;} .chPart1 .bgTit span{ display: flex; height: 60px; font-size: 20px; align-items: center; border-radius: 18px 0 0 18px; cursor: pointer; position: relative;} .chPart1 .bgTit span::before{ content: ''; width: 90%; height: 1px; background: rgba(255,255,255,.1); position: absolute; bottom: 0; left: 5%;} .chPart1 .bgTit span:last-child::before{ height: 0;} .chPart1 .bgTit span i{ display: flex; justify-content: center; width: 100%; height: 24px; border-left: 6px solid #004097;} .chPart1 .bgTit span.slt{ font-family: fontB,"Microsoft YaHei"; background: #fff; color: #004097;} .chPart1 .bgTit span.slt i{ border-color: #bc1a2c;} .chPart1 .bgCon{ display: none; width: auto; font-size: 0; overflow-y: auto; background: url(../images/chBg6.png) center no-repeat; background-size: cover; box-shadow: 0 0 10px rgba(0,64,151,.1); margin-top: 20px; border-radius: 24px 24px 0 0;height: 450px} .chPart1 .bgCon::-webkit-scrollbar{ width: 8px; height: 8px;} .chPart1 .bgCon::-webkit-scrollbar-thumb{ border-radius: 5px; background: #bc1a2c; cursor: pointer;} .chPart1 .bgCon::-webkit-scrollbar-track{ border-radius: 5px; background: #b7cae1;} .chPart1 .bgCon .part{ display: inline-block; vertical-align: top; width: 225px; border-right: 1px solid rgba(0,64,151,.1);} .chPart1 .bgCon .part a{ display: block; width: 100%; float: left; font-size: 18px; line-height: 75px; border-bottom: 1px solid rgba(0,64,151,.1); -webkit-transition: inherit; -moz-transition: inherit; -ms-transition: inherit; transition: inherit;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .chPart1 .bgCon .part a:hover{ color: #fff; background: #bc1a2c; font-family: fontB,"Microsoft YaHei";} .chPart2{ padding: 40px 0 60px;} .chPart2 .row{ margin: 0 -15px;} .chPart2 .part{ border: 1px solid #d3deed; padding-top: 25px; margin: 0 15px;} .chPart2 .part .tit{ line-height: 20px; margin-bottom: 20px;} .chPart2 .part .tit i{ display: block; font-size: 20px; border-left: 7px solid #bc1a2c; padding-left: 10px;} .chPart2 .part .tit a{ margin-right: 15px;} .chPart2 .part .tit a:hover{ text-decoration: underline;} .chPart2 .part .box{ padding: 15px;} .chPart2 .part .box:nth-child(odd){ background: #f1f5f9;} .chPart3{ background: url(../images/chBg3.jpg) center bottom no-repeat; background-size: cover; padding: 60px 0;} .chPart3 .inTitle i,.chPart5 .inTitle i{ border-color: #03206c;} .chPart3 .row{ margin: 0 -10px 20px;} .chPart3 .box{ display: block; background: #f3f6fa; margin: 0 0 20px; box-shadow: 0 4px 10px rgba(0,64,151,.2);} .chPart3 .box .img img{ width: 100%;} .chPart3 .box .txt{ font-size: 14px; padding: 10px 20px 20px;} .chPart3 .box .txt p{ height: 60px; font-size: 18px; line-height: 30px; margin-bottom: 5px;} .chPart3 .box .txt i{ display: inline-block; margin-right: 15px; padding-left: 18px; line-height: 20px; background-position: center left; background-repeat: no-repeat;} .chPart3 .box .txt i.icon1{ background-image: url(../images/chTime.png); background-size: 12px;} .chPart3 .box .txt i.icon2{ background-image: url(../images/chLoca1.png); background-size: 12px;} .chPart3 .box:hover .txt p{ color: #004097; font-family: fontB,"Microsoft YaHei";} .chPart4{ background: linear-gradient(#f4f7fc 5%,#fff); padding: 20px 0 60px;} .chPart4 .row{ margin: 0 -15px;} .chPart4 .box{ display: block; margin: 0 15px 30px; border: 1px solid #e5ecf4;} .chPart4 .box .t1{ border-bottom: 1px solid #cedaeb; padding: 15px 0;} .chPart4 .box .t1 p{ font-size: 18px; line-height: 20px; padding-left: 15px; border-left: 4px solid #004097;} .chPart4 .box .t2{ padding: 15px;} .chPart4 .box .t2 i{ display: block; line-height: 32px; background-position: center left; background-repeat: no-repeat; padding-left: 25px;} .chPart4 .box .t2 i.icon1{ background-image: url(../images/chTime.png); background-size: 16px;} .chPart4 .box .t2 i.icon2{ background-image: url(../images/chLoca1.png); background-size: 16px;} .chPart4 .box:hover{ background: #fff !important; border-color: #ccd9ea;} .chPart4 .box:hover .t1 p{ border-color: #bc1a2c; color: #004097 !important;} .chPart4 .box1{ display: block; margin: 0 15px 30px; border: 1px solid #ccd9ea;background-color: #FFF} .chPart4 .box1 .t1{ border-bottom: 1px solid #cedaeb; padding: 15px 0;} .chPart4 .box1 .t1 p{ font-size: 18px; line-height: 20px; padding-left: 15px; border-left: 4px solid #bc1a2c;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;overflow: hidden;} .chPart4 .box1 .t2{ padding: 15px;} .chPart4 .box1 .t2 i{ display: block; line-height: 32px; background-position: center left; background-repeat: no-repeat; padding-left: 25px;} .chPart4 .box1 .t2 i.icon1{ background-image: url(../images/chTime.png); background-size: 16px;} .chPart4 .box1 .t2 i.icon2{ background-image: url(../images/chLoca1.png); background-size: 16px;} .chPart4 .box1:hover{ background: #e5eff6 !important;} .chPart4 .box1:hover .t1 p{ color: #004097 !important;} .chPart5{ background: url(../images/chBg4.jpg) center no-repeat; background-size: cover; padding: 60px 0;} .chPart5 .fgTit{ display: inline-block; background: url(../images/chBg5.png) bottom center no-repeat; background-size: 100%; padding-bottom: 30px;} .chPart5 .fgTit span{ display: inline-block; min-width: 130px; font-size: 20px; padding-bottom: 15px; border-bottom: 6px solid rgba(0,0,0,0); cursor: pointer;} .chPart5 .fgTit span.slt{ font-family: fontB,"Microsoft YaHei"; border-color: #bc1a2c} .chPart5 .fgCon{ display: none; padding: 15px;} .chPart5 .fgCon .h{ height: 260px; overflow-y: scroll !important;} .chPart5 .fgCon .h::-webkit-scrollbar{ width: 4px; height: 4px;} .chPart5 .fgCon .h::-webkit-scrollbar-thumb{ border-radius: 5px; background: #004097;} .chPart5 .fgCon .h::-webkit-scrollbar-track{ border-radius: 5px; background: #fff;} .chPart5 .fgCon .l{ border-bottom: 1px solid #e5ecf4; padding: 15px 40px 15px 0;} .chPart5 .fgCon .l a{ display: block; line-height: 32px; border-radius: 20px; padding: 0 10px 0 45px; background: url(../images/chLoca2.png) center left no-repeat; background-size: 32px;} .chPart5 .fgCon .l a:hover{ color: #fff; background-color: #004097; background-image: url(../images/chLoca2H.png);} .chPart6{ padding: 60px 0;} .chPart6 .row{ margin: 0 -12px;} .chPart6 .col-lg-2{ flex: 0 0 20%; max-width: 20%;} .chPart6 .box{ display: block; font-size: 18px; padding: 20px; margin: 0 12px 30px; border: 1px solid #ccd9ea;} .chPart6 .box i{ display: inline-block; width: 80px; height: 70px; background-position: center; background-repeat: no-repeat; background-size: 100%; margin-bottom: 10px;} .chPart6 .box i.icon1{ background-image: url(../images/chImg3_1.png);} .chPart6 .box i.icon2{ background-image: url(../images/chImg3_2.png);} .chPart6 .box i.icon3{ background-image: url(../images/chImg3_3.png);} .chPart6 .box i.icon4{ background-image: url(../images/chImg3_4.png);} .chPart6 .box i.icon5{ background-image: url(../images/chImg3_5.png);} .chPart6 .box i.icon6{ background-image: url(../images/chImg3_6.png);} .chPart6 .box i.icon7{ background-image: url(../images/chImg3_7.png);} .chPart6 .box i.icon8{ background-image: url(../images/chImg3_8.png);} .chPart6 .box i.icon9{ background-image: url(../images/chImg3_9.png);} .chPart6 .box i.icon10{ background-image: url(../images/chImg3_10.png);} .chPart6 .box i.icon11{ background-image: url(../images/chImg3_11.png);} .chPart6 .box:hover{ color: #fff; background: #004097; border-color: #004097;} .chPart6 .box:hover i.icon1{ background-image: url(../images/chImg3_1H.png);} .chPart6 .box:hover i.icon2{ background-image: url(../images/chImg3_2H.png);} .chPart6 .box:hover i.icon3{ background-image: url(../images/chImg3_3H.png);} .chPart6 .box:hover i.icon4{ background-image: url(../images/chImg3_4H.png);} .chPart6 .box:hover i.icon5{ background-image: url(../images/chImg3_5H.png);} .chPart6 .box:hover i.icon6{ background-image: url(../images/chImg3_6H.png);} .chPart6 .box:hover i.icon7{ background-image: url(../images/chImg3_7H.png);} .chPart6 .box:hover i.icon8{ background-image: url(../images/chImg3_8H.png);} .chPart6 .box:hover i.icon9{ background-image: url(../images/chImg3_9H.png);} .chPart6 .box:hover i.icon10{ background-image: url(../images/chImg3_10H.png);} .chPart6 .box:hover i.icon11{ background-image: url(../images/chImg3_11H.png);} .chDetails .part1{ padding: 50px 0 40px;} .chDetails .part1 .img{ position: relative;} .chDetails .part1 .img .tj{ padding: 0 12px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 0 16px 16px 0; position: absolute; top: 0; left: 0; z-index: 1;} .chDetails .part1 .img .zb{ padding: 0 12px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 16px 0 0 16px ; position: absolute; top: 0; right: 0; z-index: 1;} .chDetails .part1 .img .tj i{ display: block; font-size: 18px; background: url(../images/xqIcon1.png) center left no-repeat; background-size: 16px; padding-left: 24px;} .chDetails .part1 .img .zb i{ display: block; font-size: 18px; background-size: 16px;} .chDetails .part1 .img img{ width: 100%;} .chDetails .part1 .right{ margin-left: 30px;} .chDetails .part1 .right .txt1 .mf{ display: inline-block; line-height: 26px; padding: 0 22px; border-radius: 20px;} .chDetails .part1 .right .txt1 .tit{ font-size: 28px; line-height: 32px; padding: 10px 0;} .chDetails .part1 .right .txt1 .info .share{ color: #666;} .chDetails .social-share a{ position: relative; display: inline-block;} .chDetails .social-share .social-share-icon{ position: relative; display: inline-block; width: 22px; height: 22px;} .chDetails .social-share .icon-weibo{ background: url(../images/xqWb.png) center no-repeat; background-size: 20px;} .chDetails .social-share .icon-wechat{ background: url(../images/xqWx.png) center no-repeat; background-size: 22px; margin-right: 10px; position:relative;} .chDetails .social-share .icon-wechat .wechat-qrcode{ display: none; border: 1px solid #eee; position: absolute; z-index: 999; top: -130px; left: -50px; width: 120px; height: 120px; text-align: center; background-color: #fff; box-shadow: 0 2px 10px #aaa; padding: 8px; border-radius: 10px;} .chDetails .social-share .icon-wechat .wechat-qrcode .qrcode{ width: 100%;} .chDetails .social-share .icon-wechat .wechat-qrcode .qrcode img{ width: 100%;} .chDetails .social-share .icon-wechat .wechat-qrcode:after{ content: ''; position: absolute; left: 50%; margin-left: -6px; bottom: -13px; width: 0; height: 0; border-width: 8px 6px 6px 6px; border-style: solid; border-color: #fff transparent transparent transparent;} .chDetails .social-share .icon-wechat:hover .wechat-qrcode{ display: block;} .chDetails .social-share .icon-wechat .wechat-qrcode h4,.social-share .icon-wechat .wechat-qrcode .help p{ display: none;} .chDetails .part1 .right .txt2{ background: #f2f6fa; margin: 10px 0 20px; padding: 5px 15px; box-shadow: 0 0 10px rgba(0,64,115,.3);} .chDetails .part1 .right .txt2 p{ font-size: 18px; line-height: 34px; background-position: 0 4px; background-repeat: no-repeat; background-size: 24px; padding-left: 34px; margin: 5px 0;} .chDetails .part1 .right .txt2 p.icon1{ background-image: url(../images/xqBtn1.png);} .chDetails .part1 .right .txt2 p.icon2{ background-image: url(../images/xqBtn2.png);} .chDetails .part1 .right .txt2 p.icon3{ background-image: url(../images/xqBtn3.png);} .chDetails .part1 .right .bm{ display: inline-block; font-size: 18px; line-height: 42px; padding: 0 80px; border-radius: 30px;} .chDetails .part1 .right .bm:hover{ background: #bc1a2c;} .chDetails .part2{ padding: 30px 0 20px;} .chDetails .part2 .left .tit{ margin-bottom: 10px;} .chDetails .part2 .left .tit em{ display: block; font-size: 24px; line-height: 24px; border-left: 4px solid #004097; padding-left: 10px;} .chDetails .part2 .left .tit.l{ border-bottom: 1px solid #e5ecf4; padding-bottom: 5px;} .chDetails .part2 .left .txt{ font-size: 18px; line-height: 36px; margin-bottom: 50px;} .chDetails .part2 .right{ padding: 20px 0 0; margin-left: 50px; border: 1px solid #e5ecf4;} .chDetails .part2 .right .tit{ font-size: 20px; line-height: 20px; border-left: 4px solid #bc1a2c; padding-left: 10px;} .chDetails .part2 .right .txt{ font-size: 18px; line-height: 26px; color: #666; padding: 10px 15px 20px;} .chDetails .part2 .right .txt a{ color: #666;} .chDetails .part2 .right .txt a:hover{ color: #004097;} /*============================ 外贸商机 ============================*/ .inFilter{ padding: 30px 0; background-color: #e5ecf4; } .inFilter > .wrap { padding-top: 0 !important; padding-bottom: 0 !important; } .jwTitle{ font-size: 28px; position: relative; top: -35px; z-index: 1;} .fenye{ display: flex; align-items: center; justify-content: center; padding: 20px 0;} .fenye span,.fenye a{ display: inline-flex; justify-content: center; align-items: center; width: 40px; height: 40px; color: #999; background: #e5ecf4; margin: 0 10px; border-radius: 50%;} .fenye span,.fenye a:hover{ background: #004097; color: #fff;} .hwPart1 p{ margin-right: 15px;} .hwPart1 input,.hwPart1 select{ width: 100%; height: 48px; line-height: 48px; border-radius: 30px; padding: 0 15px; box-shadow: 0 0 10px rgba(0,64,151,.1);} .hwPart1 select{ border: none; color: #999; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-size: 14px; background-color: #fff; background-position: center right 15px; padding-right: 30px;} .hwPart1 select:valid{ color: #333;} .hwPart1 select::-ms-expand{ display:none;} .hwPart1 select option{ color: initial !important; background: initial !important;} .hwPart1 button, .hwPart1 .button { min-width: 80px; height: 48px; line-height: 48px; border-radius: 30px; border: 1px solid #004097;} .hwPart1 button:last-child, .hwPart1 .button:last-child { margin-right: 0;} .hwPart1 button:hover, .hwPart1 .button:hover { background: #03206c; border-color: #03206c; color: #fff !important;} .hwPart1 .button { display: inline-block; text-align: center; } .hwPart2{ padding-bottom: 50px;} .hwPart2 .list{ margin: 0 -30px 10px;} .hwPart2 .list .box{ display: block; line-height: 32px; margin: 0 30px 10px; padding: 20px 0; border-bottom: 1px solid #ccd9ea;} .hwPart2 .list .box .l p{ font-size: 20px; margin-bottom: 5px;} .hwPart2 .list .box .l span{ display: block;} .hwPart2 .list .box .l span i{ display: flex; justify-content: center; align-items: center; width: 56px; height: 24px; border-radius: 20px; margin: 4px 10px 0 0;} .hwPart2 .list .box .l span i.qg{ background: #f8e8e9;} .hwPart2 .list .box .l span i.cs{ background: #e5ecf4;} .hwPart2 .list .box .l span i.yl{ background: #fff8d8;} .hwPart2 .list .box .r i{ color: #666; margin-top: 5px;} .hwPart2 .list .box:hover .l p{ color: #004097;} .hwPart2 .list .box:hover .r i{ color: #bc1a2c;} /*============================ 出海活动 ============================*/ .chPart7 .left label{ display: inline-block; font-weight: normal; padding: 0;} .chPart7 .left em{ display: inline-block; font-size: 16px; line-height: 48px; border-radius: 30px; padding: 0 25px; position: relative; cursor: pointer;} .chPart7 .left input{ display: none;} .chPart7 .left input:checked+label em{ padding: 0 30px; background: #fff; color: #004097; font-size: 18px; font-family: fontB,"Microsoft YaHei";} .chPart7 .right .t1{ border: 1px solid #cedaeb; border-radius: 30px; background: url(../images/ixDate.png) center left 15px no-repeat #fff; padding: 0 15px 0 45px;} .chPart7 .right .t1 select{ width: 170px; border: none; height: 48px; color: #999; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-color: #fff; background-size: 14px; background-position: center right; padding-right: 30px;} .chPart7 .right .t1 select:valid{ color: #333;} .chPart7 .right .t1 select::-ms-expand{ display:none;} .chPart7 .right .t1 select option{ color: initial !important; background: initial !important;} .chPart7 .right .t2{ margin-left: 30px; width: 280px; border-radius: 30px; border: 1px solid #b8cae2; position: relative;} .chPart7 .right .t2 input,.chPart7 .right .t2 button{ width: 100%; height: 48px; line-height: 48px; padding: 0 50px 0 15px;} .chPart7 .right .t2 button{ width: 48px; font-size: 0; padding: 0; border-radius: 50%; background: url(../images/chSearch.png) center no-repeat #004097; background-size: 20px; position: absolute; top: 0; right: 0; z-index: 1;} .chPart8{ padding-bottom: 50px;} .chPart8 .list{ margin: 0 -15px;} .chPart8 .list .box{ display: block; margin: 0 15px 30px; border: 1px solid #e5ecf4; position: relative;} .chPart8 .list .box.event-card { min-height: 361px; } .chPart8 .list .box .tj{ width: 85px; line-height: 30px; background: rgba(188,26,44,.9); position: absolute; top: 0; z-index: 1;} .chPart8 .list .box .zb{ width: 85px; line-height: 30px; background: #fbc02d; position: absolute; top: 0; z-index: 1;} .chPart8 .list .box .tj{ left: 0; border-radius: 0 20px 20px 0;} .chPart8 .list .box .zb{ right: 0; border-radius: 20px 0 0 20px;} .chPart8 .list .box .zb i{ display: inline-block; background: url(../images/zbIcon.gif) center left no-repeat; background-size: 12px; padding-left: 16px;} .chPart8 .list .box .img img{ width: 100%;} .chPart8 .list .box .txt{ font-size: 14px; padding: 10px 20px 20px;} .chPart8 .list .box .txt p{ height: 60px; font-size: 18px; line-height: 30px; margin-bottom: 5px;} .chPart8 .list .box .txt i{ margin-right: 15px; padding-left: 18px; line-height: 20px; background-position: center left; background-repeat: no-repeat;} .chPart8 .list .box .txt i.icon1{ background-image: url(../images/chTime.png); background-size: 12px; background-position: left 4px;} .chPart8 .list .box .txt i.icon2{ background-image: url(../images/chLoca1.png); background-size: 12px; background-position: left 4px; } .chPart8 .list .box:hover .txt p{ color: #004097; font-family: fontB,"Microsoft YaHei";} /*============================ 国外展览 ============================*/ .jwPart1{ padding: 0 3%;} .jwPart1 .txt1{ padding-bottom: 30px;} .jwPart1 .txt1 input,.jwPart1 .txt1 button{ height: 48px; line-height: 48px; border-radius: 30px; box-shadow: 0 0 10px rgba(0,64,151,.1);} .jwPart1 .txt1 input,.jwPart1 .txt1 .button{ height: 48px; line-height: 48px; border-radius: 30px; box-shadow: 0 0 10px rgba(0,64,151,.1);} .jwPart1 .txt1 input{ width: 420px; padding: 0 20px;} .jwPart1 .txt1 button{ width: 80px; margin: 0 20px;} .jwPart1 .txt1 .button{ width: 80px; margin: 0 20px;} .jwPart1 .txt1 a:hover{ color: #004097;} .jwPart1 .txt2{ padding: 0 6%; display: none;} .jwPart1 .txt2.on{ display: block;} .jwPart1 .txt2 .r{ margin: 30px 25px 0; line-height: 40px;} .jwPart1 .txt2 .r i{ display: block; width: 90px;} .jwPart1 .txt2 .r .t{ border-radius: 20px; border: 1px solid #cedaeb;} .jwPart1 .txt2 .r .t input,.jwPart1 .txt2 .r .t select{ width: 100%; height: 40px; border: none; padding: 0 15px;} .jwPart1 .txt2 .r .t select{ color: #999; appearance: none; -moz-appearance: none; -webkit-appearance: none; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-size: 14px; background-color: #fff; background-position: center right 15px; padding-right: 30px;} .jwPart1 .txt2 .r .t select:valid{ color: #333;} .jwPart1 .txt2 .r .t select::-ms-expand{ display:none;} .jwPart1 .txt2 .r .t select option{ color: initial !important; background: initial !important;} .jwPart1 .txt2 .r .t .l{ border-right: 1px solid #cedaeb;} .jwPart2{ padding-bottom: 40px;} .jwPart2 .list .box{ display: block; margin-bottom: 25px; border: 1px solid #e5ecf4;} .jwPart2 .list .box .date{ line-height: 40px; border: 1px solid #fff; box-shadow: 0 0 10px rgba(0,64,151,.2); padding: 15px 0; margin-right: 20px;} .jwPart2 .list .box .date em{ display: flex; align-items: center; justify-content: center;} .jwPart2 .list .box .date em i{ font-size: 18px; margin-left: 10px;} .jwPart2 .list .box .txt{ padding: 20px 20px 0 0;} .jwPart2 .list .box .txt p{ font-size: 18px; margin-bottom: 20px;} .jwPart2 .list .box .txt em{ display: inline-block; line-height: 20px; padding: 0 10px; border-radius: 10px; background: #d9e3ef; margin-right: 10px;} .jwPart2 .list .box .txt i{ display: inline-block; margin: 0 30px 0 20px; padding-left: 22px; background-position: center left; background-repeat: no-repeat;} .jwPart2 .list .box .txt i.icon1{ background-image: url(../images/chLoca1.png); background-size: 16px;} .jwPart2 .list .box .txt i.icon2{ background-image: url(../images/jwIcon.png); background-size: 16px;} .jwPart2 .list .box .xq{ color: #666; padding: 20px 20px 0 0;} .jwPart2 .list .box:hover{ background: #f2f5f9; border-color: #7494c4;} .jwPart2 .list .box:hover .txt p,.jwPart2 .list .box:hover .xq{ color: #004097;} .jwPart3{ background: linear-gradient(#e6ecf5 3%,#fff 90%);} .jwPart3 .title{ font-size: 28px; padding: 30px 0 25px;} .jwPart3 .part{ background: linear-gradient(#fff 3%,rgba(0,0,0,0)); padding: 30px 0;} .jwPart3 .part .tit i{ display: block; font-size: 20px; line-height: 20px; border-left: 4px solid #bc1a2c; padding-left: 10px;} .jwPart3 .part .tit a{ display: block; margin-right: 15px; line-height: 20px;} .jwPart3 .part .tit a:hover{ text-decoration: underline;} .jwPart3 .part .row{ margin: 10px 15px 0;} .jwPart3 .part .box{ display: block; font-size: 18px; line-height: 20px; padding: 20px 20px 20px 0; border-bottom: 1px solid #e5ecf4; margin-bottom: -1px;} .jwPart3 .part .box i{ display: flex; justify-content: center; align-items: center; width: 53px; height: 20px; background: url(../images/jwBg.png) center no-repeat; background-size: 100%; font-size: 16px; margin-right: 10px;} .jwPart3 .part .box:hover{ color: #004097;} .jwPart3 .part.p1{ background: linear-gradient(#e8eef6 1%,#fff 90%); margin-bottom: 30px;} .law_international_left_form{border-radius: 20px;background-color: #fff;padding: 20px 20px;} .law_international_left_form .mainCatalog{line-height: 40px;border-top: 0.5px solid #dddddd;} .pagination{ display: flex; justify-content: center; gap: 6px;} .pagination .page-item{ list-style: none;} .pagination .page-link{ color: #475569; background: #ffffff; border: 1px solid #e2e8f0; padding: 9px 16px; border-radius: 8px; transition: all 0.2s ease; font-size: 14px; font-weight: 500; display: inline-block;} .pagination .page-link:hover{ background-color: #f8fafc; border-color: #cbd5e1; color: #1e293b; transform: translateY(-1px);} .pagination .active .page-link{ background: linear-gradient(135deg, #2563eb 0%, #3b82f6 100%); border-color: #2563eb; color: white; box-shadow: 0 4px 8px rgba(37, 99, 235, 0.2);} .pagination .disabled .page-link{ color: #cbd5e1; background-color: #f8fafc; border-color: #e2e8f0; cursor: not-allowed; opacity: 0.6;} .pagination .first .page-link, .pagination .last .page-link{ font-weight: 600;} .pagination-goto input{border: 1px solid #e2e8f0; padding: 9px 16px; border-radius: 8px; } .pagination-goto { display: none; font-size: 16px; margin-left: 16px; } .pagination-goto input { width: 70px; height:37px; text-align: center; margin: 0 6px; border: 1px solid #999; appearance: textfield; -webkit-appearance: none; -moz-appearance: textfield; } .pagination-goto input::-webkit-inner-spin-button, .fenye .pagination-goto input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .biweeklyVideo{margin: 2px 0 35px 0;} .biweeklyVideo .img{ display: block; position: relative;} .biweeklyVideo .img img{ width: 100%; height: 480px;} .biweeklyVideo .img img{ width: 100%; height: 380px; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center;} .biweeklyVideo .img p{ margin-bottom: 0; width: 100%; font-size: 24px; line-height: 56px; background: rgba(0,0,0,.3); padding: 0 200px 0 20px; position: absolute; bottom: 0; left: 0; z-index: 1;} .biweeklyVideo .img:hover p{ background: rgba(0,0,0,.8);} /*============================ 媒体查询 ============================*/ .mobHide{ display: block;} .mobShow{ display: none;} @media (max-width: 1500px) { .wrap{ padding: 15px;} .header .wrap,.navBar,.footer .part{ width: 1300px; padding: 0 10px;} .header .top .txt{ padding-right: 3%;} .rightMenu{ right: 2px;} .rightMenu a{ width: 64px; height: 64px; font-size: 14px; border-radius: 12px; margin-bottom: 6px;} .rightMenu a i{ width: 28px; height: 28px;} /*============================ Tabbed List ============================*/ .tabbed-list-header-title { padding-left: 15px; } } @media (max-width: 1300px) { .header .wrap,.navBar,.footer .part,.wrap{ width: 100%;} .header .top .txt{ padding-right: 15px;} .ixPart1,.ixPart2,.ixPart3,.ixPart4,.ixPart5,.ixPart6,.chPart1,.chPart2,.chPart3,.chPart4,.chPart5,.chPart6,.hwPart1,.hwPart2,.chPart8,.jwPart2,.chDetails .part1,.chDetails .part2,.jwPart3{ padding-left: 15px; padding-right: 15px;} .ixPart3 .left .ixTit{ padding: 15px 20px 8px;} .chPart7 .right .t2{ margin: 0 20px;} /*============================ Tabbed List ============================*/ .tabbed-list-header-title { padding-left: 30px; } } @media (max-width: 1100px) { body,button,input,select,textarea{ font-size: 14px;} .search{ width: 360px;} .header .top .txt{ height: 28px; background-size: auto 28px;} .header .top .txt a{ margin-left: 12px;} .header .top .txt a img{ width: 18px;} .header .right em{ width: 110px; height: 40px; margin: 5px 0 0 20px;} .navBar{ height: 80px;} .navBar li a{ font-size: 16px; line-height: 50px;} .navBar li a i{ height: 20px; margin-right: 5px;} .navBar li.slt a i,.navBar li:hover a i{ width: 20px;} .navBar-menu-item .dropdown-menu { min-width: 198px; } .footer .part .item em{ font-size: 14px; background-size: 8px;} .ixPart1 .left .zxTit span{ font-size: 20px; line-height: 50px;} .ixPart1 .left .zxCon{ padding: 12px 15px;} .ixPart1 .left .zxCon .ixList .box{ padding: 8.5px 0;} .ixPart3 .left .list .h{ height: 492px;} .ixPart3 .right .part .box{ font-size: 18px; margin: 0 10px 16px; border-radius: 12px; padding: 15px 15px 20px;} .ixPart3 .right .part .box p{ height: 40px; line-height: 20px;} .ixPart4 .row{ margin: 0 -10px;} .ixPart4 .box{ margin: 0 10px 20px;} .ixPart4 .box p{ font-size: 16px;} .ixPart6 .part .txt{ font-size: 20px;} .ixPart6 .part .txt em{ font-size: 34px; } .ixPart6 .part .txt em i{ font-size: 42px;} .jwTitle{ font-size: 24px; top: -25px;} .hwPart1 button, .hwPart1 .button { min-width: 70px; margin-right: 5px;} .chPart1 .bgCon .part{ width: 186px;} .chPart7 .left em{ padding: 0 15px;} .chPart7 .right .t1 select{ width: 150px;} .chPart7 .right .t2{ width: 220px;} .chDetails .part2 .right{ margin-left: 20px;} .chDetails .part1 .right .txt2 p{ font-size: 16px; line-height: 30px; margin: 2px 0;} } @media (max-width: 990px) { body{ background: #fff;} .mobHide{ display: none;} .mobShow,.m_nav{ display: block;} .header{ width: 100%; height: 50px; box-shadow: 0 4px 10px rgba(0,0,0,.3); position: fixed; top: 0; left: 0; z-index: 999;} .header .logo{ width: 40%; height: 50px; background-size: auto 40px;} #navToggle{ display: block; width: 30px; height: 50px; background: url(../images/menu.png) center no-repeat; background-size: 100%;} .search{ width: 95%; margin: 70px auto 15px;} .footer{ padding: 30px 5px;} .footer .copy{ line-height: 24px;} .footer .copy p i{ margin: 0 10px;} .ixPart1 .right{ margin: 0;} .ixPart1 .right .text{ margin: 20px 0;} .ixPart3 .left{ margin: 0;} .ixPart3 .slide{ margin: 20px 0 40px;} .ixPart4 .col-lg-2,.chPart6 .col-lg-2{ flex: 0 0 33.333%; max-width: 33.333%;} .chBanner p{ font-size: 46px;} .chPart1 .bgTit{ font-size: 0; background: none; border-radius: inherit; padding: 0; margin: 0 0 15px;} .chPart1 .bgTit span{ display: inline-block; height: auto; margin: 0 5px;} .chPart1 .bgTit span i{ display: block; height: auto; font-size: 18px; color: #004097; padding: 5px 15px; border-radius: 6px; border: 1px solid #004097; background: #fff;} .chPart1 .bgTit span.slt i{ color: #fff !important; background: #004097; border-color: #004097;} .chPart1 .bgCon .part{ width: 184px;} .chPart2 .row{ margin: 0;} .chPart2 .part{ margin: 10px 0 20px;} .chPart5 .fgTit{ padding-bottom: 25px;} .chPart5 .fgTit span{ min-width: auto; padding: 0 25px 10px;} .hwPart1 p{ margin: 0 10px 15px;} .hwPart1 button, .hwPart1 .button { margin: 0 10px; min-width: 100px;} .ixPart6{ background: url(../images/ixImg8_3.png) right top no-repeat; background-size: 200% 60px; padding: 0;} .ixPart6 .waveBox{ display: none;} .ixPart6 .wrap{ background: #004097; margin-top: 50px; padding: 20px 15px 40px;} .chPart7 .left,.chPart7 .right{ width: 100%;} .chPart7 .left{ text-align: center;} .chPart7 .right .t1,.chPart7 .right .t2{ width: 48%; margin: 10px 1% 0;} .chPart7 .right .t1 select{ width: 100%;} .jwPart1 .txt1{ padding-bottom: 20px;} .jwPart1 .txt2 .r{ margin: 15px 0 0;} .chDetails .part1 .right{ margin: 20px 0 0;} /*============================ Tabbed List ============================*/ .tabbed-list-header-left { display: none; } .tabbed-list-header-middle { width: 100%; align-items: center; justify-content: center; background-color: #fff; padding-top: 25px; } .tabbed-list-header-title { display: block; padding: 0; text-align: center; } .tabbed-list-header-title::before { display: none; } .tabbed-list-header-title::after { display: none; } .tabbed-list-header-right { display: none; } .tabbed-list-content { padding-top: 15px !important; } } @media (max-width:767px) { .pagination .page-link{padding: 0.5rem} .newsList{ height: 340px} .br16{ border-radius: 12px;} .br24{ border-radius: 12px;} .search{ padding: 4px;} .search input,.search button{ height: 34px; line-height: 34px; font-size: 16px;} .footer{ padding: 20px 10px 30px;} .footer .copy p{ margin-top: 8px;} .footer .copy p i{ margin: 0 3px;} .footer .copy p a{ display: block;} .ixList .box{ font-size: 12px; line-height: 20px; padding: 8px 0;} .ixList .box p{ font-size: 16px; padding-left: 18px;} .ixList .box p.x{ background-size: 20px;} .ixList .box p.d{ background-size: 6px;} .ixPart1{ padding: 30px 10px;} .ixPart1 .left .zxTit{ border-radius: 12px 12px 0 0;} .ixPart1 .left .zxTit a{ font-size: 18px; line-height: 50px; } .ixPart1 .left .zxCon{ border-radius: 0 0 12px 12px;} .ixPart1 .left .zxCon .ixList .box p{ padding-left: 5px;} .slick-arrow.prev{ left: 0;} .slick-arrow.next{ right: 0;} .ixTit{ text-align: center;} .ixPart2, .ixPart3{ padding: 40px 10px;} .ixPart2 .row{ padding: 20px 10px 0;} .ixPart2 .title{ margin: 0 0 10px;} .ixPart2 .ixList{ margin: 0 0 20px;} .ixPart3 .left{ padding: 0;} .ixPart3 .left .ixTit{ text-align: left; padding: 20px 10px 0;} .ixPart3 .left .list{ padding: 20px 10px;} .ixPart3 .left .list .h{ height: 370px;} .ixPart3 .left .list .box{ padding: 8px 0; font-size: 12px;} .ixPart3 .left .list .box p{ margin-bottom: 3px;} .ixPart3 .slide .box p{ padding-left: 10px;} .ixPart3 .right .part{ padding: 15px 5px 5px;} .ixPart3 .right .part .box{ margin: 0 5px 10px; padding: 15px 5px; border-radius: 10px;} .ixPart4 .row{ margin: 0 -5px;} .ixPart4 .col-lg-2,.chPart6 .col-lg-2{ flex: 0 0 50%; max-width: 50%;} .ixPart4 .box{ margin: 0 5px 10px;} .ixPart5 .ixTit{ margin-bottom: 30px;} .ixPart5 .left{ margin: 0 0 30px;} .ixPart5 .left .mapPart{ position: inherit;} .ixPart5 .left .mapPart .mapImg,.ixPart5 .left .mapPart .box .jt,.ixPart5 .left .mapPart .box .sheng{ display: none;} .ixPart5 .left .mapPart .box{ position: inherit; margin-top: 15px;} .ixPart5 .left .mapPart .box .txt{ position: inherit; width: 100%; border-radius: 12px;} .ixPart5 .left .mapPart .box .txt .t2{ border-radius: 10px;} .ixPart5 .right{ margin: 0;} .ixPart5 .right .part1 .row{ margin: 0 10px;} .ixPart5 .right .part1 a{ line-height: 40px; margin: 15px 0 0;} .ixPart5 .right .part1 a p{ -webkit-line-clamp: 1;} .ixPart5 .right .part2{ text-align: center;} .ixPart5 .right .part2 a{ margin: 10px;} .ixPart6{ padding: 0; text-align: center;} .ixPart6 .part .txt{ font-size: 14px; margin: 20px 5px 0;} .ixPart6 .part .txt em{ font-size: 24px; margin-bottom: 0;} .ixPart6 .part .txt em i{ font-size: 22px;} .chBanner{ height: 200px;} .chBanner p{ font-size: 22px;} .chBanner .ss{ width: 65%; margin-top: 15px;} .chBanner .ss input{ height: 34px; line-height: 34px;} .chBanner .ss button{ height: 34px; background-size: 20px;} .inTitle i{ font-size: 28px;} .chPart1{ padding: 50px 10px;} .chPart1 .bgTit span{ width: 31.333%; margin: 0 1% 10px;} .chPart1 .bgTit span i{ font-size: 16px; padding: 5px;} .chPart1 .bgCon{ margin-top: 0; border-radius: 12px 12px 0 0;} .chPart1 .bgCon .part{ width: 177px;} .chPart1 .bgCon .part a{ font-size: 16px; line-height: 60px;} .chPart2{ padding: 50px 10px 30px;} .chPart2 .part{ margin: 0 0 20px;} .chPart3{ padding: 40px 10px;} .chPart3 .row{ margin: 0 -5px 30px;} .chPart3 .box{ margin: 0 5px 10px;} .chPart3 .box .txt{ padding: 10px 8px;} .chPart3 .box .txt p{ font-size: 16px; height: 48px; line-height: 24px;} .chPart3 .box .txt i{ display: block; margin: 0; font-size: 12px; padding-left: 17px;} .chPart3 .box .txt i.icon1,.chPart3 .box .txt i.icon2{ background-size: 12px;} .inMore a{ min-width: 140px; height: 36px;} .chPart4{ padding: 40px 10px 80px;} .chPart4 .row{ margin: 15px 0 30px;} .chPart4 .box{ margin: 0 0 15px;} .chPart4 .box .t1{ padding: 12px 0;} .chPart4 .box .t1 p{ font-size: 16px; padding-left: 12px; line-height: 16px;} .chPart4 .box .t2{ padding: 5px 10px; font-size: 12px;} .chPart4 .box .t2 i{ line-height: 22px; padding-left: 20px;} .chPart4 .box .t2 i.icon1,.chPart4 .box .t2 i.icon2{ background-size: 12px;} .chPart5{ padding: 40px 10px;} .chPart5 .fgTit{ background: none; padding: 0; margin-bottom: 10px;} .chPart5 .fgTit span{ font-size: 16px; margin: 0 2px 10px; padding: 0 5px 3px; border-width: 4px;} .chPart5 .fgCon{ padding: 5px 10px;} .chPart5 .fgCon .h{ padding-right: 5px;} .chPart5 .fgCon .l{ padding: 5px 5px 5px 0;} .chPart5 .fgCon .l a{ font-size: 12px; line-height: 24px; background-size: 16px; padding: 0 5px 0 22px;} .chPart6 .row{ margin: 10px -5px 0;} .chPart6 .box{ margin: 0 5px 15px; font-size: 16px;} .chPart6 .box i{ width: 65px; height: 55px; margin-bottom: 5px;} .fenye span,.fenye a{ font-size: 12px; width: 26px; height: 26px; margin: 0 4px;} .inFilter{ background: #e5ecf4; padding: 20px 0;} .jwTitle{ position: inherit; top: auto; text-align: center;} .hwPart1{ padding: 0 5px;} .hwPart1 p{ margin: 0 5px 10px;} .hwPart1 input,.hwPart1 select{ height: 32px; line-height: 32px;} .hwPart1 select{ background-size: 10px;} .hwPart1 button, .hwPart1 .button { height: 32px; line-height: 32px; margin: 5px 5px 0;} .hwPart2,.chPart8,.jwPart2{ padding: 30px 10px 40px;} .hwPart2 .list{ margin: 10px 0;} .hwPart2 .list .box{ line-height: 24px; padding: 10px 0; margin: 0;} .hwPart2 .list .box .l p{ font-size: 17px;} .hwPart2 .list .box .l span i{ font-size: 12px; width: 40px; height: 20px; margin: 2px 8px 0 0;} .hwPart2 .list .box .r{ font-size: 12px; margin-top: 10px;} .hwPart2 .list .box .r p{ display: block; float: left;} .chPart7 .left em{ font-size: 14px; padding: 0 8px; line-height: 30px;} .chPart7 .left input:checked+label em{ padding: 0 8px; font-size: 14px;} .chPart7 .right .t1{ background-size: 14px; padding-left: 35px; background-position: center left 14px;} .chPart7 .right .t1 select{ height: 32px; background-size: 10px;} .chPart7 .right .t2 input,.chPart7 .right .t2 button{ height: 32px; line-height: 32px;} .chPart7 .right .t2 button{ width: 32px; background-size: 14px;} .chPart8 .list{ margin: 20px -5px 0;} .chPart8 .list .box{ margin: 0 5px 10px;} .chPart8 .list .box.event-card { min-height: 250px; } .chPart8 .list .box.event-card .img { height: 110px; } .chPart8 .list .box .tj,.chPart8 .list .box .zb{ width: 45px; font-size: 12px; line-height: 22px;} .chPart8 .list .box .zb{ width: 60px;} .chPart8 .list .box .zb i{ background-size: 8px; padding-left: 10px;} .chPart8 .list .box .txt{ padding: 8px 5px;} .chPart8 .list .box .txt p{ font-size: 16px; height: 44px; line-height: 22px;} .chPart8 .list .box .txt i{ margin: 0; font-size: 12px; padding-left: 17px;} .chPart8 .list .box .txt i.icon1,.chPart8 .list .box .txt i.icon2{ background-size: 12px;} .jwPart1 .txt1{ padding: 0 0 15px;} .jwPart1 .txt1 input{ width: 40%; height: 32px; line-height: 32px; padding: 0 10px;} .jwPart1 .txt1 button{ width: 55px; margin: 0 5px; height: 32px; line-height: 32px;} .jwPart1 .txt1 .button{ width: 55px; margin: 0 5px; height: 32px; line-height: 32px;} .jwPart1 .txt1 a{ font-size: 12px;} .jwPart1 .txt2 .r{ line-height: 32px;} .jwPart1 .txt2 .r i{ width: 70px;} .jwPart1 .txt2 .r .t input,.jwPart1 .txt2 .r .t select{ height: 45px;} .jwPart1 .txt2 .r .t select{ background-size: 10px; background-position: center right 8px;} .jwPart2 .list{ padding: 0 0 10px;} .jwPart2 .list .box{ margin: 15px 0 0;} .jwPart2 .list .box .date{ line-height: 20px; margin: 0; padding: 10px 0;} .jwPart2 .list .box .date em{ width: 50%; float: left; font-size: 12px;} .jwPart2 .list .box .date em i{ font-size: 14px; margin-left: 5px;} .jwPart2 .list .box .txt{ padding: 15px 10px 10px;} .jwPart2 .list .box .txt p{ font-size: 17px; margin-bottom: 10px;} .jwPart2 .list .box .txt em{ font-size: 12px; padding: 0 7px; margin-right: 6px;} .jwPart2 .list .box .txt i{ width: 50%; float: left; margin: 5px 0 0; font-size: 12px; padding-left: 18px;} .jwPart2 .list .box .txt i.icon1,.jwPart2 .list .box .txt i.icon2{ background-size: 12px;} .jwPart2 .list .box .xq{ font-size: 13px; padding: 18px 10px 10px 0;} .jwPart3 .title{ font-size: 24px; padding: 25px 0 15px;} .jwPart3 .part{ padding: 20px 0;} .jwPart3 .part .tit i{ font-size: 18px; line-height: 18px;} .jwPart3 .part .tit a{ font-size: 14px; line-height: 18px; margin-right: 10px;} .jwPart3 .part .box{ padding: 15px 0; font-size: 16px; line-height: 18px;} .jwPart3 .part .box i{ font-size: 12px; width: 46px; height: auto; margin-right: 8px;} .chDetails .part1{ padding: 20px 10px;} .chDetails .part1 .img .tj{ height: 24px; border-radius: 0 12px 12px 0;} .chDetails .part1 .img .tj i{ font-size: 14px; background-size: 12px; padding-left: 18px;} .chDetails .part1 .right .txt1 .mf{ padding: 0 14px;} .chDetails .part1 .right .txt1 .tit{ font-size: 22px; line-height: 28px;} .chDetails .part1 .right .txt2{ padding: 5px 10px;} .chDetails .part1 .right .txt2 p{ font-size: 14px; line-height: 26px; background-size: 16px; padding-left: 24px;} .chDetails .part2{ padding: 30px 10px 50px;} .chDetails .part2 .left .tit em{ font-size: 22px; line-height: 22px;} .chDetails .part2 .left .txt{ font-size: 14px; line-height: 26px; margin-bottom: 30px;} .chDetails .part2 .right{ margin: 0;} .chDetails .part2 .right .tit{ font-size: 18px; line-height: 18px;} .chDetails .part2 .right .txt{ font-size: 14px;} .inCont{ margin: 10px 0; padding: 60px 10px 20px;} .inCont .part1{ font-size: 16px; border-width: 2px; border-radius: 8px; padding: 50px 10px 20px;} .inCont .part1 .tip{ width: 60px; height: 60px;} .inCont .part1 .non-member{ width: 60px; height: 60px;} .inCont .part1 .t1{ width: 52%; left: 24%; border-width: 2px; height: 65px; padding: 5px 0; margin: 0;} .inCont .part1 .t2{ font-size: 20px;} .inCont .part1 .t3{ font-size: 16px; padding: 5px 0;} .inCont .part1 .t3 img{ height: 12px;} .inCont .part1 .t4{ text-align: center; padding: 5px 5px 15px; line-height: 32px;} .inCont .part1 .t4 a{ float: inherit; width: 45%; font-size: 16px; line-height: 36px; margin: 10px 2px 0; padding: 0 15px; border-radius: 6px;} .inCont .part1 .t5{ line-height: 30px;} .inCont .part2{ border-width: 2px; padding: 40px 10px 10px; border-radius: 0 0 8px 8px;} .inCont .part2 .box .l{ width: 100%; font-size: 18px; padding: 15px 10px; border-right: none; border-bottom: 1px solid #CED9E8; position: inherit;} .inCont .part2 .box .r{ padding: 15px; font-size: 14px; line-height: 26px;} .inCont .part2 .box .r i{ margin-right: 20px;} /*============================ Tabbed List ============================*/ .tabbed-list-content { padding-top: 0 !important; } } @media (max-width: 350px) { .chPart7 .left em{ padding: 0 5px;} .chPart7 .left input:checked+label em{ padding: 0 5px;} }