.header{ background:#fff; height: 122px; } .header .hd{ background: #2056ac; color:#fff; line-height: 32px;} .header .hd a{ color:#fff; } .header .hd a:hover{ text-decoration: underline; } .header .hd .tlink span{ padding:0 10px;} .header .header_sticky{ background:#fff; } .header .uk-navbar-sticky{ box-shadow: 5px 5px 5px rgba(0,0,0,.1); } .header .bd{ height: 90px;} .header .uk-navbar-left{ min-height:90px; } .header .logo{ } .header .logo img{ margin:0; } .header .uk-navbar-right{ min-height:90px; } .header .uk-navbar-right>ul>li{ position: relative; margin-left:20px; } .header .uk-navbar-right>ul>li>a{ position: relative; z-index: 2; min-height: 90px; width:106px; text-align: center; line-height:90px; text-align: center; display: block; color:#363636; padding:0 20px; font-size: 16px; transition: all 0.5s;} .header .uk-navbar-right>ul>li>a:hover, .header .uk-navbar-right>ul>li.active>a{ background: #2056ac; color:#fff; } .header .uk-navbar-right>ul>li>a::before{ position: absolute; top:90px; left: 0; content: ''; display: block; width:0; height: 0; border-left:53px solid transparent; border-right: 53px solid transparent; border-bottom:0; border-top:20px solid #2056ac; transition: all 0.5s; opacity: 0; } .header .uk-navbar-right a:hover::before, .header .uk-navbar-right .active a::before{ opacity: 1; } .header .uk-navbar-right>ul>li:first-child a{ width:74px;} .header .uk-navbar-right>ul>li:first-child a::before{ border-left-width:37px; border-right-width:37px; } .header .uk-navbar-right>ul>li .uk-drop{ background:rgba(255,255,255,.8); width:106px; padding:10px 0; margin-top:0!important; } .header .uk-navbar-right>ul>li .uk-drop a{ color:#515151; display: block; line-height: 40px; } .header .uk-navbar-right>ul>li .uk-drop a:hover{ background:#2056ac; color:#fff; } .header .uk-navbar-right>ul>li:nth-child(6)>a{ padding:0;} .banner{ position: relative;} .banner .uk-slidenav{ width:40px; height: 80px; 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: url(../images/ban_num.png);} .banner .uk-dotnav>.uk-active>*{ background: url(../images/ban_num_cur.png);} .title{ position: relative; margin-bottom:30px; text-align: center; line-height: 1.4;} .title a{ display: inline-block; position: relative;} .title a span{ position: relative;} .title a span::before,.title a span::after{ position: absolute; top:18px; content: ''; display: block; width:7px; height: 7px; background: #d8d8d8; border-radius: 50%; } .title a span::before{ left: -15px;} .title a span::after{ right:-15px; } .title a::before,.title a::after{ position: absolute; top:22px; content: ''; display: block; width:100px; height: 1px; background: #d8d8d8;} .title a::before{ left: -110px;} .title a::after{ right: -110px;} .ipart1{ padding:70px 0; } .ipart1 .iabout .pic { position: relative; z-index: 2; display: block; } .ipart1 .iabout .pic .text { position: absolute; left: 50px; bottom: -20px; width: 100%; font-size: 54px; color: #2358a9; line-height: 1; text-transform: uppercase; } .ipart1 .iabout .con { padding: 45px 60px; background: #eeeff1; position: relative; } .ipart1 .iabout .con:before{content:''; position:absolute; width:1px; height:100px; background:#dadada; left:30px; top:0;} .ipart1 .iabout .con:after{content:''; position:absolute; width:100px; height:1px; background:#dadada; left:0px; top:30px;} .ipart1 .iabout .con .uk-grid{ margin-top:20px; } .ipart1 .iabout .con .uk-grid a{ display: block; width:90px; height: 90px; border-radius: 50%; background: #e3e6ec; margin: 0 auto; color: #384b60; transition: all 0.3s; padding-top:12px;} .ipart1 .iabout .con .uk-grid a:hover{color: #fff; background: #2056ac;} .ipart1 .iabout .con .iconfont{ line-height: 1; color:#2056ac; } .ipart1 .iabout .con .uk-grid a:hover .iconfont{ color: #fff; } .ipart1 .part .tit{ background:url(../images/bg_tit1.jpg) right top; color:#fff; padding:10px 20px; margin-bottom:20px; } .ipart1 .part .tit>div{ line-height: 30px; ;} .ipart1 .part li{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #cbcbcb; } .ipart1 .part li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; } .ipart1 .part li >div{ padding-left: 90px; } .ipart1 .part li .date{ position: absolute; left: 0; width:75px; height: 75px; background:#cbcbcb; text-align: center; color:#fff; } .ipart1 .part li .date .f40{ line-height: 50px; } .ipart1 .part li .date .f16{ line-height:25px; background:#b9b9b9; } .ipart1 .part li .con .f16{ margin-bottom:5px; color:#525252; } .ipart1 .part li:hover .date{ background:#d03837; } .ipart1 .part li:hover .date .f16{ background:#bf3532; } .ipart1 .part li:hover .con .f16{ color:#bf3532; } .ipart1 .ivideo .vdo{ height:225px; position: relative; overflow:hidden; } .ipart1 .ivideo .tit{ background:#2056ac; padding:5px; } .ipart1 .inotice{ background:#fff; border:1px solid #dbdbdb; border-radius: 3px; padding:10px 20px 15px; } .ipart1 .inotice .tit{ border-bottom:1px solid #cbcbcb; margin-bottom:13px; padding-bottom:5px; } .ipart1 .inotice li>div{ border-bottom:1px dotted #ddd; padding:9px 0; line-height:1.6; min-height: 62px; } .ipart1 .inotice li:last-child>div{ border-bottom:0; } .ipart1 .inotice li:hover>div{ color:#2056ac; } .ipart2{ padding:70px 0; background:url(../images/bg_part1.png) center; background-size: cover; } .ipart2 .newstit{ border-bottom:3px solid #cbcbcb; margin-bottom:20px; } .ipart2 .newstit .more{ width:30px; height: 30px; text-align: center; line-height: 30px; background:#dbdbdb; border-radius: 50%;} .ipart2 .newstit .more:hover{ background:#2056ac; } .ipart2 .newsslide{ width:520px; } .ipart2 .newsslide img{ left: 50%; top: 50%;} .ipart2 .newsslide .tit{ position: absolute; bottom:0; width:100%; padding:7px 120px 7px 15px; background:rgba(0,0,0,0.8); } .ipart2 .newsslide .uk-position-bottom-right{ bottom:15px; right:15px;} .ipart2 .newsslide .uk-position-bottom-right .uk-active a{ background:#2056ac; } .ipart2 .inews li.first{ border-bottom:1px dashed #cbcbcb; padding-bottom:20px; margin-bottom:10px; } .ipart2 .inews li.first .tit{ margin-bottom:5px; } .ipart2 .inews li.first .con{ position:relative; padding-left:130px; } .ipart2 .inews li.first .con .pic{ position:absolute; left:0; top:0; width:120px; height:90px; overflow:hidden; } .ipart2 .inews li.first .con .pic img{ max-height:100%;} .ipart2 .inews li:not(:first-child)>div{ padding:0 80px 0 15px; line-height: 38px; } .ipart2 .inews li:not(:first-child)>div::before{ position: absolute; left:0; top:16px; content:''; display: block; width:7px; height: 7px; border-radius: 50%; border:1px solid #515151; } .ipart2 .inews li:not(:first-child)>div .date{ position: absolute; right:0;} .ipart2 .inews li:hover .f16{ color:#2056ac; } .ipart2 .inews li:not(:first-child):hover>div::before{ background:#2056ac; } .ipart2 .ivideo .vdo{ height:160px; position: relative; } .ipart2 .ivideo .tit{ background:#2056ac; padding:5px; } .ipart2 .inotice{ background:#fff; border:1px solid #dbdbdb; border-radius: 3px; padding:10px 20px 15px; } .ipart2 .inotice .tit{ border-bottom:1px solid #cbcbcb; margin-bottom:13px; padding-bottom:5px; } .ipart2 .inotice li>div{ border-bottom:1px dotted #ddd; padding:9px 0; line-height:1.6; min-height: 62px; } .ipart2 .inotice li:last-child>div{ border-bottom:0; } .ipart2 .inotice li:hover>div{ color:#2056ac; } .ipart2 .part .tit{ background:url(../images/bg_tit1.jpg) right top; color:#fff; padding:10px 20px; margin-bottom:20px; } .ipart2 .part .tit>div{ line-height: 30px; ;} .ipart2 .part li{ margin-bottom:15px; padding-bottom:15px; border-bottom:1px dashed #cbcbcb; } .ipart2 .part li:last-child{ margin-bottom:0; padding-bottom:0; border-bottom:0; } .ipart2 .part li >div{ padding-left: 90px; } .ipart2 .part li .date{ position: absolute; left: 0; width:75px; height: 75px; background:#d03837; /*background:#cbcbcb;*/ text-align: center; color:#fff; } .ipart2 .part li .date .f40{ line-height: 50px; } .ipart2 .part li .date .f16{ line-height:25px; background:#bf3532; /*background:#b9b9b9;*/ } .ipart2 .part li .con .f16{ margin-bottom:5px; color:#525252; } .ipart2 .part li:hover .date{ background:#d03837; } .ipart2 .part li:hover .date .f16{ background:#bf3532; } .ipart2 .part li:hover .con .f16{ color:#bf3532; } .ipart3{ padding:80px 0 100px; } .ipart3 .uk-slider-items{ margin-left:-25px;} .ipart3 .uk-slider-items>li{ padding-left:25px; } .ipart3 .uk-slider-items .tit{ height: 50px; line-height: 50px; padding:0 20px; background: #f2f2f2; transition: all ease 0.3s;} .ipart3 .uk-slider-items>li:hover .tit{ background: #2056ac; color:#fff; } .ipart3 .uk-slidenav{ width:60px; height: 60px; padding:5px 14px; position: relative; border-radius: 50%; background: #fff; box-shadow: 0 0 4px 2px rgba(0,0,0,0.1); color:#000; } .ipart3 .uk-slidenav svg{ display: block; margin-top:18px; height:14px;} .ipart3 .uk-slidenav-previous{ margin-right: -30px; } .ipart3 .uk-slidenav-next{ margin-left: -30px; } .ipart3 .uk-slidenav-next svg{ float: right; } .ipart3 .uk-slidenav::before{ content:''; display: block; width:25px; height: 1px; background: #000; position: absolute; left: 18px; top:30px; } .ipart4{ background:#f5f5f5; padding:90px 0 100px;} .ilink{ padding:20px 0; } .ilink span{ line-height: 30px;} .ilink a{ display: inline-block; padding:0 5px; line-height: 30px; } .footer{ background: #235cb2; padding:30px 0 0px; color:rgba(255,255,255,0.6);} .footer .fotnav dl{ border-right:1px solid #3368b7; } .footer .fotnav dl dt{ font-weight: normal; position: relative; padding-bottom:15px; margin-bottom:15px; } .footer .fotnav dl dt::before{ content:''; display: block; width:20px; height: 1px; background:#fff; position: absolute; bottom:0; left: 0; } .footer .fotnav dl dt a{ color:#fff; } .footer .fotnav dd a{ color:rgba(255,255,255,0.6); line-height:30px; } .footer .fotnav dd a:hover{ color:#fff; } .footer .fotcat{ margin-left:80px; } .footer .fotcat .tel{ border-top:1px solid #3368b7; border-bottom:1px solid #3368b7; } .footer .fotqr{} .footer .copyright{ background:#153a73; padding:20px 0; margin-top:50px; color:rgba(255,255,255,0.8); } .footer .mediaico a{ margin-right:10px; color:#767676; display: inline-block; width:30px; height: 30px; line-height: 28px; text-align: center; border-radius: 50%; background: rgba(0,0,0,0.2); border:1px solid #235cb2; } .footer .mediaico a:hover{ background: #235cb2; color:#fff; } .footer .copyright a{color:rgba(255,255,255,0.8); } .footer .copyright a img{ height:20px; vertical-align: middle; margin-top:-4px;} .footer .copyright a:hover{ color:#fff;} /*鍐呴〉瀵艰埅*/ .inban{ position: relative; height: 320px; background-size: auto 100%; background-repeat: no-repeat; background-position: center; } .inban .uk-navbar{ background:rgba(0,0,0,0.6); color:#fff; } .inban .uk-navbar .uk-navbar-left{ background:#235cb2; color:#235cb2; padding:10px 20px; } .inban .uk-navbar .uk-navbar-right{ color:rgba(255,255,255,0.6); margin-right:20px;} .inban .uk-navbar .uk-navbar-right a{ color:rgba(255,255,255,0.6); margin:0 5px; } .inban .uk-navbar .uk-navbar-right a:hover{ color:#fff; } .tBody{ background: #fff; padding-bottom:120px; padding-top:70px; min-height: 680px; } /*瀛愬鑸?/ .subnav{ border-bottom:1px solid #e7e7e7; height: 66px; padding-top:10px;} .subnav a{ display: inline-block; position: relative; color:#626262; line-height: 55px; height: 55px; padding: 0 10px; margin:0 20px; text-align: center; } .subnav a:hover,.subnav a.active{ color:#2056ac; } .subnav a:hover::before,.subnav a.active::before{ position: absolute; bottom:-2px; left: 0; content:''; width:100%; height: 3px; background: #2056ac; 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:#2056ac; } */ /*鎷涜仒*/ .joblist li{ background:#f7f7f7; padding:20px 30px; margin-bottom:30px; } .joblist li .tit{ border-bottom:1px dotted #bdbdbd; padding:10px 0; 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;} .joinus{ margin-bottom:80px; } .joinus .box{ margin:40px 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; } */ /*鍏充簬鎴戜滑*/ .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; } .company2{ background:#f1f1f1; padding:70px 0;} /*鍙戝睍鍘嗙▼*/ .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:#2056ac; } .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 #2056ac; 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 #2056ac; border-left:0;} .history ul li:hover .year{ background-color: #d03837;} .history ul li:nth-child(odd):hover .year::before{ border-left-color:#d03837; } .history ul li:nth-child(even):hover .year::before{ border-right-color:#d03837; } /*鐣欒█*/ .utf-8tit{ width:800px; margin: 40px auto; } .utf-8tit .iconfont{ display: block; background: #2056ac; width:90px; height: 90px; border-radius: 50%; text-align: center; line-height: 90px; color:#fff; font-size: 50px;} /*鑱旂郴鎴戜滑*/ .contact { padding:0px 150px; color:#777; } .contact .circle{ width:120px; height: 120px; border-radius: 50%; font-size:24px; color:#fff; background: #2056ac; padding:30px; text-align: center; line-height: 1.2; } /* .contact .catwrap{ margin-bottom: 60px; padding-top: 50px;} */ #amap{ height: 500px; margin-top:70px; } /* .contact .cat li{ line-height: 30px;} */ .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:#2056ac; 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; } /*鏂伴椈*/ /* .newsBody{ padding-top:50px; padding-bottom: 125px;} .newspart{ position: relative; padding-right: 290px; min-height: 500px;} .newspart .nside{ position: absolute; right: 0; top:0;} .newspart .nside ul{ position: absolute; width: 100px; top:0;} .newspart .nside ul:nth-child(1){ right: 107px;} .newspart .nside ul:nth-child(2){ right: 0px;} .newspart .nside li{ width: 100px; height: 100px; background: #f4f4f4; margin-bottom: 7px; } .newspart .nside li a{ display: block; width: 100%; height: 100%; background: #f4f4f4; color:#8d8d8d; text-align: center; padding-top:17px;} .newspart .nside li a i{ font-size: 40px; display: block; height: 40px; line-height: 40px;color:#cdcdcd;} .newspart .nside li a.cur,.newspart .nside li a:hover{ background: #2056ac; color:#fff;} .newspart .nside li a.cur i,.newspart .nside li a:hover i{ color:#fff;} */ .newslist ul{ padding-top: 40px; border-top: 1px solid #e9e9e9; } .newslist li{ position: relative; margin-bottom: 40px; border-bottom:1px solid #e5e5e5; padding-bottom:40px; } .newslist li .date{ margin-right:40px; padding-top:10px; margin-right:80px; width:120px; position: relative; color:#333333; order:-1; } .newslist li .date::before{ position: absolute; top:30px; right: -40px; content:''; display: block; width:1px; height: 100px; background: #d6d6d6; } .newslist li .pic{ margin-left:50px; order:2; } .newslist li .pic .img{ width:280px; } .newslist li .con{ padding:20px 0; } .newslist li .con .f24{ margin-bottom:15px; } .newslist li .con .desc{color:#838383; line-height: 2;} .newslist li:hover{ border-color:#2056ac; } .newslist li:hover .date{ color:#2056ac; } .newslist li:hover .date::before{ background: #2056ac;} .newslist li:hover::before{ position: absolute; top:-41px; left: 0; content:''; display: block; width:100%; height: 1px; background: #2056ac;} .newslist li:hover .f24{ color:#2056ac; } /*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:#2056ac;} .faqlist .uk-open .uk-accordion-title i{ background: #2056ac;} .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:#2056ac; } .searchlist li:hover::before{ position: absolute; top:-21px; left: 0; content:''; display: block; width:100%; height: 1px; background: #2056ac;} .searchlist li:hover .gl{ color:#2056ac; } 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:#2056ac; } .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:40px; margin-bottom: 40px;} .pages a,.pages .page-num{ display: block; padding:0; height: 42px; line-height: 40px; padding:0 8px; min-width:42px; text-align: center; border:1px solid #e9e9e9; background: #ffffff; margin-left:-1px; } .pages a:first-child{border-top-left-radius: 5px; border-bottom-left-radius: 5px;} .pages a:last-child{border-top-right-radius: 5px; border-bottom-right-radius: 5px;} .pages a span{ display: block; height: 100%; line-height: 38px;} .pages .page-num-current, .pages a:hover{ color:#fff; background: #2056ac; border-color:#2056ac; } .pages a:hover span{ color:#fff;} /* .pages .uk-icon{ padding-top:2px; } */ /*璧勮川鑽h獕*/ .uk-lightbox{ background: rgba(0,0,0,.5);} .lightbox .uk-grid{} .lightbox li{ } .lightbox li>div{ border:1px solid #ebebeb; background:#f7f7f7; } .lightbox li>div .name{ line-height: 40px; text-align: center; background: #f7f7f7; border-top:1px solid #ebebeb;} .lightbox li:hover>div{ } .lightbox li:hover>div .name{ color:#2056ac; } /*鍚堜綔*/ .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:#2056ac; } .partner li>.wrap:hover .name{ color:#2056ac; } /*妗堜緥*/ .caselist ul{ margin-left:-30px; } .caselist ul li{ padding-left:30px; margin-bottom:90px; } .caselist ul li .name{ bottom:-25px; background: #2056ac; width:260px; height: 50px; text-align: center; line-height: 50px; border-radius: 50px; color:#fff; transition: all ease 0.2s; } .caselist ul li:hover .name{ background: #174da2;} .caselist ul li .uk-overlay-default{ background: rgba(32,76,172,0.3);} /*鍥㈤槦*/ /* .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 li>div{ border:1px solid #ebebeb; background:#f7f7f7; } .videolist li>div .tit{ line-height: 40px; text-align: center; background: #f7f7f7; border-top:1px solid #ebebeb;} .videolist li:hover>div .tit{ color:#2056ac; } /*浜у搧*/ .productlist li{ } .productlist .wrap{ width:100%; border:1px solid #e8e8e8; background: #fff; } .productlist .pic{ padding:10px;} .productlist .tit{ background:#f5f5f5; padding:10px; text-align:center; border-top:1px solid #e8e8e8; transition: all 0.3s; } .productlist li:hover .tit{ color:#fff; background:#2056ac; } .product{ } .product *{outline: none} .product .proslide{ width:440px; overflow: hidden; text-align: center; } .product .proslide .uk-slideshow-items{ border:1px solid #eaeaea; padding:10px; } .product .proslide .thumb { padding: 15px 35px; background-color: #f7f7f7; border:1px solid #eaeaea; border-top:0; } .product .probase .pname{ line-height: 26px; margin-bottom: 25px;} .product .probase .pprice{ background: #fafafa; margin-top:15px; padding:10px 30px;} .product .probase .pprice .uk-label{ border-radius: 0; line-height: 20px; margin-left:10px; color:#fff; } .product .probase .specs{ color:#5c5c5c; padding:15px 0px;} .product .probase .specs li{ padding:5px 0;} .product .probase .buyc{ padding-left:40px; } .product .productContent{ margin-top:40px; } .product .productContent>.uk-subnav{ border:1px solid #eaeaea; margin-left:0!important; height: 51px; background: #fafafa; } .product .productContent>.uk-subnav>*{ padding-left:0; min-width: 135px; text-align: center; margin-left:-1px; } .product .productContent>.uk-subnav a{line-height: 49px; padding:0; font-size:16px; color:#2f2f2f; } .product .productContent>.uk-subnav .uk-active a,.productCtn .productContent>.uk-subnav a:hover{ margin-top:-1px; position: relative; z-index: 2; border-top:3px solid #2056ac; border-left:1px solid #eaeaea; border-right:1px solid #eaeaea; background: #fff; line-height: 48px; } .product .productContent .uk-switcher>li{ padding: 25px 40px; border:1px solid #eaeaea; border-top:0; } .product .productContent .prospec{ padding-bottom:20px; border-bottom:1px dotted #c4c4c4; margin-bottom:20px; } .product .productContent .prointro{ } .prointro table{ border-collapse: collapse; width:100%; } .prointro table td{border:1px solid #2056ac!important; padding:3px 10px; word-wrap:break-word; word-break:break-word;} .prointro table thead tr td,.prointro table thead tr th{ background: #ececec; font-weight: bold;} .prointro table tbody tr >td:first-child{ background: #f8f8f8!important; max-width: 300px!important; width:auto!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 #2056ac;} /*寮瑰嚭灞?/ .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:#2056ac;} .floaticon .floaticonLogo a:first-child{ border-top-left-radius: 8px; border-top-right-radius: 8px; } .floaticon .floaticonLogo a.backToTop{ background: #2056ac; 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;} */