/*公共内页*/
body {
color: #666;
}
h2,h3,h4{color: #333;font-weight: normal}
.container{position: relative}
.fix-footer{display: none!important;}
.big-title{
font-size: 30px;
line-height: 1.6;
color: #333;
padding-bottom: 68px;
font-weight: normal;
text-align: center;
position: relative;
}
.big-title:before{
content: '';
position: absolute;
bottom: 50px;
left: 50%;
margin-left: -20px;
width: 40px;
height: 3px;
background: #eb6120;
}
.common-banner{
position: relative;
width: 100%;
height: 580px;
text-align: center;
background-position:center;
background-repeat: no-repeat;
font-size: 18px;
color: #fff;
}
.common-banner .title{
font-size: 38px;
font-weight: normal;
color: #fff;
}
.common-section{
width: 100%;
height: 700px;
padding: inherit;
}
/*åˆä½œä¼™ä¼´*/
.partner-main .common-banner{
background-position:center 80px;
}
.partner-main .common-banner .title{
line-height: 125px;
padding-top: 170px;
}
.partner-main .common-banner .ui-btn,.partner-main .common-banner .ui-border-btn{
line-height: 50px;
padding: 0;
width: 150px;
margin:65px 12px 0;
}
.partner-main .common-banner .ui-border-btn{
background: rgba(0,0,0,.30);
}
.partner-main .section1{
background: url("../img/partner/contentbg1.jpg") left no-repeat;
padding-top: 100px;
}
.partner-main .section1 .info-txt{
background: #fff;
width: 900px;
height: 500px;
padding: 70px;
font-size: 16px;
}
.partner-main .section1 .info-txt h4{
font-weight: normal;
font-size: 22px;
padding: 30px 0 60px;
}
.partner-main .section1 .info-txt p{
padding-top:35px;
}
.partner-main .section1 .img{
position: absolute;
right: 0;
top:50px;
}
.partner-main .section2{
background: url("../img/partner/contentbg2.jpg") left no-repeat;
padding-top: 100px;
}
.partner-main .section2 .container>.big-title{
margin-bottom: 50px;
}
.partner-main .section2 .choice-list li{
position: relative;
display: inline-block;
float: left;
width: 270px;
height: 240px;
overflow: hidden;
-moz-box-shadow:0px 0px 20px #ccc;
-webkit-box-shadow:0px 0px 20px #ccc;
box-shadow:0px 0px 20px #ccc;
}
.partner-main .section2 .choice-list li:first-child+li{
margin:0 40px;
}
.partner-main .section2 .choice-list li:first-child+li+li{
margin-right:40px;
}
.partner-main .section2 .choice-list li .headline{
position: absolute;
left: 0;
bottom: 0;
z-index: 2;
display: block;
width: 100%;
line-height: 60px;
background: #fff;
font-size: 20px;
padding-left: 20px;
}
.partner-main .section2 .choice-list li .hover-layer{
position: absolute;
left: 0;
top: 100%;
z-index:3;
width: 100%;
height:0;
background: #222;
color: #fff;
padding:35px 20px ;
font-size: 15px;
line-height: 2.2;
}
.partner-main .section2 .choice-list li:hover .hover-layer{
height:240px;
top: 0;
transition: all .8s ease;
}
.partner-main .section2 .choice-list li .hover-layer .big-title{
font-size: 20px;
color: #fff;
text-align: left;
padding-bottom: 36px;
}
.partner-main .section2 .choice-list li .hover-layer .big-title:before {
bottom: 16px;
left: 0;
margin-left: 0;
width: 30px;
}
.partner-main .section3{
background:#f5f5f5;
padding-top: 110px;
}
.partner-main .section3 .case-list li{
float: left;
display: inline-block;
width: 20%;
text-align: center;
font-size: 16px;
margin-top: 80px;
}
.partner-main .section3 .case-list .case-icon{
display: inline-block;
width: 83px;
height: 96px;
line-height: 94px;
background: url("../img/partner/casebg.png") no-repeat ;
}
.partner-main .section3 .case-list .case-icon:hover{
}
.partner-main .section3 .case-list .case-icon i{
display: inline-block;
background: url("../img/partner/caseicon.png") no-repeat ;
width: 34px;
height: 34px;
vertical-align: middle;
}
.partner-main .section3 .case-list .case-icon .icon2{
background-position:0 -40px;
}
.partner-main .section3 .case-list .case-icon .icon3{
background-position: 0 -79px;
}
.partner-main .section3 .case-list .case-icon .icon4{
background-position:0 -118px;
}
.partner-main .section3 .case-list .case-icon .icon5{
background-position:0 -159px;
}
.partner-main .section3 .case-list .name{
font-size: 22px;
line-height: 55px;
margin-top: 14px;
}
.partner-main .section4{
background: url("../img/partner/contentbg4.jpg") no-repeat;
height: 440px;
font-size: 18px;
padding-top: 70px;
color: #fff;
line-height:3;
text-align: center;
}
.partner-main .section4 .big-title{
color: #fff;
padding-bottom: 55px;
}
.partner-main .section4 .big-title:before{
bottom: 30px;
}
.partner-main .section4 .ui-btn {
line-height: 50px;
padding: 0 40px;
margin-top: 36px;
font-size: 16px;
}
.partner-main .section5{
background: url("../img/partner/contentbg5.jpg") top center no-repeat;
padding-top: 95px;
}
.partner-main .section5 .support-list li{
float: left;
display: inline-block;
width: 25%;
text-align: center;
margin-top: 46px;
line-height: 1.8;
}
.partner-main .section5 .support-list li .support-icon{
display: inline-block;
position: relative;
width: 120px;
height: 120px;
background: url("../img/partner/supporticon.png") no-repeat;
}
.partner-main .section5 .support-list li .support-icon2{
background-position: 0 -145px;
}
.partner-main .section5 .support-list li .support-icon3{
background-position: 0 -291px;
}
.partner-main .section5 .support-list li .support-icon4{
background-position: 0 -441px;
}
.partner-main .section5 .support-list li .support-icon:before{
content: '';
width: 140px;
height: 140px;
position: absolute;
left: -11px;
top: -11px;
border: 1px solid #e9e9e9;
border-radius: 100%;
}
.partner-main .section5 .support-list li .title{
font-size: 22px;
padding: 35px 0 12px;
}
.partner-main .section6{
background:#f5f5f5;
padding-top: 90px;
}
.partner-main .section6 .container .new-container{
height: 390px;
}
.partner-main .section6 .list-unit{
width: 270px;
height: 380px;
background: #fff;
margin: 0 auto;
transition: all 0.6s ease 0s;
/* -moz-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);
box-shadow: 0px 0 10px rgba(0, 0, 0, 0.1);*/
}
.partner-main .section6 .list-unit .img{
width: 100%;
height: 218px;
overflow: hidden;
}
.partner-main .section6 .list-unit .img img{
width: 100%;
height:100%;
}
.partner-main .section6 .list-unit .txt{
padding: 10px;
width: 100%;
height: 162px;
position: relative;
}
.partner-main .section6 .list-unit .txt .time{
float: right;
font-size: 12px;
color: #999;
}
.partner-main .section6 .list-unit .txt .time span{
padding-left: 4px;
}
.partner-main .section6 .list-unit .txt .title{
font-size: 16px;
color: #666;
margin-top: 30px;
padding: 10px 10px 0;
height: 110px;
overflow: hidden;
}
.partner-main .section6 .list-unit:hover{
margin-top: -20px;
box-shadow: 0px 12px 32px rgba(0, 0, 0, 0.1);
visibility: visible;
animation-name: fadeInUp;
animation-delay: 0.2s;
}
.partner-main .section6 .list-unit:hover .txt:after {
height: 4px;
width: 100%;
opacity: 1;
bottom: 0px;
}
.partner-main .section6 .list-unit .txt:after {
content: "";
display: block;
background-color: #eb6120;
width: 0px;
height: 4px;
opacity: 0;
position: absolute;
bottom: 0px;
transition: all 0.6s ease 0s;
margin-left: -10px;
}
.partner-main .section6 .swiper-button-next, .partner-main .section6 .swiper-button-prev,
.about-main .staff-area .swiper-button-next,.about-main .staff-area .swiper-button-prev{
position: absolute;
top: 270px;
width: 40px;
height: 60px;
line-height: 60px;
margin-top: 30px;
background: rgba(0,0,0,.20);
text-align: center;
cursor: pointer;
}
.partner-main .section6 .swiper-button-next.disabled, .partner-main .section6 .swiper-button-prev.disabled,
.about-main .staff-area .swiper-button-next.disabled,.about-main .staff-area .swiper-button-prev.disabled,
.about-main .staff-area .swiper-button-next.disabled:hover,.about-main .staff-area .swiper-button-prev.disabled:hover,
.partner-main .section6 .swiper-button-next.disabled:hover, .partner-main .section6 .swiper-button-prev.disabled:hover{
background:rgba(0,0,0,.05);
cursor: default;
}
.partner-main .section6 .swiper-button-next,.about-main .staff-area .swiper-button-next{
right: -65px;
}
.partner-main .section6 .swiper-button-prev,.about-main .staff-area .swiper-button-prev{
left: -65px;
}
.partner-main .section6 .swiper-button-next:hover, .partner-main .section6 .swiper-button-prev:hover,
.about-main .staff-area .swiper-button-next:hover,.about-main .staff-area .swiper-button-prev:hover
{
background: rgba(0,0,0,.4);
}
.partner-main .section6 .swiper-button-next:before, .partner-main .section6 .swiper-button-prev:before,
.about-main .staff-area .swiper-button-next:before,.about-main .staff-area .swiper-button-prev:before{
display: inline-block;
font-family:"iconfont" !important;
color: #fff;
font-size: 32px;
vertical-align: middle;
}
.partner-main .section6 .swiper-button-next:before,.about-main .staff-area .swiper-button-next:before{
content: "\e775";
}
.partner-main .section6 .swiper-button-prev:before,.about-main .staff-area .swiper-button-prev:before{
content: "\e779";
}
.partner-main .section7{
background:#222;
padding-top:30px;
height: 850px;
}
.partner-main .section7 .city-map-area{
width: 100%;
height: 560px;
text-align: center;
}
.partner-main .section7 .city-layer{
position: relative;
width: 416px;
height: 216px;
padding-top: 8px;
border-left: 2px solid #9b4821;
border-right:2px solid #9b4821;
}
.partner-main .section7 .city-layer .content{
position: relative;
width: 400px;
height: 200px;
margin:0 auto;
background:rgba(0,0,0,.6);
border: 1px solid #eb6120;
color: #fff;
padding: 18px 20px;
}
.partner-main .section7 .city-layer:before,.partner-main .section7 .city-layer:after,
.partner-main .section7 .city-layer .content:before,.partner-main .section7 .city-layer .content:after{
content: '';
position: absolute;
width: 55px;
height: 2px;
background: #9b4821;
}
.partner-main .section7 .city-layer:before{
top: -1px;
left: 0;
}
.partner-main .section7 .city-layer:after{
bottom:-1px;
left: 0;
}
.partner-main .section7 .city-layer .content:before{
top: -9px;
right: -7px;
}
.partner-main .section7 .city-layer .content:after{
right: -7px;
bottom:-9px;
}
.partner-main .section7 .city-layer .up-area{
position: relative;
padding-left: 100px;
height: 60px;
text-align: left;
}
.partner-main .section7 .city-layer .up-area img{
position: absolute;
left: 0;
top: 0;
width: 84px;
height: 50px;
}
.partner-main .section7 .city-layer .up-area .name{
color: #eb6120;
font-size: 16px;
margin-bottom: 6px;
}
.partner-main .section7 .city-layer .info-txt{
line-height: 1.8;
height: 100px;
width: 100%;
word-break: break-all;
word-wrap: break-word;
white-space:normal;
text-align: left;
}
.partner-main .section8{
background: url("../img/partner/contentbg8.jpg") top center no-repeat;
padding-top:70px;
height: 440px;
}
.partner-main .section8 .big-title,.partner-main .section7 .big-title{
color: #fff;
margin-top: 50px;
}
.partner-main .section8 .apply-form >div{
display: inline-block;
float: left;
margin-right: 26px;
}
.partner-main .section8 .apply-form .form-group input::-webkit-input-placeholder { color: #fff; }
.partner-main .section8 .apply-form .form-group input:-ms-input-placeholder { color: #fff; }
.partner-main .section8 .apply-form .form-group input:-moz-placeholder { color: #fff; }
.partner-main .section8 .apply-form .form-group input::-moz-placeholder { color: #fff; }
.partner-main .section8 .apply-form .form-group input{
height: 50px;
line-height: 30px;
width: 320px;
color: #fff;
border: 1px solid transparent;
font-size: 15px;
padding:10px 20px;
background:rgba(255,255,255,.3);
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=30);
}
.partner-main .section8 .apply-form .form-group input:focus{
border-color: #fff;
}
.partner-main .section8 .apply-form .ui-btn{
line-height:46px;
font-size: 15px;
}
.partner-main .section8 .tel-txt{
clear: both;
width: 100%;
color: #fff;
font-size: 16px;
margin-top: 70px;
text-align: center;
}
/*è”系我们*/
.contactUs-main .contactUs-map{
width: 100%;
height: 580px;
overflow: hidden;
}
.contactUs-main .section1{
height: 440px;
padding-top: 60px;
}
.contactUs-main .section1 .code-area{
width: 580px;
height: 260px;
border: 1px solid #eee;
border-radius: 2px;
padding: 38px;
}
.contactUs-main .section1 .code-area .code-img,.contactUs-main .section1 .code-area .code-list{
display: inline-block;
float: left;
}
.contactUs-main .section1 .code-area .code-img{
width: 182px;
height: 182px;
padding:11px;
background: #eee;
border-radius: 2px;
}
.contactUs-main .section1 .code-area .code-img img{
width: 160px;
height: 160px;
display: none;
}
.contactUs-main .section1 .code-area .code-img img.cur{
display: block;
}
.contactUs-main .section1 .code-area .code-list{
border-left: 1px solid #eee;
margin-left: 38px;
}
.contactUs-main .section1 .code-area .code-list a{
color: #999;
display: block;
line-height: 62px;
position: relative;
}
.contactUs-main .section1 .code-area .code-list a:hover{
color: #666;
}
.contactUs-main .section1 .code-area .code-list a .code-icon{
display: inline-block;
background: url("../img/about/codeicon.png") no-repeat;
width: 30px;
height: 24px;
margin: 0 30px;
vertical-align: middle;
}
.contactUs-main .section1 .code-area .code-list a .code-icon2{
background-position:0 -60px;
}
.contactUs-main .section1 .code-area .code-list a .code-icon3{
background-position:-1px -121px;
}
.contactUs-main .section1 .code-area .code-list a:hover .code-icon1,.contactUs-main .section1 .code-area .code-list a.cur .code-icon1{
background-position:-43px 0;
}
.contactUs-main .section1 .code-area .code-list a:hover .code-icon2,.contactUs-main .section1 .code-area .code-list a.cur .code-icon2{
background-position:-43px -60px;
}
.contactUs-main .section1 .code-area .code-list a:hover .code-icon3,.contactUs-main .section1 .code-area .code-list a.cur .code-icon3{
background-position:-44px -121px;
}
.contactUs-main .section1 .code-area .code-list a:before{
content: '';
position: absolute;
left:-1px;
top: 0;
width: 4px;
height: 0px;
background: #eb6120;
}
.contactUs-main .section1 .code-area .code-list a:hover:before,.contactUs-main .section1 .code-area .code-list a.cur:before{
height: 62px;
transition: all .8s ease;
}
.contactUs-main .section1 .info-text{
font-size: 16px;
color: #333;
margin-left: 140px;
line-height: 2.8;
padding-top: 20px;
}
/*关于我们*/
@-webkit-keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
20% {
opacity: 1;
}
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; }
}
@keyframes ball-scale-multiple {
0% {
-webkit-transform: scale(0);
transform: scale(0);
opacity: 0; }
20% {
opacity: 1; }
100% {
-webkit-transform: scale(1);
transform: scale(1);
opacity: 0; }
}
.about-main .about-banner{
background-image: url("../img/about/bannerbg.jpg");
background-position: center 80px;
}
.about-main .about-banner .data-list li{
display: inline-block;
float: left;
width: 25%;
text-align: center;
font-size: 17px;
margin:200px 0 90px 0;
border-left: 1px solid #88898a;
padding-bottom: 4px;
}
.about-main .about-banner .data-list li:first-child{
border-left: 0;
}
.about-main .about-banner .data-list li h4{
font-size: 60px;
color: #fff;
line-height: 60px;
margin-bottom:28px;
}
.about-main .about-banner .info-text{
color: #bbb;
font-size: 18px;
width: 100%;
clear: both;
line-height: 2;
}
.about-main .about-banner .info-text span{
color: #fff;
}
.about-main .section1{
position: relative;
width: 100%;
height: 700px !important;
}
#products-canvas{
display: block;
width: 100% !important;
height: 100% !important;
position: absolute;
left: 0;
top: 0;
z-index: 4;
}
.about-main .section1 .idea-area{
background: url("../img/about/ciclebg.png") no-repeat transparent center;
width: 100%;
height: 700px;
position: absolute;
left: 0;
top: 0;
z-index:3;
padding: 0 70px;
}
.about-main .section1 .idea-area .side-column,.about-main .section1 .idea-area .center-column{
display: inline-block;
float: left;
position: relative;
text-align: center;
}
.about-main .section1 .idea-area .side-column{
width: 200px;
font-size: 16px;
color: #333;
line-height: 2;
}
.about-main .section1 .idea-area .center-column{
width: 660px;
padding-top: 220px;
}
.about-main .section1 .idea-area .side-column .column-unit{
padding-top: 105px;
}
.about-main .section1 .idea-area .side-column .column-unit:last-child{
padding-top:230px;
}
.about-main .section1 .idea-area .side-column .column-unit .txt-orange{
font-size:20px;
line-height:3;
}
.about-main .section2{
background: url("../img/about/contentbg2.jpg") center no-repeat #1c1d1e;
color: #fff;
position: relative;
}
.about-main .develop-list{
position: relative;
width: 100%;
height: 520px;
border-bottom: 1px solid #494949;
text-align: center;
}
.about-main .develop-list .preview{
width: 1210px;
height: 80px;
position:absolute;
left: 50%;
bottom: -72px;
margin-left: -605px;
z-index: 4;
}
.about-main .develop-list .preview .swiper-container{
width:1110px;
margin: 0 auto;
height: 80px;
}
.about-main .develop-list .preview .swiper-slide {
width: 110px;
height:80px;
}
.about-main .develop-list .preview .swiper-slide a{
display: block;
position: relative;
width: 100%;
height: 80px;
padding-top:34px;
font-size: 13px;
}
.about-main .develop-list .preview .swiper-slide.active-nav a{
color: #eb6120;
}
.about-main .develop-list .preview .swiper-slide a:before,.about-main .develop-list .preview .swiper-slide.active-nav a:after{
content: '';
position: absolute;
left: 50%;
margin-left: -2px;
top: 6px;
z-index: 6;
width: 4px;
height: 4px;
background: #fff;
border-radius: 100%;
}
.about-main .develop-list .preview .swiper-slide.active-nav a:before,.about-main .develop-list .preview .swiper-slide.active-nav a:after{
opacity: 0;
width: 18px;
height: 18px;
top: 0;
margin-left: -9px;
background: #eb6120;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation: ball-scale-multiple 1s 0s linear infinite;
animation: ball-scale-multiple 1s 0s linear infinite;
}
.about-main .develop-list .preview .swiper-slide.active-nav a:after{
-webkit-animation-delay: 0.4s;
animation-delay: 0.4s;
}
.about-main .develop-list .preview.IE .swiper-slide.active-nav a:before{
opacity: 1;
margin-left: -2px;
top: 6px;
width: 4px;
height: 4px;
}
.about-main .develop-list .preview .arrow-left,.about-main .develop-list .preview .arrow-right{
position: absolute;
top: -260px;
width: 60px;
height: 60px;
line-height: 60px;
border-radius: 100%;
background: rgba(255,255,255,.04);
}
.about-main .develop-list .preview .arrow-left:hover,.about-main .develop-list .preview .arrow-right:hover{
background: rgba(255,255,255,.1);
}
.about-main .develop-list .preview .arrow-left{
left: 0;
}
.about-main .develop-list .preview .arrow-right{
right:22px;
}
.about-main .develop-list .preview .arrow-left i,.about-main .develop-list .preview .arrow-right i{
font-size: 20px;
}
.about-main .develop-list .view{
width: 1000px;
height:440px;
position:absolute;
left: 50%;
bottom:25px;
margin-left: -500px;
z-index: 2;
}
.about-main .develop-list .view .swiper-container,.about-main .develop-list .view .swiper-slide{
width: 1000px;
height:440px;
}
.about-main .develop-list .view .swiper-slide{
display: table;
}
.about-main .develop-list .view .swiper-slide .text-unit{
display: table-cell;
vertical-align: middle;
line-height: 2;
font-size: 32px;
}
.about-main .develop-list .view .swiper-slide .big-title{
color: #fff;
font-size: 32px;
padding-bottom:50px;
}
.about-main .develop-list .view .swiper-slide .big-title:before{
bottom: 36px;
}
.about-main .side-title{
text-align: center;
background: #111;
}
.about-main .side-title .big-title{
font-size: 36px;
color: #fff;
display: inline-block;
}
.about-main .section3{
background: url("../img/about/contentbg3.jpg") top center no-repeat #fff;
position: relative;
padding-top: 200px;
}
.about-main .section3 .honor-area{
width: 100%;
height: 460px;
}
.about-main .honor-area .side-title{
width: 300px;
height: 100%;
line-height: 460px;
}
.about-main .honor-area .honor-list .honor-unit{
display: inline-block;
float: left;
width: 300px;
}
.about-main .honor-area .honor-list .honor-unit>div{
width: 100%;
height:230px;
position: relative;
font-size: 20px;
color: #333;
text-align: center;
line-height: 2;
background: #eee;
}
.about-main .honor-area .honor-list .honor-unit:nth-child(2)>div{
background: #eb6100;
color: #fff;
}
.about-main .honor-area .honor-list .honor-unit:last-child>div{
background: #fff;
}
.about-main .honor-area .honor-list .honor-unit:first-child>div:last-child,
.about-main .honor-area .honor-list .honor-unit:nth-child(2)>div:first-child{
padding-top: 72px;
}
.about-main .honor-area .honor-list .honor-unit:last-child>div:last-child{
padding-top: 90px;
}
.about-main .honor-area .honor-list .honor-unit:first-child>div:last-child:before,
.about-main .honor-area .honor-list .honor-unit:last-child>div:last-child:before{
content: '';
position: absolute;
width: 0;
height: 0;
border-style: solid;
border-width: 0 8px 10px 8px;
border-color: transparent transparent #eee transparent;
top: -10px;
left: 50%;
margin-left: -8px;
}
.about-main .honor-area .honor-list .honor-unit:last-child>div:last-child:before{
border-color: transparent transparent #fff transparent;
}
.about-main .honor-area .honor-list .honor-unit:nth-child(2)>div:last-child:before{
content: '';
position: absolute;
top:-1px;
left: 50%;
margin-left: -8px;
width: 0;
height: 0;
border-style: solid;
border-width: 10px 8px 0 8px;
border-color: #eb6100 transparent transparent transparent;
}
.about-main .section4{
height: 650px;
}
.about-main .section4 .container{
width: 1310px;
margin-top:90px;
}
.about-main .staff-container{
width: 1240px;
margin:50px auto 0;
height: 310px;
}
.about-main .staff-container .list-unit{
display: block;
width: 300px;
height: 300px;
background: #fff;
color: #333;
margin: 0 auto;
transition: all 0.6s ease 0s;
}
.about-main .staff-container .list-unit .img{
width: 100%;
height:220px;
overflow: hidden;
position: relative;
}
.about-main .staff-container .list-unit .img img{
width: 100%;
height:100%;
}
.about-main .staff-container .list-unit .img:before{
content: '';
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
z-index: 2;
background: rgba(0,0,0,.5);
}
.about-main .staff-container .list-unit:hover .img:before{
top:222px;
transition: all .4s ease;
}
.about-main .staff-container .list-unit .txt{
padding: 0 15px;
width: 100%;
height:80px;
position: relative;
padding-top:15px;
}
.about-main .staff-container .list-unit .txt .time{
padding-right:6px;
}
.about-main .staff-container .list-unit:hover .txt .time{
font-size: 24px;
color: #333;
display: block;
line-height: 1;
}
.about-main .staff-container .list-unit:hover{
box-shadow: 0px 0px 30px rgba(0, 0, 0, 0.1);
}
.about-main .staff-container .list-unit:hover .txt span:last-child{
display: inline-block;
height: 18px;
margin-top: 6px;
width: 100%;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.about-main .staff-area .swiper-button-next,.about-main .staff-area .swiper-button-prev{
position: absolute;
top:222px;
z-index: 22;
cursor: pointer;
}
.about-main .staff-area .swiper-button-prev{
left: 0;
}
.about-main .staff-area .swiper-button-next{
right: 0;
}
.about-main .section5{
background: url("../img/about/contentbg5.jpg") top center no-repeat #fff;
position: relative;
padding-top: 110px;
}
.about-main .section5 .side-title{
width: 240px;
height: 480px;
line-height: 480px;
}
.about-main .section5 .run-list,.about-main .run-list .run-container{
width: 960px;
height: 480px;
position: relative;
}
.about-main .run-list .run-container .list-unit{
width:240px;
height: 480px;
background: #fff;
}
.about-main .run-list .run-container .list-unit>div{
width: 100%;
height: 240px;
overflow: hidden;
position: relative;
}
.about-main .run-list .run-container .list-unit .img:before{
box-sizing: border-box;
content: '';
position: absolute;
top: 0;
left: 0;
z-index: 2;
width: 100%;
height: 100%;
background:transparent;
border: 4px solid transparent;
transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
}
.about-main .run-list .run-container .list-unit .img img{
width: 100%;
transition: all .3s ease-out 0s;
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
}
.about-main .run-list .run-container .list-unit .img{
background-repeat: no-repeat;
}
.about-main .run-list .run-container .list-unit .img1{
background-image: url("../img/about/pic/pic1_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img2{
background-image: url("../img/about/pic/pic2_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img3{
background-image: url("../img/about/pic/pic3_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img4{
background-image: url("../img/about/pic/pic4_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img5{
background-image: url("../img/about/pic/pic5_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img6{
background-image: url("../img/about/pic/pic6_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img7{
background-image: url("../img/about/pic/pic7_nor.jpg");
}
.about-main .run-list .run-container .list-unit .img8{
background-image: url("../img/about/pic/pic8_nor.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img1{
background-image: url("../img/about/pic/pic1_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img2{
background-image: url("../img/about/pic/pic2_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img3{
background-image: url("../img/about/pic/pic3_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img4{
background-image: url("../img/about/pic/pic4_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img5{
background-image: url("../img/about/pic/pic5_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img6{
background-image: url("../img/about/pic/pic6_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img7{
background-image: url("../img/about/pic/pic7_pre.jpg");
}
.about-main .run-list .run-container .list-unit:hover .img8{
background-image: url("../img/about/pic/pic8_pre.jpg");
}
.about-main .run-list .run-container .list-unit .txt{
background: #252525;
text-align: center;
line-height: 2;
transition: all .6s cubic-bezier(.215,.61,.355,1) 0s;
position: relative;
}
.about-main .run-list .run-container .list-unit .txt .date{
position: absolute;
left: 0;
top: 40px;
width: 100%;
text-align: center;
font-size: 32px;
color: #fff;
line-height: 1;
}
.about-main .run-list .run-container .list-unit .txt .date:before{
content: '';
position: absolute;
top:56px;
left: 50%;
margin-left: -1px;
width: 2px;
height: 30px;
background: #3a3a3a;
}
.about-main .run-list .run-container .list-unit .txt .title{
padding-top:140px;
color:#9a9a9a;
transition: all .3s ease-out 0s;
}
.about-main .run-list .run-container .list-unit .txt .title p:last-child{
font-size: 14px;
color: #fff;
margin-top: 8px;
}
.about-main .run-list .run-container .list-unit:hover .img:before{
border-color:#fff;
}
.about-main .run-list .run-container .list-unit:hover .img img{
-webkit-filter: grayscale(0);
-moz-filter: grayscale(0);
-ms-filter: grayscale(0);
-o-filter: grayscale(0);
filter: grayscale(0);
filter: none;
transform: scale(1.06);
-moz-transform: scale(1.06,1.06);
-webkit-transform: scale(1.06,1.06);
-o-transform: scale(1.06,1.06);
}
.about-main .run-list .run-container .list-unit:hover .txt{
background: #fff;
}
.about-main .run-list .run-container .list-unit:hover .txt .title{
color: #333;
padding-top:128px;
}
.about-main .run-list .run-container .list-unit:hover .txt .date{
color: #333;
}
.about-main .run-list .run-container .list-unit:hover .txt .date:before{
background: #ccc;
}
.about-main .run-list .run-container .list-unit:hover .txt .title p:last-child{
color: #333;
}
.about-main .run-list .swiper-button-next,.about-main .run-list .swiper-button-prev{
position: absolute;
top: -45px;
right: 0;
width: 60px;
height: 40px;
line-height: 40px;
text-align: center;
background: transparent;
color: #6b6b6b;
}
.about-main .run-list .swiper-button-next{
right: 70px;
}
.about-main .run-list .swiper-button-next i,.about-main .run-list .swiper-button-prev i{
}
.about-main .run-list .swiper-button-next:hover,.about-main .run-list .swiper-button-prev:hover{
background:#6b6b6b;
color: #fff;
}
.about-main .section6 {
background: url(../img/about/contentbg6.jpg) no-repeat;
background-size: 100%;
width: 100%;
height: 700px;
}
@media screen and (max-width: 1680px) {
.about-main .section6 { height: 613px;}
}
@media screen and (max-width: 1440px) {
.about-main .section6 { height: 525px;}
}
@media screen and (max-width: 1366px) {
.about-main .section6 { height: 498px;}
}
/*新闻列表*/
.newlist-main .banner{
background: url("../img/newbanner.jpg") center no-repeat;
height: 240px;
margin-top: 80px;
padding-top:55px;
text-align: center;
color: #fff;
}
.newlist-main .banner h4{
color: #fff;
font-size: 38px;
line-height: 2.4;
}
.newlist-main .banner p{
position: relative;
display: inline-block;
font-size: 18px;
}
.newlist-main .banner p:before,.newlist-main .banner p:after{
content: "";
display: block;
width: 75px;
height: 1px;
background: #a0a0a0;
position: absolute;
top:12px;
}
.newlist-main .banner p:before{
left: 65px;
}
.newlist-main .banner p:after{
right: 65px;
}
.newlist-main .new-list li{
width: 100%;
height: 186px;
border-bottom: 1px solid rgba(0, 0, 0, .06);
margin-bottom: 4px;
padding: 20px 0;
position: relative;
clear: both;
transition: all .4s ease-out;
}
.newlist-main .new-list li:hover{
box-shadow: 0 10px 30px rgba(0,0,0,.08);
}
.newlist-main .new-list li a{
display: block;
width: 100%;
height: 100%;
position: relative;
color: #999;
}
.newlist-main .new-list li a>div {
display: inline-block;
}
.newlist-main .new-list li .img{
float: right;
width: 220px;
height: 120px;
margin-top: 10px;
overflow: hidden;
}
.newlist-main .new-list li a:hover .img{
margin-right: 20px;
transition: all 0.4s ease-out;
}
.newlist-main .new-list li .img img{
width: 100%;
}
.newlist-main .new-list li .info{
width: 900px;
padding-left: 160px;
line-height: 1.8;
position: relative;
transition: all .4s ease-out;
}
.newlist-main .new-list li .info:before{
width: 40px;
height: 1px;
content: '';
background: #bbb;
position: absolute;
top:32px;
left: 90px;
transition: all 0.4s ease-out;
}
.newlist-main .new-list li a:hover .info{
padding-left: 180px;
transition: all .4s ease-out;
}
.newlist-main .new-list li a:hover .info:before{
left: 105px;
width:50px;
transition: all 0.4s ease-out;
background: #eb6100;
}
.newlist-main .new-list li .info h4{
font-size: 16px;
line-height:4;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.newlist-main .new-list li .corner-left{
position: absolute;
left: 0;
top: 14px;
transition: all .4s ease-out;
}
.newlist-main .new-list li a:hover .corner-left{
left: 20px;
transition: all .4s ease-out;
}
.newlist-main .new-list li .corner-left .date{
position: relative;
color: #999;
font-size: 26px;
}
.newlist-main .new-list li a:hover .corner-left .date{
color: #333;
}
.newlist-main .new-list li .corner-left .go-btn{
display: block;
width: 38px;
height: 38px;
line-height: 38px;
text-align: center;
font-size: 16px;
color: #bbb;
margin-top: 20px;
}
.newlist-main .new-list li a:hover .corner-left .go-btn{
color: #fff;
background: #eb6100;
}
.ui-pagination{
margin:40px auto 100px;
}
.ui-pagination >ul,.ui-pagination >div,.ui-pagination >ul li{
display: inline-block;
line-height: 36px;
color: #999;
}
.ui-pagination >ul li{
width: 36px;
height: 36px;
text-align: center;
border: 1px solid #eee;
margin-right: 4px;
}
.ui-pagination >ul li:first-child,.ui-pagination >ul li:last-child{
width: 22px;
}
.ui-pagination >ul li a{
display: block;
color: #999;
}
.ui-pagination >ul li:first-child a,.ui-pagination >ul li:last-child a{
color: #d1d1d1;
}
.ui-pagination >ul li.dotted{
border: 0;
color: #d8d8d8;
width: 20px;
}
.ui-pagination .page-num input{
display: inline-block;
width: 60px;
height: 36px;
padding: 5px;
line-height: 26px;
border: 1px solid #eee;
margin: 0 5px;
}
.ui-pagination >ul li a:hover,.ui-pagination >ul li.active a{
color: #fff;
background: #eb6100;
border-color: #eb6100;
}
.ui-pagination >ul li.disabled:hover,.ui-pagination >ul li.disabled a{
background:#f9f9f9;
color: #999;
border-color:#eee;
cursor: default;
}
.ui-pagination .page-num input:hover{
border-color: #eb6100;
}
.ui-pagination .page-select{
height: 36px;
padding:0 24px 0 10px;
border: 1px solid #eee;
margin: 0 12px;
position: relative;
cursor: pointer;
}
.ui-pagination .page-select:before{
font-family:"iconfont" !important;
content: "\e603";
font-size: 18px;
line-height: 1;
position: absolute;
top: 10px;
right: 5px;
}
.ui-pagination .page-select:hover:before{
transform:rotate(-180deg);
-ms-transform:rotate(-180deg); /* IE 9 */
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg);
}
.ui-pagination .page-select ul{
position: absolute;
top:0;
left: 0;
width: 100%;
border: 1px solid #eee;
display: none;
}
.ui-pagination .page-select ul.show{
display: block;
top: 34px;
transition: all .36s ease;
}
.ui-pagination .page-select ul li{
width: 100%;
line-height: 32px;
padding-left: 10px;
text-align: left;
border-top: 1px solid #eee;
}
.ui-pagination .page-select ul li:first-child{
border-top: 0;
}
.ui-pagination .page-select ul li:hover{
color: #333;
}
/*新闻详情页*/
.newinfo-main{
padding: 120px 0;
}
.newinfo-main .newinfo-area{
width: 1000px;
margin: 0 auto;
clear: both;
}
.newinfo-main .newinfo-area h4{
font-size: 26px;
text-align: center;
}
.newinfo-main .newinfo-area .date{
position: relative;
display: block;
width: 120px;
margin:46px auto 40px;
text-align: center;
}
.newinfo-main .newinfo-area .date::before{
content: '';
width: 100px;
height: 1px;
background: #ddd;
position: absolute;
left:50%;
top: -20px;
margin-left: -50px;
}
.newinfo-main .newinfo-area .article-area{
font-size: 15px;
color: #333;
line-height: 2;
padding-bottom: 35px;
border-bottom: 1px solid #eee;
}
.newinfo-main .newinfo-area .article-area p{
margin-bottom: 10px;
}
.newinfo-main .newinfo-area .article-area *{
font-size: inherit !important;
line-height: inherit !important;
word-break: break-all;
}
.newinfo-main .newinfo-area .article-area img{
display: inline-block;
vertical-align: middle;
}
.newinfo-main .newinfo-area .download-area{
margin-top: 4px;
line-height: 3;
}
.newinfo-main .newinfo-area .download-area a{
display: inline-block;
width: 42px;
height: 42px;
margin-right: 8px;
}
.newinfo-main .newinfo-area .download-area a img{
width: 100%;
}
.newinfo-main .newinfo-area .about-article{
font-size: 13px;
color: #999;
line-height: 2;
padding-top: 20px;
}
.newinfo-main .newinfo-area .about-article a{
color: #333;
}
.newinfo-main .newinfo-area .about-article a:hover{
text-decoration: underline;
}
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_tsina,
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_weixin,
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_sqq{
display: inline-block;
background: url("../img/share-icon.png") no-repeat;
width:40px;
height: 38px;
margin-right: 0;
margin-left: 10px;
margin-top: 0;
}
.newinfo-main .newinfo-area .share-area{
padding-top: 22px;
}
.newinfo-main .newinfo-area .share-area>span{
line-height: 40px;
padding-right: 20px;
display: inline-block;
}
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox{
display: inline-block;
float: right;
}
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_tsina{
background-position: 0 0;
}
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_sqq{
background-position:-94px 0;
}
.newinfo-main .newinfo-area .share-area .bdsharebuttonbox .bds_weixin{
background-position:-46px 0
}
#bdshare_weixin_qrcode_dialog{
width: 260px !important;
height: 330px !important;
}
/*帮助ä¸å¿ƒ*/
/*.help-main{
background: #f5f5f5;
}*/
.help-main .banner{
padding-top: 80px;
height: 380px;
background: #212121;
text-align: center;
position: relative;
}
.help-main .banner #particles-js{
position: absolute;
top: 80px;
left: 0;
width: 100%;
height: 300px;
z-index: 4;
}
.help-main .banner h4{
color: #fff;
font-size: 26px;
margin:70px auto 28px;
}
.help-main .banner .search-box{
position: absolute;
left: 50%;
top: 215px;
z-index: 6;
margin:0 0 0 -400px;
width: 800px;
height: 44px;
}
.help-main .banner .search-box .search-btn{
position: absolute;
right: 10px;
top: 6px;
color: #fff;
z-index: 6;
}
.help-main .banner .search-box .search-btn i{
font-size: 20px;
}
.help-main .banner .search-box input{
width: 800px;
height: 44px;
padding:5px 15px;
color: #fff;
line-height: 34px;
background: rgba(255,255,255,0.2);
border: 1px solid transparent;
font-size: 16px;
}
.help-main .banner .search-box input:focus{
border-color: #fff;
}
.help-main .tip-txt{
text-align: center;
line-height: 2;
}
.help-main .tip-txt h4{
font-size: 20px;
line-height: 80px;
padding-top: 30px;
}
.help-main .type-list{
width: 1280px;
margin: 0 auto;
min-height: 600px;
padding-bottom: 60px;
clear: both;
}
.help-main .type-list .type-area{
clear: both;
width: 100%;
zoom: 1;
overflow: auto;
position: relative;
}
.help-main .type-list:after,.help-main .type-list:before ,.help-main .type-list .type-area:after,.help-main .type-list .type-area:before {
content: "";
display: table;
}
:after, :before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.help-main .type-list .list-unit{
float: left;
width: 270px;
height: 380px;
margin:90px 24px 0;
}
.help-main .type-list .list-unit>div{
transition: all 0.6s ease;
width: 100%;
height: 100%;
background: #fff;
}
.help-main .type-list .list-unit>div:hover{
box-shadow: 0 10px 20px rgba(0,0,0,.2);
margin-top:-20px;
}
.help-main .type-list .list-unit .title{
width: 100%;
height: 120px;
line-height: 120px;
color: #fff;
font-size: 32px;
text-align: center;
background: url("../img/help/titlebg1.jpg") no-repeat;
overflow: hidden;
}
.help-main .type-list .list-unit:hover .title{
background: url("../img/help/titlebg2.jpg") no-repeat;
}
.help-main .type-list .list-unit .problem-area{
position: relative;
height: 240px;
}
.help-main .type-list .list-unit .problem-area:before{
content: '';
position: absolute;
bottom:0;
left: 0;
width:0;
height: 4px;
background: #eb6100;
transition: all 0.6s ease 0s;
}
.help-main .type-list .list-unit:hover .problem-area:before{
width: 100%;
transition: all 0.6s ease;
}
.help-main .type-list .list-unit .problem-area .problem-list{
margin-top: 20px;
height: 165px;
overflow: hidden;
}
.help-main .type-list .list-unit .problem-area .problem-list li{
float: left;
width: 50%;
padding-left: 20px;
line-height:2.5;
overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.help-main .type-list .list-unit .problem-area .problem-list li:nth-child(2n){
width: 47%;
}
.help-main .type-list .list-unit .problem-area .problem-list li a{
color: #333;
}
.help-main .type-list .list-unit .problem-area .ui-border-btn{
border-color: #eb6100;
color: #eb6100;
clear: both;
display: block;
width: 87px;
line-height: 30px;
padding: 0;
text-align: center;
margin: 20px auto 0;
font-size: 12px;
}
.help-main .type-list .list-unit:hover .problem-area .ui-border-btn{
background: #eb6100;
color: #fff;
}
.help-main .type-nav{
position: absolute;
top: -50px;
left: 0;
z-index: 10;
width: 100%;
height:50px;
}
.help-main .type-nav li{
float: left;
}
.help-main .type-nav li a{
display: block;
width:auto;
height: 50px;
line-height: 50px;
padding: 0 30px;
text-align: center;
font-size: 16px;
background: rgba(255,255,255,0.1);
transition: all 0.4s ease;
}
.help-main .type-nav li a:hover,.help-main .type-nav li.active a{
background: #fff;
color: #333;
}
.help-main .type-nav li.back-btn{
position: absolute;
right: 0;
}
.help-main .type-content{
width: 100%;
position: relative;
padding:40px 0;
min-height: 600px;
display: none;
}
.help-main .type-content.active{
display: block;
}
.help-main .type-content .accordion,.help-main .type-content .accordion-content{
display: inline-block;
}
.help-main .type-content .accordion{
float: left;
width: 280px;
border: 1px solid #eee;
margin-right: 35px;
}
.help-main .type-content .accordion-content{
width:880px;
}
.help-main .type-content .accordion>li{
position: relative;
width:100%;
border-top: 1px solid #eee;
}
.help-main .type-content .accordion>li:first-child{
border-top: 0;
}
.help-main .type-content .accordion>li>a{
display: block;
color: #333;
height: 56px;
line-height: 56px;
padding-left: 22px;
position: relative;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding-right: 30px;
}
.help-main .type-content .accordion>li>a:before{
content: '';
position: absolute;
right: 20px;
top: 24px;
width: 0;
height: 0;
border-style: solid;
border-width: 8px 5px 0 5px;
border-color: #333 transparent transparent transparent;
}
.help-main .type-content .accordion>li.open>a,.help-main .type-content .accordion>li>a:hover{
color: #eb6100;
}
.help-main .type-content .accordion>li.open>a:before{
border-color: #eb6100 transparent transparent transparent;
transform:rotate(-180deg);
-ms-transform:rotate(-180deg); /* IE 9 */
-moz-transform:rotate(-180deg); /* Firefox */
-webkit-transform:rotate(-180deg); /* Safari 和 Chrome */
-o-transform:rotate(-180deg);
}
.help-main .type-content .accordion .submenu{
display: none;
border-top: 1px solid #eee;
width: 100%;
opacity: 0;
height: 0;
transition: all .4s ease;
}
.help-main .type-content .accordion>li.open .submenu{
display: block;
opacity: 1;
height:auto;
transition: all .4s ease;
}
.help-main .type-content .accordion .submenu li a{
position: relative;
display: block;
width: 100%;
height: 50px;
line-height: 50px;
color: #666;
font-size: 13px;
padding: 0 25px 0 35px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.help-main .type-content .accordion .submenu li a:hover,.help-main .type-content .accordion .submenu li.active{
background: #f5f5f5;
color: #333;
}
.help-main .type-content .accordion .submenu li a:before{
content: '';
display: block;
width: 4px;
height: 4px;
border-radius: 100%;
background: #333;
position: absolute;
left: 22px;
top: 23px;
}
.help-main .type-content .accordion .submenu li a:hover:before,.help-main .type-content .accordion .submenu li.active a:before{
background: #eb6100;
}
.help-main .type-content .accordion-content .question-title{
font-size: 26px;
margin-bottom: 20px;
}
.help-main .type-content .accordion-content .answer-area{
font-size: 15px;
color: #333;
line-height: 2;
padding: 10px 0 30px 0;
margin-bottom: 15px;
/* border-bottom: 1px solid #eee;*/
}
.help-main .type-content .accordion-content .video-area{
width: 100%;
}
.help-main .type-content .accordion-content .video-area video{
max-width: 100%;
object-fit: fill;
margin-bottom: 10px;
}
.help-main .type-content .accordion-content .answer-area img{
max-width: 100%;
}
.help-main .type-content .accordion-content .answer-area *{
font-size: inherit !important;
line-height: inherit !important;
margin-left: 0 !important;
margin-right: 0 !important;
padding-left: 0 !important;
padding-right: 0 !important;
}
.help-main .type-content .survey-area .ui-border-btn{
border-color: #eee;
color: #999;
line-height: 26px;
padding: 0 15px;
margin-left: 10px;
}
.help-main .type-content .survey-area .ui-border-btn:hover{
color: #eb6100;
border-color: #eb6100;
}
.help-main .result-area{
min-height: 650px;
}
.help-main .result-area >p{
color: #999;
line-height: 60px;
}
.help-main .result-area >p span{
padding: 0 5px;
}
.help-main .result-area .result-list{
border-top: 1px solid #eee;
padding-top: 20px;
}
.help-main .result-area .result-list a{
display: block;
color: #333;
line-height: 3;
font-size: 14px;
}
.help-main .result-area .result-list a:hover{
text-decoration: underline;
}
/* Product */
/* Reset */
section.product_yxj * {margin:0;padding:0;box-sizing: content-box;}
section.product_yxj a {text-decoration: none;}
section.product_yxj button {font-family: inherit;}
section.product_yxj button:focus {outline:0;}
section.product_yxj fieldset {border:0;}
section.product_yxj img {border:0;max-width: 100%;max-height: 100%;display: block;}
section.product_yxj h1,
section.product_yxj h2,
section.product_yxj h3,
section.product_yxj h4,
section.product_yxj h5,
section.product_yxj h6 {font-size: 12px;}
section.product_yxj textarea {resize: none;}
/* Public */
section.product_yxj .clear {clear:both;font-size:0px;height:0px;overflow:hidden;line-height:0px;}
section.product_yxj .clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
section.product_yxj .clearfix {
zoom: 1;
}
section.product_yxj .hidden {visibility:hidden;}
section.product_yxj .none {display:none;}
section.product_yxj .showmobile {display: none;}
section.product_yxj .upper {text-transform:uppercase;}
section.product_yxj .left {float:left;}
section.product_yxj .right {float:right;}
section.product_yxj .text_center {text-align:center;}
section.product_yxj .text_left {text-align:left;}
section.product_yxj .text_right {text-align:right;}
/* Zhibenjia */
section.product_yxj {font-size: 12px;font-family: 'æ€æº', sans-serif;}
section.product_yxj footer.sub {background-color: #000;color: #fff;text-align: center;padding: 2.5em 0;font-size: 12px;}
section.product_yxj footer.sub h6 {font-size: 1.33em;font-weight: normal;}
section.product_yxj footer.sub h6 {}
/* Product - yxj */
section.product_yxj {height: 100%; overflow-x: hidden;}
section.product_yxj > .block_1 {
background: #36b3ad; /* Old browsers */
background: -moz-linear-gradient(81deg, #36b3ad 0%, #4a95ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b3ad', endColorstr='#4a95ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.product_yxj > .block_1 .inner { padding-top: 14%;}
section.product_yxj > .block_1 .inner .left {padding-left: 18%; width: 30%;}
section.product_yxj > .block_1 .inner .left .logo { margin: 0 auto 5%;}
section.product_yxj > .block_1 .inner .right {padding-right: 11%;width: 35%;position: relative;transform: translateY(-19%);}
section.product_yxj > .block_1 .inner .right .relation { position: absolute; top: 10%; left: -9%; width: 75%;}
section.product_yxj > .block_2 {
background: #f2f6fa; /* Old browsers */
}
section.product_yxj > .block_2 .inner { padding-top: 3%;padding-bottom: 4%;}
section.product_yxj > .block_2 .inner .left {padding-left: 14%; width: 36%;}
section.product_yxj > .block_2 .inner .right {padding-right: 17%;width: 31%;position: relative;transform: translateY(62%);}
section.product_yxj > .block_2 .inner .right img {margin-bottom: 3%;}
section.product_yxj > .block_3 {
background: #ffffff; /* Old browsers */
}
section.product_yxj > .block_3 .inner { padding-top: 3%;padding-bottom: 4%;}
section.product_yxj > .block_3 .inner h3 {margin-bottom: 6%;}
section.product_yxj > .block_3 .inner h3 img {margin:0 auto;}
section.product_yxj > .block_3 .inner .left {padding-left: 8%; width: 32%;}
section.product_yxj > .block_3 .inner .right {padding-right: 6%; padding-left: 0%;width: 54%;position: relative;}
section.product_yxj > .block_3 .inner .right img {margin-bottom: 3%;}
section.product_yxj > .block_4 {
background: #36b3ad; /* Old browsers */
background: -moz-linear-gradient(81deg, #36b3ad 0%, #4a95ce 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(81deg, #36b3ad 0%,#4a95ce 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#36b3ad', endColorstr='#4a95ce',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
section.product_yxj > .block_4 .inner { padding-top: 4%; padding-bottom: 8%;position: relative;}
section.product_yxj > .block_4 .inner #quotes img {margin:0 auto;max-width: 83%;}
section.product_yxj > .block_4 .inner .brands {margin:8% auto 0;width: 78.5%;}
section.product_yxj > .block_4 .inner canvas {position: absolute; bottom: 0; opacity: .5;}
section.product_yxj > .block_5 {
background: #ffffff; /* Old browsers */
}
section.product_yxj > .block_5 .inner { padding-top: 8%;}
section.product_yxj > .block_5 .inner .left {width: 60%;}
section.product_yxj > .block_5 .inner .left .rocket {width: 100%;}
section.product_yxj > .block_5 .inner .right {padding-right: 5%;width: 35%;position: relative;}
section.product_yxj > .block_5 .inner .right h3 {font-size: 3.66em;margin-bottom: 14.5%;}
section.product_yxj > .block_5 .inner form {width: 120%; margin-left: -26%;}
section.product_yxj > .block_5 .inner form fieldset {margin-bottom: 1%;}
section.product_yxj > .block_5 .inner form label {width: 15%;height: 5em; float: left; max-width: 107px; background-position: left center;background-repeat: no-repeat;background-size: contain;}
section.product_yxj > .block_5 .inner form label.name {background-image: url(../img/product/yxj/form-label-name.png);}
section.product_yxj > .block_5 .inner form label.tel {background-image: url(../img/product/yxj/form-label-tel.png);}
section.product_yxj > .block_5 .inner form label.textarea {background-image: url(../img/product/yxj/form-label-textarea.png);}
section.product_yxj > .block_5 .inner form input[type='text'] {background-color: #f2f6fa; border: 0; height: 4em; padding: 0 1em; width: 80%; float: right; box-sizing: border-box;margin: 1% 0;font-weight: bold;}
section.product_yxj > .block_5 .inner form textarea {background-color: #f2f6fa; border: 0; height: 20em; padding: 1em; width: 80%; float: right; box-sizing: border-box;margin: 1% 0;font-weight: bold;}
section.product_yxj > .block_5 .inner form div.submit {width: 80%; float: right;}
section.product_yxj > .block_5 .inner form div.submit button[type='submit'] {border:0;background-color: #4799c9;height: 3.1em;line-height: 3.1em;text-align: center;font-size: 1.6em;color: #fff;width: 11em;}
section.product_yxj > .block_5 .inner form div.submit h6 {color:#262f3a;font-size: 1.5em;font-weight: normal; margin-top: 5.5%;}
section.product_yxj > .block_1 .inner .right .relation {animation-duration: 2.5s;}
section.product_yxj > .block_1 .inner .right .relation {
visibility: hidden;
animation-name: product_yxj_relation;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate-reverse;
animation-play-state: running;
animation-fill-mode: forwards;
}
@keyframes product_yxj_relation {
0% {
visibility: visible;
transform: translateY(0);
}
100% {
visibility: visible;
transform: translateY(10%);
}
}
/*åŒåŸŽæœå‹™é é¢*/
.cityService-page{
margin-top: 80px;
}
.cityService-page .titleimg {
display: block;
margin: auto ;
width: 100%;
}
.cityService-page .cityService-footer{
background: url("../img/cityService/footerbg.png") no-repeat center !important;
background-size: 100% 100%;
padding-top: 30px;
padding-bottom: 170px;
}
.cityService-page .cityService-footerimg{
width: 50%;
display: block;
margin:40px auto;
}
.cityService-page .cityService-code{
width: 100%;
text-align: center;
}
.cityService-page .cityService-code img{
width: 190px;
margin: 100px auto 40px;
}
.cityService-page .cityService-code p{
text-align: center;
font-size: 34px;
color: #fff;
margin-bottom: 15px;
}
.cityService-page .currentCity{
width: 100%;
text-align: center;
}
.cityService-page .currentCity-lt,.cityService-page .currentCity-rt{
display:inline-block;
border: 1px solid #eaae66;
border-radius:5px ;
height: 50px;
line-height: 50px;
overflow: hidden;
}
.cityService-page .currentCity-lt{
margin-right: 20px;
}
.cityService-page .currentCity .currentCity-txt{
display: block;
color: #eaae66;
font-size: 28px;
padding: 0px 25px;
background: #2c262a;
float: left;
border-radius: 5px;
}
.cityService-page .currentCity .currentCity-num ,.cityService-page .currentCity-on {
color: #0f0e13 ;
background: #eaae66;
font-size: 29px ;
height: 50px;
display: inline-block;
float: left;
padding: 0 25px;
}
.cityService-page .currentCity-num{
letter-spacing: 2px;
}
/*城市åˆä¼™äººé¡µé¢*/
.cityPartner-page{
margin-top: 80px;
background: url("../img/cityService/bg.png") no-repeat center !important;
background-size: 100% 100%;
padding-top: 100px;
}
.cityPartner-page .titleimg{
width: 50%;
margin: auto;
display: block;
}
.cityPartner-page .map-area{
width: 1180px;
margin: 0 auto;
position: relative;
}
.cityPartner-page .map-area a{
padding: 5px 30px;
background: url("../img/cityService/map_icon.png") #271517 no-repeat right;
background-position-x: 90%;
color: #ff8f32;
display: block;
float: left;
border-radius: 5px;
}
#provinceTitle{
background: #ff8f32;
color: #0f0e13;
padding: 5px 30px;
display: block;
float: left;
}
.backMap{
display: none;
position: absolute;
left: 12%;
top: 40px;
z-index: 10;
border: 1px solid #f49800;
border-radius: 5px;
}
.cityPartner-page .map{
width: 100%;
height: 854px;
}
/*城市负责人å¡ç‰‡æ ·å¼*/
.map-tooltip-layer{
background: url("../img/cityService/cardbg.png") no-repeat top center !important;
width: 336px;
padding-top: 230px;
}
.map-tooltip-layer .cardbox-body{
background: rgba(0,0,0,0.4);
box-shadow: 0 0 15px #5ed0f5 inset;
border-radius: 5px;
width: 100%;
padding: 20px 2px;
border: 2px solid #5ed0f5;
}
.map-tooltip-layer .cardbox-body h4{
text-align: center;
color: #f49800;
font-size: 20px;
font-weight: normal;
margin-bottom: 20px;
}
.map-tooltip-layer .cardbox-body h4 .city-name{
display: inline-block;
max-width: 142px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
vertical-align: top;
}
.map-tooltip-layer .cardbox-userInfo{
min-height: 95px;
position: relative;
padding:10px 0 0 125px;
}
.map-tooltip-layer .cardbox-userInfo img{
display: block;
width:80px;
height: 99px;
border-radius: 5px;
border: 2px solid #f49800;
position: absolute;
top: 0;
left: 28px;
}
.map-tooltip-layer .cardbox-userInfo-txt p{
font-size: 16px;
color: #f49800;
margin-bottom: 6px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
/*预约max页é¢*/
.max-main .max-banner{background-position:center;height:auto;padding:16% 0 11.5% 0;text-align:center}
.max-main .max-banner .title{width:30.57%;display:inline-block}
.max-main .max-banner .txt-img{margin-bottom:6.5%}
.max-main .max-banner .txt-img img{width:54.22%}
.max-main .max-banner .txt{color:#fff;font-size:32px;letter-spacing:4px;line-height:1.8;margin-top:-2.4%;padding:0 0 3.64%}
.max-main .max-banner .txt span{font-size:40px}
.max-main .max-banner .btns{}
.max-main .max-banner .btns{}
.max-main .max-banner .ui-btn{background:#15baff;border-radius:8px;border:0;color:#000;font-size:28px;width:200px;height:62px;line-height:62px;margin:0 10px;padding:0}
.max-main .max-banner .zhx-max{margin-bottom:2%}
.max-main .max-banner .txt-img{margin-bottom:1.5%}
.max-main .max-banner .txt-imgWork{margin-bottom:1.5%}
.max-main .max-banner .txt-imgWork img{width:15.5%}
.max-main .max-banner .ui-btn{box-shadow:0rem 0.25rem 0.25rem rgb(45,50,58)}
.max-main .ver491-btn{margin:0 10px;position:relative}
.max-main .ver491-btn:hover{color:#fff}
.max-main .ver491-btn:before{content:'';position:absolute;width:100%;height:1px;display:block;left:0;background:#fff;bottom:-5px}
.max-main .common-section{background:#fff;height:auto}
.max-main .common-section.section3{background:#efefef}
.max-main .common-section .img-area,.max-main .common-section .info-area{display:inline-block}
.max-main .common-section .info-area{vertical-align:bottom}
.max-main .section1{padding:4.16% 0}
.max-main .section1 .img-area{float:right;width:69%;height:39.01%}
.max-main .section1 .img-area video{width:100%;height:100%;object-fit:fill}
.max-main .section1 .info-area{width:12.45%;margin-left:10.99%;margin-top:29.5%}
.max-main .section1 .info-area img{width:100%}
.max-main .section2{padding:4.16% 0}
.max-main .section2 .img-area{width:69%;height:39.01%}
.max-main .section2 .img-area video{width:100%;height:100%;object-fit:fill}
.max-main .section2 .info-area{width:14.89%;margin-left:6.56%;padding-bottom:1.2%}
.max-main .section2 .info-area img{width:100%}
.max-main .section3{padding:9.11% 0;float:left}
.max-main .section3 .img-area{float:right;width:69%;height:39.01%}
.max-main .section3 .img-area img{width:100%}
.max-main .section3 .img-area video{width:100%;height:100%;object-fit:fill}
.max-main .section3 .info-area{width:14.89%;margin-left:10.99%;margin-bottom:0.8%;margin-top:25%}
.max-main .section3 .info-area img{width:100%}
.max-main .section4{padding:5.68% 0}
.max-main .section4 .img-area{width:65.89%;margin-left:7.81%}
.max-main .section4 .img-area img{width:100%}
.max-main .section4 .info-area{width:14.95%;margin-left:2.49%;margin-bottom:2.3%}
.max-main .section4 .info-area img{width:100%}
.max-main .section5{padding:4.16% 0 5.47% 0}
.max-main .section5 .img-area{width:59.38%;vertical-align:top}
.max-main .section5 .img-area img{width:100%}
.max-main .section5 .info-area{width:14.95%;margin-left:10.99%;margin-right:11.35%;margin-bottom:0.8%}
.max-main .section5 .info-area img{width:100%}
.max-main .section5 .info-area .contain-area{margin-top:45px}
.max-main .section5 .contain-area .code-area,.max-main .section5 .contain-area .form-area{display:inline-block;float:left;position:relative}
.max-main .section5 .contain-area .code-area{font-size:13px}
.max-main .section5 .contain-area .form-area{width:43.1%;min-width:200px}
.max-main .section5 .contain-area .form-area .form-group{border:1px solid #9fa0a0;display:inline-block;height:32px;line-height:32px;margin-bottom:10px;position:relative;width:100%}
.max-main .section5 .contain-area .form-area .form-group .txt-error{color:red;font-size:12px;line-height:1;position:absolute;bottom:-15px;left:0;width:100%}
.max-main .section5 .contain-area .form-area .form-group #address-error{bottom:-22px;width:362px}
.max-main .section5 .contain-area .form-area .success-area{display:none;position:absolute;top:13%;left:0;width:100%;font-size:20px;color:#2587d9;text-align:center}
.max-main .section5 .contain-area .form-area .form-group .title,.max-main .section5 .contain-area .form-area .form-group .form-control{display:inline-block;float:left;padding-left:5px}
.max-main .section5 .contain-area .form-area .form-group .title{font-size:18px;color:#727171;padding:0 4% 0 6%}
.max-main .section5 .contain-area .form-area .form-group .form-control{background:none;border:0;border-left:1px solid #bfbfbf;height:26px;line-height:22px;width:72%;margin-top:2px}
.max-main .section5 .contain-area .form-area .submit-btn{border:none;height:auto;width:78.4%;margin:10px auto;display:block;cursor:pointer}
.max-main .section5 .contain-area .form-area .submit-btn img{width:100%}
.max-main .section5 .contain-area .code-area{color:#262626;width:17.24%;min-width:86px;margin-left:7.81%;line-height:2}
.max-main .section5 .contain-area .code-area .code-img{width:96%}
.max-main .section6 .info-area img{width:100%}
.max-main .section6{padding:4.16% 0 5.47% 0}
.max-main .section6 .img-area{margin-left:7.81%}
.max-main .section6 .info-area{width:14.95%;margin-left:2.49%;margin-bottom:2.3%}
.max-main .section6.info-area img{width:100%}
.footer_btn{position:absolute;display:flex;align-items:center;justify-content:center;left:1150px}
.max-main .section_footer{height:381px;background:url("../img/max/footerbg.jpg") left no-repeat;background-size: cover;}
.max-main .footer_font{position:absolute;left:377px}
.max-main .section_footer .down-btn{display:inline-block;width:100%;text-align:center}
.section_footer{position:relative;display:flex;align-items:center;justify-content:center}
.section_footer .ver491-btn{display:inline-flex;position:absolute;bottom:-60%}
.max-success-layer{padding:30px;text-align:center}
.max-success-layer p{padding-bottom:20px;line-height:2}
.max-success-layer .btn-close{border-radius:4px;border:1px solid #ff6600;color:#ff6600;font-size:14px;padding:6px 15px}
@media screen and (max-width:1680px){.max-main .section5 .contain-area .code-area{font-size:12px}
.max-main .section5 .contain-area .form-area .form-group .title{font-size:15px;color:#727171}
.max-main .section5 .contain-area .code-area{font-size:12px}
}@media screen and (max-width:1440px){.max-main .section5 .contain-area .form-area .form-group .title{font-size:12px}
.max-main .section5 .contain-area .form-area .form-group .form-control{padding-top:3px}
}
@media screen and (max-width: 1366px) {
.about-main .section6 { height: 498px;}
}
.toast-center-center{top:50%;left:50%;margin-top:-30px;margin-left:-150px}
#toast-container>div{opacity:1!important}