@charset "utf-8";
/* CSS Document */
html,body,div,p,ul,li,h1,h2,h3,h4,h5{ margin:0; padding:0; font-size:14px; font-family:sans-serif,Arial,Helvetica;}
ul,li{ list-style:none;}
input, textarea{ margin: 0px; padding: 0px; border: none; box-sizing: border-box; outline: none;}
img{ border:0; display:block; max-width:100%; height:auto; }
a{ text-decoration:none;}
body{ background:#f1f1f1;}
.clear{zoom:1;}
.clear:after{ content:''; display:block; clear:both;}
.hd{ overflow: hidden;}
.conbox{ width:1400px; margin:0px auto;}

.head{ box-shadow: 0px 2px 16px hsl(230deg 75% 32% / 15%); background: #fff; z-index: 999;}
.nav{ display: flex; justify-content: space-between; align-items: center; height: 88px; column-gap: 3rem;}
.nav .logo{ font-size: 18px; font-weight: bold; color: #333;}
.nav_menu{ position: relative; margin-left: auto;}
.nav_list{ display: flex; flex-direction: row; column-gap: 3rem;}
.nav_list li{ position: relative;}
.nav_list li a{ font-size: 16px; color: #333; font-weight: bold;}
.nav_list li:hover a, .nav_list li a.current{ color: rgba(0, 86, 173, 100%);}
.nav_list li:hover::after, .nav_list li a.current::after{ content:''; display:block; width:20px; height:2px; background-color:rgba(0, 86, 173, 100%); position:absolute; left:50%; top:32px; transform:translate(-50%);}

.nav_actions{ display: flex; align-items: center; column-gap: 1rem;}
.nav_close, .nav_toggle{ display: none;}
.nav_translate span{ font-size: 30px; color: #333;}

.tp-banner-container{ height: auto;}

.ingongsi{ background: url(./images/case_bg.jpg) no-repeat center center; background-size: cover; background-attachment: fixed; padding-bottom: 50px;}
.bt{ font-size: 32px; font-weight: normal; text-align: center; padding-top: 50px; padding-bottom: 20px; position: relative;}
.bt::after{ content: ''; position: absolute; width: 50px; background: rgba(0, 86, 173, 100%); height: 3px; left: calc(50% - 25px); bottom: -2px;}
.bttext{ margin-top: 20px; text-align: center;}
.bttext p{ font-size: 16px; color: rgba(105, 105, 105, 100%);}
.gongsijj{ padding-top: 50px;}
.gongsijj p{ color: #333; font-size: 16px; margin-bottom: 1.2rem; line-height: 180%; text-align: justify; }
.gongsirow{ display: grid; grid-template-columns: repeat(3,1fr); gap: 20px;}
.rowbox{ position: relative; padding: 70px 20px 30px; background: rgb(240, 245, 248); border: 1px solid rgba(218, 218, 218, 0.855); border-radius: 20px; margin-top: 80px;}
.rowimg { position: absolute; top: -50px; left: calc(50% - 54px); border-radius: 100%; overflow: hidden; border: 4px solid rgb(255, 255, 255); box-shadow: rgba(0, 86, 173, 100%) 0px 0px 0px 5px;}
.rowbt{ font-size: 22px; font-weight: 600; color: rgb(0, 0, 0); margin-bottom: 5px; padding-top: 10px; text-align: center;}
.rowtext{ color: rgba(105, 105, 105, 100%); font-size: 16px; line-height: 180%; padding: 10px 0px; text-align: center;}

.hmore{ display: block; width: 180px; height: 46px; line-height: 46px; font-size: 14px; border: #ccc 1px solid; color: #333; border-radius: 2px; margin:20px auto 0px; text-align: center;}
.hmore:hover{ background: rgba(0, 90, 159, 100%); color: #FFF; transition: all 0.6s ease 0s;}

.inpro{ background: rgba(238, 247, 255, 100%); padding-bottom: 50px;}
.hpzs{ width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 20px; padding-top: 50px;}
.pbox{ box-shadow: 0 2px 6px 0 rgb(162 162 162 / 40%);}
.pbox:hover{ background:#0152ad; color:#FEFEFE; transition: all 0.5s ease 0s;}
.mask{ display: block; position:relative; overflow:hidden; aspect-ratio: 4/3;}
.mask img{ object-fit: cover; width: 100%; height: 100%;}
.mask:before{ content:""; width:100%; height:100%; background:#000; position:absolute; top:0; opacity:0; transition: all 0.5s ease 0s;}
.pbox:hover .mask:before{ opacity:0.5;}
.mask i{ position:absolute; color:#FFF; top:0; left:0; opacity:0; padding:10px; line-height:160%; font-style: normal;}
.pbt{ display: block; color: #333; font-weight: normal; padding: 20px 0px; background: #fff; text-align: center;}
.pbox:hover .mask i{ opacity:1; transition: all 0.5s ease 0s;}
.pbox:hover .pbt{ color: #FFF; background:rgba(0, 86, 173, 100%); transition: all 0.5s ease 0s;}

.inwhy{ background: #FFF; padding-bottom: 50px;}
.advbox{ padding-top: 30px;}
.advcon{ margin-top:20px;}
.left{ float: left;}
.right{ float: right;}
.adone{ background:#f6f6f6;}
.adtwo{ background:rgb(209,219,237,0.4);}
.advcon img{ width:50%;}
.advcon ul{ width:46%; padding:20px 2%;}
.advcon p{ font-size:22px; font-weight:bold; color:#333; padding-top:10px;}
.advcon li{ font-size:16px; padding-top:20px; background:url(images/D.png) no-repeat left 28px; padding-left:18px; margin-left:10px; line-height: 160%; color: #333;}
.adtext{ padding-left:20px;}

.incase{ background: rgba(248, 248, 248, 100%); padding-bottom: 50px;}

#owl-demo{ padding-top:50px;}
.item{ margin:10px 5px; background:#FFF;}
.item img{ display:block; width:100%; height:auto;}
.item a{ color:#666;}
.item a:hover{ color:#1848b5;}
.item span{ display:block; text-align:center; padding:20px 0px; font-size:16px;}

.foot-top{ background:rgba(53, 63, 76, 100%); padding-bottom:40px;}
.foot-L{ float:left; width: 20%; padding-top: 40px;}
.foot-L h3, .foot-p h3, .foot-c h3, .foot-r h3{ color:#FFF; font-size:22px; padding-bottom:15px;}
.foot-L p{ color: rgba(255, 255, 255, 70%); line-height: 220%;}
.foot-p{ float:left; width:30%; padding-top:40px; padding-left: 5%;}
.foot-p li{ line-height:220%; float: left; width: 45%;}
.foot-p a{ color:rgba(255, 255, 255, 70%);}
.foot-p a:hover{ text-decoration:underline;}
.foot-c{ float:left; width:20%; padding-top:40px;}
.foot-c p{  color:rgba(255, 255, 255, 70%); line-height: 220%;}
.foot-c span{ color:rgba(255, 255, 255, 70%); padding-right:10px;}
.foot-r{ float:right; padding-top:40px; width: 22%; padding-left: 3%;}
.liuyanlist{ color: rgba(255, 255, 255, 70%);}

.foot_input,.foot_form_text{ width: 100%; padding: 10px; margin-bottom: 10px; background: rgba(255, 255, 255, 0); border: 1px solid rgba(255, 255, 255, 70%); border-radius: 6px; caret-color: #fff;}
.foot_input::placeholder, .foot_form_text::placeholder{ color: rgba(255, 255, 255, 70%);}
.foot_form_text{ height: 100px;}
.sub{ width: 40%; color: rgba(255, 255, 255, 70%); background: rgba(0, 86, 173, 100%); padding: 10px; border-radius: 6px;}

.foot-bot{ background:rgba(0, 0, 0, 100%); padding-bottom:20px;}
.foot-nav{ padding-top:20px; text-align:center;}
.foot-nav li{ display:inline-block;}
.foot-nav a{ color:#bfc5ce; padding-left:10px;}
.foot-nav span{ padding-left:10px; color:#bfc5ce;}
.copyright{ color:#bfc5ce; text-align:center; padding-top:10px;}
.copyright a{ color: #bfc5ce;}


.nbg{ background: url(./images/conbg.jpg) no-repeat center center; background-size: cover;}
.bcon{ padding: 30px 0px; text-align: center;}
.bgtext{ font-size: 34px; color: #FFF;}
.bcon p{ font-size: 20px; color: #FFF; padding-top: 30px; line-height: 200%;}
.crumb{ background: rgba(246, 246, 246, 100%); padding: 30px 0px;}
.crumb b{ color:#333; font-weight:normal;}
.crumb span{ color:#005a9f; font-size: 18px; padding-right: 5px; }
.crumb a{ color:#333;}
.crumb a:hover{ color:#0152ad;}
.breadcrumb-item{ display: inline-block;}
.breadcrumb-item:after{ content: '/'; color: #333; padding: 0px 6px;}

.nbox{ background: #FFF; padding-bottom:20px;}
.nleft{ float:left; width:73%;}

.nright{ width:25%; float:right; overflow:hidden;}
.sidebt{ background:#0152ad; padding:20px 0px; margin-top:20px;}
.sidebt span{ font-size:18px; margin-left:20px; font-weight:bold; color:#FFF;}
.onecol li{ margin-top:2px;}
.onecol a{ color:#666; display:block; padding:20px; font-size:16px; background-color:rgba(217, 217, 217, 0.37); transition:all 0.4s;}
.onecol a:hover{ background:#1975cc; color:#FFF;}

.nplist{ width: 100%; display: grid; grid-template-columns: repeat(auto-fill,minmax(280px,1fr)); gap: 20px; padding-top: 20px;}

.xq{ padding-top:20px;}
.xq h2{ font-size:20px; color:#1a1a1a; margin:15px 0px; font-weight:normal; position:relative; padding-left:15px;}
.xq h2:before{ content:''; position:absolute; width:5px; height:18px; background:#0152ad; left:0; top:50%; margin-top:-8px; z-index:1;}
.xq p{ color:#4c4c4c; font-size:16px; line-height:34px; text-align:justify; text-indent:2em; margin-bottom: 10px;}
.xq img{ margin:20px auto;}

.updown{ margin-top:20px;}
.updown p{ float:left; width:50%; color:#333; text-align:center; background:#f6f6f6; padding:14px 0px;}
.updown p:first-child{ border-right:1px solid #FFF; box-sizing:border-box;}
.updown p a{ color: #333;}
.updown p a:hover{ color: rgba(19, 112, 201, 100%);}

.listbox{ background:#f6f6f6; padding:0px 20px; margin-top:20px;}
.listbox h2{ padding-top:20px;}
.listbox h2 a{ color:#1a1a1a; font-size:20px; overflow:hidden; text-overflow:ellipsis; -webkit-box-orient:vertical; display:-webkit-box; -webkit-line-clamp:2; text-decoration: none;}
.listbox h2 a:hover{ color:#0152ad;}
.nlistinfo{ line-height:220%; overflow:hidden; padding-top:10px; color:#999;}
.nrq{ padding:10px 0px 20px; color:#999;}
.listbox:nth-last-child(2n){ background:rgb(209,219,237,0.4);}

.pagep{ padding:10px; text-align: center; background:#FFF; margin-top:1px;}
.pagep ul{ display: inline-block; }
.page-item{ float: left;}
.page-link { position: relative; display: block; padding: .5rem .75rem; margin-left: -1px; line-height: 1.25; color: #007AC7; background-color: #fff; border: 1px solid #dee2e6;}
.page-item.active .page-link { z-index: 3; color: #fff; background-color: #007AC7; border-color: #007AC7;}
.page-item.disabled .page-link { color: #6c757d; pointer-events: none; cursor: auto; background-color: #fff; border-color: #dee2e6;}
.page-item:first-child .page-link { border-top-left-radius:.5rem!important; border-bottom-left-radius:.5rem!important}
.page-item:last-child .page-link { border-top-right-radius:.5rem!important; border-bottom-right-radius:.5rem!important}

.cbox{ background: rgba(242, 245, 248, 100%); padding-bottom: 50px;}
.cleft{ width: 45%; background: #FFF; float: left; height: 490px; margin-top: 50px;}
.pad{ padding: 60px 45px 0;}
.pad h2{ font-size: 24px; color: #333;}
.des{ font-size: 16px; line-height: 30px; color: #666; margin: 10px 0 60px;}
.pad dt{ width: 50%; float: left; font-size: 14px; color: #666; line-height: 22px;}
.wz{ padding-left: 38px; }
.pad dt:nth-child(1) { width: 100%; background: url(./images/cont-ic1.png) no-repeat left; margin-bottom: 50px;}
.pad dt:nth-child(2) { background: url(./images/cont-ic2.png) no-repeat left;}
.pad dt:nth-child(3) { background: url(./images/cont-ic3.png) no-repeat left;}
.pad dt b { font-size: 18px; color: #333; display: block;  margin-bottom: 5px;}
.wz a { color: #333; }
.cright{ width: 53%; background: #FFF; float: right; margin-top: 50px; height: 490px;}
.input_control{position: relative;width: 49%;float: left;margin-right: 2%;background: #f2f5f8;border-radius: 4px;overflow: hidden;position: relative;height: 54px;margin-top: 26px;}
.input_control:nth-child(2){margin-right: 0;}
.form_input{-webkit-appearance:none;-moz-appearance: none;outline:0;height: 54px;line-height: 54px;width: 100%;position: absolute;top: 0;left: 30px;font-size: 14px;color: #666;width: 95%;background: #f2f5f8;}
.input_control lable{color: red;position: absolute;left: 20px;line-height: 54px;}
.form_input::-moz-placeholder,.form_text::-moz-placeholder{color: #666;}
.form_text{height: 100px;background: #f2f5f8;position: absolute;left: 30px;top: 15px;width: 95%;font-size: 14px;color: #666;line-height: 25px;}
.input_control2{width: 100%;margin: 16px 0 25px;height: 130px;}
.form i{font-size: 14px;color: #666;display: block; font-style: normal;}
.form .submit{width: 240px;height: 60px;line-height: 60px;border-radius: 4px;background: #0276cb;font-size: 18px;color: #fff;cursor: pointer;margin-top: 24px;}


@media (min-width: 1400px) {
	.conbox{ width:1400px;}	
}
@media (max-width:1399px) {
	.conbox{ padding:0px 20px; margin:0px auto; width:auto;}
}
@media screen and (max-width: 991px) {
    .nav_menu { position: fixed; top: -100%; left: 0; background-color: hsl(230, 100%, 98%); box-shadow: 0 8px 16px hsla(230, 75%, 32%, .15); width: 100%; padding: 60px 0px; transition: top .4s; z-index: 999;}
    .nav_toggle, .nav_close{ display: block; cursor: pointer;}
    .nav_close{ position: absolute; top: 1.15rem; right: 1.5rem;}
    .nav_toggle span, .nav_close span{ font-size: 24px;}
    .nav_list{ display: flex; flex-direction: column; row-gap: 2.5rem; text-align: center;}
    .show-menu{ top: 0;}

    .left{ float:none;}
	.right{ float:none;}
	.advcon img{ width:100%;}
	.advcon ul{ width:96%;}

    .foot-L,.foot-c{ width: 45%;}
    .foot-p, .foot-r{ width: 50%;}

    .cleft,.cright{ width: 100%; float: none;}

}
@media (max-width:767px) {
    .bt{ padding-top: 20px; font-size: 26px;}
    .gongsijj, .hpzs, #owl-demo{padding-top: 20px;}
    .ingongsi, .inpro, .inwhy, .incase{ padding-bottom: 20px;}
    .gongsirow{ grid-template-columns: repeat(2,1fr);}
    .rowbox{ margin-top: 50px;}

    .advbox{ padding-top: 0px;}

    .foot-top{ padding-bottom: 20px;}
    .foot-L,.foot-p,.foot-c,.foot-r{ width: auto; float: none; padding-top: 20px;}
    .foot-p,.foot-r{ padding-left: 0;}
    .foot-p li{ width: auto; float: none;}

    .crumb{ padding: 15px 0px;}

    .nleft, .nright{ float: none; width: auto;}

    .cbox{ padding-bottom: 20px;}
    .cleft,.cright{ margin-top: 20px;}
}
@media (max-width:479px) {
    .gongsirow{ grid-template-columns: 1fr;}

    .hpzs, .nplist{ grid-template-columns: 1fr;}

    .advcon ul{ width:auto; padding:15px 10px;}
	.advcon p{ padding-top:0;}

    .bcon{ padding-top: 30px;}
    .bgtext{ font-size: 28px;}
    .bcon p{ font-size: 18px; padding-top: 20px;}

    .cleft,.cright{ height: auto;}
    .pad{ padding:20px;}
    .pad dt:nth-child(1){ margin-bottom: 20px;}
    .des{ margin-bottom: 20px;}
    .pad dt{ width: 100%; float: none; margin-bottom: 20px;}
    .input_control{ width: 100%; float: none; margin-right: 0;}

    .form .submit{ height: auto; line-height: normal; width: auto; padding: 10px 30px;}
}