* { word-break:break-word;} body { margin:0 auto; padding:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#333;} body,html,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,select { margin:0; padding:0;} h1,h3,h3,h4 { font-size:14px;} .clear { clear:both;} a { color:#333; text-decoration:none;} a:hover { text-decoration:none; color:#eb2914;} img { border:0;} ul li { list-style:none;} .warp { width:1300px; margin:0 auto;} #VCode { cursor:pointer;} input[type=button], input[type=submit], input[type=file], button { cursor:pointer; -webkit-appearance:none;} textarea { -webkit-appearance:none;} ::-webkit-input-placeholder { color:#333;} :-moz-placeholder { color:#333;} ::-moz-placeholder { color:#333;} :-ms-input-placeholder { color:#333;} @font-face { font-family: 'FontAwesome'; src: url('../fonts/fontawesome-webfont.eot?v=4.7.0'); src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .icon { display:inline-block; font:normal normal normal 16px/1 FontAwesome; font-size:inherit; text-rendering:auto; -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;} /*top*/ .header { width:100%; min-width:1300px; height:80px; margin:0 auto; position:absolute; top:0; right:0; z-index:99999999; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .warp { position:relative; z-index:3;} .header .logo { float:left; height:40px; margin-top:20px;} .header .logo img { display:block; height:100%; filter:grayscale(100) brightness(100);} /***鍙充晶***/ .header .rgt { float:right; max-width:80%;} .header .muen,.header .mnavs { display:none;} /*瀵艰埅*/ .header .rgt .nav { float:left;} .header .rgt .nav li { float:left; height:60px; text-align:center; margin:10px 15px 0 15px; position:relative;} .header .rgt .nav li::after { display:block; content:""; width:0; height:3px; background:#e60012; margin:auto; position:absolute; left:0; top:-10px; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .nav li a { display:block; width:100%; line-height:60px; font-size:15px; color:#fff;} .header .rgt .nav li:hover::after,.header .rgt .nav .on::after { width:100%;} .header .rgt .nav li ul { width:300%; height:0; overflow:hidden; position:absolute; top:60px; right:-100%; z-index:2; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .nav li li { float:none; height:40px; margin:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .nav li li::after { display:none;} .header .rgt .nav li li a { line-height:40px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} /*璇█*/ .header .rgt .laug { float:left; height:25px; line-height:25px; margin:29px 10px 0 20px; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .laug span { display:block; font-size:14px; color:#fff; padding-right:10px; cursor:pointer; background:url(../images/sr_01.png) no-repeat right center;} .header .rgt .laug a { display:block; font-size:14px; color:#fff;} .header .rgt .laug:hover { height:50px;} /*鎼滅礌*/ .header .rgt .search { float:right; width:40px; height:75px; margin-top:5px; overflow:hidden;} .header .rgt .search i { display:block; width:100%; height:100%; cursor:pointer; background:url(../images/sr_02.png) no-repeat center center; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .search form { display:block; width:260px; height:50px; overflow:hidden; filter:alpha(opacity=0); opacity:0; position:absolute; right:0; top:80px; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .rgt .search input { float:left; width:160px; line-height:50px; font-size:14px; color:#333; padding:0 10px; border:none; background:#fff;} .header .rgt .search .btn { width:80px; color:#fff; background:#de0505;} .header .rgt .search.on { overflow:inherit;} .header .rgt .search.on form { filter:alpha(opacity=100); opacity:1;} /*澶撮儴楂樹寒*/ .header:hover,.headeron { background:#fff;} .header:hover .logo img,.headeron .logo img { filter:grayscale(0%);} .header:hover .rgt .nav li a,.headeron .rgt .nav li a { color:#000;} .header:hover .rgt .nav li li a,.headeron .rgt .nav li li a { color:#666;} .header:hover .rgt .nav li:hover ul,.headeron .rgt .nav li:hover ul { height:auto; top:60px; filter:alpha(opacity=100); opacity:1;} .header:hover .rgt .nav li:hover li:hover a,.headeron .rgt .nav li:hover li:hover a { color:#e60012;} .header:hover .rgt .laug span,.headeron .rgt .laug span { color:#333; background-image:url(../images/sr_01h.png);} .header:hover .rgt .laug a,.headeron .rgt .laug a { color:#666;} .header:hover .rgt .search i,.headeron .rgt .search i { background-image:url(../images/sr_02h.png);} .bghover { height:280px;} /*banner*/ .banner { width:100%; margin:0 auto; position:relative; overflow:hidden;} .banner .warp { height:310px; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;} .banner .text { color:#fff; text-transform:Uppercase;} .banner .text h1 { font-size:60px; line-height:100px; letter-spacing:5px;} .banner .text a { display:block; width:175px; height:55px; line-height:55px; font-size:16px; color:#333; margin-top:55px; padding-left:35px; border-radius:27.5px; background:#fff url(../images/sr_05.png) no-repeat 80% center; overflow:hidden; -webkit-transition:all .5s ease; transition:all .5s ease;} .banner .text a:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012 url(../images/sr_05h.png) no-repeat 80% center;} /*.banner img { display:block; width:100%;}*/ .banner .swiper-slide { width:100vw; height:100vh; background-color: rgb(17, 17, 17); background-position:center; background-repeat:no-repeat; background-size:cover;} .banner .swiper-slide video { height:100%;} .banner .swiper-pagination-bullets { bottom:20px;} .banner .swiper-pagination-bullet { width:11px; height:11px; margin:0 10px !important; border-radius:8px; opacity:1; background:#fff; position:relative; -webkit-transition:0.4s; transition:0.4s;} .banner .swiper-pagination-bullet::after { display:block; content:""; width:20px; height:1px; margin:auto; filter:alpha(opacity=50); opacity:0.5; background:#fff; position:absolute; right:-20px; top:0; bottom:0;} .banner .swiper-pagination-bullet:last-child::after { display:none;} .banner .swiper-pagination-bullet-active { width:15px; height:15px; top:2px;} .banner .swiper-button-prev,.banner .swiper-button-next { width:42px; height:42px; filter:alpha(opacity=60); opacity:0.6; background-position:0 0; background-repeat:no-repeat; background-size:100%;} .banner .swiper-button-prev { background-image:url(../images/sr_03.png); left:4%;} .banner .swiper-button-next { background-image:url(../images/sr_04.png); right:4%;} .banner .swiper-button-prev:hover,.banner .swiper-button-next:hover { filter:alpha(opacity=100); opacity:1;} .banner .swiper-slide-active .text { -webkit-animation:fade-right 1.0s forwards; animation:fade-right 1.0s forwards;} @-webkit-keyframes fade-right { from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);} to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);} } @keyframes fade-right { from { -webkit-transform:translate(-300px,0); -ms-transform:translate(-300px,0); transform:translate(-300px,0);} to { -webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);} } /*浜岀骇banner*/ .banner_ej { width:100%; margin:0 auto; position:relative;} .banner_ej h1 { height:60px; line-height:60px; font-weight:500; font-size:56px; color:#fff; letter-spacing:5px; text-align:center; margin:auto; position:absolute; top:0; right:0; bottom:0; left:0; z-index:2;} .banner_ej img { display:block; width:100%;} /*鑴氶儴*/ .footer { width:100%; line-height:25px; font-size:12px; color:#666; padding-top:30px; background:#f6f6f6; position:relative; z-index:9;} .footer .nva { float:left; width:640px;} .footer .nva li { float:left; margin-right:60px;} .footer .nva li h3 { font-weight:500; font-size:15px; color:#000; margin-bottom:10px;} .footer .nva li a { display:block; font-size:12px; color:#666;} .footer .nva li a:hover { color:#e60012;} .footer .rgt { float:right; max-width:50%;} .footer .rgt a { color:#666;} .footer .rgt h3 { font-weight:500; font-size:12px; color:#000; text-align:right; margin-bottom:10px;} .footer .rgt li { float:right; width:26px; margin-left:10px; position:relative;} .footer .rgt li a,.footer .rgt li i { display:block; width:26px; height:26px; border-radius:50%; overflow:hidden; background-position:center; background-repeat:no-repeat;} .footer .rgt li p { display:none; width:120px; text-align:center; padding:10px 10px 5px 10px; border:1px solid #eee; background:#fff; position:absolute; right:0; bottom:30px;} .footer .rgt li p img { display:block; width:120px; height:120px;} .footer .rgt li p span { display:block; line-height:25px; font-size:12px; margin-top:5px;} .footer .rgt .qq a { background-color:#308ae2; background-image:url(../images/sr_13.png);} .footer .rgt .phone i { background-color:#e96d6d; background-image:url(../images/sr_14.png);} .footer .rgt .wchat i { background-color:#42bc78; background-image:url(../images/sr_15.png);} .footer .rgt li:hover p { display:block;} .footer .rgt .nava { display:block; float:right; height:35px; line-height:35px; font-size:12px; color:#333; text-indent:40px; margin:15px 0 15px 10px; padding-right:15px; border:1px solid #eee; background-color:#fff; border-radius:17.5px; background-position:15px 9px; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;} .footer .rgt .ico5 { background-image:url(../images/sr_16.png);} .footer .rgt .ico6 { background-image:url(../images/sr_17.png);} .footer .rgt .nava:hover { color:#e60012; border-color:#e60012;} .footer .rgt .ico5:hover { background-image:url(../images/sr_16h.png);} .footer .rgt .ico6:hover { background-image:url(../images/sr_17h.png);} .footer .copy { line-height:35px; padding:10px 0; margin-top:25px; border-top:1px solid #eaeaea;} .footer .copy .log { float:left; width:70px; height:30px; padding:2.5px 0;} .footer .copy .log img { display:block; height:30px;} .footer .copy p { float:right; font-size:12px; color:#666;} .footer p a { color:#666;} .footer p a:hover { color:#e60012;} .footer p .gslz { display:inline-block; width:20px; height:20px; background:url(../images/liangzhao.png) no-repeat 0 0 / 100%; position:relative; top:4px;} .footer .sitecode { width:100px; margin:0 auto; text-align:center;} .footer .sitecode a { display:block; width:100%;} .footer .sitecode img { display:block; margin:0 auto;} /*鍙充晶瀹㈡湇*/ .webonline { width:40px; position:fixed; right:1%; bottom:2%; z-index:999999;} .webonline li { width:100%; text-align:center; cursor:pointer;} .webonline li i { display:block; width:40px; height:40px; line-height:40px; font-family:FontAwesome; font-style:normal; font-size:24px; color:#999; text-align:center; margin:0 auto; border-radius:50%; background:#eee; -webkit-transition:all .5s ease; transition:all .5s ease;} .webonline li i:hover { color:#fff; background:#e60012;} /*绠€浠?/ .about { width:100%; padding:180px 0 270px 0; overflow:hidden; background:url(../images/sr_06.png) no-repeat center bottom;} .about .warp { position:relative;} .about .lft { float:left; width:685px; margin-top:80px;} .about .lft h2 { line-height:60px; font-size:50px; color:#333; margin-bottom:80px; position:relative;} .about .lft h2::after { display:block; content:""; width:70px; height:2px; background:#333; position:absolute; left:0; bottom:-25px;} .about .lft p { line-height:40px; font-size:18px; color:#666; letter-spacing:1px;} .about .lft a { display:block; width:170px; height:45px; line-height:45px; font-size:18px; color:#fff; text-align:center; margin-top:80px; border-radius:22.5px; box-shadow:0 5px 10px rgba(51,51,51,0.35); background:#333; -webkit-transition:all .5s ease; transition:all .5s ease;} .about .lft a:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;} .about .rgt { width:600px; height:591px; position:absolute; top:0; right:0; z-index:1;} .about .rgt .img { width:200px; height:200px; border:1px dotted #ddd; border-radius:50%; overflow:hidden; position:absolute; top:190px; left:195px; z-index:2;} .about .rgt .img img { display:block; width:100%;} .about .rgt .mumber { width:100%; position:relative; z-index:2;} .about .rgt .mumber li { width:110px; line-height:25px; position:absolute;} .about .rgt .mumber li::after { display:block; content:""; width:8px; height:8px; border:6px solid #fbd9dc; border-radius:50%; background:#e60012; position:absolute; top:30px;} .about .rgt .mumber li p { font-size:12px; color:#666;} .about .rgt .mumber li h3 { font-weight:500; font-size:14px; color:#000;} .about .rgt .mumber li h3 span { font-weight:bold; font-size:30px; color:#e60012; position:relative; top:2px;} .about .rgt .mumber li h3 sup { font-weight:bold; font-size:16px; color:#e60012; margin-right:5px; position:relative; top:-5px;} .about .rgt .mumber .mum01 { left:95px; top:95px;} .about .rgt .mumber .mum01::after { right:-15px;} .about .rgt .mumber .mum02 { right:0px; top:165px;} .about .rgt .mumber .mum02::after { left:-37px;} .about .rgt .mumber .mum03 { left:38px; top:340px;} .about .rgt .mumber .mum03::after { right:0px;} .about .rgt .mumber .mum04 { right:95px; top:420px;} .about .rgt .mumber .mum04::after { left:-37px;} .about .rgt .imgbg { width:600px; height:591px; overflow:hidden; background:url(../images/sr_07.png) no-repeat 0 0 / 100%; animation:rotation 50s linear infinite; -moz-animation:rotation 50s linear infinite; -webkit-animation:rotation 50s linear infinite; -o-animation:rotation 50s linear infinite; position:absolute; left:0; top:0; z-index:1;} .about .imgbotm { display:none;} @-webkit-keyframes rotation { from { -webkit-transform:rotate(0deg);} to { -webkit-transform:rotate(360deg);} } /*涓氬姟浠嬬粛*/ .pros { width:100%; height:720px; padding-top:255px; background:url(../images/sr_08.jpg) no-repeat center top / cover;} .pros li { float:left; width:165px; padding:0 47.5px; text-align:center;} .pros li a { display:block; width:100%;} .pros li .img { width:165px; height:165px; margin:0 auto; position:relative;} .pros li .img::after { display:block; content:""; width:205px; height:205px; margin:auto; filter:alpha(opacity=50); opacity:0.5; border:1px solid #fff; border-radius:50%; overflow:hidden; position:absolute; top:-20px; left:-20px; z-index:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .pros li .img img { width:165px; height:165px; border-radius:50%; position:relative; z-index:1;} .pros li .img .norm { display:block; background:#fff;} .pros li .img .on { display:none;} .pros li h3 { height:70px; line-height:35px; font-weight:500; font-size:18px; color:#fff; margin:50px 0 30px 0;} .pros li span { display:inline-block; max-width:calc(100% - 40px); height:35px; line-height:35px; font-size:14px; color:#fff; text-align:center; margin:0 auto; padding:0 10px; border:1px solid #fff; border-radius:17.5px; filter:alpha(opacity=50); opacity:0.5; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .pros .more { display:block; width:175px; height:45px; line-height:45px; font-size:18px; color:#333; text-align:center; margin:105px auto 0 auto; border-radius:22.5px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;} .pros .more:hover { color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;} .pros li:hover .img::after,.pros li:hover span,.pros li:hover i { filter:alpha(opacity=100); opacity:1;} .pros li:hover .img .norm { display:none;} .pros li:hover .img .on { display:block;} /*鏂伴椈*/ .news { width:100%; padding:100px 0; overflow:hidden; position:relative;} .news .warp { position:relative; z-index:2;} .news .tits { float:left; margin-bottom:80px;} .news .tits h1 { line-height:30px; font-size:30px; color:#333; filter:alpha(opacity=10); opacity:0.1;} .news .tits h3 { line-height:40px; font-size:30px; color:#333; letter-spacing:2px; position:relative;} .news .tits h3::after { display:block; content:""; width:30px; height:2px; background:#e60012; position:absolute; left:0; bottom:-20px;} .news .tabs { float:right; margin-top:20px;} .news .tabs li { float:left; line-height:40px; margin-left:40px; position:relative;} .news .tabs li::after { display:block; content:""; width:0; height:1px; background:#e60012; position:absolute; left:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .news .tabs li a { font-size:16px; color:#333;} .news .tabs li.on::after { width:100%;} .news .tabs li.on a { color:#e60012;} .news .newnr { width:100%; margin:0 auto; overflow:hidden;} .news .newnr .newul { width:100%; margin:0 auto; position:relative;} .news .newnr .newli .swiper-slide { display:block; padding-bottom:5px;} .news .newnr .newli .swiper-slide a { display:block; padding:20px; border:1px solid #ddd; background:#fdfdfd; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative; z-index:1;} .news .newnr .newli .swiper-slide .imgbg { width:180px; height:180px; overflow:hidden; filter:alpha(opacity=8); opacity:0.08; position:absolute; right:0; top:0; z-index:1;} .news .newnr .newli .swiper-slide .imgbg img { display:block; width:100%;} .news .newnr .newli .swiper-slide .time { line-height:30px; font-size:16px; color:#666; -webkit-transition:all .5s ease; transition:all .5s ease;} .news .newnr .newli .swiper-slide .time b { display:block; font-size:28px;} .news .newnr .newli .swiper-slide h3 { line-height:30px; font-weight:500; font-size:16px; color:#000; margin:20px 0 10px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .news .newnr .newli .swiper-slide p { height:50px; line-height:25px; font-size:12px; color:#666; margin-bottom:30px; overflow:hidden;} .news .newnr .newli .swiper-slide .img { width:100%; max-height:210px; overflow:hidden;} .news .newnr .newli .swiper-slide .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .news .newnr .newli .swiper-slide a:hover { border-color:#e60012; background:#fff;} .news .newnr .newli .swiper-slide a:hover .time { color:#e60012;} .news .newnr .newli .swiper-slide a:hover .img img { transform:scale(1.1,1.1);} .news .newnr .newul .swiper-button-next,.news .newnr .newul .swiper-button-prev { width:45px; height:100%; margin-top:-5px; background-color:rgba(0,0,0,0.02); background-position:center 45%; background-repeat:no-repeat; background-size:100%; top:0; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .news .newnr .newul .swiper-button-next:hover,.news .newnr .newul .swiper-button-prev:hover { background-color:rgba(0,0,0,0.2); filter:alpha(opacity=100); opacity:1;} .news .newnr .newul .swiper-button-next { background-image:url(../images/sr_11.png); left:0;} .news .newnr .newul .swiper-button-next:hover { background-image:url(../images/sr_11h.png);} .news .newnr .newul .swiper-button-prev { background-image:url(../images/sr_12.png); left:auto; right:0;} .news .newnr .newul .swiper-button-prev:hover { background-image:url(../images/sr_12h.png);} .newbg { width:100%; transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); position:absolute; top:50%; left:50%; z-index:0;} .newbg img { display:block; width:100%; -webkit-transform:translate3d(0,0,0); -moz-transform:translate3d(0,0,0); transform:translate3d(0,0,0); -webkit-animation:play 25s linear infinite; -moz-animation:play 25s linear infinite; animation:play 25s linear infinite;} @-webkit-keyframes play { 0% { -webkit-transform:rotate(0deg);} 100% { -webkit-transform:rotate(360deg);} } @-moz-keyframes play { 0% { -moz-transform:rotate(0deg);} 100% { -moz-transform:rotate(360deg);} } @keyframes play { 0% { transform:rotate(0deg);} 100% { transform:rotate(360deg);} } /*************** 瀛愰〉鍏敤 *******************/ .fl { float:left;} .fr { float:right;} .bggry { background:#fafafa;} .content { width:100%; margin-top:85px; border-top:1px solid #eee; overflow:hidden;} .catnav { width:100%; height:65px; line-height:65px; border-bottom:1px solid #f4f4f4; background:#fff;} .catnav li { float:left; margin-right:90px; cursor:pointer; position:relative;} .catnav li::after { display:block; content:""; width:0; height:2px; margin:0 auto; background:#e60012; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .catnav li a { display:block; width:100%; font-size:16px; color:#999;} .catnav li:hover::after,.catnav .on::after { width:100%;} .catnav li:hover a,.catnav .on a { color:#e60012;} .topnav { width:100%; height:65px; line-height:65px; border-bottom:1px solid #f4f4f4; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;} .topnav li { float:left; margin-right:60px; font-size:16px; color:#999; cursor:pointer; position:relative;} .topnav li a { display:block; width:100%; font-size:16px; color:#999;} .topnav li::after { display:block; content:""; width:0; height:2px; margin:0 auto; background:#e60012; position:absolute; left:0; right:0; bottom:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .topnav li:hover,.topnav li.on,.topnav li:hover a,.topnav li.on a { color:#e60012;} .topnav li:hover::after,.topnav li.on::after { width:100%;} .topnfix { position:fixed; top:0; left:0; z-index:9999;} /*璇︽儏椤靛叕鐢?/ .showpage { padding-top:40px;} .lh { line-height:40px; font-size:16px; color:#666;} .lh img { max-width:100%; height:auto !important;} .lh p { margin-bottom:30px;} .showcont { padding:65px 165px 0 165px; overflow:hidden;} .show_h3 { width:100%; text-align:center; padding-bottom:25px; margin-bottom:35px; border-bottom:1px solid #eee;} .show_h3 h3 { line-height:50px; font-size:32px; color:#333;} .show_h3 h4 { line-height:50px; font-weight: 500; font-size:20px; color:#666;} .show_h3 p { line-height:30px; font-size:14px; color:#999; margin-top:10px;} .show_sxp { font-size:14px; line-height:90px; color:#999; margin-top:50px; border-top:1px solid #eee;} .show_sxp p { width:45%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .show_sxp p span { display:inline-block; margin-right:10px;} .show_sxp a { color:#999;} .show_sxp .fr { text-align:right;} .show_sxp p a:hover { color:#e60012;} .serchms { font-size:20px; line-height:60px; color:#333; text-align:center;} /*鍒嗛〉*/ .scott { overflow:hidden; text-align:center; padding:60px 0;} .scott li { display:inline-block; line-height:35px; margin:5px; border:1px solid #dedede; border-radius:4px;} .scott a,.scott span { display:block; padding:0px 15px; font-size:14px; color:#333; cursor:pointer;} .scott li:hover,.scott .active { border-color:#e50012; background:#e50012;} .scott li:hover a,.scott li:hover span,.scott .active span { color:#fff;} /******璧拌繘鏂憺******/ .intosr { width:100%;} .intosr h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; padding-bottom:20px;} .intosr .into01 { width:100%; padding:50px 0; background:url(../images/yt10.jpg) no-repeat center bottom;} .intosr .into01 .msg { width:100%; margin-top:20px; position:relative;} .intosr .into01 .msg .lh { font-size:15px; line-height:35px; text-align:justify; margin:15px 0 60px 0;} .intosr .into01 .msg .lh p { margin-bottom:15px;} .intosr .into01 .mumber { width:100%;} .intosr .into01 .mumber li { float:left; width:calc(100% / 4 - 165px); margin-right:15px; padding:30px 0 30px 150px; background-position:70px center; background-repeat:no-repeat; box-shadow:0 0 20px rgba(0,0,0,0.05); position:relative;} .intosr .into01 .mumber li:last-child { margin-right:0;} .intosr .into01 .mumber li h3 { line-height:30px; font-weight:500; font-size:14px; color:#666; margin-left:5px;} .intosr .into01 .mumber li h3 span { font-weight:bold; font-size:33px; color:#e60012;} .intosr .into01 .mumber li h3 sup { font-weight:bold; font-size:16px; color:#e60012; margin-left:5px; position:relative; top:-10px;} .intosr .into01 .mumber li p { line-height:30px; font-size:14px; color:#666; padding-left:6px;} .intosr .into01 .mumber .mb1 { background-image:url(../images/mb1.png);} .intosr .into01 .mumber .mb2 { background-image:url(../images/mb2.png);} .intosr .into01 .mumber .mb3 { background-image:url(../images/mb3.png);} .intosr .into01 .mumber .mb4 { background-image:url(../images/mb4.png);} .intosr .into02 { width:100%; padding:80px 0; background:#fafafa;} .intosr .into02 li { float:left; width:185px; height:490px; cursor:pointer; overflow:hidden; position:relative; -webkit-transition:all .3s ease; transition:all .3s ease;} .intosr .into02 li .lft { width:145px; height:390px; padding:50px 20px; background-position:center top; background-repeat:no-repeat; position:relative; z-index:2;} .intosr .into02 li .lft h3 { line-height:35px; font-weight:500; font-size:18px; color:#fff; margin-bottom:75px;} .intosr .into02 li .lft span { display:block; width:28px; height:28px; background:url(../images/sr_19.png) no-repeat 0 0;} .intosr .into02 .in01 .lft { background-image:url(../images/sr_86.jpg);} .intosr .into02 .in02 .lft { background-image:url(../images/sr_87.jpg);} .intosr .into02 .in03 .lft { background-image:url(../images/sr_88.jpg);} .intosr .into02 .in04 .lft { background-image:url(../images/sr_89.jpg);} .intosr .into02 .in05 .lft { background-image:url(../images/sr_90.jpg);} .intosr .into02 li .rgt { width:325px; height:440px; padding:25px; background:#fff; position:absolute; right:0; top:0; z-index:0;} .intosr .into02 li .rgt .img { width:325px; height:185px; margin-bottom:20px; overflow:hidden;} .intosr .into02 li .rgt .img img { display:block; height:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;} .intosr .into02 li .rgt .img:hover img { transform:scale(1.1,1.1);} .intosr .into02 li .rgt p { line-height:30px; font-size:14px; color:#666; letter-spacing:1px;} .intosr .into02 .on { width:560px;} .intosr .into03 { width:100%; padding:80px 0;} .intosr .into03 li { float:left; width:425px; margin:30px 12px 30px 0;} .intosr .into03 li img { display:block; width:100%;} .intosr .into03 li:last-child { margin-right:0;} .intosr .wlbj { width:100%; position:relative;} .intosr .wlbj .bg { height:450px; background:url(../images/sr_97.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:66px; z-index:1;} .intosr .into04 { width:100%; background:#fff;} .intosr .into04 .tittabs { width:100%; height:310px; margin:auto; position:absolute; top:140px; left:0; right:0; z-index:2;} .intosr .into04 .tittabs h1 { color:#fff;} .intosr .into04 .tittabs li { float:left; width:95px; height:95px; line-height:95px; font-weight:bold; font-size:22px; color:#ccc; cursor:pointer; text-align:center; margin:65px 142px 0 0; border:1px solid #fff; border-radius:50%; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;} .intosr .into04 .tittabs li:first-child::before,.intosr .into04 .tittabs li::after { display:block; content:""; width:150%; height:1px; margin:auto; filter:alpha(opacity=60); opacity:0.6; background:#fff; position:absolute; left:95px; top:0; bottom:0;} .intosr .into04 .tittabs li:nth-child(6) { margin-right:0;} .intosr .into04 .tittabs li:first-child::before { left:auto; right:95px;} .intosr .into04 .tittabs li:first-child::before,.intosr .into04 .tittabs li:nth-child(6)::after { width:325%;} .intosr .into04 .tittabs li i { font-style:normal; font-weight:500; font-size:14px;} .intosr .into04 .tittabs li:hover,.intosr .into04 .tittabs .on { color:#fff; border-color:#e60012; background:#e60012;} .intosr .into04 .swiper-container { width:100%; padding:30px 0 60px 0; overflow:hidden; background:#fff;} .intosr .into04 .swiper-slide h4 { line-height:50px; font-size:27px; color:#505968; font-style:italic; border-bottom:1px solid #d8d9dc;} .intosr .into04 .swiper-slide p { line-height:30px; font-size:16px; color:#666; margin-top:10px; padding-left:15px; position:relative;} .intosr .into04 .swiper-slide p::after { display:block; content:""; width:5px; height:5px; border-radius:50%; background:#505968; position:absolute; left:0; top:13.5px;} .intosr .into05 { width:100%; padding:80px 0; background:#fafafa; position:relative; z-index:2;} .intosr .into05 .warp { position:relative;} .intosr .into05 .prolst { margin-top:40px;} .intosr .into05 .prolst img { display:block; width:100%;} .intosr .into05 .swiper-button-prev,.intosr .into05 .swiper-button-next { width:35px; height:35px; border:2px solid #ddd; border-radius:50%; background:none; top:65%;} .intosr .into05 .swiper-button-prev { left:-50px;} .intosr .into05 .swiper-button-next { right:-50px;} .intosr .into05 .swiper-button-prev::after,.intosr .into05 .swiper-button-next::after { display:block; content:""; width:10px; height:10px; border-top:2px solid #ddd; border-right:2px solid #ddd; -webkit-transform-origin:50%; transform-origin:50%; position:absolute; top:12px;} .intosr .into05 .swiper-button-prev::after { -webkit-transform:rotate(-135deg); transform:rotate(-135deg); left:14px;} .intosr .into05 .swiper-button-next::after { -webkit-transform:rotate(45deg); transform:rotate(45deg); left:10px;} .intosr .into05 .swiper-button-prev:hover,.intosr .into05 .swiper-button-next:hover,.intosr .into05 .swiper-button-prev:hover::after,.intosr .into05 .swiper-button-next:hover::after { border-color:#e60012;} /******鑱旂郴鎴戜滑******/ .contact { width:100%; padding-bottom:50px;} .contact .top { padding:100px 0; background:#fcfcfc url(../images/sr_52.jpg) no-repeat center bottom;} .contact .top .msg { float:left; width:580px;} .contact .top .msg i { line-height:25px; font-style:normal; font-weight:100; font-size:16px; color:#b2b2b2; letter-spacing:1px;} .contact .top .msg h3 { line-height:60px; font-size:32px; color:#333;} .contact .top .msg li { float:left; width:200px; margin:50px 90px 0 0;} .contact .top .msg li i { display:block; float:left; width:40px; height:40px; margin-right:10px; border:1px solid #666; border-radius:10px; box-sizing:border-box; background-position:center; background-repeat:no-repeat;} .contact .top .msg li p { float:left; width:150px; line-height:20px; font-size:14px; color:#333;} .contact .top .msg li p span { display:block; color:#999;} .contact .top .msg .cot01 { width:84%;} .contact .top .msg .cot01 p { width:300px;} .contact .top .msg .cot01 i { background-image:url(../images/sr_53.png);} .contact .top .msg .cot02 i { background-image:url(../images/sr_54.png);} .contact .top .msg .cot03 i { background-image:url(../images/sr_55.png);} .contact .top .msg .cot04 i { background-image:url(../images/sr_56.png);} .contact .top .img { float:right; width:665px; height:440px; overflow:hidden;} .contact .top .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .contact .top .img:hover img { transform:scale(1.1,1.1);} .contact .bottom { width:100%; padding:50px 0; background:url(../images/sr_58.png) no-repeat center 100px;} .contact .bottom .tabs { width:100%; height:60px; line-height:60px; border-bottom:1px solid #dbdbdb;} .contact .bottom .tabs li { float:left; font-size:16px; color:#333; padding:0 50px; cursor:pointer; position:relative;} .contact .bottom .tabs li::after { display:block; content:""; width:0%; height:2px; margin:auto; background:#e60012; position:absolute; left:0; right:0; bottom:-1px;} .contact .bottom .tabs .on { color:#e60012;} .contact .bottom .tabs .on::after { width:100%;} .contact .bottom .cotnr { width:100%;} .contact .bottom .cotnr li { float:left; width:calc(100% / 3 - 17px); height:185px; margin:50px 25px 0 0;} .contact .bottom .cotnr li:nth-child(3n) { margin-right:0;} .contact .bottom .cotnr li h3 { line-height:30px; font-weight:500; font-size:16px; color:#333; margin-bottom:15px;} .contact .bottom .cotnr li h3 span { display:block; color:#000;} .contact .bottom .cotnr li p { line-height:30px; font-size:14px; color:#999; margin-bottom:10px; padding-left:25px; background-position:left 6.5px; background-repeat:no-repeat; background-size:20px;} .contact .bottom .cotnr li p a { color:#999;} .contact .bottom .cotnr li p a:hover { color:#e60012; text-decoration:underline;} .contact .bottom .cotnr .bot1 { background-image:url(../images/sr_59.png);} .contact .bottom .cotnr .bot2 { background-image:url(../images/sr_60.png);} .contact .bottom .cotnr .bot3 { background-image:url(../images/sr_61.png);} /*****鎶曡祫鑰呭叧绯?****/ .investor { width:100%;} .investor h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; margin-bottom:30px;} .investor p { line-height:30px; font-size:16px; color:#666;} .investor .lft { float:left; width:650px;} .investor .notice { width:100%; padding:90px 0;} .investor .notice .rgt { float:right; width:245px; height:135px; border:1px solid #ddd; border-radius:4px; background:url(../images/sr_62.png) no-repeat 45px center; -webkit-transition:all .5s ease; transition:all .5s ease;} .investor .notice .rgt a { display:block; height:95px; line-height:40px; font-size:18px; color:#333; padding:40px 0 0 145px; background:url(../images/sr_10.png) no-repeat 145px 90px;} .investor .notice .rgt:hover { border-color:#e50012;} .investor .notice .rgt:hover a { background-image:url(../images/sr_10h.png);} .investor .wlbj { width:100%; position:relative;} .investor .wlbj .bg { height:473px; background:url(../images/sr_63.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:66px; z-index:1;} .investor .shares { width:100%; margin:auto; position:absolute; top:105px; left:0; right:0; z-index:2;} .investor .shares h1 { font-size:40px;} .investor .shares span { display:block; line-height:35px; font-size:18px; color:#333; padding-left:10px;} .investor .shares a { display:block; width:105px; height:45px; line-height:45px; font-size:16px; color:#fff; padding:0 40px; margin-top:50px; border-radius:22.5px; background:#e60012 url(../images/sr_05h.png) no-repeat 120px center; -webkit-transition:all .5s ease; transition:all .5s ease;} .investor .shares a:hover { transform:scale(1.1,1.1);} .investor .organize { width:100%; padding:60px 0; background:#fff; position:relative; z-index:2;} .investor .organize .img { width:100%; margin:0 auto; overflow:hidden;} .investor .organize .img img { display:block; max-width:100%; margin:0 auto;} .investor .team { width:100%; padding:60px 0 100px 0; background:#fafafa;} .investor .team li { float:left; width:260px; text-align:center; margin:60px 86px 0 0;} .investor .team li:nth-child(4n) { margin-right:0;} .investor .team li .img { width:260px; height:260px; border-radius:50%; overflow:hidden;} .investor .team li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .investor .team li h3 { line-height:35px; font-weight:500; font-size:22px; color:#333; margin-top:20px;} .investor .team li p { line-height:25px; font-size:16px; color:#666;} .investor .team li:hover .img img { transform:scale(1.1,1.1);} /*****浜у搧缁煎悎椤?****/ .proall {} .proall .proa1,.proall .proa2,.proall .proa3,.proall .proa4,.proall .proa5 { width:100%; padding:160px 0; background-position:center top; background-repeat:no-repeat; background-size:cover;} .proall .msg { width:50%;} .proall .msg .img { width:180px; height:180px; overflow:hidden;} .proall .msg .img img { display:block; width:100%; filter:grayscale(100) brightness(100);} .proall .msg h1 { line-height:75px; font-size:24px; color:#fff; margin-bottom:15px; position:relative;} .proall .msg h1::after { display:block; content:""; width:50px; height:2px; background:#e83328; position:absolute; left:0; bottom:0;} .proall .msg p { line-height:35px; font-size:16px; color:#fff;} .proall .msg h3 { line-height:55px; font-weight:500; font-size:22px; color:#fff; margin:60px 0 15px 0;} .proall .msg h3 i { float:left; width:50px; height:50px; margin-right:10px; border:2px solid #fff; border-radius:10px; background-position:center; background-repeat:no-repeat;} .proall .msg a { display:block; width:130px; height:55px; line-height:55px; font-size:16px; color:#fff; padding:0 40px; margin-top:45px; border:1px solid #fff; border-radius:27.5px; background:url(../images/sr_05h.png) no-repeat 150px center; -webkit-transition:all .5s ease; transition:all .5s ease;} .proall .msg a:hover { border-color:#e83328; background-color:#e83328;} .proall .proa1 { background-image:url(../images/sr_42.jpg);} .proall .proa1 .msg h3 i { background-image:url(../images/sr_47.png);} .proall .proa2 { background-image:url(../images/sr_43.jpg);} .proall .proa2 .msg h3 i { background-image:url(../images/sr_48.png);} .proall .proa3 { background-image:url(../images/sr_44.jpg);} .proall .proa3 .msg .img img { filter:grayscale(0);} .proall .proa3 .msg h3 i { border-color:#333; background-image:url(../images/sr_49.png);} .proall .proa3 .msg h1,.proall .proa3 .msg h3 { color:#333;} .proall .proa3 .msg p { color:#666;} .proall .proa3 .msg a { border-color:#e83328; background-color:#e83328;} .proall .proa4 { background-image:url(../images/sr_45.jpg);} .proall .proa4 .msg h3 i { background-image:url(../images/sr_50.png);} .proall .proa5 { background-image:url(../images/sr_46.jpg);} .proall .proa5 .msg h3 i { background-image:url(../images/sr_51.png);} /*浜у搧鍒楄〃*/ .prolist { width:100%; padding-top:10px;} .prolist li { margin-top:20px; padding:15px; border-radius:20px; overflow:hidden; background:#fff;} .prolist li .img { display:block; width:530px; height:285px; border-radius:10px; overflow:hidden;} .prolist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .prolist li .msg { width:660px; padding:15.5px 40px;} .prolist li .msg h3 { width:100%; line-height:40px; font-weight:500; font-size:24px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .8s ease; transition:all .8s ease;} .prolist li .msg p { line-height:30px; font-size:12px; color:#808080; margin:10px 0 40px 0;} .prolist li .msg a { display:block; width:145px; height:40px; line-height:40px; font-size:14px; color:#666; text-align:center; border:1px solid #d9d9d9; border-radius:20px; -webkit-transition:all .5s ease; transition:all .5s ease;} .prolist li:hover .img img { transform:scale(1.1,1.1);} .prolist li:hover h3 { color:#e60012;} .prolist li:hover a { color:#fff; border-color:#e60012; border-radius:4px; background:#e60012;} .prolist li:nth-child(2n-1) .img,.prolist li:nth-child(2n) .msg { float:left;} .prolist li:nth-child(2n-1) .msg,.prolist li:nth-child(2n) .img { float:right;} /*浜у搧璇︽儏*/ .proshow { width:100%; padding-top:100px; position:relative;} .proshow::after { display:block; content:""; width:843px; height:317px; background:url(../images/sr_98.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:405px; color:#fafafa;*/ position:absolute; left:0; top:80px; z-index:0;} .proshow .msg { float:left; width:645px; padding-right:55px; position:relative; z-index:2;} .proshow .msg h3 { line-height:80px; font-weight:500; font-size:50px; color:#333; padding:30px 0 20px 0;} .proshow .msg p { line-height:35px; font-size:20px; color:#999;} .proshow .msg a { display:block; width:320px; height:60px; line-height:60px; font-size:22px; color:#fff; text-indent:80px; margin-top:100px; border-radius:30px; background:#e60012 url(../images/sr_05h.png) no-repeat 230px center; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .msg a:hover { transform:scale(1.1,1.1);} .proshow .img { display:table-cell; width:600px; height:425px; text-align:center; vertical-align:middle; overflow:hidden; position:relative; z-index:999;} .proshow .img img { display:block; width:100%; margin:0 auto; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .img:hover img { transform:scale(1.1,1.1);} .proshow .tit { width:100%; margin-top:50px; position:relative; z-index:2;} .proshow .tit h4 { line-height:35px; font-weight:500; font-size:28px; color:#999;} .proshow .tit h2 { line-height:90px; font-weight:500; font-size:50px; color:#333;} .proshow .tit p { line-height:35px; font-size:18px; color:#333; margin-top:10px;} .superiority { width:100%;} .superiority li { float:left; width:calc(100% / 4); margin:40px 0;} .superiority li i { display:block; float:left; width:95px; height:95px; border:3px solid #333; border-radius:15px; background-position:center; background-repeat:no-repeat;} .superiority li .nr { float:right; width:200px; padding-top:5px;} .superiority li .nr h3 { line-height:60px; font-size:24px; color:#333;} .superiority li .nr p { line-height:25px; font-size:18px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .superiority .sup01 i { background-image:url(../images/sr_38.png);} .superiority .sup02 i { background-image:url(../images/sr_39.png);} .superiority .sup03 i { background-image:url(../images/sr_40.png);} .superiority .sup04 i { background-image:url(../images/sr_41.png);} .superiority .lst { width:100%; margin-bottom:80px;} .superiority .lst .msg { width:605px; padding:30px 70px 0 0;} .superiority .lst .msg h4 { line-height:85px; font-weight:500; font-size:28px; color:#333;} .superiority .lst .msg p { line-height:35px; font-size:18px; color:#999;} .superiority .lst .tops { width:625px; height:360px; overflow:hidden;} .superiority .lst .tops .img { height:360px;} .superiority .lst .tops .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .superiority .lst:hover .img img { transform:scale(1.1,1.1);} .superiority .lst:nth-child(2n-1) .msg,.superiority .lst:nth-child(2n) .tops { float:left;} .superiority .lst:nth-child(2n) .msg,.superiority .lst:nth-child(2n-1) .tops { float:right;} .superiority .lst:nth-child(2n) .msg { padding:30px 0 0 70px;} .proshow .norms { width:100%; margin-top:40px; padding-top:30px; border-top:1px solid #d9d9d9; position:relative;} .proshow .norms::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:-20%; top:5%; z-index:0;} /*.proshow .norms h4 { float:left; width:150px; line-height:80px; font-weight:500; font-size:28px; color:#999;}*/ .proshow .norms .nr { /*float:right; width:1000px;*/ width:100%; position:relative; z-index:2;} .proshow .norms .nr li { float:left; width:calc(100% / 3); margin:20px 0 60px 0;} .proshow .norms .nr li p { line-height:40px; font-size:16px; color:#999;} .proshow .norms .nr li b { display:block; font-weight:500; font-size:24px; color:#333;} .proshow .norms .nr img { display:block; max-width:100%;} .proshow .norms .nr .lh { margin-top:30px;} .proshow .norms .nr .lh p { margin-bottom:0;} .proshow .mytabs { width:100%; margin:20px 0;} .proshow .mytabs li { float:left; height:60px; line-height:60px; font-size:16px; color:#999; padding:0 20px; cursor:pointer; border-bottom:2px solid #ededed; position:relative;} .proshow .mytabs li::after { display:block; content:""; width:0%; height:3px; margin:auto; background:#e60012; position:absolute; left:0; right:0; bottom:-2px; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .mytabs .on { color:#333;} .proshow .mytabs .on::after { width:100%;} .proshow .mynr { width:100%;} .proshow .mynr .swiper-slide { width:100%; background:#fff;} .proshow .mynr .swiper-slide img { display:block; width:1245px; height:550px;} .proshow .mynr .swiper-slide .mg { width:400px; height:230px; margin:auto; padding:60px; box-shadow:0 0 10px rgba(0,0,0,0.1); background:#fff; position:absolute; right:10px; top:0; bottom:0; z-index:2;} .proshow .mynr .swiper-slide .mg h4 { line-height:70px; font-size:28px; color:#333; margin-bottom:25px; position:relative;} .proshow .mynr .swiper-slide .mg h4::after { display:block; content:""; width:45px; height:2px; background:#e83328; position:absolute; left:0; bottom:0;} .proshow .mynr .swiper-slide .mg p { line-height:30px; font-size:16px; color:#666;} .proshow .recpro { width:100%; margin-top:80px; padding:60px 0; background:#fafafa;} .proshow .recpro .tit { margin-top:0;} .proshow .recpro li { float:left; width:420px; margin:40px 20px 40px 0; border-radius:10px 10px 0 0; overflow:hidden; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .recpro li:last-child { margin-right:0;} .proshow .recpro li a { display:block; width:100%;} .proshow .recpro li .img { display:block; width:420px; height:225px; margin-top:0; overflow:hidden;} .proshow .recpro li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .recpro li .mgs { padding:10px 30px;} .proshow .recpro li .mgs h4 { line-height:50px; font-weight:500; font-size:18px; color:#333; border-bottom:2px dotted #eee; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .proshow .recpro li .mgs p { height:50px; line-height:25px; font-size:13px; color:#999; margin:10px auto;} .proshow .recpro li:hover { box-shadow:0 0 15px rgba(0,0,0,0.1);} .proshow .recpro li:hover .img img { transform:scale(1.1,1.1);} .proshow .recpro li:hover .mgs h4 { color:#e60012;} /*****鏂伴椈缁煎悎椤?****/ .newcomp { padding:40px 0;} .newcomp .tweet { width:100%; height:360px; border-radius:20px; overflow:hidden; position:relative;} .newcomp .tweet a { display:block; width:100%;} .newcomp .tweet .msg { width:95%; height:85px; color:#fff; padding:0 2.5%; background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,0.5)); position:absolute; left:0; bottom:0; z-index:1;} .newcomp .tweet .msg h3 { float:left; max-width:85%; line-height:85px; font-weight:500; font-size:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .newcomp .tweet .msg span { float:right; line-height:80px; font-size:18px; margin-top:5px;} .newcomp .tweet img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease; position:relative; z-index:0;} .newcomp .tweet a:hover img { transform:scale(1.1,1.1);} .newcomp .tit { line-height:40px; margin-bottom:45px;} .newcomp .tit h1 { float:left; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px;} .newcomp .tit a { float:right; font-size:18px; color:#666;} .newcomp .tit a:hover { color:#e83328;} .newcomp .siruinew { width:100%; margin:80px auto;} .newcomp .siruinew li { float:left; width:420px; margin-right:20px; overflow:hidden; position:relative;} .newcomp .siruinew li:last-child { margin-right:0;} .newcomp .siruinew li a { display:block; width:100%;} .newcomp .siruinew li i { display:block; width:46px; height:46px; line-height:40px; font-style:normal; font-weight:100; font-size:34px; color:#fff; text-align:center; margin:auto; border-radius:50%; background:#e83328 url(../images/sr_02.png) no-repeat center center; position:absolute; left:0; right:0; top:-50px; z-index:2; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .siruinew li .img { width:420px; height:242px; margin-bottom:15px; border-radius:20px; overflow:hidden; position:relative;} .newcomp .siruinew li .img::after { display:block; content:""; width:420px; height:0; background:rgba(0,0,0,0.4); position:absolute; left:0; top:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .siruinew li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .siruinew li .msg { padding:0 15px;} .newcomp .siruinew li .msg h3 { line-height:40px; font-weight:500; font-size:20px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .siruinew li .msg p { line-height:25px; font-size:14px; color:#808080; margin:5px 0 30px 0;} .newcomp .siruinew li .msg span { display:block; font-size:14px; color:#999;} .newcomp .siruinew li:hover i { top:98px;} .newcomp .siruinew li:hover .img::after { height:242px;} .newcomp .siruinew li:hover .img img { transform:scale(1.1,1.1);} .newcomp .siruinew li:hover .msg h3 { color:#e83328;} .newcomp .inform { width:100%;} .newcomp .inform .lft { float:left; width:590px; height:395px; border-radius:20px; overflow:hidden; position:relative;} .newcomp .inform .lft::after { display:block; content:""; width:590px; height:395px; background:rgba(0,0,0,0.3); position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .inform .lft a { display:block; width:100%;} .newcomp .inform .lft h3 { width:90%; height:70px; line-height:70px; font-weight:500; font-size:24px; color:#fff; padding:0 5%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; position:absolute; left:0; bottom:0; z-index:2;} .newcomp .inform .lft img { display:block; height:395px;} .newcomp .inform .lft:hover::after { background:rgba(0,0,0,0.5);} .newcomp .inform .rgt { float:right; width:635px;} .newcomp .inform .rgt li { margin-bottom:40px;} .newcomp .inform .rgt li a { display:block; width:100%;} .newcomp .inform .rgt li .msg { float:left; width:565px;} .newcomp .inform .rgt li .msg h3 { width:100%; line-height:35px; font-weight:500; font-size:22px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .inform .rgt li .msg p { line-height:35px; font-size:16px; color:#999;} .newcomp .inform .rgt li span { display:block; float:right; width:60px; height:25px; margin-top:10px; border:1px solid #e60012; border-radius:15px; background:url(../images/sr_10h.png) no-repeat center center; filter:alpha(opacity=0); opacity:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .newcomp .inform .rgt li:hover .msg h3 { color:#e60012;} .newcomp .inform .rgt li:hover span { filter:alpha(opacity=100); opacity:1;} /*鏂伴椈鍒楄〃*/ .newlist { width:100%; padding:70px 0 40px 0;} .newlist h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px;} .newlist li { width:100%; padding:35px 0; border-bottom:1px solid #e6e6e6;} .newlist li a { display:block; width:100%;} .newlist li .time { float:left; width:85px; margin:50px 0 0 20px;} .newlist li .time span { display:block; font-size:14px; color:#999;} .newlist li .time b { line-height:35px; font-size:28px; color:#999; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .time i { display:block; width:30px; height:30px; margin-top:25px; border:1px solid #ccc; border-radius:50%; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .time i::after { display:block; content:""; width:7px; height:7px; border-top:1px solid #999; border-right:1px solid #999; -webkit-transform-origin:50%; transform-origin:50%; -webkit-transform:rotate(45deg); transform:rotate(45deg); position:absolute; left:10px; top:12px; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .msg { float:left; width:690px; margin:25px 0 0 100px;} .newlist li .msg h3 { width:100%; line-height:40px; font-weight:500; font-size:20px; color:#000; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .msg h5 { width:100%; line-height:30px; font-weight:500; font-size:17px; color:#333; margin:5px 0 15px 0; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .msg p { line-height:25px; font-size:14px; color:#666;} .newlist li .msg i { display:block; font-size:12px; color:#999; font-style:normal; margin-top:30px; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li .msg i small { margin-left:5px;} .newlist li .img { float:right; width:348px; height:200px; border-radius:20px; overflow:hidden;} .newlist li .img img { display:block; width:100%; -webkit-transition:all .5s ease; transition:all .5s ease;} .newlist li:hover .time b { color:#333;} .newlist li:hover .time i,.newlist li:hover .time i::after { border-color:#e60012;} .newlist li:hover h3 { color:#e60012;} .newlist li:hover .img img { transform:scale(1.1,1.1);} .newlist li:hover i { color:#000;} /*鐩稿叧闃呰*/ .reading { width:100%;} .reading h2 { line-height:40px; font-size:22px; color:#333;} .reading li:last-child { border-bottom:none;} .reading li .time { margin-left:0;} .reading li .msg { width:430px; margin-left:60px;} /*****鍔犲叆鏂憺****/ .join { width:100%;} .join h1 { line-height:40px; font-style:italic; font-weight:500; font-size:30px; color:#333; margin-bottom:45px; padding-left:35px; background:url(../images/sr_18.png) no-repeat left 10px;} /*闇€姹傚矖浣?/ .join .jobdem { padding:60px 0; background:#fafafa;} .join .jobdem li { width:100%; height:300px; margin-bottom:30px; padding:40px 65px; box-sizing:border-box; overflow:hidden; background-position:center top; background-repeat:no-repeat; position:relative;} .join .jobdem li::after { display:block; content:""; width:100%; height:100%; filter:alpha(opacity=0); opacity:0; background:#000; position:absolute; left:0; top:0; z-index:1; -webkit-transition:all .5s ease; transition:all .5s ease;} .join .jobdem li .msg { position:relative; z-index:2;} .join .jobdem li .msg h3 { line-height:40px; font-size:26px; color:#fff; text-shadow:1px 1px 0 #999; letter-spacing:2px;} .join .jobdem li .msg p { line-height:30px; font-size:18px; color:#fff; margin:4px 0 115px 0;} .join .jobdem li .msg a { display:inline-block; height:30px; line-height:30px; font-size:16px; color:#fff; padding-right:35px; background:url(../images/sr_19.png) no-repeat right 2px; -webkit-transition:all .5s ease; transition:all .5s ease;} .join .jobdem li:hover::after { filter:alpha(opacity=20); opacity:0.2;} .join .jobdem li:hover .msg a { padding-right:55px;} /*涓轰粈涔堥€夋嫨鏂憺*/ .join .whysir { padding-top:60px;} .join .whysir li { float:left; width:300px; margin:0 160px 60px 26px;} .join .whysir li:nth-child(3n) { margin-right:0;} .join .whysir li i { display:block; width:60px; height:60px; background-position:center; background-repeat:no-repeat;} .join .whysir li h3 { line-height:40px; font-size:26px; color:#333; margin:10px 0 50px 0; position:relative;} .join .whysir li h3::after { display:block; content:""; width:65px; height:5px; background:#e60012; position:absolute; left:0; bottom:-25px;} .join .whysir li p { line-height:35px; font-size:18px; color:#666;} .join .whysir .why01 i { background-image:url(../images/sr_20.png);} .join .whysir .why02 i { background-image:url(../images/sr_21.png);} .join .whysir .why03 i { background-image:url(../images/sr_22.png);} .join .whysir .why04 i { background-image:url(../images/sr_23.png);} .join .whysir .why05 i { background-image:url(../images/sr_24t.png);} .join .whysir .why06 i { background-image:url(../images/sr_24.png);} /*鎷涜仒娴佺▼*/ .circuit { padding:60px 0; background:#fafafa;} .circuit h3 { line-height:50px; font-weight:500; font-size:20px; color:#666; padding-left:35px; margin-bottom:15px;} .circuit .martop { margin-top:40px;} .circuit li { float:left; width:141px; text-align:center; margin-right:90px; position:relative;} .circuit li::after { display:block; content:""; width:90px; height:121px; background:url(../images/sr_25.png) no-repeat center center / 88px; position:absolute; top:0; right:-90px;} .circuit li:last-child { margin-right:0;} .circuit li:last-child::after { display:none;} .circuit li i { display:block; width:121px; height:121px; margin:0 auto; background-position:center; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;} .circuit li p { line-height:25px; font-size:16px; color:#666; text-align:center; margin-top:15px;} .circuit li p span { display:block; font-size:12px; color:#999;} .circuit .cir01 i { background-image:url(../images/sr_26.png);} .circuit .cir02 i { background-image:url(../images/sr_27.png);} .circuit .cir03 i { background-image:url(../images/sr_28.png);} .circuit .cir04 i { background-image:url(../images/sr_29.png);} .circuit .cir05 i { background-image:url(../images/sr_30.png);} .circuit .cir06 i,.circuit .cir08 i { background-image:url(../images/sr_64.png);} .circuit .cir07 i { background-image:url(../images/sr_65.png);} /*.circuit li:hover i { transform:rotate(360deg);}*/ /*浜烘墠鍩硅偛璁″垝*/ .plan { padding:60px 0;} .plan li { float:left; width:305px; height:540px; margin-right:25px; text-align:center; padding-top:40px; box-shadow:0 0 20px rgba(0,0,0,0.05);} .plan li:last-child { margin-right:0;} .plan li i { display:block; width:50px; height:50px; margin:0 auto; background-position:center; background-repeat:no-repeat;} .plan li h3 { line-height:40px; font-size:22px; color:#333; margin:10px 0 25px 0;} .plan li p { line-height:40px; font-size:18px; color:#999; padding-bottom:20px; background:url(../images/sr_35.png) no-repeat center 45px;} .plan li p:last-child { background:none;} .plan .pl01 i { background-image:url(../images/sr_31.png);} .plan .pl02 i { background-image:url(../images/sr_32.png);} .plan .pl03 i { background-image:url(../images/sr_33.png);} .plan .pl04 i { background-image:url(../images/sr_34.png);} /*鏅嬪崌璁″垝*/ .promotion { padding:60px 0; border-top:1px solid #eee;} .promotion .msg { padding:40px; box-shadow:0 0 20px rgba(0,0,0,0.05);} /*鎷涜仒鍒楄〃*/ .job { width:100%; padding:30px 0 40px 0; background:#fafafa; overflow:hidden;} .job h1 { line-height:50px; font-size:20px; color:#333; margin-bottom:15px;} .job .lft { float:left; width:330px;} .job .lft .nvs { padding:25px 25px 15px 25px; background:#fff;} .job .lft .nvs li { height:65px; line-height:65px; margin:0 5px 5px 0; border-bottom:1px solid #e5e5e5; overflow:hidden;} .job .lft .nvs li:last-child { border-bottom:none;} .job .lft .nvs li a { display:block; font-size:20px; color:#333; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;} .job .lft .nvs li a::before,.job .lft .nvs li a::after { display:block; content:""; background:#333; position:absolute; -webkit-transition:all .5s ease; transition:all .5s ease;} .job .lft .nvs li a::before { width:12px; height:2px; top:32px; right:5px;} .job .lft .nvs li a::after { width:2px; height:12px; top:27px; right:10px;} .job .lft .nvs li:hover a,.job .lft .nvs .on a { color:#e60012;} .job .lft .nvs li:hover a::before,.job .lft .nvs .on a::before { background:#e60012;} .job .lft .nvs li:hover a::after,.job .lft .nvs .on a::after { filter:alpha(opacity=0); opacity:0; top:-10px;} .job .rgt { float:right; width:950px;} .job .rgt li { padding:25px 30px; margin-bottom:15px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;} .job .rgt li a { display:block; width:100%; background:url(../images/sr_36.png) no-repeat right bottom;} .job .rgt li h3 { line-height:30px; font-weight:bold; font-size:22px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;} .job .rgt li p { width:100%;} .job .rgt li p span { display:inline-block; font-size:16px; color:#666; margin:5px 35px 20px 0; position:relative;} .job .rgt li p span::after { display:block; content:""; width:1px; height:15px; background:#999; position:absolute; right:-20px; top:6px;} .job .rgt li p span:last-child::after { display:none;} .job .rgt li .mg { width:80%; height:50px; line-height:25px; font-size:14px; color:#999; overflow:hidden;} .job .rgt li:hover { box-shadow:0 5px 20px rgba(0,0,0,0.05);} .job .rgt li:hover a { background-image:url(../images/sr_36h.png);} .job .rgt li:hover h3 { color:#e60012;} /*鎷涜仒璇︽儏*/ .jobshow { padding:35px; background:#fff; position:relative;} .jobshow::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:0; top:40%; z-index:0;} .jobshow h1 { height:35px; line-height:35px; font-weight:bold; font-size:26px; color:#333; padding:0 0 35px 50px; border-bottom:1px solid #e9e9e9; background:url(../images/sr_37.png) no-repeat left 2px;} .jobshow h2 { line-height:40px; font-weight:bold; font-size:20px; color:#333;} .jobshow .msg { padding:15px 20px; margin:40px 0 30px 0; background:#f7f7f7;} .jobshow .msg span { display:inline-block; width:300px; line-height:40px; font-size:16px; color:#999;} .jobshow .msg span i { font-style:normal; color:#333;} .jobshow .lh { width:100%; position:relative; z-index:2;} .jobshow .lh h5 { line-height:30px; font-weight:500; font-size:18px; color:#000; margin:35px 0 5px 0;} .jobshow .lh p { line-height:40px; font-size:16px; color:#666; margin-bottom:0;} /*宀椾綅鎺ㄨ崘*/ .abutjob { padding:60px 0 20px 0;} .abutjob h1 { line-height:40px; font-style:italic; font-weight:500; font-size:30px; color:#333; margin-bottom:45px; padding-left:35px; background:url(../images/sr_18.png) no-repeat left 10px;} .abutjob li { padding:25px 30px; margin-bottom:15px; background:#fff; -webkit-transition:all .5s ease; transition:all .5s ease;} .abutjob li a { display:block; width:100%; background:url(../images/sr_36.png) no-repeat right bottom;} .abutjob li h3 { line-height:30px; font-weight:bold; font-size:22px; color:#333; -webkit-transition:all .5s ease; transition:all .5s ease;} .abutjob li p { width:80%; line-height:25px; font-size:14px; color:#999; margin:5px 0 20px 0;} .abutjob li p span { display:inline-block; font-size:16px; color:#666; margin-right:35px; position:relative;} .abutjob li p span::after { display:block; content:""; width:1px; height:15px; background:#999; position:absolute; right:-20px; top:6px;} .abutjob li p span:last-child::after { display:none;} .abutjob li:hover { box-shadow:0 5px 20px rgba(0,0,0,0.05);} .abutjob li:hover a { background-image:url(../images/sr_36h.png);} .abutjob li:hover h3 { color:#e60012;} /*****绀句細璐d换*****/ .social { width:100%;} .social h1 { line-height:40px; font-style:italic; font-size:32px; color:#263145; letter-spacing:2px; padding-bottom:20px;} .social p { line-height:35px; font-size:16px; color:#666; margin-top:25px;} .social i { display:block; width:75px; height:75px; border:2px solid #fff; border-radius:10px; background-position:center; background-repeat:no-repeat; -webkit-transition:all .5s ease; transition:all .5s ease;} .social .soc1 { width:100%; padding:100px 0; background:url(../images/sr_71.png) no-repeat center bottom;} .social .soc1 .mumber { width:100%; margin-top:50px;} .social .soc1 .mumber li { float:left; width:160px; text-align:center; margin:0 80px;} .social .soc1 .mumber li h3 { line-height:50px; font-weight:500;} .social .soc1 .mumber li h3 span { font-weight:bold; font-size:66px; color:#33cd6b;} .social .soc1 .mumber li h3 sub { font-size:20px; color:#333; margin-left:5px; position:relative; top:-5px;} .social .soc1 .mumber li p { line-height:25px; font-size:16px; margin-top:15px; letter-spacing:0;} .social .wlbj { width:100%; position:relative;} .social .wlbj .bg1 { height:680px; background:url(../images/sr_72.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:0; z-index:1;} .social .wlbj .bg2 { height:860px; background:url(../images/sr_79.jpg) no-repeat center top / cover; position:-webkit-sticky; position:sticky; top:0; z-index:1;} .social .soc2 { width:100%; margin:auto; position:absolute; top:100px; left:0; right:0; z-index:2;} .social .soc2 h1,.social .soc2 p { color:#fff;} .social .soc2 .msg { float:left; width:435px; margin:100px 80px 0 0;} .social .soc2 .msg i { float:left; margin-right:20px;} .social .soc2 .msg .so01 { background-image:url(../images/sr_73.png);} .social .soc2 .msg .so02 { background-image:url(../images/sr_74.png);} .social .soc2 .msg .nr { float:left; width:335px;} .social .soc2 .msg .nr h3 { line-height:40px; font-weight:500; font-size:22px; color:#fff;} .social .soc2 .msg .nr p { line-height:45px; font-size:16px; color:#fff; margin-top:0; padding-left:20px; position:relative;} .social .soc2 .msg .nr p::after { display:block; content:""; width:6px; height:6px; border-radius:50%; background:#fff; position:absolute; left:0; top:21px;} .social .soc2 .msg:hover i { border-radius:30px;} .social .soc3 { width:100%; padding:110px 0 65px 0; background:#fff; position:relative; z-index:2;} .social .soc3::after { display:block; content:""; width:652px; height:237px; background:url(../images/sr_99.png) no-repeat 0 0; /*content:"Sirui"; font-weight:bold; font-size:430px; color:#fafafa; letter-spacing:5px;*/ position:absolute; right:1%; top:40%; z-index:0;} .social .soc3 .warp { position:relative; z-index:2;} .social .soc3 li { float:left; width:45%; margin:60px 10% 0 0;} .social .soc3 li:nth-child(2n) { margin-right:0;} .social .soc3 li i { float:left; border-color:#333; margin-right:20px;} .social .soc3 li .sc01 { background-image:url(../images/sr_75.png);} .social .soc3 li .sc02 { background-image:url(../images/sr_76.png);} .social .soc3 li .sc03 { background-image:url(../images/sr_77.png);} .social .soc3 li .sc04 { background-image:url(../images/sr_78.png);} .social .soc3 li .msg { float:left; width:435px;} .social .soc3 li .msg h3 { line-height:30px; font-weight:500; font-size:22px; color:#333; margin-bottom:10px;} .social .soc3 li .msg p { height:90px; line-height:30px; font-size:16px; color:#666; margin-top:0;} .social .soc3 li:hover i { border-radius:30px;} .social .soc4 { width:100%; margin:auto; position:absolute; top:100px; left:0; right:0; z-index:2;} .social .soc4 h1,.social .soc4 p { color:#fff;} .social .soc4 li { float:left; width:240px; margin:80px 113px 0 0;} .social .soc4 li:last-child { margin-right:0;} .social .soc4 li .oc01 { background-image:url(../images/sr_80.png);} .social .soc4 li .oc02 { background-image:url(../images/sr_81.png);} .social .soc4 li .oc03 { background-image:url(../images/sr_82.png);} .social .soc4 li .oc04 { background-image:url(../images/sr_83.png);} .social .soc4 li h3 { line-height:40px; font-weight:500; font-size:22px; color:#fff; margin:25px auto 10px auto;} .social .soc4 li p { line-height:35px; font-size:16px; color:#fff; margin-top:0;} .social .soc4 li:hover i { border-radius:30px;} .social .soc5 { width:100%; padding:80px 0; background:#fff; position:relative; z-index:2;} .social .soc5 li { float:left; width:210px; height:210px; margin:40px 60px 0 0; border:1px solid #e6e6e6; overflow:hidden; position:relative; -webkit-transition:all .5s ease; transition:all .5s ease;} .social .soc5 li:nth-child(5n) { margin-right:0;} .social .soc5 li a { display:block; height:90px; padding:15px;} .social .soc5 li h3 { max-width:100%; line-height:40px; font-size:24px; color:#333;} .social .soc5 li h3 sup { display:inline-block; width:40px; height:20px; line-height:20px; font-size:12px; color:#fff; text-align:center; margin-left:5px; border-radius:10px; background:#31a580; position:relative; top:3px;} .social .soc5 li p { line-height:30px; font-size:14px; color:#666; margin-top:0;} .social .soc5 li span { display:block; width:35px; height:35px; border-radius:50%; background:#f2f3f5 url(../images/sr_84.png) no-repeat center center; position:absolute; right:20px; bottom:-40px; -webkit-transition:all .5s ease; transition:all .5s ease;} .social .soc5 li:hover { border-color:#31a580; background:#31a580;} .social .soc5 li:hover h3,.social .soc5 li:hover p { color:#fff;} .social .soc5 li:hover h3 sup { color:#31a580; background:#fff;} .social .soc5 li:hover span { bottom:15px;} /*涓嬭浇*/ .softs { width:100%;} .softs li { float:left; width:390px; margin:0 5px 30px 5px; overflow:hidden; position:relative;} .softs li a { display:block; width:100%;} .softs li .msg { width:90%; height:200px; padding:95px 5%; text-align:center; background:rgba(222,5,5,0.8); position:absolute; top:0; left:0; z-index:2;} .softs li .msg i { display:block; width:20px; height:2px; margin:0 auto; background:#fff;} .softs li .msg h3 { width:100%; line-height:40px; font-size:18px; color:#fff; margin-bottom:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .softs li .msg p { width:90px; height:30px; line-height:30px; font-size:12px; color:#fff; margin:0 auto; border:1px solid #fff; border-radius:15px; overflow:hidden;} .softs li img { width:390px; height:300px; overflow:hidden; -webkit-transition:all .8s ease; transition:all .8s ease;} .softs li:hover img { transform:scale(1.1,1.1);} /*鎼滅储*/ .form_div { display:none;} /*1520浠ヤ笅*/ @media screen and (max-width:1519px) { .banner .swiper-button-prev,.banner .swiper-button-next { top:auto; bottom:20px;} } @media screen and (max-width:1366px) { .about .rgt { top:-45px;} } /*1366浠ヤ笅768浠ヤ笂*/ @media screen and (max-width:1365px) { .mine { overflow:hidden; position:relative; right:0; -webkit-transition:all .5s ease; transition:all .5s ease;} .open { overflow:hidden;} .open .mine { overflow:initial;} .open .mine { right:200px;} .warp { width:calc(100% - 30px); padding:0 15px;} .content { margin-top:80px;} .showcont { padding:30px 0 0 0;} .catnav li { margin-right:25px;} .catnav li a { font-size:14px;} .scott { padding:30px 0;} .form_div { display:block; width:90%; height:45px; line-height:45px; margin:15px auto; border:1px solid #ddd; border-radius:22.5px; overflow:hidden;} .form_div input { display:block; float:left; width:calc(100% - 130px); height:45px; line-height:45px; padding:0 15px; outline:none; border:none; background:none;} .form_div .btn { width:100px; text-indent:20px; background:url(../images/sr_02h.png) no-repeat 20px center;} /*澶撮儴*/ .header { min-width:100%;} .header .rgt { display:none;} .header .muen { display:block; float:right; width:30px; height:15px; margin-top:30px; cursor:pointer; border-top:2px solid #fff; border-bottom:2px solid #fff; position:relative;} .header .muen::after { display:block; content:""; width:30px; height:2px; margin:auto; background:#fff; position:absolute; left:0; top:0; bottom:0;} .header .mnavs { display:block; width:199px; height:100vh; overflow-y:scroll; border-left:1px solid #eee; background:#fff; position:absolute; right:-200px; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .mnavs li { width:100%; border-bottom:1px solid #eee;} .header .mnavs li a { display:block; height:50px; line-height:50px;} .header .mnavs li .lang { float:left; width:70%; font-size:18px; color:#e60012; padding-left:10px;} .header .mnavs li .mserch { float:right; width:40px; filter:grayscale(0) brightness(0); background:url(../images/sr_02.png) no-repeat center center;} .header .mnavs li h3 { height:50px; line-height:50px; padding:0 10px; position:relative;} .header .mnavs li h3 a { display:block; width:100%; font-size:16px;} .header .mnavs li h3 i { display:block; width:45px; height:50px; line-height:45px; font-style:normal; font-weight:500; font-size:16px; color:#999; text-align:center; cursor:pointer; position:absolute; right:0; top:0; z-index:1;} .header .mnavs li .xlej { display:none; padding:10px; border-top:1px solid #eee; background:#fafafa;} .header .mnavs li .xlej a { display:block; float:left; width:50%; height:40px; line-height:40px; font-size:14px; color:#666; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .header .mnavs li .xlej a:hover { color:#eb2914;} .header .mnavs .on h3 a { color:#e60012;} .header .mnavs li .on { display:block;} /*澶撮儴楂樹寒*/ .header:hover { background:none;} .header:hover .logo img { filter:grayscale(100) brightness(100);} .headeron .logo img { filter:grayscale(0);} .headeron:hover .logo img { filter:grayscale(0);} .headeron .muen { border-color:#333;} .headeron .muen::after { background:#333;} /*banner*/ .banner .warp { height:280px;} .banner .text h1 { line-height:80px; font-size:50px; letter-spacing:2px;} .banner .text a { width:140px; height:50px; line-height:50px; font-size:14px; padding-left:20px; margin-top:45px; border-radius:25px; background-position:85% center;} /*浜岀骇banner*/ .banner_ej h1 { height:40px; line-height:40px; font-size:34px; letter-spacing:4px;} /*鍏充簬鎴戜滑*/ .about { padding:80px 0; position:relative;} .about .lft { width:40%; margin-top:0; position:relative; z-index:2;} .about .lft h2 { line-height:50px; font-size:40px; margin-bottom:50px;} .about .lft h2::after { bottom:-20px;} .about .lft p { line-height:35px; font-size:16px; letter-spacing:0;} .about .lft a { width:120px; height:40px; line-height:40px; font-size:14px; color:#fff; border-radius:20px; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;} .about .rgt { width:500px; height:493px; margin:auto; letter-spacing:0; right:2%;} .about .rgt .imgbg { width:500px; height:493px;} .about .rgt .img { top:145px; left:145px;} .about .rgt .mumber li { width:80px;} .about .rgt .mumber li h3 span { font-size:26px;} .about .rgt .mumber .mum01 { left:90px; top:75px;} .about .rgt .mumber .mum02 { width:85px; right:-12px;} .about .rgt .mumber .mum03 { left:75px; top:308px;} .about .rgt .mumber .mum04 { width:85px; top:335px; right:60px;} /*浜у搧*/ .pros { height:auto; text-align:center; padding:120px 0; background-size:auto 100%;} .pros li { width:calc(100% / 5 - 1%); padding:16px 0; margin:30px 0.35% 0 0.35%; overflow:hidden; box-sizing:border-box;} .pros li .img,.pros li .img img { width:110px; height:110px;} .pros li .img::after { width:130px; height:130px; top:-10px; left:-10px;} .pros li h3 { width:90%; height:60px; line-height:30px; font-size:16px; margin-top:35px; padding:0 5%;} .pros li i { margin:30px auto;} .pros li span { height:30px; line-height:30px; font-size:12px; border-radius:15px;} .pros li:hover i { margin:15px auto 45px auto;} .pros .more { margin-top:80px; color:#fff; box-shadow:0 5px 30px rgba(230,0,18,0.6); background:#e60012;} /*鏂伴椈*/ .indexall #swiper-container3 .swiper-slide { height:100% !important;} .news .tits { margin-bottom:50px;} .news .newnr .newli .swiper-slide a { padding:15px;} .news .newnr .newul .swiper-button-next { left:0; background-image:url(../images/sr_11h.png);} .news .newnr .newul .swiper-button-prev { right:0; background-image:url(../images/sr_12h.png);} /*鑴氶儴*/ .footer .nva { width:355px;} .footer .nva li { margin-right:30px;} .footer .cotact { padding-left:0; border-left:none;} /*璧拌繘鏂憺*/ .intosr .into01 { padding:20px 0;} .intosr .into01 .msg { float:none; width:100%;} .intosr .into01 .msg .lh { margin-bottom:50px; height:auto; overflow-y:inherit;} .intosr .into01 .msg .mumber { width:100%; margin-bottom:15px; position:inherit;} .intosr .into01 .msg .mumber li { padding:30px 0 15px 0;} .intosr .into01 .msg .mumber li h3 { line-height:15px;} .intosr .into01 .msg .mumber li h3 span { font-size:34px;} .intosr .into01 .msg .mumber li h3 sub { font-size:14px;} .intosr .into01 .msg .mumber li p { font-size:12px;} .intosr .into01 .img { display:none;} .intosr .into02 { padding:30px 0;} .intosr .into02 li { width:120px; height:auto;} .intosr .into02 li .lft { width:120px; height:295px; padding:30px 10px; box-sizing:border-box; background-size:100%;} .intosr .into02 li .lft h3 { height:50px; line-height:25px; font-size:14px; margin-bottom:35px;} .intosr .into02 li .rgt { width:calc(100% - 140px); height:275px; padding:10px;} .intosr .into02 li .rgt .img { width:100%; max-height:115px; margin-bottom:10px; overflow:hidden;} .intosr .into02 li .rgt p { height:150px; overflow:hidden;} .intosr .into02 .on { width:calc(100% - 480px);} .intosr .into03 { padding:30px 0;} .intosr .into03 li { width:calc(100% / 3 - 8px); margin:0 12px 0 0; padding:0; box-sizing:border-box;} .intosr .into03 li h3 { line-height:60px; font-size:24px;} .intosr .into03 li b { line-height:35px; font-size:16px;} .intosr .into03 li p { line-height:30px; font-size:14px; margin-top:15px;} .intosr .wlbj .bg { height:300px;} .intosr .into04 .tittabs { top:75px;} .intosr .into04 .tittabs li { line-height:80px; width:80px; height:80px; font-size:18px; margin:15px 49px 0 0;} .intosr .into04 .tittabs li::after { width:50px; left:80px;} .intosr .into04 .tittabs li:last-child::after { display:none;} .intosr .into04 .swiper-container { padding-bottom:30px;} .intosr .into04 .swiper-slide h4 { font-size:24px;} .intosr .into04 .swiper-slide p { line-height:25px; font-size:14px;} .intosr .into04 .swiper-slide p::after { top:10.5px;} .intosr .into05 { padding:40px 0;} .intosr .into05 .prolst { margin-top:15px;} /*鑱旂郴鎴戜滑*/ .contact .top { padding:30px 0; background-size:100%;} .contact .top .msg { width:50%;} .contact .top .msg i { line-height:20px;} .contact .top .msg h3 { line-height:40px; font-size:26px; letter-spacing:0;} .contact .top .msg li { width:calc(50% - 30px); margin:30px 30px 0 0;} .contact .top .msg li p { width:calc(100% - 50px) !important;} .contact .top .msg .cot01 { width:100%; margin-right:0;} .contact .top .img { width:50%; max-height:260px; margin-top:15px;} .contact .bottom { padding:10px 0; background-position:center top; background-size:100%;} .contact .bottom .tabs li { padding:0 30px;} .contact .bottom .cotnr li { margin-top:20px;} .contact .bottom .cotnr li h3 { font-size:16px;} .contact .bottom .cotnr li h6 { font-size:12px; letter-spacing:0; margin-bottom:10px;} .contact .bottom .cotnr li p { line-height:30px; font-size:14px; padding-left:25px; margin-bottom:5px; background-position:left 6px; background-size:20px;} /*鏂伴椈鍐呴〉*/ .newcomp { padding:15px 0;} .newcomp .tweet { height:300px; border-radius:10px;} .newcomp .tweet .msg { height:65px;} .newcomp .tweet .msg h3 { line-height:65px; font-size:20px;} .newcomp .tweet .msg span { line-height:65px; font-size:16px; margin-top:0;} .newcomp .siruinew { margin:40px auto;} .newcomp .tit { margin-bottom:30px;} .newcomp .siruinew li { width:calc(100% / 3 - 15px); margin-right:15px;} .newcomp .siruinew li:hover i { top:14%;} .newcomp .siruinew li .img { width:100%; height:auto; margin-bottom:5px; border-radius:5px;} .newcomp .siruinew li .img::after { width:100%;} .newcomp .siruinew li .msg { padding:0;} .newcomp .siruinew li .msg h3 { font-size:16px;} .newcomp .siruinew li .msg p { font-size:12px; margin:0 0 15px 0;} .newcomp .siruinew li .msg span { font-size:12px; color:#333;} .newcomp .inform .lft { width:385px; height:225px; border-radius:10px;} .newcomp .inform .lft img { width:385px; height:225px;} .newcomp .inform .lft h3 { width:95%; height:45px; line-height:45px; font-size:18px; padding:0 2.5%;} .newcomp .inform .rgt { width:calc(100% - 410px);} .newcomp .inform .rgt li { margin-bottom:10px;} .newcomp .inform .rgt li .msg { width:75%;} .newcomp .inform .rgt li .msg h3 { line-height:30px; font-size:16px;} .newcomp .inform .rgt li .msg p { line-height:20px; font-size:12px;} .newlist { padding:30px 0;} .newlist li { padding:20px 0;} .newlist li .time { width:75px; margin:12px 0 0 0;} .newlist li .time b { line-height:30px; font-size:24px;} .newlist li .msg { width:calc(100% - 350px); margin:5px 0 0 15px;} .newlist li .msg h3 { font-size:16px;} .newlist li .msg h5 { font-size:14px; margin-bottom:5px;} .newlist li .msg p { font-size:12px;} .newlist li .img { width:235px; height:135px; border-radius:10px;} /*浜у搧鍐呴〉*/ .proall .proa1, .proall .proa2, .proall .proa3, .proall .proa4, .proall .proa5 { padding:100px 0;} .proall .msg { width:500px;} .proall .swiper-slide-active .msg, .proall .swiper-slide-active #swiper-container2 .swiper-slide-active .msg { transform:translateX(0px);} .proall .swiper-slide .msg .img { width:160px; height:160px;} .proall .swiper-slide .msg h1 { line-height:65px; font-size:22px;} .proall .swiper-slide .msg p { font-size:14px;} .proall .swiper-slide .msg h3 { margin-top:40px;} .prolist li { border-radius:10px;} .prolist li .img { width:335px; height:180px;} .prolist li .msg { width:calc(100% - 345px); padding:0 20px; box-sizing:border-box;} .prolist li .msg p { height:83px; line-height:22px; margin:0 0 20px 0; overflow:hidden;} .prolist li .msg a { width:100px; height:35px; line-height:35px; border-radius:17.5px;} .proshow { padding-top:0;} .proshow::after { width:100%; height:140px; background-size:auto 100%;} .proshow .msg { width:46%;} .proshow .msg h3 { line-height:45px; font-size:34px; padding-top:55px;} .proshow .msg p { line-height:25px; font-size:14px;} .proshow .msg a { width:175px; height:45px; line-height:45px; font-size:18px; text-indent:20px; margin-top:50px; border-radius:22.5px; background-position:135px center;} .proshow .img { width:410px; height:325px; margin-top:10px;} .proshow .tit { margin-top:50px;} .proshow .tit h4 { line-height:30px; font-size:20px;} .proshow .tit h2 { line-height:60px; font-size:34px;} .proshow .tit p { line-height:30px; font-size:16px;} .superiority li { margin:40px 0;} .superiority li i { width:50px; height:50px; border-width:2px; background-size:80%;} .superiority li .nr { width:calc(100% - 60px); padding-top:0;} .superiority li .nr h3 { line-height:30px; font-size:18px;} .superiority li .nr p { font-size:14px;} .superiority .lst { margin:30px 0 0 0; padding:15px 0;} .superiority .lst .msg { width:calc(100% - 405px); padding:0 30px 0 0;} .superiority .lst .msg h4 { line-height:45px; font-size:22px; margin-bottom:10px;} .superiority .lst .msg p { line-height:30px; font-size:14px;} .superiority .lst .tops { width:375px; height:100%; margin-top:0;} .superiority .lst .tops .img { height:auto;} .superiority .lst:nth-child(2n) .msg { padding:0 0 0 30px;} .proshow .norms { margin-top:25px; padding-top:15px;} .proshow .norms::after { width:385px; height:140px; background-size:auto 100%; right:0;} .proshow .norms h4 { width:85px; font-size:20px;} .proshow .norms .nr { width:calc(100% - 120px);} .proshow .norms .nr li { margin-bottom:20px;} .proshow .norms .nr li b { font-size:20px;} .proshow .mynr .swiper-slide img { width:95%; height:auto;} .proshow .mynr .swiper-slide .mg { padding:30px;} .proshow .mynr .swiper-slide .mg p { font-size:14px;} .proshow .recpro { margin-top:30px; padding:40px 0 0 0;} .proshow .recpro li { width:calc(100% / 3 - 7px); margin-right:10px;} .proshow .recpro li .img { width:100%; height:auto;} .proshow .recpro li .mgs { padding:10px 10px;} .proshow .recpro li .mgs h4 { line-height:40px;} /*鎶曡祫鑰呭叧绯?/ .investor .notice { padding:40px 0;} .investor h1 { margin-bottom:25px;} .investor .lft { width:70%;} .investor .notice .rgt { width:190px; background-position:20px center;} .investor .notice .rgt a { padding-left:95px; background-position:95px 90px;} .investor .team { padding:40px 0;} .investor .team li { width:calc(100% / 4); margin-right:0;} .investor .team li .img { width:85%; height:auto; margin:0 auto;} /*鍔犲叆鏂憺*/ .join h1 { margin-bottom:25px;} .join .jobdem { padding:40px 0;} .join .jobdem li:last-child { margin-bottom:0;} .join .whysir { padding:40px 0 20px 0;} .join .whysir li { width:calc(100% / 3 - 7%); margin:10px 4% 30px 26px;} .join .whysir li i { width:40px; height:40px; background-size:100%;} .join .whysir li h3 { font-size:20px; margin:5px 0 20px 0;} .join .whysir li h3::after { width:35px; height:2px; bottom:-5px;} .join .whysir li p { line-height:30px; font-size:16px;} .circuit { padding:50px 0;} .circuit li { width:calc(100% / 6); margin-right:0;} .circuit li::after { width:25%; background-size:100%; right:-10%;} .circuit li i { margin:0 auto; background-size:65%;} .circuit li p { font-size:16px;} .plan { padding:40px 0;} .plan li { width:calc(100% / 4 - 12px); height:475px; margin:20px 15px 0 0;} .plan .pl04 { margin-right:0;} .plan li p { line-height:30px; font-size:16px; background-position:center 35px;} .job { padding-bottom:0;} .job .lft { width:180px;} .job .lft .nvs { padding:15px;} .job .lft .nvs li { height:50px; line-height:50px;} .job .lft .nvs li a { font-size:16px;} .job .lft .nvs li a::before { height:1px;} .job .lft .nvs li a::after { width:1px;} .job .rgt { width:calc(100% - 200px);} .job .rgt li { padding:15px 20px;} .job .rgt li h3 { font-size:18px;} .job .rgt li p span { font-size:14px; margin:5px 25px 10px 0;} .jobshow { padding:20px;} .jobshow h1 { padding-bottom:15px; margin-bottom:0;} .jobshow .msg span { width:32%;} /*绀句細璐d换*/ .social .wlbj .bg1,.social .wlbj .bg2 { display:none;} .social .soc2,.social .soc4 { position:initial;} .social .soc4 { background: url(../images/sr_79.jpg) no-repeat center top / cover;} .social .soc1 { padding:50px 0;} .social h1 { padding-bottom:0;} .social p { line-height:30px; font-size:16px;} .social i { width:50px; height:50px; background-size:40px;} .social .soc1 .mumber li { width:calc(100% / 4); margin:0;} .social .soc1 .mumber li h3 span { font-size:50px;} .social .soc1 .mumber li p { font-size:14px; margin-top:0;} .social .soc2 { padding:50px 0; background-color:#294e3d; background-position:right bottom;} .social .soc2 .msg { margin:50px 25px 0 0;} .social .soc2 .msg i { margin-right:15px;} .social .soc2 .msg .nr p { padding-left:15px; line-height:35px;} .social .soc2 .msg .nr p::after { top:16px;} .social .soc3 { padding:50px 0 15px 0;} .social .soc3 li i { margin-right:15px;} .social .soc3 li .msg { width:calc(100% - 70px);} .social .soc3 li .msg p { line-height:25px; font-size:13px;} .social .soc4 { padding:50px 0; background-position:right top;} .social .soc4 li { width:calc(100% / 4 - 20px); margin-right:0; padding-right:20px;} .social .soc4 li h3 { font-weight:bold; font-size:20px; margin:10px auto 0 auto;} .social .soc4 li p { line-height:25px; font-size:12px;} .social .soc5 { padding:50px 0;} .social .soc5 li { margin-right:30px;} } /*768浠ヤ笅*/ @media screen and (min-width:320px) and (max-width:767px) { .open .header { right:200px;} .open .topnav,.open .topnfix { left:-200px;} .content { margin-top:40px; border-top:none;} .warp { width:calc(100% - 20px); padding:0 10px;} .lh { line-height:30px; font-size:14px;} .showcont { padding:15px 0 0 0;} .show_h3 { padding-bottom:15px; margin-bottom:15px;} .show_h3 h3 { line-height:35px; font-size:22px;} .show_h3 h4 { line-height:30px; font-size:16px; margin-top: 5px;} .show_h3 p { font-size:12px;} .catnav { height:50px; line-height:50px; overflow-x:scroll;} .catnav::-webkit-scrollbar { width:0px; height:0px;} .catnav ul { display:block; width:700px;} .catnav li { margin-right:15px;} .topnav { height:50px; line-height:50px; overflow-x:scroll;} .topnav::-webkit-scrollbar { width:0px; height:0px;} .topnav ul { display:block; width:455px;} .topnav li { margin-right:15px;} .topnav li a { font-size:14px;} .topnfix { top:41px;} /*澶撮儴*/ .header { height:40px !important; border-bottom:1px solid #eee; background:#fff; position:fixed; -webkit-transition:all .5s ease; transition:all .5s ease;} .header .logo { height:30px; margin-top:5px;} .header .logo img,.header:hover .logo img { filter:grayscale(0);} .header .muen { width:20px; height:10px; margin:15px 10px 0 0; border-color:#333;} .header .muen::after { background:#333;} .header:hover { background:#fff;} .footer .rgt li p { left:0; right:auto;} /*banner*/ .banner {} .banner .warp { height:260px; padding-top:40px;} .banner .text h1 { line-height:35px; font-size:28px;} .banner .text a { width:150px; height:40px; line-height:40px; /*color:#fff; box-shadow:0 5px 30px rgb(230 0 18 / 60%); background:#e60012 url(../images/sr_05h.png) no-repeat 85% center;*/} .banner .swiper-button-prev,.banner .swiper-button-next { display:none;} /*浜岀骇banner*/ .banner_ej { margin-top:41px;} .banner_ej h1 { font-size:24px; letter-spacing:2px;} /*鍏充簬鎴戜滑*/ .about { padding:50px 0;} .about .lft { float:none; width:100%; margin-top:0px;} .about .lft h2 { line-height:30px; font-size:28px; margin-bottom:45px;} .about .lft h2::after { width:40px; bottom:-15px;} .about .lft p { line-height:35px; font-size:16px;} .about .rgt { display:none; width:100%; height:auto; position:inherit; right:0;} .about .rgt .img,.about .rgt .imgbg { display:none;} .about .rgt .mumber { margin-top:50px;} .about .rgt .mumber li { float:left; width:calc(100% / 2); margin-bottom:30px; position:inherit;} .about .rgt .mumber li::after { display:none;} .about .rgt .mumber li h3 { font-size:14px;} .about .rgt .mumber li h3 span { font-size:30px;} .about .rgt .mumber li h3 sup { font-size:16px;} .about .imgbotm { display:block; width:90%; max-width:500px; margin:auto; overflow:hidden; position:absolute; left:0; right:0; bottom:-25%;} .about .imgbotm img { display:block; width:100%; animation:rotation 50s linear infinite; -moz-animation:rotation 50s linear infinite; -webkit-animation:rotation 50s linear infinite; -o-animation:rotation 50s linear infinite;} /*浜у搧*/ .pros { padding:50px 0 80px 0;} .pros li { width:calc(100% / 3 - 1%); margin-top:40px; padding:0;} .pros li .img { width:90%; height:auto;} .pros li .img img { width:100%; height:auto; border-radius:10px;} .pros li .img::after { display:none;} .pros li h3 { height:25px; line-height:25px; font-size:12px; margin:10px auto 20px auto; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .pros li i { width:11px; height:20px; margin:15px auto; background-size:11px 20px;} .pros li span { height:25px; line-height:25px;} .pros li:hover i { margin:5px auto 25px auto;} .pros .more { width:120px; height:40px; line-height:40px; font-size:14px; margin-top:30px; border-radius:20px;} /*鏂伴椈*/ .news { padding:60px 0;} .news .tits h1 { line-height:25px; font-size:24px;} .news .tits h3 { line-height:25px; font-size:22px;} .news .tits h3::after { width:25px; bottom:-10px;} .news .tabs { margin-top:2px;} .news .tabs li { line-height:30px; margin-left:15px;} .news .tabs li a { font-size:14px;} .news .newnr .newli .swiper-slide a { padding:10px;} .news .newnr .newli .swiper-slide .time { line-height:25px; font-size:14px;} .news .newnr .newli .swiper-slide .time b { font-size:22px;} .news .newnr .newli .swiper-slide h3 { margin:15px 0 10px 0;} .news .newnr .newul .swiper-button-next,.news .newnr .newul .swiper-button-prev { background-color:rgba(0,0,0,0.1);} /*鑴氶儴*/ .footer { padding-top:20px;} .footer .nva { display:none;} .footer .rgt { float:none; width:100%; max-width:100%; position:relative;} .footer .rgt h3 { text-align:left;} .footer .rgt li { float:left; margin:0 10px 15px 0;} .footer .rgt .nava { display:none; width:85px; text-indent:25px; margin:0; background-position:5px 9px; position:absolute; top:25px;} .footer .rgt .ico5 { right:0;} .footer .rgt .ico6 { right:90px;} .footer .copy { margin-top:15px;} .footer .copy .log { display:none;} .footer .copy p { float:none; line-height:25px; color:#999;} .footer .copy p a { color:#999;} /*璧拌繘鏂憺*/ .intosr h1 { line-height:30px; font-size:24px;} .intosr .into01 .msg { margin-top:0;} .intosr .into01 .msg .lh { line-height:25px; font-size:14px; margin-top:0; margin-bottom:30px;} .intosr .into01 .mumber li { width:calc(50% - 7.5px); padding:10px 10px 10px 65px; margin:0 15px 15px 0; border:1px solid #eee; box-sizing:border-box; background-position:10px center; background-size:50px;} .intosr .into01 .mumber li:nth-child(2n) { margin-right:0;} .intosr .into01 .mumber li::after { display:none;} .intosr .into01 .mumber li h3 { line-height:40px; font-size:12px;} .intosr .into01 .mumber li h3 span { font-size:24px;} .intosr .into01 .mumber li h3 sub { font-size:14px;} .intosr .into01 .mumber li p { font-size:14px;} .intosr .into02 li,.intosr .into02 .on { width:calc(100% / 3); max-width:120px;} .intosr .into02 li .lft { width:100%; max-width:120px; height:auto; max-height:295px; padding:30px 20px 30px 15px; box-sizing:border-box; background-position:center bottom;} .intosr .into02 li .lft h3 { height:75px;} .intosr .into02 li .lft span { margin-bottom:30px;} .intosr .into02 li .rgt { display:none;} .intosr .into03 li { width:100%; height:auto; margin:0 0 15px 0; /*background-size:100%; background-position:0 bottom;*/} .intosr .wlbj .bg { height:200px;} .intosr .into04 .tittabs { height:auto; text-align:center; top:45px;} .intosr .into04 .tittabs li { float:none; display:inline-block; width:40px; height:40px; line-height:40px; font-weight:500; font-size:12px; margin-right:5px; overflow:hidden;} .intosr .into04 .swiper-container { padding-top:5px;} .intosr .into05 .prolst { margin-top:0;} /*鑱旂郴鎴戜滑*/ .contact .top { padding:20px 0;} .contact .top .msg { float:none; width:100%;} .contact .top .msg h3 { font-size:22px;} .contact .top .msg li { float:none; width:100%; margin-right:0;} .contact .bottom .tabs li { padding:0 15px;} .contact .bottom .cotnr li { float:none; width:100%; height:auto; margin:20px 0 0 0;} .contact .bottom .cotnr li p { line-height:25px; font-size:12px; background-position:left 4px;} /*鏂伴椈鍐呴〉*/ .newcomp .tweet { height:140px;} .newcomp .tweet img { height:140px;} .newcomp .tweet .msg { height:40px; padding-top:10px;} .newcomp .tweet .msg h3 { width:75%; line-height:40px; font-size:16px;} .newcomp .tweet .msg span { line-height:40px; font-size:12px;} .newcomp .tweet .swiper-button-next,.newcomp .tweet .swiper-button-prev { background-size:15px;} .newcomp .tit h1 { line-height:30px; font-size:24px;} .newcomp .tit { line-height:30px;} .newcomp .tit a { font-size:14px;} .newcomp .siruinew li { float:none; width:100%; margin:0 0 25px 0;} .newcomp .siruinew li .msg p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .newcomp .inform .lft { float:none; width:100%; height:auto;} .newcomp .inform .rgt { float:none; width:100%; margin-top:20px;} .newcomp .inform .rgt li span { width:28px; height:28px; border:none; filter:alpha(opacity=80); opacity:0.8; background:url(../images/sr_36h.png) no-repeat 0 0;} .newlist { padding:15px 0;} .newlist h1 { line-height:30px; font-size:24px;} .newlist li .time { display:none;} .newlist li .time b { line-height:25px; font-size:18px;} .newlist li .time i { width:25px; height:25px; margin-top:10px;} .newlist li .time i::after { left:7.5px; top:8.5px;} .newlist li .msg { width:calc(100% - 140px); margin:0;} .newlist li .msg h3 { line-height:25px; font-size:16px;} .newlist li .msg p { overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .newlist li .img { width:130px; height:75px; border-radius:4px; margin-top:3px; overflow:hidden;} .reading h2 { line-height:35px; font-size:18px;} /*浜у搧鍐呴〉*/ .proall .proa1, .proall .proa2, .proall .proa3, .proall .proa4, .proall .proa5 { padding:65px 0;} .proall .msg { width:65%;} .proall .msg .img { width:90px; height:90px;} .proall .msg h1 { line-height:50px; font-size:18px;} .proall .msg h1::after { width:35px;} .proall .msg p { line-height:30px; font-size:14px;} .proall .msg h3 { line-height:30px; font-size:18px; margin-top:30px;} .proall .msg h3 i { width:30px; height:30px; border-radius:4px; background-size:80%;} .proall .msg a { width:100px; height:35px; line-height:35px; font-size:14px; margin-top:35px; padding-left:15px; background-position:110px center;} .prolist li { margin:0 0 15px 0; padding:10px;} .prolist li .img,.prolist li .msg { float:none !important;} .prolist li .img { width:100%; height:auto;} .prolist li .msg { width:100%; padding:15px 0;} .prolist li .msg h3 { line-height:30px; font-size:20px;} .prolist li .msg p { height:auto; line-height:24px; font-size:12px; margin:5px 0 20px 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical;} .prolist li .msg a { color:#fff; border:none; background:#e60012;} .proshow .msg { float:none; width:100%;} .proshow .msg h3 { line-height:35px; font-size:26px;} .proshow .msg a { width:160px; font-size:14px; margin:40px 0; background-position:120px center;} .proshow .img { float:none; width:100%; height:auto;} .proshow .tit { margin-top:30px;} .proshow .tit h4 { line-height:25px; font-size:16px;} .proshow .tit h2 { line-height:40px; font-size:26px;} .proshow .tit p { line-height:25px; font-size:12px;} .superiority li { width: calc(100% / 2); margin:30px 0 0 0;} .superiority li i { width:35px; height:35px; margin-top:5px; border-radius:10px;} .superiority li .nr { width: calc(100% - 45px);} .superiority li .nr h3 { line-height:25px; font-size:16px;} .superiority .lst { margin-top:0;} .superiority .lst .tops { float:none;} .superiority .lst .tops,.superiority .lst .msg { float:none; width:100%;} .superiority .lst .tops .img { display:block; width:100%;} .superiority .lst .msg { margin-top:10px;} .superiority .lst .msg h4 { line-height:30px; font-size:18px; margin-bottom:5px;} .superiority .lst .msg p { line-height:25px; font-size:12px;} .proshow .norms::after { display:none;} .proshow .norms h4,.proshow .norms .nr { float:none; width:100%;} .proshow .norms h4 { line-height:30px; font-size:18px;} .proshow .norms .nr li { width:calc(100% / 2); margin:20px 0 0 0;} .proshow .norms .nr li p { line-height:25px; font-size:12px;} .proshow .norms .nr li b { font-size:16px;} .proshow .mytabs { margin:10px 0; border-bottom: 2px solid #ededed;} .proshow .mytabs li { height:40px; line-height:40px; font-size:14px; padding:0 15px 0 0; border-bottom:none;} .proshow .mytabs .on::after { width:70%; margin:0;} .proshow .mynr .swiper-slide img { width:100%;} .proshow .mynr .swiper-slide .mg { width:100%; height:auto; padding:0; position:inherit; right:0;} .proshow .mynr .swiper-slide .mg h4 { line-height:50px; font-size:18px; margin-bottom:10px;} .proshow .recpro { padding:20px 0;} .proshow .recpro li { float:none; width:100%; margin:15px 0 0 0;} /*鎶曡祫鑰呭叧绯?/ .investor .wlbj .bg { height:345px;} .investor .shares { top:70px;} .investor h1,.investor .shares h1 { line-height:30px; font-size:24px; margin-bottom:15px;} .investor .team { padding:30px 0;} .investor p { line-height:25px; font-size:12px;} .investor .lft { width:65%;} .investor .notice .rgt { width:28%; height:auto; background-position:center 15px; background-size:40px;} .investor .notice .rgt a { font-size:16px; text-align:center; padding:65px 0 0 0; background-position:center 115px;} .investor .shares span { font-size:16px; padding-left:5px;} .investor .shares a { width:90px; height:35px; line-height:35px; margin-top:40px; padding:0 15px; border-radius:17.5px; background-position:85px center;} .investor .team li { width:calc(100% / 3); margin-top:20px;} .investor .team li h3 { line-height:25px; font-size:16px; margin-top:15px;} .investor .team li p { font-size:12px;} /*鎷涜仒*/ .join h1 { line-height:30px; font-size:24px; padding-left:25px; background-position:left 5px;} .join .jobdem,.join .whysir,.circuit,.plan { padding:25px 0;} .join .jobdem li { height:220px; padding:30px 20px; margin-bottom:15px;} .join .jobdem li .msg h3 { line-height:30px; font-size:22px;} .join .jobdem li .msg p { line-height:25px; font-size:16px; margin-bottom:65px;} .join .jobdem li .msg a { font-size:14px;} .join .whysir li { width:calc(100% / 2); height:220px; margin:10px 0 20px 0;} .join .whysir li h3 { line-height:30px; font-size:18px;} .join .whysir li h3::after { width:20px;} .join .whysir li p { line-height:25px; font-size:14px;} .circuit h3 { font-size:18px; padding-left:25px;} .circuit li { width: calc(100% / 3);} .circuit li::after { display:none;} .circuit li i { width:100px; height:100px; background-size:80%; position:relative;} .circuit li p { height:50px; font-size:12px; margin-top:0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical;} .circuit li i::before { display:block; width:20px; height:20px; line-height:20px; font-size:12px; color:#fff; border-radius:50%; background:#e60012; position:absolute; right:5%; top:20px;} .circuit .cir01 i::before { content:"01";} .circuit .cir02 i::before { content:"02";} .circuit .cir03 i::before { content:"03";} .circuit .cir04 i::before { content:"04";} .circuit .cir05 i::before { content:"05";} .circuit .cir06 i::before { content:"06";} .circuit .cir07 i::before { content:"02";} .circuit .cir08 i::before { content:"03";} .plan li { width:calc(100% / 2 - 8px); height:480px; padding:20px 15px 0 15px; box-sizing:border-box;} .plan li:nth-child(2n) { margin-right:0;} .plan li h3 { line-height:30px; font-size:18px;} .plan li p { font-size:14px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .job { padding:20px 0 0 0;} .job h1 { line-height:30px; font-weight:500; font-size:18px; color:#333; margin-bottom:10px;} .job .lft,.job .rgt { float:none; width:100%;} .job .lft .nvs { padding:0; background:none;} .job .lft .nvs li { float:left; height:35px; line-height:35px; border:1px solid #ddd; background:#fefefe;} .job .lft .nvs li:last-child { border:1px solid #eee;} .job .lft .nvs li a { font-size:15px; padding:0 30px 0 10px;} .job .lft .nvs li a::before { width:10px; top:18px; right:8px;} .job .lft .nvs li a::after { height:10px; top:13px; right:12px;} .job .lft .nvs .on { border-color:#e60012; background:#e60012;} .job .lft .nvs .on a { color:#fff;} .job .lft .nvs .on a::before,.job .lft .nvs .on a::after { background:#fff;} .job .rgt { margin-top:20px;} .job .rgt li { padding:15px;} .job .rgt li a { background-image:url(../images/sr_36h.png);} .job .rgt li h3 { font-size:16px;} .job .rgt li p span { font-size:12px; margin-right:15px;} .job .rgt li p span::after { height:10px; background:#ccc; right:-10px; top:4px;} .job .rgt li .mg { font-size:12px;} .jobshow { padding:10px;} .jobshow h1 { line-height:35px; font-weight:bold; font-size:22px; margin-bottom:0; padding-left:40px; background-size:30px;} .jobshow .msg { margin:15px auto;} .jobshow .msg span { width:45%; line-height:30px; font-size:12px;} .jobshow .lh h5 { font-size:16px; margin-top:20px;} .jobshow .lh p { line-height:30px; font-size:14px;} .jobshow::after { width:90%; height:140px; background-size:100% auto; top:50%;} .abutjob {} .abutjob h1 { line-height:30px; font-size:24px; padding-left:25px; margin-bottom:25px; background-position:left 5px;} .abutjob li { padding:15px;} .abutjob li h3 { font-size:16px;} .abutjob li p span { font-size:12px; margin-right:15px;} .abutjob li p span::after { height:10px; background:#ccc; right:-10px; top:4px;} /*绀句細璐d换*/ .social h1 { line-height:30px; font-size:24px;} .social .soc1,.social .soc2,.social .soc3,.social .soc4,.social .soc5 { padding:30px 0;} .social p { line-height:25px; font-size:12px; letter-spacing:0; margin-top:15px;} .social .soc1 .mumber { margin-top:0;} .social .soc1 .mumber li { width:calc(100% / 2); margin:30px 0;} .social .soc1 .mumber li h3 { line-height:30px;} .social .soc1 .mumber li h3 span { font-size:34px;} .social .soc1 .mumber li h3 sub { font-size:14px;} .social .soc1 .mumber li p { font-size:12px;} .social .soc2 .msg { float:none; width:100%; margin-right:0;} .social .soc2 .msg .nr { width:calc(100% - 70px);} .social .soc2 .msg .nr p { line-height:30px; font-size:14px;} .social .soc3 li { float:none; width:100%; margin:40px 0 0 0;} .social .soc3 li .msg p { height:auto;} .social .soc3::after { width:100%; height:120px; background-size:auto 100%; right:-10%;} .social .soc4 { background-position:center top;} .social .soc4 li { width:calc(100% / 2 - 20px); margin:40px 0 0 0;} .social .soc4 li h3 { font-size:18px;} .social .soc4 li p { height:100px; line-height:25px; font-size:12px;} .social .soc5 li { width:calc(100% / 2 - 10px); margin:20px 15px 0 0; border-color:#31a580; background:#31a580;} .social .soc5 li:nth-child(2n) { margin-right:0;} .social .soc5 li h3,.social .soc5 li p { color:#fff;} .social .soc5 li h3 sup { color:#31a580; background:#fff;} .social .soc5 li span { bottom:15px;} }