@charset "UTF-8"; @font-face { font-family: "wigrumweb-bold"; src: url("../font/wigrumweb-bold.woff") format("woff"), url("../font/wigrumweb-bold.ttf") format("truetype"), url("../font/wigrumweb-bold.eot") format("embedded-opentype"), url("../font/wigrumweb-bold.svg") format("svg"); font-style: normal; font-weight: normal; } @font-face { font-family: "Lato"; src: url("../font/S6uyw4BMUTPHjxAwXjeu.woff2") format("woff2"); font-style: normal; font-weight: normal; } /*主体宽度*/ .w_1200{ max-width:1200px; margin-right: auto; margin-left: auto;} .w_1400{ max-width:1400px; margin-right: auto; margin-left: auto;} .w_930{ max-width:930px; margin-right: auto; margin-left: auto;} .w_width{padding-left: 80px;padding-right: 80px;} .w_1920{ max-width:1920px; margin-right: auto; margin-left: auto;} .w_1216{ max-width:1216px; margin-right: auto; margin-left: auto;} #m-b-bar { display: none; } .cpxq_section .content .left img{width: 85%;display: block;} .nodata { font-size: 20px; width: 100%; float: left; text-align: center; margin: 30% 0px; } .foot2{ display:none;} .swiper3 .swiper-slide{ width:25% !important;} .m-news{ display:none;} .pt{ width: 42.5%; float:left; margin-left:10%;} .nt{ width: 42.5%; float:left; margin-left:17%;} .ct{ width: 42.5%; float:left; margin-left:20%;} .pr{ width: 42.5%; float:right;} .sy_banner .ul .li p{ font-size:30px; color:#ffffff; line-height:60px; position:absolute; text-align: left; width: 500px; top: 35%;} .sy_banner .ul .li span{ font-size:24px; color:#ffffff; line-height:35px; position:absolute; width: 500px; text-align: left; top: 50%;} @media screen and (max-width: 1050px){ .w_width{padding-left: 15px;padding-right: 15px;} } /*顶部导航*/ body.on{overflow: hidden;height: 100vh;} .wyb_s{position: relative;z-index: 99;} .t_navs{ width: 100%;} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative; margin-bottom:10px;} .t_navs .top ._b{width: 100%; float:right;} .t_navs .top ._b::after{content: "";display: block;clear: both;} /*logo*/ .t_navs .top .logo{ line-height: 0; float: left; position:absolute; top: 20px;} .t_navs .top .logo img{ width: 449px;} /*一级导航*/ .t_navs .top .right{ float: right;} .t_navs .top .right .menu{float: left;} .t_navs .top .right .menu ul{float: left;} .t_navs .top .menu .nli{ float: left; position: relative;padding: 16px 6.5px 0px;} .t_navs .top .menu .nli span a{ display: block;color: #333; position: relative;line-height: 45px;font-size: 16px;padding: 0 18px;} /*鼠标经过样式*/ .t_navs .top .menu .nli:hover span a{ color: #ffffff; background-color: #2c438f; padding: 0 18px;} .t_navs .top .menu .nli.on span a{ color: #ffffff; background-color: #2c438f; padding: 0 18px; } /*input*/ .t_navs .top .inputbox{width: 177px;float: left;margin-left: 60px;position: relative;margin-top: 21px;} .t_navs .top .inputbox input{width: 100%;height: 28px;border: 1px solid #999;padding: 0 30px 0 12px;display: block;font-size: 16px;color: #333;border-radius: 3px;} .t_navs .top .inputbox img{width: 16px;display: block;position: absolute;right: 6px;top: 50%;margin-top: -8px;} /*二级导航*/ .t_navs .top .sub{ display: none; position: absolute; top:100%; left: 50%; z-index: 4; transform: translate(-50%,0); -ms-transform: translate(-50%,0); -webkit-transform: translate(-50%,0); -moz-transform: translate(-50%,0); -o-transform: translate(-50%,0);} .t_navs .top .sub1{width: 200px;background: rgba(255,255,255,0.6);} .t_navs .top .sub1 .l2{position: relative;} .t_navs .top .sub1 .l2 .a2{display: block;font-size: 16px;color: #666;line-height: 30px;border-bottom: 1px solid #fff;text-align: center;position: relative;} .t_navs .top .sub1 .l2 .a2::after{content: "";display: block;width: 10px;height: 10px;border-top: 2px solid #2c438f;border-right: 2px solid #2c438f;position: absolute;right: 6px;top: 50%;margin-top: -6px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); } .t_navs .top .sub1 .l2 .a2:hover{color: #2c438f;} .t_navs .top .sub1 .l2.l2_noerji .a2::after{display:none;} .t_navs .top .sub1 .l2 .listbox{width: 170px;position: absolute;left: calc(100% + 1px);top: 0;background: rgba(255,255,255,0.6);display: none;} .t_navs .top .sub1 .l2 .listbox::after{content:"";display: block;width: 1px;height: 100%;position: absolute;right: 100%;top: 0;} .t_navs .top .sub1 .l2 .listbox .list{width: 100%;border-bottom: 1px solid #fff;} .t_navs .top .sub1 .l2 .listbox .list a{font-size: 16px;color: #666;line-height: 30px;display: block;text-align: center;} .t_navs .top .sub1 .l2 .listbox .list a:hover{color: #2c438f;} .t_navs .top .sub2{width: 180px;background: rgba(255,255,255,0.6);} .t_navs .top .sub2 .l2{border-bottom: 1px solid #fff;} .t_navs .top .sub2 .l2 a{font-size: 16px;color: #666;line-height: 30px;display: block;text-align: center;} .t_navs .top .sub2 .l2 a:hover{color: #2c438f;} .t_navs .top ._t{text-align: right; float:right;} .t_navs .top ._t a{font-size: 12px;color: #737373;display: inline-block;vertical-align: middle;} .t_navs .top ._t span{font-size: 12px;color: #737373;display: inline-block;vertical-align: middle;margin: 0 4px;} .t_navs .top ._t .span2{margin: 0;} .t_navs .top ._t a:hover, .t_navs .top ._t a.on{color: #023F98;} .nav { margin-top: 15px; } .header .header-new { margin: 0 auto; } .header .header-new .logo { width: 200px; height: 50px; display: block; float: left; margin-top: 33px; } .header .header-new .nav { height: auto; float:right; } .header .header-new .nav ul { height: auto; position: relative; } .header .header-new .nav ul li { float: left; height:45px; line-height:45px; margin: 0 6.5px; } .header .header-new .nav ul li .tits { color: #333; font-size:16px; line-height:45px; padding: 0 18px; float:left; } .header .header-new .nav ul li .tits:hover { color: #2c438f; padding: 0 18px; line-height:45px; display:block; } .header .header-new .nav ul li .on { color: #2c438f; padding: 0 18px; line-height:45px; display:block; } .header .header-new .nav ul li .c1 { left: 117px; } .header .header-new .nav ul li .c2 { left: 238px; } .header .header-new .nav ul li .c3 { right: -23px; } .header .header-new .nav ul li .c4 { right: -12px; } .header .header-new .nav ul li .c5 { right: 44px; } .header .header-new .nav ul li .header-con { width: 636px; min-height: 238px; background: #fff; box-shadow: 3px 3px 10px #999; position: absolute; top: 45px; display: none; z-index: 10; } .header .header-new .nav ul li .header-con .line { width: 76px; height: 3px; background: #2c438f; position: absolute; margin-top: 0; top: 0!important; } .header .header-new .nav ul li .header-con .l1 { left: 0; top: 2px; } .header .header-new .nav ul li .header-con .l2 { /*width: 76px;*/ height: 3px; background: #2c438f; position: absolute; left: 0; top: 2px; } .header .header-new .nav ul li .header-con .l3 { /*width: 90px;*/ left: 195px; top: 2px; } .header .header-new .nav ul li .header-con .l4 { left: 307px; top: 2px; } .header .header-new .nav ul li .header-con .l5 { right: 97px; top: 2px; } .header .header-new .nav ul li .header-con .l6 { left: 430px; top: 2px; } .header .header-new .nav ul li .header-con .header-list { width: 224px; height: auto; padding-top: 24px; margin-left: 25px; float: left; } .header .header-new .nav ul li .header-con .header-list a { width: 224px; float: left; height: 39px; border-bottom: 1px solid #f2f2f2; font-size: 16px; line-height: 39px; color: #666666; display: block; } .header .header-new .nav ul li .header-con .header-list a span { font-family: Simsun; margin-right: 12px; } .header .header-new .nav ul li .header-con .header-list a:hover { color: #2c438f; } .header .header-new .nav ul li .header-con .header-list .list-new { width: 251px; height: auto; float: left; } .header .header-new .nav ul li .header-con .header-list .list-new a { width: 185px; float: left; height: 39px; border-bottom: 1px solid #f2f2f2; font-size: 16px; line-height: 39px; color: #666666; display: block; } .header .header-new .nav ul li .header-con .header-list .list-new a span { font-family: Simsun; margin-right: 12px; } .header .header-new .nav ul li .header-con .header-list .list-new a:hover { color: #2c438f; } .header .header-new .nav ul li .header-con .header-con-new { width: 360px; padding-left: 30px; border-left: 1px solid #f2f2f2; float: left; margin-top: 35px; } .header .header-new .nav ul li .header-con .header-con-new .tit { font-size: 24px; line-height: 24px; font-family: Impact; color: #2c438f; text-transform: uppercase; } .header .header-new .nav ul li .header-con .header-con-new .tit1 { font-size: 16px; line-height: 24px; color: #999999; display: block; min-height: 75px; margin-top: 13px; text-align: justify; } .header .header-new .nav ul li .header-con .header-con-new .tit1:hover { color: #2c438f; } .header .header-new .nav ul li .header-con .header-con-new .more { width: 100px; height: 32px; color: #999; display: block; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; line-height: 32px; padding-left: 10px; font-size: 16px; margin-top:10px; } .header .header-new .nav ul li .header-con .header-con-new .more:hover { color: #2c438f; } /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1820px) { .swiper3 .swiper-slide { width: 33.3333% !important; } } @media screen and (max-width:1420px) { .t_navs .top .logo{ margin: 0; top: 37px;} .t_navs .top .logo img{ height: 77px; width: auto;} .t_navs .top .menu .nli{padding: 0 4px;} .t_navs .top .menu .nli span a{line-height: 50px; padding: 0 4px;font-size: 16px;} .t_navs .top .inputbox{width: 140px;margin-left: 30px;margin-top: 13px;} .t_navs .top .inputbox input{height: 24px;padding: 0 26px 0 10px;} .t_navs .top .inputbox img{width: 14px;right: 4px;margin-top: -7px;} .t_navs .top ._t a{line-height: 30px;} .t_navs .top ._t span{line-height: 30px;} .w_width { padding-left: 40px !important; padding-right: 40px !important; } } @media screen and (max-width:1360px) { .t_navs .top .logo img{ height: 69px; width: auto;} } @media screen and (max-width:1320px) { .t_navs .top .logo{ margin: 0;} .t_navs .top .logo img { height: 59px; width: auto;} .t_navs .top .menu .nli{padding: 0 4px;} .t_navs .top .menu .nli span a{line-height: 50px; padding: 0 4px;font-size: 16px;} .t_navs .top .inputbox{width: 140px;margin-left: 30px;margin-top: 13px;} .t_navs .top .inputbox input{height: 24px;padding: 0 26px 0 10px;} .t_navs .top .inputbox img{width: 14px;right: 4px;margin-top: -7px;} .t_navs .top ._t a{line-height: 30px;} .t_navs .top ._t span{line-height: 30px;} .swiper3 .swiper-slide { width: 50% !important; } .swiper3 { height: 19.75vw !important; } .ab-box5 { height: 39.583vw !important; } } @media screen and (max-width: 1130px) { .foot { font-size: 14px !important; } .foot2 { font-size: 14px !important; } .w_width { padding-left: 20px !important; padding-right: 20px !important; } } @media screen and (max-width: 1050px) { .t_navs .top .logo img { height: 49px !important; } } @media screen and (max-width: 1240px){ .swiper3 { height: 23.75vw !important; } } @media screen and (max-width: 1024px) { /*电脑端导航隐藏*/ .t_navs ._t{display: none;} .t_navs .menu{ display: none;} .header{ display: none;} .t_navs .top .inputbox{display: none;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #fff;border-bottom: 1px solid #eee;} /*logo*/ .t_navs .top .logo{ margin: 0; top: 3px;} .t_navs .top .logo img{ height: 51px; width:auto;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 14px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #003E95; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after, .t_navs .menuph .navbtn::before { position: absolute; right: 0; display: inline-block; width: 28px; height: 2px; content: ''; background: #2c438f; -webkit-transition: all .3s ease-out 0s; -moz-transition: all .3s ease-out 0s; -ms-transition: all .3s ease-out 0s; -o-transition: all .3s ease-out 0s; transition: all .3s ease-out 0s;} .t_navs .menuph .navbtn::after { top: -11px;} .t_navs .menuph .navbtn::before { top: 11px;} .t_navs .menuph .point.active .navbtn{ background: transparent;} .t_navs .menuph .point.active .navbtn::after{ -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0;} .t_navs .menuph .point.active .navbtn::before { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0;} /*一级导航*/ .t_navs .xialaph{ position: fixed; left: 0; top: 14px; float: left; width: 100%; height: 100%; overflow: scroll; padding: 46px 15px 100px 15px; display: none; z-index:3; background:#fff;} .t_navs .xialaph .ul2, .t_navs .xialaph .ul3{ display: none;} .t_navs .xialaph h4 a{ float: left; width: 25%; color: #333333;line-height: 50px;font-size: 16px;} .t_navs .xialaph h4{ float: left; width: 100%; position: relative;} .t_navs .xialaph li:last-child h4::before{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4:hover a, .t_navs .xialaph h5:hover a{ color: #003E95;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: capitalize;font-size: 16px;} .t_navs .xialaph h5{ float: left; width: 100%; position: relative;} .t_navs .xialaph h5::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 24px; cursor: pointer;} .t_navs .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: -25px; margin-right: 18px; cursor: pointer;} .t_navs .xialaph h4.active img.img_s, .t_navs .xialaph h5.active img.img_s{ display: none;} .t_navs .xialaph h4.active img.img_d, .t_navs .xialaph h5.active img.img_d{ display: block;} .t_navs .xialaph .ul2{ float: left; width: 100%; padding: 0 10px;} .t_navs .xialaph .ul3{padding-bottom: 10px; padding-left: 15px; z-index: 1; position: relative;} .t_navs .xialaph .ul3::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #e7e7e7;} .t_navs .xialaph li:last-child .ul3::after{ display: none;} .t_navs .xialaph .ul3 li a{ color: #333;line-height: 35px; display: block;font-size: 16px;} .t_navs .xialaph .ul3 li:hover a{color: #003E95;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} .t_navs .xialaph .abox{width: 100%;font-size: 0;text-align: center;float: left;margin-top: 14px;margin-bottom: 14px;} .t_navs .xialaph .abox a{font-size: 16px;color: #737373;line-height: 20px;display: inline-block;vertical-align: middle;} .t_navs .xialaph .abox span{font-size: 16px;color: #737373;line-height: 20px;display: inline-block;vertical-align: middle;margin: 0 4px;} .t_navs .xialaph .input{width: 100%;position: relative;float: left;} .t_navs .xialaph .input input{width: 100%;height: 36px;padding: 0 60px 0 12px;font-size: 16px;color: #333;border: 1px solid #eee;} .t_navs .xialaph .input img{width: 16px;display: block;position: absolute;right: 6px;top: 50%;margin-top: -8px;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} .foot { line-height: 23px !important; font-size: 14px !important; padding: 20px 0px 10px 0px !important; margin-bottom: 63px; } .foot2 { display:block; line-height: 23px !important; font-size: 14px !important; padding: 20px 0px 10px 0px !important; min-height:84px; margin-bottom:84px; } .swiper3 .swiper-slide { width: 100% !important; } .ab-box5 { height: 44.583vw !important; } .col-xs-4 { margin: 10px 0px; } .col-xs-4 { width:100%; } .industry1 img { max-width: 100% !important; } } .bottomnav{width: 100%;border-top: 2px solid #d7d7d7;padding-top: 20px;padding-bottom: 20px;} .bottomnav .top{width: 100%;margin-bottom: 20px;overflow: hidden;} .bottomnav .top .abox{float: left;margin-right: 50px;font-size: 0;} .bottomnav .top .abox a{font-size: 16px;color: #737373;line-height: 26px;display: inline-block;vertical-align: middle;} .bottomnav .top .abox a:hover{color: #083e9b;} .bottomnav .top .abox span{font-size: 16px;color: #737373;line-height: 26px;display: inline-block;vertical-align: middle;margin: 0 4px;} .bottomnav .top .firend{float: left;} .bottomnav .top .firend span{font-size: 16px;color: #737373;line-height: 26px;float: left;} .bottomnav .top .firend a{float: left;font-size: 16px;color: #737373;line-height: 26px;margin-left: 4px;} .bottomnav .top .firend a:hover{color: #083e9b;} .bottomnav .top .icobox{float: right;} .bottomnav .top .icobox a{float: left;display: block;width: 26px;margin-right: 24px;} .bottomnav .top .icobox a:last-child{margin-right: 0;} .bottomnav .top .icobox a:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} .bottomnav .top .icobox a img{width: 100%;display: block;} .bottomnav .bottom{width: 100%; font-size:14px;color: #737373;line-height: 20px;text-align: center;} .bottomnav .bottom a{color: #737373;} @media screen and (max-width: 1680px){ .bottomnav .top .abox{margin-right: 40px;} .bottomnav .top .icobox a{margin-right: 10px;} } @media screen and (max-width: 1024px){ .bottomnav{margin-bottom: 50px;} .bottomnav .top{margin-bottom: 12px;} .bottomnav .top .abox{display: none;} .bottomnav .top .firend{display: none;} .bottomnav .top .icobox{width: 100%;font-size: 0;text-align: center;} .bottomnav .top .icobox a{width: 24px;margin-right: 12px;float: none;display: inline-block;vertical-align: middle;} } /*底导航漂浮*/ .b_navs .q_d_m{ float: left; width: 100%; height: 50px;} .b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: -1px; height: 50px; background: #003E95; z-index: 16; box-shadow: 0 -5px 10px rgba(0,0,0,0.2);} .b_navs .pf_down li{ width: 33.3%; float: left; text-align: center; padding: 7px 0 4px 0; border-right: 1px solid #fff;} .b_navs .pf_down li .ico7{ width: 100%; float: left; height: 20px;} .b_navs .pf_down li .d_name{ width: 100%; float: left; margin-top: 4px; font-size: 12px; color: #fff; line-height: 14px;} .b_navs .pf_down li.l1 .ico7{ background: url(img/img4.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l2 .ico7{ background: url(img/img3.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l3 .ico7{ background: url(img/img2.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li:last-child{ border: none;} .b_navs .pf_down li:nth-child(3n){ border: none;} /*首页banner*/ .sy_banner{width: 100%;position: relative;z-index: 2;} .sy_banner .ul{width: 100%;} .sy_banner .ul .li{width: 100%;} .sy_banner .ul .li img{width: 100%;display: block;} .sy_banner .ul .slick-dots{position: absolute; bottom: 48.5px; height: 3px; text-align: center;width: auto;left: 18.75%;z-index: 999;} .sy_banner .ul .slick-dots li{ vertical-align: top; width: 20px; height: 3px; margin: 0 5px; background: #fff;} .sy_banner .ul .slick-dots li.slick-active{ background: #003E95;} .sy_banner .wordsbox{width: 100%;position: absolute;left: 0;bottom: 0;background: ;padding-top: 10px;padding-bottom: 10px;} .sy_banner .wordsbox .listcons{padding-left: 460px;} .sy_banner .wordsbox .listcons .listbox{margin: 0 -6px;overflow: hidden;width: calc(100% + 12px);} .sy_banner .wordsbox .listcons .listbox .list{width: 33.333%;float: left;padding: 0 6px;} .sy_banner .wordsbox .listcons .listbox .list a{display: block;background: rgba(230,0,17,0.8);font-size: 0;padding: 0 40px;} .sy_banner .wordsbox .listcons .listbox .list a:hover{background: rgba(230,0,17,0.4);} .sy_banner .wordsbox .listcons .listbox .list a img{width: px;display: inline-block;vertical-align: middle;} .sy_banner .wordsbox .listcons .listbox .list a .words{font-size: 18px;color: #fff;line-height: 80px;display: inline-block;vertical-align: middle;padding-left: 12px;} .sy_banner .wordsbox .listcons .listbox .list:nth-child(even) a{background: rgba(0,62,149,0.8);} .sy_banner .wordsbox .listcons .listbox .list:nth-child(even) a:hover{background: rgba(0,62,149,0.4);} @media screen and (max-width: 1680px){ .sy_banner .ul .slick-dots{bottom: 41.5px;left: 80px;} .sy_banner .ul .slick-dots li{ width: 20px; height: 3px; margin: 0 4px;} .sy_banner .wordsbox{padding-top: 8px;padding-bottom: 8px;} .sy_banner .wordsbox .listcons{padding-left: 400px;} .sy_banner .wordsbox .listcons .listbox{margin: 0 -4px;width: calc(100% + 8px);} .sy_banner .wordsbox .listcons .listbox .list{padding: 0 4px;} .sy_banner .wordsbox .listcons .listbox .list a{padding: 0 34px;} .sy_banner .wordsbox .listcons .listbox .list a .words{font-size: 16px;line-height: 64px;padding-left: 8px;} } @media screen and (max-width: 1024px){ .sy_banner{margin-top: 50px;} .sy_banner .ul .slick-dots{bottom: 60px; height: 3px;left: 15px;z-index: 999;} .sy_banners .ul .slick-dots{bottom: 20px;} .sy_banner .ul .slick-dots li{width: 16px; height: 3px;margin: 0 3px;} .sy_banner .wordsbox{padding-top: 6px;padding-bottom: 6px;} .sy_banner .wordsbox .listcons{padding-left: 0;} .sy_banner .wordsbox .listcons .listbox .list a{padding: 0 8px;} .sy_banner .wordsbox .listcons .listbox .list a img{width: 24px;} .sy_banner .wordsbox .listcons .listbox .list a .words{font-size: 16px;line-height: 40px;padding-left: 8px;} } .sy_section1{width: 100%;padding-top: 70px;padding-bottom: 70px;} .sy_section1 .content{width: 100%;background: #fff;font-size: 0;background: #FFFFFF;box-shadow: 0 0 20px rgba(0,0,0,0.1);} .sy_section1 .content .left{width: 53.5%;display: inline-block;vertical-align: middle;} .sy_section1 .content .left img{width: 100%;display: block;} .sy_section1 .content .right{width: 46.5%;display: inline-block;vertical-align: middle;padding: 20px 20px 20px 100px;} .sy_section1 .content .right h1{font-size: 40px;color: #2c2d30;line-height: 44px;margin-bottom: 30px;font-weight: bolder;} .sy_section1 .content .right ul{width: 100%;margin: -10px 0;} .sy_section1 .content .right ul li{width: 100%;padding: 10px 0;} .sy_section1 .content .right ul li .date{font-size: 18px;color: #003a8c;line-height: 22px;margin-bottom: 20px;} .sy_section1 .content .right ul li .words{font-size: 18px;color: #959595;line-height: 22px;margin-bottom: 26px;} .sy_section1 .content .right ul li .more{width: 75px;font-size: 16px;color: #fff;line-height: 25px;text-align: center;background: #083e9b; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section1 .content .right ul li .more:hover{ transform: scale(0.95); -webkit-transform: scale(0.95); -moz-transform: scale(0.95); -o-transform: scale(0.95); -ms-transform: scale(0.95);} @media screen and (max-width: 1680px){ .sy_section1{padding-top: 50px;padding-bottom: 50px;} .sy_section1 .content .right{padding: 20px 20px 20px 60px;} .sy_section1 .content .right h1{font-size: 30px;line-height: 34px;margin-bottom: 26px;} .sy_section1 .content .right ul li .date{font-size: 16px;line-height: 20px;margin-bottom: 16px;} .sy_section1 .content .right ul li .words{font-size: 16px;line-height: 20px;margin-bottom: 14px;} } @media screen and (max-width: 1024px){ .sy_section1{padding-top: 30px;padding-bottom: 30px;} .sy_section1 .content .left{width: 100%;} .sy_section1 .content .right{width: 100%;padding: 12px;} .sy_section1 .content .right h1{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .sy_section1 .content .right ul li .date{font-size: 16px;line-height: 18px;margin-bottom: 12px;} .sy_section1 .content .right ul li .words{font-size: 16px;line-height: 18px;margin-bottom: 14px;} .sy_section1 .content .right ul li .more{width: 70px;line-height: 22px;} } .sy_section2{width: 100%;position: relative;} .sy_section2 .ba_pic{ width: 100%; padding-bottom: 29.6875%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section2 .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .sy_section2:hover .ba_pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section2 .content{width: 100%;position: absolute;left: 0;top: 40%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_section2 .content .wordsbox{width: 41.66%;} .sy_section2 .content .wordsbox h2{font-size: 40px;color: #fff;line-height: 44px;margin-bottom: 40px;font-weight: bolder;} .sy_section2 .content .wordsbox .info{font-size: 24px;color: #fff;line-height: 35px;margin-bottom: 30px;} .sy_section2 .content .wordsbox .more{width: 75px;} .sy_section2 .content .wordsbox .more a{display: block;font-size: 16px;color: #083E9B;line-height: 25px;text-align: center;background: #fff;} .sy_section2 .content .wordsbox .more a:hover{background: #083e9b;color: #fff;} @media screen and (max-width: 1680px){ .sy_section2 .content .wordsbox{width: 42%;} .sy_section2 .content .wordsbox h2{font-size: 30px;line-height: 34px;margin-bottom: 26px;} .sy_section2 .content .wordsbox .info{font-size: 18px;line-height: 26px;margin-bottom: 16px;} } @media screen and (max-width: 1024px){ .sy_section2{background: url(img/img24.jpg)no-repeat center center;background-size: cover;padding-top: 20px;padding-bottom: 50px;} .sy_section2 .ba_pic{display: none;} .sy_section2 .content{position: static; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .sy_section2 .content .wordsbox{width: 60%;} .sy_section2 .content .wordsbox h2{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .sy_section2 .content .wordsbox .info{font-size: 12px;line-height: 24px;margin-bottom: 12px;} .sy_section2 .content .wordsbox .more{width:70px;} .sy_section2 .content .wordsbox .more a{font-size: 16px;line-height: 22px;} } .sy_section3{width: 100%;padding-top: 40px;padding-bottom: 30px;background: #EAEAEA;} .sy_section3 ul{margin: -10px;overflow: hidden;width: calc(100% + 20px);display:flex; flex-wrap: wrap; align-items: flex-start;} .sy_section3 ul li{width: 14.28571428571429%;float: left;padding: 10px;} .sy_section3 ul li a{display: block;width: 100%;background: #fff;padding: 30px 10px 40px 10px;} .sy_section3 ul li a .picbox{width: 100%;height: 64px;margin-bottom: 30px;text-align: center;margin-top: 10px;} .sy_section3 ul li a .picbox .pic{display: inline-block; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .sy_section3 ul li a:hover .picbox .pic{ transform: scale(1.05); -webkit-transform: scale(1.05); -moz-transform: scale(1.05); -o-transform: scale(1.05); -ms-transform: scale(1.05);} .sy_section3 ul li a .picbox .pic img{max-width: 100%;display: block;} .sy_section3 ul li a .words{font-size: 16px;color: #ababab;;line-height: 18px;margin-bottom: 20px;text-align: center;} .sy_section3 ul li a .border{width: 20px;height: 3px;background: #12336a;margin: 0 auto;} @media screen and (max-width: 1680px){ .sy_section3 ul li a .words{font-size: 12px;} } @media screen and (max-width: 1024px){ .sy_section3{padding-top: 30px;padding-bottom: 30px;} .sy_section3 ul{margin: -6px;width: calc(100% + 12px);} .sy_section3 ul li{padding: 6px;width: 50%;} .sy_section3 ul li a{padding: 12px;} .sy_section3 ul li a .picbox{height: auto;margin-bottom: 12px;margin-top: 0;} .sy_section3 ul li a .picbox .pic img{height: 46px;} .sy_section3 ul li a .words{margin-bottom: 12px;} .sy_section3 ul li a .border{height: 2px;} } .sy_section4{width: 100%;position: relative;} .sy_section4 .ba_pic{ width: 100%; padding-bottom: 29.6875%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .sy_section4 .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .sy_section4:hover .ba_pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .sy_section4 .content{width: 100%;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .sy_section4 .content .wordsbox{width: 41.66%;} .sy_section4 .content .wordsbox h3{font-size: 40px;color: #083E9B;line-height: 44px;margin-bottom: 40px;font-weight: bolder;} .sy_section4 .content .wordsbox .info{font-size: 24px;color: #083E9B;line-height: 35px;margin-bottom: 30px;} .sy_section4 .content .wordsbox .more{width: 75px;} .sy_section4 .content .wordsbox .more a{display: block;font-size: 16px;color: #fff;line-height: 25px;text-align: center;background: #083E9B;} .sy_section4 .content .wordsbox .more a:hover{background: #fff;color: #083E9B;} @media screen and (max-width: 1680px){ .sy_section4 .content .wordsbox{width: 42%;} .sy_section4 .content .wordsbox h3{font-size: 30px;line-height: 34px;margin-bottom: 26px;} .sy_section4 .content .wordsbox .info{font-size: 18px;line-height: 26px;margin-bottom: 16px;} } @media screen and (max-width: 1024px){ .sy_section4{background: url(img/img33.jpg)no-repeat center center;background-size: cover;padding-top: 30px;padding-bottom: 30px;} .sy_section4 .ba_pic{display: none;} .sy_section4 .content{position: static; transform: translate(0,0); -ms-transform: translate(0,0); -webkit-transform: translate(0,0); -moz-transform: translate(0,0); -o-transform: translate(0,0);} .sy_section4 .content .wordsbox{width: 60%;} .sy_section4 .content .wordsbox h3{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .sy_section4 .content .wordsbox .info{font-size: 16px;line-height: 24px;margin-bottom: 12px;} .sy_section4 .content .wordsbox .info br{display: none;} .sy_section4 .content .wordsbox .more{width:70px;} .sy_section4 .content .wordsbox .more a{font-size: 16px;line-height: 22px;} } .sy_section5{width: 100%;padding-top: 56px;padding-bottom: 56px;background: url(img/img140.jpg)no-repeat center center;background-size: cover;margin-top: 15px;} .sy_section5 .cons{width: 445px;background: rgba(255,255,255,0.6);padding: 80px;} .sy_section5 h4{font-size: 40px;color: #17397E;line-height: px;margin-bottom: 56px;font-weight: bolder;} .sy_section5 .info{font-size: 24px;color: #17397E;line-height: 30px;margin-bottom: 62px;font-weight: bolder;} .sy_section5 .nore{width: 75px} .sy_section5 .nore a{display: block;width: 100%;;font-size: 16px;color: #fff;line-height: 25px;background: #083e9b;text-align: center;} .sy_section5 .nore a:hover{background: #eee;color: #fff;} @media screen and (max-width: 1680px){ .sy_section5{padding-top: 100px;padding-bottom: 100px;} .sy_section5 h4{font-size: 30px;line-height: 34px;margin-bottom: 30px;} .sy_section5 .info{font-size: 18px;line-height: 22px;margin-bottom: 40px;} } @media screen and (max-width: 1024px){ .sy_section5{padding-top: 30px;padding-bottom: 30px;} .sy_section5 .cons{width: 100%;padding: 20px;} .sy_section5 h4{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .sy_section5 .info{font-size: 16px;line-height: 24px;margin-bottom: 20px;} .sy_section5 .nore{width: 70px} .sy_section5 .nore a{font-size: 16px;line-height: 22px;} } /*当前位置*/ .dq_section{width: 100%;padding-top: 10px;} .dq_section .content{width: 100%;overflow: hidden;} .dq_section .content .left{float: left;font-size: 0;} .dq_section .content .left a{font-size: 16px;color: #737373;line-height: 22px;display: inline-block;vertical-align: middle;} .dq_section .content .left a:hover{color: #003E95;} .dq_section .content .left span{font-size: 16px;color: #737373;line-height: 22px;display: inline-block;vertical-align: middle;margin: 0 4px;} .dq_section .content .right{float: right;width: 21px;} .dq_section .content .right a{display: block;width: 100%;} .dq_section .content .right a img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .dq_sections{margin-top: 51px;} } /*产品中心*/ .cp_section{width: 100%;padding-bottom: 30px;background: #F3F3F3;} .cp_section h1{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 20px;} .cp_section .cons{width: 100%;} .cp_section .cons::after{content: "";display: block;clear: both;} .cp_section .cons .left{width: 260px;float: left;} .cp_section .cons .left.on{position: fixed;left: 18.5%;top: 2px;z-index: 999;} .cp_section .cons .left ul{width: 100%;} .cp_section .cons .left ul li{width: 100%;margin-bottom: 2px;} .cp_section .cons .left ul li a{display: block;font-size: 16px;color: #737373;line-height: 60px;background: #fff;padding-left: 10px;} .cp_section .cons .left ul li a:hover{color: #fff;background: #0c53a3;} .cp_section .cons .right{width: calc(100% - 260px);float: right;padding-left: 38px;} .cp_section .cons .right .lis{width: 100%;margin-bottom: 34px;} .cp_section .cons .right .lis:last-child{margin-bottom: 0;} .cp_section .cons .right .lis .titbox{width: 100%;margin-bottom: 14px;border-bottom: 4px solid #0C53A3;position: relative;} .cp_section .cons .right .lis .titbox img{max-width: 100%;display: block;} .cp_section .cons .right .lis .titbox .tit{font-size: 18px;color: #ffffff;padding-left: 30px;line-height: 45px;position: absolute;left: 0;top: 0;} .cp_section .cons .right .lis .qh_t{width: 100%;margin-bottom: 6px;overflow: hidden;} .cp_section .cons .right .lis .qh_t .list{float: left;margin-right: 140px;margin-bottom: 16px;} .cp_section .cons .right .lis .qh_t .list a{font-size: 16px;color: #0c53a3;line-height: 20px;position: relative;font-weight: bolder;border-bottom: 3px solid rgba(255,255,255,0);} .cp_section .cons .right .lis .qh_t .list.on a{border-bottom: 3px solid #E80011;} .cp_section .cons .right .lis .qh_b{width: 100%;position: relative;} .cp_section .cons .right .lis .qh_b .list{width: 100%;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0; display:none; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .cp_section .cons .right .lis .qh_b .list.on{position: static;z-index: 2;opacity: 1; display:block;} /*20221122satrt*/ .cp_section .cons .right .lis .qh_b .list ul{margin: 0 -23px;width: calc(100% + 46px);display:flex; flex-wrap: wrap; align-items: flex-start;} .cp_section .cons .right .lis .qh_b .list ul::after{content:"";display: block;clear: both;} .cp_section .cons .right .lis .qh_b .list ul li{width: 33.333%;float: left;padding: 0 23px;margin-bottom: 30px;} .cp_section .cons .right .lis .qh_b .list ul li a{display: block;width: 100%;background: #fff;position: relative;padding-bottom: 54px;} /*20221122end*/ .cp_section .cons .right .lis .qh_b .list ul li a:hover{box-shadow: 0 0 30px rgba(0,0,0,0.1);} .cp_section .cons .right .lis .qh_b .list ul li a::after{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: 1;background: linear-gradient(to bottom , #fff , #A2BFDF);opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .cp_section .cons .right .lis .qh_b .list ul li a:hover::after{opacity: 1;} .cp_section .cons .right .lis .qh_b .list ul li a .words{font-size: 16px;color: #FFF;line-height: 40px;text-align: center;padding: 0 20px;width: 82%;background: #0c53a3;position: absolute;left: 9%;bottom: 0;z-index: 3; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} /*20221122satrt*/ .cp_section .cons .right .lis .qh_b .list ul li a .pic{width: 100%; position:relative; z-index:3;} .cp_section .cons .right .lis .qh_b .list ul li a .pic img{width: 100%;height: 325px;display: block;} /*20221122end*/ @media screen and (max-width: 1680px){ .cp_section{padding-bottom: 100px;} .cp_section .cons .left.on{left: 10.5%;} .cp_section .cons .right .lis .qh_t .list{margin-right: 100px;} } @media screen and (max-width: 1280px){ .cp_section .cons .left.on{left: 100px;} .sy_banner .ul .li p{ top: 30%;} .sy_banner .ul .li span{ top: 50%;} } @media screen and (max-width: 1150px){ .sy_banner .ul .li p{ font-size:26px; width: 390px;} .sy_banner .ul .li span{ font-size:20px; width: 390px;} } @media screen and (max-width: 960px){ .pt { margin-left: 5%; } } @media screen and (max-width: 920px){ .sy_banner .ul .li p{ font-size:22px; width: 340px;} .sy_banner .ul .li span{ font-size:18px; width: 340px;} } @media screen and (max-width: 850px){ .sy_banner .ul .li p{ font-size:20px; width: 300px; top: 25%;} .sy_banner .ul .li span{ font-size:16px; width: 300px; top: 55%; line-height: 25px;} .dq_section .content .left a { font-size:14px; } } @media screen and (max-width: 720px){ .pr { width: 49.5%;} .sy_banner .ul .li p{ font-size: 16px; width: 200px; top: 15%;} .sy_banner .ul .li span{ font-size: 16px; width: 200px; top: 45%; line-height: 25px;} .sy_banner .ul .li img { width: 200%; margin-left: -251px; } } @media screen and (max-width: 1024px){ .cp_section{padding-top: 10px;padding-bottom: 30px;} .cp_section h1{font-size: 18px;line-height: 22px;display: none; margin-bottom: 12px;} .cp_section .cons .left{width: 100%;margin-bottom: 20px;} .cp_section .cons .left.on{position: static;} .cp_section .cons .left ul{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .cp_section .cons .left ul::-webkit-scrollbar{ display: none;} .cp_section .cons .left ul li{width: auto;margin-bottom: 0;display: inline-block;vertical-align: middle;margin-right: 12px;} .cp_section .cons .left ul li a{line-height: 36px;padding: 0 14px;} .cp_section .cons .right{padding-left: 0;width: 100%;} .cp_section .cons .right .lis{margin-bottom: 6px;} .cp_section .cons .right .lis .titbox{margin-bottom: 10px;padding-left: 1px;display: none;} .cp_section .cons .right .lis .titbox .tit{font-size: 16px;padding-left: 20px;} .cp_section .cons .right .lis .qh_t .list{margin-right: 14px;margin-bottom: 12px;} /*20221122satrt*/ .cp_section .cons .right .lis .qh_b .list ul{margin: 0 -6px;width: calc(100% + 12px);display:flex; flex-wrap: wrap; align-items: flex-start;} /*20221122end*/ .cp_section .cons .right .lis .qh_b .list ul li{width: 50%;padding: 0 6px;margin-bottom: 12px;} .cp_section .cons .right .lis .qh_b .list ul li a .words{line-height: 36px;padding: 0 12px;width: 90%;left: 5%;} .cp_section .cons .right .lis .titbox img{max-width: 60%;display: block;} .cp_section .cons .right .lis .titbox .tit{font-size: 16px;line-height: 38px;} /*.cp_section .cons .right .lis .qh_t{display: none;} .cp_section .cons .right .lis:first-child .qh_t{display: block;}*/ /*20221122satrt*/ .cp_section .cons .right .lis .qh_b .list ul li a{padding-bottom: 40px;} /*.cp_section .cons .right .lis .qh_b .list ul li a .pic{ padding-bottom: 91.86%; position: relative; overflow: hidden;z-index: 2;} .cp_section .cons .right .lis .qh_b .list ul li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;height: auto; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);}*/ .cp_section .cons .right .lis .qh_b .list ul li a .pic img{height: 180px;} /*20221122end*/ } .cpxq_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #fff;} .cpxq_section .content{width: 100%;background: #F3F3F3;padding: 20px; margin-top:30px;} .cpxq_section .content h1{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 16px;} .cpxq_section .content .cons{width: 100%;overflow: hidden;} .cpxq_section .content .left{width: 41.03%;float: left;} .cpxq_section .content .right{width: 58.97%;float: right;padding-left: 100px;} .cpxq_section .content .right h2{font-size: 18px;color: #103884;line-height: 22px;margin: 10px 0px;} .cpxq_section .content .right .info1{font-size: 16px;color: #323232;line-height: 24px;padding-bottom: 14px;border-bottom: 1px solid #d1d1d1;padding-bottom: 8px; text-align: justify;} .cpxq_section .content .right .info2{font-size: 16px;color: #323232;line-height: 24px;padding-bottom: 60px;margin-bottom: 4px;border-bottom: 1px solid #d1d1d1; text-align: justify;} .cpxq_section .content .right .info3{font-size: 16px;color: #323232;line-height: 24px; text-align: justify;} .cpxq_section .content .right .info3 a{color: #103884;font-size: 16px;} .cpxq_section .content .right .info3 a:hover{color: #2c438f;} @media screen and (max-width: 1024px){ .cpxq_section{padding-top: 10px;padding-bottom: 30px;} .cpxq_section .content{padding: 12px;} .cpxq_section .content h1{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .cpxq_section .content .left{width: 100%;} .cpxq_section .content .right{width: 100%;padding-left: 0;margin-top: 12px;} .cpxq_section .content .right h2{font-size: 18px;line-height: 20px;} .cpxq_section .content .right .info2{padding-bottom: 12px;} .cpxq_section .content .right .info3 a{font-size: 16px;} } /*行业应用详情*/ .hyyy_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .hyyy_section .content{width: 100%;overflow: hidden;position: relative;} .hyyy_section .content::before{content: "";display: block;width: 23.33%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .hyyy_section .content::after{content: "";display: block;width: 75.83%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .hyyy_section .content .left{width: 23.33%;float: left;padding: 10px;background: #fff;position: relative;z-index: 2;} .hyyy_section .content .left h1{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 10px;} .hyyy_section .content .left ul{width: 100%;} .hyyy_section .content .left ul li{margin-bottom: 10px;} .hyyy_section .content .left ul li:last-child{margin-bottom: 0;} .hyyy_section .content .left ul li a{font-size: 16px;color: #0f2c66;line-height: 30px;} .hyyy_section .content .left ul li a:hover, .hyyy_section .content .left ul li.on a{font-weight: bolder;} .hyyy_section .content .right{width: 75.83%;float: right;padding: 20px;background: #fff;position: relative;z-index: 2;} .hyyy_section .content .right h2{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 14px;} .hyyy_section .content .right img{width: 100%;display: block;margin-bottom: 18px;} .hyyy_section .content .right .tit{font-size: 18px;color: #103884;line-height: 22px;margin-bottom: 6px;} .hyyy_section .content .right .info{font-size: 16px;color: #393939;line-height: 24px;margin-bottom: 20px;} .hyyy_section .content .right .info2{font-size: 16px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .hyyy_section{padding-bottom: 30px;} .hyyy_section .content::before{display: none;} .hyyy_section .content::after{display: none;} .hyyy_section .content .left{width: 100%;padding: 10px;} .hyyy_section .content .left h1{font-size: 18px;line-height: 22px;} .hyyy_section .content .left ul{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .hyyy_section .content .left ul::-webkit-scrollbar{ display: none;} .hyyy_section .content .left ul li{margin-bottom: 0;margin-right: 8px;display: inline-block;vertical-align: middle;} .hyyy_section .content .left ul li a{line-height: 26px;} .hyyy_section .content .right{width: 100%;padding: 10px;margin-top: 12px;} .hyyy_section .content .right h2{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .hyyy_section .content .right img{margin-bottom: 12px;} .hyyy_section .content .right .tit{font-size: 16px;line-height: 20px;} .hyyy_section .content .right .info{line-height: 22px;margin-bottom: 12px;} .hyyy_section .content .right .info2{line-height: 22px;} } /*服务*/ .fw_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .fw_section .top{width: 100%;background: #003E95;font-size: 0;margin-bottom: 16px;} .fw_section .top:hover{background: #2c438f;} .fw_section .top .pic{width: 54.58%;display: inline-block;vertical-align: middle;} .fw_section .top .pic img{width: 100%;display: block;} .fw_section .top .wordsbox{width: 45.42%;display: inline-block;vertical-align: middle;padding-left: 14px;padding-right: 70px;text-align: justify;} .fw_section .top .wordsbox .info{font-size: 16px;color: #FFF;line-height: 24px;margin-bottom: 30px;} .fw_section .top .wordsbox .phone{width: 100%;font-size: 0;} .fw_section .top .wordsbox .phone img{width: 37px;display: inline-block;vertical-align: middle;margin-right: 12px;} .fw_section .top .wordsbox .phone .words{font-size: 16px;color: #fff;line-height: 26px;display: inline-block;vertical-align: middle;} .fw_section .bottom{width: 100%;} .fw_section .bottom ul{width: 100%;} .fw_section .bottom ul li{width: 100%;margin-bottom: 14px;position: relative;overflow: hidden;} .fw_section .bottom ul li::after{content: "";display: block;width: 36.7%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .fw_section .bottom ul li::before{content: "";display: block;width: calc(63.3% - 14px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .fw_section .bottom ul li:last-child{margin-bottom: 0;} .fw_section .bottom ul li .left{width: 36.7%;float: left;background: #fff;padding: 20px;position: relative;z-index: 2;} .fw_section .bottom ul li .left .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 24px;} .fw_section .bottom ul li .left .info{font-size: 16px;color: #393939;line-height: 24px;} .fw_section .bottom ul li .right{width: calc(63.3% - 14px);float: right;background: #fff;position: relative;z-index: 2;} .fw_section .bottom ul li .right .wordsbox{width: calc(100% - 337px);float: left;padding: 20px 10px 20px 20px;} .fw_section .bottom ul li .right .wordsbox .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 24px;} .fw_section .bottom ul li .right .wordsbox .info{font-size: 16px;color: #393939;line-height: 24px;} .fw_section .bottom ul li .right .pic{width: 337px;float: left;} .fw_section .bottom ul li .right .pic img{width: 100%;display: block;} .fw_section .bottom ul li:last-child .right .wordsbox{width: calc(100% - 255px);} .fw_section .bottom ul li:last-child .right .pic{width: 255px;} @media screen and (max-width: 1024px){ .fw_section{padding-bottom: 30px;} .fw_section .top{margin-bottom: 12px;} .fw_section .top .pic{width: 100%;} .fw_section .top .wordsbox{width: 100%;padding-left: 0;padding-right: 0;padding: 12px;} .fw_section .top .wordsbox .info{font-size: 16px;line-height: 20px;margin-bottom: 16px;} .fw_section .top .wordsbox .phone img{width: 30px;margin-right: 10px;} .fw_section .top .wordsbox .phone .words{font-size: 16px;line-height: 24px;} .fw_section .bottom ul li{margin-bottom: 12px;} .fw_section .bottom ul li::after{display: none;} .fw_section .bottom ul li::before{display: none;} .fw_section .bottom ul li .left{width: 100%;;padding: 12px;margin-bottom: 12px;} .fw_section .bottom ul li .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .fw_section .bottom ul li .left .info{font-size: 16px;line-height: 20px;} .fw_section .bottom ul li .right{width: 100%;} .fw_section .bottom ul li .right .wordsbox{width: 100%;padding: 12px;} .fw_section .bottom ul li .right .wordsbox .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .fw_section .bottom ul li .right .wordsbox .info{font-size: 16px;line-height: 20px;} .fw_section .bottom ul li .right .pic{width: 100%;} .fw_section .bottom ul li:last-child .right .wordsbox{width: 100%;} .fw_section .bottom ul li:last-child .right .pic{width: 100%;} } /*加入我们*/ .jrwm_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f5f5f5;} .jrwm_section .top{width: 100%;margin-bottom: 15px;position: relative;overflow: hidden;} .jrwm_section .top .left{width: calc(58.4% - 15px);float: left;background: #fff;padding: 20px;} .jrwm_section .top .right{width: 41.6%;float: right;background: #fff;padding: 20px;} .jrwm_section .top .tit{font-size: 23px;color: #003E95;line-height: 26px;margin-bottom: 20px;} .jrwm_section .top .info{font-size: 16px;color: rgb(57, 57, 57);line-height: 20px;height: 180px;} .jrwm_section .top .left:hover{background: #003E95;} .jrwm_section .top .right:hover{background: #003E95;} .jrwm_section .top .left:hover .tit{color: #fff;} .jrwm_section .top .left:hover .info{color: #fff;} .jrwm_section .top .right:hover .tit{color: #fff;} .jrwm_section .top .right:hover .info{color: #fff;} .jrwm_section .bottom{width: 100%;overflow: hidden;position: relative;} .jrwm_section .bottom::before{content:"";display: block;width: calc(76.25% - 15px);height: 100%;background: #FFCC00;position: absolute;left: 0;top: 0;z-index: 1;} .jrwm_section .bottom .left{width: calc(76.25% - 15px);float: left;background: #fff;background: #FFCC00;position: relative;z-index: 2;} .jrwm_section .bottom .left .pic{width: 64.11%;float: left;} .jrwm_section .bottom .left .pic img{width: 100%;display: block;} .jrwm_section .bottom .left .wordsbox{width: 35.89%;float: left;text-align: right;padding: 20px 20px 20px 10px;} .jrwm_section .bottom .left .wordsbox .tit{font-size: 23px;color: #fff;line-height: 26px;margin-bottom: 20px;} /*20221117start*/ .jrwm_section .bottom .left .wordsbox .info{font-size: 15px;color: #fff;line-height: 20px;} /*20221117end*/ .jrwm_section .bottom .right{width: 23.75%;float: right;background: #fff;padding: 20px;} .jrwm_section .bottom .right::after{content:"";display: block;width: calc(23.75%);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .jrwm_section .bottom .right:hover::after{background: #003E95;} .jrwm_section .bottom .right .tit{font-size: 23px;color: #003E95;line-height: 26px;margin-bottom: 20px;position: relative;z-index: 10;} .jrwm_section .bottom .right .info{font-size: 16px;color: rgb(57, 57, 57);line-height: 20px;position: relative;z-index: 10;} .jrwm_section .bottom .left:hover{background: #003E95;} .jrwm_section .bottom .right:hover{background: #003E95;} .jrwm_section .bottom .left:hover .tit{color: #fff;} .jrwm_section .bottom .left:hover .info{color: #fff;} .jrwm_section .bottom .right:hover .tit{color: #fff;} .jrwm_section .bottom .right:hover .info{color: #fff;} @media screen and (max-width: 1024px){ .jrwm_section{padding-bottom: 30px;} .jrwm_section .top{margin-bottom: 12px;} .jrwm_section .top .left{width: 100%;padding: 12px;margin-bottom: 12px;} .jrwm_section .top .right{width: 100%;padding: 12px;} .jrwm_section .top .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .jrwm_section .top .info{font-size: 16px;height: auto;} .jrwm_section .bottom::before{display: none;} .jrwm_section .bottom .left{width: 100%;margin-bottom: 12px;} .jrwm_section .bottom .left .pic{width: 100%;} .jrwm_section .bottom .left .wordsbox{width: 100%;padding: 12px;text-align: left;} .jrwm_section .bottom .left .wordsbox .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .jrwm_section .bottom .left .wordsbox .info{font-size: 16px;} .jrwm_section .bottom .right{width: 100%;padding: 12px;} .jrwm_section .bottom .right::after{display: none;} .jrwm_section .bottom .right .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .jrwm_section .bottom .right .info{font-size: 16px;line-height: 18px;} } /*加入我们_职位*/ .jrwmzw_section{width: 100%;background: #f3f3f3;padding-top: 10px;padding-bottom: 30px;} .jrwmzw_section .top{width: 100%;background: #fff;padding: 20px 94px 20px 15px;margin-bottom: 10px;overflow: hidden;} .jrwmzw_section .top .words{font-size: 18px;color: #003E95;line-height: 40px;float: left;} .jrwmzw_section .top input{width: calc(100% - 186px);height: 40px;display: block;border: 1px solid #e7e7e7;float: left;margin: 0 15px 0 15px;} .jrwmzw_section .top .but{width: 120px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #033DA1;float: left;cursor: pointer;} .jrwmzw_section .top .but:hover{background: #2c438f;} .jrwmzw_section .bottom{width: 100%;position: relative;overflow: hidden;} .jrwmzw_section .bottom::before{content: "";display: block;width: 25%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .jrwmzw_section .bottom::after{content: "";display: block;width: calc(75% - 22px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .jrwmzw_section .bottom .left{width: 25%;float: left;background: #fff;padding: 0 20px;position: relative;z-index: 2;} .jrwmzw_section .bottom .left ul{width: 100%;} .jrwmzw_section .bottom .left ul li{width: 100%;border-bottom: 1px solid #F1F1F1;} .jrwmzw_section .bottom .left ul li a{font-size: 16px;color: #737373;line-height: 40px;display: block;font-weight: bolder;} .jrwmzw_section .bottom .left ul li a:hover{color: #003E95;} .jrwmzw_section .bottom .right{width: calc(75% - 22px);float: right;padding: 20px 60px 20px 20px;background: #fff;position: relative;z-index: 2;} .jrwmzw_section .bottom .right img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .jrwmzw_section{padding-bottom: 30px;} .jrwmzw_section .top{padding: 12px;} .jrwmzw_section .top .words{font-size: 16px;line-height: 34px;} .jrwmzw_section .top input{width: calc(100% - 136px);height: 34px;margin: 0 12px;} .jrwmzw_section .top .but{width: 80px;font-size: 16px;line-height: 34px;} .jrwmzw_section .bottom::before{display: none;} .jrwmzw_section .bottom::after{display: none;} .jrwmzw_section .bottom .left{padding: 12px;width: 100%;margin-bottom: 12px;} .jrwmzw_section .bottom .left ul li a{line-height: 34px;} .jrwmzw_section .bottom .right{width: 100%;padding: 12px;} } /*新闻中心*/ .wx_section{width: 100%;padding-top: 10px;background: #f3f3f3;position: relative;} .wx_section::after{content: "";display: block;width: 100%;height: 1px;background: #9a9a9a;position: absolute;left: 0;top: 10px;} .wx_section .content{width: 100%;overflow: hidden;position: relative;} .wx_section .content::after{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 26.16%;top: 0;background: #9a9a9a;} .wx_section .content .left{width: 26.16%;float: left;padding-right: 14px;} .wx_section .content .left ul{width: 100%; padding-bottom:50px;} .wx_section .content .left ul li{width: 100%;border-bottom: 1px solid #9a9a9a;} .wx_section .content .left ul li a{font-size: 16px;color: #737373;line-height: 54px;display: block;} .wx_section .content .left ul li a:hover, .wx_section .content .left ul li.on a{color: #003E95;} .wx_section .content .right{width: 73.84%;float: right;padding-left: 20px;} .wx_section .content .right ul{width: 100%;} .wx_section .content .right ul li{width: 100%;padding-top: 20px;padding-bottom: 20px;border-bottom: 0 solid #9a9a9a;} .wx_section .content .right ul li a{width: 100%;overflow: hidden;display: block;} .wx_section .content .right ul li a .wordsbox{width: calc(100% - 340px);float: left;padding-right: 70px;} .wx_section .content .right ul li a .wordsbox .tit{font-size: 20px;color: #191919;line-height: 24px;margin-bottom: 20px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .wx_section .content .right ul li a .wordsbox .date{font-size: 16px;color: #393939;line-height: 20px;margin-bottom: 20px;} .wx_section .content .right ul li a .wordsbox .info{font-size: 16px;color: #393939;line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2;} .wx_section .content .right ul li a .picbox{width: 340px;float: right;} .wx_section .content .right ul li a .picbox .pic{ width: 100%; padding-bottom: 57.35%; position: relative; overflow: hidden; min-height: 50px; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .wx_section .content .right ul li a .picbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: all 0.5s ease-out 0s; -moz-transition: all 0.5s ease-out 0s; -o-transition: all 0.5s ease-out 0s; transition: all 0.5s ease-out 0s; transition: -webkit-transform 2s; vertical-align: middle; -ms-interpolation-mode: bicubic;} .wx_section .content .right ul li a:hover .picbox .pic img{ -webkit-transform: translate(-50%, -50%) scale(1.1); -moz-transform: translate(-50%, -50%) scale(1.1); transform: translate(-50%, -50%) scale(1.1);} .wx_section .content .right .qhbox{width: 100%;padding-top: 40px;padding-bottom: 40px;font-size: 0;text-align: center;} .wx_section .content .right .qhbox a{display: inline-block;vertical-align: middle;width: 32px;} .wx_section .content .right .qhbox a:hover, .wx_section .content .right .qhbox a.none{opacity: 0.6;} .wx_section .content .right .qhbox a img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .wx_section .content::after{display: none;} .wx_section .content .left{width: 100%;padding-right: 0;} .wx_section .content .left ul{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%; padding-bottom:0;} .wx_section .content .left ul::-webkit-scrollbar{ display: none;} .wx_section .content .left ul li{width: auto;display: inline-block;vertical-align: middle;margin-right: 12px; border-bottom: 0 solid #9a9a9a;} .wx_section .content .left ul li a{line-height: 30px;} .wx_section .content .right{width: 100%;padding-left: 0px;} .wx_section .content .right ul li{padding-top: 12px;padding-bottom: 12px;} .wx_section .content .right ul li a{padding: 12px; background: #fff;} .wx_section .content .right ul li a .wordsbox{width: 100%;padding-right: 0;} .wx_section .content .right ul li a .wordsbox .tit{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .wx_section .content .right ul li a .wordsbox .date{font-size: 16px;line-height: 20px;margin-bottom: 10px;} .wx_section .content .right ul li a .wordsbox .info{font-size: 16px;line-height: 20px;} .wx_section .content .right ul li a .picbox{width: 100%;} .wx_section .content .right .qhbox{padding-top: 12px;padding-bottom: 12px;} .wx_section .content .right .qhbox a{width: 26px;} } /*新闻中心详情*/ .wxxq_section{width: 100;padding-top: 10px;background: #f3f3f3;position: relative;padding-bottom: 30px;} .wxxq_section .content{width: 100%;overflow: hidden;position: relative;} .wxxq_section .content .right{width: 100%;float: left;padding: 20px;background: #fff;min-height: 500px;} .wxxq_section .content .right h2{font-size: 20px;color: #014099;line-height: 24px;margin-bottom: 20px; text-align:center;} .wxxq_section .content .right .date{font-size: 12px;color: #a19f9f;line-height: 16px;margin-bottom: 30px; text-align:center;} .wxxq_section .content .right .info{font-size: 16px;color: #393939;line-height: 24px; text-align: justify;} @media screen and (max-width: 1024px){ .wxxq_section .content::after{display: none;} .wxxq_section .content .left{width: 100%;padding-right: 0;} .wxxq_section .content .left ul{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .wxxq_section .content .left ul::-webkit-scrollbar{ display: none;} .wxxq_section .content .left ul li{width: auto;display: inline-block;vertical-align: middle;margin-right: 12px; border-bottom: 0 solid #9a9a9a;} .wxxq_section .content .left ul li a{line-height: 30px;} .wxxq_section .content .right{width: 100%;padding: 12px;min-height: 1px;} .wxxq_section .content .right h2 { font-size: 18px; line-height: 28px; margin-bottom: 18px; margin-top: 20px; } .wxxq_section .content .right .date{margin-bottom: 12px;} .wxxq_section .content .right .info img{ width:100%;} } /*新闻中心视频*/ .xwsp_section{width: 100;padding-top: 10px;background: #f3f3f3;position: relative;padding-bottom: 30px;} .xwsp_section::after{content: "";display: block;width: 100%;height: 1px;background: #9a9a9a;position: absolute;left: 0;top: 10px;} .xwsp_section .content{width: 100%;overflow: hidden;position: relative;} .xwsp_section .content::after{content: "";display: block;width: 1px;height: 100%;position: absolute;left: 26.16%;top: 0;background: #9a9a9a;} .xwsp_section .content .left{width: 26.16%;float: left;padding-right: 14px;} .xwsp_section .content .left ul{width: 100%;} .xwsp_section .content .left ul li{width: 100%;border-bottom: 1px solid #9a9a9a;} .xwsp_section .content .left ul li a{font-size: 16px;color: #737373;line-height: 54px;display: block;} .xwsp_section .content .left ul li a:hover, .xwsp_section .content .left ul li.on a{color: #003E95;} .xwsp_section .content .right{width: 73.84%;float: right;padding: 30px;min-height: 500px;} .xwsp_section .content .right ul{margin: -10px;width: calc(100% + 20px);overflow: hidden;} .xwsp_section .content .right ul li{width: 33.333333%;float: left;padding: 10px;} .xwsp_section .content .right ul li a{display: block;width: 100%;} .xwsp_section .content .right ul li a .picbox{width: 100%;position: relative;} .xwsp_section .content .right ul li a .picbox .pic{ padding-bottom: 66.64%; position: relative; overflow: hidden;} .xwsp_section .content .right ul li a .picbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .xwsp_section .content .right ul li a .picbox .ico{width: 32px;display: block;position: absolute;right: 20px;bottom: 14px;} .xwsp_section .content .right ul li a .words{font-size: 16px;color: #393939;line-height: 24px;text-align: center;margin-top: 10px;} @media screen and (max-width: 1024px){ .xwsp_section .content::after{display: none;} .xwsp_section .content .left{width: 100%;padding-right: 0;} .xwsp_section .content .left ul{width: 100%;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .xwsp_section .content .left ul::-webkit-scrollbar{ display: none;} .xwsp_section .content .left ul li{width: auto;display: inline-block;vertical-align: middle;margin-right: 12px; border-bottom: 0 solid #9a9a9a;} .xwsp_section .content .left ul li a{line-height: 30px;} .xwsp_section .content .right{width: 100%;padding: 0;min-height: 1px;margin-top: 12px;} .xwsp_section .content .right ul{margin: -6px;width: calc(100% + 12px);} .xwsp_section .content .right ul li{width: 50%;float: left;padding: 6px;} .xwsp_section .content .right ul li a .picbox .ico{width: 26px;right: 12px;bottom: 12px;} } /*弹窗*/ ._pop{ float:left; width:100%; height:100%; position:fixed; left:0; top:0; z-index:99999999; display:none;background-color: rgba(0,0,0,0.8);} ._col{ float:left; font-size: 0; position:absolute; right:-60px; top:-44px; width:44px; height:44px; border-radius: 100%;color: #999;cursor: pointer;background: url(img/img68.png)no-repeat center center;background-size: cover; -webkit-transform: rotate(0); -moz-transform: rotate(0); -ms-transform: rotate(0); -o-transform: rotate(0); transform: rotate(0);} ._htm{ float:left; width:800px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);background-color: rgba(255,255,255,0.5);padding: 12px;} ._htm video{width: 100%;display: block;margin: 0 auto;} ._htm img{width: 100%;display: block;margin: 0 auto;} @media screen and (max-width: 1680px){ ._htm{ float:left; width:600px;} } @media screen and (max-width: 991px){ ._col{ float:left; font-size: 50px; position:absolute; right:-50px; top:0; width:34px; height:34px; border-radius: 100%;color: #999;cursor: pointer;background: url(images); -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width:500px;position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } @media screen and (max-width: 767px){ ._col{ float:left; font-size: 50px; position:absolute; right:10px; top:-55px; width:20px; height:20px; border-radius: 100%;color: #999;cursor: pointer; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} ._htm{ float:left; width: calc(100% - 30px);position:fixed; left:50%; top:50%; transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%);} } /*投资者关系*/ .tzzgx_section1{width: 100%;padding-top: 10px;padding-bottom: 16px;background: #f3f3f3;} .tzzgx_section1 .content{width: 100%;} .tzzgx_section1 .content::after{content: "";display: block;clear: both;} .tzzgx_section1 .content .left{width: 28.33%;float: left;} .tzzgx_section1 .content .left .top{width: 100%;background: #fff;margin-bottom: 16px;} .tzzgx_section1 .content .left .top a{display: block;width: 100%;padding: 20px;} .tzzgx_section1 .content .left .top a .words1{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 22px;} .tzzgx_section1 .content .left .top a .words2{font-size: 16px;color: red;line-height: 20px;margin-bottom: 54px;} .tzzgx_section1 .content .left .top a .words3{font-size: 16px;color: #003E95;line-height: 20px;} .tzzgx_section1 .content .left .top a .words3:hover{color: #2c438f;} .tzzgx_section1 .content .left .bottom{width: 100%;background: #fff;height: 300px;} .tzzgx_section1 .content .left .bottom a{display: block;width: 100%;padding: 20px;} .tzzgx_section1 .content .left .bottom a .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 18px;} .tzzgx_section1 .content .left .bottom a .info{font-size: 16px;color: #393939;line-height: 30px;} .tzzgx_section1 .content .right{width: calc(71.67% - 16px);float: right;} .tzzgx_section1 .content .right .top{width: 100%;background: #fff;margin-bottom: 16px;} .tzzgx_section1 .content .right .top::after{content: "";display: block;clear: both;} .tzzgx_section1 .content .right .top ._ls{width: 55%;float: left;padding: 20px;min-height: 255px;position: relative;z-index: 2;} .tzzgx_section1 .content .right .top ._ls .tit{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 26px;} .tzzgx_section1 .content .right .top ._ls .info{width: 100%;} .tzzgx_section1 .content .right .top ._ls .info a{display: block;font-size: 16px;color: #737373;line-height: 36px;} .tzzgx_section1 .content .right .top ._ls .info a:hover{color: #133781;} .tzzgx_section1 .content .right .top ._rs{width: 42%;float: right;padding: 20px;background: #133781;position: relative;min-height: 255px;z-index: 1;} .tzzgx_section1 .content .right .top ._rs .tit{font-size: 23px;color: #fff;line-height: 28px;margin-bottom: 26px;} .tzzgx_section1 .content .right .top ._rs .info{width: 100%;} .tzzgx_section1 .content .right .top ._rs .info a{display: block;font-size: 16px;color: #fff;line-height: 36px;} .tzzgx_section1 .content .right .top ._rs .info a:hover{color: #2c438f;} .tzzgx_section1 .content .right .top ._rs::after{content: "";display: block;width: 72px;height: 100%;background: url(img/img71.jpg)no-repeat center center;background-size: cover;position: absolute;right: 100%;top: 0;} .tzzgx_section1 .content .right .bottom{width: 100%;background: #fff;overflow: hidden;} .tzzgx_section1 .content .right .bottom ._ls{padding: 20px;width: 34%;float: left;width: calc(50% - 135px);} .tzzgx_section1 .content .right .bottom ._ls .tit{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 26px;} .tzzgx_section1 .content .right .bottom ._ls .info{width: 100%;} .tzzgx_section1 .content .right .bottom ._ls .info a{display: block;font-size: 16px;color: #737373;line-height: 36px;} .tzzgx_section1 .content .right .bottom ._ls .info a:hover{color: #133781;} .tzzgx_section1 .content .right .bottom ._rs{padding: 20px;width: 34%;float: left;width: calc(50% - 135px);} .tzzgx_section1 .content .right .bottom ._cs{width: 270px;overflow: hidden;float: left;} .tzzgx_section1 .content .right .bottom ._cs img{width: 100%;display: block;} .tzzgx_section1 .content .right .bottom ._rs .tit{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 26px;} .tzzgx_section1 .content .right .bottom ._rs .info{width: 100%;font-size: 12px;color: #393939;line-height: 20px;} .tzzgx_section1 .content .right .bottom ._rs .info a{display: block;font-size: 16px;color: #737373;line-height: 36px;} .tzzgx_section1 .content .right .bottom ._rs .info a:hover{color: #133781;} @media screen and (max-width: 1680px){ .tzzgx_section1 .content .right .bottom ._ls .info a{font-size: 12px;} .tzzgx_section1 .content .right .bottom ._rs .info a{font-size: 12px;} } @media screen and (max-width: 1024px){ .tzzgx_section1 .content .left{width: 100%;margin-bottom: 12px;} .tzzgx_section1 .content .left .top{margin-bottom: 12px;} .tzzgx_section1 .content .left .top a{padding: 12px;} .tzzgx_section1 .content .left .top a .words1{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .left .top a .words2{font-size: 16px;margin-bottom: 14px;} .tzzgx_section1 .content .left .bottom{height: auto;} .tzzgx_section1 .content .left .bottom a{padding: 12px;} .tzzgx_section1 .content .left .bottom a .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .left .bottom a .info{line-height: 24px;} .tzzgx_section1 .content .right{width: 100%;} .tzzgx_section1 .content .right .top{margin-bottom: 12px;} .tzzgx_section1 .content .right .top ._ls{width: 100%;padding: 12px;min-height: 1px;} .tzzgx_section1 .content .right .top ._ls .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .right .top ._ls .info a{font-size: 16px;line-height: 26px;} .tzzgx_section1 .content .right .top ._rs{width: 100%;padding: 12px;min-height: 1px;} .tzzgx_section1 .content .right .top ._rs .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .right .top ._rs .info a{line-height: 26px;} .tzzgx_section1 .content .right .top ._rs::after{display: none;} .tzzgx_section1 .content .right .bottom ._ls{padding: 12px;width: 100%;width: 100%;} .tzzgx_section1 .content .right .bottom ._ls .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .right .bottom ._ls .info a{line-height: 26px;} .tzzgx_section1 .content .right .bottom ._rs{padding: 12px;width: 100%;} .tzzgx_section1 .content .right .bottom ._cs{width: 100%;} .tzzgx_section1 .content .right .bottom ._rs .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section1 .content .right .bottom ._rs .info a{line-height: 26px;} } .tzzgx_section2{width: 100%;padding-bottom: 30px;background: #f3f3f3;} .tzzgx_section2 .content{width: 100%;background: #fff;padding: 20px;} .tzzgx_section2 .content h2{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 22px;} .tzzgx_section2 .content ul{width: 100%;border-top: 1px solid #919191;} .tzzgx_section2 .content ul li{width: 100%;padding-top: 20px;padding-bottom: 20px;border-bottom: 1px solid #919191;overflow: hidden;} .tzzgx_section2 .content ul li .left{width: 48.27%;float: left;padding-right: 30px;} .tzzgx_section2 .content ul li .left .words1{font-size: 16px;color: #113884;line-height: 24px;float: left;width: 80px;} .tzzgx_section2 .content ul li .left .words2{font-size: 16px;color: #393939;line-height: 24px;float: left;width: calc(100% - 80px);} .tzzgx_section2 .content ul li .right{width: 51.73%;float: right;} .tzzgx_section2 .content ul li .right .words1{font-size: 16px;color: #d8261c;line-height: 24px;float: left;width: 80px;} .tzzgx_section2 .content ul li .right .words2{font-size: 16px;color: #393939;line-height: 24px;float: left;width: calc(100% - 80px);} @media screen and (max-width: 1024px){ .tzzgx_section2 .content{padding: 12px;} .tzzgx_section2 .content h2{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgx_section2 .content ul li{padding-top: 12px;padding-bottom: 12px;} .tzzgx_section2 .content ul li .left{width: 100%;padding-right: 0;margin-bottom: 12px;} .tzzgx_section2 .content ul li .right{width: 100%;} } /*二级导航*/ .ejnav_section{width: 100%;background: #fff;} .ejnav_section .content{width: 100%;padding-left: 100px;padding-right: 100px;} .ejnav_section .content ul{width: 100%;font-size: 0;} .ejnav_section .content ul li{width: 20%;display: inline-block;vertical-align: middle;} .ejnav_section .content ul li a{display: block;width: 100%;position: relative;} .ejnav_section .content ul li a .ba_pic{ height:52px; position: relative; overflow: hidden;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .ejnav_section .content ul li:hover a .ba_pic, .ejnav_section .content ul li.on a .ba_pic{opacity: 1;} .ejnav_section .content ul li a .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .ejnav_section .content ul li a .words{font-size: 16px;color: #014099;line-height: 20px;width: 100%;text-align: center;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .ejnav_section .content ul li:hover a .words, .ejnav_section .content ul li.on a .words{color: #fff;} @media screen and (max-width: 1024px){ .ejnav_section .content{padding-left: 0;padding-right: 0;} .ejnav_section .content ul{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .ejnav_section .content ul::-webkit-scrollbar{ display: none;} .ejnav_section .content ul li{width: 33.33333333333333%;} .ejnav_sections .content ul li{width: 50%;} .ejnav_section .content ul li a .words{font-size: 16px;} .ejnav_section .content ul li a .ba_pic{height:30px;} } /*关于我们*/ .gywm_section{width: 100%;padding-top: 30px;padding-bottom: 30px;background: #f3f3f3;} .gywm_section .top{width: 100%;margin-bottom: 16px;} .gywm_section .tabcon{width: 100%;overflow: hidden; display:none;} .gywm_section .tabcon.on{display:block;} .gywm_section .top .a{display: block;background: #fff; overflow: hidden;} .gywm_section .top .a .left{width: 48.09%;float: left;padding: 20px;} .gywm_section .top .a .left .tit{font-size: 20px;color: #052e81;line-height: 24px;margin-bottom: 20px;} .gywm_section .top .a .left .info{font-size: 16px;color: #393939;line-height: 24px;} .gywm_section .top .a .right{width: 51.91%;float: right;} .gywm_section .top .a .right .pic{ padding-bottom: 53.65%; position: relative; overflow: hidden;} .gywm_section .top .a .right .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .gywm_section .bottom{width: 100%;overflow: hidden;position: relative;} .gywm_section .bottom .left{width: 31.91%;float: left;} .gywm_section .bottom .left::after{content:"";display: block;width: 31.91%;height: 100%;background: #fff;position: absolute;left: 0;top: 0;} .gywm_section .bottom .left:hover::after{background: rgb(3, 63, 149);} .gywm_section .bottom .left a{width: 100%;display: block;padding: 20px;position: relative;z-index: 2;} .gywm_section .bottom .left a .words1{font-size: 23px;color: rgb(3, 63, 149);line-height: 26px;margin-bottom: 20px;} .gywm_section .bottom .left a .words2{font-size: 16px;color: rgb(57, 57, 57);line-height: 20px;margin-bottom: 80px;} .gywm_section .bottom .left a .words3{font-size: 16px;color: rgb(3, 63, 149);line-height: 20px;} .gywm_section .bottom .left a:hover .words1, .gywm_section .bottom .left a:hover .words2, .gywm_section .bottom .left a:hover .words3{color: #fff;} .gywm_section .bottom .right{width: calc(68.09% - 12px);float: right;} .gywm_section .bottom .right a{width: 100%;display: block;overflow: hidden;} .gywm_section .bottom .right a .wordsbox{width: 50%;float: left;padding: 20px;} .gywm_section .bottom .right a .wordsbox::after{content: "";display: block;width: calc(68.09% - 12px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;} .gywm_section .bottom .right a:hover .wordsbox::after{background: rgb(3, 63, 149);} .gywm_section .bottom .right a .wordsbox .words1{font-size: 23px;color: rgb(3, 63, 149);line-height: 26px;margin-bottom: 20px;position: relative;z-index: 2;} .gywm_section .bottom .right a .wordsbox .words2{font-size: 16px;color: rgb(57, 57, 57);line-height: 20px;margin-bottom: 80px;white-space:nowrap;position: relative;z-index: 2;} .gywm_section .bottom .right a .wordsbox .words3{font-size: 16px;color: rgb(3, 63, 149);line-height: 20px;position: relative;z-index: 2;} .gywm_section .bottom .right a:hover .wordsbox .words1, .gywm_section .bottom .right a:hover .wordsbox .words2, .gywm_section .bottom .right a:hover .wordsbox .words3{color: #fff;} .gywm_section .bottom .right a .picbox{width: 50%;float: right;} .gywm_section .bottom .right a .picbox .pic{ padding-bottom: 53.96%; position: relative; overflow: hidden;} .gywm_section .bottom .right a .picbox .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} @media screen and (max-width: 1024px){ .gywm_section .top{margin-bottom: 12px;} .gywm_section .top .a .left{width: 100%;padding: 12px;} .gywm_section .top .a .left .tit{font-size: 18px;margin-bottom: 12px;} .gywm_section .top .a .right{width: 100%;} .gywm_section .top .a .right .pic{ padding-bottom: 0%} .gywm_section .top .a .right .pic img{position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} .gywm_section .bottom .left{width: 100%;margin-bottom: 12px;} .gywm_section .bottom .left::after{display: none;} .gywm_section .bottom .left a{padding:12px;background: #fff;} .gywm_section .bottom .left a:hover{background: rgb(3, 63, 149);} .gywm_section .bottom .left a .words1{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywm_section .bottom .left a .words2{font-size: 16px;margin-bottom: 20px;} .gywm_section .bottom .left a .words3{font-size: 16px;} .gywm_section .bottom .right{width: 100%;background: #fff;} .gywm_section .bottom .right:hover{background: rgb(3, 63, 149);} .gywm_section .bottom .right a .wordsbox{width: 100%;padding: 12px;} .gywm_section .bottom .right a .wordsbox::after{display: none;} .gywm_section .bottom .right a .wordsbox .words1{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywm_section .bottom .right a .wordsbox .words2{font-size: 16px;line-height: 20px;margin-bottom: 20px;} .gywm_section .bottom .right a .picbox{width: 100%;} .gywm_section .bottom .right a .picbox .pic{ padding-bottom: 0%;} .gywm_section .bottom .right a .picbox .pic img{position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} } /*关于我们历史*/ .gywmls_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .gywmls_section .content{width: 100%;background: #fff;padding: 86px 68px;overflow: hidden;position: relative;} .gywmls_section .content::after{content:"";display: block;width: 4px;height: calc(100% - 252px);background: #104D9D;position: absolute;left: 103.5px;top: 157px;} .gywmls_section .content .left{width: 75px;float: left;} .gywmls_section .content .left img{width: 100%;display: block;} .gywmls_section .content .right{width: calc(100% - 75px);float: left;padding-top: 103px;} .gywmls_section .content .right ul{width: 100%;} .gywmls_section .content .right ul li{width: 100%;margin-bottom: 40px;padding-left: 34px;position: relative;} .gywmls_section .content .right ul li::after{content: "";display: block;width: 20px;height: 20px;background: #104D9D;position: absolute;left: -48px;top: 3px;border-radius: 100%;} .gywmls_section .content .right ul li:nth-child(1)::after{content: "";display: block;width: 33px;height: 15px;background: url(img/img82.jpg)no-repeat center center;background-size: cover; position: absolute;left: -52px;top: 5.5px;border-radius: 0;} .gywmls_section .content .right ul li:last-child{margin-bottom: 0;} .gywmls_section .content .right ul li a{display: block;width: 100%;overflow: hidden;} .gywmls_section .content .right ul li a .year{font-size: 23px;color: #104D9D;line-height: 26px;float: left;width: 146px;float: left;} .gywmls_section .content .right ul li a .info{font-size: 20px;color: #5C5A5B;line-height: 26px;float: left;width: calc(100% - 146px);float: left;} .gywmls_section .content .right ul li a .info span{font-size: 12px;margin-right: 10px;} @media screen and (max-width: 1024px){ .gywmls_section .content{padding: 12px;} .gywmls_section .content::after{display: none;} .gywmls_section .content .left{display: none;} .gywmls_section .content .right{width: 100%;padding-top: 0;} .gywmls_section .content .right ul li{margin-bottom: 12px;padding-left: 0;} .gywmls_section .content .right ul li::after{display: none;} .gywmls_section .content .right ul li:nth-child(1)::after{display: none;} .gywmls_section .content .right ul li a .year{font-size: 18px;line-height: 22px;width: 100%;} .gywmls_section .content .right ul li a .info{font-size: 16px;line-height: 24px;width: 100%;margin-top: 8px;} .gywmls_section .content .right ul li a .info span{font-size: 12px;margin-right: 4px;} } .gywmwh_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .gywmwh_section .content{width: 100%;} .gywmwh_section .content ul{width: 100%;} .gywmwh_section .content ul li{width: 100%;margin-bottom: 20px;} .gywmwh_section .content ul li:last-child{margin-bottom: 0;} .gywmwh_section .content ul li a{display: block;width: 100%;overflow: hidden;background: #fff;} .gywmwh_section .content ul li a .left{width: 47.5%;float: left;padding: 20px;} .gywmwh_section .content ul li a .left .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 18px;} .gywmwh_section .content ul li a .left .info{font-size: 16px;color: #000000;line-height: 20px;margin-bottom: 18px;} .gywmwh_section .content ul li a .left .qh_t{width: 100%;margin-bottom: 14px;overflow: hidden;} .gywmwh_section .content ul li a .left .qh_t .list{font-size: 16px;color: #113884;line-height: 20px;margin-right: 12px;float: left;border-bottom: 1px solid rgba(255,255,255,0);} .gywmwh_section .content ul li a .left .qh_t .list.on{border-color: #113884;} .gywmwh_section .content ul li a .left .qh_b{width: 100%;position: relative;} .gywmwh_section .content ul li a .left .qh_b .list{width: 100%;font-size: 16px;color: #393939;line-height: 24px;position: absolute;left: 0;top: 0;z-index: 1;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gywmwh_section .content ul li a .left .qh_b .list.on{position: static;z-index: 2;opacity: 1;} .gywmwh_section .content ul li a .right{width: 52.5%;float: right;} .gywmwh_section .content ul li a .right img{width: 100%;display: block;} .gywmwh_section .content ul li:nth-child(even) a .left{width: 51.09%;float: right;} .gywmwh_section .content ul li:nth-child(even) a .right{width: 48.91%;float: left;} @media screen and (max-width: 1024px){ .gywmwh_section .content ul li{margin-bottom: 12px;} .gywmwh_section .content ul li a .left{width: 100%;padding: 12px;} .gywmwh_section .content ul li a .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywmwh_section .content ul li a .left .info{font-size: 16px;line-height: 18px;margin-bottom: 12px;} .gywmwh_section .content ul li a .left .qh_t{margin-bottom: 12px;;} .gywmwh_section .content ul li a .left .qh_t .list{font-size: 16px;margin-right: 6px;} .gywmwh_section .content ul li a .left .qh_b .list{font-size: 16px;line-height: 20px;} .gywmwh_section .content ul li a .right{width: 100%;} .gywmwh_section .content ul li:nth-child(even) a .left{width: 100%;} .gywmwh_section .content ul li:nth-child(even) a .right{width: 100%;} } /*联系我们*/ .lxwm_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .lxwm_section ul{width: 100%;background: #fff;padding: 40px 20px;} .lxwm_section ul li{width: 100%;margin-bottom: 42px;} .lxwm_section ul li:last-child{margin-bottom: 0;} .lxwm_section ul li .tit{font-size: 20px;color: #11367f;line-height: 24px;margin-bottom: 5px;border-bottom: 1px solid #838383;padding-bottom: 5px;} .lxwm_section ul li .info{font-size: 16px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .lxwm_section ul{padding: 20px 12px;} .lxwm_section ul li{margin-bottom: 12px;} .lxwm_section ul li .tit{font-size: 16px;line-height: 22px;} .lxwm_section ul li .info{line-height: 22px;} } /*网站地图*/ .wzdt_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .wzdt_section ul{width: 100%;background: #fff;padding: 20px;} .wzdt_section ul li{width: 100%;margin-bottom: 42px;} .wzdt_section ul li:last-child{margin-bottom: 0;} .wzdt_section ul li .tit{width: 100%;border-bottom: 1px solid #AAAAAA;margin-bottom: 10px;} .wzdt_section ul li .tit .a1{font-size: 20px;color: #052e81;line-height: 24px;display: block;width: 100%;} .wzdt_section ul li .tit .a1:hover{color: #2c438f;} .wzdt_section ul li .listbox{width: 100%;} .wzdt_section ul li .listbox .list{width: 100%;margin-bottom: 10px;} .wzdt_section ul li .listbox .list:last-child{margin-bottom: 0;} .wzdt_section ul li .listbox .list .a2{display: block;font-size: 16px;color: #052e81;line-height: 20px;} .wzdt_section ul li .listbox .list .a2:hover{color: #2c438f;} .wzdt_section ul li .listbox .list .sj{width: 100%;overflow: hidden;margin-top: 8px;} .wzdt_section ul li .listbox .list .sj a{display: block;font-size: 16px;color: #737373;line-height: 24px;float: left;margin-right: 24px;} .wzdt_section ul li .listbox .list .sj a:hover{color: #2c438f;} @media screen and (max-width: 1024px){ .wzdt_section ul{padding: 12px;} .wzdt_section ul li{margin-bottom: 16px;} .wzdt_section ul li .tit{margin-bottom: 12px;} .wzdt_section ul li .tit .a1{font-size: 16px;line-height: 20px;} .wzdt_section ul li .listbox .list .a2{font-size: 16px;} .wzdt_section ul li .listbox .list .sj{margin-top: 8px;} .wzdt_section ul li .listbox .list .sj a{line-height: 20px;margin-right: 10px;} } /*隐私声明*/ .yssm_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #f3f3f3;} .yssm_section ul{width: 100%;padding: 20px;background: #fff;} .yssm_section ul li{width: 100%;margin-bottom: 26px;} .yssm_section ul li:last-child{margin-bottom: 0;} .yssm_section ul li .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 24px;} .yssm_section ul li .info{font-size: 16px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .yssm_section ul{padding: 12px;} .yssm_section ul li{margin-bottom: 14px;} .yssm_section ul li .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .yssm_section ul li .info{font-size: 16px;line-height: 20px;} } /*监督举报*/ .jdjb_section{width: 100%;padding-top: 30px;padding-bottom: 30px;background: #f3f3f3;} .jdjb_section .content{width: 100%;background: #fff;position: relative;} .jdjb_section .content::after{content: "";display: block;clear: both;} .jdjb_section .content::before{content: "";display: block;width: 1px;height: 100%;background: #E5E5E5;position: absolute;left: 32.25%;top: 0;} .jdjb_section .content .left{width: 32.25%;float: left;padding: 80px 0 20px 0;} .jdjb_section .content .left img{width: 107px;display: block;margin: 0 auto 56px auto;} .jdjb_section .content .left .listbox{width: 100%;padding: 0 44px 0 54px;} .jdjb_section .content .left .listbox .list{width: 100%;margin-bottom: 36px;} .jdjb_section .content .left .listbox .list:last-child{margin-bottom: 0;} .jdjb_section .content .left .listbox .list .words1{font-size: 12px;color: #002B5F;line-height: 16px;margin-bottom: 10px;font-weight: bolder;} .jdjb_section .content .left .listbox .list .words2{font-size: 12px;color: #002B5F;line-height: 16px;font-weight: bolder;} .jdjb_section .content .right{width: 67.75%;float: right;padding: 50px 78px 34px 48px;} .jdjb_section .content .right img{width: 100%;display: block;margin-bottom: 34px;} .jdjb_section .content .right .info{font-size: 16px;color: #030303;line-height: 24px;} @media screen and (max-width: 1024px){ .jdjb_section{padding-top: 30px;padding-bottom: 30px;margin-top: 51px;} .jdjb_section .content::before{display: none;} .jdjb_section .content .left{width: 100%;padding: 12px;border-bottom: 1px solid #e5e5e5;} .jdjb_section .content .left img{width: 60px;margin: 0 auto 14px auto;} .jdjb_section .content .left .listbox{padding: 0;} .jdjb_section .content .left .listbox .list{margin-bottom: 12px;} .jdjb_section .content .right{width: 100%;padding: 12px;} .jdjb_section .content .right img{margin-bottom: 12px;} .jdjb_section .content .right .info{line-height: 20px;} } /*关于我们 社会责任*/ .gywm_section1{width: 100%;padding-top: 10px;padding-bottom: 16px;background: #f3f3f3;} .gywm_section1 .content{width: 100%;overflow: hidden;background: #fff;} .gywm_section1 .content .left{width: 39.08%;float: left;} .gywm_section1 .content .left img{width: 100%;display: block;} .gywm_section1 .content .right{width: 60.92%;float: right;padding: 20px 30px;} .gywm_section1 .content .right .tit{font-size: 23px;color: #113884;line-height: 30px;margin-bottom: 20px;} .gywm_section1 .content .right .qh_t{width: 100%;overflow: hidden;margin-bottom: 18px;} .gywm_section1 .content .right .qh_t .list{float: left;font-size: 16px;color: #113884;line-height: 20px;border-bottom: 1px solid rgba(255,255,255,0);margin-right: 10px;cursor: pointer;} .gywm_section1 .content .right .qh_t .list.on{border-bottom: 1px solid #113884;} .gywm_section1 .content .right .qh_b{width: 100%;position: relative;} .gywm_section1 .content .right .qh_b .list{font-size: 16px;color: #393939;line-height: 24px;opacity: 0;position: absolute;z-index: 1; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gywm_section1 .content .right .qh_b .list.on{opacity: 1;z-index: 2;position: static;} @media screen and (max-width: 1680px){ .gywm_section1 .content .right .qh_b .list{line-height: 20px;} } @media screen and (max-width: 1024px){ .gywm_section1 .content .left{width: 100%;} .gywm_section1 .content .right{width: 100%;padding: 12px;} .gywm_section1 .content .right .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywm_section1 .content .right .qh_t{margin-bottom: 12px;} .gywm_section1 .content .right .qh_t .list{font-size: 16px;margin-right: 6px} .gywm_section1 .content .right .qh_b .list{line-height: 20px;} } .gywm_section2{width: 100%;padding-bottom: 16px;background: #f3f3f3;} .gywm_section2 .content{width: 100%;overflow: hidden;background: #0e3687;} .gywm_section2 .content .left{width: 41.17%;float: left;padding: 20px;} .gywm_section2 .content .left .tit{font-size: 23px;color: #FFF;line-height: 30px;margin-bottom: 26px;} .gywm_section2 .content .left .info{font-size: 16px;color: #fff;line-height: 24px;} .gywm_section2 .content .right{width: 58.83%;float: right;} .gywm_section2 .content .right .pic{ padding-bottom: 46.66%; position: relative; overflow: hidden;} .gywm_section2 .content .right .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} @media screen and (max-width: 1024px){ .gywm_section2 .content .left{width: 100%;padding: 12px;} .gywm_section2 .content .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .gywm_section2 .content .left .info{line-height: 20px;} .gywm_section2 .content .right{width: 100%;} .gywm_section2 .content .right .pic{ padding-bottom: 0;} .gywm_section2 .content .right .pic img{position: static; -webkit-transform: translate(0, 0); -moz-transform: translate(0, 0); -ms-transform: translate(0, 0); -o-transform: translate(0, 0); transform: translate(0, 0);} } .gywm_section3{width: 100%;background: #f3f3f3;padding-bottom: 30px;} .gywm_section3 .content{width: 100%;overflow: hidden;position: relative;} .gywm_section3 .content::before{content: "";display: block;width: calc(66.67% - 16px);height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .gywm_section3 .content::after{content: "";display: block;width: 33.33%;height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .gywm_section3 .content .left{width: calc(66.67% - 16px);float: left;position: relative;z-index: 2;} .gywm_section3 .content .left .wordsbox{width: calc(100% - 300px);float: left;padding: 20px;} .gywm_section3 .content .left .wordsbox .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 22px;} .gywm_section3 .content .left .wordsbox .qh_t{width: 100%;margin-bottom: 16px;overflow: hidden;} .gywm_section3 .content .left .wordsbox .qh_t .list{cursor: pointer;float: left;font-size: 16px;color: #113884;line-height: 20px;margin-right: 10px;border-bottom: 1px solid rgba(255,255,255,0);} .gywm_section3 .content .left .wordsbox .qh_t .list.on{border-bottom-color: #113884;} .gywm_section3 .content .left .wordsbox .qh_b{width: 100%;position: relative;} .gywm_section3 .content .left .wordsbox .qh_b .list{font-size: 16px;color: #393939;line-height: 24px;position: absolute;z-index: 1;opacity: 0; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .gywm_section3 .content .left .wordsbox .qh_b .list.on{opacity: 1;z-index: 2;position: static;} .gywm_section3 .content .left .picbox{width: 300px;float: right;margin-top: 70px;} .gywm_section3 .content .left .picbox img{width: 100%;display: block;} .gywm_section3 .content .right{width: 33.33%;float: right;padding: 20px;position: relative;z-index: 2;} .gywm_section3 .content .right .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 22px;} .gywm_section3 .content .right .words1{font-size: 16px;color: #113884;line-height: 20px;margin-bottom: 12px;} .gywm_section3 .content .right .words2{font-size: 16px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .gywm_section3 .content::before{display: none;} .gywm_section3 .content::after{display: none;} .gywm_section3 .content .left{width: 100%;margin-bottom: 12px;background: #fff;padding: 12px;} .gywm_section3 .content .left .wordsbox{width: 100%;padding: 0;} .gywm_section3 .content .left .wordsbox .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywm_section3 .content .left .wordsbox .qh_t{margin-bottom: 12px;} .gywm_section3 .content .left .wordsbox .qh_t .list{font-size: 16px;margin-right: 6px;} .gywm_section3 .content .left .wordsbox .qh_b .list{line-height: 20px;} .gywm_section3 .content .left .picbox{width: 200px;float: none;margin: 20px auto 0 auto;} .gywm_section3 .content .right{width: 100%;padding: 12px;background: #fff;} .gywm_section3 .content .right .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .gywm_section3 .content .right .words1{font-size: 16px;margin-bottom: 12px;} .gywm_section3 .content .right .words2{line-height: 20px;} } /*全球*/ .qq_section{width: 100%;} .qq_section .top{width: 100%;background: #fff;} .qq_section .top .content{width: 100%;overflow: hidden;} .qq_section .top .content .left{width: 176px;float: left;} .qq_section .top .content .left a{display: block;font-size: 0;} .qq_section .top .content .left a img{width: 26px;display: inline-block;vertical-align: middle;margin-right: 6px;} .qq_section .top .content .left a .words{font-size: 16px;color: #0A2F7A;line-height: 50px;display: inline-block;vertical-align: middle;} .qq_section .top .content .right{width: calc(100% - 176px);float: left;padding-right: 160px;} .qq_section .top .content .right .qh_t{width: 100%;font-size: 0;} .qq_section .top .content .right .qh_t .list{width: 16.66666666666667%;cursor: pointer;float: left;display: inline-block;vertical-align: middle;position: relative;} .qq_section .top .content .right .qh_t .list .ba_pic{ padding-bottom: 34.96%; position: relative; overflow: hidden;opacity: 0;} .qq_section .top .content .right .qh_t .list.on .ba_pic{opacity: 1;} .qq_section .top .content .right .qh_t .list .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .qq_section .top .content .right .qh_t .list .wordsbox{width: 100%;position: absolute;left: 0;top: 50%;font-size: 0;text-align: center; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .qq_section .top .content .right .qh_t .list .wordsbox img{width: 26px;display: inline-block;vertical-align: middle;margin-right: 6px;} .qq_section .top .content .right .qh_t .list .words{font-size: 16px;color: #3d3d3d;line-height: 50px;display: inline-block;vertical-align: middle;} .qq_section .top .content .right .qh_t .list.on .words{color: #fff;} .qq_section .bottom{width: 100%;background: #f3f3f3;padding-top: 20px;padding-bottom: 30px;} .qq_section .bottom .boxs1{width: 100%;margin-bottom: 14px;background: #fff;} .qq_section .bottom .boxs1 .a{display: block;width: 100%;overflow: hidden;} .qq_section .bottom .boxs1 .a .left{width: 46.5%;float: left;padding: 20px;} .qq_section .bottom .boxs1 .a .left .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 24px;} .qq_section .bottom .boxs1 .a .left .info{font-size: 16px;color: #393939;line-height: 24px;} .qq_section .bottom .boxs1 .a .right{width: 53.5%;float: right;} .qq_section .bottom .boxs1 .a .right img{width: 100%;display: block;} .qq_section .bottom .boxs2{width: 100%;overflow: hidden;position: relative;} .qq_section .bottom .boxs2::before{content: "";display: block;width: calc(50% - 8px);height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .qq_section .bottom .boxs2::after{content: "";display: block;width: calc(50% - 8px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .qq_section .bottom .boxs2 .left{width: 50%;float: left;padding-right: 8px;position: relative;z-index: 2;} .qq_section .bottom .boxs2 .left .a{display: block;width: 100%;padding: 20px;} .qq_section .bottom .boxs2 .left .a .words1{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 2px;} .qq_section .bottom .boxs2 .left .a .words2{font-size: 16px;color: #4f4f4f;line-height: 20px;margin-bottom: 6px;} .qq_section .bottom .boxs2 .left .a .words3{font-size: 16px;color: #393939;line-height: 24px;margin-bottom: 24px;} .qq_section .bottom .boxs2 .left .a .words4{margin-bottom: 4px;overflow: hidden;} .qq_section .bottom .boxs2 .left .a .words4 ._ls{float: left;font-size: 16px;color: #393939;line-height: 24px;width: 80px;} .qq_section .bottom .boxs2 .left .a .words4 ._rs{float: left;font-size: 16px;color: #393939;line-height: 24px;width: calc(100% - 80px);} .qq_section .bottom .boxs2 .left .a img{max-width: 100%;display: block;} .qq_section .bottom .boxs2 .right{width: 50%;float: right;padding-left: 8px;position: relative;z-index: 2;} .qq_section .bottom .boxs2 .right .a{display: block;width: 100%;overflow: hidden;} .qq_section .bottom .boxs2 .right .a .wordsbox{width: 53.34%;float: left;padding: 20px;} .qq_section .bottom .boxs2 .right .a .wordsbox .tit{font-size: 23px;color: #113884;line-height: 26px;margin-bottom: 12px;white-space:nowrap;} .qq_section .bottom .boxs2 .right .a .wordsbox .info{font-size: 16px;color: #737373;line-height: 24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;} .qq_section .bottom .boxs2 .right .a .picbox{width: 46.66%;float: left;} .qq_section .bottom .boxs2 .right .a .picbox img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .qq_section .top{padding-top: 12px;padding-bottom: 12px;} .qq_section .top .content .left{width: 100%;margin-bottom: 10px;} .qq_section .top .content .left a img{width: 22px;} .qq_section .top .content .left a .words{font-size: 16px;line-height: 22px;} .qq_section .top .content .right{width: 100%;padding-right: 0;} .qq_section .top .content .right .qh_t{white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .qq_section .top .content .right .qh_t::-webkit-scrollbar{ display: none;} .qq_section .top .content .right .qh_t .list{width: 33.3333%;float: none;} .qq_section .bottom{padding-top: 12px;padding-bottom: 12px;} .qq_section .bottom .boxs1{margin-bottom: 12px;} .qq_section .bottom .boxs1 .a .left{width: 100%;padding: 12px;} .qq_section .bottom .boxs1 .a .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .qq_section .bottom .boxs1 .a .left .info{line-height: 20px;} .qq_section .bottom .boxs1 .a .right{width: 100%;} .qq_section .bottom .boxs2::before{display: none;} .qq_section .bottom .boxs2::after{display: none;} .qq_section .bottom .boxs2 .left{width: 100%;padding-right: 0;background: #fff;margin-bottom: 12px;} .qq_section .bottom .boxs2 .left .a{padding: 12px;} .qq_section .bottom .boxs2 .left .a .words1{font-size: 18px;line-height: 22px;margin-bottom: 2px;} .qq_section .bottom .boxs2 .left .a .words2{font-size: 16px;line-height: 20px;margin-bottom: 6px;} .qq_section .bottom .boxs2 .left .a .words3{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .qq_section .bottom .boxs2 .left .a .words4 ._ls{font-size: 16px;line-height: 20px;width: 60px;} .qq_section .bottom .boxs2 .left .a .words4 ._rs{font-size: 16px;line-height: 20px;width: calc(100% - 60px);} .qq_section .bottom .boxs2 .right{width: 100%;padding-left: 0;background: #fff;} .qq_section .bottom .boxs2 .right .a .wordsbox{width: 100%;padding: 12px;} .qq_section .bottom .boxs2 .right .a .wordsbox .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .qq_section .bottom .boxs2 .right .a .wordsbox .info{font-size: 16px;line-height: 20px;} .qq_section .bottom .boxs2 .right .a .picbox{width: 100%;} } /*下载中心*/ .xzzx_section{width: 100%;background: #f3f3f3;padding-top: 20px;padding-bottom: 30px;} .xzzx_section .top{width: 100%;background: #fff;padding: 20px 94px 20px 15px;margin-bottom: 10px;overflow: hidden;} .xzzx_section .top .words{font-size: 18px;color: #003E95;line-height: 40px;float: left;} .xzzx_section .top input{width: calc(100% - 186px);height: 40px;display: block;border: 1px solid #e7e7e7;float: left;margin: 0 15px 0 15px;} .xzzx_section .top .but{width: 120px;font-size: 16px;color: #fff;line-height: 40px;text-align: center;background: #033DA1;float: left;cursor: pointer;} .xzzx_section .top .but:hover{background: #2c438f;} .xzzx_section .bottom{width: 100%;position: relative;overflow: hidden;} .xzzx_section .bottom::before{content: "";display: block;width: 290px;height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .xzzx_section .bottom::after{content: "";display: block;width: calc(100% - 300px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .xzzx_section .bottom .left{width: 290px;float: left;padding: 34px 15px;position: relative;z-index: 2;} .xzzx_section .bottom .left ul{width: 100%;} .xzzx_section .bottom .left ul li{width: 100%;border-bottom: 1px solid #F1F1F1;margin-bottom: 20px;} .xzzx_section .bottom .left ul li:last-child{margin-bottom: 0;} .xzzx_section .bottom .left ul li a{font-size: 18px;color: #003E95;line-height: 50px;display: block;padding: 0 20px;} .xzzx_section .bottom .left ul li:hover a, .xzzx_section .bottom .left ul li.on a{background: #F1F1F1;} .xzzx_section .bottom .right{width: calc(100% - 300px);float: right;position: relative;z-index: 2;padding: 30px 154px 30px 30px;} .xzzx_section .bottom .right ul{width: 100%;} .xzzx_section .bottom .right ul li{width: 100%;margin-bottom: 30px;} .xzzx_section .bottom .right ul li:last-child{margin-bottom: 0;} .xzzx_section .bottom .right ul li .tit{font-size: 18px;color: #003F93;line-height: 22px;margin-bottom: 26px;} .xzzx_section .bottom .right ul li .listbox{margin: -12px -37px;overflow: hidden;width: calc(100% + 74px);} .xzzx_section .bottom .right ul li .listbox .list{width: 50%;float: left;padding: 12px 37px;} .xzzx_section .bottom .right ul li .listbox .list .a{display: block;width: 100%;background: #F1F1F1;padding: 8px 20px;font-size: 0;} .xzzx_section .bottom .right ul li .listbox .list .a .wordsbox{width: calc(100% - 68px);display: inline-block;vertical-align: middle;padding-right: 20px;} .xzzx_section .bottom .right ul li .listbox .list .a .wordsbox .words1{font-size: 16px;color: #393939;line-height: 24px;margin-bottom: 2px;} .xzzx_section .bottom .right ul li .listbox .list .a .wordsbox .words2{font-size: 16px;color: #393939;line-height: 24px;} .xzzx_section .bottom .right ul li .listbox .list .a .picbox{width: 68px;display: inline-block;vertical-align: middle;} .xzzx_section .bottom .right ul li .listbox .list .a .picbox .pic{width: 24px;float: left;margin-right: 20px;} .xzzx_section .bottom .right ul li .listbox .list .a .picbox .pic img{width: 100%;display: block;} .xzzx_section .bottom .right ul li .listbox .list .a .picbox .pic:last-child{margin-right: 0;} @media screen and (max-width: 1024px){ .xzzx_section{padding-bottom: 30px;padding-top: 12px;} .xzzx_section .top{padding: 12px;} .xzzx_section .top .words{font-size: 16px;line-height: 34px;} .xzzx_section .top input{width: calc(100% - 136px);height: 34px;margin: 0 12px;} .xzzx_section .top .but{width: 80px;font-size: 16px;line-height: 34px;} .xzzx_section .bottom::before{display: none;} .xzzx_section .bottom::after{display: none;} .xzzx_section .bottom .left{width: 100%;padding: 12px;background: #fff;margin-bottom: 12px;} .xzzx_section .bottom .left ul{width: calc(100% + 12px);overflow: hidden;margin: 0 -6px;} .xzzx_section .bottom .left ul li{width: 33.3333333%;padding: 0 6px; float: left; border-bottom: 0;margin-bottom: 0;} .xzzx_section .bottom .left ul li a{font-size: 16px;line-height: 40px;padding: 0 12px;} .xzzx_section .bottom .right{width: 100%;background: #fff; padding: 12px;} .xzzx_section .bottom .right ul li{margin-bottom: 16px;} .xzzx_section .bottom .right ul li .tit{font-size: 16px;line-height: 20px;margin-bottom: 12px;} .xzzx_section .bottom .right ul li .listbox{margin: 0;width: 100%;} .xzzx_section .bottom .right ul li .listbox .list{padding: 0;width: 100%;margin-bottom: 10px;} .xzzx_section .bottom .right ul li .listbox .list:last-child{margin-bottom: 0;} .xzzx_section .bottom .right ul li .listbox .list .a{padding: 8px 12px;} } /*行业应用*/ .hyyys_section{width: 100%;padding-top: 26px;padding-bottom: 30px;background: #f3f3f3;} .hyyys_section .content{width: 100%;} .hyyys_section .content ul{margin: -6px;overflow: hidden;width: calc(100% + 12px);} .hyyys_section .content ul li{width: 25%;float: left;padding: 6px;} .hyyys_section .content ul li .a{display: block;position: relative;overflow: hidden;} .hyyys_section .content ul li .a .ba_pic{ padding-bottom: 89.65%; position: relative; overflow: hidden;} .hyyys_section .content ul li .a .ba_pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .hyyys_section .content ul li .a .wordsbox{width: 100%;position: absolute;left: 0;top: calc(100% - 54px);background: rgba(0,62,149,0.6);height: 100%; transition: All 0.3s ease-in-out; -webkit-transition: All 0.3s ease-in-out; -moz-transition: All 0.3s ease-in-out; -o-transition: All 0.3s ease-in-out;} .hyyys_section .content ul li .a:hover .wordsbox{top: 0;} .hyyys_section .content ul li .a .wordsbox .top{width: 100%;padding: 15px;overflow: hidden;} .hyyys_section .content ul li .a .wordsbox .top .left{font-size: 16px;color: #fff;line-height: 24px;float: left;} .hyyys_section .content ul li .a .wordsbox .top .ico{width: 24px;float: right;display: block;} .hyyys_section .content ul li .a .wordsbox .bottom{width: 100%;border-top: 1px solid #fff;padding: 15px;display: none;} .hyyys_section .content ul li .a:hover .wordsbox .bottom{display: block;} .hyyys_section .content ul li .a .wordsbox .bottom .words{font-size: 16px;color: #fff;line-height: 24px;margin-bottom: 2px;} .hyyys_section .content ul li .a .wordsbox .bottom .words:hover{color: #ccc;} .hyyys_section .content ul li .a .wordsbox .bottom .words:last-child{margin-bottom: 0;} @media screen and (max-width: 1024px){ .hyyys_section{padding-top: 10px;} .hyyys_section .content ul{margin: -6px;width: calc(100% + 12px);} .hyyys_section .content ul li{width: 50%;padding: 6px;} .hyyys_section .content ul li .a .wordsbox .top{padding: 10px;} .hyyys_section .content ul li .a .wordsbox .top .left{font-size: 16px;line-height: 20px;} .hyyys_section .content ul li .a .wordsbox .top .ico{width: 20px;} .hyyys_section .content ul li .a .wordsbox .bottom{padding: 10px;} .hyyys_section .content ul li .a .wordsbox .bottom .words{line-height: 20px;} .hyyys_section .content ul li .a .wordsbox{top: calc(100% - 40px);} } /*普法宣传*/ .pfxc_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #F3F3F3;} .pfxc_section .content{width: 100%;position: relative;} .pfxc_section .content .cons{position: relative;width: 100%;overflow: hidden;} .pfxc_section .content::before{content: "";display: block;width: calc(20.83333333333333% - 10px);height: 100%;background: #fff;position: absolute;left: 0;top: 0;z-index: 1;} .pfxc_section .content::after{content: "";display: block;width: calc(20.83333333333333% - 10px);height: 100%;background: #fff;position: absolute;right: 0;top: 0;z-index: 1;} .pfxc_section .content .cons::after{content: "";display: block;width: 58.33333333333334%;height: 100%;background: #fff;position: absolute;left: 20.83333333333333%;top: 0;z-index: 1;} .pfxc_section .content .left{width: 20.83333333333333%;float: left;padding-right: 10px;position: relative;z-index: 5;padding: 20px 60px 20px 20px;min-height: 640px;} .pfxc_section .content .left h1{font-size: 24px;color: #052e81;line-height: 28px;margin-bottom: 15px;} .pfxc_section .content .left ul{width: 100%;} .pfxc_section .content .left ul li{width: 100%;margin-bottom: 15px;} .pfxc_section .content .left ul li:last-child{margin-bottom: 0;} .pfxc_section .content .left ul li a{display: block;font-size: 16px;color: #737373;line-height: 30px;padding: 0 15px;} .pfxc_section .content .left ul li:hover a, .pfxc_section .content .left ul li.on a{background: #F3F3F3;color: #052E81;} .pfxc_section .content .center{width: 58.33333333333334%;float: left;position: relative;z-index: 5;padding: 20px;} .pfxc_section .content .center h2{font-size: 18px;color: #052E81;line-height: 22px;margin-bottom: 20px;} .pfxc_section .content .center ul{width: 100%;border-top: 1px solid #DFDFDF;} .pfxc_section .content .center ul li{width: 100%;border-bottom: 1px solid #DFDFDF;} .pfxc_section .content .center ul li:last-child{border-bottom: 0;} .pfxc_section .content .center ul li a{display: block;width: 100%;overflow: hidden;padding-top: 8px;padding-bottom: 8px;} .pfxc_section .content .center ul li a .words_l{width: calc(100% - 80px);float: left;padding-right: 20px;} .pfxc_section .content .center ul li a .words_l .words{font-size: 16px;color: #052E81;line-height: 24px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:1;} .pfxc_section .content .center ul li a .date_r{width: 80px;float: right;text-align: right;} .pfxc_section .content .center ul li a .date_r .words{font-size: 16px;color: #393939;line-height: 24px;} .pfxc_section .content .right{width: 20.83333333333333%;float: left;padding-left: 10px;position: relative;z-index: 5;padding: 20px;} .pfxc_section .content .right h3{font-size: 18px;color: #052E81;line-height: 22px;margin-bottom: 10px;} .pfxc_section .content .right .words1{font-size: 12px;color: red;line-height: 24px;margin-bottom: 2px;} .pfxc_section .content .right .more{margin-bottom: 20px;} .pfxc_section .content .right .more a{display: block;font-size: 16px;color: #003E95;line-height: 24px;} .pfxc_section .content .right .more a:hover{color: #9A9A9A;} .pfxc_section .content .right .words2{font-size: 18px;color: #052E81;line-height: 24px;margin-bottom: 10px;} .pfxc_section .content .right .words3{font-size: 12px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .pfxc_section .content::before{display: none;} .pfxc_section .content::after{display: none;} .pfxc_section .content .cons::after{display: none;} .pfxc_section .content .left{width: 100%;padding-right: 0;padding: 12px;min-height: 0;margin-bottom: 12px;background: #fff;} .pfxc_section .content .left h1{font-size: 18px;line-height: 22px;margin-bottom: 14px;} .pfxc_section .content .left ul{margin: -6px;overflow: hidden;width: calc(100% + 12px);} .pfxc_section .content .left ul li{margin-bottom: 0;float: left; padding: 6px;width: 50%;} .pfxc_section .content .left ul li a{padding: 0 12px;} .pfxc_section .content .center{width: 100%;padding: 12px;margin-bottom: 12px;background: #fff;} .pfxc_section .content .center h2{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .pfxc_section .content .right{width: 100%;padding-left: 0;padding: 12px;background: #fff;} .pfxc_section .content .right h3{font-size: 16px;line-height: 20px;} .pfxc_section .content .right .more{margin-bottom: 10px;} .pfxc_section .content .right .words2{font-size: 16px;line-height: 20px;} } /*职业发展*/ .zyfz_section{width: 100%;background: #F3F3F3;padding-top: 10px;padding-bottom: 30px;} .zyfz_section .content{width: 100%;background: #fff;padding: 20px 20px 50px 20px;} .zyfz_section .content h1{font-size: 24px;color: #063E95;line-height: 28px;margin-bottom: 20px;} .zyfz_section .content .con1{margin-bottom: 20px;width: 100%;} .zyfz_section .content .con1 ul{width: calc(100% + 12px);padding-left: 300px;padding-right: 300px;margin: 0 -6px;} .zyfz_section .content .con1 ul li{padding: 0 6px;} .zyfz_section .content .con1 ul li img{width: 100%;display: block;} .zyfz_section .content .con1 ul li .wordsbox{width: 100%;margin-top: 40px;} .zyfz_section .content .con1 ul li .wordsbox .words1{font-size: 24px;color: #063E95;line-height: 28px;margin-bottom: 10px;} .zyfz_section .content .con1 ul li .wordsbox .words2{font-size: 17px;color: #000;line-height: 30px;margin-bottom: 10px;} .zyfz_section .content .con1 ul li .wordsbox .words3{font-size: 16px;color: #E3000C;line-height: 24px;} .zyfz_section .content .con1 ul .slick-prev{width: 27px;height: 44px;background: url(img/img138.svg) no-repeat center center; background-size: cover;left: 16px;top: 50%;z-index: 1;} .zyfz_section .content .con1 ul .slick-next{width: 27px;height: 44px;background: url(img/img139.svg) no-repeat center center; background-size: cover;right: 16px;top: 50%;z-index: 1;} .zyfz_section .content .con1 ul .slick-prev:hover, .zyfz_section .content .con1 ul .slick-next:hover{opacity: 0.6;} .zyfz_section .content .con2{width: 100%;} .zyfz_section .content .con2 ul{width: 100%;} .zyfz_section .content .con2 ul li{margin-bottom: 20px;} .zyfz_section .content .con2 ul li:last-child{margin-bottom: 0;} .zyfz_section .content .con2 ul li .tit{font-size: 18px;color: #063EA6;line-height: 30px;border-bottom: 1px solid #e6e6e6;} .zyfz_section .content .con2 ul li .info{font-size: 16px;color: #393939;line-height: 30px;margin-top: 5px;} @media screen and (max-width: 1024px){ .zyfz_section .content{padding: 12px;} .zyfz_section .content h1{font-size: 18px;line-height: 22px;margin-bottom: 14px;} .zyfz_section .content .con1{margin-bottom: 14px;} .zyfz_section .content .con1 ul{padding-left: 0;padding-right: 0;} .zyfz_section .content .con1 ul li .wordsbox{margin-top: 12px;} .zyfz_section .content .con1 ul li .wordsbox .words1{font-size: 16px;line-height: 20px;margin-bottom: 8px;} .zyfz_section .content .con1 ul li .wordsbox .words2{font-size: 16px;line-height: 24px;margin-bottom: 8px;} .zyfz_section .content .con1 ul li .wordsbox .words3{font-size: 16px;line-height: 20px;} .zyfz_section .content .con1 ul .slick-prev{width: 16px;height: 28px;left: -14px;} .zyfz_section .content .con1 ul .slick-next{width: 16px;height: 28px;right: -14px;} .zyfz_section .content .con2 ul li{margin-bottom: 12px;} .zyfz_section .content .con2 ul li .tit{font-size: 16px;line-height: 26px;} .zyfz_section .content .con2 ul li .info{line-height: 26px;} } /*纽威生活*/ .nwsh_section{width: 100%;padding-top: 10px;padding-bottom: 30px;background: #F3F3F3;} .nwsh_section .content{width: 100%;background: #fff;padding: 20px 20px 50px 20px;} .nwsh_section .content h1{font-size: 24px;color: #063E95;line-height: 28px;margin-bottom: 20px;} .nwsh_section .content .cons{width: 100%;background: #F6D345;overflow: hidden;} .nwsh_section .content .cons .wordsbox{width: 48.27%;float: left;padding: 20px 90px 20px 20px;font-size: 16px;color: #FFF;line-height: 30px;text-align: justify;} .nwsh_section .content .cons .picbox{width: 51.73%;float: left;} .nwsh_section .content .cons .picbox ul{width: calc(100% + 12px);margin: 0 -6px;} .nwsh_section .content .cons .picbox ul li{width: 100%;padding: 0 6px;} .nwsh_section .content .cons .picbox ul li img{width: 100%;display: block;} .nwsh_section .content .cons .picbox ul .slick-prev{width: 27px;height: 44px;background: url(img/img138.svg) no-repeat center center; background-size: cover;left: 16px;top: 50%;z-index: 1;} .nwsh_section .content .cons .picbox ul .slick-next{width: 27px;height: 44px;background: url(img/img139.svg) no-repeat center center; background-size: cover;right: 16px;top: 50%;z-index: 1;} .nwsh_section .content .cons .picbox ul .slick-prev:hover, .nwsh_section .content .cons .picbox ul .slick-next:hover{opacity: 0.6;} @media screen and (max-width: 1024px){ .nwsh_section .content{padding: 12px;} .nwsh_section .content h1{font-size: 18px;line-height: 22px;margin-bottom: 14px;} .nwsh_section .content .cons .wordsbox{width: 100%;padding: 12px 12px 20px 12px;font-size: 16px;line-height: 24px;} .nwsh_section .content .cons .picbox{width: 100%;} .nwsh_section .content .cons .picbox ul .slick-prev{width: 16px;height: 28px;} .nwsh_section .content .cons .picbox ul .slick-next{width: 16px;height: 28px;} } /*投资者关系*/ .tzzgxs_section1{width: 100%;padding-top: 10px;padding-bottom: 20px;background: #F3F3F3;} .tzzgxs_section1 .content{width: 100%;overflow: hidden;background: #ffffff;font-size: 0;} .tzzgxs_section1 .content .left{width: 50%;display: inline-block;vertical-align: middle;padding: 0 114px;} .tzzgxs_section1 .content .left .words1{font-size: 26px;color: #30318e;line-height: 30px;margin-bottom: 10px;} .tzzgxs_section1 .content .left .words2{font-size: 22px;color: #d12a32;line-height: 26px;margin-bottom: 50px;} .tzzgxs_section1 .content .left a{display: block;font-size: 16px;color: #343470;line-height: 20px;} .tzzgxs_section1 .content .left a:hover{color: #2c438f;} .tzzgxs_section1 .content .right{width: 50%;display: inline-block;vertical-align: middle;} .tzzgxs_section1 .content .right img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .tzzgxs_section1 .content .left{padding: 16px;width: 100%;} .tzzgxs_section1 .content .left .words1{font-size: 18px;line-height: 22px;margin-bottom: 8px;} .tzzgxs_section1 .content .left .words2{font-size: 16px;line-height: 20px;margin-bottom: 14px;} .tzzgxs_section1 .content .left a{font-size: 16px;line-height: 18px;} .tzzgxs_section1 .content .left a:hover{color: #2c438f;} .tzzgxs_section1 .content .right{width: 100%;} } .tzzgxs_section2{width: 100%;padding-bottom: 20px;background: #F3F3F3;} .tzzgxs_section2 .content{width: 100%;background: #fff;padding: 10px;} .tzzgxs_section2 .content .qh_t{width: 100%;overflow: hidden;} .tzzgxs_section2 .content .qh_t .list{float: left;margin-right: 12px;font-size: 16px;cursor: pointer;color: #555;line-height: 44px;width: 180px;text-align: center;border: 1px solid #72b9e3;} .tzzgxs_section2 .content .qh_t .list:last-child{margin-right: 0;} .tzzgxs_section2 .content .qh_t .list.on{background: #72b9e3;color: #fff;} .tzzgxs_section2 .content .qh_b{width: 100%;border: 1px solid #72b9e3;padding: 40px 54px 6px 40px;} .tzzgxs_section2 .content .qh_b ul{margin-bottom: 42px;} .tzzgxs_section2 .content .qh_b ul li{width: 100%;margin-bottom: 14px;} .tzzgxs_section2 .content .qh_b ul li:last-child{margin-bottom: 0;} .tzzgxs_section2 .content .qh_b ul li a{display: block;width: 100%;overflow: hidden;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox{width: calc(100% - 140px);float: left;padding-right: 20px;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox .words{font-size: 16px;color: #333;line-height: 20px;padding-left: 20px;position: relative; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp: 1;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox .words::after{content: "";display: block;width: 0;height: 0;border: 8px solid;border-color: transparent transparent transparent #72b9e3;position: absolute;left: 0;top: 50%;margin-top: -8px;} .tzzgxs_section2 .content .qh_b ul li a:hover .wordsbox .words{color: #72b9e3;} .tzzgxs_section2 .content .qh_b ul li a .date{font-size: 16px;color: #555;line-height: 20px;float: right;width: 140px;text-align: right;} .tzzgxs_section2 .content .qh_b .page{width: 100%;font-size: 0;text-align: center;} .tzzgxs_section2 .content .qh_b .page a{width: 36px; display: inline-block;vertical-align: middle;font-size: 16px;color: #555;line-height: 34px;text-align: center;border: 1px solid #555;margin: 0 4px;} .tzzgxs_section2 .content .qh_b .page a.boxs1{width: 60px;} .tzzgxs_section2 .content .qh_b .page a:hover, .tzzgxs_section2 .content .qh_b .page a.on{background: #555;color: #fff;} @media screen and (max-width: 1024px){ .tzzgxs_section2 .content .qh_t .list{margin-right: 12px;font-size: 16px;line-height: 36px;width: 120px;} .tzzgxs_section2 .content .qh_b{padding: 16px;} .tzzgxs_section2 .content .qh_b ul{margin-bottom: 14px;} .tzzgxs_section2 .content .qh_b ul li{margin-bottom: 12px;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox{width: 100%;padding-right: 0;margin-bottom: 8px;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox .words{padding-left: 14px;} .tzzgxs_section2 .content .qh_b ul li a .wordsbox .words::after{content: "";display: block;width: 0;height: 0;border: 6px solid;border-color: transparent transparent transparent #72b9e3;position: absolute;left: 0;top: 50%;margin-top: -6px;} .tzzgxs_section2 .content .qh_b ul li a .date{width: 100%;text-align: left;} .tzzgxs_section2 .content .qh_b .page a{width: 30px;line-height: 28px;margin: 0 2px;} .tzzgxs_section2 .content .qh_b .page a.boxs1{width: 50px;} } .tzzgxs_section3{width: 100%;padding-bottom: 30px;background: #F3F3F3;} .tzzgxs_section3 .content{width: 100%;background: #fff;font-size: 0;} .tzzgxs_section3 .content .left{width: 27.42%;display: inline-block;vertical-align: top;padding: 20px;} .tzzgxs_section3 .content .left .tit{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 26px;} .tzzgxs_section3 .content .left .info{font-size: 12px;color: #393939;line-height: 20px;} .tzzgxs_section3 .content .center{width: 22.58%;display: inline-block;vertical-align: middle;} .tzzgxs_section3 .content .center img{width: 100%;display: block;} .tzzgxs_section3 .content .right{width: 50%;display: inline-block;vertical-align: middle;padding: 0 58px;} .tzzgxs_section3 .content .right .tit{font-size: 23px;color: #113884;line-height: 28px;margin-bottom: 26px;} .tzzgxs_section3 .content .right .listbox{width: calc(100% + 20px);overflow: hidden;margin: 0 -10px;} .tzzgxs_section3 .content .right .listbox .list{width: 50%;float: left;font-size: 12px;color: #393939;line-height: 20px;padding: 0 10px;} @media screen and (max-width: 1024px){ .tzzgxs_section3 .content .left{width: 100%;padding: 12px;} .tzzgxs_section3 .content .left .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgxs_section3 .content .center{width: 100%;} .tzzgxs_section3 .content .right{width: 100%;padding: 12px;} .tzzgxs_section3 .content .right .tit{font-size: 18px;line-height: 22px;margin-bottom: 12px;} .tzzgxs_section3 .content .right .listbox{width: 100%;margin: 0 0;} .tzzgxs_section3 .content .right .listbox .list{width: 100%;padding: 0 0;margin-bottom: 12px;} .tzzgxs_section3 .content .right .listbox .list:last-child{margin-bottom: 0;} .cpxq_section .content .left img{ width:100%;} } .pagecon{padding-top:20px; font-size: 16px;color: #393939;line-height: 24px;} @media screen and (max-width: 1024px){ .pagecon{padding-top:20px; font-size: 16px;color: #393939;line-height: 24px;} .care h2 { font-size: 36px !important; line-height: 60px !important; } .care h3 { font-size: 32px !important; } } /*20221117start*/ .gywm_section .tops{width: 100%;padding: 20px;background: #fff;margin-bottom: 15px;} .gywm_section .tops .tit{font-size: 20px;color: #052e81;line-height: 24px;margin-bottom: 15px;} .gywm_section .tops .info{font-size: 16px;color: #393939;line-height: 24px;margin-bottom: 20px;} .gywm_section .tops .ul{margin: 0 -30px;overflow: hidden;width: calc(100% + 60px);} .gywm_section .tops .ul .li{width: 33.3333%;float: left;padding: 0 30px;} .gywm_section .tops .ul .li .pic{ padding-bottom:64.73%; position: relative; overflow: hidden;} .gywm_section .tops .ul .li .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); transform: translate(-50%, -50%);} .gywm_section .tops .ul .li .wordsbox{width: 100%;padding-top: 10px;font-size: 16px;color: #000;line-height: 24px;} @media screen and (max-width: 1024px){ .gywm_section .tops{padding: 12px;margin-bottom: 12px;} .gywm_section .tops .tit{font-size: 18px;line-height: 22px;margin-bottom: 10px;} .gywm_section .tops .info{margin-bottom: 12px;} .gywm_section .tops .ul{margin: 0 -6px;overflow: hidden;width: calc(100% + 12px);padding-bottom: 24px;} .gywm_section .tops .ul .li{padding: 0 6px;} .gywm_section .tops .ul .li .wordsbox{line-height: 20px;} .gywm_section .tops .ul .slick-dots{position: absolute; bottom: 0; height: 8px; text-align: center;} .gywm_section .tops .ul .slick-dots li{ vertical-align: top; width: 8px; height: 8px;border-radius: 100%; margin: 0 4px; background: #dddddd;} .gywm_section .tops .ul .slick-dots li.slick-active{ background: #003E95;} } /*20221117end*/ /*20221130start*/ .nwsh_section .content .cons-1{ background:#0e3687 ;flex-wrap:wrap; display: flex;} .nwsh_section .content .cons-1 .wordsbox{ width:45%;;} .nwsh_section .content .cons-1 .wordsbox p{ margin:0;} .nwsh_section .content .cons-1 .picbox{ width:55%; position:relative;} .nwsh_section .content .cons-1 .picbox ._pic{ width:100%; min-height:100%; position:relative;} @media screen and (max-width: 1024px){ .nwsh_section .content .cons-1 .wordsbox{ width:100%;text-align: left} .nwsh_section .content .cons-1 .picbox{ width:100%;} /* 移动端快捷菜单 */ #m-b-bar { color: #FFF; width: 100%; height: 60px; position: fixed; bottom: 0; left: 0; z-index: 9999; display: block; } #m-b-bar a { width: 100%; color: #F2F2F2; display: block; line-height: 12px; font-size: 16px; text-align: center; float: left; } #m-b-bar a i { width: 100%; float: left; text-align: center; margin-top: 8px; } #m-b-bar a i img { width: 26px; margin: 0 auto 3px; } /* 移动端快捷菜单 */ .bg-yellow { background-color: #2c438f; } .x3 { width: 25%; } .x3 { float: left; } .x3 { position: relative; min-height: 1px; } .footer{ border-top:#d7d7d7 solid 2px !important;} .foot{ color: #737373 !important; background-color:#ffffff !important; display:none;} .foot a{ color: #737373 !important; padding: 0 3px !important; float: initial !important;} .foot2{ color: #737373 !important; background-color:#ffffff !important;} .foot2 a{ color: #737373 !important; padding: 0 3px !important; float: initial !important;} .foot1{ display:none !important;} } .clear{ clear:both;} .clear0{ clear:both; font-size:0px; height:0px; overflow:hidden;} .w{ max-width:1523px; width:95%; margin:0 auto; max-height:999999px;} .comflex{ display:flex; flex-wrap:wrap; justify-content:space-between;} .comflex1{ display:flex; flex-wrap:wrap;} .comflex2{ display:flex; flex-wrap:wrap; justify-content:center; align-items:center;} .blue{ color:#2c438f !important;} .grey{ color:#888888;} .language{ float:left;margin-right: 24px;} .ss{ width:144px; height:23px; background:url(../images/ss_1.png) no-repeat; float:left; line-height:23px;} .ss1{ border:none; width:100px; height: 16px; line-height: 16px; margin-left:8px;} .ss_btn{ background:none; border:none; width:25px; height:22px; float:right; cursor:pointer;} .w1{ width:267px;margin-top:21px; } .w{ width:95%;} .sjhedes{ display:none;} .fuernavt{ display:none;} .w{ max-width:1523px; width:95%; margin:0 auto; max-height:999999px;} /*新闻*/ .news-head{height:300px;background-size:100% 100%;} .new-content{height:500px;display: flex;align-items: center;background:#f5f5f5;} .new-both{min-width:1200px;height:409px;} .new-both>div{box-shadow: 5px 5px 5px rgba(206, 206, 206, 0.5);} .new-text{width:100%;height: 33.333%;padding:12px 60px 10px 36px;background:white;} .new-text p:first-child{font-size: 20px;} .new-text p:nth-child(2){font-size: 12px;color:#b5b5b6; line-height:30px;} .new-text p:last-child{font-size: 12px;color:#b5b5b6;line-height: 21px;} .new-text:hover{background-color:#2c438f;} .new-text:hover p{color:white;} .news-main{} .news-main-both{} .main-both-cu{height:95px;display: flex;align-items: center} .both-main-both{width:401px;height:30px;display: flex;justify-content: space-between;} .news-button{width:127px;height:30px;border-radius: 5px;text-align: center;line-height: 30px;background:#afafaf;color:white;font-size: 16px;} .news-button:hover{background:#2c438f;} .news-main-text{} .news {height:50px;line-height:50px;border-bottom:1px dashed #afafaf; position: relative;padding: 0 5px;font-size: 16px; padding-left:8px !important} .news-title {white-space: nowrap;/*position: absolute;width: 80%;*/overflow: hidden;text-overflow: ellipsis;padding-right: 10px} .news-titleM {white-space: nowrap;position: absolute;width: 80%;overflow: hidden;padding-right: 10px} .news-title p{color:#595757;font-size: 16px;} .news-titleM p{color:#595757;font-size: 16px;} .news:hover{background:#f8f8f8;} .news-time{display: inline-block;position: absolute;right:5px;color:#afafaf;font-size: 16px;} .news-bottom{height:55px;display: flex;align-items: center;margin: 20px 0;} .news-nav{width:300px;height:21px;display: flex;justify-content: space-between;} .new-na-so{width:22px;line-height:21px;background:#dcdddd;text-align: center;border-radius: 3px;font-size: 12px;} .new-na-so:hover{background:#2c438f;color:white;} .new-na-li{width:69px;line-height:21px;background:#b5b5b6;text-align: center;border-radius: 3px;font-size: 12px;} .new-na-so:hover{background:#2c438f;color:white;} .news-text{width:100%;height:200px;background: rgba(0, 0, 0, 0.63);bottom:-115px;padding: 11px 20px;transition: all 0.2s;color:white;} .animated:hover .news-text{bottom:0} .news-slide{width:100%;height:100%;background: url(../images/news.jpg)no-repeat;position: relative;display: none;} .news-slide-main{ width: 100%; height: 30px; padding: 0; top: auto; bottom: 0; right: 0; padding-bottom: 10px; background: rgba(0,0,0,0.7); position: absolute; color: #fff; font-size: 16px; } .news-slide-title{ line-height: 90px; margin-bottom: 0; padding: 0 4%;} .news-slide-con{ font-size: 16px; line-height: 23px; padding: 0 4%; } .news_img img{ height:410px;} .care{ width:100%; text-align:center; margin:50px 0px 20px;} .care h2 { font-family: "wigrumweb-bold"; color: #2c438f; margin: 0 0 0 -4px; font-size: 66px; line-height: 110px; } .care h3 { font-weight: bold; color: #333333; margin: 17px 0 30px; font-size: 42px; line-height: 45px; } .floatleft { float: left; } /*生产装备*/ .swiper-containers { width: calc(100% - 100px); } .swiper-containers { width: 100%; height: 100%; z-index: 10; } .swiper-containers { margin: 0 auto; position: relative; overflow: hidden; list-style: none; padding: 0; z-index: 1; } .production_box{ width: 100%; height: 570px; overflow: hidden; background-size: 100%; } .production_title{ width: 100%; margin: 65px auto 45px; text-align: center; color: #fff; line-height: 20px; } .production_title h1{ font-size: 36px; margin-bottom: 15px; } .production_banner{ width: 100%; height: auto; position: relative; margin-top: 45px; } .production_img{ display: block; width: 100%; height: 245px; position: relative; overflow: hidden; } .production_img img{ width: 100%; transition: all 0.5s; } .production_img h4{ width: 100%; height: 25px; line-height: 25px; text-align: center; font-size: 16px; color: #fff; margin-top:10px; } .production_img:hover img{ transform: scale(1.1); } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { background-image: url(../images/left_red.png); left: -70px; right: auto; width: 30px; height: 55px; background-size: auto 55px; margin-top: -27.5px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { background-image: url(../images/right_red.png); right: -70px; left: auto; width: 30px; height: 55px; background-size: auto 55px; margin-top: -27.5px; } .swiper-button-next.swiper-button-disabled{ background-image: url(../images/right_white.png); opacity: 0.8; cursor: auto; pointer-events: none } .swiper-button-prev.swiper-button-disabled { background-image: url(../images/left_white.png); opacity: 0.8; cursor: auto; pointer-events: none } .swiper-pagination-bullet{ width: 12px; height: 12px; } .swiper-pagination-bullet-active { opacity: 1; background: #2c438f; } @media only screen and (max-width:767px ) { .production_box{ height: auto; padding-bottom: 30px; } .production_img{ height: 216px; } .production_img p { overflow:hidden; height:175px; } .production_title{ width: 100%; margin: 30px auto 15px; text-align: center; color: #fff; line-height: 1.5; font-size: 16px; } .production_title p { font-size:15px; } .page a { padding: 0 13px !important; } .cpxq_section .content .right .info1 { font-size: 16px; } .cpxq_section .content .right .info2 { font-size: 16px; } .cpxq_section .content .right .info3 { font-size: 16px; } } @media only screen and (min-width:768px ) { .production_img{ height: 220.83px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { display: none; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { display: none; } } @media only screen and (min-width:992px ) { .swiper-pagination{ display: none; } .production_img{ height: 190.63px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -25px; display: block; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -25px; display: block; } .production_img p { overflow:hidden; height:156px; } } @media only screen and (min-width:1200px ) { .production_img{ height: 220px; } .production_img p { overflow:hidden; height:189px; } .swiper-button-prev, .swiper-container-rtl .swiper-button-next { left: -70px; } .swiper-button-next, .swiper-container-rtl .swiper-button-prev { right: -70px; } } /*foot style*********************************************************************/ .footer{ width:100%; background:#edeeee; border-top:#d7d7d7 solid 2px;} .foot1{ padding:45px 0; border-top:1px solid #e0e0e0;} .foot1 ul{ width: 74%; margin-top: 20px; float: left;} .foot1 ul li{ width:20%;} .foot1 ul li:last-child{ padding:0;} .foot1 ul li span{ display:block; font-size:16px; line-height:50px;} .foot1 ul li span a{ color:#000000; font-weight:bold;} .foot1 ul li p{ color:#000000; font-size:16px; line-height:30px;} .foot1 ul li p a{ color:#000000;} .foot1 ul li a:hover{ color:#0054a3!important;} .foot1 ul li em{ min-width:135px; display:inline-block;} .foot1 ul li p em:last-child{ min-width:inherit;} .foot1 .lxfs{ padding-top:17px; width: 25%; float: right;} .foot1 .lxfs img{ border-bottom:#b6b7b7 solid 1px; margin-bottom:39px; max-width: 100%;} .foot1 .lxfs p{ font-size:16px; color:#231815; line-height:1.5; padding-top:5px;} .foot{ line-height:60px; font-size:16px; color: #b2b5c0; background-color: #2c438f;} .foot a{ color: #b2b5c0; padding:0 10px;} .foot2{ line-height:60px; font-size:16px; color: #b2b5c0; background-color: #2c438f;} .foot2 a{ color: #b2b5c0; padding:0 10px;} .page{ float:left; width:100%; margin-bottom:50px; margin-top:30px;} .page a{ display:inline-block; background:#fff; border:1px solid #eee; border-left:none; font-size:16px; color:#666; line-height:40px; padding:0 20px; text-transform:uppercase;} .page a.cur,.page a:hover{ background:#2c438f; border-top-color:#2c438f; border-bottom-color:#2c438f; color:#fff;} .page a:first-child{ border-left:1px solid #eee;} .p_rt a{ font-size:14px; border-right:none; border-left:1px solid #eee;} .p_rt a:last-child{ border-right:1px solid #eee;}