@charset "utf-8"; .page-title { position:relative; } .page-title:before { position:absolute; content:""; left:0px; top:0px; width:100%; height:1px; background:#e3e8ee; } .page-title .page-line { display:inline-block; position:relative;padding-top:0.233em;} .page-title .page-line:after { position:absolute; left:0px; top:0px; height:3px; width:100%; background:#ff6628; content:""; } .page-index-left { width:63.889%; } .page-index-right { width:31.25%; } @media only screen and (max-width:1000px){ .page-index-left { width:100%; } .page-index-right { width:100%; padding-top:3em; } } .page-index-sec01 { padding-top:2.875em; } .page-ad-logo { padding-top:4.8125em; } .page-ad-logo ul { margin:0px -0.1875em; } .page-ad-logo ul li { width:32.9347%; float:left; padding:0px 0.1875em; } .page-ad-logo ul li .bg_container { padding-bottom:35.64%; } .page-ad-logo ul li a { display:block; } .page-ad-logo.logo-li5 ul li { width:20%; } @media only screen and (max-width:767px){ .page-ad-logo ul li .bg_container { padding-bottom:50%; } } /*********************企业动态*********************/ .page-enterprise-news { padding-bottom:6.125em; } .page-enterprise-news .page-list { padding-top:1.5em; } .page-enterprise-news .page-list .page-img-wrap { width:47.3913%; } .page-enterprise-news .page-list .page-img-wrap .page-sub a { display:block; } .page-enterprise-news .page-list .page-img .bg_container { padding-bottom:56.34%; } .page-enterprise-news .page-list .page-img-wrap:hover .page-sub a { /*color:#ef591c;*/ } .page-enterprise-news .page-list .page-sub { margin-bottom:0.5454em; } .page-enterprise-news .page-list .page-ad ul { margin:0px -0.125em; padding-top:0.5625em; } .page-enterprise-news .page-list .page-ad ul li { float:left; width:50%; } .page-enterprise-news .page-list .page-ad ul li .page-con { margin:0.25em 0.125em 0px; overflow:hidden; } .page-enterprise-news .page-list .page-ad ul li .bg_container { padding-bottom:41.667%; } .page-enterprise-news .page-list .page-text { padding:1.125em 0px; } .page-enterprise-news .page-list .page-text dd { color:#383838; margin-top:0.4375em; } .page-enterprise-news .page-list .page-text dt a { color:#010101; display:block; } .page-enterprise-news .page-list .page-list-lb { width:45.8695%; } .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 1em; } .page-enterprise-news .page-list .page-list-lb a { color:#383838; display:block; } .page-enterprise-news .page-list .page-list-lb a:hover { color:#ef591c; } .page-enterprise-news .page-list2 { padding-top:4.9375em; } .page-enterprise-news .page-list2 .page-img { overflow:hidden; } .page-enterprise-news .page-list2 .page-img .bg_container { padding-bottom:77.22%; } .page-enterprise-news .page-list2 .page-img-wrap:hover .page-text dt a { color:#ef591c; } /*.page-enterprise-news .page-ad-logo { padding-top:4.8125em; } .page-enterprise-news .page-ad-logo ul { margin:0px -0.1875em; } .page-enterprise-news .page-ad-logo ul li { width:32.9347%; float:left; padding:0px 0.1875em; } .page-enterprise-news .page-ad-logo ul li .bg_container { padding-bottom:35.64%; } .page-enterprise-news .page-ad-logo ul li a { display:block; } */ @media only screen and (max-width:1240px){ .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 0.8em; } } @media only screen and (max-width:1140px){ .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 0.7em; } } @media only screen and (max-width:1040px){ .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 0.5em; } } @media only screen and (max-width:1000px){ .page-enterprise-news { padding-bottom:4.125em; } .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 1.375em; } .page-enterprise-news .page-list2 { padding-top:3.9375em; } .page-enterprise-news .page-ad-logo { padding-top:2.8125em; } } @media only screen and (max-width:900px){ .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 1em; } } @media only screen and (max-width:800px){ .page-enterprise-news .page-list .page-list-lb ul li { padding:0px 0px 0.8em; } } @media only screen and (max-width:767px){ .page-enterprise-news { padding-bottom:2em; } .page-enterprise-news .page-list .page-img-wrap { width:100%; } .page-enterprise-news .page-list .page-list-lb { width:100%; padding-top:2em; } .page-enterprise-news .page-list2 { padding-top:2.5em; } .page-enterprise-news .page-list .page-text { padding:1.5em; background:#f7f7f7; } .page-enterprise-news .page-ad-logo { padding-top:2em; } .page-enterprise-news .page-list .page-list-lb a { background:url(/uploads/image/images/jt02.png) no-repeat left center; padding-left:14px; background-size:5px auto; } } /*********************热点聚焦*********************/ .page-hot-focus .page-img { margin-top:1.25em; position:relative; } .page-hot-focus .page-img .bg_container { padding-bottom:63.667%; } .page-hot-focus .page-img h3 { position:absolute; z-index:2; left:0px; top:0px; height:100%; bottom:0px; width:100%; color:#fff; } .page-hot-focus .page-img h3 span { position:absolute; z-index:4; display:block; bottom:0.7272em; left:0px; width:100%; padding:0px 1.59em; } .page-hot-focus .page-img h3:before { position:absolute; left:0px; top:0%; height:100%; bottom:0px; width:100%; background-image: linear-gradient(transparent 50%, rgba(0,0,0,0.5)); content:""; z-index:3; } .page-hot-focus .page-ad ul { margin:0px -0.125em; padding-top:0.5625em; } .page-hot-focus .page-ad ul li { float:left; width:50%; } .page-hot-focus .page-ad ul li .page-con { margin:0.25em 0.125em 0px; overflow:hidden; } .page-hot-focus .page-ad ul li .bg_container { padding-bottom:39.91%; } .page-hot-focus2 { padding-top: 4em; } .page-hot-focus2 .page-img .bg_container { padding-bottom:44.444%; } /*********************展会报道*********************/ .page-exhibition-report { } .page-exhibition-report .page-img-wrap { padding-bottom:38.69%; position:relative; margin-top:1.875em; } .page-exhibition-report .page-img-wrap ul li { position:absolute; } .page-exhibition-report .page-img-wrap ul li.li01 { width:67.17%; left:0px; top:0px; height:100%; bottom:0px; } .page-exhibition-report .page-img-wrap ul li.li01 .bg_container { height:100%; } .page-exhibition-report .page-img-wrap ul li.li02 { width:30.4347%; right:0px; top:0px; height:46.62%; } .page-exhibition-report .page-img-wrap ul li.li02 .bg_container { height:100%; } .page-exhibition-report .page-img-wrap ul li.li03 { width:30.4347%; right:0px; bottom:0px; height:46.62%; } .page-exhibition-report .page-img-wrap ul li.li03 .bg_container { height:100%; } .page-exhibition-report .page-img-wrap ul li h3 { position:absolute; z-index:2; left:0px; top:0px; height:100%; bottom:0px; width:100%; color:#fff; } .page-exhibition-report .page-img-wrap ul li h3 span { position:absolute; z-index:4; display:block; bottom:0.7272em; left:0px; width:100%; padding:0px 1.59em; } .page-exhibition-report .page-img-wrap ul li h3:before { position:absolute; left:0px; top:0%; height:100%; bottom:0px; width:100%; background-image: linear-gradient(transparent 50%, rgba(0,0,0,0.5)); content:""; z-index:3; } .page-exhibition-report .page-list ul li { width:46.08%; color:#858585; border-bottom:1px solid #e3e3e3; padding:2.875em 0px 1.125em; } .page-exhibition-report .page-list ul li h3 a { display:block; } .page-exhibition-report .page-list ul li:hover h3 a { color:#ef591c; } .page-exhibition-report .page-list ul li .page-txt { line-height:1.7142; margin-top:0.8571em; height:3.4284em; max-height:3.4284em; } @media only screen and (max-width:767px){ .page-exhibition-report .page-list ul li { width:100%; padding-top:2em; } } .page-lf-ad { margin-top:6em; overflow:hidden; } .page-lf-ad2 { margin-top:4em; } .page-lf-ad img { max-width:100%; } @media only screen and (max-width:1000px){ .page-lf-ad { margin-top:4em; } .page-lf-ad2 { margin-top:2em; } } @media only screen and (max-width:767px){ .page-lf-ad { margin-top:2em; } .page-lf-ad2 { margin-top:0em; } } /*********************应用案例*********************/ .page-application-cases { padding-top:6em; } .page-application-cases .page-content { margin-top:2.125em; overflow:hidden; padding-bottom:2em; } .page-application-cases .page-img-wrap { width:62.39%; position:relative; } .page-application-cases .page-img-wrap .page-img { bottom:6.875em; position:absolute; overflow:hidden; left:0px; top:0px; right:0px; width:100%; } .page-application-cases .page-img-wrap .page-img .bg_container { height:100%; } .page-application-cases .page-img-wrap .page-text { position:absolute; bottom:0px; left:1.125em; right:1.125em; background:#fff; box-shadow:0px 0px 0.625em rgba(0,0,0,0.1); padding:1.8125em 1em 1.75em 1.25em; } .page-application-cases .page-img-wrap .page-text dt span { display:inline-block; padding:0px 1em; border-radius:0.8571em; color:#2271cc; border:1px solid #2271cc; line-height:1.7142;} .page-application-cases .page-img-wrap .page-text dt { padding-bottom:1.33em; border-bottom:1px solid #f1f1f1; } .page-application-cases .page-img-wrap .page-text dt p { padding-left:0.5556em; } .page-application-cases .page-img-wrap .page-text dd { color:#838383; height:3em; margin-top:1.2142em; } .page-application-cases .page-img-wrap a:hover .page-text dt span { background:#ef591c; color:#fff; border-color:#ef591c; } .page-application-cases .page-list { width:33.91%; } .page-application-cases .page-list ul li { background:#f7f7f7; margin-top:0.5625em; padding:1.25em 1.125em 1.0625em; } .page-application-cases .page-list ul li:first-child { margin-top:0px; } .page-application-cases .page-list ul li h3 { height:3em; margin-bottom:0.5em; } .page-application-cases .page-list ul li .page-label span { display:inline-block; padding:0px 1em; border-radius:0.8571em; color:#868686; border:1px solid #ababab; line-height:1.7142; } .page-application-cases .page-list ul li:hover .page-label span { background:#ef591c; color:#fff; border-color:#ef591c; } @media only screen and (max-width:1000px){ .page-application-cases { padding-top:4em; } } @media only screen and (max-width:767px){ .page-application-cases { padding-top:2em; } .page-application-cases .page-img-wrap { width:100%; } .page-application-cases .page-img-wrap .page-img { position:relative; } .page-application-cases .page-img-wrap .page-img .bg_container { height:0px; padding-bottom:65.39%; } .page-application-cases .page-img-wrap .page-text { position:relative; left:auto; right:auto; margin:-3.625em 1.125em 0px; } .page-application-cases .page-list { width:100%; margin-top:2em; } .page-application-cases .page-list ul li { width:100%; } } /**************************联盟活动******************************/ .page-alliance-activities { padding-top:6em; } .page-alliance-activities .page-img-wrap { position:relative; margin-top:2.5em; } .page-alliance-activities .page-img-wrap .page-img { width:74.13%; overflow:hidden; } .page-alliance-activities .page-img-wrap .bg_container { padding-bottom:61.23%; } .page-alliance-activities .page-img-wrap .page-date { position:absolute; left:2.125em; top:1.25em; color:#fff; } .page-alliance-activities .page-img-wrap .page-date span { display:inline-block; line-height:1.1; position:relative; } .page-alliance-activities .page-img-wrap .page-date span i { position:absolute; left:100%; top:0.375em; } .page-alliance-activities .page-img-wrap .page-list { position:absolute; top:2.125em; right:0px; width:42.6%; bottom:1.75em; background:url(/uploads/image/images/page-alliance-activities-bg01.png) no-repeat center top; background-size:cover; padding:1em 1.875em 0px 2.4375em; } .page-alliance-activities .page-img-wrap .page-list .page-txt { color:#858585; line-height:1.8571; max-height:5.5713em; height:5.5713em; margin-top:1.9375em; } .page-alliance-activities .page-img-wrap .page-list h2 { color:#ff6628; } .page-alliance-activities .page-img-wrap .page-list h3 { line-height:1.2; color:#000; max-height:2.4em; height:2.4em; margin-top:0.5em; margin-bottom:1.9em; } .page-alliance-activities .page-img-wrap .page-list .page-line { height:1px; background:#cbcbcb; } .page-alliance-activities .page-text-lb { padding-top:4.375em; } .page-alliance-activities .page-text-lb ul li { width:47.82%; } .page-alliance-activities .page-text-lb .page-img { width:50.09%; overflow:hidden; } .page-alliance-activities .page-text-lb .bg_container { height:100%; } .page-alliance-activities .page-text-lb .page-text { color:#4e4f49; width:49.91%; padding-bottom:1em; overflow:hidden; padding-left:1.5em; } .page-alliance-activities .page-text-lb .page-text h3 { color:#000; margin-top:0.66em; line-height:1.33; max-height:2.66em; height:2.66em; } .page-alliance-activities .page-text-lb .page-text .page-time { line-height:1.1; } .page-alliance-activities .page-text-lb ul li:hover h3 { color:#ff6628; } .page-alliance-activities .page-img-wrap:hover .page-list {/*animation:alliance 2s 1;-webkit-animation:alliance 2s 1;*/ } @-webkit-keyframes alliance { 0% { right:0px; } 25% { right:-5px; } 50% { right:0px; } 75% { right:-5px; } 100% { right:0px; } } @keyframes alliance { 0% { right:0px; } 25% { right:-5px; } 50% { right:0px; } 75% { right:-5px; } 100% { right:0px; } } @media only screen and (max-width:1000px){ .page-alliance-activities { padding-top:4em; } .page-alliance-activities .page-text-lb { padding-top:3.375em; } } @media only screen and (max-width:767px){ .page-alliance-activities { padding-top:2em; } .page-alliance-activities .page-text-lb { padding-top:2em; } .page-alliance-activities .page-img-wrap { margin-top:1.5em; } .page-alliance-activities .page-img-wrap .page-img { width:100%; } .page-alliance-activities .page-img-wrap .page-list { position:relative; width:100%; top:0px; bottom:0px; padding:1.5em; } .page-alliance-activities .page-img-wrap .page-list h3 { /*margin-bottom:0px;*/ } .page-alliance-activities .page-text-lb { padding-top:1em; } .page-alliance-activities .page-text-lb ul li { width:100%; margin-top:1em; } .page-alliance-activities .page-text-lb .page-text .page-time { font-size:14px; display:inline-block; } .page-alliance-activities .page-text-lb .page-text .page-date { display:inline-block; font-weight:normal; } } @media only screen and (max-width:480px){ /*.page-alliance-activities .page-text-lb .page-text .page-time { font-size:12px; }*/ } /**************************产品展示******************************/ .page-product-display { margin-top:3.9375em; } .page-product-display .page-list { margin-top:1.125em; } .page-product-display .page-list ul { position:relative;margin:0px -5px; } .page-product-display .page-list ul li { float:left; width:50%; margin-bottom: 1em; } .page-product-display .page-list ul li .page-con { background:#f7f7f7; padding:0.375em 0.375em 0.25em; margin:0px 5px; } .page-product-display .page-list ul li .page-img { position: relative; background-color: #fff; padding-bottom: 100%; overflow:hidden; background-size:contain; } /* .page-product-display .page-list ul li:nth-child(2n) .page-img { padding-bottom: 101%;} */ .page-product-display .page-list ul li .page-text { padding:0.625em; color:#9e9e9e; } .page-product-display .page-list ul li h3 { color:#000; } .page-product-display .page-list ul li h4 { padding-bottom:1.2142em; } .page-product-display .page-list ul li .page-ft { border-top:1px solid #dfdfdf; padding-top:0.5714em; } .page-product-display .page-list ul li:hover h3 { color:#ef591c; } .page-product-display .page-list ul li:hover { /*animation:tada 2s 1;-webkit-animation:tada 2s 1;*/ } @media only screen and (max-width:1340px){ .page-product-display { margin-top:4.9375em; } } @media only screen and (max-width:1180px){ .page-product-display { margin-top:5.9375em; } } @media only screen and (max-width:1000px){ .page-product-display { margin-top:3.9375em; } } @media only screen and (max-width:767px){ .page-product-display { margin-top:2em; } .page-product-display .page-list ul li:nth-child(7),.page-product-display .page-list ul li:nth-child(8) { display: none;} } /**********************visionchina展会*************************/ .page-visionchina { padding-top:3.25em; } .page-visionchina .page-list { padding-top:2.3125em; } .page-visionchina .page-list ul { position:relative; padding-bottom:60.84%; } .page-visionchina .page-list ul li { position:absolute; height:100%; transition:0.2s all; -webkit-transition:0.2s all; -ms-transition:0.2s all; -o-transition:0.2s all; } .page-visionchina .page-list ul li .bg_container { height:100%; background-position:right bottom; } @media only screen and (max-width:1000px){ .page-visionchina { padding-top:3.25em; } } @media only screen and (max-width:767px){ .page-visionchina { padding-top:2em; } .page-visionchina .page-list { padding-top:1.5em; } } /**********************行业标准*************************/ .page-industry-standard { padding-top:4em; } .page-industry-standard .page-list { padding-top:1.3889em; } .page-industry-standard .page-list p { margin-right:1em;} .page-industry-standard .page-list ul li { padding:0.6944em 0px; } .page-industry-standard .page-list span { display:inline-block; color:#8a919b; border-radius:0.9em; text-align:center; min-width:6.3571em; line-height:1.7142; padding:0px 0.2em; border:1px solid #b5b9c0; } .page-industry-standard .page-list a:hover span { background:#ef591c; color:#fff; border-color:#ef591c; } @media only screen and (max-width:1000px){ .page-industry-standard { padding-top:4em; } } @media only screen and (max-width:767px){ .page-industry-standard { padding-top:3em; } } /**********************供求************************/ .page-supply-demand { padding-top:3em; } .page-supply-demand .page-title .page-line { padding-top:0px; display:block; } .page-supply-demand .page-title .page-line:after { display:none; } .page-supply-demand .page-title .page-line span { position:relative; display:inline-block; } .page-supply-demand .page-list { padding-top:1.73em; } .page-supply-demand .page-list p { margin-right:1em;} .page-supply-demand .page-list ul li { padding:0.6944em 0px; } .page-supply-demand .page-list span { display:inline-block; color:#8a919b; border-radius:0.9em; text-align:center; min-width:6.3571em; line-height:1.7142; padding:0px 0.2em; border:1px solid #b5b9c0; } .page-supply-demand .page-list a:hover span { background:#ef591c; color:#fff; border-color:#ef591c; } .page-supply-demand .tab-a {/* color:#595f66;*/ cursor:pointer; margin-right:1.5em; padding-top:0.3em; } .page-supply-demand .tab-a:before {position:absolute; background:#ff6628; left:0px; top:0px; height:3px; width:100%; content:""; display:none; } .page-supply-demand .tab-a.on { color:#ff6628; } .page-supply-demand .tab-a.on:before { display:block; } @media only screen and (max-width:1340px){ .page-supply-demand { padding-top:4em; } } @media only screen and (max-width:1180px){ .page-supply-demand { padding-top:5em; } } @media only screen and (max-width:1000px){ .page-supply-demand { padding-top:4em; } } @media only screen and (max-width:767px){ .page-supply-demand { padding-top:2em; } .page-supply-demand .page-list { padding-top:1em; } } /**********************行业报告************************/ .page-industry-report { padding-top:3em; } .page-industry-report .page-list { padding-top:2.8125em; } .page-industry-report .page-img { width:51.7699%; margin-left:0.625em; position:relative; padding:0px 1em 0.625em 0px; } .page-industry-report .page-img .bg_container { padding-bottom:128.84%; background-size:contain; position:relative; z-index:3; } .page-industry-report .page-img:before { position:absolute; background:#c2c2c2; left:0.8125em;box-shadow:-0.5em 0px 1.25em rgba(0,0,0,0.4); right:0px; top:0.625em; bottom:0px; content:""; } .page-industry-report .page-img:after { position:absolute; z-index:2; background:#dcdcdc; left:0px; right:0.5em; top:0.625em; bottom:0.3125em; content:""; } .page-industry-report .page-text { width:40.2654%; padding-top:2.25em; position:relative; } .page-industry-report .page-text h3 { line-height:1.4; max-height:2.8em; height:2.8em; } .page-industry-report .page-text h4 { color:#898989; margin-top:0.25em; max-height:3em; margin-bottom:2em; } .page-industry-report .page-text .page-time { position:absolute; left:0px; width:100%; bottom:4em; color:#898989; } .page-industry-report .page-text .page-time span { display:inline-block; } .page-industry-report .page-list:hover .page-img { /*animation:tada 2s 1;-webkit-animation:tada 2s 1;*/ } @media only screen and (max-width:1240px){ .page-industry-report { padding-top: 4em; } } @media only screen and (max-width:1240px){ .page-industry-report .page-text .page-time { bottom:2em; } } @media only screen and (max-width:1140px){ .page-industry-report .page-text { padding-top:1.25em; } .page-industry-report .page-text .page-time { bottom:1em; } } @media only screen and (max-width:1000px){ .page-industry-report { padding-top:4em; } .page-industry-report .page-img { width:25%; } .page-industry-report .page-text { width:70%; } } @media only screen and (max-width:767px){ .page-industry-report { padding-top:2em; } .page-industry-report .page-list { padding-top:1.5em; } .page-industry-report .page-list a { display: block;} .page-industry-report .page-img { float: left; } .page-industry-report .page-text { width:67%; float: right; padding-top:0.75emm; } .page-industry-report .page-text h4 { margin-bottom:2.5em;} .page-industry-report .page-img .bg_container { padding-bottom:135%; /*height:100%; background-size:100% 100%;*/ } } @media only screen and (max-width:414px){ /* .page-industry-report .page-img { width:21%; } .page-industry-report .page-text { width: 71%; } */ } } @media only screen and (max-width:375px){ /* .page-industry-report .page-img { width:24%; } .page-industry-report .page-text { width: 68%; } */ } .page-in-ad { margin-top:6em; overflow:hidden; } .page-in-ad img { max-width:100%; } @media only screen and (max-width:1000px){ .page-in-ad { margin-top:4em; } } @media only screen and (max-width:767px){ .page-in-ad { margin-top:2em; } } /**********************企业访谈*************************/ .page-business-interview { margin-top:5.625em; } .page-business-interview .page-list { position:relative; margin-top:3.625em; } .page-business-interview .page-focus { width:25%; } .page-business-interview .page-focus .bg_container { padding-bottom:100%; } .page-business-interview .page-focus .page-img { position:relative; overflow:hidden; } .page-business-interview .page-focus .page-img:before { width:0px; height:0px; border:10px solid #ff6628; border-width:0.625em 0.5em; bottom:0px; position:absolute; z-index:2; left:50%; margin-left:-0.5em; border-color:transparent transparent #f7f7f7 transparent; content:""; transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .page-business-interview .page-focus .page-text { background:#f7f7f7; color:#000; padding:1.5em 1em 2.6875em; } .page-business-interview .page-focus .page-text dt { position:relative; padding-bottom:0.833em; } .page-business-interview .page-focus .page-text dt:before { position:absolute; width:2em; left:50%; margin-left:-1em; bottom:0px; content:""; background:#000; height:1px; } .page-business-interview .page-focus .page-text dd { margin-top:1.1667em; } .page-business-interview .page-focus.on .page-text { background:#ff6628; color:#fff; } .page-business-interview .page-focus.on .page-text dt:before { background:#fff; } .page-business-interview .page-focus.on .page-img:before {border-color:transparent transparent #ff6628 transparent; } .page-business-interview ul li { position:absolute; width:36.45%; height:48.88%; } .page-business-interview ul li a { height:100%; } .page-business-interview ul li .page-img { width:50.095%; position:relative; overflow:hidden; } .page-business-interview ul li .page-img .bg_container { height:100%; } .page-business-interview ul li .page-img:before { width:0px; height:0px; border:10px solid #f7f7f7; border-width:0.8125em 1em; bottom:0px; position:absolute; z-index:2; top:50%; margin-top:-0.5em; right:0px; border-color:transparent #f7f7f7 transparent transparent; content:"";transition:0.5s all; -webkit-transition:0.5s all; -ms-transition:0.5s all; -o-transition:0.5s all; } .page-business-interview ul li .page-text { width:49.905%; background:#f7f7f7; padding:1em; } .page-business-interview ul li.li01 { left:25.97%; top:0px; } .page-business-interview ul li.li02 { left:auto; right:0px; top:0px; } .page-business-interview ul li.li03 { left:25.97%; bottom:0px; top:auto; } .page-business-interview ul li.li03 a,.page-business-interview ul li.li04 a { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; } .page-business-interview ul li.li03 .page-img:before,.page-business-interview ul li.li04 .page-img:before { left:0px; border-color:transparent transparent transparent #f7f7f7; } .page-business-interview ul li.li04 { left:auto; right:0px; bottom:0px; } .page-business-interview ul li.on .page-text { background:#ff6628; color:#fff; } .page-business-interview ul li.on .page-img:before { border-color:transparent #ff6628 transparent transparent; } .page-business-interview ul li.li03.on .page-img:before,.page-business-interview ul li.li04.on .page-img:before { border-color:transparent transparent transparent #ff6628; } @media only screen and (max-width:1000px){ .page-business-interview { margin-top:3.625em; } .page-business-interview .page-list { margin-top:2em; } } @media only screen and (max-width:767px){ .page-business-interview { margin-top:2em; } .page-business-interview .page-focus { width:100%; } .page-business-interview .page-list { margin-top:1.5em; } .page-business-interview ul li { position:relative; width:100%; height:auto; margin-top:1em; } .page-business-interview ul li.li01 { left:auto; height:100%; } .page-business-interview ul li .page-img .bg_container { height:0px; padding-bottom:100%;} .page-business-interview ul li.li03 { left:0px; display: none; } .page-business-interview ul li.li02 a { -webkit-flex-direction:row-reverse; -ms-flex-direction:row-reverse; flex-direction:row-reverse; } .page-business-interview ul li.li03 a { -webkit-flex-direction:row; -ms-flex-direction:row; flex-direction:row; } .page-business-interview ul li.li02 .page-img:before { left:0px; border-color:transparent transparent transparent #f7f7f7; } .page-business-interview ul li.li03 .page-img:before { left:auto; right:0px; border-color:transparent #f7f7f7 transparent transparent; } .page-business-interview ul li.li04 {display: none;} } .page-index-sec04 { padding-top:6.1875em; padding-bottom:7.1875em; } @media only screen and (max-width:1000px){ .page-index-sec04 { padding:4em 0px; } } @media only screen and (max-width:767px){ .page-index-sec04 { padding:2em 0px; } } /*********************专业书刊*************************/ .page-books-periodicals .page-list { padding-top:2.875em; } .page-books-periodicals .page-list .page-img { width:33.15%; padding:1.5em 0px 0px 1.25em; position:relative; } .page-books-periodicals .page-list .page-img .bg_container { position:absolute; overflow:hidden; z-index:3; left:1.25em; top:1.5em; right:0px; bottom:0px; } .page-books-periodicals .page-list .page-img:before { background:#ff6628; content:""; position:absolute; left:0px; top:0px; right:1.25em; bottom:1.5em; } .page-books-periodicals .page-list .page-img .page-sub { position:absolute; z-index:3; left:0px; padding:0.5em 1em 0.375em; display:inline-block; top:0px; background:#ff6628; color:#fff; } .page-books-periodicals .page-list .page-img:hover {/*animation:tada 2s 1;-webkit-animation:tada 2s 1;*/ } .page-books-periodicals .page-list .page-text { width:66.85%; margin-top:1.5em; } .page-books-periodicals .page-list .page-top { background:#f7f7f7; padding:2.6875em 2.75em 1.625em 3.375em; } .page-books-periodicals .page-list .page-top h3 { line-height:1.6875; } .page-books-periodicals .page-list .page-top h4{ line-height:1.6875; margin-top:0.875em; color:#858585; height:5.0625em; max-height:5.0625em; } .page-books-periodicals .page-list .page-top .page-more { padding-top:0.7142em; } .page-books-periodicals .page-list .page-top .page-more span { display:inline-block; color:#8a919b; line-height:1.7142; min-width:6.3571em; padding:0px 0.25em; text-align:center; border-radius:0.9em; border:1px solid #8a919b; } .page-books-periodicals .page-list .page-top:hover .page-more span { background:#ef591c; color:#fff; border-color:#ef591c;} .page-books-periodicals .page-list .page-ft { padding-left:1.625em; padding-top:2.25em; } .page-books-periodicals .page-list .page-ft ul li { background:#f7f7f7; width:48.29%; padding:0px 1.375em; } .page-books-periodicals .page-list .page-ft p { padding:2em 0px; } .page-books-periodicals .page-list .page-ft p span { color:#ff6628; } .page-books-periodicals .page-list .page-ft a { color:#4a5058; } .page-books-periodicals .page-list .page-ft p:hover {color:#ff6628; } .page-books-periodicals .page-list .page-ft p:hover a { color:#ff6628; } @media only screen and (max-width:1140px){ .page-books-periodicals .page-list .page-ft p { padding:1.25em 0px; } .page-books-periodicals .page-list .page-ft { padding-top:1.25em; } .page-books-periodicals .page-list .page-top { padding-top:1.6875em; } .page-books-periodicals .page-list { padding-top:2em; } } @media only screen and (max-width:767px){ .page-books-periodicals .page-list { padding-top:1.5em; } .page-books-periodicals .page-list .page-img { width:100%;} .page-books-periodicals .page-list .page-img .bg_container { position:relative; left:0px; top:0px; padding-bottom:132.74%;} .page-books-periodicals .page-list .page-text { width:100%; } .page-books-periodicals .page-list .page-top { padding:2em; } .page-books-periodicals .page-list .page-ft { padding-left:0px; padding-top:0px; } .page-books-periodicals .page-list .page-ft ul li { width:100%; margin-top:1em; } } /*********************培训认证*************************/ .page-training-certification { height:100%; position:relative; } .page-training-certification .page-list { padding-top:2.875em; height:100%; } .page-training-certification .page-list .page-img {height:73.77%;} .page-training-certification .page-list .bg_container { /*padding-bottom:71.778%;*/ height:100%; } .page-training-certification .page-list .page-text { background:#fff; line-height:2; box-shadow:0.25em 0px 0.5em rgba(0,0,0,0.15); padding:1.3em 2em 1.4em; position:absolute; left:0.8em; right:0.8em; bottom:0px; } .page-training-certification .page-list:hover {/*animation:tada 2s 1;-webkit-animation:tada 2s 1; */} @media only screen and (max-width:1140px){ .page-training-certification .page-list .page-text { padding:1em; } } @media only screen and (max-width:1000px){ .page-training-certification .page-list { height:auto; padding-top:2em; } .page-training-certification .page-list .page-img {height:auto;} .page-training-certification .page-list .bg_container { padding-bottom:71.778%; height:0px; } .page-training-certification .page-list .page-text { position:relative; left:auto; right:auto; margin:-2.9em 0.8em 0px; } } /*******************首页弹出广告***********************/ .page-ad-tc { } .page-ad-tc .page-wrap { position:relative; } .page-ad-tc .page-img img { width:100%; } .page-ad-tc .page-close {/* width:2.125em; height:2.125em; background:url(/uploads/image/images/page-close01.png) no-repeat center center #e5e5e5; background-size:100% 100%; cursor:pointer; right:-2.125em; border-radius:0.375em;*/ width:18px; height:54px; background:url(/uploads/image/images/index-ad-btn.png) no-repeat left center; position:absolute; top:0px; right:-18px; cursor:pointer; z-index:3; } .page-ad-tc .page-close.on {display: none; } .page-ad-tc .page-img02 { height:54px; display:none; } .page-ad-tc .page-smlpic { display:none; } .page-ad-tc .page-smlpic .bg_container{ height:36px; } .page-ad-tc .page-btn { width:12px; height:54px; position:absolute; top:0px; right:-12px; z-index:3; display: none; } .page-ad-tc .page-btn .btn01 { position: absolute; left: 0px; top:0px; width: 100%; height:10px; background: #ff4c00; border-radius: 3px; cursor: pointer; } .page-ad-tc .page-btn .btn01:before{ position: absolute; content: ""; width: 0px; height: 0px; left:50%; top:50%; margin: -3px 0px 0px -1px; border:3px solid #fff; border-color:transparent transparent transparent #fff; } .page-ad-tc .page-btn .btn02 { position: absolute; left: 0px; bottom:0px; width: 100%; background: #ff4c00; height:10px; border-radius: 2px; cursor: pointer; } .page-ad-tc .page-btn .btn02:before{ position: absolute; left:50%; top:50%; margin: -3px 0px 0px -1px; content: ""; width: 0px; height: 0px; border:3px solid #fff; border-color:transparent transparent transparent #fff; } @media only screen and (max-width:1000px){ /* .page-ad-tc .page-img02 { height:30px; } */ } @media only screen and (max-width:480px){ /* .page-ad-tc .page-img02 { height:20px; } */ } @media only screen and (max-width:400px){ /* .page-ad-tc .page-img02 { height:16px; } */ } @media only screen and (max-width:767px){ .page-ad-tc { position: relative;} .page-ad-tc .page-wrap { position:static; } .page-ad-tc .page-close { right: 0px;} } /******************友情链接********************/ .page-index-sec05 { padding-bottom:3em; } .page-index-sec05 .page-list { padding-top:1em; } .page-index-sec05 .page-list ul { height:6em; overflow:hidden; } .page-index-sec05 .page-list ul li { width:33.33%; } .page-index-sec05 .page-list ul li a { position:relative; padding-left:10px; line-height:2; } .page-index-sec05 .page-list ul li a:before { position:absolute; left:0px; width:3px; height:3px; top:50%; margin-top:-1.5px; background:#333; border-radius:50%; content:""; } .page-index-sec05 .page-list ul li a:hover:before { background:#ff6d32; } .page-index-sec05 .page-btn { padding-top:1em; } .page-index-sec05 .page-btn a { position:relative; line-height:2.25; background:#ff6d32; padding:0px 2em; border-radius:1.125em; height:2.25em; display:inline-block; color:#fff; display:inline-block; } .page-index-sec05 .page-btn a span { position:relative; z-index:2; } .page-index-sec05 .page-btn a:hover { opacity:0.9; filter:alpha(opacity=90);} .page-index-sec05.on .page-list ul { height:auto; } @media only screen and (max-width:1000px){ .page-index-sec05 .page-list ul li { width:50%; } } @media only screen and (max-width:767px){ .page-index-sec05 .page-list ul li { width:100%; } }