/*通用*/ body.on{overflow: hidden;height: 100vh;} .wyb_s{position: relative;z-index: 99;} /*顶部导航*/ .t_navs{ width: 100%;position: fixed;top: 0;left: 0;z-index: 99; 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;} .t_navs.ons{background-color: rgba(0,0,0,0.4);} .t_navs::after{content: "";display: block;clear: both;} /*正常屏幕显示*/ .t_navs .top{ width: 100%; float: left; position: relative;} /*logo*/ .t_navs .top .logo{ margin: 26px 0; line-height: 0; float: left;} .t_navs .top .logo img{ width: auto; height: 42px;} /*一级导航*/ .t_navs .top .right{ float: right;font-size: 0;} .t_navs .top .menu{display: inline-block;vertical-align: middle;} .t_navs .top .menu .nli{ float: left; position: relative;font-size: 16px;line-height: 16px;} .t_navs .top .menu .nli span a{ display: block;color: rgba(255,255,255,0.8); position: relative;padding: 39px 0;margin: 0 23px; 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;} /*鼠标经过样式*/ .t_navs .top .menu .nli.on span a,.t_navs .top .menu .nli:hover span a{ color: #fff;font-weight: bold;} /*二级导航*/ .t_navs .top .sub{ display: none; position: absolute; width: 130px; top:80px; left: 50%; z-index: 4;margin-left: -65px;border-radius: 4px;overflow: hidden;} .t_navs .top .sub .l2{width: 100%;padding: 8px 0;text-align: center;font-size: 14px;background-color: rgba(255,255,255,0.9);} .t_navs .top .sub .l2:hover{background-color: rgba(255,255,255,0.7);} .t_navs .top .sub .l2 a{ display: block; color: #333;} .t_navs .top .sub .l2:hover a{ color: #000;} /*语言*/ .t_navs .top .lang{display: inline-block;vertical-align: middle;position: relative;margin-left: 20px;} .t_navs .top .lang h5{width: 36px;height: 36px;background-color: #ffffff;border-radius: 100%; cursor: pointer;font-size: 16px;color: #194c97;line-height: 36px;text-align: center;} .t_navs .top .lang h5:hover{opacity: 0.9;} .t_navs .top .lang ul{ display:none; float:right; width:106px; position:absolute; right:50%; margin-right:-52px; top:150%; background:rgba(255,255,255,0.6); border-radius:6px; padding:5px 12px 0 12px;} .t_navs .top .lang ul:after{ float:left; width:0; height:0; position:absolute; left:50%; bottom:100%; content:''; border-left:9px solid transparent; border-right:9px solid transparent;border-bottom:9px solid rgba(255,255,255,0.6); margin-left:-9px; } .t_navs .top .lang ul li{ float:left; width:100%; text-align:center; position:relative;} .t_navs .top .lang ul li:before{ opacity:0; float:left; width:4px; height:18px; content:''; position:absolute; left:-12px; top:0; margin-top:-9px; background:#333; -webkit-transition: all 1s ease-out 0s; -moz-transition: all 1s ease-out 0s; -o-transition: all 1s ease-out 0s; transition: all 1s ease-out 0s; } .t_navs .top .lang ul li a{ float:left; width:100%; color:#333; font-size:14px; line-height:30px; position:relative; padding-bottom:1px;} .t_navs .top .lang ul li a:after{ float:left; width:100%; height:1px; content:''; position:absolute; left:0; bottom:0; background:#333; opacity:0.16;} .t_navs .top .lang ul li:hover:before{ top:50%; opacity:1;} .t_navs .top .lang ul li a:hover{ color:rgba(255,255,255,0.8);} .t_navs .top .lang ul li a:hover:before{ left:-20px; opacity:1;} .t_navs .top .lang ul li:last-child a:after{ display:none;} /*input*/ .t_navs .top .inputbox{display: inline-block;vertical-align: middle;position: relative;margin-left: 14px;} .t_navs .top .inputbox .icon{width: 36px;height: 36px;background-color: rgba(255,255,255,0.16);display: block;border-radius: 100%;cursor: pointer;} .t_navs .top .inputbox .icon:hover{opacity: 0.9;} .t_navs .top .inputbox .inputs{position: absolute;right: 0;top: 140%;display: none;} .t_navs .top .inputbox .inputs .input{width: 200px;background-color: #fff;position: relative;height: 32px;padding-left: 12px;padding-right: 44px;} .t_navs .top .inputbox .inputs .input input{width: 100%;height: 32px;padding: 6px 0;background-color: rgba(255,255,255,0);font-size: 14px;color: #333;} .t_navs .top .inputbox .inputs .input .ipico{width: 32px;height: 32px;position: absolute;right: 0;top: 0;background-color: #3a5887;cursor: pointer;} /*隐藏手机显示*/ .t_navs .menuph{ display: none;} .t_navs .xialaph{ display: none;} @media screen and (max-width:1199px) { .t_navs .top .logo img{ width: auto; height: 38px;} .t_navs .top .menu .nli span a{padding: 36px 0;margin: 0 14px;} .t_navs .top .lang{margin-left: 6px;} .t_navs .top .inputbox{margin-left: 10px;} } @media screen and (max-width:1024px) { /*电脑端导航隐藏*/ .t_navs .menu{ display: none!important;} .t_navs .top .lang{display: none;} .t_navs .top .inputbox{display: none;} /*手机端导航显示*/ .t_navs .menuph{ display: block;} .t_navs .xialaph{ display: block;z-index: 999999;} /*手机端样式*/ .t_navs .top{ padding: 0 15px; width: 100%; position: fixed; top: 0; left: 0; z-index: 4; background: #12346d;} /*logo*/ .t_navs .top .logo{ margin: 8px 0;} .t_navs .top .logo img{ height: 30px;} /*右侧三条杠*/ .t_navs .menuph{ float: right; width: 28px; height: 22px; cursor: pointer; text-align: center; margin: 12px 0;} .t_navs .menuph .point { display: inline-block; width: 28px; height: 22px; position: relative;} .t_navs .menuph .point:hover .navbtn, .t_navs .menuph .point:hover .navbtn::after, .t_navs .menuph .point:hover .navbtn::before { width: 28px;} .t_navs .menuph .navbtn { position: absolute; top: 10px; right: 0; display: inline-block; width: 21px; height: 2px; background: #fff; -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: #fff; -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: 0; 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: 60%; 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: #3a5887;} .t_navs .xialaph h5 a{ float: left; width: 100%; color: #1f1f1f;line-height: 40px; text-transform: uppercase;font-size: 14px;} .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: 14px;} .t_navs .xialaph .ul3 li:hover a{color: #3a5887;} .t_navs .xialaph .ul3 li{ padding-top: 5px;} .t_navs .xialaph .ul3 li:first-child{ padding-top: 0;} /*二级三级导航箭头*/ .t_navs .img_d, .t_navs .disno{ display: none;} /*语言*/ .t_navs .xialaph .lang{width: 100%;float: left;text-align: center;font-size: 0;margin-top: 14px;} .t_navs .xialaph .lang .langbox{display: inline-block;font-size: 0; width:100%;} .t_navs .xialaph .lang .langbox .dian{width: 6px;height: 6px;background-color: #666;border-radius: 100%;display: inline-block;vertical-align: middle;margin: 0 6px;} .t_navs .xialaph .lang .langbox .box{display: inline-block;vertical-align: middle;font-size: 14px;color: rgba(102,102,102,0.5);font-weight: bold;} .t_navs .xialaph .lang .langbox .box:hover, .t_navs .xialaph .lang .langbox .box.on{color: #3a5887;} .t_navs .xialaph .lang .langbox .box a{color: #fff; padding: 5px 15px; background: #555; border-radius: 7px;} .t_navs .xialaph .lang .langbox .box:hover a, .t_navs .xialaph .lang .langbox .box.on a{color: #fff; background: #3a5887;} /*input*/ .t_navs .xialaph .inputbox{width: 80%;margin-left: 10%; height: 34px;border: 1px solid #888;float: left;margin-top: 14px;padding-left: 10px;position: relative;padding-right: 44px;} .t_navs .xialaph .inputbox input{width: 100%;height: 34px;padding: 4px 0;background-color: rgba(255,255,255,0);font-size: 14px;color: #555;} .t_navs .xialaph .inputbox img{width: 34px;height: 34px;display: block;position: absolute;right: 0;top: 0;background-color: #3a5887;} } /*底导航漂浮*/ .b_navs .q_d_m{ float: left; width: 100%; height: 50px;} .b_navs .pf_down{ width: 100%; float: left; position: fixed; left: 0; bottom: 0; height: 50px; background: #12346d; 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(images/img4.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l2 .ico7{ background: url(images/img3.png) no-repeat center; background-size: 20px 20px;} .b_navs .pf_down li.l3 .ico7{ background: url(images/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;} .sy_banner .b_pic .li{height: auto; width:100%;} .sy_banner .b_pic a{display:block; width:100%; padding-bottom:49.4791%; overflow:hidden; position:relative;} .sy_banner .b_pic img{display: block;width: 100%; position:absolute; left:0; top:0; } .sy_banner .mouse{width: 22px;height: 49px;position: absolute;bottom:20px;left: 50%;margin-left: -11px;z-index: 10; -webkit-transform: translate(0, -50%); -ms-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%); transform: translate(0,-50%); -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; animation:myfirst 1s infinite; -moz-animation:myfirst 1s infinite; -webkit-animation:myfirst 1s infinite; -o-animation:myfirst 1s infinite;} @keyframes myfirst { 0% { bottom:20px;} 50% { bottom:30px;} 75% { bottom:30px;} 100% { bottom:20px;} } @-moz-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:30px;} 75% { bottom:30px;} 100% { bottom:20px;} } @-webkit-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:30px;} 75% { bottom:30px;} 100% { bottom:20px;} } @-o-keyframes myfirst { 0% { bottom:20px;} 50% { bottom:30px;} 75% { bottom:30px;} 100% { bottom:20px;} } .sy_banner .mouse a{display: block;width: 100%;height: 100%;} .sy_banner .slick-dots{ width: 10px; height: auto; position: absolute; top: 50%; right: 110px; 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_banner .slick-dots li{ width: 100%; margin: 30px 0;position: relative;} .sy_banner .slick-dots li button{ display: block; width: 100%; font-size: 16px; color: rgba(255,255,255,0.5); } .sy_banner .slick-dots li.slick-active button{ font-weight: bold;color: #fff;margin-left: -30px;} .sy_banner .slick-dots li::before{content:"0";display: block;font-size: 16px;color: rgba(255,255,255,0.5);position: absolute;left: -9px;} .sy_banner .slick-dots li.slick-active::before{content:"0";display: block;font-weight: bold;color: #fff;left: -39px;} .sy_banner .slick-dots li.slick-active::after{content: "";display: block;width: 18px;height: 2px;background-color: #fff;position: absolute;right: 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%);} @media screen and (max-width: 1024px){ .sy_banner{margin-top: 36px;} .sy_banner .mouse{width: 20px;height: 45px;bottom:10px;margin-left: -8px;} .sy_banner .b_pic a{padding-bottom:79.16%;} @keyframes myfirst { 0% { bottom:10px;} 50% { bottom:20px;} 75% { bottom:20px;} 100% { bottom:10px;} } @-moz-keyframes myfirst { 0% { bottom:10px;} 50% { bottom:20px;} 75% { bottom:20px;} 100% { bottom:10px;} } @-webkit-keyframes myfirst { 0% { bottom:10px;} 50% { bottom:20px;} 75% { bottom:20px;} 100% { bottom:10px;} } @-o-keyframes myfirst { 0% { bottom:10px;} 50% { bottom:20px;} 75% { bottom:20px;} 100% { bottom:10px;} } .sy_banner .slick-dots{ right: 30px;} .sy_banner .slick-dots li{margin: 6px 0;} .sy_banner .slick-dots li button{ font-size: 14px; color: rgba(255,255,255,0.8); } .sy_banner .slick-dots li.slick-active button{ margin-left: -22px;} .sy_banner .slick-dots li::before{content:"0";display: block;font-size: 14px;color: rgba(255,255,255,0.8);left: -7px;} .sy_banner .slick-dots li.slick-active::before{content:"0";display: block;left: -30px;} .sy_banner .slick-dots li.slick-active::after{content: "";display: block;width: 16px;} } /*底部*/ .bottomnav{width: 100%;background-color: #061734;} .bottomnav ._t{width: 100%;border-bottom: 1px solid rgba(255,255,255,0.1);padding: 74px 0 40px 0;} .bottomnav ._t ul{ display: flex; flex-direction: row; justify-content: space-between; align-items: left;} .bottomnav ._t ul .ej{font-size: 18px;color: #ffffff;line-height: 24px;font-weight: bold;margin-bottom: 28px;} .bottomnav ._t ul .ej a{color: #fff} .bottomnav ._t ul .ej:hover a{opacity: 0.8;} .bottomnav ._t ul .sj{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 22px;font-weight: bold;margin-bottom: 16px;} .bottomnav ._t ul .sj a{color: rgba(255,255,255,0.6)} .bottomnav ._t ul .sj:hover a{color: rgba(255,255,255,0.9)} .bottomnav ._t ul .sj:last-child{margin-bottom: 0;} .bottomnav ._c{width: 100%;padding: 40px 0;border-bottom: 1px solid rgba(255,255,255,0.1);} .bottomnav ._c ._cbox{width: 100%;overflow: hidden;} .bottomnav ._c ._cbox .logo{width: 29.071%;float: left;padding-right: 90px;margin-top: 48px;} .bottomnav ._c ._cbox .logo img{width: 100%;display: block;} .bottomnav ._c ._cbox .content{width: 70.929%;float: right;border-left: 1px solid rgba(255,255,255,0.1);padding-left: 90px;font-size: 0;} .bottomnav ._c ._cbox .content .wordsbox{width: 55.2%;display: inline-block;vertical-align: middle;padding-right: 10px;} .bottomnav ._c ._cbox .content .wordsbox .tbox{width: 100%;font-size: 0;margin-bottom: 8px;} .bottomnav ._c ._cbox .content .wordsbox .tbox .icon{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 6px;} .bottomnav ._c ._cbox .content .wordsbox .tbox .words{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 24px;display: inline-block;vertical-align: middle; width: calc(100% - 30px); width: -ms-calc(100% - 30px); width: -o-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);} .bottomnav ._c ._cbox .content .wordsbox .number{font-size: 24px;color: #ffffff;line-height: 30px;font-weight: bold;margin-bottom: 14px;} .bottomnav ._c ._cbox .content .wordsbox .adress{font-size: 16px;color: rgba(255,255,255,0.6);line-height: 24px;} .bottomnav ._c ._cbox .content .abox{width: 23.5%;display: inline-block;vertical-align: middle;} .bottomnav ._c ._cbox .content .abox .more{background-color: rgba(255,255,255,0.1);display: inline-block;vertical-align: middle;} .bottomnav ._c ._cbox .content .abox .more:first-child{margin-bottom: 16px;} .bottomnav ._c ._cbox .content .abox .more a{display: block;padding: 10px 28px;font-size: 16px;color: rgba(255,255,255,0.7);line-height: 16px;} .bottomnav ._c ._cbox .content .abox .more:hover,.bottomnav ._c ._cbox .content .abox .more.on{background-color: #165194;} .bottomnav ._c ._cbox .content .abox .more:hover a,.bottomnav ._c ._cbox .content .abox .more.on a{color: #fff;} .bottomnav ._c ._cbox .content .wxbox{width: 21%;display: inline-block;vertical-align: middle;font-size: 0;} .bottomnav ._c ._cbox .content .wxbox .ewm{display: inline-block;vertical-align: bottom;margin-right: 15px; width: calc(100% - 48px); width: -ms-calc(100% - 48px); width: -o-calc(100% - 48px); width: -moz-calc(100% - 48px); width: -webkit-calc(100% - 48px);} .bottomnav ._c ._cbox .content .wxbox .ewm img{width: 100%;display: block;} .bottomnav ._c ._cbox .content .wxbox .iconbox{width: 30px;display: inline-block;vertical-align: bottom;position: relative;} .bottomnav ._c ._cbox .content .wxbox .iconbox::after{content: "";display: block;height: 80px;width: 1px;background-color: rgba(255,255,255,0.1);position: absolute;bottom: 115%;left: 50%;} .bottomnav ._c ._cbox .content .wxbox .iconbox img{width: 100%;display: block;margin-bottom: 6px;} .bottomnav ._c ._cbox .content .wxbox .iconbox .words{font-size: 14px;color: rgba(255,255,255,0.6);line-height: 14px;} .bottomnav ._b{width: 100%;padding: 20px 0;} .bottomnav ._b .top{width: 100%;text-align: center;font-size: 0;margin-bottom: 10px;} .bottomnav ._b .top .box1{margin-right: 16px;font-size: 0;} .bottomnav ._b .top .boxs{display: inline-block;vertical-align: middle;} .bottomnav ._b .top .boxs img{width: 20px;height: 20px;display: inline-block;vertical-align: middle;margin-right: 4px;} .bottomnav ._b .top .boxs .words{font-size: 14px;color: rgba(255,255,255,0.7);line-height: 20px;display: inline-block;vertical-align: middle;} .bottomnav ._b .top .boxs .words a{color: rgba(255,255,255,0.7);} .bottomnav ._b .bottom{width: 100%;text-align: center;font-size: 14px;color: rgba(255,255,255,0.7);line-height: 20px;} @media screen and (max-width: 1100px){ .bottomnav ._c ._cbox .logo{padding-right: 50px;} .bottomnav ._c ._cbox .content{padding-left: 50px;} } @media screen and (max-width: 1024px){ .bottomnav{margin-bottom: 49px;} .bottomnav ._t{display: none;} .bottomnav ._b .top{margin-bottom: 8px;text-align: left;} .bottomnav ._b .top .box1{margin-right: 0px;margin-bottom: 8px;} .bottomnav ._b .top .box1 .words{width: 100%!important;} .bottomnav ._b .top .boxs{display: block;text-align: center;} .bottomnav ._b .top .boxs img{display: inline-block;vertical-align: top;margin-right: 6px;margin-top: 8px;} .bottomnav ._b .top .boxs .words{font-size: 12px;letter-spacing: 0;width: 100%;margin-top: 8px;text-align: center;display: inline-block;vertical-align: top; width: calc(100% - 30px); width: -ms-calc(100% - 30px); width: -o-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);} .bottomnav ._b .bottom{font-size: 12px;letter-spacing: 0;text-align: left;text-align: center;} .bottomnav ._c{padding: 22px 0;} .bottomnav ._c ._cbox .logo{width: 100%;float: none;padding-right: 0;margin-top: 0;margin-bottom: 14px;} .bottomnav ._c ._cbox .logo img{width: 60%;display: block;margin: 0 auto;} .bottomnav ._c ._cbox .content{width: 100%;float: none;border-left: 0;padding-left: 0;font-size: 0;} .bottomnav ._c ._cbox .content .wordsbox{width: 100%;display: block; padding-right: 0;margin-bottom: 14px;} .bottomnav ._c ._cbox .content .wordsbox .tbox{margin-bottom: 6px;} .bottomnav ._c ._cbox .content .wordsbox .tbox .icon{width: 18px;height: 18px;margin-right: 4px;} .bottomnav ._c ._cbox .content .wordsbox .tbox .words{font-size: 14px;line-height: 20px; width: calc(100% - 26px); width: -ms-calc(100% - 26px); width: -o-calc(100% - 26px); width: -moz-calc(100% - 26px); width: -webkit-calc(100% - 26px);} .bottomnav ._c ._cbox .content .wordsbox .number{font-size: 18px;line-height: 26px;margin-bottom: 8px;} .bottomnav ._c ._cbox .content .wordsbox .adress{font-size: 14px;line-height: 20px;} .bottomnav ._c ._cbox .content .abox{width: 80%;display: block;margin: 0 auto 14px auto;} .bottomnav ._c ._cbox .content .abox .more{width: 47%;} .bottomnav ._c ._cbox .content .abox .more:first-child{margin-bottom: 0;margin-right: 4%;} .bottomnav ._c ._cbox .content .abox .more a{display: block;padding: 10px 18px;text-align: center; font-size: 14px;line-height: 14px;} .bottomnav ._c ._cbox .content .wxbox{width: 40%;font-size: 0;margin: 0 auto;display: block;} .bottomnav ._c ._cbox .content .wxbox .ewm{margin-right: 0;display: block;margin: 0 auto; width: calc(100% - 42px); width: -ms-calc(100% - 42px); width: -o-calc(100% - 42px); width: -moz-calc(100% - 42px); width: -webkit-calc(100% - 42px);} .bottomnav ._c ._cbox .content .wxbox .iconbox{width: 100%;text-align: center;font-size: 0;display: block;margin-top: 8px;} .bottomnav ._c ._cbox .content .wxbox .iconbox::after{content: "";display: none;} .bottomnav ._c ._cbox .content .wxbox .iconbox img{;margin-bottom: 0;width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 8px;} .bottomnav ._c ._cbox .content .wxbox .iconbox .words{font-size: 12px;line-height: 12px;display: inline-block;vertical-align: middle;} } /*首页*/ /*模块1*/ .sy_section1{width: 100%;padding: 100px 0;} .sy_section1 .tit{width: 100%;overflow: hidden;} .sy_section1 .tit .left{float: left;font-size: 0;} .sy_section1 .tit .left h2{font-size: 40px;color: #12346d;line-height: 40px;font-weight: bold;display: inline-block;vertical-align: middle;letter-spacing: 0;margin-right: 16px;} .sy_section1 .tit .left h3{font-size: 30px;color: #333333;line-height: 30px;display: inline-block;vertical-align: middle;} .sy_section1 .tit .right{float: right;font-size: 0;margin-top: 8px;} .sy_section1 .tit .right .li{cursor: pointer; display: inline-block;vertical-align: middle;margin-left: 8px;padding: 8px 20px;font-size: 16px;color: #333333;line-height: 16px;border-radius: 18px;} .sy_section1 .tit .right .li.on,.sy_section1 .tit .right .li:hover{background-color: #12346d;color: #fff;} .sy_section1 .content{width: 100%;margin-top: 42px;} .sy_section1 .content .boxhide{height:0; overflow:hidden;} .sy_section1 .content .top{margin: 0 -13.5px;margin-bottom: 124px;padding: 0 65px; text-align:center; width: calc(100% + 27px); width: -ms-calc(100% + 27px); width: -o-calc(100% + 27px); width: -moz-calc(100% + 27px); width: -webkit-calc(100% + 27px);} .sy_section1 .content .top::after{content: "";display: block;clear: both;} .sy_section1 .content .top li{float: none; display:inline-block; margin: 0 13.5px;background-color: rgba(255,255,255,0.6);height: 200px;position: relative;border-radius: 8px; width: calc(25% - 32px); width: -ms-calc(25% - 32px); width: -o-calc(25% - 32px); width: -moz-calc(25% - 32px); width: -webkit-calc(25% - 32px);} .sy_section1 .content .top li::after{content: "";display: block;width: 0;height: 0;border: 25px solid;border-color: transparent transparent #fff;position: absolute;left: 0;margin-left: -25px;top: 115%; opacity: 0; -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_section1 .content .top li.on::after{content: "";display: block;left: 50%;opacity: 1;} .sy_section1 .content .top li::before{content: "";display: block;border: 1px solid rgba(18,52,109,0.08);border-radius: 8px;position: absolute;left: 15px;top: 15px;z-index: 8; height: calc(100% - 30px); height: -ms-calc(100% - 30px); height: -o-calc(100% - 30px); height: -moz-calc(100% - 30px); height: -webkit-calc(100% - 30px); width: calc(100% - 30px); width: -ms-calc(100% - 30px); width: -o-calc(100% - 30px); width: -moz-calc(100% - 30px); width: -webkit-calc(100% - 30px);} .sy_section1 .content .top li .ba_back{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background-color: #fff;border-radius: 8px;opacity: 0;cursor: pointer;z-index: 9;} .sy_section1 .content .top li .libox{width: 100%;position: absolute;left: 0;top: 50%;padding: 0 18px;z-index: 8; 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_section1 .content .top li .libox .ico{text-align: center;margin-bottom: 4px;} .sy_section1 .content .top li .libox .ico img{height: 90px;display: inline-block;} .sy_section1 .content .top li .libox .ico img.img2{display: none;} .sy_section1 .content .top li .libox .words{font-size: 24px;color: #333333;line-height: 30px;text-align: center;} .sy_section1 .content .top li.on::before{border-color: rgba(255,255,255,0.16);} .sy_section1 .content .top li.on{background-color: rgba(18,52,109,0.8);} .sy_section1 .content .top li.on .libox .ico img.img1{display: none;} .sy_section1 .content .top li.on .libox .ico img.img2{display: inline-block;} .sy_section1 .content .top li.on .libox .words{color: #fff;} .sy_section1 .content .bottom .boboxs{padding: 0 65px;position: relative;} .sy_section1 .content .bottom ul{margin: 0 -15px;padding: 0 60px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); overflow:hidden;} .sy_section1 .content .bottom ul li{height: auto;padding: 6px 15px 21px 15px;width: 33.3333%; float:left;} .sy_section1 .content .bottom ul li a{display: block;box-shadow: 0 0 10px rgba(0,0,0,0.09);} .sy_section1 .content .bottom ul li a .pic{ width: 100%; padding-bottom: 75.112%; 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_section1 .content .bottom ul li a .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_section1 .content .bottom .slick-prev{width: 54px;height: 54px;background: url(images/img41.png) no-repeat center center; background-size: cover;left: 0;top: 50%;border: 1px solid rgba(18,52,109,0.3);border-radius: 100%;z-index: 9;opacity: 1;} .sy_section1 .content .bottom .slick-next{width: 54px;height: 54px;background: url(images/img42.png) no-repeat center center; background-size: cover;right: 0;top: 50%;border: 1px solid rgba(18,52,109,0.3);border-radius: 100%;z-index: 9;opacity: 1;} .sy_section1 .content .bottom .slick-prev::after,.sy_section1 .content .bottom .slick-next::after{display: none;} .sy_section1 .content .bottom .slick-prev:hover{background: url(images/img43.png) no-repeat center center; background-size: cover;background-color: rgba(18,52,109,0.1);border:none;} .sy_section1 .content .bottom .slick-next:hover{background: url(images/img44.png) no-repeat center center; background-size: cover;background-color: rgba(18,52,109,0.1);border:none;} .sy_section1 .content .bottom ul li a:hover .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_section1 .content .bottom ul li a .wordsbox{padding: 20px 10px 38px 10px;position: relative; 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 .bottom ul li a:hover .wordsbox{background-color: #12346d;} .sy_section1 .content .bottom ul li a .wordsbox::after{content: "";direction: block;height: 1px;width: 83.42%;border-top: 1px dashed #e5e5e5;position: absolute;left: 8.29%;top: 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;} .sy_section1 .content .bottom ul li a:hover .wordsbox::after{content: "";display: block;border-color: #12346d;} .sy_section1 .content .bottom ul li a .wordsbox h2{font-size: 18px;color: #333333;line-height: 28px;text-align: center;height: 56px; 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 .bottom ul li a:hover .wordsbox h2{color: #fff;} .sy_section1 .content .bottom ul li a .wordsbox .more{width: 42px;height: 42px;border: 1px solid #fff;position: absolute;left: 50%;margin-left: -21px;top: 100%;margin-top: -21px;border-radius: 100%;overflow: hidden;} .sy_section1 .content .bottom ul li a .wordsbox .more img{width: 100%;height: 100%;display: block;background-color: #12346d;} @media screen and (max-width: 1500px){ .sy_section1 .content .top li::after{content: "";display: block;top: 110%;} .sy_section1 .content .bottom ul .slick-prev{width: 54px;height: 54px;background: url(images/img41.png) no-repeat center center; background-size: cover;left: 15px;top: 50%;border: 1px solid rgba(18,52,109,0.3);border-radius: 100%;} .sy_section1 .content .bottom ul .slick-next{width: 54px;height: 54px;background: url(images/img42.png) no-repeat center center; background-size: cover;right: 15px;top: 50%;border: 1px solid rgba(18,52,109,0.3);border-radius: 100%;} } @media screen and (max-width: 1400px){ .sy_section1 .content .top li::after{content: "";display: block;top: 104%;} } @media screen and (max-width: 1300px){ .sy_section1 .content .top li::after{content: "";display: block;top: 100%;} } @media screen and (max-width: 1200px){ .sy_section1 .content .top li::after{content: "";display: block;top: 96%;} } @media screen and (max-width: 1100px){ .sy_section1 .content .top li::after{content: "";display: block;top: 90%;} } @media screen and (max-width: 1024px){ .sy_section1{padding: 22px 0;} .sy_section1 .tit .left{float: none;margin-bottom: 14px;} .sy_section1 .tit .left h2{font-size: 18px;line-height: 18px;margin-right: 6px;} .sy_section1 .tit .left h3{font-size: 14px;line-height: 14px;margin-top: 4px;} .sy_section1 .tit .right{float: none;margin-top: 0;width: 100%;/*white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;padding-bottom: 3px;*/} /*.sy_section1 .tit .right::-webkit-scrollbar{ height: 3px;} .sy_section1 .tit .right::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .sy_section1 .tit .right::-webkit-scrollbar-thumb{ height: 3px; background-color: #12346d; border-radius: 3px;}*/ .sy_section1 .tit .right .li{margin-left: 0;padding: 6px 12px;font-size: 14px;line-height: 14px;width: 50%;float: left;text-align: center;margin: 8px 5px;border: 1px solid #12346d; width: calc(50% - 10px); width: -ms-calc(50% - 10px); width: -o-calc(50% - 10px); width: -moz-calc(50% - 10px); width: -webkit-calc(50% - 10px);} .sy_section1 .content{margin-top: 10px;} .sy_section1 .content .top{margin: -5px;margin-bottom: 20px;padding: 0;display: block; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section1 .content .top li{float: none;margin: 5px;height: 80px; width: calc(25% - 10px); width: -ms-calc(25% - 10px); width: -o-calc(25% - 10px); width: -moz-calc(25% - 10px); width: -webkit-calc(25% - 10px);} .sy_section1 .content .top li::after{display: none} .sy_section1 .content .top li.on::after{display: none;} .sy_section1 .content .top li::before{content: "";display: block;left: 5px;top: 5px; height: calc(100% - 10px); height: -ms-calc(100% - 10px); height: -o-calc(100% - 10px); height: -moz-calc(100% - 10px); height: -webkit-calc(100% - 10px); width: calc(100% - 10px); width: -ms-calc(100% - 10px); width: -o-calc(100% - 10px); width: -moz-calc(100% - 10px); width: -webkit-calc(100% - 10px);} .sy_section1 .content .top li .libox{padding: 0 5px;} .sy_section1 .content .top li .libox .ico{margin-bottom: 4px;} .sy_section1 .content .top li .libox .ico img{height: 40px;} .sy_section1 .content .top li .libox .words{font-size: 12px;line-height: 16px;} .sy_section1 .content .bottom ul li a{box-shadow: 0 0 4px rgba(0,0,0,0.09); background:#fff;} .sy_section1 .content .bottom ul li a .wordsbox{padding: 14px 6px 24px 6px;} .sy_section1 .content .bottom ul li a .wordsbox h2{font-size: 14px;line-height: 20px;height: 40px;} .sy_section1 .content .bottom ul li a .wordsbox .more{width: 30px;height: 30px;margin-left: -15px;margin-top: -15px;} .sy_section1 .content .bottom ul{margin: 0 -5px;padding: 0 30px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section1 .content .bottom ul li{height: auto;padding: 5px 5px 16px 5px;width: 50%;} .sy_section1 .content .bottom ul .slick-prev{width: 26px;height: 26px;left: 5px;} .sy_section1 .content .bottom ul .slick-next{width: 26px;height: 26px;right: 5px;} .sy_section1 .content .bottom .boboxs{padding: 0;} } /*模块2*/ .sy_section2{width: 100%;padding: 90px 0;} .sy_section2 .titbox{width: 100%;overflow: hidden;margin-bottom: 50px;} .sy_section2 .titbox .left{font-size: 0; float: left;} .sy_section2 .titbox .left h2{font-size: 40px;color: #12346d;line-height: 40px;display: inline-block;vertical-align: middle;margin-right: 18px;font-weight: bold;} .sy_section2 .titbox .left h3{font-size: 30px;color: #333333;line-height: 30px;display: inline-block;vertical-align: middle;} .sy_section2 .titbox .right{float: right;font-size: 0;margin-top: 10px;} .sy_section2 .titbox .right img{width: 18px;height: 11px;display: inline-block;vertical-align: middle;margin-right: 8px;} .sy_section2 .titbox .right .words{font-size: 16px;color: #333333;line-height: 16px;display: inline-block;vertical-align: middle;} .sy_section2 ul{margin: 0 -15px;overflow: hidden; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px);} .sy_section2 ul li{width: 33.33333%;float: left;padding: 0 15px;height: auto;} .sy_section2 ul li a{display: block;background-color: #fff;padding: 15px;} .sy_section2 ul li a .pic{ width: 100%; padding-bottom: 66.42%; 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 ul li a .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 ul li a:hover .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 ul li a .wordsbox{width: 100%;padding: 34px 15px 10px 15px;} .sy_section2 ul li a .wordsbox .wobs{overflow: hidden;position: relative;} .sy_section2 ul li a .wordsbox .wobs::after{content: "";display: block;width: 1px;height: 100%;background-color: #e5e5e5;position: absolute;left: 87px;top: 0;} .sy_section2 ul li a .wordsbox .datebox{width: 86px;float: left;margin-right: 1px;} .sy_section2 ul li a .wordsbox .datebox .year{font-size: 24px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 12px;} .sy_section2 ul li a .wordsbox .datebox .dates{font-size: 14px;color: #555555;line-height: 14px;margin-bottom: 54px;} .sy_section2 ul li a .wordsbox .datebox .icon{width: 25px;height: 21px;display: block;} .sy_section2 ul li a .wordsbox .words{float: right;padding-left: 26px; width: calc(100% - 90px); width: -ms-calc(100% - 90px); width: -o-calc(100% - 90px); width: -moz-calc(100% - 90px); width: -webkit-calc(100% - 90px);} .sy_section2 ul li a .wordsbox .words h4{font-size: 16px;color: #333333;line-height: 28px;margin-bottom: 10px;} .sy_section2 ul li a .wordsbox .words .info{font-size: 14px;color: rgba(85,85,85,0.8);line-height: 24px;} .sy_section2 ul li a:hover .wordsbox .words h4{color: #165194;} @media screen and (max-width: 1024px){ .sy_section2{padding: 22px 0;} .sy_section2 .titbox{margin-bottom: 14px;} .sy_section2 .titbox .left h2{font-size: 18px;line-height: 24px;margin-right: 6px;letter-spacing: 0;} .sy_section2 .titbox .left h3{font-size: 14px;line-height: 20px;margin-top: 4px;} .sy_section2 .titbox .right{margin-top: 6px;} .sy_section2 .titbox .right img{width: 16px;height: 8px;margin-right: 4px;} .sy_section2 .titbox .right .words{font-size: 14px;line-height: 14px;} .sy_section2 ul{margin: 0 -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .sy_section2 ul li{width: 100%;padding: 0 5px;} .sy_section2 ul li a{padding: 8px;} .sy_section2 ul li a .wordsbox{padding: 16px 8px 8px 8px;} .sy_section2 ul li a .wordsbox .wobs::after{content: "";display: block;left: 61px;} .sy_section2 ul li a .wordsbox .datebox{width: 60px;} .sy_section2 ul li a .wordsbox .datebox .year{font-size: 18px;line-height: 24px;margin-bottom: 6px;} .sy_section2 ul li a .wordsbox .datebox .dates{font-size: 12px;line-height: 12px;margin-bottom: 20px;} .sy_section2 ul li a .wordsbox .datebox .icon{width: 18px;height: 14px;} .sy_section2 ul li a .wordsbox .words{padding-left: 12px; width: calc(100% - 64px); width: -ms-calc(100% - 64px); width: -o-calc(100% - 64px); width: -moz-calc(100% - 64px); width: -webkit-calc(100% - 64px);} .sy_section2 ul li a .wordsbox .words h4{font-size: 14px;line-height: 24px;margin-bottom: 6px;} .sy_section2 ul li a .wordsbox .words .info{font-size: 12px;line-height: 20px; height:60px; overflow:hidden;} .sy_section2 ul .slick-prev{width: 44px;height: 44px;background: url(images/img26.png) no-repeat center center; background-size: cover;left: 5px;top: 30%;z-index: 9;} .sy_section2 ul .slick-next{width: 44px;height: 44px;background: url(images/img27.png) no-repeat center center; background-size: cover;right: 5px;top: 30%;z-index: 9;} .sy_section2 ul .slick-prev:hover,.sy_section2 ul .slick-next:hover{opacity: 0.6;} } /*内页banner*/ .ny_banner{width: 100%;position: relative;} .ny_banner .ba_pic{width: 100%;} .ny_banner .ba_pic img{width: 100%;display: block;} .ny_banner .wordsbox{width: 100%;height: 100%;position: absolute;left: 0;bottom: 0;padding: 0 15px;} .ny_banner .wordsbox .words{width: 100%;height: 100%;position: relative;} .ny_banner .wordsbox .words ._t{width: 100%;position: absolute;left: 0;top: 50%;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%);} .ny_banner .wordsbox .words ._t h2{font-size: 60px;color: #ffffff;line-height: 60px;margin-bottom: 26px;width: 100%;} .ny_banner .wordsbox .words ._t .border{display: inline-block;width: 50px;height: 1px;background-color: rgba(255,255,255,0.5);} .ny_banner .wordsbox .words ._b{width: 100%;text-align: center;font-size: 0;position: absolute;left: 0;bottom: 0;} .ny_banner .wordsbox .words ._b .list{background-color: rgba(255,255,255,0.2);margin: 0 10px;display: inline-block;vertical-align: middle;} .ny_banner .wordsbox .words ._b .list a{display: block;padding: 22px 48px;font-size: 22px;color: #ffffff;line-height: 22px;} .ny_banner .wordsbox .words ._b .list:hover, .ny_banner .wordsbox .words ._b .list.on{background-color: rgba(255,255,255,0.9);} .ny_banner .wordsbox .words ._b .list:hover a, .ny_banner .wordsbox .words ._b .list.on a{color: #333333;} .ny_banner .wordsbox.wordsbox2{display:none;} @media screen and (max-width: 1024px){ .ny_banner{margin-top: 46px;/*margin-bottom: 80px;*/} .ny_banners{margin-bottom: 0;} .ny_banner .wordsbox{padding: 0 10px;} .ny_banner .wordsbox .words ._t h2{font-size: 18px;line-height: 18px;margin-bottom: 14px;} .ny_banner .wordsbox .words ._t .border{width: 34px;} .ny_banner .wordsbox .words ._b .list{margin: 0 6px;background-color: #f5f5f5;} .ny_banner .wordsbox .words ._b .list:hover,.ny_banner .wordsbox .words ._b .list.on{background-color: #12346d;} .ny_banner .wordsbox .words ._b .list a{padding: 8px 16px;font-size: 14px;line-height: 14px;color: #555} .ny_banner .wordsbox .words ._b .list:hover a,.ny_banner .wordsbox .words ._b .list.on a{color: #fff} .ny_banner .wordsbox .words ._b{bottom: -96px;overflow: hidden;} .ny_banner .wordsbox .words ._b .list{width: 46%;float: left;display: block;margin:10px 2% 0 2%;} .ny_banner .wordsbox.wordsbox1 .words ._b{display:none;} .ny_banner .wordsbox.wordsbox2{position:initial; display:block;} .ny_banner .wordsbox.wordsbox2 .words ._t{display:none;} .ny_banner .wordsbox.wordsbox2 .words ._b{position:initial; margin-top:10px;} } /*关于我们*/ .gy_section1{width: 100%;padding: 92px 0 106px 0;} .gy_section1 h2{font-size: 40px;color: #333333;line-height: 46px;text-align: center;margin-bottom: 42px;} .gy_section1 .info{font-size: 18px;color: #555555;line-height: 36px;text-align: center;margin-bottom: 86px;} .gy_section1 .listbox{width: 100%;overflow: hidden;} .gy_section1 .listbox .list{width: 25%;float: left;font-size: 0;} .gy_section1 .listbox .list .ico{width: 64px;display: inline-block;vertical-align: middle;} .gy_section1 .listbox .list .ico img{width: 64px;height: 64px;display: block;} .gy_section1 .listbox .list .wordsbox{display: inline-block;vertical-align: middle;font-size: 16px;padding-left: 8px; width: calc(100% - 68px); width: -ms-calc(100% - 68px); width: -o-calc(100% - 68px); width: -moz-calc(100% - 68px); width: -webkit-calc(100% - 68px);} .gy_section1 .listbox .list .wordsbox .numberbox{width: 100%;margin-bottom: 14px;} .gy_section1 .listbox .list .wordsbox .numberbox .number{font-size: 48px;color: #333333;font-weight: bold;line-height: 48px;} .gy_section1 .listbox .list .wordsbox .numberbox .dw{font-size: 18px;color: #333333;line-height: 18px;} .gy_section1 .listbox .list .wordsbox .words{font-size: 18px;color: #333333;line-height: 24px;} @media screen and (max-width: 1024px){ .gy_section1{padding: 22px 0;} .gy_section1 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .gy_section1 .info{font-size: 14px;line-height: 20px;margin-bottom: 14px;text-align: left;} .gy_section1 .listbox{margin: -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .gy_section1 .listbox .list{width: 50%;padding: 5px;} .gy_section1 .listbox .list .ico{width: 36px;display: block;margin: 0 auto;} .gy_section1 .listbox .list .ico img{width: 36px;height: 36px;} .gy_section1 .listbox .list .wordsbox{font-size: 14px;padding-left: 0;width: 100%;text-align: center;margin-top: 8px;} .gy_section1 .listbox .list .wordsbox .numberbox{margin-bottom: 8px;} .gy_section1 .listbox .list .wordsbox .numberbox .number{font-size: 16px;line-height: 22px;} .gy_section1 .listbox .list .wordsbox .numberbox .dw{font-size: 14px;line-height: 14px;} .gy_section1 .listbox .list .wordsbox .words{font-size: 12px;line-height: 16px;height: 32px;} } /*模块2*/ .gy_section2{width: 100%;padding: 100px 0;} .gy_section2 h2{font-size: 40px;color: #333333;line-height: 46px;text-align: center;margin-bottom: 45px;} .gy_section2 .content{width: 100%;} .gy_section2 .content .hometop{width: 100%;margin-top: 76px;padding: 0 40px;} .gy_section2 .content .hometop .li{width: 100%;height: auto;} .gy_section2 .content .hometop .li .libox{width: 100%;overflow: hidden;} .gy_section2 .content .hometop .li .libox .left{width: 100%;float: left;/*padding-right: 82px;*/} .gy_section2 .content .hometop .li .libox .left .year{font-size: 90px;color: #165194;line-height: 70px;font-weight: bold;margin-bottom: 50px;} .gy_section2 .content .hometop .li .libox .left .lisbo{position: relative;} .gy_section2 .content .hometop .li .libox .left .lisbo::after{content: "";display: block;width: 1px;height: 100%;z-index: 8; background-color: rgba(22,81,148,0.16);position: absolute;left: 66px;top: 0;} .gy_section2 .content .hometop .li .libox .left .listbox{width: 100%;position: relative;z-index: 9;padding-top: 10px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; /*max-height: 314px;*/} /*.gy_section2 .content .hometop .li .libox .left .listbox::-webkit-scrollbar{ display: none;}*/ .gy_section2 .content .hometop .li .libox .left .listbox .list{font-size: 0;margin-bottom: 22px;} .gy_section2 .content .hometop .li .libox .left .listbox .list:last-child{margin-bottom: 0;} .gy_section2 .content .hometop .li .libox .left .listbox .list .words1{font-size: 20px;color: #165194;line-height: 20px;display: inline-block;vertical-align: middle;width: 50px;} .gy_section2 .content .hometop .li .libox .left .listbox .list .dian{width: 10px;height: 10px;border-radius: 100%;background-color: #165194;border-radius: 100%;display: inline-block;vertical-align: middle;margin: 0 25px 0 10px;} .gy_section2 .content .hometop .li .libox .left .listbox .list .words2{font-size: 16px;color: #555555;line-height: 24px;display: inline-block;vertical-align: top; width: calc(100% - 106px); width: -ms-calc(100% - 106px); width: -o-calc(100% - 106px); width: -moz-calc(100% - 106px); width: -webkit-calc(100% - 106px);} .gy_section2 .content .hometop .li .libox .right{width: 46.57%;float: right;height: 435px;} .gy_section2 .content .homedown{width: 100%;padding: 0 40px;position: relative;} .gy_section2 .content .homedown::after{content: "";display: block;width: 4.5%;height: 1px;background-color: rgba(0,0,0,0.2);position: absolute;left: 40px;top: 10px;} .gy_section2 .content .homedown .li{height: auto;position: relative;padding-top: 4px;cursor: pointer;} .gy_section2 .content .homedown .li::after{content: "";display: block;width: 80%;height: 1px;background-color: rgba(0,0,0,0.2);position: absolute;right: -40%;top: 10px;} .gy_section2 .content .homedown .li .dian{width: 12px;height: 12px;border-radius: 100%;background-color: #707275;margin: 0 auto 16px auto;} .gy_section2 .content .homedown .li .num{font-size: 16px;color: #333333;line-height: 18px;font-weight: bold;text-align: center;} .gy_section2 .content .homedown .li.slick-current .dian{background-color: #165194;position: relative; width:14px; height:14px;} .gy_section2 .content .homedown .li.slick-current .dian::after{content: "";display: block;width: 22px;height: 22px;border: 2px solid #165194;border-radius: 100%;position: absolute;left: -4px;top: -4px;} .gy_section2 .content .homedown .li.slick-current .words{color: #165194;} .gy_section2 .content .homedown .li.slick-current .num{font-size:22px; line-height:24px; color: #165194;} .gy_section2 .content .homedown .slick-prev{width: 38px;height: 38px;background: url(images/img55.png) no-repeat center center; background-size: cover;left: 0;top: 18%;background-color: #165194;border-radius: 100%;} .gy_section2 .content .homedown .slick-next{width: 38px;height: 38px;background: url(images/img56.png) no-repeat center center; background-size: cover;right: 0;top: 18%;background-color: #165194;border-radius: 100%;} .gy_section2 .content .homedown .slick-prev:hover{background: url(images/img53.png) no-repeat center center; background-size: cover;border: 1px solid #717477;} .gy_section2 .content .homedown .slick-next:hover{background: url(images/img54.png) no-repeat center center; background-size: cover;border: 1px solid #717477;} @media screen and (max-width: 1024px){ .gy_section2{;padding: 22px 0;} .gy_section2 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .gy_section2 .content .hometop{margin-top: 16px;padding: 0 0;} .gy_section2 .content .hometop .li .libox .left{width: 100%;float: none;padding-right: 0;margin-bottom: 14px;} .gy_section2 .content .hometop .li .libox .left .year{font-size: 18px;line-height: 18px;margin-bottom: 14px;} .gy_section2 .content .hometop .li .libox .left .lisbo::after{content: "";display: block;left: 52.5px;} .gy_section2 .content .hometop .li .libox .left .listbox{padding-top: 6px;/*max-height: 1000px;*/} .gy_section2 .content .hometop .li .libox .left .listbox .list{margin-bottom: 12px;} .gy_section2 .content .hometop .li .libox .left .listbox .list .words1{font-size: 16px;line-height: 16px;width: 40px;} .gy_section2 .content .hometop .li .libox .left .listbox .list .dian{width: 8px;height: 8px;margin: 0 12px 0 8px;} .gy_section2 .content .hometop .li .libox .left .listbox .list .words2{font-size: 14px;line-height: 20px; width: calc(100% - 74px); width: -ms-calc(100% - 74px); width: -o-calc(100% - 74px); width: -moz-calc(100% - 74px); width: -webkit-calc(100% - 74px);} .gy_section2 .content .hometop .li .libox .right{width: 100%;float: none;height: 210px;} .gy_section2 .content .homedown{padding: 0 24px;} .gy_section2 .content .homedown::after{content: "";display: none;} .gy_section2 .content .homedown .li .dian{margin: 0 auto 8px auto;} .gy_section2 .content .homedown .li .num{font-size: 14px;line-height: 14px;} .gy_section2 .content .homedown .li.slick-current .num{font-size:18px; line-height:20px; color: #165194;} .gy_section2 .content .homedown .slick-prev{width: 24px;height: 24px;top: 24%;} .gy_section2 .content .homedown .slick-next{width: 24px;height: 24px;top: 24%;} } /*模块3*/ .gy_section3{width: 100%;padding: 100px 0 90px 0;} .gy_section3 h2{font-size: 40px;color: #333333;line-height: 40px;text-align: center;margin-bottom: 42px;} .gy_section3 ul{width: 100%;position: relative;padding-top: 20px;padding-bottom: 32px;} .gy_section3 ul::after{content: "";display: block;width: 1px;height: 100%;background-color: #e5e5e5;position: absolute;left: 50%;top: 0;} .gy_section3 ul li{width: 100%;overflow: hidden;margin-bottom: 20px;} .gy_section3 ul li .left{float: left;text-align: right;border: 1px solid #e5e5e5;border-radius: 6px;line-height: 30px;font-size: 18px;color: #555555;padding: 15px 24px;cursor: pointer; width: calc(50% - 45px); width: -ms-calc(50% - 45px); width: -o-calc(50% - 45px); width: -moz-calc(50% - 45px); width: -webkit-calc(50% - 45px);} .gy_section3 ul li .dianbox{float: left;width: 90px;text-align: center;position: relative;height: 60px;} .gy_section3 ul li .dianbox .dian{width: 15px;height: 15px;background-color: #e5e5e5;border-radius: 100%;position: relative;display: inline-block;margin-top: 22.5px;} .gy_section3 ul li .dianbox::after{content: "";display: block;width: 20px;height: 1px;background-color: #e5e5e5;position: absolute;left: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .gy_section3 ul li .dianbox::before{content: "";display: block;width: 20px;height: 1px;background-color: #e5e5e5;position: absolute;right: 0;top: 50%; transform: translate(0,-50%); -ms-transform: translate(0,-50%);} .gy_section3 ul li .right{float: right;text-align: left;border: 1px solid #e5e5e5;border-radius: 6px;line-height: 30px;font-size: 18px;color: #555555;padding: 15px 24px;cursor: pointer; width: calc(50% - 45px); width: -ms-calc(50% - 45px); width: -o-calc(50% - 45px); width: -moz-calc(50% - 45px); width: -webkit-calc(50% - 45px);} .gy_section3 ul li:nth-child(even) .left{background-color: #165194;color: #fff;border-color: #165194;} .gy_section3 ul li:nth-child(even) .right{background-color: #165194;color: #fff;border-color: #165194;} @media screen and (max-width: 1024px){ .gy_section3{padding: 22px 0;} .gy_section3 h2{font-size: 18px;line-height: 24px;margin-bottom: 14px;} .gy_section3 ul{padding:0;} .gy_section3 ul li{margin-bottom: 0;} .gy_section3 ul::after{content: "";display: none;} .gy_section3 ul li .left{ line-height: 22px;font-size: 10px;text-align: center; padding: 4px;margin-bottom: 8px;width: 49%;height: auto;} .gy_section3 ul li .dianbox{display: none;} .gy_section3 ul li .right{ line-height: 22px;font-size: 10px;text-align: center; padding: 4px;width: 49%;height: auto;} } /*产品*/ .probox{padding:100px 0 30px 0;} .cp_section1{padding: 100px 0 60px 0;width: 100%;} .cp_section2{padding-bottom: 70px;} .cp_section3{padding-bottom: 70px;} .cp_section4{padding-bottom: 100px;} .cp_section .titbox{width: 100%;padding: 72px 10px;text-align: center;font-size: 0;margin-bottom: 20px;} .cp_section .titbox .ico{width: 44px;height: 44px;display: inline-block;vertical-align: middle;margin-right: 18px;} .cp_section .titbox .words{font-size: 30px;color: #ffffff;line-height: 30px;display: inline-block;vertical-align: middle;} .cp_section .ulbox{width: 100%;} .cp_section .ulbox ul{overflow: hidden;margin: 0 -15px; width: calc(100% + 30px); width: -ms-calc(100% + 30px); width: -o-calc(100% + 30px); width: -moz-calc(100% + 30px); width: -webkit-calc(100% + 30px); display:flex; flex-wrap: wrap; align-items: flex-start; } .cp_section .ulbox ul li{padding: 0 15px;float: left; padding-bottom: 23px;height: auto;padding-top: 10px; width:33.33%; margin-top:10px; margin-bottom:10px;} .cp_section .ulbox ul li a{display: block;box-shadow: 0 0 5px rgba(0,0,0,0.09);} .cp_section .ulbox ul li a .pic{ width: 100%; padding-bottom: 75.11%; 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;} .cp_section .ulbox ul li a .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;} .cp_section .ulbox ul li a:hover .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);} .cp_section .ulbox ul li a .worsdbox{width: 100%;position: relative;padding: 24px 10px 42px 10px;} .cp_section .ulbox ul li a .worsdbox::after{content: "";display: block;width: 83%;height: 1px;border-top: 1px dashed #e5e5e5;position: absolute;left: 8.5%;top: 0;} .cp_section .ulbox ul li a:hover .worsdbox::after{content: "";display: none;} .cp_section .ulbox ul li a .worsdbox h2{font-size: 18px;color: #333333;line-height: 28px;text-align: center;height: 56px;} .cp_section .ulbox ul li a:hover .worsdbox{background-color: #12346d;} .cp_section .ulbox ul li a:hover .worsdbox h2{color: #fff;} .cp_section .ulbox ul li a .worsdbox .ico{width: 46px;height: 46px;position: absolute;bottom: -23px;left: 50%;margin-left: -23px;} @media screen and (max-width: 1024px){ .probox{padding:22px 0 0 0;} .cp_section1{padding: 22px 0;} .cp_section2{padding-bottom: 22px;} .cp_section3{padding-bottom: 22px;} .cp_section4{padding-bottom: 22px;} .cp_section .titbox{padding: 20px 10px;margin-bottom: 14px;} .cp_section .titbox .ico{width: 24px;height: 24px;margin-right: 8px;} .cp_section .titbox .words{font-size: 14px;line-height: 20px;} .cp_section .ulbox ul{margin: 0 -5px; width: calc(100% + 10px); width: -ms-calc(100% + 10px); width: -o-calc(100% + 10px); width: -moz-calc(100% + 10px); width: -webkit-calc(100% + 10px);} .cp_section .ulbox ul li{padding: 0 5px;padding-bottom: 15px;padding-top: 5px; width:50%; margin-top:5px; margin-bottom:5px;} .cp_section .ulbox ul li a .worsdbox{padding: 12px 6px;padding-bottom: 27px;} .cp_section .ulbox ul li a .worsdbox::after{content: "";display: block;width: 80%;left: 10%;} .cp_section .ulbox ul li a .worsdbox h2{font-size: 14px;line-height: 20px;height: 40px;} .cp_section .ulbox ul li a .worsdbox .ico{width: 30px;height: 30px;bottom: -15px;margin-left: -15px;} .cp_section .ulbox ul .slick-prev{width: 48px;height: 48px;background: url(images/img41.png) no-repeat center center; background-size: cover;left: 5px;top: 50%;opacity: 0.5} .cp_section .ulbox ul .slick-next{width: 48px;height: 48px;background: url(images/img42.png) no-repeat center center; background-size: cover;right: 5px;top: 50%;opacity: 0.5} .cp_section .ulbox ul .slick-prev:hover,.cp_section .ulbox ul .slick-next:hover{opacity: 1;} } /*产品详情*/ /*模块1*/ .cpxq_section1{width: 100%;padding: 100px 0 58px 0;} .cpxq_section1 .boxs{width: 100%;overflow: hidden;} .cpxq_section1 .boxs .left{width: 45.71%;float: left;border: 1px solid #e5e5e5;} .cpxq_section1 .boxs .left li{height: auto} .cpxq_section1 .boxs .left li .pic{width: 100%;height: 480px;} .cpxq_section1 .boxs .left .slick-prev{width: 30px;height: 62px;background: url(images/img83.jpg) no-repeat center center; background-size: cover;left: 10px;top: 50%;z-index: 9;} .cpxq_section1 .boxs .left .slick-next{width: 30px;height: 62px;background: url(images/img84.jpg) no-repeat center center; background-size: cover;right: 10px;top: 50%;z-index: 9;} .cpxq_section1 .boxs .left .slick-prev:hover,.cpxq_section1 .boxs .left .slick-next:hover{opacity: 0.8;} .cpxq_section1 .boxs .right{width: 54.29%;float: right;height: 480px;position: relative;} .cpxq_section1 .boxs .rightbox{width: 100%;padding-left: 84px;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%);} .cpxq_section1 .boxs .rightbox h2{font-size: 30px;color: #333333;line-height: 36px;border-bottom: 1px solid #e5e5e5;padding-bottom: 35px;margin-bottom: 28px;} .cpxq_section1 .boxs .rightbox .info{width: 100%;font-size: 16px;color: #555555;line-height: 30px;margin-bottom: 35px;padding-right: 4px; overflow: hidden; overflow-y: auto; scrollbar-width: thin; max-height: 210px;} .cpxq_section1 .boxs .rightbox .info::-webkit-scrollbar{ width: 3px;} .cpxq_section1 .boxs .rightbox .info::-webkit-scrollbar-track{ background-color: #e5e5e5; border-radius: 3px;} .cpxq_section1 .boxs .rightbox .info::-webkit-scrollbar-thumb{ width: 3px; background-color: #12346d; border-radius: 3px;} .cpxq_section1 .boxs .rightbox .more{display: inline-block;background-color: #12346d;border-radius: 26px; 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;} .cpxq_section1 .boxs .rightbox .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);} .cpxq_section1 .boxs .rightbox .more a{display: block;padding: 12px 48px;font-size: 0;} .cpxq_section1 .boxs .rightbox .more a img{width: 24px;height: 24px;display: inline-block;vertical-align: middle;margin-right: 8px;} .cpxq_section1 .boxs .rightbox .more a .words{font-size: 18px;color: #ffffff;line-height: 24px;display: inline-block;vertical-align: middle;} @media screen and (max-width: 1024px){ .cpxq_section1{padding: 22px 0;} .cpxq_section1 .boxs .left{width: 100%;float: none;margin-bottom: 14px;} .cpxq_section1 .boxs .left li .pic{height: 240px;} .cpxq_section1 .boxs .left .slick-prev{width: 20px;height: 36px;left: 5px;} .cpxq_section1 .boxs .left .slick-next{width: 20px;height: 36px;right: 5px;} .cpxq_section1 .boxs .right{width: 100%;float: none;height: auto;} .cpxq_section1 .boxs .rightbox{padding-left: 0;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);} .cpxq_section1 .boxs .rightbox h2{font-size: 16px;line-height: 22px;padding-bottom: 10px;margin-bottom: 14px;} .cpxq_section1 .boxs .rightbox .info{font-size: 14px;line-height: 20px;margin-bottom: 12px;max-height: 100px;} .cpxq_section1 .boxs .rightbox .info::-webkit-scrollbar{ display: none;} .cpxq_section1 .boxs .rightbox .more{display: block;background-color: rgba(255,255,255,0);text-align: center;} .cpxq_section1 .boxs .rightbox .more a{padding: 4px 10px;background-color: #12346d;display: inline-block;border-radius: 26px;} .cpxq_section1 .boxs .rightbox .more a img{width: 20px;height: 20px;margin-right: 6px;} .cpxq_section1 .boxs .rightbox .more a .words{font-size: 14px;line-height: 20px;} } /*模块2*/ .cpxq_section2{width: 100%;padding-bottom: 60px;} .cpxq_section2 .titbox{width: 100%;overflow: hidden; margin-bottom: 62px;} .cpxq_section2 .titbox .box{font-size: 0;float: left;margin-right: 25px;} .cpxq_section2 .titbox .box img{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .cpxq_section2 .titbox .box .words{font-size: 24px;color: #12346d;line-height: 24px;display: inline-block;vertical-align: middle;} .cpxq_section2 .titbox .border{float: right;height: 10px;margin-top: 8px; width: calc(100% - 165px); width: -ms-calc(100% - 165px); width: -o-calc(100% - 165px); width: -moz-calc(100% - 165px); width: -webkit-calc(100% - 165px);} .cpxq_section2 .content{width: 100%;background-color: #f1f3f6;padding: 24px 76px 24px 54px;overflow: hidden;} .cpxq_section2 .content .left{float: left; width: calc(100% - 300px); width: -ms-calc(100% - 300px); width: -o-calc(100% - 300px); width: -moz-calc(100% - 300px); width: -webkit-calc(100% - 300px);} .cpxq_section2 .content .left ul{width: 100%;padding-right: 140px;overflow: hidden; display:flex; flex-wrap: wrap; align-items: flex-start;} .cpxq_section2 .content .left ul li{width: 50%;float: left;font-size: 0;margin-top: 24px;padding-left: 4px;} .cpxq_section2 .content .left ul li .ico{width: 10px;height: 10px;background-color: #12346d;display: inline-block;vertical-align: top;margin-right: 10px; margin-top:9px; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg);} .cpxq_section2 .content .left ul li .words{font-size: 16px;color: #555555;line-height: 24px;display: inline-block;vertical-align: middle; padding-right:10px; width: calc(100% - 24px); width: -ms-calc(100% - 24px); width: -o-calc(100% - 24px); width: -moz-calc(100% - 24px); width: -webkit-calc(100% - 24px);} .cpxq_section2 .content .right{width: 295px;float: right;} .cpxq_section2 .content .right img{width: 100%;display: block;} @media screen and (max-width: 1024px){ .cpxq_section2{padding-bottom: 22px;} .cpxq_section2 .titbox{margin-bottom: 14px;} .cpxq_section2 .titbox .box{margin-right: 14px;} .cpxq_section2 .titbox .box img{width: 22px;height: 22px;margin-right: 6px;} .cpxq_section2 .titbox .box .words{font-size: 16px;line-height: 22px;} .cpxq_section2 .titbox .border{height: 8px;margin-top: 8px; width: calc(100% - 116px); width: -ms-calc(100% - 116px); width: -o-calc(100% - 116px); width: -moz-calc(100% - 116px); width: -webkit-calc(100% - 116px);} .cpxq_section2 .content{padding: 10px;} .cpxq_section2 .content .left{width: 100%;margin-bottom: 14px;} .cpxq_section2 .content .left ul{padding-right: 0;} .cpxq_section2 .content .left ul li{margin-top: 0;margin-bottom: 10px; padding-left: 4px;width: 100%;} .cpxq_section2 .content .left ul li .ico{width: 8px;height: 8px;margin-right: 6px;vertical-align: top;margin-top: 6px;} .cpxq_section2 .content .left ul li .words{font-size: 14px;line-height: 20px;vertical-align: top; padding-right:0; width: calc(100% - 20px); width: -ms-calc(100% - 20px); width: -o-calc(100% - 20px); width: -moz-calc(100% - 20px); width: -webkit-calc(100% - 20px);} .cpxq_section2 .content .right{width: 80%;margin: 0 auto; float: none;} } /*模块3*/ .cpxq_section3{width: 100%;padding-bottom: 70px;} .cpxq_section3 .titbox{width: 100%;overflow: hidden; margin-bottom: 40px;} .cpxq_section3 .titbox .box{font-size: 0;float: left;margin-right: 25px;} .cpxq_section3 .titbox .box img{width: 26px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 12px;} .cpxq_section3 .titbox .box .words{font-size: 24px;color: #12346d;line-height: 24px;display: inline-block;vertical-align: middle;} .cpxq_section3 .titbox .border{float: right;height: 10px;margin-top: 8px; width: calc(100% - 165px); width: -ms-calc(100% - 165px); width: -o-calc(100% - 165px); width: -moz-calc(100% - 165px); width: -webkit-calc(100% - 165px);} .cpxq_section3 .info{font-size: 16px;color: #555555;line-height: 30px;padding-bottom: 40px;border-bottom: 1px solid #e5e5e5;margin-bottom: 42px;} .cpxq_section3 .info img{max-width:100%;} .cpxq_section3 .page{width: 100%;overflow: hidden;} .cpxq_section3 .page .left{float: left; width: calc(100% - 110px); width: -ms-calc(100% - 110px); width: -o-calc(100% - 110px); width: -moz-calc(100% - 110px); width: -webkit-calc(100% - 110px);} .cpxq_section3 .page .left .box{width: 100%;font-size: 18px;color: #555555;line-height: 24px;} .cpxq_section3 .page .left .box a{color: #555;} .cpxq_section3 .page .left .box a br{display:none;} .cpxq_section3 .page .left .box:hover a{color: #165194;} .cpxq_section3 .page .left .box.prev{margin-bottom: 12px;} .cpxq_section3 .page .right{float: right;font-size: 0;margin-top: 16px;} .cpxq_section3 .page .right img{width: 16px;height: 15px;display: inline-block;vertical-align: middle;margin-right: 8px;} .cpxq_section3 .page .right .words{font-size: 16px;color: #555555;line-height: 16px;display: inline-block;vertical-align: middle;} .cpxq_section3 .page .right:hover .words{color: #165194;} @media screen and (max-width: 1024px){ .cpxq_section3{padding-bottom: 22px;} .cpxq_section3 .titbox{margin-bottom: 14px;} .cpxq_section3 .titbox .box{margin-right: 14px;} .cpxq_section3 .titbox .box img{width: 22px;height: 22px;margin-right: 6px;} .cpxq_section3 .titbox .box .words{font-size: 16px;line-height: 22px;} .cpxq_section3 .titbox .border{height: 8px;margin-top: 8px; width: calc(100% - 116px); width: -ms-calc(100% - 116px); width: -o-calc(100% - 116px); width: -moz-calc(100% - 116px); width: -webkit-calc(100% - 116px);} .cpxq_section3 .info{font-size: 14px;line-height: 20px;padding-bottom: 12px;margin-bottom: 12px;} .cpxq_section3 .page .left{ width: calc(100% - 86px); width: -ms-calc(100% - 86px); width: -o-calc(100% - 86px); width: -moz-calc(100% - 86px); width: -webkit-calc(100% - 86px);} .cpxq_section3 .page .left .box{font-size: 14px;line-height: 20px;} .cpxq_section3 .page .left .box.prev{margin-bottom: 6px;} .cpxq_section3 .page .right{margin-top: 16px;} .cpxq_section3 .page .right img{margin-right: 4px;} .cpxq_section3 .page .right .words{font-size: 14px;line-height: 14px;} } /*新闻资讯*/ .xw_section{width: 100%;padding: 100px 0 78px 0;} .xw_section ul{width: 100%;margin-bottom: 76px;} .xw_section ul li{width: 100%;margin-bottom: 30px;box-shadow: 0 0 5px rgba(0,0,0,0.09);padding: 24px;} .xw_section ul li:last-child{margin-bottom: 0;} .xw_section ul li a{width: 100%;padding-left: 330px;position: relative;display: block;min-height: 220px;} .xw_section ul li a .picbox{width: 330px;position: absolute;left: 0;top: 0;height: 220px;overflow: hidden;} .xw_section ul li a .picbox .pic{width: 100%;height: 100%; transition: All 0.5s ease-in-out; -webkit-transition: All 0.5s ease-in-out; -moz-transition: All 0.5s ease-in-out; -o-transition: All 0.5s ease-in-out;} .xw_section ul li:hover a .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);} .xw_section ul li a .wordsbox{width: 100%;padding-left: 60px;padding-top: 24px;overflow: hidden;} .xw_section ul li a .wordsbox .left{float: left;padding-right: 60px; width: calc(100% - 190px); width: -ms-calc(100% - 190px); width: -o-calc(100% - 190px); width: -moz-calc(100% - 190px); width: -webkit-calc(100% - 190px);} .xw_section ul li a .wordsbox .left h2{font-size: 22px;color: #333333;line-height: 36px;margin-bottom: 22px;} .xw_section ul li:hover a .wordsbox .left h2{color: #165194;font-weight: bold;} .xw_section ul li a .wordsbox .left h3{font-size: 18px;color: #555555;line-height: 36px;letter-spacing: 0;} .xw_section ul li a .wordsbox .right{width: 184px;float: right;padding-left: 60px;border-left: 1px solid #e5e5e5;} .xw_section ul li a .wordsbox .right .date{font-size: 30px;color: #333333;line-height: 30px;font-weight: bold;margin-bottom: 14px;} .xw_section ul li a .wordsbox .right .year{font-size: 18px;color: rgba(85,85,85,0.5);line-height: 20px;margin-bottom: 72px;} .xw_section ul li a .wordsbox .right img{width: 32px;height: 27px;display: block;} .xw_section .pages{width: 100%;text-align: center;font-size: 0;} .xw_section .pages .box{display: inline-block;vertical-align: middle;width: 38px;height: 38px;text-align: center;line-height: 36px;font-size: 14px;color: #272727;border: 1px solid #e1e1e1;margin: 0 5px;} .xw_section .pages .box:hover,.xw_section .pages .box.on{background-color: #165194;border-color: #165194;color: #fff;} .xw_section .pages .prev,.xw_section .pages .next{width: 100px;} @media screen and (max-width: 1024px){ .xw_section{padding: 22px 0;} .xw_section ul{margin-bottom: 16px;} .xw_section ul li{margin-bottom: 14px;padding: 12px;} .xw_section ul li a{padding-left: 0;min-height: auto;} .xw_section ul li a .picbox{width: 100%;height: 200px;position: static;} .xw_section ul li a .wordsbox{padding-left: 0;padding-top: 14px;} .xw_section ul li a .wordsbox .left{padding-right: 0;width: 100%;} .xw_section ul li a .wordsbox .left h2{font-size: 16px;line-height: 22px;margin-bottom: 10px;} .xw_section ul li a .wordsbox .left h3{font-size: 14px;line-height: 20px;} .xw_section ul li a .wordsbox .right{width: 100%;padding-left: 0;border-left: 0;margin-top: 12px;font-size: 0;} .xw_section ul li a .wordsbox .right .date{font-size: 16px;line-height: 16px;display: inline-block;vertical-align: middle;margin-bottom: 0;margin-right: 4px;} .xw_section ul li a .wordsbox .right .year{font-size: 14px;line-height: 14px;display: inline-block;vertical-align: middle;margin-bottom: 0;} .xw_section ul li a .wordsbox .right img{display: none;} .xw_section .pages .box{width: 22px;height: 22px;line-height: 20px;font-size: 12px;margin: 0 2px;} .xw_section .pages .prev,.xw_section .pages .next{width: 50px;} } /*新闻详情*/ .xwxq_section{width: 100%;padding: 85px 0 82px 0;} .xwxq_section h2{font-size: 30px;color: #333333;line-height: 48px;text-align: center;margin-bottom: 16px;} .xwxq_section .datebox{width: 100%;position: relative;text-align: center;margin-bottom: 40px;} .xwxq_section .datebox::after{content: "";display: block;width: 100%;height: 1px;background-color: #e5e5e5;position: absolute;left: 0;top: 50%;z-index: 8;} .xwxq_section .date{display: inline-block;font-size: 16px;color: #555555;line-height: 16px;padding: 12px 44px;background-color: #f5f5f5;position: relative;z-index: 9;} .xwxq_section .p{font-size: 18px;color: #555555;line-height: 36px;padding-bottom: 40px;margin-bottom: 44px;border-bottom: 1px solid #e5e5e5;} .xwxq_section .p img{max-width:100%;vertical-align: bottom;} .xwxq_section .page{width: 100%;overflow: hidden;} .xwxq_section .page .left{float: left; width: calc(100% - 140px); width: -ms-calc(100% - 140px); width: -o-calc(100% - 140px); width: -moz-calc(100% - 140px); width: -webkit-calc(100% - 140px);} .xwxq_section .page .left .box{width: 100%;font-size: 18px;color: #555555;line-height: 24px;} .xwxq_section .page .left .box a{color: #555;} .xwxq_section .page .left .box.prev{margin-bottom: 12px;} .xwxq_section .page .left .box:hover a{color: #165194} .xwxq_section .page .right{float: right;font-size: 0;margin-top: 14px;} .xwxq_section .page .right .words{display: inline-block;vertical-align: middle;font-size: 16px;color: #555555;line-height: 16px;margin-right: 8px;} .xwxq_section .page .right .fx{display: inline-block;vertical-align: middle;} .xwxq_section .page .right .fx a{width: 16px!important;height: 16px!important;padding-left: 0;} .xwxq_section .page .right .fx a.bds_tsina{background: url(images/img96.jpg)no-repeat center center;background-size: cover;} .xwxq_section .page .right .fx a.bds_weixin{background: url(images/img97.jpg)no-repeat center center;background-size: cover;} .xwxq_section .page .right .fx a.bds_linkedin{background: url(images/img98.jpg)no-repeat center center;background-size: cover;} .xw_sections{width: 100%;padding-bottom: 110px;padding-top: 0;} .xw_sections .h3box{margin-bottom: 52px;font-size: 0;} .xw_sections .h3box h3{font-size: 30px;color: #165194;line-height: 30px;display: inline-block;vertical-align: middle;margin-right: 18px;} .xw_sections .h3box .ico{height: 22px;display: inline-block;vertical-align: middle;margin-top: 4px; width: calc(100% - 144px); width: -ms-calc(100% - 144px); width: -o-calc(100% - 144px); width: -moz-calc(100% - 144px); width: -webkit-calc(100% - 144px);} .xw_sections ul{margin-bottom: 0;} @media screen and (max-width: 1024px){ .xwxq_section{padding: 22px 0;} .xwxq_section h2{font-size: 16px;line-height: 24px;margin-bottom: 12px;letter-spacing: 0;} .xwxq_section .datebox{margin-bottom: 14px;} .xwxq_section .date{font-size: 12px;line-height: 12px;padding: 8px 20px;letter-spacing: 0;} .xwxq_section .p{font-size: 14px;line-height: 20px;padding-bottom: 14px;margin-bottom: 14px;} .xwxq_section .page .left{width: 100%;} .xwxq_section .page .left .box{font-size: 14px;line-height: 20px;} .xwxq_section .page .left .box.prev{margin-bottom: 4px;} .xwxq_section .page .right{display: none;} .xw_sections{width: 100%;padding-bottom: 22px;padding-top: 0;} .xw_sections .h3box{margin-bottom: 14px;} .xw_sections .h3box h3{font-size: 16px;line-height: 16px;margin-right: 8px;} .xw_sections .h3box .ico{height: 14px;margin-top: 0; width: calc(100% - 80px); width: -ms-calc(100% - 80px); width: -o-calc(100% - 80px); width: -moz-calc(100% - 80px); width: -webkit-calc(100% - 80px);} .xw_sections ul{margin-bottom: 0;} } /*医患园地*/ .yh_section{width: 100%;padding: 100px 0 72px 0;} .yh_section ul{width: 100%;overflow: hidden;margin: -28px -11px; width: calc(100% - 56px); width: -ms-calc(100% - 56px); width: -o-calc(100% - 56px); width: -moz-calc(100% - 56px); width: -webkit-calc(100% - 56px); display:flex; flex-wrap: wrap; align-items: flex-start; } .yh_section ul li{width: 33.333333%;float: left;padding: 28px 11px;} .yh_section ul li a{display: block;width: 100%;} .yh_section ul li a .picbox{width: 100%;position: relative;overflow: hidden;} .yh_section ul li a .picbox .pic{ width: 100%; padding-bottom: 66.66%; position: relative; overflow: hidden; min-height: 50px;z-index: 7; -webkit-transition: 0.5s ease; -moz-transition: 0.5s ease; -ms-transition: 0.5s ease; -o-transition: 0.5s ease; transition: 0.5s ease;} .yh_section 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;} .yh_section ul li:hover a .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);} .yh_section ul li a .picbox .ico{position: absolute;left: 50%;top: 50%;width: 52px;height: 52px;display: block;z-index: 9;opacity: 0;margin:-26px 0 0 -26px; 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;} .yh_section ul li a .picbox::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(22,81,148,0.8);position: absolute;left: -100%;top: 0;z-index: 8; 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;} .yh_section ul li a:hover .picbox .ico{opacity: 1;} .yh_section ul li a:hover .picbox::after{left: 0;} .yh_section ul li a .words{width: 100%;font-size: 20px;color: #333333;line-height: 22px;text-align: center;margin-top: 18px;} .yh_section ul li a:hover .words{color: #165194;} .yh_section .pages{width: 100%;text-align: center;font-size: 0;margin-top: 76px;} .yh_section .pages .box{display: inline-block;vertical-align: middle;width: 38px;height: 38px;text-align: center;line-height: 36px;font-size: 14px;color: #272727;border: 1px solid #e1e1e1;margin: 0 5px;} .yh_section .pages .box:hover,.yh_section .pages .box.on{background-color: #165194;border-color: #165194;color: #fff;} .yh_section .pages .prev,.yh_section .pages .next{width: 100px;} @media screen and (max-width: 1024px){ .yh_section .pages{margin-top: 20px;} .yh_section .pages .box{width: 22px;height: 22px;line-height: 20px;font-size: 12px;margin: 0 2px;} .yh_section .pages .prev,.yh_section .pages .next{width: 50px;} .yh_section{padding: 22px 0;} .yh_section ul{margin: -14px 0;width: 100%;} .yh_section ul li{width: 100%;float: left;padding: 14px 0;} .yh_section ul li a .picbox .ico{width: 40px;height: 40px;margin:-20px 0 0 -20px;} .yh_section ul li a .words{font-size: 14px;line-height: 20px;margin-top: 12px;} } /*人才招聘*/ .zp_section{width: 100%;padding: 100px 0 60px 0;} .zp_section .tit{width: 100%;overflow: hidden;margin-bottom: 10px;background-color: #165194;} .zp_section .tit .box{font-size: 16px;color: #ffffff;height: 60px;line-height: 60px;} .zp_section .tit .box1{width: 25%;float: left;padding-left: 18px;} .zp_section .tit .box2{width: 13.85%;float: left; text-align:center;} .zp_section .tit .box3{width: 16.07%;float: left; text-align:center;} .zp_section .tit .box4{width: 15.85%;float: left; text-align:center;} .zp_section .tit .box5{width: 12.71%;float: left; text-align:center;} .zp_section .tit .box6{width: 10.28%;float: left;padding-right: 0; text-align:center;} .zp_section ul{width: 100%;margin-bottom: 60px;} .zp_section ul li{width: 100%;margin-bottom: 10px;} .zp_section ul li ._t{width: 100%;overflow: hidden;background-color: #f5f5f5;cursor: pointer;} .zp_section ul li ._t .box{font-size: 16px;color: #333333;line-height: 60px;height: 60px;float: left;} .zp_section ul li ._t .box1{width: 25%;padding-left: 18px;} .zp_section ul li ._t .box2{width: 13.85%; text-align:center;} .zp_section ul li ._t .box3{width: 16.07%; text-align:center;} .zp_section ul li ._t .box4{width: 15.85%; text-align:center;} .zp_section ul li ._t .box5{width: 12.71%; text-align:center;} .zp_section ul li ._t .box6{width: 10.28%; text-align:center;} .zp_section ul li ._t .box7{width: 6.24%;border-left: 1px solid rgba(255,255,255,0.8);position: relative;} .zp_section ul li ._t .box7 .ico{width: 21px;height: 21px;position: absolute;left: 50%;top: 50%;display: block; transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);} .zp_section ul li ._t .box7 .ico.img2{display: none;} .zp_section ul li ._t.active{background-color: #165194;} .zp_section ul li ._t.active .box{color: #fff;} .zp_section ul li ._t.active .box7 .ico.img1{display: none;} .zp_section ul li ._t.active .box7 .ico.img2{display: block;} .zp_section ul li ._b{width: 100%;padding: 42px 40px 50px 52px;overflow: hidden;display: none;} .zp_section ul li ._b .left{width: 53.07%;float: left;padding-right: 78px;} .zp_section ul li ._b .left h2{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 8px;} .zp_section ul li ._b .left .info{font-size: 16px;color: #555555;line-height: 30px;} .zp_section ul li ._b .right{width: 46.93%;float: right;} .zp_section ul li ._b .left .p{display: none;} .zp_section ul li ._b .right h2{font-size: 18px;color: #333333;line-height: 24px;margin-bottom: 8px;} .zp_section ul li ._b .right .info{font-size: 16px;color: #555555;line-height: 30px;margin-bottom: 42px;} .zp_section ul li ._b .right .more{text-align: center;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;} .zp_section ul li ._b .right .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);} .zp_section ul li ._b .right .more a{display: block;width: 209px;height: 50px;line-height: 50px;font-size: 18px;color: #ffffff;} .zp_section .pages{width: 100%;text-align: center;font-size: 0;} .zp_section .pages .box{display: inline-block;vertical-align: middle;width: 38px;height: 38px;text-align: center;line-height: 36px;font-size: 14px;color: #272727;border: 1px solid #e1e1e1;margin: 0 5px;} .zp_section .pages .box:hover,.zp_section .pages .box.on{background-color: #165194;border-color: #165194;color: #fff;} .zp_section .pages .prev,.zp_section .pages .next{width: 100px;} @media screen and (max-width: 1024px){ .zp_section{padding: 22px 0;} .zp_section .tit{margin-bottom: 8px;padding: 8px;padding-right: 28px;} .zp_section .tit .box{font-size: 12px;height: auto;line-height: 16px;text-align: center;} .zp_section .tit .box1{width: 33.3333%;padding-left: 0;} .zp_section .tit .box2{width: 15%;float: left;display: none;} .zp_section .tit .box3{width: 15%;float: left;display: none;} .zp_section .tit .box4{width: 14%;float: left;display: none;} .zp_section .tit .box5{width: 33.3333%;float: left;} .zp_section .tit .box6{width: 33.3333%;float: left;padding-right: 0;} .zp_section ul{margin-bottom: 14px;} .zp_section ul li{width: 100%;margin-bottom: 10px;} .zp_section ul li ._t{padding: 8px;padding-right: 28px;position: relative;} .zp_section ul li ._t .box{font-size: 12px;line-height: 16px;height: auto;width: 33.333333%!important;float: left;text-align: center;} .zp_section ul li ._t .box1{width: 33.3333%;padding-left: 0;} .zp_section ul li ._t .box2{display: none;} .zp_section ul li ._t .box3{display: none;} .zp_section ul li ._t .box4{display: none;} .zp_section ul li ._t .box5{width: 33.3333%;} .zp_section ul li ._t .box6{width: 33.3333%;} .zp_section ul li ._t .box7{position: absolute;right: 8px;top: 50%;width: 18px!important;height: 18px;border-left: 0; transform: translate(0,-50%); -ms-transform: translate(0,-50%); -webkit-transform: translate(0,-50%); -moz-transform: translate(0,-50%); -o-transform: translate(0,-50%);} .zp_section ul li ._t .box7 .ico{width: 100%;height: 100%;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);} .zp_section ul li ._b{padding: 14px;} .zp_section ul li ._b .left{width: 100%;float: none;padding-right: 0;margin-bottom: 14px;} .zp_section ul li ._b .left .p{display: block;margin-bottom: 10px;font-size: 14px;line-height: 20px;color: #555555;} .zp_section ul li ._b .left h2{font-size: 14px;line-height: 20px;margin-bottom: 4px;} .zp_section ul li ._b .left .info{font-size: 12px;line-height: 20px;} .zp_section ul li ._b .right{width: 100%;float: none;} .zp_section ul li ._b .right h2{font-size: 14px;line-height: 20px;margin-bottom: 4px;} .zp_section ul li ._b .right .info{font-size: 12px;line-height: 20px;margin-bottom: 12px;} .zp_section ul li ._b .right .more a{width: 140px;height: 32px;line-height: 32px;font-size: 14px;} .zp_section .pages{margin-top: 14px;} .zp_section .pages .box{width: 24px;height: 24px;line-height: 22px;font-size: 12px;margin: 0 4px;} .zp_section .pages .prev,.zp_section .pages .next{width: 60px;} } /*联系我们*/ .my_section{width: 100%;padding: 96px 0 80px 0;} .my_section ._t{width: 100%;margin-bottom: 30px;padding: 52px 50px 52px 50px;} .my_section ._t ._tbox{width: 100%;padding-right: 250px;position: relative;min-height: 196px;} .my_section ._t ._tbox .left{width: 100%;} .my_section ._t ._tbox .left .top{width: 100%;font-size: 36px;color: #333333;line-height: 44px;padding-bottom: 40px;margin-bottom: 40px;border-bottom: 1px solid #d8dde0;} .my_section ._t ._tbox .left .top span{font-size: 10px;position: relative;top: -24px;} .my_section ._t ._tbox .left .bottom{width: 100%;} .my_section ._t ._tbox .left .bottom .listbox{width: 100%;overflow: hidden;} .my_section ._t ._tbox .left .bottom .listbox .list{float: left;font-size: 0;} .my_section ._t ._tbox .left .bottom .listbox .list .ico{width: 30px;height: 30px;display: inline-block;vertical-align: middle;margin-right: 12px;} .my_section ._t ._tbox .left .bottom .listbox .list .words{font-size: 20px;color: #333333;line-height: 26px;display: inline-block;vertical-align: middle;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(1){width: 68%;margin-bottom: 24px;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(3){width: 68%;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(2){width: 32%;margin-bottom: 24px;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(4){width: 32%;} .my_section ._t ._tbox .right{position: absolute;right: 0;top: 0;} .my_section ._t ._tbox .right .ewm{width: 150px;margin-bottom: 20px;} .my_section ._t ._tbox .right .ewm img{width: 100%;display: block;} .my_section ._t ._tbox .right .icowords{width: 100%;font-size: 0;} .my_section ._t ._tbox .right .icowords .icon{width: 32px;height: 26px;display: inline-block;vertical-align: middle;margin-right: 10px;} .my_section ._t ._tbox .right .icowords .words{font-size: 20px;color: #555555;line-height: 20px;display: inline-block;vertical-align: middle;} .my_section ._mapbox{height:570px!important;} @media screen and (max-width: 1024px){ .my_section{padding:22px 0;} .my_section ._t{margin-bottom: 14px;padding: 14px;} .my_section ._t ._tbox{padding-right: 0px;min-height: auto;} .my_section ._t ._tbox .left .top{font-size: 16px;line-height: 22px;padding-bottom: 14px;margin-bottom: 14px;} .my_section ._t ._tbox .left .bottom .listbox .list{float: none;} .my_section ._t ._tbox .left .bottom .listbox .list .ico{width: 30px;height: 30px;margin-right: 6px;} .my_section ._t ._tbox .left .bottom .listbox .list .words{font-size: 14px;line-height: 20px; width: calc(100% - 40px); width: -ms-calc(100% - 40px); width: -o-calc(100% - 40px); width: -moz-calc(100% - 40px); width: -webkit-calc(100% - 40px);} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(1){width: 100%;margin-bottom: 12px;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(3){width: 100%;margin-bottom: 12px;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(2){width: 100%;margin-bottom: 12px;} .my_section ._t ._tbox .left .bottom .listbox .list:nth-child(4){width: 100%;margin-bottom: 12px;} .my_section ._t ._tbox .right{position: static;margin-top: 14px;} .my_section ._t ._tbox .right .ewm{width: 120px;margin-bottom: 14px;margin: 0 auto;} .my_section ._t ._tbox .right .ewm img{width: 100%;height: auto;} .my_section ._t ._tbox .right .icowords{width: 100%;font-size: 0;text-align: center;margin-top: 14px;} .my_section ._t ._tbox .right .icowords .icon{width: 24px;height: 18px;margin-right: 6px;} .my_section ._t ._tbox .right .icowords .words{font-size: 16px;line-height: 14px;} .my_section ._mapbox{height:160px!important;} .my_section ._t ._tbox .left .top span{top: -8px;} } .sitemap{ width:100%; overflow:hidden;} .sitemap li{border-bottom:1px dashed #d2d2d2; padding:7px 0; float:left; line-height:40px;width:98%; padding-left:2%; } .sitemap li a{ margin-right:10px;font-size:12px; float:left; white-space: nowrap; font-size:14px;} .sitemap li a:hover{color:#165194;} .sitemap li .font16{ font-size:16px; /*color:#135fb1*/} .sitemap li .font14{font-size:14px; } .sitemap li .font12{ font-size:12px; color:#999} .ntext{ width:100%; padding-left:76px; padding-right:76px; background:#f7f8f8; overflow:hidden;} @media screen and (max-width:1300px){ .ntext{ padding-left:60px; padding-right:60px;} } @media screen and (max-width:1024px){ .ntext{ padding-left:10px; padding-right:10px;} } ._search{ background:url(/theme/cn/images/ico56.jpg) center repeat; padding-top:95px; padding-bottom:100px;} ._search .title{ float:left; width:100%; color:#333333; font-size:16px; line-height:26px;} ._search .list{ float:left; width:100%; margin-top:25px;} ._search .list li{ float:left; width:100%; border-bottom:1px solid rgba(0,0,0,0.1); padding:25px 0; position:relative; -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; } ._search .list li:after{ float:left; position:absolute; right:20px; top:50%; margin-top:-7px; content:''; width:22px; height:15px; background:url(/theme/cn/images/ico57.png) right center no-repeat;} ._search .list li .tit{ float:left; width:100%; color:#333333; font-size:18px; line-height:28px; font-weight:bold;} ._search .list li .info{ float:left; width:100%; color:#555555; font-size:16px; line-height:26px; margin-top:10px;} ._search .list li .info a{ color:#555555;} ._search .list li:hover{ background:#f2f2f2; padding:25px 20px;} ._search .list li:hover:after{ background:url(/theme/cn/images/ico58.png) right center no-repeat;} ._search .list li:hover .tit{ color:#2163aa;} ._search .img{ float:left; width:100%; margin-top:22px; line-height:0; text-align:center;} ._search .cont{ float:left; width:100%; margin-bottom:22px; color:#1b1b1b; color:rgba(27,27,27,0.5); font-size:24px; line-height:28px; text-align:center;} @media screen and (max-width:1024px){ ._search{ padding-top:30px; padding-bottom:40px;} ._search .list{ margin-top:10px;} ._search .list li{ padding:15px 0;} ._search .list li:after{ right:12px; width:15px;} ._search .list li .tit{ font-size:16px; line-height:26px; } ._search .list li .info{ font-size:14px; line-height:24px; margin-top:2px;} ._search .list li:hover{ padding:15px 12px;} ._search .cont{ font-size:18px; line-height:22px;} } .contentbox_wap{display:none;} @media screen and (max-width:1024px){ .contentbox{display:none;} .contentbox_wap{display:block;} } /*20220713start*/ /*公司治理*/ .gszl_section{width: 100%;padding-top: 100px;padding-bottom: 110px;} .gszl_section .ul{margin: 0 -30px;width: calc(100% + 60px);} .gszl_section .ul::after{content: "";display: block;clear: both;} .gszl_section .ul .li{width: 33.333333%;float: left;padding: 0 30px;} .gszl_section .ul .li a{display: block;width: 100%;box-shadow: 0 0 20px rgb(0,0,0,0.09);} .gszl_section .ul .li a .pic{ width: 100%; padding-bottom: 67.6%; 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;} .gszl_section .ul .li a .pic::after{content: "";display: block;width: 100%;height: 100%;background-color: rgba(18,52,109,0.4);position: absolute;left: 0;top: 0;z-index: 2;} .gszl_section .ul .li a .pic img{ width: 100%; position: absolute; left: 50%; top: 50%; min-height: 100%;z-index: 1; -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;} .gszl_section .ul .li a:hover .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);} .gszl_section .ul .li a .wordsbox{width: 100%;position: relative;padding: 32px 40px 54px 40px;margin-bottom: 23px; 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;} .gszl_section .ul .li a:hover .wordsbox{background-color: #12346d;} .gszl_section .ul .li a .wordsbox .text{font-size: 24px;color: #333333;line-height: 40px;text-align: center;height: 80px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:2; 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;} .gszl_section .ul .li a:hover .wordsbox .text{color: #fff;} .gszl_section .ul .li a .wordsbox .date{font-size: 24px;color: #333333;line-height: 40px;text-align: center;height: 40px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp: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;} .gszl_section .ul .li a:hover .wordsbox .date{color: #fff;} .gszl_section .ul .li a .wordsbox .button{width: 160px;font-size: 18px;color: #ffffff;line-height: 48px;position: absolute;left: 50%;bottom: -23px; margin-left: -80px;background: #12346d;text-align: center; 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;} .gszl_section .ul .li a:hover .wordsbox .button{background-color: #eee;color: #12346d;} @media screen and (max-width:1024px){ .gszl_section{padding-top: 30px;padding-bottom: 30px;} .gszl_section .ul{margin: 0;width: 100%;} .gszl_section .ul .li{width: 100%;padding: 0;margin-bottom: 20px;} .gszl_section .ul .li:last-child{margin-bottom: 0;} .gszl_section .ul .li a .wordsbox{padding: 12px 12px 27px 12px;margin-bottom: 15px;} .gszl_section .ul .li a .wordsbox .text{font-size: 16px;line-height: 26px;height: 52px;} .gszl_section .ul .li a .wordsbox .date{font-size: 16px;line-height: 26px;height: 26px;} .gszl_section .ul .li a .wordsbox .button{width: 100px;font-size: 14px;line-height: 30px;bottom: -15px; margin-left: -50px;} } /*联系方式*/ .lxfs_section1{width: 100%;padding-top: 100px;padding-bottom: 30px;} .lxfs_section1 ul{margin: 0 -15px;width: calc(100% + 30px);display:flex; flex-wrap: wrap; align-items: flex-start;} .lxfs_section1 ul::after{content: "";display: block;clear: both;} .lxfs_section1 ul li{width: 33.33333%;float: left;padding: 0 15px;} .lxfs_section1 ul li .libox{width: 100%;background-color: #fff;box-shadow: 0 0 20px rgba(0,0,0,0.09);padding: 40px 10px 2px 10px;} .lxfs_section1 ul li .libox img{width: 96px;display: block;margin: 0 auto 20px auto;} .lxfs_section1 ul li .libox .tit{font-size: 16px;color: #555555;line-height: 20px;text-align: center;margin-bottom: 12px;height: 20px;} .lxfs_section1 ul li .libox .info{font-size: 16px;color: #555555;line-height: 24px;text-align: center;min-height: 72px;} @media screen and (max-width:1680px){ .lxfs_section1 ul li .libox .tit{font-size: 14px;line-height: 18px;margin-bottom: 10px;height: 18px;} .lxfs_section1 ul li .libox .info{font-size: 14px;line-height: 20px;min-height: 60px;} } @media screen and (max-width:1024px){ .lxfs_section1{padding-top: 30px;padding-bottom: 20px;} .lxfs_section1 ul{margin: 0;width: 100%;} .lxfs_section1 ul li{width: 100%;padding: 0;margin-bottom: 12px;} .lxfs_section1 ul li:last-child{margin-bottom: 0;} .lxfs_section1 ul li .libox{padding: 12px;} .lxfs_section1 ul li .libox img{width: 40px;margin: 0 auto 12px auto;} .lxfs_section1 ul li .libox .tit{font-size: 14px;line-height: 20px;margin-bottom: 8px;height: auto;} .lxfs_section1 ul li .libox .info{font-size: 14px;line-height: 20px;min-height: 1px;} } .lxfs_section2{width: 100%;padding-bottom: 100px;} .lxfs_section2 .BMapLabel{height: auto;border: 0!important;background-color: rgba(255,255,255,0.9)!important;padding: 20px!important;left: 44px!important;top: -30px!important;} .lxfs_section2 .BMapLabel::after{content: "";display: block;width: 0;height: 0;border: 10px solid;border-color: transparent rgba(255,255,255,0.9) transparent transparent;position: absolute;right: 100%;top: 50%;margin-top: -10px;} .lxfs_section2 .BMapLabel .t1{font-size: 18px!important;color: #333333;line-height: 22px!important;margin-bottom: 12px!important;font-weight: bold;} .lxfs_section2 .BMapLabel .t2{font-size: 16px!important;color: #555555;line-height: 20px!important;} .lxfs_section2 .BMapLabel .t2 br{display: none;} .lxfs_section2 .BMapLabel .cha{font-size: 20px;color: #d7d7d7;line-height: 18px;position: absolute;right: 8px;top: 8px;} @media screen and (max-width:1024px){ .lxfs_section2{padding-bottom: 30px;} .lxfs_section2 ._mapbox{height: 260px!important;} .lxfs_section2 .BMapLabel{padding: 12px!important;left: -126px!important;top: 46px!important;} .lxfs_section2 .BMapLabel::after{width: 0;height: 0;border: 8px solid;border-color: transparent transparent rgba(255,255,255,0.9) transparent;position: absolute;right: auto;top: auto;bottom: 100%;left: 50%; margin-top: 0;margin-left: -8px;} .lxfs_section2 .BMapLabel .t1{font-size: 14px!important;line-height: 20px!important;margin-bottom: 6px!important;} .lxfs_section2 .BMapLabel .t2{font-size: 12px!important;line-height: 18px!important;} .lxfs_section2 .BMapLabel .t2 br{display: block;} .lxfs_section2 .BMapLabel .cha{font-size: 16px;line-height: 14px;right: 2px;top: 2px;} } /*20220713end*/ /*20220928start*/ .sj_section{width: 100%;padding-top: 30px;} .sj_section .content{width: 100%;} .sj_section .content ul{font-size: 0;text-align: center;white-space:nowrap;overflow: hidden; overflow-x: auto; scrollbar-width: thin; max-width: 100%;} .sj_section .content ul::-webkit-scrollbar{ display: none;} .sj_section .content ul li{display: inline-block;vertical-align: middle;margin: 0 10px;} .sj_section .content ul li a{display: block;font-size: 16px;color: #999;line-height: 50px;padding: 0 24px;background-color: #eee;} .sj_section .content ul li.on a, .sj_section .content ul li:hover a{background-color: #12346d;color: #fff;} @media screen and (max-width:1024px){ .sj_section{padding-top: 26px;} .sj_section .content ul li{margin: 0 6px;} .sj_section .content ul li a{font-size: 14px;line-height: 34px;padding: 0 8px;} } /*20220928end*/