@CHARSET "UTF-8";



.topLink{
    width:850px;
    float:right;
    text-align:right;
    position: relative;
    z-index: 9999;
}
.translate{width:100px;position: absolute;left: 0;top:10px;z-index: 9999;}
.tran-in{left:120px;}
.translate li{border: 1px dashed #cccccc;line-height: 26px;text-align: left;background: #fff;}
.translate li a{display: block;padding-left: 10px;background: url(../images/dot4.png) no-repeat 88% 11px;}
.translate li a:hover{text-decoration: none;color:#275cea;cursor: pointer;}
.translate-en{display: none;padding: 6px;padding-top:0px;}
.translate li .translate-en a{padding-left: 0px;text-align: center;background: #fff;border-bottom: 1px solid #cccccc;}
.translate li .translate-en a:hover{font-weight: bold;}

.topLink .f_count{color:#ff0000;font-size:13px;font-weight:bold;}

.topLink .k2{color:#074b91;font-size:14px;font-family:"微软雅黑";}

.x-header-right{display: none;}
.dh{line-height: 30px;font-size: 18px;color:  #fff;font-family:'黑体';padding-left:53px;background:url(../images/tel22.png) no-repeat left center;margin-top:35px;}

@media(max-width: 1205px){
  .x-menu > li > a{font-size: 16px;}
   .dh{display:none;}
   .x-menu{float:right!important;width:73%;margin-left:0;}
}


.banner,.inbanner,.mat90{}
.banner .swiper-slide{background:#171422;}
.banner .swiper_left,.banner .swiper_right{width:50%;height:100%;top:0; z-index: 10;}
.banner .swiper_left{left:0;}
.banner .swiper_right{right:0;}
.banner_left,.banner_right{width:50%; overflow:hidden;/*top:0; z-index: 8;*/} 
.banner_left{left:0;}
.banner_right{right:0;}
.banner_left img,.banner_right img{max-width: none;-webkit-transition:all 1.7s ease 0.2s;transition:all 1.7s ease 0.2s;}
.banner_left img{transform:translateY(-90%);  }
.banner_right img{transform:translateY(90%);float:right; }
.banner_light{width:41.6%;left:50%;top:50%; opacity:0;transform:translate3d(-50%,-50%,0) rotate(90deg);-webkit-transition:all 1.8s ease 0.8s;transition:all 1.8s ease 0.8s; z-index: 9;}
.circle_left{width:29.6%;right:0;top:50%;transform:translateY(-50%) rotateY(-90deg);transform-origin:right center; z-index: 11;}
.circle_right{width:29.6%;left:0;top:50%;transform:translateY(-50%) rotateY(90deg);transform-origin:left center; z-index: 11;}
.circle_left,.circle_right{-webkit-transition:all 1.5s ease 1.8s;transition:all 1.5s ease 1.8s;}
.word_left,.word_right{-webkit-transition:all 1s ease 2.2s;transition:all 1s ease 2.2s;}
.word_left{width:29%;right:0;top:45%; opacity: 0; z-index: 12;}
.word_right{width:29%;left:0;top:32%; opacity: 0;z-index: 12;}
.banner .swiper-slide-active .banner_left img{transform:translate3d(0,0,0); }
.banner .swiper-slide-active .banner_right img{transform:translate3d(0,0,0); }
.banner .swiper-slide-active .banner_light{opacity:1;transform:translate3d(-50%,-50%,0) rotate(0deg);}
.banner .swiper-slide-active .circle_left,.banner .swiper-slide-active .circle_right{transform:translateY(-50%) rotateY(0deg);} 
.banner .swiper-slide-active .word_left{top:37%; opacity: 1;}
.banner .swiper-slide-active .word_right{top:40%; opacity: 1;}

.banner .swiper-container-horizontal>.swiper-pagination-bullets{bottom:55px;}
.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet{margin:0 10px;}
.swiper-pagination-bullet{background:#fff; opacity: 0.3;}
.banner .swiper-pagination-bullet{width:14px;height:14px;}
.swiper-pagination-bullet-active{ opacity: 1; }
.video_box{width:100%;height:100%; position: relative; overflow: hidden;background:#000;}
.banner_video {display:block; width: 100%;height:100%; position: absolute;left:0;top:0; object-fit: cover;   }
.banner .swiper-slide a>img,.inbanner>img{width:100%;}

.quotedPrice{color: #fff;text-align: right;margin-top: -10px;}
.quotedPrice span{   
   display: inline-block;

    font-size: 16px;

    line-height: 18px;}



.quotedPrice strong{display: inline-block;

    width: 145px;

    margin-left: 10px;

    font-size: 40px;

    font-weight: normal;}



.quotedPrice i{display: inline-block;

    margin-top: 3px;

    width: 18px;

    height: 18px;

    border-radius: 18px;

    vertical-align: top;

    background: #ff4633;

    font: normal 12px/16px normal;

    text-align: center;}





/*底部留言*/
.message1{padding-top:10px;z-index:100;position:relative;}
.message1 input{vertical-align:middle;background: none;}
.message1 #name{display:block;height:45px;line-height:45px;padding:0;padding-left:0px;border:none;width:560px;color: #fff;}
.message1 #contact{display:block;height:45px;line-height:45px;padding:0;padding-left:0px;border:none;width:560px;}
.message1 #email{display:block;height:45px;line-height:45px;padding:0;padding-left:0px;border:none;width:560px;}
.message1 #content{display:block;height:45px;line-height:45px;padding:0px;padding-left:0px;border:none;border:none;width:560px;}
.message1 .msgbtn{background: #dc6f08;cursor:pointer;width:600px;height:50px;line-height:50px;text-align:center;border:none;color:#fff;font-size:16px;margin-top:30px;font-family:"Microsoft YaHei";}
.message1 #code{padding-top:30px;line-height:26px;}
.message1 #checkcode{height:32px;line-height:32px;width:120px;border:1px solid #dedede;}
.message1 #message_main tr{position:relative;
    padding-bottom: 5px;
    border-bottom:1px solid #acacac;
}
.message1 #message_main tr th{font-weight:normal;text-align:right;height:42px;line-height:42px;color:#666;}
.message1 .c_label{line-height:18px;padding-top:12px;}
.message1 td span{
    display: inline-block;
    line-height: 50px;
    float: left;
    font-size: 14px;
    color: #ddd;
}

.neileft{
	width:327px;
	line-height:108px;
	margin-left:10px;
}
.neiCenter{
	width:600px;
}
.mt-8{
	margin-top:8px;
}
.neiright{
	width:195px;
	color:#fff;
	font-size:14px;
	line-height:25px;
	margin-top:15px;
	margin-right:50px;
}
.nei1{
	height:80px;
	background:#2d2b01;
}
.nei2{
	margin-top:45px;
}
.nei2tit{
	text-align:center;
	text-transform: uppercase;
	color:#333333;
	font-size:30px;
}
.nei2tit h1{
	color:#999999;
	font-size:14px;
	font-weight:normal;
}


/* common css */
@font-face {
    font-family: dinpro; /*这里是说明调用来的字体名字*/
    src: url(../fonts/iconfont/dinpro.OTF);
    }
.fl {
    float: left;
}
.fr {
    float: right;
}
/*img {max-width: 100%!important;}*/
/* box-head */
.box-head {
    height: 133px;position: relative;z-index: 999;background: #333333;
}
/* box-company */
.box-company {
    padding: 4.5% 0;
}
.company-img {
    width: 50%;
}
.company-con {
    width: 45.7%;
}
.company-con h3 {
    font-size: 40px;
    font-weight: bold;
    margin-top: 5%;
    margin-bottom: 16px;
}
.company-con h4 {
    font-size: 24px;
}
.company-text {
    font-size: 18px;
    color: #666;
    line-height: 1.8;
    margin-top: 32px;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
overflow: hidden;
}
.company-more {
    display: block;
    width: 222px;
    height: 50px;
    line-height: 50px;
    background-color: #a09166;
    color: #fff!important;
    padding-left: 60px;
    font-size: 16px;
    margin-top: 10%;
}
@media (max-width:1439px) {
    .company-more {
        margin-top: 3%;
    }
    .company-text {
        margin-top: 18px;
    }
    .company-con h3 {
        margin-top: 3%;
    }
}
@media (max-width:1199px) {
    .company-text {
        font-size: 16px;
        color: #666;
        line-height: 1.8;
        margin-top: 32px;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    }
    .company-con h3 {
        font-size: 34px;
        font-weight: bold;
        margin-top: 3%;
        margin-bottom: 16px;
    }
}
@media(max-width:991px) {
    .dao{
        display:none;
    }
    .company-img {
        width: 100%;
        float: none;
    }
    .company-con {
        width: 100%;
        float: none;
    }
}
@media (max-width:767px) {
    .company-con h3 {
        font-size: 28px;
        font-weight: bold;
        margin-top: 3%;
        margin-bottom: 10px;
    }
    .company-text {
        font-size: 16px;
        color: #666;
        line-height: 1.8;
        margin-top: 12px;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 3;
        overflow: hidden;
    }
    .box-company {
        padding: 8.5% 0;
    }
}
/* box-product */
.box-product {
    background-color: #f9f9f9;
    padding-top: 3.2%;
    padding-bottom: 3.8%;
}
.main-title h2 {
    font-size: 36px;
    font-weight: bold;
    color: #333;
    margin-right: 26px;
}
.main-title span {
    font-size: 36px;
    color: #d5d5d5;
    font-family: Arial, Helvetica, sans-serif;
}
.main-title p {

    font-size: 24px;
    color: #666;
    position: relative;
    left: 55px;
    margin-top: 10px;
}
.main-title p:before {
    position: absolute;
    content: '';
    width: 38px;
    height: 1px;
    background-color: #d5d5d5;
    left: -55px;
    top: 45%;
}
.product-text {
    position: relative;
}
.product-item {
    border-radius: 16px;
}
.product-text img {
    border-radius: 16px;
}
.product-text h3 {
    position: absolute;
    bottom: 6%;
    left: 6%;
    background-color: rgba(0, 0, 0, 0.4);
    width: 38%;
    font-size: 24px;
    color: #fff;
    line-height: 2.6;
    text-align: center;
    overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
}
.product-arrow {
    position: relative;
    display: none;
}
.box-product .swiper-button-prev {
    background-image: url(../images/productleft.jpg);
    right: 80px;
    left: auto;
}
.box-product .swiper-button-prev:hover {
    background-image: url(../images/productleft1.jpg);

}
.box-product .swiper-button-next {
    background-image: url(../images/productright.jpg);
    right: 0;
    left: auto;
}
.box-product .swiper-button-next:hover {
    background-image: url(../images/productright1.jpg);
}

.box-product .swiper-button-next,.box-product .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 70px;
    height: 70px;
    margin-top: -32%;
    z-index: 10;
    cursor: pointer;
    background-size: 70px 70px;
    background-position: center;
    background-repeat: no-repeat;
    outline: none;
}
.product-swiper {
    margin-top: 4.1%;
    padding-bottom: 1%;
}
@media (max-width:1649px) {
    .box-product .swiper-button-next, .box-product .swiper-button-prev {

        margin-top: -34%;
    }
}
@media (max-width:1439px) {
    .box-product .swiper-button-next, .box-product .swiper-button-prev {

        margin-top: -34%;
    }
}
@media (max-width:1199px) {
    .product-text h3 {
        position: absolute;
        bottom: 6%;
        left: 6%;
        background-color: rgba(0, 0, 0, 0.4);
        width: 88%;
        font-size: 18px;
        color: #fff;
        line-height: 2.6;
        text-align: center;
    }
    .box-product .swiper-button-next, .box-product .swiper-button-prev {
        position: absolute;
        top: 50%;
        width: 70px;
        height: 70px;
        margin-top: -35%;
        z-index: 10;
        cursor: pointer;
        background-size: 70px 70px;
        background-position: center;
        background-repeat: no-repeat;
        outline: none;
    }
}
@media (min-width:992px) {
    .product-item:hover .product-text h3 {
        background-color: #a09166;
    }
    .product-item:hover {
        -webkit-box-shadow: 0 4px 12px rgba(0,0,0,.2);
        box-shadow: 0 4px 12px rgba(0,0,0,.2);
    }
}
@media (max-width:991px) {
    .main-title h2 {
        font-size: 30px;
        font-weight: bold;
        color: #333;
        margin-right: 26px;
    }
    .main-title span {
        font-size: 28px;
        color: #d5d5d5;
        font-family: Arial, Helvetica, sans-serif;
    }
    .main-title p {
        font-size: 16px;
        color: #666;
        position: relative;
        left: 55px;
        margin-top: 10px;
    }
    .product-arrow {
        display: none;
    }
}
/* youshi */
.box-youshi {
    padding-top: 3.3%;
    padding-bottom: 4%;
}
.youshi-swiper {
    margin-top: 4%;
    padding-bottom: 1%;
}
.youshi-cover {
    position: relative;
}
.youshi-cover .bg {
    width: 100%;
    height: 100%;
    background: url(../images/youshicover1.png) no-repeat;
    background-position: center;
    position: absolute;
    left: 0;
    top: 0;
    border-radius: 16px;
}
.bg-inner {
    position: relative;
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.bg-con  {
    position: absolute;
    bottom: 17%;
    left: 10%;
    transition: all .5s;
}
.bg-con h3 {
    font-size: 24px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 7%;
}
.bg-con .bg-text {
    display: none;
    color: #fff;
    font-size: 16px;
    line-height: 1.625;
}
.youshi-item {
    border-radius: 16px;

}
.youshi-item img {
    border-radius: 16px;
}
@media (min-width:992px) {

    .youshi-item:hover .youshi-cover .bg {
        background: url(../images/youshicover2.png) no-repeat;
    }
    .youshi-item:hover .bg-con {
        bottom: 13%;
    }
    .youshi-item:hover .bg-con .bg-text {
        display: block;
    }

    .youshi-item {
        transition: all .5s;
    }
    .youshi-item:hover {
        -webkit-box-shadow: 0 1px 15px rgba(0,0,0,.1);
        box-shadow: 0 1px 15px rgba(0,0,0,.1);
    }
}
@media (max-width:991px) {

    .bg-con {
        position: absolute;
        bottom: 24%;
        left: 4%;
        transition: all .5s;
    }
}
/* box-join */
.box-join {
    background:url(../images/joinbg.jpg) no-repeat center;
    padding: 4% 0;
    background-size: cover;
}
.message-tel {
    background: url(/bolinzhuangshi/data/upload/image/20210802/1627888791851469.png) no-repeat;
    width: 392px;
    height: 55px;
}

.join-left h2{
 font-size: 36px;
 font-weight: bold;
 color: #fff;
 margin-bottom: 3%;
}
.join-left p {
    font-size: 28px;
    color: #fff;
    margin-bottom: 11%;
}
.message-tel a {
   line-height: 55px;
    font-size: 20px;
    color: #fff;
    width: 118px;
    text-align: center;
}
.message-tel span {
    line-height: 55px;
    font-size: 44px;
    color: #fff;
    font-family: dinpro, Helvetica, sans-serif;
    margin-left: 25px;
}
@media (max-width:1199px) {
    .join-left p {
        font-size: 24px;
        color: #fff;
        margin-bottom: 8%;
    }
}
@media (max-width:991px) {
    join-left {
        float: none;
    }
    .x-message-wrap {
        width: 100%;
    }
    .join-left h2 {
        font-size: 28px;
        font-weight: bold;
        color: #fff;
        margin-bottom: 3%;
    }
    .join-left p {
        font-size: 20px;
        color: #fff;
        margin-bottom: 8%;
    }
    .message-tel {
        background: url(../images/messagetel2.png) no-repeat;
        width: 273px;
        height: 39px;
    }
    .message-tel a {
        line-height: 39px;
        font-size: 14px;
        color: #000;
        width: 82px;
        text-align: center;
    }
    .message-tel span {
        line-height: 39px;
        font-size: 26px;
        color: #fff;
        font-family: dinpro, Helvetica, sans-serif;
        margin-left: 24px;
    }
}
@media (max-width: 767px) {
   .join-left p {
    font-size: 16px;
    color: #fff;
    margin-bottom: 8%;
} 
}

/* box-case */
.box-case {
    padding-top: 3%;
    padding-bottom: 3.5%;
}
.case-con {
    margin-top: 3.5%;
}
.case-left {
    width: 43.5%;
}
.case-right {
    /*width: 56.5%;*/
}
.case-right li {
    /*width: 47.5%;*/
    width: 23%;
    margin-left: 2%;
    margin-bottom: 2%;
}
.case-left-inner,.case-right-inner {
    position: relative;
    overflow: hidden;
}
.case-left-inner img, .case-right-inner img {
    border-radius: 16px;
}
.case-left-inner h3 ,.case-right-inner h3 {
    position: absolute;
    bottom: -100%;
    text-align: center;
    font-size: 18px;
    color: #fff;
    line-height: 3.2;
    background-color: rgba(0, 0, 0, 0.5);
    width: 100%;
    transition: all .5s;
}
.case-left li:hover h3 {
    bottom: 0;
}
.case-right li:hover h3 {
    bottom:0;
}
.case-more,.news-more {
    display: block;
    width: 180px;
    height: 48px;
    background-color: #fff;
    border-radius: 50px;
    line-height: 48px;
    text-align: center;
    margin-top: 20px;
    -webkit-box-shadow: 0 1px 10px rgba(0,0,0,.1);
    box-shadow: 0 1px 10px rgba(0,0,0,.1);
    color: #666;
    font-size: 14px;
} 
@media(max-width:767px) {
.case-title-left {
    float: none;
}
.case-more {
    float: none;
}
.case-left {
    width: 100%;
    float: none;
}
.case-right {
    width: 100%;
    float: none;
}
.case-right li {
    width: 48.5%;
    margin-left: 0%;
    margin-bottom: 0%;
    margin-top: 3%;
}
.case-right li:nth-child(odd) {
    margin-right: 3%;
}
.case-left-inner h3 ,.case-right-inner h3 {
    bottom: 0;height:100%;line-height:24px;font-size:14px;padding:0 5px;display:flex;justify-content:center;align-items: center;
}
.case-left-inner h3, .case-right-inner h3{border-radius: 16px;}

}
/* box-news */
.box-news {
    background-color: #f9f9f9;
    padding-top: 3.4%;
}
.news-title-top h2,.case-title-top h2 {
    font-size: 36px;
    color: #333;
    font-weight: bold;
}
.news-title-top span,.case-title-top span {
    font-size: 36px;
    color: #d5d5d5;
    font-weight: bold;
    font-family: Arial, Helvetica, sans-serif;
}
.news-title-left p,.case-title-left p {
    font-size: 24px;
    color: #666;
    position: relative;
    left: 55px;
}
.news-title-left p:before,.case-title-left p:before {
    position: absolute;
    content: '';
    width: 38px;
    height: 1px;
    background-color: #d5d5d5;
    left: -55px;
    top: 45%;
}
.news-swiper {
    padding-bottom: 7.5%;
    margin-top: 2%;
    padding-top: 2%;
}
.box-news .swiper-container-horizontal>.swiper-pagination-bullets,.box-news .swiper-pagination-custom, .box-news .swiper-pagination-fraction {
    bottom: 12%;
    left: 0;
    width: 100%;
}
.box-news .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 8.5px;
}
.box-news .swiper-pagination-bullet {
    width: 14px;
    height: 14px;
    display: inline-block;
    border-radius: 100%;
    background: #000;
    opacity: .3;
    outline: none;
}
.box-news .swiper-pagination-bullet-active {
    opacity: 1;
    background: #a09166;
}
.news-item {
    position: relative;
    padding: 2.5% 3% 4% 3%;
    background-color: #efefef;
}
.news-item .news-time {
    font-size: 16px;
    color: #666;
    margin-bottom: 5px;
}
.news-item h2 {
    font-size: 24px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    margin-bottom: 7%;
}
.news-text {
    font-size: 16px;
    color: #666;
    display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
line-height: 1.75;
}
.news-item {
    -webkit-transition: all .2s linear;
    transition: all .2s linear;
    border-radius: 16px;
}
.news-item  {
    border-radius: 16px;
}
.news-item h3 {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: none;
}
.news-item:hover h3 {
    display: block;
    animation-delay: 1.5s;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    border-radius: 16px;
}
@media (max-width:1439px) {
    .box-news .swiper-container-horizontal>.swiper-pagination-bullets, .box-news .swiper-pagination-custom, .box-news .swiper-pagination-fraction {
        bottom: 9%;
        left: 0;
        width: 100%;
    }
}
@media (min-width:992px) {

    .news-item:hover {
        -webkit-transform: translate3d(0,-20px,0);
        transform: translate3d(0,-20px,0);
    }
 
}
@media (max-width:767px) {
    .news-title-left {
        float: none;
    }
    .news-more {
        float: none;
    }
    .box-news .swiper-container-horizontal>.swiper-pagination-bullets, .box-news .swiper-pagination-custom, .box-news .swiper-pagination-fraction {
        display: none;
    }
    .news-item h2 {
        font-size: 18px;
        color: #333;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        margin-bottom: 7%;
    }
}
.main-flink span {
    color: #666;
    font-size: 14px;
    font-weight: bold;
}
.main-flink a {
    color: #333;
    font-size: 12px;
    padding-right: 8px;
}
.main-flink a:hover {
    color: #a09166;
}
.main-flink a:not(:last-child) {
    border-right: 1 solid #333;
}
/* box-foot */
.box-foot {
    background-color: #222;
    padding-top: 3.5%;
}
.main-flink {
    line-height: 26px;
    padding: 42px 0;
}
.foot-menu {
    width: 62.5%;
}
.foot-menu dl {
    float: left;
    width: 20%;
    
}
.foot-menu dl:nth-of-type(2) dd{
    float: left;
    width: 50%;
}
.foot-menu dl dt {
    font-size: 16px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 14%;
}
.foot-menu dl dd a {
    font-size: 14px;
    color: #c5c5c5;
    line-height: 2;
}

/*.foot-menu dl:nth-of-type(2) dd{float:left;width:50%;}*/
.foot-contact {
    border-left: 1px solid rgba(255, 255, 255, 0.1);
    padding-top: 1%;
    padding-left: 2%;
}

.foot-contact h3 {
    color: #999;
    font-size: 16px;
    margin-bottom: 1%;
}
.foot-contact>p {
    font-size: 30px;
    color: #fff;
    font-weight: bold;
    margin-bottom: 1.5%;
}
.footcontact-text {
    font-size: 14px;
    color: #999;
    line-height: 1.8;
}
.x-seo {
    font-size: 14px;
    color: #999;
}
.x-seo a {
    color: #999;
}
.foot-wechat {
    text-align: center;
}
.foot-wechat p {
    font-size: 14px;
    color: #999;
    margin-top: 9%;
}
.box-bottom {
    background-color: #222;
 border-top: 1px solid rgba(255, 255, 255, 0.1);
}
.main-bottom {
    line-height: 28px;padding: 35px 0;
}
.copyright-left {
    color: #999;
}
.x-region {
    color: #999;
}
.main-bottom a {
    color: #999;
}
@media(max-width:1649px) {
    .foot-menu {
        width: 57.5%;
    }
    .foot-contact  {
        padding-top: 0;
    }
}
@media (max-width:1439px) {
    .foot-menu {
        width: 54.5%;
    }
}
@media (max-width:1199px) {
    .foot-menu {
        float: none;
        width: 100%;
        margin-bottom: 4%;
    }
    .foot-contact {
        float: left;
        margin-right: 10%;
    }
    .foot-wechat {
        float: left;
    }
    .foot-contact {
        border-left:none;
        padding-top: 1%;
        padding-left: 0;
    }
    .main-foot {
        padding-bottom: 4%;
    }
}
@media (min-width:992px) {
    .foot-menu dl dd a:hover {
        color: #a09166;
    }
    .copyright-left a:hover,.x-region a:hover {
        color: #a09166;
    }
    .x-seo a:hover {
        color: #a09166;
    }
}
@media (max-width:991px) {
    .main-foot {
        padding-bottom: 4%;
    }
    .foot-menu {
        display: none;
    }
    .x-region {
        display: none;
    }
   
    .x-seo {
        display: none;
    }
    .copyright-left{float: none;width: 100%;text-align: center;}
}
@media (max-width:767px) {
    .foot-contact {
        float: none;
        padding-left: 20px;
    }
    .foot-wechat {
        margin-top: 10px;
        padding-left: 20px;
    }
    .foot-wechat p {
            margin-top: 15px;
    }
    .box-bottom{font-size: 12px;}
}
/* Fade */
.hvr-fade {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    box-shadow: 0 0 1px rgba(0, 0, 0, 0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
  }
  .hvr-fade:hover, .hvr-fade:focus, .hvr-fade:active {
    background-color: #a09166;
    color: white;
  }
.hvr-fade1 {
    display: inline-block;
    vertical-align: middle;
    -webkit-transform: perspective(1px) translateZ(0);
    transform: perspective(1px) translateZ(0);
    overflow: hidden;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
    -webkit-transition-property: color, background-color;
    transition-property: color, background-color;
  }
  .hvr-fade1:hover, .hvr-fade1:focus, .hvr-fade1:active {
    background-color: #a09166;
    color: white;
  }

@media(max-width: 640px){
    .foot-contact,.foot-wechat{width: 100%;float: none;}
    .foot-contact>p{font-size: 20px;}
    .company-con h3{font-size: 24px;}
    .company-con h4{font-size: 18px;}
    .main-title span{font-size: 18px;line-height: 32px;}
    .main-title h2{margin-right: 10px;font-size: 24px;}
    .box-product,.box-case{padding: 25px 0;}
    .main-title p{font-size: 14px;margin-top: 5px;}
    .bg-con h3{font-size: 18px;}
    .join-left h2{font-size: 24px;}
}


/*主体样式*/

.navigation{float:right;width:100px;}

.index-title{line-height:31px;padding-left:15px;font-weight:bold;font-family:"微软雅黑";
background:url(../images/nav.png) no-repeat 0% 100%;font-size:14px;color:#000;}
.index-table td{border:solid #add9c0; border-width:0px 1px 1px 0px; padding:10px 5px;}
.index-table{border:solid #add9c0; border-width:1px 0px 0px 1px;margin-top:10px;}




/*------------内页-------------------*/
#container{
    max-width: 1230px;
    padding: 0 15px;
    margin: 0 auto;
    margin-top: -42px;
    margin-bottom: 60px;
    background: #fff;
    position: relative;
}
.left{
    width:15%;
    float:left;
    padding-left: 3%;
    padding-top: 40px;
}
.left .box{

}
.left .box h3{
    padding-left:0px;
    font-weight:normal;
    font-family:"微软雅黑";
    font-size:20px;
    color:#444;
    background: none;
    margin-bottom:30px;
}
.left .box h3 span{
    display: block;
    font-size: 14px;
    color: #c1c1c1;
    text-transform: uppercase;
}
.left .box .content{}

.prodescription{border:1px solid #e5e5e5;background:#f9f9f9;line-height:24px;padding:10px;margin-bottom:15px;text-indent:20px;display:none;}


.n_banner img{width:100%;margin:0 auto; height:100%;}

.sort_menu{}
.sort_menu h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.sort_product{margin-top:10px;}
.sort_product h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}

.n_contact{margin-top:10px;}
.n_contact h3{background-color:#ececec;line-height:28px;padding-left:15px;font-weight:bold;}
.n_contact .content{padding:5px;line-height:24px;}

.right{width:80%;float:right;
    padding-top: 135px;
    padding-bottom:10px;
    padding-right: 35px;
}
.sitemp{line-height:31px;height:31px;overflow:hidden;padding-right:10px;}
.sitemp h2{float:left;line-height:31px;text-align:center;text-align:left;text-indent:15px;color:#000;font-size:14px;}
.sitemp .site{float:right;text-align:right;line-height:30px;}
.right .content{overflow:hidden;font-size: 14px;  line-height: 28px;}

/*浮动*/
.servers{width:52px;position: fixed;top:300px;right:5%;z-index: 9999;}
.servers li{height:52px;text-align: center;margin-bottom: 2px;background: #333;position: relative;}
.servers li a{display: block;width: 100%;height: 100%;}
.servers li:hover a{color:#fff;}
.servers li.sr1 a{background: url(../images/sr1.png) no-repeat 50% 50%;}
.servers li.sr2 a{background: url(../images/sr2.png) no-repeat 50% 50%;}
.servers li.sr3 a{background: url(../images/sr3.png) no-repeat 50% 50%;position: relative;}
.servers li.sr4 a{background: url(../images/gotop.png) no-repeat 50% 50%;position: relative;}
.servers li:hover{background:#ff7c00;}

.pro-hide{position: absolute;right: 52px;top:0;width:0;height:52px;background:#ff7c00;overflow: hidden;color:#fff;font:400 20px/52px "Microsoft Yahei";}
.pro-hide2{position: absolute;right: 52px;top:0;width:0;height:52px;background:#ff7c00;overflow: hidden;color:#fff;font:400 14px/52px "Microsoft Yahei";}
.servers li .pro-hide2 a{background: none;}



/*手机底部*/
@media(max-width: 1200px){
  .right{overflow: hidden;}
  .right .content p img{
           max-width: 100%;
          width: auto !important;
          height: auto !important;
     }
}
@media (max-width:768px){
 .db{display:block!important;}
}


.dbb{height:30px;}

/* 页脚 */
.footer {
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 99999;
  background: #a09166;
}

.footer ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.footer ul li {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  text-align: center;
  color: #ffffff;
  line-height: 30px;padding:10px 0;
  font-size: 0;
}

.footer ul li.active {
  background: #a09166;
}

.footer ul li a {
  display: block;color:#fff;
}

.footer ul li .iconfont {
  font-size: 18px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
}

.footer ul li span {
  display: inline-block;
  vertical-align: middle;
  font-size: 16px;color:#fff;
}


.footer li .icon-home{ background: url(../images/a1.png) no-repeat;width:20px;height:20px;}
.footer li .icon-home2{ background: url(../images/a2.png) no-repeat;width:20px;height:20px;}
.footer li .icon-phone{ background: url(../images/a3.png) no-repeat;width:20px;height:20px;}
.footer li .icon-contact{ background: url(../images/a4.png) no-repeat;width:20px;height:20px;}

.footer li .icon-phone:before{font-size:0;}


@media(max-width: 620px){
    .product_detail .list{margin-left: 0;margin-bottom: 15px;}
}

@media(max-width: 1203px){
   
    .float-kf,#m_div{display: none!important;}
}




/**/
/*transition*/
.tran{transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-webkit-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-moz-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;-o-transition:all 0.6s cubic-bezier(0.215, 0.61, 0.355, 1) 0s}
.imga {
    display: block;
    position: relative;
}
pre,.pre{margin: 0;white-space: pre-wrap;word-wrap: break-word;font-family: inherit;}
.break{white-space: nowrap;word-wrap: break-word;display: inline-block;}
.ellipsis{display: block;height: 24px;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.clamp{display: -webkit-box;height: 48px;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;}

.indexModule{margin: 70px 0 20px;background: #FFF;}
.indexModule .h2{padding-bottom: 40px;line-height: 1;text-align: center;font-size: 40px;font-weight: normal;color: #3e3a39;}
.indexModule ul{box-shadow: 0 0 4px rgba(21,21,21,.18);}
.indexModule li{float: left;width: calc((100% - 294px)/4);height: 293px;}
.indexModule li.ht{width: 294px;}
.indexModule li.ht.hover{background: #cf4239;}
.indexModule li .imga{height: 293px;padding-top:50px ;text-align: center;}
.indexModule li .line{position: absolute;right: 0;top: 32px;bottom: 32px;width: 1px;background: #E1E1E1;}
.indexModule li .ico{display: block;overflow: hidden;width:54px;height: 60px;margin: 0 auto;}
.indexModule li .title{padding: 30px 0 18px;font-size: 24px;font-weight: normal;color: #555;}
.indexModule li .note{line-height: 22px;color: #666666;font-size:16px;}
.indexModule li .note span{display:block;}
.indexModule li .imga:hover .ico img{margin-top: -60px;}
.indexModule li .imga:hover .title{color: #a09166;}


@media(max-width:1436px){
    .indexModule li .title{font-size:18px;}
    .indexModule li .note{font-size:14px;}
}


.flex{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}

/**/
.ybt{text-align:center;}
.ybt img{max-width:100%;}
.yul{margin-top:5%;}
.yul li:first-child{width:49.5%;}
.yul li{width:16%;position:relative;margin-bottom:10px;overflow:hidden;}
.yul li a{display:block;}
.yul li h3{position:absolute;width:100%;bottom:-100%;height:48px;background:#a09166;line-height:48px;text-align:center;color: #ffffff;font-size:16px;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;
}
.yul li:hover h3{bottom:0;}
.yul li img{width:100%;}
.com-img{ display:inline; overflow:hidden;margin:0 auto;display: table;}
.com-img img{ transition:all 0.8s; -webkit-transition:all 0.8s; -moz-transition:all 0.8s; -o-transition:all 0.8s;}
.com-img:hover img{transform:scale(1.1); -webkit-transform:scale(1.1); -moz-transform:scale(1.1); -o-transform:scale(1.1);-ms-transform:scale(1.1);}


/**/
.main6{margin-top:6%;}
.main6 .tabs{
    text-align: center;
    margin-top: 33px;
    font-size: 0;
    margin-bottom: 44px;
}
.tabs li{
    display: inline-block;
}
.tabs li a{
    display: block;
    width: 128px;
    line-height: 34px;
    background: #fff;
    border-radius: 15px;
    color: #666;
    font-size: 18px;
    border:1px solid #e7e6e6;
    margin-right: 29px;
}
.tabs li.cur a{
    background: #a09166;
    color: #fff;
}

.tts{
    position: relative;
    z-index: 9;
}
.hd .next{
    position: absolute;
    z-index: 9999;
    width: 13px;
    height: 28px;
    background: url(../images/left1.jpg) no-repeat;
    left: -40px;
    top:85px;
}
.hd .prev{
    position: absolute;
    z-index: 9999;
    width: 13px;
    height: 28px;
    background: url(../images/right1.jpg) no-repeat;
    right: -40px;
    top:85px;
}
.list1{display: flex;justify-content: space-between;flex-wrap: wrap;display: -webkit-flex;}
.list1 li{
    width: 31.3%;
    float: left;
    line-height: 45px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #bcbcbc;
}
.list1 li a{
    display: block;
    font-size: 14px;
    color: #444;overflow:hidden; white-space:nowrap;text-overflow:ellipsis;
    padding-left: 20px;
    background: url(../images/dian1.png) no-repeat left center;
}
.list1 li:nth-child(3n){
    margin-right: 0px;
}





.main6 .as2 {
    display: block;
    width: 282px;
    margin: 0 auto;
    padding-top: 80px;
    padding-bottom: 0px;
}




#putUp-div{position:fixed;left:0;bottom:0;z-index:999;cursor:pointer;}
#popUp-div{width:1920px;position:fixed;background:rgba(0,0,0,1);height:80px;z-index:9999;bottom:0;left:50%;margin-left:-960px;}
#popUp-div .w1600{max-width: 1280px;margin: 0 auto;padding:22px 15px 0 15px;position:relative;}
.wz-div1{font-size: 25px;color: #fff;line-height:40px;padding-left:40px;background:url(../images/aaa.png) no-repeat left center;margin-top:0px;}
.wz-div2{font-size: 16px;color: #fff;line-height:40px;padding-left:40px;background:url(../images/bbb.png) no-repeat left center;margin-left:50px;margin-top:20px;}
.input-div{width:520px;margin-left:32px;}
.input-div input{border:none;outline:none;background:#fff;line-height:40px;height: 40px; text-indent:10px;border-radius:5px;}
.input-div .form-name{width: 140px;float:left;margin-right:30px;margin-bottom:10px;height: 40px;}
.input-div .form-contact{ width: 160px;float:left;margin-right:10px;}
.input-div .form-checkcode{width: 280px;float:left;}
.input-div .form-btn{width: 160px;height: 40px;}
.input-div .form-btn #code{position: relative;padding-top: 0;}
.input-div .form-btn .btn2{border-radius: 5px;margin-top: 10px; background: #a09166;color: #fff;text-align: center;font-size:18px;line-height:40px;width: 140px;height: 40px;text-indent:0;}
.input-div .form-btn #checkCodeImg3{position: absolute;right: 5px;top:5px;height: 30px;width: 88px;}
#close{position:absolute;top:20px;right:0;cursor:pointer;}
.input-div .form-btn #code+input{
    position: absolute;
        top: 10px;
    right: 68px;
}
.input-div .fff{
    width: 334;
    float: left
}
.input-div #checkcode{width: 160px;height: 40px;}


.x-message-wrap .checkCodeImg img{height: 60px;}


@media(max-width: 1300px){
    #putUp-div,#popUp-div{display: none!important;}
}



@media(max-width: 1200px){
    .left,.right{width: 100%;float: none;padding-right: 0;padding-top: 30px;}
    .news_list li{padding-bottom:5px;}
    .indexModule .h2{font-size:30px;}
     .indexModule li .title{font-size:16px;}
    .indexModule li .note{font-size:12px;}
}

@media(max-width:970px){
    .indexModule li.ht{width:20%;height:auto;}
    .indexModule li{height:auto;width:20%;}
    .indexModule li .imga{padding-top:6px;height:auto;}
    .indexModule{margin-top:40px;}
    .indexModule li .title{padding:8px 0 10px;font-size:14px;}
    .indexModule li .note{line-height:18px;}
}


@media(max-width: 768px){
    .left .box h3{margin-bottom: 15px;}
    .news_list li h3{padding-bottom: 10px;}
    .news_list li div{font-size: 12px;line-height: 20px;}
    .news_detail h1.title{font-size: 16px;line-height: 24px;}
}


@media(max-width:640px){
    .case_list li{width: 48%;}
    .product_list li{width: 48%;}
    .product_list li span{line-height: 20px;}
    .sort{font-size: 0;}
    .sort li{display: inline-block;width: 31.333%;margin: 0 1%;}
    .sort li a{line-height: 35px;padding-left: 10px;}
    .search_list_product li{width: 48%;}
    .search_list_product li h3 a{font-size: 14px;}
    .relateproduct{display: none;}
    .product_detail .img{width:100%;height:100%;float:left;padding:2px;border:1px solid #e0e1dc;}
    .product_detail .small{width:100%;height:100%;}
    .p_detail span.title{font-size: 14px;}
     .news_detail h3.title_bar,.share{display: block;float: none;width: 100%;margin: 0;height: auto;text-align: center;}
    .share{width: 100%;margin: 0 auto;padding-bottom: 0;height: 30px;display: block;}
    .share a{float: none!important;display: inline-block;}
    .info_title{display: block;}
    .indexModule li.ht{display:none;}
    .indexModule li{width:50%;margin-bottom:15px;}
    .indexModule .h2{font-size:18px;padding-bottom:20px;}
    .indexModule{margin-top:10px;}
    .main6{margin-bottom:30px;}
    .main6 .tabs{margin:0 0 20px 0;}
    .list1 li{width:100%;line-height:35px;margin-bottom:5px;}
    .tabs li{width:23%;margin:0 1%;}
    .tabs li a{width:100%;margin-right:0;font-size:14px;}
    .yul li:first-child{width:100%;}
    .yul li{width:48%;}
    

}