body{color:#333;} .bottombg{width:100%;background: #521F7E; padding: 3rem 0 5rem 0;} .bottombg .table,.bottombg .table-cell{width:100%;} .bottoml{width:100%;} /*.bottomr{width:15%; padding-top:40px;line-height: 1em;}*/ ul.fnav li{float: left; width:14.28%;padding:30px 0;box-sizing: border-box;} ul.fnav li a,.link a,.white{color: #fff;} .foot a:hover,ul.fnav li .erji a:hover,.link a:hover,.link a.white{opacity: 1;} ul.fnav li h3 a{font-size:1.8em; margin-bottom: 15px;width:70%; height:34px;line-height:34px;color: #fff!important; display:block; border-bottom:1px solid #CE0F31; padding-bottom:10px;} ul.fnav li .erji a{/*display: block;*/line-height: 1.8em; font-size:1.4em;width:70%;color:#fff;} ul.fnav li .erji a.sc{width: 120px;height: 36px;background-color: #CE0F31;border-radius: 5px; text-align:center; line-height:36px;opacity:1;display: block;} ul.fnav li .erji a.sc img{padding-top:8px; display:inline-block; margin-right:5px;} .btr{ margin-bottom:15px;} .btr a{color:#fff; font-size:2em;} .btr a:hover{ color:#fff!important; } .btr em{width: 30px;height:24px;background-color: #CE0F31;border-radius: 5px; display:block; text-align:center; padding-top:6px; display:inline-block; margin:0 7px 0 0;} .btr p{ margin:10px 0 20px 39px;white-space: nowrap;} .link a{line-height: 1.8em; font-size:1.4em;color:#fff;opacity:0.7; margin-right:20px;} .foot{ background:#CE0F31; height:50px;color:#fff;width:100%; z-index:2; line-height:50px;font-size:1.3em;overflow:hidden;} .footr em{ display:inline-block; border-radius:100%; 0background:#521F7E;width:30px;height:30px; margin:10px 5px 0 5px;} .footr em:hover{ background:#6b0060;} /* bottom */ .ac2tbg{position: fixed;left: 0;right: 0;bottom: 0;top: 0;background:#000; z-index: 8;display: none;filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8; z-index:5;} .tanchuang{display:none;z-index:10;position:fixed;margin:auto;width:800px;max-width:93.75%;height:600px;max-height:70%;top:0;bottom:0;left:0;right:0;background:#000;overflow:auto;} .tanchuang video{width:100%;height:100%;} .tanchuang span{width:19px;height:19px; background:#000 url(../images/x.gif) no-repeat right 0; position:absolute; right:0; top:0;z-index:6;} .tanchuang img{ margin:0 auto;vertical-align: middle; margin:auto;} .zoom{cursor:url(/images/big.cur),default;display:flex;display: -webkit-flex; /*webkit*/ } .minifier{cursor:url(/images/small.cur),default;display:flex;display: -webkit-flex; /*webkit*/ } .ac1s p::after,.probg li p::after {content:"";position:absolute;bottom:0;right:0;} .banner{height: 500px; position: relative;} .banwz{position:absolute;left:0%;top:0;height:100%;width: 100%;color: #fff; line-height: 1.5;} .banwz .table,.banwz .table-cell{width: 100%;} .banwzb1{ font-size: 4.2em;} .banwzb2{width: 60px;height: 2px; background: #fff; margin: 1em auto 2rem auto;} .banwzb3{font-size:1.6em;line-height: 1.8;} .crumbsbg{background: #fff;border-bottom: 1px solid #eee;} .crumbsl li{float: left;margin-right:40px;font-size: 1.6em;padding: 1rem 0;border-bottom: 1px solid transparent;} .crumbs a{color: #333;} .crumbsl li a:hover,.crumbsl li.cur a{color: #521F7E;} .crumbsl li.cur,.crumbsl li:hover{border-bottom: 1px solid #521F7E;} .crumbsr{padding: 1rem 0;line-height: 14px;font-size: 1.4em;} .crumbsr em{margin-right: 8px;} .at1c{margin: 3rem auto;} .a1cl{width:49%; position:relative; z-index:2; cursor:pointer;max-width: 705px;background: #000;} .a1cl #vid span img{opacity: 0.75;} .a1cl em{width:10%;max-width:100px; display:block; position:absolute; top:43%; left:43%;} .a1cl em:hover{opacity: 0.8;} .a1cl video{width:100%; height:100%;} .a1cr{width:47%;padding:3% 0 0 0;} .a1crt{color: #521F7E; font-size: 2.4em;} .a1crm{font-size: 1.4em;margin: 1rem auto;} .a1cran a{width:120px; line-height:36px; font-size:1.4em; color:#fff; text-align:center; background:#521F7E; border-radius:3px; display:block;} .a1cran a:hover,.searchp a:hover,.sviewtitr a:hover{opacity: 0.8;color:#fff!important;} .a1cran:before,.a1cran a:before,.a1cran:hover a:before,.searchp:before,.searchp a:before,.searchp:hover a:before{border-radius: 3px;opacity: 0.8;} .ac2bg{background: #f8f8f8; padding: 5rem 0;} .ac2m{margin-top: 3rem;} .ac2t{ margin-bottom: 2rem; font-size: 3.6em; line-height: 1em; font-weight: inherit;} .ac2t p{font-size: 14px; text-transform:uppercase;} .ac2m li{width:18.4%;float: left;margin-left: 2%;cursor: pointer;position: relative;} .ac2m li:nth-child(5n+1){margin-left: 0;} .ac2m li p{position: absolute;width:100%;height: 100%; text-align: center;display:flex;display: -webkit-flex; /*webkit*/top: 0;font-size: 1.4em;color: #fff;background-color: rgba(0,0,0,0.5);-webkit-transform:scale(0.5,0.5);transform:scale(0.5,0.5);-o-transform:scale(0.5,0.5);-moz-transform:scale(0.5,0.5);opacity:0;transition:all 1s;-moz-transition:all 1s;-webkit-transition:all 1s;-o-transition:all 1s;} .ac2m li:hover p{-webkit-transform:scale(1,1);transform:scale(1,1);-o-transform:scale(1,1);-moz-transform:scale(1,1);opacity:1;} .ac2m li p bdo{vertical-align: middle; margin:auto;} .ac2mf{margin-bottom:5.5rem;} #contents .weare_section{background: #000;position: relative; position: relative;overflow: hidden;} #contents .weare_section .bg{position: absolute;left:0;right:0;bottom:0;top:0;opacity: 0;visibility: hidden;transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s} #contents .weare_section .bg0{background: #000 url('/images/aboutp_23.jpg') no-repeat center;background-size: cover;} #contents .weare_section .bg1{background: #000 url('/images/aboutp_23.jpg') no-repeat center;background-size: cover;} #contents .weare_section .bg2{background: #000 url('/images/aboutp_23.jpg') no-repeat center;background-size: cover;} #contents .weare_section[data-num="0"] .bg0{opacity: 1;visibility: visible;} #contents .weare_section[data-num="1"] .bg1{opacity: 1;visibility: visible;} #contents .weare_section[data-num="2"] .bg2{opacity: 1;visibility: visible;} #contents .weare_section .inner{text-align: center;max-width: 1200px;margin: 0 auto;color: #fff;padding:5rem 0 8rem 0; position:relative; z-index:1;} #contents .weare_section .inner .thumb{ position: relative;font-size: 0;letter-spacing: 0;word-spacing: 0;position: relative;margin:3rem 0 1rem 0;height: 295px} #contents .weare_section .inner .thumb:after{content: '';position: absolute;left:0;right:0;bottom:0;height: 1px;background: rgba(255,255,255,.2)} #contents .weare_section .inner .thumb ul{position: relative;left: 50%; margin-left: -123px;} #contents .weare_section .inner .thumb li{position: absolute;width: 245px;top:0;left:0;} #contents .weare_section .inner .thumb li.active{z-index: 2;} #contents .weare_section .inner .thumb .select_line{position: absolute;max-width: 245px;margin: 0 auto;left:0;right:0;bottom:0;width: 100%;} #contents .weare_section .inner .thumb .select_line>span{content: '';position: absolute; bottom: 0;left:0;height:3px;width:0px;margin-left:121px;background:#fff;z-index: 1;} #contents .weare_section .inner .thumb_content_area{display: none;margin: 0 auto; position: absolute;left: 0;right: 0;} #contents .weare_section .inner .thumb li a{position: relative;font-size: 16px;line-height: 18px;display: block;font-weight: 700;transform:scale(0.8);-webkit-transform:scale(0.8);-moz-transform:scale(0.8);transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;} #contents .weare_section .inner .thumb li a:before{content: '';position: absolute;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.4);-webkit-transition: all 0.2s;-moz-transition: all 0.2s;-o-transition: all 0.2s;transition: all 0.2s;} #contents .weare_section .inner .thumb li.active a{transform:scale(1);-webkit-transform: scale(1);-moz-transform: scale(1);} #contents .weare_section .inner .thumb li:not(.active) a:hover{transform:scale(0.85);-webkit-transform: scale(0.85);-moz-transform: scale(0.85);transition: all 0.2s;-webkit-transition: all 0.2s;-moz-transition: all 0.2s;} #contents .weare_section .inner .thumb li.active a:before,#contents .weare_section .inner .thumb li:hover a:before{background: rgba(0,0,0,0)} .ac3,.category,.f16{font-size: 1.6em;} #contents .weare_section .inner .text,.f14{font-size: 1.4em;} .f12{font-size: 1.2em;} .acbg1{ overflow:hidden;padding: 5rem 0 18rem 0;} .acon1{position:relative; margin-top:16rem; height:30px;} .acon1 .swiper-container{ overflow:inherit!important;} .swiper-button-next,.swiper-button-prev{ width:26px!important; height:26px!important; display:block; border-radius:100%; font-weight:bold;color:#d3a3ce; font-size:16px;background:#521F7E!important;position:relative; z-index:2; float:left;cursor:pointer!important; line-height:26px;opacity:1!important;font-family: "宋体"; padding:2px 0 0 2px;margin-top:-15px!important;} .swiper-button-next:hover,.swiper-button-prev:hover{color:#e6cbe3;} .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{color:#e6cbe3;cursor:pointer!important;} .swiper-button-next{right:0!important; padding:2px 0 0 10px;width:16px!important;} .swiper-button-prev{right:auto!important;left:0!important;} .ac1line{ border-bottom:1px solid rgba(217, 217, 217, 0.36); position:absolute;top:50%; left:0;width:100%; z-index:1;} .acon1 .swiper-slide{width:calc(14% - 10px);float:left;position:relative;} .ac1s{ position:absolute;z-index:2;width:100%;max-width: 185px; bottom: 0;padding-bottom: 30px;} .ac1s span{font-size:1.8em;} .ac1s p{font-size: 1.4em;line-height: 1.6em;position:relative;} .acon1 .swiper-slide:hover .ac1s p,.acon1 .swiper-slide-active .ac1s p{height: auto;} .ac1z{height: 14px; margin-top:8px;background: url(/images/aboutdoc_10.png) no-repeat center center;} .acon1 .swiper-slide:hover .ac1z,.acon1 .swiper-slide-active .ac1z{background: url(/images/aboutdoc_07.png) no-repeat center center;} .ac1x{ position:absolute;z-index:2;width:100%;font-size:12px;padding: 20px 0 0 0;} .ac1x img{max-width: 163px;margin: 0 auto;-webkit-transition: all 1s;-moz-transition: all 1s;-o-transition: all 1s;transition: all 1s;} .acon1 .swiper-slide:hover .ac1x img{max-width: 100%;} .acon1 .swiper-slide-active .ac1x img{max-width: 100%;} .acon1 .swiper-slide:nth-child(even) .ac1s{bottom: auto;top:0;padding:30px 0 0 0;} .acon1 .swiper-slide:nth-child(even) .ac1x{top:auto;bottom: 0;padding: 0 0 30px 0;} .ac4bg{padding: 5rem 0;color: #fff;} .ac4 ul{margin: 5rem auto;} .ac4 li{display: inline-block;margin: 0 5%;font-size: 1.4em;text-align: left;} .ac4 li em img{display: inline-block;vertical-align: middle;margin: -3px .5rem 0 0;} .ac4 li a,.cf{color: #fff;} .ac4 li em{margin-bottom:.2rem;display: block;font-style: normal;font-size: 1.5em;} .ac4 li:hover em img{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} .ac5{padding: 5rem 0;} .ac5p{width: 50%;color: #666; margin: 0 auto 2rem auto;} /* about */ .aconm,.acon{ padding:40px 0 0 0;} .aconm .container{ position:relative; display:table;} .aconl{width:43%; margin-left:3%;position:absolute;left:0%;top:0;height:100%;} .aconlt{font-size:2.4em; margin:0 auto 25px auto;} .aconr{width:43%;} .aconm:nth-child(even){ background:#fafafa;} .aconm:nth-child(even) .aconl{ float:right;margin:0 9% 0 5%;left:auto;right:0%;} .aconm:nth-child(even) .aconr{ float:left;} .intbg{background-color: #f7f7f7;padding: 5rem 0 4rem 0;} .int{max-width: 1039px; margin: 3rem auto 0 auto;background: url(/images/intpic_11.jpg) no-repeat center center;height: 550px;position: relative;} .int dt{width: 229px;height: 229px;border-radius: 100%;position: absolute;top: 50%;left: 50%;margin: -114px 0 0 -114px;} .int dd{background-color:#acacac;border-radius: 100%;position:absolute;color: #fff;} .int dd.inty1{width: 232px;height: 232px;top:0%;left:10%;} .int dd.inty2{width: 150px;height: 150px;top:10%;right:18%;} .int dd.inty3{width: 167px;height: 167px;bottom:5%;left:20%;} .int dd.inty4{width: 220px;height: 220px;bottom:10%;right:8%;} .int dd .intm{position: absolute;margin: auto;right: 0;left: 0;top: 50%;text-align: center;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding: 0 2em;text-transform: uppercase;} .int dd .intsjx{width: 0px;height: 0px;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:40px solid #acacac;position: absolute;font-size:0;margin: 0;padding: 0;} .int dd.inty1 .intsjx{right: 0;top: 80%;transform:rotate(37deg); -ms-transform:rotate(37deg); -moz-transform:rotate(37deg); -webkit-transform:rotate(37deg);-o-transform:rotate(37deg);} .int dd.inty2 .intsjx{left: 20%;top: 80%;} .int dd.inty3 .intsjx{right: 0;top: 10%;transform:rotate(-30deg);-ms-transform:rotate(-30deg); -moz-transform:rotate(-30deg); -webkit-transform:rotate(-30deg);-o-transform:rotate(-30deg);} .int dd.inty4 .intsjx{left:-3%;top: 40%;transform:rotate(70deg);-ms-transform:rotate(70deg); -moz-transform:rotate(70deg); -webkit-transform:rotate(70deg);-o-transform:rotate(70deg);} .int dd:hover{background-color: #521F7E;} .int dd:hover .intsjx{border-left:40px solid #521F7E;} /* introduce */ .honorbg{background: url(/images/honor_03.jpg) no-repeat center center;background-size:cover;padding:4.5rem 0 7rem 0;} .honortit span{font-size: 3em;} .honort{margin: 3rem auto 4rem auto;background:url(/images/honorline.png) repeat-x 0 72px;text-align: center;} .honort p{width: 100px;height: 40px;line-height: 40px;color: #333; font-size: 1.6em;border-radius: 4px;margin: 0 auto 25px auto;} .honort span{width: 13px;height: 13px;border-radius: 100%;border: 1px solid #838383;background: #fff;display: inline-block;} .honort .swiper-slide:hover p/*,.honort .swiper-slide-active p*/,.honort .swiper-slide.active p{background: #521F7E;color: #fff;} .honort .swiper-slide:hover span/*,.honort .swiper-slide-active span*/,.honort .swiper-slide.active span{border: 1px solid #521F7E;background: #521F7E;} .honort .swiper-button-next,.honort .swiper-button-prev{bottom: 0!important;top: auto!important;} .honorm{max-width: 1200px;} .honorm .swiper-container3{max-width: 1000px;} .honorm .swiper-button-next{width: 30px!important;height: 40px!important;line-height: 40px!important;text-align: center;} .honorm .swiper-button-prev{width: 32px!important;height: 38px!important;line-height: 40px!important;padding: 2px 0 0 8px;} /* honor */ .contactt{margin: 5rem auto 3rem auto;font-size: 2.4em;text-align: center;} .iw_poi_title {color:#CC5522;font-size:14px;font-weight:bold;overflow:hidden;padding-right:13px;white-space:nowrap} .iw_poi_content {font:12px arial,sans-serif;overflow:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:break-word} #dituContent{width: 100%;height: 555px;} span.BMap_noprint{background:url(/images/contactdoc_03.png)!important;width: 24px!important;height: 36px!important;} .conan{width: 178px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #313131;} .conan a{font-size: 1.4em;color: #fff;display: block;} .contact2{margin: 2rem auto 6.5rem auto;} .contact2 div{font-size: 1.8em;display: inline-block;margin: 0 5%;} .contact2 div p{font-size: 14px;margin-top: 5px;} .contact2 em{width:18px;height:18px;text-align:center;display:inline-block; margin:0 7px 0 0;vertical-align: middle;} /* contact */ .zpSearch{margin: 4rem auto 3rem auto;} .zpSearch .items{float: left;width:22.33%;margin-right: 1%;background: #fff;position: relative;text-align: center;border: 1px solid #ddd;border-radius: 4px;} .zpSearch .items .value{ display: block; text-align: left;padding: 10px 0;margin: 0 12px; line-height: 20px;color: #666;font-size: 1.4em;background: url(/images/q_xl.png) no-repeat right center;} .zpSearch .items input[type=text]{ border: 0; width: 94%;padding: 10px 3%; line-height: 20px;height: 20px;} .zpSearch .items ol{ left: 0;right: 0; height: auto; max-height: 266px;*height: 266px;display: none;} .zpSearch .items.on:after{ display: none;} .zpSearch .items ol li{ line-height: 38px;} .selectForm .items ol{max-height: 266px; _height: 266px; padding: 2px; overflow-y: auto;display: none; position: absolute; left: 0px;top: 100%; right: 0px;background: #fff; border: 1px solid #EAEAEA;} .searchForm .items ol{ left: 5px; right: 5px;} .selectForm .items ol li{line-height: 38px;color: #666; white-space: nowrap;overflow: hidden;text-overflow: ellipsis; text-align: left; padding-left: 15px;cursor: pointer;position: relative;transition: 0.4s;-webkit-transition: 0.4s;font-size: 1.4em;} .selectForm .items ol li a{ display: block;color: #666;} .selectForm .items ol li:before{ position: absolute; left: 15px;right: 15px;bottom: 0;border-top: 1px dashed #EAEAEA;content: '';} .zpSearch .tit{ line-height: 40px;font-size: 24px;float: left;width: 18%;text-align: center;} .searchp{line-height: 40px;float: left;} .recruitDL dd{ padding:25px 30px; color: #999;font-size: 14px;} .recruitDL dd .margin{ position: relative; padding-right: 140px;} .recruitDL dd .clickMore{ position: absolute; right: 0;top: 10px; padding: 0;} .recruitDL dd .tit{ font-size: 18px;color: #333;} .recruitDL dd:nth-child(odd){ background: #e7e7e7;} .recruitDL dd .clickMore a{ background: transparent; border: 1px solid #d5d2d2; color: #888;} .clickMoreBlack{ text-align: center; padding: 5% 0;} .clickMoreBlack a,.KnowMore a,.searchp a{overflow: hidden;display: inline-block;padding: 0 30px;line-height: 38px;height: 38px;font-size: 14px;position: relative;transition: .5s;-webkit-transition: .5s;-o-transition: .5s;border: 1px solid #ddd;border-radius: 4px;color: #999;} .searchp a{background: #521F7E;border: 1px solid #521F7E;color: #fff;} .topJS{ padding: 40px 0; border-bottom: 1px solid #EAEAEA; position: relative; font-size: 16px;} .topJS .tit{line-height: 40px; text-align: center;font-size:1.7em;position: relative;} .topJS .tit .a1cran a{display: block;font-size: 14px;} .topJS .tit .a1cran{margin-top:1.5rem;} .topJS .money{ color: #ef0e0e;font-size: 24px; margin: 10px 0;} .yaoqiu{ color: #666; padding: 30px 0 0;} .yaoqiu span{line-height: 24px; margin-bottom: 5px; display: inline-block; margin-right: 20px;} .yaoqiu span i{ display: inline-block;margin-right: 5px; width: 20px; height: 20px; vertical-align: sub;background: url(/images/q_icon.png) no-repeat;} .yaoqiu span .icon_1{ background-position: 0 -80px;} .yaoqiu span .icon_2{ background-position: 0 -100px;} .yaoqiu span .icon_3{ background-position: 0 -120px;} .yaoqiu span .icon_4{ background-position: 0 -140px;} .yaoqiu span .icon_5{ background-position: 0 -160px;} .editTxt{ color: #666; font-size: 16px; line-height: 2; padding-bottom: 2.5%;} .editTxt b,.c333{ color: #333;} .newsPrev{position: relative; margin: 2% 0; padding-right: 140px;} .newsPrev .dd{margin-bottom: 10px; font-size: 14px; position: relative; padding-left: 100px;line-height: 40px; white-space: nowrap;overflow: hidden;text-overflow: ellipsis;} .newsPrev .dd label{ position: absolute; left: 0; width: 80px;text-align: center;border: 1px solid #E2E2E2;line-height: 38px;} .newsPrev .dd a,.c666{color: #666;} .newsPrev .dd a:hover{ color: #000;text-decoration: underline;} .newsPrev .dd span{ padding-left: 15px;color: #ccc;} .newsPrev .clickMore{ position: absolute; right: 0; bottom: 0;padding: 0;} .newsPrev .clickMore img{ vertical-align: middle;} .newsPrev .clickMore a{ padding:0 15px;} /*加入我们*/ .nss{width: 250px;border: solid 1px #dddddd;height: 43px;line-height: 43px;margin: 2rem 0 0 auto;padding-left: 15px;} .nss input.t,.nss .b input{height: 43px; font-size: 14px;color: #999;} .nss .b input:hover{background:url(../images/headdoc_19.png) no-repeat center 0;} .newsbg{ margin:2rem auto 5rem auto;} .dflz{margin-bottom: 2rem;} .dflzl{width:24%;} .dflzr{width:74%; padding-top:1.5rem;} .pbtl a{color:#000;font-size:1.8em;line-height:1;} .pbtl{width:100%;} .pbm{position:relative;height:3.6em;overflow:hidden; line-height:1.8em;font-size: 1.4em;color: #666;margin: .5rem auto;} .yaoqiu span font,.pbtr,.c999{color: #999;} .pbmannu a{width:100px; height:34px; display:block;color:#521F7E;border:1px solid #521F7E; text-align:center; line-height:34px; margin-top:1.5%;font-size: 1.2em;} .dflz:hover .pbmannu a{ background:#521F7E; border:1px solid #521F7E;color:#fff!important;} #pgServer{text-align:center;font-size: 14px;color: #646464; margin-bottom:5%;} #pgServer a{float:none;} #pgServer a,#pgServer font,#pgServer span{display: inline-block;font-size: 14px;color: #646464;border: 1px solid #d8d8d8;margin-right: 5px;padding:6px 13px;} #pgServer font,#pgServer span,#pgServer a:hover{border-color: #521F7E;background-color: #521F7E;color: #fff!important;} #pgServer a.none{border:none;} .pageFirst,.pagePrev,.pageNext,.pageLast{border:none;} #pgServer span.cur{border:1px solid #521F7E;} @media screen and (max-width:960px) { .dflzl{width:30%;} .dflzr{width:68%;} .ac1x{width:80%;margin:0 auto;left:50%;transform: translateX(-50%);} } @media screen and (max-width:600px) { .dflzl{width:48%;height:102px;overflow:hidden;} .dflzr{width:50%;} #pgServer a,#pgServer font,#pgServer span{margin-right:3px;padding:2px 5px;} .pbm{ margin:0 auto; line-height:1.6em; height:2.95em;} } .nvtm{width:100%; padding:4.5% 0 3% 0;} .nvtm h2{font-size:2.4em; margin-bottom:1.5%;} .navtmp{ font-size:1.2em; line-height:1em;margin: 0 auto;max-width: 465px;} .navtmp bdo{ margin-left:2rem;} .navtmp div{line-height: 28px;margin: 0 3%;float: left;} .newsview{color: #666; font-size: 1.4em;} .neclmore{margin-bottom:5rem;} .neclml{font-size:1.3em;color:#666;} .neclml a{ line-height:4; display:inline-block;color:#666;} .neclml bdo{color:#333;display:inline-block;border: solid 1px #e5e5e5;padding: .5rem 1.5rem;margin-right: 1rem;} .neclmr{ padding-top:1%;} .neclmr a{display:block;width:150px; height:48px; line-height:48px; text-align:center; border:1px solid #e5e5e5;color:#333;font-size:1.6em;} /* news */ .protit{padding-bottom: 15px;border-bottom: 1px solid #ddd;margin-top: 4rem;} .protit span{font-size: 2.4em;} .protit bdo{font-size: 1.2em;text-transform: uppercase;padding:0 0 0 15px;} .probg{margin-bottom: 6rem;} .probg li{width:calc(25.3333% - 2px);float: left;border: solid 1px #e6e6e6;padding: 0 3% 2% 3%;margin: 2rem 0 2rem 3%; text-align: center;} .probg li:nth-child(3n+1),.prolistbg li:nth-child(5n+1),.solulist li:nth-child(4n+1){margin-left: 0;} .probg li em{width:100%;display: block;overflow: hidden;} .probg li b{font-size: 1.8em;color: #333;margin: 1rem auto .5rem auto;display: block;font-weight: initial;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .probg li p{font-size: 1.4em;color: #666;text-align: left;margin-bottom: 1.5rem; height:3.6em; line-height:1.8em;position:relative;overflow:hidden;} .probg li span{width: 120px;height: 36px;border-radius: 5px;border: solid 1px #521F7E;display: block;text-align: center; line-height: 36px;color: #521F7E;font-size: 1.4em;margin: 0 auto;} .probg li:hover,.prolistbg li:hover em{border: solid 1px #521F7E;} .probg li:hover span{background: #521F7E;color: #fff;} .prolistbg{margin: 4rem auto;} .prolistbg li{width:calc(18.4% - 2px);float: left;margin:0 0 4rem 2%; text-align: center;} .prolistbg li em,.provpic .swiper-slide em{width:calc(100% - 2px);display: block;overflow: hidden;border: solid 1px #e6e6e6;} .prolistbg li b,.provpic .swiper-slide b,.solulist li b{font-size: 1.6em;color: #333;margin: 1rem auto 0 auto;display: block;} .prolistbg li:hover b,.c860,.provpic .swiper-slide:hover b,.solulist li:hover b{color: #521F7E;} .proviewbg{margin-top: 0;padding: 4rem 0;} .prohhlb a{height: 38px;line-height: 38px;color: #521F7E;border: 1px solid #521F7E;} .proview{background-color: rgba(255, 255, 255, 0.9);padding: 3% 5% 3% 3%;margin-bottom: 2rem;} .provl{width: 27%;} .provr{width: 70%;} .provrt{padding: .3rem 0 .7rem 0;border-bottom: 1px solid #ccc;font-size:2.4em;color: #000;} .provrtr{padding-top: .8rem;} .provrm{padding: 1rem 0;border-bottom: 1px solid #ccc;font-size:1.4em;color: #000;} .provrl{width: 17%;} .provrr{width: 82%;color: #666;} .provrr b{color: #333;font-weight: inherit;} .provpic{margin: 2.5rem auto 0 auto;position: relative;padding-bottom: 3rem;} .provpic .swiper-container3{margin: 0 5%;} .provpic .swiper-button-next,.provpic .swiper-button-prev{font-weight: bold;margin-top: -65px!important;} .provpic .swiper-button-next{width: 30px!important;height: 38px!important;line-height: 40px!important;text-align: center;} .provpic .swiper-button-prev{width: 32px!important;height: 38px!important;line-height: 40px!important;padding: 2px 0 0 8px;} .provpic .swiper-slide img{} .provpic .swiper-slide.active em{width: calc(100% - 5px);border: 2px solid #521F7E;} .provpic .swiper-slide.active b{color:#521F7E;} /* protuct */ .solubg{padding-top: 70px;} .solubg .crumbsbg{background:none;border-bottom: 1px solid rgba(221, 221, 221, 0.5);color: #fff;} .solubg .crumbsbg a{color: #fff;} .hexqhbg{padding-bottom: 3rem;} .container12{width:94%; margin: 0 auto; max-width:1200px;} .hexqh{background-color: rgba(0, 0, 0, 0.3);border-radius: 25px; padding: 3%;color: #fff; font-size: 1.4em;} .hexqht{font-size: 28px;margin-bottom:1rem;} .solult,.popum{margin-top: 2rem;} .solulist,.sviewtit{margin: 2.5rem auto;} .solulist li{width:calc(23.5% - 2px);float: left;margin:0 0 3rem 2%; text-align: center;} .solulist li b{font-weight: inherit;} .sviewtit{padding-bottom: 10px;border-bottom: 1px solid #ececec;line-height: 40px;} .sviewtitr a{width: 120px;line-height: 40px;border-radius: 3px;background: #521F7E; display:inline-block;text-align: center;margin-left: 1rem;color: #fff; font-size: 1.4em;} .sviewtitr a img,.popuan img{vertical-align: middle;margin-left: 6px;} .sviewvideo{width:94%!important; margin: 3.5rem auto 0; max-width:1000px;} .soluvpic li em,.soluvpic li:hover em{border:none;width: auto!important;} .soluvpic li{position: relative;width:19.2%;margin: 0 0 1% 1%; overflow:hidden;} .soluvpic li span{position: absolute;width: 30px; height: 30px;background: rgba(0,0,0,0.5);border-radius: 5px;display: block;top: 10px;right: 10px;display: none;} .soluvpic li a.svpp{position: absolute;width:100%;background: rgba(0,0,0,0.36);display: block;bottom: 0px;font-size: 1.4em;color: #fff;padding: .6rem 0;display: none;} .soluvpic li:hover span,.soluvpic li:hover a.svpp{display: block;} .solumore{margin-bottom:5rem;} .popups{display:none;z-index:10;position:fixed;margin:auto;width:1440px;max-width:93.75%;height:700px;max-height:77%;top:0;bottom:0;left:0;right:0;background:#fff;overflow:auto;border-radius: 4px;} .popu{padding: 2rem;} .pupuml{width: 65%;} .pupumr{width: 32%;color: #666;font-size: 1.4em;} .soluvpic.ycsjF li{width: 24.25%;text-align: left;} .prolistbg.ycsjF li:nth-child(5n+1){margin-left: 1%;} .soluvpic.ycsjF li:nth-child(4n+1){margin-left:0;} .soluvpic.ycsjF li a.svpp{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;padding: .6rem .9rem;} .yxxqPb{margin-top: 2.5rem;padding-bottom: 3.3rem;} .yxxqPbL{float: left;width: 41.6%;margin-top: 10px;} .yxxqPbR{float: right;width: 52.7%;} .yxxqPbL p{font-size: 1.4em;margin-top: 1.8rem;} .yxxqPbRTit{font-size: 2em;font-weight: bold;border-bottom: 1px solid #DDDDDD;padding: 0 0 .22rem 13px;margin-top: 2rem;} .yxxqPbR .yxxqPbRTit:nth-child(1){margin-top: 0;} .yxxqPbRTable{border-collapse: collapse;width: 100%;border: none;} .yxxqPbRTable tr{border: none;} .yxxqPbRTable td{border: none;font-size: 1.5em;color: #656565;padding: 7px 13px;} .yxxqPbRTable tr:nth-child(2n){background: #F7F7F7;} @media only screen and (min-width: 100px) and (max-width:810px) { .yxxqPbL{width: 100%;} .yxxqPbR{width: 100%;margin-top: 2rem;} .yxxqPbL p{margin-top: 1.1rem;} .sviewvideo{margin-top: 2rem;} .yxxqPb{margin-top: 1.5rem;} .yxxqPbRTit{font-size: 1.7em;} } /**/ .ycJzg{max-width: 1030px;margin-left: auto;margin-right: auto;padding-top: 1rem;} .ycJzgL{float: left;text-align: center;margin-top: 1.8rem;} .ycJzgL p{margin-top: .95rem;} .ycJzgR{float: right;} .ycJzgL p{font-size: 2.2em;} .ycJzgR dt{font-size: 2.2em;} .ycJzgR dd{font-size: 1.7em;color: #656565;} .ycJzgR dl{margin-top: 1.3rem;} .ycqxGs{margin-top: 3rem;} .ycmailfs{display: inline-block;height: 48px;border: 1px solid #FFFFFF;line-height: 48px;text-align: center;padding: 0 1.2rem;font-size: 1.4em;color: #FFFFFF;} .ycmailfs img{display: inline-block;vertical-align: middle;margin: -3px 0 0 .5rem;} a.ycmailfs{color: #FFFFFF;} .ycfaTit{} .ycfaTit h3{font-size: 3em;margin-top: .6rem;} .ycfaTit p{font-size: 1.4em;margin-top: .7rem;} .ycfahpList{width: 100%;max-width: 1200px;margin: 0 auto 0;border: 0 solid #E4E4E4;border-width: 0 1px 1px 0;margin-top: 3rem;} .ycfahpList li{float: left;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;width: 33.3%;border: 0 solid #E4E4E4;border-width: 1px 0 0 1px; text-align: center;padding: 2.6rem 0 2.4rem;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ycfahpList li:hover img{-moz-transition: all 0.5s ease-in-out;-webkit-transition: all 0.5s ease-in-out;-o-transition: all 0.5s ease-in-out;-ms-transition: all 0.5s ease-in-out;transition: all 0.5s ease-in-out;-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);transform: rotate(360deg);} .ycfahpList li h3{font-size: 1.8em;margin: 0.6rem 0 0.3rem;} .ycfahpList li p{width: 90%;max-width: 260px;margin: 0 auto 0;color: #656565;font-size: 1.4em;} .allbjWhite{padding: 5rem 0;background: #FFFFFF;} .ycdghg{width: 100%;max-width: 1200px;margin:4rem auto 0;} .ycdghgList{white-space: nowrap;height: 214px;overflow-y: hidden;} .ycdghgList li{width: 285px;text-align: center;float: left;margin-right: 20px;padding: 0 0 .4rem;} .ycdghg01{position: relative;width: 285px;height: 166px;overflow: hidden;} .ycdghg01 img{transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ycdghg01Pos{position: absolute;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);color: #fff;display: none;transition:all linear .3s; -webkit-transition:all linear .3s;-moz-transition:all linear .3s;-ms-transition:all linear .3s;-o-transition:all linear .3s;} .ycdghgList li:hover .ycdghg01Pos{display: block;} .ycdghgList li:hover .ycdghg01 img{-webkit-transform:scale(1.15);-moz-transform:scale(1.15);-ms-transform:scale(1.15);-o-transform:scale(1.15);transform:scale(1.15)} .ycdghg01PosCon{position: absolute;width: 90%;left: 5%;text-align: center;top: 150%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);} .ycdghg01Pos p{font-size: 1.6em;margin-bottom: 1rem;} .ycdghg02{font-size: 1.7em;margin-top: .7rem;white-space:nowrap;overflow: hidden;text-overflow: ellipsis;} .ycdghg .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background: #999999;height: 5px;margin-top: 5px;} .ycdghg .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{height: 1px;background: #CBCBCB;} .ycfahpList.yphy li{width: 25%;padding: 2.6rem 0 2rem;} .ycfahpList.yphy li h3{margin-top: 1rem;margin-bottom: 0;} .ycMoreTp{margin-top: 3.2rem;} .ycfahpList.hbhy li{width: 20%;padding: 2.6rem 0 2rem;} .ycfahpList.hbhy li h3{margin-top: 1rem;margin-bottom: 0;} .newsss .ssk .b input{background: url(../images/sea1.png) no-repeat; vertical-align: middle;} .newsss input.t::-webkit-input-placeholder { color:#999999; } .newsss input.t:-moz-placeholder { color:#999999; } .newsss input.t::-moz-placeholder { color: #999999; } .newsss input.t:-ms-input-placeholder { color: #999999; } .newsss input.t{color: #333333;} @media only screen and (min-width: 500px) and (max-width:1000px) { .ycfahpList li{width: 50%;} .ycfaTit h3{font-size: 2.3em;} } @media only screen and (min-width: 500px) and (max-width:700px) { .ycfahpList.yphy li{width: 50%;} } @media only screen and (min-width: 100px) and (max-width:499px) { .ycfahpList li{width: 50%;padding: 2rem 0 1.8rem;} .ycfahpList li img{height: 38px;width: auto;} .ycfahpList.yphy li{width: 50%;} .ycfahpList.hbhy li{width: 50%;} .ycfahpList.hbhy li:nth-child(4){border-bottom: 1px solid #E4E4E4;} .ycfaTit h3{font-size: 1.8em;} .allbjWhite{padding: 2.5rem 0;} } @media only screen and (min-width: 100px) and (max-width:365px) { #solution1 .ycfahpList li{height: 247px;} } @media only screen and (min-width: 441px) and (max-width:830px) { .ycJzgL{width: 28%;} .ycJzgR{width: 70%;} } @media only screen and (min-width: 100px) and (max-width:440px) { .ycJzgL{width: 100%;} .ycJzgR{width: 100%;text-align: center;} .ycJzgR dt{font-size: 1.8em;} .ycJzgR dd{font-size: 1.4em;} } @media only screen and (min-width: 441px) and (max-width:750px) { .ac4 li{margin: 0;text-align: center;float: left;width: 33.3%;} .ac4 li em{font-size: 1.3em;} } @media only screen and (min-width: 100px) and (max-width:440px) { .ac4 li{margin: 0;text-align: center;float: left;width: 100%;margin-top: 1rem;} .ac4 li em{font-size: 1.15em;} } /* solution */ @media screen and (max-width:1300px) { .nss .b input{ height:auto;} .dflzr{ padding-top:0;} } @media screen and (max-width:1024px) { .a1cr{ padding:0;} .a1crt,.topJS .tit{ font-size:2em; line-height:1.5;} .topJS .tit .a1cran{ margin-top:0;} ul.fnav li{width:25%;padding:10px 0 0 0;} ul.fnav li h3 a{width:100%;margin-bottom:0;border-bottom:none;font-size:1.5em;height:auto;line-height:1;} .erji{display: flex;flex-wrap: wrap;display:none;} .erji div{margin-right:11px;} .link{padding:20px 0;display:none;} #cnzz_stat_icon_1279749337{display:none;} #ewm a{display:none;} #ewmcon{display:none !important;width:130px !important;left:auto !important;bottom:1% !important;margin-left:0 !important;float:right;right:-1050%;} ul.fnav li:nth-of-type(3) .erji div{margin-right:16px;} .foot{background: #521F7E;} #ewmcon>div{background:none !important;float: right;} #ewmcon>div>div{color:#fff !important;display:none !important;} #ewmcon>div i{display:none !important;} .footr em{position: none !important;} .bottombg, .provrm{padding:0;} } @media screen and (max-width:960px) { .bottomr{width:100%; float:none; padding-top:15px;} .foot{ position:relative;} .footr{display: none;} .btr{width:33.3333%; float:left; margin:0;} .btr a{ font-size:1.2em;} .aconm, .acon{ padding:0} .aconl{width:53%; margin:0;} .aconm:nth-child(2n) .aconl,.aconlt{ margin:0;} .intbg{ padding:2rem 0;} } @media screen and (max-width:800px) { .aconl,.aconr,.crmjl,.crmjr{width:100%; margin:0!important; position:relative;} .aconr,.crmjr{margin-top:10px!important;} .aconr em img,.crmjr em img{ margin:0 auto;} .aconlt{margin:15px auto;} .pupuml,.pupumr{width:100%; float:none;} } @media screen and (max-width:768px) { .banner{height:280px;} .banwzb1,.ac2t,.honortit span,.hexqht{font-size:2em;} .banwzb2{ margin:.6rem auto 1em auto;} .crumbsl li{ padding:.5rem 0; margin-right:10px;font-size:1.3em;} .crumbsr{ padding:.8rem 0; font-size:1.2em;} .a1cl,.a1cr,.provl,.provr{width:100%; float:none;} .at1c,.ac4 ul{ margin:2rem auto;} .a1cl,.ac2mf,.dflz,.proview{ margin-bottom:1rem;} .nvtm h2,.provrt,.protit span{font-size:1.8em;} .a1crtm,.aconlt,.topJS .tit{font-size:1.6em;} .ac3, .category, .f16,.contact2 div,.editTxt,.pbtl a,.prohhlb a{font-size:1.4em;} .banwzb3,.a1crm,#contents .weare_section .inner .text, .f14,.ac2m li p,.pbm,.newsview,.provrm,.hexqh{ font-size:1.2em;} .ac2t p,.contact2 div p,#hexGrid,.hex .hexx p,.hex .hexx span{ font-size:12px;} .a1crm,.aconlt{ margin:.5rem auto;} .a1cran a,.sviewtitr a{width:100px; height:30px; font-size:1.2em; line-height:30px;} .ac2bg{ padding:2.5rem 0;} .ac2m li{width:49%; margin-bottom:1rem;} .ac2m li:nth-child(5n+1),.probg li:nth-child(3n+1), .prolistbg li:nth-child(5n+1), .solulist li:nth-child(4n+1){margin-left: 2%;} .ac2m li:nth-child(2n+1),.probg li:nth-child(2n+1), .prolistbg li:nth-child(3n+1), .solulist li:nth-child(3n+1){margin-left:0;} .ac2m li:nth-child(5){ display:none;} #contents .weare_section .inner{ padding:2rem 0 6rem 0;} .acbg1{ padding:2rem 0 16rem 0;} .ac4bg,.ac5{ padding:2rem 0;} .ac2t{ margin-bottom:.5rem;} .ac5p{width:80%;} .bottombg,.provrm{ padding:.5rem 0;} .honorbg{padding:2rem 0 3rem 0;} .contactt{margin: 2rem auto 1.5rem auto;font-size:1.8em;} #dituContent{ height:320px;} .contact2,.newsbg{margin: 2rem auto 2.5rem auto;} .zpSearch{margin: 2rem auto 1.5rem auto;} .zpSearch .tit{margin-bottom: 10px; display: block; position: static; text-align: center; width: 100%; font-size:18px;} .topJS{ padding:20px 0;} .pbmannu a,.prohhlb a{ height:28px; line-height:28px;} .bdshare-button-style0-16{ display:none;} .protit{ margin-top:2rem;} .probg,.prolistbg,#hexGrid,.solulist, .sviewtit{ margin:2rem auto;} .probg li{width:calc(43% - 2px); margin:.5rem 0 .5rem 2%; padding-bottom:1rem;} .prolistbg li{width:calc(31.9333% - 2px);margin: 0 0 2rem 2%;} .proviewbg{margin-top:0;padding:2rem 0;} .provpic{margin:1.5rem auto 0 auto;} .hexs,.hex h1{ font-size:16px;} .hexqhbg{ padding-bottom:2rem;} .solulist li{width: calc(31.93333% - 2px);margin: 0 0 1.5rem 2%;} .solulist li b{margin-top:.5rem;} .solumore{margin-bottom:3rem;} .soluvpic li{width:32.6333%;margin: 0 0 1% 1%;} .soluvpic.ycsjF li{width: 32.6333%;} .prolistbg.ycsjF li:nth-child(5n+1){margin-left: 1%;} .soluvpic.ycsjF li:nth-child(4n+1){margin-left:1%;} .soluvpic.ycsjF li:nth-child(3n+1){margin-left:0;} .soluvpic li:nth-child(5n+1){margin-left: 1%;} .soluvpic li:nth-child(3n+1){margin-left: 0;} .popum{margin-top:1rem;} } @media screen and (max-width:640px) { .btr{width:50%;margin-bottom: .1rem;} .foot{ height:auto; line-height:1.6em; padding:10px 0;} .footl,.footr,.neclml,.neclmr{width:100%; float:none;} .bottombg{padding:0} .zpSearch{ width: 101%;} .zpSearch .clickMore{display: block; position: static; width:49%; overflow: hidden;} .zpSearch .clickMore a{ display: block;} .zpSearch .items{ z-index: 3; width: 48%; margin-bottom: 1%;} .zpSearch .items.on{ z-index: 5;} .zpSearch .items input[type=text]{ padding: 10px 0;text-indent: 12px;width: 100%;} .recruitDL dd{ padding: 15px 10px;} .recruitDL dd .clickMore a{ padding: 0 15px;font-size: 12px;line-height: 30px;height: 30px;} .recruitDL dd .margin{ padding-right: 80px;} .recruitDL dd .clickMore{ top: 0;} .recruitDL dd .tit{ font-size: 16px;} .crumbsr{ display:none;} .ac2t{font-size:1.8em; margin-bottom:.5rem;} #contents .weare_section .inner .thumb{ margin:1.5rem 0 1rem 0;height:160px;} #contents .weare_section .inner .thumb li{width:33.333%; position:static; transform:none!important; float:left;} #contents .weare_section .inner .thumb ul{ position:static; margin-left:0;} #contents .weare_section .inner{ padding:2rem 0 7rem 0;} .acon1{margin-top: 14rem;} .acbg1{ padding:2rem 0 14rem 0;} /*.ac4 li{ margin:0 2%;}*/ .ac5p{width:96%;} .ac5p{ margin-bottom:1rem;} .ac4 ul{ margin:1rem 0;} .ac2mf{ margin-bottom:0;} .int dd .intsjx{ display:none;} .int{ margin-top:1.5rem;} .int dd.inty1{width: 170px;height: 170px;top:0%;left:2%;} .int dd.inty2{width: 170px;height: 170px;top:0%;right:2%;} .int dd.inty3{width: 170px;height: 170px;bottom:0%;left:2%;} .int dd.inty4{width: 170px;height: 170px;bottom:0%;right:2%;} .ac3, .category, .f16,.editTxt,.pupumr{font-size:1.2em;} .honort{margin: 1rem auto 1.5rem auto;} .topJS .tit .a1cran a{font-size:12px;} .neclml bdo{ padding:.1rem 1rem;} .nvtm h2,.probg li b,.protit span{font-size:1.4em;} .neclmr a{ height:28px; line-height:28px; font-size:12px;} .neclmore,#pgServer{margin-bottom:2rem;} .nss,.nss input.t, .nss .b input{height:30px; line-height:30px;} .newsbg,.solulist, .sviewtit,.prolistbg{ margin:1rem auto;} .probg li b{ margin:.5rem auto 0 auto;} .probg li p{ font-size:1.2em; height:5.4em; margin-bottom:.5rem;} .probg li span{height:24px; line-height:24px;font-size:1.2em;} .prolistbg li,.solulist li{width:calc(49% - 2px);margin: 0 0 1rem 2%;} .prolistbg li:nth-child(3n+1), .solulist li:nth-child(3n+1){margin-left: 2%;} .prolistbg li:nth-child(2n+1), .solulist li:nth-child(2n+1){margin-left:0;} .prolistbg li b, .provpic .swiper-slide b, .solulist li b{ font-size:1.2em; margin:.5rem auto 0 auto;} .protit{ padding-bottom:5px; margin-top:1rem;} .provpic{margin:1rem auto 0 auto;} .prolistbg li em, .provpic .swiper-slide em{width: calc(100% - 4px);} .hex .hexx span{ margin-top:10px; padding:2px 15px;} .hexqht{font-size:1.8em;} .soluvpic li a.svpp{ padding:.3rem 0; font-size:1.2em;overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .soluvpic li{width:49.5%;margin: 0 0 1% 1%;} .soluvpic.ycsjF li{width:49.5%;} .prolistbg.ycsjF li:nth-child(5n+1){margin-left: 1%;} .soluvpic.ycsjF li:nth-child(4n+1){margin-left:1%;} .soluvpic.ycsjF li:nth-child(3n+1){margin-left:1%;} .soluvpic.ycsjF li:nth-child(2n+1){margin-left:0;} .soluvpic li span{width:20px; height:20px;} .soluvpic li:nth-child(3n+1){margin-left: 1%;} .soluvpic li:nth-child(2n+1){margin-left: 0;} .popu{ padding:1rem;} } @media screen and (max-width:400px) { .pbmannu a{height: 22px;line-height: 22px;} .pbtl{ line-height:1em; margin-bottom:.3rem;} .hex .hexx span{ display:none;} } #contents .weare_section .inner .text, .f14{line-height: 1.5;font-size: 12px;} ul.fnav li .erji a:hover{color: #FFFFFF!important;border-bottom: 1px solid #521F7E;opacity: .7!important;} .aconlm.f14{font-size: 16px;} .provpic .swiper-button-next, .provpic .swiper-button-prev{z-index:8;} .investorTop{ margin: 46px auto 0; } .investorTop .sel{ float: left; width: 90px; height: 38px; border: 2px solid #eee; box-sizing: border-box; font-size: 16px; line-height: 34px; color: #666; padding-left: 14px; background-image: url('../images/sel.png'); background-position: calc(100% - 14px) center; background-repeat: no-repeat; } .investorTop .search{ width: 225px; float: right; position: relative; } .investorTop .search .text{ width: 100%; height: 38px; border: 2px solid #eee; box-sizing: border-box; padding-left: 12px; font-size: 12px; line-height: 34px; color: #d2d9de; } .investorTop .search .submit{ background: url('../images/sea1.png') center no-repeat; width: 38px; height: 38px; position: absolute; top: 0; right: 10px; border: none; } .investorList{ margin: 32px auto 40px; } .investorList .title{ border-top: 1px solid #666; background-color: #f5f5f5; border-bottom: 1px solid #ccc; } .investorList .title .t{ font-size: 18px; line-height: 60px; color: #666; padding-left: 20px; width: 245px; box-sizing: border-box; float: left; } .investorList .title .t.t1{ padding-left: 0; width: calc(100% - 245px); } .investorList ul li{ border-bottom: 1px solid #ccc; font-size: 18px; line-height: 79px; } .investorList ul li a{ width: 100%; display: block; } .investorList ul li .t{ float: left; width: 245px; padding-left: 20px; color: #666; box-sizing: border-box; } .investorList ul li .t.t1{ padding-left: 0; width: calc(100% - 245px); color: #521F7E; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; } .investorTb{ background-color: #f6f6f6; padding: 68px 0; margin: 42px auto 0; } .investorTb .item{ width: 33.3333%; float: left; } .investorTb .item .icon{ float: left; margin-left: 77px; margin-top: 4px; } .investorTb .item .tits{ float: left; margin-left: 30px; } .investorTb .item .tits .t{ font-size: 22px; line-height: 24px; color: #333; } .investorTb .item .tits .t1{ font-size: 18px; line-height: 20px; color: #666; margin-top: 22px; } @media (max-width: 1200px){ .investorTb .item .icon{ margin-left: 40px; } .investorTb .item .tits .t{ font-size: 18px; line-height: 20px; } .investorTb .item .tits .t1{ font-size: 16px; line-height: 18px; } } @media (max-width: 1024px){ .investorTb .item .icon{ width: 48px; margin-left: 25px; margin-top: 0; } .investorTb .item .tits{ margin-left: 15px; } .investorTb .item .tits .t1{ margin-top: 10px; } } @media (max-width: 768px){ .investorTb{ padding: 20px 0; margin: 20px auto 0; } .investorTb .item{ width: 100%; float: none; margin-bottom: 20px; } .investorTb .item:last-child{ margin-bottom: 0; } .investorTb .item .tits .t{ font-size: 16px; line-height: 18px; } .investorTb .item .tits .t1{ font-size: 12px; line-height: 14px; margin-top: 6px; } .investorTop{ margin: 20px auto 0; } .investorTop .sel{ font-size: 14px; } .investorList .title .t{ font-size: 14px; line-height: 46px; padding-left: 10px; width: 135px; } .investorList .title .t.t1{ width: calc(100% - 135px); } .investorList ul li{ font-size: 14px; line-height: 42px; } .investorList ul li .t{ width: 135px; padding-left: 10px; } .investorList ul li .t.t1{ width: calc(100% - 135px); } .investorList{ margin: 20px auto 20px; } .investorTb .item .icon{ width: 38px; } } /*-------------------- 20211018 ------------------*/ ul.fnav li h3 a { border-bottom-color: #90249E; } .btr em { background: rgba(209,52,237,0.75); } ul.fnav li .erji a.sc { background-color: rgba(209,52,237,0.75); } /*-------------------- 20211018 ------------------*/ .video_box{width:100%;height:100%;position:absolute;left:0;top:0;display:none !important;} .video_box.on{display:block !important;} .aconr{overflow:hidden;} .video_box video{width:auto;height:100%;} .video_close{width:30px;height:30px;background:#521F7E;position: absolute;right:0;top:0;cursor: pointer;} .video_close img{display: block;width:20px;height:20px;margin:5px auto;} @media(max-width:1024px){ ul.fnav li:nth-of-type(4),ul.fnav li:nth-of-type(6),ul.fnav li:nth-of-type(7){display:none;} .video_box{position: fixed;width:100vw;height:100vh;z-index: 1000;background: rgba(0,0,0,0.5);} .video_box video{display:block;width:100%;height:auto;position: absolute;left:0;top:50%;transform: translateY(-50%);} } .newsview img{max-width:700px!important;}