@media screen and (min-width:1200px) and (max-width:1360px){ .contentesd { width: 1200px!important; margin: 0 auto; background: white; } } body{ min-width: 0; } #Body { background: url(/cnmc/lib/tempalte/scheme/images/cnmc_bj.png) no-repeat top center; background-size: 100% auto !important; margin-top: 20% !important; } .contentesd { width: 90%; margin: 0 auto; background: white; } .algehele_zuo { margin-top: -2px; } .site_top p a, .site_top p select {margin-top: 4px;margin-left: 10px;} .metaal789 { width: 431px; height: 290px; background-color: #f5f5f5; /* opacity: 0.1; */ padding: 0!important; margin-top: 14px; } .content{ width: 1200px; margin: 0 auto; overflow: hidden; padding-bottom: 41px; } .announcement{ text-align: center; border-bottom: 1px solid #cccccc; margin: 28px 0 15px 0; } .announcement h2 a:hover { color: #DDA300; } .announcement h2{ font-size: 24px; font-weight: bold; line-height: 38px; width: 645px; margin: 0 auto; } .announcement p{ margin-top: 8px; font-size: 17px; font-weight: normal; font-stretch: normal; line-height: 26px; letter-spacing: 0px; color: #000000; margin-bottom: 20px; } .news{ overflow: hidden; margin-bottom: 0.3rem; } .news_left ,.algehele_zuo{ width: 57%; } .news_right,.algehele_you{ width: 39.92%; } .news_act{ height: 40px; overflow: hidden; /* display: flex; */ justify-content: space-between; margin-bottom: 14px; } .news_act li{ width: 117px; text-align: center; flex-wrap: nowrap; justify-content: space-around; float: left; margin-right: 10px; } .news_act li a{ font-size: 20px; line-height: 40px; display: inline-block; } .news_act .active{ background: #dda300; border-radius: 5px; } .news_act .active a{ color: white; } .news_cont li{ /* margin-top: 14px; */ box-sizing: border-box; padding-left: 18px; background: url(/cnmc/lib/tempalte/scheme/images/lid.png) no-repeat 0rem 29px; display: inline-block; width: 100%; height: auto; line-height: 26px; position: relative; border-bottom: 1px dashed #e5e5e5; /* padding-bottom: 11px; */ /* padding-top: 10px; */ display: flex; align-items: center; height: 64px; } .news_txt_789 ul li{/* padding-bottom: 9px; *//* padding-top: 7px; *//* background: url(/cnmc/lib/tempalte/scheme/images/lid.png) no-repeat 0rem 14px; */} .news_cont li:nth-child(1){ margin-top: 0px; } .news_cont li span{ bottom: 0; color: #666666; float: right; font-size: 16px; /* display: inline-block; */ /* position: absolute; */ /* right: 0; */ } .news_cont a{ font-family: MicrosoftYaHei; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 24px; letter-spacing: 0px; color: #000000; /* word-break: keep-all; */ /* white-space:nowrap; */ /* overflow:hidden; */ /* text-overflow:ellipsis; */ width: 100%; /* display: block; */ /* float: left; */ /* margin-top: 12px; */ text-align: justify; } .news_cont li a:hover{ color: #DDA300; } .news_txt{ display: none; } .party{ margin-bottom: 21px; overflow: hidden; margin-top: 16px; } .party li{ width: 24%; float: left; overflow: hidden; margin: 0; transition: all 0.8s; margin-left: 1.33%; } .party li img{ width: 100%; height: 118px; transition: all 0.8s; } .party li:nth-child(1){ /* margin: 0 0%; */ margin-left: 0; } .besigheid{ overflow: hidden; } .basiTop{ overflow: hidden; } .basiTop li{ float: left; font-size: 22px; line-height: 48px; } .basiTop li a{ color: #999999; font-weight: bold; } .imgywjt{width: 100%;} .basiTop .basactive a{ font-size: 22px; font-stretch: normal; letter-spacing: 0px; color: #000000; } .basiTop .sg{ float: left; margin: 14px 20px 0 20px; } .basigd{ float: right; color: #999999; margin-top: 21px; font-size: 14px; } .basigd:hover{ color: #DDA300; } .basiTxt{ margin: 3px 0; overflow: hidden; } .sbtxt,.mttxt{ display: none; } .basiTxt li{ line-height: 35px; } .basiTxt li a{ font-size: 16px; padding-left: 20px; box-sizing: border-box; background: url(/cnmc/lib/tempalte/scheme/images/lid789.png) no-repeat 0 16px; width: 88%; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #000000; } .basiTxt li a:hover{ color: #DDA300; } .basiTxt li span{ float: right; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #999999; } .belang{ overflow: hidden; display: flex; justify-content: space-between; margin-top: 3px; } .belang li{ margin-right: 0.15rem; box-sizing: border-box; padding: 12px; background-color: #f5f5f5; height: 331px; width: 241px; } .belang li:nth-child(3){ margin: 0; } .ste1{ height: 40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; font-family: Arial-BoldMT; font-size: 16px; font-stretch: normal; letter-spacing: 0px; color: #e1d9ca; margin-top: 24px; } .rikse1{ height: 76px; position: relative; } .rikse1 img{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); } .ste2{ text-align: center; font-size: 21px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #dda300; margin-bottom: 25px; margin-top: 15px; } .rikse2{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 30px; letter-spacing: 0px; color: #666666; text-align: justify; } .metaal{ background: #f5f5f5; border-top: 1px solid #dda300; box-sizing: border-box; padding: 34px 32px; } .metaal h2{ font-size: 22px; font-weight: bold; padding-bottom: 19px; font-stretch: normal; letter-spacing: 0px; color: #333333; background: url(/cnmc/lib/tempalte/scheme/images/jtdj_89.png) no-repeat; padding-left: 12px; /* border-bottom: 1px solid #ffffff; */ margin-bottom: 9px; display: inline-block; } .pryse img{ width: 100%; transition: all 0.8s; } .pryse ul{ position: absolute; left: 0; right: 0; bottom: 0; height: 75px; background: rgba(0,0,0,0.3); padding: 0.1rem 25px; } .pryse ul li{ color: white; width: 30%; float: left; margin-left: 5%; font-size: 16px; line-height: 25px; } .pryse ul li:nth-child(3n+1){ margin-left: 0; } .pryse ul li:nth-child(3n){ text-align: right; } .pryse ul li:nth-child(3n-1){ text-align: center; } .pryse div{ position: absolute; bottom: 0.1rem; right: 25px; color: white; font-size: 0.12px; } .videol,.pryse{ position: relative; width: 100%; overflow: hidden; transition: all 0.8s; } .videol .spt{ width: 100%; height: 204px; transition: all 0.8s; } .videol .spkgt{ position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); cursor: pointer; } .intera{ margin: 0 21px; } .ksie input{ border: 1px solid #999999; height: 37px; width: 235px; border-radius: 30px; padding-left: 15px; } .ksie button{ width: 70px; height: 39px; color: white; background: #DDA300; padding: 0; border-top-left-radius: 0; border-bottom-left-radius: 0; border-top-right-radius: 50px; border-bottom-right-radius: 50px; margin-left: -0.3rem; } .ander{ margin-top: 12px; margin-bottom: 18px; display: flex; flex-wrap: wrap; } .ander li{ width: auto; line-height: 20px; margin-left: 40px; } .ander li:nth-child(1){ margin-left: 0px; } .ander li:nth-child(4n+1){ margin-left: 0px; } .ander li a:hover { color: #DDA300; } .ander li a{ font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 22px; letter-spacing: 0px; color: #000000; } .lxwm{ display: flex; flex-wrap: wrap; justify-content: space-between; } .lxwm li{ width: 163px; height: 45px; line-height: 45px; border: 1px solid #dcdcdc; background: #ececec; border-radius: 5px; margin-bottom: 16px; } .lxwm li:nth-child(3) { margin-bottom: 0px; } .lxwm li:nth-child(4) { margin-bottom: 0px; } .lxwm li img{ width: 20px; margin: 15px 6px 13px 11px; } .lxwm li span{ font-size: 16px; display: inline-block; width: 74%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .lxwm li span:hover{ color:#DDA300; } .gzh{ position: relative; text-align: center; } .gzh span{ display: inline-block; width: 21px; margin: 25px 0 0 0px; } .metaal_789 { border-top: 1px solid #dda300; box-sizing: border-box; height: 221px; background: url(/cnmc/lib/tempalte/scheme/images/news_d_789.jpg) no-repeat; } .metaal_789 h2{ font-size: 20px; font-weight: normal; font-stretch: normal; /* line-height: 36px; */ letter-spacing: 0px; color: #333333; font-weight: bold; float: left; /* padding-top: 92px; */ /* padding-left: 39px; */ } .gzh_789 span { display: block; width: auto; font-size: 16px; font-stretch: normal; letter-spacing: 0px; color: #999999; margin-top: 10px; } .gzh_789 { /* float: right; */ padding-right: 55px; padding-top: 30px; } .belang_789 li p { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 25px; letter-spacing: 0px; color: #000000; padding-top: 15px; } .belang_789 li{ width: 122px; height: 168px; background-color: #f5f5f5; float: left; text-align: center; margin-bottom: 18px; margin-left: 18px; } .belang_789 li img{ padding-top: 47px; width: 30%; height: 42px; transition: all -10s; cursor: pointer; } .belang_789 li a{display: block;} .belang_789 li:nth-child(4){/* margin-left: 0; */} .belang_789 li:nth-child(1){margin-left: 0;} .belang_789 { margin-top: 13px; } .footer_d_789 { background: url(/cnmc/lib/tempalte/scheme/images/footer_d_789.png) no-repeat center; border-top: 3px solid #dda300; } .belang_789 li:hover img{transform: rotateY(360deg);transition: all 0.8s;} .belang_789 li:hover p a{color: #dda300;display: block;} .gzh_789 img{ width: 126px; height: 127px; border-radius: 10px; /* border: solid 3px #f1bd5a; */ } .pryse_789 ul li { font-family: MicrosoftYaHei; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 45px; letter-spacing: 0px; color: #333333; float: left; margin-left: 33px; } .pryse_789 ul li:nth-child(1) { margin-left: 0px; } .pryse_789_s ul li { font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 50px; letter-spacing: 0px; color: #333333; } .pryse_789_s ul li:nth-child(2) { margin-left: 21px; color: red; } .pryse_789_s ul li:nth-child(3) { margin-left: 41px; color: red; } .pryse_789_s ul li:nth-child(4) { margin-left: 64px; } .pryse_789_s ul li:nth-child(5) { margin-left: 52px; } .metaal789 div:nth-child(2) { background-color: #fafafa; } .metaal789 h2 {margin-left: 25px;margin-top: 25px;} .data_789 { float: right; margin-right: 25px; font-size: 14px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #999999; background-color: #f5f5f5!important; position: relative; top: -253px; right: 79px; } .pryse_789 { padding-left: 24px; padding-right: 18px; border-bottom: 1px solid #ffffff; } .metaal789 div:nth-child(5) { border: none; } .imgshow {width: 300px;position:relative;height: 270px;margin:0 auto;} .img {width:160px;position:absolute;height: auto;top: 0px;z-index: 100;opacity: 0;filter: alpha(opacity=0);transition: all 0.5s;overflow:hidden;} .imgnext {right: 0;transition: all 0.5s;opacity: 0.5;filter: alpha(opacity=50);width: 138px;height:200px;margin-top: 13px;} .imglast {left: 0;transition: all 0.5s;opacity: 0.5;filter: alpha(opacity=50);width: 138px;height: 200px;margin-top: 13px;} .img img {width: 163px;height: 228px;} .imgactive {top: 0;left: 73px;z-index: 999;opacity: 1;filter: alpha(opacity=100);transition: all 0.5s;} .imgcontent{width:380px;margin:auto;position:relative;margin-top: 0px;/* margin-bottom: -15px; */} .btnlast{width: 26px;height: 46px;background: url(/cnmc/lib/tempalte/scheme/images/s_789left.png) no-repeat;position: absolute;right: 0px;top: 35%;z-index: 1000;cursor: pointer;} .btnnext{width: 26px;height: 46px;background: url(/cnmc/lib/tempalte/scheme/images/s_789right.png) no-repeat;position: absolute;left: 0px;top: 35%;z-index: 1000;cursor: pointer;} .imglast .textdiv,.imgnext .textdiv{display:none;} .imgactive .textdiv{display:block;} .cj-module-bg{width: 315px;overflow:hidden;height: 270px;margin-top: 15px;margin: 0 auto;} .cj-hdly-item-title{text-align:center;padding-top: 20px;} .cj-hdly-item-outer{/* width:620px; *//* position:absolute; *//* bottom: -24px; */left:30px;z-index:999;} .cj-hdly-item-title a{color: #666;font-size: 16px;/* font-weight:bold; */} #certify { position: relative; width: auto; margin: 0 auto; } #certify .swiper-container { /* padding-bottom: 60px; */ } #certify .swiper-container .swiper-slide h6 { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 80px; height: 80px; border-radius: 50%; background: url(/cnmc/lib/tempalte/scheme/image/spzt.png) no-repeat; background-size: 100% 100%; } #certify .swiper-container .swiper-slide h6 p { position: absolute; left: 50%; top: 50%; width: 0; height: 0; transform: translate(-42%, -50%); border-left: 16px solid white; border-top: 10px solid transparent; border-bottom: 10px solid transparent; } #certify .swiper-slide { width: 170px; height: auto; /* background: #fff; */ /* box-shadow: 0 8px 30px #ddd; */ cursor: pointer; } #certify .swiper-slide-prev h2{ display: none; } #certify .swiper-slide-prev h2{ display: none; } #certify .swiper-slide-prev { background: url(/cnmc/lib/tempalte/scheme/images/bgshow.png) no-repeat; background-size: 100%; } #certify .swiper-slide-next{ background: url(/cnmc/lib/tempalte/scheme/images/bgshow.png) no-repeat; background-size: 100%; } #certify .swiper-slide-prev img { opacity: 0.6!important; } #certify .swiper-slide-next img { opacity: 0.6!important; } #certify .swiper-slide-active h2{ display: block!important; margin-top: 23px; } #certify .swiper-slide p { line-height: 98px; padding-top: 0; text-align: center; color: #636363; font-size: 1.1em; margin: 0; } #certify .swiper-pagination { width: 100%; bottom: 20px; } #certify .swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; border: 3px solid #fff; background-color: #d5d5d5; width: 10px; height: 10px; opacity: 1; } #certify .swiper-pagination-bullets .swiper-pagination-bullet-active { border: 3px solid #00aadc; background-color: #fff; } #certify .swiper-button-prev { left: -30px; width: 45px; height: 45px; background: url(/cnmc/lib/tempalte/scheme/images/s_789right.png) no-repeat; background-position: 0 0; background-size: 100%; } #certify .swiper-button-prev:hover { background-position: 0 -46px; background-size: 100% } #certify .swiper-button-next { right: -30px; width: 45px; height: 45px; background: url(/cnmc/lib/tempalte/scheme/images/s_789left.png) no-repeat; background-position: 0 -93px; background-size: 100%; } #certify .swiper-button-next:hover { background-position: 0 -139px; background-size: 100% } .dosLeft { /* float: left; */ /* width: 50%; */ } #certify .swiper-slide h2 { font-size: 15px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; background: none; padding-left: 0; margin-bottom: 0; padding-bottom: 0; text-align: center; padding-top: 0; display: none; } .swiper-button-prev-025 { left: 0px!important; width: 45px!important; height: 45px!important; background: url(/cnmc/lib/tempalte/scheme/images/s_789right.png) no-repeat!important; background-position: 0 0!important; background-size: 50%!important; } .swiper-button-next-025{ right: -25px!important; width: 45px!important; height: 45px!important; background: url(/cnmc/lib/tempalte/scheme/images/s_789left.png) no-repeat!important; /* background-position: 0 -93px!important; */ background-size: 50%!important; } .basigd-025{ margin-top: 10px; } .algehele_you { margin-top: 20px; } .news_cont_1s li { padding-bottom: 5.5px; padding-top: 5px; }