body, html {
font-family: "Microsoft YaHei","Source Han Sans CN","PingFang SC","Helvetica Neue", Helvetica, "Hiragino Sans GB",sans-serif;
}
.w720{
width: 360px;
margin:0 auto;
}
.w720 .swiper-slide{
width: 160px !important;
}
.about-tit .w720 .swiper-slide{
width: 360px !important;
}
.about-tit .w720{
width: 720px !important;
}
.swiper-tupian {
padding-bottom: 2rem;
}
.swiper-tupian .lists{
font-size: 0;
}
.swiper-tupian .lists .i{
display: inline-block;
vertical-align: middle;
margin-bottom: 1.8%;
width: 18.5%;
margin-left: 1.8%;
position: relative;
overflow: hidden;
}
.bocweb-footer-left img{
display: block;
width: 4.5rem;
}
.bocweb-footer-left .wxjpg{
margin-top: 15px;
}
.swiper-tupian .lists .itop{
position: relative;
border: 1px solid #cec6c3;
overflow: hidden;
width: 100%;
height: 100px;
}
.swiper-tupian .lists span{
display: inline-block;
vertical-align: middle;
font-size: 14px;
line-height: 20px;
height: 20px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
text-align: center;
}
.swiper-tupian .lists .span{
/*line-height: 40px;*/
border: 1px solid #cec6c3;
padding:5px 5%;
border-top: none;
color:#666;
}
.swiper-tupian .lists .i .i0{
transition:.5s ease-in-out;
position: relative;
opacity: 0;
}
.swiper-tupian .lists .i:hover .i0{
transition:.5s ease-in-out;
transform:scale3d(1.05,1.05,1);
}
.swiper-tupian .lists .i .i1{
position: absolute;
max-width: 100%;
max-height: 100%;
width: 100%;
height: auto;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
opacity: 1;
z-index: 2;
}
.swiper-tupian .lists .i:nth-child(5n+1){
margin-left: 0;
}
/*"SourceHanSerifCN Medium",*/
.secwen {
opacity: 0;
filter: alpha(opacity=0);
transform: translateY(30px);
transition: .8s;
}
.storys-list .items{
position: relative;
}
.storys-list .items1{
border-top: 1px solid #dadada;
}
.storys-list .items .text{
position: absolute;
top: 0;
right: 0;
left:0;
margin: auto;
width: 75%;
padding-top: 2.375rem;
}
.storys-list .items .wen{
width: 60%;
}
.storys-list .items1 .wen{
width: 35%;
}
.storys-list .items5 .wen{
width: 62.5%;
}
.storys-list .items .tit1,.storys-list .items .tit2{
line-height: 1.3;
}
.storys-list .items .tit2{
color:#64ac2c;
margin-top: .5rem;
font-size: .75rem;
}
.storys-list .items .tit1{
color:#333333;
font-size: .6rem;
}
.storys-list .items .en{
font-size: 14px;
line-height: 2;
color:#999999;
font-family: Arial;
margin-top: 1.25rem;
}
.storys-list .items .cn{
margin-top: 2.125rem;
font-size: .45rem;
color:#333333;
}
.storys-list .items .p{
font-size: .35rem;
color:#666666;
line-height: .6rem;
margin-top: .75rem;
}
.wel-serve .wordsbox .items .txt a{
display: block; color: #666666;
}
.wel-serve .wordsbox .items .txt a:hover{
color:#64ac2c;
}
.wel-banner .items .words .text{
}
.wel-banner .items .words .morebox{
position: absolute;
left:0;
right: 0;
margin: auto;
/*left: 6.25rem;*/
bottom:3.5rem;
}
.qualification2{
font-size: 0;
margin-bottom: 1rem;
}
.qualification2 .items{
display: inline-block;
width: 24.25%;
vertical-align: top;
margin-left: 1%;
}
.qualification2 .items:nth-child(4n+1){
margin-left:0;
}
.w1440 {
width: 1440px;
margin: 0 auto;
}
.welmorebox .more{
position: relative;
z-index: 5;
cursor: pointer;
}
.welmorebox{
/*display: inline-block;*/
/*vertical-align: top;*/
/*position: relative;*/
}
.welmorebox.active .more-text{
opacity: 1;
transition:.5s ease-in-out;
z-index: 1;
}
.welmorebox .more-text{
position: absolute;
left: 0;
top: 0;
width: 80%;
height: 3.75rem;
left: 1rem;
padding:.75rem;
padding-left: 2.75rem;
border-radius: 3.75rem;
background: rgba(66,71,76,.6);
/*background: #42474c;*/
top: 50%;
transform:translateY(-50%);
opacity: 0;
transition:.5s ease-in-out;
z-index: -10;
}
.welmorebox .more-text .wen{
line-height: .75rem;
font-size: .35rem;
overflow-y:auto;
padding-right: .2rem;
height: 100%;
}
.welmorebox .more-text .wen::-webkit-scrollbar {
width: 2px;
}
.secwen.animate {
opacity: 1;
filter: alpha(opacity=100);
transform: translateY(0);
transition: 1s;
}
.bocweb-nav{
position: relative;
}
.search-alert0{
position: absolute;
width: 0;
right: 0;
height: 100%;
top: 0;
bottom: 0;
margin: auto;
height: 30px;
margin-right: 10px;
transition: all 0.5s ease 0s;
z-index: 30;
background:#ffffff;
overflow: hidden;
opacity: 0;
}
.search-alert0.active{
width: 100%;
opacity: 1;
}
.search-alert0 input{
border:none;
outline: none;
background:none;
font-size: 14px;
width: 100%;
height: 100%;
text-indent: 5px;
height: 30px;
border: none;
border: 1px solid #ccc;
}
.search-alert0 input[type= submit]{
width: 30px;
position: absolute;
right: 0;
top:0;
bottom:0;
text-indent: -999px;
overflow: hidden;
background: url(../picture/sousuo.png) no-repeat center;
background-size: 15px 15px;
transition: .5s ease-in-out;
}
.animate.add1 {
transition-delay: .1s;
}
.animate.add2 {
transition-delay: .2s;
}
.animate.add3 {
transition-delay: .3s;
}
.animate.add4 {
transition-delay: .4s;
}
.animate.add5 {
transition-delay: .5s;
}
.animate.add6 {
transition-delay: .6s;
}
.animate.add7 {
transition-delay: .7s;
}
.animate.add8 {
transition-delay: .8s;
}
.animate.add9 {
transition-delay: .9s;
}
.animate.add10 {
transition-delay: 1.0s;
}
.animate.add11 {
transition-delay: 1.1s;
}
img {
max-width: 100%;
}
.wel-about .about-words {
touch-acion: pan-y;
}
body {
font-size: 14px;
color: #666666;
line-height: 1.7;
}
.bocweb-header {
height: 88px;
line-height: 88px;
position: relative;
z-index: 10;
}
.bocweb-header .header {
padding: 0 1rem;
padding-right: 0;
}
.bocweb-header .bocweb-logo {
width: 185px;
}
.bocweb-header .s-box {
height: 100%;
position: relative;
}
.bocweb-header .s-box .lbox {
display: inline-block;
vertical-align: middle;
position: relative;
z-index: 15;
}
.bocweb-header .s-box .i {
height: 100%;
width: 88px;
display: inline-block;
vertical-align: top;
position: relative;
text-align: center;
background: #64ac2c;
cursor: pointer;
}
.bocweb-header .s-box .i:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border-radius: inherit;
z-index: -1;
box-shadow: inset 0 0 0 45px #f7f7f7;
-webkit-transition: box-shadow .3s,-webkit-transform .3;
transition: box-shadow .3s,transform .3s;
z-index: 2;
}
.bocweb-header .s-box .i:hover:before {
box-shadow: inset 0 0 0 0 #f7f7f7;
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
}
.bocweb-header .s-box .s-peo {
padding-left: 0;
background: #f7f7f7;
border-left: 1px solid #e5e5e5;
}
.bocweb-header .s-box .s-peo:before {
box-shadow: inset 0 0 0 45px #64ac2c;
}
.bocweb-header .s-box .s-peo:hover:before {
box-shadow: inset 0 0 0 0 #64ac2c;
}
.bocweb-header .s-box .s-peo .lbox {
background: url(../picture/people0.png) no-repeat center;
background-size: 20px 20px;
transition: .5s ease-in-out;
}
.bocweb-header .s-box .s-peo:hover .lbox {
background: url(../picture/people.png) no-repeat center;
background-size: 20px 20px;
transition: .5s ease-in-out;
}
.bocweb-header .s-box .s-sousuo {
padding-right: 0;
border-left: 1px solid #e5e5e5;
}
.bocweb-header .s-box .s-sousuo .lbox {
background: url(../picture/sousuo.png) no-repeat center;
background-size: 20px 20px;
transition: .5s ease-in-out;
}
.bocweb-header .s-box .s-sousuo:hover .lbox, .bocweb-header .s-box .s-sousuo.active .lbox {
background: url(../picture/sousuo0.png) no-repeat center;
background-size: 20px 20px;
transition: .5s ease-in-out;
}
.bocweb-header .s-box .lbox {
width: 25px;
height: 25px;
font-size: 15px;
color: #000000;
line-height: 25px;
}
.bocweb-header .s-box .lbox:hover {
color: #64ac2c;
}
.bocweb-header .head {
position: relative;
}
.bocweb-header .bocweb-nav {
text-align: center;
padding-right: .75rem;
}
.bocweb-header .nav-li {
font-size: 18px;
color: #202020;
display: inline-block;
position: relative;
vertical-align: top;
}
.bocweb-header .nav-li .nav-top {
padding: 0 0.75rem;
display: block;
}
.bocweb-header .nav-li .nav-bot {
position: absolute;
top: 88px;
left: 0;
width: 100%;
text-align: center;
background: #ffffff;
}
.bocweb-header .nav-li .nav-bot a {
color: #666;
}
.bocweb-header .nav-li .nav-bot a:hover, .bocweb-header .nav-li .nav-bot a.active {
color: #64ac2c;
transition: .5s ease-in-out;
}
.bocweb-header .nav-li a {
color: #202020;
transition: .5s ease-in-out;
}
.bocweb-header .nav-li a:hover, .bocweb-header .nav-li a.active {
color: #64ac2c;
transition: .5s ease-in-out;
}
.bocweb-header .nav-bot {
display: none;
}
.bocweb-header .nav-bot .li {
display: block;
font-size: 14px;
line-height: 2;
}
.mbox {
display: none;
}
.w25 .li {
width: 25%;
float: left;
}
.w25.kh {
text-align: center;
}
.w25.kh .li {
float: none;
display: inline-block;
vertical-align: middle;
}
.ft50 {
font-size: 1.25rem;
}
.ft16 {
font-size: 16px;
}
.pagination .black{
display: flex;
justify-content: center;
}
.pagination a {
display: inline-block;
/* width: 40px; */
height: 35px;
line-height: 35px;
border: 1px solid #ccc;
vertical-align: middle;
margin: 0 2px;
font-size: 14px;
/* color: #666666; */
transition: .5s ease-in-out;
padding: 0 13px;
border-radius: 2px;
}
.pagination a:hover, .pagination a.active {
background: #64ac2c;
border-color: #64ac2c;
color: #fff;
transition: .5s ease-in-out;
}
.pagination .prev {
background-image: url(../picture/i2.png);
}
.pagination .prev:hover {
background-image: url(../picture/i3.png);
}
.pagination .next {
background-image: url(../picture/i4.png);
}
.pagination .next:hover {
background-image: url(../picture/i5.png);
}
.bocweb-footer {
background: #272c31;
color: #ffffff;
}
.bocweb-footer .jiqun .tit {
line-height: 1;
margin-bottom: 15px;
}
.bocweb-footer .jiqun select {
border: none;
background: none;
outline: none;
width: 235px;
height: 40px;
border: 1px solid #52565a;
background: rgba(255, 255, 255, 0.05);
font-size: 14px;
color: #797c7e;
padding: 0 15px;
}
.bocweb-footer .jiqun .selectbox{
width: 235px;
position: relative;
}
.bocweb-footer .jiqun .selectb {
border: none;
background: none;
outline: none;
height: 40px;
width: 100%;
line-height: 40px;
border: 1px solid #52565a;
background: rgba(255, 255, 255, 0.05);
font-size: 14px;
color: #797c7e;
padding: 0 15px;
background:url(../picture/xiao.png) no-repeat 96% center;
background-size: 12px 8px;
}
.bocweb-footer .jiqun .optionbox{
overflow-y:auto;
max-height: 140px;
position: absolute;
top: 40px;
left:0;
width: 100%;
display: none;
background:#ffffff;
}
.bocweb-footer .jiqun .optionbox a,
.bocweb-footer .jiqun .option{
font-size: 14px;
background:#fff;
color:#333;
padding: 0 15px;
line-height: 30px;
height: 30px;
box-sizing: border-box;
overflow: hidden;
}
.bocweb-footer .jiqun .optionbox a:hover{
color:#ffffff;
background:#64ac2c;
}
.bocweb-footer a {
font-size: 14px;
color: rgba(255, 255, 255, 0.7);
display: block;
}
.bocweb-footer .footer-nav {
float: left;
line-height: 30px;
}
.bocweb-footer .footer-nav:nth-child(n+2) {
margin-left: 2.25rem;
}
.bocweb-footer .footer-nav .nav-top {
font-size: 16px;
color: #f6f6f6;
line-height: 1.1;
margin-bottom: 20px;
}
.bocweb-footer .bocweb-footer-top {
padding-top: 2rem;
padding-bottom: 1rem;
border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}
.bocweb-footer .bdbox a {
display: inline-block;
vertical-align: middle;
width: 25px;
height: 25px;
transition: .5s ease-in-out;
}
.bocweb-footer .bdbox a:hover {
opacity: .5;
transition: .5s ease-in-out;
}
.bocweb-footer .bdbox a:nth-child(n+2) {
margin-left: .5rem;
}
.bocweb-footer .bdbox .qq {
background: url(../picture/qq.png) no-repeat center;
background-size: 100%;
}
.bocweb-footer .bdbox .wb {
background: url(../picture/wb.png) no-repeat center;
background-size: 100%;
}
.bocweb-footer .bdbox .wx {
background: url(../picture/wx.png) no-repeat center;
background-size: 100%;
}
.bocweb-footer .bocweb-footer-bot {
font-size: 14px;
padding-top: 40px;
padding-bottom: 55px;
line-height: 2;
}
.bocweb-footer .bocweb-footer-bot a {
display: inline-block;
color: rgba(255, 255, 255, 0.25);
}
.bocweb-footer .bocweb-footer-bot .p {
color: rgba(255, 255, 255, 0.25);
margin-left: 1.375rem;
}
.con-banner {
position: relative;
}
.con-banner .images {
height: 15.625rem;
}
.con-banner .words {
color: #ffffff;
font-size: 16px;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
line-height: 1.1;
padding-top: 4.375rem;
}
.con-banner .words .txt {
margin-top: 1.625rem;
line-height: 1.5;
}
.storys-words{
width: 76%;
margin:0 auto;
text-align: center;
padding:1.75rem 0;
}
.storys-words .cn,.storys-words .en{
line-height: 1.1;
color:#333333;
}
.storys-words .en{
margin-top: .5rem;
}
.storys-words .p{
font-size: .35rem;
line-height: .75rem;
margin-top: 1rem;
}
.about-tit {
position: static;
width: 100%;
height: 88px;
line-height: 88px;
background: rgba(249, 249, 249, 0.95);
font-size: 18px;
color: #333333;
overflow: hidden;
}
.about-tit.story{
position: relative;
background:#f9f9f9;
}
.about-tit .span {
display: inline-block;
vertical-align: middle;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
max-width: 4rem;
}
.about-tit .items {
display: block;
border-left: 1px solid #e3e4e4;
text-align: center;
overflow: hidden;
color: #333;
transition: .5s ease-in-out;
}
.about-tit .items:hover, .about-tit .items.active {
color: #ffffff;
background: #64ac2c;
transition: .5s ease-in-out;
border-color: #e3e4e4;
}
.about-tit .items:hover .img img, .about-tit .items.active .img img {
transition: .5s ease-in-out;
}
.about-tit .items:hover .img .i1, .about-tit .items.active .img .i1 {
opacity: 1;
}
.about-tit .items:hover .img .i0, .about-tit .items.active .img .i0 {
opacity: 0;
}
.about-tit .items:hover .img .i1, .about-tit .items:hover .img .i1 {
opacity: 1;
}
.about-tit .items:hover .img .i0, .about-tit .items:hover .img .i0 {
opacity: 0;
}
.about-tit .items:nth-child(1) {
border-right: 1px solid #e3e4e4;
}
.about-tit .img {
position: relative;
display: inline-block;
vertical-align: middle;
margin-right: 0.375rem;
width: 30px;
height: 30px;
}
.about-tit .img img {
display: block;
transition: .5s ease-in-out;
}
.about-tit .img .i1 {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.about-tit .items.active {
background: #64ac2c;
}
.about-tit .items.active .img .i2{
opacity: 0;
}
.newsmore {
font-size: 14px;
color: #333333;
font-family: Arial;
width: 144px;
height: 45px;
line-height: 45px;
padding-left: 0.625rem;
border: 1px solid #cccccc;
position: relative;
transition: .5s ease-in-out;
}
.newsmore:hover {
background: #64ac2c;
transition: .5s ease-in-out;
color: #ffffff;
border-color: #64ac2c;
}
.newsmore:hover:after {
background: url(../picture/k35.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.newsmore:after {
position: absolute;
transition: .5s ease-in-out;
content: "";
width: 12px;
height: 9px;
background: url(../picture/k34.png) no-repeat center;
background-size: 100%;
right: 22px;
top: 0;
bottom: 0;
margin: auto;
}
.ri-btn .time {
font-size: 14px;
font-family: Arial;
color: #64ac2c;
padding-left: 26px;
position: relative;
line-height: 1;
}
.ri-btn .time:after {
position: absolute;
left: 0;
top: 0;
bottom: 0;
width: 12px;
content: "";
height: 8px;
background: url(../picture/k36.png) no-repeat center;
background-size: 100%;
margin: auto;
}
.m-header .sub-menu .sec-list p {
overflow: hidden;
}
.news-box {
/* padding-top: 1.95rem; */
padding-bottom: 1.65rem;
}
.news-box .news-top {
padding: 0 .5rem;
}
.news-box .news-top .items {
display: block;
padding: 18px;
border: 2px solid #efefef;
padding-right: 1.1rem;
font-size: 14px;
color: rgba(51, 51, 51, 0.5);
}
.news-box .news-top .items img {
transition: .5s ease-in-out;
}
.news-box .news-top .items:hover .newsmore {
background: #64ac2c;
transition: .5s ease-in-out;
color: #ffffff;
border-color: #64ac2c;
}
.news-box .news-top .items:hover .newsmore:after {
background: url(../picture/k35.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.news-box .news-top .items:hover .images img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.news-box .news-top .words {
width: 930px;
padding-top: 0.375rem;
position: relative;
height: 100%;
}
.news-box .news-top .words .ri-btn {
width: 100%;
margin-top: 0.75rem;
}
.news-box .news-top .words .tit {
font-size: 22px;
line-height: 32px;
height: 32px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: #333333;
margin-bottom: .5rem;
}
.news-box .news-top .words .newsmore {
margin-top: 0.65rem;
}
.news-box .news-top .words .txt {
line-height: 30px;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.news-box .news-bot {
margin-top: .75rem;
/* border-top: 1px solid #d6d6d6; */
padding: .75rem .5rem;
}
.news-box .news-bot .items-box {
padding-top: .75rem;
padding-bottom: 1.375rem;
}
.news-box .news-bot .items {
display: block;
color: #333333;
border: 1px solid #efefef;
padding: 0.5rem 0.875rem;
box-sizing: border-box;
transition: .5s ease-in-out;
}
.news-box .news-bot .items:hover {
color: #ffffff;
background: #64ac2c;
transition: .5s ease-in-out;
}
.news-box .news-bot .items:hover .tit:after {
background: url(../picture/k35.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.news-box .news-bot .items:hover .txt .time {
color: #ffffff;
transition: .5s ease-in-out;
}
.news-box .news-bot .items:hover .txt .time:after {
background: url(../picture/k42.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.news-box .news-bot .items .tit {
font-size: 18px;
line-height: 28px;
height: 28px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-right: 30px;
position: relative;
}
.news-box .news-bot .items .tit:after {
position: absolute;
content: "";
right: 0;
top: 0;
bottom: 0;
width: 12px;
height: 9px;
background: url(../picture/k41.png) no-repeat center;
background-size: 100%;
margin: auto;
transition: .5s ease-in-out;
}
.news-box .news-bot .items .txt {
font-size: 14px;
color: #999999;
font-family: Arial;
margin-top: 8px;
}
.news-box .news-bot .items .txt .time {
color: #999999;
}
.news-box .news-bot .items .txt .time:after {
background: url(../picture/k40.png) no-repeat center;
background-size: 100%;
}
.news-box .news-bot .items:nth-child(n+2) {
margin-top: 8px;
}
.news-box .news-bot .input {
width: 425px;
border: 1px solid #d6d6d6;
font-size: 18px;
color: #323333;
position: relative;
}
.news-box .news-bot .input input {
border: none;
background: none;
outline: none;
}
.news-box .news-bot .input input[type=text] {
width: 100%;
height: 60px;
padding-left: .75rem;
}
.news-box .news-bot .input input[type=submit] {
width: 25px;
height: 25px;
background: url(../picture/k39.png) no-repeat center;
background-size: 100%;
text-indent: -999px;
overflow: hidden;
position: absolute;
right: .5rem;
top: 0;
bottom: 0;
margin: auto;
}
.news-box .news-bot .selectbox select {
border: none;
outline: none;
background: none;
width: 228px;
height: 60px;
font-size: 16px;
background: #f5f5f5;
border: 1px solid #cecece;
cursor: pointer;
-webkit-appearance: none;
padding-left: .75rem;
background: url(../picture/k38.png) no-repeat 90%;
display: inline-block;
}
.news-box .news-bot .selectbox select:nth-child(n+2) {
margin-left: 0.375rem;
}
.news-box .news-bot .selectbox select.active {
background: url(../picture/k37.png) #64ac2c no-repeat 90%;
color: #ffffff;
border-color: #64ac2c;
}
.ab-box {
background: url(../picture/bg.jpg) no-repeat bottom;
background-size: 100%;
min-height: 23.25rem;
padding-bottom: 4.25rem;
}
.ab-tit {
color: #64ac2c;
line-height: 1.1;
padding-top: 1.625rem;
padding-bottom: 1.125rem;
border-bottom: 1px solid #d3d4d4;
}
.ab-tit .cn {
font-size: 1.2rem;
}
.ab-tit .enbox {
margin-top: 0.25rem;
}
.ab-tit .enbox sub {
font-size: 14px;
}
.ab-tit .enbox span {
font-size: .9rem;
text-transform: uppercase;
}
.about-box {
background: url(../picture/k17.png) #f7f7f7 no-repeat top;
background-size: 100%;
}
.about-box .about-top {
padding-top: 1.875rem;
}
.about-box .about-top .tit-en {
font-family: Arial;
font-size: 0.9rem;
line-height: 1.1;
color: #64ac2c;
text-transform: uppercase;
}
.about-box .about-top .txt {
width: 525px;
font-size: 18px;
color: #333333;
line-height: 30px;
margin-top: 0.5rem;
/*margin-bottom: 2rem;*/
margin-bottom: 1rem;
}
.about-box .about-top .list {
position: relative;
padding-bottom: 1.875rem;
}
.about-box .about-top .list2{
padding-bottom: 2rem;
/*padding-bottom: 4.75rem;*/
}
.about-box .about-top .list2 .items{
/*position: absolute;*/
}
.about-box .about-top .list2 .items1{
left: 0;
top: 3rem;
}
.about-box .about-top .list2 .items2{
left: 0;
/*top: 1.3rem;*/
top: .5rem;
}
.about-box .about-top .list2 .items3{
left: 0;
top: -1.25rem;
/*top: -.8rem;*/
}
.about-box .about-top .list2 .items4{
left: 0;
/*top: -3rem;*/
top: -3.75rem;
}
.about-box .about-top .list .img{
width: 2rem;
height: 2rem;
border-radius: 50%;
background-color: #b6b6b6;
margin:0 auto;
}
.beforebg{
width: 100%;
height: 7.5rem;
}
.about-box .about-top .list2{
/*padding-top: 1rem;*/
}
.about-box .about-top .list2 .itemsbox {
position: absolute;
left: 0;
top: 0;
width: 93%;
}
.about-box .about-top .list:before {
/* position: absolute;
content: "";
width: 100%;
height: 7px;
background: #e9e9e9;
left: 0;
top: 35px;*/
}
.about-box .about-top .list .items {
text-align: center;
width: 25%;
display: inline-block;
vertical-align: top;
padding: 0 1.625rem;
z-index: 3;
position: relative;
}
.about-box .about-top .list .items .num {
width: 78px;
height: 78px;
text-align: center;
line-height: 78px;
color: #ffffff;
border-radius: 50%;
margin: 0 auto;
background: #64ac2c;
font-size: 16px;
}
.about-box .about-top .list .items .tit {
font-size: .45rem;
color: #64ac2c;
line-height: 1;
margin-top: .375rem;
margin-bottom: 2.25rem;
}
.about-box .about-top .list .items .p {
font-size: 14px;
color: #666666;
line-height: 24px;
}
.about-box .about-bot {
background: url(../picture/k14.png) #dedede no-repeat top;
background-size: 100%;
min-height: 300px;
padding-top: 4rem;
padding-bottom: 1.875rem;
}
.about-box .about-bot .about-bottit {
padding: 0 3rem;
position: relative;
margin-bottom: 0.375rem;
}
.about-box .about-bot .about-bottit .items {
width: width;
height: 50px;
line-height: 50px;
text-align: center;
color: #333333;
font-size: 18px;
border: 1px solid #999999;
border-radius: 50px;
margin: 0 auto;
cursor: pointer;
transition: .5s ease-in-out;
}
.about-box .about-bot .about-bottit .items:hover, .about-box .about-bot .about-bottit .items.active {
background: #64ac2c;
border-color: #64ac2c;
color: #ffffff;
transition: .5s ease-in-out;
}
.about-box .about-bot .about-botlist a {
display: block;
font-size: 14px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
line-height: 72px;
height: 72px;
padding: 0 1.375rem;
border-bottom: 1px solid #c6c6c6;
color: #333333;
position: relative;
}
.about-box .about-bot .about-botlist a:after {
position: absolute;
content: "";
width: 4px;
height: 4px;
background: #666666;
border-radius: 50%;
background: #666666;
top: 0;
bottom: 0;
left: 1rem;
margin: auto;
}
.swipersbox .btns .swiper-button-prev, .swipersbox .btns .swiper-button-next {
width: 12px;
height: 25px;
top: 0;
bottom: 0;
margin: auto;
}
.swipersbox .btns .swiper-button-prev {
background: url(../picture/k19.png) no-repeat center;
background-size: 100%;
left: 1rem;
}
.swipersbox .btns .swiper-button-prev:hover {
background: url(../picture/k18.png) no-repeat center;
background-size: 100%;
}
.swipersbox .btns .swiper-button-next {
background: url(../picture/k21.png) no-repeat center;
background-size: 100%;
right: 1rem;
}
.swipersbox .btns .swiper-button-next:hover {
background: url(../picture/k20.png) no-repeat center;
background-size: 100%;
}
.qualification {
padding-top: 2.5rem;
padding-bottom: 1.5rem;
/*background: url(../img/i5.jpg) no-repeat bottom;*/
/*background-size: cover;*/
}
.qualification .swiper-slide-active .items .words {
opacity: 1;
}
.qualification .items .images {
/*padding: 1.125rem 0.75rem;*/
padding:.2rem;
background: #ffffff;
border:1px solid #f1f1f1;
border-top: none;
overflow: hidden;
}
.qualification .items .img{
overflow: hidden;
}
.qualification .items .images img{
transition:.5s ease-in-out;
}
.qualification .items:hover .images img{
transition:.5s ease-in-out;
transform:scale3d(1.05,1.05,1);
}
.qualification .items .words {
/*font-size: 24px;*/
/*color: #64ac2c;*/
/*margin-top: 1.5rem;*/
/*text-align: center;*/
/*opacity: 0;*/
font-size: .4rem;
line-height: .65rem;
height: 1.3rem;
color: #666666;
margin-top: .375rem;
margin-bottom: .875rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
padding-left: 17px;
position: relative;
}
.qualification .items .words:after{
position: absolute;
content: "";
width: .2rem;
height: .2rem;
border-radius: 50%;
left: 3px;
background: #666666;
top: .25rem;
/* bottom: 0; */
margin: auto;
}
.ab-text-box {
font-size: 14px;
line-height: 24px;
color: #666666;
}
.ab-text-box .text {
width: 720px;
padding-top: 1.5rem;
}
.ab-text-box .text span {
color: #333333;
font-weight: bold;
}
.ab-text-box .text .tit {
font-size: 24px;
color: #333333;
line-height: 1;
margin-bottom: 1rem;
}
.ab-text-box .images {
width: 645px;
margin-top: -2rem;
position: relative;
z-index: 2;
}
.ab-text-box .images .img {
overflow: hidden;
}
.ab-text-box .images .span {
text-align: center;
color: #333333;
font-size: 14px;
line-height: 1.2;
padding: 0.5rem 0;
}
.ab-text-box .images .tex {
padding: 0.5rem 0;
border-top: 1px solid #cccccc;
border-bottom: 1px solid #cccccc;
text-align: center;
line-height: 1.1;
font-size: .75rem;
color: #64ac2c;
}
.numbox {
margin-top: 1.375rem;
}
.numbox .items {
text-align: center;
display: inline-block;
vertical-align: top;
width: 33.333%;
line-height: 1.1;
}
.numbox .items:nth-child(n+2) {
border-left: 1px solid #e1e1e1;
}
.numbox .items .num {
color: #64ac2c;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.numbox .items .num sub {
bottom: 0;
font-size: 50%;
margin-left: 5px;
}
.numbox .nbox {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.profile-01 {
padding: 2.25rem 0;
}
.profile-01 .words {
width: 24rem;
padding-left: 1.25rem;
}
.profile-01 .words .img {
width: 230px;
height: 40px;
overflow: hidden;
}
.profile-01 .words .tit {
font-size: .75rem;
color: #333333;
line-height: 1;
margin-top: 0.6rem;
margin-bottom: 1.125rem;
}
.profile-01 .images {
padding-top: 1.1rem;
padding-right: 1.2rem;
position: relative;
}
.profile-01 .images:after {
position: absolute;
width: 4.875rem;
height: 8rem;
content: "";
right: 0;
top: 0;
background: #db1927;
}
.profile-01 .images .ik-img {
width: 12.625rem;
height: 11.125rem;
margin-left: -2.25rem;
position: relative;
z-index: 2;
}
.profile-02 {
position: relative;
}
.profile-02 .words {
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
color: #ffffff;
}
.profile-02 .words .wordsb, .profile-02 .words .text {
height: 100%;
}
.profile-02 .words .wordsb {
padding: 4rem 0;
}
.profile-02 .words .text {
width: 655px;
line-height: 30px;
overflow-y: auto;
}
.profile-02 .words .text .p {
font-size: 18px;
line-height: 30px;
margin-bottom: 1.375rem;
}
.profile-03 {
position: relative;
}
.profile-03 .words {
height: 100%;
position: absolute;
right: 0;
top: 0;
overflow-y: auto;
}
.profile-03 .images, .profile-03 .words {
width: 50%;
overflow: hidden;
}
.profile-03 .words {
padding: 2.5rem 6rem 2rem 2.125rem;
line-height: 30px;
}
.profile-03 .numbox {
margin-top: 2.25rem;
}
.profile-03 .numbox .items {
text-align: center;
display: inline-block;
vertical-align: top;
width: 33.333%;
line-height: 1.1;
}
.profile-03 .numbox .items:nth-child(n+2) {
border-left: 1px solid #e1e1e1;
}
.profile-03 .numbox .items .num {
color: #64ac2c;
font-size: 1.2rem;
margin-bottom: 0.8rem;
}
.profile-03 .numbox .items .num sub {
bottom: 0;
font-size: 37%;
margin-left: 5px;
}
.profile-03 .numbox .nbox {
display: inline-block;
vertical-align: middle;
text-align: left;
}
.culture {
min-height: 22.25rem;
}
.culture .culture-box {
padding-top: 2.875rem;
}
.culture .culture-box .items {
text-align: center;
display: inline-block;
vertical-align: top;
width: 33.33%;
}
.culture .culture-box .items .en {
text-transform: uppercase;
font-size: .9rem;
color: #64ac2c;
line-height: 1;
}
.culture .culture-box .items .cn {
font-size: .6rem;
color: #333333;
line-height: 1;
margin-top: .75rem;
margin-bottom: 0.875rem;
}
.culture .culture-box .items .p {
font-size: 18px;
color: #333333;
margin-bottom: 1.875rem;
}
.culture .culture-box .items .img {
width: 100px;
height: 100px;
border-radius: 50%;
margin: 0 auto;
border: 1px solid #bebebe;
position: relative;
transition: .5s ease-in-out;
}
.culture .culture-box .items .img img {
display: block;
transition: .5s ease-in-out;
}
.culture .culture-box .items .img:hover {
background: #64ac2c;
border-color: #64ac2c;
transition: .5s ease-in-out;
}
.culture .culture-box .items .img:hover .i1 {
opacity: 1;
}
.culture .culture-box .items .img:hover .i0 {
opacity: 0;
}
.culture .culture-box .items .img:hover img {
transition: .5s ease-in-out;
}
.culture .culture-box .items .img .i1 {
position: absolute;
left: 0;
top: 0;
opacity: 0;
}
.prolist .prolist-top {
text-align: center;
padding-top: 1.5rem;
padding-bottom: 1.25rem;
border-bottom: 2px solid #e1e1e1;
}
.prolist .prolist-top .tit, .prolist .prolist-top .txt {
/*width: 1045px;*/
margin: 0 auto;
}
.prolist .prolist-top .tit {
font-size: .9rem;
color: #323333;
line-height: 1;
margin-bottom: 0.5rem;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.prolist .prolist-top .txt {
line-height: 30px;
font-size: 14px;
color: #666666;
text-align: left;
}
.prolist-bot {
padding-top: .6rem;
}
.prolist-bot .prolistbot-tit {
position: relative;
padding-left: 72px;
line-height: 40px;
font-size: 18px;
color: #333333;
padding-bottom: 0.25rem;
}
.prolist-bot .prolistbot-tit .i {
float: left;
cursor: pointer;
width: 125px;
border: 1px solid #d6d6d6;
text-align: center;
margin-right: 0.75rem;
transition: .5s ease-in-out;
margin-bottom: 5px;
}
.prolist-bot .prolistbot-tit .i:hover, .prolist-bot .prolistbot-tit .i.active {
transition: .5s ease-in-out;
color: #ffffff;
background: #64ac2c;
}
.prolist-bot .prolistbot-tit .span {
position: absolute;
left: 0;
top: 0;
}
.prolist-bot .prolistbot-list .items {
display: block;
float: left;
width: 345px;
margin-left: 20px;
background: #f9f9f9;
margin-bottom: 18px;
padding: 30px 35px;
color: #666666;
font-size: 14px;
}
.prolist-bot .prolistbot-list .items:hover .images img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.prolist-bot .prolistbot-list .items .images {
width: 270px;
height: 125px;
overflow: hidden;
}
.prolist-bot .prolistbot-list .items .images img {
width: 100%;
height: 100%;
transition: .5s ease-in-out;
}
.prolist-bot .prolistbot-list .items .words {
padding-top: .75rem;
}
.prolist-bot .prolistbot-list .items .tbig {
font-size: 16px;
line-height: 20px;
height: 20px;
/* display: -webkit-box; */
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
color: #333333;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
}
.prolist-bot .prolistbot-list .items .tsmil {
line-height: 20px;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
margin-top: 0.375rem;
}
.prolist-bot .prolistbot-list .items .more {
font-size: 14px;
line-height: 20px;
height: 20px;
color: #64ac2c;
margin-top: 0.25rem;
}
.prolist-bot .prolistbot-list .items:nth-child(4n+1) {
margin-left: 0;
}
.j-more {
font-size: 14px;
color: #333333;
margin: 0 auto;
width: 168px;
height: 48px;
line-height: 48px;
text-align: center;
border-radius: 48px;
border: 1px solid #c0bfc2;
cursor: pointer;
transition: .5s ease-in-out;
display: block;
}
.j-more:hover {
border-color: #64ac2c;
background: #64ac2c;
color: #ffffff;
}
.prolist {
padding-bottom: 2.1rem;
}
.prolist .j-more {
margin-top: 0.625rem;
display: none;
}
.ft36 {
font-size: .9rem;
}
.ft24 {
font-size: 24px;
}
.details-tit {
text-align: center;
padding-top: 1.625rem;
padding-bottom: 1rem;
border-bottom: 1px solid #d6d6d6;
margin-bottom: 1rem;
}
.details-tit .tit {
color: #333333;
line-height: 1.3;
}
.box-detais-1 {
padding-bottom: 2.25rem;
}
.box-detais-1 .text {
/*text-align: center;*/
font-size: 14px;
color: #666666;
padding: 0 1.5rem;
padding-bottom: 1rem;
line-height: 1.6;
}
.box-detais-1 .img {
padding: 0 1.5rem;
margin: 0 auto;
overflow: hidden;
}
.box-detais-1 .img img {
display: block;
margin: 0 auto;
width: 100%;
}
.prodetails2 .box-detais-1 {
padding-bottom: 1.2rem;
border-bottom: 1px solid #eaeaea;
}
.prodetails2 .box-detais-1 .text {
text-align: left;
line-height: 30px;
}
.box-detais-2 {
padding-bottom: 1.375rem;
border-bottom: 1px solid #eaeaea;
}
.box-detais-2 .itembox .item {
display: none;
font-size: 14px;
color: #666666;
line-height: 30px;
padding: 0.75rem 0;
}
.box-detais-2 .tit {
line-height: 2.125rem;
height: 2.125rem;
border-top: 1px solid #eaeaea;
border-bottom: 1px solid #eaeaea;
overflow: hidden;
color: #333333;
font-weight: bold;
}
.box-detais-2 .tit .i {
float: left;
height: 100%;
padding: 0 0.25rem;
position: relative;
cursor: pointer;
transition: .5s ease-in-out;
}
.box-detais-2 .tit .i:after {
position: absolute;
width: 100%;
height: 4px;
background: #64ac2c;
content: "";
left: 0;
bottom: -4px;
opacity: 0;
transition: .5s ease-in-out;
}
.box-detais-2 .tit .i:hover, .box-detais-2 .tit .i.active {
color: #64ac2c;
transition: .5s ease-in-out;
}
.box-detais-2 .tit .i:hover:after, .box-detais-2 .tit .i.active:after {
opacity: 1;
transition: .5s ease-in-out;
bottom: 0;
}
.box-detais-2 .tit .i:nth-child(n+2) {
margin-left: 2.75rem;
}
.box-detais-2 .itembox, .box-detais-2 .tit {
padding: 0 1.5rem;
}
.loginbox {
font-size: 14px;
color: #333333;
line-height: 24px;
padding-left: 30px;
position: relative;
}
.loginbox:after {
position: absolute;
width: 24px;
height: 24px;
left: 0;
top: 0;
content: "";
background: url(../picture/i6.png) no-repeat center;
background-size: 100%;
}
.box-detais-3 {
padding: 0.75rem 1.5rem;
padding-bottom: 0.875rem;
border-bottom: 1px solid #eaeaea;
}
.box-detais-3 .tit {
font-weight: bold;
color: #333333;
line-height: 24px;
}
.box-detais-3 .list {
display: none;
}
.box-detais-3 .list .items {
display: block;
border: 1px solid #eaeaea;
font-size: 16px;
color: #666666;
height: 60px;
line-height: 60px;
transition: .5s ease-in-out;
}
.box-detais-3 .list .items:nth-child(n+2) {
margin-top: 0.25rem;
}
.box-detais-3 .list .items:hover {
background: #64ac2c;
color: #ffffff;
transition: .5s ease-in-out;
}
.box-detais-3 .list .items:hover .text {
color: #ffffff;
}
.box-detais-3 .list .items:hover .p:after, .box-detais-3 .list .items:hover .text:after {
transition: .5s ease-in-out;
}
.box-detais-3 .list .items:hover .text:after {
background: url(../picture/i8.png) no-repeat center;
background-size: 100%;
}
.box-detais-3 .list .items:hover .p:after {
background: url(../picture/i10.png) no-repeat center;
background-size: 100%;
}
.box-detais-3 .list .items .p {
position: relative;
padding-right: 1.5rem;
font-size: 14px;
color: #999999;
}
.box-detais-3 .list .items .p:after {
width: 20px;
height: 20px;
position: absolute;
content: "";
right: 0.75rem;
top: 0;
bottom: 0;
background: url(../picture/i9.png) no-repeat center;
background-size: 100%;
margin: auto;
transition: .5s ease-in-out;
}
.box-detais-3 .list .items .text {
position: relative;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
padding-left: 1.5rem;
transition: .5s ease-in-out;
width: calc(100% - 180px);
}
.box-detais-3 .list .items .text:after {
width: 20px;
height: 20px;
position: absolute;
content: "";
left: 0.625rem;
top: 0;
bottom: 0;
background: url(../picture/i7.png) no-repeat center;
background-size: 100%;
margin: auto;
transition: .5s ease-in-out;
}
.box-detais-3 .detailsdown {
padding-top: .75rem;
}
.box-detais-3 .span-box {
margin-left: 0.875rem;
}
.box-detais-3 .span-box .i {
float: left;
font-size: 14px;
color: #333333;
padding: 0 0.25rem;
position: relative;
cursor: pointer;
}
.box-detais-3 .span-box .i:hover, .box-detais-3 .span-box .i.active {
transition: .5s ease-in-out;
}
.box-detais-3 .span-box .i:hover:after, .box-detais-3 .span-box .i.active:after {
transition: .5s ease-in-out;
opacity: 1;
}
.box-detais-3 .span-box .i:nth-child(n+2) {
margin-left: .75rem;
}
.box-detais-3 .span-box .i:after {
opacity: 0;
position: absolute;
content: "";
width: 100%;
height: 1px;
left: 0;
bottom: 0;
background: #64ac2c;
}
.box-detais-3 .loginbox {
margin-top: 1.125rem;
cursor: pointer;
}
.box-detais-3 .loginbox span {
color: #64ac2c;
}
.prodetails-bot {
padding: 1rem 1.5rem;
}
.prodetails-bot a {
display: block;
}
.prodetails-bot .button {
width: calc(100% - 300px);
}
.prodetails-bot .button a {
line-height: 24px;
height: 24px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: #666;
transition: .5s ease-in-out;
}
.prodetails-bot .button a:hover {
color: #df585e;
ttransition: .5s ease-in-out;
}
.prodetails {
padding-bottom: 2.5rem;
}
.detais4-list {
padding-bottom: .4rem;
}
.detais4-list .words {
padding-top: 0.75rem;
line-height: 30px;
color: #666666;
font-size: 14px;
width: 660px;
}
.detais4-list .images {
width: 535px;
}
.detais5-list {
padding-top: 0.625rem;
padding-bottom: .75rem;
}
.detais5-list .li {
float: left;
padding: 0 0.625rem;
margin-bottom: 0.375rem;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
width: 24%;
height: 50px;
line-height: 50px;
border: 1px solid #eaeaea;
margin-left: 1.3333333333%;
}
.detais5-list .li:nth-child(4n+1) {
margin-left: 0;
}
.cases-box {
padding-top: 2.125rem;
}
.news-box .news-top .images {
width: 360px;
height: 265px;
overflow: hidden;
}
.cases-tit {
text-align: center;
border-top: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
overflow: hidden;
}
.cases-tit .swiper-container {
width: auto;
display: inline-block;
vertical-align: top;
height: 100%;
}
.cases-tit .swiper-slide {
width: auto;
display: inline-block;
}
.cases-tit .swiper-slide .li {
padding: 0 0.25rem;
font-size: 16px;
line-height: 80px;
height: 80px;
margin: 0 1rem;
cursor: pointer;
color: #333333;
position: relative;
transition: .5s ease-in-out;
}
.cases-tit .swiper-slide .li:hover, .cases-tit .swiper-slide .li.active {
color: #64ac2c;
transition: .5s ease-in-out;
}
.cases-tit .swiper-slide .li:hover:after, .cases-tit .swiper-slide .li.active:after {
bottom: 0;
opacity: 1;
}
.cases-tit .swiper-slide .li:after {
position: absolute;
left: 0;
bottom: 0;
content: "";
width: 100%;
height: 4px;
bottom: -4px;
transition: .5s ease-in-out;
background: #64ac2c;
opacity: 0;
}
.cases-listbox {
padding-top: 0.95rem;
padding-bottom: 2.5rem;
}
.cases-listbox .list {
margin-bottom: 1.75rem;
}
.cases-listbox .list .items {
display: block;
font-size: 14px;
color: #666666;
position: relative;
}
.cases-listbox .list .items:nth-child(n+2) {
margin-top: 1.3rem;
}
.cases-listbox .list .items:hover img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.cases-listbox .list .img {
width: 340px;
height: 165px;
overflow: hidden;
}
.cases-listbox .list .img img {
transition: .5s ease-in-out;
}
.cases-listbox .list .words {
width: calc(100% - 375px);
border-bottom: 1px solid #d6d6d6;
position: absolute;
height: 100%;
right: 0;
top: 0;
}
.cases-listbox .list .words .tit {
font-size: 18px;
line-height: 22px;
height: 22px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: #333333;
}
.cases-listbox .list .words .p {
font-size: 14px;
line-height: 24px;
height: 48px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 0.375rem;
margin-bottom: 1rem;
}
.cases-listbox .list .words .more {
font-size: 14px;
color: #333333;
padding-left: 20px;
line-height: 1;
position: relative;
}
.cases-listbox .list .words .more:after {
position: absolute;
content: "";
width: 9px;
height: 5px;
left: 0;
top: 0;
bottom: 0;
background: url(../picture/k32.png) no-repeat center;
background-size: 100%;
margin: auto;
}
.topdetails-tbox {
background: #f7f7f7;
}
.casesdetails-tips {
font-size: 14px;
color: #999999;
line-height: 1;
padding-top: 0.625rem;
padding-bottom: 0.45rem;
border-bottom: 1px solid #e3e3e3;
}
.casesdetails-tips a {
color: #999999;
transition: .5s ease-in-out;
}
.casesdetails-tips a:hover, .casesdetails-tips a.active {
color: #c4261d;
transition: .5s ease-in-out;
}
.stmore {
position: relative;
width: 115px;
height: 1.25rem;
line-height: 1.25rem;
border-radius: 1.25rem;
text-align: center;
background: #64ac2c;
font-size: 14px;
color: #ffffff;
display: block;
}
.stmore b {
display: inline-block;
vertical-align: middle;
font-weight: normal;
}
.stmore:hover span {
margin-left: 5px;
transition: .5s ease-in-out;
}
.stmore span {
display: inline-block;
width: 15px;
height: 15px;
display: inline-block;
vertical-align: middle;
background: url(../picture/k33.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.stmore:hover {
color: #ffffff;
}
.casesdetails-tit {
position: relative;
}
.casesdetails-tit .tit {
font-size: .9rem;
line-height: 1.25rem;
text-align: center;
padding: 0 120px;
padding-top: 0.875rem;
padding-bottom: 1rem;
}
.casesdetails-tit .stmore {
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
}
.casesdetails-images {
padding-top: 1.375rem;
padding-bottom: 1rem;
}
.casesdetails-images .img {
overflow: hidden;
position: relative;
}
.casesdetails-images .img:after {
position: absolute;
content: "";
width: 100%;
height: 100%;
left: 0;
top: 0;
background: rgba(208, 208, 208, 0.6);
}
.casesdetails-images .img img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
filter: gray;
cursor: pointer;
}
.casesdetails-images .swiper-slide-active .img:after {
opacity: 0;
}
.casesdetails-images .swiper-slide-active .img img {
-webkit-filter: grayscale(0%);
-moz-filter: grayscale(0%);
-ms-filter: grayscale(0%);
-o-filter: grayscale(0%);
filter: grayscale(0%);
filter: gray;
}
.casesdetails-words {
padding-bottom: 1.75rem;
}
.casesdetails-words .items {
border-top: 1px solid #d6d6d6;
padding: 1rem 1.625rem;
padding-bottom: 1.25rem;
position: relative;
}
.casesdetails-words .items:after {
content: "";
position: absolute;
height: 4px;
width: 1.05rem;
left: 1.625rem;
top: 0;
background: #64ac2c;
}
.casesdetails-words .tit {
font-size: 24px;
color: #333333;
line-height: 1.2;
margin-bottom: 1.25rem;
}
.casesdetails-words .p {
font-size: 16px;
color: #666666;
line-height: 1.875;
}
.servers-tit {
text-align: center;
}
.servers-tit .li {
transition: .5s ease-in-out;
display: inline-block;
vertical-align: middle;
font-size: 18px;
color: #333333;
line-height: 1.2;
padding-bottom: 15px;
border-bottom: 1px solid transparent;
margin: 0 23px;
cursor: pointer;
}
.servers-tit .li:hover, .servers-tit .li.active {
transition: .5s ease-in-out;
color: #64ac2c;
border-color: #64ac2c;
}
.ser-more {
position: relative;
font-size: 14px;
color: #999999;
font-family: Arial;
line-height: 1;
padding-right: 28px;
display: inline-block;
vertical-align: top;
line-height: 15px;
margin-top: 8px;
transition: .5s ease-in-out;
overflow: hidden;
}
.ser-more:after {
position: absolute;
content: "";
background: url(../picture/d10.png) no-repeat center;
background-size: 100%;
width: 11px;
height: 15px;
right: 0;
transition: .5s ease-in-out;
top: 0;
}
.serves-down {
padding-top: 1.5rem;
padding-bottom: 2.625rem;
}
.serves-down .servers-tit {
padding-bottom: 1rem;
border-bottom: 2px solid #989999;
margin-bottom: 0.65rem;
}
.serves-down .list {
padding-bottom: 1.375rem;
}
.serves-down .list .items {
display: block;
float: left;
border: 1px solid #d6d6d6;
width: 275px;
margin-left: 16.25px;
padding: 10px;
padding-bottom: 25px;
box-sizing: border-box;
margin-bottom: 0.625rem;
transition: .5s ease-in-out;
}
.serves-down .list .items:nth-child(5n+1) {
margin-left: 0;
}
.serves-down .list .items .images {
overflow: hidden;
height: 250px;
width: 250px;
}
.serves-down .list .items .images img {
transition: .5s ease-in-out;
}
.serves-down .list .items:hover {
box-shadow: 0 4px 6px 2px rgba(0, 0, 0, 0.1);
transition: .5s ease-in-out;
}
.serves-down .list .items:hover .images img {
transform: scale3d(1.05, 1.05, 1);
transition: .5s ease-in-out;
}
.serves-down .list .items:hover .words {
color: #d90c1b;
}
.serves-down .list .items:hover .words .tit {
color: #d90c1b;
}
.serves-down .list .items:hover .words .ser-more {
color: #d90c1b;
transition: .5s ease-in-out;
}
.serves-down .list .items:hover .words .ser-more:after {
position: absolute;
background: url(../picture/d11.png) no-repeat center;
background-size: 100%;
}
.serves-down .list .items .words {
padding: 0 10px;
padding-top: 20px;
}
.serves-down .list .items .tit {
font-size: 16px;
line-height: 26px;
height: 26px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
color: #666666;
}
.serves-down .prolist-bot {
padding-top: 0;
}
.serves-down .prolist-bot .prolistbot-tit {
padding-bottom: .5rem;
}
.serves-wordsdown .items {
border: 1px solid #eaeaea;
height: 60px;
line-height: 60px;
display: block;
position: relative;
transition: .5s ease-in-out;
}
.serves-wordsdown .items:nth-child(n+2) {
margin-top: 10px;
}
.serves-wordsdown .items .ser-more {
position: absolute;
top: 0;
bottom: 0;
height: 20px;
line-height: 20px;
margin: auto;
right: 20px;
}
.serves-wordsdown .items:hover {
color: #ffffff;
background: #64ac2c;
transition: .5s ease-in-out;
}
.serves-wordsdown .items:hover .text {
color: #ffffff;
transition: .5s ease-in-out;
}
.serves-wordsdown .items:hover .text:after {
background: url(../picture/k44.png) no-repeat center;
background-size: 100%;
transition: 0.5s ease-in-;
}
.serves-wordsdown .items:hover .ser-more {
color: #fff;
}
.serves-wordsdown .items:hover .ser-more:after {
background: url(../picture/k45.png) no-repeat center;
background-size: 100%;
}
.serves-wordsdown .items .text {
color: #666666;
padding-left: 60px;
box-sizing: border-box;
position: relative;
}
.serves-wordsdown .items .text:after {
position: absolute;
content: "";
width: 20px;
height: 20px;
background: url(../picture/k43.png) no-repeat center;
background-size: 100%;
left: 27px;
top: 0;
bottom: 0;
margin: auto;
transition: .5s ease-in-out;
}
.serves-wordsdown {
padding-top: 1.5rem;
padding-bottom: 1rem;
box-sizing: border-box;
}
.serves-wordsdown .words-list {
padding-bottom: 1.75rem;
}
.serves-box {
padding-top: 1.875rem;
padding-bottom: 2.375rem;
box-sizing: border-box;
}
.serves-box .serves-top {
margin-bottom: 1.5rem;
}
.serves-box .serves-top .words {
width: 1135px;
font-size: 16px;
color: #666666;
line-height: 35px;
}
.serves-box .serves-top .images {
width: 225px;
height: 175px;
border: 1px solid #dfdfdf;
box-sizing: border-box;
}
.serves-box .serves-bot .items {
display: block;
line-height: 115px;
height: 115px;
border: 1px solid #d6d6d6;
background: #f9f9f9;
overflow: hidden;
font-size: 18px;
color: #333333;
transition: .5s ease-in-out;
position: relative;
}
.serves-box .serves-bot .items:hover {
background: #64ac2c;
color: #ffffff;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items:hover .text:after {
background: url(../picture/a1.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items:hover .span {
color: #ffffff;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items:hover .span:after {
background: url(../picture/a3.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items .span {
position: relative;
padding-left: 18px;
padding-right: 50px;
font-size: 14px;
color: #333333;
}
.serves-box .serves-bot .items .span:after {
position: absolute;
width: 9px;
height: 5px;
content: "";
background: url(../picture/a2.png) no-repeat center;
background-size: 100%;
left: 0;
top: 0;
bottom: 0;
margin: auto;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items .text {
position: relative;
padding-left: 130px;
width: calc(100% - 250px);
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.serves-box .serves-bot .items .text:after {
position: absolute;
content: "";
width: 55px;
height: 55px;
left: 36px;
top: 0;
bottom: 0;
margin: auto;
background: url(../picture/a0.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.serves-box .serves-bot .items:nth-child(n+2) {
margin-top: .5rem;
}
.inquiry-box {
font-size: 16px;
color: #666666;
line-height: 35px;
}
.inquiry-box .p {
width: 855px;
}
.inquiry-box .tit {
color: #333333;
line-height: 1.2;
margin-bottom: .75rem;
}
.inquiry-box .li0 {
font-size: 18px;
width: 140px;
color: #333333;
}
.inquiry-box .li1 {
font-size: 14px;
width: calc(100% - 145px);
}
.inquiry-01 {
padding-top: 1.875rem;
padding-bottom: 1.25rem;
}
.inquiry-01 .words1 .li {
border: 1px solid #b5b5b5;
padding: 0.5rem 0.8rem;
line-height: 30px;
transition: .5s ease-in-out;
}
.inquiry-01 .words1 .li:nth-child(n+2) {
margin-top: 0.45rem;
}
.inquiry-01 .words1 .li:hover {
color: #ffffff;
background: #64ac2c;
transition: .5s ease-in-out;
}
.inquiry-01 .words1 .li:hover .li0, .inquiry-01 .words1 .li:hover .li1 {
color: #ffffff;
transition: .5s ease-in-out;
}
.inquiry-01 .words1 .li .li0, .inquiry-01 .words1 .li .li1 {
transition: .5s ease-in-out;
}
.inquiry-01 .words1 .li .li0 {
font-size: 18px;
width: 140px;
color: #333333;
}
.inquiry-01 .words1 .li .li1 {
font-size: 14px;
width: calc(100% - 145px);
}
.inquiry-01 .words0 {
border-bottom: 1px solid #d6d6d6;
padding-bottom: 0.875rem;
margin-bottom: 1rem;
}
.inquiry-01 .words0 .pbox {
position: relative;
}
.inquiry-01 .words0 .pbox .img {
position: absolute;
right: 0;
top: -20px;
width: 95px;
height: 95px;
}
.inquiry-02 {
padding-top: 1.25rem;
padding-bottom: 2.125rem;
background: url(../picture/i.jpg) no-repeat bottom;
background-size: cover;
}
.inquiry2-list {
position: relative;
background: #ffffff;
margin-top: 1rem;
}
.inquiry2-list .inquiry2-left {
width: 330px;
}
.inquiry2-list .inquiry2-left .li {
line-height: 60px;
height: 60px;
background: #64ac2c;
padding: 0 .75rem;
color: #fff;
transition: .5s ease-in-out;
cursor: pointer;
overflow: hidden;
}
.inquiry2-list .inquiry2-left .li:hover, .inquiry2-list .inquiry2-left .li.active {
background: #ffffff;
color: #64ac2c;
transition: .5s ease-in-out;
}
.inquiry2-list .inquiry2-left .li:nth-child(n+2) {
border-top: 1px solid rgba(255, 255, 255, 0.25);
}
.inquiry2-list .inquiry2-right {
width: calc(100% - 330px);
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.inquiry2-list .inquiry2-right .items {
position: absolute;
height: 100%;
right: 0;
top: 0;
width: 100%;
opacity: 0;
padding: 1.625rem 2.875rem 1.625rem 2.375rem;
overflow-y: auto;
z-index: 0;
}
.inquiry2-list .inquiry2-right .items .tit {
font-size: 18px;
color: #64ac2c;
}
.inquiry2-list .inquiry2-right .items .img {
width: 55px;
height: 55px;
overflow: hidden;
}
.inquiry2-list .inquiry2-right .items .p {
width: 100%;
margin-bottom: .75rem;
}
.inquiry2-list .inquiry2-right .items.active {
opacity: 1;
z-index: 3;
}
.inquiry-03 {
padding-top: 1.5rem;
padding-bottom: 3.25rem;
}
.inquiry-03 .inquiry3-box {
margin-top: 1.5rem;
}
.inquiry-03 .items {
width: 260px;
height: 220px;
float: left;
position: relative;
border: 1px solid #e5e5e5;
margin-left: 25px;
text-align: center;
line-height: 1;
line-height: 220px;
}
.inquiry-03 .items:before {
position: absolute;
content: "";
width: 16px;
height: 12px;
background: url(../picture/k47.png) no-repeat center;
background-size: 100%;
left: -20px;
top: 0;
bottom: 0;
margin: auto;
}
.inquiry-03 .items:nth-child(1):before {
display: none;
}
.inquiry-03 .items:nth-child(5n+1) {
margin-left: 0;
}
.inquiry-03 .items .img {
width: 50px;
height: 50px;
margin: 0 auto;
margin-bottom: 22px;
}
.inquiry-03 .items .items0 {
display: inline-block;
vertical-align: middle;
line-height: 1;
}
.inquiry-03 .items:hover .items1 {
opacity: 1;
transition: .5s ease-in-out;
}
.inquiry-03 .items .items1 {
opacity: 0;
font-size: 14px;
line-height: 24px;
color: #ffffff;
background: #64ac2c;
text-align: center;
position: absolute;
height: 100%;
left: 0;
top: 0;
width: 100%;
overflow-y: auto;
padding: .75rem .5rem;
transition: .5s ease-in-out;
}
.inquiry-03 .items .items1 .tit {
font-size: 16px;
}
.inquiry-03 .items .items1 .p {
width: auto;
}
.inquiry-03 .items .items1 .tit {
color: #fff;
margin-bottom: .5rem;
}
.problem-box {
background: url(../picture/i15.jpg) no-repeat bottom;
background-attachment: fixed;
padding-top: 1.75rem;
padding-bottom: 4.875rem;
}
.problem-tit {
text-align: center;
border-bottom: 1px solid #d4d4d4;
}
.problem-tit .i {
display: inline-block;
vertical-align: middle;
width: 33.333%;
font-size: 20px;
color: #333333;
position: relative;
padding-bottom: 23px;
cursor: pointer;
}
.problem-tit .i.active:after {
opacity: 1;
}
.problem-tit .i:after {
position: absolute;
content: "";
height: 4px;
width: 1.625rem;
background: #64ac2c;
bottom: 0;
left: 0;
right: 0;
margin: auto;
opacity: 0;
}
.problem-list {
font-size: 14px;
line-height: 30px;
margin-top: 32px;
}
.problem-list .items {
position: relative;
}
.problem-list .items .items-top {
position: relative;
}
.problem-list .items .items-top:before {
content: "";
position: absolute;
width: 13px;
height: 13px;
background: url(../picture/k48.png) no-repeat center;
background-size: 100%;
right: 25px;
top: 0;
bottom: 0;
margin: auto;
}
.problem-list .items.active .items-top:before {
background: url(../picture/k49.png) no-repeat center;
background-size: 100%;
}
.problem-list .items:nth-child(n+2) {
margin-top: 10px;
}
.problem-list .items.active .items-top {
background: #f9f9f9;
transition: .5s ease-in-out;
}
.problem-list .items-top {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
cursor: pointer;
height: 65px;
line-height: 65px;
border: 1px solid #d3d3d3;
font-size: 16px;
color: #333333;
transition: .5s ease-in-out;
background: #ffffff;
padding-left: 35px;
padding-right: 38px;
}
.problem-list .items-bot {
padding: 20px 0;
padding-left: 35px;
padding-right: 38px;
border: 1px solid #cbcbcb;
background: #ffffff;
display: none;
}
.message-box {
padding-top: 2rem;
padding-bottom: 2.375rem;
}
.message-box input {
padding-left: 5px;
}
.message-box .message-bot {
text-align: center;
margin-top: 1rem;
}
.message-box .message-bot input {
display: inline-block;
width: 125px;
height: 40px;
margin: 0 5px;
border: none;
padding: none;
outline: none;
background: #666666;
color: #ffffff;
transition: .5s ease-in-out;
font-size: 14px;
font-weight: bold;
}
.message-box .message-bot input:hover {
background: #64ac2c;
transition: .5s ease-in-out;
}
.message-box .message-form {
border-top: 4px solid #071a2a;
padding: 0 .75rem;
padding-top: .75rem;
padding-bottom: 1rem;
border-bottom: 1px solid #c7cbce;
}
.message-box .message-form input, .message-box .message-form textarea {
border: none;
outline: none;
background: none;
resize: none;
}
.message-box .message-form input[type=text] {
width: 100%;
height: 35px;
border: 1px solid #cdd1d4;
}
.message-box .message-form textarea {
height: 215px;
width: 100%;
border: 1px solid #cdd1d4;
}
.message-box .message-form .items {
padding-left: 90px;
position: relative;
line-height: 35px;
margin-bottom: 13px;
font-size: 14px;
color: #323333;
}
.message-box .message-form .items.yanzheng input {
width: 125px;
display: inline-block;
vertical-align: middle;
}
.message-box .message-form .items.yanzheng img {
display: inline-block;
vertical-align: middle;
height: 36px;
width: 123px;
margin-left: 8px;
}
.message-box .message-form .items .span {
position: absolute;
left: 0;
top: 0;
}
.message-box .message-form .i50 {
width: 48%;
}
.message-box .message-form .i100 {
width: 100%;
}
.login-fixed {
position: fixed;
/*position: absolute;*/
width: 100%;
max-height: 100%;
overflow-y: auto;
background: rgba(39, 44, 49, 0.98);
z-index: 100;
left: 0;
top: -100%;
transition: .5s ease-in-out;
}
.login-fixed.active {
top: 0;
transition: .5s ease-in-out;
}
.login-fixed .loginboxs {
overflow-y: auto;
display: none;
}
.login-fixed .items input {
height: 50px;
}
.login-fixed .items:nth-child(n+2) {
margin-top: .5rem;
}
.login-fixed .items.i0 input {
background: #3d4246;
}
.login-fixed .login-in input[type=submit] {
margin-top: 0.375rem;
}
.login-fixed .login-zhuce {
/*height: 635px;*/
}
.login-fixed input {
border: none;
background: none;
outline: none;
width: 100%;
height: 100%;
}
.login-fixed textarea {
border: none;
background: none;
outline: none;
height: 150px;
resize: none;
width: 100%;
padding-left: 0.625rem;
color: rgba(255, 255, 255, 0.55);
font-size: 14px;
border: 1px solid #55595d;
}
.login-fixed input[type=text], .login-fixed input[type=Password] {
font-size: 14px;
border: 1px solid #55595d;
padding-left: 0.625rem;
}
.login-fixed input[type=submit] {
background: #64ac2c;
color: #ffffff;
font-size: 16px;
}
.login-fixed .tit {
color: #ffffff;
text-align: center;
font-size: .75rem;
color: #fff;
line-height: 1;
margin-bottom: 1.5rem;
}
.login-fixed .bot {
line-height: 1;
padding-top: 5px;
font-size: 14px;
color: #ffffff;
}
.login-fixed .bot .applys {
cursor: pointer;
}
.login-fixed .bot .forget {
color: rgba(255, 255, 255, 0.5);
cursor: pointer;
}
.login-fixed .loginboxs {
width: 450px;
/*position: absolute;*/
left: 0;
top: 0;
right: 0;
bottom: 0;
/*padding-bottom: 22px;*/
padding-top: 3.125rem;
padding-bottom: 2.5rem;
margin: auto;
}
.login-fixed .login-in {
/*height: 340px;*/
}
.bot-fixed-span {
height: 22px;
border-top: 1px solid #41454a;
/*position: absolute;*/
width: 100%;
left: 0;
bottom: 0;
}
.bot-fixed-span span {
display: block;
width: 20px;
height: 20px;
margin: 0 auto;
background: url(../picture/c.png) no-repeat center;
background-size: 100%;
cursor: pointer;
}
.login-forget .i0 {
position: relative;
}
.login-forget .i0 input {
padding-left: 2.5rem;
}
.login-forget .i0 select {
border: none;
outline: none;
background: none;
position: absolute;
left: 0;
top: 0;
height: 100%;
color: #ffffff;
left: .5rem;
}
.login-forget .tip {
font-size: 14px;
color: #cccccc;
padding-top: 15px;
border-top: 1px solid #55595d;
}
.login-forget .i1 {
position: relative;
}
.login-forget .i1 .span {
position: absolute;
right: 6px;
height: 34px;
line-height: 34px;
top: 0;
bottom: 0;
margin: auto;
background: #ffffff;
color: #333333;
font-size: 14px;
display: block;
padding: 0 12px;
}
.login-forget .i1 .span b {
font-weight: normal;
color: #999999;
}
.x-tip {
font-size: 14px;
color: #cccccc;
line-height: 1.2;
margin-top: .5rem;
}
.wel-banner .images {
height: 20rem;
/*height: 22.75rem;*/
}
.wel-banner .buts {
position: absolute;
bottom: 2rem;
line-height: 1;
left: 0;
right: 0;
margin: auto;
}
.wel-banner.on .buts .swiper-pagination{
position: static;
width: auto;
}
.wel-banner.on .buts .swiper-pagination-bullet{
vertical-align: top;
}
.wel-banner .buts .swiper-pagination-bullet {
width: 10px;
height: 10px;
border-radius: 10px;
opacity: 1;
background: #8193a5;
margin: 0 3px;
}
.wel-banner.on .buts {
position: static;
overflow: hidden;
margin-top: 20px;
}
.wel-banner .buts .swiper-pagination-bullet-active {
width: 40px;
background: #64ac2c;
}
.wel-banner .items {
display: block;
position: relative;
}
.wel-banner .items .words {
position: absolute;
height: 100%;
width: 100%;
left: 0;
top: 0;
color: #ffffff;
line-height: 1.2;
padding-top: 5rem;
}
.wel-banner .items .words .txt {
margin-top: 1rem;
margin-bottom: 3.5rem;
}
.wel-banner .items .words .more {
width: 115px;
height: 50px;
border: 1px solid #fff;
line-height: 50px;
text-align: center;
font-size: 14px;
font-family: Arial;
border-radius: 50px;
}
.ft60 {
font-size: 1.5rem;
}
.ft30 {
font-size: .75rem;
}
.wel-more {
display: block;
width: 115px;
height: 50px;
line-height: 50px;
text-align: center;
font-size: 14px;
font-family: Arial;
color: #ffffff;
background: #64ac2c;
border-radius: 50px;
margin: 0 auto;
}
.wel-more:hover {
color: #ffffff;
}
.serves-wordsdown .items .text {
width: calc(100% - 100px);
height: 100%;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
}
.tip .tit {
font-size: .9rem;
color: #64ac2c;
line-height: 1.2;
}
.tip .txt {
font-size: 18px;
color: #666666;
line-height: 1.5;
margin-top: 0.625rem;
}
.wel-serve .welserve-box {
position: relative;
}
.wel-serve .wel-more {
/*margin-top: .75rem;*/
bottom: 2.5rem;
left: 20%;
position: absolute;
}
.wel-serve .tip {
text-align: center;
padding: 0 8%;
padding-top: 1.25rem;
padding-bottom: 1.125rem;
}
.wel-serve .wordsbox {
width: 11.25rem;
position: absolute;
right: 0;
top: 0;
height: 100%;
}
.wel-serve .wordsbox .items {
position: absolute;
height: 100%;
width: 100%;
background: #f8f8f8;
text-align: center;
padding-top: 2rem;
overflow-y: auto;
z-index: 0;
padding-bottom: 4rem;
}
.wel-serve .wordsbox .items.active {
opacity: 1;
}
.wel-serve .wordsbox .items .tit {
font-size: 30px;
color: #333333;
line-height: 1.2;
margin-bottom: 1rem;
}
.wel-serve .wordsbox .items .txt {
line-height: 2;
/*line-height: 1.25rem;*/
font-size: 14px;
height: 68%;
overflow-y:auto;
}
.wel-serve .wordsbox .items .txt,
.wel-serve .wordsbox .items .tit{
padding-right: 5%;
padding-left: 20%;text-align: left;
}
.wel-serve .imagesbox {
width: calc(100% - (450rem/40));
}
.wel-serve .imagesbox .items {
width: 16%;
position: relative;
}
.wel-serve .imagesbox .items:before,
.wel-serve .imagesbox .items:after {
position: absolute;
width: 100%;
bottom: 0;
content: "";
height: 100%;
left: 0;
background: url(../picture/k50.png) no-repeat bottom left;
background-size: 100%;
}
.wel-serve .imagesbox .items:before{
background:rgba(0,0,0,0.35);
}
.wel-serve .imagesbox .items.active:before{
opacity: 0;
}
.wel-serve .imagesbox .items.active {
width: 52%;
}
.wel-serve .imagesbox .items.active .images {
background-size: cover !important;
}
.wel-serve .imagesbox .items.active .tbox {
/*display: none;*/
transform: scale(1, 1);
height: auto;
transition: .5s ease-in-out;
opacity: 1;
}
.wel-serve .imagesbox .items.active .tbox .text, .wel-serve .imagesbox .items.active .tbox .list {
display: block;
}
.wel-serve .items {
float: left;
position: relative;
cursor: pointer;
}
.wel-serve .items .words {
position: absolute;
width: 100%;
bottom: 0;
left: 0;
color: #ffffff;
padding: 1rem 1.25rem;
padding-bottom: 2.5rem;
z-index: 5;
}
.wel-serve .items .words .span {
font-size: 24px;
font-weight: bold;
line-height: 1.2;
margin-top: .5rem;
}
.wel-serve .items .text {
font-size: 18px;
line-height: 1.2;
font-weight: bold;
margin: .5rem 0;
}
.wel-serve .items .list .li {
margin-bottom: .1rem;
height: 34px;
padding: 0 .5rem;
border: 1px solid #ced0d5;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
margin-right: 10px;
line-height: 32px;
color: #fff;
transition: .5s ease-in;
}
.wel-serve .items .list .li:hover {
color: #ffffff;
border-color: #64ac2c;
background: #64ac2c;
transition: .5s ease-in;
}
.wel-serve .items .tbox {
/*display: none;*/
transform: scale(0, 0);
height: 0;
transition: .5s ease-in-out;
opacity: 0;
}
.wel-serve .items .tbox .text, .wel-serve .items .tbox .list {
display: none;
}
.wel-serve .items .images {
/*height: 18.75rem;*/
height: 17rem;
}
.btnons .swiper-button-prev, .btnons .swiper-button-next {
width: 12px;
height: 25px;
}
.btnons .swiper-button-prev {
background: url(../picture/w5.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.btnons .swiper-button-prev:hover {
background: url(../picture/w6.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.btnons .swiper-button-next {
background: url(../picture/w7.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.btnons .swiper-button-next:hover {
background: url(../picture/w8.png) no-repeat center;
background-size: 100%;
transition: .5s ease-in-out;
}
.wel-about {
overflow: hidden;
position: relative;
height: 21rem;
}
.wel-about .about-words {
width: 50%;
position: absolute;
left: 0;
top: 0;
height: 100%;
}
.wel-about .about-words .words {
width: 75%;
padding-top: 4.5rem;
padding-bottom: 2%;
/*max-height: 100%;*/
/*overflow-y:auto;*/
position: relative;
}
.wel-about .about-words .words .text {
font-size: 14px;
line-height: 30px;
/* height: 90px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;*/
color: #999999;
margin-top: 1.125rem;
}
.wel-about .about-words .words .swiper-slide:nth-child(3n+1) .items {
border-left: 1px solid transparent;
}
.wel-about .about-words .words .items {
width: 100%;
border-left: 1px solid #e1e1e1;
text-align: left;
padding-left: 1.625rem;
}
.wel-about .about-words .words{
height: 100%;
}
.wel-about .about-words .words .wel-more {
margin: 0;
margin-top: 2rem;
margin-bottom: 3.375rem;
position: absolute;
bottom: 0;
left: 0;
}
.wel-jishu {
background: url(../picture/w5.jpg) no-repeat center;
background-size: cover;
height: 22.5rem;
padding-top: 2.25rem;
}
.wel-jishu .tip {
text-align: center;
margin-bottom: 1.5rem;
}
.wel-jishu .list .li {
float: left;
cursor: pointer;
width: 20%;
font-size: 24px;
color: #333333;
background: #ffffff;
text-align: center;
position: relative;
transition: .5s ease-in-out;
line-height: 70px;
height: 70px;
}
.wel-jishu .list .li:hover, .wel-jishu .list .li.active {
background: #64ac2c;
color: #ffffff;
transition: .5s ease-in-out;
}
.wel-jishu .list .li:after {
position: absolute;
width: 1px;
height: 100%;
background: #e7e8e8;
left: 0;
top: 0;
content: "";
}
.wel-jishu .list .items {
display: none;
overflow: hidden;
}
.wel-jishu .list .items.active {
display: block;
}
.wel-jishu .list .items .words, .wel-jishu .list .items .images {
height: 12rem;
}
.wel-jishu .list .items .words {
width: 33.33%;
float: left;
padding: 1rem;
padding-top: 1.625rem;
text-align: center;
background: #ffffff;
overflow-y: auto;
}
.wel-jishu .list .items .words .img {
width: 65px;
height: 65px;
margin: 0 auto;
overflow: hidden;
}
.wel-jishu .list .items .words .text {
font-size: 20px;
line-height: 35px;
color: #333333;
/*font-weight: bold;*/
margin-top: 0.625rem;
margin-bottom: 0.375rem;
}
.wel-jishu .list .items .words .p {
font-size: 14px;
line-height: 30px;
color: #666666;
}
.wel-jishu .list .items .images {
width: 66.66%;
float: left;
overflow: hidden;
}
.wel-jishu .list .items .images .img {
width: 100%;
height: 100%;
position: relative;
transition: .5s ease-in;
cursor: pointer;
z-index: 30;
}
.wel-jishu .list .items .images .img.active{
z-index: 1
}
.wel-jishu .list .items .images video{
z-index: 3;
}
.wel-jishu .list .items .images .img:after {
position: absolute;
content: "";
width: 80px;
height: 80px;
background: url(../picture/play.png) no-repeat center;
background-size: 100%;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transition: .5s ease-in;
}
.jsserve-list .item {
float: left;
border: 1px solid #e6e5e5;
overflow: hidden;
}
.jsserve-list .item:hover img {
transition: .5s ease-in-out;
transform: scale3d(1.05, 1.05, 1);
}
.jsserve-list .item img {
transition: .5s ease-in-out;
}
.jsserve-list .ul:nth-child(n+2) {
margin-top: 15px;
}
.jsserve-list .ul-0 .item {
width: 15.5%;
margin-left: 1.4%;
}
.jsserve-list .ul-0 .item:nth-child(6n+1) {
margin-left: 0;
}
.jsserve-list .ul-1 .item {
width: 19%;
margin-left: 1.25%;
}
.jsserve-list .ul-1 .item:nth-child(5n+1) {
margin-left: 0;
}
.wel-jsserve {
padding-top: 2rem;
padding-bottom: 2.875rem;
}
.wel-jsserve .jsserve-tit {
position: relative;
}
.wel-jsserve .jsserve-tit .tbox {
padding-bottom: 1rem;
border-bottom: 1px solid #e0e0e0;
margin-bottom: .5rem;
}
.wel-jsserve .jsserve-tit .txt {
width: calc(100% - 150px);
color: #666666;
}
.wel-jsserve .jsserve-tit .txt span {
color: #64ac2c;
}
.welnews-box {
background: #f8f8f8;
padding-top: 1.625rem;
padding-bottom: 1.625rem;
border-top: 1px solid #e4e4e4;
}
.welnews-box .tip {
padding-bottom: 0.875rem;
/*border-bottom: 1px solid #e4e4e4;*/
margin-bottom: 1.625rem;
}
.welnews-box .items {
cursor: pointer;
}
.welnews-box .tip .tit {
text-align: center;
}
.welnews-box .gallery-top {
color: #d2d2d2;
}
.welnews-box .gallery-top .items {
padding-bottom: 0.875rem;
padding-right: 5%;
}
.welnews-box .gallery-top .swiper-slide-active .tit {
color: #333333;
}
.welnews-box .gallery-top .swiper-slide-active .txt {
color: #333333;
}
.welnews-box .gallery-top .swiper-slide-active .line {
opacity: 1;
}
.welnews-box .gallery-top .swiper-slide-active .p {
color: #999999;
}
.welnews-box .gallery-top .tit {
font-family: Arial;
font-size: 30px;
line-height: 32px;
height: 32px;
}
.welnews-box .gallery-top .txt {
font-size: 14px;
font-family: Arial;
margin: 15px 0;
line-height: 14px;
height: 14px;
}
.welnews-box .gallery-top .line {
height: 4px;
width: 40px;
background: #c4261d;
opacity: 0;
}
.welnews-box .gallery-top .p {
font-size: 14px;
line-height: 18px;
height: 18px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-top: 8px;
}
.welnews-box .gallery-thumbs .items {
display: block;
background: #ffffff;
position: relative;
}
.welnews-box .gallery-thumbs .items:hover img {
transition: .5s ease;
transform: scale3d(1.05, 1.05, 1);
}
.welnews-box .gallery-thumbs img {
transition: .5s ease;
width: 100%;
}
.welnews-box .gallery-thumbs .images {
overflow: hidden;
}
.actives.wel-news .welnews-box .gallery-thumbs .images, .actives.wel-news .welnews-box .gallery-thumbs .words{
position: static;
width: 100%;
}
.actives.wel-news .spans{
font-size: 14px;
color: #666;
margin-right: 10px;
}
.actives.wel-news .welnews-box .gallery-thumbs .words .more{
position: relative;
right: auto;
bottom: auto;
display: inline-block;
vertical-align: top;
}
.welnews-box .gallery-thumbs .images, .welnews-box .gallery-thumbs .words {
width: 50%;
float: left;
}
.welnews-box .gallery-thumbs .words {
font-size: 14px;
color: #666666;
position: absolute;
right: 0;
top: 0;
height: 100%;
padding: 1.125rem 1.875rem 1rem 1.25rem;
}
.welnews-box .gallery-thumbs .words .tit {
font-size: 18px;
line-height: 28px;
color: #333333;
height: 56px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
}
.welnews-box .gallery-thumbs .words .txt {
line-height: 30px;
height: 60px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
margin-top: 0.875rem;
margin-bottom: 4%;
}
.welnews-box .gallery-thumbs .words .more {
font-size: 14px;
font-family: Arial;
position: absolute;
color: #c4261d;
right: 0.875rem;
bottom: 0.875rem;
}
.abcontact-top {
height: 745px;
background: #f6f6f6;
background: #cacbcb;
}
.abcontact-top .abmap {
height: 100%;
}
.abcontact-bot {
padding-bottom: 1.75rem;
padding-top: 0.875rem;
}
.abcontact-bot .titbox {
margin-bottom: 0.875rem;
}
.abcontact-bot .titbox select {
border: none;
background: none;
outline: none;
height: 45px;
padding-left: 15px;
width: 195px;
display: inline-block;
}
.abcontact-bot .titbox .s {
border: 1px solid #d6d6d6;
background: #f9f9f9;
margin-right: 16px;
}
.abcontact-bot .titbox .select {
width: 295px;
color: #fff;
background: #64ac2c;
}
.abcontact-bot .items {
/*float:left;*/
display: inline-block;
width: 430px;
margin-left: 75px;
height: 220px;
margin-bottom: 18px;
border-top: 1px solid #d6d6d6;
overflow-y: auto;
padding: 0 .75rem;
padding-top: 18px;
transition: .5s ease-in-out;
color:#666;
}
.abcontact-bot .items:hover {
color: #ffffff;
background: #64ac2c;
transition: .5s ease-in-out;
}
.abcontact-bot .items:hover .tit .img {
background: rgba(255, 255, 255, 0.35);
transition: .5s ease-in-out;
}
.abcontact-bot .items:hover .tit {
color: #fff;
transition: .5s ease-in-out;
}
.abcontact-bot .items:nth-child(3n+1) {
margin-left: 0;
}
.abcontact-bot .items .words {
font-size: 14px;
line-height: 25px;
}
.abcontact-bot .items .words .li {
position: relative;
padding-left: 45px;
min-height: 25px;
}
.abcontact-bot .list{
font-size: 0;
}
.abcontact-bot .items .words .li .span {
position: absolute;
width: 43px;
left: 0;
top: 0;
}
.abcontact-bot .items .tit {
position: relative;
line-height: 35px;
font-size: 20px;
height: 35px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
overflow: hidden;
margin-bottom: 10px;
color: #0e0509;
transition: .5s ease-in-out;
}
.abcontact-bot .items .tit .img {
position: absolute;
right: 30px;
top: 0;
width: 35px;
height: 35px;
background: #b8b8b8;
border-radius: 50%;
transition: .5s ease-in-out;
}
.abcontact-bot .items .tit .img img {
display: block;
}
.wel-serve .items.active .list {
transition-delay: .4s;
}
.wel-jishu .list .items .images {
position: relative;
}
.wel-jishu .list .items .images.active video {
opacity: 1;
}
.wel-jishu .list .items .images video {
position: absolute;
width: 100%;
background: #000;
height: 100%;
left: 0;
top: 0;
opacity: 0;
}
.welnews-box .gallery-thumbs .words .more {
padding-right: 25px;
}
.welnews-box .gallery-thumbs .words .more:after {
position: absolute;
width: 6px;
height: 6px;
content: "";
right: 0;
top: 0;
bottom: 0;
margin: auto;
background: url(../picture/w12.png) no-repeat center;
background-size: 100%;
}
.gallery-thumbs .swiper-pagination {
position: static;
width: 100%;
line-height: 1;
margin-top: 1.875rem;
}
.gallery-thumbs .swiper-pagination .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #bababa;
opacity: 1;
}
.gallery-thumbs .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
background: #c4261d;
}
.m-header .w-header .uibox {
height: 45px;
line-height: 45px;
}
.m-header .w-header .uibox .tx-li {
height: 100%;
float: left;
padding: 0 10px;
}
.back-top {
position: fixed;
right: 2.5rem;
bottom: 3rem;
width: 52px;
height: 52px;
border: 1px solid #aca39d;
border-radius: 50%;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
cursor: pointer;
background: #fff;
z-index: 1111;
transition: all 0.3s ease;
}
.back-top i {
width: 10px;
height: 14px;
background: url(../picture/backtop-arrow.png) no-repeat center center;
background-size: contain;
transition: all 0.3s ease;
}
.back-top:hover i {
background: url(../picture/backtop-arrow-w.png) no-repeat center center;
background-size: contain;
}
.back-top:hover {
background: #64ac2c;
border: 1px solid #64ac2c;
color: #ffffff;
}
.abcontact-top {
padding-top: 1.375rem;
padding-bottom: 1rem;
height: auto;
}
.mapbox {
width: 860px;
height: 15.75rem;
margin: 0 auto;
}
.mapbox .jsmap-svg-container,
.mapbox .abmap {
width: 100% !important;
height: 100% !important;
}
.abcontact-top {
background: url(../picture/bg0.png) no-repeat bottom;
background-size: cover;
}
.abcontact-top .mapbox {
position: relative;
}
.abcontact-top .mapbox .abcontact-bot {
padding: 0 !important;
}
.abcontact-top .mapbox .tankuang-fixed {
position: absolute;
width: 320px;
height: 210px;
overflow: hidden;
border: 1px solid #b5b5b5;
border-radius: 10px;
background: #ffffff;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
}
.abcontact-top .mapbox .tankuang-fixed .tit {
line-height: 1;
height: auto;
}
.abcontact-top .mapbox .tankuang-fixed .close {
position: absolute;
cursor: pointer;
right: 25px;
top: 25px;
background: url(../picture/close.png) no-repeat center;
background-size: 100%;
width: 15px;
height: 15px;
z-index: 10;
}
.abcontact-top .mapbox .tankuang-fixed .items {
width: 100%;
height: 100%;
background: #fff;
margin: 0;
color: #666666;
}
.abcontact-top .mapbox .tankuang-fixed .items .tit {
font-size: 18px;
color: #64ac2c;
}
.abcontact-top .mapbox .tankuang-fixed .items:hover {
background: #ffffff;
}
.wel-banner .items .words .more {
transition: .5s ease-in-out;
}
.wel-banner .items .words .more:hover,.wel-banner .items .words .more.active {
transition: .5s ease-in-out;
color: #ffffff;
background: #64ac2c;
border-color: #64ac2c;
}
.wel-banner .items.active .words .more{
border: 1px solid #666;
color:#666;
}
.wel-banner .items.active .words .more:hover{
transition: .5s ease-in-out;
color: #ffffff;
background: #64ac2c;
border-color: #64ac2c;
}
.wel-banner .items.active .words{
color:#000;
}
.video-fixed .cha {
width: 25px;
height: 25px;
background: url(../picture/close.png) no-repeat center;
background-size: 100%;
position: absolute;
right: 5px;
top: 5px;
}
.video-fixed {
position: fixed;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, 0.5);
z-index: 130;
top: 0;
left: 0;
cursor: pointer;
display: none;
}
.video-fixed .videoboxs .box {
height: 100%;
}
.video-fixed .videoboxs {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
right: 0;
margin: auto;
margin-top: 0;
background: #000;
/*padding: 30px;*/
box-sizing: border-box;
}
.jsserve-list .ul .item {
height: 100px;
line-height: 100px;
text-align: center;
}
.jsserve-list .item img {
display: inline-block;
max-height: 100%;
vertical-align: middle;
}
.wel-more {
position: relative;
}
.wel-more:hover {
background: #ffffff;
color: #64ac2c;
}
.wel-more:hover:before {
-webkit-transform: scale3d(1, 1, 1);
transform: scale3d(1, 1, 1);
opacity: 1;
-webkit-transition: -webkit-transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
}
.wel-more:before {
content: '';
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
border: 2px solid #64ac2c;
z-index: -1;
border-radius: inherit;
opacity: 0;
-webkit-transform: scale3d(0.6, 0.6, 1);
transform: scale3d(0.6, 0.6, 1);
-webkit-transition: -webkit-transform .3s,opacity .3s;
transition: transform .3s,opacity .3s;
-webkit-transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
transition-timing-function: cubic-bezier(0.75, 0, 0.125, 1);
z-index: 5;
}
.wel-jishu .list .items .images:hover .img {
transform: scale3d(1.05, 1.05, 1);
transition: .5s ease-in;
}
.wel-jishu .list .items .images:hover .img:after {
transition: .5s ease-in;
}
.bocweb-header .header.fixed {
position: fixed;
width: 100%;
left: 0;
top: 0;
background: #ffffff;
}
.j-more {
position: relative;
cursor: default;
}
.j-more:after {
position: absolute;
content: "";
width: 15px;
height: 15px;
left: 15px;
top: 0;
bottom: 0;
margin: auto;
opacity: 0;
}
.j-more.active:after {
opacity: 1;
}
img.w100 {
width: 100%;
}
.search-bg {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 10;
background-color: #f5f5f5;
display: none;
z-index: 20;
}
.search-alert {
position: fixed;
z-index: 100;
background-color: #222;
left: 0;
top: 0;
width: 100%;
height: 100%;
}
.search-alert input::-webkit-input-placeholder {
color: #fff !important;
}
.search-alert input::-moz-placeholder {
/* Mozilla Firefox 19+ */
color: #fff !important;
}
.search-alert input:-moz-placeholder {
/* Mozilla Firefox 4 to 18 */
color: #fff !important;
}
.search-alert input:-ms-input-placeholder {
/* Internet Explorer 10-11 */
color: #fff !important;
}
.search-alert .cent-form {
opacity: 0;
-webkit-transform: translate(0, 40px);
-ms-transform: translate(0, 40px);
transform: translate(0, 40px);
-webkit-transition: all .5s;
transition: all .5s;
}
.search-alert .close {
width: 30px;
height: 30px;
position: absolute;
top: 38px;
right: 2.6%;
cursor: pointer;
-webkit-transition: all .3s ease-in-out;
transition: all .3s ease-in-out;
background: url(../picture/i30.png) no-repeat center;
background-size: 18px 18px;
}
.wel-serve .imagesbox .items {
transition: .5s ease-in-out;
}
.search-alert .close:before {
font-size: 30px;
top: 0;
left: 0;
color: #fff;
-webkit-transition: all 0.3s ease-in-out;
transition: all 0.3s ease-in-out;
}
.search-alert .cent-form {
position: absolute;
width: 94.8%;
left: 2.6%;
top: 50%;
height: 80px;
margin-top: -63px;
border-bottom: 1px solid #515151;
}
.search-alert .cent-form:before {
color: #fff;
font-size: 30px;
position: absolute;
left: 0;
height: 17px;
width: 17px;
top: 0;
bottom: 0;
margin: auto;
background: url(../picture/ico01.png) no-repeat center;
background-size: 95%;
content: "";
}
.search-alert .cent-form .tex {
border: none;
font-size: 16px;
height: 80px;
line-height: 80px;
text-align: center;
width: 100%;
color: #f3b907;
background: none;
padding-left: 80px;
padding-right: 140px;
text-align: left;
}
.search-alert .cent-form .sub-butn {
border: none;
height: 60px;
font-size: 32px;
line-height: 60px;
color: #fff;
text-align: right;
background: none;
position: absolute;
right: 0;
top: 0;
width: 140px;
text-align: center;
}
.search-alert {
-webkit-transform-origin: bottom center;
-ms-transform-origin: bottom center;
transform-origin: bottom center;
-webkit-transform: scaleY(0);
-ms-transform: scaleY(0);
transform: scaleY(0);
-webkit-transition: -webkit-transform .3s .5s;
transition: transform .3s .5s;
}
.search-alert.active {
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
-webkit-transform: scaleY(1);
-ms-transform: scaleY(1);
transform: scaleY(1);
-webkit-transition: -webkit-transform .3s;
transition: transform .3s;
}
.search-alert.active .cent-form {
opacity: 1;
-webkit-transform: translate(0, 0);
-ms-transform: translate(0, 0);
transform: translate(0, 0);
-webkit-transition: all .5s .3s;
transition: all .5s .3s;
}
.m-header {
height: 45px;
width: 100%;
background: #ffffff;
}
.m-header.cur {
position: absolute;
}
.m-header .w-header.fixed {
width: 100%;
position: fixed;
top: 0;
left: 0;
background: #ffffff;
}
.m-header .w-header {
position: relative;
padding: 0 20px;
padding-right: 0;
width: 100%;
box-sizing: border-box;
z-index: 4;
height: 45px;
box-shadow: 0 4px 9px rgba(0, 0, 0, 0.1);
background: #fff;
}
.m-header .welcome-a {
float: left;
width: 50%;
height: 100%;
line-height: 48px;
position: relative;
}
.m-header .welcome-a img {
max-height: 100%;
height: 80%;
display: inline-block;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
.m-header .search-cover {
float: right;
width: 35px;
height: 48px;
display: block;
line-height: 48px;
}
.m-header .search-cover img {
width: 100%;
vertical-align: middle;
}
.m-header .uio {
float: right;
height: 100%;
width: 65px;
}
.m-header .uio,
.m-header .w-header .uibox .tx-li {
position: relative;
}
.m-header .uio:after,
.m-header .w-header .uibox .tx-li:after {
content: "";
width: 1px;
height: 55%;
position: absolute;
background: #dedede;
left: 0;
top: 0;
bottom: 0;
margin: auto;
}
.m-header .w-header .uibox .tx-li:nth-child(1):after {
display: none;
}
.m-header .search-bg {
position: fixed;
left: 0;
top: 48px;
width: 100%;
height: 150px;
z-index: 10;
background: #ffffff;
display: none;
}
.m-header .subsearch {
padding-right: 15px;
border-right: 1px solid #d2d2d2;
box-sizing: border-box;
}
.m-header .subsearch .sp {
width: 35px;
height: 35px;
background-size: 80%;
}
.m-header .subsearch img {
height: 100%;
}
.m-header .search-bg .m-close-search {
display: block;
width: 10px;
height: 10px;
background-size: 100% auto;
position: fixed;
right: 4%;
top: 10px;
cursor: pointer;
z-index: 11;
}
.m-header .search-bg .m-search-box {
width: 92%;
margin: 0 auto;
border-bottom: 1px solid #f2f2f2;
position: absolute;
left: 3%;
top: 48px;
height: 40px;
z-index: 11;
}
.m-header .search-bg .m-search-box .tex {
border: none;
font-size: 14px;
color: #a7a7a7;
height: 41px;
padding-left: 5px;
box-sizing: border-box;
width: 60%;
background: none;
}
.m-header .search-bg .m-search-box .search-btn {
border: none;
width: 30px;
height: 30px;
background-size: 100%;
margin-top: 6px;
}
.m-header .btn-na {
margin-right: 15px;
}
.m-header .nav-btn {
position: absolute;
right: 17px;
top: 50%;
width: 31px;
height: 30px;
vertical-align: middle;
cursor: pointer;
margin-top: -18px;
}
.m-header .nav-btn .line {
position: absolute;
display: block;
width: 100%;
height: 2px;
background-color: #333333;
left: 0;
border-radius: 4px;
}
.m-header .nav-btn .line1 {
top: 6px;
-webkit-transform-origin: left top 0;
-ms-transform-origin: left top 0;
transform-origin: left top 0;
}
.m-header .nav-btn .line2 {
top: 16px;
}
.m-header .nav-btn .line3 {
bottom: 1px;
-webkit-transform-origin: left bottom 0;
-ms-transform-origin: left bottom 0;
transform-origin: left bottom 0;
}
.m-header .nav-btn.active {
-webkit-animation: rotate 0.3s linear 0s;
animation: rotate 0.3s linear 0s;
}
.m-header .nav-btn.hover .line {
left: 6px;
}
.icon-sousuo {
cursor: pointer;
text-align: center;
width: 80px;
border-left: 1px solid #e1e1e1;
margin-left: 105px;
font-size: 20px;
}
.icon-sousuo:hover {
color: #059ea0;
}
.m-header .sub-menu {
width: 100%;
height: 100%;
padding: 14px 0 0;
display: none;
position: fixed;
left: 0;
top: 45px;
background-color: white;
z-index: 10;
color: #666;
overflow-y: auto;
}
.m-header .sub-menu li .sub-tit {
padding: 0 3%;
box-sizing: border-box;
}
.m-header .sub-menu li .sub-tit .tu-box {
padding: 13px 0;
border-bottom: 1px solid #dcdcdc;
box-sizing: border-box;
position: relative;
}
.m-header .sub-menu li .sub-tit .tu-box .imgbox {
position: absolute;
left: 0;
top: 0;
width: 20px;
height: 20px;
bottom: 0;
margin: auto;
}
.m-header .sub-menu li .sub-tit.on .tu-box {
border-bottom-color: transparent;
}
.m-header .sub-menu li a {
display: block;
}
.m-header .sub-menu .tit {
display: block;
width: 100%;
padding: 10px 3%;
box-sizing: border-box;
line-height: 33px;
color: #666;
position: relative;
font-size: 15px;
line-height: 20px;
}
.m-header .sub-menu .tit a {
color: #666;
}
.m-header .sub-menu .tit1 {
display: block;
width: 100%;
line-height: 33px;
color: #666;
position: relative;
font-size: 15px;
line-height: 18px;
box-sizing: border-box;
}
.m-header .sub-menu .sub-tit.on.on .btn-v {
background: url(../picture/img6.png) center center no-repeat;
background-size: 100%;
}
.m-header .sub-menu .btn-v {
display: inline-block;
height: 20px;
width: 20px;
float: right;
margin-right: 16px;
margin-top: 0;
background: url(../picture/img5.png) center center no-repeat;
background-size: 100%;
}
.m-header .sub-menu .sub-tit1.on {
background-color: #ff0001;
color: #fff;
}
.m-header .sub-menu .sub-tit.on:after {
background-size: 100% auto;
}
.m-header .sub-menu .sec-list {
line-height: 28px;
padding: 1px 1.5%;
display: none;
background: #f2f2f2;
}
.m-header .sub-menu .sec-list p {
background-size: 8px auto;
height: 43px;
line-height: 43px;
font-size: 13px;
border-top: 1px solid #e8e8e8;
box-sizing: border-box;
}
.m-header .sub-menu .sec-list p:nth-child(1) {
border-top: none;
}
.m-header .sub-menu .sec-list a {
padding-left: 21px;
color: #888;
display: block;
}
.profile-01 {
width: 36rem;
}
.profile-03 .words {
overflow-y: auto;
}
.qualification .items .images {
/*box-shadow: 0 6px 10px 3px rgba(0, 0, 0, 0.075);*/
}
@media screen and (max-width: 1600px) {
.w1440 {
width: 90%;
}
.wel-about .about-words .words{
width: calc(100% - 1rem);
box-sizing: border-box;
}
.wel-banner .images{
height: 19rem;
}
.wel-banner .items .words .more{
width: 100px;
height: 40px;
line-height: 40px;
}
.jsserve-list .ul .item {
height: 2.5rem;
line-height: 2.5rem;
}
.abcontact-bot .items {
width: 30%;
margin-left: 5%;
vertical-align: top;
padding: .75rem;
height: auto;
}
.profile-01 {
width: 80%;
}
.profile-03 .words {
line-height: 2;
padding: 2rem 4rem 1.65rem 1.65rem;
}
.profile-01 .images .ik-img {
width: auto;
height: auto;
}
.profile-01 .images {
width: 28%;
}
.profile-01 .words {
width: 70%;
}
.profile-02 .words .text .p {
font-size: 16px;
line-height: 2;
}
.profile-02 .words .wordsb {
padding: 3rem 0;
}
.ab-text-box .images {
width: 45%;
}
.ab-text-box .text {
width: 50%;
}
.serves-down .list .items {
width: 19%;
margin-left: 1.25%;
}
.inquiry-03 .items {
width: 18%;
margin-left: 2.5%;
}
.serves-down .list .items .images {
width: 100%;
height: auto;
}
.bocweb-header .nav-li {
font-size: 16px;
}
.inquiry-box .p {
width: 70%;
font-size: 15px;
line-height: 2;
}
.prolist-bot .prolistbot-list .items {
width: 24%;
margin-left: 1.33%;
padding: .75rem;
margin-bottom: .4rem;
}
.inquiry-01 .words0 .pbox .img {
width: 2.375rem;
height: 2.375rem;
}
.serves-box .serves-top .images {
width: 200px;
height: auto;
}
.serves-box .serves-top .words {
width: calc(100% - 250px);
}
.about-tit {
line-height: 80px;
height: 80px;
}
.prolist-bot .prolistbot-list .items .images {
width: 100%;
/* height: auto; */
}
.detais4-list .words {
width: 45%;
}
.detais4-list .images {
width: 38%;
}
.problem-tit .i {
font-size: 18px;
padding-bottom: 18px;
}
.news-box .news-top .words {
width: calc(100% - 400px);
}
.tip .txt {
font-size: 16px;
}
.wel-serve .wordsbox .items .tit {
font-size: .75rem;
}
.wel-serve .wordsbox .items .txt {
line-height: 1.8;
}
.wel-about .about-words .words .text {
line-height: 25px;
/*height: 75px;*/
}
.wel-about .about-words .words .items {
padding-left: 1.3rem;
}
.wel-jishu .list .items .words .text {
font-size: 18px;
line-height: 1.5;
}
.wel-jishu .list .items .words .p {
line-height: 1.5;
}
.wel-jishu .list .items .words .img {
width: 50px;
height: auto;
}
.wel-jishu .list .li {
font-size: 20px;
}
.wel-serve .items .words .span {
font-size: 20px;
}
.wel-serve .items .text {
font-size: 16px;
}
}
.news-box .news-bot.k{
margin-top:0;
border-top:none;
}
.news-box .news-bot.k .items-box{
padding-top:0;
}
@media screen and (max-width: 1450px) {
.wel-serve .wordsbox .items{
padding-top: 1.5rem;
}
.w1440 {
max-width: 1200px;
}
.storys-list .items .tit2{
margin-top: .3rem;
font-size: .6rem;
}
.storys-list .items .tit1{
font-size: .5rem;
}
.storys-list .items .en{
line-height: 1.5;
margin-top: .8rem;
}
.storys-list .items .cn{
margin-top: 1.5rem;
}
.storys-list .items .p{
line-height: 1.5;
margin-top: .5rem;
}
.storys-list .items .text{
padding-top: 1.5rem;
}
.news-box .news-top .images {
width: 300px;
height: auto;
}
.news-box .news-bot .items .tit {
font-size: 16px;
}
.news-box .news-bot .selectbox select {
width: 5.75rem;
font-size: 16px;
}
.news-box .news-bot .input {
width: 10.625rem;
font-size: 16px;
}
.news-box .news-top .words .tit {
font-size: 18px;
}
.news-box .news-top .words .txt {
line-height: 25px;
height: 50px;
}
.news-box .news-top .words {
width: calc(100% - 340px);
}
.prolist .prolist-top .txt {
font-size: 15px;
line-height: 2;
}
.news-box .news-top .words {
padding-top: .2rem;
}
.prolist-bot .prolistbot-tit .i {
width: 100px;
font-size: 16px;
}
.about-tit {
line-height: 65px;
height: 65px;
font-size: 16px;
}
.problem-tit .i {
font-size: 16px;
}
.qualification .items .words {
/*font-size: 20px;*/
}
.culture .culture-box .items .p {
font-size: 16px;
}
.numbox .items .num {
font-size: 1rem;
}
.welnews-box .gallery-thumbs .words .tit {
font-size: 16px;
line-height: 24px;
height: 48px;
}
.welnews-box .gallery-thumbs .words .txt {
line-height: 20px;
height: 40px;
}
.welnews-box .gallery-thumbs .words {
padding: 0.8rem;
}
.welnews-box .gallery-top .tit {
font-size: 24px;
}
.about-box .about-top .list .items {
padding: 0 1.2rem;
}
}
@media screen and (max-width: 1200px) {
.bocweb-header .s-box .i {
width: 70px;
}
.bocweb-header .nav-li .nav-top {
padding: 0 .5rem;
}
.prolist .prolist-top .tit, .prolist .prolist-top .txt {
/*width: 80%;*/
}
}
@media screen and (max-width: 1024px) {
.bocweb-footer-left img{
margin:0 auto;
}
.about-tit .w720{
width: 90%;
}
.storys-list .items .wen{
width: 100%;
}
.storys-list .items .text{
position: static;
text-align: center;
padding: 30px 0;
}
.qualification2 .items{
width:49%;
margin-left: 2%;
}
.qualification2 .items:nth-child(4n+1){
margin-left: 2%;
}
.qualification2 .items:nth-child(2n+1){
margin-left: 0;
}
.beforebg{
display: none;
}
.welmorebox .more-text{
z-index: 1;
opacity: 1;
display: none;
}
.about-box .about-top .list .items{
left: auto;
top: auto;
}
.about-box .about-top .list .items .tit{
margin-top: .375rem;
margin-bottom: .375rem;
}
.about-box .about-top .list2 .itemsbox{
position: relative;
}
.abcontact-bot .items {
width: 49%;
margin-left: 2%;
}
.wel-about .about-words .words .wel-more{
position: relative;
}
.bocweb-footer .jiqun .selectbox{
margin: 0 auto;
}
.abcontact-bot .items:nth-child(3n+1) {
margin-left: 2%;
}
.abcontact-bot .items:nth-child(2n+1) {
margin-left: 0;
}
.abcontact-top {
display: none;
}
.wel-jishu .list .li .i{
display: inline-block;
vertical-align: middle;
line-height: 1.5;
}
.wel-jishu .list .items .images.pcbox {
display: none !important;
}
.login-fixed {
position: fixed;
}
.mbox {
display: block;
}
.about-box .about-top .list .items {
width: 50%;
margin-bottom: .8rem;
}
.about-box .about-top .list:before {
display: none;
}
.about-box .about-top .list .items {
padding: 0 .4rem;
}
.wel-serve .items .images {
position: relative;
}
.wel-serve .items .images:after {
position: absolute;
width: 100%;
height: 100%;
content: "";
left: 0;
top: 0;
background: url(../picture/mbj.png) no-repeat center;
background-size: 100%;
}
.about-box .about-top .txt {
width: 60%;
font-size: 16px;
}
.wel-about .about-words {
width: 100%;
}
.jsserve-list .ul .item {
height: 80px;
line-height: 80px;
width: 32%;
margin-left: 2%;
margin-bottom: 2%;
text-align: center;
}
.jsserve-list .ul .item img {
display: inline-block;
max-height: 100%;
}
.jsserve-list .ul .item:nth-child(3n+1) {
margin-left: 0;
}
.wel-about {
background: transparent !important;
}
.wel-about .about-words .words {
width: 90%;
display: block;
float: none;
margin: 0 auto;
}
.wel-jsserve .jsserve-tit .wel-more {
display: block;
float: none;
margin: 0;
margin-top: .6rem;
}
.wel-jsserve .jsserve-tit .txt {
display: block;
float: none;
}
.wel-jishu .list .items .images .img:after {
width: 50px;
height: 50px;
}
.wel-jishu .list .items .words .text {
font-size: 15px;
}
.wel-jishu .list .li {
font-size: 16px;
}
.wel-about {
height: auto;
}
.wel-serve .items .tbox {
/* display: none; */
transform: scale(1, 1);
height: auto;
opacity: 1;
}
.wel-serve .items .tbox .text, .wel-serve .items .tbox .list {
display: block;
}
.wel-serve .items {
float: none;
display: block;
}
.wel-serve .items .images {
display: block;
height: auto;
}
.culture {
min-height: 100%;
padding-bottom: 4rem;
}
.culture .culture-box .items .p {
font-size: 14px;
}
.ab-text-box .images {
width: 100%;
}
.ab-text-box .text {
width: 100%;
}
.ab-text-box .images {
margin-top: 1rem;
}
.profile-01 {
width: 90%;
}
.profile-02 .words .text {
position: static;
width: 100%;
}
.profile-02 .words .wordsb {
width: 100%;
padding: 5%;
}
.profile-01 .images:after {
width: 1.95rem;
height: 3.2rem;
}
.profile-03 .images, .profile-03 .words {
position: static;
width: 100%;
}
.profile-03 .images img, .profile-03 .words img {
width: 100%;
}
.profile-01 .images {
width: 65%;
margin-bottom: 5%;
}
.profile-01 .images img {
width: 100%;
}
.profile-01 .images .ik-img {
margin-left: 0;
}
.profile-01 .words {
width: 100%;
}
.pcbox {
display: block;
}
.bocweb-footer-box {
display: none;
}
.bocweb-footer-left {
width: 100%;
text-align: center;
}
.bocweb-footer-right {
text-align: center;
width: 100%;
margin-bottom: 15px;
}
.b-bot-left {
text-align: center;
width: 100%;
}
.b-bot-left .span {
width: 100%;
}
.b-bot-left .p {
width: 100%;
margin-left: 0;
}
.bdbox {
width: 100%;
text-align: center;
}
.bocweb-footer .jiqun .tit {
text-align: center;
font-size: 18px;
margin-top: 15px;
}
.bocweb-footer .bocweb-footer-bot .p {
margin-left: 0;
}
.detais5-list .li {
width: 49%;
margin-left: 2%;
}
.detais5-list .li:nth-child(4n+1) {
margin-left: 2%;
}
.detais5-list .li:nth-child(2n+1) {
margin-left: 0;
}
.inquiry2-list .inquiry2-right {
width: calc(100% - 200px);
}
.inquiry2-list .inquiry2-left .li {
line-height: 1.5;
height: auto;
padding: 10px .6rem;
}
.inquiry2-list .inquiry2-left {
width: 200px;
}
.serves-box .serves-top .words {
width: 100%;
font-size: 15px;
line-height: 2;
margin-top: 20px;
}
.serves-box .serves-bot .items {
line-height: 100px;
font-size: 16px;
height: 100px;
}
.serves-down .list .items {
width: 32%;
margin-left: 2%;
}
.serves-down .list .items img {
width: 100%;
}
.serves-down .list .items:nth-child(5n+1) {
margin-left: 2%;
}
.serves-down .list .items:nth-child(3n+1) {
margin-left: 0;
}
.servers-tit .li {
font-size: 16px;
}
.abcontact-bot .titbox select {
width: 25%;
}
.abcontact-bot .titbox .s {
margin-right: 3%;
}
}
.culture .culture-box .items {
padding: 0 3%;
}
body.on, html.on {
overflow: hidden;
}
@media screen and (max-width: 767px) {
.about-box .about-bot .about-botlist a:after{
left:0;
}
.bocweb-footer-left .wxjpg{
margin-top: .15rem;
}
.wel-banner.on .buts{
margin-top: .3rem;
}
.swiper-tupian{
padding-bottom: .8rem;
}
.storys-list .items .tit1{
font-size: .26rem;
}
.storys-list .items .tit2{
font-size: .3rem;
}
.storys-list .items .text{
width: 90%;
padding:.5rem 0;
}
.storys-list .items .en{
font-size: .2rem;
margin-top: .32rem;
}
.storys-list .items .p{
font-size: .22rem;
margin-top: .3rem;
}
.storys-list .items .cn{
margin-top: .8rem;
font-size: .24rem;
}
.qualification2 .items .words{
padding-left: .2rem;margin-top: .15rem;
margin-bottom: .25rem;
font-size: .2rem;
line-height: .4rem;
height: .8rem;
}
.qualification2 .items .words:after {
width: .1rem;
height: .1rem;
left: .05rem;
top: .16rem;
}
.storys-words{
width: 90%;
padding:.7rem 0;
}
.storys-words .en{
margin-top: .2rem;
}
.storys-words .p{
font-size: .24rem;
line-height: 1.6;
margin-top: .4rem;
}
.qualification2{
margin-bottom: .5rem;
}
.about-box .about-top .list .img{
width: .8rem;
height: .8rem;
}
.about-box .about-top .list .items{
margin-bottom: .4rem;
}
.wel-banner .items .words .morebox{
bottom: 0;
}
.welmorebox .more-text{
width: 100%;
height: 2rem;
left: 0;
padding:.3rem;
padding-left: .9rem;
border-radius: 2rem;
top: -4rem;
}
.welmorebox .more-text .wen{
line-height: 1.5;
font-size: .24rem;
padding-right: .1rem;
}
.wel-banner .items .words .more{
position: absolute;
left: 2rem;
bottom:2rem;
}
.gallery-thumbs .swiper-pagination .swiper-pagination-bullet{
width: .15rem;
height: .15rem;
}
/* .wel-banner .items .words .more{
position: relative;
left: auto;
bottom:auto;
}
.wel-banner .items .words .text{
width: 90%;
position: static;
height: auto;
}*/
.bocweb-footer .bocweb-footer-top {
padding-top: .5rem;
padding-bottom: .45rem;
}
.back-top {
right: 5%;
bottom: 5%;
}
.j-more:after {
display: none;
}
.video-fixed .videoboxs {
width: 100%;
height: 80%;
bottom: 0;
margin: auto;
}
.abcontact-bot .titbox select {
margin-right: 0;
margin-bottom: 2%;
width: 100%;
font-size: .26rem;
height: .8rem;
}
.abcontact-bot .titbox .select {
width: 100%;
}
.abcontact-bot .items .words {
font-size: .24rem;
line-height: .4rem;
}
.abcontact-bot .items {
padding: .3rem;
width: 100%;
margin-left: 0 !important;
}
.abcontact-bot {
padding-bottom: 0.7rem;
padding-top: 0.35rem;
}
.abcontact-bot .items .tit {
font-size: .32rem;
line-height: .5rem;
}
.abcontact-bot .items .tit .img {
right: .3rem;
width: .5rem;
height: .5rem;
}
.wel-jishu .list .items .images,
.wel-jishu .list .items .words {
display: block;
width: 100%;
}
.search-alert .cent-form {
height: 1rem;
margin-top: -.4rem;
}
.search-alert .cent-form:before {
width: .4rem;
height: .4rem;
}
.wel-jishu .list .items .words {
height: auto;
}
.search-alert .cent-form .tex {
padding-left: 30px;
padding-right: 40px;
font-size: .24rem;
line-height: 1rem;
height: 1rem;
}
.search-alert .cent-form:before {
/*margin-top: -.6rem;*/
margin: 0;
top: 0;
bottom: 0;
margin: auto;
}
.search-alert .cent-form .sub-butn {
height: 1rem;
line-height: 1rem;
}
.culture .culture-box .items .en {
font-size: .36rem;
}
.search-alert .cent-form .sub-butn {
font-size: .32rem;
}
.qualification .items .words {
/*margin-top: .6rem;*/
}
.qualification .items .words {
/*font-size: .32rem;*/
}
.culture .culture-box .items {
margin-bottom: 5%;
}
.culture .culture-box .items .cn {
font-size: .3rem;
margin-top: .3rem;
margin-bottom: 0.35rem;
}
.culture .culture-box .items .p {
font-size: .24rem;
line-height: 1.8;
margin-bottom: 0.75rem;
}
.culture .culture-box .items .img {
width: 1rem;
height: 1rem;
}
.culture .culture-box .items {
/*width: 100%;*/
}
.qualification .items .images {
/*padding: 0.45rem 0.3rem;*/
padding:.1rem;
}
.culture {
padding-bottom: 1.6rem;
}
.profile-03 .words {
line-height: 1.8;
}
.qualification {
padding-top: 1rem;
padding-bottom: 0.6rem;
}
.culture .culture-box {
padding-top: 1.15rem;
}
.ab-tit .cn {
font-size: .48rem;
}
.ab-tit .enbox span {
font-size: .36rem;
}
.profile-01 .images {
width: 100%;
}
.profile-03 .numbox {
margin-top: 0.9rem;
}
.profile-03 .words {
padding: .4rem .2rem;
}
.profile-03 .numbox .items .num {
font-size: .48rem;
margin-bottom: 0.32rem;
}
.profile-01 .words .numbox {
margin-top: 0.55rem;
}
.profile-02 .words {
position: static;
color: #666;
}
.profile-01 .words .numbox .items .num {
font-size: .48rem;
margin-bottom: 0.32rem;
}
.profile-02 .words .text .p {
margin-bottom: .6rem;
font-size: .24rem;
line-height: 1.8;
}
body {
font-size: .24rem;
line-height: 1.8;
}
.profile-01 .words {
padding-left: 0;
}
.profile-01 .words .tit {
font-size: 0.3rem;
margin-top: 0.24rem;
margin-bottom: 0.45rem;
}
.profile-01 .images {
padding-top: 0.44rem;
padding-right: 0.48rem;
position: relative;
}
.profile-01 {
padding: 0.9rem 0;
}
.profile-01 .images {
margin-bottom: 1rem;
}
.news-box {
padding-top: 0.78rem;
padding-bottom: 0.66rem;
}
.casesdetails-tit .tit {
font-size: .36rem;
line-height: .6rem;
padding: 0 1rem;
padding-top: 0.35rem;
padding-bottom: 0.4rem;
}
.ab-box {
min-height: 100%;
padding-bottom: 1.7rem;
}
.ab-text-box .text {
padding-top: .6rem;
}
.ab-text-box .text .tit {
margin-bottom: .4rem;
font-size: .32rem;
}
.ab-text-box .images .tex {
font-size: .3rem;
padding: .2rem 0;
}
.ab-tit {
padding-top: 0.65rem;
padding-bottom: 0.45rem;
}
.ab-tit .enbox sub {
font-size: 50%;
}
.news-box .news-top {
padding: 0;
}
.ab-text-box {
font-size: .24rem;
line-height: 1.8;
}
.news-box .news-top .items {
padding: .2rem;
}
.news-box .news-top .words,
.news-box .news-top .images {
width: 100%;
}
.news-box .news-top .words img,
.news-box .news-top .images img {
width: 100%;
}
.ab-text-box .images .span {
font-size: .24rem;
padding: .2rem 0;
}
.news-box .news-bot .input {
width: 100%;
}
.selectbox {
width: 100%;
}
.news-box .news-top .words .tit {
font-size: .3rem;
line-height: .4rem;
height: .4rem;
}
.news-box .news-bot .input input[type=submit] {
width: .3rem;
height: .3rem;
}
.news-box .news-bot .input input[type=text],
.news-box .news-bot .selectbox select {
height: .8rem;
font-size: .26rem;
}
.news-box .news-top .words .txt {
font-size: .24rem;
height: .8rem;
line-height: .4rem;
}
.welnews-box {
padding-bottom: .65rem;
}
.gallery-thumbs .swiper-pagination {
margin-top: .5rem;
}
.news-box .news-bot .items {
padding: 0.2rem 0.35rem;
}
.pagination a {
width: .5rem;
line-height: .5rem;
font-size: .2rem;
height: .5rem;
}
.news-box .news-bot .items-box {
padding-top: .3rem;
padding-bottom: 0.55rem;
}
.news-box .news-bot .selectbox select {
width: 100%;
margin-bottom: .2rem;
}
.news-box .news-bot .selectbox select:nth-child(n+2) {
margin-left: 0;
}
.news-box .news-bot {
margin-top: .3rem;
padding: .3rem 0;
}
.news-box .news-top .words .ri-btn {
margin-top: .3rem;
}
.newsmore {
padding-left: .25rem;
}
.news-box .news-top .words .newsmore {
margin-top: 0.26rem;
}
.news-box .news-top .words .tit {
margin-bottom: .2rem;
}
.cases-box {
padding-top: .8rem;
}
.cases-tit .swiper-slide .li {
padding: 0 .1rem;
margin: 0;
}
.casesdetails-tips {
font-size: .2rem;
padding-top: 0.25rem;
padding-bottom: 0.18rem;
}
.stmore {
height: .6rem;
line-height: .6rem;
font-size: .2rem;
width: 1rem;
}
.casesdetails-words .tit {
font-size: .32rem;
}
.casesdetails-images {
padding-top: 0.55rem;
padding-bottom: 0.4rem;
}
.casesdetails-words .items:after {
left: .4rem;
}
.casesdetails-words .p {
font-size: .24rem;
line-height: 1.8;
}
.casesdetails-words .tit {
margin-bottom: .4rem;
}
.casesdetails-words {
padding-bottom: 0.7rem;
}
.casesdetails-words .items {
padding: .45rem .4rem;
padding-bottom: 0.5rem;
}
.cases-listbox .list .words .p {
font-size: .24rem;
line-height: .5rem;
height: 1rem;
margin-top: 0.15rem;
margin-bottom: .4rem;
}
.swiper-tupian .lists{
padding: 1px;
}
.swiper-tupian .lists .i{
width: 49%;
margin-left: 2%;
}
.swiper-tupian .lists .i:nth-child(5n+1){margin-left:2%;}
.swiper-tupian .lists .i:nth-child(2n+1){margin-left:0;}
.cases-listbox .list {
margin-bottom: 0.7rem;
}
.cases-listbox {
padding-top: 0.38rem;
padding-bottom: .5rem;
}
.cases-listbox .list .words .tit {
font-size: .3rem;
line-height: .4rem;
height: .4rem;
}
.cases-tit .swiper-slide .li {
font-size: .24rem;
line-height: 1rem;
height: 1rem;
}
.cases-listbox .list .img {
width: 100%;
height: auto;
}
.cases-listbox .list .img img {
width: 100%;
}
.cases-listbox .list .words {
width: 100%;
position: static;
padding: .4rem .3rem;
}
.serves-wordsdown .items {
height: 1rem;
line-height: 1rem;
}
.serves-wordsdown .words-list {
padding-bottom: .7rem;
}
.serves-wordsdown .items .text:after {
left: .25rem;
width: .3rem;
height: .3rem;
}
.serves-wordsdown .items .text {
padding-left: .8rem;
}
.servers-tit .li {
font-size: .32rem;
padding-bottom: .2rem;
}
.serves-box .serves-top {
margin-bottom: .6rem;
}
.serves-down .list {
padding-bottom: 0.55rem;
}
.serves-down .list .items .tit {
font-size: .26rem;
line-height: .32rem;
height: .32rem;
}
.servers-tit .li {
margin: 0 .2rem;
}
.serves-down .list .items {
margin-bottom: .25rem;
}
.serves-down .list .items {
width: 100%;
margin-left: 0%;
}
.serves-down .list .items:nth-child(5n+1) {
margin-left: 0%;
}
.serves-down .list .items:nth-child(2n+1) {
margin-left: 0;
}
.serves-down {
padding-top: .6rem;
padding-bottom: 1.05rem;
}
.serves-down .servers-tit {
padding-bottom: 0.4rem;
margin-bottom: 0.26rem;
}
.message-box {
padding-top: .8rem;
padding-bottom: 0.95rem;
}
.message-box .message-form {
padding: 0 0.3rem;
padding-top: 0.3rem;
padding-bottom: 0.4rem;
}
.message-box .message-bot input {
width: 100px;
}
.message-box .message-form .items.yanzheng img {
width: auto;
height: 30px;
}
.message-box .message-form .items.yanzheng input {
width: 1.5rem;
}
.message-box .message-form .items {
padding-left: 80px;
}
.message-box .message-form .i50 {
width: 100%;
}
.message-box .message-bot {
margin-top: .4rem;
}
.message-box .message-form textarea {
height: 2.5rem;
}
.inquiry-01 .words0 {
padding-bottom: 0.35rem;
margin-bottom: 0.4rem;
}
.inquiry-01 .words1 .li {
padding: .2rem .32rem;
}
.inquiry-02 {
padding-top: 0.5rem;
padding-bottom: 0.85rem;
}
.inquiry2-list .inquiry2-left .li {
padding: .2rem .25rem;
font-size: .24rem;
}
.inquiry-03 .inquiry3-box {
margin-top: .6rem;
}
.inquiry-03 .items .items1 {
padding: .2rem .1rem;
}
.inquiry-03 {
padding-top: 0.6rem;
padding-bottom: 1.3rem;
}
.inquiry2-list .inquiry2-left {
width: 2rem;
}
.inquiry2-list .inquiry2-right {
width: calc(100% - 2rem);
}
/* .inquiry-03 .items{
width: 48%;
margin-left: 4%;
margin-bottom: 2%;
&:nth-child(5n+1){
margin-left:4%;
}
&:nth-child(2n+1){
margin-left:0;
}
}*/
.inquiry-01 .words1 .li .li0, .inquiry-01 .words1 .li .li1 {
width: 100%;
}
.inquiry-01 .words1 .li .li0 {
font-size: .3rem;
margin-bottom: .15rem;
line-height: 1.2;
}
.inquiry-01 .words1 .li .li1 {
font-size: .24rem;
line-height: 1.5;
}
.inquiry-03 .items:before {
transform: rotate(90deg);
left: 0;
right: 0;
top: -20px;
bottom: auto;
margin: auto;
}
.inquiry-03 .items .i {
margin-bottom: 0;
}
.inquiry-03 .items {
padding: .3rem 0;
margin-bottom: 20px;
}
.inquiry-03 .items .img {
width: .5rem;
height: .5rem;
margin-bottom: 0;
}
.inquiry-03 .items .items0 .span {
display: none;
}
.inquiry-03 .items {
width: 100%;
margin-left: 0%;
margin-bottom: 25px;
line-height: 1.5;
height: auto;
}
.inquiry-03 .items .items1 .tit {
color: #333;
}
.inquiry-03 .items .items1 {
position: static;
opacity: 1;
background: transparent;
color: #777;
}
.inquiry2-list .inquiry2-right .items .img {
width: .55rem;
height: .55rem;
}
.inquiry2-list .inquiry2-right .items .p {
margin-bottom: .3rem;
}
.inquiry-03 .items .items1 .tit {
margin-bottom: .2rem;
font-size: .28rem;
}
.inquiry2-list .inquiry2-right .items {
padding: 0.325rem 0.575rem 0.325rem 0.475rem;
}
.inquiry2-list .inquiry2-right .items .tit {
font-size: .28rem;
}
.inquiry-01 {
padding-top: 0.75rem;
padding-bottom: 0.5rem;
}
.inquiry-box .tit {
margin-bottom: .3rem;
}
.inquiry-01 .words0 .pbox .img {
width: .95rem;
height: .95rem;
}
.inquiry-box .p {
font-size: .24rem;
line-height: 1.8;
}
.serves-box {
padding-top: 0.75rem;
padding-bottom: 0.95rem;
}
.serves-box .serves-bot .items:nth-child(n+2) {
margin-top: .2rem;
}
.serves-box .serves-top .images {
width: 3rem;
}
.serves-box .serves-top .images img {
width: 100%;
}
.problem-tit .i {
font-size: .28rem;
padding: .1rem .15rem;
line-height: .4rem;
height: 1rem;
overflow: hidden;
}
.problem-list .items .items-top {
line-height: .7rem;
height: .7rem;
font-size: .26rem;
}
.problem-list {
font-size: .24rem;
line-height: 1.8;
}
.problem-box {
padding-top: 0.7rem;
padding-bottom: 1.95rem;
}
.about-tit {
font-size: .24rem;
line-height: 1rem;
height: 1rem;
}
.about-tit .span {
line-height: 1.2;
width: 55%;
}
.serves-box .serves-bot .items .span {
padding-left: .18rem;
padding-right: .5rem;
font-size: .2rem;
}
.box-detais-3 .span-box {
/*width: 100%;*/
margin-left: .3rem;
}
.serves-box .serves-bot .items {
height: 1rem;
line-height: 1rem;
}
.serves-box .serves-bot .items .text:after {
width: .55rem;
height: .55rem;
left: .35rem;
}
.serves-box .serves-bot .items .text {
padding-left: 1.3rem;
width: calc(100% - 1.8rem);
font-size: .24rem;
}
.box-detais-3 .list .items .p {
padding-right: .6rem;
}
.box-detais-3 .list .items .p:after {
right: .3rem;
}
.box-detais-3 .span-box .i {
padding: 0 .1rem;
}
.box-detais-3 .list .items .text:after {
left: .24rem;
}
.box-detais-3 .list .items .text {
padding-left: .6rem;
}
.box-detais-3 .span-box .i:nth-child(n+2) {
margin-left: .3rem;
}
.box-detais-3 .loginbox {
margin-top: .44rem;
font-size: .2rem;
line-height: 1.8;
}
.detais5-list .li {
margin-bottom: 2%;
padding: 0 .2rem;
}
.box-detais-1 .text {
padding: 0 .4rem;
padding-bottom: .4rem;
font-size: .24rem;
line-height: 1.8;
}
.detais4-list .words {
padding-top: .3rem;
}
.prodetails2 .box-detais-1 {
padding-bottom: .48rem;
}
.box-detais-3 .tit {
line-height: 1.5;
}
.box-detais-3 {
padding: 0.3rem 0.4rem;
padding-bottom: 0.35rem;
}
.detais4-list .words {
font-size: .24rem;
line-height: 1.8;
}
.detais5-list .li {
height: .8rem;
line-height: .8rem;
}
.prodetails2 .box-detais-1 .text {
line-height: 1.8;
}
.ft24 {
font-size: .32rem;
}
.ft36 {
font-size: .36rem;
}
.box-detais-1 .img {
padding: 0 .4rem;
}
.details-tit {
padding-top: 0.65rem;
padding-bottom: 0.4rem;
margin-bottom: 0.4rem;
}
.bocweb-footer-left img {
width: 1.84rem;
margin: 0 auto;
}
.bocweb-footer-right {
margin-bottom: .25rem;
}
.bocweb-footer .jiqun .tit {
margin-top: .3rem;
margin-bottom: .25rem;
}
.bocweb-footer .bdbox a:nth-child(n+2) {
margin-left: .25rem;
}
.bocweb-footer .bocweb-footer-bot {
padding-top: .6rem;
padding-bottom: .7rem;
}
.prolist-bot .prolistbot-list .items {
width: 49%;
margin-left: 2%;
padding: .2rem;
margin-bottom: .2rem;
}
.prolist-bot .prolistbot-list .items:nth-child(4n+1) {
margin-left: 2%;
}
.prolist-bot .prolistbot-list .items:nth-child(2n+1) {
margin-left: 0%;
}
.prolist {
padding-bottom: .85rem;
}
.prolist .j-more {
margin-top: .25rem;
}
.b-bot-left .span {
font-size: .2rem;
float: none;
width: 100%;
display: block;
}
.b-bot-left .span span {
font-weight: bold;
}
.prolist .prolist-top .tit {
font-size: .36rem;
}
.about-tit .img {
margin-right: .1rem;
width: .4rem;
height: .4rem;
}
.bocweb-footer .jiqun .tit {
font-size: .24rem;
}
.bocweb-footer .bocweb-footer-bot .p {
display: block;
font-size: .2rem;
line-height: .36rem;
width: 80%;
margin: 0 auto;
float: none;
}
.bocweb-footer .bocweb-footer-bot .p a {
font-size: .2rem;
line-height: .36rem;
}
.con-banner .words {
padding-top: 1.5rem;
}
.ft50 {
font-size: .5rem;
}
.ft16 {
font-size: .24rem;
}
.con-banner .words .txt {
margin-top: .35rem;
}
.prolist-bot .prolistbot-list .items .words {
padding-top: .3rem;
}
.prolist-bot .prolistbot-list .items .tsmil {
margin-top: .1rem;
}
.prolist .prolist-top {
padding-top: .6rem;
padding-bottom: .5rem;
}
.prolist .prolist-top .txt {
font-size: .26rem;
line-height: 1.8;
}
.prolist-bot .prolistbot-tit .i {
width: auto;
padding: 0 .15rem;
margin-right: .1rem;
font-size: .26rem;
}
.prolist-bot .prolistbot-tit .span {
font-size: .26rem;
}
.prolist-bot .prolistbot-tit {
padding-left: .8rem;
}
.prolist-bot .prolistbot-tit {
line-height: .45rem;
}
.detais4-list .words {
width: 100%;
}
.detais4-list .images {
width: 100%;
margin-top: .35rem;
}
.detais5-list .li {
width: 100%;
margin-left: 0 !important;
}
.box-detais-3 .detailsdown {
padding-top: .3rem;
}
.prodetails-bot {
padding: .4rem 0;
}
.prodetails-bot .button {
width: calc(100% - 3rem);
}
.j-more {
width: 1.8rem;
height: .6rem;
line-height: .6rem;
font-size: .2rem;
}
.detais5-list {
padding-top: .24rem;
padding-bottom: .3rem;
}
.prodetails {
padding-bottom: 1rem;
}
.box-detais-2 .tit .i {
font-size: .28rem;
}
.box-detais-3 .list .items .text {
width: calc(100% - 1.8rem);
}
.box-detais-3 .list .items {
line-height: .8rem;
height: .8rem;
font-size: .24rem;
}
.box-detais-2 .tit .i {
padding: 0 .1rem;
width: 33.33%;
text-align: center;
}
.box-detais-2 .tit .i:nth-child(n+2) {
margin-left: 0;
}
.box-detais-3 .list .items .p {
font-size: .2rem;
}
.box-detais-2 .itembox, .box-detais-2 .tit {
padding: 0 .4rem;
}
.box-detais-2 .itembox .item {
font-size: .24rem;
line-height: 1.8;
padding: .3rem 0;
}
.box-detais-3 .span-box .i {
font-size: .24rem;
}
.box-detais-2 {
padding-bottom: .5rem;
}
.box-detais-1 {
padding-bottom: .9rem;
}
.box-detais-2 .tit {
height: .8rem;
line-height: .8rem;
}
.box-detais-2 .tit .i:after {
width: 60%;
right: 0;
margin: auto;
}
.ft60 {
font-size: .6rem;
}
.ft30 {
font-size: .3rem;
}
.wel-banner .items .words {
padding-top: 2rem;
}
.wel-banner .items .words .txt {
margin-top: .4rem;
margin-bottom: 1.4rem;
}
.wel-banner .buts {
bottom: .8rem;
}
.wel-banner .buts .swiper-pagination-bullet {
width: .2rem;
height: .2rem;
}
.wel-banner .buts .swiper-pagination-bullet-active {
width: .2rem;
}
.tip .tit {
font-size: .36rem;
}
.wel-serve .tip {
padding: 0 4%;
padding-top: 0.5rem;
padding-bottom: 0.45rem;
}
.tip .txt {
font-size: .24rem;
margin-top: 0.25rem;
}
.wel-serve .items .words {
padding: 0.4rem 0.5rem;
padding-bottom: 1rem;
}
.wel-serve .items .words .span {
font-size: .28rem;
margin-top: .2rem;
}
.wel-serve .items .text {
font-size: .24rem;
}
.wel-serve .items .list .li {
padding: 0 .1rem;
margin-right: .05rem;
line-height: .7rem;
height: .7rem;
}
.wel-about .about-words .words {
padding-top: .65rem;
}
.wel-serve .items .words .img {
width: .8rem;
}
.wel-about .about-words .words .text {
font-size: .24rem;
line-height: .4rem;
/*height: 1.2rem;*/
}
.wel-about .about-words .words .text {
margin-top: 0.45rem;
}
.jsserve-list .ul .item {
height: 1rem;
line-height: 1rem;
}
.wel-serve .items .text {
margin: .2rem 0;
}
.wel-about .about-words .words .wel-more {
margin-top: .3rem;
margin-bottom: 0;
}
.numbox {
margin-top: .5rem;
}
.numbox .items .num {
font-size: .4rem;
}
.wel-about .about-words .words .items {
padding-left: .4rem;
}
.numbox .items .num {
margin-bottom: .3rem;
}
.wel-jishu .list .items .images {
height: 3.45rem;
}
.wel-jishu {
height: auto;
padding-bottom: .5rem;
}
.wel-jishu {
padding-top: .75rem;
}
.wel-jishu .tip {
margin-bottom: .5rem;
}
.wel-jishu .list .items .words {
padding: .35rem .5rem;
}
.wel-jishu .list .items .words .text {
font-size: .28rem;
margin-top: .2rem;
margin-bottom: .15rem;
}
.wel-jishu .list .items .words .p {
font-size: .2rem;
line-height: .35rem;
}
.wel-jsserve {
padding-top: .7rem;
padding-bottom: .45rem;
}
.wel-jsserve .jsserve-tit .tbox {
padding-bottom: .4rem;
margin-bottom: .3rem;
}
.welnews-box {
padding-top: .6rem;
}
.welnews-box .tip {
padding-bottom: .35rem;
margin-bottom: .35rem;
}
.welnews-box .gallery-top .items {
padding: 0 .3rem;
}
.welnews-box .gallery-top .swiper-slide-active .p {
display: none;
}
.welnews-box .gallery-thumbs .images, .welnews-box .gallery-thumbs .words {
width: 100%;
}
.welnews-box .gallery-thumbs .words {
padding: 4%;
position: static;
}
.welnews-box .gallery-thumbs .words .txt {
margin-top: 0.35rem;
font-size: .2rem;
line-height: .35rem;
height: .7rem;
}
.welnews-box .gallery-thumbs .words .more {
position: static;
text-align: right;
display: block;
font-size: .2rem;
padding-right: .3rem;
margin-top: .2rem;
}
.welnews-box .gallery-top .swiper-slide-active .tit {
font-size: .36rem;
}
.welnews-box .gallery-top .swiper-slide-active .txt {
font-size: .2rem;
}
.welnews-box .gallery-thumbs .items {
background: transparent;
}
.welnews-box .gallery-thumbs .words {
padding: .3rem;
padding-bottom: .4rem;
}
.welnews-box .gallery-thumbs .words .tit {
font-size: .28rem;
line-height: .5rem;
height: 1rem;
}
.wel-banner .items .words {
padding-top: 1rem;
}
.wel-banner .items .words .txt {
margin-top: .3rem;
margin-bottom: .3rem;
}
.wel-more,
.wel-banner .items .words .more {
width: 2rem;
height: .8rem;
line-height: .8rem;
text-align: center;
font-size: .2rem;
}
.wel-banner .buts {
width: 100%;
height: .2rem;
}
.wel-banner .buts .swiper-pagination {
width: 100%;
}
.wel-jishu .list .li {
font-size: .24rem;
line-height: .8rem;
height: .8rem;
}
.wel-jishu .list .items .words .img {
width: .8rem;
}
.about-box .about-top .tit-en {
font-size: .36rem;
}
.about-box .about-top .txt {
width: 80%;
font-size: .24rem;
line-height: 1.5;
margin-top: .2rem;
margin-bottom: .4rem;
}
.about-box .about-top {
padding-top: 0.75rem;
}
.about-box .about-top .list .items .num {
font-size: .26rem;
line-height: 1rem;
height: 1rem;
width: 1rem;
}
.about-box .about-top .list .items .tit {
margin-top: .3rem;
margin-bottom: 0.15rem;
font-size: .26rem;
}
.about-box .about-top .list .items .p {
font-size: .24rem;
line-height: .4rem;
}
.about-box .about-top .list .items {
padding: 0 .15rem;
}
.about-box .about-top .list {
padding-bottom: 0.75rem;
}
.about-box .about-bot .about-bottit .items {
font-size: .28rem;
height: .8rem;
line-height: .8rem;
}
.swipersbox .btns .swiper-button-prev {
left: 0;
}
.swipersbox .btns .swiper-button-next {
right: 0;
}
.about-box .about-bot {
min-height: 100%;
padding-top: 1.6rem;
padding-bottom: 0.75rem;
}
.about-box .about-bot .about-botlist a {
padding: 0 0.275rem;
font-size: .24rem;
line-height: .8rem;
height: .8rem;
}
.about-box .about-bot .about-bottit {
padding: 0 0.6rem;
margin-bottom: 0.075rem;
}
.login-fixed .loginboxs {
width: 85%;
padding-top: 1.25rem;
padding-bottom: 1rem;
}
.login-fixed .tit {
font-size: .3rem;
margin-bottom: 0.6rem;
}
.login-fixed .items:nth-child(n+2) {
margin-top: .2rem;
}
.login-fixed .items input {
height: .8rem;
}
.login-fixed input[type=text], .login-fixed input[type=Password] {
font-size: .24rem;
padding-left: .3rem;
}
.login-fixed .bot {
font-size: .24rem;
}
.login-fixed textarea {
height: 1.5rem;
}
.x-tip {
line-height: 1.5;
}
}
/*# sourceMappingURL=style.css.map */
.bannersamll img{
width: 100%;
height: auto;
}
.pagination span{
border: 1px solid #ccc;
border-radius: 2px;
display: inline-block;
padding: 0 13px;
height: 35px;
line-height: 35px;
margin: 0 2px;
}
.pagination a
.pagination span.current{
background: #64ac2c;
color: #fff;
border: 1px solid #64ac2c;
height: 35px;
line-height: 35px;
}