.ohter-banner{ height: 160px; background-position: center; background-size: cover; text-transform: uppercase; color: #fff;}
.ohter-banner p{ letter-spacing: 1px;}

.coverbg{ background-size: cover; background-position: center;}

.crumbs{ padding: 10px 0; background: #f8fbfd;}
.crumbs .wrap > *{ display: inline-block; vertical-align: middle;color: #666;}
.crumbs .home img{ width: 18px; height: 18px; margin-right: 5px;}
.crumbs em{ margin: 0 5px; opacity: 0.8;}
.crumbs span{ opacity: 0.8;}
.crumbs a:hover{color: #004899;}


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

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

.news-bk2{ }
.news-bk2 .pad-box{ padding: 4% 0 4%;}
.news-bk2 .home-title{ margin-bottom: 30px;}
.news-bk2 .left-box{ width: 65.93%; float: left; margin-right: 30px; position: relative;}
.news-bk2 .left-box li{ border-bottom: 1px dashed #d6d6d6; padding: 15px 0;}
.news-bk2 .left-box li:last-child{ border: 0;}
.news-bk2 .left-box li .w{ overflow: hidden;}
.news-bk2 .left-box li .d{ float: left; margin-right: 20px;}
.news-bk2 .left-box li .t{ overflow: hidden; display: block;}
.news-bk2 .left-box li h3{ margin-bottom: 5px; margin-top: 2px;}
.news-bk2 .left-box li .p2{ color: #999;}

.news-bk2 .right-box{ overflow: hidden;}
.news-bk2 .right-box ul{ background: #f9fbfd; padding: 10px 20px 10px;} 
.news-bk2 .right-box li{ border-bottom: 1px dashed #e5e7e9; padding: 10px 0; }
.news-bk2 .right-box li:last-child{ border: 0;}
.news-bk2 .right-box li .d{ color: #666;}
.news-bk2 .right-box li a{ padding-left: 1em; position: relative; display: block;}
.news-bk2 .right-box li a::after{ content: ' '; left: 0; top: 10px; border-radius: 5px; width: 4px; height: 4px; background: #333; position: absolute;}
.news-bk2 .right-box li a:hover::after{ background:#004999;}

.news-bk3{ height: 200px; overflow: hidden; justify-content: center; align-items: flex-end;}
.news-bk3 img{height: 200px; width: auto; }

.news-bk4 .pad-box{padding: 5% 0 2%;}
.news4-ul ul{ margin: 0 -20px; overflow: hidden;}
.news4-ul li{ float: left; width: 33.33%;}
.news4-ul dl{ overflow: hidden; margin: 0 20px 50px;}
.news4-ul dt{ float: left; width: 2em; padding:8px 12px; border-radius: 5px; background: #fbfdff; border: 1px solid #dee3ec; line-height: 1.2; color: #6aa1d9; margin-right: 1em;}
.news4-ul dt a{ color: #6aa1d9;}
.news4-ul dd{ line-height: 1.8; width: 0;}
.news4-ul dd .from .mag-r-20{ max-width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

.news-bk5 .tab-box {padding: 5% 0 5%;}
.news-bk5 .tab-head{ text-align: center;}
.news-bk5 .tab-a{  display: inline-block; padding: 0 1em; line-height: 1; padding-bottom: 5px; border-right: 1px solid #ccd3db;}
.news-bk5 .tab-a:last-child{ border: 0;}
.news-bk5 .tab-a.cur{ color: #cc0100; font-weight: bold;}
.news-bk5 ul{ margin: 40px -15px 10px;}
.news-bk5 li{  float: left; width: 33.33%; }
.news-bk5 li .w{ display: block; margin: 0 15px 30px; background: #fff; padding:30px 40px 0; padding-bottom: 110px; transition: 0.2s all; position:relative;}

.news-bk5 li .w .h2{ margin: 20px 0 10px; height: auto; max-height: 3em; height: 3em;}
.news-bk5 li .m{ position: absolute; left: 40px; bottom: 40px; background: #f4f4f4; width: 90px; padding: 5px 10px;}
.news-bk5 li .m .img{ height: 10px;}
.news-bk5 li .m img{ width: 6px; height: 10px;}
.news-bk5 li .m img.j2{ display: none;}
.news-bk5 li .w:hover{ background: #004899; color: #fff;}
.news-bk5 li .w:hover .m{ background-color: #fff; color: #333;}
.news-bk5 li .w:hover .m img.j1{ display: none;}
.news-bk5 li .w:hover .m img.j2{ display: block;}
.news-bk5 .more{ text-align: center; }
.news-bk5 .more a{ display: inline-block; padding:5px 15px; border: 1px solid #d2d2d2;}
.news-bk5 .more a:hover{ background-color: #004899; color: #fff; border-color: #004899;}


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

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

.main-art-box .art-right{ overflow: hidden;}

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

.main-art-box .right-title .right2 a{ background: #004899; color: #fff; padding: 0.5em 1.5em; border-radius: 100px;}
.main-art-box .right-title .right2 a span{ margin-right: 10px;}
.main-art-box .right-title .right2 a i{ margin-top: 1px; font-weight: bold;}
.main-art-box .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(../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(../images/f1.png);}
.content-box .cont2 a.wx{ background: url(../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;}


.dangjian1{ margin: 0;}
.dangjian1 a{ background: #fff; color: #fff; display: inline-block; padding: 7px 20px; border-radius: 2px;}
.dangjian1 a:hover{ opacity: 0.8;}
.dangjian1 a span{ margin: 0 10px;}

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

.about2-box{ }
.about2-box .left{ width: 480px; float: left; margin-right: 80px;}
.about2-box .left .img_ratio{ padding-top: 64%; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden;}
.about2-box .left .img_ratio img{ background-color: #000;}
.about2-box .left .img_ratio .play{ background: url(../images/a3.png) no-repeat;  width: 98px; height: 98px; background-size: 100%; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.about2-box .right{ overflow: hidden; position: relative; top: -10px;}
.about2-box .right h3{ display:inline-block; padding: 1em 0.5em 0.2em 0; background-position: left top; background-repeat: no-repeat; background-size: 100% auto;}
.about2-box .right article{ line-height: 1.8; color: #7d7d7d; text-align: justify; margin: 1em 0 2em;}
.about2-box .right .down{ display: inline-block;}
.about2-box .right .down a{ background: #eff4f7; color: #666666; padding: 8px 1.5em; border-radius: 100px;  }
.about2-box .right .down a img{ margin-left: 10px;}
.about2-box .right .down a:hover{ background: #daebf6;}

.about2-box2 ul{ margin: 70px 0 50px;}
.about2-box2 ul li{ float: left; width: 33.33%; text-align: center;}
.about2-box2 li:nth-child(2) dl{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.about2-box2 dt{ font-weight: bold; color: #3453a2; 
    
}
.about2-box2 dt i{
    -webkit-background-clip: text;  
    -webkit-color: transparent;
    -webkit-background-image: url(../images/04.jpg);
    -webkit-background-position: center bottom;}

.about2-box2 .art{ margin: 40px 0 0; color: #7d7d7d;}
.about2-box2 .art p{ margin-bottom: 1em;}

.about3-ul ul{ margin: 0 -10px; padding-bottom: 30px;}
.about3-ul li{ float: left; width: 32%; }
.about3-ul li:nth-child(3n-1){ width: 36%;}
.about3-ul li .w{ margin: 0 10px; padding: 25px 0; justify-content:center;  color: #074d9a; background: url(../images/b1.png) no-repeat 0 150px #f5f8fa; background-size: cover ; transition: 0.5s all;}
.about3-ul li .w span{ margin-left: 1em;}
.about3-ul li .w .i2{ display: none;}
.about3-ul li .w:hover { background-position: center;  color: #fff; }
.about3-ul li .w:hover .i1{ display: none;}
.about3-ul li .w:hover .i2{ display: block;}

.about4-ul ul{ margin: 0 1px; display: flex; flex-wrap: wrap;}
.about4-ul li{  width: 18%; transition: 0.5s all;}
.about4-ul li .w{  margin: 0 1px; background: url(../images/b1.png) no-repeat 0 400px #ecf2f5; background-size: cover ; transition: 0.5s all; height: 320px; justify-content: center; align-items: flex-end; overflow: hidden;}
.about4-ul li .w dl{ padding-bottom: 40px; text-align: center;}
.about4-ul li .w  dt .i2{ display: none;}
.about4-ul li .w  dt img{ width: 60px; height: 60px;}
.about4-ul li .w  dt{ background: #d4e0ec; border-radius: 100%; padding: 10px; margin-bottom: 50px; transition: 0.3s all;  display: inline-block;}
.about4-ul li.cur { width: 28%;}
.about4-ul li.cur .w{background-position:left center;  color: #fff; }
.about4-ul li.cur dt{ background-color: #336eae;}
.about4-ul li.cur dt .i2{ display: block;}
.about4-ul li.cur dt .i1{ display: none;}

.about5-ul li{ position: relative; margin-bottom: 70px;}
.about5-ul dt{ position:absolute; padding: 0 0.5em; top: -1.1em; left: 3%;}
.about5-ul li:nth-child(3n) dt{ left: 50%; transform: translateX(-50%);}
.about5-ul li:nth-child(3n - 1) dt{ left: auto; right: 3%;}
.about5-ul dt span{ position: relative; z-index: 2;}
.about5-ul dt::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 3px; height: 15px; background:#4d95ed;}
.about5-ul dd{ background: #f8fbfd; padding: 2em 3%;}


.about6-box .tab-head { text-align: center; margin-bottom: 50px;}
.about6-box .tab-head  .tab-a{  display: inline-block; padding: 0 1em; line-height: 1; padding-bottom: 5px; border-right: 1px solid #ccd3db;}
.about6-box .tab-head  .tab-a:last-child{ border: 0;}
.about6-box .tab-a.cur{ color: #cc0100; font-weight: bold;}

.about6-box{ padding-bottom: 70px;}
.about6-box .more2{ text-align: center; margin-top: 30px; }
.about6-box .more2 a{ display: inline-block; padding:7px 20px; border: 1px solid #d2d2d2;  border-radius: 100px;}
.about6-box .more2 a span{ margin-right: 5px;}
.about6-box .more2 a:hover{ background-color: #004899; color: #fff; border-color: #004899;}


.about6-ul1 li{ float: left; width: 20%;}
.about6-ul1 li .p{ width: 150px; height: 150px; background: url(../images/y1.png) no-repeat; background-size: 100%; border-radius: 100%; display: flex; justify-content: center; align-items: center; margin: 0 auto;}
.about6-ul1 li .p span{ font-family: arial; margin-bottom: 0.5em; position: relative; font-weight: bold; color: #fff;vertical-align: text-top;}
.about6-ul1 li .p span::after{ content: ''; position: absolute; left: 50%; top: 100%; height: 2px; background: #fff; width: 1em; margin-left: -0.5em;}
.about6-ul1 li .p span em{ font-size: 0.5em; display: inline-block; vertical-align: text-top; }
.about6-ul1 li .t{ margin-top: 1em; text-align: center; color: #666;}

.about6-ul2{ padding-bottom: 80px;}
.about6-ul2{ padding-bottom: 40px;}
.about6-ul2 li{ float: left; width: 33.33%; text-align: center;}
.about6-ul2 li .w{ margin: 0 20px;}
.about6-ul2 li .yh{ margin: 20px 0;}

.about6-ul3{width: 86%; margin: 0 auto;}
.about6-ul3 .swiper-slide{  width: 33.33%;}
.about6-ul3  .w{ margin: 0 15px 30px;}
.about6-ul3  .w .img{ background: url(../images/honoer_03.jpg); padding: 10px; background-size: 100%;}
.about6-ul3  .img_ratio{ padding-top:67.2% ;}
.about6-ul3 .swiper-wrapper{ padding-bottom: 2em;}

.about7-box{ padding-bottom: 70px;}
.about7-box ul{ margin: 0 -20px;}
.about7-box li{ width: 50%; float: left;}
.about7-box li dl{ margin: 0 20px; min-height: 180px; background: url(../images/b2.png) no-repeat center; background-size: cover;}
.about7-box li:first-child dl{ background-image: url(../images/b1.png); color: #fff;}
.about7-box li dl{ padding: 3em;}
.about7-box li dt{ margin-bottom: 0.5em;}
.about7-box li dt img{ width: 1.6em; height: 1.6em; margin-right: 0.5em;}
.about7-box li dd{ line-height: 1.8;}

.about-tit-child{ margin: 1em 0 0.5em;}

.party-2-ul{ margin: 0 -10px;}
.party-2-ul li{ float: left; width: 33.33%;}
.party-2-ul li .w{ margin: 0 10px 20px;}
.party-2-ul li .w .img_ratio{ padding-top: 62%;}
.party-2-ul li .w p{ color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 20px;  z-index: 2; background: rgba(0,0,0,0.5); text-align: center;}


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

.about-service-tit {  justify-content: space-between; margin: 40px -5px; overflow-x: auto; }
.about-service-tit a{ padding: 0.5em 0.5em; text-align: center; margin: 0 5px; width: 100%; white-space: nowrap; background: #eff4f7; color: #666;}
.about-service-tit a.cur{ background: #004999; color: #fff;}

.table-list { border: 1px solid #dce4ea;}
.table-list td{ padding: 10px 20px;}
.table-list td a{ display: block;}
.table-list tr:nth-child(2n) td{ background: #fbfcfe;}

.table-list2{ border: 1px solid #dce4ea;}
.table-list2 thead td{ font-weight: bold; background: #fbfcfe; text-align: center;}
.table-list2 td{ padding: 10px; border: 1px solid #dce4ea;}
.table-list2 tr:nth-child(2n) td{ background: #fbfcfe;}

.industry-list{ padding-top: 50px;}
.industry-list ul{margin: 0 -10px;}
.industry-list li{ float: left; width: 33.33%;}
.industry-list li .w{ margin: 0 10px 20px; position: relative;}
.industry-list li .w::after{ content: ''; position: absolute; background: rgba(255,255,255,0.95); z-index: 1; width: 100%; height: 100%; left: 0; top: 0; pointer-events: none; transition: 0.4s all;}
.industry-list li .w .img_ratio{ padding-top: 62%;}
.industry-list li .w p{ color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 6px 20px;  z-index: 2; background: rgba(0,73,154,0.5); text-align: center;}
.industry-list li .w .icon{ z-index: 4; position: absolute; left: 50%; top: 40%; transform: translate(-50%,-50%); padding: 15px; border-radius: 100%; background: #fff;  pointer-events: none; }
.industry-list li .w .icon img{ width: 61px; height: 61px; transition: 0.4s all;}
.industry-list li .w:hover::after{ background: rgba(0,73,152,0.95);}
.industry-list li .w:hover .icon img{ transform: rotateY(180deg);}

.contact-box{ margin: 50px 0 30px;}
.contact-ul{ margin: 0 -10px;}
.contact-ul li{ float: left; width: 50%;}
.contact-ul li dl{ margin: 0 10px 20px; background: #f3f8fc; padding: 2em 2em 1em;}
.contact-ul li dt{ font-weight: bold; margin-bottom: 1em; padding-bottom: 1em; border-bottom: 1px solid #ebedf4; position: relative;}
.contact-ul li dt::after,
.contact-ul li dt::before{ content: ''; position: absolute; left: 0; width: 5px; height: 5px; border-radius: 100%; background: #ebedf4; bottom: -3px;}
.contact-ul li dt::before{left: auto; right: 0;}
.contact-ul li dd{ line-height: 1.8; min-height: 6em;}
.contact-ul li dl .i2{ display: none;}
.contact-ul li dl .flex{ margin-bottom: 0.2em;}
.contact-ul li dl .img{ height: 20px; vertical-align: top; margin-right: 10px; margin-top: 1px;}
.contact-ul li dl .img img{ width: 20px; height: 20px;}
.contact-ul li dl:hover{ background: url(../images/cont0.jpg); background-size: cover; color: #fff;}
.contact-ul li dl:hover .i2{ display: block;}
.contact-ul li dl:hover .i1{ display: none;}

.leader-1{ padding: 90px 0 50px; width: 90%; height: 90%; margin: -2px 5% 2em;}
.leader-1 dl{ width: 24%;  margin: 0 auto; color: #333;}
.leader-1 dd{ padding: 0.5em; text-align: center; }
.leader-1 .img_ratio{ padding-top: 127%;} 
.leader-1 dl:hover{background: #004999; color: #fff;}

.leader-2 ul{margin: 0 -10px;}
.leader-2 li{ float: left; width: 18%; margin: 0 1% 2em;}
.leader-2 li:nth-child(4){ margin-left: 37%;}
.leader-2 dl{  margin: 0 10px; color: #333; cursor: default;}
.leader-2 dl:hover{background: #004999; color: #fff;}
.leader-2 dd{ padding: 0.5em; text-align: center; }
.leader-1 dd span{ display: block; font-size: 0.7em;}
.leader-2 dd span{ display: block; font-size: 0.7em;}
.leader-2 .img_ratio{ padding-top: 127%;} 
.leader-2 li:nth-child(4) {margin-left: -1%;}

.leader-3{ margin-top: 70px; }
.leader-3 .tit{ text-align: center; position: relative; display: inline-block;  }
.leader-3 .tit span{ position: relative; display: inline-block; z-index: 2; padding: 0 1em;}
.leader-3 .tit::after{ content: ''; position: absolute; left: 0; right: 0; bottom: 0px; height: 15px; background:#4d95ed; z-index: 1;}
.leader-3 ul{ border: 1px solid #dce4ea; margin-top: 30px;}
.leader-3 li{ float: left; width: 50%; background: #fbfcfe; position: relative;}
.leader-3 li .box{ width: 30%; margin-right: 10px; border-radius: 2px; overflow: hidden;}
.leader-3 li .img_ratio{ padding-top: 50%;}
.leader-3 li:nth-child(4n-1),
.leader-3 li:nth-child(4n) { background: #ffffff;}
.leader-3 li .w{ padding: 0 2em 0 1em; height: 6em;}
.leader-3 li .w span{ flex: 1;}
.leader-3 li:nth-child(2n-1)::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 1px; background: #dce4ea;}

.guide_list { padding: 50px 20px 0;}
.guide_list li {  border-left: 1px dashed #ddd;}
.guide_list dl{ padding-bottom:30px;}
.guide_list dt{ float: left; background: url(../images/net1.png) no-repeat; text-align: center; font-size: 18px; line-height: 32px; width: 32px; font-weight: bold; color: #94b3d1; margin-left: -17px; margin-right: 20px;} 
.guide_list dd{ overflow: hidden; }
.guide_list dd h2{ margin-bottom: 0.8em; font-weight: bold;}
.guide_list dd article{ line-height: 1.8; color: #666;}
.guide-bottom {  justify-content: space-between; margin: 40px 5%;}
.guide-bottom a{ padding: 0.5em 1em; text-align: center; margin: 0 5px; width: 100%; white-space: nowrap; background: #004999; color: #fff;}
.guide-bottom a.cur{ background: #cc0100; color: #fff;}
.guide-bottom a:hover{ opacity: 0.8;}

.honor-list{ padding-top: 50px;}
.honor-list .ul{ margin: 0 -15px;}
.honor-list .li{ float: left; width: 33.33%;}
.honor-list .li .w{ margin: 0 15px 30px;}
.honor-list .li .w .img{ background: url(../images/honoer_03.jpg); padding: 10px; background-size: 100%;}
.honor-list .li .img_ratio{ padding-top:67.2% ;}

.number1 ul{ margin: 70px 0 60px;}
.number1 ul li{ float: left; width: 33.33%; text-align: center;}
.number1 li:nth-child(2) dl{ border-left: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; }
.number1 dt{ 
    font-weight: bold; color: #3453a2; 

    -webkit-background-clip: text;  
    -webkit-color: transparent;
    -webkit-background-image: url(../images/04.jpg);
    -webkit-background-position: center bottom;
}
.number1 li:nth-child(3) dt{ background-position: right bottom;}

.number2 ul{ border: 1px solid #dce4ea; }
.number2 li{ float: left; width: 50%; background: #fbfcfe; position: relative;}
.number2 li:nth-child(4n-1),
.number2 li:nth-child(4n) { background: #ffffff;}
.number2 li .w{   display: flex; align-items: center;}
.number2 li .w .l{ flex: 1; padding: 0 2em;}
.number2 li .w .r{ font-weight: bold; height: 3.2em; line-height: 3.2em; color: #004999; width: 40%; border-left: 1px solid #ebf1f4; text-align: center;}
.number2 li:nth-child(2n-1)::after{ content: ''; position: absolute; right: 0; top: 0; bottom: 0; width: 2px; background: #cccccc;}

.hear-ul{ padding-top: 50px;}
.hear-ul ul{ margin: 0 -10px;}
.hear-ul li{ float: left; width: 50%;}
.hear-ul li dl{ margin: 0 10px 20px; padding:10px 35px; border: 1px solid #ebebeb; border-top-width: 2px;}
.hear-ul li .img{ width: 260px;}
.hear-ul li .img_ratio{ padding-top: 30%; } 
.hear-ul li dd{ border-top: 1px solid #ebebeb; line-height: 1.8; height: 7.2em; overflow-y: auto; padding: 15px 0 0; margin-top: 15px;}


.industry-1 ul{ margin: 0 -20px; overflow: hidden;}
.industry-1 li{ float: left; width: 33%;}
.industry-1 dl{ overflow: hidden; margin: 0 20px 50px;}
.industry-1 dt{ float: left; width: 2em; padding:8px 12px; border-radius: 5px; background: #9ac5f4;  line-height: 1.2; color: #fff; margin-right: 1em;display: none;}
.industry-1 dt a{ color: #fff;}
.industry-1 dd{ line-height: 1.8; width: 0;}

.industry-2{ background: #f8fbfd;  margin-top: 50px;  padding-bottom: 50px;}
.industry-2 ul{ margin: 0 -10px 30px;}
.industry-2 li{ float: left; width: 33.33%;}
.industry-2 li .w{ margin: 0 10px 20px;}
.industry-2 li .w .img_ratio{ padding-top: 56%;}
.industry-2 li .w p{ color: #fff; position: absolute; left: 0; right: 0; bottom: 0; padding: 5px 20px;  z-index: 2; background: rgba(0,0,0,0.5); text-align: center;}
.industry-2 li .w:hover p{ background: #004899; color: #fff;}

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



.cooper-1{ padding-bottom: 2.8%;}
.cooper-1 .cooper-item{ margin-top: 50px; text-align: center; padding: 2em 1em 0; background: #f8fbfd;}
.cooper-1 .cooper-item a{ display: inline-block; padding: 0 1em; min-width: 20%; border-right: 1px solid #ddd; margin-bottom: 2.5em;}
.cooper-1 .cooper-item a:nth-child(4n),
.cooper-1 .cooper-item a:last-child{ border: 0;}

.cooper-2{ background-color: #f8fbfd;}
.cooper-2 .cooper-item{ background-color: #fff;}

.comper_list{margin: 0 -10px; padding-bottom: 7.8%;}
.comper_list ul{ }
.comper_list .item{ width: 25%; float: left;}
.comper_list .item .w{ margin: 0 10px 20px; border: 1px solid #d4d4d4; padding: 20px;}
.comper_list .item .img_ratio{ padding-top: 77%;}
.comper_list .item .img{ margin: -21px; margin-bottom: 20px;}
.comper_list .item .d span{ flex: 1;}
.comper_list .item .d a{ background: url(../images/n1.png) no-repeat; width: 17px; height: 17px;}
.comper_list .item .w:hover{ background: #004999; color: #fff; border-color: #004999;}
.comper_list .item .w:hover a{ color: #fff;}
.comper_list .item .w:hover .d a{ background-image: url(../images/n2.png);}


.cooer_org{ padding-top:20px;}
.cooer_org li{ float: left; width: 50%; padding: 5px 0; border-bottom: 1px dashed #d6d6d6;}
.cooer_org li a{ display:block; padding: 12px; position: relative;}
.cooer_org li a::after{ content: ''; width: 4px; height: 4px;  background: #999; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}


.cooer_ass{ padding: 40px 0 0;}
.cooer_ass li{ margin-bottom: 15px;}
.cooer_ass .w{ border: 1px solid #f7f7f7; }
.cooer_ass .left{ width: 240px;  float: left;  background: #f7f7f7;   }
.cooer_ass .left .img_ratio{ padding-top: 66%; overflow: hidden;}
.cooer_ass .left .img_ratio img{ transition: 0.3s all;}
.cooer_ass .left a:hover img{ transform: scale(1.1);}
.cooer_ass .right{ padding: 20px 20px 10px; overflow: hidden;}
.cooer_ass .right .p2{ margin: 10px 0 ;}

.table_base{ border: 1px solid #ebf1f4; width: 100%; margin-top: 50px;}
.table_base thead td{ font-weight: bold; background: #f8fbfd; color: #333; text-align: center;}
.table_base td{ padding:1em 10px; color: #666; border-right: 1px solid #ebf1f4; background: #fff;}
.table_base tr:nth-child(2n) td{ background: #fbfcfe;}





.forum-title{ margin-bottom: 40px;}
.forum-title .left{ position: relative; color: #333; font-weight: bold;}
.forum-title .left::after{ content: ''; position: absolute; left: 0; top: 110%; height: 3px; width: 1.2em; background: #cc0100;}
.forum-title .right i{ margin-left: 5px; transform:translateY(1px);}

.forum1-bk{ padding-top: 5%;}
.forum1-bk .forum1{ width: 66%; margin-right: 20px; float: left;}
.forum1-bk .forum2{ overflow: hidden;}
.forum1-ul{ overflow: hidden; background-color: #f8f8f8; padding: 11px 20px;}
.forum1-ul li{ border-bottom: 1px dashed #e3e3e3; height: 90px; padding: 40px 0 21px;}
.forum1-ul li:last-child{ border: 0;}
.forum1-ul .w{ overflow: hidden;}
.forum1-ul .w .left{ float: left; background: #3469d4; color: #fff; border-top-right-radius: 5px;  border-bottom-left-radius: 5px; line-height: 1.2; padding: 5px 10px;}
.forum1-ul .w .right{ padding-left: 20px;}
.forum1-ul .w .right h3{ height: auto; margin-bottom: 15px; font-weight: bold;}
.forum1-ul .w .right .p{ color: #999; }
.forum1-ul .w .right .p em{ display: inline-block; width: 1px; height: 1em; margin: 0 10px; background-color: #999; vertical-align: middle;}

.forum2-ul .img_ratio { padding-top: 55%;}
.forum2-ul li:first-child{ margin-bottom: 20px;}
.forum2-ul li dl{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; color: #fff; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); padding: 2em 20px 20px;}
.forum2-ul li dd{ margin-top: 1em;}
.forum2-ul li dd i{ margin: 0 10px; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #fff;}

.forum3{padding-top: 5%;}
.forum3-bk-ul{ margin: 0 -10px;}
.forum3-bk-ul li{ float: left; width: 33.33%;}
.forum3-bk-ul li .w{ margin: 0 10px 20px;}
.forum3-bk-ul li .w .img_ratio{ padding-top: 56%;}
.forum3-bk-ul li .w p{ color: #fff; margin-top: 10px;}

.forum4{padding-top: 5%; padding-bottom: 5%;}
.forum4-bk-ul{ margin: 0 -10px;}
.forum4-bk-ul li{ float: left; width: 33.33%;}
.forum4-bk-ul li .w{ margin: 0 10px 20px; border: 1px solid #f8f8f8; box-shadow: 2px 5px 7px rgba(0,0,0,0.03); display: block; padding:1.3em 1em 1.6em; height: 3em; position: relative;}
.forum4-bk-ul li .w .left{ line-height: 1.2; text-align: center; color: #5b96d8; margin-right: 1.5em;}
.forum4-bk-ul li .w .right{ margin: 5px 0 0 0; overflow: hidden;}
.forum4-bk-ul li .w::after{ position: absolute; opacity: 0; content: ''; background: #004899; height: 4px; right: 0;  bottom: 0; width: 0; transition: 0.5s all;}
.forum4-bk-ul li .w:hover::after{ opacity: 1; width: 100%;}

.online-box{ padding: 5% 0 3%;}
.online-box ul{ margin: 0 -10px;}
.online-box li{ float: left; width: 50%;}
.online-box li .w{ margin: 0 10px 30px; border: 1px solid #ecf3f8;  box-shadow: 2px 5px 8px rgba(0,0,0,0.02);}
.online-box li .item{ margin-bottom: 10px; position: relative;}
.online-box li:nth-child(1),
.online-box li:nth-child(2){ width: 50%;}
.online-box li:nth-child(1) .item,
.online-box li:nth-child(2) .item{ width: 50%; float: left;}

.online-box li .item .child{ display: none; position: absolute; left: 0 ; top: 100%; background: #fff; z-index: 10;}
.online-box li .item:hover .child{ display: block;}

.online-box li dt{ text-align: center; padding: 5% 0;border-top: 2px solid #fdd2d6;transition: all .3s;}
.online-box li:hover  dt{border-top: 2px solid #d6000f;}
.online-box li dd{ margin: -2px 30px 0; padding-top: 1em; min-height: 14em; border-top: 1px dotted #b1cae3;}
.online-box li:nth-child(1) dd,
.online-box li:nth-child(2) dd{min-height: 12em;}
.online-box li a{ padding: 5px;}
.online-box li .a{ display: inline-block;  padding-left: 1.2em; background:url(../images/rt0.png) left center no-repeat;}
.online-box li .a:hover{ background-image: url(../images/rt00.png);}
.online-box li .b{ border-radius: 100px; border: 1px solid #d2d2d2; display: inline-block; padding: 5px 1.5em;}
.online-box li .b i{ margin-left: 1em;}
.online-box li .b:hover{ background: #004899; color: #fff; border-color: #004899;}



.member2-box{ padding-top: 5%; }
.member2-box .left{ width: 390px; float: left; margin-right: 60px;}
.member2-box .left .img_ratio{ padding-top: 64%; border-top-left-radius: 100px; border-bottom-right-radius: 100px; overflow: hidden;}
.member2-box .left .img_ratio img{ background-color: #000;}
.member2-box .left .img_ratio .play{ background: url(../images/a3.png) no-repeat;  width: 98px; height: 98px; background-size: 100%; z-index: 2; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%);}
.member2-box .right{ overflow: hidden; margin-top: -10px;}
.member2-box .right h3{ display:inline-block; padding: 0.2em 0.5em 0.2em 0; background-position: left top; background-repeat: no-repeat; background-size: 100% auto;}
.member2-box .right article{ line-height: 2; color: #7d7d7d; text-align: justify; margin: 1em 0 2em;}

.member3-ul ul{ margin: 0 -10px; padding-bottom: 30px;}
.member3-ul li{ float: left; width: 50%; }
.member3-ul li .w{ margin: 0 10px; padding: 25px 0; justify-content:center;  color: #074d9a; background: url(../images/b1.png) no-repeat 0 150px #f5f8fa; background-size: cover ; transition: 0.5s all; position: relative;}
.member3-ul li .w .tip{ position: absolute; left: 0; top: 0; background: #cc0100; color: #fff; padding: 1px 5px; border-bottom-right-radius: 5px;}
.member3-ul li .w span{ margin-left: 1em;}
.member3-ul li .w .i2{ display: none;}
.member3-ul li .w:hover { background-position: center;  color: #fff; }
.member3-ul li .w:hover .i1{ display: none;}
.member3-ul li .w:hover .i2{ display: block;}

.member-tab-box{}
.member-tab-box .item-head ul{ margin: 0 -10px;}
.member-tab-box .tab-a{ float: left; width: 20%; position: relative;}
.member-tab-box .tab-a.cur::after{ content: ''; width: 0; height: 0; left: 50%; bottom: 0; border: 5px solid rgba(0,0,0,0); border-bottom-color:#004899; position: absolute; margin-left: -3px;}
.member-tab-box .tab-a.cur .w{ background:url(../images/b1.png) center; background-size: cover; color: #fff;}
.member-tab-box .tab-a .w{ background: #f1f6f9; padding:2em 1em 2em 2em; margin: 0 10px 10px; cursor:default;}
.member-tab-box .tab-a .w .i2{ display: none;}
.member-tab-box .tab-a .w h2{ font-weight: bold;}
.member-tab-box .tab-a .w .img{ margin-right: 1em;}
.member-tab-box .tab-a .w .img img{ width: 60px; height: 60px;}
.member-tab-box .tab-a.cur .w .i2{ display: block;}
.member-tab-box .tab-a.cur .w .i1{ display: none;}
.member-tab-box .item-body .tab-b{ margin-bottom: 20px; border: 1px solid #ddd; border-top: 3px solid #004899; padding: 2em 2em 1em; min-height: 6.5em;}
.member-tab-box .item-body .tab-b a{ display: inline-block; padding: 5px 2em; background: #f8fbfd; margin: 0 1em 1em 0;}
.member-tab-box .item-body .tab-b a:hover{ background: #004899; color: #fff;}

.member4-ul ul{ margin: 0 1px;}
.member4-ul li{ float: left; width: 18%; transition: 0.5s all;}
.member4-ul li .w{  margin: 0 1px; background: url(../images/b1.png) no-repeat 0 400px #ecf2f5; background-size: cover ; transition: 0.5s all; height: 320px; justify-content: center; align-items: flex-end; overflow: hidden;}
.member4-ul li .w dl{ padding-bottom: 40px;}
.member4-ul li .w  dt .i2{ display: none;}
.member4-ul li .w  dt img{ width: 60px; height: 60px;}
.member4-ul li .w  dt{ background: #d4e0ec; border-radius: 100%; padding: 10px; margin-bottom: 50px; transition: 0.3s all;}
.member4-ul li.cur { width: 28%;}
.member4-ul li.cur .w{background-position:left center;  color: #fff; }
.member4-ul li.cur dt{ background-color: #336eae;}
.member4-ul li.cur dt .i2{ display: block;}
.member4-ul li.cur dt .i1{ display: none;}

.member-bk3{ padding: 2% 0 5%;}



.law_case_list{ padding-top:20px;}
.law_case_list li{  padding: 5px 10px; border-bottom: 1px dashed #d6d6d6;}
.law_case_list li .w{ display:block; padding: 12px; position: relative;}
.law_case_list li .d1::after{ content: ''; width: 4px; height: 4px;  background: #999; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}
.law_case_list li .d1{ float: left; width: 70%;}
.law_case_list li .d2{ float: left; width: 15%; text-align: center;}
.law_case_list li .d3{ float: left; width: 15%; text-align: center;}
.law_case_list li.no1{ background: #f4f9fc;  border-bottom: 0; font-weight: bold;}
.law_case_list li.no1 .d1::after{ opacity: 0;}



.meeting-box .list{padding: 5% 0 8%;}
.meeting-box .list ul{ margin: 0 -10px;}
.meeting-box .list li{ float: left; width: 33.33%;}
.meeting-box .list li .w{ margin: 0 10px 20px; background: #f8fbfd;}
.meeting-box .list li .w .img_ratio{ padding-top: 56%;}
.meeting-box .list li .w p{  padding: 0.6em 1em 0.8em;}
.meeting-box .list li .w a{ display: block;}


.information_1 .art{ padding: 5% 0 4%; line-height: 1.8; letter-spacing: 2px;}
.information_1 li{ float: left; width: 33.33%;}
.information_1 ul{ margin: 0 -10px; padding-bottom: 5%;}
.information_1 li .w{ margin: 0 10px 20px; box-shadow: 2px 8px 8px rgba(0,0,0,0.05);}
.information_1 li .w dt{ border-top: 4px solid #9dc4e5; background: url(../images/qq.png) no-repeat; background-size: cover; height: 96px; display: flex; align-items: center;}
.information_1 li .w dt h2{ border-left: 3px solid #cc0100; line-height: 1.2;  padding-left: 1em; font-weight: bold;}
.information_1 li .w dd{ padding: 2em;}
.information_1 li .w .t1 a{ display: inline-block; padding: 0.2em 1em; border: 1px solid #e3eefa; background: #eef6ff; border-radius: 5px;}
.information_1 li .w .t1 a:hover{ background: #004898; color: #fff; }
.information_1 li .w .t2{ margin-top: 1em; line-height: 1.8; height: 7.2em; color: #666;}
.information_1 li .w .t3 a{ display: inline-block; border: 1px solid #dfdfdf; padding: 5px 1.5em; border-radius: 100px;}
.information_1 li .w .t3 a i{ margin-left: 10px;}
.information_1 li .w .t3 a:hover{ background: #004898; color: #fff;}

.information_2 .swiper{ padding: 5% 0; position: relative; }
.information_2 .wrap{ position: relative;}
.information_2 .bon{ background: url(../images/jt66.png) no-repeat center; width: 30px; height: 30px; position: absolute; left: -30px; top: 50%; margin-top: -15px; transform: rotateY(180deg); cursor: pointer;}
.information_2 .bon.bon-next{left: auto; right: -30px; transform: rotateY(0);}
.information_2 .bon.swiper-button-disabled{ opacity: 0.5; cursor: default;}

.information_2 .w{ margin: 0 5px;}
.information_2 dl{ position: relative; color: #fff;}
.information_2 dl:last-child dt{ margin-bottom: 0;}

.information_2 dt{  cursor:pointer; background: #497cb8; border-radius: 10px; margin-bottom: 10px;}
.information_2 dt .w2{ padding: 10px 1em;}
.information_2 dt .img { margin-right: 10px;}
.information_2 dt .img .i2{ display: none;}
.information_2 dl:hover dt{ background: #ffffff; color: #333;}
.information_2 dl:hover dt .img .i2{ display: block;}
.information_2 dl:hover dt .img .i1{ display: none;}
.information_2 dl:hover dd{ display: block;}
.information_2 dd{ padding: 10px; position: absolute; background: #245ca0; border-radius: 10px; border: 2px solid #fff; z-index: 100; display: none;  left: 0; top: 100%; right: 0; margin-top: 10px;}
.information_2 dd .img{ margin-right: 10px;}
.information_2 dd .img img{ width: 68px; height: 68px;}
.information_2 dd::after{ content: ''; width: 0; height: 0; border: 6px solid rgba(0,0,0,0); border-bottom-color: #fff; position: absolute; left: 10px; top: -14px;}
.information_2 dl:last-child dd{ bottom: 100%; top: auto; margin-bottom: 10px;}
.information_2 dl:last-child dd::after{ border-top-color: #fff; border-bottom-color: rgba(0,0,0,0); bottom: -14px; top: auto;}

.report-box{ overflow: hidden;}
.report-box .list{ padding: 5% 0 5%}
.report-box ul{ margin: 0 -40px;}
.report-box li{ float: left; width: 50%;}
.report-box li .w{ margin: 0 40px 40px;}
.report-box li .w .left{ width: 262px;}
.report-box li .w .left .img_ratio{ padding-top: 135.4%;}
.report-box li .w .right{ background: #fbfbfb; padding: 2em 3em; flex: 1;}
.report-box li .w  article{ margin: 1em 0;}
.report-box li .w  .down{ display: inline-block;}
.report-box li .w  .down a{  background: #91b9de; padding: 3px 1.2em; color: #fff;}
.report-box li .w  .down a img{ margin-left: 10px;}
.report-box li .w  .down a:hover{ background: #1758a7;}




.law2-bk-list{  background: #f8fbfd; padding: 1em 20px; }
.law2-bk-list li{   border-bottom: 1px dashed #d6d6d6;}
.law2-bk-list li .w{ display:block; padding: 1em 0; position: relative;}
.law2-bk-list li:last-child {  border-bottom: 0;}
.law2-bk-list li .d1{ float: left; width: 70%;}
.law2-bk-list li .d1 span{ display: block;}
.law2-bk-list li .d2{ float: left; width: 15%; text-align:right;}
.law2-bk-list li .d3{ float: left; width: 15%; text-align:  center;}


.law-title{ margin-bottom: 40px;}
.law-title .left{ position: relative; color: #333; font-weight: bold;}
.law-title .left::after{ content: ''; position: absolute; left: 0; top: 110%; height: 3px; width: 1.2em; background: #cc0100;}
.law-title .right i{ margin-left: 5px; transform:translateY(1px);}

.law1-bk{ padding: 5% 0;}
.law1{ width: 66%; margin-right: 40px; float: left;}
.law1 ul{ } 
.law1 li{ border-bottom: 1px dashed #e5e7e9; padding: 1em 0; position: relative; }
.law1 li:last-child{ border: 0;}
.law1 li .d{ color: #666; position: absolute; right: 0; top: 50%; transform: translateY(-50%);}
.law1 li a{ padding-left: 1em; position: relative; display: block; padding-right: 100px;}
.law1 li a::after{ content: ' '; left: 0; top: 50%; margin-top: -2px; border-radius: 5px; width: 4px; height: 4px; background: #333; position: absolute;}
.law1 li a:hover::after{ background:#004999;}

.law2{ overflow: hidden;}
.law2-bk1{ background: #f8fbfd; padding: 2em 2em 1em 2em; line-height: 1.8;}
.law2-bk2 img{ width: 100%; height: auto;}

.law34-bk{ padding-top: 5%;}
.law3{ width: 66%; margin-right: 20px; float: left;}
.law4{ overflow: hidden;}
.law3-ul{ overflow: hidden; background-color: #f8f8f8; padding: 3px 20px;}
.law3-ul li{ border-bottom: 1px dashed #e3e3e3;  padding: 2em 0;}
.law3-ul li:last-child{ border: 0;}
.law3-ul .w{ overflow: hidden;}
.law3-ul .w .left{ float: left; background: #3469d4; color: #fff; border-top-right-radius: 5px;  border-bottom-left-radius: 5px; line-height: 1.2; padding: 5px 10px;}
.law3-ul .w .right{ padding-left: 20px;}
.law3-ul .w .right h3{ height: auto; margin-bottom: 0.5em; font-weight: bold;}
.law3-ul .w .right .p{ color: #999; }
.law3-ul .w .right .p em{ display: inline-block; width: 1px; height: 1em; margin: 0 10px; background-color: #999; vertical-align: middle;}

.law4-ul .img_ratio { padding-top: 55%;}
.law4-ul li:first-child{ margin-bottom: 20px;}
.law4-ul li dl{ position: absolute; bottom: 0; left: 0; right: 0; z-index: 2; color: #fff; background-image: linear-gradient(to bottom,rgba(0,0,0,0),rgba(0,0,0,1)); padding: 2em 20px 20px;}
.law4-ul li dd{ margin-top: 1em;}
.law4-ul li dd i{ margin: 0 10px; display: inline-block; vertical-align: middle; width: 1px; height: 1em; background: #fff;}

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

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

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

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

.law6{ padding-top: 60px;}
.law6 li{ border: 4px solid #f8fbfd; margin-bottom: 60px;}
.law6 li:hover{ border-color: #004899;}
.law6 li:hover .icon{ transform:rotateY(180deg);}
.law6 li dl{  display: flex; align-items: center;}
.law6 li dt{  width: 33.33%; padding: 3.5em 0;}
.law6 li dt .icon{ width: 100px; height: 100px; border-radius: 100%; background: #fff; margin: 0 auto; padding: 10px; overflow: hidden; transition: 0.5s all;}
.law6 li dt .icon img{width: 100px; height: 100px;}
.law6 li dd{ flex: 1; padding:1em 2em;}
.law6 li dd .right  img{ width: 120px; height: 120px;}
.law6 li dd .left{ padding-right: 4em;}
.law6 li dd .left article{ line-height: 1.8; margin: 1em 0;}

.law7{ background: #f8fbfd;  padding: 4em 0; margin: 10% 0 5%; }
.law7 .tab-head { text-align: center; margin-top: -3em;}
.law7 .tab-head .tab-a{ cursor: pointer; display: inline-block; background: #eff4f7; padding:0.5em 1em; min-width: 6em; margin: 0 5px;}
.law7 .tab-head .tab-a.cur{ background: #004999; color: #fff;}
.law7 .t3 {  margin: 0 -10px;margin-top: 20px;}
.law7 .t3  li{ float: left; width: 49.5%;margin-bottom: 20px;}
.law7 .t3  li .w{ border: 1px solid #ededed; margin: 0 10px 20px;}
.law7 .t3  li .cont{display: block;}
.law7 .t3  li .img_ratio{ padding-top: 45%;}
.law7 .t3  li .w:hover{ border-color: #004899;}
.law7 .t2{ text-align: center; margin: 2em 0 2em;}
.law7 .tab-a2{  display: inline-block; padding: 0 1em; line-height: 1; padding-bottom: 5px; border-right: 1px solid #ccd3db;  cursor: pointer;}
.law7 .tab-a2:last-child{ border: 0;}
.law7 .tab-a2.cur2{ color: #cc0100;}

.m-service-1{ padding: 5% 0;}
.m-service-1 li{ padding-bottom: 6.5%;}
.m-service-1 li .w{ display: flex; align-items: center; flex-direction: row-reverse;}
.m-service-1 li:nth-child(2n) .w{ flex-direction: row;}
.m-service-1 li .img{ width: 56.25%;}
.m-service-1 li .img .img_ratio{ padding-top: 63%;}
.m-service-1 li dl{ flex: 1; padding: 3em 5em;}
.m-service-1 li dt{ position: relative; padding: 0 0 0.2em; }
.m-service-1 li dt::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 1.2em; height: 3px; background: #cc0100;}
.m-service-1 li dd article{ margin: 2em 0;}
.m-service-1 .m a{ border-radius: 100px; border: 1px solid #d2d2d2; display: inline-block; padding: 5px 1.5em;}
.m-service-1 .m a i{ margin-left: 1em;}
.m-service-1 .m a:hover{ background: #004899; color: #fff; border-color: #004899;}

.m-msevice-2{ background: #f8f8f8;}
.m-msevice-2 ul{ padding-bottom: 5%; margin: 0 -10px;}
.m-msevice-2 li{ float: left; width: 33.33%;}
.m-msevice-2 li .w{ margin: 0 10px; background: #fff; box-shadow: 2px 2px 5px rgba(0,0,0,0.05);} 
.m-msevice-2 li .w .img_ratio{ padding-top: 48%;}
.m-msevice-2 li dl{ padding: 2em;}
.m-msevice-2 li article{ margin: 1em 0; color: #999;}
.m-msevice-2 li dt span{ width: 0; margin-left: 10px;}
.m-msevice-2 li .m a{ border-radius: 100px; border: 1px solid #d2d2d2; display: inline-block; padding: 5px 1.5em;}
.m-msevice-2 li .m a i{ margin-left: 0.5em;}
.m-msevice-2 li .m a:hover{ background: #004899; color: #fff; border-color: #004899;}

.m-msevice-3 .industry_more { padding-bottom: 5%;}
.m-msevice-3 ul{ margin: 0 -10px 3em;}
.m-msevice-3 ul li{ float: left; width: 50%;}
.m-msevice-3 ul .w{ margin: 0 10px 20px; box-shadow: 2px 2px 5px rgba(0,0,0,0.03); position: relative; display: block; padding: 2em; border: 1px solid #f8f8f8; border-bottom: 0;}
.m-msevice-3 ul .w::before{ position: absolute;  content: ''; background: #e0e0e0; height: 4px; right: 0;  bottom: 0; z-index: 1; left: 0;}
.m-msevice-3 ul .w::after{ position: absolute; opacity: 0; content: ''; background: #004899; height: 4px; right: 0;  bottom: 0; width: 0; transition: 0.5s all; z-index: 2;}
.m-msevice-3 ul .w:hover::after{ opacity: 1; width: 100%;}
.m-msevice-3 ul .ellipsis-2{ width: 80%;}
.m-msevice-3 ul .item{ margin-top: 1em;}
.m-msevice-3 ul .item .li{ margin-right: 2em;}
.m-msevice-3 ul .item .li img{ margin-right: 5px;}


.docking-1{ padding: 5% 0;}
.docking-1 li{ margin-bottom: 6.5%;  position: relative;}
.docking-1 li .code{ position: absolute; right: 56.25%; margin-right: 4em; bottom: 0; border-radius: 3px ; border: 1px solid #dfdfe1; text-align: center; padding: 1em; background: #fff; z-index: 100; box-shadow: 0 0 4px rgba(0,0,0,0.03); opacity: 0; transform: translateY(20px); transition: 0.5s all;} 
.docking-1 li .code{opacity: 1; transform: translateY(0);}
.docking-1 li .code img{ width: 80px; height: 80px;}
.docking-1 li .w{ display: flex; align-items: center; flex-direction: row-reverse;}
.docking-1 li:nth-child(2n) .w{ flex-direction: row;}
.docking-1 li:nth-child(2n) .code{ right: 0; margin-right: 0;}
.docking-1 li:nth-child(2n) dl{ padding-left: 5em; padding-right: 0;}
.docking-1 li .img{ width: 56.25%;}
.docking-1 li .img .img_ratio{ padding-top: 63%;}
.docking-1 li dl{ flex: 1; padding: 3em 5em 3em 0;}
.docking-1 li dt{ position: relative; padding: 0 0 0.2em; }
.docking-1 li dt::after{ content: ''; position: absolute; left: 0; bottom: 0; width: 1.2em; height: 3px; background: #cc0100;}
.docking-1 li dd article{ margin: 2em 0; line-height: 1.8; color: #666;}
.docking-1 .m a{ border-radius: 100px; border: 1px solid #d2d2d2; display: inline-block; padding: 5px 1.5em;}
.docking-1 .m a i{ margin-left: 1em;}
.docking-1 .m a:hover{ background: #004899; color: #fff; border-color: #004899;}

.docking-2{ background: #f8f8f8;}
.docking-2 .industry_more { padding-bottom: 5%;}
.docking-2 ul{ margin: 0 -10px 3em;}
.docking-2 ul li{ float: left; width: 50%;}
.docking-2 ul .w{ margin: 0 10px 20px; box-shadow: 2px 2px 5px rgba(0,0,0,0.03); position: relative;  padding: 2em; background: #ffffff;}
.docking-2 ul .w::before{ position: absolute;  content: ''; background: #e0e0e0; height: 4px; right: 0;  top: 0; z-index: 1; left: 0;}
.docking-2 ul .w::after{ position: absolute; opacity: 0; content: ''; background: #004899; height: 4px; right: 0;  top: 0; width: 0; transition: 0.5s all; z-index: 2;}
.docking-2 ul .w:hover::after{ opacity: 1; width: 100%;}
.docking-2 ul .ellipsis-2{ width: 80%;}
.docking-2 ul .item{ margin-top: 1em;}
.docking-2 ul .item .li{ margin-right: 2em;}
.docking-2 ul .item .li img{ margin-right: 5px;}
.docking-2 li .right{ position: relative;}
.docking-2 li .code1{ text-align: center; padding:5px 0;}
.docking-2 li .code1 span{ display: inline-block; background: #f7f7fa; border-radius: 100%; padding: 10px; overflow: hidden;}
.docking-2 li .code2{ position: absolute; left: 40%;  top: 50%; border-radius: 3px ; border: 1px solid #eee; text-align: center; white-space: nowrap; padding: 1em; background: #fff; z-index: 100; box-shadow: 0 0 5px rgba(0,0,0,0.05); opacity: 0; transform: translate(-50%,-40%); transition: 0.5s all;} 
.docking-2 li:hover .code2{opacity: 1; transform: translate(-50%,-50%);}
.docking-2 li .code2 img{ width: 130px; height: 130px;}

.docking-3{ height: 200px; justify-content: center; overflow: hidden;}
.docking-3 img{height: 200px; width: auto;}

.activity .activity-2 .top .tile{ flex: 1;}
.activity .activity-2 .top .address{ max-width: 35%;}
.activity .activity-2 .top .address span{    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;}
    .activity   .activity-2 .cont:hover{ border-top-color: #004898;}


.mechanism-list-2{ padding: 40px 0 0;}
.mechanism-list-2 li{ margin-bottom: 15px;}
.mechanism-list-2 .w{ border: 1px solid #f7f7f7; background: #fefefe;}
.mechanism-list-2 .left{ width: 240px;  float: left;    }
.mechanism-list-2 .left .img_ratio{ padding-top: 66.66%; overflow: hidden;}
.mechanism-list-2 .left .img_ratio img{ transition: 0.3s all;}
.mechanism-list-2 .left a:hover img{ transform: scale(1.1);}
.mechanism-list-2 .right{ padding: 20px; overflow: hidden;}
.mechanism-list-2 .right dl{ margin-top: 0.5em; color: #666;}
.mechanism-list-2 .right dd{ display:inline-block; min-width: 49%; margin-top: 0.2em;}


@media only screen and (max-width:1330px) {
    .news-bk3{ height: 150px; }
.news-bk3 img{height: 150px; width: auto; }
.news1-box .right li span{ display: none;}
.news1-box .right{ min-height: 440px;}
}

@media only screen and (max-width:1023px) {
    .ohter-banner{ height: 120px;}
    .news1-box .left{ width: auto; margin: 0; float: none;}
    .news1-box .right{ min-height: auto; padding-bottom: 1em;}
    .news-bk2 .left-box{ width: auto; margin: 0 0 30px; float: none; }
    .news-bk3 .w{ width: auto; margin: 0 10px; background-position: 96% top;}
    .news-bk3 .w dl{  display:block;}
    .news-bk3 .w dl dt{ font-size: 1.5em; padding-top: 5px;}
    .news-bk3 .w dl dd{ margin: 0px 0 0; width: 50%; margin-left: -10px;}

    .news4-ul ul{ margin: 0;}
    .news4-ul li{ float: none; width: auto;}
    .news4-ul dl{ margin: 0 0 10px;}

    .news-bk5 .tab-a{ margin-bottom: 1em;}
    .news-bk5 ul{ margin: 10px -5px 10px;}
    .news-bk5 li .w{ padding: 10px; margin: 5px;}
    .news-bk5 li{ width: 50%;}
    .news-bk5 li .w .h2{ margin: 10px 0;}
    .news-bk5 li .w .p{display: none;}
    .news-bk5 li .m{ position: relative; margin-top: 1em; left: auto; bottom: auto;}

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

    .abt-title{ padding: 30px 0 40px;}
    
    .industry-1 ul{ margin: 0 0 30px;}
    .industry-1 li{ float: none; width: auto;}
    .industry-1 dl{ margin: 0 0 10px;}

    .industry-2 li{ width: 50%;}

    .member2-box .left{ width: auto; float: none; margin: 0 0 20px;}
    .member-tab-box .tab-a .w{ padding: 5px; flex-direction:column; justify-content: center; margin: 0 5px 10px;}
    .member-tab-box .item-body .tab-b{ padding: 1em 1em 0.5em;}
    .member-tab-box .tab-a .w .img{ margin: 0;}
    .member-tab-box .tab-a .w .img img{ width: 30px; height: 30px;}
    .member-tab-box .tab-a .w h2{ font-size: 1.2rem;}
    .member-tab-box .tab-a .w p{ display: none;}

    .member4-ul li.cur,
    .member4-ul li{  width: 50%; margin-top: 2px;}
    .member4-ul li .w { height: auto; flex-direction:row;}
    .member4-ul li .w dt{ margin: 0 1em 0 0;}
    .member4-ul li .w dl{ display: flex; justify-content: center; align-items: center; margin: 0; padding: 1em 0;}
    .member4-ul li .w dt img{ width: 30px; height: 30px;}
    .member3-ul li{ width: auto; float: none; margin-top: 10px;}
    .member3-ul li .w{ padding: 10px 0;}


    .forum-title{ margin-bottom: 20px;}
    .forum1-bk .forum1{ float: none; width: auto; margin: 0 0 2em;}
    .forum3-bk-ul li{ float: none; width: auto;}
    .forum4-bk-ul li{ width: auto; float: none;}

    .online-box li{ width: auto !important; float: none !important;}
    .online-box li dd{ min-height: auto !important;}

    .cooper-1 .cooper-item a{ margin-bottom: 1em; padding: 0 1em;}
    .cooper-1 .cooper-item{ padding:2em 0 1em; }
    .comper_list .item{ width: 50%;}

    .about2-box .left{ width: auto; float: none; margin: 0;}
  
    .about2-box2 ul dl{  padding: 0 1em;}
    .about2-box2 ul dl .f-16{ font-size: 1.4rem;}

    .about7-box li{ float: none; width: auto; margin-bottom: 5%;}
    .about7-box li dl{ padding: 2em; min-height: auto;}

    .about4-ul li.cur,
    .about4-ul li{  width: 50%; margin-top: 2px;}
    .about4-ul li .w { height: auto; flex-direction:row;}
    .about4-ul li .w dt{ margin: 0 1em 0 0;}
    .about4-ul li .w dl{ display: flex; justify-content: center; align-items: center; margin: 0; padding: 1em 0;}
    .about4-ul li .w dt img{ width: 30px; height: 30px;}
    .about3-ul li:nth-child(3n-1),
    .about3-ul li{ width: auto; float: none; margin-top: 10px;}
    .about3-ul li .w{ padding: 10px 0;}

    .about6-ul1 li .p{ width: 100px; height: 100px;}
    .about6-ul1 li{ width: 33.33%; margin-bottom: 30px;}
    .about6-ul2 li{ width: auto; float: none; margin-bottom: 2em;}
    .about7-box ul{ margin: 0;}

    .about6-ul3{ width: 100%;}
    .about6-ul3 li{  width: 50%;}
    .about6-ul3 li:nth-child(3){ display: none;}

    .content-box .cont2 span.fx{ display: none;}
    .content-bottom .right { display: none;}
    .online-box li .b{ margin-bottom: 0.5em;}
    .online-box li dt{  padding: 2% 0 5%;}
    .online-box li dt img{ width: 40px; height: 40px; }

    .party-2-ul li{ width: auto; float: none;}
    .party-3-ul .left{ width: auto; float: none;}

    .docking-1 li .w{ display: block;}
    .docking-1 li .img{ width: auto;}
    .docking-1 li dl{ padding: 1em  0 !important;}
    .docking-1 li .code{ right: 0 !important; left: auto; margin: 0 !important;}

    .docking-2 ul li{ float: none; width: auto;}
    .docking-2 ul .w{ padding: 1em;}
    .docking-3{ background-position: 75% center;}


    .m-service-1 li .w{ display: block;}
    .m-service-1 li .img{ width: auto;}
    .m-service-1 li dl{ padding: 1em  0 !important;}
    .m-service-1 li .code{ right: 0 !important; left: auto; margin: 0 !important;}

    .m-msevice-2 li{ width: auto; float: none; margin-bottom: 2em;}

    .m-msevice-3 ul li{ width: auto; float: none;}
    .m-msevice-3 ul .w{ padding: 1em; padding-bottom: 5px;}
    .m-msevice-3 ul .item{ display: block; }
    .m-msevice-3 ul .item .li{ display: inline-block; line-height: 22px; margin-bottom: 1em;}
    .m-msevice-3 ul .item .li img{ vertical-align: top;}

    .law1{ width: auto; margin: 0 0 2em; float: none;}

    .law-title{ margin-bottom: 1em;}
    .law2-bk-list li .d3{ display: none;}
    .law2-bk-list li .d2{ width: 30%;}

    .law3{ width: auto; margin: 0 0 2em; float: none;}
    .law5-box .left{width: auto; margin: 0 0 2em; float: none;}
    .law5-box .right{ min-height: auto;}
    
    .law5-box2 li{ float: none; width: auto; }
    .law5-box2 li .w{ padding: 1em; border-bottom:1px solid #e6e7e9;}
    .law5-box2 li .w::after{ display: none;}
    .law6 li dl{ flex-direction: column;}
    .law6 li dt .icon,
    .law6 li dt .icon img{ width: 50px; height: 50px;}
    .law6 li dt{ width: 100%;  padding: 2em 0;}
    .law6 li dd .w{ flex-direction: column;}
    .law6 li dd .left{ padding: 0 0 1em;}

    .law7{ padding: 2em;}
    .law7 .tab-head .tab-a{ min-width: auto;}
    .law7 .t3 li{ width: 50%;}
    .law7 .t3 li .w{ margin: 0 5px 10px;}

    .information_1 li{ width: auto; float: none;}
    .information_2{ padding: 1em;}
    .information_2 .swiper{ padding: 10% 0;}
    .information_2 dd{ white-space: nowrap; }
    .information_2 dt .img img{ width: 20px; height: 20px;}
    .information_2 .f-18{ font-size: 1.2rem;}
    .information_2 dd .img img{ width: 40px; height: 40px;}
    .information_2 dd .txt img{ width: 1.5em; height: 1.5em;}

    .report-box li{ width: auto; float:none;}
    .report-box li .w .left{ width: 50%;}
    .report-box li .w .right{ padding:2em 1em;}

    .meeting-box .list li:first-child{ width: 100%;}
    .meeting-box .list li{ width: 50%;}

    .cooer_org li{ float: none;  width: auto;}
    .cooer_ass .left{ float: none; width: auto;}

    .number2 li{ float: none; width: auto;}
    .number2 li:nth-child(2n-1)::after{ display: none;}
    .number1 ul li dd{ padding: 1em; font-size: 1.2rem;}
    .hear-ul li{ float: none; width: auto;}
    .hear-ul li dl{ padding: 1em;}

    .leader-1 dl{ width: 50%;}
    .leader-2 li{ width: 50%; margin: 0 25%; margin-bottom: 2em;}
    .leader-3 li{ width: auto; float: none;}
    .leader-3 li:nth-child(4n-1), .leader-3 li:nth-child(4n){ background: #fbfcfe;}
    .leader-3 li:nth-child(2n){ background: #fff;}
    .leader-3 li:nth-child(2n-1)::after{ display: none;}

    .industry-list li{ width: 50%;}
    .industry-list li .w .icon img{ width: 30px; height: 30px;}
    .industry-list li .w .icon{ padding: 10px; top: 35%;}
    .honor-list .li{ width: 50%;}

    .edit_con_original{ overflow-x: auto;}
    .table-list2{ min-width: 800px;}
    .guide-bottom  { flex-wrap: wrap;}
    .guide-bottom a{ width: auto; margin-bottom: 1em;}
    .contact-ul li{ float: none; width: auto;}
    .contact-ul li dl{ padding: 1.5em;}
    .contact-ul li dd{ min-height: auto;}

    .main-art-box .right-title .right input{ width: 130px;}
    .news-list-1{ margin-bottom: 5%;}
    .news-list-1 .w{ padding: 1.5em 0.5em;}
    .news-list-1 .d p{ margin-bottom: 0.4em;}

    .member2-box{ display: block;}
}


@media only screen and (max-width:750px) {
    .leader-2 li:nth-child(4){margin-left:25%;}
    .main-art-box .art-left{ display: none; }
   
.phone-left-menu{ display: block;}
    .cooper-1 .cooper-item{ text-align: left; font-size: 1.4rem;}
    
}