body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0; } table{border-collapse:collapse; border-spacing:0; } fieldset,img{border:0; } ol,ul{list-style:none; } caption,th{text-align:left; } q:before,q:after{content:''; } abbr,acronym{border:0; } .clear{clear:both; display:block; overflow:hidden; visibility:hidden; width:0; height:0; } .l,.col-l,.col_l,.col-c,.col_c{float:left; } .r,.col-r,.col_r,dt span,.ul-txt li span,.ul_txt li span{float:right; } .c{clear:both; } .n,em{font-weight:normal; font-style:normal; } .b{font-weight:bold; } .i{font-style:italic; } .fa{font-family:Arial; } .fg{font-family:Georgia; } .ft{font-family:Tahoma; } .fl{font-family:Lucida Console; } .fs{font-family:'瀹嬩綋'; } .fw{font-family:'寰蒋闆呴粦'; } .tc{text-align:center; } .tr{text-align:right; } .tl{text-align:left; } .tdu{text-decoration:underline; } .tdn,.tdn:hover,a.tdl:hover{text-decoration:none; } .fc0{color:#000000; } .fc3{color:#333333; } .fc6{color:#666666; } .fc9{color:#999999; } .fcr{color:red; } .fcw{color:white; } .fcb{color:blue; } .fcg{color:green; } .f0{font-size:0; } .f10{font-size:10px; } .f12{font-size:12px; } .f13{font-size:13px; } .f14{font-size:14px; } .f16{font-size:16px; } .f20{font-size:20px; } .f24{font-size:24px; } .vm{vertical-align:middle; } .vtb{vertical-align:text-bottom; } .vt{vertical-align:top; } .vn{vertical-align:-2px; } .vimg{margin-bottom:-3px; } .m0{margin:0; } .ml0{margin-left:0; } .ml5{margin-left:5px; } .ml10{margin-left:10px; } .ml20{margin-left:20px; } .mr0{margin-right:0; } .mr5{margin-right:5px; } .mr10{margin-right:10px; } .mr20{margin-right:20px; } .mt5{margin-top:5px; } .mt10{margin-top:10px; } .mt20{margin-top:20px; } .mb5{margin-bottom:5px; } .mb10{margin-bottom:10px; } .mb20{margin-bottom:20px; } .ml-1{margin-left:-1px; } .mt-1{margin-top:-1px; } .p1{padding:1px; } .pl5{padding-left:5px; } .p5{padding:5px; } .pt5{padding-top:5px; } .pr5{padding-right:5px; } .pb5{padding-bottom:5px; } .p10{padding:10px; } .pl10{padding-left:10px; } .pt10{padding-top:10px; } .pr10{padding-right:10px; } .pb10{padding-bottom:10px; } .p20{padding:20px; } .pl20{padding-left:20px; } .pt20{padding-top:20px; } .pr20{padding-right:20px; } .pb20{padding-bottom:20px; } .rel,.pr{position:relative; } .abs,.pa{position:absolute; } .dn{display:none; } .db{display:block; } .dib{-moz-inline-stack:inline-block; display:inline-block; } .di{display:inline; } .ovh{overflow:hidden; } .ovs{overflow:scroll; } .vh{visibility:hidden; } .vv{visibility:visible; } .lh14{line-height:14px; } .lh16{line-height:16px; } .lh18{line-height:18px; } .lh20{line-height:20px; } .lh22{line-height:22px; } .lh24{line-height:24px;} .fix{*zoom:1; } .fix:after,.fix:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .z{_zoom:1; } .h1{height:1px; } .h5{height:5px; } .h10,.h{height:10px; } .h15{height:15px; } .h20{height:20px; } .h1,.h5,.h10,.h15,.h20,.h25,.h,.h30,.h35,.h40,.h45,.h50,.h55,.h60{font-size:0px; line-height:0; overflow:hidden; clear:both;visibility: hidden; } a{text-decoration:none; } a:hover{color:#FF6600 } .h25{height: 25px;}.h30{height: 30px;} .h40{height: 40px;} .h45{height: 45px;} .h50{height: 50px;} .h55{height: 55px;} .h60{height: 60px;} .slick-slider *, .slick-slider{ outline: none; } * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } button::-moz-focus-inner { border: 0; } :focus, :active { outline: 0; border: 0; } a{ color: #666; -webkit-transition:color .3s,opacity .3s; transition:color .3s,opacity .3s; } a:hover{ color: #b80219; } textarea { overflow: auto; } a, a:visited, a:focus, a:active, a:hover{ outline:0 none !important; } u{text-decoration: none;} img{ max-width: 100%; height: auto; } input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; } select, input, textarea{ outline: none; } h1,h2,h3,h3,h4,h5,h6{font-weight: normal;} .fix:before, .fix:after{ content: '.'; display: block; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0; width: 0; height: 0; } @font-face { font-family: 'fontnameRegular'; src: url('fontname.eot'); src: local('fontname Regular'), local('fontname'), url('fontname.woff') format('woff'), url('fontname.ttf') format('truetype'), url('fontname.svg#fontname') format('svg'); } .fix:after{ clear: both; } .fix{ zoom: 1; } .hide-tab{ height: 0; overflow: hidden; padding-top: 0; padding-bottom: 0; } #map img{ max-width: 999999999px; } .BMapLabel{ display: none !important; } body{ -webkit-text-size-adjust: 100%; font-family:"寰蒋闆呴粦","Microsoft Yahei"; color: #666; font-size: 12px; overflow-x: hidden; } .wp{ max-width: 1200px; width: 100%; margin: 0 auto; } /*鎵嬫満澶撮儴*/ .m-bar{ height: 60px; background-color: #fff; } .logo-m{ width: 75%; display: inline-block; float: left; margin-left: 10px; height: 60px; line-height: 60px; } .logo-m img{ height: 40px; display: inline-block; z-index: 60; vertical-align: middle; } .m-hd{ display: none; position: fixed; top: 0; left: 0; width: 100%; z-index: 1000000; -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2); box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2); } .m-nav{ clear: both; position: absolute; top: 60px; left: 0;width: 100%; -webkit-box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2); box-shadow: 0px 4px 5px -2px rgba(0,0,0,.2); max-height: 0; overflow: hidden; -webkit-transition: all 300ms ease; transition: all 300ms ease; } .m-nav a{ display: block; width: 100%; line-height: 40px; text-align: left; border-top: 1px solid #e0e0e0; font-size: 15px; background-color: #fff; padding: 0 20px; color: #333; } .m-trigger{ height: 60px; cursor: pointer; width: 60px; float: right; background: url(../images/menu.png) no-repeat center center; -webkit-background-size: 25px; -moz-background-size: 25px; -o-background-size: 25px; background-size: 25px; } .m-sub{ max-height: 0; overflow: hidden; } .m-sub.on, .m-nav.on{ -webkit-transition: all .6s linear; transition: all .6s linear; max-height: 999px; } .m-sub a{font-size: 14px;padding: 0 30px;background-color: #F1F1F1;border-top-color: #efefef;} .m-show{display: none;} #nav-toggle { position: absolute; right: 14px; top: 18px; color: #fff; -webkit-transform: scale(0.7); -moz-transform: scale(0.7); -ms-transform: scale(0.7); -o-transform: scale(0.7); transform: scale(0.7); transform-origin: 50% 50%; } #nav-toggle { cursor: pointer; padding: 10px 35px 16px 0px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { cursor: pointer; border-radius: 1px; -moz-border-radius: 1px; -webkit-border-radius: 1px; -o-border-radius: 1px; height: 5px; width: 35px; background: #c01920; position: absolute; display: block; content: ''; } #nav-toggle span:before { top: -10px; } #nav-toggle span:after { bottom: -10px; } #nav-toggle span, #nav-toggle span:before, #nav-toggle span:after { transition: all 500ms ease-in-out; -webkit-transition: all 500ms ease-in-out; -moz-transition: all 500ms ease-in-out; -o-transition: all 500ms ease-in-out; } #nav-toggle.active span { background-color: transparent; } #nav-toggle.active span:before, #nav-toggle.active span:after { top: 0; } #nav-toggle.active span:before { transform: rotate(45deg); -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); } #nav-toggle.active span:after { transform: translateY(-10px) rotate(-45deg); -webkit-transform: translateY(-10px) rotate(-45deg); -ms-transform: translateY(-10px) rotate(-45deg); top: 10px; } .slick-slider{position:relative;display:block;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-khtml-user-select:none;-ms-touch-action:pan-y;touch-action:pan-y;-webkit-tap-highlight-color:transparent}.slick-list{position:relative;display:block;overflow:hidden;margin:0;padding:0}.slick-list:focus{outline:0}.slick-list.dragging{cursor:pointer;cursor:hand}.slick-slider .slick-track,.slick-slider .slick-list{-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}.slick-track{position:relative;top:0;left:0;display:block}.slick-track:before,.slick-track:after{display:table;content:''}.slick-track:after{clear:both}.slick-loading .slick-track{visibility:hidden}.slick-slide{display:none;float:left;height:100%;min-height:1px}[dir='rtl'] .slick-slide{float:right}.slick-slide img{display:block}.slick-slide.slick-loading img{display:none}.slick-slide.dragging img{pointer-events:none}.slick-initialized .slick-slide{display:block}.slick-loading .slick-slide{visibility:hidden}.slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent}.slick-arrow.slick-hidden{display:none}.slick-slider,.slick-slider{outline:0} #hd{ height: 80px; background: #fff; position: relative; z-index: 100; } #hd .logo{ float: left; } #hd .logo a{ display: inline-block; line-height: 80px; } #hd .logo a img{ display: inline-block; vertical-align: middle; } #nav{ float: right; font-size: 0; } #nav li{ display: inline-block; font-size: 16px; position: relative; width: 117px; text-align: center; } #nav li > a{ line-height: 80px; display: block; color: #000; } #nav li dl{ position: absolute; left: 0; top: 80px; width: 100%; background: #8e050c; display: none; } #nav li dl dd a{ display: block; line-height: 42px; font-size: 14px; color: #fff; } #nav li dl dd a:hover{ background: #b80219; } #nav li.ok dl{ display: block; } #hd .hdr{ position: absolute; right: 0; top: 0; height: 80px; width: 172px; } #hd .hdr .enght{ position: relative; margin-right: 1%; padding-left: 26px; font-size: 14px; color: #666; position: relative; z-index: 1; height: 100%; background: url(../images/en01.png) no-repeat left center; transition: color .3s, background .3s; display: inline-block; float: left; display: none; } #hd .hdr .lan{ padding-right: 17px; background: url(../images/aaa01.png) no-repeat right center; height: 100%; width: 100%; transition: color .3s, background .3s; line-height: 80px; } #hd .hdr .lanList{ position: absolute; top: 100%; left: -10%; display: none; background: #fff; width: 130%; padding-top: 20px; box-shadow: inset 0 0 10px rgb(0 0 0 / 20%); height: 335px; overflow: auto; } #hd .hdr .lanList a{ display: block; width: 100%; font-size: 12px; height: 35px; text-align: center; line-height: 35px; color: #666; transition: color .3s; } #hd .hdr .enght:hover .lanList{ display: block; } #hd .hdr .search-box{ width: 70px; height: 100%; display: inline-block; float: right; background: #b4b4b4 url(../images/ico_search.png) no-repeat center; position: relative; z-index: 3; transition: background .3s; float: right; } #hd .hdr .search-send{ position: absolute; z-index: 5; background-color: #222; right: 0; top: 0; width: 280px; height: 80px; transition: right .3s; display: none; } #hd .hdr .search-send .close{ display: block; width: 18px; height: 18px; background: url(../images/head03.png) no-repeat center; position: absolute; top: 50%; left: 6px; margin-top: -9px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); transition: transform .3s ease 0s; } .search-send .close:hover { transform: rotateZ(90deg); transition: transform .3s ease 0s; } .search-send form { width: 100%; height: 100%; } .search-send .text { border: 0; font-size: 18px; height: 100%; text-align: left; width: 100%; box-sizing: border-box; color: #555; background: 0; padding: 0 5% 0 13%; outline: 0; } .search-send .submit { cursor: pointer; border: 0; background: url(../images/ico_search.png) no-repeat center; background-color: #bb0327; position: absolute; right: 0; bottom: 0; width: 50px; height: 80px; outline: 0; } #banner .slick-dots{ position: absolute; left: 0; bottom: 50px; width: 100%; text-align: center; } #banner .slick-dots li{ display: inline-block; line-height: 0; font-size: 0; cursor: pointer; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%); box-shadow: inset 0 0 3px rgb(0 0 0 / 30%); width: 15px; height: 15px; background: #fff; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; margin: 0 6px; } #banner .slick-dots li.slick-active{ width: 57px; background: #e60012; } #banner .slick-dots button{ display: none; } .contsya { margin-top: 25px; } .contsyabt { font-size: 28px; font-weight: bold; color: #000; margin-bottom: 25px; overflow: hidden; } .contsyabt span { font-size: 14px; color: #666666; font-weight: normal; margin-left: 10px; } .contsyanr { position: relative; } .am-tabs-nav{ float: right; } .am-tabs-nav li{ float: left; margin-left: 4px; } .am-tabs-nav li a{ width: 150px; height: 50px; background: #f7f7f7; text-align: center; line-height: 50px; font-size: 18px; color: #000; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; font-weight: normal; position: relative; display: block; } .am-tabs-nav li.current a{ background: #b80219; color: #fff; } .am-tabs-bd .am-tab-panel { padding: 10px 10px 15px; -webkit-transition: -webkit-transform .3s; transition: -webkit-transform .3s; transition: transform .3s; transition: transform .3s, -webkit-transform .3s; } .contsyanrt { height: 80px; width: 100%; background: url(../images/xwsybg.jpg)no-repeat center bottom; } .contsyanrtlt a{ font-size: 24px; color: #b80219; font-weight: bold; } .contsyanrtlb{ font-size: 16px; color: #666; margin-top: 5px; } .contsyanrtlb a{ float: right; color: #8e050c; } .contsyanrb { margin-top: 35px; height: 315px; width: 100%; } .contsyanrbl { width: 472px; height: 324px; overflow: hidden; position: relative; margin-right: 20px; float: left; } .newsSlider, .newsSlider .slider, .newsSlider .slick-list, .newsSlider .slick-track{ height: 100%; } .newsSlider .item{ position: relative; } .newsSlider .item a{ display: block; width: 100%; height: 100%; } .newsSlider .item a img{ width: 100%; height: 100%; display: block; filter: brightness(0.9); transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1); transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .newsSlider .item a:hover img{ transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); -moz-transform: scale(1.1); filter: brightness(1); } .newsSlider .item a .contsyanrblt{ position: absolute; z-index: 3; width: 70px; height: 60px; left: 7px; top: 7px; background: #DF1F00; color: #fff; font-size: 28px; text-align: center; padding-top: 10px; line-height: 22px; } .newsSlider .item a .contsyanrblt span{ font-size: 13px; display: block; } .newsSlider .item a .contsyanrbls{ position: absolute; background: rgba(206,157,56,.76); width: 100%; height: 76px; bottom: 0; font-size: 16px; color: #fff; padding: 15px 20px } .newsSlider .item a .contsyanrbls .tit{ width: 84%; } .newsSlider .slick-dots{ position: absolute; bottom: 27px; right: 10px; } .newsSlider .slick-dots li{ margin: 0 3px; width: 10px; height: 10px; background-color: #fff; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; cursor: pointer; line-height: 0; font-size: 0; text-indent: -9999px; border-radius: 20px; -webkit-box-shadow: inset 0 0 3px rgb(0 0 0 / 30%); box-shadow: inset 0 0 3px rgb(0 0 0 / 30%); display: inline-block; } .newsSlider .slick-dots li button{ display: none; } .newsSlider .slick-dots li.slick-active{ width: 30px; background-color: #E60012; } .contsyanrbr{ overflow: hidden; } .contsyanrbr li{ width: 100%; padding-left: 19px; background: url(../images/xhd.jpg) no-repeat center left; display: block; overflow: hidden; } .contsyanrbr li a{ display: block; font-size: 14px; line-height: 36px; height: 36px; overflow: hidden; } .contsyanrbr li .time{ float: right; color: #666666; } .contsyanrbr li .contsyanrb2{ color: #666666; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .contsyanrbr li a:hover .contsyanrb2{ color: #b80219; padding-left: 10px; } .hide-tab{ height: 0; padding: 0 !important; } .i-pro{ width: 100%; height: 650px; margin-top: 25px; background: url(../images/bhgcbg.jpg) no-repeat center; padding-top: 35px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; } .contsyabtt { font-size: 28px; font-weight: bold; color: #000; margin-bottom: 26px; } .contsyabtt span { font-size: 14px; color: #666; font-weight: normal; margin-left: 10px; } .contsybnr { width: 100%; height: 439px; overflow: hidden; } .ul-pro-tabs{ width: 188px; height: 439px; float: left; } .ul-pro-tabs li{ width: 100%; height: 87px; margin-bottom: 1px; } .ul-pro-tabs li a{ background: #E7E7E7; height: 100%; text-align: left; line-height: 87px; color: #333333; font-size: 18px; margin: 0; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; /*padding: 0 20px;*/ padding-left: 45px; border: none; display: block; position: relative; } .ul-pro-tabs li.current a{ background: #b80219; color: #fff; } .ul-pro-tabs li a .xxdywtb{ position: absolute; left: 15px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; line-height: 87px; } .ul-pro-tabs li a .xxdywtb img{ display: inline-block; vertical-align: middle; margin-top:-4px; } .am-tabs-bd{ overflow: hidden; } .picSlider .item .pic{ width: 59%; height: 439px; float: left; overflow: hidden; background: #fff; text-align: center; } .picSlider .item .pic img{ display: inline-block; vertical-align: middle; } .picSlider .item .txt{ overflow: hidden; background: url(../images/gui.jpg) no-repeat #e7e7e7 center center; height: 100%; height: 439px; padding: 59px 32px 0 32px; font-size: 14px; color: #333; line-height: 24px; } .picSlider .item .txt h3{ font-size: 24px; font-weight: bold; color: #b80219; line-height: 2; margin-bottom: 10px; } .picSlider .item .txt .more{ width: 124px; height: 42px; display: block; background: #F2F2F2; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; font-size: 13px; color: #666; text-align: center; line-height: 42px; margin-top: 50px; } .picSlider .item .txt .more:hover{ background: #b80219; color: #fff; width: 140px; } .picSlider .slick-dots{ position: absolute; bottom: 20px; left: 28%; } .picSlider .slick-dots li{ display: inline-block; cursor: pointer; width: 12px; height: 12px; border-radius: 100%; background: #010101; margin: 0 5px; } .picSlider .slick-dots li.slick-active{ background: #b80219; } .picSlider .slick-dots li button{ display: none; } .picSlider .slick-arrow{ position: absolute; bottom: 32px; width: 44px; height: 41px; border: 0; cursor: pointer; background-repeat: no-repeat; background-position: 0 0; z-index: 10; font-size: 0; } .picSlider .slick-prev{ right: 88px; background-image: url(../images/prev.jpg); } .picSlider .slick-next{ background-image: url(../images/next.jpg); right: 39px; } .contsyca { float: left; width: 25%; height: 160px; } .contsycal{ float: left; margin-right: 8px; } .contsycar{ overflow: hidden; } .contsycarbt { font-size: 18px; color: #333; font-weight: bold; height: 60px; line-height: 60px; } .contsycarnr { font-size: 14px; color: #333; line-height: 24px; } .contsycarns { font-size: 14px; color: #b80219; display: block; margin-top: 13px; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .i-cont { padding: 25px 0; background: #fff; } .i-video{ width: 49%; float: left; } .i-video video{ width: 100%; } .i-video img{ display: block; width: 100%; } .videoBox{ position: relative; } .videoBox em{ position: absolute; left: 50%; top: 50%; background: url(../images/ico_video.png) no-repeat; width: 79px; height: 79px; margin-top: -40px; margin-left: -40px; z-index: 2; } .i-culture{ width: 49%; float: right; } .ul-culture li{ overflow: hidden; margin-bottom: 20px; background: #e7e7e7; } .ul-culture li .pic{ float: left; width: 296px; margin-right: 30px; } .ul-culture li .pic a{ -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; padding-top: 60%; display: block; width: 100%; } .ul-culture li .txt{ color: #333; font-size: 14px; line-height: 24px; padding-top: 27px; padding-right: 25px; overflow: hidden; } .ul-culture li h3{ color: #b82019; font-size: 18px; margin-bottom: 10px; } .ul-culture li .more{ width: 86px; height: 33px; text-align: center; line-height: 33px; color: #ffffff; background: #b80219; display: block; margin-top: 15px; } .footer_top { width: 100%; background: #333; overflow: hidden; padding-top: 55px; padding-bottom: 20px; /*margin-top: 30px;*/ } .footer_top .dbdh { overflow: hidden; } .footer_top .rcewm { width: 154px; text-align: center; float: right; } .footer_top .dbdh ul li { float: left; margin-right: 10%; } .footer_top .dbdh > ul > li > a { font-size: 14px; color: #fff; margin-bottom: 10px; display: block; } .footer_top .dbdh ul li ul li { float: none; margin-right: 0; line-height: 22px; } .footer_top .dbdh ul li ul li a { font-size: 12px; color: #999; font-weight: normal; transition: all .5s; -moz-transition: all .5s; -webkit-transition: all .5s; -o-transition: all .5s; } .footer_top .rcewm .ntcb { font-size: 14px; color: #999; } .footer_top .rcewm .ntcb img{ display: inline-block; margin-top: 10px; } .footer_bottom { width: 100%; background: #b80219; text-align: center; color: #fff; padding: 20px 0; line-height: 24px; font-size: 12px; } .footer_top a:hover{ color: #b82019 !important; } #banIn{ height: 400px; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; height:auto;background-image: none !important; } #banIn img{ display: block; } .fenleiBg { background: #FFFFFF; box-shadow: 0 0px 5px rgb(0 0 0 / 10%); position: relative; z-index: 1; text-align: center; } .fenlei{font-size: 0;} .fenlei li { vertical-align: middle; padding: 0 2px; position: relative; display: inline-block; } .fenlei li a { display: block; color: #333333; line-height: 54px; transition: all 0.3s ease-in; font-size: 16px; padding: 0 30px; } .fenlei li a:hover{ color: #c01920; } .fenlei li.active a { background: #c01920; color: #FFFFFF; } .fenlei li + li:after { display: block; content: "|"; color: #dddddd; font-size: 16px; position: absolute; left: -2px; top: 50%; transform: translateY(-50%); } .yewuListBg { padding: 40px 0; background: #F6F6F6; overflow: hidden; } .honTop { font-size: 14px; color: #666666; line-height: 24px; } .honLef { width: 42.3%; float: left; margin-right: 3%; } .honRig { overflow: hidden; } .box5TitH3 { font-size: 26px; color: #333333; margin-bottom: 10px; } .yewuListBg2{ padding: 40px 0; overflow: hidden; } .teamList3 { margin: -15px; } .teamList3 li { padding: 15px; width: 50%; float: left; } .teamList3 li a { display: block; background: #FFFFFF; box-shadow: 0 0 20px rgb(0 0 0 / 10%); padding: 15px 15px 10px; overflow: hidden; } .teamLef { float: left; width: 165px; padding-bottom: 10px; background: url(../images/teamLefBg.png) center bottom no-repeat; position: relative; } .teamImg3 { width: 100%; height: 0; padding-bottom: 120%; overflow: hidden; } .teamImg3 img { width: 100%; } .teamLine { position: absolute; right: 0; top: 28px; width: 15px; height: 3px; background: #bf0008; transform: translateX(100%); } .teamRig { overflow: hidden; padding-left: 20px; font-size: 14px; color: #666666; line-height: 24px; padding-top: 10px; } .teamTit3 { font-size: 18px; color: #333333; font-weight: bold; line-height: 36px; transition: all 0.3s linear; } .teamJob3 { height: 48px; overflow: hidden; margin-bottom: 10px; } .teamBrief { height: 72px; overflow: hidden; margin-top: 10px; } .teamList3 li a:hover .teamTit3 { color: #bf0008; } .honBot{ padding: 45px 0; overflow: hidden; } .honList { margin: 0 -10px -20px; overflow: hidden; padding: 10px 0; } .honList li{ padding: 0 10px 20px; float: left; width: 25%; } .honList li a { display: block; height: 100%; background: #FFFFFF; padding: 20px 15px 5px; box-shadow: 0 0 10px rgb(0 0 0 / 10%); position: relative; } .honImg { border: 1px solid #dddddd; width: 100%; height: 0; padding-bottom: 70.77%; position: relative; } .honImg img { position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); max-width: 99%; max-height: 99%; margin: 0 auto; } .honTit { font-size: 14px; color: #333333; line-height: 20px; max-width: 215px; margin: 0 auto; padding: 10px 0; font-weight: bold; position: relative; text-align: center; } .arBot{ background: #fff; padding: 25px } .arBot li { line-height: 52px; font-size: 14px; padding: 0 20px; } .arBot li:nth-child(2n+1) { background: #f6f6f6; } .arBot li span { float: right; color: #999999; } .arBot li a { color: #666666; padding-left: 30px; background: url(../images/arBotBg.png) left center no-repeat; transition: all 0.3s linear; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .arBot li a:hover { color: #bf0008; padding-left: 28px; } .research { padding: 10px 0 0; } .research li { padding: 25px 0 0; } .research li a { display: block; padding: 25px; background: #FFFFFF; overflow: hidden; transition: all 0.3s linear; } .researchImg { float: left; width: 360px; margin-right: 20px; } .researchImg .imgFull { width: 100%; height: 0; padding-bottom: 57.55%; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .researchIco { float: right; width: 46px; height: 46px; background: url(../images/researchIco1.png) center center no-repeat; background-size: cover; border: 2px solid #dddddd; border-radius: 50%; margin: 60px 0 15px 50px; transition: all 0.3s linear; margin-left: 90px; } .research li a:hover .researchIco { background-image: url(../images/researchIco2.png); border-color: #bf0008; background-color: #bf0008; } .researchRig { overflow: hidden; font-size: 14px; color: #666666; line-height: 30px; padding: 0; } .researchTit { font-size: 20px; color: #333333; line-height: 120%; margin: 10px 0 15px; transition: all 0.3s linear; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .research li a:hover .researchTit { color: #bf0008; } .research li a:hover { box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .news-list-bot{ margin-top: 40px; } .news-list-bot li { width: 30.5%; margin: 0 4% 55px 0; float: left; transition: box-shadow .3s; background: #fff; } .news-list-bot li:hover { box-shadow: 0 5px 15px rgb(0 0 0 / 10%); } .news-list-bot li a{ display: block; } .news-list-bot li .pic { width: 100%; overflow: hidden; height: 11.875vw; border: 1px solid #e6e6e6; } .news-list-bot li img { width: 100%; transition: transform .3s; } .news-list-bot li:hover img { transform: scale(1.1); } .news-list-bot li .con { display: block; width: 100%; border: 1px solid #e6e6e6; border-top: 0; padding: 26px 7% 50px; } .news-list-bot li h2 { font-size: 18px; color: #333; line-height: 44px; overflow: hidden; height: 44px; transition: color .3s; } .news-list-bot li .time { color: #999; line-height: 26px; font-size: 12px; padding-left: 30px; background: url(../images/case31.png) no-repeat left center; } .news-list-bot li .font { font-size: 14px; color: #666; line-height: 24px; margin-top: 14px; height: 48px; overflow: hidden; } .news-list-bot li:nth-child(3n) { margin-right: 0; } .news-list-bot li:hover h2 { color: #d9271b; } .news-page { width: 100%; height: 40px; text-align: center; margin-bottom: 5%; } .news-page ul{font-size: 0;} .news-page li{display: inline-block;} .news-page a { font-size: 14px; line-height: 40px; width: 40px; height: 40px; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s; } .news-page a:hover, .news-page .on a, .news-page .go:hover { color: #fff; background: #de241b; } .news-page .pageNum{ border: 1px solid #eee; background: none; padding: 0 5px; line-height: 40px; width: 40px; height: 40px; font-size: 14px; color: #686868; background: #fff; } .news-page button{ font-size: 14px; line-height: 40px; width: 40px; height: 40px; border: none; display: inline-block; background: #f7f7f7; color: #686868; transition: background .3s, color .3s; } .product-list-b li { width: 31.7%; margin-right: 2.45%; background: #fff; border: 1px solid #eee; float: left; margin-bottom: 35px; text-align: center; height: 444px; } .product-list-b li .pic { width: 100%; position: relative; overflow: hidden; height: 320px; padding-top: 40px; } .product-list-b li img { max-width: 100%; max-height: 100%; transition: all .3s; } .product-list-b li h3{ font-size: 18px; font-weight: bold; } .product-list-b li .more{ display: inline-block; width: 127px; height: 38px; line-height: 38px; text-align: center; border: 1px solid #e4e4e4; background: #f9f9f9; font-size: 15px; color: #333; border-radius: 2px; transition: background .3s, color .3s, border .3s; margin-top: 20px; } .product-list-b li: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); transform-origin: 50% 50%; } .product-list-b li:hover .more{ background: #d9271b; color: #fff; } .product-list-b li:nth-child(3n) { margin-right: 0; } .box5TitBrief { font-size: 14px; color: #999999; line-height: 28px; max-width: 940px; width: 100%; margin: 0 auto; text-align: center; } .box5TitH3 { font-size: 26px; color: #333333; line-height: 160%; margin-bottom: 10px; text-align: center; } .jobTop { margin: 0 -45px; } .jobTop li { float: left; width: 50%; vertical-align: top; padding: 35px 45px 0; } .jobIco { float: left; max-width: 67px; margin-right: 10px; } .jobRig { overflow: hidden; } .jobTopTit { font-size: 18px; color: #333333; line-height: 30px; padding: 5px 0; font-weight: bold; } .jobTopBrief { font-size: 14px; color: #666666; line-height: 24px; } .jobCenBg { height: 400px; } .jobCen { height: 100%; background-attachment: fixed; position: relative; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-position: 50% 50%; background-repeat: no-repeat; } .jobCenConBg { position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; padding: 0 15px; font-size: 26px; color: #3b3b3b; line-height: 160%; text-align: center; } .jobCenCon { max-width: 1040px; width: 100%; margin: 0 auto; } .jobBot { margin: 0 -15px; } .jobBot li { padding: 30px 15px 0; float: left; width: 50%; } .jobBot li a { display: block; height: 100%; position: relative; overflow: hidden; } .jobBot li img{ display: block; width: 100%; } .jobList li { float: left; vertical-align: top; font-size: 14px; padding: 30px 15px 0; width: 50%; } .jobList li a { display: block; height: 100%; position: relative; background: #FFFFFF; transition: all 0.3s linear; padding: 10px 20px 20px; } .jobTit { line-height: 30px; padding: 15px 0; border-bottom: 1px solid #dddddd; margin-bottom: 15px; } .jobTit span { float: right; color: #999999; padding-right: 25px; background: url(../images/box1MoreIcoBg3.png) right center no-repeat; transition: all 0.3s linear; } .jobTit h3 { font-size: 22px; color: #333333; line-height: 30px; transition: all 0.3s linear; display: block; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; } .jobInfor { margin: 10px 0; color: #999999; line-height: 24px; } .jobInfor span { padding-right: 40px; } .jobBrief { font-size: 14px; color: #666666; line-height: 30px; height: 150px; overflow: hidden; } .jobList li a:hover .jobTit span { color: #bf0008; background-image: url(../images/box1MoreIcoBg1.png); } .jobList li a:hover .jobTit h3 { color: #BF0008; } .aboutInfo{ font-size: 14px; line-height: 30px; color: #666; padding: 60px 0; } .aboutInfo .pic{ float: left; width: 48%; margin-right: 3%; padding-top:7%; } .aboutInfo .pic img{ display: block; width: 100%; } .aboutInfo .txt{ overflow: hidden; } .history{ background: #f5f5f5; overflow: hidden; padding: 60px 0; } .history h3{ font-size: 30px; color: #c01920; text-align: center; margin-bottom: 50px; } .honor{ padding: 5% 0; } .honor h2{ font-size: 30px; color: #000; margin-bottom: 30px; } .historySlider .item{ /*padding: 0 50px;*/ position: relative; z-index: 9; margin-right: 100px; width: 300px !important; } .historySlider .item .year{ height: 42px; line-height: 42px; text-align: center; background: #e8e8e8; font-size: 14px; position: relative; } .historySlider .item .year:after{ content: ''; position: absolute; left: 50%; top: -10px; width: 0; height: 0; border-style: solid; border-width: 0 10px 10px 10px; border-color: transparent transparent #e8e8e8 transparent; margin-left: -10px; } .historySlider .item .txt{ height: 130px; background: #fff; padding: 15px 20px; font-size: 14px; } .historySlider .slider{ position: relative; } .historySlider .slider .slick-list{ padding-top: 227px; z-index: 10; } .historySlider .slider:after{ content: ''; background: #c2c2c2; height: 1px; width: 100%; position: absolute; left: 0; top: 50%; z-index: 1; } .historySlider .item .inner{ position: relative; width: 300px; } .historySlider .item:nth-child(2n){ margin-top: -227px; margin-left: -150px; } .historySlider .item:nth-child(2n) .txt{ /*margin-top: -42px;*/ } .historySlider .item:nth-child(2n) .year{ position: absolute; left: 0;bottom: -42px; width: 100%; } .historySlider .item:nth-child(2n) .year:after{ border-width: 10px 10px 0 10px; border-color: #e8e8e8 transparent transparent transparent; top: 42px; } .historySlider .item .inner:before{ content: ''; position: absolute; width: 16px; height: 16px; border-radius: 100%; background: #c2c2c2; left: 50%; top: -36px; margin-left: -8px; z-index: 2; } .historySlider .item:nth-child(2n) .inner:before{ top: auto; bottom: -77px; z-index: 9; } .historySlider .item:hover .year, .historySlider .item:hover .inner:before, .historySlider .item.slick-current .inner:before, .historySlider .item.slick-current .year{ background: #c01920; color: #fff; } .historySlider .item:hover .year:after, .historySlider .item.slick-current .year:after{ border-color: transparent transparent #c01920 transparent; } .historySlider .item:hover:nth-child(2n) .year:after{ border-color: #c01920 transparent transparent transparent; } .historySlider .slick-arrow{ position: absolute; top: 50%; width: 48px; height: 48px; margin-top: -24px; border: 0; font-size: 0; cursor: pointer; background-repeat: no-repeat; background: transparent; z-index: 100; } .historySlider{ padding: 0 33px; } .historySlider .slick-prev{ background-image: url(../images/prev1.png); left: -100px; } .historySlider .slick-next{ background-image: url(../images/next1.png); right: -100px; } .jobLine { position: absolute; left: 0; top: 0; width: 100%; height: 4px; background: #c01920; font-size: 0; } .notice-t { } .inv-title { font-size: 36px; color: #333; line-height: 54px; margin-bottom: 30px; text-align: center; } .notice-t li { width: 31.8%; float: left; margin: 0 2.1% 20px 0; background: #fff; padding: 8px 2.5% 34px; cursor: pointer; transition: box-shadow .3s; } .notice-t li a { display: block; width: 100%; } .notice-t li .time { font-size: 14px; color: #888; line-height: 56px; border-bottom: 1px solid #e5e5e5; padding-right: 37px; background: url(../images/su08.png) no-repeat right center; } .notice-t li .font { font-size: 20px; color: #333; line-height: 32px; height: 64px; margin-top: 18px; overflow: hidden; transition: color .3s; } .notice-t li:hover .font { color: #d20317; } .notice-t li:hover { box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .notice-t li:nth-child(3n) { margin-right: 0; } .notice-t .more, .govem-t .more, .finance-t .more { width: 182px; height: 50px; line-height: 50px; text-align: center; margin: 40px auto 0; font-size: 16px; display: block; border-radius: 2px; transition: background .3s; border: 1px solid #e5e5e5; } .notice-t .more:hover, .govem-t .more:hover, .finance-t .more:hover{ background: #d20317; color: #fff; } .govem-t-box .picslider { width: 48.5%; float: left; overflow: hidden; position: relative; margin-right: 3%; } .govem-t-box .picslider a{ display: block; position: relative; } .govem-t-box .picslider img{ display: block; width: 100%; } .govem-t-box .picslider p{ position: absolute; bottom: 0; left: 0; font-size: 20px; color: #fff; line-height: 20px; padding: 100px 90px 25px 3%; background: url(../images/su11.png) no-repeat left top; width: 100%; } .govem-t-box .picslider .slick-dots{ bottom: 10px; right: 25px; text-align: right; position: absolute; } .govem-t-box .picslider .slick-dots li{ display: inline-block; zoom: 1; *display: inline; margin: 0 5px; cursor: pointer; width: 11px; height: 11px; background: url(../images/su09.png) no-repeat center; cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; border-radius: 20px; } .govem-t-box .picslider .slick-dots li button{ display: none; } .govem-t-box .picslider .slick-dots li.slick-active{ background: url(../images/su09_h.png) no-repeat center; } .govem-t-box .newsList{ overflow: hidden; } .govem-t-box .newsList li{ width: 100%; font-size: 16px; color: #333; line-height: 57px; padding: 0 2%; border-bottom: 1px solid #e5e5e5; transition: background .3s, color .3s; } .govem-t-box .newsList li a{ display: block; color: #333; transition: color .3s; overflow: hidden; } .govem-t-box .newsList li .tit{ float: left; width: 70%; overflow: hidden; height: 57px; } .govem-t-box .newsList li .time{ font-size: 14px; color: #888; float: right; transition: color .3s; } .govem-t-box .newsList li:hover { background: #d20317; border-color: #d20317; } .govem-t-box .newsList li:hover a, .govem-t-box .newsList li:hover .time { color: #fff; } .finance-t { width: 100%; } .finance-t li { width: 48.5%; float: left; background: #fff; padding: 22px 0; float: left; margin-bottom: 28px; transition: box-shadow .3s; } .finance-t li a { display: block; width: 100%; float: left; padding: 0 12.5% 0 4%; background: url(../images/su13.png) no-repeat 95% center; transition: background .3s; } .finance-t li .pic { width: 60px; height: 60px; text-align: center; float: left; border: 1px solid #e5e5e5; border-radius: 50%; line-height: 60px; display: inline-block; } .finance-t li .con { margin-left: 3.5%; width: 84%; display: block; float: left; border-right: 1px solid #e5e5e5; } .finance-t li h2 { font-size: 20px; color: #333; line-height: 30px; height: 30px; overflow: hidden; transition: color .3s; } .finance-t li .font { font-size: 14px; color: #888; line-height: 21px; height: 21px; overflow: hidden; } .finance-t li:nth-child(2n) { float: right; } .finance-t li:hover { box-shadow: 0 0 20px rgb(0 0 0 / 10%); } .finance-t li:hover a { background: url(../images/su13_h.png) no-repeat 95% center; } .finance-t li:hover h2 { color: #d20317; } .platform { padding: 64px 0 86px; width: 100%; background: #fff } .platform-link { position: relative; display: block; text-align: center } .platform-link .pic { width: 100% } .platform-link .bg { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, .4) } .platform-link .con { display: block; width: 192px; height: 238px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto } .platform-link .con img { width: 100%; display: block; } .platform-link .con .img02 { position: absolute; top: 0; left: 0; width: 100%; opacity: 0; filter: alpha(opacity=0); transition: opacity .3s } .platform-link .con .font { font-size: 18px; color: #fff; line-height: 28px; margin-top: 22px; padding-right: 18px; display: inline-block; background: url(../images/su16.png) no-repeat right center; transition: color .3s, background .3s } .platform-link:hover .con .img02 { opacity: 1; filter: alpha(opacity=100); } .platform-link:hover .con .font { color: #d20317; background: url(../images/su16_h.png) no-repeat right center; } .govem-t{ padding: 40px 0; } .banner{/*height: 900px;*/position: relative;padding-top: 46.8%;} .banner .swiper-container{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .banner .swiper-slide{ overflow:hidden; position:relative;} .banImg{ height:100%; transform:scale(1.1); transition:all 8s linear; position:absolute; left:0; top:0; width:100%;} .banner .swiper-slide-active .banImg{ transform:scale(1);} .banMore{ color:#FFFFFF; font-weight:bold; margin-top:50px; display:inline-block; vertical-align:middle;} .banMore i{ display:inline-block; vertical-align:middle; width:10px; height:1px; background:#b80219; position:relative; margin-right:15px; transition:all 0.4s linear;} .banMore i:after{ position:absolute; right:-5px; top:50%; margin-top:-4px; width:8px; height:8px; border:1px solid #b80219; border-top:none; border-left:none; transform:rotate(-45deg); display:block; content:"";} .banMore:hover,.banMore:focus{ color:#FFFFFF;} .banner .swiper-pagination{ bottom:2%;} .banner .swiper-pagination-bullet{ width:12px; height:12px; margin:0 5px !important; border:2px solid #b80219; background:#b80219; opacity:1; vertical-align:middle; transition:all 0.4s ease 0s; position:relative;} .banner .swiper-pagination-bullet:after{ position:absolute; left:50%; top:50%; height:2px; width:0; background:#b80219; margin-top:-1px; display:block; content:""; transition:all 0.4s ease 0.2s;} .banner .swiper-pagination-bullet-active{ background:none; width:12px; height:12px;} .banner .swiper-pagination-bullet-active:after{ width:18px; transform:translateX(-50%);} /*2021.03.15*/ .textBg{ background:#FFFFFF; min-height:400px; max-width:1280px; margin:-27px auto 50px; padding:30px 50px 20px; font-size:14px; color:#666666; line-height:28px;} .tmTextTop{ overflow:hidden; border-bottom:1px solid #dddddd; padding:10px 0; margin-bottom:40px;} .goList{ float:right; font-size:16px; color:#999999; background:url(../images/goListBg.png) left center no-repeat; padding-left:40px; line-height:40px; margin-top:20px;} .goList:hover,.goList:focus{ color:#999999;} .tmTextTit{ overflow:hidden; padding-right:15px; font-size:16px; color:#999999; line-height:200%;} .tmTextTit h1{ font-size:30px; color:#333333; line-height:120%;} .tmTextTit .arTopInfor{ border:none; padding:5px 0 0;} .tmTextCen{ overflow:hidden; margin-bottom:30px;} .tmTextImg{ float:left; max-width:32%; margin-right:5%;} .tmTextCon{ overflow:hidden;} .tmTextCon p{ padding-left:30px;} .tmTextItem{ margin-bottom:15px;} .tmTextItem:last-child{ margin-bottom:0;} .tmTextItem .tmTextH2{ border:none;} .tmTextH2{ font-size:18px; color:#333333; margin:10px 0 0; padding:8px 0; border-bottom:1px solid #dddddd;} .tmTextH2 img{ margin-right:5px;} .tmTextH2 strong:after{ display:inline-block; vertical-align:bottom; width:4px; height:4px; margin:0 0 5px 6px; background:#bf0008; content:"";} .tmTextCen2 p{ margin:20px 0;} .tmTextCen3{ padding:0.26rem 0;} /*.tmTextCen3{ font-size:0; margin:15px -15px;} .tmTextCen3 p{ display:inline-block; vertical-align:top; width:50%; padding:0 15px; font-size:14px;}*/ .tmTextCen3 blockquote{ font-size:14px;} .jobText{ margin:25px 0;} .jobText h3{ font-size:18px; line-height:220%; color:#bf0008; margin:25px 0 5px;} .jobTip{ margin:20px 0; color:#666666; line-height:30px; background:url(../images/jobTipBg.png) left 5px no-repeat; padding-left:30px;} .jobTip a{ color:#666666; text-decoration:underline; transition:all 0.2s linear;} .arTop{ margin:50px 0; background:#FFFFFF; font-size:14px; color:#666666; line-height:24px;} .arTop a{ display:block; color:#666666; padding:40px;} .arTopImg{ float:left; max-width:413px; margin-right:40px;} .arTopRig{ overflow:hidden;} .arTopTit{ font-size:24px; color:#333333; line-height:120%; margin:10px 0; transition:all 0.3s linear;} .arTopLine{ display:block; width:48px; height:3px; background:#c01920; margin:15px 0;} .arTopBrief{ margin:15px 0; height:96px; overflow:hidden;} .arTopInfor{ border-top:1px solid #dddddd; padding:15px 0 0; margin:0;} .arTopInfor li{ font-size:14px; color:#999999; line-height:32px; padding:0; padding-right:24px;display: inline-block;} .arTopInfor li img{ max-width:20px; vertical-align:middle; margin-bottom:2px; margin-right:5px;} .arBot{ padding:40px; background:#FFFFFF; margin-top:50px;} .arBot li{ line-height:60px; font-size:14px; padding:0 20px;} .arBot li a{ color:#666666; padding-left:30px; background:url(../images/arBotBg.png) left center no-repeat; transition:all 0.3s linear;} .arBot li span{ float:right; color:#999999;} .arBot li:nth-child(2n+1){ background:#f6f6f6;} .arTit{ border-bottom:1px solid #dddddd; padding-bottom:10px;} .arTit h1{ font-size:30px; color:#333333; line-height:140%; margin:5px 0;} .arTit .arTopInfor{ border:none; padding:0;} .arLine{ width:100%; height:1px; background:#dddddd; font-size:0; margin:20px 0 0;} .stList li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);} .stList li a:hover .stHovBg{ opacity:0.9;} .stList li a:hover .stHovText{ opacity:1; transform:translateY(-50%); transition:all 0.3s linear 0.2s;} .ywCase li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);} .ywCase li a:hover .ywCaseTit{ color:#c01920;} .yjcg li a:hover .ywCaseTit{ color:#c01920;} .more:hover{ background:#c01920; color:#FFFFFF; border-color:#c01920;} .teamList2 li a:hover .teamTit2{ transform:translateY(0);} .teamList3 li a:hover .teamTit3{ color:#bf0008;} .goList:hover{ color:#bf0008; background-image:url(../images/goListBg2.png);} .box3Link:hover .bookInfor{ opacity:1; transform:translateX(0); transition:all 0.2s linear 0.2s;} .box3Link:hover .bookBrief{ opacity:1; transform:translateX(0); transition:all 0.2s linear 0.5s;} .bkBotLef li a:hover{ background-image:url(../images/bkPageBg2.png); color:#BF0008;} .shareIco1:hover{ background-position:0 -34px;} .shareIco2:hover{ background-position:-34px -34px;} .shareIco3:hover{ background-position:-68px -34px;} .shareIco4:hover{ background-position:-102px -34px;} .shareIco5:hover{ background-position:-136px -34px;} .research li a:hover{ box-shadow:0 0 20px rgba(0,0,0,0.1);} .research li a:hover .researchIco{ background-image:url(../images/researchIco2.png); border-color:#bf0008; background-color:#bf0008;} .research li a:hover .researchTit{ color:#bf0008;} .reBotRigList2 li a:hover{ color:#bf0008; padding-left:12px;} .reBotRigList2 li a:hover:before{ background:#bf0008;} .yjcgTop li a:hover{ background:#c01920; color:#FFFFFF;} .yjcgTop li a:hover span{ color:#FFFFFF;} .arTop a:hover .arTopTit{ color:#BF0008;} .arBot li a:hover{ color:#bf0008; padding-left:28px;} .conList li a:hover .seeMap{ background:#c01920; color:#FFFFFF;} .conList li a:hover .conLine{ width:100%; left:0; right:auto;} .mapItem:hover .mapDot{ animation:mapDot 0.6s linear infinite;} .mapItem:hover .mapConBg{ opacity:1; visibility:visible; transform:translateX(0);} .jobList li a:hover .jobTit span{ color:#bf0008; background-image:url(../images/box1MoreIcoBg1.png);} .jobList li a:hover .jobTit h3{ color:#BF0008;} .jobTip a:hover{ color:#BF0008;} .g-box1{padding: 1px 0;position: relative;z-index: 2; background-color: #f6f6f6; } .insdie-wrap{padding: 50px 0 75px;} .insdie-wrap #spred { font-size: 18px; font-family: 'Microsoft YaHei',氓戮庐猫陆炉茅鈥衡€γ┞烩€楙 color: #F00; margin-left: 12px } .insdie-wrap table { width: 100%; max-width: 100%; border: 0 } .insdie-wrap { border: 0; border-width: 0 0 1px 1px } .insdie-wrap td { padding: 8px 6px; border: 0; border-width: 1px 1px 0 0; font-size: 14px } .insdie-wrap td { line-height: 1.8 } .insdie-wrap td label { width: 100% } .insdie-wrap .applay-input { width: 250px; height: 36px; padding: 8px 10px; line-height: 18px; color: #666; border: 1px solid #ddd; box-shadow: 2px 2px 2px #f4f4f4 inset; background: #fff; font-size: 14px } .insdie-wrap select.applay-input { height: 36px; float: none; width: 250px } .insdie-wrap textarea.applay-input { width: 93%; height: 140px } .insdie-wrap .applay-input.code { width: 90px; margin-right: 8px } .insdie-wrap .submit1 { width: 150px; height: 36px; background: #de241b; font-size: 16px; color: #fff; border: 0; cursor: pointer } .row-comm{overflow: hidden;padding-top: 55px;padding-bottom: 35px; background-color: #fafafa; } .row-comm .col-l{width: 520px;} .row-comm .col-r{width: 520px;} .cur-comm{text-align: right;font-size: 16px;margin-bottom: 20px;} .cur-comm a{font-size: 16px;color: #000;opacity: .9; transition: opacity .3s; } .cur-comm i { width: 3px; height: 7px; background: url(../images/pro_img.png) no-repeat center center; margin: 0 5px 0 7px; display: inline-block; } .tit-comm h2 { font-size: 36px; color: #000; line-height: 55px; font-weight: bold; } .tit-comm h3 { font-size: 24px; color: #333; line-height: 32px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .tit-comm .link { width: 210px; padding-left: 77px; height: 50px; line-height: 50px; background: #c11a21 url(../images/pro29.png) no-repeat 50px center; display: block; font-size: 14px; color: #fff; margin-top: 46px; transition: background .3s, padding .3s; } .tit-comm .link:hover { background: #c11a21 url(../images/pro29.png) no-repeat 40px center; padding-left: 80px; } .m-slier1 .slide-pro .pic{height: 300px;text-align: center; line-height: 300px; } .m-slier1 .slide-pro .pic img{display: inline-block;vertical-align: middle; max-width: 100%; max-height: 240px; } .m-slier1 .slide-nav{border: 1px solid #cecece;padding: 10px 35px;} .m-slier1 .slide-nav .item{margin: 0 5px;} .m-slier1 .slide-nav .pic{border: 1px solid #ddd; background-color: #f5f5f5;height: 56px;line-height: 54px; cursor: pointer;text-align: center; opacity: .5; filter: alpha(opacity=50); transition: opacity .3s, border .3s; } .m-slier1 .slide-nav .pic img{display: inline-block;vertical-align: middle; max-height: 50px; } .m-slier1 .slide-nav .item.slick-current .pic{border: 1px solid #d9271b; opacity: 1; filter: alpha(opacity=100); } .m-slier1 .slick-arrow{position: absolute;top: 10px;width: 30px; bottom: 10px;font-size: 0;text-indent: 9999px;z-index: 2; border: 0;cursor: pointer; background-position: center;background-repeat: no-repeat; } .m-slier1 .slick-prev{left: 5px;background-image: url(../images/arr-l.png);} .m-slier1 .slick-next{right: 5px;background-image: url(../images/arr-r.png);} .m-slier1 .slick-arrow:hover{background-color: #d9271b;} .m-slier1 .slick-prev:hover{background-image: url(../images/arr-l-on.png);} .m-slier1 .slick-next:hover{background-image: url(../images/arr-r-on.png);} .row-comm .tips{color: grey;margin-top: 23px;} .m-tab1{*zoom:1;height: 89px; border-bottom: 1px solid #f2f2f2; } .m-tab1:after,.m-tab1:before{display:block; content:"clear"; height:0; clear:both; overflow:hidden; visibility:hidden; } .m-tab1 li{float: left;width: 175px;} .m-tab1 li a{display: block;line-height: 88px;font-size: 20px; color: #333;text-align: center;position: relative; } .m-tab1 li a:after{content: ''; width: 0; height: 2px; background: #d9271b; display: block; position: absolute; left: 50%; bottom: 0; transition: width .3s, left .3s; } .m-tab1 li a:hover:after,.m-tab1 li.hover a:after{width: 100%;left: 0;} .m-txt2 p{ font-size: 14px; color: #333; line-height: 30px; padding-left: 33px; background: url(../images/btn02.png) no-repeat left center; } .m-txt2 p:hover{background-image: url(../images/btn01_h.png);} .tab-show1{padding: 40px 0;} .m-txt1{font-size: 14px;line-height: 2;} .m-table1{width: 100%;line-height: 2;} .m-table1 th,.m-table1 td{border: 1px solid #ddd;} .i-link { width: 100%; height: auto; margin-top: 25px; margin-bottom: 25px; padding-top: 35px; } .i-link li{list-style-type:none;margin-right:20px;margin-bottom:10px;float:left;} .i-link li a{font-size: 14px;}