/*title*/
.section-title { margin-bottom:20px; text-align: center;}
.section-title h2 { margin-top: 0; margin-bottom: 0px; text-align: center; font-size:40px;color:#142a52;text-transform:uppercase; font-weight:700}
.section-title h2:after { display: block; content: ''; width:80px; height: 2px; background-color: #ffb606; margin:auto; margin-top:15px; }
.section-title p { width:100%; overflow:hidden; text-align:center;  margin-top:5px; float:left; font-size:16px;color:#1e201f; line-height:40px; text-align:center;}
/*about*/
.inaboutL{float:left; width:35%; overflow:hidden;}
.inaboutL img{ width:100%;}
.inaboutR{float:right; width:60%;}
.inaboutR h1{ float:left; width:100%; line-height:50px; font-size:30px; color:#070707;font-weight:600; padding-bottom:20px;}
.inaboutR p{ float:left; width:100%; line-height:28px; font-size:16px; overflow:hidden;word-wrap:break-word;}
.More{height:40px;width: 140px;background-color: #002147;border-radius:10px; text-align:center;margin-top:30px;} 
.More a .more{font-size: 16px;color: #ffffff; line-height:40px;}
/*product list*/
.product-bg{ background:var(--background); overflow:hidden; width:100%; padding:70px 0 40px 0}
.product-list { width:100%; overflow:hidden; margin-top:40px; padding:1% 1%}
.product-list  li { float:left;width:48%; margin-right:2%;margin-bottom:30px;background:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.19); overflow:hidden}
.product-list  li:nth-child(2n) {margin-right: 0;}
.product-list  li span{ line-height:50px;font-size: 22px; text-transform:uppercase; padding-left:5%;}
.product-list  li .img{ padding:2%; background:#fff; overflow:hidden;}
.product-list  li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.product-list  li .img img:hover{ transform: scale(1.02);-webkit-transform:scale(1.02)}
.product-list  li .line {display: block;width: 0;height:6px;background:#da251a;transition: all .5s;-webkit-transition: all .5s;}
.product-list li:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.19);border-bottom: 0;}
.product-list li:hover .line { width: 100%;transition: all .5s;-webkit-transition: all .5s;}
.product-list li .text{ float:left; width:90%; margin-left:5%; overflow:hidden; padding-bottom:2%;}
.product-list li .text dd{ float:left; line-height:35px; font-size:16px; width:100%;}
.product-list li .text dd em{ color:#002147; padding-right:5px;}
/*why choose us*/
.why{ width:100%; overflow:hidden;display: flex;}
.whyL{ float:left; width:50%; overflow:hidden;flex: 1;}
.whyL img{display: block; width: 100%; height: 100%; object-fit: cover;}
.whyR{ float:right; width:50%; background:#002147; overflow:hidden;flex: 1;}
.whylist{ float:left; padding:5% 0 3% 3%; overflow:hidden;}
.whylist h2 {text-align:left; font-size:40px;color:#fff;text-transform:uppercase; font-weight:700}
.whylist h2:after { display: block; content: ''; width:80px; height: 2px; background-color: #ffb606; margin-top:15px;}
.whytitle{ float:left; color:#fff; line-height:26px; width:80%}
.whyright{ float:left; width:80%; margin-top:3%;}
.whyright li{ float:left; width:100%; overflow:hidden; min-height:auto; border-bottom:1px dashed #334d6c; padding:3% 0;}
.whyright li .icol{ float:left; width:80px; height:80px; border:1px solid #334d6c;display: grid;place-items: center; }
.whyright li .icol em{ color:#ecaa0b; font-size:40px; text-align:center;}
.whyright li .icor{ float:left; padding-left:20px; width:calc(100% - 80px); box-sizing: border-box; }
.whyright li .icor p{ float:left; width:100%; font-size:26px; color:#fff;}
.whyright li .icor span{ float:left; width:100%; font-size:14px; color:#fff; line-height:22px;}
.whyright li:last-child{ border-bottom:none}
/*Our Completed*/
.Completed-list { width:100%; overflow:hidden; margin-top:40px; padding:1% 1%}
.Completed-list  li { float:left;width:32%; margin-right:2%;margin-top:30px;background:#fff;box-shadow: 0 1px 5px rgba(0, 0, 0, 0.19); overflow:hidden}
.Completed-list  li:nth-child(3n) {margin-right: 0;}
.Completed-list  li h4{ line-height:30px;font-size:16px; padding:2%; overflow: hidden;white-space: nowrap;text-overflow: clip;}
.Completed-list  li h4:hover{ color:#c00808}
.Completed-list  li span{ float:left; width:100%;line-height:25px;font-size:14px;padding:0 2% 2% 2%;box-sizing: border-box;}
.Completed-list  li .img{background:#fff; padding:2%}
.Completed-list  li .img img {max-width: 100%;width: 100%;object-fit: cover;transition: transform 0.5s;}
.Completed-list li:hover {box-shadow: 0 2px 20px rgba(0, 0, 0, 0.19);border-bottom: 0;}
/*Client*/
.client-bg{ width:100%; padding:50px 0; background:url(../images/customer.jpg) no-repeat center; overflow:hidden}
.client{ float:left; width:70%; overflow:hidden}
.client-title{ width:100%; float:left; overflow:hidden; margin-bottom:40px;}
.client-title span{ float:left; width:100%; text-align:center; font-size:16px; color:#fff;}
.client-title p{ float:left; width:100%; text-align:center; font-size:45px; color:#fff; line-height:80px;}
.client ul li{ float:left; background:#fff; border-radius:10px; padding:3%; width:45%;}
.client ul li:last-child{ float:right;}
.client ul li p{ float:left; width:100%; line-height:25px; overflow:hidden;}
.client ul li .img{ width:80px; float:left; margin-top:30px;}
.client ul li .img img{ border-radius:50% 50%;}
.client ul li .rtext{ float:left; width:calc(100% - 80px); padding-left:20px; box-sizing:border-box; margin-top:30px;}
.client ul li .rtext p{ float:left; width:100%; line-height:40px; font-size:22px; color:#1e201f}
.client ul li .rtext span{ float:left; width:100%; line-height:40px;}
.client ul li .rtext span em{ float:left; font-size:20px; color:#ffb421; margin-right:5px;}
/*subscribe*/
.subscribe{ width:100%; margin:80px 0; overflow:hidden}
.subscribe p{ width:100%; line-height:60px; font-size:40px; text-align:center; color:#142a52; text-transform:uppercase; font-weight:700}
.subinput{ width:750px; margin:auto; overflow:hidden; margin-top:30px;}
.subscribeinput{ float:left; border:1px solid #e1e1e1; line-height:40px; padding:5px; width:80%; box-sizing:border-box;}
.subscribesub{ float:left; line-height:50px; background:#002147; width:calc(100% - 80%); color:#fff; text-align:center; text-transform:uppercase; border:none;}
.subscribesub:hover{background:#c40808;}

@media (max-width:1600px) {
.section-title { margin-bottom:10px;margin-top:0; }
.section-title h2 { font-size:25px; font-weight:500}
.section-title p { font-size:14px;line-height:20px;}
.marg80{ margin-top:30px!important;;}
.inaboutR h1{line-height:30px; font-size:20px; padding-bottom:10px;}
.inaboutR p{line-height:24px; font-size:13px;}	
.More{height:30px;width: 140px;margin-top:10px;} 
.More a .more{font-size: 12px; line-height:30px;}
.product-bg{padding:30px 0 30px 0}
.product-list  li span{line-height:40px;font-size:16px;}
.product-list li .text dd{line-height:30px; font-size:12px;}
.whylist h2 {font-size:20px;}
.whytitle{line-height:26px; width:90%}
.whyright{width:90%;}
.whyright li{ padding:2% 0;}
.whyright li .icol{width:50px; height:50px;}
.whyright li .icol em{ color:#ecaa0b; font-size:30px;}
.whyright li .icor{ float:left; padding-left:10px; width:calc(100% - 50px);}
.whyright li .icor p{font-size:16px;}
.whyright li .icor span{font-size:12px;line-height:20px;}
.Completed-list {margin-top:0;}
.Completed-list  li h4{font-size:12px;}
.client-title p{font-size:30px;line-height:50px;}
.subscribe{margin:30px 0;}
.subscribe p{line-height:60px; font-size:25px; }
}
@media (max-width:1360px) {
.section-title { margin-bottom:10px;margin-top:0; }
.section-title h2 { font-size:25px; font-weight:500}
.section-title p { font-size:14px;line-height:20px;}
.marg80{ margin-top:30px!important;;}
.inaboutR h1{line-height:30px; font-size:20px; padding-bottom:10px;}
.inaboutR p{line-height:24px; font-size:13px;}	
.More{height:30px;width: 140px;margin-top:10px;} 
.More a .more{font-size: 12px; line-height:30px;}
.product-bg{padding:30px 0 30px 0}
.product-list  li span{line-height:40px;font-size:16px;}
.product-list li .text dd{line-height:30px; font-size:12px;}
.whylist h2 {font-size:20px;}
.whytitle{line-height:26px; width:90%}
.whyright{width:90%;}
.whyright li{ padding:2% 0;}
.whyright li .icol{width:50px; height:50px;}
.whyright li .icol em{ color:#ecaa0b; font-size:30px;}
.whyright li .icor{ float:left; padding-left:10px; width:calc(100% - 50px);}
.whyright li .icor p{font-size:16px;}
.whyright li .icor span{font-size:12px;line-height:20px;}
.Completed-list {margin-top:0;}
.Completed-list  li h4{font-size:12px;}
.client-title p{font-size:30px;line-height:50px;}
.subscribe{margin:30px 0;}
.subscribe p{line-height:60px; font-size:25px; }
}

@media (max-width:768px) {
/*title*/
.section-title { margin-bottom:20px;margin-top:0; }
.section-title h2 { font-size:25px; font-weight:500}
.section-title p { font-size:14px;line-height:20px;}
/*about*/
.inaboutL{float:left; width:100%;}
.inaboutR{float:left; width:100%; margin-top:20px;}
.inaboutR h1{line-height:30px; font-size:20px; padding-bottom:10px;}
.inaboutR p{line-height:25px; font-size:15px;padding-bottom:0;}
.More{ margin:auto; margin-top:30px;} 
/*service*/
.product-bg{padding:30px 0}
.product-list {width:99%; overflow:hidden; margin-top:40px; }
.product-list li { float:left;width:100%; margin-right:0;margin-bottom:20px;}
.product-list li span{ line-height:40px;font-size:16px; padding-left:5%;}
.product-list li .text{width:95%; margin-left:5%; padding-bottom:2%;}
.product-list li .text dd{line-height:30px; font-size:14px; }
/*why choose us*/
.why{ width:100%; overflow:hidden;display:block;}
.whyL{ float:left; width:100%;}
.whyR{ float:left; width:100%;}
.whylist{ float:left; padding:5% 0 3% 3%; overflow:hidden;}
.whylist h2 { font-size:26px;}
.whytitle{line-height:23px; width:100%}
.whyright{ float:left; width:100%; margin-top:3%;}
.whyright li .icol{ float:left; width:80px; height:80px; border:1px solid #334d6c;display: grid;place-items: center; }
.whyright li .icol em{ color:#ecaa0b; font-size:40px; text-align:center;}
.whyright li .icor{ float:left; padding-left:20px; width:calc(100% - 80px); box-sizing: border-box; }
.whyright li .icor p{ font-size:23px;}
.whyright li .icor span{font-size:14px;line-height:22px;}
/*Our Completed*/
.Completed-list  li {width:100%; margin-right:0;}
.Completed-list  li:nth-child(2n) {margin-right: 0;}
.Completed-list  li h4{ line-height:30px;font-size:15px; padding:2%;}
/*Client*/
.client-bg{padding:30px 0; background:url(../images/customer.jpg) no-repeat center;}
.client{width:100%;}
.client-title{ width:100%; float:left; overflow:hidden; margin-bottom:30px;}
.client-title span{font-size:14px;}
.client-title p{font-size:30px;line-height:50px;}
.client ul li{ padding:3%; width:100%; box-sizing: border-box;}
.client ul li:last-child{ float:left; margin-top:10px;}
.client ul li .img{ width:60px;margin-top:20px;}
.client ul li .rtext{width:calc(100% - 60px); padding-left:10px; margin-top:10px;}
.client ul li .rtext p{ float:left; width:100%; line-height:40px; font-size:15px;}
.client ul li .rtext span{line-height:30px;}
.client ul li .rtext span em{ font-size:18px;}
/*subscribe*/
.subscribe{margin:50px 0;}
.subscribe p{line-height:30px; font-size:25px;font-weight:500}
.subinput{ width:95%; margin:auto; overflow:hidden; margin-top:20px;}
.subscribeinput{ float:left; border:1px solid #e1e1e1; line-height:40px; padding:5px; width:80%; box-sizing:border-box;}
.subscribesub{ float:left; line-height:50px; background:#002147; width:calc(100% - 80%); color:#fff; text-align:center; text-transform:uppercase; border:none;}
.subscribesub:hover{background:#c40808;}
}