a:hover{text-decoration: none;}
html::-webkit-scrollbar{display: none;}
.w1720{width: 89.5833333%;margin: 0 auto;}
.w1360{width: 1360px;margin: 0 auto;}
.xz{transform: rotate(180deg);}
.yybj{position: relative;}
.yybj:after{position: absolute;content: ""; top: 0;left: 0; width: 100%;height: 100%;background-image: linear-gradient(rgba(255,255,255,.1), rgba(0,0,0,.8));}
.md{position: relative;top: -200px;}
.pc{display: block;}
.phone{display: none;}
.mdm{position: relative;top: -150px;}
@media screen and (max-width: 1200px){
.hide1200{display: block !important;}
.show1200{display: none !important;}
}
@media screen and (min-width: 1200px){
.hide1200{display: none !important;}
.show1200{display: block !important;}
}
.form_action{
display: inline-block;
background: #085bc8;
padding: 10px 20px;
margin-right: 31px;
color: #fff;
font-size: 14px;
border-radius: 3px;
transition: all .3s ease;
-webkit-transition: all .3s ease;
cursor: pointer;
}
.form_action:hover{background: #043575;}
.index_form{
position: fixed;
top: 30%;
background: #fff;
width: 60%;
left: 0;
right: 0;
margin: 0 auto;
z-index: 999;
padding: 3.5% 3.5% 5%;
border-radius: 3px;
box-shadow: 0 0 14px 1px rgba(150, 150, 150, .75);
display: none;
}
form#online{width: 100%;margin: 0 auto;}
form#online div{margin: 10px 0;}
form#online div input[type=text]{display: block;width: 100%;padding: 10px 10px;font-size: 14px;border: none;background: #f5f5f5;}
form#online div textarea{display: block;width: 100%;height:100px;font-size: 14px;padding: 10px 10px;background: #f5f5f5;border: none;}
form#online div .button{display: block;width: 128px;border: 1px solid #085bc8;background: #fff;padding: 7px 0; font-size: 14px;margin: 10px 0;transition: all .3s;}
form#online div .button:hover{background: #085bc8;color: #fff;}
span.close{display: block;position: absolute;bottom: 30px;right: 0;left:0;width: 40px;height: 40px;line-height: 40px;text-align: center;font-size: 20px;border-radius: 50%;margin: 0 auto;border:1px solid #e0e0e0;transition: all .3s;cursor: pointer;}
span.close:hover{border-color: #085bc8;color: #085bc8;}
@media screen and (max-width: 1200px){
.index_form{
background: #fff;
width: 100%;
padding-bottom: 8rem;
}
}
.header{position: fixed;height: 100px;width: 100%;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);background: #fff;z-index: 9999999;transition: all .5s;}
.header .head-mn{width: 100%;height: 100%;background: #fff;z-index: 100;}
.header .search{position: absolute;right: 100px;top: 0; width: 100px;height: 100%; display: flex;justify-content: center;align-items: center;background: #fff;cursor: pointer;transition: all .5s;z-index:222;}
.header .search img{transition: all .5s;}
.header .search:hover{background: #085bc8;}
.header .search:hover .img1{display: none;}
.header .search:hover .img2{display: block;}
.header .search .img2{display: none;}
.header .topsearch{position: absolute;top: -100%;left: 0;width: 100%;height: 90px;background: #fefefe;z-index: -1;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.2);}
.header .topsearch .topsearch-inner{}
.header .topsearch .head-search{display: flex;justify-content: center; }
.header .topsearch .search-text{ width: 814px;height: 70px;margin-top: 10px;border: none; padding: 0 40px;font-size: 20px;color: #666;line-height: 70px;background: #f7f7f7;outline: none;}
.header .topsearch .search-close{ display: flex;width: 100px;height: 90px;align-items: center;justify-content: center;}
.header .topsearch .search-close .icon-close{display: block;width: 18px;height: 18px;background: url("../image/icons.png") no-repeat -68px 0;transition:all .5s;}
.header .topsearch .search-close:hover .icon-close{transform: rotate(360deg);}
.header .topsearch .search-submit{ display: block;width: 138px;height: 90px;border: none; font-size: 22px;line-height: 90px;color: #fefefe;text-align: center;background: #085bc8;cursor: pointer;outline: none;}
.header .lang{position: absolute;right: 0;top: 0;width: 100px; cursor: pointer;z-index:222;}
.header .lang:hover li .img2{transform: rotate(360deg);}
.header .lang li{display: flex;justify-content: center;align-items: center;height: 100px;background: #fff;transition: all .5s;}
.header .lang li .en{padding: 0 10px; font-size: 18px;color: #222;transition: all .5s;}
.header .lang li .img2{transition: all .5s;}
.header .lang .oth-lang{display: none;}
.header .lang .oth-lang li{height: 60px;margin-top: 1px;}
.header .lang .oth-lang li:hover{background: #085bc8;box-sizing: border-box;}
.header .lang .oth-lang li:hover .en{color: #fff;}
.header .logo{
position: absolute;
left: 3%;
top: 13%;
/* transform: translate(-50%,-50%); */
z-index: 22;
}
.header .logo img{display: block;transition: all .5s;}
.header .logo .img2{display: none;}
.header .nav{position: relative;width: 100%;display: flex;justify-content: center;}
/*.header .nav .left{width: calc(50% - 110px);}
.header .nav .right{width: calc(50% - 110px);}*/
.header .nav li{margin-right: 80px;line-height: 100px; }
.header .nav li a.bt{display: block;font-size: 18px;color: #222;transition: all .5s;}
.header .nav li:hover a.bt{color: #085bc8;}
.header .nav li.on a.bt{color: #085bc8;}
/*.header .nav li:nth-child(4){margin-right: 400px;}*/
/*.header .nav .right li:first-child{margin-left: 0px;}*/
.header .nav li:last-child{margin-right:0;}
.head-box{height: 100px;}
.header .phone-nav{position: absolute;top: 50%;right: 120px;transform: translateY(-50%);display: none; z-index: 9999999;cursor: pointer;}
.header .phone-nav .line{position: relative;top: 0;border-radius: 3px;width: 30px;display: block;height: 2px;transition: all .3s; background: #000;transform-origin: center center;}
.header .phone-nav.active .line:nth-child(1){top: 10px;transform: rotate(45deg);}
.header .phone-nav .line:nth-child(2){margin: 8px 0; }
.header .phone-nav.active .line:nth-child(2){opacity: 0;}
.header .phone-nav.active .line:nth-child(3){top: -10px;transform: rotate(-45deg);}
.header .phone-nav-mn{position: absolute;top: -10000%;left: 0;padding: 100px 0; width: 100%;height: 100vh; box-sizing: border-box;box-shadow: 0px 0px 10px 0px rgba(0,0,0,.3); background-color: #fff; z-index: 99;overflow: scroll;}
.header .phone-nav-mn li{width: 94%;margin: 0 auto;}
.header .phone-nav-mn li .navs{padding:20px 0;border-bottom: 1px solid #f7f7f7;}
.header .phone-nav-mn li .navs p{font-size: 20px;line-height: 40px;color: #333;}
.header .phone-nav-mn li .jia{display: flex;height: 40px;align-items: center;}
.header .phone-nav-mn li .img{display: block;width:20px;transition: all .5s;}
.header .phone-nav-mn li dd a{font-size: 18px;line-height: 50px;color: #666;display: block;padding-left: 30px;}
.header .phone-nav-mn::-webkit-scrollbar { width: 0 !important }
.header.header-small{height: 80px;}
.header.header-small .nav li{line-height: 80px;}
.header.header-small .lang li{height: 80px;}
.header.header-small .logo .img1{display: none;}
.header.header-small .logo .img2{display: block;}
.nav_layer{position:absolute;top:100%;left:0;width:100%;background:#f4f4f4;display:none;z-index:11;}
.nav_layer .wrap{width: 89%;margin: 0 auto;}
.nav_layer .layer_l{width:42%;padding-bottom: 60px;}
.nav_layer .layer_l_hd{font-size:22px;color:#4e4e4e;margin:60px 0 30px;font-weight:normal;}
.nav_layer .layer_l_bd{margin-bottom:30px; min-height:150px;padding-right:14%;}
.nav_layer .layer_l_bd p{font-size: 16px;line-height: 30px;}
.nav_layer .more_btn{position:relative;display:block;width:136px;height:35px;border:1px solid #085bc8;font-size: 16px!important; line-height:35px;color:#666;text-align:center;overflow:hidden;z-index:2;}
.nav_layer .more_btn:after{content:'';position:absolute;width:100%;height:100%;background:#085bc8;transition:all 0.5s ease;top:0;right:100%;z-index:-1;}
.nav_layer .more_btn:hover:after{right:0;}
.nav_layer .more_btn:hover{color:#fff!important;}
.nav_layer .layer_c{width:26%;}
.nav_layer .layer_c_box{border-right:1px #d2d2d2 solid;border-left:1px #d2d2d2 solid;padding:60px 14% 30px;min-height:300px;font-size:16px;}
.nav_layer .layer_c a{display:block;padding:15px 0px;border-bottom:1px #e9ebed solid;color: #666; transition: all .5s;}
.nav_layer .layer_c a:hover{padding-left: 10px;color: #085bc8;}
.nav_layer .layer_r{width:325px;padding:60px 0;}
.nav_layer .layer_r .bigimg{overflow: hidden;}
.nav_layer .layer_r .bigimg:hover img{transform: scale(1.1);}
/*.nav_layer .layer_r{width: 400px;height: 300px;}
*/.nav_layer .layer_r img{display: block;width: 100%;height: auto; transition: all .5s;}
.i-banner{height:calc(100vh - 110px);overflow: hidden; }
.i-banner .scroll {
position: absolute;
left: 17.5%;
bottom: 25px;
display: block;
z-index: 88;
width: 53px;
height: 140px;
background: url(../image/scroll.png) no-repeat center bottom;
font-size: 22px;
color: rgb(0,0,238);
z-index: 99;
-webkit-animation: gogo 1.5s infinite linear;
animation: gogo 1.5s infinite linear;
}
.i-banner .pban{position: relative;}
.i-banner .bg{width: 100%;min-height: 100%;transition: 1s linear 6s;transform: scale(1.1);}
.i-banner .swiper-slide-active .bg{transition:6s linear;transform:scale(1);/*animation:fd 6s infinite;-webkit-animation:fd 6s infinite;*/}
.i-banner .xx{position: absolute;width: 100%; text-align: center; color: #085bc8;}
/*.i-banner .one .xx{left: 50%;transform: translateX(-50%); top: 42.3255814%;} */
.i-banner .one .xx{
position: absolute;
top: 27%;
width: 100%;
left: 0;
margin: 0 auto;
right: 0;
/* background-image: repeating-linear-gradient(to right,rgba(8,91,200,0.1) 5%,rgba(8,91,200,.8) 50% ,rgba(8,91,200,.1));
*/ padding: 60px 10px;
}
.i-banner .one .xx .sum1{margin-bottom: 17px; font-size: 40px;line-height: 1em;font-weight: bold;}
.i-banner .one .xx .sum2{ font-size: 18px;line-height: 1em;font-weight: lighter;}
.i-banner .one .xx .sum2 span {font-weight: bold; animation: glow-in 0.8s both; -webkit-animation:glow-in 0.8s both;}
.i-banner .one .xx .sum2 span:nth-child(1),.i-banner .one .xx .sum2 span:nth-child(2),
.i-banner .one .xx .sum2 span:nth-child(3),.i-banner .one .xx .sum2 span:nth-child(4){font-weight: normal;}
/*.i-banner .two .xx{position: absolute; top: 14%;}
*/
.i-banner .two .xx{
position: absolute;
top: 27%;
width: 100%;
left: 0;
margin: 0 auto;
right: 0;
/* background-image: repeating-linear-gradient(to right,rgba(8,91,200,0.1) 5%,rgba(8,91,200,.8) 50% ,rgba(8,91,200,.1));
*/ padding: 60px 10px;
}
.i-banner .three .xx{
position: absolute;
top: 27%;
width: 100%;
left: 0;
margin: 0 auto;
right: 0;
/* background: rgba(255,255,255,.8);
*/
/* background-image: radial-gradient(to right,red 5%, yellow 90%, green 5%);*/
/* background-image: repeating-linear-gradient(to right,rgba(8,91,200,0.1) 5%,rgba(8,91,200,.8) 50% ,rgba(8,91,200,.1));
*/
padding: 60px 10px;
}
.i-banner .two .xx .sum1{
margin-bottom: 17px;
font-size: 40px;
line-height: 1em;
font-weight: bold;
text-align: center;
}
.i-banner .one .xx .sum2{ font-size: 18px;line-height: 1em;font-weight: lighter;text-align: center;}
/*.i-banner .three .xx{left: 50%;transform: translateX(-50%); top: 38.372093%;} */
.i-banner .three .xx .sum1{
margin-bottom: 18px;
font-size: 45px;
line-height: 1em;
font-weight: bold;
}
}
.i-banner .three .xx .sum2{font-size: 18px;line-height: .8em;}
.i-banner video{width: 100%;height: 100%; object-fit: fill;}
.i-banner .swiper-pagination-bullet{ display: block;width: 4px;height: 4px;margin: 20px 0!important;background: #fff; opacity: 1;transition: all .5s;}
.i-banner .swiper-pagination{right: 38px;top: 50%;transform: translateY(-50%);left: auto!important;
bottom: auto!important; width: auto!important;}
.i-banner .swiper-pagination-bullet-active{position: relative;}
.i-banner .swiper-pagination-bullet-active:after{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);
width: 20px;height: 20px;border:1px solid #fff;border-radius: 100%;content: "";}
.i-banner .swiper-slide-active .jd{display: block;}
.i-banner .jd{ position: absolute;left: 0;bottom: 0;display: none; width: 100%;height: 1px;background: #fff;z-index: 9;}
.i-banner .jd:before{position: absolute;left: 100%; width: 100%;height: 1px; content: "";background: #085bc8;
animation:jd 6s infinite;-webkit-animation:jd 6s infinite;}
@keyframes glow-in {
from {opacity: 0;}
65% { opacity: 1;text-shadow: 0 0 25px white;}
to {opacity: 1;}
}
@-webkit-keyframes glow-in {
from {opacity: 0;}
65% { opacity: 1;text-shadow: 0 0 25px white;}
to {opacity: 1;}
}
@keyframes fd {
from {transform: scale(1);}
to {transform: scale(1.04);}
}
@-webkit-keyframes fd {
from {transform: scale(1);}
to {transform: scale(1.04);}
}
@keyframes jd{
from {left: -100%;}
to {left: 0;}
}
@-webkit-keyframes jd {
from {left: -100%;}
to {left: 0;}
}
@-webkit-keyframes gogo {
0%{
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
50%{
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-20px,0);
}
100%{
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,-0px,0);
}
}
@keyframes gogo {
0%{
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,0px,0);
}
50%{
-webkit-transform: translate3d(0,-100px,0);
transform: translate3d(0,-20px,0);
}
100%{
-webkit-transform: translate3d(0,0px,0);
transform: translate3d(0,-0px,0);
}
}
/*二级导航*/
/*.localNav_area{height: 60px; box-sizing: border-box;border-bottom: 1px solid #e6e6e6; background: #f7f7f7;}
.localNav_area .localNav{height: 100%;}
.localNav_area .home{width: 60px;height: 100%; border-left:1px solid #e6e6e6;border-right:1px solid #e6e6e6; display: flex;justify-content: center;align-items: center;}
.localNav_area .b{box-sizing: border-box;width: 224px;height: 100%;padding-left: 20px; border-right:1px solid #e6e6e6;font-size: 16px;line-height: 60px;color: #333; }
.localNav_area .localNav_1 {}
.menuLink{position: relative;}
.menuLink .open{position: relative; display: block;width: 100%; color: #333; }
.menuLink .open .img{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);transition: all .5s;}
.menuLink .open .img.xz{transform: translateY(-50%)rotate(180deg);}
.menuLink .menu {display:none; position:absolute; top:100%; left:0px; padding:15px 0px; border:1px solid #ccc; background:#fff; width:100%; z-index:1030;}
.menuLink .menu a {position:relative;display:block; white-space:nowrap; font-size:16px; padding:12px 38px 12px 20px; background:#fff; line-height:1.2;z-index:1030;color: #666;}
.menuLink .menu a:hover{color:#fff; text-decoration:none; background:#00a0e9;}
.menuLink .menu li.on a {color:#fff; text-decoration:none; background:#00a0e9;}
*/
/*首页关于我们*/
.i-about{
width: 100%;
position: relative;
/* padding-top: 80px; */
margin-bottom: 80px;
}
.i-about img.bg{display: block;position: absolute;right: 0;top: 0;z-index: 0;}
.i-about_wrap{padding: 60px 100px;}
.i-about_wrap .i-about_left{width: 40%;}
.i-about-wrap{background-color: #fff;}
.i-about_wrap .i-about_right{width: 56%;}
.i-about_wrap .i-about_left span {
font-size: 38px;
color: #292828;
border-left: 5px solid #085bc8;
padding-left: 10px;
display: block;
line-height: 1em;
font-weight: bold;
}
.i-about_wrap .i-about_left p {
color: #666666;
margin: 35px 0px 25px;
font-size: 16px;
line-height: 30px;
}
.i-about_right li {
margin-left: 3.8378%;
margin-bottom: 30px;
padding: 15px 3.4% 0px;
float: left;
width: 46.16%;
height: 110px;
border: 1px solid #d5dee5;
box-sizing: border-box;
box-shadow: 0px 0px 23px -7px rgba(0,0,0,0.2);
transition: all 0.6s;
-webkit-transition:all 0.6s;
position: relative;
z-index: 2;
}
.i-about_right li:hover {
transform: translateY(-10px);
/* background-image: -moz-linear-gradient( 120deg, rgba(0,145,255,0.941) 0%, rgba(0,127,223,0.941) 100%);
background-image: -webkit-linear-gradient( 120deg, rgba(0,145,255,0.941) 0%, rgba(0,127,223,0.941) 100%);
background-image: -ms-linear-gradient( 120deg, rgba(0,145,255,0.941) 0%, rgba(0,127,223,0.941) 100%);*/
background-color: #085bc8;
}
.i-about_right li:hover b {color: #fff;}
.i-about_right li i {
display: block;
float: left;
width: 70px;
height: 113px;
background-repeat: no-repeat;
background-position: 0px 10px;
}
.i-about_right li b {
font-size: 24px;
display: block;
line-height: 1em;
margin-bottom: 10px;
color: #333;
}
.i-about_right li:first-child:hover i {
background-image: url(../image/i_w_icon1_h.png);
}
.i-about_right li:first-child i {
background-image: url(../image/i_w_icon1.png);
}
.i-about_right li:nth-child(2):hover i {
background-image: url(../image/i_w_icon2_h.png);
}
.i-about_right li:nth-child(2) i {
background-image: url(../image/i_w_icon2.png);
}
.i-about_right li:nth-child(3):hover i {
background-image: url(../image/i_w_icon3_h.png);
}
.i-about_right li:nth-child(3) i {
background-image: url(../image/i_w_icon3.png);
}
.i-about_right li:nth-child(4):hover i {
background-image: url(../image/i_w_icon4_h.png);
}
.i-about_right li:nth-child(4) i {
background-image: url(../image/i_w_icon4.png);
}
a.more_btns:hover {
color: #fff!important;
}
a.more_btns {
position: relative;
display: block;
width: 136px;
height: 35px;
border: 1px solid #085bc8;
font-size: 16px!important;
line-height: 35px;
color: #666;
text-align: center;
overflow: hidden;
z-index: 2;
}
a.pro_btn {
position: relative;
display: block;
width: 136px;
height: 35px;
border: 1px solid #085bc8;
font-size: 16px!important;
line-height: 35px;
color: #fff;
text-align: center;
overflow: hidden;
z-index: 2;
margin: 50px auto;
}
a.more_btns:after{content:'';position:absolute;width:100%;height:100%;background:#085bc8;transition:all 0.5s ease;top:0;right:100%;z-index:-1;}
a.more_btns:hover:after{right:0;}
/**首页产品推荐*/
*
{
/*line-height: 1;*/
box-sizing: border-box;
margin: 0;
padding: 0;
}
.fl
{
float: left;
}
.fr
{
float: right;
}
/*.l,
.r
{
width: 50%;
}
*/
.i-pro{margin: 80px auto;background-color: #fff;}
/* b1 */
.ma_b1s1 {
background-color: #fff;
}
.ma_b1s1_title {
text-align: center;
margin-bottom: 100px;
}
.ma_b1s1m_r {
position: relative;
z-index: 1;
width: calc(100% - 475px);
height: 666px;
}
.mc_b2s1_imgbox {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.mc_b2s1_imgbox::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
}
.mc_b2s1_imgbox .mc_b2s1_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .5s;
overflow: hidden;
}
.mc_b2s1_list {
width: 100%;
height: 100%;
}
.mc_b2s1_img.act {
opacity: 1;
}
.mc_b2s1_li {
float: left;
width: 20%;
height: 100%;
position: relative;
}
.mc_b2s1li_title {
font-size: 18px;
line-height: 1.2;
color: #fff;
/* font-weight: lighter; */
margin-top: 60px;
text-align: center;
transition: all .36s;
}
.mc_b2s1_lisbox {
display: block;
width: 100%;
height: 100%;
}
.mc_b2s1li_cont {
width: 100%;
padding: 0 15px;
}
.mc_b2s1_li:not(:last-child) {
border-right: 1px solid rgba(255, 255, 255, .3);
}
.deco {
display: block;
width: 6rem;
height: 6rem;
opacity: 1;
transition: .1s;
transform: translateZ(0);
margin: 0 auto;
}
.deco:before {
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.75);
transition: .4s;
border: 1px solid hsla(0, 0%, 100%, .3);
border-radius: 100%;
height: 4rem;
width: 4rem;
}
.deco i,
.deco em {
background: hsla(0, 0%, 100%, .8);
border: 1px solid #fff;
border-radius: 100%;
height: 2.2rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.5);
transition: .4s;
width: 2.2rem;
}
.deco:after {
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.75);
transition: .4s;
border: 1px solid hsla(0, 0%, 100%, .1);
border-radius: 100%;
height: 6rem;
width: 6rem;
}
.mc_b2s1_li:hover .deco:before {
animation: scalepulse 1.3s linear .3s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
.mc_b2s1_li:hover .deco i,
.mc_b2s1_li:hover .deco em {
background: #fff;
animation: scalepulse 1.3s linear 0s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
.mc_b2s1_li:hover .deco:after {
animation: scalepulse 1.3s linear .15s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
.mc_b2s1_li:hover .mc_b2s1li_title {
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
@keyframes scalepulse {
20% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
transform: translate3d(-50%, -50%, 0) scale(1.15);
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
50% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
}
.ma_b1s1m_l {
width: 475px;
padding: 0 !important;
height: 666px;
}
.ma_b1s1_main {
box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}
.ma_b1s1ml_list {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
}
.ma_b1s1ml_li {
width: 100%;
padding: 30px 75px;
max-height: 100%;
}
.ma_b1s12_title {
text-align: left;
margin-bottom: 20px;
}
.ma_b1s1m_l p {
font-size: 18px;
color: #333;
line-height: 1.75;
padding-bottom: 30px;
/* font-weight: lighter; */
}
.ma_b1s2 {
padding: 100px 0 0;
}
.ma_b1s2_title {
margin-bottom: 126px;
}
.ma_b1s2_main {
position: relative;
}
.ma_b1s1_list {
margin-bottom: 240px;
}
.ma_b1s1_list:last-child {
margin-bottom: 0;
}
.ma_b1s1_list:nth-child(odd) .ma_b1s2m_img {
position: absolute;
width: 100%;
max-width: 720px;
right: 0;
bottom: -110px;
z-index: 0;
animation: fadeLeft 2s ease;
}
.ma_b1s1_list:nth-child(even) .ma_b1s2m_img {
position: absolute;
width: 100%;
max-width: 700px;
left: 0;
bottom: -110px;
z-index: 0;
animation: fadeRight 2s ease;
}
.ma_b1s2m_r1 {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 1;
transition: all 1s;
}
.ma_b1s2m_r2 {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
transition: all 1s;
opacity: 0;
transform: translateX(100px);
transform: none !important;
}
.ma_b1s1_list:nth-child(even) .ma_b1s2m_r2 {
transform: translateX(-100px);
}
.ma_b1s1_list:nth-child(odd) .ma_b1s2m_font {
float: left;
width: calc(100% - 426px);
/* height: 485px; */
background: #f7f8fa;
padding: 90px 275px 90px 84px;
}
.ma_b1s1_list:nth-child(even) .ma_b1s2m_font {
float: right;
width: calc(100% - 426px);
/* height: 485px; */
background: #f7f8fa;
padding: 90px 84px 90px 275px;
}
.ma_b1s2m_font p {
font-size: 24px;
color: #333;
line-height: 1.75;
/* max-height: 168px; */
/* overflow: hidden; */
/* font-weight: lighter; */
position: relative;
z-index: 10;
margin-bottom: 44px;
}
.ma_b1s2_main a {
display: block;
}
.ma_b1s2 .mc_a1s1_more {
z-index: 10;
}
.ma_b1s1ml_li:not(:first-child) {
display: none;
}
.mc_pos_center {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*****
首页解决方案
*****/
.appli-list-wrap{padding: 0 0 76px;background-color: #fff;}
.appli-list-main {padding: 0 100px;margin-top: 60px;}
.appli-list-title{margin-bottom: 70px;}
.appli-read-wrap{padding-top: 58px;padding-bottom: 100px;}
.appli-read-top{margin-bottom: 90px;}
.appli-read-title{font-size: 30px;}
.appli-read-sum p{line-height: 2em;color: #7f7f7f;}
.appli-read-section{display: flex;justify-content: space-between;margin-bottom: 102px;}
.appli-read-section:nth-child(2n+1){}
.appli-read-section:nth-child(2n){flex-direction: row-reverse;}
.appli-section-img{width: 50%;}
.appli-section-text{width: 46%;}
.appli-section-title{margin-bottom: 1.3em;font-size: 30px;font-weight: bold;color: #1453ae;}
.appli-section-sum p{margin-bottom: 1.75em;line-height: 1.75em;}
.appli-read-bottom .appli-read-bottom-title{margin-bottom: 22px;padding-bottom: 18px;font-size: 32px;font-weight: bold;border-bottom: 1px solid #ebebeb;}
.appli-product-container{padding-bottom: 100px;}
.appli-list{display: flex;margin-bottom: 26px;}
.appli-list:last-child{margin-bottom: 0;}
.appli-list>li{width: 20%;-webkit-box-flex: 1;-ms-flex-positive: 1;flex-grow: 1;padding: 0 12px;transition: .65s;box-sizing: border-box;}
.appli-list .appli-card{display: block;position: relative;height: 424px;padding: 25px;background-size: cover; background-position: center center;overflow: hidden;color: #fff;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none ;user-select: none;-webkit-user-drag: none;box-sizing: border-box;}
.appli-card-text{position: absolute;top: 0;right: 25px;left: 25px;height: 164px;margin-top: 320px;-webkit-transition: .65s;transition: .65s;}
.appli-card-text .icon{display:block;width: 80px;height: 42px;margin-bottom: 16px;background-position: left 100%;background-size: auto 100%;background-repeat: no-repeat;}
.appli-card-text .appli-card-tit{margin-bottom: 22px;font-size: 24px;font-weight: bold;}
.appli-card-text p{width: 488px;height: 3.12em;line-height: 1.56em;opacity: 0;}
.appli-list li:hover .appli-card-text{margin-top: 236px;}
.appli-list li:hover p{opacity: 1;-webkit-transition: .65s .1s;transition: .65s .1s;}
.card-cover{position: absolute;top: 0;right: 0;bottom: 0;left: 0; background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.5)));background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.5)); -webkit-transition: .65s;transition: .65s;}
.card:hover .card-cover{background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(rgba(0,0,0,.5)));background-image: linear-gradient(180deg,rgba(0,0,0,.5) 0,rgba(0,0,0,.5));}
@media screen and (min-width: 1151px){
.appli-list>li:hover {
width: 40% !important;
}
}
/****
首页新闻
****/
.mc_a1s1_wrap {
background: #fff;
}
.mc_a1s1 {
padding: 100px 0;
background: #f7f8fa;
}
.mc_a1s1_wrap {
background: #fff;
}
.mc_a1_hd {
padding: 60px 100px;
border-bottom: 1px solid #e5e5e5;
}
.mc_a1_more .mc_h1_morebtn {
font-size: 14px;
}
.mc_h1_morebtn {
font-size: 14px;
}
.mc_a1_bd {
padding: 0 100px;
}
.mc_a1s1_li {
float: left;
width: 33.333333%;
}
.mc_a1s1_a {
display: block;
padding: 55px 40px 65px;
}
.mc_a1s1_li:not(:last-child) {
border-right: 1px solid #e5e5e5;
}
.mc_a1s1_date {
font-size: 16px;
color: #085bc8;
line-height: 20px;
margin-bottom: 25px;
}
.mc_a1s1_date i,
.mc_a1s1_date em {
font-size: 18px;
line-height: 20px;
}
.mc_a1s1_txt {
font-size: 24px;
line-height: 34px;
color: #000000;
height: 68px;
overflow: hidden;
margin-bottom: 60px;
}
.mc_a1s1_morebtn {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
padding: 0 40px;
line-height: 54px;
font-size: 14px;
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
color: #fff;
}
.mc_a1s1_morebtn::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 30px;
background: #085bc8;
transition: all .36s;
/*transform: scale(1) !important;*/
}
.mc_a1s1_morebtn::after {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
border-radius: 30px;
border: 1px solid #085bc8;
opacity: 0;
transform: scale(1);
transition: all .36s;
}
.mc_a1s1_imgbox {
margin-top: 55px;
overflow: visible;
}
.mc_a1s1_imgbox::before {
content: "";
position: absolute;
left: 0;
bottom: -30px;
z-index: 1;
width: 100%;
height: 1px;
background: #e5e5e5;
}
.mc_a1s1_imgbox::after {
content: "";
position: absolute;
left: 0;
bottom: -30px;
z-index: 2;
width: 0;
height: 1px;
background: #085bc8;
transition: all .5s;
}
.mc_list_imgbox {
position: relative;
}
.mc_list_imgbox img {
object-fit: cover;
}
.mc_list_img {
width: 100%;
height: 100%;
position: absolute;
z-index: 2;
top: 0;
left: 0;
}
.mc_a1s1_imgbox::before {
content: "";
position: absolute;
left: 0px;
bottom: -30px;
z-index: 1;
width: 100%;
height: 1px;
background: rgb(229, 229, 229);
}
.mc_h1_morebtn span {
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
}
.mc_h1_morebtn {
font-size: 16px;
line-height: 40px;
color: #666666;
}
.icon-nextstep:before {
content: "→";
display: inline-block;
/* font-family: "Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
*/ vertical-align: middle;
transform: translateX(5px);
transition: transform 0.25s ease 0s;
font-weight: 300;
}
.mc_title40 {
font-size: 40px;
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
color: #1d1d1f;
}
/***首页map**/
.i-map{width: 100%;position: relative;padding-top: 80px;}
.i-maps_wrap{padding: 0 0 76px;background-color: #fff;}
.contact-market-main{}
.contact-map{position: relative; padding: 80px 100px;}
.contact-map .map-bg{position: relative;}
.contact-map .map-bg img{display: block;width: 100%;height: auto;}
.contact-map .map-bg .m-map-img{display: none;}
.contact-map .map-line{position: absolute;top: 8.47%;left: 0;}
.contact-map .contact-map-logo{position: absolute;top: 33.9%;left: 80.58%;}
.contact-map-point{}
.contact-map-point>div{position: absolute;}
.contact-map-point .point-tit{display: flex;align-items: center;cursor: pointer;}
.contact-map-point .point-tit i{position: relative;display: inline-block;width: 18px;height: 18px;margin-right: 5px;background: #1453ae;border-radius: 50%;box-sizing: border-box;}
.contact-map-point .point-5 .point-tit i{background: #ff0000;}
.contact-map-point .point-tit i::after{position: absolute;top: 50%;left: 50%;display: block;content: "";transform: translate(-50%,-50%);width: 8px;height: 8px;background: #fff;border-radius: 50%;}
.contact-map-point .point-tit i::before{position: absolute;top: 0;left: 0;display: block;content: "";width: 100%;height: 100%;border-radius: 50%;background: #1453ae;
-webkit-animation: warn 3s ease-out;
-moz-animation: warn 3s ease-out;
animation: warn 3s ease-out;
-webkit-animation-iteration-count: infinite;
-moz-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
.contact-map-point .point-5 .point-tit i::before{background: #ff0000 !important;}
@keyframes warn {
0% {
transform: scale(1);
-webkit-transform: scale(1);
opacity: 0.0;
}
25% {
transform: scale(1.3);
-webkit-transform: scale(1.3);
opacity: 0.2;
}
50% {
transform: scale(1.6);
-webkit-transform: scale(1.6);
opacity: 0.4;
}
75% {
transform: scale(1.9);
-webkit-transform: scale(1.9);
opacity: 0.6;
}
100% {
transform: scale(2.2);
-webkit-transform: sale(2.2);
opacity: 0.0;
}
}
.contact-map-point .point-tit span{display: inline-block;padding: 0 8px;font-size: 18px;line-height: 24px;color: #fff;text-align: center;border-radius: 12px;background: #1453ae;}
.contact-map-point .point-5 .point-tit span{background: #ff0000;}
.contact-map-point .point-hide{display: none;position: absolute;top: 24px;left: 0;padding-top: 10px;padding-left: 24px;z-index: 9;}
.contact-map-point .point-hide dl{/*min-width: 286px;*/padding: 17px 26px;background: #fff;box-sizing: border-box;box-shadow: 0 0 10px rgba(0,0,0,.1);}
.contact-map-point .point-hide dt{position: relative;margin-bottom: .5em;font-size: 20px;}
.contact-map-point .point-hide dt::before{position: absolute;top: 3px;left: -10px;display: block;content: "";width: 2px;height: 18px;background: #1453ae;}
.contact-map-point .point-hide dd{color: #7f7f7f;line-height: 26px;}
.contact-map-point .point-1{
top: 31.6%;
left: 58.33%;
}
.contact-map-point .point-2{
top: 56.37%;
left: 69.17%;
}
.contact-map-point .point-3{
top: 53.66%;
left: 65.67%;
}
.contact-map-point .point-4{
top: 50.56%;
left: 68.08%;}
.contact-map-point .point-5{
top: 39.84%;
left: 83.17%;
}
.contact-map-point .point-6{top: 45.42%;left: 81.5%;}
.contact-map-point .point-7{
top: 33.32%;
left: 83.5%;
}
.contact-map-point .point-8{
top: 25.25%;
left: 24.33%;
}
.contact-map-point .point-9{
top: 32.25%;
left: 22.33%;
}
.contact-map-point .point-10{
top: 39.25%;
left: 22.33%;
}
.contact-map-point>div:hover .point-hide{display: block;}
/*关于我们页面*/
.c-banner img{display:block;max-width: 100%;width: 100%;}
.c-banner-wrap a{display: block;width: 100%;}
.c-banner-wrap .ab_banner_pc{position: relative;}
.c-banner-wrap .ab_banner_pc b{display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.15);position: absolute;left: 0;top: 0;z-index: 2;}
.c-banner-wrap .ab_banner_pc .banner_txt{position: absolute;top: 30%;left: 10%;z-index: 3;}
.c-banner-wrap .ab_banner_pc .banner_txt p.sum1{font-size: 45px;color: #fff;padding-bottom: 20px;font-weight: bold;}
.c-banner-wrap .ab_banner_pc .banner_txt .sum2 p{font-size: 16px;color: #eee;letter-spacing: 2px;font-weight: 300;}
.c-banner-wrap .ab_banner_m{position: relative;}
.c-banner-wrap .ab_banner_m b{display: block;width: 100%;height: 100%;background-color: rgba(0,0,0,.55);position: absolute;left: 0;top: 0;z-index: 2;}
.c-banner-wrap .ab_banner_m .banner_txt{position: absolute;top: 30%;left: 0;z-index: 3;width: 100%;}
.c-banner-wrap .ab_banner_m .banner_txt p.sum1{font-size: 22px;color: #fff;padding-bottom:10px;font-weight: bold;text-align: center;}
.c-banner-wrap .ab_banner_m .banner_txt .sum2 p{font-size: 12px;color: #eee;letter-spacing: 1px;font-weight: 300;text-align: center;}
/*集团公司页面*/
@font-face {
/* font-properties */
font-family: shuzi;
src:url('../font/Helvetica-Roman-SemiB.ttf'),
url('/static/pictos-web.ttf'),
url('/static/pictos-web.eot'); /* IE9 */
}
.jituan{background-color: #f7f8fa;}
.pms {
width: 1200px;
margin: 0 auto;
}
.pms .pms00 {
width: 100%;
height: 300px;
background-color: #fff;
margin-bottom: 50px;
position: relative;
top: 50px;
transition: all .5s;
-webkit-transition: all .5s;
}
.pms .pms00:hover{
box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}
.pms .pms00:nth-child(2n+1) .pms00_pic {
float: right;
}
.pms .pms00 .pms00_pic {
width: 500px;
height: 300px;
overflow: hidden;
}
.pms .pms00:nth-child(2n+1) .pms00_con {
float: left;
}
.pms .pms00 .pms00_con {
width: 700px;
padding: 70px;
height: 100%;
background: #fff;
}
/*.pms .pms00:nth-child(2n+1) .pms00_con h3 {
color: #149c87;
}*/
.pms .pms00 .pms00_con h3 {
font-size: 18px;
font-weight: bold;
line-height: 30px;
}
.pms .pms00 .pms00_con p {
font-size: 14px;
/* margin-bottom: 180px; */
line-height: 30px;
}
.pms .pms00 .pms00_con p a{display: block;text-decoration: underline;color: #085bc8;}
.pms .pms00 .pms00_con i {
font-size: 12px;
}
.pms .pms00:nth-child(2n+1) .pms00_con span {
left: -3px;
}
.pms .pms00 .pms00_con span {
font-size: 150px;
font-family: shuzi;
color: rgba(0,0,0,0.03);
position: absolute;
bottom: 79px;
transition: all .5s;
-webkit-transition: all .5s;
}
.pms .pms00 .pms00_con i {
font-size: 12px;
font-style: normal;
}
.pms .pms00:nth-child(2n) .pms00_con {
float: right;
/* background-color: #149c87;
color: #fff;
*/}
.pms .pms00:nth-child(2n) .pms00_pic {
float: left;
}
.pms .pms00:nth-child(2n) .pms00_con span {
right: 0px;
/* color: rgba(255,255,255,0.1);*/
transition: all .5s;
}
.pms .pms00:nth-child(2n):hover .pms00_con span {
/* color: rgba(255,255,255,0.3);*/
}
.pms .pms00 .pms00_con:hover span {
color: rgba(0,0,0,0.1);
}
.pms .pms00 .pms00_pic img {
display: block;
width: 100%;
height: 100%;
-webkit-transition: all .5s;
}
.pms .pms00:hover .pms00_pic img {
transform: scale(1.07);
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
}
.page_title p{line-height: 24px;text-align: center;margin-top: 20px;font-size: 14px;color: #666;}
.fgs_wrap{width: 1200px;margin: 0 auto;}
.wdcx-list {
margin-right: -30px;
padding-bottom: 36px;
}
.wdcx-list .item {
float: left;
background: #fff url(../image/map_bg.png) right bottom no-repeat;
width: 378px;
/* height: 300px;*/
margin-right: 30px;
margin-bottom: 32px;
cursor: pointer;
-webkit-transition: all .5s;
}
.wdcx-list .item .fgs_img{width: 100%;height: 151px;overflow: hidden;}
.wdcx-list .item .fgs_img img{width: 100%;height: 100%; -webkit-transition: all .5s;}
.wdcx-list .item div.t1 {
font-size: 16px;
font-weight: bold;
line-height: 20px;
color: #333;
padding: 20px 0;
}
.wdcx-list .item div {
line-height: 24px;
/* height: 48px; */
overflow: hidden;
font-size: 12px;
color: #666;
line-height: 24px;
/* margin-top: 15px; */
}
.fgs_txt{
padding: 0 25px 40px;
}
div.fgs_txt{height:241px;}
.wdcx-list .item div a{ display: block;
text-decoration: underline;
color: #085bc8;}
.wdcx-list .item:hover {
background-image: url(../image/map_bg_h.png);
box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}
.wdcx-list .item:hover .fgs_img img{
transform: scale(1.07);
-webkit-transform: scale(1.07);
-ms-transform: scale(1.07);
}
/**集团特长**/
.jituantec{background-color: #fff;}
.mc_nd1_list .mc_nd1_li {
padding: 120px 0;
}
.ma_b1s2 .mc_nd1_imgwrap {
padding: 0 5%;
}
.mc_nd1_imgwrap {
width: 50%;
padding: 0 2.46%;
}
.mc_nd1_li .mc_nd1_imgbox.animated {
transform: translateY(0);
}
.mc_nd1_li:nth-child(odd) .mc_nd1_imgbox {
/* transform: translateY(50px);*/
transition: all 1s .3s;
}
.mc_list_imgbox {
position: relative;
}
.mc_list_imgbox {
position: relative;
overflow: hidden;
}
.mc_list_png {
width: 100%;
position: relative;
z-index: 1;
top: 0;
left: 0;
}
.ma_b1s2 .mc_nd1_txtbox {
padding-top: 4%;
}
.mc_nd1_txtbox {
width: 50%;
padding-top: 1%;
}
.mc_anmt_up.animated {
opacity: 1;
transform: translateY(0px);
}
.mc_anmt_up {
opacity: 0;
transform: translateY(20px);
transition: all .6s ease-in-out .1s;
}
.mc_nd1_title {
margin-bottom: 48px;
}
.mc_title40 {
font-size: 40px;
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
color: #1d1d1f;
}
.mc_anmt_up.animated {
opacity: 1;
transform: translateY(0px);
}
.mc_nc1s2_txt, .mc_nd1_txt {
transition-delay: .4s;
}
.mc_anmt_up {
opacity: 0;
transform: translateY(20px);
transition: all .6s ease-in-out .1s;
}
.mc_nd1_txt {
margin-bottom: 36px;
}
.mc_txt1830 p {
font-size: 16px;
line-height: 24px;
color: #666666;
word-wrap: break-word;
word-break: normal;
margin-top: 15px;
}
.mc_nd1_li:nth-child(even) {
background: #f8f8f8;
}
.mc_nd1_li:nth-child(even) .mc_nd1_imgwrap {
float: right;
}
.mc_txt1830 p.p_agu{
font-size: 12px;
line-height: 20px;
color: #888;
}
/*二级页面子导航*/
.c_nav{width: 100%;}
.c_nav ul{display: flex;display: -webkit-flex;}
.c_nav ul li{flex-wrap:nowrap;flex:1;}
.c_nav ul li a{display: block;border-right: 1px solid #d8d8d8;text-align: center;padding: 30px 0;font-size: 16px;background: #f0f0f0;border-bottom: 1px solid #d8d8d8;color: #222;transition: all .5s ease-out;position: relative;}
.c_nav ul li a:after{content: "";display: block;position: absolute;bottom: 0;left: 0;width: 0;height: 1px;background-color: #085bc8;transition: all .5s ease-out;}
.c_nav ul li.on a{background:#085bc8;color: #fff;}
.c_about{padding: 90px 0;}
.about-warp1 .num-scroll {
padding-bottom: 90px;
border-bottom: 1px dashed #e3e3e3;
margin-bottom: 70px;
}
.about-warp1 .num-scroll li {
width: 33%;
float: left;
border-right: 1px solid #eeeeee;
height: 70px;
text-align: center;
}
.about-warp1 .num-scroll li span {
display: block;
color: #adadad;
}
.about-warp1 .num-scroll li a {
color: #085bc8;
font-size: 80px;
line-height: 75px;
font-family: "shuzi";
}
.about-warp1 .num-scroll li span {
display: block;
color: #adadad;
}
.at-c-t h3 {
font-size: 40px;
color: #222;
text-align: center;
}
.at-c-t h4 {
color: rgba(41,41,41,0.4);
font-size: 18px;
text-align: center;
}
.abou-info .asl {
color: #085bc8;
font-size: 30px;
text-align: center;
padding: 20px 0;
}
.abou-info div p {
margin-bottom: 12px;
color: #888;
line-height: 30px;
}
.abou-info .info{padding: 50px 100px;box-sizing: border-box;}
.about-warp6 {
padding: 100px 0;
background: url(../image/about6-bg.jpg) no-repeat center;
background-size: cover;
background-attachment: fixed;
background-size: cover;
height: 800px;
}
.about-warp6 .at-c-t h3 {
color: #fff;
}
.about-warp6 .at-c-t h4 {
color: rgba(255,255,255,0.4);
}
/*.about-warp6 .wenhua-list {
width: 1024px;
margin: 85px auto;
position: relative;
height: 154px;
}*/
.about-warp6 .wenhua-list {
/* margin: 85px auto;*/
position: relative;
height: 154px;
display: flex;
flex-wrap: wrap;
}
.about-warp6 .about-warp6_con{padding: 0 100px;box-sizing: border-box;}
.about-warp6 .wenhua-list li {
width: 33.333%;
margin-top: 100px;
}
/*.about-warp6 .wenhua-list li:nth-child(1) {
left: 0px;
}
.about-warp6 .wenhua-list li:nth-child(2) {
left: 50%;
margin-left: -92.5px;
}
.about-warp6 .wenhua-list li:nth-child(3) {
right: 0px;
}
*/
.about-warp6 .wenhua-list li .title {
position: relative;
height: 72px;
line-height: 72px;
font-size: 26px;
margin-bottom: 40px;
}
.about-warp6 .wenhua-list li p {
width: 88%;
color: #fff;
margin: 0 auto;
font-size: 14px;
line-height: 20px;
}
.about-warp6 .wenhua-list li .title:before {
position: absolute;
width: 100%;
height: 6px;
background-color: #fff;
display: block;
content: '';
top: -12px;
transition: all .5s;
}
/**联系我们页面**/
.contact_banner {width: 100%;height: calc(100vh - 110px);}
.contact_banner .map-wrap{width: 100%;height: 100%;}
.mbanner-wrap{ left:50% !important; margin-left:-550px; top:212px !important;position: absolute;background-color: #fff;padding:40px 80px;border-radius: 3px;}
.contact-box{ margin-top:0px !important;}
.dwy_contact_class{ background:url(../image/contact_icon.png) no-repeat;; width:102px; height:50px;}
.contact-box .t1{font-size: 26px;color: #333;font-weight: bold;margin-bottom: 30px;}
.contact-box .t3{font-size: 16px;line-height: 26px;}
.contact-box .t4{padding-top: 20px;}
.con-wrap4{padding: 110px 0 238px; background: url(../image/c101.jpg) no-repeat center;}
.con-wrap4 .titn{margin-bottom: 52px; text-align: center;font-weight: bold; font-size: 36px;line-height: 1em;color: #333;}
.con-wrap4 .from{width: 1302px;height: 387px; margin: 0 auto;text-align: center;}
.con-wrap4 .from .l{width: 600px;}
.con-wrap4 .from .r{width: 600px;}
.con-wrap4 .from input{display: block;font-size: 16px;line-height: 56px; color: #999; outline: none; background: none;}
input::-webkit-input-placeholder {color: #999;}
.con-wrap4 .from .infoInput{width:100%;border-bottom: 1px solid #b7b6b6;
border-left: none;border-right: none;border-top: none;margin-bottom: 38px;}
.con-wrap4 .from textarea{display: block; height: 151px;font-size: 16px;color: #999;line-height: 56px;outline: none;
overflow: auto;resize: none; background: none;}
.con-wrap4 .from .button{position: relative;box-sizing: border-box;border: 2px solid #999;width: 300px;height: 60px;
display: flex; justify-content: center;align-items: center;font-size: 18px;color: #333; cursor: pointer;transition: all .5s;}
/*.con-wrap4 .from .tj:before{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 0; height: 0;content:"";background: #085bc8;transition: all .5s;
transition-delay: 1.7s;-webkit-transition-delay: 1.7s;}*/
.con-wrap4 .from .tj{position: relative; overflow: unset;display: inline-block;}
/*.con-wrap4 .from .tj .line{position: absolute;width: 0;height: 0; background: #085bc8;z-index: 2;transition: all .5s;}
.con-wrap4 .from .tj .line1{right: 0;bottom: 0;}
.con-wrap4 .from .tj .line2{left: 0;bottom: 0;transition-delay: .4s;-webkit-transition-delay: .4s;}
.con-wrap4 .from .tj .line3{left: 0;top: 0;transition-delay: .8s;-webkit-transition-delay: .8s;}
.con-wrap4 .from .tj .line4{right: 0;top: 0;transition-delay: 1.2s;-webkit-transition-delay: 1.2s;}
.con-wrap4 .from .tj:hover{overflow: hidden;}
.con-wrap4 .from .tj:hover .line1{width: 100%;height: 2px;}
.con-wrap4 .from .tj:hover .line2{width: 2px;height: 100%;}
.con-wrap4 .from .tj:hover .line3{width: 100%;height: 2px;}
.con-wrap4 .from .tj:hover .line4{width: 2px;height: 100%;}
.con-wrap4 .from .tj:hover:before{width: 100%;height: 100%;}*/
.con-wrap4 .from .tj:hover .button{color: #fff;background: #085bc8;border: none;}
.con-wrap4 .from .bd-m{margin-bottom: 40px;}
@media screen and (max-width: 1440px){
.con-wrap4 .from{width: 85%;}
}
/****新闻列表页***/
.page_title {padding: 0 0 60px;}
.page_title h3{font-size: 40px;color: #222;text-align: center;font-weight: bold;}
.news_lists{
padding: 70px 0 100px;
}
.mc_e1_li {
float: left;
width: 33.333333%;
padding: 0 20px;
margin-bottom: 75px;
}
.mc_e1_list {
margin: 0 -20px;
padding-bottom: 10px;
}
.mc_e1_lisbox {
position: relative;
display: block;
transition: all .36s;
background: #fff;
}
.mc_e1_lisbox::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 1px;
background: #e2e0e0;
}
.mc_e1_lisbox::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 0;
height: 1px;
background: #085bc8;
transition: all .36s;
}
.mc_e1_txtbox {
padding: 18px 28px 38px;
}
.mc_e1_txt {
font-size: 18px;
line-height: 30px;
height: 60px;
overflow: hidden;
color: #000000;
margin-bottom: 44px;
}
.mc_e1_date {
font-size: 16px;
color: #999999;
/* font-family: "montserrat", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
}
.mc_e1_lisbox::before {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 100%;
height: 1px;
background: #e2e0e0;
}
.mc_e1_lisbox::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
width: 0;
height: 1px;
background: #085bc8;
transition: all .36s;
}
/*新闻列表分页*/
/*.pc_fenye img {
width: 9px;
}
.pc_fenye {
position: relative;
left: 50%;
transform: translateX(-50%);
display: inline-block;
text-align: center;
}
.pc_fenye li.activepage {
color: #085bc8;
background: url(img/fy_border.png) center / cover no-repeat;
}
.pc_fenye li {
float: left;
width: 40px;
height: 40px;
font-family: Arial, Helvetica, sans-serif;
font-size: 14px;
line-height: 40px;
color: #333333;
text-align: center;
margin: 0px 5px;
transition: .3s;
}
.mc_pcfy a {
float: left;
}
*/
.mc_pcfy{text-align: center;}
.mc_pcfy .pages{display: inline-block;}
.mc_pcfy .pages .now{display: inline-block;width: 27px;height: 27px;margin: 0 5px;font-size: 14px;color: #085bc8;border: 1px solid #085bc8;text-align: center;line-height: 24px;border-radius: 50%;}
.mc_pcfy .pages a{display:inline-block;width: 27px;height: 27px;margin: 0 5px;font-size: 14px;color: #333; transition: all .5s;border-radius: 50%;line-height: 24px;}
.mc_pcfy .pages a:hover{color: #085bc8;border: 1px solid #085bc8;}
/**新闻详情页**/
.mc_e3s1_top {
padding: 90px 0 52px;
background: #f7f8fa;
}
.mc_e3s1t_cont {
position: relative;
}
.mc_cont950 {
width: 1100px;
margin: 0 auto;
}
.mc_e3s1_title {
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
font-size: 36px;
line-height: 2;
font-weight: bold;
color: #333333;
margin-bottom: 48px;
}
.mc_e3s1_date {
/* font-family: "verdana", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif; */
font-size: 18px;
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "寰蒋闆呴粦", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
color: #666666;
}
.mc_e3s1_top {
padding: 90px 0 52px;
background: #f7f8fa;
}
.mc_e3s1_backbtn {
font-size: 14px;
color: #666666;
}
.mc_e3s1_bot {
padding: 60px 0 100px;background-color: #fff;
}
.mc_e3s1b_txtbox {
padding: 0 85px 85px;
}
.mc_e3s1b_txtbox img{max-width: 100%;}
/* .mc_e3s1b_txtbox p {
font-size: 18px;
line-height: 1.65;
color: #666666;
margin-bottom: 0;
} */
.mc_e3s1b_box {
text-align: center;
}
.mc_e3s1b_back {
display: inline-block;
vertical-align: middle;
margin-right: 12px;
}
.mc_e3s1b_sharebox {
display: inline-block;
vertical-align: middle;
}
.mc_e3s1b_backbtn {
font-size: 14px;
line-height: 30px;
color: #fff;
padding: 0 24px;
border-radius: 15px;
background: #085bc8;
display: block;
transition: all .5s;
}
.mc_e3s1b_sharebox .mc_sharebox {
width: 30px;
height: 30px;
line-height: 30px;
color: #fff;
font-size: 16px;
background: #cecece;
border-radius: 50%;
margin: 0 3px;
transition: all .36s;
}
.mc_e3s1_arrowbox {
padding: 35px 0;
background: #f7f8fa;
border-top: 1px solid #e5e5e5;
}
.mc_e3arr_dt,
.mc_e3arr_dd {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.mc_e3s1_arrow {
max-width: calc(50% - 30px);
}
.mc_e3s1_arrow a {
display: block;
font-size: 14px;
line-height: 24px;
color: #999999;
}
.mc_e3arr_cont {
padding: 0 85px;
}
.mc_e3arr_dt {
width: 58px;
}
.mc_e3arr_dd {
width: calc(100% - 58px);
}
.mc_h1s1 {
padding: 100px 0;
background: #f7f8fa;
}
.mc_e3s1b_txtbox p{font-size: 15px;color: #666;line-height: 30px;margin-top: 18px;letter-spacing: 1px;}
/**加入我们-人才招聘**/
.joins {
padding: 70px 0 0;
}
.joins .mc_e1_txtbox .jo_t {
font-size: 18px;
line-height: 30px;
height: 50px;
overflow: hidden;
color: #000000;
}
.joins .mc_e1_txtbox dd{
font-size: 14px;
color: #666;
line-height: 26px;
min-height: 110px;
}
.joins .mc_list_imgbox {
position: relative;
overflow: hidden;
}
.join_info {padding: 30px 0 50px;margin-top: 50px;}
.join_info_wrap{width: 1200px;margin: 0 auto; padding-top: 20px;}
.zp_t{font-size: 16px;color: #ff0000;}
.zp_des{ padding: 12px 0 32px;font-size: 16px;color: #666;}
.rm-table-top {
background: url(../image/rm_texten.jpg) no-repeat;
height: 60px;
border-bottom: 1px solid #ebebeb;
}
.rm-table-con a {
color: #666;
}
.rm-table-con .item {
height: 59px;
line-height: 59px;
border-bottom: 1px solid #ebebeb;
overflow: hidden;
}
.rm-table-con .item>div {
float: left;
font-size: 14px;
line-height: 59px;
}
.rm-table-con .item .t1 {
width: 347px;
padding-left: 45px;
}
.rm-table-con .item .t2 {
width: 252px;
}
.rm-table-con .item .t3 {
width: 100px;
text-align: center;
}
.rm-table-con .item .t4 {
width: 78px;
padding-left: 185px;
text-align: center;
}
.rm-table-con .item .t5 {
width: 280px;
text-align: right;
}
/***人才招聘详情***/
.rm-detail {
padding: 30px;
color: #666;
background: #fff;
}
.rm-detail .t1 {
font-size: 30px;
color: #085bc8;
position: relative;
height: 66px;
line-height: 66px;
}
.rm-detail .t1 span {
color: #999;
font-size: 14px;
position: absolute;
right: 0;
top: 5px;
}
.rm-detail .t2 {
padding: 15px 0;
line-height: 28px;
background: #fcfcfc;
border-top: 1px solid #f2f2f2;
border-bottom: 1px solid #f2f2f2;
}
.rm-detail .t2 td {
width: 33.3333%;
font-size: 14px;
text-align: center;
}
.rm-detail .t2 td .line-div {
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
line-height: 18px;
height: 18px;
}
.rm-detail .t3 {
line-height: 55px;
padding-top: 5px;
font-size: 14px;
color: #000;
}
.rm-detail .t4 {
border-bottom: 1px solid #e2e2e2;
overflow-y: auto;
line-height: 24px;
font-size: 14px;
padding-bottom: 20px;
}
.rm-detail .t4 h3{padding: 20px 0;}
.rm-detail .t4 p{font-size: 14px;line-height: 24px;}
.rm-detail .t5 {
padding: 18px 0 22px;
line-height: 28px;
font-size: 14px;
}
.rm-detail .t5 a {
color: #e60012;
}
/***
生产设备页面
***/
.equipment .mc_a1t_bg img{max-width: 100%;}
.jidi_wrap{position: relative;}
.mc_a1t_bg{position: relative;}
.jidi_wrap .dian{
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.mc_a1t_list{position: absolute;width: 100%;height: 100%;}
.mc_a1t_li {
position: absolute;
z-index: 5;
}
.mc_a1t_li1{ left: 13%;top: 33%;}
.mc_a1t_li2{ left: 17%;top: 59%;}
.mc_a1t_li3{ left: 21%;top: 71%;}
.mc_a1t_li4{ left: 42%;top: 37%;}
.mc_a1t_li5{ left: 43.5%;top: 59%;}
.mc_a1t_li6{ left: 52%;top: 57%;}
.mc_a1t_li7{ left: 59%;top: 48%;}
.mc_a1t_li8{ left: 64%;top: 40%;}
.mc_a1t_li9{ left: 50%;top: 78%;}
.mc_a1t_li10{ left: 80%;top: 36%;}
.mc_a1t_a {
display: block;
position: relative;
}
.mc_a1t_dian {
display: block;
width: 18px;
height: 18px;
background: #fff;
border: 7px solid #085bc8;
border-radius: 50%;
position: relative;
animation: bordershow 3s infinite;
}
.mc_a1t_dian::before {
animation: boderM 3s .75s infinite;
}
.mc_a1t_dian::before {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
border-radius: 50%;
background: rgba(0, 30, 180, 0.2);
}
.mc_a1t_dian::after {
animation: boderM 3s infinite;
}
.mc_a1t_dian::after {
content: '';
display: block;
position: absolute;
left: 50%;
top: 50%;
z-index: -1;
transform: translate(-50%, -50%);
width: 25px;
height: 25px;
border-radius: 50%;
background: rgba(0, 30, 180, 0.2);
}
.mc_a1t_xl {
position: absolute;
left: 42px;
top: 50%;
z-index: 1;
transform: translateY(-50%);
white-space: nowrap;
font-size: 16px;
padding: 0 23px;
line-height: 54px;
pointer-events: none;
}
.mc_a1t_xl::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 0;
height: 100%;
background: rgba(0, 30, 180, .77);
border-radius: 30px;
}
.mc_a1t_xl span {
opacity: 0;
}
.mc_a1t_title {
color: #fff;
font-size: 16px;
margin-right: 20px;
vertical-align: middle;
}
.mc_a1t_jiantou {
font-size: 20px;
color: #a1b8fd;
vertical-align: middle;
display: inline-block;
transform: rotate(90deg);
}
.mc_a1t_xl::after {
content: "";
position: absolute;
right: 100%;
top: 0;
width: 42px;
height: 100%;
}
@keyframes boderM {
0% {
transform: translate(-50%, -50%) scale(1);
opacity: 0
}
20% {
opacity: 1
}
75% {
transform: translate(-50%, -50%) scale(2);
opacity: 0
}
100% {
opacity: 0
}
}
@keyframes bordershow {
50% {
box-shadow: 0px 0px 10px 0 #085bc8;
}
}
/*.jiagong_top li{
float: left;
}
*/
.jiagong_top li a{display: block;width: 100%;overflow: hidden;position: relative;transition: all .5s;-webkit-transition: all .5s;}
.jiagong_top li a img{display: block;width: 100%;transition: all .5s;-webkit-transition: all .5s;}
.top1 li{width: 48%;}
.top2{margin-top: 3.5%;}
.top2 li{width: 31%;}
.top2 li:nth-child(2){margin-left: 3.5%;}
.jiagong_top li a .jg_txt{position: absolute;width: 100%;background: rgba(255,255,255,.8);bottom: 0;transition: all .5s;-webkit-transition: all .5s;box-sizing: border-box;}
.jiagong_top li a .jg_txt h5{font-size: 18px;font-weight: bold;color: #333;padding: 20px 18px;}
/******
产品中心
****/
.pro_wrap1{padding: 100px 0;background-color: #fff;}
.des_info .pinfo{width: 78%;padding: 20px 0;margin:0 auto;overflow: hidden;}
.des_info .pinfo p{font-size: 14px;color: #666;text-align: center;line-height: 30px;}
.des_info img{display: block;margin: 30px auto;max-width: 100%;}
.pro_wrap2{padding: 100px 0;background: #f7f8fa;}
.product-list-main .product-item {
float: left;
width: 32%;
margin-bottom: 2%;
}
.product-list-main .product-item:nth-child(3n+2){
margin: 0 2% 2%
}
.product-item a{
background-color: #fff;
display: block;
position: relative;
transition: all .6s;
-webkit-transition: all .6s;
}
.product-item .imgbox {
position: relative;
overflow: hidden;
height: 20.5rem;
}
.product-item .imgbox img {
display: block;
width: 100%;
height: 100%;
transition: all .6s;
-webkit-transition: all .6s;
}
.product-item a:after {
position: absolute;
bottom: 0;
left: 0;
display: block;
content: "";
width: 0;
height: 4px;
background: #0b56c3;
opacity: 0;
z-index: 9;
transition: all .6s;
-webkit-transition: all .6s;
}
.imgtext{padding: 20px 30px;}
.product-item .imgtext-tit {
margin-bottom: 0.5rem;
font-size: 20px;
font-weight: bold;
color: #333;
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
}
.job_back{display: none;}
.job_back2{display: none;}
/*网站底部*/
.mc_index .mc_main, .mc_index .mc_ft {
position: relative;
z-index: 5;
background: #fff;
}
.mc_ft1 {
border-top: 1px solid #e5e5e5;
padding: 70px 0 110px;
}
.mc_ft1_l {
width: 200px;
}
.mc_ft1_logo {
margin-bottom: 95px;
}
.mc_ft1 {
border-top: 1px solid #e5e5e5;
padding: 70px 0 110px;
}
.mc_ft1_logo a {
width: 172px;
}
.mc_ft1_logo {
margin-bottom: 95px;
}
.mc_cont1520 {
width: 1520px;
margin: 0 auto;
}
.mc_ft1_qrbox {
position: relative;
float: left;
margin-right: 30px;
}
.mc_ft1_qrbox i,
.mc_ft1_qrbox em {
font-size: 30px;
color: rgba(0, 0, 0, .29);
cursor: pointer;
}
.mc_ft1_qrxl {
display: none;
position: absolute;
left: 50%;
top: calc(100% + 5px);
transform: translateX(-50%);
width: 80px;
}
.mc_ft1_qrxl img{max-width: 100%;}
.mc_ft1_qrwb a {
display: block;
}
.mc_ft1_nav p {
font-size: 16px;
line-height: 20px;
color: #666;
display: inline-block;
padding: 5px 22px;
}
.mc_ft1_nav p a {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.mc_ft1_navbox {
width: calc(100% - 200px);
padding-left: 240px;
}
.mc_ft1_li {
float: left;
width: 16.666666%;
padding-right: 20px;
}
.mc_ft1_a {
display: block;
font-size: 18px;
line-height: 24px;
font-weight: bold;
font-family: "OPPOSans2_En_design-Heavy","OPPOSans2_En_design-Regular","Roboto", "微软雅黑", Arial, "PingFangSC-Light", "Helvetica Neue", Helvetica, "Microsoft Yahei", "Hiragino Sans GB", tahoma, SimSun, sans-serif;
color: #333;
margin-bottom: 15px;
transition: all .5s;
-webkit-transition: all .5s;
}
.mc_ft1_suba {
/* width: 100%; */
font-size: 16px;
line-height: 20px;
color: #666666;
padding: 10px 0;
padding-right: 15px;
}
.mc_ft1_subnav {
font-size: 0;
}
.mc_ft1_nav {
margin: 0 -20px;
}
.mc_ft1_li {
padding: 0 20px;
}
/* .mc_ft1_li1 .mc_ft1_subnav {
column-count: 2;
} */
.mc_ft1_li1 .mc_ft1_subli {
float: left;
width: 100%;
}
.mc_ft1_logo .st0 {
fill: #085bc8;
}
.mc_ft1_l {
width: 200px;
}
.mc_sharebox {
width: 30px;
margin: 0 20px;
}
.mc_ft2_nav p {
display: inline-block;
font-size: 14px;
line-height: 20px;
margin: 0 6px;
color: #fff;
}
.mc_ft2_nav p a {
font-size: inherit;
line-height: inherit;
color: inherit;
}
.mc_ft_copyright {
width: calc(100% - 220px);
}
.mc_ft2 {
padding: 28px 0;
background: #085bc8;
}
.mc_ft_copyright p {
font-size: 14px;
line-height: 20px;
color: #fff;
}
.mc_ft1_qrbox i, .mc_ft1_qrbox em {
font-size: 30px;
color: rgba(0, 0, 0, .29);
cursor: pointer;
}
.mc_ft1_qrbox i:hover{
color: rgba(0, 0, 0, .7);
}
.mc_ft1_li1, .mc_ft1_li {
width: 25% !important;
}
.mc_cnzz span {
display: inline-block;
transform: translateY(-1px);
font-size: inherit;
line-height: inherit;
color: inherit;
}
.mc_cnzz a {
display: block;
width: 50px;
height: 12px;
}
.mc_cnzz img {
width: 100%;
}
.mc_ft_copyright p {
display: inline-block;
}
.mc_ft_copyright p a,
.mc_ft_copyright p span {
display: inline-block;
font-size: inherit;
line-height: inherit;
color: inherit;
margin: 0 5px;
}
.mc_ft1_suba {
/* width: 100%; */
display: block;
font-size: 16px;
line-height: 20px;
color: #666666;
padding: 10px 0;
padding-right: 15px;
transition: all .6s;
-webkit-transition: all .6s;
}
/**返回顶部**/
.mc_gotop.mc1_show {
opacity: 1;
transform: scale(1);
}
.mc_gotop {
position: fixed;
left: auto;
top: auto;
right: 16px;
bottom: 16px;
z-index: 100;
width: 48px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 50%;
cursor: pointer;
background: linear-gradient(0, rgba(0, 40, 170, 1), rgba(0, 50, 210, 1));
transition: all .36s;
opacity: 0;
transform: scale(.1);
box-shadow: 0 0 10px rgba(0, 0, 0, .1);
}
.mc_gotop .iconfont {
display: inline-block;
vertical-align: middle;
font-size: 20px;
color: #fff;
margin-top: -3px;
}
/*搜索页*/
.com-wrap{padding: 66px 0;}
.maincon-top{margin-bottom: 40px;padding: 14px 0;border-bottom: 1px solid #cacaca;}
.maincon-top .type-title{float: left;font-size: 32px;font-weight: bold;color: #444;}
.maincon-top .bread-menu{float: right;padding-top: 18px;}
.maincon-top .bread-menu i{}
.maincon-top .bread-menu a{position: relative;margin-left: 26px;color: #555;}
.maincon-top .bread-menu a:hover{color: #085bc8;}
.maincon-top .bread-menu a:after{position: absolute;left: -20px;top: 50%;margin-top: -9px;display: block;content: "";width: 18px;height: 18px;background: url("../image/s-s.png"/*tpa=http://www.jiuli.com/static/../image/s-s.png*/) center no-repeat;}
.maincon-top .bread-menu a:nth-child(1):after{left: -29px;top: 50%;margin-top: -9px;width: 18px;height: 18px;background: url("../image/s-home.png"/*tpa=http://www.jiuli.com/static/../image/s-home.png*/) no-repeat;}
.nopic-list li{border-bottom: 1px dashed #cacaca;}
.nopic-list li a{display: block;line-height: 40px;font-size: 14px; overflow: hidden;white-space: nowrap;text-overflow: ellipsis;color: #666;}
.nopic-list li time{margin-left: 20px;line-height: 40px;font-size: 14px;}
.nopic-list li a::before{display:inline-block; content:''; margin-top: -4px;margin-right:5px; vertical-align:middle; border:5px solid transparent; border-left-color:#085bc8;}
.nopic-list li a:hover{color: #085bc8}
.nopic-list .news-fy{position: relative;left: 50%;transform: translateX(-50%);margin-top:40px; display: inline-block;color: #fff;}
.nopic-list .news-fy a{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;
text-align: center;line-height: 40px;background: #ccc;color: #fff; transition: all .5s;}
.nopic-list .news-fy a:hover{background: #085bc8;}
.nopic-list .news-fy .now{display: inline-block;margin: 0 10px; width: 40px;height: 40px;font-size: 16px;
text-align: center;line-height: 40px;background: #085bc8;transition: all .5s;}
@media (max-width: 1720px) {
.header .nav li{margin-right: 60px;}
/*.header .nav .right li:first-child{margin-left: 150px;}*/
/*.header .nav li:nth-child(4){margin-right: 300px;}*/
}
@media (max-width: 1440px) {
.header .nav li{margin-right: 30px;}
/* .header .nav li:nth-child(4){margin-right: 250px;}*/
.i-banner{height: auto;}
}
@media (max-width: 1200px) {
html {
font-size: 10px;
-webkit-text-size-adjust: none;
}
/*移动端导航*/
.header .head-mn{position: relative; width:100%;margin: 0 auto; }
.header .nav{display: none;}
.header .logo{left:3%;transform: translate(0,-50%);top: 3rem;}
/*.header .lang li .img1{display: none;}*/
.header .phone-nav{display: block;}
.header .search{left: auto;right: 170px;width: auto;cursor: pointer; background: none;}
.header .search:hover{background: none;}
.header .search:hover .img1{display: block;}
.header .search:hover .img2{display: none;}
/*.header .logo img{width: 130px;}
.header .nav li{margin-right: 30px;}
.header .nav li a{font-size: 16px;}
.header .nav .left li:last-child{margin-right: 90px;}
.header .nav .right li:first-child{margin-left: 90px;}*/
.header .topsearch .head-search{width: 94%;margin: 0 auto;}
.header .topsearch .search-text{width:calc(100% - 238px);}
#menu{display: none;}
.phead-box{display: none;}
.section,.fp-tableCell{height: auto!important;}
.p-hy{padding-top: 100px;height: 100vh;}
.p-hy .xx,.p-hy .more{left: 3%;}
.hy-page{right: 3%;width: auto;}
/*.i-banner .pban{display: none;}*/
.i-pro{margin: 3rem auto;}
.mc_a1_hd {
padding: 1.8rem 1rem;
}
.mc_title40 {
font-size: 2.8rem;
line-height: 4rem;
}
.ma_b1s1m_l {
height: auto;
background: #fff;
width: 100%;
}
.mc_b2s1_imgbox .mc_b2s1_img {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
opacity: 0;
transition: all .5s;
overflow: hidden;
}
.mc_b2s1_img.act {
opacity: 1;
}
.ma_b1s1_main {
box-shadow: 0 0 14px 1px rgba(234, 234, 234, .75);
}
.ma_b1s1ml_list {
position: relative;
width: 100%;
height: 100%;
overflow: hidden;
min-height: 10rem;
}
.ma_b1s1ml_li {
position: relative;
left: 0;
top: 0;
transform: none;
width: 100%;
padding: 30px 15px;
max-height: 100%;
}
.ma_b1s1ml_li:not(:first-child) {
display: none;
}
.ma_b1s1ml_li p{font-size: 1.8rem;padding-bottom: 2rem;}
.ma_b1s1m_r {
position: relative;
z-index: 1;
height: 460px;
width: 100%;
}
.mc_b2s1_imgbox {
position: absolute;
left: 0;
top: 0;
z-index: -1;
width: 100%;
height: 100%;
}
.mc_b2s1_imgbox::before {
content: "";
position: absolute;
left: 0;
top: 0;
z-index: 2;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .1);
}
.mc_b2s1_li:not(:last-child) {
border-right: 0;
border-bottom: 1px solid rgba(255, 255, 255, .3);
}
.mc_b2s1_list {
width: 100%;
height: 100%;
}
.mc_b2s1_li {
float: left;
width: 100%;
height: 20%;
position: relative;
}
.mc_b2s1_lisbox {
display: block;
width: 100%;
height: 100%;
}
.mc_b2s1li_cont {
width: 100%;
padding: 0 15px;
}
.mc_pos_center {
position: relative;
/*top: 50%;*/
/* left: 50%;
transform: translate(-50%, -50%);*/
}
h3.ma_b1s12_title{font-size: 2.8rem !important;}
.deco {
display: block;
width: 6rem;
height: 6rem;
opacity: 1;
transition: .1s;
transform: translateZ(0);
margin: 0 auto;
float: right;
position: relative;
top: -1rem;
}
.deco:before {
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.75);
transition: .4s;
border: 1px solid hsla(0, 0%, 100%, .3);
border-radius: 100%;
height: 4rem;
width: 4rem;
}
.deco i, .deco em {
background: hsla(0, 0%, 100%, .8);
border: 1px solid #fff;
border-radius: 100%;
height: 2.2rem;
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.5);
transition: .4s;
width: 2.2rem;
}
.deco:after {
content: "";
left: 50%;
position: absolute;
top: 50%;
transform: translate3d(-50%, -50%, 0) scale(.75);
transition: .4s;
border: 1px solid hsla(0, 0%, 100%, .1);
border-radius: 100%;
height: 6rem;
width: 6rem;
}
.mc_b2s1li_title {
margin-top: 0;
text-align: left;
line-height: 20px;
padding-top: 20px;
font-size: 2rem;
color: #fff;
}
.mc_b2s1_li:hover .deco i, .mc_b2s1_li:hover .deco em {
background: #fff;
animation: scalepulse 1.3s linear 0s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
.mc_b2s1_li:hover .deco:before {
animation: scalepulse 1.3s linear .3s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
.mc_b2s1_li:hover .deco:after {
animation: scalepulse 1.3s linear .15s infinite both;
transform: translate3d(-50%, -50%, 0) scale(1);
}
@keyframes scalepulse {
20% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);
transform: translate3d(-50%, -50%, 0) scale(1.15);
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
50% {
-webkit-transform: translate3d(-50%, -50%, 0) scale(1);
transform: translate3d(-50%, -50%, 0) scale(1);
-webkit-animation-timing-function: ease;
animation-timing-function: ease
}
}
.i-about{margin-bottom: 3rem;}
.i-about_wrap{padding: 1rem 1rem;}
.i-about_wrap .i-about_left{width: 100%;}
.i-about_wrap .i-about_right{width: 100%;margin-top: 3rem;}
.i-about_wrap .i-about_left p{margin: 1rem 0 1rem;}
.i-about_right li {
margin-left: 0;
margin-bottom: 0.5rem;
padding: 1.5rem 0;
float: left;
width: 49%;
height: 9rem;
border: 1px solid #d5dee5;
box-sizing: border-box;
box-shadow: 0px 0px 23px -7px rgba(0,0,0,0.2);
transition: all 0.6s;
-webkit-transition: all 0.6s;
position: relative;
z-index: 2;
}
.i-about_right li:nth-child(2n){margin-left: 2%;}
.i-about_right li i {
display: block;
float: none;
width: 4rem;
height: 4rem;
background-repeat: no-repeat;
background-position: 0;
background-size: 100% 100%;
clear: both;
margin: 0 auto;
}
.i-about_right li b {
font-size: 1.8rem;
display: block;
line-height: 1em;
margin-bottom: 10px;
color: #333;
line-height: 2rem !important;
text-align: center;
}
.appli-list-wrap{padding-bottom: 3rem;}
.appli-list-main{margin-top: 3rem;padding: 0 1rem;}
.appli-list {
display: flex;
margin-bottom: 0;
flex-wrap: wrap;
}
.appli-list>li {
width: 50%;
-webkit-box-flex: 1;
-ms-flex-positive: 1;
flex-grow: 1;
padding: 0.3rem;
box-sizing: border-box;
}
.appli-list .appli-card {
display: block;
position: relative;
height: 8rem;
padding: 0;
background-size: cover;
background-position: center center;
overflow: hidden;
color: #fff;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-user-drag: none;
box-sizing: border-box;
}
.card-cover {
background-image: -webkit-gradient(linear,left top,left bottom,from(transparent),to(rgba(0,0,0,.9)));
background-image: linear-gradient(180deg,transparent 0,rgba(0,0,0,.9));
}
.appli-card-text p{display: none;}
.appli-card-text {
position: absolute;
top: 0;
right: 2rem;
left: 2rem;
height: auto;
margin-top: 1rem;
}
.appli-card-text .icon {
display: block;
width: 3.2rem;
height: 2.5rem;
background-position: left 100%;
background-size: auto 100%;
background-repeat: no-repeat;
margin: 0 auto;
margin-bottom: 1rem;
}
.appli-card-text .appli-card-tit {
margin-bottom: 0;
font-size: 1.8rem;
font-weight: bold;
text-align: center;
}
.appli-list li:hover .appli-card-text {
margin-top: 1rem;
}
/***首页新闻**/
.mc_a1s1 {
padding: 0;
background: #f7f8fa;
margin: 3rem 0;
}
.mc_a1_bd{padding: 0 0 2rem;}
.mc_a1s1_li{width: 100%;border-right: none !important;border-bottom: 1px solid #e5e5e5;}
.mc_a1s1_a {
padding: 2rem 1rem ;
}
.mc_a1s1_date i, .mc_a1s1_date em {
font-size: 1.6rem;
line-height: 20px;
}
.mc_a1s1_date {
font-size: 1.6rem;
color: #085bc8;
line-height: 2rem;
margin-bottom: 1rem;
}
.mc_a1s1_txt {
font-size: 2rem;
line-height: 2.4rem;
color: #000000;
height: 4.3rem;
overflow: hidden;
margin-bottom:1rem;
}
.mc_a1s1_morebtn {
position: relative;
z-index: 1;
display: inline-block;
vertical-align: top;
padding: 0 2rem;
line-height: 3rem;
font-size: 1.4rem;
}
.mc_a1s1_imgbox {
margin-top: 3rem;
}
.mc_ft1_l {
width: 100%;
}
.mc_ft1 {
padding: 2rem 0;
}
.mc_ft1_navbox{display: none;}
.mc_ft1_logo {
display: inline-block;
vertical-align: middle;
margin-bottom: 0;
line-height: 26px;
margin-right: 0;
float: left;
}
.mc_ft1_qrcode{float: right; display: inline-block; vertical-align: middle; margin-top: 0.5rem;}
.mc_ft1_logo a {
display: block;
width: 14rem;
}
.mc_ft1_logo a img{width: 100%;}
.mc_ft1_qrbox{margin-right: 1rem;}
.mc_ft2 {
padding: 4rem 0 2rem;
}
.mc_ft_copyright{width: 100%;padding: 0 2rem 2rem;}
.mc_ft_copyright p{font-size: 1rem;text-align: center;}
.mc_ft_copyright p a{display: block;}
.mc_ft2_nav{width: 100%;}
.mc_ft2_nav {
float: none;
clear: both;
width: auto;
/* margin: 0 -20px;*/
padding-top: 2rem;
border-top: 1px solid #2d69b9;
text-align: center;
}
.mc_ft2_nav p{text-align: center;font-size: 1.2rem;}
/****关于平田页面***/
.c_about{padding:3rem 0;}
.about-warp1 .num-scroll li a {
font-size: 5rem;
line-height: 7rem;
}
.about-warp1 .num-scroll {
padding-bottom: 7rem;
margin-bottom: 5rem;
}
.at-c-t h3 {
font-size: 3rem;
}
.abou-info .info {
padding: 3rem 0;
}
.abou-info div p {
margin-bottom: 1rem;
color: #888;
line-height: 2.2rem;
text-align: justify;
}
.about-warp6 {
height: 57rem;
}
.about-warp6 .about-warp6_con{
padding: 0 0.5rem;
}
.about-warp6 .wenhua-list {
/* margin: 85px auto; */
position: relative;
height: 154px;
display: flex;
flex-wrap: wrap;
}
.about-warp6 .wenhua-list li {
width: 50%;
margin-top: 6rem;
padding: 0 1rem;
}
.about-warp6 .wenhua-list li .title {
position: relative;
height: 2rem;
line-height: 3rem
font-size: 2.4rem;
margin-bottom: 3rem;
font-size: 2rem;
font-weight: bold;
}
.about-warp6 .wenhua-list li p {
width: 100%;
color: #f0f0f0;
margin: 0 auto;
font-size: 1.4rem;
line-height: 2rem;
}
.about-warp6 .wenhua-list li .title:before {
position: absolute;
width: 30%;
height: 0.5rem;
content: '';
top: -12px;
background-color: #f4c224;
}
/****集团公司页面***/
.page_title {
padding: 0 0 3rem;
}
.page_title h3 {
font-size: 3rem;
}
.page_title p {
line-height: 2.4rem;
text-align: center;
margin-top: 2rem;
font-size: 1.6rem;
color: #666;
}
.pms {
width: 100%;
}
.pms .pms00 {
width: 100%;
height: auto;
margin-bottom: 3rem;
position: relative;
top: 3rem;
}
.pms .pms00:nth-child(2n+1) .pms00_pic {
float: none;
}
.pms .pms00:nth-child(2n+1) .pms00_con {
float: none;
}
.pms .pms00 .pms00_pic {
width: 100%;
height: auto;
}
.pms .pms00 .pms00_con {
width: 100%;
padding: 3rem 1rem;
}
.pms .pms00:nth-child(2n) .pms00_pic {
float: none;
}
.pms .pms00:nth-child(2n) .pms00_con {
float: none;
}
.fgs_wrap{width: 100%;}
.wdcx-list .item {
float: none;
background: #fff url(../image/map_bg.png) right bottom no-repeat;
width: 100%;
height: auto;
margin-right: 0;
margin-bottom: 3rem;
cursor: pointer;
}
.wdcx-list {
margin-right: 0;
padding-bottom: 3rem;
}
/**集团特长**/
.mc_nd1_imgwrap {
width: 100%;
padding: 0 0.5rem;
}
.mc_nd1_txtbox {
width: 100%;
padding-top: 2rem;
}
.mc_nd1_list .mc_nd1_li {
padding: 4rem 0 2rem;
}
.mc_nd1_title {
margin-bottom: 2rem;
}
.mc_txt1830 p {
font-size: 1.6rem;
line-height: 2rem;
margin-top: 1.5rem;
}
/**产品中心**/
.pro_wrap1{
padding: 3rem 0;
}
.des_info .pinfo {
width: 100%;
padding: 2rem 0;
}
.pro_wrap2 {
padding: 3rem 0;
}
.product-list-main .product-item {
width: 100%;
margin:0 0 1rem !important;
}
/**产品详情**/
.mc_e3s1_top {
padding: 5rem 0 5rem;
background: #f7f8fa;
}
.mc_cont950{width: 100%;}
.mc_e3s1_hd{padding: 0 1rem;}
.mc_e3s1_title {
font-size: 3rem;
line-height: 2;
font-weight: bold;
color: #333333;
margin-bottom: 0.1rem;
}
.mc_e3s1_date {
font-size: 1.8rem;
font-weight: bold;
color: #666666;
line-height: 2.6rem;
}
.mc_e3s1_bot {
padding: 5rem 0 5rem;
}
.mc_e3s1b_txtbox {
padding: 0;
}
.mc_e3s1_arrowbox {
padding: 3rem 0;
}
.mc_e3arr_cont {
padding: 0 1rem;
}
.mc_e3s1_arrow {
max-width: 100%;
width: 100%;
margin-top: 1rem;
}
/**生产设备**/
.equipment .page_title{padding-top: 3rem !important;}
.jiagong{padding: 3rem 0 !important;margin-top: 3rem !important;}
.top1 li{width: 100%;margin-top: 1rem;}
.top2 li{width: 100%;margin-top: 1rem;}
.top2 li:nth-child(2) {
margin-left: 0;
}
.top2 {
margin-top: 0;
}
.jiagong_top li a .jg_txt h5 {
font-size: 1.8rem;
padding: 1rem 1.8rem;
}
/**
*job*
****/
.mc_e1_li {
float: left;
width: 100%;
padding: 0 1rem;
margin-bottom: 2rem;
}
.join_info {
padding: 0 0 3rem;
margin-top: 3rem;
}
.rm-table-top {
display: none;
}
.join_info_wrap{width: 100%;}
.rm-table-con .item {
height: 5rem;
line-height: 5rem;
}
.rm-table-con .item>div {
float: left;
font-size: 1.6rem;
line-height: 5rem;
text-align: center;
}
.rm-table-con .item .t1 {
width: 33.33%;
padding-left: 0;
}
.rm-table-con .item .t3 {
width: 33.333%;
text-align: center;
}
.rm-table-con .item .t4 {
width: 33.333%;
padding-left: 0;
text-align: center;
}
.rm_top_mob ul{
display: flex;
flex-wrap: nowrap;
}
.rm_top_mob ul li{
width: 33.333%;
padding-bottom: 2rem;
border-bottom: 1px solid #ebebeb;
}
.rm_top_mob ul li h3{text-align: center;font-size: 2rem;color: #333;font-weight: bold;}
.rm-detail {
padding: 3rem;
}
.rm-detail .t1 {
font-size: 2.6rem;
color: #085bc8;
position: relative;
height: 6rem;
line-height: 6rem;
}
.rm-detail .t1 span {
color: #999;
font-size: 1.4rem;
}
.join_info_wrap{padding-top: 0;}
.job_back{display: block;text-align: center;}
.job_back a{display: block;padding: 1rem 0;color: #085bc8;border: 1px solid #085bc8;text-align: center;font-size: 1.6rem;margin: 3rem 0; }
.job_back2{display: block;}
.job_back2 a{display: block;padding-bottom: 2rem;border-bottom: 1px solid #e2e2e2;color: #333;font-size: 1.8rem;}
.job_back2 a i{transform: rotate(180deg);display: inline-block;}
.m_map img{width: 100%;}
.contact_m_box{padding: 3rem 0.5rem;}
.contact_m_box .t1{font-size: 2.4rem;font-weight: bold;color: #222;padding-bottom: 2rem;text-align: center;}
.contact_m_box .t3{font-size: 1.6rem;line-height: 2.2rem;text-align: center;}
.contact_m_box .t4 img{display: block;margin:1rem auto;}
.con-wrap4 {
padding: 4rem 0 4rem;
background: url(../image/c101.jpg) no-repeat center;
}
.con-wrap4 .titn {
margin-bottom: 2rem;
font-size: 2.8rem;
color: #333;
}
.con-wrap4 .from .l {
width: 100%;
float: none;
}
.con-wrap4 .from .r {
width: 100%;
float: none;
}
.con-wrap4 .from .infoInput {
margin-bottom: 1rem;
}
.con-wrap4 .from textarea {
height: 7rem;
font-size: 1.6rem;
line-height: 2.4rem;
}
.con-wrap4 .from input {
font-size: 1.6rem;
line-height: 3rem;
}
.con-wrap4 .from .button {
width: 20rem;
height: 4.5rem;
font-size: 1.8rem;
}
}
@media (max-width: 940px) {
.w1720{width: 94%;}
.header .nav{display: none;}
.header .head-mn{width: 100%;}
/*.i-banner{height: 600px;}*/
.i-banner .xx{display: none;}
}
@media (max-width: 768px) {
.pc{display: none;}
.phone{display: block;}
.header{height: 70px;}
.header .lang li{height: 70px;}
.head-box{height: 70px;}
.header.header-small,.header.header-small .lang li{height: 70px;}
.header .logo img{height: 50px;}
.header.header-small .logo img{width: 150px;height: auto;}
.header .topsearch{top:-100vh; height: 100vh;}
.header .topsearch .topsearch-inner{height: 100%;background: #fbfbfb;}
.header .topsearch .head-search{position: relative;height: 100%; display: block;}
.header .topsearch .search-submit{position: absolute;left:50%;transform: translateX(-50%);bottom: 40%; width: 90%;height: 50px;line-height: 50px;}
.header .topsearch .search-close{position: absolute;left:50%;transform: translateX(-50%);bottom: 20%; width:80px;float: right;}
.header .topsearch .search-text{position: absolute;left: 50%;top: 30%;transform: translate(-50%,0); width:calc(100%);box-sizing: border-box;}
.i-banner{height: auto;}
.i-banner .jd{display: none!important;}
.localNav_area{display: none;}
}
@media (max-width: 600px) {
.header .lang{width: 80px;}
.header .phone-nav{right: 100px;}
.header .search{right: 150px;}
}
@media screen and (max-width: 1200px) {
.show1200{display: none;}
.hide1200{display: block;}
}
@media screen and (min-width: 375px){
html {
font-size: 10px;
}
}
@media screen and (min-width: 360px){
html {
font-size: 9.6px;
}
}
@media screen and (min-width: 320px){
html {
font-size: 8.533px;
}
}
.BMapLabel {
left: 4px !important;
top: -85px !important;
width: 120px;
height: 80px;
font-size: 0 !important;
border: none !important;
background: url(../image/contact_icon.png) transparent no-repeat !important;
/* background-size: 50px 66px !important;*/
background-position: center !important;
transform: translateX(-50%);
}