@charset "utf-8";
.solution-container{width:100%;overflow:hidden;padding-top:2rem;}
.solution-container li{width:calc(100%/3);overflow:hidden;float:left;line-height: 1.75;}
.solution-container li a{display:block;margin:0.875rem; overflow: hidden;background:#fff;transition: .6s;border-radius: 5px 5px 0 0;border:1px #eee solid;}
.solution-container li a:hover{box-shadow: 0 0 5px rgba(0,0,0,0.2);}
.solution-container li a:hover img{transform: scale(1.1);}
.solu-item-text{width:100%;float:left;overflow:hidden}
.solu-item-img{width:100%;float:left;overflow:hidden;height:220px;}
.solu-item-img img{width:100%;vertical-align:middle;height: 100%;object-fit: cover;transition: .6s;}
.solu-item-content{padding:1.25rem 2rem 2rem;overflow:hidden}
.solution-container li h2{font-size:16px;margin:0 0 10px;display:block;color:#000;font-weight:normal;letter-spacing:1px;text-align: center;}
.sol-item-intro{width:100%;overflow:hidden;color:#333;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;opacity: 0.8;font-size:14px;}
.solution-content{width:100%;overflow:hidden;padding-top:2rem;}
.solution-content h1{font-size:30px;font-weight:normal;text-align:center;display:block}
.solution-con-details{width:100%;overflow:hidden;margin-top:50px;line-height: 30px;}
.solution-con-details>p>img{display:block;margin:0 auto}
.content-pages{width:100%;overflow:hidden;padding:30px 0;border-top:1px #ddd solid;margin-top:50px}
.content-pages span{display:block}
.content-pages span a{color:#333;transition:all 0.5s ease-in}
.content-pages span a:hover{color:#0e63c7}
.contact-container{width:100%;position:relative;overflow:hidden}
.contact-title{text-align:center;font-weight:normal;width:100%;padding:3% 0;position:relative;border-bottom:1px #ddd solid}
.contact-title h2{font-weight:normal;font-size:36px;letter-spacing:3px;color:#0e63c7;line-height:45px}
.contact-text{width:100%;overflow:hidden;padding:4% 0;margin-bottom:4%;border-bottom:1px #ddd solid}
.contact-text h1{font-weight:normal;font-size:20px}
.contact-text ul{}
.contact-text li{width:calc(100%/3);float:left;display:block;padding-left:80px;font-size:14px;color:#333;padding-top:2%;padding-bottom:2%}
.contact-text li span{display:block}
.contact-text li:first-child{background:url("../../assets/images/ico_add.jpg") no-repeat left center}
.contact-text li:nth-child(2){background:url("../../assets/images/ico_tel.jpg") no-repeat left center}
.contact-text li:nth-child(3){background:url("../../assets/images/ico_mail.jpg") no-repeat left center}
.mess-container{width:100%;overflow:hidden;padding-top:60px}
.mess-container p{padding-left:1%}
.mess-container form{width:100%;margin:2% 0;overflow:hidden}
.mess-text{width:100%;margin-bottom:1%;overflow:hidden}
.text-in{width:50%;overflow:hidden;padding:0 1%;float:left}
.text-in input{width:100%;line-height:35px;padding-left:15px;color:#777;border:1px #ddd solid;outline:none}
.mess-title,.mess-area,.mess-btn{width:100%;overflow:hidden;padding:0 1%;margin-bottom:1%}
.mess-title input{width:100%;line-height:35px;padding-left:15px;color:#777;border:1px #ddd solid;outline:none}
.mess-area textarea{width:100%;min-height:150px;line-height:35px;padding-left:15px;color:#777;border:1px #ddd solid;outline:none}
.mess-btn input{background:#188bfa;color:#fff;border:0;line-height:35px;min-width:180px;transition:all 0.5s ease-in}
.mess-btn input:hover{background:#0e63c7}
.newnav-bar{width:100%;border-bottom:1px solid #eee;padding:25px 0}
.newnav-menu .newnav-menu-left{float:left;overflow:hidden;font-size:24px;color:#1b1b1b}
.newnav-menu .newnav-menu-right{overflow:hidden;float:right}
.newnav-menu-right>li{display:inline-block;margin:0 10px;background:#188bfa;transition:all 0.5s ease-in}
.newnav-menu-right>li:hover{background:#0364c1}
.newnav-menu-right>li>a{display:block;padding:6px 16px;font-size:16px;color:#fff;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.news-list-container{width:100%;overflow:hidden;margin:6% 0}
.news-list-container li{width:100%;overflow:hidden;margin-bottom:2%}
.news-item-img{width:30%;float:left;overflow:hidden;height:270px;}
.news-item-img img{width:100%;vertical-align:middle;object-fit: cover;height:100%;}
.news-item-text{width:70%;overflow:hidden;float:left;padding:0 5%}
.news-item-text strong{font-weight:normal;color:#00b7ee;line-height:24px}
.news-item-text h2{font-size:18px;font-weight:normal;color:#1f3996;margin:1rem 0;}
.news-item-intro{color:#333;opacity:0.8;line-height:26px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:0.9375rem;}
.news-more{background:#f7f7f7;color:#999;line-height:40px;border:1px #ddd solid;margin-top:4%;font-size:14px;position:relative;padding-left:20px;display:inline-block;width:150px;transition:all 0.5s ease-in}
.news-more:after{content:"";background:url("../../assets/images/ico_01.png") no-repeat right center;width:40px;height:12px;position:absolute;top:35%;right:20px;filter:grayscale(0)brightness(0);opacity:0.28}
.news-more:hover{background:#1f3996;border:1px #1f3996 solid;color:#fff}
.news-more:hover:after{filter:grayscale(100)brightness(100);opacity:1.0}
.news-content-container{width:100%;overflow:hidden;margin:4% 0}
.news-content-container h1{font-size:26px;font-weight:normal;display:block;text-align:center;line-height:45px}
.news-content-date{width:100%;overflow:hidden;margin-bottom:4%;padding-bottom:3%;text-align:center;border-bottom:1px dashed #ddd}
.news-content-date span{display:inline-block;margin:5px;font-size:14px}
.news-content-details{width:100%;overflow:hidden;font-size:14px;line-height: 26px;}
.news-content-details h3{font-size:18px;padding:2% 0}
/*sitemap*/
.map-list{width:100%; overflow: hidden; padding:30px 0;}
.map-list li{width:100%; margin:10px 0; overflow: hidden;border-bottom:3px solid rgba(0,0,0,0.2); padding:15px 0;}
.map-a{ width:150px; float:left;}
.map-sub{width:calc(100% - 150px);-webkit-width:calc(100% - 150px)}
.map-sub a{display:inline-block; margin:0 5px;}
/**/
.about-banner{width:100%; position:relative; overflow: hidden;display:none;}
.about-banner img{width:100%; vertical-align: middle;}
.about_ban-tit{width:100%; text-align:center; position: absolute;top:40%;font-size:24px;color:#333;line-height: 45px;}
.about_ban-tit h2{font-weight:normal;font-size:40px;color:#093a96;display:block; position: relative;}
.about_ban-tit h2:after{content:"";background:#222; height:1px;width:100px; position: absolute; left:47.3%;bottom:-10px;}
.about_ban_text{width:100%;margin-top:1%;}
@media(max-width:991px){
    .solu-item-text{width:100%;float:none}
    .solu-item-img{width:100%;float:none}
    .solu-item-content{padding:7%}
    .solution-container li{width:calc(100%/2);}
    .solu-item-img{height:auto;}
    .sol-item-intro{font-size:14px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}
    .solution-container li:nth-child(2n) .sol-item-intro{opacity:1}
    .solution-container li:last-child{margin-bottom:40px}
    .solution-content h1{font-size:24px}
    .solution-con-details>p{font-size:14px}
    .content-pages span{font-size:14px}
    .newnav-menu .newnav-menu-left{font-size:16px}
    .newnav-menu-right>li>a{font-size:14px}
    .news-list-container{margin-bottom:20px}
    .news-item-text strong{font-size:14px}
    .news-item-text h2{font-size:18px;}
    .news-item-img{height:180px;}
    .news-item-intro{font-size:14px;line-height:24px;-webkit-line-clamp:2}
    .news-more{font-size:12px}
    .news-more{width:130px}
    .news-more:after{right:19px;background-size:30px}
    .news-content-container h1{font-size:24px;line-height:15px}
    .news-content-details h3{font-size:16px}
    .contact-title h2{font-size:24px}
    .mess-text{margin-bottom:2%}
    .mess-title{margin-bottom:2%}
    .text-in input{font-size:14px}
    .mess-title input{font-size:14px}
    .mess-area textarea{font-size:14px}
    .mess-btn input{font-size:14px}
    .contact-intro{font-size:16px}
    .contact-text h1{padding:30px 0;font-size:18px}
    .about_ban-tit{top:30%; text-align:left;left:10px;font-size:14px;line-height: 26px;}
    .about_ban-tit h2{font-size:16px;}
    .about_ban-tit h2:after{left:0px;width:30px;}
}
@media(max-width:767px){
    .solution-content h1{font-size:16px}
    .solution-con-details{margin-top:30px;}
    .solution-con-details>p{font-size:13px}
    .content-pages span{font-size:13px}
    .newnav-menu .newnav-menu-left{font-size:14px}
    .newnav-menu-right>li{margin:0 5px}
    .newnav-menu-right>li>a{font-size:12px}
    .news-list-container{padding-top:10px}
    .news-list-container li{margin-bottom:8%}
    .news-item-img{width:100%;}
    .news-item-text{width:100%;float:none;padding:2% 0}
    .news-item-text h2{font-size:16px;line-height: 24px;}
    .news-item-intro{font-size:13px}
    .news-content-container h1{font-size:16px}
    .news-content-date span{font-size:12px}
    .news-content-details{font-size:13px}
    .news-content-details h3{font-size:14px}
    .contact-title h2{font-size:18px;letter-spacing:0}
    .mess-container{padding-top:40px}
    .mess-container p{font-size:14px}
    .mess-text{margin-bottom:0}
    .text-in{width:100%;float:none;margin-bottom:5%}
    .mess-title{margin-bottom:5%}
    .text-in input{font-size:12px}
    .mess-title input{font-size:12px}
    .mess-area textarea{font-size:12px}
    .mess-btn input{font-size:12px}
    .contact-intro{font-size:12px}
    .contact-text h1{font-size:16px}
    .contact-text li{width:calc(100%);float:none;padding-left:65px}
    .contact-text li:first-child{margin-bottom:3%;background-size:55px}
    .contact-text li:nth-child(2){margin-bottom:3%;background-size:55px}
    .contact-text li:nth-child(3){margin-bottom:3%;background-size:55px}
    .about_ban-tit{top:20px;}
}
@media(max-width:567px){
}