.t{-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .fc999{color:#999;} .fc666{color:#666;} .fc333{color:#333;} .fcb4{color:#b4b4b4;} .fc5a{color:#5a5a5a;} .f12{font-size:12px;} .f14{font-size:14px;} .f16{font-size:16px;} .f18{font-size:18px;} .f21{font-size:21px;} .f24{font-size:24px;} .fwn{font-weight:normal;} .fl{float:left;} .fr{float:right;} .text-center{text-align: center} .mb50{margin-bottom: 50px;} .xybg{background:url("../jpg/rctusx.jpg") repeat-y top center!important;} /*body{zoom:0.9}*/ @font-face{font-family:'helveticainseratcyr';src:url('../eot/v44d8f.eot');src:local('☺'),url('../woff/v44d8f.woff') format('woff'),url('../ttf/v44d8f.ttf') format('truetype'),url('../svg/v44d8f.svg') format('svg');font-weight:normal;font-style:normal;} @font-face { font-family: "sourcehansans"; /* 这个名字可以自己定义 */ src: url("/templets/default/fonts/sourcehansans.eot"); /* IE9 Compat Modes */ /*这里以及下面的src后面的地址填的都是自己本地的相对地址*/ src: url("/templets/default/fonts/sourcehansans.eot?") format("embedded-opentype"), /* IE6-IE8 */ url("/templets/default/fonts/sourcehansans.woff") format("woff"), /* Modern Browsers */ url("/templets/default/fonts/sourcehansans.ttf") format("truetype"), /* Safari, Android, iOS */ url("/templets/default/fonts/sourcehansans.svg") format("svg"); /* Legacy iOS */ font-weight: bold; font-style: normal; } body{font-family: "sourcehansans";} .HomeF2{margin-top: -144px} .fmh{font-family:helveticainseratcyr;} .w1200{max-width:1110px;padding:0 15px;margin:0 auto;} .w1000{max-width:1000px;padding:0px;margin:0 auto;} .w910{max-width:910px;padding:0px;margin:0 auto;} .w800{max-width:800px;padding:0px;margin:0 auto;} .mianboxF{padding:30px 0;} .mainTitle{ font-weight:600;text-align:center;text-transform:uppercase;line-height:1.1em;position:relative;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;color:#ccc;font-size:21px;font-family:helveticainseratcyr;} .mainTitle .i{position:absolute;left:0;top:0;display:block;width:100%;height:100%;} .mainTitleOn{top:-10px;} .mainTitle .h4{font-weight:normal;font-size:16px;} .mainTitleColor{color:#ccc;} .red{ color: #7b181d } .white{ color: #fff } /*.mainTitleColor .span {background-image: url('../images/titlebg02-1.png');} .mainTitleColor .bg {background-image: url('../images/titlebg03-1.png');}*/ .mainTitleColorF{color:#FFF;} .yc_animate{opacity:0;-webkit-transition:0.5s;-moz-transition:0.5s;-ms-transition:0.5s;-o-transition:0.5s;transition:0.5s;-webkit-transform:translateY(-30px);-moz-transform:translateY(-30px);-ms-transform:translateY(-30px);-o-transform:translateY(-30px);transform:translateY(-30px);} .mainTitleOn{-webkit-transform:translateY(0px);-moz-transform:translateY(0px);-ms-transform:translateY(0px);-o-transform:translateY(0px);transform:translateY(0px);opacity:1;} @media screen and (min-width:768px){ .mianboxF{padding:50px 0;} .mainTitle{font-size:24px;} } @media screen and (min-width:1200px){ .mianboxF{padding:100px 0;} .mainTitle{font-size:40px;} .mainTitle .h4{font-size:18px;} } @media screen and (min-width:1230px){ .w1200{padding:0;} .mianboxF{padding:100px 0;} .mainTitle{font-size:46px; letter-spacing:5px;color: #c4a7a8} .mainTitle .h4{font-size:28px;letter-spacing:1px;font-weight: 600;font-family: sourcehansans;} } /* -------------------------------------- 默认样式 -------------------------------------------------- */ .lang{background:#141414;padding:10px 15px;text-align:right;} .lang a{color:#b4b4b4;} .Hlang{display:none;float:left;} .headbox{padding-right:15px;background:url(../jpg/nf1o68.jpg) no-repeat top center;} .header{height: 58px; position: relative; z-index: 9999;} .header .logo{width:200px;display:block;float:left;} .header .navBtn{display:block;height:30px;width:45px;position:relative;margin-top:14px;cursor:pointer;float:right;} .header .navBtn span{display:block;width:80%;height:4px;background: #ffffff;border-radius:5px;position:absolute;left:10%;transition:all .3s;} .header .navBtn span.span1{top:70%;} .header .navBtn span.span2{top:50%;margin-top:-2px;width:50%;} .header .navBtn span.span3{bottom:70%;} .header .navBtnon span.span1{transform:rotate(-45deg);top:50%;} .header .navBtnon span.span2{background-color:transparent;} .header .navBtnon span.span3{transform:rotate(45deg);top:50%;} .header .headboxFidex{position:fixed;left:0;top:0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s; width: 100%;} .mainnav{margin-left:0px;margin-right:-15px;background:#141414;display:none;padding:10px 0;} .mainnav ul li .navA{color:#FFF;display:block;padding:5px 10px;line-height:28px;font-size:16px;} .mainnav ul li .dl a{padding:5px 15px 5px 30px;display:block;color:#fff;} .mainnav ul li a:hover,.mainnav ul li.on .navA{background: #92262edb;color:#fff;} .mainnav ul li .xl{display:none;} /* banner */ .HomeBan .ul li a{display:block;} .HomeBan .ul li a .pc{display:none;} .HomeBan .list{position:relative;} .HomeBan .bx-pager{position:absolute;width:100%;bottom:20px;text-align:center;} .HomeBan .bx-pager .bx-pager-item{display:inline-block;margin:0 5px;} .HomeBan .bx-pager .bx-pager-item a{display:block;width:10px;height:10px;background:#837a6d;border:2px solid transparent;overflow:hidden;line-height:999px;border-radius:100%;} .HomeBan .bx-pager .bx-pager-item a.active,.HomeBan .bx-pager .bx-pager-item a:hover{border:2px solid #837a6d;background:none;} .HomeBan .bx-prev{display:none;background:rgba(255,255,255,0.2) url('../png/nf1o68.png') no-repeat center;position:absolute;width:80px;height:80px;top:50%;margin-top:-40px;left:3%;border-radius:100%;line-height:999px;overflow:hidden;} .HomeBan .bx-next{display:none;background:rgba(255,255,255,0.2) url('../png/oyqb2l.png') no-repeat center;position:absolute;width:80px;height:80px;top:50%;margin-top:-40px;right:3%;border-radius:100%;line-height:999px;overflow:hidden;} .banner{position:relative;background: #fff;} .banner .pc{display:none;} .banner .bnext{background:url('../png/f1zwfx.png') no-repeat center / 100%;display:block;width:30px;height:91px;display:none;} .banner .bnext .icon{width:2px;height:80px;display:block;background:#e60012;margin:100px auto 0;} @keyframes dhuan{ from{margin-bottom:30px;} 50%{margin-bottom:0px;} to{margin-bottom:30px;} } @-moz-keyframes dhuan{ from{margin-bottom:30px;} 50%{margin-bottom:0px;} to{margin-bottom:30px;} } @-webkit-keyframes dhuan{ from{margin-bottom:30px;} 50%{margin-bottom:0px;} to{margin-bottom:30px;} } @-o-keyframes dhuan{ from{margin-bottom:30px;} 50%{margin-bottom:0px;} to{margin-bottom:30px;} } @media screen and (min-width:768px){ .HomeBan .ul li a .pc{display:block;} .HomeBan .ul li a .pc img{width:100%;} .HomeBan .ul li a .wap{display:none;} .banner .pc{display:block;} .banner .pc img{width:100%;} .banner .wap{display:none;} } @media screen and (min-width:1000px){ .header{height:71px;background:url(../jpg/nf1o68.jpg) no-repeat top center;} .header .headbox{width:100%;z-index:999;padding-left:15px;padding-right:15px;} .headeron .headbox{box-shadow:0 0 5px #a0a0a0;} .header .logo{width:auto;padding:2px 80px; display: inline-block;float:none;} .header .logo img{ vertical-align: middle; height: 60px;} .header .navBtn{display:none;} .header .mlogo{ display: none } .clear1000{display:none;} .mainnav{display:block;background:none;padding:0;float:left; width: 100%; text-align: center;margin-left:-68px;} .mainnav ul li{position:relative;width:160px;margin-left:5px; display: inline-block} .mainnav ul li .navA{background:none;color:#fff;display:block;line-height:71px;padding:0px 20px;position:relative;text-align:center;z-index:99;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .mainnav ul li .xl{position:absolute;width:100%;left:0;top:0;z-index:8;background:#e60012;padding:100px 0 10px;} .mainnav ul li .dl{opacity:0;position:relative;top:8px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .mainnav ul li .dl.dlon{opacity:1;top:0px;} .mainnav ul li .dl a{padding:5px 0;text-align:center;color:rgba(255,255,255,0.7);} .mainnav ul li .dl a:hover{color:#fff;} .mainnav ul li .navA span{display:block;position:relative;font-weight: bold;} .mainnav ul li .navA .i{position:absolute;width:0;bottom:-1px;display:block;height:1px;background:#fff;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .mainnav ul li.on .navA{color:#e60012;background:none;} .mainnav ul li:hover .navA{color:#fff;} .mainnav ul li:hover .navA .i{width:100%;} .Hlang span{display:inline-block;width:10px;text-align:center;font-size:21px;color:#b4b4b4;} .Hlang a{line-height:75px;position:relative;font-size:21px;color:#b4b4b4;} .Hlang a .i{display:block;width:0;height:1px;background:#b4b4b4;position:absolute;left:0;bottom:-5px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .Hlang a.on .i,.Hlang a:hover .i{width:100%;} .HomeBan .bx-prev{display:block;} .HomeBan .bx-next{display:block;} .HomeBan .bx-pager{bottom:50px;} .HomeBan .bx-pager .bx-pager-item{margin:0 10px;} .HomeBan .bx-pager .bx-pager-item a{width:16px;height:16px;border-width:1px;} .banner .bnext{display:block;position:absolute;bottom:20px;left:50%;margin-left:-22px;animation:dhuan 2s infinite;-moz-animation:dhuan 2s infinite;-webkit-animation:dhuan 2s infinite;-o-animation:dhuan 2s infinite;} } @media only screen and (max-width:1000px){ .header .logo{ display: none;} .header .mlogo img{ display: inline-block;padding:5px; height: 60px; } } /* banner */ @media screen and (min-width:1200px){ .lang{display:none;} .Hlang{display:block;padding-left:20px;} .mainnav ul li{margin-left:5px;} } @media screen and (min-width:1000px){ .header .headbox{padding:0 30px;} .Hlang{padding-left:40px;} } @media screen and (min-width:1400px){ .header .headbox{padding:0 80px;} } @media screen and (min-width:1920px){ .header .headbox{padding-left:105px;padding-right:100px;} } .HomeF1{padding:20px 0;} .HomeF1 .HomeTitle{position:relative;padding-left:100px;line-height:35px;max-width:500px;margin:0 auto 20px;font-size:14px;border:1px solid #5a5a5a;} .HomeF1 .HomeTitle span.span{display:block;width:100px;text-align:center;line-height:35px;font-weight:bold;color:#fff;height:100%;background:#5a5a5a;position:absolute;left:0;top:0;} .HomeF1 .HomeTitle .time{text-align:center;} .HomeF1 .List{position:relative;} .HomeF1 .List .yc_zp{position:absolute;bottom:100px;left:0;opacity:0;z-index:-10;} .HomeF1 .List ul li{margin-bottom:20px;width:49%;margin-right:2%;float:left;} .HomeF1 .List ul li:nth-child(2n){margin-right:0;} .HomeF1 .List ul li a.libox{display:block;position:relative;color:#fff;} .HomeF1 .List ul li a.libox .img{overflow:hidden;} .HomeF1 .List ul li a.libox .img img{width:100%;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .HomeF1 .List ul li a.libox .txtbox{width:100%;display:none;height:100%;background:rgba(0,0,0,0.2);text-align:center;} .HomeF1 .List ul li a.libox .txtbox .twap{padding:15px 0;} .HomeF1 .List ul li .listT{text-align:center;} .HomeF1 .List ul li .listT .sbg{line-height:40px;display:inline-block;color:#5a5a5a;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;} .mianboxF .bt{text-align:center;} .mianboxF .btbg{padding:0 40px;display:inline-block;background:url('../png/mp8l37.png') no-repeat 0 0;} .mianboxF .bt .bg{background:url('../png/mdxpu8.png') no-repeat right 0;display:inline-block;} .HomeF2{background:#fff;} .HomeF2 .List{padding-top:20px;} .HomeF2 .List ul li{position:relative;margin-bottom:10px;overflow:hidden; text-align: center; width: 25%;} .HomeF2 .List ul li a{display:block;position:absolute;left:0;top:0;width:100%;height:100%;} .HomeF2 .List ul li h3{ font-size: 24px; line-height: 48px; } .HomeF2 .List .libox{width:inherit;height:inherit;display:block;position:relative;overflow:hidden;cursor:pointer;} .HomeF2 .List .libox .icon{display:inline-block;width:77px;height:77px;margin-bottom:10px;} .HomeF2 .List .libox .zm{color:#b4b4b4;border:1px solid #b4b4b4;background:#1e1e1e;} .HomeF2 .List .libox .zm,.HomeF2 .List .libox .fm{padding:15px 20px;width:100%;height:100%;position:absolute;-webkit-transition:all .8s;-o-transition:all .8s;transition:all .8s;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hidden;} .HomeF2 .List .libox .zm{z-index:2;display:none\0;} .HomeF2 .List .libox .zm img,.HomeF2 .List .libox .fm img{width:100%;height:100%;} .HomeF2 .List .libox .fm{background:#e6000a;color:#fff;border:1px solid #e6000a;} .HomeF2 .List .libox:hover .zm{opacity:0;} .HomeF2 .List .libox:hover .fm{opacity:1;} .HomeF2 .List .libox .h3{font-size:16px;font-weight:normal;} .HomeF3 .List{padding-top:15px;} .HomeF3 .List .swiper-container a{display:block;text-align:center;} .HomeF3 .List .swiper-container .swiper-slide{padding:0px;} /**.HomeF3 .List .swiper-container a.on img{-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;} **/.HomeF3 .swiper-pagination{position:static;margin-top:15px;} .HomeF3 .swiper-pagination .swiper-pagination-bullet-active{background:none;border:2px solid #b4b4b4;} .HomeF3 .List .swiper-container a img{width:100%;} @media screen and (min-width:540px){ .HomeF1 .HomeTitle{padding-left:165px;} .HomeF1 .HomeTitle span.span{width:165px;} .HomeF1 .List ul li{width:48%;margin-right:4%;float:left;} .HomeF1 .List ul li:nth-child(2n){margin-right:0;} .HomeF2 .List ul li{width:48%;position:relative;float:left;margin-right:4%;margin-bottom:4%;} .HomeF2 .List ul li:nth-child(2n){margin-right:0;} } @media screen and (min-width:768px){ .HomeF1 .List{padding:20px 0;} .HomeF1 .List ul li{width:23.5%;margin-right:2%;float:left;} .HomeF1 .List ul li:nth-child(2n){margin-right:2%;} .HomeF1 .List ul li:nth-child(4n){margin-right:0;} .HomeF1 .HomeTitle{margin:30px auto;line-height:40px;font-size:24px;} .HomeF1 .HomeTitle span.span{line-height:40px;} .HomeF2 .List ul{ text-align: center } .HomeF2 .List ul li{width:19%;position:relative;display:inline-block;margin:2% 3%; float: none} .HomeF2 .List ul li:nth-child(2n){margin-right:2%;} .HomeF2 .List ul li:nth-child(3n){margin-right:0;} } @media screen and (min-width:1000px){ .HomeF1 .List{padding:40px 0;} .HomeF1 .List ul li .listT .sbg{margin-top:10px;font-size:18px;background:url('../png/0o61w6.png') no-repeat 0 center;padding-left:25px;text-align:left;width:auto;max-width:100%;} .HomeF1 .List ul li a.libox .txtbox{display:block;opacity:0;position:absolute;width:100%;top:0;left:0;height:100%;background:rgba(0,0,0,0.5);-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .HomeF1 .List ul li a.libox:hover .txtbox{opacity:1;} .HomeF1 .List ul li a.libox:hover .img img{-webkit-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);transform:scale(1.1);} .HomeF1 .List ul li a.libox .txtbox .twap{position:absolute;font-size:18px;width:100%;top:50%;--webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} .HomeF1 .List ul li a.libox .txtbox .twap .h3{font-size:28px;padding-bottom:10px;font-weight:bold;} .HomeF1 .List ul li a.libox .txtbox .twap .h4{font-weight:bold;font-size:21px;padding-bottom:20px;} .HomeF1 .List ul li a.libox .txtbox .twap .txt,.HomeF1 .List ul li a.libox .txtbox .twap .h5{font-size:16px;font-weight:normal;line-height:30px;} .mianboxF .bt{position:relative;top:30px;} .mianboxF .btbg{font-size:26px;padding:0 50px;} .mianboxF .btbg .p{font-size:16px;} .HomeF2 .List{padding-top:80px;} .HomeF2 .List ul li.li4,.HomeF2 .List ul li.li5,.HomeF2 .List ul li.li6,.HomeF2 .List ul li.li7{width:23.5%;text-align:center;} .HomeF2 .List ul li.li6{margin-right:2%;} .HomeF2 .List ul li.li7{margin-right:0;} .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:155px;} .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:90px;padding-top:60px;} .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:90px;padding-top:60px;} .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:90px;padding-top:60px;} .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;} .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;} .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{position:absolute;top:50%;margin-top:-40px;right:10px;} .HomeF3 .swiper-pagination{margin-top:20px;} .HomeF3 .swiper-pagination .swiper-pagination-bullet{width:12px;height:12px;} .HomeF3 .List{padding-top:30px;} } @media screen and (min-width:1200px){ .HomeF2 .List ul li.li1 .zm,.HomeF2 .List ul li.li1 .fm{padding-right:135px;padding-left:45px;padding-top:40px;} .HomeF2 .List ul li.li2 .zm,.HomeF2 .List ul li.li2 .fm{padding-right:135px;padding-left:45px;padding-top:40px;} .HomeF2 .List ul li.li3 .zm,.HomeF2 .List ul li.li3 .fm{padding-right:135px;padding-left:45px;padding-top:40px;} .HomeF2 .List ul li.li1 .zm .iconbox,.HomeF2 .List ul li.li1 .fm .iconbox{right:55px;} .HomeF2 .List ul li.li2 .zm .iconbox,.HomeF2 .List ul li.li2 .fm .iconbox{right:55px;} .HomeF2 .List ul li.li3 .zm .iconbox,.HomeF2 .List ul li.li3 .fm .iconbox{right:55px;} .HomeF2 .List .libox .h3{font-size:27px;} .HomeF2 .List .libox .p{font-size:19px;} .HomeF2 .List ul li{height:188px;} .HomeF2 .List ul li.li1,.HomeF2 .List ul li.li2,.HomeF2 .List ul li.li3{height:165px;} } .bottomBottom{background:#3d3d3d;padding:10px 0;text-align:center;} .bottomBottom,.bottomBottom a{color:#787878;} .w1600{max-width:1600px;margin:0 auto;padding:0 15px;} .w1250{max-width:1250px;margin:0 auto;padding:0px;} .footer{background-repeat:no-repeat;background-position:center;padding:80px 0;display:none; color: #adadad} .footer .address{margin:50px 0 0px 0px; font-size: 16px;font-weight: 600;text-indent: 2em;color: #adadad} .footer .address .fr{ text-indent: 0px; padding-right:30%;} .footer .w1250 .Bcon{padding:0 110px 0 160px;position:relative;} .footer .w1250 .Bcon .bimg{position:absolute;left:0;top: 30px;} .footer .w1250 .Bcon .rwm{position:absolute;right:0;top:50px;} .footer .w1250 .Bcon .bottomCon{min-height:230px;border-left:1px solid #fff; padding-left:30px;} .footer .w1250 .Bcon .bottomCon ul li{float:left;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(1){width:18%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(2){width:13%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(3){width:20%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(4){width:12%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(5){width:12%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(6){width:12%;} .footer .w1250 .Bcon .bottomCon ul li:nth-child(7){width:10%;} .footer .w1250 .Bcon .bottomCon ul li .dl dt{font-size:16px;color:#fff;padding-bottom:5px;} .footer .w1250 .Bcon .bottomCon ul li .dl dd a{line-height:24px;color:#adadad;display:block; font-weight: 600} .footer .w1250 .Bcon .bottomCon ul li .dl dd a:hover{color:#fff;} @media screen and (min-width:1200px){ .bottomBottom{padding:25px 0;font-size:18px;} .footer{display:block;background-size:cover} } .bottomBottom a:hover{color:#fff;} @media screen and (min-width:1400px){ .footer .w1250 .Bcon{padding:0 110px 0 160px;} .footer .w1250 .Bcon .bottomCon ul li .dl dt{padding-bottom:8px;font-size:18px;} .footer .w1250 .Bcon .bottomCon ul li .dl dd a{line-height:28px;font-size:16px;} } @media screen and (min-width:1600px){ .footer .w1250 .Bcon{padding:0 110px 0 160px;} } .IndexInfoTitle .span{display:inline-block;padding:8px 25px;border:1px solid #313131;color:#5a5a5a;font-size:18px;} .IndexInfoBox{position:relative;} .IndexInfoBox img{max-width: 100%!important; height: auto!important} .IndexInfoBox .pc{display:none;} .IndexInfoBox{padding:20px 0;} .IndexInfoBox .videoBox{position:relative;overflow:hidden;font-size: 16px;} /*.IndexInfoBox .videoBox .img {position: relative;z-index: 3;}*/ .IndexInfoBox .videoBox .img img{width:100%;} .IndexInfoBox .videoBox .video{width:100%;height:100%;} .IndexInfoBox .videoBox .video video{width:100%;height:100%;object-fit:cover;} .IndexInfoBox .videoBox .btn{position:absolute;display:block;left:0;top:0;width:100%;height:100%;z-index:4;background:url(../png/nl3l50.png) no-repeat center;} .IndexInfoBox .videoBox .videoon{z-index:8;} .IndexInfoBox .partakeTopList ul{font-size:0;} .IndexInfoBox .partakeTopList ul li{display:inline-block;padding:10px;width:50%;line-height:30px;} .IndexInfoBox .partakeTopList ul li a{display:block;margin:0 auto;max-width:156px;position:relative;padding:1px;} .IndexInfoBox .partakeTopList ul li a img{width:100%;border-radius:156px;overflow:hidden;} .IndexInfoBox .partakeTopList ul li a svg{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;} .IndexInfoBox .partakeTopList ul li .h3{text-align:center;color:#7c191e;padding-top:10px;font-size:16px;font-weight:bold;} .IndexInfoBox .partakeTopList ul li .h4{text-align:center;color:#5a5a5a;font-size:14px;font-weight:normal;} .IndexInfoBox .partakeInfo{padding:20px 0 0;} .IndexInfoBox .partakeInfo ul li{color:#5a5a5a;line-height:2em;} .IndexInfoBox .divp{padding:15px 0;} .IndexInfoBox .iconpimg{position:absolute;right:-8%;bottom:-108px;max-width:28%;text-align:right;display:none;} .IndexInfoBox .iconpimg01{right:-3px;bottom:-110px;} .ptlogo{ line-height:39px; margin-top:10px; } .ptlogo a{ margin-right:15px;} @media screen and (min-width:640px){ .IndexInfoBox .partakeTopList ul li{width:33.33%;} } @media screen and (min-width:768px){ .IndexInfoBox .partakeTopList ul li{width:25%;} } @media screen and (min-width:1000px){ .IndexInfoTitle .span{font-size:28px;} .IndexInfoBox .pc{display:block;} .IndexInfoBox .wap{display:none;} .IndexInfoBox{padding:50px 0;} .IndexInfoBox .partakeTopList ul li{width:16.66%;} .IndexInfoBox .partakeTopList ul li .h3{font-size:21px;} .IndexInfoBox .partakeTopList ul li .h4{font-size:16px;} .IndexInfoBox .partakeInfo ul li{float:left;width:485px;font-size:16px;} .IndexInfoBox .divp{font-size:16px;line-height:2em;padding-top:30px;} } @media screen and (min-width:1200px){ .IndexInfoBox .iconpimg{display:block;} .IndexInfoBox .partakeInfo{padding-top:40px;} } @media screen and (min-width:1920px){ .IndexInfoBox .iconpimg01{max-width:40%;} } .ZJMultilinkage{max-width:1200px;margin:0 auto;overflow:hidden;} .ZJMultilinkage .list_img{position:relative;} .ZJMultilinkage .big_img{position:relative;width:84%;float:left;} .ZJMultilinkage .big_img img{width:100%;} .ZJMultilinkage .list{position:relative;max-width:100%;float:right;width:13.5%;height:100%;} .ZJMultilinkage .list .bd{position:relative;width:100%;padding:40% 0;} .ZJMultilinkage .list a{position:absolute;width:100%;height:20px;left:0px;border-radius:100%;z-index:88;background:url('../png/ttto0u.png') no-repeat center top;cursor:pointer;} .ZJMultilinkage .list a.prev{top:0;} .ZJMultilinkage .list a.onA{background-color:#2c7ede;border-color:#2c7ede;} .ZJMultilinkage .list a.next{bottom:0;background:url('../png/jlijya.png') no-repeat center bottom;} .ZJMultilinkage .list a.prevStop,.ZJMultilinkage .list a.nextStop{cursor:default;} .ZJMultilinkage .list li{position:relative;width:100%;margin-bottom:10%;} .ZJMultilinkage .list li .Ispic{width:100%;} .ZJMultilinkage .list li .imgBox{opacity:.8;} .ZJMultilinkage .list li.on .imgBox{opacity:1;} @media screen and (min-width:1000px){ .ZJMultilinkage .list a{right:0px;} .ZJMultilinkage .list{width:13.2%;} .ZJMultilinkage .list li{position:relative;width:100%;margin-bottom:13%;} .ZJMultilinkage .list a{height:40px;} .ZJMultilinkage .list a.prev{background-position:center;} .ZJMultilinkage .list a.next{background-position:center;} } @media screen and (min-width:1200px){ .ZJMultilinkage .big_img{width:990px;} .ZJMultilinkage .list{width:195px;} .ZJMultilinkage .list .bd{padding:40px 0;} .ZJMultilinkage .list li{margin-bottom:15px;} .ZJMultilinkage .list a.next{bottom:16px;} } .CooperationF4{color:#fff;background-repeat:no-repeat;background-size:cover;background-position:center;} .CooperationF4 .mainTitle{color:#fff;} .CooperationF4 .CoopTxt{max-width:350px;margin:0 auto;padding-top:30px;text-align:center;} .CooperationF4 .CoopTxt .h3{font-weight:normal;} .CooperationF4 .CoopTxt .h3 .span{position:relative;display:inline-block;padding:0 10px;} .CooperationF4 .CoopTxt .h3 .span .i{width:30px;height:1px;background:#fff;position:absolute;left:-30px;top:50%;} .CooperationF4 .CoopTxt .h3 .span .ic{left:auto;right:-30px;} .CooperationF4 .CoopTxt .txt{padding-top:20px;text-align:left;} @media screen and (min-width:1200px){ .CooperationF4{padding:120px 0 80px;} .CooperationF4 .CoopTxt{padding-top:120px;} .CooperationF4 .CoopTxt .h3{font-size:26px;} .CooperationF4 .CoopTxt .txt{font-size:21px;line-height:40px;text-align:center;} } .CooperationF5{background:#313131;color:#fff;} .CooperationF5 .h3 .i{padding-left:10px;display:none;overflow:hidden;} .CooperationF5 .on .h3 .i{display:inline-block;} .CooperationF5 .ul{overflow:hidden;} .CooperationF5 .ul li{border-bottom:1px solid rgba(255,255,255,0.5);padding:15px 0;cursor:pointer;} .CooperationF5 .ul li.last{border-bottom:none;} .CooperationF5 .ul li .h3{font-weight:normal;padding-bottom:8px;font-size:16px;} .CooperationF5 .ul li .h4{font-weight:normal;padding-bottom:8px;font-size:14px;} @media screen and (min-width:1000px){ .CooperationF5 .ul{text-align:center;padding-left:80px;} .CooperationF5 .ul li{border-bottom:none;display:inline-block;max-width:390px;text-align:left;padding-right:110px;} .CooperationF5 .ul li:nth-child(2){max-width:460px;padding-left:110px;padding-right:0;background:url(../png/ha9teg.png) no-repeat left center;} .CooperationF5 .ul li.last{border-left:1px solid rgba(255,255,255,0.5);} .CooperationF5 .ul li .libox{max-width:366px;margin:0 auto;font-size:18px;} .CooperationF5 .ul li .libox .h3{font-size:26px;padding-bottom:40px;} .CooperationF5 .ul li .libox .h4{font-size:19px;padding-bottom:30px;} .CooperationF5 .h3 .i{padding-top:2px;height:1em;} } .CooperationF6 .map .mapCon img{max-width:none;} .CooperationF6 .map .mapCon{width:100%;height:300px;} @media screen and (min-width:1000px){ .CooperationF6 .map .mapCon{height:610px;} } .usF01 .TxtCon{padding-top:30px;} @media screen and (min-width:1000px){ .usF01{text-align:center;} .usF01 .TxtCon{font-size:18px;} } .usF02{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;} .usF02 .usF02Con{margin-top:50px;vertical-align:bottom;position:relative;top:30px;width:100%;background:rgba(255,255,255,0.7);color:#3d3d3d;padding:20px 0;} .usF02 .usF02Con .h3{font-weight:normal;font-size:16px;text-align:center;font-family:helveticainseratcyr;color: #7b181d} .usF02 .usF02Con .h3 span{display:block;} .usF02 .usF02Con .txt{padding-top:20px;} @media screen and (min-width:768px){ .usF02 .usF02Con{top:50px;} .usF02 .usF02Con .h3 span{margin-left:40px; text-align: left;} } @media screen and (min-width:1200px){ .usF02 .usF02Con{top:100px;text-align:center;padding:40px 0;margin-top:300px;font-size:16px;line-height:2.5em;color: #3d3d3d;} .usF02 .usF02Con .h3{font-size:52px; font-weight: 600;color: #7b181d} .usF02 .usF02Con .h3 span{display:inline-block;font-size:28px;vertical-align: middle;} } .usF03 .IndexInfoBox ul li a.more{display:block;width:115px;height:24px;border-radius:24px;font-size:14px;text-align:center;line-height:24px;border:1px solid #b4b4b4;color:#b4b4b4;padding:0 10px;margin:15px auto 0;} .usF03 .IndexInfoBox ul li a.more:hover{color:#e6000a;border-color:#e6000a;} .usF03 .IndexInfoBox .partakeTopList ul li a.svgA{padding:8px;} @media screen and (min-width:640px){ .usF03 .IndexInfoBox .partakeTopList ul{text-align:center;} .usF03 .IndexInfoBox .partakeTopList ul li{width:33.33%;padding:30px 10px;} .usF03 .IndexInfoBox .partakeTopList ul li a{display:block;margin:0 auto;max-width:305px;} .usF03 .IndexInfoBox .partakeTopList ul li .h3{padding-top:28px;font-size:33px;} .usF03 .IndexInfoBox .partakeTopList ul li .h4{font-size:17px;padding-top:6px;} .usF03 .IndexInfoBox ul li a.more{margin-top:20px;} } @media screen and (min-width:1000px){ .usF03 .IndexInfoBox .partakeTopList ul li a.svgA{padding:10px;} } .usF04{background:#1b1b1b;} .usF04 .usF04List{padding-top:20px;} .usF04 .usF04List ul li{padding:15px 0;float: left; width: 33.33%;} .usF04 .usF04List ul li a{display:block;text-align:center;} .usF04 .usF04List ul li a img{max-width:80%;} .usF04 .usF04Txt{max-width:950px;margin:30px auto;background:url('../png/mp8l37.png') no-repeat 0 0;} .usF04 .usF04Txt .usF04TxtBG{padding:0 50px;background:url('../png/mdxpu8.png') no-repeat right bottom;color:#b4b4b4;line-height:2em;} .usF04 .usF04Txt .h3{color:#e6000a;} .usF04 .usF04Txt .txtCon{padding-top:10px;} @media screen and (min-width:640px){ .usF04 .usF04List{padding:50px 0 30px;} .usF04 .usF04List ul li{width:33.33%;border-right:1px solid #a0a0a0;padding:0;float:left;} .usF04 .usF04List ul li:nth-child(3n){border-right:none;} } @media screen and (min-width:1000px){ .usF04 .usF04Txt .usF04TxtBG{padding:0 110px;background-image:url('../png/np0yie.png');line-height:2.5em;} .usF04 .usF04List{padding:105px 0 95px;} .usF04 .usF04Txt .txtCon{padding-top:30px;} .usF04 .usF04Txt{background-image:url('../png/gqksxm.png');font-size:16px;} .usF04 .usF04Txt .h3{font-size:28px;} } .usF05{background-position:center;background-repeat:no-repeat;background-size:cover;position:relative;} .usF05 .usF05Con{color:rgba(255,255,255,0.7);} .usF05Con .List ul li{position:relative;cursor:pointer;padding-top:110px;margin-bottom:10px;overflow:hidden;text-align:center;margin-top:30px;} .usF05Con .List ul li .a{display:block;position:absolute;left:0;top:0;width:100%;height:100px;} .usF05Con .List ul li .a1{color:rgba(255,255,255,0.7);display:block;-webkit-transition:0.3;-moz-transition:0.3;-ms-transition:0.3;-o-transition:0.3;transition:0.3;} .usF05Con .List ul li:hover .a1{color:#fff;} .usF05Con .List .libox{width:inherit;height:inherit;display:block;position:relative;overflow:hidden;cursor:pointer;text-align:center;} .usF05Con .List .libox .icon{display:inline-block;width:100px;height:100px;margin-bottom:10px;} .usF05Con .List .libox .zm,.usF05Con .List .libox .fm{width:100%;height:100%;position:absolute;transition:all .5s;overflow:hidden;backface-visibility:hidden;-webkit-backface-visibility:hidden; /* Chrome 和 Safari */-moz-backface-visibility:hidden; /* Firefox */-ms-backface-visibility:hidden;} .usF05Con .List .libox .zm{z-index:2;display:none\0;} .usF05Con .List .libox .zm img,.usF05Con .List .libox .fm img{width:100%;height:100%;} .usF05Con .List .libox .fm{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);color:#fff;} .usF05Con .List ul li:hover .libox .zm{-webkit-transform:rotateY(180deg);-ms-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg);} .usF05Con .List ul li:hover .libox .fm{-webkit-transform:rotateY(0deg);-ms-transform:rotateY(0deg);-o-transform:rotateY(0deg);transform:rotateY(0deg);} .usF05Con .List .txt{font-size:15px;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;} .usF05Con .List ul li:hover .txt{color:#fff;} .usF05Con .List ul li .txt .h3{font-weight:normal;font-size:18px;} .usF05Con .List ul li .txt div.p{padding-top:8px;} .usF05.mainTitleOn{/*top: 0;*/} .usF05 .p{ font-family: "sourcehansans;"; font-size:28px; line-height: 46px; letter-spacing: 0px} .usF05 h4{ font-size: 38px!important; line-height: 48px } @media screen and (max-width:767px){ .usF05 .usF05Con{padding:0 10px;} .usF05 .p{ font-family: "sourcehansans;"; font-size:16px; line-height: 28px; letter-spacing: 0px} .usF05 h4{ font-size: 28px!important; line-height: 38px } .usF05Con .List ul li{padding-top: 0; padding-left: 100px; min-height: 80px;} .usF05Con .List .libox .icon{width: 80px;height: 80px;} .usF05Con .List ul li .a{height: 80px;left: 0;top:0; width: 80px;} .usF05Con .List ul li .a1{text-align: left;} } @media screen and (min-width:540px){ .usF05Con .List ul li{float:left;width:50%;margin-bottom:20px;} } @media screen and (min-width:768px){ .usF05Con .List ul li .txt{padding-top:20px;} .usF05Con .List ul li .txt .h3{font-size:26px;} .usF05Con .List ul li .txt div.p{line-height:1.8em;font-size:14px;padding-top:10px;} } @media screen and (min-width:1000px){ .usF05Con .List ul li{float:left;width:25%;margin-bottom:0px;} .usF05Con .List{padding-top:135px;} .usF05Con .List ul li .txt{padding-top:30px;} } .bodyBG{background:#f5f5f5;} .usF06List{padding-top:30px;} .usF06List ul li{padding:20px 10px;} .usF06List ul li a{display:block;margin:0 auto;max-width:156px;position:relative;padding:8px;} .usF06List ul li a img{width:100%;border-radius:156px;overflow:hidden;} .usF06List ul li a svg{position:absolute;width:100%;height:100%;z-index:3;left:0;top:0;} .usF06List ul li .h3{text-align:center;color:#7c191e;padding-bottom:10px;font-size:16px;font-weight:bold;} .usF06List ul li .h4{text-align:center;color:#5a5a5a;font-size:14px;font-weight:normal;} .usF06List ul li .w1200{border-top:1px solid #7c191e;padding:10px;} .usF06List ul li.last .w1200{border-bottom:1px solid #b4b4b4;} .usF06List ul li .txtBox{padding-top:10px;line-height:30px;} .usF06List ul li .txtdd{padding-top:15px;} .usF06List ul li .txtdd .dl dd{padding-left:15px;background:url('../png/6475hc.png') no-repeat 0 10px;line-height:30px;} @media screen and (min-width:768px){ .usF06List{padding-top:60px;} .usF06List ul li{font-size:16px;} .usF06List ul li .h3{text-align:left;font-size:35px;} .usF06List ul li .h4{text-align:left;font-size:18px;} .usF06List ul li .w1200{position:relative;padding-left:200px;} .usF06List ul li .svgA{position:absolute;left:0;top:50%;--webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);} } @media screen and (min-width:1000px){ .usF06List{padding-top:120px;} .usF06List ul li{padding:0;} .usF06List ul li .txtdd{padding-top:35px;} .usF06List ul li .w1200{padding-top:75px;padding-bottom:75px;} .usF06List ul li .txtdd{display:none;} .usF06List ul li .w1200{padding-left:360px;} .usF06List ul li a.svgA{width:270px;max-width:270px;} .usF06List ul li:hover{background:#dcdcdc;} } .project-list{position:relative;overflow:hidden;} .project__image{width:100%;background-size:100%;display:block;position:relative;} .project__image:after{content:" ";width:100%;height:100%;position:absolute;left:0;top:0;transition:opacity .3s ease;opacity:0;} .project__card{position:relative;will-change:transform;transition:box-shadow 0.3s ease;} .project__card.hover-in{transition:-webkit-transform 0.2s ease-out;transition:transform 0.2s ease-out;transition:transform 0.2s ease-out,-webkit-transform 0.2s ease-out;} .project__card.hover-out{transition:-webkit-transform 0.2s ease-in;transition:transform 0.2s ease-in;transition:transform 0.2s ease-in,-webkit-transform 0.2s ease-in;} .project:hover .project__image:after{opacity:1;} .Gyzp_item{position:relative;} .Gyzp_item .IndexInfoBox{position:static;} .Teacherbox{position:relative;overflow:hidden;} /*左侧大图和内容*/ .graybox2{position:relative;} .graybox2 .img1{display:block;width:84%;} .Teacherbox{position:absolute;top:0;left:0;right:0;bottom:0;} .graybox2 .container{padding:0;margin:0;} .Teacherbox #ifocus_tx{width:84%;float:left;position:relative;} .Teacherbox #ifocus_tx ul{padding:0;margin:0;} .Teacherbox #ifocus_tx li{width:100%;} .Teacherbox #ifocus_tx li img{width:100%;} .Teacherbox #ifocus_tx li.current{z-index:99;} /*右侧小图*/ .Teacherbox #tFocusBtn{float:right;position:relative;width:14%;height:100%;} .Teacherbox .tFocus-prevBtn{width:168px;height:20px;display:block;background:url(../png/zcl4b3.png) center center no-repeat;cursor:pointer;position:absolute;left:0px;top:47px;} .Teacherbox .tFocus-prevBtn:hover{background:url(../png/l8dsxq.png) center center no-repeat;} .Teacherbox .tFocus-nextBtn{background:url(../png/r459cw.png) center center no-repeat;position:absolute;left:0px;bottom:0px;height:20px;width:168px;cursor:pointer;} .Teacherbox .tFocus-nextBtn:hover{background:url(../png/e8ynbs.png) center center no-repeat;} .Teacherbox #ifocus_btn{position:absolute;overflow:hidden;top:0;right:0px;left:0;bottom:0;} .Teacherbox #ifocus_btn ul{height:10000px;position:absolute;left:0;top:0;margin:0;padding:0;width:100%;} .Teacherbox #ifocus_btn li{cursor:pointer;margin:7px 0;} .Teacherbox #ifocus_btn li img{width:100%;} /*人才储备系统*/ .reserve{max-width:1200px;margin:0 auto;padding:10px;padding-bottom:240px;} .reserve .title{margin:150px 0 130px;} .reserve .title .h1{font-size:21px;color:#ccc;margin:0;text-align:center;font-family:helveticainseratcyr;font-weight:400;} .reserve .title .h1 img{display:inline-block;margin:0 10px 5px;vertical-align:middle;} .reserve .title .h2{font-size:16px;margin:0;margin-top:20px;text-align:center;font-weight:400;} .reserve .content{border-top:1px solid #ccc;border-bottom:1px solid #ccc;padding:50px 0;} .reserve .content h3{font-size:18px;text-align:center;margin-bottom:30px;} .reserve .content p{text-align:center;line-height:30px;font-size:16px;margin:0 auto;max-width:1050px;} .reserve .h4{line-height:44px;background:#5a5a5a;font-size:21px;color:#fff;text-align:center;margin-top:110px;} .reserve .img{width:100%;padding:100px 0;text-align:center;} @media only screen and (min-width:768px){ .reserve .title .h1{font-size:24px;} .reserve .title .h2{font-size:18px} } @media only screen and (min-width:1024px){ .reserve .title .h1{font-size:55px;} .reserve .title .h2{font-size:28px} } @media only screen and (max-width:768px){ .reserve .title{margin:50px 0;} } /*生产运维系统*/ .trend{padding-bottom:240px;} .trend .em{font-size:72px;color:#b4b4b4;} .trend .em span{font-size:36px;} .trend .trend_title{overflow:hidden;font-size:0;padding:80px 0 70px;} .trend .trend_title .left{border-right:1px solid #ccc;padding:0 30px;display:inline-block;width:130px;vertical-align:middle;} .trend .trend_title .right{width:calc(100% - 131px);display:inline-block;font-size:14px;line-height:30px;padding-left:30px;vertical-align:middle;} .trend1{margin-top:20px;} .trend1 .trend_content{position:relative;} .trend1 .txt{position:absolute;background:rgba(230,22,31,0.9);font-size:0;padding:40px 90px;overflow:hidden;bottom:0;left:0;width:100%;} .trend1 .txt .left{width:180px;display:inline-block;vertical-align:middle;} .trend1 .txt .left div{line-height:44px;font-size:28px;color:#fff;text-align:center;border:1px solid #fff;} .trend1 .txt .right{font-size:14px;line-height:30px;color:#fff;display:inline-block;vertical-align:middle;width:calc(100% - 210px);margin-left:30px;} @media only screen and (max-width:768px){ .trend1 .txt{position:static;padding:20px 10px;} .trend1 .txt .left,.trend1 .txt .right{width:100%;margin-left:0;} } .trend2{} .trend2 .trend2_content{overflow:hidden;font-size:0;background:#d2d2d2;} .trend2 .trend2_content .left{width:58%;display:inline-block;vertical-align:top;} .trend2 .trend2_content .left img{width:100%;} .trend2 .trend2_content .right{width:42%;display:inline-block;font-size:14px;padding:50px;} .trend2 .trend2_content .right .txt{line-height:26px;} .trend2 .trend_img2{margin-top:10px;} .trend2 ul{overflow:hidden;list-style:none;padding:0;margin:20px 0;} .trend2 ul li{width:32%;margin-right:2%;float:left;padding:24px 0;background:#d2d2d2;text-align:center;} .trend2 ul li:nth-child(3n){margin-right:0;} .trend2 ul li:hover{background:#e6000a;color:#fff;} .trend2 ul li h3,.trend2 ul li p{font-size:16px;} @media only screen and (max-width:768px){ .trend2 ul li{width:100%;margin-bottom:20px;margin-left:0;} .trend2 .trend2_content .left,.trend2 .trend2_content .right{width:100%;display:block;} } .trend3{} .trend3 .trend_title{padding:80px 0 40px;} .trend4{overflow:hidden;background:#d2d2d2;margin-top:80px;} .trend4 h3{font-size:16px;margin:0;} .trend4 .left{width:44%;float:left;padding:30px 0 0px 120px;} .trend4 .left ul{list-style:none;padding-left:0;} .trend4 .left ul li{line-height:30px;padding-left:20px;position:relative;} .trend4 .left ul li:after{display:block;content:'';position:absolute;left:0;top:10px;background:url(../png/6475hc.png) no-repeat left top;width:5px;height:10px;} .trend4 .right{width:56%;float:right;} .trend5{overflow:hidden;background:#d2d2d2;margin-top:80px;} .trend5 h3{font-size:16px;margin:0;} .trend5 .left{width:54%;float:right;padding:30px 0 0px 120px;} .trend5 .left ul{list-style:none;padding-left:0;} .trend5 .left ul li{line-height:30px;padding-left:20px;position:relative;} .trend5 .left ul li:after{display:block;content:'';position:absolute;left:0;top:10px;background:url(../png/6475hc.png) no-repeat left top;width:5px;height:10px;} .trend5 .right{width:46%;float:left;} @media only screen and (max-width:768px){ .trend4 .left{padding:30px;} .trend4 .left,.trend4 .right{width:100%;float:none;} .trend5 .left{padding:30px;} .trend5 .left,.trend5 .right{width:100%;float:none;} } /*硬件设施系统*/ .hardware{overflow:hidden;max-width:1200px;margin:50px auto;color:#333;padding-bottom:240px;} .hardware .left{width:50%;float:left} .hardware .left h4{margin:0;} .hardware .left p{margin:5px 0 20px;} .hardware .right{width:50%;float:right} @media only screen and (max-width:768px){ .hardware .left,.hardware .right{width:100%;float:none;padding:10px;} } /*红鲤出品*/ .produce{background:#e5e5e5;position:relative;height:760px;} .produce_img{position:absolute;left:0;right:0;top:50%;margin:-50px auto 0;backface-visibility:hidden;-webkit-transition:1s;-moz-transition:1s;-ms-transition:1s;-o-transition:1s;transition:1s;} .produce_img2{transform:rotateY(-180deg);} /*红鲤出品*/ .culture_list{background:#313131;padding:136px 0;} .culture_list .content{max-width:840px;margin:0 auto; padding:0 10px;} .culture_list .content dl{overflow:hidden;} .culture_list .content dl dd{width:32%;float:left;color:#333;margin:0;margin-right:2%;font-size:24px;line-height:80px;text-align:center;background:#fff;} .culture_list .content dl dd.on{background:#e6000a;color:#fff} .culture_list .content dl dd span{display:inline-block;vertical-align:middle;width:32px;height:40px;margin-right:10px;margin-top:-2px;} .culture_list .content dl dd:nth-child(3){margin-right:0;} .culture_list .content dl dd:nth-child(1) span{background:url(../png/zdowsz.png) no-repeat center right;} .culture_list .content dl dd:nth-child(1).on span{background:url(../png/are0v3.png) no-repeat center right;} .culture_list .content dl dd:nth-child(2) span{background:url(../png/ozrzd1.png) no-repeat center right;} .culture_list .content dl dd:nth-child(2).on span{background:url(../png/q1x124.png) no-repeat center right;} .culture_list .content dl dd:nth-child(3) span{background:url(../png/e71k1i.png) no-repeat center right;} .culture_list .content dl dd:nth-child(3).on span{background:url(../png/oma3f8.png) no-repeat center right;} .culture_list .content h3{font-size:24px;color:#fff;text-align:center;margin:90px 0 40px;} .culture_list .content p{font-size:16px;color:#fff;line-height:30px;text-align:center;} @media only screen and (max-width:768px){ .culture_list{padding:50px 0;} .culture_list .content h3{margin:50px 0 20px;} .culture_list .content dl dd{margin-bottom:10px;padding-left:0; font-size: 16px; line-height: 40px;} .culture_list .content dl dd span{display: none;} } /*环境*/ .environment{max-width:1200px;margin:0 auto 150px;overflow:hidden;} .yc_title{margin:80px 0 50px;} .yc_title .h1{font-size:21px;color:#c4a7a8;margin:0;text-align:center;font-family:helveticainseratcyr;font-weight:600;text-transform:Uppercase} .yc_title .h1 img{display:inline-block;margin:0 18px 5px;vertical-align:middle;} .yc_title .h2{font-size:16px;margin:0;margin-top:0px;text-align:center;font-weight:400;color:#c4a7a8;} .environment .img{text-align:center;margin:50px 0;} @media only screen and (min-width:768px){ .yc_title .h1{font-size:24px;} .yc_title .h2{font-size:18px} } @media only screen and (min-width:1024px){ .yc_title .h1{font-size:55px;} .yc_title .h2{font-size:28px} } .environment0 .content{overflow:hidden; padding:0 10px;} .environment0 .content .left{width:23.5%;float:left;position:relative;} .environment0 .content .left img{width:100%;} .environment0 .content .left p{position:absolute;left:0;bottom:0;margin:0;width:100%;line-height:34px;text-align:center;color:#fff;font-size:14px;background:rgba(188,10,8,0.8);} .environment0 .content .right{width:75%;float:right;} .environment0 .content .right ul{list-style:none;padding:0;margin:0;overflow:hidden;} .environment0 .content .right ul li{float:left;width:32%;margin-right:2%;margin-bottom:20px;position:relative;} .environment0 .content .right ul li:nth-child(3n){margin-right:0;} .environment0 .content .imgs{overflow:hidden;} .environment0 .content img{width:100%;-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .environment0 .content .imgs:hover img{-webkit-transform:scale(1.08);-moz-transform:scale(1.08);-ms-transform:scale(1.08);-o-transform:scale(1.08);transform:scale(1.08);} .environment0 .content p{position:absolute;opacity:0;left:0;bottom:0;margin:0;width:100%;line-height:34px;text-align:center;color:#fff;font-size:14px;background:rgba(188,10,8,0.8);-webkit-transition:0.3s;-moz-transition:0.3s;-ms-transition:0.3s;-o-transition:0.3s;transition:0.3s;} .environment0 .content ul li:hover p{opacity:1;} .environment0 .content .left:hover p{opacity:1;} .environment_title{overflow:hidden;font-size:0;padding:80px 0 70px;max-width:940px;margin:0 auto;} .environment_title .left{font-size:26px;max-width:180px;color:#e60012;font-weight:bold;display:inline-block;padding:0 10px 40px 10px;border-right:1px solid #ccc;vertical-align:middle;} .environment_title .left b{font-size:48px;vertical-align:top;} .environment_title .right{font-size:14px;line-height:30px;display:inline-block;padding-left:40px;width:calc(100% - 180px);vertical-align:middle;} .environment2 .content .left{float:right;} .environment2 .content .right{float:left;} @media only screen and (max-width:768px){ .environment0 .content .right ul li{margin-bottom:2.4%;} .environment1 .left,.environment1 .right{/* width:100%!important;float:none!important; */margin-bottom:20px;} .environment{margin-bottom: 20px;} .environment .yc_animate{padding:0 10px; margin:20px 0;} .yc_title{margin:30px auto 15px;} .environment_title .left{display: none;} .environment_title .right{float: none; width: 100%; padding-left: 0;} } /*加入红鲤*/ .join{margin-bottom: 100px;} .job{overflow:hidden;margin:0 auto;max-width:1200px;} .job .left{width:360px;float:left;background:#f1dedb;padding:20px 0px 50px 0px;} .job .left dl dd{display:none;} .job .left dl.on dd{display:block;} .job .left dl dt{font-size:18px;cursor:pointer;padding:0 40px 0 60px;line-height:50px;background:url(../png/pyqnrf.png) no-repeat 30px center;} .job .left dl.on dt{background:url(../png/m1icun.png) no-repeat 30px center;} .job .left dl dd{background:#7c191e;color:#fff;margin:0;padding:30px;} .job .left dl dd ul{padding:0;padding-left:30px;list-style:none;} .job .left dl dd ul li{line-height:42px;padding-left:20px;position:relative;font-size:17px;color:#fff;cursor:pointer;} .job .left dl dd ul li:after{position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:5px;height:5px;border-radius:50%;background:#fff;display:block;content:'';} .job .left dl dd ul li:hover,.job .left dl dd ul li.aon{color:#e6000a} .job .left dl dd ul li:hover:after,.job .left dl dd ul li.aon:after{background:#e6000a} .job .right{width:calc(100% - 360px);float:right;padding-top:24px;} .job .right h3{font-size:28px;} .job .right h4{font-size:20px;margin:0;margin-top:20px;} .job .right p{font-size:14px;line-height:30px;margin:5px 0;} .job .right .img{text-align:right;margin-top:20px;} .job .right .img a{vertical-align:middle;display:inline-block;margin-left:20px;} .job .right .img a:nth-child(1){margin-left:0;} @media only screen and (min-width:769px){ .job .left,.job .right{height:900px;} .job .right{overflow-y:auto;padding-left:50px;} } @media only screen and (max-width:768px){ .job .left,.job .right{width:100%;float:none;} .job .right{padding:10px 10px 0;} .job .right .img a{max-width: 30%;} .job .left{ padding: 20px 0; } } /*招聘问答*/ .qa{margin:0 auto 300px;max-width:1200px;overflow:hidden;padding-bottom:200px;position:relative;} .qa_title{line-height:42px;border-bottom:1px solid #ccc;text-align:center;margin-bottom:50px;margin-top:40px;} .qa_title span{font-size:18px;padding:0 10px;margin-left:80px;font-weight:bold;cursor:pointer;display:inline-block;} .qa_title span:nth-child(1){margin-left:0;} .qa_title span.on{color:#e6000a;border-bottom:1px solid #e6000a;} .qa dl{margin-bottom:30px;} .qa dl dt{font-size:18px;line-height:40px;font-weight:bold;} .qa dl dd{font-size:14px;padding-left:54px;position:relative;line-height:30px;margin:0;} .qa dl dd span{position:absolute;left:33px;top:0px;} .show1{padding:0 10px;overflow:hidden;max-height:580px;} .xiax{animation:container 3s linear forwards infinite;padding:10px;cursor:pointer;display:inline-block;position:absolute;bottom:50px;left:0;right:0;margin:0 auto;z-index:10;} @keyframes container{ 0%,100%,20%,50%,80%{transition-timing-function:cubic-bezier(0.215,.61,.355,1); /*贝塞尔曲线 ： X1 Y1 X2 Y2*/transform:translate3d(0,0,0); /*设置只在Z轴上移动*/} 40%,43%{transition-timing-function:cubic-bezier(0.755,0.50,0.855,0.060);transform:translate3d(0,-30px,0);} 70%{transition-timing-function:cubic-bezier(0.755,0.050,0.855,0.060);transform:translate3d(0,-15px,0);} 90%{transform:translate3d(0,-4px,0);} } @media only screen and (max-width:769px){ .qa{margin:0 auto 20px;padding-bottom:50px;} .xiax{bottom: 0;} } .join_bannerBtn{margin: 20px 0;} @media only screen and (min-width:1000px){ .join_bannerBtn{margin: 100px 0;} } @font-face { font-family: 'iconfont'; src: url('/templets/default/fonts/iconfont.eot'); src: url('/templets/default/fonts/iconfont.eot') format('embedded-opentype'), url('../woff2/v44d8f.woff2') format('woff2'), url('/templets/default/fonts/iconfont.woff') format('woff'), url('/templets/default/fonts/iconfont.ttf') format('truetype'), url('/templets/default/fonts/iconfont.svg') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.2px; -moz-osx-font-smoothing: grayscale; } .post-nav { border: 0px solid #eee; padding: 10px 0 10px 0; margin: 0px; clear: both; overflow: hidden; } .post-nav div { width: 40%; color: #999; font-size: 14px; position: relative; display: block; } .post-prev { float: left; } .post-next { float: right; text-align: right; } .post-nav div span { display: none; color: #999; } .post-nav div a { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; } .post-nav div a i { color: #aaa; font-size: 18px; position: absolute; top: 50%; transform: translateY(-50%); -webkit-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; } .post.news { max-width: 1260px; } .post.news .PostNews .imgBox { position: relative; overflow: hidden; } .post.news .PostNews .imgBox img{ width: 100% } .post.news .owl-carousel .item .imgBox img { position: absolute; top: 0; left: 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post.news .owl-carousel .item:hover .imgBox img { transform: scale(1.1) } .post.news li { width: calc(100% / 3 - 20px); float: left; margin: 15px 20px 15px 0; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0; } .post.news .PostNews { margin-right: -20px; } .post.news .PostNews ul{margin:0px; padding:0px;} .post.news li{ list-style-type: none } .post.news li .imgText { text-align: left; background: #f5eded; position: relative; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post.news li:hover .imgText { background: #e60012; } .secnav { text-align: left;line-height: 28px; font-size: 16px;margin-bottom: 20px } .secnav li{ display: inline-block; list-style-type: none;margin-right: 20px; } .secnav li a{ font-weight: 600 } .secnav li.on a{color: #a7393f;} .post.news li:nth-child(1n) .imgText{background-color: #f5eded; } .post.news li:nth-child(2n) .imgText{background-color: #e5d1d2; } .post.news li:nth-child(3n) .imgText{background-color: #7b181d; color: #fff} .post.news li:nth-child(3n) .imgText a{color: #fff} .post.news li:nth-child(3n) .imgText p{color: #fff} .pageNav li{ display: inline-block;list-style-type: none } .post.news .imgText h4 a{ color: #3d3d3d; } .post.news .imgText p { overflow: hidden; line-height: 22px; padding: 0px; font-size: 12px; color: #3d3d3d; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; padding: 0px 15px 35px 15px; } .post.news .imgText p.time{background:url(../png/eo576j.png) no-repeat bottom left; height: 44px; line-height: 54px; font-size:14px;margin:0px;} .post.news li:nth-child(3n) .imgText p.time{background:url(../png/47kurv.png) no-repeat bottom left;} .post.news .imgText i { font-size: 14px; line-height: 16px; height:16px; } .post.news .imgText h4 { font-size: 16px; padding: 0px 0 5px; font-weight: normal; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin:0px; padding: 5px 15px 5px 15px; } .post.news .imgText i a { color: #F4CE58 } .post.news .imgText i { left: auto; right: 55px; bottom: 10px; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; opacity: 0 } .post.news .owl-carousel .item .imgText { padding: 15px 15px 40px; text-align: left; background: #f6f5f5; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .post li a i.fa, .imgShow a i.fa, .post .PostShow .owl-item a i.fa { font-family: FontAwesome; top: 50%; color: #FFF; text-align: center; position: absolute; width: 100%; z-index: 2; -webkit-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; filter: alpha(opacity=0); opacity: 0; text-shadow: none; font-size: 0; line-height: 0; overflow: visible } .post li a:hover i.fa, .imgShow a:hover i.fa, .post .PostShow .owl-item a:hover i.fa { font-size: 25px; filter: alpha(opacity=100); opacity: 1; } .post.news li a:hover i.fa { font-size: 25px; } .breadcrumb { max-width: 1220px; margin: 0 auto; padding: 12px 0; clear: both; overflow: hidden; border-bottom: 1px solid rgb(0 0 0 / 10%); text-indent: 0px } .fa-angle-right, .fa-bullhorn { font-size: 16px; margin: 0 4px; } .article-box { padding: 0 0px 20px; margin: 20px 0 16px; background: rgba(0, 0, 0, 0); } .article-top { padding: 20px 0 15px; border-bottom: 1px solid rgb(0 0 0 / 10%); } .article-tit { margin-top: 5px; margin-bottom: 0px; font-size: 22px; font-weight: 400; } .article-mt { margin-top: 10px; } .article-mt span { font-size: 14px; color: #999; display: inline-block; margin-right: 5px; } .article-mt span a { font-size: 14px; color: #999; display: inline-block; } .article-mt span i { width: 13px; display: inline-block; margin-right: 4px; font-size: 13px; } .article-main { font-size: 14px; line-height: 28px; padding: 18px 0; word-wrap: break-word; } .article-main img { margin: 5px 0; max-width: 100%; height: auto; } .article-main h2, .article-main h3, .article-main h4, .article-main h5 { padding: 0; margin: 25px 0; color: #AAA; font-weight: 600; } .article-main h2 { font-size: 20px; line-height: 24px; font-weight: bold; border-left: 5px solid #F4CE58; padding: 0 0 0 10px; } .article-main h3 { font-size: 18px; } .article-main h4 { font-size: 16px; } .article-main h5 { font-size: 14px; } .article-main ul, .article-main ol { margin: 0 0 18px 42px } .article-main ul { list-style: disc; } .article-main ol { list-style: decimal; } .article-main li { margin-bottom: 6px; list-style: inherit; } .article-main p { margin-bottom: 0px; word-wrap: break-word } .article-main pre { word-wrap: break-word } .article-main table { width: 100%; border-top: solid 1px rgba(255, 255, 255, 0.2); border-left: solid 1px rgba(255, 255, 255, 0.2); margin-bottom: 18px; border-collapse: collapse } .article-main table th { text-align: center; background-color: #282828; } .article-main table td, .article-main table th { border-bottom: solid 1px rgba(255, 255, 255, 0.2); border-right: solid 1px rgba(255, 255, 255, 0.2); padding: 5px 10px } .article-main a { color: #F4CE58; } .article-main a:hover { color: #F4CE58; } .article-main pre, .comment pre { margin: 20px 0; font: 14px/22px 'courier new'; background: #272822; padding: 10px 16px; color: #F8F8D4; border: none } .article-main blockquote { margin: 30px; padding: 25px 30px 15px; font-size: 14px; color: #aaa; border-left: 6px solid #484848; background: #181818; border-radius: 8px; } .article-main blockquote p { margin: 0; padding: 0; margin-bottom: 10px; } .article-main embed { display: block; margin-left: auto; max-width: 100%; margin-right: auto; } .article-copyright { margin-top: 42px; background-color: #eee; padding-right: 30px; font-size: 12px; padding: 5px 0; color: #aaa; text-align: center; } .article-copyright a, .article-copyright a:hover { color: #aaa; text-decoration: none; } /*----------- tag-a -----------*/ .tag-box .tag-a { padding: 20px 0 20px; line-height: 32px; } .tag-box .tag-a a { padding: 6px 10px 4px 10px; margin-right: 6px; background: rgba(255, 255, 255, .1); border-radius: 50px; } .tag-box .tag-a a:hover { background: #F4CE58; color: #000 } .relates { padding: 20px 0; margin-bottom: 16px; background: rgba(0, 0, 0, 0); } .relates.imgRel { padding: 10px 0; } .relates.imgRel ul { margin: 0; } .relates.imgRel .title { text-indent: 10px; margin-top: 10px; } .post.relates.imgRel .PostShow li { margin: 1% 0.75% 1% 0.75%; /*margin:0;transition:none;*/ } .title { margin-bottom: 10px; overflow: hidden; } .title h3 { font-size: 1.2em; font-weight: 500; margin: 0; float: left } .relates ul { list-style: disc; margin-left: 20px; color: #999 } .relates li { margin-top: 10px; list-style: inherit } .relates li.nothing { width: 100%; text-align: left; } .relates time { font-size: 12px; margin-left: 20px; color: #bbb } .post.relates.imgRel .PostShow li { margin: 1% 0.75% 1% 0.75%; /*margin:0;transition:none;*/ } .post .PostShow ul { width: 100%; } .relates.imgRel ul{ margin:0px; padding:0px;} .post .PostShow li, .imgShow { width: 23.5%; float: left; display: inline; margin: 1.5% 0.65% 1.5% 0.85%; overflow: hidden; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; text-align: center; vertical-align: top; } .post li:hover a .msk, .imgShow a:hover .msk, .post .PostShow .item .post-img:hover .msk { background: #000; opacity: 0.7; width: 100%; height: 89%; } .search { width: 170px; height: 60px; line-height: 60px; display: inline-block; background: #3f4fe3; text-align: center; border-top-right-radius: 30px; border-bottom-right-radius: 30px; } .searchInput { height: 30px; position: absolute; left: 50px; top: 15px; font-size: 18px; border: none; width: 350px; outline: none; -webkit-appearance: none; } .searchText { position: absolute; left: 58px; font-family: 'SourceHanSansCN-Regular'; font-size: 24px; font-weight: normal; font-stretch: normal; /* line-height: 37px; */ letter-spacing: 2px; color: #ffffff; } input[type=search]::-webkit-search-cancel-button { -webkit-appearance: none; } .yu { height: 81px; font-family: 'SourceHanSansCN-Bold'; font-size: 85px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; } .yu1 { height: 50px; font-family: 'DIN-Black'; font-size: 38px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; } .tab { /* margin-top:100px; */ height: 45px; /* line-height: 36px; */ border-bottom: 1px solid #dcdcdc; background-color: #fafafa; white-space: nowrap; text-align: center; } .tabspan { width: 46px; height: 23px; font-family: 'SourceHanSansCN-Light'; font-size: 24px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; cursor: pointer; } .tabspan:hover { font-weight: bold; } .active1 { font-weight: bold; } .cardBox { padding: 75px 0 150px 0; background-color: #fafafa; width: 1452px; margin: 0 auto; position: relative; } .card { width: 31%; height: 150px; border-radius: 12px; background-color: #fafafa; padding-left: 25px; margin: 0 1%; margin-bottom: 30px; display: inline-block; cursor: pointer; } .card:hover { box-shadow: 0px 0px 27px 0px rgba(178, 178, 178, 0.2); } .card:hover .span2 { color: #3f4fe3; } .jobName { height: 29px; font-family: 'SourceHanSansCN-Medium'; font-size: 26px; font-weight: normal; font-stretch: normal; line-height: 19px; letter-spacing: 0px; color: #333333; margin-bottom: 15px; margin-top: 22px; } .span1 { height: 17px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 19px; letter-spacing: 0px; color: #999999; margin-right: 17px; margin-left: 5px; display: inline-block; vertical-align: middle; } .span2 { height: 17px; font-size: 16px; font-weight: normal; font-stretch: normal; line-height: 19px; letter-spacing: 0px; color: #999999; vertical-align: middle; width: 100%; display: block; } .over { width: 100%; height: 261px; background-color: #222222; } .input-area:hover { border: 1px solid #3f4fe3; height: 58px !important; width: 408px !important; /* border-right: none; */ } input::-webkit-input-placeholder { font-family: 'SourceHanSansCN-Normal'; font-size: 18px; font-weight: normal; font-stretch: normal; line-height: normal; letter-spacing: 0px; color: #cccccc; } .imgview { display: inline-block; font-size: 14px; margin-top: 10px; } .imgsty { width: 18px; height: 22px; display: inline-block; vertical-align: middle; } .imgsty1 { width: 16px; height: 24px; display: inline-block; vertical-align: middle; } .imgsty2 { width: 21px; height: 21px; display: inline-block; vertical-align: middle; } .imgsty3 { display: inline-block; vertical-align: middle; margin-top: 2px; } @media screen and (max-width:768px) { .qa_title span { margin-left: 0px } .card { width: 100% } } @media screen and (max-width:640px) { .post .PostShow li { width: 47%; margin: 0 1.46% 25px; } .post.relates.imgRel .PostShow li { width: 47%; margin: 5px 1.5% 10px;/* margin:0;*/ } .relates.imgRel .title { text-indent: 6px; margin-top: 6px; } .post-img { max-width: 284px; } .post.news .PostNews li { width: 48%; margin: 1%; } .post.news .PostNews { margin-right:0px; } } #hzyx p{ font-size: 16px; font-weight: 600; } #hznr li{ width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0; } #hznr li:nth-child(4){ width: 38%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:60px 80px; height: auto } #hznr li:nth-child(5){ width: 38%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:60px 80px; height: auto} #hznr li:nth-child(4) .txt{ float: left; } #hznr li:nth-child(4) .iconbox{ float: right;} #hznr li:nth-child(5) .txt{ float: left; } #hznr li:nth-child(5) .iconbox{ float: right;} @media screen and (max-width:800px) { #hznr li:nth-child(4) .txt{ float: none; } #hznr li:nth-child(4) .iconbox{ float: none;} #hznr li:nth-child(5) .txt{ float: none; } #hznr li:nth-child(5) .iconbox{ float: none;} #hznr li:nth-child(4){width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0;} #hznr li:nth-child(5){width: 30.3333%;margin:1%;background-color: #fff;border:1px solid #7c191e; vertical-align: middle;padding:50px 0;} } @media screen and (max-width:640px) { .HomeF2 .List .iconbox img{ width: 80px } #hznr li{padding:10px 0;} #hznr li:nth-child(4){padding:10px 0;} #hznr li:nth-child(5){padding:10px 0;} .HomeF2 .List ul li h3{ font-size: 18px; } .HomeF2 .List ul li p{ font-size: 12px; } .HomeF3 .List .swiper-container a img{ width: 90% } } .pc{ display: block; } .wap{ display: none; } .buss_bottom { width: 100%; background-color: #eaeaea; box-shadow: 0 0.010417rem 0.0625rem 0 rgba(0, 0, 0, .1); text-align: center; padding-bottom: 100px; } .media_transform { overflow: hidden; width: 100%; zoom: 1; } .buss_title_name { font-family: 'SourceHanSansCN-Regular'; font-size: 36px; letter-spacing: 0px; color: #333333; } .buss_title_name_small { font-family: 'SourceHanSansCN-Light'; font-size: 18px; letter-spacing: 2px; color: #999999; margin-top: 15px; } .email { font-size: 34px; font-weight: 600; color: #3d3d3d; text-align: left; margin-top: 50px; } .cooperation_email { font-size: 34px; font-weight: 900; color: #3d3d3d; text-align: left; margin-bottom: 20px; } .cooperation_msg_top { background-color: #7c191e; text-align: center; border-top-left-radius: 12px; border-top-right-radius: 12px; width: 100%; height: 80px; font-family: 'SOURCEHANSANSCN-MEDIUM'; font-size: 36px; line-height: 80px; color: #ffffff; } .cooperation_msg_bottom { width: 100%; background-color: white; border-bottom-left-radius: 12px; border-bottom-right-radius: 12px; padding-bottom: 50px; } .bottom_text { white-space: nowrap; margin-top: 30px; 14: px; } .bottom_value { display: inline-block; width: 50%; text-align: left; } .bottom_value_one { font-size: 20px; color: #3d3d3d; text-align: left; } .bottom_value_two { font-size: 20px; color: #3d3d3d; /* width: 100%; */ text-align: left; } .line_bottom{border-bottom: 9px solid #7a171c;width: 100px;} .input_style { border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; outline: none; padding: 0 15px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); font-family: 'SourceHanSansCN-Light'; font-size: 18px; } .input_style2 { border-radius: 4px; border: 1px solid #dcdfe6; box-sizing: border-box; outline: none; padding: 0 15px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); font-family: 'SourceHanSansCN-Light'; font-size: 18px; width: 40%; height: 38px; margin-top: 15px; } .bottom_btn { width: 249px; height: 48px; background-color: #7c191e; border-radius: 24px; line-height: 48px; font-family: 'SOURCEHANSANSCN-MEDIUM'; font-size: 24px; color: white; margin: 0 auto; margin-top: 60px; cursor: pointer; } .case_icon-box { position: relative; } .case_icon1 { width: 78px; height: 78px; position: absolute; top: 0; left: 0; display: none; } .case_icon { display: inline-block; vertical-align: middle; cursor: pointer; } .case_icon-box:hover .case_icon { border: solid 4px #3f4fe3; border-radius: 50%; margin-left: 11px !important; margin-right: 11px !important; margin-top: -10px !important; } .case_icon-box:hover .case_icon1 { display: block; border-radius: 50%; margin-top: -6px !important; } .swiper_content { margin-top: 60px; } .left_xm{width: 52%;float: left;margin-top: 104px;} .right_xm{ width:38%;margin-right:10%;float: right;display: inline-block;vertical-align: top;margin-top: 104px;box-shadow: 0 0 50px rgba(0,0,0,0.1)} .cooperation_msg_bottom{padding-top:20px;} .input_style{width: 80%;height: 38px;margin-top: 15px} .bottom_btn{margin-top: 20px;} .textarea_style{width: 80%;padding:2%;height: 160px;margin-top:10px;padding-top:10px;border: 1px solid #dcdfe6; box-sizing: border-box; outline: none; border-radius: 4px; transition: border-color .2s cubic-bezier(.645, .045, .355, 1); font-family: 'SourceHanSansCN-Light'; font-size: 18px;} ::-webkit-input-placeholder { /* WebKit browsers */ color: #ccc; font-size: 18px; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color: #ccc; font-size: 18px; } :-ms-input-placeholder { /* Internet Explorer 10+ */ color: #ccc; font-size: 18px; } @media screen and (max-width:1000px) { .left_xm{width: 95%;/* float: left; */margin-top:10px;margin-left: 15px;margin-bottom: 10px;} .right_xm{ width:96%;margin:2%;float: right;display: inline-block;vertical-align: top;margin-top: 10px;box-shadow: 0 0 50px rgba(0,0,0,0.1)} .inputxt{width: 96%;margin:2%;} } @media screen and (max-width:768px) { .HomeF2{margin-top: -74px} .pc{ display:none ; } .wap{ display: inline-block; } .email{ font-size: 16px; } .cooperation_email{ font-size: 16px; } .bottom_value_one{font-size: 14px;} .bottom_value_two {font-size: 14px;} .bottom_text{margin-top:10px;} .side{ display: none } } @media screen and (max-width:480px) { .HomeF2 .List ul li{ float: left; width: 50%} } .side *{padding:0;margin:0;font-family:"微软雅黑"} .side ol,ul{list-style:none} .side a{text-decoration:none;color:#686868} .side img{border:0} .side{position:fixed;width:78px;right:20px;top:50%;margin-top:-200px;z-index:100;border:0px solid #e0e0e0;background:#fff;border-bottom:0} .side ul li{width:78px;height:78px;float:left;position:relative;border-bottom:0px solid #e0e0e0;color:#333;font-size:14px;line-height:38px;text-align:center;transition:all .3s;cursor:pointer} .side ul li:hover{background:#7b181d;color:#fff} .side ul li:hover a{color:#fff} .side ul li i{height:25px;margin-bottom:1px;display:block;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:auto 25px;margin-top:14px;transition:all .3s} .side ul li i.bgs1{background-image:url(../png/8005mj.png)} .side ul li i.bgs2{background-image:url(../png/3vutko.png)} .side ul li i.bgs3{background-image:url(../png/lckrpb.png)} .side ul li i.bgs4{background-image:url(../png/vcnogm.png)} .side ul li i.bgs5{background-image:url(../png/nrp08h.png)} .side ul li i.bgs6{background-image:url(../png/x4g4p1.png)} .side ul li:hover i.bgs1{background-image:url(../png/oqo8j9.png)} .side ul li:hover i.bgs2{background-image:url(../png/2veqv3.png)} .side ul li:hover i.bgs3{background-image:url(../png/9nrj8p.png)} .side ul li:hover i.bgs4{background-image:url(../png/httor5.png)} .side ul li:hover i.bgs5{background-image:url(../png/4cwm5p.png)} .side ul li .sidebox{position:absolute;width:78px;height:78px;top:0;right:0;transition:all .3s;overflow:hidden} .side ul li.sidetop{background:#7b181d;color:#fff} .side ul li.sidetop:hover{opacity:.8;filter:Alpha(opacity=80)} .side ul li.sideewm .ewBox.son{width:238px;display:none;color:#363636;text-align:center;padding-top:235px;position:absolute;left:-240px;top:0;background-image:url(../png/irxsc9.png);background-repeat:no-repeat;background-position:center center;border:1px solid #e0e0e0} .side ul li.sideetel .telBox.son{width:240px;height:237px;display:none;color:#fff;text-align:left;position:absolute;left:-240px;top:-79px;background:#f67524} .side ul li.sideetel .telBox dd{display:block;height:118.5px;overflow:hidden;padding-left:82px;line-height:24px;font-size:18px} .side ul li.sideetel .telBox dd span{display:block;line-height:28px;height:28px;overflow:hidden;margin-top:32px;font-size:18px} .side ul li.sideetel .telBox dd.bgs1{background:url(../png/ww3nwu.png) 28px center no-repeat;background-color:#e96410} .side ul li.sideetel .telBox dd.bgs2{background:url(../png/i75v1v.png) 28px center no-repeat} .side ul li:hover .son{display:block!important;animation:fadein 1s} @keyframes fadein{from{opacity:0} to{opacity:1} }