.header{ background:#fff; } .header .hd{ background: #fff; color:#555555; height:110px; } .header .hd .uk-navbar-left{ min-height:110px; } .header .hd .uk-navbar-right>a{ display: inline-block; margin-right:20px; } .header .hd .logo{ } .header .hd .logo img{ margin:0; } .header .hd .lan{ margin-left:20px; } .header .hd .lan .cur{ width:100px; cursor: pointer; border:1px solid #808080; position: relative; height: 24px; line-height: 22px; padding:0 30px 0 10px; } .header .hd .lan .cur span{ position: absolute; right:0; top:0; bottom:0; color:#fff; background:#808080; display: block; padding:1px; } .header .hd .lan .uk-drop{ margin:0; border-radius: 4px; padding:5px 15px; width:100px; background:#fff; box-shadow:0px 0px 4px 2px rgba(0,0,0,0.05); } .header .bd{ height: 46px; background:#606060; } .header .bd .menu>li{ min-width:100px; } .header .bd .menu>li>a{ display: block; text-align: center; line-height: 46px; color:#fff; } .header .nav_layer{ display: none; position: absolute; left: 0; right: 0; z-index: 99; background:rgba(255,255,255,0.6); color:#000; } .header .nav_layer>div>.uk-grid>.uk-width-1-4 .wrap{ border-left:1px solid #d2d2d2; border-right:1px solid #d2d2d2; } .header .nav_layer .uk-width-1-3 .wrap img{ width:100%; } .header .nav_layer .uk-width-expand .desc{ min-height: 150px; } .header .nav_layer .uk-grid .wrap{ padding:30px 0;} .header .nav_layer .uk-grid .uk-width-1-4 .wrap{ padding:30px; } .header .nav_layer .uk-grid .uk-width-1-4 .wrap a{ font-size:15px; display: block; line-height: 44px; } .header .nav_layer .uk-grid .uk-width-1-4 .wrap .uk-grid>div{ border-bottom:1px solid #ebebeb; } .banner{ position: relative;} .banner .uk-slidenav{ width:74px; height: 74px; text-align: center; opacity: 0.6; } .banner .uk-slidenav svg{ display: none;} .banner .uk-slidenav-previous{ background: url(../images/ban_l.png) no-repeat; left: 50px; } .banner .uk-slidenav-next{ background: url(../images/ban_r.png) no-repeat; right:50px; } .banner .uk-slidenav:hover{ opacity: 1; } .banner .uk-dotnav{ bottom:30px; } .banner .uk-dotnav>*>*{ width:18px; height: 18px; border:0; background:#fff; border-radius: 9px; transition: all ease 0.3s; } .banner .uk-dotnav>.uk-active>*{ width:50px; } .banner .mask{ position: absolute; left: 0; top:0; right:0; bottom:0; background:url(../images/video_cover.png); } .title{ position: relative; margin-bottom:40px; text-align: center; line-height: 1.4;} .title a{ display: inline-block; position: relative;} .title .subtitle span{ display: inline-block; padding:0 20px; position: relative; } .title .subtitle span::before,.title .subtitle span::after{ position: absolute; top:11px; content: ''; display: block; width:80px; height: 1px; background: #007fd8;} .title .subtitle span::before{ left: -80px; } .title .subtitle span::after{ right: -80px;} .ipart1{ padding:50px 0 60px;} .ipart1 .inewsleft{ width:450px; } .ipart1 .inewsleft .pic{ background:#e9e9e9; padding:15px; border:10px solid #ddd; margin-bottom: 10px; } .ipart1 .inlist{ margin-top:-10px; } .ipart1 .inlist li{ padding:0 80px 0 20px; position: relative; } .ipart1 .inlist li::before{ position: absolute; left: 0; top:15px; content:''; display: block; width:10px; height: 10px; border-radius: 50%; background:#1586da; } .ipart1 .inlist li a{ display: block; line-height: 40px; } .ipart1 .inlist li .date{ position: absolute; right:0; top:0; line-height: 40px; } /* .ipart1 .newsslide{ width:600px; } .ipart1 .newsslide .tit{ position: absolute; bottom:0; width:100%; padding:10px 120px 10px 15px; line-height: 40px; background:rgba(0,0,0,0.8); } .ipart1 .newsslide .uk-position-bottom-right{ bottom:15px; right:15px;} .ipart1 .newsslide .uk-position-bottom-right .uk-active a{ background:#2056ac; } .ipart1 .newsslide .uk-position-relative{ height: 100%; } .ipart1 .newsslide .date{ position:absolute; right:0; top:0; bottom:0; padding:4px 15px; background:#0d62a6; line-height: 1.4; width:80px; text-align: center; font-size:18px; color:#fff; } .ipart1 .newsslide .date span{ display: block; font-size:20px; border-top:1px dashed #fff; } .ipart1 .newsslide .uk-dotnav{ top:10px; left: 10px; } .ipart1 .newsslide .uk-dotnav>*>*{ width:10px; height: 10px; border:0; background:#fff; border-radius: 5px; transition: all ease 0.3s; } .ipart1 .newsslide .uk-dotnav>.uk-active>*{ width:50px; } */ /* .ipart1 .first *{ transition: all ease 0.3s;} .ipart1 .first .con{ position: relative; padding-left:66px; } .ipart1 .first .con .uk-icon{ position: absolute; left: 0; top:0; padding:6px 5px; width:52px; height: 52px; background:#e1e1e1; border-radius: 50%; } .ipart1 .first:hover .tit, .ipart1 .first:hover .desc{ color:#0d62a6; } .ipart1 .nlist{ margin:20px 0; border-top:1px dashed #ebebeb; } .ipart1 .nlist li{ border-bottom:1px dashed #ebebeb; padding:20px 0; } .ipart1 .nlist li .uk-position-relative{ padding-left:135px; } .ipart1 .nlist li .pic{ position: absolute; left:0; top:-4px; width:120px; } .ipart1 .nlist li *{ transition: all ease 0.3s;} .ipart1 .nlist li:hover .tit, .ipart1 .nlist li:hover .desc{ color:#0d62a6; } */ .ipart2{ padding:50px 0 80px; background:url(../images/bg2.png); background-size:cover; } .ipart2 .title{ color:#fff; } .ipart2 .title .subtitle span::before,.ipart2 .title .subtitle span::after{ background: #fff; } .ipart2 .title .f26{ color:#fff; } .ipart2 .title .subtitle{ color:#fff; } .ipart2 .ipslider{ padding:0 120px; } .ipart2 .ipslider .uk-inline-clip{ border-bottom:3px solid #0172b6; display: block; } .ipart2 .ipslider .uk-inline-clip img{ width:100%; } .ipart2 .ipslider .uk-inline-clip .uk-overlay-default{ background:rgba(0,68,170,0.5); padding:10px; } .ipart2 .ipslider .uk-slidenav{ width:62px; height: 122px; text-align: center; opacity: 0.6; margin:0 30px; } .ipart2 .ipslider .uk-slidenav svg{ display: none;} .ipart2 .ipslider .uk-slidenav-previous{ background: url(../images/ico_l.png) no-repeat; } .ipart2 .ipslider .uk-slidenav-next{ background: url(../images/ico_r.png) no-repeat; } .ipart2 .ipslider .uk-slidenav:hover{ opacity: 1; } .ipart3{ padding:50px 0 20px;} .ipart3 .isolu>.uk-flex>div{ height: 440px; transition: all ease 0.3s; } .ipart3 .isolu>.uk-flex>div:hover{ width:400px; flex:2; } .ipart3 .isolu .con{ color:#fff; padding:30px 10px; } .ipart3 .isolu .con .f20{ position: relative; padding-bottom: 20px; } .ipart3 .isolu .con .f20::before{ position: absolute; left: 0; bottom:10px; display: block; content:''; width:40px; height: 3px; background: #fff;} .ipart4{ padding:50px 0 120px;} .ipart4 .counters{ padding-top:50px; } .counters{ color:#666666; } .footer{ background: #606060; padding:40px 0 0px; color:#fff; } .footer .fotnav dl{ margin:0 30px 0 0;} .footer .fotnav dl dt{ margin-bottom: 5px; } .footer .fotnav a{ color:#ffffff; display:block; line-height: 30px; } .footer a{ color:#fff; } .footer a:hover{ color:#e9e9e9; } .footer .fotqr{ width:450px; } .footer .fotqr .pic{ margin:0 30px; } .footer .fotqr .f14{ background:#193fbe; color:#fff; padding:3px 2px; } .footer .copyright{ border-top:1px solid #808080; padding:30px 0; margin-top:40px; } .footer .copyright .uk-position-right .su{ margin:0 5px;} /*鍐呴〉瀵艰埅*/ .inban{ position: relative; height: 400px; background-size:cover; background-repeat: no-repeat; background-position: center; } .tBody{ background: #fff; padding-bottom:120px; padding-top:50px; min-height: 680px; } /*瀛愬鑸?/ .intitle{ border-bottom:1px solid #e0e0e0; padding-top:15px; height:85px; } .subnav{ height: 70px;} .subnav a{ display: inline-block; position: relative; color:#323232; line-height: 70px; height: 70px; padding: 0 10px; margin-right:40px; text-align: center; } .subnav a:hover,.subnav a.active{ color:#0d62a6; } .subnav a:hover::before,.subnav a.active::before{ position: absolute; bottom:-1px; left: 0; content:''; width:100%; height: 3px; background: #0d62a6; border-radius: 5px; } .crumb{border-bottom:1px solid #e7e7e7; height: 66px; padding-top:10px;} .crumb .wrap{ line-height: 55px; color:#717171; } .crumb .wrap a{ color:#717171; } .crumb .wrap a:last-child,.crumb .wrap a:hover{ color:#0d62a6; } /*鎷涜仒*/ .joblist li{ background:#f7f7f7; padding:20px 30px; margin-bottom:30px; } .joblist li .tit{ border-bottom:1px dotted #bdbdbd; padding:0px 0 10px; color:#000;} .joblist li .ctn{ padding:15px 0; color:#838383; line-height: 2; } .joblist li .ctn .wrap{ position: relative; padding-left:90px; /*margin-bottom:20px;*/ } .joblist li .ctn .wrap>span.name{ position: absolute; left: 0; width:85px; text-align: right;} .joinus{ margin-bottom:40px; } .joinus .box{ margin:0px auto 0; max-width: 800px; border-radius: 25px; border:2px dashed #eaeaea; padding:10px 80px; } .joinus .box li{ margin:15px 0; position: relative; padding-left:90px; } .joinus .box li span{ position: absolute; left: 0; } .content{ line-height: 2; color:#494949; } .content img{ height: auto!important;} /* .content table{ max-width:100%; } .content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */ /* .content table{ border-collapse:collapse; backface-visibility:visible; width: 100%; } .content table td,.content table th{ border:1px solid #ccc; padding: 3px; } */ /* .content table{ border-collapse: collapse; width:100%; } .content table td{border:1px solid #ccc!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;} .content table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;} .content table tbody tr >td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!important; } */ /*涓氬姟*/ .business>div{ width: 270px; } .business .uk-panel{ padding:15px; border-top-left-radius: 135px; border-top-right-radius: 135px; background: #f6f6f6; position: relative; } .business .uk-panel::after{ position: absolute; bottom:0; left: 0; content:''; display: block; width:0; height: 0; border-left:135px solid transparent; border-top:0; border-right:135px solid transparent; border-bottom:20px solid #fff; } .business .uk-panel .ico{ width:100%; height: 240px; border-radius: 50%; background: #0d62a6; color:#fff; padding-top:25%;} .business .uk-panel .ico i{ line-height: 1;} .business .uk-panel .con{ padding:20px 30px; min-height: 280px; line-height: 2; color:#535353; } /*鍏充簬鎴戜滑*/ .culture .info{ max-width:800px; border:2px dashed #ece2dc; margin: 0 auto; text-align: center; padding:30px 50px; margin-bottom: 80px; } .culture .icos .uk-panel{ width:340px; } .culture .icos .desc{ padding:20px; line-height: 2.2; } .culture .icos .f36{ width:174px; height: 200px; margin:0 auto; line-height: 200px; text-align: center; color:#fff; background: url(../images/bg_six_big.png); background-size: cover; } /*鍙戝睍鍘嗙▼*/ /* .history>div{ color:#e1e1e1; } .history ul{ position: relative; padding-top:70px; padding-bottom:40px; margin-top:-40px; } .history ul::before{ position: absolute; top:0; left: 50%; margin-left:-1px; content:''; display: block; width:1px; height: 100%; border-radius: 50%; background: #e1e1e1; } .history ul li{ min-height: 150px; position: relative;} .history ul li .wrap{ position: relative; padding-top:34px; } .history ul li .year{ position: absolute; top:0; left:50%; margin-left:-50px; display: block; width:100px; height: 100px; line-height: 100px; border-radius: 50%; text-align: center; background:#e1e1e1; } .history ul li .year::before{ content:''; display: block; width:0; height: 0; position: absolute; top:46px; } .history ul li:nth-child(odd){ padding-left: 50%;} .history ul li:nth-child(odd) .wrap{ padding-left: 120px; } .history ul li:nth-child(odd) .year::before{ left: 98px; border-top:4px solid #fff; border-bottom:4px solid #fff; border-left:60px solid #e1e1e1; border-right:0;} .history ul li:nth-child(even){ padding-right: 50%;} .history ul li:nth-child(even) .wrap{ padding-right: 120px; text-align: right;} .history ul li:nth-child(even) .year::before{ left: -58px; border-top:4px solid #fff; border-bottom:4px solid #fff; border-right:60px solid #e1e1e1; border-left:0;} .history ul li:hover .year{ background-color: #0d62a6;} .history ul li:nth-child(odd):hover .year::before{ border-left-color:#0d62a6; } .history ul li:nth-child(even):hover .year::before{ border-right-color:#0d62a6; } */ /*鐣欒█*/ .utf-8tit{ width:800px; margin: 40px auto; } .utf-8tit .iconfont{ display: block; background: #0d62a6; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; color:#fff; font-size: 50px;} /*鑱旂郴鎴戜滑*/ .contact{ padding-top:10px; } .contact #amap{ height: 500px;} .contact .uk-width-auto{ width:380px; } /* .contact .uk-width-3-4\@s{ padding-left:30px; } */ .contact .cat { margin-top:35px; color:#777777; } .contact .cat li{ line-height: 30px; margin:20px 0;} .contact .btn{ margin-top:50px; } .contact .btn .wrap{ background:#f3f3f3; padding:18px 10px; transition: all ease 0.3s; } .contact .btn .wrap .iconfont{ line-height: 1.2; color:#dab96b; transition: all ease 0.3s; } .contact .btn .wrap:hover{ background:#dab96b; color:#fff; } .contact .btn .wrap:hover .iconfont{ color:#fff; } .message { max-width:980px; margin-left: auto; margin-right:auto; } .msgtit{ margin:0 60px 60px} .msgtit .iconfont{ display: block; width:90px; height:90px; line-height: 90px; text-align: center; border-radius:50%; background:#0d62a6; color: #fff; font-size: 40px; } .message .box .uk-grid>*{ margin-bottom:30px; position: relative; } .message .uk-form-horizontal .uk-form-controls{ margin-left:0; } .message .uk-form-horizontal .uk-form-label{ position: absolute; left: 60px; top:4px; font-size:16px; color:#878787; width: auto; } .message .uk-form-horizontal .uk-input{ height: 50px; padding-left:110px; background: #fbfbfb; } .message .uk-form-horizontal .uk-textarea{padding-left:110px; height: 150px; padding-top:12px; background: #fbfbfb; } .message .msgcode{ padding-right: 150px;} .message .msgcode img{ position: absolute; right:0; cursor: pointer; } .message .uk-button{ height: 50px; width:120px; font-size:18px; border-radius: 6px; margin-left:10px; } /*鏂伴椈*/ .newslist li{ position: relative; margin-bottom: 40px; border-bottom:1px solid #e5e5e5; padding-bottom:40px; } .newslist li .date{ margin-right:40px; padding-top:8px; margin-right:80px; width:120px; position: relative; color:#333333; order:-1; } .newslist li .date::before{ position: absolute; top:10px; right: -40px; content:''; display: block; width:1px; height: 82px; background: #d6d6d6; } .newslist li .pic{ margin-left:50px; order:2; } .newslist li .pic .img{ width:200px; } .newslist li .con{ padding:0; } .newslist li .con .f20{ margin-bottom:10px; } .newslist li .con .desc{color:#838383; } .newslist li:hover{ border-color:#0d62a6; } .newslist li:hover .date{ color:#0d62a6; } .newslist li:hover .date::before{ background: #0d62a6;} .newslist li:hover .f20{ color:#0d62a6; } .newslist li:hover::before{ position: absolute; top:-41px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0d62a6;} .newslist2 .wrap {border:1px solid #d8d8d8; border-bottom-width: 3px;} .newslist2 .wrap .con .tit .f16{ color:#000; } .newslist2 .wrap .con{ padding:20px 30px; } .newslist2 .wrap .con .tit{ min-height: 80px; } .newslist2 .wrap .col .iconfont{ color:#b2b2b2; } .newslist2 .wrap:hover .col .iconfont{ color:#65a4ff; } .newslist2 .wrap:hover{ border-bottom-color:#003fb1; } .newslist2 .wrap:hover .con .tit .f16{ color:#65a4ff; } .newslist2 .uk-grid>.uk-grid-margin { margin-top: 50px!important; } .newscardlist li .wrap{ padding:5px 15px 10px;} .newscardlist li .wrap .hd{ border-bottom:1px solid #ededed; padding:10px 0; } .newscardlist li .wrap .bd{ padding:10px 0; } .newscardlist li .wrap .bd>div{ min-height: 56px; color:#666; } /*Faq*/ /*qa*/ /* .faqlist>ul>li{ position: relative; margin-bottom:10px; border-top:1px solid #e9e9e9; border-bottom:1px solid #e9e9e9; } .faqlist .uk-accordion-title{ padding: 30px 0; position: relative;} .faqlist .uk-accordion-title i{ position: absolute; left: 0; top:32px; color:#fff; background: #939393; display: block; width: 35px; height: 35px; line-height: 31px; border-radius: 50%; font-size: 26px; font-style: normal; text-align: center; } .faqlist .uk-accordion-content{ margin: 0; padding-bottom: 40px; color:#828282;} .faqlist .uk-accordion-content>*{ line-height: 1.8;} .faqlist .uk-open{ } .faqlist .uk-open .uk-accordion-title{ color:#0d62a6;} .faqlist .uk-open .uk-accordion-title i{ background: #0d62a6;} .faqlist .uk-open + li{ } .faqlist li.uk-open:last-child::after{ } */ .downlist li{ height: 60px; line-height: 58px; border:1px solid #efefef; margin-bottom:-1px; padding:0 20px; } .downlist li:nth-child(odd){ background: #f5f5f5; } .downlist li:nth-child(even){ border-left-color:#fff; border-right-color:#fff;} /* .downlist li a{ color:#404040; } .downlist li a:hover{ color:#0184cf; } */ /*鎼滅储*/ .searchlist .searchinfo{ background: #e9e9e9; padding: 10px 15px; margin-bottom: 20px; color:#7b7b7b; } .searchlist li{ padding-bottom: 20px; margin-bottom: 20px; border-bottom:1px solid #e9e9e9; position: relative; padding-left: 15px; position: relative; } .searchlist li .iconfont{ position: absolute; left: 0; top:5px; } .searchlist li .date{ margin-bottom: 5px;} .searchlist li .gl{ color:#000000; } .searchlist li:hover{ border-color:#0d62a6; } .searchlist li:hover::before{ position: absolute; top:-21px; left: 0; content:''; display: block; width:100%; height: 1px; background: #0d62a6;} .searchlist li:hover .gl{ color:#0d62a6; } h1.f30{ margin-top:30px; padding-left:50px; padding-right:50px; } .infos{ margin-bottom: 30px; padding-bottom: 10px; border-bottom:1px dotted #e4e4e4; } /* .share{ margin:10px 0;} */ /*涓婁笅閾炬帴*/ .cother{background: #f6f6f6;} .cother ul{ padding:15px 25px;} .cother ul li{ padding: 0; background-size: auto; } .cother ul li a{color:#8a8a8a; } .cother ul li a:hover{color:#0d62a6; } .cother ul li:last-child{ text-align: right;} .cother span{ display: inline-block; } .cother li:first-child{ padding-left: 20px; background: url(../images/icon_prev.png) left center no-repeat;} .cother li:last-child{ padding-right: 20px; background: url(../images/icon_next.png) right center no-repeat;} /*鍒嗛〉*/ .pages{ margin-top:60px; margin-bottom: 60px; min-height: 60px;} .pages a{ padding:0 30px; min-width:70px; text-align: center; display: block; height: 60px; line-height: 60px; background:#ececec; } .pages a.page-num-current, .pages a:hover{ color:#fff; background: #003fb1; } /*璧勮川鑽h獕*/ .uk-lightbox{ background: rgba(0,0,0,.5);} .lightbox .uk-grid{ margin-left: -100px;} .lightbox li{ margin-bottom: 60px; padding-left:100px!important;} .lightbox li>div{ } .lightbox li>div .name{ line-height: 50px; text-align: center; background: #f7f7f7;} .lightbox li:hover>div{ } .lightbox li:hover>div .name{ color:#0d62a6; } /*鍚堜綔*/ .partner li>.wrap{ border:1px solid #e5e5e5; padding:20px; } .partner li>.wrap .pic{ height: 100px;} .partner li>.wrap .pic img{ max-width: 100%; max-height: 100px;} .partner li>.wrap:hover{ border-color:#0d62a6; } .partner li>.wrap:hover .name{ color:#0d62a6; } /*妗堜緥*/ .caselist .uk-grid>.uk-grid-margin{ margin-top:40px!important; } .caselist ul li .con{ background:#f7f7f7; } .caselist ul li:hover .con{ background: #0d62a6;} .caselist ul li:hover .con .f18{ color:#fff; } /*鍥㈤槦*/ /* .teamlist li{ margin-bottom:30px; position: relative; min-height: 270px;} .teamlist li .pic{ width: 200px; position: absolute; top:0; } .teamlist li .desc{ line-height: 1.8; margin-top:10px;} .teamlist li:nth-child(odd){ padding-left: 220px;} .teamlist li:nth-child(odd) .pic{ left: 0; } .teamlist li:nth-child(even){ padding-right: 220px;} .teamlist li:nth-child(even) .pic{ right: 0; } */ /*瑙嗛*/ .videolist .wrap {border:1px solid #d8d8d8; border-bottom-width: 3px;} .videolist .wrap a{ z-index: 3;} .videolist .wrap .img::before{z-index: 2; content:''; width:86px; height: 86px; background: url(../images/btn_vdo.png); position: absolute; left: 50%; top:50%; margin-left: -43px; margin-top:-43px; background-size: cover; } .videolist .wrap .con .tit .f16{ color:#000; } .videolist .wrap .con{ padding:20px 30px; } .videolist .wrap .con .tit{ min-height: 80px; } .videolist .wrap .col .iconfont{ color:#b2b2b2; } .videolist .wrap:hover .col .iconfont{ color:#65a4ff; } .videolist .wrap:hover{ border-bottom-color:#003fb1; } .videolist .wrap:hover .con .titi .f16{ color:#003fb1; } .videolist .uk-grid>.uk-grid-margin { margin-top: 50px!important; } /*浜у搧*/ .prothree{ margin-top:40px; } .prothree>.uk-flex>a{ position: relative; padding:0 20px 0 35px; line-height: 40px; background:#e1e1e1; font-size:15px; } .prothree>.uk-flex>a::after{ position: absolute; right:0; top:5px; display: block; content: ''; width:1px; height: 30px; background:#fff; } .prothree>.uk-flex>a:last-child::after{ display: none;} .prothree>.uk-flex>a::before{ position: absolute; left:20px; top:15px; display: block; content: ''; width:11px; height: 11px; background:url(../images/ico_checked.png); } .prothree>.uk-flex>a:hover,.prothree>.uk-flex>a.current{ background:#207bc9; color:#fff; } .prothree>.uk-flex>a:hover::before,.prothree>.uk-flex>a.current::before{ background-position: bottom;} .prothree>.uk-flex>a:hover::after{ display: none;} .productlist .wrap {border:1px solid #d8d8d8; border-bottom-width: 3px;} .productlist .wrap .con .tit .f16{ color:#000; } .productlist .wrap .con{ padding:20px 50px 20px 30px; position: relative; } .productlist .wrap .con h3{ margin-bottom:0; } .productlist .wrap .con .iconfont{ position: absolute; right: 20px; top:13px; color:#b2b2b2; } .productlist .wrap:hover .con .iconfont{ color:#65a4ff; } .productlist .wrap:hover{ border-bottom-color:#003fb1; } .productlist .wrap:hover .con .f18{ color:#65a4ff; } .productlist .uk-grid>.uk-grid-margin { margin-top: 50px!important; } /*鍚堜綔瀹㈡埛*/ .customer{ background: #f5f5f5; padding:60px 0; margin:20px 0 40px;} .customerlist{ border-top:1px solid #efefef; border-left: 1px solid #efefef; background: #fff;} .customerlist .uk-pannel{ border-bottom:1px solid #efefef; border-right:1px solid #efefef; } .customerlist .uk-pannel a:hover{ box-shadow: 0 0 5px 0px #0d62a6;} /*寮瑰嚭灞?/ .my-modal-simple .uk-modal-dialog{ width:220px; } .my-modal-medium .uk-modal-dialog{ width:450px; } .my-modal-large .uk-modal-dialog{ width:940px; } /**/ .floaticon {z-index: 99;position: fixed; right:15px; top: 50%; margin-top:-200px; } .floaticon .floaticonLogo{ width:100px;} .floaticon .floaticonLogo a{ display: block; background: #fff; height: 100px; color:#5c5c5c; text-align: center; padding-top: 25px;} .floaticon .floaticonLogo a span{ font-size: 40px; height: 40px; line-height: 20px; color:#0d62a6;} .floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; } .floaticon .floaticonLogo a.backToTop{ background: #0d62a6; color:#fff; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; padding-top: 25px;} .floaticon .floaticonLogo a.backToTop span{ color:#fff;} .weixinCode,.qqCode{ display: none; position: absolute;z-index: 9999; left: -317px; top: 45px; width: 300px; height: 262px;text-align: center;} /* .weixinCode{ bottom:25px; } .qqCode{ top:100px;} */ /**/ .lists .uk-cover-container{ min-height: 500px; margin:0; } .lists li { position: relative;} .lists li figcaption{ width:600px; padding:0 50px; position: absolute; left: 50%; top: 50%; -moz-transform: translateY(-50%);-ms-transform: translateY(-50%);-webkit-transform: translateY(-50%); transform: translateY(-50%);} .lists li figcaption article p { position: relative; padding-left: 20px; } .lists li.text_left figcaption{ margin-left:-600px; } .lists li.text_right figcaption{ left: 50%;} .lists li figcaption .text-white article p:before { background-color: #fff; } .lists li figcaption article p:before { content: ""; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: #747474;border-radius: 50%; }