| Server IP : 156.238.232.47 / Your IP : 216.73.216.150 Web Server : nginx/1.25.3 System : Linux C202504152095410 3.10.0-1160.119.1.el7.x86_64 #1 SMP Tue Jun 4 14:43:51 UTC 2024 x86_64 User : www ( 1000) PHP Version : 8.3.25 Disable Function : passthru,exec,system,putenv,chroot,chgrp,chown,shell_exec,popen,proc_open,pcntl_exec,ini_alter,ini_restore,dl,openlog,syslog,readlink,symlink,popepassthru,pcntl_alarm,pcntl_fork,pcntl_waitpid,pcntl_wait,pcntl_wifexited,pcntl_wifstopped,pcntl_wifsignaled,pcntl_wifcontinued,pcntl_wexitstatus,pcntl_wtermsig,pcntl_wstopsig,pcntl_signal,pcntl_signal_dispatch,pcntl_get_last_error,pcntl_strerror,pcntl_sigprocmask,pcntl_sigwaitinfo,pcntl_sigtimedwait,pcntl_exec,pcntl_getpriority,pcntl_setpriority,imap_open,apache_setenv MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /www/data/wwwroot/2025_11_04_02/skin/css/ |
Upload File : |
/*www.adminbuy.cn*/
*{
margin: 0;
padding: 0;
box-sizing:border-box;
-moz-box-sizing:border-box;
-webkit-box-sizing:border-box;
}
a{
text-decoration: none;
color: #666;
}
li{
list-style: none;
}
img{
vertical-align: middle;
max-width: 100%;
}
body{
/*max-width: 1920px;*/
font-size: 14px;
color: #666;
font-family: "Microsoft YaHei","微软雅黑";
}
body{
/*max-width: 1920px;*/
overflow: hidden;
margin: 0 auto;
}
/*顶部*/
header{
height: 120px;
width: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
transition: all .3s;
-webkit-transition: all .3s;
}
header .logo{
float: left;
padding-top: 24px;
position: relative;
z-index: 92;
}
nav{
position: absolute;
top: 0;
left: 0;
z-index: 91;
width: 100%;
height: 100%;
}
.nav-ul{
width: 100%;
height: 100%;
max-width: 700px;
margin: 0 auto;
}
.nav-ul li{
width: 20%;
height: 100%;
float: left;
text-align: center;
position: relative;
}
.cli .nav-ul li.drop .nav-a1{
padding-right: 15px;
background: url(../images/ico02.png) no-repeat right 60px !important;
}
.f-cb .nav-ul li.drop .nav-a1{
padding-right: 15px;
background: url(../images/ico01.png) no-repeat right 60px;
}
.nav-ul li .nav-a1{
display: inline-block;
height: 100%;
font-size: 18px;
color: #fff;
line-height: 120px;
position: relative;
transition: all .3s;
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
content: "";
width: 0%;
height: 2px;
background: #fff;
position: absolute;
left: 0;
bottom: 30px;
transition: all .3s;
-webkit-transition: all .3s;
}
.nav-ul li.on .nav-a1:after{
width: 100%;
}
.nav-ul-div1{
width: 100%;
padding: 10px;
position: absolute;
left: 0;
top: 123px;
background: #fff;
display: none;
}
.nav-ul-div1 a{
font-size: 15px;
line-height: 30px;
display: block;
text-align: center;
margin: 5px 0;
}
.nav-ul-div1 a:hover{
background: #adbfaa;
color: #fff;
}
.header-rt{
width: 225px;
height: 40px;
float: right;
margin-top: 40px;
position: relative;
z-index: 93;
}
.header-rt a{ color:#fff; margin-left:30px; line-height:40px; padding-left:25px; font-size:14px;}
.header-rt a.en{ background:url(../images/en.png) no-repeat left center;}
.header-rt a.cn{ background:url(../images/cn.png) no-repeat left center;}
.header-rt .int1{
width: 100%;
height: 40px;
font-size: 14px;
color: #333;
line-height: 40px;
padding-right: 40px;
background: none;
border: initial;
}
.header-rt .int1::-webkit-input-placeholder{
color: #fff;
}
.header-rt .int2{
width: 40px;
height: 40px;
background: url(../images/ico03.png) no-repeat center;
position: absolute;
right: 0;
top: 0;
background-color: none;
border: initial;
}
header.cli .header-rt a{ color:#333;}
header.cli .header-rt a.en{ background:url(../images/en1.png) no-repeat left center;}
header.cli .header-rt a.cn{ background:url(../images/cn1.png) no-repeat left center;}
.nav-ul .drop .nav-a1{
background: url(../images/ico02.png) no-repeat right 60px;
}
@media (min-width: 1025px) {
header.on{
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
}
header.on .nav-ul li .nav-a1{
color: #333;
transition: all .3s;
-webkit-transition: all .3s;
}
header.on .nav-ul li.drop .nav-a1{
padding-right: 15px;
background: url(../images/ico02.png) no-repeat right 60px;
}
header.on .nav-ul li .nav-a1:hover{
}
header.on .nav-ul li .nav-a1:hover:after{
width: 100%;
}
header.on .nav-ul li .nav-a1:after{
background: #333;
}
header.on .header-rt{
/*border-bottom: 2px solid #333;*/
}
header.on .header-rt a{ color:#333;}
header.on .header-rt a.en{ background:url(../images/en1.png) no-repeat left center; }
header.on .header-rt a.cn{ background:url(../images/cn1.png) no-repeat left center; }
header.on.header-rt .int1{
color: #333;
}
header.on .header-rt .int1::-webkit-input-placeholder{
color: #333;
}
header.on .header-rt .int2{
background: url(../images/ico04.png) no-repeat center;
}
header.cur{
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
}
header.cur .nav-ul li .nav-a1{
color: #333;
transition: all .3s;
-webkit-transition: all .3s;
}
header.cur .nav-ul li.drop .nav-a1{
padding-right: 15px;
background: url(../images/ico02.png) no-repeat right 60px;
}
header.cur .nav-ul li .nav-a1:hover{
}
header.cur .nav-ul li .nav-a1:hover:after{
width: 100%;
}
header.cur .nav-ul li .nav-a1:after{
background: #333;
}
header.cur .header-rt{
border-bottom: 2px solid #333;
}
header.cur.header-rt .int1{
color: #333;
}
header.cur .header-rt .int1::-webkit-input-placeholder{
color: #333;
}
header.cur .header-rt .int2{
background: url(../images/ico04.png) no-repeat center;
}
}
header.cli{
background: #fff;
border-bottom: 1px solid rgba(0,0,0,.1);
}
header .img1{
display:block;
}
header .img2{
display:none;
}
header.cli .img1{
display:none;
}
header.cli .img2{
display:block; height:60px;
}
header.on .img1{
display:none;
}
header.on .img2{
display:block;
}
header.cli .nav-ul li .nav-a1{
color: #333;
}
header.cli .nav-ul li .nav-a1:hover{
}
header.cli .nav-ul li .nav-a1:hover:after{
width: 100%;
}
header.cli .nav-ul li .nav-a1:after{
background: #333;
}
header.cli .header-rt{
/* border-bottom: 2px solid #333;
*/}
header.cli .header-rt .int1{
color: #333;
}
header.cli .header-rt .int1::-webkit-input-placeholder{
color: #333;
}
header.cli .header-rt .int2{
background: url(../images/ico04.png) no-repeat center;
}
@media (max-width: 1025px) {
/*header.on .img1{
display:block;
}
header.on .img2{
display:none;
}*/
}
.w1750{
max-width: 1850px;
padding: 0 50px;
margin: 0 auto;
}
.nav2{
display: none;
}
.header-rt2{
display: none;
}
@media (max-width: 1400px) {
.nav-ul{
padding-right:60px;
max-width: 700px;
}
.header-rt{
width: 180px;
}
.w1750{
padding: 0 30px;
}
}
@media (max-width: 1023px) {
nav{
display: none;
}
.header-rt1{
display: none;
}
.header-rt2{
margin-top: 0;
border-bottom: 2px solid #333;
float: left;
margin-left: 30px;
height: 50px;
margin-bottom: 15px;
width: calc(100% - 60px);
}
.header-rt2 .int1{
height: 50px;
font-size: 16px;
}
.header-rt2 .int2{
height: 50px;
background: url(../images/ico03.png) no-repeat center;
}
.header-rt2 .int2::-webkit-input-placeholder{
color: #fff;
}
.header-rt2 .int1::-moz-placeholder{
color: #fff;
}
.header-rt2 .int1:-ms-input-placeholder{
color: #fff;
}
.header-div{
display: block;
width: 40px;
float: right;
padding-top: 45px;
position: relative;
z-index: 94;
}
.header-div div{
width: 100%;
height: 5px;
border-radius: 2px;
background: #fff;
margin-bottom: 9px;
opacity: 1;
transition: all .5s;
}
.header-div.on div{
background: #333;
}
.header-div.on .header-d1{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin:0%;
-ms-transform-origin:0%;
-webkit-transform-origin:0%;
-moz-transform-origin:0%;
transition: all .5s;
}
.header-div.on .header-d2{
opacity: 0;
transition: all .5s;
}
.header-div.on .header-d3{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin:0%;
-ms-transform-origin:0%;
-webkit-transform-origin:0%;
-moz-transform-origin:0%;
transition: all .5s;
}
/*header.on .header-div div{
background: #333;
}
header.cli .header-div div{
background: #333;
}*/
.nav2{
display: block;
width: 100%;
padding-bottom: 150px;
background: #fff;
position: absolute;
top: 0;
left: 0;
padding-top: 125px;
display: none;
overflow: auto;
}
.nav2 a:hover{
color: #333;
}
.nav2-li{
width: 100%;
float: left;
font-size: 16px;
color: #333;
line-height: 60px;
}
.nav2-li:first-child{
border-top: 1px solid rgba(0,0,0,.1);
padding-top: .4rem;
}
.nav2-a1{
display: block;
width: 100%;
height: 100%;
font-size: 16px;
color: #333;
line-height: 60px;
padding: 0 30px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
.nav2-a1 span{
font-size: 20px;
font-weight: bold;
float: right;
}
.nav2-div{
display: none;
}
.nav2-div a{
display: block;
height: 50px;
font-size: 14px;
line-height: 50px;
color: #333;
line-height: 50px;
padding: 0 60px;
border-bottom: 1px solid rgba(0,0,0,.1);
}
header.cli{
}
header.cli .header-div div{
background: #333;
}
.header-mdss{
width: 40px;
height: 40px;
float: right;
margin-top: 40px;
margin-right: 30px;
background: url(../images/ico04.png) no-repeat center;
background-size: 25px;
position: relative;
z-index: 94;
}
.header-mdss.on{
background: url(../images/ico04.png) no-repeat center;
background-size: 25px;
}
.header-rt2{
display: none;
}
.header-rt2{
width: 100%;
height: 100%;
position: fixed;
top: 0;
left: 0;
background: rgba(0,0,0,.5);
margin: 0;
z-index: 95;
background-size: 20px;
}
.header-rt2 .lg{
width: calc(90% - 70px);
position: absolute;
top: 40%;
left: 5%;
position: relative;
}
.header-rt-gb{
width: 50px;
height: 50px;
background: url(../images/x01.png) no-repeat center;
position: absolute;
top: 0;
right:-70px;
}
.suspension{ display:none;}
}
@media (max-width: 767px) {
header{
height: 1.2rem;
}
.w1750{
padding: 0 .4rem;
}
header .logo{
width: 1.25rem;
padding-top: .15rem;
}
.header-div{
display: block;
width: .4rem;
float: right;
padding-top: .45rem;
}
.header-div div{
width: 100%;
height: .03rem;
border-radius: 0.025rem;
background: #fff;
margin-bottom: .11rem;
opacity: 1;
transition: all .5s;
}
.header-div.on .header-b1{
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
transform-origin:0%;
-ms-transform-origin:0%;
-webkit-transform-origin:0%;
-moz-transform-origin:0%;
transition: all .5s;
}
.header-div.on .header-b2{
opacity: 0;
transition: all .5s;
}
.header-div.on .header-b3{
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
transform-origin:0%;
-ms-transform-origin:0%;
-webkit-transform-origin:0%;
-moz-transform-origin:0%;
transition: all .5s;
}
.nav2{
width: 100%;
padding-top: 1.2rem;
}
.header-rt2 .int1{
height: .8rem;
font-size: .24rem;
padding: 0 .2rem;
padding-right: 1rem;
color: #fff;
}
.header-rt2 .int2{
width: .8rem;
height: .8rem;
background-size: .4rem;
}
.nav2-a1{
height: .8rem;
padding: 0 .4rem;
font-size: .24rem;
line-height: .8rem;
}
.nav2-div a{
height: .8rem;
padding: 0 .8rem;
font-size: .24rem;
line-height: .8rem;
}
.header-mdss{
width: .6rem;
height: .6rem;
background-size: .3rem;
margin-top: .3rem;
margin-right: .3rem;
}
.header-mdss.on{
background: url(../images/ico04.png) no-repeat center;
background-size: .3rem;
}
.header-rt-gb{
width: .8rem;
height: .8rem;
background-size: 1rem;
}
}
/*底部*/
footer{
background: #fff;
}
.footer-a{
border-bottom: 1px solid rgba(0,0,0,.1);
/* height: 100px;
*/ line-height: 100px;
position: relative;
text-align: center;
}
.footer-a1{
display: inline-block;
margin: 0 10px;
}
.footer-a1 img{
width:35px
}
.footer-a2{
position: absolute;
left: 50%;
margin-left: 10px;
}
.footer-a2 img{
width:50px
}
.footer-a1,.footer-a2{
/*float: left;
margin-right: 20px;*/
}
.footer-a2{
line-height: 100px;
}
.footer-aa{
position:fixed;
bottom:68px;
right:20px;
z-index:99;
cursor: pointer;
}
.footer-b{
padding: 20px;
font-size: 14px;
color: #3e3e3e;
line-height: 40px;
overflow: hidden;
}
.footer-b1{
float: left;
}
.footer-b2{
float: right;
}
.footer-b4{
display: none;
}
@media (max-width: 767px) {
header.cli .img2{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
header .img1{ height:0.8rem; max-width:inherit !important; margin-top:0.2rem}
.footer-a1, .footer-a2{
line-height: 1.5rem;
}
.footer-a1 img{
width: .7rem;
}
.footer-a2 img{
width: 1rem;
}
.footer-aa{
line-height: 1.5rem;
width: .5rem;
}
.footer-a{
/*height: 1.5rem;*/
line-height: 1.5rem;
}
.footer-b{
font-size: .22rem;
line-height: .45rem;
text-align: center;
padding: .3rem .4rem;
}
.footer-b .w1750{
padding: 0;
}
.footer-b1{
display: none;
}
.footer-b3{
display: none;
}
.footer-b4{
display: block;
}
.footer-b4 span{
display: block;
}
}
/*公用*/
.w1200{
width: 100%;
max-width: 1300px;
padding: 0 50px;
margin: 0 auto;
}
.sf-ban{
width: 100%;
height: 899px;
background: no-repeat center;
position: relative;
}
.sf-ban-div{
width: 100%;
max-width: 1300px;
padding: 0 50px;
margin: 0 auto;
padding-top: 400px;
}
.sf-ban-d1{
font-size: 42px;
color: #fff;
line-height: 50px;
font-family: arial;
font-weight: bold;
text-align: center;
}
.sf-ban-d2{
font-size: 42px;
color: #fff;
line-height: 50px;
margin-top: 10px;
text-align: center;
}
.sf-nav{
height: 70px;
border-bottom: 1px solid rgba(0,0,0,.1);
text-align: center;
}
.sf-nav-a{
display: inline-block;
width: 160px;
height: 70px;
font-size: 16px;
color: #3f3f3f;
text-align: center;
position: relative;
line-height: 70px;
cursor: pointer;
}
.sf-nav-a:after{
content: "";
width: 1px;
height: 20px;
position: absolute;
top: 25px;
left: 0;
background: rgba(0,0,0,.1);
}
.sf-nav-a:first-child:after{
display: none;
}
.sf-nav-a:hover{
color: #ea524f;
}
.sf-nav-a.on{
color: #ea524f;
}
.sf-nav-pos{
position: fixed;
top: 10px;
opacity: 0;
/*display: none;*/
/*transition: all .5s;
-webkit-transition: all .5s;*/
}
.sf-nav.on .sf-nav-pos{
width: 100%;
position: fixed;
top: 0;
border-bottom: 1px solid rgba(0,0,0,.1);
background: #fff;
z-index: 79;
/*display: block;*/
opacity: 1;
transition: all .5s;
-webkit-transition: all .5s;
}
.page{
width: 100%;
height: 38px;
text-align: right;
}
.page a{
width: 38px;
height: 38px;
font-size: 14px;
text-align: center;
line-height: 38px;
background: #f6f6f6;
display: inline-block;
margin: 0 2px;
}
.page .prev{
background:#f6f6f6 url(../images/ico26.png) no-repeat center;
}
.page .next{
background:#f6f6f6 url(../images/ico06.png) no-repeat center;
}
.page .first-page{
background:#f6f6f6 url(../images/ico26s.png) no-repeat center;
}
.page .last-page{
background:#f6f6f6 url(../images/ico06s.png) no-repeat center;
}
.page a:hover{
color: #ea524f;
}
.page a.page-num-current{
color: #ea524f;
}
.sf-tk{
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.6);
z-index: 89;
display: none;
}
.sf-tk-a{
width: 80%;
overflow: hidden;
max-height: 90%;
margin: 0 auto;
margin-top: 2%;
}
.sf-tk-a video{
max-width: 100%;
max-height: 100%;
}
.sf-tk-x{
width: 55px;
height: 55px;
background: url(../images/x01.png) no-repeat center;
position: absolute;
top: 20px;
right: 20px;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.sf-tk-x:hover{
opacity: .8;
transition: all .3s;
-webkit-transition: all .3s;
}
.sf-ban-cli{
width: 30px;
height: 30px;
background: url(../images/ico57.png) no-repeat center;
position: absolute;
bottom: 50px;
left: 50%;
z-index: 9;
margin-left: -15px;
-webkit-animation: span-up 2s linear infinite;
animation: span-up 2s linear infinite;
}
@keyframes span-up {
25% {transform: translateY(8px);}
50%, 100% {transform: translateY(0);}
75% {transform: translateY(-8px);}
}
@-webkit-keyframes span-up {
25% {-webkit-transform: translateY(8px);}
50%, 100% {-webkit-transform: translateY(0);}
7
}
@media (max-width: 767px) {
.w1200{
padding: 0 .4rem;
}
.sf-ban{
height: 7rem;
background-size: cover;
}
.sf-ban-div{
padding: 0 .4rem;
padding-top: 2.5rem;
}
.sf-ban-d1{
font-size: .4rem;
line-height: .5rem;
}
.sf-ban-d2{
font-size: .45rem;
line-height: .6rem;
}
.sf-ban-cli{
bottom: .6rem;
}
.sf-nav{
height: .8rem;
}
.sf-nav .w1200{
padding: 0;
}
.sf-nav-a{
width: 1.6rem;
height: .8rem;
font-size: .24rem;
line-height: .8rem;
}
.sf-nav-a:after{
height: .3rem;
top: .25rem;
}
.page{
height: .6rem;
line-height: .6rem;
}
.page a{
width: .6rem;
height: .6rem;
font-size: .24rem;
line-height: .6rem;
margin: 0 .02rem;
}
}
/*首页*/
.ibanner{
}
.ibanner .swiper-slide{
height: 100%;
height: 960px;
background: no-repeat center;
background-size: cover;
}
.ibanner .swiper-slide{
display:flex;
flex-flow:row wrap;
justify-content:flex-start;
align-items:center;
}
.ibanner-div{
width: 100%;
max-width: 1750px;
margin: 0 auto;
/*padding-top: 170px;*/
padding-left: 113px;
padding-right: 50px;
}
/*.ibanner-div .iban-d1{
font-size: 70px;
line-height: 85px;
color: #000;
font-family: arial;
font-weight: bold;
text-align: center;
}*/
.ibanner-div .iban-d2{
font-size: 50px;
line-height: 50px;
color: #fff;
margin-top: 15px;
text-align: left;
font-family:"Arial";
}
.ibanner-span-cont{
position: relative;
top: -90px;
}
.ibanner-span{
bottom: 104px !important;
padding-left: 113px;
}
.ibanner-span span{
width: 50px;
height: 5px;
border-radius: 2.5px;
background: #fff;
margin-right: 20px;
opacity: 1;
transition: all .3s;
-webkit-transition: all .3s;
}
.ibanner-span .swiper-pagination-bullet-active{
background: #ea544f;
border-radius: 5px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro{
width: 100%;
height: 780px;
overflow: hidden;
margin-bottom: 90px;
position: relative;
}
.ipro-a{
width:100%;
float: left;
height:260px;
background: #fff;
}
.ipro-a1{
width: 25.15%;
height: 100%;
border-top: 1px solid rgba(0,0,0,.1);
position: relative;
cursor: pointer;
z-index: 3;
}
.ipro-a:first-child .ipro-a1{
border: none;
}
.ipro-a1-a{
font-size: 22px;
line-height: 1;
padding-top: 105px;
text-align: center;
color: #424242;
font-family: arial;
padding-left: 4%;
position: relative;
z-index: 3;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a1-b{
font-size: 28px;
line-height: 30px;
text-align: center;
color: #424242;
margin-top: 8px;
padding-left: 4%;
position: relative;
z-index: 3;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a1-c{
width: 0%;
height: 100%;
background: url(../images/img01.jpg) no-repeat center;
position: absolute;
left: 0;
top: 0;
z-index: 2;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a2{
width: 74.85%;
height: 810px;
background: no-repeat center;
position: absolute;
top: 0;
right: 0;
display: none;
z-index: 2;
overflow: hidden;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a2-a{
display: block;
width: 225px;
height: 60px;
border: 2px solid rgba(255,255,255,.6);
border-radius: 2px;
font-size: 18px;
line-height: 56px;
color: #fff;
text-align: center;
position: absolute;
bottom: 70px;
right: 70px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a2-a img{
margin-left: 8px;
position: relative;
top: -1px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a2-a:hover{
background: rgba(255,255,255,.2);
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a2-a:hover img{
margin-left: 12px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-a{
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-b{
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a.on .ipro-a1-c{
width: 105%;
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-a:first-child .ipro-a2{
display: block;
transition: all .3s;
-webkit-transition: all .3s;
}
.iabout{
overflow: hidden;
margin-bottom: 90px;
background: #fff;
}
.iabout-a{
width: calc(100% - 585px);
float: left;
height: 597px;
}
.iabout-a div{
background: no-repeat center;
width: 100%;
height: 100%;
max-width: 1055px;
}
.iabout-b{
width: 465px;
float: right;
margin-right: 60px;
padding-top: 90px;
margin-left: 30px;
}
.iabout-b1{
font-size: 46px;
color: #424242;
line-height: 50px;
font-weight: bold;
}
.iabout-b2{
font-size: 28px;
color: #424242;
line-height: 35px;
margin-top: 10px;
}
.iabout-b3{
padding: 30px 0;
margin-top: 30px;
border-top: 1px solid rgba(0,0,0,.1);
font-size: 18px;
color: #424242;
line-height: 35px;
}
.iabout-b3 p{ font-size:14px;}
.iabout-b4{
display: block;
width: 205px;
height: 65px;
border: 1px solid rgba(0,0,0,.1);
border-radius: 3px;
font-size: 18px;
color: #424242;
line-height: 63px;
text-align: center;
padding-right: 60px;
background: #f9f9f9;
position: relative;
transition: all .3s;
-webkit-transition: all .3s;
}
.iabout-b4 span{
width: 60px;
height: 63px;
position: absolute;
top: 0;
right: 0;
background: url(../images/ico06.png) no-repeat center;
border-left: 1px solid rgba(0,0,0,.1);
}
.iabout-b4:hover{
color: #424242;
opacity: .8;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-bj{
width: 100%;
height: 646px;
background: no-repeat center;
}
.ivoice{
padding-top: 70px;
}
.ivoice-a{
font-size: 28px;
color: #fff;
line-height: 35px;
font-family: arial;
font-weight: bold;
text-align: center;
}
.ivoice-b{
font-size: 28px;
color: #fff;
line-height: 35px;
text-align: center;
}
.ivoice-c{
margin-top: 100px;
}
.ivoice-swiper{
max-width: 1530px;
height: 250px;
padding: 10px 0;
margin: 0 auto;
}
.ivoice-swiper .swiper-slide{
overflow: hidden;
}
.ivoice-cc{
display: block;
width: 50%;
float: left;
padding-right: 2%;
cursor: pointer;
}
.ivoice-c1{
width: 125px;
float: left;
text-align: center;
padding-top: 15px;
}
.ivoice-c1-a{
width: 90px;
height: 90px;
border-radius: 100%;
margin: 0 auto;
}
.ivoice-c1-b{
font-size: 14px;
color: #fff;
line-height: 25px;
margin-top: 12px;
}
.ivoice-c1-c{
font-size: 12px;
color: #fff;
line-height: 20px;
}
.ivoice-c2{
width: calc(100% - 145px);
float: right;
border:3px solid rgba(255,255,255,.6);
border-radius: 3px;
border-left: none;
padding: 30px 30px;
height: 230px;
position: relative;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-c2-a{
font-size: 14px;
color: #fff;
line-height: 28px;
height: 90px;
}
.ivoice-c2-b{
border-bottom: 1px solid rgba(255,255,255,.1);
height: 1px;
width: 100%;
margin-top: 20px;
}
.ivoice-c2-c{
float: left;
margin-top: 15px;
}
.ivoice-c2-e{
font-size: 18px;
line-height: 30px;
float: right;
margin-top: 25px;
color: #fff;
}
.ivoice-c2-e img{
position: relative;
top: -1px;
margin-left: 5px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-c2-f{
width: 13px;
height: 230px;
background: url(../images/ico17.png) no-repeat center;
position: absolute;
left: -11px;
top: -2px;
opacity: .6;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-cc.on{
padding-right: 0;
padding-left: 2%;
}
.ivoice-cc.on .ivoice-c1{
float: right;
}
.ivoice-cc.on .ivoice-c2{
float: left;
border: 3px solid rgba(255,255,255,.6);
border-right: none;
}
.ivoice-cc.on .ivoice-c2-f{
width: 13px;
height: 230px;
background: url(../images/ico18.png) no-repeat center;
position: absolute;
left: initial;
right: -11px;
top: -2px;
opacity: .6;
}
.ivoice-c2:hover{
border: 3px solid rgba(255,255,255,1);
border-left: none;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-f{
opacity: 1;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-c2:hover .ivoice-c2-e img{
margin-left: 10px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover{
border: 3px solid rgba(255,255,255,1);
border-right: none;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-f{
opacity: 1;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-cc.on .ivoice-c2:hover .ivoice-c2-e img{
margin-left: 10px;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-d{
height: 60px;
margin-top: 25px;
text-align: center;
}
.ivoice-d1{
width: 30px;
height: 30px;
background: url(../images/ico09.png) no-repeat center;
margin: 0 auto;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-d1:hover{
background: url(../images/ico11.png) no-repeat center;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-d2{
width: 30px;
height: 30px;
background: url(../images/ico10.png) no-repeat center;
margin: 0 auto;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.ivoice-d2:hover{
background: url(../images/ico12.png) no-repeat center;
transition: all .3s;
-webkit-transition: all .3s;
}
.isearch-bj{
width: 100%;
height: 217px;
background: no-repeat center;
}
.isearch{
width: 580px;
margin: 0 auto;
padding-top: 65px;
position: relative;
}
.isearch form{
overflow: hidden;
}
.formd1{
width: 2px;
height: 20px;
background: #97a891;
position: absolute;
left: 28px;
top: 91px;
}
.isearch .int1{
width: 475px;
height: 70px;
background: #fff;
border: none;
border-radius: 3px;
float: left;
padding-left: 45px;
padding-right: 20px;
font-size: 18px;
color: #333;
}
.isearch .int3{
width: 475px;
background: #fff;
border: none;
border-radius: 3px;
float: left;
padding-left: 45px;
padding-right: 20px;
font-size: 18px;
color: #333;
}
.isearch .int2{
width: 95px;
height: 70px;
background:#fff url(../images/ico13.png) no-repeat center;
float: right;
border: none;
border-radius: 3px;
}
.isearch-a{
font-size: 14px;
color: #666;
line-height: 30px;
margin-top: 10px;
padding-left: 40px;
}
.isearch-a a{
font-size: 14px;
color: #666;
line-height: 30px;
margin-right: 12px;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.isearch-a a:hover{
border-bottom: 1px solid rgba(0,0,0,.9);
opacity: .8;
transition: all .3s;
-webkit-transition: all .3s;
}
@media (max-width:1400px) {
.ipro{
height: 1000px;
}
.ipro-a{
width: 33.233%;
height: 180px;
float: left;
}
.ipro-a1{
width: 100%;
}
.ipro-a2{
width: 100%;
top: 180px;
}
.ipro-a.on .ipro-a1-c{
width: 100%;
}
.iabout-a{
width: calc(100% - 485px);
}
.iabout-b{
width: 425px;
margin-right: 30px;
}
.ivoice-cc{
padding-right: 1%;
}
.ivoice-cc.on{
padding-left: 1%;
}
.ivoice-c2-a{
}
.ipro-a1-b{
padding-left: 0;
}
.ipro-a1-c{
background-size: cover;
}
.ibanner-div .iban-d1{
font-size: 55px;
}
.ibanner .swiper-slide{
height: 800px;
}
.ibanner-div .iban-d2{
font-size: 42px;
}
}
.ivoice-cm{
display: none;
}
@media (max-width:1023px) {
.ipro-a{
height: 130px;
}
.ipro-a1-a{
padding-top: 30px;
}
.ipro-a1-b{
font-size: 24px;
margin-top: 20px;
}
.ipro-a2{
background-size: cover;
height: 500px;
top: 130px;
}
.ipro{
height: 630px;
}
.iabout-a{
width: 100%;
}
.iabout-b{
width: 100%;
padding:40px 30px;
margin: 0;
}
.ivoice-c{
display: none;
}
.ivoice-cm{
display: block;
height: 370px;
margin-top: 30px;
}
.ivoice-m-swiper{
height: 100%;
max-width: 669px;
}
.ivoice-cc{
width: 100%;
}
.ivoice-c1{
width: 100%;
}
.ivoice-c2{
width: 100%;
padding: 15px 30px;
margin-top: 20px;
height: 180px;
border: 3px solid rgba(255,255,255,.6);
border-top: none;
}
.ivoice-c2:hover{
border: 3px solid rgba(255,255,255,.6);
border-top: none;
}
.ivoice-c2-b{
margin-top: 10px;
border: 2px s;
}
.ivoice-c2-c{
margin-top: 5px;
}
.ivoice-c2-e{
margin-top: 15px;
}
.ivoice-c2-f{
width: calc(100% + 6px);
height: 15px;
left: -3px;
top: -12px;
background: url(../images/ico20.png) no-repeat center;
}
.ivoice-d1{
display: inline-block;
background: url(../images/ico19.png) no-repeat center;
opacity: .6;
}
.ivoice-d1:hover{
background: url(../images/ico19.png) no-repeat center;
opacity: 1;
}
.ivoice-d2{
display: inline-block;
background: url(../images/ico21.png) no-repeat center;
opacity: .6;
}
.ivoice-d2:hover{
background: url(../images/ico21.png) no-repeat center;
opacity: 1;
}
.ibanner-div .iban-d1{
font-size: 45px;
}
.ibanner-div .iban-d2{
font-size: 32px;
}
}
@media (max-width:767px) {
.ibanner .swiper-slide{
height: 7.5rem;
background-size: cover;
}
.ibanner-div{
padding-left: .4rem;
padding-top:2rem;
padding-right: .4rem;
}
.ibanner-div .iban-d1{
font-size: .5rem;
line-height: .7rem;
}
.ibanner-div .iban-d2{
font-size: .36rem;
line-height: .5rem;
margin-top: .2rem;
}
.ibanner-span-cont{
width: 100%;
height: 0;
top: 0;
}
.ibanner-span{
width: 100%;
bottom: .0rem !important;
padding-left: 0;
left: 0;
}
.ibanner-span span{
width: .5rem;
height: .05rem;
margin: 0 .1rem;
}
.ipro{
width: 7.5rem;
margin-left: -.4rem;
height: 5.7rem;
margin-bottom: .4rem;
}
.ipro-a{
height: 1.3rem;
}
.ipro-a1-a{
font-size: .26rem;
padding-top: .3rem;
}
.ipro-a1-b{
font-size: .28rem;
line-height: .4rem;
margin-top: .1rem;
}
.ipro-a2{
height: 4.4rem;
top: 1.3rem;
}
.ipro-a2-a{
width: 2rem;
height: .6rem;
font-size: .24rem;
line-height: .56rem;
right: .4rem;
bottom: .3rem;
}
.ipro-a2-a img{
width: .1rem;
}
.iabout-a{
height: 3.85rem;
}
.iabout-a div{
background-size: cover;
}
.iabout-b{
padding: .5rem;
}
.iabout-b1{
font-size: .6rem;
line-height: .8rem;
}
.iabout-b2{
font-size: .4rem;
line-height: .6rem;
margin-top: .15rem;
}
.iabout-b3{
font-size: .24rem;
line-height: .5rem;
margin-top: .3rem;
padding: .3rem 0;
}
.iabout-b4{
font-size: .24rem;
width: 2.2rem;
height: .7rem;
line-height: .68rem;
padding-right: .7rem;
}
.iabout-b4 span{
width: .7rem;
height: .7rem;
background-size: .1rem;
}
.iabout{
margin-bottom: .4rem;
}
.ivoice-bj{
height: 8.5rem;
background-size: cover;
}
.ivoice{
padding-top: .45rem;
}
.ivoice-a{
font-size: .4rem;
line-height: .6rem;
}
.ivoice-b{
font-size: .4rem;
line-height: .65rem;
}
.ivoice-c1-a{
width: 1.1rem;
height: 1.1rem;
background-size: cover;
}
.ivoice-c1-b{
font-size: .26rem;
line-height: .4rem;
margin-top: .1rem;
}
.ivoice-c1-c{
font-size: .24rem;
line-height: .4rem;
}
.ivoice-c1{
padding-top: 0;
}
.ivoice-cm{
margin-top: .35rem;
}
.ivoice-c2{
height: 2.9rem;
}
.ivoice-c2-a{
font-size: .24rem;
line-height: .4rem;
height: 1.2rem;
}
.ivoice-c2{
padding: .2rem .4rem;
}
.ivoice-c2-c{
width: .7rem;
margin-top: .2rem;
}
.ivoice-c2-e{
font-size: .26rem;
margin-top: .3rem;
}
.ivoice-c2-b{
margin-top: .3rem;
}
.ivoice-cm{
height: 5.4rem;
}
.ivoice-d{
height: .6rem;
margin-top: .2rem;
}
.ivoice-d div{
width: .6rem;
height: .6rem;
background-size: .3rem;
}
.ivoice-d div:hover{
background-size: .3rem;
}
.isearch-bj{
height: 3.1rem;
background-size: cover;
}
.isearch{
padding-top: .8rem;
width: 6.7rem;
}
.isearch .int1{
width: 5.1rem;
height: 1rem;
line-height: 1rem;
font-size: .26rem;
padding: 0 .4rem;
}
.formd1{
top: 1.1rem;
left: .2rem;
}
.isearch .int2{
width: 1.5rem;
height: 1rem;
}
.isearch-a{
padding-left: .3rem;
font-size: .24rem;
line-height: .4rem;
}
.isearch-a a{
font-size: .24rem;
line-height: .4rem;
margin-right: .2rem;
}
}
/*联系我们*/
.contact{
padding-top: 175px;
padding-bottom: 135px;
}
.contact-a{
font-size: 18px;
color: #454545;
line-height: 25px;
text-align: center;
}
.contact-b{
font-size: 28px;
color: #454545;
line-height: 45px;
text-align: center;
}
.contact-c{
width: 100%;
height: 430px;
margin-top: 75px;
}
.contact-c #map{
width: 100%;
height: 100%;
}
.contact-d{
margin-top: 10px;
height: 190px;
box-shadow: 0 0 40px rgba(222,222,222,.3);
}
.contact-d1{
width: 33.3%;
height: 100%;
float: left;
padding-left: 5.8%;
padding-right: 7.5%;
}
.contact-d2{
width: 33.3%;
height: 100%;
float: left;
padding-left: 7%;
padding-right: 4%;
border-left: 1px solid rgba(0,0,0,.1);
}
.contact-d3{
width: 33.4%;
height: 100%;
float: left;
padding-left: 9%;
padding-right: 4%;
border-left: 1px solid rgba(0,0,0,.1);
}
.contact-d1-a{
font-size: 20px;
color: #454545;
padding-top: 50px;
line-height: 1;
}
.contact-d1-b{
font-size: 15px;
line-height: 25px;
margin-top: 10px;
}
.contact-img{
margin-top: 40px;
}
.recruit{
background: #fcfcfc;
}
.recruit-a{
background: no-repeat center;
height: 317px;
}
.recruit-a .isearch{
padding-top: 110px;
}
.recruit-a .formd1{
top:136px
}
.recruit-a .isearch .int1{
background: #fdfaf9;
}
.recruit-a .isearch .int2{
background: #fff url(../images/ico22.png) no-repeat center;
}
.recruit-b{
padding-top: 90px;
}
.recruit-b1,.recruit-b2,.recruit-b3{
margin-bottom: 15px;
overflow: hidden;
}
.recruit-b1-a{
width: 145px;
float: left;
padding-left: 45px;
background: no-repeat left center;
font-size: 16px;
line-height: 32px;
font-weight: bold;
}
.recruit-b1-b{
width: calc(100% - 145px);
float: left;
font-size: 16px;
line-height: 32px;
color: #333;
}
.contact-d2 .contact-d1-b{
/*text-transform:uppercase;*/
}
.recruit-b1-b a{
font-size: 16px;
line-height: 32px;
color: #333;
margin: 0 12px;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.recruit-b1-b a.on{
color: #ea524f;
}
.recruit-b1-b a:hover{
color: #ea524f;
transition: all .3s;
-webkit-transition: all .3s;
}
.recruit-b1 .recruit-b1-a{
background-image: url(../images/ico23.png);
}
.recruit-b2 .recruit-b1-a{
background-image: url(../images/ico24.png);
}
.recruit-b3 .recruit-b1-a{
background-image: url(../images/ico25.png);
}
.recruit-b4{
width: 100%;
padding: 20px;
background: #fff;
border-radius: 5px;
box-shadow: 0 0 30px rgba(150,150,150,.4);
margin-top: 40px;
margin-bottom: 50px;
}
.recruit-b4-a{
font-size: 16px;
height: 45px;
background: #f2f2f2;
line-height: 45px;
padding: 0 20px;
font-weight: bold;
}
.recruit-b4 .rba1{
width: 35%;
float: left;
padding-right: 10px;
}
.recruit-b4 .rba2{
width: 23%;
float: left;
padding-right: 10px;
}
.recruit-b4 .rba3{
width: 23%;
float: left;
padding-right: 10px;
}
.recruit-b4 .rba4{
width: 19%;
float: left;
padding-right: 10px;
}
.recruit-b4-b{
}
.recruit-b4-b li{
background: #fafafa;
border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b li:first-child{
border-top: none;
}
.recruit-b4-b1{
overflow: hidden;
padding: 25px 20px;
font-size: 14px;
position: relative;
cursor: pointer;
}
.recruit-b4-b1 .rba1{
font-weight: bold;
}
.recruit-b4-b1 .rba5{
width: 15px;
height: 100%;
position: absolute;
right: 30px;
top: 0;
background: url(../images/ico28.png) no-repeat center;
}
.recruit-b4-b1.on .rba5{
background: url(../images/ico27.png) no-repeat center;
}
.recruit-b4-b li:nth-child(2n){
background: #fff;
}
.recruit-b4-b2{
padding: 15px 20px;
background: #eee;
display: none;
}
.recruit-b4-b2 .rbb-div{
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-webkit-box-lines: multiple;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.recruit-b4-b2 .rbb-div div{
width: 33.333%;
padding-right: 10px;
font-size: 14px;
color: #333;
line-height: 25px;
margin: 3px 0;
float: left;
}
.recruit-b4-b2 .rbb-txt{
font-size: 14px;
color: #333;
line-height: 25px;
padding: 10px 0;
margin: 15px 0;
border-bottom: 1px solid rgba(0,0,0,.1);
border-top: 1px solid rgba(0,0,0,.1);
}
.recruit-b4-b2 .rbb-a{
display: block;
width: 120px;
height: 40px;
background: #fff;
font-size: 14px;
text-align: center;
color: #333;
line-height: 40px;
border-radius: 5px;
margin-bottom: 10px;
}
.recruit-b4-b2 .rbb-a:hover{
color: #ea524f;
}
@media (max-width: 1400px) {
}
@media (max-width: 1023px) {
}
@media (max-width: 767px) {
.contact{
padding-top: 1.9rem;
padding-bottom: .6rem;
}
.contact-a{
font-size: .28rem;
line-height: .4rem;
}
.contact-b{
font-size: .4rem;
line-height: .6rem;
}
.contact-c{
margin-top: .3rem;
height: 4rem;
}
.contact-d1,.contact-d2,.contact-d3{
padding: .2rem;
}
.contact-d1-a{
font-size: .3rem;
line-height: .5rem;
padding-top: 0rem;
}
.contact-d{
height: 2.6rem;
}
.contact-d1-b{
font-size: .24rem;
line-height: .4rem;
margin-top: .15rem;
}
.contact-img{
margin-top: .4rem;
}
.recruit-a{
height: 3rem;
background-size: cover;
}
.recruit-a .isearch{
padding-top: .5rem;
}
.recruit-b{
padding-top: .5rem;
}
.recruit-b1-a{
font-size: .28rem;
width: 2rem;
padding-left: .5rem;
}
.recruit-b1-b{
width: calc(100% - 2rem);
}
.recruit-b1-b a{
font-size: .26rem;
line-height: .4rem;
margin: 0 .15rem;
}
.recruit-b1 .recruit-b1-a{
background-size: .3rem;
}
.recruit-b2 .recruit-b1-a{
background-size: .3rem;
}
.recruit-b3 .recruit-b1-a{
background-size: .3rem;
}
.recruit-b1,.recruit-b2,.recruit-b3{
margin-bottom: .15rem;
}
.recruit-b4{
margin-top: .4rem;
padding: .2rem;
}
.recruit-b4 .rba1{
width: 60%;
}
.recruit-b4 .rba2{
display: none;
}
.recruit-b4 .rba3{
display: none;
}
.recruit-b4 .rba4{
width: 40%;
}
.recruit-b4{
}
.recruit-b4-a{
font-size: .3rem;
line-height: .8rem;
height: .8rem;
padding: 0 .2rem;
}
.recruit-b4-b1{
padding: .2rem;
}
.recruit-b4-b1{
font-size: .26rem;
}
.recruit-b4-b1 .rba5{
right: .4rem;
}
.recruit-b4-b2{
padding: .2rem;
}
.recruit-b4-b2 .rbb-div div{
width: 50%;
font-size: .24rem;
line-height: .4rem;
margin: .03rem 0;
padding-bottom: .15rem;
}
.recruit-b4-b2 .rbb-txt{
padding: .1rem 0 ;
margin-top: .2rem;
font-size: .24rem;
line-height: .45rem;
}
}
/*品牌介绍*/
.brand{
padding-top: 120px;
padding-bottom: 130px;
}
.brand-a{
overflow: hidden;
}
.brand-banner .ibanner-span{
padding-left: 0;
}
.brand-a1{
width: calc(100% - 150px);
float: left;
max-width: 775px;
}
.brand-a1-a{
font-size: 32px;
color: #373636;
line-height: 50px;
margin-bottom: 25px;
font-weight: bold;
}
.brand-a1-b{
font-size: 14px;
color: #424242;
line-height: 30px;
}
.brand-a2{
width: 120px;
float: right;
text-align: right;
padding-top: 12px;
}
.brand-a2-a{
}
.brand-a2-b{
font-size: 22px;
color: #373636;
line-height: 45px;
font-family: arial;
font-weight: bold;
}
.brand-b{
margin-top: 85px;
overflow: hidden;
}
.brand-b1{
float: left;
width: 310px;
}
.brand-b1 div{
width: 100%;
height: 80px;
line-height: 80px;
padding-left: 20px;
font-size: 22px;
color: #373636;
margin-bottom: 5px;
cursor: default;
transition: all .3s;
-webkit-transition: all .3s;
}
.brand-b1 div:hover{
background: #b5cfcc;
color: #fff;
transition: all .3s;
-webkit-transition: all .3s;
}
.brand-b2{
width: calc(100% - 350px);
float: right;
max-width: 806px;
height: 371px;
background: no-repeat center;
}
.brand-b2-a{
width: 100%;
height: 100%;
background: url(../images/ico30.png) no-repeat center;
cursor: pointer;
}
.brand-c{
margin-top: 75px;
height: 380px;
}
.brand-swiper .swiper-slide{
background: no-repeat center;
background-size: cover;
height: 380px;
}
.brand-c1{
width: 270px;
padding: 30px 20px;
background: #fff;
position: relative;
top: 140px;
left: 7.15%;
/*float: left;*/
/*display: none;*/
}
.brand-c1-a{
width: 30px;
height: 2px;
background: #333;
display: none;
}
.brand-c1-b{
font-size: 28px;
line-height:30px;
color: #333;
margin-top: 10px;
font-weight: bold;
font-family: arial;
}
.brand-c1-c{
font-size: 28px;
color: #333;
line-height:30px;
margin-top: 5px;
font-weight: bold;
}
.brand-span{
position: absolute;
width: auto !important;
left: 70px !important;
bottom: 45px !important;
height: 20px;
line-height: 20px;
z-index: 4;
}
.brand-span span{
width: 10px;
height: 10px;
border-radius: 100%;
background: #3c3a39;
opacity: 1;
margin: 0 !important;
margin-right: 10px !important;
}
.brand-span .swiper-pagination-bullet-active{
background: #e5976c;
}
@media (max-width: 1024px) {
.brand-c{
height: 300px;
}
.brand-swiper .swiper-slide{
height: 300px;
}
.brand-c1{
top: 60px;
left: 0;
}
}
@media (max-width: 767px) {
.brand-c{
margin-top: .5rem;
height: 3rem;
}
.brand-swiper .swiper-slide{
height: 3rem;
}
.brand-c1{
width: 4rem;
padding: .3rem .2rem;
top: 1rem;
left: 0;
}
.brand-c1-a{
width: .3rem;
}
.brand-c1-b{
font-size: .32rem;
line-height: .45rem;
margin-top: 0;
}
.brand-c1-c{
font-size: .26rem;
line-height: .4rem;
margin-top: .05rem ;
}
.brand-span{
left: .3rem ;
bottom: .3rem;
}
.brand-span span{
width: .1rem;
height: .1rem;
margin-right: .1rem;
}
}
.brands{
width: 100%;
/*margin-top: 55PX;*/
border-top: 55px solid rgba(249,247,244,1);
}
.brands-m{
display: none;
}
.brands-a{
height: 700px;
background: no-repeat center;
background-size: cover;
}
.brands-a:first-child{
height:500px;
}
.brand-c1-d{
font-size: 18px;
color: #333;
line-height: 25px;
margin-top: 20px;
font-weight: bold;
}
.sf-brand{
height: 700px;
margin-top: 125px;
}
.sf-brand .sf-ban-div{
padding-top: 240px;
}
.brand-c1.on *{
color: #fff;
}
.brand-c1.on .brand-c1-a{
background: #fff;
}
@media (max-width: 1023px) {
.brands-a{
height:600px
}
}
@media (max-width: 767px) {
.brands{
border-top: 25px solid rgba(249,247,244,1);
}
/*.brands{
margin-top: .4rem;
}*/
.brands-pc{
display: none;
}
.brands-m{
display: block;
}
.brands-a{
height: auto;
background: no-repeat top center;
padding-top: 5rem;
background-size:7.5rem 5rem;
}
.brand-c1{
top: 0;
width: 100%;
margin-bottom: .3rem;
}
.brand-c1-d{
font-size: .24rem ;
line-height: .4rem;
margin-top: .05rem;
}
.sf-brand{
display: block !important;
height: 7rem;
margin-top: 1.2rem;
}
.sf-brand .sf-ban-div{
padding-top: 2.4rem !important;
}
}
.team-bj{
background: #fcfcfc;
}
.team{
padding-top: 100px;
padding-bottom: 110px;
overflow: hidden;
}
.team-a{
width: 100%;
overflow: hidden;
}
.team-a1{
width: calc(100% - 150px);
float: left;
max-width: 775px;
}
.team-a1-a{
font-size: 26px;
color: #373636;
line-height: 30px;
font-family: arial;
}
.team-a1-b{
font-size: 42px;
color: #373636;
line-height: 50px;
}
.team-a2{
width: 120px;
float: right;
text-align: center;
padding-top: 5px;
}
.team-a2-a{
}
.team-a2-b{
font-size: 22px;
color: #373636;
line-height: 45px;
font-family: arial;
font-weight: bold;
}
.team-b{
width: 30%;
float: left;
}
.team-b1{
font-size: 20px;
color: #2e2e2e;
line-height: 30px;
font-weight: bold;
padding-bottom: 15px;
border-bottom: 2px solid #2e2e2e;
}
.team-b2{
font-size: 14px;
color: #171717;
line-height: 30px;
padding: 15px 0;
font-weight: bold;
margin-bottom: 40px;
}
.team-b3{
font-size: 14px;
color: #868686;
line-height: 28px;
padding: 15px 0;
font-weight: bold;
}
.team-b3 div{
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
.team-b3 div:hover{
color: #272727;
transition: all .3s;
-webkit-transition: all .3s;
}
.team-b3 div.on{
color: #272727;
}
.team-c{
width: 66.67%;
float: right;
}
.team-c1{
width: 103%;
overflow: hidden;
margin-top: 30px;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-webkit-box-lines: multiple;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.team-c1 li{
width: 30.333%;
float: left;
margin-right: 3%;
border-bottom: 2px solid #272727;
padding-bottom: 15px;
margin-bottom: 25px;
}
.team-c1-b{
font-size: 20px;
color: #2e2e2e;
line-height: 25px;
font-weight: bold;
margin-top: 15px;
}
.team-c1-c{
font-size: 14px;
color: #171717;
line-height: 25px;
font-weight: bold;
}
.team-c1-d{
font-size: 12px;
color: #171717;
line-height: 20px;
font-weight: bold;
margin-top: 8px;
min-height: 60px;
}
.award{
height: 900px;
overflow: hidden;
position: relative;
background: #f5f5f5;
}
.award-a{
width: 100%;
max-width: 1650px;
padding: 0 50px;
margin: 0 auto;
padding-top: 110px;
position: relative;
}
.award-a1{
width: 425px;
float: left;
margin-left: 7%;
height: 394px;
background: url(../images/ico32.png) no-repeat center;
}
.award-a1-a{
font-size: 26px;
line-height: 30px;
color: #373636;
padding-left: 130px;
}
.award-a1-b{
font-size: 42px;
line-height: 55px;
color: #373636;
padding-left: 130px;
}
.award-a2{
width: calc(100% - 465px);
max-width: 860px;
float: right;
position: relative;
z-index: 3;
}
.award-a2-a{
height: 47px;
margin-top: 30px;
border-bottom: 2px solid rgba(0,0,0,.1);
}
.award-a2-a1{
font-size: 18px;
line-height: 45px;
color: #4b4a4a;
width: 110px;
font-weight: bold;
float: left;
cursor: pointer;
}
.award-a2-a2{
width: calc(100% - 110px);
float: left;
font-size: 18px;
line-height: 45px;
color: #4b4a4a;
font-weight: bold;
}
.award-a2-b{
width: 100%;
margin-top: 165px;
position: absolute;
left: 0;
padding: 0 50px;
z-index: 4;
}
.award-a2-b .swiper-container{
width: 100%;
}
@media (max-width: 767px) {
.award-a2-b{
padding: 0 .4rem;
position: relative;
}
.award-a2-b .swiper-container{
padding: .5rem 0;
}
}
.award-a2-b:hover{
cursor: url(../img/ico59.ico),auto;;
}
.award-b{
width: 100%;
height: 436px;
background: no-repeat center;
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
}
.award-swiper1{
width: 100%;
}
.award-swiper1 .swiper-slide{
cursor: pointer;
text-align: center;
}
.award-swiper1 .swiper-slide:after{
content: "";
width: 0px;
height: 2px;
background: #333;
position: absolute;
bottom: 0;
left: 50%;
margin-left: -25px;
transition: all .3s;
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide:hover:after{
width: 50px;
transition: all .3s;
-webkit-transition: all .3s;
}
.award-swiper1 .swiper-slide.on:after{
width: 50px;
}
.swp-div{
position: absolute;
left: 0;
bottom: 0;
background: #fff;
padding: 25px;
width: 100%;
display: none;
}
.swp-d1{
font-size: 15px;
color: #2e2e2e;
line-height: 25px;
}
.swp-d2{
font-size: 20px;
color: #2e2e2e;
line-height: 25px;
padding-bottom: 15px;
border-bottom: 2px solid rgba(0,0,0,.1);
}
.vision{
height: 702px;
}
.vision-m{
display: none;
}
.vision .swiper-slide{
background: no-repeat center;
background-size: cover;
}
.vision-div{
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 0 75px;
padding-top: 255px;
}
.vision-d1{
font-size: 28px;
color: #fff;
line-height: 30px;
}
.vision-d2{
float: left;
font-size: 28px;
color: #fff;
line-height: 45px;
padding: 15px 0;
/*border-bottom: 2px solid #fff;*/
}
.vision-d3{
width: 100%;
float: left;
font-size: 16px;
font-family: arial;
color: #fff;
line-height: 20px;
padding: 20px 0;
}
.vision-span{
width: 100%;
position: absolute;
bottom: 70px;
left: 0;
z-index: 4;
}
.vision-sp1{
width: 100%;
margin: 0 auto;
max-width: 1200px;
padding: 0 75px;
}
.vision-sp2 span{
width: 20px;
height: 3px;
background: #383837;
margin: 0 5px 0 0;
border-radius: 0;
opacity: 1;
}
.vision-sp2 .swiper-pagination-bullet-active{
background: #fff;
}
@media (max-width: 1550px) {
.award-a1{
margin-left: 0;
}
.vision-d2{
font-size: 26px;
line-height: 35px;
padding: 10px 0;
}
}
@media (max-width: 1400px) {
.brand-a1-a{
font-size: 30px;
}
}
@media (max-width: 1350px) {
.award-a1{
width: 300px;
height: 280px;
background-size: cover;
}
.award-a1-a,.award-a1-b{
padding-left: 60px;
}
.award-a2{
width: calc(100% - 330px);
}
}
@media (max-width: 1023px) {
.vision{
height: 500px;
}
.vision-div{
padding-top: 150px;
}
.brand-a1-a{
font-size: 28px;
}
.vision-d2{
font-size: 28px;
}
.brand-b1{
width: 100%;
}
.brand-b1 div{
width: initial;
height: 50px;
line-height: 50px;
display: inline-block;
float: left;
padding: 0 15px;
}
.brand-b2{
width: 100%;
margin-top: 25px;
float: left;
}
.team-c1 li{
width: 47%;
}
.award-a1{
position: absolute;
top: 50px;
left: 50px;
}
.award-a2{
width: 100%;
margin-top: 30px;
}
.award-a2-b{
margin-top: 50px;
}
.award{
}
.award-a{
padding-bottom: 100px;
}
.award-a1-a, .award-a1-b{
padding-left: 0;
}
.sf-tk-a{
width: 95%;
margin-top: 80px;
}
}
@media (max-width: 767px) {
.award{
height: inherit;
}
.brand{
padding-top: 1rem;
padding-bottom: .6rem;
}
.brand-a2{
width: 1.2rem;
padding-top: .1rem;
}
.brand-a2-b{
font-size: .28rem;
line-height: .45rem;
}
.brand-a1{
width: calc(100% - 1.5rem);
}
.brand-a1-a{
font-size: .36rem;
line-height: .55rem;
margin-bottom: .25rem;
}
.brand-a1-b{
font-size: .26rem;
line-height: .5rem;
}
.brand-b{
margin-top: .6rem;
}
.brand-b1 div{
font-size: .3rem;
line-height: .6rem;
height: .6rem;
padding: 0 .15rem;
margin-bottom: .05rems;
}
.brand-b2{
margin-top: .2rem;
height: 3rem;
background-size: cover;
}
.team-a2{
width: 1.2rem;
padding-top: .1rem;
}
.team-a2-b{
font-size: .28rem;
line-height: .45rem;
}
.team-a1-a{
font-size: .28rem;
line-height: .45rem;
}
.team-a1-b{
font-size: .45rem;
line-height: .6rem;
}
.team-b{
width: 100%;
margin-top: .2rem;
}
.team-b1{
font-size: .28rem;
line-height: .45rem;
padding-bottom: .05rem;
}
.team-b2{
font-size: .26rem;
line-height: .45rem;
padding: .15rem 0 ;
margin-bottom: .25rem;
}
.team-b3 div{
display: inline-block;
float: left;
margin: 0 .1rem;
font-size: .24rem;
line-height: .45rem;
margin-bottom: .05rem;
}
.team-c{
width: 100%;
margin-top: .5rem;
}
.team-c1{
margin-top: .3rem;
}
.team-c1-b{
font-size: .32rem;
line-height: .5rem;
margin-top: .1rem;
}
.team-c1-c{
font-size: .28rem;
line-height: .45rem;
}
.team-c1-d{
font-size: .24rem;
line-height: .45rem;
}
.team{
padding-top: .6rem;
padding-bottom: .6rem;
}
.award-b{
height: 3rem;
background-size: cover;
}
.award-a{
padding: 0 .4rem;
padding-top: .6rem;
padding-bottom: .8rem;
}
.award-a1{
top.4rem;
left: .4rem;
}
.award-a1-a{
font-size: .28rem;
line-height: .45rem;
}
.award-a1-b{
font-size: .42rem;
line-height: .55rem;
}
.award-a2{
margin-top: 1rem;
}
.award-a2-a{
height: .8rem;
}
.award-a2-a1{
font-size: .28rem;
height: .8rem;
line-height: .8rem;
width: 1.5rem;
}
.award-a2-a2{
width: calc(100% - 1.5rem);
font-size: .28rem;
line-height: .8rem;
}
.award-a2-b{
margin-top: .4rem;
}
.swp-div{
padding: .2rem;
}
.swp-d1{
font-size: .24rem;
line-height: .45rem;
}
.swp-d2{
font-size: .28rem;
line-height: .45rem;
padding-bottom: .15rem;
}
.vision{
height: 5rem;
}
.vision-pc{
display: none;
}
.vision-m{
display: block;
}
.vision .swiper-slide{
background-size: cover;
}
.vision-div{
max-width: 80%;
float: left;
padding: 0 .4rem;
padding-top: 1rem;
}
.vision-d1{
font-size: .3rem;
line-height: .45rem;
}
.vision-d2{
font-size: .3rem;
line-height: .45rem;
padding: .1rem 0;
}
.vision-d3{
font-size: .26rem;
line-height: .45rem;
padding: .2rem 0;
}
.vision-span{
bottom: 1rem;
}
.vision-sp1{
padding: 0 .4rem;
}
.sf-tk-a{
width: 95%;
margin-top: 2.2rem;
}
.sf-tk-x{
width: .4rem;
height: .4rem;
top: .4rem;
right: .4rem;
}
}
/*品质保证*/
.design{
height: 950px;
margin-top: 55px;
}
.design .swiper-slide{
background: no-repeat center;
}
.design-div{
padding-top: 240px;
}
.design-d1{
font-size: 28px;
color: #fff;
line-height: 35px;
}
.design-d2{
font-size: 28px;
color: #fff;
line-height: 1;
padding-top: 10px;
}
.design-d3{
font-size: 28px;
color: #fff;
line-height: 1;
padding-top: 10px;
font-family: arial;
}
.design-d4{
font-size: 14px;
color: #fff;
line-height: 25px;
padding-top: 85px;
max-width: 480px;
}
.design-span{
width: 100%;
position: absolute;
bottom: 0px;
left: 0;
z-index: 4;
}
.design-sp1{
position: relative;
}
.design-sp2{
width: 15px ;
height: 950px;
line-height:950px;
position: absolute;
bottom: 0 ;
right: 0;
}
.design-sp3{
width: 15px;
display: inline-block;
top: 50%;
right: 50px;
margin-top: -15px;
}
.design-sp3 span{
display: block;
float: right;
width: 15px;
height: 2px;
background: #fff;
margin: 3px 0;
border-radius: 0;
}
.design-sp2 .swiper-pagination-bullet-active{
width: 35px;
background: #fff;
}
.high{
height: 950px;
background: no-repeat center;
padding-top: 100px;
}
.high-a{
font-size: 22px;
color: #373636;
line-height: 25px;
font-family: arial;
font-weight: bold;
}
.high-b{
font-size: 28px;
color: #373636;
line-height: 50px;
margin-top: 10px;
}
.high-c{
margin-top: 15px;
}
.high-swiper{
width: 117%;
padding:0;
left: -8.5%;
}
.high-c1{
width: 100%;
max-width: 259px;
margin: 0 auto;
padding-top: 45px;
position: relative;
top: 100px;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-c1-a{
width: 100%;
border-radius: 100%;
overflow: hidden;
position: absolute;
top: 0;
z-index: 2;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-c1-a1{
display: none;
}
.high-c1-b{
font-size: 14px;
color: #373636;
line-height: 20px;
text-align: center;
position: relative;
z-index: 3;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-c1-c{
font-size: 18px;
color: #3c3c3c;
line-height: 20px;
text-align: center;
position: relative;
font-weight: bold;
font-family: arial;
z-index: 3;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-c1-d{
text-align: center;
margin-top: 30px;
position: relative;
z-index: 3;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-c1-e{
font-size: 13px;
color: #3f3f3f;
line-height: 25px;
text-align: center;
margin-top: 35px;
display: none;
transition: all .3s;
-webkit-transition: all .3s;
}
@media (min-width: 1024px) {
.high-swiper .swiper-slide-next .high-c1{
max-width: 467px;
top: 0;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide-next .high-c1-b{
font-size: 26px;
color: #fff;
line-height: 30px;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide-next .high-c1-c{
font-size: 35px;
color: #fff;
line-height: 50px;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide-next .high-c1-e{
display: block;
}
.high-swiper .swiper-slide-next .high-c1-a1{
display: block;
}
.high-swiper .swiper-slide-next .high-c1-a2{
display: none;
}
}
.chain{
height: 964px;
background: no-repeat center;
padding-top: 100px;
}
.chain-a{
font-size: 22px;
color: #fff;
line-height: 25px;
font-family: arial;
font-weight: bold;
}
.chain-b{
font-size:28px;
color: #fff;
line-height: 40px;
margin-top: 10px;
}
.chain-c{
margin-top: 90px;
height: 530px;
overflow: auto;
}
.chain-c .mCSB_inside>.mCSB_container{
margin-right: 5px !important;
}
.chain-c .mCSB_scrollTools .mCSB_draggerRail{
background-color: rgba(255,255,255,.4) !important;
}
.chain-c .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
width: 4px !important;
}
.chain-c li{
margin-bottom: 70px;
overflow: hidden;
}
.chain-c1{
width: 405px;
height: 130px;
background: #fff;
text-align: center;
line-height: 130px;
border-radius: 65px;
float: left;
}
.chain-c2{
width: calc(100% - 445px);
float: right;
max-width: 655px;
border-left: 1px solid #fff;
padding: 0 4%;
font-size: 14px;
color: #fff;
line-height: 25px;
margin-top: 15px;
}
.chain-c2-a{
font-size: 18px;
margin-bottom: 10px;
}
@media (max-width: 1400px) {
.design{
height: 850px;
}
/*.design-d1{
font-size: 24px;
line-height: 30px;
}
.design-d2{
font-size: 36px;
padding-top: 15px;
}
.design-d3{
font-size: 36px;
}*/
/*.high-b{
font-size: 36px;
}*/
/*.chain-b{
font-size: 36px;
}*/
}
@media (max-width: 1023px) {
/*.design-d1{
font-size: 22px;
}
.design-d2{
font-size: 34px;
}
.design-d3{
font-size: 34px;
}*/
/*.high-b{
font-size: 34px;
}*/
/*.chain-b{
font-size: 34px;
}*/
}
@media (max-width: 1023px) {
.high-swiper .swiper-slide .high-c1{
max-width: 467px;
top: 0;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide .high-c1-b{
font-size: 26px;
color: #fff;
line-height: 30px;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide .high-c1-c{
font-size: 35px;
color: #fff;
line-height: 50px;
transition: all .3s;
-webkit-transition: all .3s;
}
.high-swiper .swiper-slide .high-c1-e{
display: block;
}
.high-swiper .swiper-slide .high-c1-a1{
display: block;
}
.high-swiper .swiper-slide .high-c1-a2{
display: none;
}
.chain-c1{
width: 260px;
height: 80px;
border-radius: 40px;
line-height: 80px;
overflow: hidden;
padding: 0 20px;
}
.chain-c2{
width: calc(100% - 280px);
}
}
@media (max-width: 767px) {
.design{
height: 9.5rem;
margin-top: .4rem;
}
.design-sp3{
right: .4rem;
}
.design .swiper-slide{
background-size: cover;
}
.design-div{
padding-top: 3rem;
}
.design-d1{
font-size: .32rem;
line-height: .35rem;
}
.design-d2{
font-size: .32rem;
line-height: .55rem;
padding-top: .15rem;
}
.design-d3{
font-size: .32rem;
line-height: .55rem;
padding-top: .15rem;
}
.design-d4{
font-size: .24rem;
line-height: .45rem;
padding-top: .6rem;
}
.high{
padding-top: .6rem;
padding-bottom: .8rem;
height: initial;
background-size: cover;
}
.high-a{
font-size: .26rem;
line-height: .3rem;
}
.high-b{
font-size: .4rem;
line-height: .55rem;
margin-top: .15rem;
}
.high-swiper{
width: 80%;
left: 0;
}
.high-swiper .high-c1{
top: 0;
}
.high-swiper .swiper-slide .high-c1{
padding-top: .6rem;
}
.high-swiper .swiper-slide .high-c1-b{
font-size: .3rem;
line-height: .3rem;
}
.high-swiper .swiper-slide .high-c1-c{
font-size: .38rem;
line-height: .55rem;
}
.high-swiper .swiper-slide .high-c1-e{
font-size: .24rem;
line-height: .45rem;
}
.chain{
height: 10rem;
background-size: cover;
padding-top: .6rem;
}
.chain-a{
font-size: .28rem;
}
.chain-b{
font-size: .4rem;
line-height: .6rem;
margin-top: .05rem;
}
.chain-c{
margin-top: .6rem;
height: 7rem;
}
.chain-c1{
width: 2rem;
height: .6rem;
line-height: .6rem;
padding: 0 .2rem;
}
.chain-c2{
width: 100%;
margin-top: .15rem;
}
.chain-c2-a{
font-size: .3rem;
line-height: .5rem;
margin-bottom: .15rem;
}
.chain-c2{
font-size: .24rem;
line-height: .45rem;
}
.chain-c li{
margin-bottom: .6rem;
}
}
/*资讯中心*/
.news{
padding-bottom: 110px; background:#f3f3f3;
}
.news-a{
font-size: 28px;
line-height: 40px;
color: #2e2e2e;
margin-bottom: 50px;
}
.news-b{
}
.news-b li{
padding: 85px 0;
margin-bottom: 10px;
overflow: hidden;
border-top: 1px dashed rgba(0,0,0,.1);
}
.news-b li a{
display: block;
width: 100%;
height: 100%;
overflow: hidden;
}
.news-b li:first-child{
border-top: none;
}
.news-b1{
width: 100px;
float: left;
}
.news-b1-a{
font-size: 44px;
color: #acacac;
line-height: 70px;
border-bottom: 1px solid #acacac;
text-align: center;
}
.news-b1-b{
font-size: 14px;
color: #acacac;
line-height: 40px;
text-align: center;
}
.news-b2{
width: 300px;
float: left;
margin:0 40px;
overflow: hidden;
}
.news-b2 img{
max-width: 100%;
max-height: 100%;
transition: all .3s;
-webkit-transition: all .3s;
}
.news-b2:hover img{
transform: scale(1.08);
transition: all .3s;
-webkit-transition: all .3s;
}
.news-b3{
width: calc(100% - 480px);
float: right;
}
.news-b3-a{
font-size: 18px;
color: #2e2e2e;
line-height: 55px;
height: 55px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.news-b3-b{
font-size: 14px;
color: #515151;
line-height: 20px;
height: 40px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.news-b3-c{
width: 100%;
height: 1px;
background: rgba(0,0,0,.1);
margin-top: 25px;
}
.news-b3-d{
font-size: 14px;
color: #353535;
line-height: 20px;
margin-top: 25px;
font-weight: bold;
float: left;
padding-right: 10px;
background: url(../images/ico06.png) no-repeat right center;
background-size: 6px;
transition: all .3s;
-webkit-transition: all .3s;
}
.news-b3-d:hover{
padding-right: 15px;
transition: all .3s;
-webkit-transition: all .3s;
}
.news-b3-e{
font-size: 14px;
color: #353535;
line-height: 20px;
margin-top: 25px;
float: right;
display: none;
}
.news .page{
margin-top: 30px;
}
@media (max-width: 1023px) {
.news-a{
font-size: 28px;
line-height: 35px;
}
.news-b3-a{
font-size: 22px;
height: 50px;
line-height: 50px;
}
}
@media (max-width: 1023px) {
.news-a{
font-size: 26px;
}
.news-b3-a{
font-size: 20px;
}
.news-b li{
padding: 50px 0;
}
.news-b1{
width: 80px;
}
.news-b2{
width: 260px;
margin: 0 20px;
}
.news-b3{
width: calc(100% - 380px);
}
.news-b3-c{
margin-top: 15px;
}
.news-b3-d{
margin-top: 15px;
}
}
@media (max-width: 767px) {
.news{
padding-top: .8rem;
padding-bottom: .6rem;
}
.news-a{
font-size: .34rem;
line-height: .55rem;
margin-bottom: .2rem;
}
.news-b li{
padding: .4rem 0;
margin: 0;
}
.news-b1{
display: none;
}
.news-b2{
width: 2.8rem;
margin: 0;
margin-right: .2rem;
}
.news-b3{
width:calc(100% - 3rem);
}
.news-b3-a{
font-size: .28rem;
height: .35rem;
line-height: .35rem;
font-weight: bold;
}
.news-b3-b{
font-size: .24rem;
line-height: .4rem;
height: .8rem;
}
.news-b3-c{
margin-top: 0rem;
}
.news-b3-d{
font-size: .24rem;
line-height: .3rem;
margin-top: .15rem;
}
.news-b3-e{
display: block;
font-size: .24rem;
line-height: .3rem;
margin-top: .15rem;
}
.news .page{
margin-top: .3rem;
}
}
/*资讯详情*/
.newsinfo-bj{
background: #fcfcfc;
padding-top: 180px;
}
.newsinfo{
padding-top: 80px;
padding-bottom: 140px;
overflow: hidden;
}
.newsinfo-a{
font-size: 26px;
line-height: 45px;
text-align: center;
color: #222;
}
.newsinfo-b{
font-size: 16px;
line-height: 1;
text-align: center;
color: #888;
margin-top: 10px;
}
.newsinfo-c{
font-size: 16px;
line-height: 30px;
color: #666;
padding: 40px 0;
border-bottom: 1px solid rgba(0,0,0,.1);
border-top: 1px solid rgba(0,0,0,.1);
margin-top: 40px;
margin-bottom: 20px;
}
.newsinfo-d {
width: calc(100% - 160px);
float: left;
}
.newsinfo-d a{
display: block;
font-size: 16px;
line-height: 25px;
margin: 5px 0;
color: #333;
}
.newsinfo-d a:hover{
color: #ea524f;
}
.newsinfo-e{
width: 140px;
height: 45px;
background: #ea524f;
color: #fff;
line-height: 45px;
text-align: center;
display: block;
float: right;
margin-top: 10px;
}
.newsinfo-e:hover{
color: #fff;
opacity: .85;
}
@media (max-width: 1400px) {
.newsinfo-a{
font-size: 24px;
}
}
@media (max-width: 767px) {
.newsinfo-bj{
padding-top: 1.6rem;
}
.newsinfo{
padding: .6rem .4rem;
}
.newsinfo-a{
font-size: .36rem;
line-height: .5rem;
}
.newsinfo-b{
font-size: .24rem;
line-height: .4rem;
margin-top: .05rem;
}
.newsinfo-c{
margin: .3rem 0;
padding: .3rem 0;
font-size: .24rem;
line-height: .45rem;
}
.newsinfo-d a{
font-size: .24rem;
line-height: .45rem;
margin: .05rem 0;
}
.newsinfo-e{
width: 2.4rem;
height: .8rem;
font-size: .26rem;
line-height: .8rem;
}
.newsinfo-d {
width: 100%;
}
}
/*所有产品*/
.product-a{
padding-top: 180px;
padding-bottom: 50px;
}
.product-a1{
font-size: 28px;
color: #2e2e2e;
line-height: 50px;
height: 70px;
border-bottom: 2px solid rgba(0,0,0,.1);
background: url(../images/ico36.png) no-repeat right center;
cursor: pointer;
}
.product-a1.on{
background: url(../images/ico28.png) no-repeat right center;
}
.product-a2{
margin-top: 40px;
overflow: hidden;
}
.product-a2-a{
width: 55%;
float: left;
}
.product-a2-a1{
font-size: 22px;
line-height: 40px;
color: #2e2e2e;
margin-bottom: 25px;
}
.product-a2-a2{
overflow: hidden;
}
.product-a2-a2 a{
display: block;
float: left;margin-right: 8%;
font-size: 16px;
color: #2e2e2e;
line-height: 35px;
margin-bottom: 5px;
position: relative;
cursor: pointer;
}
.product-a2-a2 a:after{
content: "";
width: 0;
height: 2px;
background: #2e2e2e;
position: absolute;
bottom: 0;
left: 0;
transition: all .3s;
-webkit-transition: all .3s;
}
@media (min-width: 1024px) {
.product-a2-a2 a:hover:after{
width: 100%;
transition: all .3s;
-webkit-transition: all .3s;
}
}
.product-a2-a2 a.on:after{
width: 100%;
}
.product-a2-b{
width: 44%;
float: right;
cursor: pointer;
}
.product-a2-b1{
height: 149px;
background: no-repeat center;
padding-top: 50px;
}
.product-a2-b1 .pro-b1{
font-size: 26px;
color: #fff;
line-height: 30px;
font-weight: bold;
font-family: arial;
text-align: center;
}
.product-a2-b1 .pro-b2{
font-size: 18px;
color: #fff;
line-height: 30px;
text-align: center;
}
.product-a2-c{
width: 102.1%;
overflow: hidden;
}
/*.product-a2-c li{
background: no-repeat center;
width: 22.9%;
float: left;
margin-right: 2.1%;
height: 115px;
border-radius: 5px;
margin-bottom: 25px;
padding: 30px 25px 0 25px;
cursor: pointer;
}*/
.product-a2-c li{
background: no-repeat center;
width: 16.666%;
float: left;
height: auto;
border-radius: 5px;
cursor: pointer;
line-height: 60px;
}
.product-a2-c1{
display: inline-block;
margin-top: 15px;
font-size: 18px;
color: #333;
line-height: 30px;
transition: all .3s;
-webkit-transition: all .3s;
}
.product-a2-c1:hover{
border-bottom: 2px solid #333;
transition: all .3s;
-webkit-transition: all .3s;
}
.product-a2-c li.on .product-a2-c1{
border-bottom: 2px solid #333;
transition: all .3s;
-webkit-transition: all .3s;
}
.product-a2-c2{
font-size: 16px;
color: #333;
line-height: 20px;
margin-top: 5px;
}
.product-b{
width: 100%;
background: #f3f3f3;
padding-top: 70px;
padding-bottom: 70px;
}
.product-b-ul{
width: 102%;
padding-top: 10px;
position: relative;
left: -1%;
overflow: hidden;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-flex-flow: row wrap;
-webkit-box-lines: multiple;
-moz-flex-flow: row wrap;
-ms-flex-flow: row wrap;
flex-flow: row wrap;
}
.product-b-ul li{
width: 23%;
float: left;
margin:0 1%;
margin-bottom: 25px;
background: #fff;
position: relative;
top: 0;
transition: all .3s;
-webkit-transition: all .3s;
}
.product-b-ul li a{
display: block;
}
.product-b1{
background: #f9f9f9;
overflow: hidden;
text-align: center;
}
.product-b1 img{
transition: all .3s;
-webkit-transition: all .3s;
}
.product-b2{
padding: 20px;
}
.product-b2-a{
font-size: 16px;
color: rgb(120,120,120);
/*font-weight: bold;*/
line-height: 20px;
height: 20px;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}
.product-b2-b{
font-size: 16px;
color: #171717;
line-height: 30px;
height: 60px;
padding-top: 10px;
margin-top: 15px;
border-top: 1px solid rgba(0,0,0,.1);
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
}
.product-b34{
width: 70px;
height: 35px;
position: absolute;
top: 0;
left: 10px;
}
.product-b3{
width: 27px;
height: 35px;
float: left;
margin-right: 5px;
background: url(../images/ico40.png) no-repeat center;
}
.product-b4{
width: 27px;
height: 35px;
float: left;
margin-right: 5px;
background: url(../images/ico39.png) no-repeat center;
}
.product-b-ul li:hover{
box-shadow: 0 0 15px rgba(200,200,200,.5);
top: -3px;
transition: all .3s;
-webkit-transition: all .3s;
}
.product-b-ul li:hover .product-b1 img{
transform: scale(1.08);
transition: all .3s;
-webkit-transition: all .3s;
}
.product .page{
margin-top: 25px;
}
@media (max-width: 1220px) {
.product-a1{
font-size: 24px;
}
.product-a2-c1{
}
.product-a2-c2{
font-size: 14px;
}
.product-b2-a{
font-size: 16px;
}
.product-b2-b{
font-size: 16px;
}
}
@media (max-width: 1023px) {
.product-a2-a2 a{
margin-right: 3%;
}
.product-b-ul li{
width: 31.333%;
}
.product-a2-c li{
/*width: 31.233%;
margin-bottom: 20px;*/
}
}
@media (max-width: 767px) {
.product-a2-a2 a{
margin-right: 3%;
}
.product-b-ul li{
width: 31.333%;
}
.product-a{
padding-top: 1.8rem;
padding-bottom: .5rem;
}
.product-a1{
font-size: .32rem;
height: .7rem;
line-height: .5rem;
background-size: .3rem;
}
.product-a2{
margin-top: .3rem;
}
.product-a2-a{
width: 100%;
}
.product-a2-a1{
font-size: .3rem;
line-height: .5rem;
margin-bottom: .1rem;
}
.product-a2-a2 a{
font-size: .26rem;
line-height: .45rem;
margin-bottom: .1rem;
}
.product-a2-b{
width: 100%;
margin-top: .2rem;
}
.product-a2-b1{
height: 2rem;
background-size: cover;
padding-top: .6rem;
}
.product-a2-b1 .pro-b1{
font-size: .3rem;
line-height: .35rem;
}
.product-a2-b1 .pro-b2{
font-size: .28rem;
line-height: .45rem;
}
.product-b{
padding-top: .6rem;
padding-bottom: .6rem;
}
.product-b-ul li{
width: 48%;
margin-bottom: .25rem;
}
.product-b2{
padding: .2rem;
}
.product-b2-a{
font-size: .28rem;
}
.product-b2-b{
height: 1rem;
padding-top: .1rem;
margin-top: .1rem;
font-size: .26rem;
height: .9rem;
line-height: .45rem;
margin-bottom: .1rem;
}
.product .page{
margin-top: .25rem;
}
.product-a2-c li{
width: 33.333%;
margin-bottom: .25rem;
height: .6rem;
line-height: .6rem;
background-size: cover;
padding: 0rem;
}
.product-a2-c1{
font-size: .26rem;
line-height: .4rem;
margin: 0;
}
.product-a2-c2{
font-size: .24rem;
line-height: 0rem;
line-height: .4rem;
margin-top: .15rem;
}
}
/*产品详情*/
.proinfo{
padding-top: 255px;
padding-bottom: 95px;
overflow: hidden;
}
.proinfo-a{
width: 615px;
overflow: hidden;
float: left;
position: relative;
}
.proinfo-a2{
width: 540px;
height: 85px;
position: relative;
margin: 20px 0;
}
.proinfo-swiper{
width: 100%;
}
.proinfo-b{
width: calc(100% - 645px);
float: right;
max-width: 525px;
padding-top: 50px;
}
.proinfo-b1{
font-size: 26px;
color: #2e2e2e;
line-height: 50px;
}
.proinfo-b2{
font-size: 16px;
color: #515151;
line-height: 30px;
margin-top: 30px;
}
.proinfo-b3{
padding: 40px 0;
border-bottom: 1px solid rgba(0,0,0,.1);
border-top: 1px solid rgba(0,0,0,.1);
font-size: 17px;
color: #515151;
line-height: 30px;
margin-top: 60px;
}
.proinfo-c{
width: 100%;
overflow: hidden;
background: #fff;
float: left;
margin-top: 85px;
padding: 55px 30px 100px 30px;
}
.proinfo-c1{
height: 30px;
text-align: center;
position: relative;
}
.proinfo-c1 div{
display: inline-block;
font-size: 24px;
color: #2e2e2e;
line-height: 30px;
text-align: center;
margin: 0 35px;
cursor: pointer;
transition: all .3s;
-webkit-transition: all .3s;
}
/*.proinfo-c1:after{
content: "";
width: 1px;
height: 22px;
background: rgba(0,0,0,.1);
position: absolute;
top: 5px;
left: 50%;
}*/
.proinfo-c1 div.on{
color: #ea524f;
}
.proinfo-c1 div:hover{
color: #ea524f;
transition: all .3s;
-webkit-transition: all .3s;
}
.proinfo-c2{
width: 100%;
max-width: 95%;
margin: 0 auto;
margin-top: 50px;
}
.proinfo-c2-a{
font-size: 16px;
line-height: 30px;
color: #333;
}
.proinfo-d{
display: block;
width: 38px;
height: 38px;
font-size: 14px;
text-align: center;
line-height: 38px;
float: right;
margin-top: 70px;
margin-left:5px;
background: #fcfcfc url(../images/ico06.png) no-repeat center;
}
.proinfo-e{
display: block;
width: 38px;
height: 38px;
font-size: 14px;
text-align: center;
line-height: 38px;
float: right;
margin-top: 70px;
background: #fcfcfc url(../images/ico26.png) no-repeat center;
}
@media (max-width: 1200px) {
.proinfo-a{
width: 515px;
height: initial;
}
.proinfo-a2{
width: 440px;
bottom: 20px;
}
.proinfo-b{
width: calc(100% - 545px);
}
}
@media (max-width: 1023px) {
.proinfo-a{
width: 615px;
height: initial;
}
.proinfo-a2{
width: 440px;
bottom: 20px;
}
.proinfo-b{
width: 100%;
max-width: initial;
}
}
@media (max-width: 767px) {
.proinfo-a{
width: 100%;
}
.proinfo{
padding-top: 1.8rem;
padding-bottom: .6rem;
}
.proinfo-a2{
width: 5.7rem;
left: 0;
bottom: .2rem;
height: initial;
}
.proinfo-b{
padding-top: .4rem;
}
.proinfo-b1{
font-size: .4rem;
line-height: .5rem;
}
.proinfo-b2{
font-size: .28rem;
line-height: .5rem;
margin-top: .3rem;
}
.proinfo-b3{
padding: .3rem 0;
font-size: .26rem;
line-height: .45rem;
margin-top: .4rem;
}
.proinfo-c{
margin-top: .5rem;
padding: .2rem;
}
.proinfo-c1 div{
font-size: .3rem;
line-height: .5rem;
margin: 0 .2rem;
}
.proinfo-c1:after{
height: .3rem;
top: .25rem;
}
.proinfo-c2{
margin-top: .5rem;
}
.proinfo-c2-a{
font-size: .24rem;
line-height: .45rem;
}
.proinfo-d,.proinfo-e{
margin-top: .4rem;
}
}
/*业务交流*/
.market-bj{
background: no-repeat center;
height:1005px;
background-color: #eff0f0;
}
.market{
width: 100%;
max-width: 450px;
padding-top: 220px;
}
.market-a{
font-size: 18px;
color: #fff;
line-height: 25px;
}
.market-b{
font-size: 28px;
color: #fff;
line-height: 55px;
padding-bottom: 10px;
border-bottom: 2px solid #fff;
margin-top: 5px;
}
.market-c{
font-size: 14px;
color: #fff;
line-height: 25px;
margin-top: 25px;
}
.market-d{
font-size: 28px;
color: #fff;
line-height: 25px;
margin-top: 35px;
}
.market-e{
margin-top: 20px;
overflow: hidden;
}
.market-e li{
width: 205px;
height: 95px;
border: 1px solid rgba(255,255,255,.2);
border-radius: 5px;
overflow: hidden;
float: left;
margin-right: 15px;
margin-bottom: 15px;
}
.market-f{
font-size: 28px;
color: #fff;
line-height: 25px;
margin-top: 30px;
}
.market-g{
font-size: 14px;
color: #fff;
line-height: 16px;
margin-top: 15px;
border-bottom: 1px solid rgba(255,255,255,.6);
}
.market-g:hover{
color: #ea524f;
}
.gift-bj{
background: no-repeat center;
background-size: cover;
}
.gift-bj .cooperation-d{
margin-top: 30px !important;
}
.gift{
padding-top: 125px;
padding-bottom: 125px;
color: #373636;
}
.gift-a{
font-size: 22px;
line-height: 25px;
text-align: center;
font-family: arial;
}
.gift-b{
font-size: 28px;
line-height:70px;
text-align: center;
}
.gift-c{
width: 40px;
height: 1px;
margin: 0 auto;
background: rgba(0,0,0,.1);
margin-top: 30px;
}
.gift-d{
font-size: 18px;
line-height:25px;
text-align: center;
margin-top: 35px;
}
.gift-e{
font-size: 18px;
line-height:35px;
margin-top: 80px;
}
.gift-f{
margin-top: 60px;
overflow: hidden;
position: relative;
}
.gift-f1{
width: 30%;
max-width: 299px;
position: absolute;
left: 0;
top: 0;
}
.gift-f2{
width: 30%;
max-width: 299px;
margin: 0 auto;
position: relative;
}
.gift-f3{
width: 30%;
max-width: 299px;
position: absolute;
right: 0;
top: 0;
}
.gift-f1-a{
font-size: 25px;
line-height: 1;
padding-top: 75px;
padding: 45px;
}
.gift-f1-a{
font-size: 25px;
line-height: 1;
padding:0 15%;
position: absolute;
top: 18%;
left: 0;
color: #fff;
}
.gift-f1-b{
font-size: 33px;
line-height: 45px;
position: absolute;
top: 25%;
left: 0;
padding:0 15%;
color: #fff;
}
.gift-g{
font-size: 18px;
line-height:35px;
margin-top: 50px;
}
.gift-h{
margin-top: 70px;
}
.gift-i{
font-size: 18px;
line-height:35px;
margin-top: 30px;
}
.gift-j{
width: 101.6%;
overflow: hidden;
margin-top: 45px;
}
.gift-j li{
width: 23.4%;
float: left;
margin-right: 1.6%;
margin-bottom: 20px;
border-radius: 10px;
overflow: hidden;
}
.gift-k{
font-size: 18px;
line-height:35px;
margin-top: 120px;
}
.gift-l{
overflow: hidden;
margin-top: 40px;
font-size: 17px;
color: #373636;
line-height: 35px;
text-align: center;
}
.gift-l1{
width: 90px;
height: 125px;
float: left;
margin-bottom: 15px;
}
.gift-l1 img{
margin-top: 25px;
}
.gift-l2{
width: 80px;
height: 125px;
float: left;
background: url(../images/ico49.png) no-repeat center 10px;
margin-bottom: 15px;
}
.league-bj{
background: #fcfcfc;
}
.league{
padding-top: 75px;
padding-bottom: 50px;
color: #373636;
}
.league-a{
font-size: 22px;
line-height: 25px;
text-align: center;
font-family: arial;
}
.league-b{
font-size: 28px;
line-height:70px;
text-align: center;
}
.league-c{
width: 40px;
height: 1px;
margin: 0 auto;
background: rgba(0,0,0,.1);
margin-top: 30px;
}
.league-d{
overflow: hidden;
margin-top: 90px;
}
.league-hh{
font-size: 18px;
line-height: 35px;
margin-bottom: 20px;
}
.league-txt{
font-size: 14px;
line-height: 35px;
margin-bottom: 60px;
}
.league-d1{
width: 58.5%;
float: left;
}
.league-d2{
width: 40%;
float: left;
margin-left: 1.5%;
}
.league-d3{
width: 65%;
float: left;
}
.cooperation-bj{
height: 652px;
background: no-repeat center;
background-size: cover;
}
.cooperation{
padding-top: 75px;
text-align: center;
color: #fff;
}
.cooperation-a{
font-size: 28px;
line-height: 1;
}
.cooperation-b{
font-size: 16px;
line-height: 30px;
max-width: 750px;
margin: 0 auto;
margin-top: 60px;
}
.cooperation-c{
max-width: 790px;
margin: 0 auto;
margin-top: 65px;
overflow: hidden;
}
.cooperation-c1{
width: 27.85%;
float: left;
height: 105px;
border-radius: 3px;
border: 1px solid rgba(255,255,255,.1);
font-size: 18px;
color: #fff;
line-height: 103px;
margin-left: 8.22%;
}
.cooperation-c1:first-child{
margin-left: 0;
}
.cooperation-d{
width: 375px;
margin: 0 auto;
margin-top: 80px;
height: 60px;
background: #fff;
border-radius: 3px;
font-size: 18px;
color: #373636;
line-height: 60px;
text-align: center;
}
.cooperation-d a{
font-size: 18px;
color: #373636;
font-family: arial;
border-bottom: 1px solid #373636;
}
@media (max-width: 1400px) {
.market-b{
font-size: 36px;
padding-bottom: 15px;
}
.market-d{
font-size: 22px;
}
/*.gift-b{
font-size: 36px;
line-height: 60px;
}
.gift-e{
font-size: 22px;
}
.gift-g{
font-size: 22px;
}
.gift-i{
font-size: 22px;
}
.gift-k{
font-size: 22px;
}
.league-b{
font-size: 36px;
padding-bottom: 15px;
}*/
}
@media (max-width: 1023px) {
.gift{
padding-top: 80px;
padding-bottom: 80px;
}
.gift-h{
width: 60%;
}
.league-d1,.league-d2,.league-d3{
width: 100%;
margin: 0;
}
.league-d{
margin-top: 40px;
}
}
@media (max-width: 767px) {
.market-bj{
margin-top: .4rem;
background-size: cover;
}
.market{
padding-top: 1.5rem;
max-width: 5.5rem;
}
.market-a{
font-size: .28rem;
line-height: .4rem;
}
.market-b{
font-size: .36rem;
line-height: .5rem;
padding-bottom: .2rem;
}
.market-c{
font-size: .24rem;
line-height: .45rem;
margin-top: .2rem;
}
.market-d{
font-size: .32rem;
line-height: .45rem;
margin-top: .2rem;
}
.market-e{
margin-top: .1rem;
}
.market-e li{
width: 47%;
margin-right: 3%;
height: initial;
margin-bottom: .1rem;
}
.market-f{
font-size: .32rem;
line-height: .45rem;
margin-top: .2rem;
}
.market-g{
font-size: .24rem;
line-height: .3rem;
margin-top: 0rem;
position: relative;
top: -.2rem;
}
.gift-bj .cooperation-d{
margin-top: .4rem !important;
}
.gift{
padding-top: .5rem;
padding-bottom: .5rem;
}
.gift-a{
font-size: .28rem;
line-height: .4rem;
}
.gift-b{
font-size: .42rem;
line-height: .6rem;
}
.gift-c{
margin-top: .3rem;
}
.gift-d{
font-size: .26rem;
line-height: .45rem;
margin-top: .3rem
}
.gift-e,.gift-g,.gift-i,.gift-k{
font-size: .3rem;
line-height: .45rem;
}
.gift-e{
margin-top: .4rem;
}
.gift-f{
margin-top: .3rem;
}
.gift-f1-a{
font-size: .28rem;
}
.gift-f1-b{
font-size: .3rem;
}
.gift-g{
margin-top: .5rem;
}
.gift-h{
margin-top: .3rem;
}
.gift-i{
margin-top: .3rem;
}
.gift-j{
margin-top: .3rem;
}
.gift-j li{
width: 31.733%;
margin-bottom: .15rem;
}
.gift-k{
margin-top: .5rem;
}
.gift-l{
margin-top: .3rem;
font-size: .26rem;
line-height: .45rem;
}
.gift-l1{
width: 1.3rem;
height: 1.8rem;
margin-bottom: .15rem;
}
.gift-l1 img{
width: 60%;
margin-top: .25rem;
}
.gift-l2{
width: .8rem;
height: 1.8rem;
background: url(../images/ico49.png) no-repeat center .1rem;
background-size: .2rem;
margin-bottom: .15rem;
}
.league{
padding-top: .6rem;
padding-bottom: .5rem;
}
.league-a{
font-size: .28rem;
line-height: .4rem;
}
.league-b{
font-size: .42rem;
line-height: .6rem;
}
.league-c{
margin-top: .3rem;
}
.league-d{
margin-top: .6rem;
}
.league-hh{
font-size: .32rem;
line-height: .5rem;
margin-bottom: .1rem;
}
.league-txt{
font-size: .26rem;
line-height: .5rem;
margin-bottom: .4rem;
}
.cooperation-bj{
height: 7rem;
}
.cooperation{
padding-top: .75rem;
}
.cooperation-a{
font-size: .42rem;
line-height: .6rem;
}
.cooperation-b{
font-size: .24rem;
line-height: .45rem;
margin-top: .3rem;
}
.cooperation-c{
margin-top: .5rem;
}
.cooperation-c1{
font-size: .28rem;
height: 1rem;
line-height: 1rem;
}
.cooperation-d{
width: 5rem;
height: .8rem;
line-height: .8rem;
font-size: .26rem;
margin-top: .5rem;
}
.cooperation-d a{
font-size: .26rem;
}
}
.brand-banner{
height: 899px;
}
.brand-banner .swiper-slide{
height: 899px;
}
@media (max-width: 767px) {
.brand-banner{
height: 7rem;
}
.brand-banner .swiper-slide{
height: 7rem;
background-size: cover;
}
}
.productlast .product-b-ul{
margin-top: 40px;
}
@media (max-width: 767px) {
.productlast .product-b-ul{
margin-top:.4rem;
}
}
/*首页图片单独处理*/
.ipro-img1{
width: 1092px;
position: relative;
top: 110px;
left: 50%;
margin-left: -528px;
}
.ipro-img1 img{
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-img1-a:hover{
transform: scale(1.02);
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-img1-b{
position: absolute;
top:0px;
right: 0px;
}
.ipro-img1-b:hover{
transform: scale(1.02);
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-img1-c{
position: absolute;
top:70px;
left: 340px;
}
.ipro-img1-c:hover{
transform: scale(1.02);
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-img1-d{
position: absolute;
top:150px;
left: 200px;
}
.ipro-img2{
width: 1318px;
height: 100%;
position: relative;
top: 0px;
left: 50%;
margin-left: -659px;
}
.ipro-img2-a{
position: absolute;
top:-250px;
right: -27px;
}
.ipro-img2-b{
position: absolute;
bottom: -73px;
left: -346px;
}
.ipro-img2-c{
position: absolute;
bottom:5px;
left: 435px;
}
.ipro-img2-d{
position: absolute;
top: 476px;
right: 363px;
}
.ipro-img2-e{
position: absolute;
top: 390px;
right: 723px;
}
.ipro-img2-f{
position: absolute;
top: 206px;
right: 409px;
}
.ipro-img2 img{
transition: all .3s;
-webkit-transition: all .3s;
}
.ipro-img2 img:hover{
transform: scale(1.02);
transition: all .3s;
-webkit-transition: all .3s;
}
@media (max-width:1023px) {
.ipro-img1{
display: none;
}
.ipro-img2{
display: none;
}
}
/*区分手机和pc的banner*/
.ibanner-m{
display: none;
}
.sf-ban-m{
display: none;
}
.ibanner-span-cont-m{
display: none;
}
@media (max-width:767px) {
.ibanner{
display: none;
}
.ibanner-m{
display: block;
}
.ibanner-m .swiper-slide {
height:45vh;
background-size: cover;
}
/* .ibanner{
margin:20px 0;
}*/
.sf-ban{
display: none;
}
.sf-ban-m{
display: block;
}
.ibanner-span-cont{
display: none;
}
.ibanner-span-cont-m{
display: block;
}
}
.ibody{
}
.loadding{
position: fixed;
left: 0;
top: 0;
background: #000;
height: 100vh;
width: 100vw;
z-index: 999;
}
.loadding video{
height: 100vh;
width: 100vw;
}
.loadding-a{
width: 80px;
height: 80px;
position: absolute;
top: 50%;
left: 50%;
margin-left: -40px;
margin-top: -40px;
background: url(../images/f_ico02.png) no-repeat center;
background-size: cover;
display: none;
}
.loadding-b{
font-size: 19px;
color: #ffffff;
position: absolute;
width: 145px;
height: 48px;
line-height: 48px;
border-radius: 48px;
background: rgba(0,0,0,.6) url(../images/pageback.png) no-repeat 39px center/21px auto;
z-index: 5;
right: 30px;
bottom: 30px;
padding-left: 65px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
cursor: pointer;
}
@media (max-width: 1025px) {
.ibody{
display: block;
}
.loadding{
display: none;
}
}
.isearch-bj{
background-size:cover;
}
@media (min-width:1920px) {
.vision {
height:900px;
}
.design .swiper-slide,.high,.chain,.ivoice-bj,.market-bj,.recruit-a{
background-size:cover;
}
}
.wfull-video{
position:absolute;
width:100%;
height:100%;
left:0;
top:0;
z-index:2;
}
.full-video {
position: relative !important;
left: auto !important;
right: auto !important;
bottom: auto !important;
top: auto !important;
height: 100vh;
-webkit-transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
transition: width 0.56s, right 0.56s, bottom 0.56s, left 0.56s, top 0.56s, opacity 0.56s !important;
}
.full-video video {
position: absolute;
top: 50%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: 0;
-webkit-transform: translateX(-50%) translateY(-50%);
-ms-transform: translateX(-50%) translateY(-50%);
transform: translateX(-50%) translateY(-50%);
}
.wfull-video1{
position:relative;
width:100%;
height:100vh;
z-index:2;
overflow: hidden;
}
.brand-video{
width:100%;
height:calc(100vh - 125px);
position:relative;
overflow: hidden;
margin-top:125px;
}
.full-video video{
object-fit:cover;
}
.brand-video-a{
height:35vh;
}
header .logo{
padding-top: 30px;
}
@media (max-width: 767px){
header .logo { padding-top:0
}
.brand-video{
height:35vh;
}
}
@media (max-width: 425px){
header .logo {
}
}
input:-moz-placeholder,
textarea:-moz-placeholder {
color: #787878;
}
input::-moz-placeholder,
textarea::-moz-placeholder {
color: #787878;
}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder {
color: #787878;
}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
color: #787878;
}
.recruit-b1-b a,.recruit-b1-a,.recruit-b4-a,.recruit-b4-b1,.recruit-b4-b2 .rbb-div div,.recruit-b4-b2 .rbb-txt,.recruit-b4-b2 .rbb-a,.page a,.contact-d1-a,.contact-d2,.contact-b,.gift-b,.gift-d,.cooperation-d,.gift-e,.gift-g,.gift-i,.gift-k,.gift-l1,.league-b,.league-txt,.league-hh,.cooperation-d a,.newsinfo-a,.newsinfo-b,.news-b3-a,.news-b3-b,.news-b3-d,.high-b,.high-c1-b,.high-c1-e,.brand-c1-a,.brand-c1-b,.brand-c1-c,.brand-c1-d,.proinfo-b1,.proinfo-b2,.proinfo-b3,.product-a1,.product-a2-c1,.product-b2-b,.isearch-a,.iabout-b2,.iabout-b3,.iabout-b4,.iabout-b2,.ipro-a1-b,.footer-b,header.cli .nav-ul li .nav-a1,header.cli .header-rt .int1,.nav-ul-div1 a,.news-a{
color:#787878;
}
.proinfo-b2 span{
color:#787878 !important;
}
.footer-b1 a{
color:#787878;
}
.brand-c1-d{
font-weight: normal;
}
header.cli .nav-ul li .nav-a1:after{
background:#787878;
}
header.cli .header-rt{
/*border-bottom: 2px solid #787878;*/
}
.product-a2-c li.on .product-a2-c1{
border-bottom: 2px solid #787878;
}
.cooperation-d a{
border-bottom: 1px solid #787878;
}
/*悬浮链接*/
.suspension{position:fixed;z-index:55;right:0;bottom:150px;width:70px;height:240px; }
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#F05352;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:44px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}
/******************************
** 在线留言
** v.1.2
******************************/
.message-page input.code { border-color:#aaa; }
.message-page { width:680px; }
.message-page .row-1,
.message-page .row-2,
.message-page .row-3 { width:100%; clear:both; margin-bottom:15px; position:relative; overflow:hidden;float:left; }
.message-page .row-1 { width:328px; height:auto; padding:0 0 0 50px; border:1px solid #ddd; }
.message-page .row-2 { height:110px; padding:0 0 0 0; border:1px solid #ddd; background:#fff}
.message-page .row-3 { }
.message-page .ico-name { background:#fff url(../images/zzz.png) 15px center no-repeat; }
.message-page .ico-phone { background:#fff url(../images/xxx.png) 15px center no-repeat; }
.message-page .ico-email { background:#fff url(../images/mail.png) 15px center no-repeat; }
.message-page .tip { position:absolute; right:0; top:0; height:40px; line-height:40px; padding:0 10px; font-style:normal; color:#F00; }
.message-page .txt { width:100%; height:40px; line-height:40px; background:none; border:0; color:#999; font-size:14px}
.message-page .text { width:98%; border:0; background:#fff; padding:10px; font-size:14px; line-height:20px; height:100px; color:#999;}
.message-page img.code { float:left; width:110px; height:42px; margin-right:20px; cursor:pointer;}
.message-page input.code { float:left; width:150px; height:40px; line-height:40px; border:1px solid #ddd; background:#fff; margin-right:20px; padding:0 10px; color:#999; font-size:14px}
.message-page .submit, .message-page .reset { float:left; margin:0 0 0 10px; width:184px; height:42px; border:0; cursor:pointer; color:#FFF; font-size:16px; }
.message-page .submit { background:#427edf; margin-left:0; }
.message-page .reset { background:#999; }
.message-page .submit:hover { background:#f07800; }
.message-page .reset:hover { background:#777; }
.message-page .onfocus, .message-page .onfocus input.code { border-color:#aaa; }
.dialog-log { position:absolute; z-index:99; width:auto; padding:10px 20px; border:1px solid #e0272c; background:#ffe8e9; border-radius:3px; box-shadow:1px 1px 5px rgba(0,0,0,0.2); color:#e0272c; }
.dialog-log i { position:absolute; left:15px; top:-7px; width:14px; height:7px;}
.pagebar { padding:20px; overflow:hidden; clear:both}
.pagebar .pagination {
display: flex;
justify-content: center;
margin-top: 10px;
}
.pagination a {
background: #fff;
border: 1px solid #ccc;
color: #333;
font-size: 12px;
padding: 8px 10px;
margin: 0 2px;
border-radius: 3px; line-height:100%
}
.pagination span {
color: #333;
font-size: 12px;
padding: 7px 2px;
margin: 0 2px;
border-radius: 3px;
}
.pagination a:hover {
color: #333;
border: 1px solid #333;
}
.pagination a.page-num-current {
color: #fff;
background: #333;
border: 1px solid #333;
}
.pagination .st{ font-family:宋体}
.text-secondary{ text-align:center; padding:20px 0}
#maximg img{ max-width:100% !important; height:auto !important;display:inline-block;}
#maximg p span{text-wrap: inherit !important;}