/*------------------------------------------------------------------------------------------

4.product.php

------------------------------------------------------------------------------------------*/
.product_sec1{width:100%; height:100vh; background:url(/project/templates/image/ourservice/backimg1.jpg) no-repeat center; background-size:cover; color:#fff;}
.product_sec1 .inner_wrap{width:calc(100% - 30px); max-width:1400px;  margin:0 auto; position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); overflow:hidden;}
.product_sec1 .inner_wrap .num_wrap{margin-top:28px; width:100%; margin-bottom:48px;}
.product_sec1 .inner_wrap .num_wrap:after{content:""; display:block; clear:both;}
.product_sec1 .inner_wrap .num_wrap > .big_num{  float:left; margin-right:32px;}
.product_sec1 .inner_wrap .num_wrap > .txt_wrap{float:left;}
.product_sec1 .inner_wrap .num_wrap > .txt_wrap > p:first-child{font-size:16px; font-weight:400; text-align: left}
.product_sec1 .inner_wrap .num_wrap > .txt_wrap > p:last-child{font-size:20px; font-weight:400; text-align: left}
.product_sec1 .inner_wrap .cont_wrap{margin:0 auto; width:100%; max-width:601px;}
.product_sec1 .inner_wrap .cont_wrap > p{text-align:center; font-size:23px; font-weight:400; word-break:keep-all;}
.product_sec1 .inner_wrap .cont_wrap > .logo_wrap{width:100%; margin-top:75px;}
.product_sec1 .inner_wrap .cont_wrap > .logo_wrap > ul > li{float:left; width:25%; text-align:center;}


.product_sec2{width:100%; height:100vh; background:url(/project/templates/image/ourservice/backimg2.jpg) no-repeat center; background-size:cover; color:#fff;}
.product_sec2 .inner_wrap{width:calc(100% - 30px); max-width:1400px;  margin:0 auto; position:relative; overflow:hidden; padding:150px 0;}
.product_sec2 .inner_wrap .num_wrap{ width:100%; margin-bottom:48px;}
.product_sec2 .inner_wrap .num_wrap:after{content:""; display:block; clear:both;}
.product_sec2 .inner_wrap .num_wrap > .big_num{  float:left; margin-right:32px;}
.product_sec2 .inner_wrap .num_wrap > .txt_wrap{float:left;}
.product_sec2 .inner_wrap .num_wrap > .txt_wrap > p:first-child{font-size:16px; font-weight:400; text-align: left}
.product_sec2 .inner_wrap .num_wrap > .txt_wrap > p:last-child{font-size:20px; font-weight:400; text-align: left}
.product_sec2 .inner_wrap .cont_wrap{margin:0 auto; width:100%; max-width:601px;}
.product_sec2 .inner_wrap .cont_wrap > p{text-align:center; font-size:23px; font-weight:400; word-break:keep-all;}
.product_sec2 .inner_wrap .cont_wrap > .logo_wrap{width:100%; margin-top:75px;}
.product_sec2 .inner_wrap .cont_wrap > .logo_wrap > ul > li{float:left; width:25%; text-align:center; font-size:17px; color:#fff;}
.product_sec2 .inner_wrap .cont_wrap > .logo_wrap > ul > li > p{ font-weight:500;}
.product_sec2 .inner_wrap .cont_wrap > .logo_wrap > ul > li > img{margin-bottom:37px; display:inline-block;}


.product_sec3{width:100%; height:100vh; background:url(/project/templates/image/ourservice/backimg3.jpg) no-repeat center; background-size:cover; color:#fff;}
.product_sec3 .inner_wrap{width:calc(100% - 30px); max-width:1400px;  margin:0 auto; position:relative; overflow:hidden; padding:150px 0;}
.product_sec3 .inner_wrap .num_wrap{ width:100%; margin-bottom:48px;}
.product_sec3 .inner_wrap .num_wrap:after{content:""; display:block; clear:both;}
.product_sec3 .inner_wrap .num_wrap > .big_num{  float:left; margin-right:32px;}
.product_sec3 .inner_wrap .num_wrap > .txt_wrap{float:left;}
.product_sec3 .inner_wrap .num_wrap > .txt_wrap > p:first-child{font-size:16px; font-weight:400; text-align: left}
.product_sec3 .inner_wrap .num_wrap > .txt_wrap > p:last-child{font-size:20px; font-weight:400;  text-align: left}
.product_sec3 .inner_wrap .cont_wrap{margin:0 auto; width:100%; max-width:601px;}
.product_sec3 .inner_wrap .cont_wrap > p{text-align:center; font-size:23px; font-weight:400; word-break:keep-all;}
.product_sec3 .inner_wrap .cont_wrap > .logo_wrap{width:100%; margin-top:75px;}
.product_sec3 .inner_wrap .cont_wrap > .logo_wrap > ul > li{float:left; width:100%; text-align:center; font-size:17px; color:#fff;}
.product_sec3 .inner_wrap .cont_wrap > .logo_wrap > ul > li > p{ font-weight:500;}
.product_sec3 .inner_wrap .cont_wrap > .logo_wrap > ul > li > img{margin-bottom:37px; display:inline-block;}


.product_sec4{width:100%; height:100vh; background:url(/project/templates/image/ourservice/backimg4.jpg) no-repeat center; background-size:cover; color:#fff;}
.product_sec4 .inner_wrap{width:calc(100% - 30px); max-width:1400px;  margin:0 auto; position:relative; overflow:hidden; padding:150px 0;}
.product_sec4 .inner_wrap .num_wrap{ width:100%; margin-bottom:48px;}
.product_sec4 .inner_wrap .num_wrap:after{content:""; display:block; clear:both;}
.product_sec4 .inner_wrap .num_wrap > .big_num{  float:left; margin-right:32px;}
.product_sec4 .inner_wrap .num_wrap > .txt_wrap{float:left;}
.product_sec4 .inner_wrap .num_wrap > .txt_wrap > p:first-child{font-size:16px; font-weight:400; text-align: left}
.product_sec4 .inner_wrap .num_wrap > .txt_wrap > p:last-child{font-size:20px; font-weight:400; text-align: left}
.product_sec4 .inner_wrap .cont_wrap{margin:0 auto; width:100%; max-width:601px; text-align: center;}
.product_sec4 .inner_wrap .cont_wrap > p{text-align:center; font-size:23px; font-weight:400; word-break:keep-all;}
.product_sec4 .inner_wrap .cont_wrap > p:nth-child(2){margin:20px auto 0 auto; width:100%; max-width:400px;}
.product_sec4 .inner_wrap .cont_wrap > .logo_wrap{width:100%; margin-top:75px;}
.product_sec4 .inner_wrap .cont_wrap > .logo_wrap > ul > li{float:left; width:100%; text-align:center; font-size:17px; color:#fff;}
.product_sec4 .inner_wrap .cont_wrap > .logo_wrap > ul > li > p{ font-weight:500;}
.product_sec4 .inner_wrap .cont_wrap > .logo_wrap > ul > li > img{margin-bottom:37px; display:inline-block;}