.model-wrap{ max-width: 1280px; margin: 0 auto;}

.model3_banner img{ width: 100%; height: 160px; object-fit: cover;}

body.scrollbody,
body .scrollbody{ padding-top: 0;}
body .scrollbody .header{ background: rgba(255,255,255,0.8);}

.model5-1{ background: #fdfaf5; padding: 5% 0;}
.model5-1-box{ position: relative; min-height: 8em;}
.model5-1-box .left{ position: absolute; border: 1px solid #ca0a16; border-right-width: 3px; line-height: 1.2; color: #ca0a16; padding: 0.1em 0.2em; left: 0; bottom: 10px;}
.model5-1-box ul{ margin: 0 -10px ; padding-left: 140px; padding-right: 50px;}
.model5-1-box li{ float: left; width: 50%;}
.model5-1-box li a{ display: block; position: relative; margin: 0 10px 10px; padding: 0.6em 0; border-bottom: 1px dashed #ddd; padding-left: 1em;}
.model5-1-box li a::after{ content: ''; position: absolute; left: 0; top: 50%; width: 4px; height: 4px; background: #bbb; margin-top: -2px;}
.model5-1-box li:first-child{ width: 100%; font-size: 2em; font-weight: bold; margin-left: -140px; margin-bottom: 0.5em; }
.model5-1-box li:first-child a{ border: 0; padding: 0;}
.model5-1-box li:first-child a::after{ display: none;}
.model5-1-box .right{ position: absolute; right: 0; bottom: 2em;}


.model55{ padding-top: 3em;}
.model55-box .left{ width: 65.93%; float: left; margin-right: 30px; position: relative;}
.model55-box .left .swiper-pagination{ position: absolute; left: auto; right: 1em; bottom: 1em; text-align: right; z-index: 10; }
.model55-box .left .swiper-pagination-bullet{ background: #fff; opacity: 1; transform: scale(0.6);}
.model55-box .left .swiper-pagination-bullet-active{transform: scale(1.2); }
.model55-box .left .img_ratio{ padding-top: 65%;}
.model55-box .left .p{ position: absolute; left: 0; bottom: 0; right: 0; z-index: 2; color: #fff; padding: 1em;}

.model55-box .right{ background-color: #fff;  overflow: hidden; min-height: 549px;}
.model55-box .right ul{ padding:1em;}
.model55-box .right li{  border-bottom: 1px solid #e6e7e9; padding: 0 0 0.5em; margin-bottom: 0.5em;}
.model55-box .right li:last-child{ border: 0; margin-bottom: 0; padding-bottom: 0;}
.model55-box .right li span{  margin-top: 3px; color: #666;}

.model55-box2{ margin-top: 30px; margin-bottom: 4%;}
.model55-box2 li{ float: left; width: 33.33%;}
.model55-box2 ul{ margin: 0 -10px;}
.model55-box2 li .w{ background: #fff; margin: 0 10px; padding:1.5em 2em; position: relative; }
.model55-box2 li .w::after{ content:''; position: absolute; left: 2em; right: 2em; bottom: 0; height: 1px; background-color: #e6e7e9;}
.model55-box2 li:nth-child(3) ~ li .w::after{ display: none;}
.model55-box2 li .w span{ display: none;}
.model55-box2 li .w:hover{ background: #004899; color: #fff;}
.model55-box2 li .w:hover a{ color: #fff;}
.model55-box2 li .w:hover::after{ display: none;}

.model55 .industry_more{ padding-bottom: 5%;}

.model55-title{ text-align: center; padding: 40px 0 60px;}
.model55-title h2{ text-align: center; }
.model55-title h2 span{ position: relative;}
.model55-title h2 span::after{ content: ''; position: absolute; left: 50%; top: 130%; margin-left: -0.6em; width: 1.2em; height: 3px; background: #cc0100;}

.model55_more{ text-align: center; }
.model55_more a{ display: inline-block; padding:5px 15px; border: 1px solid #d2d2d2;}
.model55_more a:hover{ background-color: #004899; color: #fff; border-color: #004899;}


.model5_box_2{ background: #f5f9fd;}
.model5_box_2 .tab-box {padding: 5% 0 5%;}
.model5_box_2 .tab-head{ text-align: center;}
.model5_box_2 .tab-a{  display: inline-block; padding: 0 1em; line-height: 1; padding-bottom: 5px; border-right: 1px solid #ccd3db;}
.model5_box_2 .tab-a:last-child{ border: 0;}
.model5_box_2 .tab-a.cur{ color: #004ea2; font-weight: bold;}
.model5_box_2 ul{ margin: 40px -15px 10px;}
.model5_box_2 li{  float: left; width: 33.33%; }
.model5_box_2 li .w{ display: block; margin: 0 15px 30px; background: #fff; padding:30px 40px 0; padding-bottom: 110px; transition: 0.2s all; position:relative; border-top: 4px solid #fff;}
.model5_box_2 .t1{ color: #666;}
.model5_box_2 .p{ color: #999;}
.model5_box_2 li .w .h2{ margin: 20px 0 10px; height: auto; max-height: 3em; height: 3em;}
.model5_box_2 li .m{ position: absolute; border: 1px solid #ddd; left: 40px; bottom: 40px;  width: 90px; padding: 5px 10px;}
.model5_box_2 li .m .img{ height: 10px;}
.model5_box_2 li .m img{ width: 6px; height: 10px;}
.model5_box_2 li .m img.j2{ display: none;}
.model5_box_2 li .w:hover{  border-color:#004ea2 ;}
.model5_box_2 li .w:hover .m{ border-color: #004ea2; background-color: #004ea2; color: #fff;}
.model5_box_2 li .w:hover .m img.j1{ display: none;}
.model5_box_2 li .w:hover .m img.j2{ display: block;}
.model5_box_2 .more{ text-align: center; }
.model5_box_2 .more a{ display: inline-block; padding:5px 15px; border: 1px solid #d2d2d2;}
.model5_box_2 .more a:hover{ background-color: #004ea2; color: #fff; border-color: #004ea2;}

.model5-swiper{ background: #f7f1f0; padding: 3em 0;}
.model5-swiper .model55_more{ padding-bottom: 5em;}
.about_index_3_swiper{ padding: 7em 0; margin: 0 5% 2em;}
.about_index_3_swiper .w{  position: relative; transform: scale(1.8); display:block;}
.about_index_3_swiper .play{ z-index: 10; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0.5);}
.about_index_3_swiper .img_ratio{ padding-top:54%; }
.about_index_3_swiper h4{ position: absolute; left: 0; right: 0; bottom: 0; padding: 10px; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,0.5)); color: #fff;}

.model5_44{ padding: 2em 0 5em;}
.model5_44 ul{ margin: 0 -15px 10px;}
.model5_44 li{  float: left; width: 33.33%; }
.model5_44 li .w{ display: block; margin: 0 15px 30px; background: #fff; padding:0 40px 0 80px; padding-bottom: 110px; transition: 0.2s all; position:relative; }
.model5_44 .t1{ color: #666;}
.model5_44 .p{ color: #999;}
.model5_44 li .w .h2{ margin: 20px 0 10px; height: auto; max-height: 3em; height: 3em;}
.model5_44 li .t1{ position: absolute; left: 0; top: 0; line-height: 1.2;}
.model5_44 li .t1 em{ font-weight: bold;}
.model5_44 li .m{ position: absolute; background: #f4f4f4; left: 80px; bottom: 40px;  width: 90px; padding: 5px 10px;}
.model5_44 li .m .img{ height: 10px;}
.model5_44 li .m img{ width: 6px; height: 10px;}
.model5_44 li .m img.j2{ display: none;}

.model5_44 li .w:hover .m{  background-color: #004ea2; color: #fff;}
.model5_44 li .w:hover .m img.j1{ display: none;}
.model5_44 li .w:hover .m img.j2{ display: block;}



.pad-box{ padding: 6% 0;}
.art-left{ float: left; width: 300px; margin-right: 40px;}
.art-left .left-title { background: url(/static/images/leftbg.png) no-repeat; height: 88px; color: #fff; line-height: 80px; padding-left:25px; background-size: 100% 100%;}
.left-menu li a{ padding: 15px 15px 15px 25px; border-bottom: 1px solid #e5e5e5; border-left: 3px solid #fff;  display: block; position: relative;}
.left-menu li.ch.open .a,
.left-menu li.cur a{ border-left-color: #004999; background: #f4f9fc; color: #004899;}
.left-menu li a.cur{background: #f4f9fc; color: #004899;}
.left-menu li a::after{ content: ''; position: absolute; right: 15px; top: 50%; margin-top: -5px; background: url(/static/images/jt44.png); background-size: 100%; width: 6px; height: 9px;}
.left-menu li.cur a::after,
.left-menu li a.cur::after,
.left-menu li.open .a::after{background-image: url(/static/images/jt33.png);}
.left-menu li a:hover{border-left-color: #004999; background: #f4f9fc; color: #004899;}
.left-menu li .child a{padding: 5px 15px 5px 45px; border: 0;}
.left-menu li .child{ border-bottom: 1px solid #e5e5e5; padding: 10px 0; display: none;}
.left-menu li.ch .a::after{ transform: rotate(90deg); margin-top: -2px;}
.left-menu li.ch.open .child,
.left-menu li.ch.cur .child{ display: block;}
.left-menu li.ch.open .a::after{transform: rotate(-90deg);}

.left-menu.left-menu-guide li.cur a{padding: 15px 15px 15px 25px; }
.left-menu.left-menu-guide li a{padding: 8px 15px 8px 25px; }

.art-right{ overflow: hidden;}

.right-title{ border-bottom: 1px solid #ccc; position: relative; padding-bottom: 15px;}
.right-title::after{ content: ''; left: 0;  bottom: -2px; height: 3px; width: 40px; background: #cc0100; position: absolute;}
.right-title .right{ border-radius: 100px; padding-right: 10px; border: 1px solid #ccc; overflow: hidden; }
.right-title .right input{ border: 0; padding: 5px 10px 5px 20px; width: 170px;}
.right-title .right input::placeholder{ color: #aaa;}
.right-title .right button{ background: url(/static/images/ss.png)  no-repeat; width: 17px; height: 17px; background-size: 100%; border: 0;}

.right-title .right2 a{ background: #004899; color: #fff; padding: 0.5em 1.5em; border-radius: 100px;}
.right-title .right2 a span{ margin-right: 10px;}
.right-title .right2 a i{ margin-top: 1px; font-weight: bold;}
.right-title .right2 a:hover{ background: #cc0100;}

.news-list-1{ padding-top: 20px;}
.news-list-1 .w{ border-bottom: 1px dashed #b8b7b7; padding: 30px; overflow: hidden; display: block;}
.news-list-1 .w:hover{ background: #f4f9fc; border-bottom-color: #f4f9fc;}

.news-list-1 .d{ float: left; line-height: 1.4;  margin-right: 30px;}
.news-list-1 .t{ overflow: hidden;}
.news-list-1 .t h3{ margin-bottom: 8px;}
.news-list-1 .t .p2{ color: #666;}

.page-com{ padding: 4% 0 0; text-align: center;}
.page-com a{ padding: 5px 10px; min-width: 1em; display: inline-block; border: 1px solid #dcdcdc; border-radius: 5px; margin: 0 5px; color: #999;}
.page-com span{ display: inline-block; margin: 0 10px;}
.page-com a.cur,
.page-com a:hover{ color: #004899; border-color: #004899;}

.news-list-2{ padding: 40px 0 0;}
.news-list-2 li{ margin-bottom: 15px;}
.news-list-2 .w{ border: 1px solid #f7f7f7; background: #fefefe;}
.news-list-2 .left{ width: 240px;  float: left;    }
.news-list-2 .left .img_ratio{ padding-top: 66.66%; overflow: hidden;}
.news-list-2 .left .img_ratio img{ transition: 0.3s all;}
.news-list-2 .left a:hover img{ transform: scale(1.1);}
.news-list-2 .right{ padding: 20px; overflow: hidden;}
.news-list-2 .right a{ display: block;}
.news-list-2 .right .p2{ margin: 10px 0 ;}
.news-list-2 .right .from{ color: #999;}
.news-list-2 .right .from span.d{ display: inline-block; margin-left: 2em; padding-left: 1em; background: url(/static/images/data.png) no-repeat left center; background-size: 12px 12px;}

.content-box .pad-box{ padding: 5% 0;}
.content-box .cont2{ justify-content: center; padding: 20px 0 30px; margin-bottom: 30px; border-bottom: 1px solid #d0d0d0;}
.content-box .cont2 span{ margin: 0 1em; }
.content-box .cont2 a{ display: inline-block; width: 25px; height: 25px; margin: 0 4px;}
.content-box .cont2 a.wb{ background: url(/static/images/f1.png);}
.content-box .cont2 a.wx{ background: url(/static/images/f2.png);}

.content-bottom{ padding: 40px 0 50px; border-top: 1px solid #d0d0d0; margin-top: 40px;}
.content-bottom p{ padding: 5px 0;}
.content-bottom .left a:hover{ text-decoration: underline !important;}
.content-bottom .right a{ display: block; padding: 6px 2em; border: 1px solid #d0d0d0; border-radius: 100px;}
.content-bottom .right a:hover{background: #004999; color: #fff; border-color: #004999;}



@media only screen and (max-width:1330px) {
    .model-wrap{ width: 1024px;}
    
}


@media only screen and (max-width:1023px) {
    .model-wrap{ width: auto; margin: 0 20px;}

    .art-left{ display: none;}
    .news-list-2 .left{ width: auto; float: none;}
}

@media only screen and (max-width:750px) {
    body .scrollbody .header{ background: none; box-shadow: none;}
    .model5-1-box .left{ position: relative; left: auto; bottom: auto; display: inline-block;}
    .model5-1-box .left br{ display: none;}
    .model5-1-box ul{ padding: 0; margin: 0;}
    .model5-1-box li:first-child{ font-size: 1.5em;}
    .model5-1-box li:first-child{ margin:1em 0;}
    .model5-1-box li{ float: none; width: auto;}
    .model5-1-box .right{ bottom: auto; top: 0.1em; transform: scale(0.5);}
    .model55-box .left{ float: none; width: auto; margin: 0 0 1em;}
    .model55-box .right{ min-height: auto;}
    .model55-box2 li{ float:none; width: auto;}
    .model55-box2 li:nth-child(3) ~ li .w::after{ display:block;}
    body .model55-box2 li:last-child .w::after{ display: none;}

    .model5_44 li { width: auto; float: none;}
    .model5_44 li .w{ padding: 0 0 0 60px; padding-bottom: 50px; margin-bottom: 0;}
    .model5_44 li .m{ left: 60px; bottom: 10px;}

    .model5_box_2 li{ width: auto; float: none;}
    .about_index_3_swiper .w{transform: scale(1.2);}

    .about_index_3_swiper{ margin: 0 ; padding: 2em 0 ;}
    .model5-swiper .swiper-button-next{ right: 0; transform: scale(0.5);}
    .model5-swiper .swiper-button-prev{left: 0; transform: scale(0.5);}
    .model5-swiper .model55_more{ padding: 3em  0;}
}