header{

	width: 100%;

    display: block;

	    overflow: hidden;

    margin: 0 auto;

}

.nav{

	    height: 120px;

    border-bottom: 1px solid rgba(255,255,255,0.1);

    position: absolute;

    left: 0;

    top: 0;

    right: 0;

    z-index: 9999;

    width: 100%;

}



.logo {

	  

margin-left: 3%;

    width: 27%;

   

}

.logo  a{

	margin-top: 10px;

	height: 88px;

	 z-index: 9999;

	 display: block;

	  background: url(../img/logo.png) no-repeat;

}

.nav_list{

	width: 67%;

}

.nav_list li{

	float: left;

	width: 10%;

	margin-left: 2%;

	line-height: 120px;

}

.nav_list li a{

	font-size: 16px;

	color: #fff;

	display: block;

	text-align: center;

}

.nav_list li:hover{

	border-bottom: 2px solid #fff;

}

.nav_list li.hover{

	border-bottom: 2px solid #fff;

}

/*.fix-head{ position:fixed; z-index:11111; background:#fff;  border-bottom:1px solid #e6e6e6; box-shadow:0 0 3px #ccc}

.fix-head .logo a{ background-image:url(/img/flogo.png)}

.fix-head  .nav-list li a{ color:#333}

.fix-head .nav-line{  background:#764F48; }*/



.banner {

	clear: both;

	width: 100%;

   overflow: hidden;

    margin: 0 auto;

	 z-index: 11;

   

}

.fullSlide{  }

.fullSlide .bd{ position:relative; z-index:0; }

.fullSlide .bd li img{width:100%; vertical-align:top;  } 

.fullSlide .hd{position:relative; z-index:1; margin-top:-61px; height:30px; line-height:30px;  text-align:center;}

.fullSlide .hd ul{ text-align:center;  padding-top:5px;  }

.fullSlide .hd ul li{ cursor: pointer;

	display: inline-block;

	*display: inline;

	zoom: 1;

	width: 60px;

	height:4px;

	margin: 5px;

	border-radius: 20px;

	background: #fff;

	overflow: hidden;

	line-height: 9999px;

		}

.fullSlide .hd ul .on{background: #30312d; }

.fullSlide .prev,.fullSlide .next{ z-index:1; display:block; width:55px; height:55px; position:relative; margin:-17%  0 0 3%; float:left;  background:url(../img/arrow.png) 0 0 no-repeat; filter:alpha(opacity=40);opacity:0.4  }

.fullSlide .next{  background-position:right 0; float:right; margin-right:3%  }

.fullSlide .prev:hover,.fullSlide .next:hover{ filter:alpha(opacity=80);opacity:0.8 }





.index_product{

     width: 100%;

     clear: both;

     overflow: hidden;

     margin-top: 6%;

}



.title{

	text-align: center;

}



.title h2{

	font-size: 2.2rem;

}

.title p{

	font-size: 1.6rem;

	color: #000000;

	margin-top: 2%;

}







.other-service{ margin-top: 60px;}

.other-service .text{

    padding: 260px 60px 0;

    height: 700px;

    width: 30%;

    box-shadow: 0 0 5px #ddd;

    box-sizing: border-box;

    background-color: #4c413c;

}

.other-service .text h3{

    font-size: 36px;

    font-weight: bold;

    line-height: 50px;

    color: #fff;

}

.other-service .text p{

    margin-top: 20px;

    font-size: 18px;

      color: #fff;

    line-height: 30px;

}

.other-service .text a{ font-size: 16px;margin-top: 30px; display: block; background: #f5f5f5; width: 160px; height: 40px; line-height: 40px; text-align: center;}

.other-service .text ul li,.other-service .picture .bg img{

    display: none;

}

.other-service .text ul li:first-child,.other-service .picture .bg img:first-child{

    display: block;

}

.other-service .picture{

    position: relative;

    height: 700px;

    width: 70%;

    box-sizing: border-box;

    z-index: 9;

}

.other-service .picture .bg{

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    z-index: -2;

}
.news_img img {
    width: 100%;
    height: 120px !important;
}
.other-service .picture .bg img{

    position: absolute;

    top: 0;

    height: 100%;

    width: 100%;

    transition: all 0.5s;

}

.other-service .picture ul li{

    padding-top: 260px;

    float: left;

    height: 700px;

    width: 25%;

    border-right: 1px solid rgba(255,255,255,0.3);

    box-sizing: border-box;

}

.other-service .picture ul li span {

    display: block;

    width: 60px;

    height: 60px;

    opacity: 1;

    transition: .1s;

    transform: translateZ(0);

    margin: 0 auto;

}

.other-service .picture ul li span::before {

    content: "";

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate3d(-50%, -50%, 0) scale(.75);

    transition: .4s;

    border: 1px solid hsla(0, 0%, 100%, .3);

    border-radius: 100%;

    height: 40px;

    width: 40px;

}



.other-service .picture ul li span i,

.other-service .picture ul li span em {

    background: hsla(0, 0%, 100%, .8);

    border: 1px solid #fff;

    border-radius: 100%;

    height: 22px;

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate3d(-50%, -50%, 0) scale(.5);

    transition: .4s;

    width: 22px;

}



.other-service .picture ul li span::after {

    content: "";

    left: 50%;

    position: absolute;

    top: 50%;

    transform: translate3d(-50%, -50%, 0) scale(.75);

    transition: .4s;

    border: 1px solid hsla(0, 0%, 100%, .1);

    border-radius: 100%;

    height: 60px;

    width: 60px;

}

.other-service .picture ul li h3{

    margin-top: 30px;

    text-align: center;

    font-size: 20px;

    color: #fff;

}

.other-service .picture ul li:hover span::before {

    animation: scalepulse 1.3s linear .3s infinite both;

    transform: translate3d(-50%, -50%, 0) scale(1);

}



.other-service .picture ul li:hover span i,

.other-service .picture ul li:hover span em {

    background: #fff;

    animation: scalepulse 1.3s linear 0s infinite both;

    transform: translate3d(-50%, -50%, 0) scale(1);

}

.other-service .picture ul li:hover span::after {

    animation: scalepulse 1.3s linear .15s infinite both;

    transform: translate3d(-50%, -50%, 0) scale(1);

}

@keyframes scalepulse {

    20% {

        -webkit-transform: translate3d(-50%, -50%, 0) scale(1.15);

        transform: translate3d(-50%, -50%, 0) scale(1.15);

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }



    50% {

        -webkit-transform: translate3d(-50%, -50%, 0) scale(1);

        transform: translate3d(-50%, -50%, 0) scale(1);

        -webkit-animation-timing-function: ease;

        animation-timing-function: ease

    }

}



.index_adv{

	margin-top: 0%;

	width: 100%;

	background: url(../img/adv.jpg) no-repeat center;

	height: 300px;

	background-size: cover;

	position: relative;

	background-attachment: fixed;

	overflow: hidden;

}



.index_adv p{

	font-size: 1.6rem;

	text-align: center;

	color: #fff;

	font-weight: bold;

	line-height: 300px;

}



.index_about{

	width: 100%;

	margin-top: 4%;

	padding: 0% 2%;

}



.title2{

	text-align: center;

	

}



.title2 h3{

	font-size: 2.2rem;

}

.title2 h3 span{

	font-size: 3rem;

	font-weight: bold;

}

.title2 p{

	font-size: 1.6rem;

	color: #000;

}



.about_txt{

	font-size: 16px;

	margin-top: 2%;

	line-height: 36px;

	display: block;

	color: #000000;

}

.four{

    margin: 4% auto;

    box-shadow: 0 0px 15px #e5e5e5;

    transform: scale(1.03);

}

.four ul li{

    float: left;

    height: auto;

    width: 46%;

    margin-right: 2.666666%;

    background: url(../img/l.png) no-repeat right;

    text-align: center;

    margin-bottom: 4%;

}

.four ul li:last-child{

    margin-right: 0;

}

.four ul li p:first-child{

    margin-top: 0%;

}

.four ul li p:first-child span{

    font-size: 3rem;

    font-weight: bold;

    color: #130f0f;

}

.four ul li p:nth-child(2){

    margin-top: 30px;

    font-size: 18px;

}

.four ul li p:last-child{

    margin: 2% auto 0;

    transition: all 0.3s;

    background: none;

}

.about_more{

	margin-top: 2%;

	width: 36%;

	height: auto;

	display: block;

	line-height: 46px;

	margin: 2px auto;

	text-align: center;

	font-size: 1.6rem;

	border: 1px solid #d2d2d2;

}



.about_more:hover{

	background: #000000;

	color: #fff;

}



.index_video{

	    margin-top: 7%;

	    height: 18rem;

	    width: 100%;

	    background: url(../img/video-bg.jpg) no-repeat center;

	    /* background-size: 100%; */

}



.index_video .play{



 text-align: center;

    justify-content: center;

    align-items: center;

    cursor: pointer;

 

}

.index_video .play i{

	display: block;

	height: 18rem;

	width: 99px;

	margin: 20px auto;

	background: url(../img/bofang.png) no-repeat center;

	background-size: 60%;

}

.video-fixed{

    position: fixed;

    top: 0;

    height: 100%;

    width: 100%;

    background: rgba(0,0,0,0.4);

    z-index: 9999;

    display: flex;

    justify-content: center;

    align-items: center;

}

.video-fixed video{

    width: 100%;

}



.index_product2{

	margin-top: 2%;

	width: 100%;

	padding-bottom: 6% !important;

	overflow: hidden;

	border-bottom: 1px solid #ddd;

}

.product2_container{

	margin-top: 6% !important;

}

.product2_container .slide_img{

	width: 25%;

	margin-left: 0%;

	height: auto;

}

.product2_container .slide_img img{

	width: 100%;

	height: auto;

}

.product2_container .slide_img  p{

	text-align: center;

	height: 40px;

	font-size: 16px;

	line-height: 40px;

}



/*index_news*/

.index_news{

	width: 100%;

	margin-top: 6%;

}



.news_box{

	margin-top: 0% !important;

}



.news_box ul li{

	float: left;

	margin: 0% 1%;

	width: 48%;

}

.news_box ul li .bt{

	height: 38px;

	line-height: 38px;

	display: block;

	font-size: 2rem;

	overflow: hidden;

}

.news_box ul li .bt:hover{

	color: #4c413c;

}

.news_box ul li .news_img{

	height: 11rem;

	margin-top: 3%;

	margin-bottom: 0%;

}

.news_box ul li .news_img p{

	height: 30px;

	background: #4c413c;

	width: 80px;

	line-height: 30px;

	text-align: center;

	font-size: 1.6rem;

	position: relative;

	color: #fff;

	top: -93%;

}



.news_p{

	height: 60px;

	line-height: 28px;

	overflow: hidden;

	margin-top: 2%;

	font-size: 14px;

}





.more2{

	margin-top: 30px;

}



footer{

	overflow: hidden;

	width: 100%;

	padding-top: 2%;

	background: #151212;

	margin-top: 0%;

}



.foot_img {

	width: 100%;

	height: auto;

	background: url(../img/l2.png) no-repeat right;

}



.foot_img img{

	margin-top: 4%;

	text-align: center;

	display: block;

	margin: 0px auto;

	padding-top: 2%;

	width: 80%;

	height: auto;

}



.foot_nav{

	width: 100%;

	height: auto;

	background: url(../img/l2.png) no-repeat right;

}



.foot_nav ul{margin-top: 2%;margin-left: 0%;}

.foot_nav ul li{

	float: left;

	text-align: center;

	height: 3rem;

	width: 25%;

	line-height: 3rem;

}

.foot_nav ul li a{font-size: 14px;

color: #fff;

	}

	

.foot_cont{

	margin-left: 5%;

	width: 100%;

	padding-top: 2%;

}



.foot_cont p{

	font-size: 14px;

	color: #fff;

	line-height:28px;

}



.foot_p{

	padding-top: 3%;

	clear: both;

	text-align: center;

	color: #fff;

	padding-bottom: 6%;

	width: 92%;

	margin: 0px auto;

}

.foot_p a{

	color: #fff;

}



.zy_banner{

	width: 100%;

	height: auto;

}



.zy_banner img{

    width:100%;

    height:auto;

}



.wz{

	padding-left: 2%;

	/* background: url(../img/wz.png) no-repeat left; */

	/* position: absolute; */

	/* top: 36%; */

	color: #171616;

	/* left: 2%; */

	margin-top: 2%;

}

.wz a{

	/* color: #fff; */

}



.about_container{

	margin-top: 50px;

}



.other_history{

    margin-top: 0%;

    width: 100%;

    padding-top: 10%;

    background: #f5f5f5;

    padding-bottom: 8%;

}





.history-swiper {

    width: 100%;

    height: 560px;

    position: relative;

    z-index: 0;

    margin-top: 65px;

}



.history-swiper .container {

    width: 92%;

    max-width: 1200px;

    margin: 0 auto;

    position: relative;

    z-index: 10;

}



.history-swiper .gallery-top {

    width: 100%;

    height: 491px;

    position: relative;

    z-index: 11;

}



.history-swiper .gallery-top .pic {

    float: left;

    width: 53.08%;

    height: 396px;

    display: table;

    text-align: center;

}



.history-swiper .gallery-top .pic .img {

    height: 396px;

    display: table-cell;

    vertical-align: middle;

}



.history-swiper .gallery-top .pic .img img{

    max-width: 100%;

    max-height: 396px;

    margin: 0 auto;

}





.history-swiper .gallery-top .main {

    width: 40%;

    float: right;

    max-height: 396px;

    overflow: hidden;

}



.history-swiper .gallery-top .main .title3 {

    font-size: 24px;

    color: #2c4072;

    margin-top: 45px;

}



.history-swiper .gallery-top .main .title3 span {

    font-size: 54px;

    font-weight: bold;

}



.history-swiper .gallery-top .main .txt {

    font-size: 18px;

    color: #2e2e2e;

    line-height: 28px;

    margin-top: 30px;

}



.history-swiper .gallery-top .swiper-button-disabled {

    opacity: 1;

}



.history-swiper .gallery-top .swiper-button-prev,

.history-swiper .gallery-top .swiper-button-next {

    bottom: 26px;

    margin: 0;

    width: 45px;

    height: 45px;

    background: #2c4072 !important;

    left: 0;

    top: auto;

    border-radius: 50%;

    overflow: hidden;

}



.history-swiper .gallery-top .swiper-button-next {

    left: auto;

    right: 0;

}



.history-swiper .gallery-top .swiper-button-prev i,

.history-swiper .gallery-top .swiper-button-next i {

    display: block;

    width: 27px;

    height: 17px;

    background: url(../img/history_arrow.png) no-repeat !important;

    margin: 14px 0 0 18px;

}



.history-swiper .gallery-top .swiper-button-next i {

    margin: 14px 0 0 0;

    background-position: -27px 0 !important;

}



.history-swiper .gallery-top .swiper-button-prev:hover i,

.history-swiper .gallery-top .swiper-button-next:hover i {

    margin-left: 9px;

}



.history-swiper .gallery-thumbs {

  width: 86%;

height: 135px;

position: absolute;

/*left: 0;*/

bottom: 70px;

}



.history-swiper .gallery-thumbs .swiper-slide {

    width: 20%;

    float: left;

    overflow: hidden;

    text-align: center;

}



.history-swiper .gallery-thumbs .swiper-slide i {

    display: block;

    width: 7px;

    height: 7px;

    background: url(../img/history_icon.png) no-repeat;

    margin: 84px auto 9px;

}



.history-swiper .gallery-thumbs .swiper-slide .year {

      font-size: 19px;

    color: #121111;

    line-height: 32px;

}



.history-swiper .gallery-thumbs .swiper-slide-active i {

    width: 25px;

    height: 100px;

    margin: 0 auto 0;

    background-image: url('../img/history_active_icon.png');

}



.history-swiper .line {

    width: 100%;

    height: 1px;

    background: #e8e8e8;

    position: absolute;

    left: 0;

    bottom: 117px;

    z-index: 5;

}

.year{

	font-size: 16px;

}

@media only screen and (max-width: 1024px) {

    .history_main .sub_title i {

        margin-left: 5px;

    }

    .history-swiper .gallery-top .pic {

        height: 312px;

    }



    .history-swiper .gallery-top .pic .img {

        height: 312px;

    }



    .history-swiper .gallery-top .pic .img img{



        max-height: 312px;

    }



    .history-swiper .gallery-top .main {

        max-height: 312px;

        width: 42%;

    }

    .history-swiper .gallery-top .main .title {

        font-size: 18px;

        margin-top: 25px;

    }

    .history-swiper .gallery-top .main .title span {

        font-size: 42px;

    }

    .history-swiper .gallery-top .main .txt {

        font-size: 16px;

        line-height: 26px;

        margin-top: 20px;

    }

    .history-swiper,

    .history-swiper .gallery-top {

        height: 476px;

    }

    .history-swiper .gallery-thumbs .swiper-slide .year {

        font-size: 18px;

    }

}



@media only screen and (max-width: 768px) {

    .history-swiper .gallery-top .pic {

        float: none;

        width: 100%;

        height: 438px;

    }



    .history-swiper .gallery-top .pic .img {

        height: 438px;

    }



    .history-swiper .gallery-top .pic .img img{



        max-height: 438px;

    }



    .history-swiper .gallery-top .main {

        float: none;

        width: 100%;

        max-height: 232px;

    }

    .history-swiper,

    .history-swiper .gallery-top {

        height: 800px;

    }

    .history-swiper .gallery-thumbs .swiper-slide {

        width: 33.3333%;

    }

}



@media only screen and (max-width: 750px) {

    .history_main {

        padding: .6rem 0 .8rem;

    }

    .history-swiper .gallery-top .pic {

        height: 4.3rem;

    }



    .history-swiper .gallery-top .pic .img {

        height: 4.3rem;

    }



    .history-swiper .gallery-top .pic .img img{



        max-height: 4.3rem;

    }   

    .history-swiper .gallery-top .main {

        max-height: 4.3rem;

    }

    .history-swiper {

        margin-top: .6rem;

    }

    .history-swiper,

    .history-swiper .gallery-top {

        height: 10.6rem;

    }

    .history-swiper .gallery-top .main .title {

        font-size: .28rem;

        margin-top: .3rem;

    }

    .history-swiper .gallery-top .main .title span {

        font-size: .64rem;

    }

    .history-swiper .gallery-top .main .txt {

        font-size: .26rem;

        line-height: .36rem;

        margin-top: .3rem;

    }

    .history-swiper .gallery-thumbs .swiper-slide-active i {

        height: 75px;

        background-position: 0 -25px;

        margin-top: 25px;

    }

    .history-swiper .gallery-thumbs .swiper-slide .year {

        font-size: 16px;

    }

    .history-swiper .gallery-top .swiper-button-prev,

    .history-swiper .gallery-top .swiper-button-next {

        width: 25px;

        height: 25px;

        bottom: 36px;

    }

    .history-swiper .gallery-top .swiper-button-prev i,

    .history-swiper .gallery-top .swiper-button-next i {

        width: 14px;

        height: 9px;

        background-size: 29px 9px;

        margin: 8px 0 0 11px;

    }

    .history-swiper .gallery-top .swiper-button-next i {

        background-position: -15px 0;

        margin: 8px 0 0 0;

    }

}

.other_culture{

	width: 100%;

	margin-top: 2%;

	margin-bottom: 2%;

	overflow: hidden;

}

.culture_box{

	margin-top: 2%;

}



.culture_box .culture_list .culture_txt{

	width: 100%;

	margin-top: 2%;

}

.culture_box .culture_list .culture_txt h2{

	font-size: 2rem;

	font-weight: bold;

}

.culture_box .culture_list .culture_txt span{

	font-size: 2rem;

	color: #9c9c9c;

}

.culture_box .culture_list .culture_txt p{

	margin-top: 2%;

	line-height: 30px;

	font-size: 16px;

}



.culture_img{

	width: 100%;

	overflow: hidden;

	height: auto;

}

.culture_img img{

	width: 100%;

	transition: all 0.5s;

	display: block;

	height: auto;

	margin-bottom: 6%;

}

.culture_img:hover img{

	transform: scale(1.1);

}



.culture_list{

	margin-bottom: 2%;

	clear: both;

	margin-top: 0%;

	padding: 0px 2%;

}



.subnav{

	margin-top: 0%;

}

.subnav ul{

    background-color: #f5f5f5;

}

.subnav ul li{

    float: left;

    line-height: 60px;

    width: 25%;

    display: block;

    margin-bottom: 0%;

}

.subnav ul li a{

    /* padding: 0 92px; */

    font-size: 16px;

    /* border-right: 1px solid #474c4f; */

    text-align: center;

    display: block;

}

.subnav ul li a:hover{

	color: #4c413c;

	font-weight: bold;

}

.subnav ul li.hover a{

	color: #4c413c;

	font-weight: bold;

}

.subnav ul li:last-child a{

    border-right: 0;

}

.other_product{

	width: 100%;

	overflow: hidden;

}

.product_box{

	margin-top: 0%;

}



.product_box li{

	float: left;

	margin-bottom: 2%;

	width: 48%;

	margin-left: 1.5%;

}

.product_box li .product_img{

	width: 100%;

	overflow: hidden;

	display: block;

	height: auto;

	transition: all 0.5s;

}

.product_box li .product_img img{

	width: 100%;

	height: auto;

	overflow: hidden;

	display: block;

	transition: all 0.5s;

}

.product_box li .product_img:hover img{

	transform: scale(1.1);

}

.product_box li .product_txt{

	height: 4rem;

	line-height: 4rem;

	font-size: 1.4rem;

	display: block;

	overflow: hidden;

	text-align: center;

}



.other_process{

	width: 100%;

	overflow: hidden;

	margin-top: 4%;

}



.process_box{

	margin-top: 4%;

}



.process_box ul li{

	float: left;

	width: 48%;

	margin: 0px 1%;

	overflow: hidden;

	height: 18rem;

	margin-bottom: 0%;

}

.process_box ul li .process_img{

	display: block;

	overflow: hidden;

	width: 100%;

	

	transition: all 0.5s;

}

.process_box ul li .process_img img{

	display: block;

	overflow: hidden;

	width: 100%;

	height: auto;

}

.process_box ul li .process_img:hover img{

	transform: scale(1.1);

}



.process_txt{

	height: 50px;

	font-size: 18px;

	text-align: center;

	line-height: 50px;

	background: #f5f5f5;

}





.other_details{

	width: 100%;

	margin-top: 4%;

	overflow: hidden;

}



.other_details h3{

	text-align: center;

	font-size: 2rem;

	font-weight: bold;

}





.details_container{margin-top: 4% !important;}





.details_img{

	height: 25rem !important;

}

.details_img img{

	width: 100% !important;

	height: auto !important;

}



.details_next{

	color: #fff !important;

}



.details_container .details_pagination {

position: absolute;

left: 0;

text-align: center;

bottom: 5px;

width: 100%;

z-index:999;

}

.details_container.swiper-pagination-bullet {

display: inline-block;

width: 120px;

height: 6px;

opacity:1;

/*border-radius: 10px;*/

background: white;

margin: 0 3px;

cursor: pointer;

transition: width 0.3s ease-in-out;



}

.details_container .swiper-pagination-bullet-active{

	background: #fff;

	width:12px;

}





.other_details2{margin-top: 2%;padding: 0% 2%;}

.other_details2 .titleh3{height:40px;line-height:40px;border-bottom:1px solid #b7b7b7;font-size: 2rem;margin-bottom:25px;}

.other_details2 .titleh3 .h3{ background:#fff; display:inline-block; padding-right:20px; margin-top:1px; font-weight:normal;}

.other_details2 .titleh3 .h3 span{ font-weight:bold; margin-right:5px;}





.other_cont{

	margin-top: 2%;

	width: 100%;

	overflow: hidden;

	margin-bottom: 2%;

	padding: 2%;

}



/*联系我们*/

.contactbox-section1 .cont .jut .item {

  padding: 0% 2%;

  float: left;

  width: 50%;

  margin-bottom: 4%;

  }

  .contactbox-section1 .cont {

    border-bottom: 1px solid #ddd;

    padding-bottom: 0%;

}

.contactbox-section1 .cont .tit {

    margin-bottom: 4%;

    font-weight: bold;

}

.contactbox-section1 .cont .jut {

    margin: 0px;

    display: flex;

    flex-wrap: wrap;

    padding: 0px 2%;

}

.contactbox-section1 .cont .jut .item .f_tit {

    font-size: 2rem;

    line-height: 1;

    padding-bottom: 8%;

    border-bottom: 1px solid #dddddd;

}



.contactbox-section1 .cont .jut .item .tel {

    font-size: 1.8rem;

    line-height: 36px;

    font-family: "arial";

    margin-top: 8%;

}



.contactbox-section1 .cont .jut .item .text {

    font-size: 16px;

    color: #666;

    line-height: 30px;

    margin-top: 8%;

    word-wrap: break-word;

}

/**/

.contactbox-section2 {

    position: relative;

    overflow: hidden;

}



.contactbox-section2 .tit {

    width: 100%;

    text-align: center;

    margin-bottom: 35px;

}

.basefont40 {

    font-size: 2rem;

}



.contactbox-section2 .tit span {

    font-size: 16px;

    color: #666;

    line-height: 26px;

    display: block;

    margin-top: 20px;

}



.contactbox-section2 .cont {

    background-color: #f7f7f7;

    padding: 2%;

    margin-bottom: 60px;

}

.contactbox-section2 .cont form {

    display: flex;

    flex-wrap: wrap;

    width: 100%;

}

.contactbox-section2 .cont form .item {

    width: 100%;

    padding-right: 20px;

    margin-bottom: 30px;

    overflow: hidden;

}



.contactbox-section2 .cont form .item .f_tit {

    font-size: 16px;

    line-height: 30px;

    margin-bottom: 2%;

    float: left;

    width: 30%;

}

.contactbox-section2 .cont form .item .f_tit span {

    color: #e60012;

}

.contactbox-section2 .cont form .item input, .contactbox-section4 .cont form .item textarea {

    width: 70%;

    padding: 0px;

    font-size: 16px;

    color: #999;

    border: none;

    background-color: #FFF;

    float: left;

    border-bottom: 1px solid #ccc;

    line-height: 30px;

}

.contactbox-section2 .cont form .texta textarea {

    min-height: 8rem;

    width: 70%;

    border: none;

    border-bottom: 1px solid #ccc;

}

.contactbox-section2 .cont form .texta {

    width: 100%;

    

}

.contactbox-section2 .cont form .test .an {

    display: block;

    align-items: center;

}

.contactbox-section2 .cont form .but {

    width: 100%;

    display: flex;

    margin-top: 2%;

    text-align: center;

    justify-content: center;

    width: 100%;

}

.contactbox-section2 .cont form .but .joinbox-but {

    text-align: center;

    background-color: transparent;

    border: none;

    width: 30%;

    text-align: center;

    display: block;

    border: 1px solid #ccc;

    line-height: 36px;

    margin: 0px 2%;

}

.joinbox-but {

    color: #333;

    line-height: 1;

    display: flex;

    align-items: center;

}



#allmap1 {height: 450px;width: 1600px;margin: 20px auto;}

.mapp{

	margin-bottom: 6%;

}





.nll01 {

	background: #f5f5f5;

	padding: 2%;

	margin-bottom: 4%;

}

.nll01 ul {

	margin-top: 10px;

}

.nll01 li {

	line-height: 22px;

	border-bottom: 1px dashed #ddd;

	padding-bottom: 10px;

	margin-bottom: 10px;

	display: block;

	white-space: nowrap;

	overflow: hidden;

	text-overflow: ellipsis;

	width: 100%;

}

.nll01 li:hover a{

	color: #263B6E;

}

.nll01 .bottom {

	background: #4c413c;

	color: #fff;

	padding: 7px 25px;

	margin-top: 20px;

	display: block;

	text-align: center;

}

.nll02 {

	border-bottom: 1px dashed #ddd;

	display: inline-block;

	padding-bottom: 20px;

}

.nll02 .cp02 {

}

.nll02 .cp02 a {

	float: left;

	background: #263B6E;

	color: #fff;

	padding: 7px 20px;

	margin: 8px 10px 8px 0;

}

.nll02 .cp02 a:hover {

	background: #263B6E;

	color: #fff;

}

.ncontent {

	font-size: 16px;

	line-height: 33px;

}

/*上下篇*/



._detailPage_bottom {

	border-top: 1px solid #eee;

	margin-top: 2%;

}

._detailPage_bottom li {

	line-height: 30px;

	overflow: hidden;

	height: 30px;

	padding: 0 10px;

	border-bottom: 1px solid #eee;

}

._detailPage_bottom ._mark {

	font-weight: bold;

	float: left;

	margin-right: 10px;

}

._detailPage_bottom ._title {

	font-size: 14px;

	float: left;

	width: 68%;

}

._detailPage_bottom ._title:hover {

	color: #4c413c;

}

._detailPage_bottom ._time {

	float: right;

	color: #bbb;

}

.bdsharebuttonbox .bds_more {

	float: none;

	padding-left: 2px;

	background: none;

	text-indent: 0;

}



.n01 {

    width: 100%;

}

.news_box1{

	margin-top: -46px;

}

.n02 {

    width: 100%;

}

.news_box1{

	margin-top: 4%;

	padding: 0% 2%;

}

.n01 h2{

	margin-bottom: 2%;

	font-size: 2rem;

}



.ncontent{

	margin-top: 2%;

}



.other-service1{

    padding: 4% 0;

}

.other-service1 ul li:nth-child(odd) .text2{

    float: left;

}

.other-service1 ul li:nth-child(odd) .picture{

    float: right;

}

.other-service1 ul li:nth-child(even) .text2{

    float: right;

}

.other-service1 ul li:nth-child(even) .picture{

    float: left;

}

.other-service1 ul li>div{

    width: 100%;

}

.other-service1 ul li .text2{

    padding: 60px 165px 60px 150px;

    box-sizing: border-box;

}

.other-service1 ul li .text2 p:nth-child(1){

    font-size: 2rem;

    color: #000;

    font-weight: bold;

    margin-bottom: 0%;

}

.other-service1 ul li .text2 p:nth-child(2){

    font-size: 2rem;

    font-weight: bold;

    color: #9c9c9c;

    text-transform: uppercase;

}

.other-service1 ul li .text2 p:nth-child(3){

    height: 0px;

    width: 0px;

    margin: 0px;

    /*  background: url(../img/icon.png) no-repeat -222px -69px;*/

}

.other-service1 ul li .text2 p:nth-child(4){

    display: -webkit-box;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    font-size: 18px;

    color: #9c9c9c;

    line-height: 35px;

    margin-bottom: 6%;

    overflow: hidden;

}

.other-service1 ul li .text2 p:nth-child(5){

    height: 60px;

    line-height: 60px;

    width: 130px;

    border-bottom: 1px solid #dddddd;

}

.other-service1 ul li .text2 p:nth-child(5) a{

    position: relative;

}

.other-service1 ul li .text2 p:nth-child(5) a::after{

    display: block;

    content: '';

    height: 1px;

    width: 30px;

    background-color: #bc1100;

    transition: all 0.3s;

}

.other-service1 ul li .text2 p:nth-child(5) a:hover::after{

    width: 100%;

}

.other-service1 ul li .text2 p:nth-child(5) i{

    position: absolute;

    top: 24px;

    right: 0;

    display: inline-block;

    content: '';

    height: 11px;

    width: 13px;

    background: url("../img/icon.png") no-repeat 0 -33px;

}

.other-service1 ul li .picture{

    height: 600px;

    overflow: hidden;

}

.other-service1 ul li .picture a{

    height: 100%;

    width: 100%;

    display: block;

}

.other-service1 ul li .picture img{

    height: 100%;

    width: 100%;

    transition: all 0.3s;

}

.other-service1 ul li .picture:hover img{

    transform: scale(1.2);

}



@media screen and (max-width: 1500px) {

    .wrap{

        width: 100%;

    }

  

    .picture-desc{

        height: 460px;

    }

    .picture-desc .description>p:nth-child(2) {

        height: 80px;

        -webkit-line-clamp: 2;

    }

    .other-case ul li>a{

        height: 276px;

    }

    .other-service1 ul li .text2{

        padding: 0% 4% 0% 4%;

    }

    .other-service1 ul li .picture{

        height: auto;

        margin-bottom: 7%;

    }

    .top-nav ul li{

        padding: 0 80px;

    }

}



.nav_pc{

    display: none;

}



.nav_wap{

    display: block;

}







.diy_pc{

    display: none;

}



.diy_wap{

    display: block;

}





.sp_header{height: auto;overflow:hidden;background: #837d78;position:fixed;z-index:10;width:100%;}



.sp_logo{padding:10px;float:left;height: auto;width: 70%;}

.sp_logo img{margin:auto;width: 70%;height: auto;}



.sp_nav{width:50px;float:right;position:relative;cursor:pointer;height:30px;margin-top: 5%;}



.sp_nav span{display:block;background: #fff;width:30px;height:2px;position:absolute;left:10px;transition:all ease 0.35s;}

.sp_nav span:nth-of-type(1){top:0px}

.sp_nav span:nth-of-type(2){top:10px}

.sp_nav span:nth-of-type(3){top:20px}



.sp_nav_se span:nth-of-type(1){top:10px;transform:rotate(45deg)}

.sp_nav_se span:nth-of-type(2){width:0}

.sp_nav_se span:nth-of-type(3){top:10px;transform:rotate(-45deg)}



.sjj_nav{position:fixed;z-index: 999;background: #99948f;width:100%;height: calc(100% - 60px);font-size:14px;line-height:40px;top:-100%;left:0;overflow:auto;overflow-x:hidden;transition:top ease 0.35s;}

.nav_show{top: 59px;}



.sjj_nav>ul>li:first-child{overflow:hidden;border-top:0;}

.sjj_nav>ul>li:first-child>a{/* float:left; *//* width:calc(100% - 70px); */}

.sjj_nav>ul>li:first-child .language{float:right;width:70px;overflow:hidden;line-height:30px;margin-top:5px}

.sjj_nav>ul>li:first-child .language a{width:35px;float:left;border-left:1px #ddd solid;text-align:center;color:#999;}

.sjj_nav ul li i{position:absolute;top:5px;right:0px;border-left:1px #ddd solid;height:30px;padding:0px 7px 0 7px;}

.sjj_nav ul li i svg{transform:rotate(-90deg);transition:all ease 0.35s}

.sjj_nav ul li .sjj_nav_i_se svg{transform:rotate(0deg)}

.sjj_nav ul li{border-top:1px #ddd solid;margin-left: 0px;position:relative;line-height:40px;font-size: 16px;text-align: center;}

.sjj_nav>ul >li:last-child{border-bottom:1px #ddd solid;}

.sjj_nav ul li ul{display:none}

.sjj_nav ul li a{color: #fff;width:80%;}

.sjj_nav ul li ul li a{color:#999;display:block;text-align:left;}

.sjj_nav ul li i svg{width:20px;height:20px;fill:#555;}

.sjj_nav ul li .sjj_nav_i_se svg{fill:#c9141e}

.sjj_nav ul li ul li>ul{margin-left:10px}



.details_img_wap {

    height: 18rem !important;

}



.licheng_wrap{

    padding: 0% 2%;

}



.clearfix-time{display:block;}

.licheng_wrap  ul{background: url(../img/sy51.png) repeat-y center;}

.clearfix-time{display:block;zoom:1;}



.licheng_wrap li:before{background: url(../img/sy50.png) no-repeat center center;left: -29px;top: 12px;content: "";display: block;position: absolute;width: 17px;height: 17px;}

.licheng_wrap li h4:hover{

	color: #F8F8F8;

	transition: all 1s;

	transform: translateY(-15px);

}



.licheng_wrap li h4 {

  position: relative;

  display: block;

  text-decoration: none;

  font-family: "Lato";

  color: #ecf0f1;

  text-transform: uppercase;

  padding: 4px 0;

  transition: 0.5s;

  font-size: 2.4rem;

}

.licheng_wrap li h4::after {

  position: absolute;

  content: "";

  width: 100%;

  height: 1px;

  top: 100%;

  left: 0;

  background: #3498db;

  transition: transform 0.5s;

  transform: scaleX(0);

  transform-origin: right;

}

.licheng_wrap li h4:hover {

  color: #95a5a6;

}

.licheng_wrap li h4:hover::after {

  transform: scaleX(1);

  transform-origin: left;

}











.f30{font-size:30px;}

.f14{font-size:14px;}

.f15{margin-top: 2%!important;}

.f15 img{width:100%;height:auto;}



.licheng_wrap li:nth-child(2n):before{background: url(../img/sy50.png) no-repeat center center;right: -30px;top: 12px;left: auto;content: "";display: block;position: absolute;width: 17px;height: 17px;}

.licheng_wrap li h4{color: #333;transition: all 1s;}

.licheng_wrap li p{color: #666;margin-top: 0%;/* height: 60px; */overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;line-height: 40px;}



.clearfix-time:after{content:'\20';display:block;clear:both;visibility:hidden;line-height:0;height:0;}

.licheng_wrap li:nth-child(1){margin-top: 0;}



.licheng_wrap li{float: right;width: 45%;text-align: left;position: relative;margin-top: 20rem;}

.licheng_wrap li:nth-child(2n) {float: left;text-align: right;margin-top: 19rem;}





.home_pro_wrap{



margin: 0px auto;



margin-top: 4%;



padding: 0% 0%;

}



.home_pro_wrap ul {



overflow: hidden;

}



.home_pro_wrap ul li {



float: left;



width: 48%;



margin: 0% 1%;



margin-bottom: 6%;

}



.home_pro_wrap ul li a {



display: block;

}



.home_pro_wrap ul li a img{



width: 100%;



height: auto;

}



.home_pro_wrap ul li a h3{



text-align: center;



line-height: 36px;



font-size: 2rem;

}



.home_pro_wrap ul li a p{



font-size: 1.4rem;

}



.case_box{

    margin-top:6%;

}



.news_diy_box{

    margin-top: 4% !important;

}



#captcha{



}



#verify_img{    

    width: 70%;

}



.news_img img{

    width:100%;

    height:auto;

}



.about_container {}

.swiper-about img{

    width:100%;

    height:auto;

}