/*CSR Report*/ .joks { background: url(bg.jpg) no-repeat bottom; margin: 1.2rem 0 1rem; overflow:hidden; padding-top:0.08rem; } .joks img { float: left; margin-right: 0.4rem; width: 3rem; height: 4.07rem; box-shadow:2px 2px 8px 4px #e8e8e8; } .joks .joktit { color: #0a50b4; font-size: 0.6rem; line-height: 0.4rem; margin-top: 0.5rem; padding-bottom: 0.35rem; margin-right: 2.4rem; font-family: "Times New Roman", Arial; } /*Practice*/ .srp { margin-bottom: 0.8rem; display: flex; flex-wrap: wrap; } .srp::after { content:""; clear:both; display:block; } .sousuo {cursor: pointer;/* display: none!important; */} .srp li { float: left; width: 7.3rem; height: 4.6rem; position: relative; overflow: hidden; margin: 0 0.18rem 0.35rem 0; /*transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; */ background-color:#fff; border:1px solid #fff; box-sizing: border-box; } /*.srp li { border:1px solid #0a50b4; transform:scale(1.2); padding: .05rem; z-index: 1; }*/ .srp li:hover img { transform:scale(1.2); } .srp li:hover div.lidivtit { height: .6rem; } .srp li .lidivimg { width: 100%; height: 3.32rem; overflow: hidden; } .srp li .lidivimg img { width: 100%; height:3.32rem; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } .srp li .lidivtit { position: absolute; bottom: 0; left: 0; width: 5.2rem; padding-top: 0.3rem; padding-right: 0.3rem; background-color: #fff; } .srp li .lidivtit p { margin: 0; line-height: 0.28rem; } .srp li .lidivtit p a { color: #444; font-size: 0.2rem; line-height: .24rem; margin-top:0; font-family: "Times New Roman", Arial; } .srp li .lidivtit span { font-size: 0.18rem; color: #888888; } .srp li span.news_time { font-size:0.16rem; margin:0; } .srp li .lidivtit img { width: 0.18rem; margin-top: -0.04rem; } .srp li:hover .lidivtit img { margin-left: 0.1rem; width: 0.2rem; } .srp li .lidivtit { padding-top: 0.15rem; } .srp li .lidivtit a { color: #0a50b4; font-size: 0.18rem; display: block; margin-top: 0.18rem; } .lidivtit a:hover { text-decoration: none; } /*Business Network*/ .bk { margin-top: 0.42rem; overflow: hidden; } .bk .left { width: 7rem; margin-right: 0.9rem; } .bk .right { width: 7rem; } .bk h2 { color: #0a50b4; font-size: 0.32rem; font-weight: 500; margin-bottom: 0.25rem; font-family: "Times New Roman", Arial; } .bk ul { border-top: 1px solid #d1d1d1; } .bk ul li { border-bottom: 1px solid #d1d1d1; width: 100%; padding: 0.1rem 0 0.06rem; } .bk ul li h3 { font-size: 0.22rem; color: #444; cursor: pointer; font-weight:normal; font-family: "Times New Roman", Arial; background: url(jia.png) no-repeat center right; } .bk ul li h3.jian{ background: url(jian.png) no-repeat center right; } .bk ul li h3 span{ font-size: 0.18rem;} .bk ul li p { font-size: 0.2rem; color: #888888; display: none; margin-bottom:0.12rem; } .bk ul li p span { color: #0943ba; } #box4, #box2 { display: none; } #lr, #la { display: block; margin: 0 auto; width: 0.8rem; color: #0a50b4; font-size: 0.2rem; padding: 0.3rem 0; cursor: pointer; } #lr:hover { text-decoration: none; } #la:hover { text-decoration: none; } #lr img, #la img { width: 0.16rem; height: 0.09rem; display: inline-block; } /* International Cooperation */ .ic { margin-bottom: 0.6rem; margin-top: 0.4rem; } .ic ul { overflow: hidden; } .ic ul li:nth-child(3n+1){ margin-left: 0; } .ic ul li { float: left; width: 4.78rem; height: 3.6rem; margin-left: 0.2rem; margin-bottom: 0.45rem; } .ic ul li div { width: 4.8rem; height: auto; overflow: hidden; } .ic ul li div img { width: 100%; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; cursor: pointer; } .ic ul li div img:hover { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .ic ul li p { margin: 0; margin-top: 0.15rem; color: #333333; font-size: 0.2rem; line-height: 0.3rem !important; font-family: "Times New Roman", Arial; } .news_time { display:block; width:100%; text-align:right; color:#999; margin-top:6px; margin-bottom:10px; font-size:0.16rem; } /* Products & Services */ .pscb { overflow: hidden; margin-bottom: 0.8rem; margin-top: 0.4rem; } .pscb li { float: left; width: 4.8rem; height: 4rem; position: relative; margin: 0 0.18rem 0.3rem 0 } .pscb li .lidivimg { width: 100%; height: 3rem; overflow: hidden; } .pscb li .lidivimg img { width: 100%; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } .pscb li:hover .lidivimg img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); } .pscb li:hover .lidivtit img { margin-left: 0.1rem; width: 0.2rem; } .pscb li p { position: absolute; bottom: 1rem; left: 0; width: 3rem; padding-top: 0.2rem; padding-right: 0.2rem; background-color: #fff; font-size: 0.3rem; font-weight: bold; line-height: 0.28rem; margin-bottom:0; } .pscb li p a{ color:#424242; font-family: "Times New Roman", Arial; font-size: 0.25rem; } .pscb li p a:hover{ color:#424242; text-decoration: none; } .pscb li .lidivtit { margin-top: 0.2rem; } .lidivtit img { display: inline-block; transition: All 0.6s ease-in-out; -webkit-transition: All 0.6s ease-in-out; -moz-transition: All 0.6s ease-in-out; -o-transition: All 0.6s ease-in-out; } .pscb li .lidivtit span { font-size: 0.18rem; color: #888888; } .pscb li .lidivtit a { color: #0a50b4; font-size: 0.18rem; display: block; margin-top: 0.28rem; } .tabs-basic { font: bold 13px sans-serif; width: 17rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 .11rem; } #dnn_ctr23455_ModuleContent .tabs-basic ul li .title { position: absolute; top: 2.8rem ; left: 0.2rem; color: #fff; font-size: 0.2rem; padding-right:.2rem; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } { font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } #dnn_ctr23455_ModuleContent .tabs-basic ul li.li_4 { margin-left:.11rem; } @media (max-width: 1550px) { .pscb li { width: 5.681rem!important; } .bk .right , .bk .left { width: 6.5rem; } .ic ul li:nth-child(3n+1) { margin-left: 0; } .ic ul li { width: 5.73rem!important; height: 4.1rem!important; } .lidivtit { height: auto!important; } .ic ul li div{ width: auto; height: 2.5rem; /* max-height:2rem; */ } .srp li { width: 4.4rem !important; } .srp li .lidivimg img { height:auto !important; } .srp li .lidivimg { height: 2.6rem !important; } } @media (max-width: 1750px) { .pscb li { width: 5.47rem; } .pscb li p a { color: #424242; font-family: "Times New Roman", Arial; font-size: 0.27rem; } .bk .right , .bk .left { width: 47%; } .ic ul li:nth-child(3n+1) { margin-left: 0; } .ic ul li { width: 5.52rem; height: 3.6rem; } .lidivtit { height: auto!important; } .ic ul li div{ width: auto; height: 2.5rem; /* max-height:2rem; */ } .srp li { width: 4.4rem !important; } .ic li .lidivtit p a { float: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; color: #333333; font-size: 0.22rem!important; font-family: "Times New Roman", Arial; } .srp li .lidivimg img { height:auto !important; } .srp li .lidivimg { height: 2.6rem !important; } } #Content-23475 .w1200 {width:100% !important;} @media (max-width: 1024px) { .w1200 { width: 90%!important; } .all-lists li p { height: 0.8rem!important; } .ic ul.all-lists li div{ height: auto !important; max-height: 6rem !important; width: 100%; } .w1200 .w1200 { width:100%; } .pscb li { width: 32%; height:auto; margin: 0 0.18rem 0.3rem 0; } .pscb li p { line-height: 0.5rem; top: 2.9rem; height: .35rem; } .ic ul li { width: 31.5% !important; height: 3.2rem; } .ic ul li div { width: 100%; height: auto; } .ic ul li p { font-size: 0.24rem; line-height: 0.34rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } .srp li { width:31.5% !important; } } @media (max-width: 768px) { .tabs-basic { width:100% !important; } .tabs-basic .tabs-content-placeholder div p { line-height: 0.4rem !important; } .bk .left , .bk .right { width: 46%; } .bk .left{ margin-right: 0.5rem; } } @media (max-width: 750px) { .pscb li { width: 47%; } .pscb li .lidivimg { height: 2rem; } .pscb li p { position: initial; padding-top:0; } .pscb li .lidivtit { margin-top: 0rem; } .tabs-basic { width:auto !important; } .tabs-basic .tabs-content-placeholder { padding: 0.5rem 0 !important; } .tabs-basic .tabs-content-placeholder { display: none; } .tabs-basic ul li .tab-content-active { display: block !important; margin-top:.2rem } .tabs-basic .tab-active { border:0 !important; } .tabs-basic ul li a img { width:100% !important; } .second-content-ct p { font-size: 0.32rem !important; line-height: 0.46rem !important; margin: .2rem 0; color:#666 !important; font-family: "Times New Roman", Arial; } .tabs-basic ul li .title { font-size: 0.32rem !important; top:5.6rem !important; } .tabs-basic ul li.li_2 { margin:0 !important; } #dnn_ctr23459_ContentPane .tabs-basic ul li .title ,#dnn_ctr23461_ModuleContent .tabs-basic ul li .title{ top: 3.6rem !important; } .bk .left , .bk .right { width: 100%; } .bk .left{ margin-right: 0rem; } .bk ul li p { display:block !important; } .bk ul li h3 { background:none; font-size:.3rem; } .ic ul { display: flex; justify-content: space-between; flex-wrap: wrap; } .ic ul li { width: 100% !important; height: 2.4rem; margin-right:0 ; } .ic ul li:nth-child(even) { margin-right:0; } .second-content-ct p { line-height: 0.45rem !important; } .srp li { width:46% !important; height: 3rem !important; margin: 0 0.18rem 0.2rem 0; } .srp li .lidivimg { height:auto !important; } .srp li .lidivimg img { height:auto !important; } .srp li .lidivtit p { height:auto; height: auto !important; } .foot .one { display:flex; justify-content: center; } .foot .one .ov { display:none; } .tabtitle { width:5.8rem; } .foot .logo { width: 4rem; } .bk ul li h3 { letter-spacing: 1px; line-height: .46rem; } } .tabs-basic{ font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul{ list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li{ display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2{ margin: 0 11px; } .tabs-basic ul li .title{ position: absolute; bottom: 0.3rem; left: 0.3rem; color: #fff; font-size: 0.24rem; } .tabs-basic a{ display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder{ overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div{ display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active{ display: block; } .tabs-basic .tabs-content-placeholder div p{ font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img{ max-width:100%; } .tabs-basic{ font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul{ list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li{ display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2{ margin: 0 11px; } .tabs-basic ul li .title{ position: absolute; bottom: 0.3rem; left: 0.3rem; color: #fff; font-size: 0.24rem; } .tabs-basic a{ display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder{ overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div{ display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active{ display: block; } .tabs-basic .tabs-content-placeholder div p{ font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img{ max-width:100%; } .tabs-basic { font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 .11rem; } .tabs-basic ul li .title { position: absolute; top: 4.15rem; left: 0.3rem; color: #fff; font-size: 0.24rem; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } .tabs-basic .tabs-content-placeholder div p { font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } .tabs-basic ul li .tab-content-active { display: none; } .tabs-basic { font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 .11rem; } .tabs-basic ul li .title { position: absolute; top: 4.15rem; left: 0.3rem; color: #fff; font-size: 0.24rem; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } .tabs-basic .tabs-content-placeholder div p { font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } .tabs-basic ul li .tab-content-active { display: none; } .tabs-basic { font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 11px; } .tabs-basic ul li .title { position: absolute; top: 4rem; left: 0.3rem; color: #fff; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } .tabs-basic .tabs-content-placeholder div p { font-size: 0.18rem; color: #666666; line-height: 0.3rem !important; text-align: left; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } .tabs-basic ul li .tab-content-active { display: none; } .tabs-basic { font: bold 13px sans-serif; width: 15rem; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 11px; } .tabs-basic ul li .title { position: absolute; top: 4rem; left: 0.3rem; color: #fff; font-size: 0.24rem; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } .tabs-basic .tabs-content-placeholder div p { font-size: 0.18rem; color: #666666; line-height: 0.3rem; text-align: left; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } .tabs-basic ul li .tab-content-active { display: none; } .tabs-basic { font: bold 13px sans-serif; width: 100%; margin: 0.3rem auto; text-align: center; } /* The tabs */ .tabs-basic ul { list-style: none; text-align: left; margin: 0; padding: 0; } .tabs-basic ul li { display: inline-block; margin-bottom: -1px; position: relative; } .tabs-basic ul li.li_2 { margin: 0 .11rem; } .tabs-basic ul li .title { position: absolute; top: 4.15rem; left: 0.3rem; color: #fff; font-family: "Times New Roman", Arial; font-weight: 500; font-size: 0.24rem !important; } .tabs-basic a { display: block; text-decoration: none; color: #656a6d; /* border: 1px solid transparent; */ border-bottom: 0; /* border-radius: 3px 3px 0 0; */ } .tabs-basic .tab-active { border-bottom: 4px solid #3b6cc6; } /* The content */ .tabs-basic .tabs-content-placeholder { overflow: hidden; font-weight: normal; background-color: #f4f4f4; padding: 0.5rem; margin: 0 auto; text-align: center; } .tabs-basic .tabs-content-placeholder div { display: none; } .tabs-basic .tabs-content-placeholder div.tab-content-active { display: block; } .tabs-basic .tabs-content-placeholder div p { font-size: 0.22rem!important; color: #666666; line-height: 0.3rem; text-align: left; font-family: "Times New Roman", Arial!important; margin-bottom: 0.2rem; } .tabs-basic .tabs-content-placeholder div img { max-width: 100%; } .tabs-basic ul li .tab-content-active { display: none; } #dnn_ctr23455_HtmlModule_lblContent .tabs-basic ul li .tab-content-active { display:none; } @media (max-width: 1550px) { .tabs-basic { /* width: 14rem !important; */ } #dnn_ctr23455_HtmlModule_lblContent ul li a img , #dnn_ctr23458_HtmlModule_lblContent ul li a img , #dnn_ctr23462_HtmlModule_lblContent ul li a img , #dnn_ctr23459_ContentPane ul li a img { width:4.5rem !important; } #dnn_ctr23461_HtmlModule_lblContent ul li a img , #dnn_ctr23460_HtmlModule_lblContent ul li a img { width: 6.8rem !important; } #dnn_ctr23455_HtmlModule_lblContent .tabs-basic ul li .title , #dnn_ctr23459_ContentPane .tabs-basic ul li .title , #dnn_ctr23458_ContentPane .tabs-basic ul li .title , #dnn_ctr23461_ContentPane .tabs-basic ul li .title , #dnn_ctr23462_ContentPane .tabs-basic ul li .title , #dnn_ctr23460_ContentPane .tabs-basic ul li .title{ top:3.8rem } #dnn_ctr23455_ModuleContent .tabs-basic ul li a img { width: 3.35rem !important; } #dnn_ctr23455_ModuleContent .tabs-basic ul li a .title { width: 3.4rem !important; } #dnn_ctr23455_ModuleContent .tabs-basic ul li .title { top:2.55rem; } } @media (max-width: 768px) { #dnn_ctr23455_ModuleContent .tabs-basic ul li a img { width: 3.3rem !important; } #dnn_ctr23455_ModuleContent .tabs-basic ul li .title { top: 2.4rem; } } @media (max-width: 750px) { #dnn_ctr23455_HtmlModule_lblContent ul li a img , #dnn_ctr23458_ModuleContent ul li a img , #dnn_ctr23462_ModuleContent ul li a img , #dnn_ctr23459_ModuleContent ul li a img ,#dnn_ctr23455_ModuleContent .tabs-basic ul li a img{ width:100% !important; } .second-content .tabs-basic , #dnn_ctr23459_HtmlModule_lblContent .tabs-basic { width: auto !important; } .tabs-basic .tabs-content-placeholder { display: block; } #dnn_ctr23456_ContentPane .tabs-basic ul li .title , #dnn_ctr23457_ModuleContent .tabs-basic ul li .title { top: 2.4rem !important; } #dnn_ctr23455_ModuleContent .tabs-basic ul li .title { top: 5.4rem !important; height: 30px; } #dnn_ctr23460_ModuleContent .tabs-basic ul li .title{ top: 3.5rem !important; } #dnn_ctr23459_ModuleContent .tabs-basic ul li .title{ top: 5.6rem !important; } .second-content-ct p { margin: .5rem 0 .2rem 0; } #dnn_ctr23459_ModuleContent .tabs-basic .tabs-content-placeholder , #dnn_ctr23461_ModuleContent .tabs-content-placeholder , #dnn_ctr23462_HtmlModule_lblContent .tabs-content-placeholder ,#dnn_ctr23455_HtmlModule_lblContent .tabs-content-placeholder , #dnn_ctr23458_ModuleContent .tabs-content-placeholder , #dnn_ctr23460_ModuleContent .tabs-basic .tabs-content-placeholder{ display:none !important; } .tab-content-active p { font-size: .24rem; color: #666; font-weight: 400; } #dnn_ctr23456_ModuleContent .tabs-basic ul li div , #dnn_ctr23457_ModuleContent .tabs-basic ul li div { color:#444; left:0; } .srp li .lidivtit p a { font-size: 0.24rem; line-height: .35rem; } } //new #dnn_ctr23457_ModuleContent .tabs-basic ul li .title { top: 3.8rem;} #dnn_ctr23460_ModuleContent .tabs-basic ul li a img , #dnn_ctr23461_ModuleContent .tabs-basic ul li a img {width: 7.4rem !important;} @media (max-width: 1550px) { .ic ul li {margin-bottom: 0;} #dnn_ctr23432_HtmlModule_lblContent .pscb li .lidivtit a { margin-top: 0.15rem; } #dnn_ctr23432_HtmlModule_lblContent .w1200 { width:100% !important; } #dnn_ctr23456_HtmlModule_lblContent .tabs-basic ul li .title , #dnn_ctr23457_HtmlModule_lblContent .tabs-basic ul li .title{ top: 3.8rem; } #dnn_ctr23460_ModuleContent .tabs-basic ul li a img , #dnn_ctr23461_ModuleContent .tabs-basic ul li a img { width: 6.85rem !important; } } @media (max-width: 1024px) { #dnn_ctr23432_HtmlModule_lblContent .pscb li p { top: 2.4rem; } .bk .right, .bk .left { width: 6.3rem; } #dnn_ctr23460_ModuleContent .tabs-basic ul li { width: 48%; } #dnn_ctr23460_ModuleContent .tabs-basic ul li a img { width: 100% !important; } } @media (max-width: 750px) { .tabs-basic ul li.select:after {display:none !important;} .second-content-ct p { margin: .2rem 0 .2rem 0; } .pscb li .lidivtit { margin-top: 0.2rem; } #dnn_ctr23434_HtmlModule_lblContent .bk .right { float:left; } #dnn_ctr23431_HtmlModule_lblContent .ic ul li { height: 4.4rem; } #dnn_ctr23431_HtmlModule_lblContent .ic ul li p { margin-top: 0.15rem; line-height: 0.4rem !important; } #Content-23453 .srp li .lidivtit { padding-top: 0.15rem; } #Content-23453 .srp li .lidivtit p a { font-size:.3rem; line-height: .4rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; } #Content-23453 .srp li:nth-child(even) { margin-right:0; } #Content-23453 .srp li { width: 100% !important; height: 5.2rem !important; margin-left: 0; margin-right: 0; } #dnn_ctr23456_HtmlModule_lblContent .tabs-basic .tabs-content-placeholder , #dnn_ctr23457_ModuleContent .tabs-basic .tabs-content-placeholder { padding: 0.8rem 0 0 0 !important; } #dnn_ctr23460_ModuleContent .tabs-basic ul li { width: 100%; } .bk h2 { font-size: 0.36rem; } } .tabs-basic ul li.select:after { content:" "; display:block; width:0; height:0; border-left:6px solid transparent; border-right:6px solid transparent; border-top:6px solid #3b6cc6; position:absolute; left:calc(50% - 3px); bottom:-6px; } .ic ul li p { overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; padding-right:.2rem; line-height: inherit; } .srp li .lidivtit p {line-height: .3rem !important;} .srp li .lidivtit p a { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; } @media (max-width: 1024px) { .pscb li .lidivimg {height:2.8rem} .ic ul li p {-webkit-line-clamp: 2;} .pscb li p {top:2.6rem; background:none;} .pscb li .lidivtit {margin-top:.5rem;} } @media (max-width: 750px) { .ic ul li p {-webkit-line-clamp: 30;} .srp li .lidivimg {height: 4.2rem !important;} .ic ul li {margin-bottom:.4rem;} .ic ul li , .ic ul li div {height: auto !important;} #Content-23475 .pscb li {width:100% !important;} .pscb li .lidivimg{height:4rem !important; margin-top:0;} .pscb li .lidivtit {margin-top:-.2rem; margin-bottom:.4rem} .pscb li p {width:100%} .pscb li .lidivtit a{margin-top: 0.15rem; font-sizr:.26rem;} #Content-23475 .second-content-ct p {font-size: 0.36rem !important; margin: .4rem 0 .2rem 0; float:left; width:100%;} } #dnn_ctr23455_ModuleContent .tabs-basic ul li .title {top:2.3rem;} #dnn_ctr23462_ContentPane .tabs-basic ul li .title {top: 4.2rem;} #dnn_ctr23461_ModuleContent .tabs-basic ul li a img {width:100% !important} @media (max-width: 1550px) { #dnn_ctr23455_ModuleContent .tabs-basic ul li .title {top:1.7rem; display: flex; align-items: flex-end;} } @media (max-width: 768px) { .srp li .lidivtit p a , .srp li .lidivtit p {overflow: inherit !important;} .srp li { margin: 0 0.18rem 0.3rem 0;} #dnn_ctr23455_ModuleContent .tabs-basic ul li .title {top:1.4rem; padding:0;} } @media (max-width: 750px) { #dnn_ctr23455_ModuleContent .tabs-basic ul li .title {padding-right: .2rem; } #dnn_ctr23455_ModuleContent ul li:nth-child(1) .title{top: 5.6rem !important;} #dnn_ctr23455_ModuleContent ul li:nth-child(4) .title{top: 5rem !important;} #dnn_ctr23456_HtmlModule_lblContent .tab-content-active p {margin: .85rem 0 .2rem 0;} #dnn_ctr23461_ModuleContent .tabs-content-placeholder {display: block !important;} #dnn_ctr23461_ModuleContent .tabs-basic ul li .title {top: 2.5rem !important; left: 0; color: #444;} #dnn_ctr23461_ModuleContent .tab-content-active p {margin-top: 0.5rem;} #Content-23453 .srp li {height:auto !important;} #Content-23453 .srp li .lidivtit p a {-webkit-line-clamp: 30;} } /*pop ------------------------------------------------*/ .pop-lists { position: fixed; left: 0; top: 0; z-index: 99; width: 100%; height: 100vh; background-color: rgba(14, 13, 13, 0.85); visibility: hidden; opacity: 0; transform: scale(1.35); transition: transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s, opacity .25s ease-in-out 0s, visibility .3s ease-in-out 0s; } .pop-lists-on { opacity: 1; transform: scale(1); visibility: visible; } .pop-lists .pop-lists-box { width: 100%; height: 100%; position: relative; display: flex; align-items: center; justify-content: center; } .pop-list-box { width:800px; position: relative; height:77vh; padding: 0 1.5rem; opacity: .3; background: #fff; padding:.3rem; display: flex; visibility: hidden; transform: scale(1.35); transition: transform .3s cubic-bezier(0.215, 0.610, 0.355, 1.000) 0s, opacity .5s ease-in-out 0s, visibility .3s ease-in-out 0s; } .pop-list { width:100%; } .pop-list .img { max-height:60vh; overflow:hidden; } .pop-lists-on .pop-list-box { visibility: visible; transform: scale(1); border-radius: .06rem; opacity: 1; } .pop-lists .pop-lists-box .img img { width:100%; height:auto; } .pop-lists .pop-lists-box .title { width: auto; margin-top: .2rem; } .pop-lists1 .pop-lists-box .title { width:100%; height:17vh; overflow:auto; margin:10px auto; } .pop-lists .pop-lists-box .title p { font-size: 0.2rem; line-height: 0.24rem; margin-right:.1rem; color: #333; font-family: "Times New Roman", Arial; } .pop-left-on, .pop-right-on { position: absolute; top:32vh; /*top: 50%; transform: translateY(-50%);*/ width: .44rem; height: .74rem; padding: .3rem; box-sizing: border-box; background:rgba(20,113,183,.8); cursor: pointer; padding:0; display: flex; justify-content: center; align-items: center; } .pop-lists1 .pop-lists-box .title::-webkit-scrollbar {/*������������ʽ*/ width: 10px; /*�߿�ֱ��Ӧ�����������ijߴ�*/ height: 1px; } .pop-lists1 .pop-lists-box .title::-webkit-scrollbar-thumb {/*����������С����*/ border-radius: 10px; -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.2); background: rgba(20,113,183,.8); } .pop-lists1 .pop-lists-box .title::-webkit-scrollbar-track {/*������������*/ -webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1); border-radius: 10px; background: #EDEDED; } .pop-left-on img, .pop-right-on img { width: .3rem; } .pop-left-on { left: .3rem; } .pop-left-on1 { animation: bounce-left 2s infinite; } .pop-right-on1 { animation: bounce-right 2s infinite; } .pop-right-on { right: 0.3rem; } .pop-cancel-on { position: absolute; top: -.25rem; right: -.25rem; width: .5rem; height: .5rem; box-sizing: border-box; cursor: pointer; } .pop-cancel-on img { width: 100%; } @-webkit-keyframes bounce-left { 0% { left: .4rem; } 80% { left: .3rem; } 100% { left: .4rem; } } @-webkit-keyframes bounce-right { 0% { right: .4rem; } 80% { right: .3rem; } 100% { right: .4rem; } } @-moz-keyframes bounce-left { 0% { left: .4rem; } 80% { left: .3rem; } 100% { left: .4rem; } } @-moz-keyframes bounce-right { 0% { right: .4rem; } 80% { right: .3rem; } 100% { right: .4rem; } } @-ms-keyframes bounce-left { 0% { left: .4rem; } 80% { left: .3rem; } 100% { left: .4rem; } } @-ms-keyframes bounce-right { 0% { right: .4rem; } 80% { right: .3rem; } 100% { right: .4rem; } } @-o-keyframes bounce-left { 0% { left: .4rem; } 80% { left: .3rem; } 100% { left: .4rem; } } @-o-keyframes bounce-right { 0% { right: .4rem; } 80% { right: .3rem; } 100% { right: .4rem; } } @keyframes bounce-left { 0% { left: .4rem; } 80% { left: .3rem; } 100% { left: .4rem; } } @keyframes bounce-right { 0% { right: .4rem; } 80% { right: .3rem; } 100% { right: .4rem; } } @media (max-width: 1024px) { .pop-list-box{height: 72vh;} .pop-lists .pop-lists-box .img img {height: 58vh;} } @media (max-width: 768px) { .pop-lists {display:none !important} } .second-content-title h2,.second-content-title h2 span.Head{ font-family: "Times New Roman", Arial; } .second-content-ct p{ line-height:0.36rem !important; } .pscb li p {bottom: .75rem;} .pscb li .lidivtit a {margin-top: 0.5rem;} @media (max-width: 1550px) { .pscb li .lidivimg {height: 2.8rem;} .pscb li p {bottom: .92rem;} } .pop-logo { position: absolute; bottom: .1rem; left: 50%; opacity: .2; transform: translateX(-50%); -ms-transform: translateX(-50%); -moz-transform: translateX(-50%); -webkit-transform: translateX(-50%); -o-transform: translateX(-50%); width: 3rem; z-index: -1; } #dnn_ctr23474_ModuleContent .pop-list-box { height: 76vh;} @media (max-width: 1550px){ #dnn_ctr23462_ContentPane .tabs-basic ul li .title { top: 3.6rem;} } @media (max-width: 750px) { .foot .one {align-items: center;} .pscb li .lidivtit a{font-size: 0.26rem !important;} .tabs-basic ul li .title {font-size:.36rem !important;} .ic ul li p {line-height: 0.4rem !important;} .bk ul li h3 span {font-size:.3rem} .tabs-basic .tabs-content-placeholder {background-color: #fff;} #dnn_ctr23457_ContentPane .tab-content-active {margin-top: .4rem;} .tabs-basic ul li .tab-content-active p , .tabs-basic .tabs-content-placeholder div p {line-height: 0.46rem !important;} .second-content-ct p {line-height: 0.46rem !important;} .bk ul li h3 span {display: block; } #Content-23453 .srp li .lidivtit p a {font-size:.32rem !important; color:#666 !important ;} #dnn_ctr23456_HtmlModule_lblContent .tabs-basic .tabs-content-placeholder { padding: 1rem 0 0 0 !important;} #dnn_ctr23430_ModuleContent .banner {background: url(gtbannerm.png) no-repeat; background-size: auto 100%;} #dnn_ctr23408_ModuleContent .banner {background: url(srbanner.jpg) no-repeat 80%; background-size: auto 100%;} } @media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .ic ul li p , .srp li .lidivtit p a {height:.7rem;} } h3{letter-spacing: 0px;} .i-pager { width:100%; height: auto; font-size: 16px; margin-top: 30px; text-align: right; clear: both; color: #666666; margin-bottom: 0.7813rem; } .i-pager-first, .i-pager-prev, .i-pager-next, .i-pager-last, .i-pager-item { display: inline-block; width: auto; min-width: 38px; height: 38px; margin-left: 6px; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); text-align: center; line-height: 38px; font-size: 16px; padding: 0; color: #666666 !important; } .i-pager-next, .i-pager-last, .i-pager-first, .i-pager-prev { font-size: 15px; padding: 0 0.2188rem; vertical-align: bottom; color: #666666 !important; } .i-pager-info { height: 38px; background-color: #ffffff; border-radius: 4px; border: solid 1px rgba(102, 102, 102, 0.3); font-size: 16px; vertical-align: bottom; color: #666666; margin-left: 7px; } .i-pager-current { width: auto; text-align: center; display: inline-block; margin-left: 6px; line-height: 38px; border: none; color: #666666; padding: 0; } .i-pager-info-c { color: #0a50b4; width: auto; text-align: center; display: inline-block; padding-right: 0; padding-left: 6px; line-height: 34px; border: none; } .i-pager-info-p { color: #666666; width: auto; text-align: center; display: inline-block; padding-left: 6px; line-height: 34px; border: none; } .i-pager-info-t { color: #666666; width: auto; text-align: center; display: inline-block; margin: 0 3px; line-height: 38px; border: none; } .i-pager a:hover { color: #fff !important; } .i-pager-item-active {background: #0a50b4;} @media (max-width: 750px) { .i-pager-info{border:0;} #Content-23386 .text a {text-overflow: ellipsis; white-space: nowrap; display: block;} } .i-pager-prev:hover { background: #0a50b4; color: #ffffff; } .i-pager-item:hover { background: #0a50b4; color: #ffffff;} .i-pager-next:hover { background: #0a50b4; color: #ffffff; } .i-pager-first:hover { background: #0a50b4; color: #ffffff; } .i-pager-last:hover { background: #0a50b4; color: #ffffff; }