body { font-family: "微软雅黑"; font-size: 14px; margin: 0; padding: 0; min-width: 1200px; } ul, dl, dt, dd { margin: 0; padding: 0; list-style: none; } li { list-style: none; } a { text-decoration: none; color: #555; } img { border: 0; } .m { margin: auto; } .fl { float: left; } .fr { float: right; } .clear { clear: both; height: 1px; } .nav-bar { width: 100%; position: fixed; z-index: 1000; background: #fff; } .footer .top .list h2 a:hover { color: #006fab; text-decoration:underline } .header { width: 100%; background: url(../images/tbg.png) top center no-repeat; z-index: 10000; } .head { width: 1200px; height: 95px; } .logo { width: 190px; font-size: 14px; text-indent:58px; } .logo img { margin: 12px 0 5px 0; float: left; } .logo span { margin-top: 40px; display: block; color: #717075; font-size: 12px; } .logo span em b { font-family: Arial, Helvetica, sans-serif; } .nav { width: 980px; height: 46px; padding-top: 40px; float: right; } .nav>ul>li { /* width: 138px;*/ float: left; text-align: center; display: block;height: 40px; background: url(../images/s.png) right top no-repeat #fff; } .nav>ul>li.cn{ width: 140px; padding-bottom: 14px; } .nav>ul>li.cn img{ float: right; margin-top: -12px; } .nav>ul>li select{ border: none; outline: none; } .nav>ul>li>a { /*width: 132px;*/ color: #333333; text-align: center; padding-bottom: 14px; font-size: 14px; margin: 0 22px; display: block; } .nav>ul>li>a:hover { color: #333333; background: url(../images/h.png) center 25px no-repeat; } .nav>ul>li>a.cur { color: #333333; background: url(../images/h.png) center 25px no-repeat; font-size:14px; } .nav>ul>li:hover>a { color: #333333; background: url(../images/h.png) center 25px no-repeat; } .nav>ul>li>ul{ position: absolute; left: 0; width: 100%!important; height: 0px; visibility: hidden; padding-top: 30px; background:url(../images/mbg.png) 0 20px repeat-x; transition-duration: 0.2s; } .nav>ul>li:hover ul{ position: absolute; left: 0; width: 100%; height: 90px; visibility: inherit; } .nav>ul>li>ul li{ float: left; line-height: 22px; margin-top: 16px; display: none; } .nav>ul>li:hover ul li{ display: block; text-align: left; margin-left: 10px; } .nav>ul>li:nth-child(3)>ul>li{ padding-right: 10px; border-right: #cccccc solid 1px;} .nav>ul>li:nth-child(3)>ul>li:last-child{ border-right: none} .nav>ul>li:nth-child(3)>ul>li>a{border-right:none ; text-align:center !important;padding: 0; } .nav>ul>li>ul>li:nth-child(1){ margin-left: 10%;} .nav>ul>li:nth-child(3)>ul>li:nth-child(1){ margin-left: 14%; } .nav>ul>li:nth-child(2)>ul>li:nth-child(1){ margin-left: 21%;} .nav>ul>li:nth-child(4)>ul>li:nth-child(1){ margin-left: 51%;}/*新闻*/ .nav>ul>li:nth-child(5)>ul>li:nth-child(1){ margin-left: 28%;}/*Stock*/ .nav>ul>li:nth-child(6)>ul>li:nth-child(1){ margin-left: 61%;}/*人才*/ @media screen and (max-width:1440px) { .nav>ul>li:nth-child(3)>ul>li:nth-child(1){ margin-left: 14%;} } @media screen and (max-width:1366px) { .nav>ul>li:nth-child(3)>ul>li:nth-child(1){ margin-left: 10%;} .nav>ul>li:nth-child(2)>ul>li:nth-child(1){ margin-left: 16%;} } @media screen and (max-width:1280px) { .nav>ul>li:nth-child(3)>ul>li:nth-child(1){ margin-left: 4%;} .nav>ul>li:nth-child(2)>ul>li:nth-child(1){ margin-left: 10%;} } .nav>ul>li>ul li a{ padding: 0 20px 0 10px; font-size: 12px; color: #626262; border-right:#cccccc solid 1px; } .nav>ul>li>ul li a:hover{ color: #006ca7; } .nav>ul>li>ul li a.cur{ color: #006ca7; } .nav>ul>li>ul li:nth-last-child(1) a{ border-right: none;} .main{background: #f6f6f6;} .coo{width: 1300px; height: 430px; margin: 100px auto 0; background: #fff;z-index: 99;position: relative;} .an{ position: absolute; top: 50px; right: 50px;} .slm_c{width: 1300px;} .slm_c ul{ margin: auto;} .slm_c ul li{ width: 155px; height: 234px; float: left;border:#efefef solid 1px; padding: 5px; margin-right: 15px;} .slm_c ul li img{ width: 155px;} .slm_c ul li p{ border-top: #00b1ff solid 3px; line-height: 22px; padding-top: 5px; text-align: left; margin-bottom: 0;} .slm_c ul li:hover p{ border-top: #ea5b23 solid 3px;} .title {width: 1100px; margin:30px auto; padding: 1px 0; text-align: center; background: url(../images/hong.png) bottom center no-repeat;} .title h2{ font-size: 36px; line-height: 36px; color: #333; font-weight: normal;} .title h2 span{ font-size: 12px; font-family:microsoft yahei; /* padding:10px 0; */color: #b3b3b3; display: block;} .title_a {width: 1100px; margin: 80px auto; padding: 10px 0; text-align: center; background: url(../images/hong1.png) bottom center no-repeat;} .title_a h2{ font-size: 36px; line-height: 36px; color: #333; font-weight: normal; margin-bottom: 10px;} .title_a h2 span{ font-size: 14px; line-height: 24px; font-family:Tahoma; padding:10px 0; color: #6d6d6d;} .rd { width: 100%; height: 630px; background: url(../images/bg.png); /* margin-top: 50px;*/ padding-top: 1px; } .rd h3 { font-size: 36px; font-weight: normal; text-align: center; color: #0470bf; margin: 0; } .rd_c { width: 1200px; margin: 30px auto 0; } .rd_l { width: 454px; margin-right: 25px; } .rd_l dt { font-size: 23px; color: #006fab; padding: 25px 25px 10px; } .rd_l dd { font-size: 12px; color: #666666; padding: 0 95px 30px 25px; line-height: 20px; background: url(../images/r.png) 420px 10px no-repeat; } .rd_r { width: 348px; } .rd_r dt { font-size: 23px; color: #006fab; padding: 25px 25px 10px; } .rd_r dd { font-size: 12px; color: #666666; padding: 0 55px 30px 25px; line-height: 20px; background: url(../images/r.png) 320px 10px no-repeat; } .footer { max-width: 1920px; background: #fbfbfb; padding-top: 40px; margin: auto; } .footer .top { width: 1200px; margin: 0 auto; } .footer .top .list { margin-right: 20px; text-align: left; } .footer .top div.list:nth-child(5) { margin-right: 0; } .footer .top .list.list-last { width: 227px; height: 220px; margin-right: 0; color: #FFF; line-height: 30px; text-align: right; margin-top: 16px; font-size: 12px; /*background: url(../images/map.png) left bottom no-repeat;*/ } .footer .top .list h2 { height: 46px; line-height: 46px; color: #333333; font-size: 16px; font-weight: normal; } .footer .top .list.list-first h2 { padding-right: 0; } .footer .top .list p, .footer .top .list p a { display: block; color: #8a8a8b; font-size: 12px; margin: 10px 0; } .footer .top .list p a:hover { color: #006fab; text-decoration:underline } .footer .top .share a { display: block; cursor: pointer; } .footer .top .share a span { display: inline-block; width: 35px; height: 35px !important; padding-left: 0 !important; } .footer .top .share a.sina span { background-position: 0 0; margin-top: 30px; } .footer .top .share a.wx span { background-position: 0 -87px; margin-top: 50px; } .CopyBg { width: 100%; background: #034b93; line-height: 80px; margin-top: 40px } .CopyBg_b { width: 1200px; margin: auto; text-align: center; color: #FFF; } .CopyBg_b a { color: #FFF; padding: 0 15px; } /******************************************************************/ .abanner{ width: 100%; height: 375px; background: url(../images/banner/about-1.jpg) center bottom no-repeat; } .banner_2{width: 100%;height: 375px;background: url(../images/banner/about-2.jpg) center bottom no-repeat;} .banner_4{width: 100%;height: 375px;background: url(../images/banner/about-4.jpg) center bottom no-repeat;} .banner_5{width: 100%;height: 375px;background: url(../images/banner/about-5.jpg) center bottom no-repeat;} .Productsm1{width: 100%;height: 375px;background: url(../images/banner/productsm1.jpg) center bottom no-repeat;} .Productsm2{width: 100%;height: 375px;background: url(../images/banner/productsm2.jpg) center bottom no-repeat;} .Productsm3{width: 100%;height: 375px;background: url(../images/banner/productsm3.jpg) center bottom no-repeat;} .xmenu { height: 52px; line-height: 52px; margin-top: 15px; } .xmenu ul { width: 1200px; height: 49px; border-bottom: #a5a5a5 solid 2px; margin: auto; } .xmenu ul li { float: left; margin-right: 1px; } .xmenu ul li a { height: 49px; margin: 0 0; padding: 0 20px; display: block; color: #6f6f6f; } .xmenu ul li a:hover { background: url(../images/h1.png) bottom center no-repeat; color: #6f6f6f; transition: background-color 0.5s linear; } .xmenu ul li a.cur { background: url(../images/h1.png) bottom center no-repeat; color: #6f6f6f; } .pmenu { height: 52px; line-height: 52px; margin-top: 15px; font-size: 12px; } .pmenu ul { width: 1200px; height: 49px; border-bottom: #a5a5a5 solid 2px; margin: auto; } .pmenu ul li { float: left; margin-right: 1px; } .pmenu ul li a { height: 49px; padding: 0 26px 11px; text-align: left; display: block; color: #6f6f6f; line-height: 22px; } .pmenu ul li a:hover { background: url(../images/sanjiao.png) bottom center no-repeat; color: #6f6f6f; transition: background-color 0.5s linear; } .pmenu ul li a.cur { background: url(../images/sanjiao.png) bottom center no-repeat; color: #6f6f6f; } .con_a { width: 1200px; float: left; margin: auto; margin-top: 20px; color: #6d6d6d; padding-bottom: 50px; } .con_a_l { width: 524px; } .con_a_l dl { width: 150px; margin-top: 40px; } .con_a_l dl dt em { font-style: normal; font-size: 26px; font-family: Impact; margin: 0 5px; } .con_a_l dl dd { border-bottom: #ccc solid 1px; } .gr { color: #00ae4a; } .ch { color: #ff6600; } .bl { color: #084f95; } .con_a_r { width: 640px; line-height: 24px; } .con_a_r p { margin: 0 0 15px 0; } .w660 { width: 660px; } .mr50 { margin-right: 50px; } .tr { text-align: right; } .lh38 { line-height: 38px; } .mt50 { margin-top: 50px !important; } .con_p a { width: 240px; height: 421px; float: left; display: block; } .con_p a:hover { background: url(../images/pp.png) center center no-repeat; } .con_p dl { width: 190px; text-align: center; font-size: 12px; margin: 40px auto; } .con_p dl:nth-child(5){ margin-right: 0; } .con_p dl img { margin-bottom: 30px; } .con_p dl dt { line-height: 20px; margin-bottom: 20px; color: #959595; text-align: left; } .con_p dl dd { width: 100%; height: 30px; line-height: 30px; background: #959595; color: #fff; border-radius: 5px; display: block; } .con_c>div { border-bottom: #eaeaea solid 1px; padding: 60px 0 40px 0; } .con_c>div:nth-child(1) { padding-top: 0; } .con_c div img { max-width: 400px; float: left; } .sz { width: 110px; font-size: 64px; line-height: 64px; text-align: right; float: left; } .con_c div dl { width: 570px; float: left; margin-left: 10px; color: #6d6d6d; } .con_c div dl dt { font-size: 36px; } .con_c div dl dd { font-size: 14px; line-height: 24px; margin: 10px 0 10px 0; } .con_c div dl dd p{ margin: 0; padding: 0;} .con_c div dl dd p:nth-last-child(2n+1){ text-indent: 3em;} .f20 { font-size: 20px !important; } .pro_l { width: 230px; margin-top: 30px; margin-bottom: 80px; float: left; } .pro_l ul { margin: 0; padding: 0; } .pro_l ul li { /* height: 42px; */ padding: 5px 0; line-height: 24px; font-size: 14px !important; text-indent: 1em; border-bottom: #d5d5d5 solid 1px; } .pro_l>ul>li:nth-child(1) { border-top: #d5d5d5 solid 1px; } .pro_l ul li a { width: 100%; color: #a2a2a2; display: block; font-size: 12px; } .pro_l ul li a p{ padding-left: 2.5em; text-indent: 0; margin: 0; font-size: 12px; } .pro_l ul li a:hover { color: #0f59b1; } .pro_l ul ul li { text-indent: 2em; } .pro_l ul ul li a:hover { background: url(../images/shu.png) 1em center no-repeat; text-indent: 2em; } .pro_l ul ul li.cur a { background: url(../images/shu.png) 1em center no-repeat; color: #0f59b1; } .pro_l ul li.cur a { color: #0f59b1; } .pro_l ul li.cur a p{ color: #0f59b1; line-height: 16px; } .main_c { width: 1200px; margin: auto; } .main_c_l { width: 935px; min-height: 500px; } .con { width: 800px; float: left; margin: auto; margin-top: 20px; color: #6f6f6f; } .main_c_r { width: 325px; padding: 20px 0 0 20px; } .main_c_r>a { margin-bottom: 10px; display: block; float: left; } .main_c_r dl { width: 100%; border: #e7e7e7 solid 1px; float: left; padding-bottom: 10px; } .main_c_r dl dt { font-size: 14px; padding: 10px; color: #747474; } .main_c_r dl dd { font-size: 12px; padding: 0 10px; line-height: 20px; color: #747474; } .main_c_r dl dd a { color: #2570a7; } .main_c_r li { width: 325px; height: 100px; background: url(../images/r4.png) 20px center no-repeat #a9cbd8; float: left; margin: 10px 0; } .main_c_r li a { color: #fff; font-size: 12px; margin: 25px 0 0 100px; display: block; } .main_c_r li a h3 { font-size: 22px; font-weight: normal; margin: 0; } .n_con { width: 806px; float: left; margin: auto; margin-top: 20px; color: #d3d3d3; } .n_con_s { margin:50px 20px 30px 0; float: left; } .n_con_s:hover >.sj{ background: #0573b0; } .n_con_s:nth-child(2) { margin-right: 0; } .n_con_s div.sj { width: 141px; height: 415px; background: #d3d3d3; color: #fff; text-align: center; float: left; transition: background 1s; -moz-transition: background 1s; /* Firefox 4 */ -webkit-transition: background 1s; /* Safari 和 Chrome */ -o-transition: background 1s; /* Opera */ } .n_con_s:nth-child(2) div.sj{ /*background: #d3d3d3;*/ } .n_con_s div.sj h2 { margin-top: 20px; font-size: 78px; font-weight: normal; } .n_con_s div.sj h2 span { font-size: 22px; display: block; } .n_con_s div.sj a { width: 60px; height: 36px; line-height: 36px; margin: 190px auto 0; border: #fff solid 1px; color: #fff; display: block; } .n_con_s dl { width: 449px; height: 415px; float: left; background: #e9e9e9; color: #565656; } .n_con_s dl dd { font-size: 14px; line-height: 22px; margin: 0 20px 0 20px; float: left; } .n_con_s dl dt { font-size: 18px; margin: 20px 0 10px 20px; float: left; transition: background 2s; -moz-transition: background 2s; /* Firefox 4 */ -webkit-transition: background 2s; /* Safari 和 Chrome */ -o-transition: background 2s; /* Opera */ } .n_con_s img { float: left; } .neiye1-news { float: left; width: 100%; margin-bottom: 15px; } .neiye1-nlie { float: left; width: 100%; height: 161px; border-bottom: solid 1px #e1e1e1; padding-bottom: 20px; margin-bottom: 20px; } .neiye1-nlie .neiye1-nimg { float: left; width: 258; height: 161px; margin-right: 22px; } .neiye1-nlie .neiye1-nt a { float: left; width: 920px; height: 32px; line-height: 32px; font-size: 18px; margin-bottom: 10px; color: #6e6e6e; overflow: hidden; } .neiye1-nlie .neiye1-nk a { float: left; width: 920px; height: 80px; line-height: 20px; font-size: 14px; color: #6e6e6e; overflow: hidden; } .neiye1-nlie>a { width: 166px; height: 35px; line-height: 35px; text-align: center; float: left; border: #777373 solid 1px; display: block; transition: background 1s; -moz-transition: background 1s; /* Firefox 4 */ -webkit-transition: background 1s; /* Safari 和 Chrome */ -o-transition: background 1s; /* Opera */ } .neiye1-nlie:hover>a { border: #0573b0 solid 1px; background-color: #0573b0; color:#FFF } .con_l { width: 726px; float: left; } .con_l img{ margin: 82px 0;} .con_l dl { width: 450px; color: #adadad; padding-bottom: 20px; margin-bottom: 20px; margin-right: 50px; border-bottom: 1px solid #d6d6d6; float: right; } .con_l dl dt { font-size: 18px; margin-bottom: 10px; } .con_l dl dd { font-size: 14px; line-height: 24px; } .con_r { width: 450px; float: left; } .con_r dl { width: 450px; color: #adadad; padding-bottom: 20px; margin-bottom: 20px; border-bottom: 1px solid #d6d6d6; float: right; } .con_r dl dt { font-size: 18px; margin-bottom: 10px; } .con_r dl dd { font-size: 14px; line-height: 24px; } .p_con { width: 100%; float: left; margin: auto; margin-top: 20px; color: #8a8a8b; } .p_con>dl:hover>a>img{border: #006fab solid 1px;} .p_con dl { width: 226px; float: left; text-align: center; margin: 0 10px 10px 0; } .p_con dl:nth-child(4n) { margin-right: 0; } .p_con dl img{ width: 215px; height: 196px; border: #d5d5d5 solid 1px; } .wt12p { font-size: 14px; line-height: 36px; color: #646464; width: 98.5%; width: 84.5% !important; overflow: hidden; float:left !important; white-space: nowrap; text-overflow: ellipsis; background: none !important } .p_con dl dt { font-size: 14px; line-height: 36px; height: 36px; overflow:hidden; text-overflow: ellipsis; white-space:nowrap; color: #646464; width: 98.5%; background: url(../images/j.png) right center no-repeat; } .p_con dl dd { display: none; } .h_con { width: 800px; float: left; margin: auto; margin-top: 20px; color: #8a8a8b; } .clearfix:before, .clearfix:after { display: table; content: ""; line-height: 0px; } .clearfix:after { clear: both; } .jo1 .tis .line { display: block; width: 30px; height: 1px; background: #1a1a1a; margin: 25px auto; } .jo1 .tis .arrow { width: 100%; height: 10px; background: url(../images/jo_arrow.png) no-repeat center center; display: block; animation: omap 1.5s linear alternate infinite; -webkit-animation: omap 1.5s linear alternate infinite; } .jo1 .tx { width: 60%; float: right; text-align: justify; } .jo1 { padding: 8.8% 0 6.2% 0; } .jo2 { margin-bottom: 50px; } .jotis { border-bottom: #ccc solid 1px; } .jotis span:nth-child(1) { text-indent: 2em; } .jot span { display: block; width: 24%; float: left; line-height: 47px; height: 47px; overflow: hidden; } .jod>span { color: #8a8a8b; cursor: pointer; transition: 300ms; -webkit-transition: 300ms; } .jotxs { position: relative; border-bottom: #e9e9e9 solid 1px; } .jos { display: none; } #triangle { width: 0px; height: 0px; border-width: 10px; border-style: solid; border-color: transparent transparent #f6f6f6 transparent; margin: -10px 0 0 50px; } .jos .bodr { border-top: 0; background: #f6f6f6; padding: 30px 0; } .jos .bodr dl dd { width: 29%; height:auto; padding: 0 4%; float: left; border-right: #efefef solid 1px; color: #8a8a8b; font-size: 12px; line-height: 22px; } .jos .bodr dl dd h3 { font-size: 16px; font-weight: normal; } .jos .bodr dl dd a { width: 120px; height: 36px; line-height: 36px; margin:10px 0; background: #ff7200; color: #fff; border-radius: 5px; display: block; font-size: 16px; text-align: center; } .jos .bodr dl dd:nth-child(3) { width: 19%; border: none; padding: 0 3%; } .jotxs .line { position: absolute; } .jotxs .line_1 { width: 20px; height: 20px; top: 13px; left: 0; } .jotxs .line_2 { width: 20px; height: 20px; top: 13px; left: 0; } .jotxs .arrow { width: 55px; height: 47px; position: absolute; top: 0; right: 0; transition: 300ms; -webkit-transition: 300ms; } .jotxs .arrow .line_1 { display: block; } .jotxs .arrow .line_2 { display: none; } .jotxs.act .arrow .line_1 { display: none; } .jotxs.act .arrow .line_2 { display: block; } .m_con{ width: 820px; height: 800px; float: left; margin: auto; margin-top: 40px; background: url(../images/me1.jpg); } .m_con input{ width: 460px; height: 38px; margin: 5px auto; line-height: 38px; font-size: 16px; text-indent: 2em; border: #f1f1f1 solid 1px; border-radius: 8px; color: #acacac; outline: none; } ::-webkit-input-placeholder { /* WebKit, Blink, Edge */ color:#acacac; } :-moz-placeholder { /* Mozilla Firefox 4 to 18 */ color:#acacac; } ::-moz-placeholder { /* Mozilla Firefox 19+ */ color:#acacac; } :-ms-input-placeholder { /* Internet Explorer 10-11 */ color:#acacac; } .m_con textarea{ width: 456px; line-height: 38px; margin: 5px auto; font-size: 16px; font-family: "微软雅黑"; text-indent: 2em; border: #f1f1f1 solid 1px; border-radius: 8px; color: #acacac; outline: none; } input.Fotype{ width: 334px; float: left; } #gsimg{ display: inline-block; position: relative; top: -11px; height: 20px; } #gsimg img{ height: 50px; display: block; } .gyb-nr { margin: 0 52px; background: url(/images/gyb.png) center center repeat-x; position: relative; } .gyb-nr .gybslide { height: 411px; } .gyb-nr .gybslide .swiper-slide { width: 310px !important; margin-left: -28px; margin-right: 0 !important; position: relative; height: auto; padding-left:30px; height:211px;} .gyb-nr .gybslide .swiper-slide,.gyb-nr .gybslide .swiper-slide.my-slide-visible.swiper-slide-prev{ opacity:0;} .gyb-nr .gybslide .swiper-slide.my-slide-visible{opacity:1; } .gyb-nr .gybslide .swiper-slide:nth-child(1) { margin-left: 0px} .gyb-nr .gybslide .swiper-slide ul { padding: 5px 0px; padding-top: 10px; margin-left: -2px; } .gyb-nr .gybslide .swiper-slide ul li { background: url(/images/libj.png) left 4px no-repeat; padding-left: 15px; font-size: 13px; color: #666666; line-height: 18px; margin-bottom: 5px; } .gyb-nr .gybslide .swiper-slide .time { position: relative; display: block; height: 50px; background: #2b5d9a; line-height: 50px; text-align: center; font-family: Impact; color: #fff; font-size: 36px; border-radius:0px 0px 10px 0px;/* 四个半径值分别是左上角、右上角、右下角和左下角 */ -moz-border-radius:0px 0px 10px 0px; -webkit-border-radius:0px 0px 10px 0px; } .gyb-nr .gybslide .swiper-slide:nth-of-type(even) { margin-top: 193px; padding-top: 50px; background: url(/images/bjb.png) left top no-repeat; } .gyb-nr .gybslide .swiper-slide:nth-of-type(odd) { margin-top:8px; background: url(/images/bja.png) left bottom no-repeat; } .about-b{ background: url(/images/lcbj.png) center center no-repeat; background-size:100% 100%; } .about-b .page-div-bt .hanzi .nr { background: #eeefef; } .gyb-nr .dasjfan { position: absolute; width: 44px; height: 44px; top: 50%; margin-top: -22px; } .gyb-nr #dasjslideprev { background: url(/images/shang.png) center center no-repeat; left: -52px; } .gyb-nr #dasjslidenext { background: url(/images/xia.png) center center no-repeat; right: -52px; } .prod_l{ line-height: 24px;} .prod_r{ line-height: 24px;} .act li { width: 285px; float: left; margin-right: 12px; padding-bottom: 10px; border-bottom: 1px solid #a6a6a6; margin-bottom: 50px; } .act li:hover{ border-bottom: 1px solid #006fab; } .act li a:hover{color:#006fab} .act li a:hover>img {-webkit-transform: scale(1.02); -moz-transform: scale(1.02); -ms-transform: scale(1.02); -o-transform: scale(1.02); transform: scale(1.02);} .act li img{width: 100%; top: 0; position: relative; left: 0; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; -o-transition: -o-transform 0.3s; transition: transform 0.3s;} .act li:nth-child(4n){ margin-right: 0;} .act li img{ margin-bottom: 5px;} .act li a { color: #a6a6a6; } .act span{ height: 42px;display: block;line-height: 24px;} .layui-layer-close{ position: absolute; right: 0; top: 0; border-radius: 50%; background: #000; color: #fff; opacity: .8; font-size: 32px; line-height: 32px; vertical-align: middle; text-align: center; width: 42px; height: 42px; z-index: 100; transform: translate(50%,-50%); cursor: pointer;} .layui-layer-setwin a{ width: 42px; line-height: 36px; font-size: 42px; height: 42px; top: -10px; right: -10px;} .cn>span a:hover{ color: #006ca7;text-decoration:underline } .mo:hover{ border: #006ca7 solid 2px; transition: all 1s; -moz-transition: all 1s; /* Firefox 4 */ -webkit-transition: all 1s; /* Safari 和 Chrome */ -o-transition: all 1s; /* Opera */ }