@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;

    background: #d0d0d0;

}

.search_left{

    width: 26%;

    float: left;

}

.search_left h3{text-shadow: 5px 2px 6px #b5b5b5;

    -webkit-text-stroke: 0.2px #159155;

    font-weight: 700;

    color: #0f59d6;

    font-size: 22px;

    line-height: 40px;

}

.search_left h3 a{

    color: #8a8a87;

    font-size: 15px;

    line-height: 40px;

    padding: 0 8px;

}

.search_right{

    width: 855px;

    float: right;

}

.search_right input{

    width:200px;

    background: #e0e0e0;

    font-size: 16px;

    line-height: 35px;

    padding-left: 10px;

    color: #444;

}

.search_right button{

    background: #0f59d6 url(../bgimg/search_btn.png) no-repeat center center;

    width: 43px;

    height: 35px;

    float: right;

}



/*profl*/

#profl{

    padding: 40px 0;

}

.type_con{width: 1200px;margin: 0 auto;}

.type_con ul{margin-top: 20px;}

.type_con ul li{ list-style:none; width: 280px;float: left;margin-right: 7px;margin-top: 7px;position: relative; transition: all 0.3s;}

.type_con ul li img{height: 100%;

    width: 100%;

   object-fit: contain;

    /* max-height: 78%; */

    /* border-radius: 20px; */

    /* max-width: 100%; */

    transition: all 0.3s;}

.type_con ul li:nth-child(4n+4) {margin-right: 0;}

.type_con ul li span{position: absolute;top: 125px;left: 0px;width: 100%;height: 45px;background:rgba(193, 193, 193, 0.5);line-height: 45px;text-align: center;font-size: 16px;color: #ff001e;transition: all 0.3s;font-weight: 800;}

.type_con ul li:hover img{border-radius:50px;}

.type_con ul li:hover span{background: rgba(255, 255, 255, 0.5);color: #000;}

#profl ul{

    margin: 0 -20px;

}

#profl ul li{

   justify-content: center;

    display: flex;

    overflow: hidden;

    height: 300px;

    width: 32%;

    -ms-flex: 0 0 24%;

    flex: 0 0 24%;

    max-width: 32%;

    text-align: center;

    align-items: center;

}

#profl ul li a{height: 300px;

    display: flex

;width:100%;

    align-items: 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: 310px;

    -ms-flex: 0 0 310px%;

    flex: 0 0 310px;

    max-width: 310px;

}

#product ul li a{

    display: block;

    position: relative;

    margin: 15px;

    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 a .tudiv{

    width: 100%;

    height: 260px;

    padding: 0;

    vertical-align: top;

    clear: both;

    overflow: hidden;

    display: flex;

    align-items: center;

    justify-content: center;

}



#product ul li img{

    max-width: 100%;

    max-height: 100%;

}

#product ul li h3{

    width: 100%;

    height: 40px;

    background: #fff;

    text-align: center;

    font-size: 24px;

    color: #272727;

    line-height: 30px;

}



/*advan*/

#advan {

    padding: 50px 0;

}

#advan .ho_til2{

    text-align: center;

}

#advan .ho_til2 h4{text-transform: uppercase;

    position: relative;

    display: inline-block;

    font-size: 40px;

    color: #0f59d6;

    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: #0f59d6;

}

#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(../bgimg/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(../bgimg/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(../bgimg/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;

}

/*关于我们*/

.about{width: 1313px;height: 502px;background-color: #fff;margin:0 auto;padding:52px 57px 0;margin-top: -60px;}

.about .img{float: left; width: 572px;height: 413px;overflow: hidden;}

.about .img img{width: 100%;}

.about dd{float:right; width: 603px;padding-right: 12px; padding-top: 24px;}

.about dd h2{font-size:32px; color: #333; font-weight: 600;}

.about dd h3{font-size:14px;color: #333;margin-top: 10px;font-weight: 600;}

.about dd h4{font-size: 16px; line-height: 29px; color: #333; margin-top: 15px;}

.about dd a{display:block;width: 108px;height: 34px;background-color: #0c56db;border-radius:10px;line-height: 34px;text-align: center;font-size: 14px;color: #fff;margin-top: 9px;}



/*应用*/

.box2{  width: 100%; margin: 0 auto; padding-bottom: 37px;}

.jjfa_con{ margin-top: 25px;}

.jjfa_con ul{position: relative;height: 557px;}

.jjfa_con ul li{position: absolute; overflow: hidden}

.jjfa_con img {min-width: 100%;min-height: 100%;transition: all 0.4s;}

.jjfa_con li:hover img{    transform: scale(1.1);}

.jjfa_con ul li .j_con{position: absolute;width: 100%;top:35%;left:0px;background: url(../bgimg/jjfa_zz.png) no-repeat center;

    height: 80px;line-height: 80px; text-align: center; font-size: 18px; color: #ffffff; font-weight: normal;}

.jjfa_con ul li:nth-child(1){width: 390px;height: 229px;top:0px;left:0px;}

.jjfa_con ul li:nth-child(1) img{width: 390px;height: 229px;}

.jjfa_con ul li:nth-child(2){width: 470px;height: 229px;top:0px;left:405px;}

.jjfa_con ul li:nth-child(2) img{width: 470px;height: 229px;}



.jjfa_con ul li:nth-child(3){width: 310px;height: 323px;top:0px;right:0px;}

.jjfa_con ul li:nth-child(3) img{width: 310px;height: 323px;}



.jjfa_con ul li:nth-child(4){width: 480px;height: 310px;top:247px;left:0px;}

.jjfa_con ul li:nth-child(4) img{width: 480px;height: 310px;}



.jjfa_con ul li:nth-child(5){width: 380px;height: 310px;top:247px;left:495px;}

.jjfa_con ul li:nth-child(5) img{width: 380px;height: 310px;}



.jjfa_con ul li:nth-child(6){width: 311px;height: 215px;top:341px;right:0px;}

.jjfa_con ul li:nth-child(6) img{width: 311px;height: 215px;}



.box4{ width: 100%;margin: 0 auto; background: url(../bgimg/gg_bj.png) no-repeat top center; height: 240px;}

.ads_gg{ color: #ffffff; text-align: center; margin-top: 80px;}







/*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 #0f59d6;

    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: #747474;

    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: #b3b3b3;

    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%; 

    border: 2px solid #0f59d6;

}

.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(../bgimg/parent_jtl.png) no-repeat left center;

}

.par_btn.swiper-button-prev2{

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

    left: auto;

    right: 0;

}



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