@charset "UTF-8";



/*banner*/

#banner{

    width: 100%;

    overflow: hidden;

    position: relative;

	top:0;

}

.swiper-container{

    width: 100%;

    overflow: hidden;

    z-index: 1;

}

.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -moz-box;

    display: -ms-flexbox;

    display: -webkit-flex;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    -moz-transition-property: -moz-transform;

    -o-transition-property: -o-transform;

    -ms-transition-property: -ms-transform;

    transition-property: transform;

    -webkit-box-sizing: content-box;

    -moz-box-sizing: content-box;

    box-sizing: content-box;

}

.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0,0,0);

    -moz-transform: translate3d(0,0,0);

    -o-transform: translate(0,0);

    -ms-transform: translate3d(0,0,0);

    transform: translate3d(0,0,0);

}

.swiper-slide {

    -webkit-flex-shrink: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

}

.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -moz-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity;

}

.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto;

}

.banner .swiper-slide img {

    animation-duration: 5s;

    animation-timing-function: linear;

    animation-fill-mode: forwards;

    -webkit-animation-duration: 5s;

    -webkit-animation-timing-function: linear;

    -webkit-animation-fill-mode: forwards;

}

.banjt{

    position: absolute;

    top: 50%;

    width: 40px;

    height: 60px;

    z-index: 5;

    left: 50px;

    cursor: pointer;

    color:#fff;

    font-size: 20px;

    font-family: "宋体";

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

    text-align: center;

    line-height: 60px;

    border-radius: 5px;

}

.swiper-button-prev{

    right: 50px;

    left: auto;

}



/*search*/

#search{

    border-bottom: 1px solid #f2f2f2;

    padding: 12px 0;

}

.search_left{

    width: 60%;

    float: left;

}

.search_left h3{

    color: #404040;

    font-size: 18px;

    line-height: 40px;

}

.search_left h3 a{

    color: #8a8a87;

    font-size: 15px;

    line-height: 40px;

    padding: 0 8px;

}

.search_right{

    width: 270px;

    float: right;

}

.search_right input{

    width:227px;

    background: #e0e0e0;

    font-size: 16px;

    line-height: 35px;

    padding-left: 10px;

    color: #444;

}

.search_right button{

    background: #404040 url(../images/search_btn.png) no-repeat center center;

    width: 43px;

    height: 35px;

    float: right;

}



/*profl*/

#profl{

    padding: 40px 0;

}



#profl ul{

    margin: 0 -20px;

}

#profl ul li{

    width: 25%;

    -ms-flex: 0 0 25%;

    flex: 0 0 25%;

    max-width: 25%;

    text-align: center;

}

#profl ul li .pro_fl{

    margin: 0 20px;

}

#profl ul li h4{

    font-size: 20px;

    padding-top: 10px;

}

#profl ul li h4 a{

    font-size: 20px;

    color: #333333;

    line-height: 30px;

}



/*product*/

#product{

    background: #f5f5f5;

    padding: 40px 0;

}

#product .ho_til h4{

    color: #f0f0f0;

}

#product ul{

    margin:-25px;

    padding-bottom: 30px;

}

#product ul li{

    width: 33.33%;

    -ms-flex: 0 0 33.33%;

    flex: 0 0 33.33%;

    max-width: 33.33%;

}

#product ul li a{

    display: block;

    position: relative;

    margin: 25px;

    background: #fff;

    -moz-box-shadow: 0 2px 10px #c7c7c7;

    -webkit-box-shadow: 0 2px 10px #c7c7c7;

    box-shadow: 0 2px 10px #c7c7c7;

}

#product ul li img{

    width: 100%;

}

#product ul li h3{

    width: 100%;

    height: 40px;

    background: #fff;

    text-align: center;

    font-size: 20px;

    color: #272727;

    line-height: 30px;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap

}



/*advan*/

#advan {

    padding: 50px 0;

}

#advan .ho_til2{

    text-align: center;

}

#advan .ho_til2 h4{

    position: relative;

    display: inline-block;

    font-size: 40px;

    color: #404040;

    font-weight: 400;

    padding-top: 30px;

    font-weight: 700;

}

#advan .ho_til2 h4::before,#advan .ho_til2 h4::after{

	content: "";

	position: absolute;

	left: -100px;

	top: 45px;

	width: 80px;

	height: 3px;

	background: #404040;

}

#advan .ho_til2 h4::after{

	left: auto;

	right: -100px;

}

#advan .ho_til2 span{

    position: absolute;

    color: #eaeaea;

    font-size: 60px;

    left: 50%;

    margin-left: -185px;

    line-height: 70px;

    z-index: -1;

    top: 0;

}

#advan .ho_til2 em{

    color: #000000;

    font-size: 40px;

    font-weight: 400;

}

#advan .ho_til2 p{

    color: #8a8a87;

    font-size: 18px;

    line-height: 24px;

    padding: 10px 0;

}

.advan_main{

    padding: 20px 0;

}

.advan1{

    background: url(../images/advan_bg_09.jpg) no-repeat center center;

    min-height: 528px;

}

.advan_right{

    padding-left: 550px;

    padding-right: 40px;

}

.advan1 .advan_right{

    padding-top: 80px;

}

.advan1 .advan_maina{

    padding: 30px 0;

}

.advan_maina h3{

    color: #000000;

    font-size: 26px;

    line-height: 38px;

}

.advan_maina p{

    color: #2f2f2f;

    font-size: 16px;

    line-height: 28px;

}



.advan2{

    background: url(../images/advan_bg_13.jpg) no-repeat center center;

    min-height: 439px;

    margin: 60px 0;

}

.advan2 .advan_left{

    padding-left: 50px;

    padding-right: 560px;

}

.advan2 .advan_maina{

    padding: 20px 0;

}



.advan3{

    background: url(../images/advan_bg_15.jpg) no-repeat center center;

    min-height: 297px;

}



/*guanggao*/

#guanggao{

    position: relative;

    width: 100%;

    height: 289px;

}

.guang_box{

    position: absolute;

    left: 50%;

    top: 0;

    width: 1920px;

    height: 289px;

    margin-left: -960px;

}



/*news*/

#news{

    padding: 50px 0;

}

.news_nav {

    position: relative;

    padding-top: 38px;

}

.news_nav::after{

    content: "";

    position: absolute;

    width: 800px;

    height: 40px;

    border: 2px solid #404040;

    left: 50%;

    top: 0;

    margin-left: -400px;

    z-index: -1;

}

.news_nav li a{

    color: #8a8a87;

    font-size: 20px;    

    background: #fff;

    padding: 0 50px;

}

.news_nav li a:hover{

    color: #000000;

}

.news_main {

    padding-top: 40px;

}

.news_main ul{

    margin: 0 -20px;

}

.news_main ul li{

    width: 50%;

    -ms-flex: 0 0 50%;

    flex: 0 0 50%;

    max-width: 50%;

}

.news_main ul li .news_box2{

    margin: 0 20px;

}

.news_main ul li .news_dabox{

    margin-top: 40px;

    background: #000;

    padding: 15px;

}

.news_dabox h3{

    width: 105px;

    float: left;

    color: #fff;

    font-size: 50px;

    line-height: 50px;

    text-align: center;

    position: relative;

    padding-right: 20px;

}

.news_dabox h3 span{

    color: #949494;

    font-size: 20px;

    display: block;

    line-height: 20px;

}

.news_dabox h3::after{

    content: "";

    position: absolute;

    right: 0;

    top: 0;

    width: 2px;

    height: 100%;

    background: #949494;

}

.news_dabox h4{

    width: 350px;

    float: left;

    margin-top: 20px;

    padding-left: 20px;

    position: relative;

}



.news_dabox h4 a{

    color: #fff;

    font-size: 18px;

    line-height: 30px;

    word-break: break-all;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}

.news_dabox a.news_cirel{

    float: right;

    margin-top: 15px;

}



/*parent*/

#parent{

    padding: 50px 0;

}

#parent .container{

    position: relative;

}

.parent_box{

    width: 90%;

    overflow: hidden;

    margin: 30px auto 0;

}

.parent_box .swiper-slide a img{

    width: 100%;

    max-height: 130px;

    border: 2px solid #404040;

}

.parent_box .swiper-slide a h5{

    color: #414141;

    font-size: 15px;

    text-decoration: underline;

    text-align: center;

}

.par_btn{

    position: absolute;

    width: 31px;

    height: 31px;

    bottom: 75px;

    left: 0;

    cursor: pointer;

}

.par_btn.swiper-button-next2{

    background: url(../images/parent_jtl.png) no-repeat left center;

}

.par_btn.swiper-button-prev2{

    background: url(../images/parent_jtr.png) no-repeat left center;

    left: auto;

    right: 0;

}



#maximg img{ max-width:100%; height:auto !important}