锘緻charset 'utf-8'; /* CSS Document */ html,body{overflow-x: hidden; overflow-y: auto;} *{margin: 0; padding: 0;} a{ -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 text-decoration: none color: #000;} a:hover,a:focus{text-decoration: none; outline: none;} ul, ol, li{list-style-type: none; margin: 0;} h1, h2, h3, h4, h5, h6, p{font-weight: normal; margin: 0;} body, button, input, select, textarea{font-family: 'Arial'; font-size: 12px; margin: 0; color: #333; border: 0; outline: none; background: none; background-color: white; -webkit-appearance: none;} @media (min-width: 1230px){ .container{width: 1230px;} } .fl{float: left;} .fr{float: right;} .c_333{color: #333;} .c_666{color: #666;} .c_w{color: #fff;} .bg_w{background: #fff;} .c_b{color: #000;} .bg_b{background: #000;} .c_bl{color: #014a7f;} .c_bl2{color: #5c7ca0;} .disnone{display: none;} .img_d{display: none;} .img_dd{display: none !important;} .hm{height: 100%;} body{position: relative;} .header1 .logo img, .header1, .header1 .pctopnav li, .footer2 .di .faredi ul li .imgk, .footer1 .follow .faredi ul li .imgk, .proul li .imgk .imgy, .youcon, .header1::before, .slick_b .container span, .nei2_k .nei2_1_1 ul li .imgk .imgy, .nei2_k .nei2_1_1 ul li p, .cases ul li .h5m, .cases ul li h3, .navsan ul li a::after, .navsan ul li a, .nei1_2 .fr .h5m span{ -webkit-transition: all .5s ease-out 0s; -moz-transition: all .5s ease-out 0s; -ms-transition: all .5s ease-out 0s; -o-transition: all .5s ease-out 0s; transition: all .5s ease-out 0s; } .h_badat img, .solul li .imgk img, .casul li .imgk img, .serul li .imgk img, .supul li.li2 .imgk img, .news .li2 .imgk img, .nei1_31 .imgk img, .cases ul li .imgk img, .nei5_1 img, .news-v ul .liz .imgk img, .nei6_ ul .liz .imgk img, .nei6_ .ullist ul .li1 .imgk img, .pros .pros1, .proul li .lip, .proul li .h5m, .mainbox .onlyimg{ -webkit-transition: all 0.2s ease-out 0s; -moz-transition: all 0.2s ease-out 0s; -ms-transition: all 0.2s ease-out 0s; -o-transition: all 0.2s ease-out 0s; transition: all 0.2s ease-out 0s; } /*鍔ㄧ敾*/ @-webkit-keyframes fadeInUps{0%{opacity: 0;-webkit-transform: translate3d(-50%,100%, 0);transform: translate3d(-50%, 100%, 0);} 100%{opacity: 1;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} } @keyframes fadeInUps{0%{opacity: 0;-webkit-transform: translate3d(-50%, 100%, 0);transform: translate3d(-50%, 100%, 0);} 100%{opacity: 1;-webkit-transform: translate3d(-50%, 0, 0);transform: translate3d(-50%, 0, 0);} } .fadeInUps{-webkit-animation-name: fadeInUps;animation-name: fadeInUps;} .animated{-webkit-animation-duration: 1s;animation-duration: 1s;-webkit-animation-fill-mode: both;animation-fill-mode: both;} .wow{animation-delay: 0.5s;-webkit-animation-delay: 0.5s;} .mt {margin-top:10px;} .mt4 {margin-top:4px;} .mt5 {margin-top:5px;} .mt15 {margin-top:15px;} .mt20 {margin-top:20px;} .mt30 {margin-top:30px;} .mt40 {margin-top:40px;} .mt50 {margin-top:50px;} .mb {margin-bottom:10px;} .mb4 {margin-bottom:4px;} .mb5 {margin-bottom:5px;} .mb15 {margin-bottom:15px;} .mb20 {margin-bottom:20px;} .mb30 {margin-bottom:30px;} .mb40 {margin-bottom:40px;} .mb50 {margin-bottom:50px;} .mb60 {margin-bottom:60px;} .mr {margin-right:10px;} .mr5 {margin-right:5px;} .mr15 {margin-right:15px;} .mr20 {margin-right:20px;} .mr23 {margin-right:23px;} .mr30 {margin-right:30px;} .mr40 {margin-right:40px;} .mr50 {margin-right:50px;} .mr60 {margin-right:60px;} .ml {margin-left:10px;} .ml5 {margin-left:5px;} .ml15 {margin-left:15px;} .ml20 {margin-left:20px;} .ml30 {margin-left:30px;} .ml40 {margin-left:40px;} .ml50 {margin-left:50px;} .mt1 {margin-top:-1px;} .pa5 {padding:5px;} .pa10 {padding:10px;} .pa20 {padding:20px;} .pa50 {padding:50px;} .pa70 {padding:70px;} .pa15 {padding:15px;} .pa8 {padding:8px;} .page_pa40 {padding:40px 0 40px 0;} .page_pa20 {padding:20px 0 20px 0;} .left {float: left;} .right {float: right;} .text-left {text-align: left;} .text-right {text-align: right;} .text-center {text-align: center;} .innerBlock {display: inline-block; *display:inline; *zoom:1;} /*鍙充晶鍥炬爣*/ /*.icony{position: fixed;z-index: 1060;right: 0px;bottom: 50px;width: 42px;} .icony img{cursor: pointer;width: 42px;height: 42px;}*/ /*鍙充晶鍥炬爣*/ /*鍒嗕韩*/ .icony{position: fixed;z-index: 1060;right: 0px;bottom: 50px;width: 42px;} .icony .icony1{position: relative;border-radius:8px 0 0 8px;overflow: hidden;background:#0070c9;width:50px;cursor: pointer;width: 42px;height: 42px;line-height: 42px;text-align: center;color:#FFF;} .p-comp-spacing-bottom{padding-bottom: 15px;color: #333;font-family: "Arial";font-size: 16px;} .p-comp-spacing-bottom .bshare-custom{display: inline-block;padding-top: 30px;} .p-comp-spacing-bottom .bshare-custom a{margin-right: 4px;} .p-comp-spacing-bottom .bshare-custom img{width: auto;height: auto;} /*鍒嗕韩 缁?/ .youcon{min-height: 198px;position: fixed;z-index: 1060;right: -270px;bottom:100px;width: 270px;padding-left: 43px;padding-top: 5px;padding-bottom: 5px;-webkit-transition: right 200ms ease-out;transition: right 200ms ease-out;} .youcon .p_info{background-color: #fff;width: 270px;min-height: 250px;display: none;border: 1px solid #e0e0e0;-webkit-transition: all 200ms ease-out;transition: all 200ms ease-out;} .youcon .p_info .p_con{padding: 26px 20px 20px 28px;visibility: hidden;} .youcon .p_info .p_con h3{color: #0070c9;font-size:14px;line-height: 22px;padding-bottom: 14px;} .youcon .p_info .p_con p{margin-top: 10px;} .youcon .p_info .p_con p a{font-size: 13px;color: #0070c9;} .youcon .p_info .p_con p a img{width: 4px;height: 8px;margin-top: -1px;margin-left: 6px;} .youcon .p_info .p_feed{border-top: 1px solid #ccc;padding: 26px 20px 20px 28px;} .youcon .p_info .p_feed h3{font-size: 14px;line-height: 22px;color: #0070c9;margin-bottom: 15px;} .youcon .p_info .p_feed p{color: #666;font-size: 14px;line-height: 22px;padding-bottom: 14px;} .youcon .p_info .p_feed button{border: 1px solid transparent;color: #fff;cursor: pointer;display: inline-block;line-height: 1.42857143;text-align: center;position: relative;vertical-align: middle;font-size: 12px;padding: 4px 20px 3px 20px;margin-bottom: 0;border-radius: 2px 2px 2px 2px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;min-width: 78px;background-color: #003478;} .youcon .p_toggler{position: absolute;display: block;right: 270px;outline: none;bottom: 0;background-color: #0070c9;border-radius:8px 0 0 8px;width:42px;text-align: center;padding:15px 0;} .youcon .p_toggler span{position: relative;display: block;font-size: 14px;line-height:21px;color: #fff;height: auto;margin: 0 auto;width:20px;} .youcon .p_toggler span img{width: 14px;line-height: 26px;margin-left: 6px;} .youcon.active{right: 0;/*overflow: hidden;*/ } .youcon.active .p_info{display: block;box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);} .youcon.active .p_info .p_con{visibility: visible;} .youcon.active .p_toggler{right: 227px;bottom: 20%;} .youcon.active .p_toggler span img.img_s{display: none;} .youcon.active .p_toggler span img.img_d{display: inline-block;} .keifu_con li{height:33px; padding-left:5px;} .keifu_con .name{float:left;font-weight:normal;height:23px;line-height:23px;} /* nav-gblnav*/ .nav-gblnav{position: relative;z-index: 99;background: #fff;color: #fff;font-size: 12px;} .nav-gblnav .nav-height{background-color: #222;height: 28px;line-height: 28px;} .nav-gblnav .nav-height span a{color: #fff;text-decoration: none;font-size: 12px;display: inline-block;vertical-align: top;} .nav-gblnav .nav-height .nav-fr{float: right;} .nav-gblnav .nav-height .nav-fr .line{padding: 0 10px;color:#999;} .nav-gblnav .nav-height .nav-fr .t{margin-right:10px;} /*澶撮儴鑿滃崟*/ .header1{position: fixed;top: 28px;left: 0;width: 100%;height: 82px;z-index: 1050;background: #FFF;} .header1::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: url(../images/bg1.png) no-repeat center top;background-size: cover;height: 82px;} .header1::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;} .pcheader{position: relative;height: 100%;} .logo{float: left;height: 100%;position: relative;} .logo .pclogo{display: block;padding-top:15px;} .logo img{width: 180px;} .logo .img_2{position: absolute;left: 0;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);opacity: 0;} /*pc瀵艰埅鍙?/ .pctopicon{position: absolute;top: 50%;right: 15px;height: 20px;margin-top: -10px;} .pctopicon li{float: right;cursor: pointer;margin-left: 27px;position: relative;} .pctopicon li.sou img{width: 19px;height: 20px;} .pctopicon li.sou .souk{position: absolute;width: 260px;height: 36px;top: 50%;margin-top: -10px;right: 0;z-index: 2;} .pctopicon li.sou .souk.active{display: none;} .pctopicon li.sou .souk img{position: absolute;top: 8px;right: 18px;} .pctopicon li.sou .souk input{width: 100%;height: 100%;background-color: #fff;font-size: 12px;padding-left: 18px;color: #aaa;border: 1px solid #ddd;} .pctopicon li.sou .souk input[type=search]::-ms-clear{display: none;} .pctopicon li.sou .souk input::-webkit-search-cancel-button{display: none;} /*slect鍔熻兘閿?/ .pctopicon .lian{width: 110px;height: 20px;position: relative;text-align: left;display: inline-block;z-index: 1;} .pctopicon .lian h5{height: 100%;line-height: 20px;cursor: pointer;color: #eceeec;text-align: center;} .pctopicon .lian h5 img{margin-left: 5px;} .pctopicon .lian .ul1{position: absolute;top: 31px;left: 0;width: 100%;background-color: #fff;padding-top: 8px;padding-bottom: 9px;border: 1px solid #ddd;display: none;} .pctopicon .lian .ul1.active{display: block;} .pctopicon .lian .ul1 li{float: none;margin: 0;} .pctopicon .lian .ul1 li a{color: #282828;display: block;padding-left: 12px;line-height: 24px;} .pctopicon .lian .ul1 li a:hover{color: #0054a5;} /*pc瀵艰埅*/ .pctopnav{position: absolute;top: 0;left:280px;height: 100%;} .pctopnav ul{height: 100%;} .pctopnav li{height: 100%;float: left;margin-right: 25px;padding-top: 23px;} .pctopnav li:last-child{margin-right: 0;} .pctopnav li a{color: #282828;font-size: 16px;letter-spacing: .5px;display: block;height: 100%;background-repeat: no-repeat;background-position: top center;position: relative;} .pctopnav li a::after{content: '';position: absolute;bottom: -5px;left: 0;width: 100%;height: 10px;z-index: 1;} .pctopnav li a span.t{display: block;width: 100%;height: 35px;line-height:35px;} .pctopnav li a .glyphicon{font-size:10px;margin-left:5px;color:#666;} .pctopnav li.active a, .pctopnav li a:hover, .pctopnav li a.active{color: #0054a5 !important;} /*pc涓嬫媺*/ .xiala{position: absolute;top: 82px;left: 0;width: 100%;} .xiala .container{position: relative;} .xiala1{position: relative;top: 0;left: 0;right: 15px;padding-top: 23px;padding-bottom: 23px;display:none;background-color: #f5f5f5;} .xiala1 ul{position: relative;text-align: center;} .xiala1 ul li{display:inline-block;margin:0 50px;font-size:16px;} .xiala1 ul li .ico{display: block;} .xiala1 ul li .ico img{height:80px;} .xiala1 ul li .t{display: block;} .xiala1 ul li .t img{width:70px;} .xiala1 ul li a{color: #666;} .xiala1 ul li a:hover{color: #0054a5;} /*pc璺熼殢*/ .header1.active{height: 72px;top: 0 !important;box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 5px;} .header1.active .logo .img_1{opacity: 0;} .header1.active .logo .img_2{opacity: 1;} .header1.active::before{height: 100%;background: #fff;opacity: 0.92;} .header1.active::after{background-color: #ddd;opacity: .5;} .header1.active .pctopicon .lian h5{color: #333;} .header1.active .pctopicon .lian h5 .img_s{display: none;} .header1.active .pctopicon .lian h5 .img_d{display: inline-block;} .header1.active .pctopicon .sou .img_s{display: none;} .header1.active .pctopicon .sou .img_d{display: inline-block;} .header1.active .pctopnav li{padding-top: 18px;} .header1.active .pctopnav li a{color: #333;} .header1.active .xiala{top: 72px;} /*phone*/ .header2{display: none;position: fixed;top: 0;left: 0;width: 100%;height: 80px;z-index: 1050;background-color: #fff;box-shadow: rgba(0, 0, 0, 0.2) 2px 0px 5px;} .header2::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #fff;opacity: .3;} .header2 .container{position: relative;height: 100%;} .header2 .logo{line-height: 80px;} .header2 .menuph{position: absolute;top: 20px;right: 15px;cursor: pointer;width: 40px;;height: 40px;;background-color: #0070c9;text-align: center;border-radius:20px;} /*鎵嬫満鎸夐挳*/ .header2 .menuph .point{display: inline-block;width: 20px;height: 22px;margin-top: 10px;position: relative;} .header2 .menuph .point:hover .navbtn, .header2 .menuph .point:hover .navbtn::after, .header2 .menuph .point:hover .navbtn::before{width: 20px;} .header2 .menuph .navbtn{position: absolute;top: 10px;right: 0;display: inline-block;width: 20px;height: 1px;-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;background: #fff;} .header2 .menuph .navbtn::after, .header2 .menuph .navbtn::before{position: absolute;right: 0;display: inline-block;width: 20px;height:1px;content: '';-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;background: #fff;} .header2 .menuph .navbtn::after{top: -11px;} .header2 .menuph .navbtn::before{top: 10px;} .header2 .menuph .point.active .navbtn{background: transparent;} .header2 .menuph .point.active .navbtn::after{transform: rotate(45deg);top: 0px;} .header2 .menuph .point.active .navbtn::before{transform: rotate(-45deg);top: 0px;} /*鎵嬫満涓嬫媺*/ .xialaph{position: absolute;top: 80px;left: 0;width: 100%;background-color: #fff;padding-bottom: 122px;display: none;z-index: 1049;background: -webkit-linear-gradient(left, #004689, #0070c9);background: -o-linear-gradient(right, #004689, #0070c9);background: -moz-linear-gradient(right, #004689, #0070c9);background: linear-gradient(to right, #004689, #0070c9);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#004689, endColorStr=#0070c9);} .xialaph .ul2, .xialaph .ul3{display: none;} .xialaph h4 a{color: #fff;font-size: 16px;font-weight: bold;line-height: 62px;} .xialaph h4{position: relative;} .xialaph h4::after{content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #e5e5e5;opacity: 0.1;} .xialaph h5 a{color: #fff;font-size: 16px;font-family: "寰蒋闆呴粦";line-height: 57px;} .xialaph h5{position: relative;} .xialaph h5::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #fff;opacity: 0.05;} .xialaph h4 img{width: 15px;height: 8px;float: right;margin-top: 29px;cursor: pointer;} .xialaph h5 img{width: 11px;height: 6px;float: right;margin-top: 26px;margin-right: 18px;cursor: pointer;} .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{display: none;} .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{display: block;} .xialaph .ico-r{width: 14px;height: 14px;float: right;margin-top:22px;margin-right:5px;cursor: pointer;color:#FFF;font-size:14px;} .xialaph .nav-contact{color:#FFF;line-height:26px;padding:10px 0;} .xialaph .ul2{background: -webkit-linear-gradient(left, #0f5190, #1c90d8);background: -o-linear-gradient(right, #0f5190, #1c90d8);background: -moz-linear-gradient(right, #0f5190, #1c90d8);background: linear-gradient(to right, #0f5190, #1c90d8);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#0f5190, endColorStr=#1c90d8);} .xialaph .ul3{padding-top: 12px;padding-bottom: 18px;padding-left: 15px;position: relative;} .xialaph .ul3::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #fff;opacity: 0.05;} .xialaph .ul3 li a{color: #fff;font-size: 14px;line-height: 35px;display: block;} .xialaph .ul3 li{padding-top: 5px;} .xialaph .ul3 li:first-child{padding-top: 0;} .xialaph .phsou{position: relative;margin-top: 34px;} .xialaph .phsou input{width: 100%;height: 56px;background-color: #fff;color: #aaa;font-size: 14px;padding-left: 20px;} .xialaph .phsou img{cursor: pointer;width: 21px;height: 22px;position: absolute;top: 17px;right: 29px;} /*slect鍔熻兘閿?/ .xialaph .lian{position: relative;margin-top: 42px;} .xialaph .lian h5{line-height: 20px;cursor: pointer;color: #fff;text-align: center;} .xialaph .lian h5::after{display: none;} .xialaph .lian h5 img{margin-left: 5px;float: none;width: 11px;height: 6px;margin-top: 0;margin-right: 0;} .xialaph .lian .ul1{width: 100%;padding-top: 8px;padding-bottom: 9px;display: none;margin-top: 9px;} .xialaph .lian .ul1.active{display: block;} .xialaph .lian .ul1 li{border-bottom:1px solid rgba(0, 0, 0, .1);} .pctopicon .lian .ul1 li{float: none;margin: 0;} .xialaph .lian .ul1 li a{color: #fff;display: block;padding-left:0;line-height: 35px;text-align: center;font-size: 14px;} .phonemeng{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: .6;z-index: 1048;display: none;} .phonemeng.active{display: block;} /*鑴?/ footer{background-color: #12356b;} .footer1{padding-top: 56px;} .footer1 .fbox{padding-bottom: 50px;} .footer1 ul{float: left;margin-right: 54px;} .footer1 h5{color: #fff;font-size: 16px;font-weight: bold;padding-bottom: 9px;margin-bottom: 8px;} .footer1 li a{color: #fff;font-size: 12px;opacity: 0.5;line-height: 30px;cursor: pointer;} .footer1 li a span.jtico{display: none !important;} .footer1 li a:hover{opacity: 1;} .footer1 .follow{float: right;width:400px;text-align: right;color:#FFF;} .footer1 .follow h5{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 0px;padding-bottom: 2px;} .footer1 .follow .row2{display: inline-block;text-align: left;margin-left:15px;} .footer1 .follow h5{margin-bottom:15px;} .footer1 .follow .t{margin-bottom:15px;opacity: 0.5;color:#FFF;font-size:12px;} .footer1 .f-contant{float: left;} .footer1 .f-contant .cbox{color:#FFF;opacity: 0.5;font-size:12px;line-height:26px;} footer .di{padding-top: 18px;padding-bottom: 18px;width: 100%;position: relative;} footer .di::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1px;background-color: #fff;opacity: 0.08;} footer .di p{color: #fff;font-size: 12px;line-height: 30px;} footer .di p span{margin-right: 2px;opacity: 0.3;} footer .di p .span a{display: none;} footer .di p a{color: #fff;margin-left: 20px;display: inline-block;opacity: 0.3;} footer .di p a.a1{margin-left: 0;} footer .di p a:hover{opacity: 1;} footer .di p.p1{float: left;} footer .di p.p2{float: right;opacity: 0.5;} footer .di p.p2 a{position: relative;} footer .di p.p2 a::after{content: '';position: absolute;top: 9px;left: -13px;width: 2px;height: 11px;background-color: #fff;opacity: 0.3;} footer .di p.p2 a:first-child::after{display: none;} .footer2{display: none;padding-top: 5px;} .footer2 h4{color: #fff;font-size: 16px;font-weight: bold;line-height: 66px;position: relative;} .footer2 h4::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #fff;opacity: 0.05;} .footer2 .ul2{display: none;position: relative;padding-top: 20px;padding-bottom: 25px;} .footer2 .ul2::after{content: '';position: absolute;bottom: 0;left: 0;right: 0;height: 1px;background-color: #fff;opacity: 0.05;} .footer2 .ul2 li a{color: #fff;opacity: 0.5;font-size: 14px;line-height: 34px;display: block;} .footer2 .ul2 li a:hover{opacity: 1;} .footer2 h4 img{width: 14px;height: 7px;float: right;margin-top: 29px;cursor: pointer;} .footer2 h4.active img.img_s{display: none;} .footer2 h4.active img.img_d{display: block;} .footer2 .di{border: 0;padding-top: 20px;padding-bottom: 20px;} .footer2 .di h5{color: #fff;font-size: 16px;font-weight: bold;text-align: center;} .footer2 .follow {margin-bottom:20px;} .footer2 .follow .row2{width:50%;float: left;} /*棣栭〉*/ .banner{} .slick_b{margin: 0;} .slick_b .slick-slide{padding: 0;} .slick_b .slick-slide img{width: 100%;} .slick_b .slick-arrow{z-index: 1000;width: 46px;height: 79px;} .slick_b .slick-prev{background: url(../images/arrow_lb1.png) no-repeat center;left: 0;border:none;} .slick_b .slick-next{background: url(../images/arrow_rb1.png) no-repeat center;right: 0;border:none;} .slick_b .slick-prev:hover{background: url(../images/arrow_lb2.png) no-repeat center;left: 0;} .slick_b .slick-next:hover{background: url(../images/arrow_rb2.png) no-repeat center;right: 0;} .slick_b .slick-dots{bottom: 18px;} .slick_b .slick-dots li{width: 30px;height: 3px;background-color: #fff;} .slick_b .slick-dots li.slick-active{background-color: #0070c9;} .slick_b .container{position: relative;} .slick_b .container .slick_nei{position: absolute;top: 248px;left: 15px;} .slick_b .container .slick_nei p{color: #fff;font-size: 72px;font-family: "Gill Sans MT";font-weight: bold;line-height: 68px;} .slick_b .container .slick_nei p:first-child{font-size: 58px;line-height: 1.4;font-style: italic;} .slick_b .container span{display: inline-block;width: 136px;height: 46px;color: #fff;font-size: 16px;font-style: italic;line-height: 46px;margin-top: 50px;text-align: center;background-color: #0070c9;} .slick_b .container span:hover{background-color: #5fb7ef;} @media screen and (max-width: 1700px){ .slick_b .container .slick_nei{top: 193px;} } @media screen and (max-width: 1600px){ .slick_b .container .slick_nei{top: 180px;} } @media screen and (max-width: 1500px){ .slick_b .container .slick_nei{top: 163px;} } @media screen and (max-width: 1400px){ .slick_b .container .slick_nei p{font-size: 62px;line-height: 65px;} .slick_b .container .slick_nei p:first-child{font-size: 48px;line-height: 1.3;} } @media screen and (max-width: 1300px){ .slick_b .container .slick_nei{top: 153px;} .slick_b .container .slick_nei p{font-size: 58px;line-height: 60px;} .slick_b .container .slick_nei p:first-child{font-size: 45px;line-height: 1.2;} } @media screen and (max-width: 1199px){ .slick_b .container .slick_nei{top: 73px;} .slick_b .container .slick_nei p{font-size: 58px;line-height: 60px;} .slick_b .container .slick_nei p:first-child{font-size: 45px;line-height: 1.2;} } @media screen and (max-width: 767px){ .slick_b .container .slick_nei{top: 49px;display: none;} .slick_b .container .slick_nei p{font-size: 26px;line-height: 36px;} .slick_b .container .slick_nei p:first-child{font-size: 28px;line-height: 1.3;} .slick_b .container span{width: 86px;height: 35px;font-size: 12px;line-height: 35px;margin-top: 25px;} } @media screen and (max-width: 360px){ .slick_b .container .slick_nei{top: 49px;} .slick_b .container .slick_nei p{font-size: 22px;line-height: 27px;} .slick_b .container .slick_nei p:first-child{font-size: 24px;line-height: 1.1;} .slick_b .container span{width: 86px;height: 35px;font-size: 12px;line-height: 35px;margin-top: 11px;} } .h1s{font-size:42px;color: #12356b;text-align: center;padding:30px 0;} .h1s .span1{display: block;} .h1s .more{color: #0070c9;font-size: 14px;height: 30px;line-height: 30px;text-align: center;} .sol .h1s .more{color: #fff;} .proul{} .proul ul{margin: 0 -10px;} .proul li{float: left;width: 25%;padding: 0 10px;} .proul li .imgk{overflow: hidden;position: relative;} .proul li .imgk .imgb{width: 100%;} .proul li .imgk .img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 75%;max-height: 75%;max-width: 100%;height: 100%;max-height: 100%;} .proul li .imgk .imgy{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;} .proul li .imgk .imgy::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #12356b;opacity: 0.25;} .proul li .imgk .imgy .imgj{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;} .proul li h4{font-size: 22px;color: #333;padding-bottom: 13px;padding-top: 22px;height: 59.2px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;} .proul li h4::after{content: '';position: absolute;top: 5px;left: 0;width: 100%;height: 6px;} .proul li h4 a{color: #333;} .proul li h4 span{color: #0070c9;} .proul li:hover .imgy, .proul li.active .imgy{opacity: 1;} .proul li:hover h4 a, .proul li.active h4 a{color: #0070c9;} .proul li.active h4{padding-bottom: 20px;background: url(../images/projiao.png) no-repeat bottom center;} .proul li .lip{height: 100px;overflow: hidden;} .proul li .lip p{color: #666;font-size: 14px;line-height: 25px;position: relative;padding-left: 10px;} .proul li .lip p a{color: #666;} .proul li .lip p::before{content: "-";position: absolute;top: 0;left: 0;font-size: 17px;color: #666;} .proul li .lip p:hover a, .proul li .lip p:hover::before{color: #0070c9;} .h5m{padding-top: 28px;padding-bottom: 47px;line-height: 1.1;} .h5m a{color: #0070c9;} .h5m a img{width: 5px;height: 9px;margin-left: 7px;margin-top: -2px;} .h5m a:hover{color: #0070c9;} .h5m a:hover .img_s{display: none;} .h5m a:hover .img_d{display: inline-block;} .pro{position: relative;} .pros{/*margin-top: -190px;*/ z-index: -1;position: absolute;bottom: 0;left: 0;width: 100%;height: 190px;} .pros::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 0;background-color: #e8eef5;} .pros.act{z-index: 0;} .pros.act::after{height: 100%;} .pros .container{position: relative;z-index: 1;} .pros .pros1{padding-top: 27px;padding-bottom: 33px;position: absolute;top: 0;left: 15px;right: 15px;/*z-index: -1;*/ opacity: 0;visibility: hidden;} .pros .pros1.active{/*position: relative;*/ z-index: 0;/*left: 0;right: 0;*/ visibility: visible;opacity: 1;} .slick_pro{margin: 0;padding: 0 20px;} .slick_pro .slick-slide{padding: 0;} .slick_pro .slick-arrow{z-index: 1000;width: 10px;height: 20px;} .slick_pro .slick-prev{background: url(../images/arrow_lp1.png) no-repeat center;left: 0;} .slick_pro .slick-next{background: url(../images/arrow_rp1.png) no-repeat center;right: 0;} .slick_pro .slick-prev:hover{background: url(../images/arrow_lp2.png) no-repeat center;left: 0;} .slick_pro .slick-next:hover{background: url(../images/arrow_rp2.png) no-repeat center;right: 0;} .slick_pro h4{color: #12356b;font-size: 16px;padding-bottom: 9px;} .slick_pro h4 a{color: #12356b;} .slick_pro .lin{padding-left: 45px;padding-right: 25px;position: relative;} .slick_pro .lin::after{content: '';position: absolute;left: 0;top: 0;width: 1px;height: 1000px;background-color: #ddd;} .slick_pro .slick-current .lin::after{display: none;} .slick_pro .ulp{} .slick_pro .ulp p{padding: 3px 0;} .slick_pro .ulp p a{color: #666;font-size: 14px;} .slick_pro .ulp p a:hover{color: #0070c9;} /* cp-list */ .cp-list{background-color: #fcfdff; overflow: hidden; position: relative; z-index: 1;padding:80px 0;} .cp-list .items{width:24.25%; height: 190px; position: relative;padding: 20px 15px; box-sizing: border-box; box-shadow: 0 8px 32px #d9d9d9; border-radius: 4px;float: left;} .cp-list .items.i-l{margin-right:0.5%;} .cp-list .items.i-m{margin-left:0.5%;margin-right:0.5%;} .cp-list .items.i-r{margin-left:0.5%;} .cp-list .bt{font-size: 18px; color: #3385ff; line-height: 1; padding-bottom: 15px;} .cp-list .txt{font-size: 12px; color: #717678;} .cp-list .txt.txt-en{font-size: 12px;width:180px;} .cp-list .btn{font-size: 14px; padding: 8px 10px; color: #3385ff; border: 1px solid #3385ff; border-radius: 2px; position: absolute; bottom: 20px; left: 15px; line-height: 1; transition: all .25s;} .cp-list .btn:hover{background:#3385ff;color:#FFF;} .cp-list .ico{height: 175px; position: absolute; bottom: 10px; right: 20px; background-size: cover;} .cp-list .ico img{height:175px;} @media screen and (max-width: 991px){ /* cp-list */ .cp-list{padding:0;} .cp-list .container{padding:0;} .cp-list .items{width:100%;padding: 20px 20px; box-sizing: border-box; box-shadow: 0 8px 32px #d9d9d9; border-radius: 4px;float: none;height:150px;margin-bottom:20px;} .cp-list .items.i-l{margin-right:0%;} .cp-list .items.i-m{margin-left:0%;margin-right:0%;} .cp-list .items.i-r{margin-left:0%;} .cp-list .bt{font-size:16px;line-height: 1; padding-bottom: 16px;} .cp-list .txt{font-size: 14px;} .cp-list .btn{font-size: 12px; padding:8px 10px; bottom:20px; left: 20px; line-height: 1; transition: all .25s;} .cp-list .ico{height: 100px; position: absolute; bottom:20px; right: 20px; background-size: cover;} .cp-list .ico img{height:100px;} } /* mod-video-wrp */ .mod-video-wrp{background: url(../images/v-bg.jpg) no-repeat center top;height:900px;} .mod-video-wrp .media-wrapper{width:1040px;margin:0 auto 45px auto;padding-top:120px;} .mod-video-wrp .tit{font-size:26px;text-align: center;color:#FFF;height:70px;line-height:70px;} @media screen and (max-width: 991px){ /* cp-list */ .mod-video-wrp{height:auto;} .mod-video-wrp .media-wrapper{width:100%;margin:0;padding-top:0;} .mod-video-wrp .tit{font-size:16px;text-align: center;color:#FFF;height:50px;line-height:50px;} .mod-video-wrp .media-wrapper video{width:100%;height:auto;} } /* sol */ .sol{ background: -webkit-linear-gradient(left, #004689, #0070c9); background: -o-linear-gradient(right, #004689, #0070c9); background: -moz-linear-gradient(right, #004689, #0070c9); background: linear-gradient(to right, #004689, #0070c9); FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#004689, endColorStr=#0070c9); } .sol .h1s{color: #fff;} .solul{margin: 0 -24px;} .solul li{float: left;width: 50%;padding: 0 24px;} .solul li .imgk{overflow: hidden;} .solul li .imgk img{width: 100%;} .solul li h3{padding-top: 30px;padding-bottom: 19px;} .solul li h3 a{color: #fff;} .solul li h5{color: #fff;line-height: 24px;letter-spacing: .5px;} .solul li h5.h51{height: 70px;overflow: hidden;} .solul li .lin{height: 172px;overflow: hidden;} .solul li .h5m{padding-top: 13px;padding-bottom: 41px;} .solul li .h5m a{color: #fff;opacity: 0.5;} .solul li .h5m a:hover{color: #fff;opacity: 1;} .solul li .imgk:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .casul{margin: 0 -18px;} .casul li{float: left;width: 33.333%;padding: 0 18px;} .casul li .imgk{overflow: hidden;height:210px;} .casul li .imgk img{width: 100%;} .casul li h3{padding-top: 25px;padding-bottom: 21px;font-size: 20px;line-height: 1.15; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; word-break: keep-all; word-wrap: normal;} .casul li h3 a{color: #333;} .casul li h3 a:hover{color: #0070c9;} .casul li h5{line-height: 24px;letter-spacing: .5px;} .casul li h5.h51{color: #666;height:50px;overflow: hidden;} .casul li .lin{height: 130px;overflow: hidden;} .casul li .h5m{padding-top: 29px;padding-bottom: 44px;} .casul li .imgk:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .ser{position: relative;padding-bottom: 43px;} .ser::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #00488b;opacity: 0.8;background-image: url(../images/index/jsys-bg.png);background-repeat: no-repeat;background-position:center top;background-size: auto 100%;} .ser .container{position: relative;z-index: 1;} .serul{} .ser .h1s{color: #fff;} .serul li{float: right;width: 50%;position: relative;} .serul li .imgk{overflow: hidden;} .serul li .imgk img{width: 100%;} .serul li h3{padding-top: 13px;padding-bottom: 21px;font-size: 20px;line-height: 1.15;color: #fff;} .serul li h3 a{color: #fff;font-size: 38px;} .serul li h3 p{font-size: 17px;margin-top: 2px;} .serul li h5{line-height: 24px;letter-spacing: .5px;} .serul li h5.h51{color: #fff;font-size: 16px;padding-right: 80px;line-height: 30px;letter-spacing: .5px;overflow: hidden;} .serul li .lin{min-height: 150px;overflow: hidden;} .serul li .h5m{padding-top: 29px;padding-bottom: 44px;} .serul li .h5m a{color: #fff;opacity: 0.5;} .serul li .h5m a:hover{color: #fff;opacity: 1;} .serul li .imgk:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .serul li.li2 .h1s{padding-top: 63px;padding-bottom: 54px;text-align: left;} .serul li.li2 .h5m{padding-top: 81px;} .serul li.li1 .lirn{position: absolute;bottom: -53px;right: 0;padding-left: 45px;padding-right: 25px;} .serul li.li1 .lirn::after{content: '';position: absolute;top: 0;left: 0;width: 1000px;height: 100%;background-color: #0070c9;opacity: 0.75;} .serul li.li1 .lirn h3, .serul li.li1 .lirn h5{position: relative;z-index: 1;} .serul li.li1 .h5m{padding-top: 12px;padding-bottom: 15px;} .serul li.li1{margin-bottom: 76px;} .sup{padding-bottom: 50px;} .supul{margin: 0 -7.5px;} .supul li{float: left;padding: 0 7.5px;position: relative;} .supul li.li1{width: 66.3%;} .supul li.li2{width: 33.125%;} .supul li img{width: 100%;} .supul li.li1 .liz{position: absolute;top: 40px;left: 30px;width: 49%;} .supul li.li1 .liz h3{color: #333;letter-spacing: .5px;} .supul li.li1 .liz h5{color: #333;letter-spacing: .5px;line-height: 24px;margin-top: 23px;height: 72px;overflow: hidden;} .supul li.li1 .liz .amore{display: inline-block;width: 108px;height: 35px;text-align: center;line-height: 35px;color: #fff;background-color: #0070c9;font-style: italic;font-size: 12px;margin-top: 40px;position: relative;border: 1px solid transparent;} .supul li.li1 .liz .amore::after{position: absolute;z-index: 1;top: 0;left: 0;width: 0;height: 100%;content: '';-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;background: #fff;} .supul li.li1 .liz .amore:hover{color: #0070c9;border-color: #0070c9;} .supul li.li1 .liz .amore:hover::after{width: 100%;} .supul li.li1 .liz .amore:hover .img_s{display: none;} .supul li.li1 .liz .amore:hover .img_d{display: inline-block;} .supul li.li1 .liz .amore img{margin-left: 8px;margin-top: -2px;} .supul li.li2 .li3:first-child{margin-bottom: 14px;} .supul li.li2 .imgk{position: relative;overflow: hidden;} .supul li.li2 .liz{position: absolute;bottom: 21px;left: 25px;right: 25px;} .supul li.li2 .liz h3{color: #fff;font-size: 20px;letter-spacing: .5px;} .supul li.li2 .liz h5{color: #fff;letter-spacing: .5px;margin-top: 8px;} .supul li.li2 .imgk:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .news{overflow: hidden;background: -webkit-linear-gradient(left, #12356b, #0053a4);background: -o-linear-gradient(right, #12356b, #0053a4);background: -moz-linear-gradient(right, #12356b, #0053a4);background: linear-gradient(to right, #12356b, #0053a4);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#12356b, endColorStr=#0053a4);} .news .container{position: relative;} .news .h1s{color: #fff;position: absolute;top: 10px;left: 15px;} .news ul{margin: 0 -3.5px;} .news li{float: left;width: 25%;padding: 0 3.5px;} .news .li1, .news .li2{padding-top: 230px;padding-bottom: 44px;} .news p{font-size: 16px;color: #fff;line-height: 30px;letter-spacing: 0px;} .news .li1 p{margin-top: -8px;} .news .h5m{padding-top: 29px;padding-bottom: 44px;} .news .h5m a{color: #fff;opacity: 0.5;} .news .h5m a:hover{color: #fff;opacity: 1;} .news .li1 .h5m{padding-top: 80px;} .news .li2 .h5m{padding-left: 8px;padding-top: 39px;padding-bottom: 10px;text-align: } .news .li2{padding-left: 7px;padding-right: 7px;} .news .li3{position: relative;} .news .li3::before{content: '';position: absolute;top: 231px;left: 0;width: 1px;height: 385px;background-color: #fff;opacity: 0.08;} .news .li2 .imgk{overflow: hidden;height: 165px;} .news .li2 .imgk img{width: 100%;} .news .li2 .imgk:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .news .li2 p{height: 90px;overflow: hidden;padding-left: 8px;padding-right: 8px;padding-top: 21px;line-height: 23px;} .news .li4{position: relative;padding-left: 23px;} .news .li4::before{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 1000px;background-color: #12356b;} .news .li4 .tou{color: #fff;font-weight: bold;margin-top: 59px;text-transform: uppercase;position: relative;z-index: 1;} .news .li4 .eve1{position: relative;padding-left: 50px;padding-right: 15px;z-index: 1;margin-top: 37px;} .news .li4 .eve1 .ri{position: absolute;top: 4px;left: 0;width: 32px;height: 51px;color: #fff;text-align: center;} .news .li4 .eve1 .ri span:first-child{font-size: 12px;letter-spacing: .5px;display: block;text-transform: uppercase;} .news .li4 .eve1 .ri span:nth-child(2){ font-size: 28px;line-height: 1;display: block;} .news .li4 p{line-height: 27px;height: 54px;overflow: hidden;} .news .li4 .h5m{padding-top: 26px;padding-bottom: 40px;} .news .container{position: relative;} .news .slickpad{position: absolute;z-index: -2000;width: 100%;top: 0;left: 0;margin-top: 37px;padding-top: 38px;padding-bottom: 19px;} .news .slickpad::before{content: '';position: absolute;top: 0;left: 50%;width: 1000px;margin-left: -500px;height: 100%;background: -webkit-linear-gradient(left top, #001f43, #00376d);background: -o-linear-gradient(right bottom, #001f43, #00376d);background: -moz-linear-gradient(right bottom, #001f43, #00376d);background: linear-gradient(to right bottom, #001f43, #00376d);FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0, startColorStr=#001f43, endColorStr=#00376d);} .news .slickpad .tou{color: #fff;font-size: 18px;font-weight: bold;text-transform: uppercase;position: relative;z-index: 1;} .news .slick_new .eve1{position: relative;padding-left: 50px;padding-right: 60px;z-index: 1;margin-top: 28px;} .news .slick_new .eve1 .ri{position: absolute;top: 4px;left: 0;width: 32px;height: 51px;color: #fff;text-align: center;} .news .slick_new .eve1 .ri span:first-child{font-size: 12px;letter-spacing: .5px;display: block;} .news .slick_new .eve1 .ri span:nth-child(2){ font-size: 28px;line-height: 1;display: block;} .news .slick_new p{line-height: 27px;height: 54px;overflow: hidden;} .news .slick_new .h5m{padding-top: 26px;padding-bottom: 40px;} .news .slick_new{margin: 0;} .news .slick_new .slick-slide{padding: 0;} .news .slick_new .slick-arrow{width: 10px;height: 20px;z-index: 1000;top: -14px;} .news .slick_new .slick-prev{background: url(../images/arrow_lp2.png) no-repeat center;right: 34px;} .news .slick_new .slick-next{background: url(../images/arrow_rp2.png) no-repeat center;right: 0;} .news .slick_new .slick-prev:hover{background: url(../images/arrow_lp3.png) no-repeat center;right: 34px;} .news .slick_new .slick-next:hover{background: url(../images/arrow_rp3.png) no-repeat center;right: 0;} .buy{overflow: hidden;} .buy .container{position: relative;} .buyz{padding-top: 83px;padding-bottom: 96px;position: relative;z-index: 1;} .buyz h3{color: #12356b;font-size: 42px;font-family: "Helvetica";} .buyz h5{color: #333;font-size: 16px;margin-top: 45px;} .buyz .amore{display: inline-block;width: 154px;height: 40px;text-align: center;line-height: 40px;color: #fff;background-color: #0070c9;font-style: italic;font-size: 14px;margin-top: 49px;position: relative;border: 1px solid transparent;} .buyz .amore::after{position: absolute;z-index: 1;top: 0;left: 0;width: 0;height: 100%;content: '';-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;background: #fff;} .buyz .amore:hover{color: #0070c9;border-color: #0070c9;} .buyz .amore:hover::after{width: 100%;} .buyz .amore:hover .img_s{display: none;} .buyz .amore:hover .img_d{display: inline-block;} .buyz .amore img{margin-top: -2px;margin-left: 8px;width: 6px;height: 12px;} .buytu{position: absolute;top: 50px;right: 15px;} .buytu .buy1{position: absolute;top: -22px;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} /*01椤?/ .bannei{height: 600px;position: relative;z-index: 1009;background-color:#00437d;background-position:center top;background-repeat: no-repeat;background-size:1920px auto;} .bannei img{width: 100%;} .bannei .container{position: relative;} /* bannav */ .bannav{color: #282828;font-size: 12px;width:100%;height:40px;line-height:40px;border-bottom:1px solid #ececec;} .bannav span{display: inline-block;padding:0 5px;} .bannav span a{color: #282828;} .p-bannav{border-top:1px solid #eee;padding-top:85px;} .p-bannav .bannav{border-top:1px solid #eee;height:63px;line-height:63px; -webkit-box-shadow: 0px 5px 5px rgba(0,0,0,0.07); box-shadow: 0px 5px 5px rgba(0,0,0,0.07); } .bannei .banneizi{position: absolute;top: 220px;left:0;width:100%;text-align: left;padding:0 120px;} .bannei .banneizi h2{color: #fff;font-size: 48px;letter-spacing: 0.5px;} .bannei .banneizi .txt{color: #fff;margin-top: 22px;letter-spacing:3px;text-align: justify;font-size: 22px;line-height: 1.45;padding-right:50%;} .bannei .banneizi .follow{width:400px;text-align: right;color:#FFF;position:absolute;top:0;right:100px;} .bannei .banneizi .follow h5{color: #fff;font-size: 16px;font-weight: bold;margin-bottom: 0px;padding-bottom: 2px;} .bannei .banneizi .follow .row2{display: inline-block;text-align: center;margin-left:15px;} .bannei .banneizi .follow h5{} .bannei .banneizi .follow .t{margin-top:10px;margin-bottom:10px;color:#FFF;font-size:14px;} .nei1_1{padding-bottom: 34px;} .nei1_1 .h1s{font-size: 48px;padding-top: 43px;padding-bottom: 29px;} .nei1_1 .proul li h4{padding-bottom: 22px;padding-top: 22px;height: auto;} .nei1_2{height: 420px;} .nei1_2 .img{width: 100%;} .nei1_2 .fr{height: 100%;width: 438px;background: -webkit-linear-gradient(135deg, #004689 0, #0070c9 100%);background: -moz-linear-gradient(135deg, #004689 0, #0070c9 100%);background: -ms-linear-gradient(135deg, #004689 0, #0070c9 100%);background: -o-linear-gradient(135deg, #004689 0, #0070c9 100%);background: linear-gradient(135deg, #004689 0, #0070c9 100%);padding: 113px 45px 0;} .nei1_2 .fr h2{color: #fff;font-size: 32px;} .nei1_2 .fr p{color: #fff;font-size: 14px;letter-spacing: 0.2px;line-height: 26px;margin-top: 15px;} .nei1_2 .fr .h5m{padding-top: 16px;} .nei1_2 .fr .h5m span{color: #fff;opacity: 0.5;font-style: italic;} .nei1_2 .fr .h5m span img{width: 5px;height: 9px;margin-left: 7px;margin-top: -2px;} .nei1_2 .fr:hover .h5m span{opacity: 1;} .nei1_31{background: #fff;padding: 60px 0;} .nei1_31 .imgk{width: 489px;overflow: hidden;} .nei1_31 .imgk img{width: 100%;} .nei1_31 .imgk:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .nei1_31 .liz{width: calc(100% - 540px);margin-left: 50px;} .nei1_31 .liz h3{color: #12356b;font-size: 32px;margin-top: 15px;} .nei1_31 .liz p{color: #7b8795;font-size: 16px;line-height: 30px;margin-top: 27px;max-height: 90px;overflow: hidden;} .nei1_31 .h5m{padding-top: 46px;padding-bottom: 0;} .nei1_31 .h5m span{color: #0070c9;font-style: italic;} .nei1_31 .h5m span img{width: 5px;height: 9px;margin-left: 7px;margin-top: -2px;} .nei1_31:hover .h5m span{opacity: 1;color: #0070c9;} .nei1_31:hover .h5m .img_s{display: none;} .nei1_31:hover .h5m .img_d{display: inline-block;} .nei1_31:hover h3{color: #0070c9;} .nei1_3 .nei1_31:nth-child(2){ background: -webkit-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%);background: -moz-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%);background: -ms-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%);background: -o-linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%);background: linear-gradient(180deg, #b4c6e0 0, #e3eaf3 100%);} .nei1_3 .nei1_31:nth-child(2) .imgk{float: right;} .nei1_3 .nei1_31:nth-child(2) .liz{padding-right: 60px;margin-left: 0;} .nei1_3 .nei1_31:nth-child(2) .liz p{color: #333;} .nei1_4{height: 420px;text-align: center;padding-top: 179px;} .nei1_4 h3{color: #fff;font-size: 32px;} .nei1_4 p{color: #fff;font-size: 16px;line-height: 26px;margin-top: 19px;} .nei1_4 .amore{display: inline-block;width: 138px;height: 42px;text-align: center;line-height: 42px;color: #fff;background-color: #0070c9;font-style: italic;font-size: 14px;margin-top: 35px;position: relative;border: 1px solid transparent;} .nei1_4 .amore::after{position: absolute;z-index: 1;top: 0;left: 0;width: 0;height: 100%;content: '';-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;background: #fff;} .nei1_4 .amore:hover{color: #0070c9;border-color: #0070c9;} .nei1_4 .amore:hover::after{width: 100%;} .nei1_4 .amore:hover .img_s{display: none;} .nei1_4 .amore:hover .img_d{display: inline-block;} .nei1_4 .amore img{margin-left: 8px;margin-top: -2px;} .nei1_5{padding: 54px 0 61px;background: #ebeef2;} .nei1_5 .neizi{width: 765px;} .nei1_5 .neizi h2{color: #12356b;font-size: 36px;font-family: "HE";} .nei1_5 .neizi p{color: #333;font-size: 16px;line-height: 26px;margin-top: 14px;} .nei1_5 .amore{display: inline-block;width: 154px;height: 48px;text-align: center;line-height: 48px;color: #fff;background-color: #0070c9;font-style: italic;font-size: 14px;margin-top: 19px;position: relative;border: 1px solid transparent;} .nei1_5 .amore::after{position: absolute;z-index: 1;top: 0;left: 0;width: 0;height: 100%;content: '';-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;background: #fff;} .nei1_5 .amore:hover{color: #0070c9;border-color: #0070c9;} .nei1_5 .amore:hover::after{width: 100%;} .nei1_5 .amore:hover .img_s{display: none;} .nei1_5 .amore:hover .img_d{display: inline-block;} /*02椤?/ .naver{height: 60px;margin-top: -60px;background: rgba(0, 42, 92, 0.5);position: relative;z-index: 1010;} .slick_ban{height: 100%;margin: 0;text-align: center;} .slick_ban .slick-slide{padding: 0;} .slick_ban .slick-prev, .slick_ban .slick-next{width: 9px;height: 18px;background-size: 100% 100%;} .slick_ban .slick-prev{background-image: url(../images/arrow_lp3.png);left: -20px;} .slick_ban .slick-next{background-image: url(../images/arrow_rp3.png);right: -20px;} .slick_ban .z_div{display: inline-block;} .slick_ban a{display: block;height: 100%;line-height: 60px;text-align: center;color: #fff;font-size: 16px;padding:0 60px;} .slick_ban a:hover, .slick_ban a.act{color: #0070c9;background: #fff;} .secnavm{position: relative;z-index: 1010;height: 60px;margin-top: -60px;background: rgba(0, 42, 92, 0.5);} .secnavm .mainh4{} .secnavm .mainh4 div{position: relative;padding-top: 22px;padding-bottom: 21px;} .secnavm .sech4{padding-top: 13px;padding-bottom: 13px;} .secnavm .sech4 a{color: #333;} .secnavm h4{font-size: 16px;} .secnavm h4 a{color: #333;} .secnavm h4.act, .secnavm h4.act a{color: #fff;} .secnavm h4 button{position: absolute;top: 50%;right: 0;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);background: transparent;} .secnavm h4 button img{width: 20px;} .secnavm .mainul{position: absolute;top: 60px;left: 0;width: 100%;padding-top: 15px;padding-bottom: 25px;background: #fff;display: none;} .secnavm .mainul, .secnavm .dropul{display: none;} .secnavm .dropul li{padding-top: 7px;padding-bottom: 7px;padding-left: 20px;} .secnavm .dropul li a{font-size: 16px;color: #999;} .mask{position: fixed;z-index: 5;top: 0;left: 0;visibility: hidden;width: 100%;height: 100%;-webkit-transition: all .4s ease-out 0s;-moz-transition: all .4s ease-out 0s;-ms-transition: all .4s ease-out 0s;-o-transition: all .4s ease-out 0s;transition: all .4s ease-out 0s;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);-o-transform: scale(0);transform: scale(0);opacity: 0;background: rgba(0, 0, 0, .5);z-index: 1008;} .mask.act{visibility: visible;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);opacity: 1;} .nei2_1{overflow: hidden;} .neinav3{width: 277px;margin-top: 43px;position: relative;z-index: 1;} .neinav3 .nav1{background-color: #eff2f5;margin-bottom: 1px;} .neinav3 .nav1 h4{height: 52px;line-height: 52px;padding-left: 20px;font-size: 14px;color: #333;position: relative;cursor: pointer;background-color: #e3e7ed;} .neinav3 .nav1 h4 a{color: #333;} .neinav3 .nav1 h4 img{position: absolute;top: 50%;margin-top: -6.5px;right: 20px;width: 13px;height: 13px;} .neinav3 .nav1 h4.active a, .neinav3 .nav1 h4.act a{color: #12356b;font-weight: bold;} .neinav3 .nav1 h4.active .img_s{display: none;} .neinav3 .nav1 h4.active .img_d{display: inline-block;} .neinav3 .nav1 ul{padding-left: 33px;padding-right: 20px;padding-top: 14px;padding-bottom: 17px;display: none;} .neinav3 .nav1 li{position: relative;} .neinav3 .nav1 li a{display: block;line-height: 36px;color: #666;font-size: 14px;} .neinav3 .nav1 li a:hover, .neinav3 .nav1 li a.active{color: #0070c9;} .nei2_k{width: calc(100% - 305px);} .nei2_k h1{color: #12356b;font-size: 32px;padding-top: 36px;position: relative;z-index: 1;} .nei2_k h4{color: #1395f0;font-size: 16px;font-weight: bold;border-bottom: 1px solid #e5e5e5;padding-left: 14px;padding-bottom: 19px;position: relative;z-index: 1;} .nei2_k h4 .more{position: absolute;top: 2px;right: 0;color: #1395f0;font-size: 14px;font-weight: 500;} .nei2_k h4::before{content: '';position: absolute;top: 7px;left: 0;width: 5px;height: 5px;border-radius: 50%;background: #1395f0;} .nei2_k .nei2_1_1{padding-top: 38px;position: relative;padding-bottom: 4px;} .nei2_k .nei2_1_1:nth-child(2){ padding-top: 22px;} .nei2_k .nei2_1_1::after{content: '';position: absolute;top: 0;left: 50%;margin-left: -2000px;width: 4000px;height: 100%;background: #f5f5f5;display: none;} .nei2_k .nei2_1_1:nth-child(4)::after, .nei2_k .nei2_1_1:nth-child(6)::after{display: block;} .nei2_k.pro_three .nei2_1_1:nth-child(3)::after, .nei2_k.pro_three .nei2_1_1:nth-child(5)::after, .nei2_k.pro_three .nei2_1_1:nth-child(7)::after{display: block;} .nei2_k.pro_three .nei2_1_1:nth-child(4)::after, .nei2_k.pro_three .nei2_1_1:nth-child(6)::after{display: none;} .nei2_k .nei2_1_1 ul{margin: 18px -10px 0;position: relative;z-index: 1;} .nei2_k .nei2_1_1 ul li{float: left;width: 33.333%;padding: 0 10px;} .nei2_k .nei2_1_1 ul li a{display: block;} .nei2_k .nei2_1_1 ul li .imgk{background: #efefef;overflow: hidden;position: relative;} .nei2_k .nei2_1_1 ul li .imgk .imgb{width: 100%;} .nei2_k .nei2_1_1 ul li .imgk .img{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 75%;max-height: 75%;} .nei2_k .nei2_1_1 ul li .imgk .imgy{position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;} .nei2_k .nei2_1_1 ul li .imgk .imgy::after{content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #12356b;opacity: 0.25;} .nei2_k .nei2_1_1 ul li .imgk .imgy .imgj{position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);-moz-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);-o-transform: translate(-50%, -50%);transform: translate(-50%, -50%);z-index: 1;} .nei2_k .nei2_1_1 ul li p{color: #333;font-size: 16px;line-height: 1.5;height: 48px;margin-top: 21px;margin-bottom: 4px;} .nei2_k .nei2_1_1 ul li a:hover .imgy{opacity: 1;} .nei2_k .nei2_1_1 ul li a:hover p{color: #0070c9;} /*03椤?/ .banpro{height: 600px;background: -webkit-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -moz-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -ms-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -o-linear-gradient(90deg, #004486 0, #1090e1 100%);background: linear-gradient(90deg, #004486 0, #1090e1 100%);} .banpro .fl{width: 50%;padding-top: 181px;} .banpro .imgk{text-align: center;} .banpro .imgk img{max-width: 70%;} .banpro .banzi{color: #fff;} .banpro .banzi h2{font-size: 34px;margin-bottom: 18px;} .banpro .banzi p{font-size: 16px;line-height: 28px;opacity: 0.75;margin-top: 6px;} .banpro .banzi .banzin{height: 230px;overflow: hidden;} .banpro .banzij p{font-size: 14px;opacity: 1;position: relative;padding-left: 20px;} .banpro .banzij p::before{content: '';position: absolute;top: 13px;left: 0;width: 3px;height: 3px;background: #fff;} .banpro .banzib{padding-top: 35px;} .banpro .banzib img{width: auto;} .banpro .banzib a.button{display: inline-block;width: 145px;height: 46px;border: 1px solid #fff;background: transparent;color: #fff;font-size: 16px;text-align: center;line-height: 46px;margin-right: 38px;} .banpro .banzib a.button img{height: 19px;margin-top: -4px;margin-right: 8px;} .banpro .banzib .banzibt{display: inline-block;margin-top: -5px;vertical-align: middle;} .banpro .banzib .banzibt img{height: 31px;margin-right: 20px;} .tanvideo{position: fixed;width: 100%;height: 100%;left: 0;top: 0;background: rgba(0, 0, 0, 0.7);z-index: 1070;display: none;} .tanvideo .video_windown{position: absolute;width: 1200px;height: 685px;left: 50%;top: 50%;margin: -342px 0 0 -600px;} .tanvideo .video_windown video{width: 100%;} .video_windown .shup{position: absolute;width: 22px;height: 22px;right: -35px;top: -35px;} .h1sp{font-size: 48px;padding-top: 50px;padding-bottom: 33px;} .h3n{color: #12356b;font-size: 32px;padding-top: 54px;} .nei3_1{padding-top: 0;padding-bottom: 64px;} .nei3_1 .h3n{font-size: 48px;padding-top: 49px;} .nei3_1 .nei3_1n{margin-top: 38px;} .nei3_1 .nei3_1n .imgk{width: 505px;} .nei3_1 .nei3_1n .imgk img{width: 100%;} .nei3_1 .nei3_1n .divz{width: calc(100% - 555px);margin-left: 50px;} .nei3_1 .nei3_1n h3{padding-top: 16px;font-size: 32px;} .nei3_1 .nei3_1n p{color: #333;font-size: 16px;line-height: 30px;margin-top: 22px;} .nei3_ p img{max-width: 100%;} .nei3_2{padding-bottom: 41px;} .nei3_2 .fl{position: relative;} .nei3_2 .imgy{} .nei3_2 .imgk{float: right;} .nei3_2 .imgk1{position: absolute;top: 0;left: 0;width: 100%;} @media screen and (max-width: 767px){ .nei3_2 .imgk1{position: relative;top: 0;left: 0;width: 100%;} .p-bannav{padding-top:0;} } .nei3_2 .nei3_1n{margin-top: 19px;} .nei3_2 .nei3_1n .imgk{width: 505px;} .nei3_2 .nei3_1n .imgk img{width: 100%;} .nei3_2 .nei3_1n .divz{width: calc(100% - 555px);margin-right: 50px;padding-top: 16px;} .nei3_2 .nei3_1n .divz p{font-size: 16px;line-height: 32px;padding-left: 15px;position: relative;} .nei3_2 .nei3_1n .divz p::before{content: '';position: absolute;top: 15px;left: 0;width: 3px;height: 3px;border-radius: 50%;background: #fff;opacity: 0.5;} .nei3_3{padding-bottom: 50px;} .nei3_l .nei3_1n{margin-top: 35px;} .nei3_l .nei3_1n li{float: left;width: calc(100% / 7);border-left: 1px solid #fff;border-bottom: 1px solid #fff;} .nei3_l .nei3_1n li:first-child{border-left: 0;} .nei3_l .nei3_1n li .li1{height: 59px;border-bottom: 1px solid #fff;color: #1395f0;line-height: 58px;font-size: 16px;font-family: Helvetica;background: #e0e5eb;text-align: center;} .nei3_l .nei3_1n li .li2{height: 210px;background: #f0f2f5;padding: 16px 0;} .nei3_l .nei3_1n li .li2 p{color: #333;font-family: Helvetica;font-size: 14px;line-height: 32px;} .nei3_l .nei3_1n .xing{margin-top: 20px;} .nei3_l .nei3_1n .xing p{color: #a1a1a1;font-size: 12px;font-family: Helvetica;text-align: right;} .nei3_4{padding-bottom: 60px;} .nei3_4 .nei3_1n{margin-top: 48px;} .nei3_4 .nei3_1n img{max-width: 100%;} .nei3_5{padding-bottom: 52px;} .nei3_5 li:nth-child(1){ width: 154px;} .nei3_5 li:nth-child(2){ width: 136px;} .nei3_5 li:nth-child(3){ width: 135px;} .nei3_5 li:nth-child(4){ width: 171px;} .nei3_5 li:nth-child(5){ width: 121px;} .nei3_5 li:nth-child(6){ width: 95px;} .nei3_5 li:nth-child(7){ width: 103px;} .nei3_5 li:nth-child(8){ width: 170px;} .nei3_5 li:nth-child(9){ width: 115px;} .nei3_6{padding-bottom: 57px;} .nei3_6 .nei3_1n{text-align: center;} .nei3_6 p{font-size: 14px;text-align: right;margin-top: -12px;} .nei3_6 .nei3_1n img{max-width: 100%;margin-top: 42px;} .cases{padding-bottom: 45px;} .cases ul{margin: 0 -7.5px;} .cases ul li{width: 33.333%;padding: 0 7.5px;float: left;margin-bottom: 25px;} .cases ul li a{display: block;background: #fff;padding-bottom: 30px;} .cases ul li .imgk{overflow: hidden;} .cases ul li .imgk img{width: 100%;} .cases ul li .lin{height: 189px;padding-left: 24px;padding-right: 24px;} .cases ul li h3{color: #333;font-size: 24px;padding-top: 36px;} .cases ul li p{color: #666;font-size: 14px;line-height: 24px;margin-top: 17px;height: 72px;overflow: hidden;} .cases ul li .h5m{width: 108px;height: 35px;line-height: 35px;text-align: center;color: #fff;font-size: 12px;background: #0070c9;padding: 0;margin-left: 24px;position: relative;border: 1px solid transparent;} .cases ul li .h5m i{position: relative;z-index: 2;} .cases ul li .h5m img{width: 5px;margin-left: 10px;margin-top: -3px;position: relative;z-index: 2;} .cases ul li .h5m::after{position: absolute;z-index: 1;top: 0;left: 0;width: 0;height: 100%;content: '';-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;background: #fff;} .cases ul li a:hover .imgk img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .cases ul li a:hover .h5m{color: #0070c9;border-color: #0070c9;} .cases ul li a:hover .h5m::after{width: 100%;} .cases ul li a:hover .h5m .img_s{display: none;} .cases ul li a:hover .h5m .img_d{display: inline-block;} .cases ul li a:hover h3{color: #0070c9;} /*鑳屾櫙鑹?/ .white{background: #fff;} .blue{background: -webkit-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -moz-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -ms-linear-gradient(90deg, #004486 0, #1090e1 100%);background: -o-linear-gradient(90deg, #004486 0, #1090e1 100%);background: linear-gradient(90deg, #004486 0, #1090e1 100%);color: #fff;} .blue .nei3_1n p{color: #fff;} .blue .h1s, .blue .h3n{color: #fff;} .hui{background: #f4f4f4;} .hui5{background: #f5f5f5;} /*04椤?/ .nei4_1{overflow: hidden;} .nei4_1 h2{color: #12356b;font-size: 48px;padding-top: 51px;} .nei4_1 h3{color: #1395f0;font-size: 30px;padding-top: 8px;line-height: 1.5;} .nei4_1 .nei4_1_i{text-align: center;margin-top: 44px;margin-bottom: 45px;} .nei4_1 .nei4_1_i img{max-width: 100%;} .nei4_2{} .nei4_2 .fl{width: 50%;} .nei4_2 .imgk{text-align: center;} .nei4_2 .imgk img{position: relative;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);max-width: 100%;max-height: 100%;} .nei4_2 .neizi{padding-top: 72px;} .nei4_2h .neizi{padding-left: 70px;padding-top: 98px;} .nei4_2 .neizi h3{color: #12356b;font-size: 32px;padding-bottom: 10px;} .nei4_2 .neizi p{color: #000;font-size: 16px;line-height: 28px;margin-top: 14px;} .nei4_2h{height: 355px;} .nei4_2w{height: 335px;} /*05椤?/ .nei5_{padding-top: 6px;} .nei5_1{padding-top: 47px;padding-bottom: 15px;} .nei5_1 h3{color: #012a5e;font-size: 48px;font-family: "HNM";} .nei5_1 .nei5_1z{margin-top: 23px;} .nei5_1 .nei5_1z .imgk{width: 450px;overflow: hidden;} .nei5_1 .nei5_1z .imgk img{width: 100%;} .nei5_1 .nei5_1z .divp{width: calc(100% - 450px);} .nei5_1 .nei5_1zl .divp{padding-right: 61px;padding-top: 11px;} .nei5_1 .nei5_1zr .divp{padding-left: 50px;} .nei5_1 .nei5_1z p{color: #333;font-size: 16px;line-height: 32px;} .nei5_1 .ulist{margin-top: 35px;} .nei5_1 .ulist ul{margin: 0 -8px;} .nei5_1 .ulist ul li{width: 25%;padding: 0 8px;float: left;} .nei5_1 .ulist ul li a{display: block;} .nei5_1 .ulist .imgk{overflow: hidden;} .nei5_1 .ulist .imgk img{width: 100%;} .nei5_1 .ulist p{color: #0070c9;font-size: 16px;line-height: 1.4;padding: 15px 0 30px;} .nei5_1 .nei5_1z .imgk:hover img, .nei5_1 .ulist ul li a:hover img{-webkit-transform: scale(1.2);-moz-transform: scale(1.2);-ms-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);} .nei5_1 .ulist ul li a:hover p{color: #0070c9;} /*06椤?/ .nei6_{padding-bottom: 44px;} .nei6_ h3{color: #12356b;font-size: 32px;padding-top: 37px;padding-bottom: 30px;} .nei6_ .ullist{padding-bottom: 7px;} .nei6_ .ullist ul{margin: 0 -7.5px;} .nei6_ .ullist ul li{float: left;width: 33.33333%;padding: 0 7.5px;margin-bottom: 30px;} .nei6_ .ullist ul .lizn{height:225px;background: #f5f5f5;padding: 0 20px 0;} .nei6_ .ullist ul h4{color: #333;font-size: 24px;line-height: 1.5;padding-top: 25px;padding-bottom: 14px;} .nei6_ .ullist ul h4 a{color: #333;} .nei6_ .ullist ul p{color: #666;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;} .nei6_ .ullist ul p a{color: #666;} .amore i, .amore span{position: relative;z-index: 2;} .amore img{margin-left: 7px;margin-top: -2px;} .nei6_ .ullist ul .amore{display: inline-block;width: 108px;height: 35px;text-align: center;line-height: 35px;color: #333;font-size: 12px;margin-top:20px;position: relative;float:right;} .nei6_ .ullist ul .amore i{font-style:normal;} .nei6_ .ullist ul .amore:hover{background: #fff;} .nei6_ .ullist ul .li1{width: 66.66666%;} .nei6_ .ullist ul .imgk{overflow: hidden;position: relative;height:215px;border:1px solid #f5f5f5;} .nei6_ .ullist ul .imgk img{width: 100%;} .nei6_.n-sl .ullist ul .imgk{height:260px;} .nei6_ .ullist ul .li1 a{display: block;} .nei6_ .ullist ul .li1 h4, .nei6_ .ullist ul .li1 p{color: #fff;} .nei6_ .ullist ul .li1 .imgk{height: 496px;} .nei6_ .ullist ul .imgk .divz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} .nei6_ .ullist ul .imgk .divzi{position: absolute;bottom: 0;left: 0;width: 70%;padding-left: 35px;padding-bottom: 39px;} .nei6_ .ullist ul .li1 h4{padding-bottom: 11px;} @media screen and (min-width: 767px){ .nei6_ .ullist ul .liz:hover .amore{border-color: #0070c9;color: #0070c9;} .nei6_ .ullist ul .liz:hover .amore::after{width: 100%;} .nei6_ .ullist ul .liz:hover .amore .glyphicon{color:#0070c9;} .nei6_ .ullist ul .liz:hover .imgk img{ -webkit-transform: scale(1.2);- moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .nei6_ .ullist ul .liz:hover h4 a{color: #0070c9; } .nei6_ .ullist ul .li1 .imgk:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } } /*07椤?/ .nei7_1{padding-bottom: 56px;} .nei7_1 .nei7_1t{padding-top: 41px;} .nei7_1 .nei7_1t h3{color: #12356b;font-size: 36px;line-height: 1.3;} .nei7_1 .nei7_1t h5{text-align: right;margin-top: -26px;float: right;} .nei7_1 .nei7_1t h5.bdshare-button-style0-16 a{font-size: 20px;line-height: normal;float: left;height: auto;margin: 0;padding: 0;color: #444;background-image: none;background-position: center;margin-left: 19px;} .nei7_1 .nei7_1t h5.bdshare-button-style0-16 a.icon-tuite{margin-top: 2px;} .nei7_1 .nei7_1t h5.bdshare-button-style0-16 a.icon-unie61d{margin-top: 2px;} .nei7_1 .nei7_1t p{color: #555;font-size: 16px;line-height: 30px;margin-top: 25px;} .nei7_1 .nei7_1n{padding-top: 36px;} .nei7_1 .nei7_1n .imgk{width: 580px;} .nei7_1 .nei7_1n .imgk img{width: 100%;} .nei7_1 .nei7_1n .lizi{width: calc(100% - 580px);padding-right: 45px;} .nei7_1 .nei7_1n .lizi h3{color: #12356b;font-size: 28px;line-height: 1.3;padding-bottom: 20px;position: relative;margin-top: 21px;} .nei7_1 .nei7_1n .lizi h3::after{content: '';position: absolute;bottom: 0;left: 0;width: 46px;height: 2px;background: #d5d5d5;} .nei7_1 .nei7_1n .lizi h4{color: #333;line-height: 30px;margin-top: 17px;margin-bottom: 12px;} .nei7_1 .nei7_1n .lizi p{color: #676e71;font-size: 16px;position: relative;padding-left: 23px;line-height: 34px;letter-spacing: 0.3px;} .nei7_1 .nei7_1n .lizi p::before{content: '';position: absolute;top: 15px;left: 0;width: 4px;height: 4px;background: #0070c9;opacity: 0.42;border-radius: 50%;} .nei7_2{padding-bottom: 56px;} .nei7_2 .nei7_1t h3{color: #fff;font-size: 24px;padding-top: 50px;line-height: 32px;} .nei7_2 .nei7_1n{padding-top: 33px;} .nei7_2 .nei7_1n .imgk{width: 580px;} .nei7_2 .nei7_1n .imgk img{width: 100%;} .nei7_2 .nei7_1n .lizi{width: calc(100% - 580px);padding-left: 45px;padding-top: 20px;} .nei7_2 .lizi p{color: #fff;font-size: 16px;line-height: 26px;position: relative;padding-left: 23px;line-height: 28px;margin-bottom: 12px;} .nei7_2 .lizi p::before{content: '';position: absolute;top: 15px;left: 0;width: 4px;height: 4px;background: #fff;opacity: 0.42;border-radius: 50%;} .nei7_3{padding-bottom: 66px;} .nei7_3 .nei7_1t{} .nei7_3 .nei7_1t h3{color: #12356b;font-size: 36px;padding-top: 48px;} .nei7_3 .nei7_1t p{color: #555;font-size: 16px;line-height: 24px;margin-top: 17px;} .nei7_3 .nei7_1n{position: relative;padding: 0 65px;padding-top: 45px;} .nei7_3 .nei7_1n .imgk{width: 515px;} .nei7_3 .nei7_1n .imgk img{width: 100%;} .nei7_3 .nei7_1n .lizi{width: calc(100% - 515px);padding-left: 45px;} .nei7_3 .nei7_1n .lizi h3{color: #0070c9;font-size: 26px;line-height: 1.2;margin-top: -6px;} .nei7_3 .nei7_1n .lizi h4{color: #676e71;font-size: 16px;line-height: 24px;margin-top: 7px;margin-bottom: 11px;} .nei7_3 .nei7_1n .lizi p{color: #333;font-size: 16px;line-height: 28px;position: relative;padding-left: 23px;} .nei7_3 .lizi p::before{content: '';position: absolute;top: 12px;left: 0;width: 4px;height: 4px;background: #0070c9;opacity: 0.42;border-radius: 50%;} .nei7_3 .lizi .slick_{padding-top: 16px;position: relative;} .nei7_3 .lizi .slick_ h5{color: #0070c9;margin-bottom: 14px;} .nei7_3 .lizi .slick_07{margin: 0 -10px;} .nei7_3 .lizi .slick_07 .slick-slide{padding: 0 10px;} .nei7_3 .lizi .slick_07 .imgk{background: #efefef;height: 78px;text-align: center;width: auto;line-height: 78px;} .nei7_3 .lizi .slick_07 .imgk img{max-width: 70%;} .nei7_3 .lizi .slick_07 p{color: #666;font-size: 12px;line-height: 1.3;padding-top: 7px;padding-bottom: 1px;padding-left: 0;text-align: center;} .nei7_3 .lizi .slick_07 p::before{display: none;} .nei7_3 .lizi .slick_07 .zinei:hover p{color: #00488b;} .nei7_3 .prev07, .nei7_3 .next07{position: absolute;top: 50%;margin-top: -20px;cursor: pointer;} .nei7_3 .prev07{left: 0;} .nei7_3 .next07{right: 0;} .nei7_3 .slick_7_3k{position: relative;} .nei7_3 .slick_7_3k .slick_7_3{margin: 0;} .nei7_3 .slick_7_3k .slick_7_3 .nei7_1n{} .nei7_ .h1sp{font-size: 36px;padding-top: 41px;padding-bottom: 25px;} .navsan{position: relative;padding-top: 36px;} .navsan::after{position: absolute;content: '';bottom: 0;left: 0;width: 100%;background: #ececec;height: 1px;} .navsan h3{color: #12356b;font-size: 48px;} .navsan ul{margin-top: 27px;} .navsan ul li{float: left;margin-left: 45px;} .navsan ul li a{display: block;padding-bottom: 29px;position: relative;color: #333;font-size: 16px;} .navsan ul li a::after{position: absolute;content: '';bottom: 0;left: 0;width: 0;background: #01458c;height: 3px;} .navsan ul li a.active, .navsan ul li a:hover{color: #01458c;font-weight: bold;} .navsan ul li a.active::after, .navsan ul li a:hover::after{width: 100%;} /*濯掍綋鏌ヨ*/ @media screen and (min-width: 767px){ .nei3_l .nei3_1n ul{display: table;width: 100%;} .nei3_l .nei3_1n ul li{display: table-cell;background: #f0f2f5;} .nei3_l .nei3_1n li .li2{height: auto;text-align: center;} } @media screen and (max-width: 767px){ .nei3_l .nei3_1n ul{display: table;width: 100%;} .nei3_l .nei3_1n li{background: #f0f2f5;display: inline-block;vertical-align: top;float: none;} .nei3_l .nei3_1n li .li2{height: auto;} } @media screen and (max-width: 1400px){ .tanvideo .video_windown{width: 768px;height: 438px;margin: -219px 0 0 -384px;} } @media screen and (max-width: 1230px){ .pctopnav{right: 270px;} .nei3_5 li:nth-child(8){ width: 150px;} .nei3_5 li:nth-child(9){ width: 99px;} .nei3_5 li:nth-child(5){ width: 109px;} .nei3_5 li:nth-child(1){ width: 142px;} .nei6_ .ullist ul .imgk{height: 218px;} .nei6_ .ullist ul .li1 .imgk{height: 472px;} } @media screen and (max-width: 1199px){ .header1, .footer1{display: none;} .header2, .footer2{display: block;} body{padding-top: 80px;} /*鑴?/ footer .di p.p1{float: none;} footer .di p.p2{float: none;} footer .di p{text-align: center;} .bannei .bannav{top: 14px;} .bannei .banneizi{top: 150px;} .banpro .fl{padding-top: 125px;} .nei3_l .nei3_1n li{width: 20%;} .nei6_ .ullist ul .imgk{height: 133px;} .nei6_ .ullist ul .li1 .imgk{height: 387px;} .nei6_ .ullist ul h4{font-size: 20px;} .nei7_1 .nei7_1n .imgk, .nei7_2 .nei7_1n .imgk{width: 420px;} .nei7_1 .nei7_1n .lizi, .nei7_2 .nei7_1n .lizi{width: calc(100% - 420px);} .nei7_3 .nei7_1n .imgk{width: 400px;} .nei7_3 .nei7_1n .lizi{width: calc(100% - 400px);} } @media screen and (max-width: 991px){ .h1s, .nei1_1 .h1s{font-size: 30px;padding-top: 31px;padding-bottom: 27px;} .h1s .more{bottom: 31px;} .proul li, .supul li.li2 .li3{width: 50%;} .solul li, .casul li, .serul li, .supul li.li1, .supul li.li2{width: 100%;} .solul li h3{padding-top: 26px;} .casul li h3{padding-top: 24px;padding-bottom: 17px;} .solul li .lin, .casul li .lin, .casul li h5.h51{height: auto;} .solul li h5.h51{height: 48px;} .solul li .h5m{padding-top: 38px;} .casul li .h5m{padding-top: 36px;padding-bottom: 33px;} .casul li h5.h51 br, .serul li .h1s{display: none;} .ser .h1s{display: block;} .serul li.li1 .lirn{right: 0;left: 16%;} .serul li.li1{margin-bottom: 88px;} .serul li.li2 .h5m{padding-top: 32px;padding-bottom: 14px;} .serul li .lin{min-height: 0;} .serul li h5.h51{padding-right: 0;} .supul li.li2 .li3:first-child{margin-bottom: 0;} .supul li.li2{margin: 20px -4px 0 -4px;} .supul li.li2 .li3{float: left;padding: 0 4px;} .news .h1s{position: relative;top: 0;left: 0;padding-bottom: 24px;} .news .h1s br{display: none;} .news .li1, .news .li4{width: 100%;padding-top: 0;padding-bottom: 0;} .news .li2{width: 50%;padding-top: 0;padding-bottom: 0;padding-right: 15px;padding-left: 0;} .news .li3{padding-right: 0;padding-left: 15px;} .news .li1 .h5m{padding-top: 28px;padding-bottom: 36px;} .news .li3::before{top: 0;height: 100%;} .news .li2 p{margin-top: 3px;} .news .li4{display: none;} .news .slickpad{position: relative;z-index: 1;} .buyz{padding-top: 30px;padding-bottom: 25px;text-align: center;} .buyz h3{color: #12356b;font-size: 32px;} .buyz h5{margin-top: 23px;} .buyz .amore{margin-top: 29px;} .buytu{position: relative;top: 0;right: 0;text-align: center;padding-bottom: 160px;} .buytu img{max-width: 100%;} .buytu .buy1{top: 0;} .bannei{height: auto;position: relative;} .bannei .container{position: absolute;top: 0;width: 750px;height: 100%;left: 50%;-webkit-transform: translateX(-50%);-moz-transform: translateX(-50%);-ms-transform: translateX(-50%);-o-transform: translateX(-50%);transform: translateX(-50%);} .bannei .banneizi{top: 40%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);padding:0 20px;} .bannei .banneizi .txt{display: none;} .bannei .banneizi .follow{display: none;} .nei1_2 .fr{width: 50%;} .nei1_31 .imgk{width: 330px;} .nei1_31 .liz{width: calc(100% - 380px);} .nei1_4 p br{display: none;} .nei1_5{padding: 37px 0 41px;} .nei1_5 .neizi h2{font-size: 30px;} .nei1_5 .neizi{width: 467px;} .nei1_5 .amore{margin-top: 30px;} .neinav3, .nei2_k{width: 100%;} .nei2_k h3{padding-top: 27px;} .nei2_k .nei2_1_1 ul li{width: 50%;} .banpro .container{position: relative;padding-bottom: 65px;} .banpro .fl{padding-top: 65px;} .banpro .banzib .banzibt{display: block;margin-top: 25px;} .video_windown .shup{width: 18px;height: 18px;right: 0;} .nei3_1 .nei3_1n .imgk, .nei3_2 .nei3_1n .imgk{width: 320px;} .nei3_1 .nei3_1n .divz, .nei3_2 .nei3_1n .divz{width: calc(100% - 370px);} .nei3_l .nei3_1n li{width: 25%;} .cases ul li{width: 100%;} .nei4_2 .neizi{padding-top: 26px;} .nei4_2h .neizi{padding-left: 60px;padding-top: 56px;} .nei6_ .ullist ul .li1{width: 100%;} .nei6_ .ullist ul .imgk{height: 142px;} .nei7_1 .nei7_1n .imgk, .nei7_2 .nei7_1n .imgk, .nei7_3 .nei7_1n .imgk{width: 100%;} .nei7_1 .nei7_1n .lizi, .nei7_2 .nei7_1n .lizi, .nei7_3 .nei7_1n .lizi{width: 100%;padding-right: 0;padding-left: 0;} .nei7_3 .nei7_1n .lizi{margin-top: 25px;} .nei7_3 .nei7_1n .prev07, .nei7_3 .nei7_1n .next07{top: 60%;} .nei7_3 .nei7_1n{padding-left: 30px;padding-right: 30px;} .nei7_3 .lizi .slick_07{padding: 0 0;} .nei5_1 .nei5_1z .imgk{width: 100%;} .nei5_1 .nei5_1zl .divp, .nei5_1 .nei5_1zr .divp{width: 100%;padding-right: 0;padding-left: 0;padding-top: 20px;} .nei5_1 .ulist ul li{width: 50%;} .nei5_1 h3{font-size: 30px;} .nei7_1 .nei7_1t h5{text-align: left;margin-top: 16px;} .nei7_1 .nei7_1t h5.bdshare-button-style0-16 a{margin-right: 19px;margin-left: 0;} } @media screen and (max-width: 768px){ /* .slick_b .slick-slide img.img_s{display: none !important;} .slick_b .slick-slide img.img_dd{display: block !important;} */ } @media screen and (max-width: 767px){ footer .di p.p1 span, .news .li4{display: block;} .slick_b .slick-arrow{display: none !important;} footer .di p.p1 span, footer .di p.p1 a{display: block;margin: 0;} .proul li, .supul li.li2 .li3{width: 100%;} .serul li.li1 .lirn{left: 10%;padding-left: 21px;padding-right: 0;} .supul li.li1 .liz{top: 24px;left: 25px;width: 44%;} .supul li.li1 .liz h3{font-size: 16px;} .supul li.li1 .liz h5{margin-top: 7px;height: 60px;font-size: 12px;line-height: 20px;} .supul li.li1 .liz .amore{margin-top: 10px;} .supul li.li2 .li3:first-child{margin-bottom: 20px;} .supul li.li2 .liz h3{font-size: 16px;} .supul li.li2 .liz h5{font-size: 12px;} .news .li2{width: 100%;padding-right: 0;} .news .li3{padding-left: 0;} .news .li3::before{display: none;} .news .li2 p{height: auto;} .news .li2 .h5m{padding-top: 25px;padding-bottom: 38px;} .news .li4{padding-left: 3px;} .news .li4::before{width: 768px;left: 50%;margin-left: -384px;} .news .slickpad{position: absolute;z-index: -2000;} .buyz h1 br{display: none;} .bannei .container{width: 100%;} .bannei .banneizi h2{font-size: 24px;} .nei1_2{height: auto;} .nei1_2 .container{padding: 0;} .nei1_2 .fr{width: 100%;padding: 40px 15px 0;} .nei1_31 .imgk{width: 100%;} .nei1_31 .liz{width: 100%;margin-left: 0;} .nei1_31 .liz h3{margin-top: 32px;} .nei1_4{padding-top: 63px;} .nei1_5{text-align: center;} .nei1_5 .neizi{width: 100%;} .nei1_5 .amore{float: none;} .nei2_k .nei2_1_1 ul li{width: 100%;} .banpro .fl{width: 100%;padding-top: 45px;} .banpro .imgk img{max-width: 90%;margin-top: 0 !important;} .tanvideo .video_windown{width: 80%;height: auto;left: 10%;margin: 0;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);} .nei3_1 .nei3_1n .imgk, .nei3_2 .nei3_1n .imgk{width: 100%;} .nei3_1 .nei3_1n .divz, .nei3_2 .nei3_1n .divz{width: 100%;margin-left: 0;margin-right: 0;} .nei3_l .nei3_1n li{width: 50%;} .nei3_1 .h3n{font-size: 36px;padding-top: 49px;} .h1sp{font-size: 36px;} .nei4_1 h2{font-size: 30px;} .nei4_1 h3{font-size: 18px;} .nei4_2h, .nei4_2w{height: auto;} .nei4_2{padding-top: 40px;} .nei4_2 .fl{width: 100%;} .nei4_2 .imgk img{top: 0;-webkit-transform: translateY(0%);-moz-transform: translateY(0%);-ms-transform: translateY(0%);-o-transform: translateY(0%);transform: translateY(0%);} .nei4_2 .neizi{padding-left: 0;padding-top: 40px;padding-bottom: 40px;} .nei4_2 .neizi h3{font-size: 30px;} .nei4_2 .neizi p{font-size: 14px;} .nei6_ .ullist ul .li1 .imgk{height: auto;} .nei6_ .ullist ul .imgk .divz, .nei6_ .ullist ul .imgk .divzi{position: relative;width: 100%;background: #dde6ed;} .nei6_ .ullist ul .imgk .divzi{padding: 0 15px;padding-bottom: 30px;} .nei6_ .ullist ul .imgk .divzi h4{color: #333;} .nei6_ .ullist ul .imgk .divzi p{color: #666;} .nei6_ .ullist ul li{width: 100%;} .nei6_ .ullist ul li .imgk{height: auto;} .nei6_ .ullist ul .lizn{height: auto;padding-bottom: 30px;} .nei7_1 .nei7_1t h3{font-size: 30px;} .nei7_3 .lizi .slick_07 .imgk{height: auto;padding: 15px 0;} .secnavm{height: 39px;margin-top: -39px;} .secnavm .mainh4 div{padding-top: 11px;padding-bottom: 10px;} .secnavm .mainul{top: 39px;} .nei7_2 .nei7_1t h3 br{display: none;} .nei7_3 .nei7_1n{padding-left: 18px;padding-right: 18px;} .nei7_3 .prev07, .nei7_3 .next07{width: 10px;} .nei7_3 .nei7_1n .lizi p{display: none;} #bsMorePanel, .bsTop, #bsBox{width: 244px !important;} #bsBox{margin-left: -122px !important;} .bFind{width: 178px !important;} } @media screen and (max-width: 359px){ .nei3_l .nei3_1n li{width: 100%;} } .z_page{font-size: 16px;line-height: 1.875;color: #555;padding-top: 30px;} .bsBox, #bsPanel div, #bsMorePanel div, #bshareF div{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;} .functebox{ background:#fafafa; position:relative; overflow:hidden; z-index:10;padding-top:20px;} .combina{ position:relative; text-align:center; height:1200px;width:1200px;margin:0 auto;} .combina >img{ display:block; margin:auto; position:relative; left:-24px; z-index:16;} .combinlist{ width:100%; height:740px; position:absolute; left:0; top:100px; z-index:20;} .combinlist li{ float:left; width:50%; margin-left:28px; margin-top:10px;} .combinlist li a{ display:block; padding:15px; width:262px; position:relative;} .combinlist li .txt{ color:#646464; font-size:12px; margin-top:10px; height:80px; overflow:hidden; text-align:left; opacity:0; visibility:hidden; transition:0.34s; transform:translateY(14px); -webkit-transform:translateY(14px); -moz-transform:translateY(14px);text-align: left;} .combinlist li:nth-child(2n+2){ float:right; width:276px; margin-left:0;} .combinlist li.act{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} .combinlist li b{ display:block; width:62px; height:62px; border:1px solid #bfbfbf; border-radius:8px; float:left; transition:350ms; position:relative;} .combinlist li b img{ display:block; max-width:60%; position:absolute; left:0; top:0; right:0; bottom:0; margin:auto;} .combinlist li b img.hide{display:none;} .combinlist li span{ display:block; float:left; line-height:64px; color:#333; font-size:22px; margin-left:20px; transition:320ms;} .combinlist li:nth-child(1), .combinlist li:nth-child(2){ margin-top:0;} .combinlist li a:hover{ background:#fff;} .combinlist li a:hover span{ color:#005992;} .combinlist li a:hover b{ border-color:#005992;background:#005992;} .combinlist li a:hover b img.show{display:none !important;} .combinlist li a:hover b img.hide{display:block !important;} .combinlist li a:hover .txt{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} @media screen and (max-width:751px){ .functebox{ background:#fafafa; position:relative; overflow:hidden; z-index:10;padding-top:0;padding-bottom:20px;} .combina{ position:relative; text-align:center; height:auto;width:auto;margin:0 auto;} .combina >img{ display:none;} .combinlist li .txt{height:100px;} .combinlist li:nth-child(1), .combinlist li:nth-child(2) {border-top: none;} .combinlist li a{ padding:10px;} .combinlist li p{ margin-top:0;} .combinlist li span{ font-size:16px; margin-left:8px;} .combinlist li b{ transform:scale(0.7); -webkit-transform:scale(0.7); -moz-transform:scale(0.7);} .combinlist{ width:100%; height:auto; position: relative; left:0; top:0;float: left;background:#fff;} .combinlist li{ margin-top:0 !important; margin-left:0; padding:0; border-top:2px solid #f3f3f3; border-right:2px solid #f3f3f3; width:50%; float:left; box-sizing:border-box; opacity:1 !important; transform:none !important;} .combinlist li a{ width:100%; box-sizing:border-box; padding-bottom:0;} .combinlist li a:before{ opacity:0; visibility:hidden; display:none;} .combinlist li p{ opacity:1; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0); visibility:visible;} .combinlist li:nth-child(1),.combinlist li:nth-child(2){ border-top:none;} .combinlist li:nth-child(2n+2){ border-right:none; width:50%;} .combinlist li a .txt{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); -moz-transform:translateY(0);} } .cp-index{background:#f5f5f5;padding-bottom:70px;} /* mainbox */ .mainbox .m-l{float: left;margin-right:10px;width:600px;} .mainbox .m-r{float: left;width:590px;} .mainbox .block-item{display: block;position: relative;overflow: hidden;} .mainbox .block-item .s_title{position: absolute;top:30px;left:30px;font-size:22px;color:#333;z-index:1;} .mainbox .block-item .s_title.s_title_en{top:10px;} .mainbox .m-r .block-item{width:290px;float: left;height: 200px;} .mainbox .m-r .block-item.mr{margin-right:10px;} .mainbox .m-r .block-item.mb{margin-bottom:10px;} .mainbox .onlyimg{width:100%;} .mainbox .block-item:hover img{-webkit-transform: scale(1.1);-moz-transform: scale(1.1);-ms-transform: scale(1.1);-o-transform: scale(1.1);transform: scale(1.1);} .mainbox .m-l .s_title{left:0;text-align: center;width:100%;font-size:32px;} @media screen and (max-width: 991px){ .cp-index {margin-bottom:0;padding-bottom:30px;} .cp-index .container{padding:0;} /* mainbox */ .mainbox .m-l{float: none;margin-right:0;width:auto;} .mainbox .m-r{float: none;width:auto;} .mainbox .block-item{display: block;position: relative;overflow: hidden;margin-bottom:10px;} .mainbox .block-item .s_title{position: absolute;top:30px;left:30px;font-size:22px;color:#333;z-index:1;} .mainbox .block-item .s_title.s_title_en{top:10px;} .mainbox .m-r .block-item{width:auto;float: none;} .mainbox .m-r .block-item.mr{margin-right:0;} .mainbox .m-r .block-item.mb{margin-bottom:10px;} .mainbox .onlyimg{width:100%;} .mainbox .m-l .s_title{left:0;text-align: center;width:100%;font-size:32px;} } /*06椤?/ .news-v{padding-bottom: 44px;} .news-v h3{color: #12356b;font-size: 32px;padding-top: 37px;padding-bottom: 30px;} .news-v .ullist{padding-bottom: 7px;} .news-v .ullist ul{margin: 0 -7.5px;} .news-v .ullist ul li{float: left;width: 33.33333%;padding: 0 10px;margin-bottom: 30px;} .news-v .ullist ul .lizn{line-height:30px;background: #f5f5f5;padding:10px 0;} .news-v .ullist ul h4{color: #333;font-size: 16px;line-height: 1.5;text-align: center;} .news-v .ullist ul h4 a{color: #333;} .news-v .ullist ul p{color: #666;font-size: 14px;line-height: 24px;height: 72px;overflow: hidden;} .news-v .ullist ul p a{color: #666;} .amore i, .amore span{position: relative;z-index: 2;} .amore img{margin-left: 7px;margin-top: -2px;} .news-v .ullist ul .amore{display: inline-block;width: 108px;height: 35px;text-align: center;line-height: 35px;color: #333;font-size: 12px;margin-top:20px;position: relative;float:right;} .news-v .ullist ul .amore i{font-style:normal;} .news-v .ullist ul .amore:hover{background: #fff;} .news-v .ullist ul .li1{width: 66.66666%;} .news-v .ullist ul .imgk{overflow: hidden;position: relative;height:215px;border:1px solid #f5f5f5;} .news-v .ullist ul .imgk img{width: 100%;} .news-v.n-sl .ullist ul .imgk{height:215px;} .news-v .ullist ul .li1 a{display: block;} .news-v .ullist ul .li1 h4, .news-v .ullist ul .li1 p{color: #fff;} .news-v .ullist ul .li1 .imgk{height: 496px;} .news-v .ullist ul .imgk .divz{position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, .5);} .news-v .ullist ul .imgk .divzi{position: absolute;bottom: 0;left: 0;width: 70%;padding-left: 35px;padding-bottom: 39px;} .news-v .ullist ul .li1 h4{padding-bottom: 11px;} @media screen and (min-width: 767px){ .news-v .ullist ul .liz:hover .imgk img{ -webkit-transform: scale(1.2);- moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .news-v .ullist ul .liz:hover h4 a{color: #0070c9; } .news-v .ullist ul .li1 .imgk:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } }