/*@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);*/

@charset "utf-8"; /* CSS Document */


.pc_header{top: 0;left: 0;width: 100%;position: fixed; z-index: 50;transition: all 0.5s ease;-webkit-transform: all 0.5s ease;/*background: rgba(180, 180, 180, 0.4);*/}
.pc_header .pc_header_content .header_content_logo {display: inline-block;max-width: 200px;}
.pc_header .header_content_logo img{width: 100%;}
.pc_header .pc_header_content .header_content_right .menu ul li {margin: 0 47px 0 0;}


.guidance {font-size: 16px; line-height: 32px;text-overflow:ellipsis;overflow: hidden;display: -webkit-box; -webkit-line-clamp: 2;-webkit-box-orient: vertical; line-height: 24px;}

/*banner*/
.details_banner {position: relative; background:url(../images/banner-1.jpg) no-repeat center/cover;overflow: hidden;}
.details_banner img{width: 100%;height: 100%;object-fit:cover;}


/*正文*/
.main{width: 100%;}
.container{margin: 0 auto; max-width: 1024px;padding: 1rem .6rem 2rem;}
.index-container{max-width: 1400px;}
.b-title{font-size: 22px; padding:2rem 0 1rem 0; color: #003366; font-weight: bolder;}
.b-title p{font-size: 18px;}
.b-title .ion-icon{color: red;width: 30px;}
.col-white{color: white;}
.color-1{color: #005BC2}
.color-2{color: #999;}
.hand{cursor:pointer}


footer #mydiv{display: none;}
.footer{background: #101113;padding: 2rem 1rem; font-size: 12px;}
.footer-as,.footer_content_copyright{ position: relative;}
.as-list li{width: 100%;}
.as-list li p{line-height: 30px;}
.as-list li p img{width:20px;max-height:20px;vertical-align:middle;}
.foot-logo{width: 200px;position: absolute; right: 0; top: 0; display: none;}
.foot-logo img{width: 100%;}
.footer_content_copyright{padding-top: 20px ;text-align: center;}
.footer_content_copyright .foot-menu{display: none;}
.footer_content_copyright .footer-icp{line-height: 30px;margin-left: 74px; margin-right: 74px;}



/*更多按钮*/
.more .btn{margin: 0;font-weight: normal;font-size: 12px;}
/*.lds-left .icon img{ display:block; filter: drop-shadow(39px 0 #289c8a); -webkit-filter: drop-shadow(39px 0 #289c8a);}*/
/*.lds-left:hover .lds-left .icon img{transform: translate(-39px, 0);-webkit-transform: translate(-39px, 0);-ms-transform: translate(-39px, 0);-o-transform: translate(-39px, 0);}*/

/*改变图片颜色*/
.icon-dt{text-indent: -71px;overflow: hidden;}
.pic{filter: drop-shadow(71px 0px white);z-index: -1;}



/*首页*/
.main .container{max-width: 1640px;margin: 0 auto; padding:0  .6rem;display: flex;}
.flex-left{width: 20%;height: 100%;position: relative;padding:2rem;}
.flex-right{width: 80%;}
.flex-end{align-self:flex-end;}
.back-white-color{background: rgba(255, 255, 255, 0.8);}
.float-left{float: left;padding:2rem;}
.float-center{position:absolute;float: left;top: 40%;left:0;padding:2rem;}
.float-bottom{position:absolute; float: left;bottom: 0;left:0;padding:2rem;}
.line-height-30 {font-size: 16px; line-height: 30px;}
.relative{position: relative;}

.display-flex{display: flex;flex-direction: row; flex-wrap: wrap;padding: 0;margin: 0;}
.flex-left-2{ width: 50%; background: white;position: absolute;right: 0;}
.float-bottom-more{position: absolute;right:0;bottom:0;padding: 2rem 2.4rem; background: white; border: 1px solid #c0c0c0;border-right:0;border-bottom: 0;}


/*首页 banner*/
.index-banner{position: relative;overflow:hidden;height: 990px;top:0;left: 0;}
.index-content{position: absolute;bottom: 0; left:0;right: 0; padding-bottom: 0;}
.index-content p{padding: 4rem  9rem 4rem 4rem;}
.index-content a{color: #4461eb;border-bottom: 1px solid;position: absolute; right: 6%;top: 40%;font-size: 16px;}
.lds-left{height:309px; background: rgba(0, 91, 194, 0.8);}
.index-banner .flex-right{height:309px;}
.colorful{
    filter: brightness(100);
    /*filter: invert(52%) sepia(82%) saturate(2494%) hue-rotate(327deg) brightness(104%) contrast(92%);*/
}




/*首页 产品*/
.index-pro{width: 100%;display: flex; border-top: 1px solid #c0c0c0;}
.index-pro .flex-left{background: #eeeeee;}
.index-pro .flex-right{border-left: 1px solid #c0c0c0;}
.single-blog-area {position: relative;overflow: hidden;border-right:1px solid #c0c0c0;border-left:0;border-top:0; border-bottom:2px solid #dedede;}
.blog-img{padding: 1px;}
.single-blog-area .img-box{padding-bottom: 85px;}
.single-blog-area .img-box img {object-fit: cover;width: 100%;max-width: 100%;height: 100%;}
.blog-title-date-wraper {position: absolute;left: 30px;bottom: 0;right: 93px;transition: all .3s;margin-bottom: -91px;}
.blog-title-date-wraper h3 {font-size: 1.4rem;line-height: 30px;font-weight: 500;text-transform: capitalize;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.blog-author-date {padding-top: 15px;margin: 15px 0 30px 0;border-top: 1px solid #ffffff;opacity: 0;visibility: hidden;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}



/*首页 视频*/
/*.play-video{margin: 8rem auto;}*/
.play-video .container{position: relative;}
.play-video .flex-right{padding: 0 10px;}
.play-video .flex-right li{padding: 20px 10px; width: 50%;}
.play-video .container video{width: 100%;height: 100%;}
.play-video .container .float-left{display: none;}
.play-video .container .btn-case-more{position: absolute; opacity: 90%;  bottom: 0;right: .6rem;padding: 0 6rem 0 1rem;}

.play-video .index-pro{ border-top: none;}
.play-video .flex-left{ color: white;}
.play-video .index-pro .flex-left,.play-video .index-pro .flex-right { background: #0d1f33;}
.play-video .index-pro .flex-right { border-left: 1px solid #282f36;}



.btn-case-more .b-title{padding: 1.5rem 0 0;}
.btn-case-more .float-bottom-more{background: #101113; border: none;color: white;opacity:1;}
.btn-case-more .col-white h3{font-size: 1.5rem;}
.btn-case-more .col-white h4{font-size: 1rem;}
.btn-case-more .minus.icon{display: none;}

/*首页 新闻*/
.news .container{display: block;}
.news .container .column{color: #000;width: 100%;background: #f9f9f9;padding: 4rem 1rem;}
.news .container ul{padding-bottom: 3rem;width: 100%;background: #f9f9f9;}
.news .news-row{border: 1px solid #ededf4; padding-top: 3rem;margin: 20px auto;}
.news .news-row .item{width: 100%; padding:10px 50px;}
.news .news-row-content{margin: 50px 0; line-height: 40px; text-overflow:ellipsis;overflow: hidden; display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;}
.news .news-row .btn-more{border-top: 1px solid #ededf4;width: 100%;padding:30px 50px;font-size: 15px;}
.news .news-row .btn-more i{float: right;bottom: 50px;}
.news h3{margin-bottom:0;}




/*公司介绍*/
.company-fr,.company-fl{width: 100%;padding-bottom: 30px;}
.company-fl .b-content{margin-top: 1.75rem;margin-bottom: .75rem;}
.company-fr ul{display: flex; flex-direction: row; flex-wrap: wrap;}
.company-fr .u-clearfix{width: 30%;/*padding: .4rem;*/}
.company-fr .u-clearfix img{width: 100%;height:100%;max-height: 14.8rem;border: .1rem solid #0056B0;}

.EmailWrap{width:100%;background: #0056b0 url("../images/bg1.png") no-repeat; background-size:100% 100%; }
.EmailWrap .container ul{padding: 2.5rem 0;display: flex;flex-wrap: wrap;}
.EmailWrap .container li{margin:1rem 0;width: 50%;text-align: center;}
.EmailWrap .container .wz{padding: 0 1rem;}
.EmailWrap .container .wz p{font-weight: bolder;color: white;line-height: 1.5rem;}
.EmailWrap .container .wz span{color: #d5d3d3;}
.EmailWrap .container .wz span{font-weight: normal;}


/*荣誉资质 滚动图*/
.picMarquee-left{overflow:hidden; position:relative;}
.picMarquee-left .bd{ padding-bottom: 2rem;   overflow:hidden; }
.picMarquee-left .bd ul{ overflow:hidden; zoom:1;}
.picMarquee-left .bd ul li{ position: relative; float:left; display:inline; _display:inline; overflow:hidden;width: 276px;height: 360px; padding: .3rem;}
.picMarquee-left .bd ul li img{display: block;width: 100%;height: 100%; overflow:hidden;border: 1px solid #5e7387;}
.picMarquee-left .bd ul li span{position: absolute; bottom: 5px;background: rgba(232, 232, 232, 0.68); line-height:42px; text-align:center; width: 96%;color: red;}


/*产品列表*/
/*.product{width: 100%;}*/
.product {display:block;width:100%;}
.product .b-title{margin:0 auto;padding-left: .6rem;}
.product .p-list{margin:0 auto;width: 94%;}
.product .p-list li{margin: 1rem auto 3rem;padding:1rem; box-shadow: 0px 0px 12px rgb(0 0 0 / 50%);overflow: auto;}
.product .p-list li .content{text-align:left; padding: 1rem 0;}
.product .p-list li h3{padding-bottom: 1rem;}
.product .p-list li .tu{position: relative;padding: 8px;margin:2rem auto;width: 282px;height: 291px;overflow:hidden;}
.product .p-list li .tu img{width: 100%;height: 100%;object-fit:cover;}
.product .p-list .tu:after {position: absolute;top: -6px;right: -5px;width: 40%;height: 40%;content: "";border-right: 13px solid #005BC2;border-top: 13px solid #005BC2;}
.product .p-list .tu:before {position: absolute;bottom: -6px;left: -5px;width: 40%;height: 40%;content: "";border-left: 13px solid #005BC2;border-bottom: 13px solid #005BC2;}
.product .p-list li .btn{display: none;}



/*案例展示*/
.grid{display: flex;flex-wrap: wrap;}
.grid figure{width: 47%;margin: .8rem .3rem;cursor:pointer}
.c4-fade-down{padding: 30%}
.col-item{padding: 20px 0;}
.col-item h3{border-bottom: 1px solid #c7d3da;font-size: 18px;margin-bottom: .7rem;}

/*新闻中心*/
.news-list{padding-top: 1rem;}
.news-list .item{margin-bottom: 3rem;padding: 1rem;box-shadow: 0 0 12px rgb(0 0 0 / 50%);border-radius:15px;}
.news-list .item .show-tu{min-width: 300px;}
.news-list .item .show-tu img{width:100%;}
.news-list .item .p-l{position: relative; }
.news-list .item .p-l button{display: none;}
.news-list .item .p-l .p-title{padding: 1rem 0;}

/*在线留言*/
.message{margin: 0 auto 50px;overflow: hidden;position: relative;margin-top: -47px;box-shadow: 0px 0px 12px rgba(0,0,0,0.6);
    background: #fff;width: 96%;}
.message ol{display: block;width: 62.08%;margin: 0 auto;}
.message ol li input,.message ol li textarea{color: #9b9b9b;border: 1px solid #CCCDCC;font-size: 14px;width: 100%;}
.message .b-title{padding-left: 4.4rem;padding-bottom: 2rem;}
.message ol li{width: 100%;margin-bottom: 2%;}
.message ol li input{line-height:48px;text-indent: 1.5%;}
.message ol li textarea{padding:0.5% 1.5%;line-height: 24px;height: 238px;}
.message ol .btn-6h{width: 170px;height: 50px;margin: 40px auto 50px;}
.message .submitForm{background: #005BC2;}
.message .btn-6h{border: 2px dotted #005BC2;display: block;}


/*联系我们*/
.contact .contact_content ul{width:100%;display:flex;flex-wrap: wrap;amargin: 0 auto;overflow: hidden;}
.contact .contact_content ul li {width: 100%; background: none;padding:12px 0; display: flex;align-items: center;  }
.contact .contact_content ul li p{font-weight: bolder;padding-bottom: .4rem;}
.contact .contact_content ul li img{float: left;padding-right: 1.2rem;filter:brightness(50%);}
.contact .wechart{width: 100%;background:  #F7F7F7 url("../images/contact_bck.png")  center;background-size: 100% 100%;background-attachment:fixed;overflow: auto;}

/*按钮*/
.btn{padding: 3px 7px;margin-left: 0;color: #fff;}
.btn-6 {background: #ae0000;-webkit-transition: none;-moz-transition: none;transition: none;}
.btn-6h {border: 2px dotted #ae0000;display: block;}
.btn-6h:hover {background: transparent;color: #ae0000;}
.btn-6h:hover .arrow-right.icon{color: #ae0000;}

.btn-6-blue{background: #005BC2;}
.btn-6-blue:hover {background: transparent;background: #ae0000;}


.next-btn{display: block !important;float: right; padding: 15px 28px 15px;margin-top: 40px;}





/*详情页*/
.detail p{text-align: left; line-height: 1.7rem; padding: .6rem 0;}
.detail img{margin: 0 auto; display:block;width: 100%;}


/*移动端导航样式*/
div.x, div.y, div.z {height: 2px;width: 20px}
div.y {top: 14px;width: 16px;}
div.z {top: 28px}
div.collapse2 {top: 20px;background: white;-webkit-transition: all 70ms ease-out;-moz-transition: all 70ms ease-out;-ms-transition: all 70ms ease-out;-o-transition: all 70ms ease-out;transition: all 70ms ease-out
}
div.rotate30 {-ms-transform: rotate(30deg);-webkit-transform: rotate(30deg);transform: rotate(30deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out
}
div.rotate150 {-ms-transform: rotate(150deg);-webkit-transform: rotate(150deg);transform: rotate(150deg);-webkit-transition: all 50ms ease-out;-moz-transition: all 50ms ease-out;-ms-transition: all 50ms ease-out;-o-transition: all 50ms ease-out;transition: all 50ms ease-out
}
div.rotate45 {-ms-transform: rotate(45deg);-webkit-transform: rotate(45deg);transform: rotate(45deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out
}
div.rotate135 {-ms-transform: rotate(135deg);-webkit-transform: rotate(135deg);transform: rotate(135deg);-webkit-transition: all 100ms ease-out;-moz-transition: all 100ms ease-out;-ms-transition: all 100ms ease-out;-o-transition: all 100ms ease-out;transition: all 100ms ease-out
}


/*返回顶部*/
.FloatingWindow {position: fixed;right: 0;z-index: 550;bottom: 5%;width: 72px;}
.FloatingWindow .FloatingWindow_list {width: 100%;display: inline-block;position: relative;margin-bottom: 10px;background: rgba(5, 5, 5, 0.5);}
.FloatingWindow .FloatingWindow_list:hover {background: #005BC2;}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title {text-align: center;border: 1px solid #005BC2;padding: 10px;}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dd {color: #fff;font-size: 28px;}
.FloatingWindow .FloatingWindow_list .FloatingWindow_list_title dt {color: #fff;font-size: 12px;margin-top: 3px;}



@media screen and (max-width: 640px) {
    .company-fr ul li{margin: .4rem auto;}
}

@media screen and (min-width: 769px) {
    /*首页*/
    /*.index-about{padding-top: 45px;}*/
    .container{padding: 1rem 0;}
    .company{display: flex;}
    .company-fl,.company-fr{width: 50%;}
    .company-fl{padding-right: 2rem;}
    .company-fr{padding-left: 1rem;margin-top: 2rem;position: relative; min-height: 500px;}
    .company-fr .u-clearfix{position: absolute; top: 0;right: 0;width: 17.8rem;padding: 0;}
    .company-fr ul{display: block; }
    .company-fr ul li.u-clearfix:nth-of-type(1) {top: 0;right: 0;}
    .company-fr ul li.u-clearfix:nth-of-type(2) {top: 140px; left:4rem;}
    .company-fr ul li.u-clearfix:nth-of-type(3) {top: 297px; right: 4rem;}
    .company-fr ul li.u-clearfix img{border: .4rem solid #0056B0;}

    .EmailWrap .container li{margin: 0;text-align: left;}
    .EmailWrap .container li img{float: left;margin-right: 20px;}
    .EmailWrap .container li:nth-of-type(1),.EmailWrap .container li:nth-of-type(2),.EmailWrap .container li:nth-of-type(3){width: 22%;}
    .EmailWrap .container li:nth-of-type(4){width: 34%;}

    /*首页 产品*/
    .blog-title-date-wraper{min-height: 154px;}
    .main.product .single-blog-area:hover .blog-title-date-wraper {margin-bottom: 0;color: white;}
    .main.product .single-blog-area:hover .blog-author-date {opacity: 1;visibility: visible;color: white;}
    .main.product .single-blog-area:hover:before {content: '';left: 0;top: 0;right: 0px;bottom: 0;position: absolute;transition: all .3s;
        /*background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(94, 44, 237, 1) 100%);*/
        /*background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(94, 44, 237, 1) 100%);*/
        /*background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(94, 44, 237, 1) 100%);*/

        background: -moz-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgb(0, 91, 194, 1) 100%);
        background: -webkit-linear-gradient(top, rgba(125, 185, 232, 0) 0%, rgba(0, 91, 194, 1) 100%);
        background: linear-gradient(to bottom, rgba(125, 185, 232, 0) 0%, rgba(0, 91, 194, 1) 100%);

        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#007db9e8', endColorstr='#5e2ced', GradientType=0);
    }
    .single-blog-area:hover .float-bottom-more{color: #005bc2;border: none;}



    /*首页 视频*/
    .play-video .container .float-left{display: block !important; position: absolute;bottom: 0;background: #666666; opacity: 80%; max-width: 30%;}
    .play-video .container .btn-case-more{opacity: 80%; padding: 0 9rem 4rem 4rem;}
    .btn-case-more .b-title{padding: 2rem 0 1rem 0;}
    .btn-case-more .col-white{line-height: 50px;}
    .btn-case-more .col-white h4{padding-top: 2rem;}
    .btn-case-more .minus.icon{display: block; color: white;width: 35px; height: 3px;}

    /*首页 新闻动态*/
    .news .container ul{display: flex; flex-wrap: wrap; flex-direction: row;text-align: left;}
    .news .news-row{width: 33.33%;margin:unset;}
    .news .news-row:hover .btn-more{color: #005bc2;}


    /*产品列表*/
    .product .b-title{padding-left: 0;max-width: 1024px;}
    .product .p-list{width: 100%;box-shadow:none;}
    .product .p-list li{box-shadow:none; margin: 0;}
    .product .p-list .row-box {margin: 0 auto; max-width: 1024px; height:324px;position: relative;padding: 1rem 0;cursor:pointer}
    .product .p-list .row-box .tu{float: left;margin: 0 8rem 0 0;}
    .product .p-list .row-box .content {padding:0;height:100%; display: flex;align-items: center; }
    .product .p-list .row-box .content h3{font-size: 19px;}
    .product .p-list .reverse {background: rgba(246, 246, 246, 0.78);}
    .product .p-list .reverse .row-box {flex-direction:row-reverse;}
    .product .p-list .reverse .row-box .tu{float: right;margin: 0 0 0 8rem;}
    .product .p-list .row-box:hover  h3{color: red;}
    .product .p-list .row-box:hover  .btn{background: red;}
    .product .p-list .row-box:hover  .tu:after{border-right: 13px solid red;border-top: 13px solid red;}
    .product .p-list .row-box:hover  .tu:before{border-left: 13px solid red;border-bottom: 13px solid red;}



    /*案例展示*/
    .grid figure{width:32%; }
    .c4-izmir {--primary-color: rgba(23, 96, 145, 0.74);--secondary-color: rgba(23, 96, 145, 0.74);}

    /*新闻中心*/
    .news-list .item{display: flex;box-shadow: none;border-radius:0; border-bottom: 1px solid #999;padding-bottom: 2rem;}
    .news-list .item:hover{box-shadow: 0 0 12px rgb(0 0 0 / 50%);border-radius:15px;}
    .news-list .item .p-l{padding-left: 3rem;}


    /*联系我们*/
    .contact .container{padding: 0;}
    .contact .contact_content ul{display: flex;}
    .contact .contact_content ul li {display:block;width: 25%;text-align: center;border-right: 1px solid #dcdcdc;padding: 4rem 0;}
    .contact .contact_content ul li:nth-of-type(1){border-left:  1px solid #DCDCDC;}
    .contact .contact_content ul li img{padding-right:0;float:none;}
    .contact .contact_content ul li .wz{width: 100%; text-align: center;padding-top: 1rem;}


    /**/
    footer{padding: 0;font-size: unset;}
    footer #mydiv{display: block !important;position:absolute;z-index:5;opacity:.2;}
    .footer{padding: 1rem 8rem 2rem;position: relative;}
    .footer-as .footer_content{padding-right: 150px;padding-bottom: 20px;z-index:15;}
    .as-list{display: flex; flex-wrap: wrap; padding-top: 20px;}
    .as-list li{width: 30%; padding-right: 1rem}
    .as-list li:nth-of-type(1){width: 40%;}
    .foot-logo{display: block !important;}
    .footer_content_copyright{display: flex;border-top: 1px solid #313131;flex-grow:2;justify-content:space-between;z-index:15;}
    .footer_content_copyright p{white-space:normal;text-align: justify}
    .footer_content_copyright .footer-icp{margin-left: 30px;}
    .footer_content_copyright li{margin: 3px 10px;}

}

@media screen and (min-width: 1270px) {
    .footer_content_copyright .foot-menu{display: block !important; align-items:flex-end;}
}





/*Icon图标*/
/*.left-double-quote-solid.icon,.right-double-quote-solid.icon{color: red;}*/
/*.minus.icon-blue{width: 42px; height: 3px;}*/



/*//初始，默认*/
.animated{
    animate-duration: 1ms !important;    /*///动画持续时间*/
    transition-duration: 1ms !important;
     animate-delay: 1ms !important;    /*//动画延迟时间*/
    animate-iteration-count: 1 !important;    /*///动画执行次数*/
    animation-name: fadeInUp;
}