@charset "utf-8"; /* CSS Document */ /* fixed */ html,body{ font:14px/1.8 "微软雅黑"; font-family:"微软雅黑",Arial; color:#666; } .pw{ width:1428px; margin:0 auto; } .pw2{ width:1200px; margin:0 auto; } /* fixed end */ .wedge{ background:#fff; padding:0 60px; max-width: 1920px; margin: 0 auto; } .header{ padding:0 60px; } .hdt{ height:84px; position:relative; } .mtop{ height:84px; } .logo{ width:162px; position:absolute; left:0; top:24px; } .nav{ padding-right: 3%;} .nav li > a{ display:block; color:#333; line-height:24px; font-size:16px; padding:30px 25px; } .nav li > a.act, .nav li > a:hover{ background:#c7000a; color:#fff; } .h-share{ overflow:hidden; position:absolute; right:0; top:27px; } .h-share a{ display:block; width:30px; height:30px; background-repeat:no-repeat; background-image:url(../images/header-share.png); float:left; margin-left:17px; } .h-share .searchbox{ margin-right: 15px;} .h-share a.lagerA{ margin-left: 5px; display: inline-block; line-height: 30px; text-align: center; border-radius: 50%; background:none #A9A9A9; color: #fff; font-size: 12px;} .h-share a.lagerA.active{ background-color: #c7000a;} .h-share .link{ background-position:right top; } .h-share .link:hover{ background-position:right bottom; } .h-share .email:hover{ background-position:left bottom; } .banner-box { position: relative; } .banner { width: 100%; margin: 0px auto; overflow: hidden; color: #fff; position: relative; } .banner .slides { position: relative; z-index: 20; } .banner .slides li { height: 100%; line-height: 0; opacity: 0; transition: opacity 2000ms linear; -webkit-transition: opacity 2000ms linear; overflow: hidden; } .banner .slides .bimg { line-height: 0; width: 100%; position: relative; transition: transform 4s ease; -webkit-transition: transform 4s ease; transform: scale(1.1); -webkit-transform: scale(1.1); -moz-transform: scale(1.1); } .banner .slides li.imgIn { opacity: 1; } .banner .slides li.imgIn a > img { transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transform: matrix(1, 0, 0, 1, 0, 0); } .bannerText { position: absolute; left:0; width:100%; height:110px; top:38%; z-index: 30; } .bann { height:100%; position: relative; } .banne-list { position: relative; } .banne-list li { position: absolute; left: 0; top: 0; width: 100%; text-align:center; opacity: 0; visibility: hidden; transform: translateY(20px); -webkit-transform: translateY(20px); transition: 800ms 200ms; -webkit-transition: 800ms 200ms; } .banne-list .en{ text-transform:uppercase; letter-spacing:5px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */ } .banne-list .ch{ font-size:60px; line-height:1.1; margin-top:4px; visibility: hidden; opacity: 0; /* transition:800ms; -webkit-transition:800ms; */ } .banne-list li.on { opacity: 1; visibility: visible; transform: translateY(0); -webkit-transform: translateY(0); } .banne-list li.on .en{ visibility: visible; opacity: 1; } .banne-list li.on .ch{ visibility: visible; opacity: 1; } .bamnline { width:602px; height: 1px; background: #fff; margin: 20px auto 0; } .bamnline span { display: block; width: 0; height: 100%; background: #c7000a; } .bamnline.load span { width: 100%; transition: 3.6s linear; -webkit-transition: 3.6s linear; -moz-transition: 3.6s linear; } .banner .flex-control-nav { position: absolute; left: 2%; bottom:5%; z-index: 20; overflow:hidden; } .banner .flex-control-nav li { float:left; margin-right:8px; width:8px; height:26px; } .banner .flex-control-nav li:last-child { margin-right: 0; } .banner .flex-control-nav li a{ display:block; width:100%; height:100%; position:relative; } .banner .flex-control-nav li a span { display: block; width: 8px; height: 14px; background:#fff; position:absolute; top:50%; margin-top:-7px; left:0; font-size:0; transition: 400ms; -webkit-transition: 400ms; } .banner .flex-control-nav li a.flex-active span { height:26px; margin-top:-13px; } .tabvideo{ position:absolute; right:5%; bottom:5%; z-index:88; width:194px;} .tabvideo .itemtxt { color:#fff; text-align:center} .homevideo b{ color:#fff; font-size:14px; font-weight:normal; line-height:normal; margin-bottom:6px; line-height:1; text-align:left; display:block;} .videoIbox{ border:3px solid #fff; overflow:hidden; position:relative; line-height:1;} .videoIbox .img{ display:block; width:100%; height:auto; transition:340ms; line-height:0;} .videoIbox span{ display:block; width:36px; height:36px; background:url(../images/ix-ba-video-ico.png) center no-repeat; position:absolute; left:50%; top:50%; margin-left:-18px; margin-top:-18px; z-index:30; transition:300ms; -webkit-transition:300ms; } .vwrap { display: none; z-index: 1040; width: 100%; position: fixed; left:0; top:0; } .vwrap .videobtg { z-index: 900; position: fixed; width: 100%; height: 100%; left: 0; top: 0; background: #000; opacity: 0.8; filter: alpha(opacity=80); overflow: hidden; } .vwrap .videobox { z-index: 990; width: 860px; height: 480px; background-color: #fff; position: fixed; left: 50%; top: 50%; margin-top: -240px; margin-left: -430px; } .vwrap .videobox #videobox { width: 100%; display: inline-block; height: 100%; background: #80abde; } #videobox_wrapper { height: 100%!important; } .vwrap .close { z-index: 999; width: 24px; height: 24px; cursor: pointer; position: absolute; top: -28px; right: 0px; } .vwrap .close i { display: block; width:24px; height:24px; background:url(../images/close1.png) no-repeat 50% 50%; -webkit-transition: 400ms; transition: 400ms; } .vwrap .close:hover i { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } #videobox_display_button { background: none no-repeat!important; } .jwplayer .jwicon:hover { opacity: 1; filter: alpha(opacity=100); } .jwlogo, .jwclick { display: none!important; } .mouse{ width:50px; height:50px; background:url(../images/mouse.png) no-repeat center center; position:absolute; z-index:50; left:50%; margin-left:-25px; bottom:4%; animation:arrow linear 2s 0s infinite running; -webkit-animation:arrow linear 2s 0s infinite running; } @-webkit-keyframes arrow { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 50% { -webkit-transform: translate3d(0px, -8px, 0px); } 100% { -webkit-transform: translate3d(0px, 0px, 0px); } } @keyframes arrow { 0% { -webkit-transform: translate3d(0px, 0px, 0px); } 50% { -webkit-transform: translate3d(0px, -8px, 0px); } 100% { -webkit-transform: translate3d(0px, 0px, 0px); } } .ix1{ background:#fff; position:relative; overflow:hidden; } .isnpics{ width:66.66%; position:relative; /* overflow:hidden; */ } .isnpics .pic{ width:48%; margin-left:52%; height: 360px; } .isnpics .pic img{ width: 100%; display: block; height: 100%; object-fit: cover; } .isnpics .item{ position:relative; } .isnpics .slick-dots { width:48%; left:auto; } .isntxts{ width:52%; position:absolute; top:0; left:0; bottom:0; border:1px solid #b5b5b5; background:#fff; } .isntxts .pa{ padding:0 8%; } .xc-date{ width:74px; padding: 10px 0 30px; background:url(../images/date.png) no-repeat scroll center bottom; color:#fff; text-align:center; font-family:Arial; line-height:1.1; overflow:hidden; margin-top:-1px; position:relative; z-index:20; } .xc-date .d{ font-size:30px; font-weight:bold; } .xc-date .ym{ font-size:12px; margin-top:2px; } .isntxts .txts{ padding-top:27px; } .isntxts .txts .ti{ font-size:18px; line-height:1.5 !important; color:#333; } .isntxts .txts .tx{ line-height:1.8 !important; height:80px; border-top:1px solid #ccc; padding-top:10px; margin-top:10px; } .isntxts .lookmore{ margin-top:20px; } .lookmore{ display:block; width:148px; height:40px; border:1px solid #b5b5b5; position:relative; overflow:hidden; color:#666; line-height:40px; } .lookmore .bg{ width:0; height:100%; background:#c7000a; } .lookmore .txx{ padding-left:25px; position:relative; } .lookmore .aw{ width:10px; height:10px; background:url(../images/lm.png) no-repeat right center; position:absolute; top:15px; right:25px; } .ixnews{ width:33.34%; position:absolute; top:0; bottom:0; right:0; border:1px solid #d5d5d5; background:#fff; } .in-nav{ background:#c7000a; margin-top:-1px; position:relative; } .in-nav > ul > li{ float:left; line-height:24px; padding:27px 0; width: 21.5%; text-align: center; font-size:18px; color:#fff; cursor:pointer; position:relative; transition:background 300ms; -webkit-transition:background 300ms; } .in-nav .aw{ width:18px; height:7px; background:url(../images/inaw.png) no-repeat; position:absolute; left:50%; margin-left:-9px; bottom:-7px; transform:translateY(-10px); -webkit-transform:translateY(-10px); opacity:0; visibility:hidden; } .in-nav > ul > li.act{ background:#990000; } .in-nav > ul > li.act .aw{ transform:translateY(0); -webkit-transform:translateY(0); opacity:1; visibility:visible; } .newsmore,.ivmore{ display:block; width:30px; height:30px; position:absolute; background:url(../images/nm.png) no-repeat center center; top:50%; margin-top:-15px; right:5%; } .int{ display:block; color:#666; line-height:24px; padding:10px 15px 10px 30px; overflow:hidden; position:relative; } .int .nowti{ font-size:15px; line-height:24px; width:70%; float:left; position:relative; } .int .d{ width:30%; float:left; text-align:right; color:#999; position:relative; } .int .bg{ background:#f2f2f2; height:0; bottom:0; top:auto; width:100%; } .int:hover .nowti{ color:#c7000a; } .in-list{ margin-top:25px; } .in-list li{ opacity:0; visibility:hidden; transform:translateY(30px); -webkit-transform:translateY(30px); transition:600ms; -webkit-transition:600ms; } .in-list li.show{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); } .ix2{ margin-top:35px; } .ixItem .item{ position:relative; } .ixItem .txts{ width:600px; height:215px; background:url(../images/iibg.png); position:absolute; right:0; bottom:0; } .ixItem .txts .pa{ padding:45px 105px 0 35px; } .ixItem a{ color:#666; } .ixItem .txts .nowti{ font-size:20px; color:#000; } .ixItem .txts .tx{ font-size:15px; height:48px; margin-top:18px; } .ixItem .slick-active .pic img { visibility: visible !important; -webkit-animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); animation: scaleUpDown 5s forwards cubic-bezier(0.250, 0.460, 0.450, 0.940); } @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } .ixItem .slick-dots li{ width:14px; height:5px; background:#999; border-radius:0; border:none; margin-right:5px; margin-left:0; } .ixItem .slick-dots li.slick-active, .ixItem .slick-dots li:hover { background: #c7000a !important; } .ixItem .slick-dots{ width:565px; left:auto; right:0; text-align:left; padding:0 0 0 35px; bottom:23px; } .ixItem .slick-next{ width:46px; height:46px; position:absolute; right:0; bottom:0; background:#c7000a url(../images/iaw.png) no-repeat center center; } .ixItem .slick-next:hover{ background-color:#999; } .ix3{ overflow:hidden; background:#f8f8f8; } .ix3 .cw{ width:33.33%; float:left; } .ixVideo{ position:relative; } .ixVideo .pic span{ display:block; width:66px; height:66px; background:url(../images/ix-video-ico.png) no-repeat; position:absolute; top:50%; margin-top: 8px; left:50%; margin-left:-33px; } .cwt h1{ color:#333; font-size:18px; line-height: 24px; } .cwt{ padding: 37px 0 21px 35px; border-bottom:1px solid #e5e5e5; position:relative; border-right:1px solid #e5e5e5; } .cwt .ivmore{ top:auto; bottom:18px; margin-top:0; background:url(../images/nm2.png) no-repeat right top; transition:0ms; -webkit-transition:0ms; } .cwt .ivmore:hover{ background-position:left top; } .ixVideo .cwt{ position:absolute; left:0; right:0; top:0; z-index:10; border-color:rgba(255,255,255,.2); } .ixVideo .cwt h1{ color:#fff; } .ixVideo .ivmore{ background-image:url(../images/nm3.png); } .ixVideo .tx{ padding:35px 45px 0 35px; font-size:15px; line-height:30px !important; height:90px; } .ixMember{ background:#fff; } .im-list{ padding-top:16px; padding-bottom:14px; border-right:1px solid #e5e5e5; } .im-list .item{ height:238px; overflow:hidden; border:none; } .im-list .item a{ display:block; color:#666; padding: 5px 25px 5px 35px; } .im-list .nowti{ font-size:15px; line-height:24px; } .im-list .item a:hover .nowti{ color:#c7000a; } .im-list .slick-arrow{ width:25px; height:20px; position:absolute; background-color:#999; top:-44px; background-image:url(../images/imaw.png); background-repeat:no-repeat; } .im-list .slick-prev{ right:52px; border-radius:8px 0 0 8px; } .im-list .slick-next{ right:25px; border-radius:0 8px 8px 0; background-position:left bottom; } .im-list .slick-arrow:hover{ background-color:#c7000a; } .ixDev{ background:#fff; } .id-list{ border-right:1px solid #e5e5e5; height:259px; padding:0 35px; padding-top:9px; } .id-list a{ color:#666; font-size:15px; overflow:hidden; display:block; line-height:24px; border-top:1px dashed #bababa; padding:13px 0; } .id-list a:first-child{ border-top:none; } .id-list .nowti{ width:70%; float:left; line-height:24px; } .id-list .d{ width:30%; float:left; text-align:right; color:#999; } .id-list a:hover .nowti{ color:#f46f36; } .footer{ background:#333; padding:55px 45px 40px 45px; color:#999; } .footer a{ color:#999; } .footer a:hover{ color:#c7000a; } .flink span{ margin:0 7px 0 12px; } .flink a{ color:#fff; } .fcop{ margin-top:6px; } .footer .fl{ float:left; } .footer .fr{ float:right; } .flinkmore{ position:relative; width:254px; } .flinkmore .t{ height:34px; border:1px solid #999; padding:0 30px 0 20px; line-height:34px; cursor:pointer; position:relative; } .flinkmore .t .aw{ width:14px; height:6px; background:url(../images/flmaw.png) no-repeat; position:absolute; top:50%; margin-top:-3px; right:15px; } .flinkmore .t.act .aw{ transform:rotate(180deg); -webkit-transform:rotate(180deg); } .flinkmore ul{ position:absolute; bottom:34px; left:0; right:0; background:#999; max-height:340px; overflow:auto; display:none; } .flinkmore li a{ display:block; padding:5px 31px 5px 21px; color:#fff; } .flinkmore .nowti{ line-height:24px; } .flinkmore li a:hover{ background:#fff; color:#999; } .ftools{ margin-top:23px; } .ftools .x{ float:right; line-height:28px; font-size:12px; color:#fff; } .ftools .tools{ float:right; } .tools a{ display:block; width:28px; height:28px; border-radius:100%; float:left; margin-left:12px; } .tools .wx{ background:#23a356 url(../images/weixin.png) no-repeat center center; } .tools .sina{ background:#c41515 url(../images/sina.png) no-repeat center center; } .tools .qq{ background:#2799e1 url(../images/qq.png) no-repeat center center; } .mvbox { display: none; z-index: 1040; position: fixed; left:0; top:0; right:0; bottom:0; background:url(../images/black.png); } .mvt{ width: 860px; position:absolute; left:50%; margin-left:-430px; top:50%; margin-top:-335px; } .mvt .nowti{ font-size:24px; line-height:25px; color:#fff; margin-bottom:25px; } .mvideo{ position:relative; height:480px; background:#fff; } .mvclose{ width: 24px; height: 24px; background: url(../images/close1.png) no-repeat 50% 50%; position:absolute; right:-44px; top:-24px; -webkit-transition: 400ms; transition: 400ms; cursor:pointer; } .mvclose:hover{ transform:rotate(180deg); -webkit-transform:rotate(180deg); } .mvmore{ width:692px; margin:0 auto; position:relative; margin-top:54px; } .mvmore .items{ display:block; margin:0 11px; color:#fff; } .mvmore .items .x{ white-space:nowrap; text-overflow:ellipsis; overflow:hidden; line-height:24px; padding:7px 0; text-align:center; } .mvmore .items.act .wLine_1, .mvmore .items.act .wLine_2{ width:100%; } .mvmore .items.act .wLine_3, .mvmore .items.act .wLine_4{ height:100%; } .mvmore .slick-arrow{ width:37px; height:37px; background:url(../images/mvaw.png) no-repeat; position:absolute; top:50%; margin-top:-37px; transition:0ms; -webkit-transition:0ms; } .mvmore .slick-prev{ left:-53px; } .mvmore .slick-next{ background-position:right bottom; right:-53px; } .mvmore .slick-prev:hover{ background-position:right top; } .mvmore .slick-next:hover{ background-position:left bottom; } /* menuBox end */ .navMobile{ padding-top:60px; } .navMobile dd a { display: block; position: relative; padding:15px; font-size:16px; color: #fff; -webkit-transition: 0s; -moz-transition: 0s; -o-transition: 0s; transition: 0s; } .navMobile dd p a{ border-bottom:1px solid #4a4a4a; } .navMobile dd p .dot{ width:6px; height:6px; border:2px solid #fff; border-radius:100%; position:absolute; top:50%; margin-top:-5px; right:15px; opacity:0; transform:translateX(-10px); -webkit-transform:translateX(-10px); transition:300ms; -webkit-transition:300ms; } .navMobile dd p a:hover,.navMobile dd p a.act{ background:#c7000a; } .navMobile dd p a:hover .dot,.navMobile dd p a.act .dot{ opacity:1; transform:translateX(0); -webkit-transform:translateX(0); } .navMobile dd .mtnav .aw{ width:7px; height:12px; background-image:url(../images/mav.png); position:absolute; right:15px; top:50%; margin-top:-4px; transform-origin:right center; -webkit-transform-origin:right center; transform:scale(0.8); -webkit-transform:scale(0.8); } .navMobile dd .mtnav{ display:none; overflow:hidden; } .navMobile dd .mtnav a{ float:left; width:50%; padding:0; float:left; border-bottom:1px solid #666; background:#515151; } .navMobile dd .mtnav a p{ padding:15px; border-right:1px solid #666; } /* menuBox end */ #mvi{ height:100%; } /* fixcta */ .fixcta{ width:42px; position:fixed; right:0; top:30%; z-index: 1003; } .fixcta a{ display:block; height:42px; background:#999; margin-top:2px; } .fixcta .ico{ height:100%; background-image:url(../images/fc.png); } .fixcta .call .ico{ background-position:left top; } .fixcta .email .ico{ background-position:left center; } .fixcta .top .ico{ background-position:left bottom; } .fixcta a:hover{ background:#c7000a; } /* fixcta end */ .pbtxts{ position:absolute; left:0; right:0; top:35%; color:#fff; text-align:center; } .pbtxts .ch{ font-size:30px; font-weight:bold; } .pbtxts .en{ font-family:Arial; font-size:36px; font-weight:bold; text-transform:uppercase; margin-top:15px; } .pbtxts .line{ width:50px; height:4px; background:#fff; margin:13px auto 0 auto; } .ptbox{ position:relative; } /* pnav */ .pnav{ padding:0 60px; position:absolute; left:0; right:0; bottom:0; } .pnav ul{ background:#fff; display: -webkit-box; display: -ms-flexbox; display: flex; justify-content: space-between; } .pnav ul li{ width:100%; } .pnav ul li a{ display:block; color:#333; text-align:center; border-right:1px solid #e9e9e9; font-size:16px; line-height:24px; padding:20px 5px; } .pnav ul li a:hover, .pnav ul li a.act{ background:#c7000a; color:#fff; } /* pnav end */ .ab1{ background:#f5f5f5; padding:115px 0 95px 0; } .cpl{ width:28%; float:left; } .ptitle{ color:#333; } .ptitle .ch{ font-size:30px; } .ptitle .en{ font-family:Arial; font-size:30px; text-transform:uppercase; margin-top:8px; } .ptitle .en strong{ color:#c7000a; } .ptitle .line{ width:25px; height:9px; background:#c7000a; margin-top:9px; } .cpl .pic{ width:74%; margin-top:70px; } .cpr{ width:67%; float:right; font-size:15px; line-height:2; } .ab2{ background:#fff; padding:90px 0 82px 0; } .aht{ position:relative; } .aht .myselect{ position:absolute; right:0; bottom:30px; } .myselect{ position:relative; width:303px; background:#e7e7e7; } .myselect select{ width:100%; height:50px; padding-left:20px; font-size:15px; color:#333; position:relative; } .myselect .aw{ width:13px; height:8px; position:absolute; top:50%; margin-top:-4px; right:27px; background:url(../images/ms.png) no-repeat; } .hist{ margin-bottom:70px; position:relative; } .hist .w-line{ width:100%; position:absolute; left:0; height:1px; background:#999; bottom:0; } .hislist{ position:relative; } .hym{ text-align:center; font-size:18px; color:#333; /* padding:16px 0 22px 0; */ position:relative; background:#fff; height:72px; } .hym .x{ padding-top:16px; } .hym .aw{ width:100%; height:6px; background:url(../images/haw.png) no-repeat center center; position:absolute; left:0; bottom:7px; opacity:0; visibility:hidden; transform:translateY(-10px); -webkit-transform:translateY(-10px); } .hym .line1{ width:1px; height:9px; background:#c7000a; position:absolute; right:0; bottom:33px; } .hym .line2{ position:absolute; left:0; height:1px; width:100%; background:#999; bottom:0; } .hym .line3, .hym .line4{ position:absolute; width:1px; height:0; background:#999; bottom:0; } .hym .line4{ right:0; } .hym .line3{ left:0; } .hym .line{ transition:300ms; -webkit-transition:300ms; } .hislist .slick-current .hym .line1{ height:0; } .hislist .slick-current .hym .line2{ height:3px; background:#c7000a; bottom:69px; } .hislist .slick-current .hym .line3, .hislist .slick-current .hym .line4{ height:100%; } .hislist .slick-current .hym .x{ color:#c7000a; font-weight:bold; } .hislist .slick-current .hym .aw{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); } .hislist .item{ cursor:pointer; } .h-txts{ width:850px; margin:0 auto; } .h-txts li{ font-size:15px; line-height:2; min-height:360px; } .hisc{ position:relative; } .his-prev, .his-next{ width:42px; height:95px; background:#e7e7e7; position:absolute; margin-top:110px; cursor:pointer; } .his-prev .aw, .his-next .aw{ width:100%; height:100%; background:url(../images/hisaw.png) no-repeat; transition:0ms; -webkit-transition:0ms; } .his-next .aw{ background-position:right bottom; } .his-next{ right:0; } .his-prev{ left:0; } .his-next .aw:hover{ background-position:left bottom; } .his-prev .aw:hover{ background-position:right top; } .his-prev:hover, .his-next:hover{ background:#c7000a; } .abhisbox{ margin-top:60px; } .myselect select option{ padding-left:20px; } .w-ptitle, .w-ptitle .en strong{ color:#fff; } .w-ptitle .line{ background:#fff; } .xco{ display:block; max-width:100%; margin:0 auto; margin-top:60px; } .ab3 .fixbg{ padding:90px 0 120px 0; } .ab4{ background:#f5f5f5; padding:80px 0 70px 0; } .me-list a{ float:left; width:24%; margin-left:1%; margin-bottom:2%; color:#fff; } .me-list{ margin-left:-1%; margin-top:57px; } .me-list .nowti{ background:#999; text-align:center; line-height:42px; font-size:15px; transition:400ms; -webkit-transition:400ms; } .me-list .pic .bg1{ position:absolute; top:0; bottom:0; right:0; left:0; border:3px solid #c7000a; transform:scale(0.3); -webkit-transform:scale(0.3); opacity:0; visibility:hidden; transition:400ms; -webkit-transition:400ms; } .ixVideo .cover{ background:url(../images/black2.png); } .fixImg{ position:fixed; top:0; left:0; right:0; bottom:0; background-repeat: no-repeat; background-position: center bottom; background-size: cover; z-index: -1; } .abopanel{ padding:102px 0 133px 0; } .abobox{ width:1030px; margin:0 auto; background:#fff; border-top:7px solid #eeb2b2; padding:62px 0 54px 0; } .abobox .pa{ padding:0 70px 0 70px; } .tbo .l{ width:60%; } .tbo .r{ width:34%; } .tbo .ti{ font-size:30px; color:#cc0000; margin-bottom:15px; } .tbo .line{ width:33px; height:4px; background:#898989; margin-bottom:40px; } .abobox .freeTx{ font-size:15px; line-height:2; } .bc-prev, .bc-next{ display:block; width:143px; height:36px; border:1px solid #b5b5b5; overflow:hidden; color:#666; line-height:36px; position:relative; } .backbox{ border-top:1px solid #aaaaaa; padding-top:22px; position:relative; margin-top:70px; } .bc-prev .aw, .bc-next .aw{ width:20px; height:20px; position:absolute; top:50%; margin-top:-9px; background-image:url(../images/bcaw.png); } .bc-prev .aw{ left:18px; background-position:left top; } .bc-prev p{ padding-left:51px; position:relative; } .bc-next .aw{ right:18px; background-position:right bottom; } .bc-next p{ text-align:right; padding-right:51px; position:relative; } .bc-prev .bg, .bc-next .bg{ height:100%; width:0; background:#c7000a; } .bc-prev .bg{ left:auto; right:0; } .backlist{ width:145px; height:38px; line-height:38px; background:#c7000a; display:block; color:#fff; text-align:center; position:absolute; left:50%; margin-left:-72px; top:22px; } .pnav.pvt ul li{ width:50%; } .culbg{ background:#f5f5f5; } .cul-list li{ overflow:hidden; position:relative; transition:600ms; -webkit-transition:600ms; margin-bottom:20px; background:#fff; display: flex; padding: 45px; align-items: center; justify-content: space-between; } .cul-list .pic{ width:50%; } .cul-list .item1{ flex-direction: row-reverse; } .cul-list .txts{ width:45%; } .cul-list .txts .ch{ font-size:18px; color:#c7000a; margin-bottom:13px; } .cul-list .txts .en{ font-size:30px; font-family:Arial; text-transform:uppercase; color:#e6e5e5; font-weight:bold; margin-bottom:42px; } .cul-list .txts .ti{ color:#333; font-size:36px; margin-bottom:22px; } .cul-list .txts .freeTx{ font-size:15px; line-height:2; } .cul-list .line{ width:0; height:10px; background:#c7000a; position:absolute; bottom:0; transition:600ms; -webkit-transition:600ms; } .cul-list .item1 .line{ left:0; } .cul-list .item2 .line{ left:0%; } .culpanel .wedge2{ padding:35px 60px 45px 60px; } .culobox{ padding:62px 0 76px 0; } .culoList a{ display:block; color:#666; width:32.33%; margin-left:1%; margin-bottom:3%; background:#fff; float:left; } .culoList{ margin-left:-1%; } .culoList .txts{ padding:18px 30px 24px 30px; position:relative; } .culoList .txts .nowti{ font-size:15px; position:relative; } .culoList .txts .db{ overflow:hidden; color:#919191; position:relative; margin-top:28px; } .culoList .txts .d{ float:right; line-height:24px; height:24px; overflow:hidden; } .culoList .txts .line{ width:18px; height:1px; background:#ccc; margin-top:12px; float:right; margin-right:13px; } .culoList .txts .bg{ height:100%; width:100%; background:#c7000a; transform:translateY(-80px); -webkit-transform:translateY(-80px); opacity:0; visibility:hidden; transition:400ms; -webkit-transition:400ms; } .pager{ background:#e3aeae; padding:11px 0; margin-top:45px; position:relative; } .pager a{ width:35px; height:32px; font-family:Arial; font-size:15px; font-weight:bold; color:#fff; line-height:32px; text-align:center; } .pager a.act{ background:#fff; color:#cc3333; } .pager .prev, .pager .next{ display:block; position:absolute; top:0; height:auto; bottom:0; width:86px; background:#ce8989; } .pager .prev .aw, .pager .next .aw{ height:100%; width:100%; } .pager .prev{ left:0; } .pager .prev .aw{ background-image:url(../images/ppaw.png); } .pager .next{ right:0; } .pager .next .aw{ background-image:url(../images/pnaw.png); } .nwdbox .t{ padding:0 70px 25px 70px; border-bottom:1px solid #e2e2e2; } .nwdbox .t .ti{ font-size:30px; color:#333; margin-bottom:10px; } .nwdbox .t .d{ font-size:12px; margin-bottom:20px; } .sharebox{ display: none; } .sharebox p{ float:left; line-height:30px; margin-right:10px; } .share{ float:left; } .share a{ float:left; width:30px; height:30px; background:url(../images/share.png) no-repeat; margin-right:4px; } .share .s1{ background-position:left top; } .share .s2{ background-position:-30px top; } .share .s3{ background-position:-60px top; } .share .s4{ background-position:right top; } .nwdbox .b{ padding:30px 70px 0 70px; } .pnav.pvth ul li{ width:33.33%; } .nwList li{ float:left; width:32.33%; margin-left:1%; margin-bottom:3%; height:454px; background:#fff; position:relative; transition:600ms; -webkit-transition:600ms; } .nwList .nwa{ display:block; color:#333; } .nwList .txts{ padding:25px 44px 0 28px; } .nwList .txts .d{ color:#919191; margin-bottom:10px; } .nwList .txts .ti{ font-size:20px; line-height:30px; max-height:60px; overflow:hidden; } .nwList .txts .tx{ font-size:15px; line-height:30px !important; height:90px; color:#7f7f7f; margin-top:30px; } .nwList{ margin-left:-1%; } .nwList .share{ float:none; overflow:hidden; border-top:1px solid #ccc; position:absolute; left:0; right:0; bottom:0; padding:9px 0; padding-left:28px; } .nwList .share a{ background-image:url(../images/share2.png); } .nwbox{ padding:70px 0 80px 0; } .nwoList a{ display:block; color:#666; overflow:hidden; background:#fff; transition:600ms; -webkit-transition:600ms; margin-bottom:25px; } .nwoList .pic{ width:50%; float:left; } .nwoList .txts{ width:50%; float:left; position:relative; } .nwoList .txts .pa{ padding:65px 50px 0 50px; } .nwoList .txts .nowti{ font-size:20px; color:#333; border-bottom:1px solid #d0d0d0; padding-bottom:20px; padding-right:80px; } .nwoList .txts .tx{ font-size:15px; line-height:30px !important; height:120px; margin-top:25px; } .nwomore{ display:block; width:128px; height:36px; line-height:36px; text-align:center; border:1px solid #ccc; position:relative; color:#666; } .nwomore p{ position:relative; } .nwomore .bg{ width:0; height:100%; background:#cc0000; } .nwoList .nwomore{ margin-top:45px; } .nwoList .xc-date{ background-image:url(../images/date2.png); position:absolute; top:0; right:50px; } .nwtList a{ display:block; border:2px solid #fff; height:54px; background:#fff; color:#666; font-size:16px; line-height:54px; position:relative; margin-bottom:3px; } .nwtList .nowti{ padding-left:135px; padding-right:35px; line-height:54px; } .nwtList .d{ position:absolute; top:0; left:35px; color:#999; font-size:14px; } .nwtList a:hover{ border-color:#ec9c9c; box-shadow:0 0 8px rgba(0,0,0,.1); } .devtop{ position:relative; min-height:223px; border-bottom:2px solid #dedede; padding-bottom:42px; margin-bottom:25px; } .devtop .pic{ width:327px; position:absolute; top:0; left:0; } .devtop .txts{ padding-left:375px; padding-top:10px; } .devtop .txts .nowti{ font-size:20px; color:#333; margin-bottom:20px; } .devtop .txts .tx{ font-size:15px; height:48px; margin-bottom:77px; } .devtop .txts .nwomore{ float:left; } .devtop .txts .db{ float:right; color:#919191; line-height:38px; overflow:hidden; } .devtop .txts .db .d{ float:right; } .devtop .txts .db .line{ width:18px; height:1px; background:#ccc; float:right; margin-top:19px; margin-right:20px; } .devbox{ padding:60px 0 72px 0; } .devList a{ display:block; font-size:15px; color:#666; line-height:44px; position:relative; } .devList .pw2{ position:relative; } .devList .nowti{ line-height:44px; padding-left:100px; padding-right:30px; } .devList .d{ position:absolute; left:0; top:0; font-size:14px; color:#999; } .devList .bg{ height:0; bottom:0; top:auto; width:100%; background:#fff; } .devList .aw{ width:15px; height:100%; position:absolute; top:0; right:0; background:url(../images/devaw.png) no-repeat left center; opacity:0; visibility:hidden; transform:translateX(-10px); -webkit-transform:translateX(-10px); } .devoList .ti{ font-size:24px; color:#c7000a; font-weight:bold; margin-bottom:25px; } .devoList .devo{ background:#fff; } .devoList .pic, .devoList .txts{ width:50%; float:left; } .devoList .txts .pa{ padding:50px 45px 0 45px; } .devox a{ color:#666; display:block; position:relative; line-height:40px; } .devox .nowti{ line-height:40px; padding-left:100px; font-size:15px; } .devox .d{ position:absolute; left:0; top:0; } .devox a:hover .d, .devox a:hover .nowti{ color:#c7000a; } .devox{ margin-bottom:40px; } .devoList li{ margin-bottom:60px; } .stybox{ padding:57px 0 70px 0; } .stynav a{ color:#fff; width:104px; height:104px; border-radius:100%; background:#959595; position:relative; margin:0 17px; } .stynav .x{ line-height:24px; font-weight:bold; padding-top:40px; position:relative; } .stynav .bg1{ width:90px; height:90px; border-radius:100%; border:1px solid #fff; top:6px; left:6px; } .stynav .bg2{ width:100%; height:100%; border-radius:100%; background:#c7000a; transform:scale(1.3); -webkit-transform:scale(1.3); opacity:0; visibility:hidden; } .stynav{ margin-bottom:75px; } .styList a{ float:left; width:33.33%; color:#666; background:#fff; } .styList .nowti{ text-align:center; font-size:16px; line-height:66px; position:relative; z-index:20; } .styList .pic .cover{ background-image:url(../images/stybg.png); opacity:0; visibility:hidden; } .styList .pic .ico{ width:68px; height:48px; position:absolute; top:50%; left:50%; margin-top:-24px; margin-left:-34px; background:url(../images/styico.png) no-repeat; opacity:0; visibility:hidden; transform:translateY(-20px); -webkit-transform:translateY(-20px); transition: 600ms; -webkit-transition: 600ms; } .styList .txts{ position:relative; border-right:1px solid #ccc; } .styList .txts .bg{ background:#c7000a; width:100%; height:100%; opacity:0; visibility:hidden; transform:translateY(20px); -webkit-transform:translateY(20px); transition: 600ms; -webkit-transition: 600ms; z-index:10; } .stydbox{ background:#fff; } .stydbox{ width:1050px; margin:0 auto; background:#fff; } .sdpics{ position:relative; } .sdpics .slick-arrow{ width:50px; height:50px; position:absolute; top:50%; margin-top:-25px; background:url(../images/styaw.png) no-repeat; z-index:99; transition:0ms; -webkit-transition:0ms; } .sdpics .slick-prev{ left:25px; background-position:left top; } .sdpics .slick-next{ right:25px; background-position:right bottom; } .sdpics .slick-prev:hover{ background-position:right top; } .sdpics .slick-next:hover{ background-position:left bottom; } .sdtxts{ padding-bottom:54px; } .sdtxts .t{ padding:38px 70px 52px 70px; border-bottom:2px solid #e2e2e2; position:relative; } .sdtxts .t .ti{ font-size:30px; color:#333; width:70%; } .sdtxts .t .sharebox{ position:absolute; top:48px; right:70px; } .sdtxts .b{ padding:60px 70px 0 70px; } .sdtxts .b .freeTx{ font-size:15px; line-height:2; } .videoList a{ width:48%; margin-left:2%; margin-bottom:2%; } .videoList{ margin-left:-2%; } .videoList .pic .ico{ width:56px; height:56px; background-image:url(../images/styoico.png); margin-top:-28px; margin-left:-28px; } .videoList .txts { border-right:0; } .videoList .pic .ico{ opacity:1; visibility:visible; transform:translateY(0); -webkit-transform:translateY(0); } .myselect2{ background:#fff; border:1px solid #cecece; width:292px; } .myselect2 select { height: 40px; font-size: 14px; color:#666; } .myselect2 .aw{ right:20px; } .notList a{ float:left; width:47.5%; margin-left:2.5%; margin-bottom:2.5%; background:#fff; color:#787878; height:200px; position:relative; } .notList{ margin-left:-2.5%; margin-top:48px; } .notList .nowti{ font-size:18px; color:#333; margin-bottom:15px; } .notList .tx{ height:72px; } .notList .txts{ padding:43px 50px 0 155px; } .notList .db{ width:85px; height:129px; background:#a9a9a9; color:#fff; text-align:center; font-family:Arial; line-height:1; position:absolute; top:30px; left:28px; transition:400ms; -webkit-transition:400ms; } .notList .db .d{ font-size:30px; font-weight:bold; margin-bottom:2px; padding-top:23px; } .notList .db .ym{ font-size:12px; font-weight:bold; margin-bottom:15px; } .notList .db .ico{ height:25px; background-image:url(../images/notdate.png); } .mapbox{ height:426px; border:3px solid #fff; background:#fff; overflow:hidden; margin-top:65px; } #map{ height:100%; width:50%; float:left; } .mapbox .txts{ width:50%; float:left; } .mapbox .txts .pa{ padding:9% 18% 0 14%; } .mapbox .txts .name{ font-size:24px; color:#c7000a; border-bottom:1px solid #ccc; padding-bottom:24px; } .ctas a{ display:block; color:#666; font-size:16px; line-height:36px; position:relative; padding-left:33px; } .ctas .ico{ width:22px; height:100%; position:absolute; top:0; left:0; background-image:url(../images/cta.png); } .ctas .addr .ico{ background-position:center top; } .ctas .email .ico{ background-position:center -36px; } .ctas .tel .ico{ background-position:center -72px; } .ctas .fax .ico{ background-position:center bottom; } .ctas .email2 .ico{ background-position:center -36px; } .ctas{ margin-top:32px; } .cta1{ padding:90px 0 80px 0; } .cta2{ background:#fff; padding:85px 0 75px 0; } .joList a{ width:31.83%; float:left; color:#333; margin-left:1.5%; margin-bottom:1.5%; } .joList{ margin-left:-1.5%; } .joList .bodr{ height:208px; border:2px solid #dfdfdf; padding:0 45px 0 35px; transition:400ms; -webkit-transition:400ms; } .joList .tt{ font-size:24px; padding-top:30px; } .joList ul{ border-top:1px solid #ccc; padding-top:14px; margin-top:50px; } .joList ul li{ width:24%; margin-left:14%; float:left; overflow:hidden; font-size:16px; } .joList ul li:first-child{ margin-left:0; } .joList li .ti{ font-size:12px; color:#999; white-space:nowrap; margin-bottom:7px; } .jobox{ margin-top:45px; position:relative; } .jobox .slick-arrow{ width:40px; height:40px; border:1px solid #999; border-radius:100%; position:absolute; display:block; top:-97px; background:url(../images/joaw.png) no-repeat; transition:background-color 300ms; -webkit-transition:background-color 300ms; } .jobox .slick-prev{ right:66px; } .jobox .slick-next{ right:0; background-position:right bottom; } .jobox .slick-prev:hover{ background-color:#c7000a; background-position:right top; border-color:#c7000a; } .jobox .slick-next:hover{ background-color:#c7000a; background-position:left bottom; border-color:#c7000a; } .joshowbox{ position:fixed; top:0; left:0; right:0; bottom:0; z-index: 1040; background:url(../images/black.png); opacity:0; visibility:hidden; transition:600ms; -webkit-transition:600ms; } .joshowbox.show{ opacity:1; visibility:visible; } .joshow{ width:728px; background:#fff; height:800px; position:absolute; top:50%; margin-top:-400px; left:50%; margin-left:-364px; opacity:0; visibility:hidden; transition:600ms; -webkit-transition:600ms; transform:translateX(80px); -webkit-transform:translateX(80px); } .joshowbox.show .joshow{ opacity:1; visibility:visible; transform:translateX(0); -webkit-transform:translateX(0); } .joshow .pa{ padding:55px 70px 0 70px; } .joshow .ti{ font-size:30px; color:#333; border-bottom:1px solid #c9c9c9; padding-bottom:15px; } .jsc{ overflow:auto; height:560px; margin-top:30px; } .jsc .freeTx{ font-size:15px; } .jsc .freeTx .t{ font-weight:bold; color:#cc0000; } .jsb{ position:absolute; left:0; right:0; color:#fff; background:#cc0000; bottom:0; font-size:15px; padding:8px 70px; /* line-height:2; */ } .jsb a{ color:#fff; } .jsb a:hover{ text-decoration:underline; } .joclose{ display:block; width:30px; height:30px; position:absolute; top:28px; right:40px; background:url(../images/joclose.png) no-repeat; transition:0ms; -webkit-transition:0ms; } .joclose:hover{ background-position:center bottom; } .cta3 .ptitle{ float:left; width:30%; } .cta3 .freeTx{ width:64%; float:right; font-size:15px; line-height:2; } .cta3{ padding:75px 0 130px 0; } .ixpanel{ padding:30px 0 37px 0; } .mdate{ display:none; color:#999; margin-bottom:3px; font-size:12px; } .stynav a.act .bg1{ transform:scale(1.3); -webkit-transform:scale(1.3); border-color:#c7000a; } .stynav a.act .bg2{ transform:scale(1); -webkit-transform:scale(1); opacity:1; visibility:visible; } .searchbox{ float:left; position:relative; margin-top:2px; } .search-tx{ display:block; width:110px; height:24px; line-height:24px; border:1px solid #ccc; padding:0 21px 0 13px; font-size:12px; color:#999; transition:300ms; -webkit-transition:300ms; } .search-btn{ display:block; width:22px; position:absolute; top:0; bottom:0; right:0; background:url(../images/seach.png) no-repeat left center; cursor:pointer; } .search-tx:focus{ border-color:#c7000a; } .search-btn:hover{ background-position:right center; } .menuBox .searchbox{ margin-top:40px; float:none; } .menuBox .search-tx{ width:100%; box-sizing:border-box; height:38px; font-size:14px; padding: 0 21px 0 14px; } .menuBox .search-btn{ right:0; } .s-search{ width:1118px; position:absolute; top:50%; margin-top:-41px; left:50%; margin-left:-559px; } .s-search .sstx{ width:856px; padding:25px 40px; line-height:30px; background:#fff; border:1px solid #fff; font-size:16px; color:#999; transition:300ms; -webkit-transition:300ms; } .s-search .ssbtn{ display:block; width:80px; position:absolute; top:0; height:100%; right:0; background:#a6a6a6 url(../images/seach2.png) no-repeat 55px center; color:#fff; font-size:16px; padding-left:100px; cursor:pointer; transition:300ms; -webkit-transition:300ms; } .s-search .sstx:focus{ border-color:#c7000a; border-right-color:#fff; } .s-search .ssbtn:hover{ background-color:#c7000a; } .searbox{ padding:87px 0 99px 0; } .searbox .pw{ position:relative; min-height:120px; } .searbox .ptitle{ width:360px; position:absolute; top:0; left:0; } .sR{ margin-left:360px; } .sList{ background:#fff; padding:14px 0 21px 0; } .sList a{ display:block; padding:0 45px; color:#666; position:relative; } .sList .nowti{ font-size:16px; line-height:24px; padding:19px 24px 18px 10px; border-bottom:1px solid #cfcfcf; } .sList .nowti .k{ color:#c7000a; } .sList a:before{ content:""; position:absolute; width:14px; height:100%; top:0; right:50px; background:url(../images/saw.png) no-repeat center center; opacity:0; visibility:hidden; transform:translateX(-20px); -webkit-transform:translateX(-20px); transition:300ms; -webkit-transition:300ms; } .sList a:last-child .nowti{ border-color:#fff; } .ad-btn{ position: fixed; z-index: 599; left: 1%; bottom: 240px; cursor: pointer; transition: 400ms; -webkit-transition: 400ms; } .ad-btn.active{ transform: translateX(-100%); -webkit-transform: translateX(-100%); opacity: 0; visibility: hidden; } .ad-btn img{ vertical-align: bottom; max-width: 100%; } .ad-wrap{ position: fixed; z-index: 599; width: 100%; left: -100%; bottom: 0; background: url(../images/black.png); background: rgba(0,0,0,.75); color: #fff; transition: 600ms; -webkit-transition: 600ms; overflow: hidden; } .ad-wrap.show{ left: 0; } .ad-wrap .pw2{ padding: 28px 0; position: relative; } .ad-wrap .img{ float: left; margin: 0 7.5% 0 11.25%; } .ad-wrap .text{ padding-top: 30px; overflow: hidden; font-size: 16px; line-height: 1; } .ad-wrap .text em{ display: block; font-size: 30px; font-style: italic; margin-top: 10px; } .ad-wrap .close{ position: absolute; top: 20px; right: 6.66%; width: 58px; height: 58px; border-radius: 50%; border: 1px solid #bebebe; border-color: rgba(255,255,255,.6); box-sizing: border-box; background: url(../images/close2.png) no-repeat center center; } .ad-wrap a{ color: #fff; } .fix-tools{ position: fixed; right: 0; top: 50%; z-index: 599; width: 170px; margin-top: -71px; } .fix-tools a{ display: block; height: 70px; padding: 12px 0 0 15px; background: #c7000a; color: #fff; overflow: hidden; box-sizing: border-box; -webkit-box-sizing: border-box; border-radius: 15px 0 0 15px; } .fix-tools a + a{ margin-top: 2px; } .fix-tools .ico{ float: left; width: 22px; height: 16px; background-position: left center; } .fix-tools .b{ overflow: hidden; line-height: 1.1; } .fix-tools .email .ico{ background-image: url(../images/ico_1.png); } .fix-tools .tel .ico{ background-image: url(../images/ico_2.png); } .fix-tools .tii{ width: 105px; font-size: 13px; max-width: 100%; margin-bottom: 4px; } .dev-wrap .fixcta{ display: none; } #fdgg{ position: fixed; right: 8px; bottom: 0; width: 400px; height: auto; border-radius: 5px; font-size: 14px; border: 1px solid #8f8f8f; background-color: #fff; z-index: 900; line-height: 1.5; color: #333; } #fdgg_close{ position: absolute; top: -7px; right: -7px; width: 15px; height: 15px; border: 1px solid #c7c7c7; border-radius: 50%; line-height: 13px; text-align: center; color: #999; cursor: pointer; background-color: #fff; } #fdgg_content{ width: 100%; height: 100%; box-sizing: border-box; padding: 15px; }