@charset "utf-8"; /* CSS Document*/ body{font-size:100%;line-height:1.1;width:100%;position:relative;background:none;font-family:"宋体","SimSun","苹方","PingFang SC", "Microsoft YaHei", PingFangSC-Regular,"微软雅黑", sans-serif;overflow-x:hidden;} *{padding:0;margin:0;} img{max-width:100%;} #bdshare_weixin_qrcode_dialog *,#bdshare_weixin_qrcode_dialog{box-sizing:content-box;} .j_tab{display:table;width:100%;height:100%;} .j_tab_cel{display:table-cell;vertical-align:middle;width:100%;height:100%;} *{margin:0;padding:0;outline:none;} a{color:inherit;} a:focus{outline: none !important;} h4, .h4, h5, .h5, h6, .h6,h1, .h1, h2, .h2, h3, .h3,p{margin:0;} h5{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} h5 a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;} img{max-width:100%;max-height:100%;} .img img{width:100%;height:100%;} svg{max-width:100%;max-height:100%;} table{table-layout: fixed;} .m1100{width:1100px;margin:0 auto;display: block;position:relative;} .m{max-width: 1800px;height:100%;margin: 0 auto;padding:0 100px;display: block;position:relative;} .m1280{max-width: 1280px;width:100%;height:100%;margin: 0 auto;padding:0 40px;display: block;position:relative;} .m1360{max-width: 1360px;width:100%;height:100%;margin: 0 auto;display: block;position:relative;} .m1400{max-width: 1540px;width:100%;height:100%;margin: 0 auto;padding:0 70px;display: block;position:relative;} .m1600{max-width: 1600px;width:100%;height:100%;margin: 0 auto;display: block;position:relative;} .m1689{max-width: 1689px;width:100%;height:100%;margin: 0 auto;display: block;position:relative;} .m1900{max-width: 1900px;width:100%;height:100%;margin: 0 auto;display: block;position:relative;} .pad_top{padding-top:4.5rem;} .pad_bot{padding-bottom:5rem;} .pad_aside{padding-left:45px;padding-right:45px;} .draw_h{width: 67px !important;height: 67px !important;line-height: 65px !important;display:block;border-radius: 50%;text-align: center;position:relative;} .draw_h:before{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;border: 2px solid rgba(100%,100%,100%,.5);border-radius: 50%;} svg.drawcircle{position:absolute;top:0;left:0;overflow: inherit;display: block;pointer-events: none;} svg.drawcircle circle{fill: none;box-sizing:border-box;stroke-width: 2;stroke: none;stroke-dasharray: 0 , 188.49;stroke-dashoffset:188.49;transition: all .3s linear 0s;} .draw_h:hover svg.drawcircle circle{stroke:#fff;stroke-dasharray:188.49 , 0;stroke-dashoffset:188.49;-webkit-transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);transition: all .7s cubic-bezier(0.11, 0.57, 0.58, 1);} .draw_h .icon{fill: #626262;vertical-align: middle;transition:.3s;position: absolute;top: 50%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);} .draw_h:hover .icon{fill:#0081cc;} /*===========================header=============================*/ #header{height:5.9375rem;z-index:999;width:100%;position:fixed;top:0;transition:.5s;} #header .container{height:100%;} #logo{float:left;height:100%;} #logo .img02{display: none;} #logo img{width:180px;} .top_tel{float:left;font-size:1.125rem;color:#fff;line-height:5.625rem;padding-left:2rem;background: url(../images/top_tel.png) left center no-repeat;transition:.5s;position: relative;} .top_tel:before{content: "";display: block;width: 1px;height: 15px;background: #fff;opacity: .5;position: absolute;left: -2rem;top: 50%;margin-top: -7.5px;} #nav{float:left;margin-right:5.625rem;} #nav ul{} #nav ul li{float:left;position:relative;z-index:0;} #nav ul li a{display:block;padding:0 1.2rem;text-transform:uppercase;} #nav ul li h3{font-size:1.125rem;color:#fff;line-height:5.9375rem;font-family: "宋体","SimSun";transition:.5s;overflow:hidden;position:relative;} #nav ul li.on h3,#nav ul li:hover h3{color:#fff;} #nav ul li h3:after{content:"";display:block;width:0;height:5px;background:#fff;position:absolute;left:50%;top:0;transition:.5s;z-index:-1;} #nav ul li:hover h3:after,#nav ul li.on h3:after{width:100%;left:0;} #nav ul li .sub{position:absolute;width: 100%;top:100%;right:0;padding:5px 0;z-index: 10000;visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;transition:.3s;background: rgba(50,50,50,.9);} #nav ul li .sub .box{text-align: center;} #nav ul li .sub a{padding:0;display:block;transition:.3s;font-size:14px;*background:rgba(50,50,50,.9);line-height:20px;color:#fff;padding:5px 0;visibility:hidden;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transform: translateX(-20px);transition:.5s;} #nav ul li .sub a font{display: block;margin: 0 auto;width: 60px;height: 60px;line-height: 58px;position: relative;z-index: 1;border-radius: 50%;margin-bottom: .5rem;} #nav ul li .sub a font:before{content:"";width: 100%;height: 100%;border-radius: 50%;border:1px solid #606064;display: block;position: absolute;z-index:-1;left: 0px;top: 0px;transition: all 0.5s ease 0s;-webkit-transform: all 0.5s ease 0s;} #nav ul li .sub a font:after{content:"";width: 100%;height: 100%;border-radius: 50%;display: block;background: #f5893c;position: absolute;z-index:-1;left: 0px;top: 0px;transform: scale(0.6);-webkit-transform: scale(0.6);opacity: 0;-moz-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all .6s cubic-bezier(0.445, 1.045, 0.355, 1);transition: all .6s cubic-bezier(0.445, 0.145, 0.355, 1);visibility: hidden;} #nav ul li .sub a:hover font:before{opacity: 0;transform: scale(1.3);-webkit-transform: scale(1.3);} #nav ul li .sub a:hover font:after{transform: scale(1);-webkit-transform: scale(1);opacity: 1;visibility: visible;} #nav ul li .sub a span{white-space: nowrap;} #nav ul li .sub a:hover{color:#fff;} #nav ul li:hover .sub{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transition:.5s;} #header.xg{background:#fff;height: 5rem;box-shadow: 0 1px 2px rgba(0,0,0,.2);} #header.xg #nav ul li h3{line-height:5rem;color: #333;} #header.xg .top_tel{line-height:5rem;background: url(../images/top_tel_on.png) left center no-repeat;color: #222;} #header.xg #nav ul li.on h3, #header.xg #nav ul li:hover h3{color: #0b6dc8;} #header.xg #logo .img02{display: inline-block;} #header.xg #logo .img01{display: none;} #header.xg .top_tel:before{background: #999;} #header.xg #nav ul li h3:after{bottom:0;background: #0b6dc8;} #nav ul li:hover .sub a:nth-child(1){transition: .5s 0s;} #nav ul li:hover .sub a:nth-child(2){transition: .5s .1s;} #nav ul li:hover .sub a:nth-child(3){transition: .5s .2s;} #nav ul li:hover .sub a:nth-child(4){transition: .5s .3s;} #nav ul li:hover .sub a:nth-child(5){transition: .5s .4s;} #nav ul li:hover .sub a:nth-child(6){transition: .5s .5s;} #nav ul li:hover .sub a:nth-child(7){transition: .5s .6s;} #nav ul li:hover .sub a:nth-child(8){transition: .5s .7s;} #nav ul li:hover .sub a:nth-child(9){transition: .5s .8s;} #nav ul li:hover .sub a{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;visibility:visible;transform: translateX(0px);} #header .fr{position:relative;} #btn_wechat{float: right;position: absolute;top: 0;right: 0;height: 100%;} #btn_wechat a{display: flex;align-items:center;justify-content:center;width: 44px;height: 44px;line-height: 44px;border-radius: 50%;background: #0b6dc8;text-align: center;} /***********************//*手机导航开始*/ /*手机头部开始*/ #m_header{position: fixed;z-index:9999;width:100%;height:4.5rem;left:0;top:0;padding:0 10px;display:none;} #m_header #m_logo{height:4.5rem;float: left;} #m_header #m_logo img{max-height:50%;width:120px;} #m_logo .img02{display: none;} #m_header .yuyan{height:4.5rem;float:right;margin-right:4rem;} #m_header .yuyan span{display:block;width:24px;height:24px;line-height:24px;color:#fff;font-size:.9rem;text-align:center;margin-left:17px;background:rgba(255,255,255,.3);} #m_header.xg{background:#fff;height: 5rem;box-shadow: 0 1px 2px rgba(0,0,0,.2);} #m_header.xg #m_logo .img02{display: inline-block;} #m_header.xg #m_logo .img01{display: none;} /*导航按钮开始*/ #nav_btn_box{height:100%;z-index:999999999;margin-left:20px;position:fixed;height:4.5rem;right:0;display:none;} #nav_btn_box.on{background:none;} #nav_btn{} #nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before{background:#fff;} #nav_btn{cursor: pointer;text-align: center;z-index:99999;padding-bottom:4px;transition:.5s;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;outline:none;box-shadow:none;} #nav_btn .point{display: inline-block;width: 1.875rem;height: 22px;position: relative;outline:none;} #nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before{width: 1.75rem;} #nav_btn .navbtn{position: absolute;top: 12px;left: 0;display: inline-block;width: 21px;height: 1px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;/* background: #333;*/} #nav_btn .navbtn:after, #nav_btn .navbtn:before{position: absolute;left: 0;display: inline-block;width: 1.75rem;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;} #m_header.xg #nav_btn .navbtn:after, #m_header.xg #nav_btn .navbtn:before{background:#666;} #nav_btn .navbtn:after{top: -5px;} #nav_btn .navbtn:before{top: 5px;} #nav_btn .point.on .navbtn{background: transparent;} #nav_btn .point.on .navbtn::after{-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);top: 0px;} #nav_btn .point.on .navbtn::before{-webkit-transform: rotate(-45deg);-moz-transform: rotate(-45deg);-ms-transform: rotate(-45deg);-o-transform: rotate(-45deg);transform: rotate(-45deg);top: 0px;} /*导航按钮结束*/.m_nav_list{flex-direction:column;justify-content: flex-start;width:100%;overflow: auto;} .m_nav_list::-webkit-scrollbar{display:none} #m_nav{z-index: 999;position: fixed;background:#0b6dc8;width:17rem;height:100vh;right: -400px;top: 0;display:none;padding:50px 0;padding-top:80px;overflow:hidden;pointer-events: none;transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-webkit-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-moz-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-o-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);-ms-transition: all 0.5s cubic-bezier(0.445, 0.145, 0.355, 1);display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start;} #m_nav.act{pointer-events: auto;right:0;} #m_nav>ul>li{width:100%;overflow:hidden;padding:0 2.3rem;} #m_nav>ul>li+li{border-top:1px solid rgba(255, 255, 255, 0.1);} #m_nav li .a{} #m_nav li .a h3{line-height:5rem;height:5rem;color:#fff;padding:0;font-size:15px;float:left;} #m_nav li .a span{display:block;position:absolute;top:0;right:10px;width: 20px;height: 50px;text-align:center;} #m_nav li .a span i{font-size:0;} #m_nav .down .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height:5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;} #m_nav li.on.down .a i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav .on.down .a i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav li{display:block;width:100%;} .slide_nav{position: absolute;left:0;height: 70px;z-index: 998;padding:15px;top:0;width: 100%;} #m_nav .down .sub1{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .down .sub1 span{background:none;} #m_nav .down .sub1 span a:hover{color: #014085;} #m_nav .down .sub1 a{display:block;font-size:14px;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/#m_nav .down .list .void>a{background-size:10px;position:relative;} #m_nav .down .sub1 .void>a:before{content:"·";position:absolute;left:-1em;font-size:12px;font-weight:bold;} #m_nav .down .sub1 span{position:relative;display:block;} #m_nav .down .sub1 span .sub{position: static;width:100%;display: block !important;overflow:hidden;} /*#m_nav .down .sub a{background:none;font-size:.875rem;opacity:.8;min-width:50%;float:left;display:inline-block;color:#999;}*/ /*#m_nav .title .a i{opacity:1;filter:alpha(opacity=100);display:inline-block;width:10px;height:5rem;float:right;display:inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size:contain;} #m_nav li.on.title .a i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav .on.title .a i{transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);} #m_nav li{display:block;width:100%;} .slide_nav{position: absolute;left:0;height: 70px;z-index: 998;padding:15px;top:0;width: 100%;} #m_nav .title .list{display:none;position:relative;width:100%;z-index:9;left:0;margin-left:0;background:none;border:0;clear: both;padding-bottom:10px;} #m_nav .title .list span{background:none;} #m_nav .title .list span a:hover{color: #014085;} #m_nav .title .list a{display:block;font-size:1rem;color: #fff;text-align:left;line-height:40px;height: 40px;border:0;font-weight:300;} /*三级导航 开始*/#m_nav .title .list .void>a{background-size:10px;position:relative;} #m_nav .title .list .void>a:before{content:"·";position:absolute;left:-1em;font-size:12px;font-weight:bold;} #m_nav .title .list span{position:relative;display:block;} #m_nav .title .list span .sub{position: static;width:100%;display: block !important;overflow:hidden;} #m_nav .title .sub a{background:none;font-size:.875rem;opacity:.8;min-width:50%;float:left;display:inline-block;color:#999;}*/ .nav_mask{position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;} .tc_btn{cursor:pointer;} .tc1 .tc{pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;position: fixed;width: 100%;height: 100%;top: 0;z-index: 99999;} .tc1 .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;pointer-events: auto;} .tc1 .close:hover{transform:rotate(180deg);} .tc1 .close,.tc{transition:all ease 400ms;-moz-transition:all ease 400ms;-ms-transition:all ease 400ms;-o-transition:all ease 400ms;-webkit-transition:all ease 400ms;} .tc1 .tc.act .tc-box{transform:scale(1);} .tc1 .tc.act{display: block;} .tc1 .close{position: absolute;cursor:pointer;font-size: 20px;right: 30px;top: 30px;} .tc1 .tc_bg{height: 100%;background: rgba(0,0,0,.9);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} #tc_ewm_wechat{background:#0b6dc8;padding:3px;width: 11rem;position:relative;z-index:999;margin:0 auto;} #tc_ewm_wechat .box{} #tc_ewm_wechat img{width: 9.4rem;margin:.5rem;} #tc_ewm_wechat h5{line-height: 2rem;font-size:1rem;color:#fff;text-align:center;padding-bottom: 5px;} /*首页banner*/#banner .swiper-container{height:100vh;} #banner .swiper-slide{overflow: hidden;} #banner .slide-inner{position: absolute;width: 100%;height: 100%;left: 0;top: 0;background-size: cover;background-position: center;background-repeat: no-repeat !important;} #banner .swiper-button-prev{width: 3.875rem;height: 3.875rem;background: url(../images/banner_left.png) center no-repeat;background-size: contain;left:5%;transition: .3s;} #banner .swiper-button-next{width: 3.875rem;height: 3.875rem;background: url(../images/banner_right.png) center no-repeat;background-size: contain;right:5%;transition: .3s;} #banner .swiper-button-prev:hover{background: url(../images/banner_left_on.png) center no-repeat;background-size: contain;} #banner .swiper-button-next:hover{background: url(../images/banner_right_on.png) center no-repeat;background-size: contain;} #s_about{width: 100%;overflow: hidden;} .s_jianjie{float: left;width: 43.75%;background: url(../images/about_map.png) right top no-repeat;} .s_jianjie .tt{margin-bottom: 1.25rem;} .s_jianjie .tt span{font-size: 3rem;color: #151515;font-family: "Franklin Gothic Demi";text-transform: uppercase;} .s_jianjie .tt h3{font-size: 1.625rem;color: #151515;margin-top: 2.25rem;margin-bottom: 1rem;} .s_jianjie .tt i{display: block;width: 1.75rem;height: 3px;background: #0b6dc8;} .s_jianjie .con{font-size: 14px;line-height: 28px;color: #404040;} .s_jianjie .more{position: relative;overflow: hidden;z-index: 1;margin-top:20px;width: 7.5rem;height: 2.6875rem;line-height: 2.6875rem; display: block;*float: left;text-align: center; border: 2px solid #eee; background: #fff; margin-left: 9px; text-transform: uppercase; font-size: .875rem;} .s_jianjie .more svg{display: inline-block;width: 6px;} .s_jianjie .more:before{content:"";position:absolute;z-index: -1;left:auto;right:0;bottom:0;width:0;height:100%;background: #0b6dc8;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;} .s_jianjie .more:hover:before{left:0;right:auto;width:100%} .s_jianjie .more:hover{color: #fff;} .s_jianjie .more:hover svg path{stroke:#fff;} .s_shuzi{float: right;width: 48.75%;} .s_shuzi ul{text-align: center;overflow: hidden;font-size: 0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;} .s_shuzi ul li{width: 33.333%;float: left;overflow: hidden;} .s_shuzi ul li .box{display: inline-block;height: 12.75rem;border: 1px solid #ddd;border-left: 0;border-top: 0;width: 100%;text-align: center;padding: 1rem;position:relative;z-index: 1;} .s_shuzi ul li .j_tab{table-layout: fixed;} .s_shuzi ul li p span{font-family: "宋体";color: #151515;font-size:2.25rem;margin-bottom:.8rem;text-transform: uppercase;transition: .7s;} .s_shuzi ul li p font{font-family: "宋体";font-size: .875rem;position: relative;top: -5px;margin-left: .75rem;transition: .7s;} .s_shuzi ul li h5{font-size:.9375rem;margin-top: .8125rem;white-space: normal;line-height: 1.5;transition: .7s;} .s_shuzi ul li .box:before{content: "";display: block;width: 0;height: 100%;opacity: 0;position: absolute;right: 0;top: 0;background: #0b6dc8;transition: .7s;z-index: -1;} .s_shuzi ul li .box:hover:before{width: 100%;opacity: 1;left: 0;right: auto;} .s_shuzi ul li .box:hover p span{color: #fff;} .s_shuzi ul li .box:hover p font{color: #fff;} .s_shuzi ul li .box:hover h5{color: #fff;} #s_video{width: 100%;overflow: hidden;background: url(../images/s_video_bg.jpg) center bottom no-repeat #f7f7f7;padding-bottom: 9.875rem;} #s_video .txt{width: 60%;float: left;margin-top: 2rem;padding-left: 15rem;} #s_video .txt span{font-size: 3rem;color: #151515;font-family: "Franklin Gothic Demi";text-transform: capitalize;} #s_video .txt h3{font-size: 1.875rem;color: #151515;font-family: "宋体";margin-top: 1rem;margin-bottom: .5rem;} #s_video .txt h4{font-size: 1.5rem;color: #151515;margin-bottom: 1.125rem;} #s_video .txt p{font-size: 1rem;color: #767676;} .btn_play{width: 40%;float: left;height: 11.5rem;border-radius: 50%;float: right;display:none;} .circle{display: block;width: 11.5rem;height: 11.5rem;margin: 0 auto;position: relative;border: 1px solid #d4d4d4;border-radius: 50%;z-index:999;text-align:center;line-height:150px;color:#3f897c;font-size:30px;} .circle:before{content: "";display: block;width: 10px;height: 5px;background:#f7f7f7;position: absolute;bottom: -2px;left: 50%;margin-left: -5px;} .circle span{width: 100%;height: 100%;position: absolute;top: 0;left: 0;border-radius: 50%;background-color:#0b6dc8;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);-webkit-animation: circleScale 3s linear infinite;-moz-animation: circleScale 3s linear infinite;-ms-animation: circleScale 3s linear infinite;animation: circleScale 3s linear infinite;} .circle span:nth-of-type(2){animation-delay: 1s;} .circle span:nth-of-type(3){animation-delay: 2s;} @keyframes circleScale{0%{opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} 100%{opacity: 0;-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);transform: scale(1);}} @keyframes circleScale1{0%{opacity: 1;-webkit-transform: scale(0);-moz-transform: scale(0);-ms-transform: scale(0);transform: scale(0);} 60%{opacity: 1;} 100%{opacity: 0;-webkit-transform: scale(3);-moz-transform: scale(3);-ms-transform: scale(3);transform: scale(3);}} .circle font{cursor:pointer;position:absolute;left: 50%;top: 50%;margin-left: -1.625rem;margin-top: -1.625rem;display: block;width: 3.25rem;height: 3.25rem;line-height: 3.25rem;border-radius: 50%;} .circle img{display: block;} .circle p{position: absolute;left: 50%;margin-left: -6.5px;bottom: -4rem;width: 13px;height: 5.1875rem;} .circle p img{margin:0 auto;} #s_rukou{position: relative;width: 100%;overflow: hidden;} #s_rukou .hd{position: absolute;width: 50%;height: 100%;left: 0;top: 0;z-index: 9;background: rgba(0,0,0,.6);display:flex;align-items: center;} #s_rukou .hd ul{} #s_rukou .slick-list{overflow: visible;} #s_rukou .hd ul li{text-align: center;height: 7rem;text-align: center;position: relative;z-index: 1;font-size: 0;border: 0;} #s_rukou .hd ul li a{display:block;} #s_rukou .hd ul li:before{content: "";width:0;height: 100%;background: rgb(11 109 200 / 0.9);position: absolute;left: 0;top: 0;z-index: -1;transition: .7s;} #s_rukou .hd ul li:hover:before{right: -7rem;width: calc(100% + 7rem);} #s_rukou .hd ul li h3{color: #fff;display:inline-flex;border-bottom: 1px solid rgba(255,255,255,.2);line-height: 7rem;height: 7rem;} #s_rukou .hd ul li h3 font{display: inline-block;width: 7rem;line-height: 7rem;height: 7rem;display:inline-flex;align-items:center;justify-content:center;text-align: center;position: relative;z-index: 1;} #s_rukou .hd ul li h3 font:before{content: "";display: block;width: 100%;height: 100%;background: #be9c7b;z-index: -1;position: absolute;left: 0;top: 0;transition: .7s;transform: scale(0.5) rotate(0);-webkit-transform: scale(0.5) rotate(0);-moz-transform: scale(0.5) rotate(0);opacity: 0;} #s_rukou .hd ul li h3 span{padding:0 10px;display:inline-block;width:120px;text-align:left;} #s_rukou .hd ul li:hover h3 font:before{transform: scale(1) rotate(180deg);-webkit-transform: scale(1) rotate(180deg);-moz-transform: scale(1) rotate(180deg);opacity: 1;} #s_rukou .hd font img{display: inline-block;} #s_rukou .hd i{display: inline-block;width: 1.5rem;height: 7rem;background: url(../images/s_rukou_arrow.png) center no-repeat;background-size: contain;} #s_rukou .hd .jia{position: absolute;width: 7rem;height:7rem;top: 0;right: -7rem;} #s_rukou ul li .line{display: block;background: #fff;position: absolute;top: 50%;left: 50%;opacity: 0;visibility: hidden;transition: 300ms;-webkit-transition: 300ms;} #s_rukou ul li .line_1{width: 33px;height: 1px;margin: -1px 0px 0px -16px;transform: translateX(-35px);-webkit-transform: translateX(-35px);} #s_rukou ul li .line_2{width: 1px;height: 33px;margin: -16px 0px 0px -1px;transform: translateY(35px);-webkit-transform: translateY(35px);} #s_rukou ul li:hover .line{transform: translate(0);-webkit-transform: translate(0);opacity: 1;visibility: visible;transition: .3s .6s;-webkit-transition:.3s .6s;} #s_rukou .bd{} #s_rukou .bd .img{height: 54rem;background-position: center !important;background-size: auto 100% !important;} #s_rukou .hd ul li:nth-child(2) h3 font:before{background: #d4b061;} #s_rukou .hd ul li:nth-child(3) h3 font:before{background: #ffbd11;} #s_rukou .hd ul li:nth-child(4) h3 font:before{background: #d68f59;} #s_rukou .hd ul li:nth-child(5) h3 font:before{background: #ff6e01;} #s_rukou .tt{position: absolute;z-index: 99;width: 26rem;height: 26rem;border-radius: 50%;top: 50%;margin-top: -13rem;right: 10%;color: #fff;text-align: center;z-index: 3;} #s_rukou .tt:before{content: "";display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;border-radius: 50%;background: rgb(11 109 200 / 90%);z-index: -1;} #s_rukou .tt p{font-size: 1.5rem;margin-bottom: 1.375rem;letter-spacing: .75rem;margin-left:.75rem;} #s_rukou .tt h3{font-size: 2.25rem;text-align: center;line-height: 1.5;margin-bottom:10px;font-family: "Franklin Gothic Demi";} #s_rukou .tt h3 span{display: block;letter-spacing: .75rem;margin-left: .75rem;} #s_rukou .tt h4{font-size: 1.125rem;line-height: 1.5;margin-top: 3px;} #s_rukou .tt .quan1{display: block;width: 85%;height: 85%;position: absolute;left: -3rem;top: 0;border-radius: 50%;background: rgb(11 109 200 / 20%);z-index: -2;} #s_rukou .tt .quan2{display: block;width: 90%;height: 90%;position: absolute;right: -3rem;top: 2rem;border-radius: 50%;border: 1px solid rgba(255,255,255,.7);z-index: -2;} #s_news{width: 100%;overflow: hidden;background: #f4f6f8;} #s_news .hd{overflow: hidden;margin-bottom: 3.25rem;} #s_news .hd .tt{font-size: 1.125rem;color: #0b6dc8;text-transform: uppercase;float: left;line-height: 2.6875rem;} #s_news .hd .tt span{font-size: 1.625rem;color: #151515;font-family: "宋体";margin-right: .625rem;} #s_news .slick_btn{float: left;} #s_news .slick_btn>div{width: 3.75rem;height:2.6875rem;line-height: 2.6875rem;text-align: center;float: left;display:flex;align-items: center;justify-content: center; border: 2px solid #eee;background: #fff;margin-left: 5px;cursor: pointer;transition: .3s;} #s_news .slick_btn>div svg{width: .5rem;display: inline-block;} #s_news .slick_btn>div:hover{border: 2px solid #0b6dc8;background: #0b6dc8;} #s_news .slick_btn>div:hover svg path{stroke:#fff;} #s_news .hd .btn_r{position: relative;overflow: hidden;z-index: 1;} #s_news .hd .btn_r:before{content:"";position:absolute;z-index: -1;left:auto;right:0;bottom:0;width:0;height:100%;background: #0b6dc8;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s;} #s_news .hd .btn_r:hover:before{left:0;right:auto;width:100%} #s_news .hd .btn_r:hover{color: #fff;} #s_news .hd .btn_r:hover svg path{stroke:#fff;} #s_news .bd{} #s_news .bd ul{margin: 0 -1.5rem;} #s_news .bd ul li{padding: 0 1.5rem;} #s_news .bd ul li a{display: block;width: 100%;height: 100%;position: relative;} #s_news .bd ul li .img{height: 20rem;background-repeat:no-repeat;background-position: center;background-size:cover;} #s_news .bd ul li .img img{opacity: 0;} #s_news .bd ul li .time{padding: 0 2.5rem;height: 7rem;text-align: center;color: #131313;display: inline-block;position: relative;z-index: 1;transition: .5s;} #s_news .bd ul li .time:before{content: "";display: block;width: 100%;height:0;position: absolute;left: 0;top: 0;z-index: -1;background: rgb(11 109 200 / 80%);transition: .5s;} #s_news .bd ul li .time span{display: block;font-size: 3rem;font-family: "宋体";} #s_news .bd ul li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;} #s_news .bd ul li .txt:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background: #fff;transition: .7s;} #s_news .bd ul li .txt .con{padding: 0 2.5rem;opacity: 1;transition: .5s .2s;} #s_news .bd ul li .txt h5{font-size: 1.125rem;color: #000;line-height: 1.5rem;font-family: "宋体";white-space: normal;height: 3rem;overflow: hidden;} #s_news .bd ul li .txt hr{margin: .75rem 0;} #s_news .bd ul li .txt p{font-size: .875rem;color: #000;line-height: 1.5rem;height: 3rem;overflow: hidden;margin-bottom: 1.5rem;} #s_news .bd ul li a:hover .time{color: #fff;} #s_news .bd ul li a:hover .time:before{height: 100%;} #s_news .bd ul li a:hover .txt:before{height: 0;} #s_news .bd ul li a:hover .con{opacity: 0;transition: .5s;} .btn_r{width: 7.5rem;height:2.6875rem;line-height: 2.6875rem;display: block;float: right;text-align: center;border: 2px solid #eee;background: #fff;margin-left: 9px;text-transform: uppercase;font-size: .875rem;} .btn_r svg{display: inline-block;width: 6px;} .btn_line{font-size:.875rem;color:#000000;position:relative;} .btn_line:before,.btn_line:after{content:"";width:100%;height:1px;background:#000000;display:inline-block;position:absolute;right:0;bottom:-1px;} .btn_line:after{width:0;transition:.5s;} .btn_line:before{transition:.5s .5s;left:0;right:auto;} .btn_line:hover:before{width:0;transition:.5s;right:0;left:auto;} .btn_line:hover:after{width:100%;transition:.5s .5s;left:0;right:auto;} .s_fuwu{width: 100%;overflow: hidden;background:url(../images/s_fuwu_bg.jpg) center no-repeat;background-size:100% 100%;} .s_fuwu .m{max-width: 1480px;} .s_fuwu .txt{width: 26.2%;float: left;} .s_fuwu .txt .tt2{text-align:left;margin-bottom:4.375rem;} .s_fuwu .txt .tt2 h5{font-size:1.625rem;color:#292828;font-weight:bold;margin-bottom: .75rem;} .s_fuwu .txt .tt2 span{font-size:1.625rem;color:#7e7a78;font-family:arial;} .s_fuwu .txt font{display:block;margin-bottom:2.5rem;} .s_fuwu .txt p{font-size:1rem;color:#988f7f;line-height:1.5rem;} .s_fuwu .txt i{display:block;width:383px;height:3px;background: #247ccd;margin-top:2rem;margin-bottom:2rem;} .s_fuwu .txt .btn{font-size:14px;color: #247ccd;font-family:arial;text-transform:capitalize;padding: 0;} .s_fuwu .txt .btn:before{content:"";width:0;height:1px;background: #247ccd;transition:.5s;display: inline-block;top:-4px;position:relative;margin-right:0;} .s_fuwu .txt .btn:hover:before{width:40px;margin-right:6px;} .s_fuwu ul{float:right;width: 63.67%;} .s_fuwu ul li{float:left;width:33.333%;padding-left:1.625rem;position:relative;z-index:1;overflow:hidden;} .s_fuwu ul li a{padding:1.5rem;padding-top:5rem;display:block;transition:.7s;height:24.375rem;background:#fdfcfa;position: relative;z-index:1;} .s_fuwu ul li font{margin-bottom:1.25rem;display:block;height:3.75rem;} .s_fuwu ul li font img{} .s_fuwu ul li font .img02{display:none;} .s_fuwu ul li h5{font-size:1.25rem;color:#363636;transition:.7s;font-family: "宋体","SimSun";} .s_fuwu ul li span{font-size:.875rem;color:#9c9b9b;font-family: arial;margin-top: 3px;display:block;margin-bottom:2rem;transition:.7s;text-transform:capitalize;} .s_fuwu ul li p{font-size:.875rem;color:#656565;line-height:1.5rem;max-height:6rem;overflow: hidden;transition:.7s;} .s_fuwu ul li i{display:block;width:2.1875rem;height:2.1875rem;background:url(../images/s_fuwu_arrow.png) center no-repeat;background-size: contain;opacity:0;margin:0 auto;margin-top:2rem;;transition:.7s;} .s_fuwu ul li a:before{content:"";width:100%;height:5px;display:block;background: #0b6dc8;opacity:.9;position:absolute;left:0;bottom:0;transition:.7s;z-index:-1;} .s_fuwu ul li a:hover:before{height:100%;top:0;bottom:auto;} .s_fuwu ul li a:hover font .img01{display:none;} .s_fuwu ul li a:hover font .img02{display:block;} .s_fuwu ul li a:hover h5,.s_fuwu ul li a:hover span,.s_fuwu ul li a:hover p{color:#fff;} .s_fuwu ul li a:hover{padding-top:2.5rem;} .s_fuwu ul li a:hover i{opacity:1;} #foot{background: #2c2c2d;width: 100%;overflow: hidden;color: #fff;} #foot .left{width: 60%;float: left;} #foot .right{max-width: 45%;float: right;} .foot_logo{margin-bottom: 2rem;width: 9rem;} .foot_nav{display: flex;justify-content: space-between;position: relative;} .foot_nav:before{content: "";display: block;width: 100%;height: 2px;position: absolute;left: 0;top: 0;background: #464748;transition: .3s;} .foot_nav dl{} .foot_nav dt{padding-top: 1rem;position: relative;} .foot_nav dt:before{content: "";display: block;width: 0;height: 5px;opacity: 0;position: absolute;left: 0;top: 0;background: #0b6dc8;transition: .3s;} .foot_nav dl:hover dt:before{width: 100%;opacity: 1;} .foot_nav dt a{line-height: 4rem;display: block;font-family: "宋体","SimSun";} .foot_nav dd{font-size: .875rem;line-height: 1.875rem;color: #919191;} .foot_nav dd a{display:block;} .foot_nav dt a:hover{color: #0b6dc8;} .foot_nav dd a:hover{color: #0b6dc8;} .foot_ewm{background: #fff;float: left;text-align: center;padding: 5px;margin-right: 2rem;} .foot_ewm img{width: 7.5rem;height: 7.5rem;max-width: inherit;} .foot_ewm p{font-size: .875rem;color: #575757;line-height: 1.5rem;} .foot_tel{} .foot_tel span{font-size: 1rem;color: #d0d0d0;line-height: 1.125rem;float: left;margin-right: 7px;} .foot_tel h4{font-family: "宋体";font-size: 2.25rem;color: #0b6dc8;white-space: nowrap;} .foot_lianxi{ustify-content: initial;} .foot_lianxi:after{content:'';display:block;clear:both;} .foot_lianxi .txt{ float: left;} .foot_lianxi ul{margin-top: 20px;max-width: 297px;} .foot_lianxi ul li{font-size: .875rem;line-height: 1.5rem;color: #d0d0d0;*padding-left: 2.625rem;position: relative;} .foot_lianxi ul li span{/*position: absolute;left: 0;*/} .s_foot_link{height:40px;width:100%;margin-top: 2.25rem;margin-bottom: .875rem;cursor:pointer;overflow:visible;position: relative;text-align:left;} .s_foot_link .tt{width:8.75rem;height:40px;line-height:40px;color:#fff;background: #0b6dc8;font-size:.875rem;text-align:center;float:left;} .s_foot_link .tt img{width: 1.375rem;margin-right:.875rem ;} .s_foot_link .tanchu{/* overflow:auto;*/box-sizing:border-box;position:absolute;bottom: 52px;border-bottom:0;display: none;left:8.75rem;right:-1px;z-index:1;border:1px solid #bbb;} .s_foot_link .tanchu>div:before{content: "";position: absolute;bottom: 1px;right: 50%;margin-right: -20px;height: 40px;width: 40px;background-color: #FFFFFF;border: 1px solid #bbb;z-index: -1;-webkit-transform: rotate(135deg);-moz-transform: rotate(135deg);-ms-transform: rotate(135deg);-o-transform: rotate(135deg);} .s_foot_link .tanchu>div{max-height:200px;background: #f6f7f7;display:block;padding:10px 13px;overflow:auto;} .s_foot_link .tanchu>div::-webkit-scrollbar{display:none} .s_foot_link .tanchu a{color: #666;line-height: 27px;display:block;font-size: .8125rem;} .s_foot_link .tanchu a:hover{color: #000;} .s_foot_link #bnt_link1.a{padding-left:12px;color: #fff;border: 1px solid #0b6dc8;font-size:.875rem;text-align:left;line-height: 35px;height:40px;line-height:38px;float:left;box-sizing:border-box;text-decoration:none;position:absolute;z-index:1;left:8.75rem;right: 0;} .s_foot_link #bnt_link1.a h5{vertical-align: middle;display:inline-block;padding-right:3rem;width:100%;font-size: .9375rem;line-height: 35px;} .s_foot_link .a span{display:inline-block;float:right;color:#919397;line-height:31px;width:12px;text-align:center;height:50%;margin-right:20px;position:absolute;right:0;top:15px;} .copyright{font-size: .875rem;line-height: 1.3125rem;color: #979798;display: block;} .copyright a:hover{color: #0b6dc8;} .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:9999999999;pointer-events: none;visibility:hidden;opacity:0;transition:.5s;} .tc[name=tc_search]{opacity:1;} .tc.act{display: block;pointer-events: auto;visibility:visible;opacity:1;} .tc-box{box-sizing:border-box;z-index:999;display: block;position:relative;} /*.tc.act .tc-box{-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);}*/.tc_close{position: absolute;cursor:pointer;color:#0b6dc8;font-size:30px;right: 1.75rem;top: 1.75rem;} .tc_bg{height: 100%;background: rgba(0,0,0,.85);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;transition:.5s;} .tc.act .tc_bg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;transition:.5s;} .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:9999999999;pointer-events: none;visibility:hidden;opacity:0;transition:.5s;} .tc .j_tab{table-layout: fixed;} .tc[name=tc_search]{opacity:1;} .tc.act{display: block;pointer-events: auto;visibility:visible;opacity:1;} .tc-box{box-sizing:border-box;z-index:999;display: block;position:relative;transform: translateY(-10rem);transition: all 0.5s ease-out;opacity: 0;} .tc.act .tc-box{transform: translateY(0);opacity: 1;} .tc_close{position: absolute;cursor:pointer;color:#0b6dc8;font-size:30px;right:15px;top: 15px;} .tc_bg{height: 100%;background: rgba(0,0,0,.7);position: absolute;top: 0;left: 0;width: 100%;z-index: 0;} .tc.act .tc_bg{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;transition:.5s;} .tc_shipin{width:44rem;max-width: 90%;margin:0 auto;background:none;position:relative;height: 28rem;} .tc_shipin video{width:100%;height:100%;} .tc_shipin .tc_close{display:block;width:1.5rem;height:1.5rem;position:absolute;top:-2rem;right:-3rem;border-radius:50%;} .tc_shipin .tc_close img{display:block;position:absolute;width:1rem;height:1rem;left:50%;top:50%;margin-top:-.5rem;margin-left:-.5rem;} .tc_shipin .tc_close:hover img{transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-moz-transition: all 0.6s ease-in-out;-webkit-transition: all 0.6s ease-in-out;-o-transition: all 0.6s ease-in-out;-ms-transition: all 0.6s ease-in-out;transition: all 0.6s ease-in-out;} .video-js{width: 100% !important;height: 100% !important;} .video-js .vjs-big-play-button{left:50% !important;top:50% !important;margin-left:calc(-1.6rem - 5px);margin-top:calc(-1.6rem - 5px);background-color: rgba(0, 0, 0, 0) !important;} video{object-fit:fill;} .vjs-poster{background-size: cover !important;} /*内页开始*/ #n_banner{width:100%;height:28.125rem;overflow:hidden;position:relative;text-align:left;background:#000;z-index: 8;} #n_banner .con{height:100%;position: absolute;top:0;left:0;z-index:99;width:100%;} #n_banner .img{height:100%;opacity:1;fiter:alrha(opacity=100);} #n_banner .txt{padding-top: 3rem;} #n_banner .txt h3{text-transform:uppercase;font-size:1.5rem;color:#fff;margin-bottom:.5rem;} #n_banner .txt span{display: block;font-size:2.625rem;font-family: "Franklin Gothic Demi";text-transform: capitalize;color:#fff;} /*内页导航*/ .n_nav_box{position:relative;z-index: 9;width:100%;overflow:hidden;margin-top: -3.125rem;} .n_nav_box:after{width:100%;height:1px;display:block;background:#dadada;position:absolute;bottom:1px;left:0;transition: .5s;z-index:-1;} /*内页导航*/ .n_nav{text-align: center;font-size: 0;} .n_nav ul {display: flex;align-items: center;justify-content: center;} .n_nav ul li{text-align:center;height:6.25rem;line-height:24px; width: 25%;font-size:1.125rem;color:#474747;transition:.3s;display: inline-block;background: #fff;} .n_nav ul li a{display:block;padding: 0 10px;position: relative;z-index: 1;height:6.25rem;display:flex;align-items: center;justify-content: center;} .n_nav ul li font{display:inline-block;display:none;vertical-align:middle;width:1.5rem;height:1.5rem;line-height:1.5rem;margin-right:.5rem;position: relative;} .n_nav ul li font img{max-width:100%;max-height:100%;vertical-align:middle;position: absolute;left: 0;transition: .3s;} .n_nav ul li font .img02{display:none;} .n_nav ul li:hover{color:#fff;} .n_nav ul li.on{color:#fff;} .n_nav ul li:hover .img01,.n_nav ul li.on .img01{display:none;} .n_nav ul li:hover .img02,.n_nav ul li.on .img02{display:block;} .n_nav ul li a:after{content:"";position:absolute;left:auto;z-index: -1;right:0;bottom:0;width:100%;height:100%;border: 1px solid rgba(0,0,0,.1);-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_nav ul li+li a:after{border-left: 0 !important;} .n_nav ul li:hover a:after{color:#fff;border: 1px solid rgba(255,255,255,.1);} .n_nav ul li.on a:after{color:#fff;border: 1px solid #0b6dc8;} .n_nav ul li a:before{content:"";position:absolute;left:auto;z-index: -1;right:0;bottom:0;width:100%;height:0;background:#0b6dc8;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_nav ul li a:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%} /**/ .inner_main_nav{width: 100%;display:none; margin: 0 auto;box-shadow: 0 0 2px 4px rgba(0 0 0 /0.05); overflow: hidden;} .inner_main_nav .title{display:none;width:100%;height: 60px;line-height: 60px;background: #0b6dc8;} .inner_main_nav .title #bnt_back,.nav-two .title #bnt_sub_nav{display:none;} .inner_main_nav .title h2{height: 60px; line-height: 60px; color:#f4f4f4;font-size: 18px;font-weight: 700;text-indent: 20px;} .inner_main_nav .title #bnt_back{ position:absolute;display:block; left: 1rem; top:0;display: block; display:flex;align-items: center; height: 50px;} .inner_main_nav #bnt_back img{ height: 15px;} .inner_main_nav .title #bnt_sub_nav{ position: absolute; display:block; right: 1rem; top: 17.5px; cursor: pointer; } .inner_main_nav #bnt_sub_nav img{ display: block; height: 15px; } .inner_main_nav h2{ font-size: 16px; color: #fff; text-align: center; text-indent:0;} .inner_main_nav #bnt_sub_nav.on img{-webkit-transform:rotate(-180deg);transform:rotate(-180deg);} .inner_nav{display:flex;justify-content: center;} .inner_nav ul{float:left;} .inner_nav li{float:left;position:relative;} .inner_nav li a{display:block;color:#544949;font-size:15px; padding:21px 30px;text-align:center;} .inner_nav li a:hover,.inner_nav li .current{color:#FFFFFF;background-color:#0b6dc8;} .inner_nav li font{display:none;} #n_mian{background: #f4f6f8;} #n_about{width: 100%;overflow: hidden;background: url(../images/about_map.png) center 3rem no-repeat;} #n_about .tt{text-align: center;margin-bottom: 4.25rem;font-family: "宋体";font-size: 1.625rem;} #n_about .con{text-align: center;font-size: .9375rem;line-height: 1.875rem;color: #3e3e3e;} .n_shuzi{margin-top: 3rem;margin-bottom: 4rem;} .n_shuzi ul{text-align: center;overflow: hidden;font-size: 0;border-top: 1px solid #ddd;border-left: 1px solid #ddd;} .n_shuzi ul li{width:16.66666%;float: left;overflow: hidden;position: relative;z-index: 1;} .n_shuzi ul li .box{display: inline-block;height: 8.4375rem;border: 1px solid #ddd;border-left: 0;border-top: 0;width: 100%;text-align: center;padding: 1rem;} .n_shuzi ul li .j_tab{table-layout: fixed;} .n_shuzi ul li p span{font-family: "宋体";color: #151515;font-size:2.25rem;margin-bottom:.8rem;text-transform: uppercase;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_shuzi ul li p font{font-family: "宋体";font-size: .875rem;position: relative;top: -5px;margin-left: .75rem;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_shuzi ul li h5{font-size:.9375rem;margin-top: .8125rem;white-space: normal;line-height: 1.5;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_shuzi ul li .box:before{content:"";position:absolute;left:auto;z-index: -1;right:0;bottom:0;width:100%;height:0;background:#0b6dc8;-webkit-transition:.6s;-moz-transition:.6s;transition:.6s} .n_shuzi ul li .box:hover:before,.n_nav ul li.on a:before{top:0;bottom:auto;height:100%} .n_shuzi ul li .box:hover p span{color:#fff;} .n_shuzi ul li .box:hover p font{color:#fff;} .n_shuzi ul li .box:hover h5{color:#fff;} #n_fengcai_xq{width: 100%;overflow: hidden;} #n_fengcai_xq .m{max-width: 1560px;} #n_fengcai_xq .hd{width: 14.7%;float: right;padding-top: 2rem;padding-bottom: 2rem;} #n_fengcai_xq .hd ul{} #n_fengcai_xq .hd ul li{padding: 4px 0;} #n_fengcai_xq .hd ul li .img{background: #000;} #n_fengcai_xq .hd ul li .img img{opacity: .5;} #n_fengcai_xq .hd ul li.slick-current .img img{opacity:1;} #n_fengcai_xq .bd{width: 85.3%;float: left;padding-right: 8px;position: relative;} #n_fengcai_xq .bd:after{content: "";display: block;width: 100%;height: 3rem;background: url(../images/fengcai_yingyin.png) center no-repeat;background-size: contain;position: absolute;left: 0;bottom: -4rem;} #n_fengcai_xq .bd ul{} #n_fengcai_xq .bd ul li{padding: 4px 0;} #n_fengcai_xq .slick-arrow{z-index:99;position:absolute;transform:translate(0,0);opacity:1;left: 50%;margin-left: -1rem;right: auto;display:block;width: 2rem;height: 2rem;background-size:2rem !important;} #n_fengcai_xq .slick-prev{background:url(../images/fengcai_top.png) left center no-repeat;background-size: contain;top:-2.5rem;transition:300ms;-webkit-transition:300ms;} #n_fengcai_xq .slick-next{background:url(../images/fengcai_bottom.png) right center no-repeat;background-size: contain;bottom:-2.5rem;top: auto;transition:300ms;-webkit-transition:300ms;} .slick-prev:before, .slick-next:before{display:none;} #n_fengcai_xq .slick-prev:hover{background:url(../images/fengcai_top_on.png) left center no-repeat;} #n_fengcai_xq .slick-next:hover{background:url(../images/fengcai_bottom_on.png) left center no-repeat;} #n_jiameng{width: 100%;overflow: hidden;} #n_jiameng .box{position: relative;} #n_jiameng .img{width: 32.5rem;margin-right: 3rem;} #n_jiameng .img img{} #n_jiameng .txt{width: calc(100% - 32.5rem);position: absolute;right: 0;top: 0;padding-left: 3rem;height: 100%;} .n_tt{font-size: 1.875rem;color: #272727;font-family: "宋体";margin-bottom: 2rem;} .n_tt span{font-size: 1.5rem;color: #0b6dc8;color: #0b6dc8;text-transform: uppercase;margin-left: .75rem;} #n_jiameng .con{font-size: .875rem;color: #000;line-height: 1.625rem;} #n_liucheng{background: #f4f6f8;width: 100%;overflow: hidden;} #n_liucheng .n_tt{text-align: center;margin-bottom: 3.25rem;} #n_liucheng ul{margin: 0 -2.5rem;margin-top: -2rem;} #n_liucheng ul li{padding: 0 2.5rem;width: 33.333%;float: left;margin-top: 2rem;} #n_liucheng ul li .img{} #n_liucheng ul li .img img{transition: 1s;} #n_liucheng ul li:hover .img img{transform: rotate(.1deg) scale(1.1);} #n_liucheng ul li .txt{text-align: center;max-width: 336px;margin: 0 auto;} #n_liucheng ul li .txt font{font-size: 1.875rem;color: #858585;font-family: "宋体";display: block;margin-top: 2rem;margin-bottom: 1rem;} #n_liucheng ul li .txt p{font-size: 1rem;color: #000;line-height: 1.5rem;height: 4.5rem;} #n_news{width: 100%;overflow: hidden;background: #f4f6f8;} #n_news .bd{} #n_news .bd ul{margin: 0 -1.5rem;margin-top: -3.625rem;} #n_news .bd ul li{padding: 0 1.5rem;width: 33.333%;float: left;margin-top: 3.625rem;} #n_news .bd ul li a{display: block;width: 100%;height: 100%;position: relative;} #n_news .bd ul li .img{height: 20rem;} #n_news .bd ul li .img img{width: 100%;height: 100%;object-fit: cover;overflow: hidden;display: inline-block;} #n_news .bd ul li .time{padding: 0 2.5rem;height: 7rem;text-align: center;color: #131313;display: inline-block;position: relative;z-index: 1;transition: .5s;} #n_news .bd ul li .time:before{content: "";display: block;width: 100%;height:0;position: absolute;left: 0;top: 0;z-index: -1;background:rgb(11 109 200 / 0.8);transition: .5s;} #n_news .bd ul li .time span{display: block;font-size: 3rem;font-family: "宋体";} #n_news .bd ul li .txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;z-index: 1;} #n_news .bd ul li .txt:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;z-index: -1;background: #fff;transition: .7s;} #n_news .bd ul li .txt .con{padding: 0 2.5rem;opacity: 1;transition: .5s .2s;} #n_news .bd ul li .txt h5{font-size: 1.125rem;color: #333;line-height: 1.5rem;font-family: "宋体";white-space: normal;height: 3rem;overflow: hidden;} #n_news .bd ul li .txt hr{margin: .75rem 0;} #n_news .bd ul li .txt p{font-size: .875rem;color: #666;line-height: 1.5rem;height: 3rem;overflow: hidden;margin-bottom: 1.5rem;} #n_news .bd ul li a:hover .time{color: #fff;} #n_news .bd ul li a:hover .time:before{height: 100%;} #n_news .bd ul li a:hover .txt:before{height: 0;} #n_news .bd ul li a:hover .con{opacity: 0;transition: .5s;} /*翻页*/ .page{text-align:center;padding-top: 3rem;} .page a{padding:0 13px;min-width: 35px;height:35px;line-height:33px;display:inline-block;margin:0 0.1rem;border-radius: 2px;color:#66635f;background: #fff;font-size:.875rem;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .page .on{background:#0b6dc8;color:#fff;} .page a:hover{background:#0b6dc8;color:#fff;} #n_team{width: 100%;overflow: hidden;} #n_team ul{margin: 0 -7px;margin-top: -1.5rem;} #n_team ul li{width: 25%;float: left;padding: 0 7px;margin-top: 1.5rem;} #n_team ul li .img{position: relative;overflow: hidden;*height: 270px;} #n_team ul li .img img{height:auto;max-height:none;} #n_team ul.img_31 li .img{height:265px;} #n_team ul.img_15 li .img{height:250px;} #n_team ul.img_26 li .img{height:220px;} #n_team ul li .img .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;z-index: 1;font-size: .875rem;line-height: 2rem;} #n_team ul li .img .mask:before{content: "";position: absolute;right: 0;top: 0;width: 0;height: 100%;background: rgba(0,0,0,.6);z-index: -1;transition: .7s;} #n_team ul li .img .mask font{width: 3.125rem;height: 3.125rem;display: inline-block;background: url(../images/jia.png) center no-repeat;background-size: contain;vertical-align: middle;margin: 0 1rem;opacity: 0;visibility: hidden;transform: translateY(15px);transition: .3s;} #n_team ul li h5{height: 3.75rem;line-height: 3.75rem;font-size: .9375rem;color: #616366;text-align: center;padding: 0 10px;} #n_team ul li:hover .img .mask:before{width: 100%;left: 0;right: auto;} #n_team ul li:hover .img .mask font{opacity: 1;visibility: visible;transform: translateY(0);transition: .5s .3s;} #n_shipin{width: 100%;overflow: hidden;} #n_shipin ul{margin: 0 -.8125rem;margin-top: -1.875rem;} #n_shipin ul li{width: 25%;float: left;padding: 0 .8125rem;margin-top: 1.875rem;} #n_shipin ul li a{display: block;transition: .5s;} #n_shipin ul li .img{position: relative;overflow: hidden;} #n_shipin ul li .img img{transition: 1s;} #n_shipin ul li:hover .img img{transform: scale(1.05) rotate(.1deg);} #n_shipin ul li .img .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;z-index: 1;font-size: .875rem;line-height: 2rem;} #n_shipin ul li .img .mask font{width: 2.875rem;height: 2.875rem;display: inline-block;background: url(../images/n_play.png) center no-repeat;background-size: contain;vertical-align: middle;margin: 0 1rem;transition: .3s;} #n_shipin ul li .txt{background: #fff;padding: 1.25rem;} #n_shipin ul li .txt h5{font-size: 1rem;color: #303033;text-align: center;} #n_shipin ul li .txt i{display: block;width: 23px;height: 23px;border-radius: 50%;background: url(../images/jia02.png) center no-repeat;background-size: contain !important;margin: 0 auto;margin-top: .625rem;} #n_shipin ul li a:hover{box-shadow: 0 3px 30px rgba(0,0,0,.15);} #n_shipin ul li a:hover .txt i{background: url(../images/jia02_on.png) center no-repeat;} #n_mendian{width: 100%;overflow: hidden;} #n_mendian ul{margin: 0 -.8125rem;margin-top: -1.875rem;} #n_mendian ul li{width: 33.333%;float: left;padding: 0 .8125rem;margin-top: 1.875rem;} #n_mendian ul li a{display: block;transition: .5s;} #n_mendian ul li .img{position: relative;overflow: hidden;} #n_mendian ul li .img img{transition: 1s;} #n_mendian ul li:hover .img img{transform: scale(1.05) rotate(.1deg);} #n_mendian ul li .img .mask{position: absolute;left: 0;top: 0;width: 100%;height: 100%;text-align: center;color: #fff;background: rgba(0,0,0,.6);z-index: 1;font-size: .875rem;line-height: 2rem;opacity: 0;visibility: hidden;transition: .7s;} #n_mendian ul li .img .mask font{width: 2.625rem;height: 38px;display: inline-block;background: url(../images/ico_map.png) center no-repeat;background-size: contain !important;vertical-align: middle;margin: 0 1rem;transform: translateY(25px);transition: .5s ;opacity: 0;visibility: hidden;} #n_mendian ul li .img .mask p{font-size: 1rem;margin-top: 5px;transform: translateY(25px);transition: .5s ;opacity: 0;visibility: hidden;} #n_mendian ul li .txt{background: #fff;padding:2rem 2.25rem;border: 1px solid #eaeaea;} #n_mendian ul li .txt h5{font-size: 1.5rem;color: #000000;font-family: "宋体";margin-bottom: .5rem;} #n_mendian ul li .txt p{font-size: .9375rem;color: #000000;line-height: 1.5rem;height: 3rem;} #n_mendian ul li a:hover{box-shadow: 0 3px 30px rgba(0,0,0,.15);} #n_mendian ul li a:hover .txt i{background: url(../images/jia02_on.png) center no-repeat;} #n_mendian ul li a:hover .mask{opacity: 1;visibility: visible;} #n_mendian ul li a:hover .mask font{opacity: 1;visibility: visible;transform: translateY(0);transition: .7s .2s;} #n_mendian ul li a:hover .mask p{opacity: 1;visibility: visible;transform: translateY(0);transition: .7s .2s;} #n_mendian .hd{overflow: hidden;margin-bottom: 4rem;} #n_mendian .hd .tt{float: left;line-height: 3.75rem;font-size: 1.875rem;color: #000000;font-family: "宋体","SimSun";} .mendian_search{float: right;} .form_search{} #dr_linkage_jiedao_select{display:block;} .form_search .box .f_title{display: inline-block;width: 84px;height: 40px;line-height: 40px;background: #bf934a;text-align: center;font-size: 14px;color: #fff;display: none;} .form_search .box .f_input{display: inline-block;width: 205px;height: 40px;line-height: 38px;background: #fff;border: #e5e5e5 1px solid;font-size: 16px;color: #333;} .form_search .box .f_input input{display: inline-block;width: 100%;height: 38px;line-height: 38px;background: none;border: none;font-size: 16px;color: #333;padding: 0 15px;} .form_search .box .sousuo{display: inline-block;padding: 0 !important} #dr_linkage_jiedao_select label{display: inline-block;width: 20rem;} .form_search select{background: #fff;box-shadow: none;height: 3.75rem;line-height: 3.75rem;border: none;font-size: 1.125rem;color: #000000;font-weight: normal;padding: 0 1rem;} @media (min-width: 768px){.form_search select{-webkit-appearance:none;background: url(../images/select_arrow.png) 93% center no-repeat #fff;}} .form-control:focus{border-color: inherit;outline: 0;-webkit-box-shadow: none;box-shadow:none;} .form_search .btn_anniu{display: inline-block;height: 3.75rem;line-height: 3.75rem;background: #d6b97a;text-align: center;border-radius: 4px;width: 11.25rem;} .form_search .btn_anniu button{display: inline-block;width: 100%;background: none;border: none;height: 3.75rem;line-height: 3.75rem;font-size: 1.125rem;color: #fff;cursor: pointer;} .form_search .btn_anniu img{width: 1.125rem;margin-left: 1.125rem;} span.select_text_ui{display: none;} #n_lianxi{width: 100%;overflow: hidden;} #n_lianxi .box{position: relative;width: 100%;height: 100%;} #n_lianxi .lianxi_img{width: 40%;float: left;} #n_lianxi .txt{width: 60%;float: left;background: #fff url(../images/lianxi_bg.png) right bottom no-repeat;border:1px solid #e5e5e5;border-radius: .5rem 0 0 .5rem;padding: 40px 50px 46px;box-shadow: 1.832px 34.952px 38px 14px rgba( 109, 109, 109,.2 );} #n_lianxi .tt{border-bottom: 1px solid #ccc;padding-bottom: 1rem;margin-bottom: 2rem;} #n_lianxi .tt h3{font-size: 1.5rem;color: #000;font-family: "宋体","SimSun";} #n_lianxi .tt span{font-size: .875rem;color: #737373;text-transform: uppercase;} #n_lianxi ul{margin-bottom: 20px;} #n_lianxi ul:after{content:'';display:block; overflow: hidden; height:0; clear: both;} #n_lianxi ul li{font-size: 1rem;color: #000000;line-height: 36px;margin-bottom: 16px;float:left;width:50%;} #n_lianxi ul li:nth-child(2n){width: 50%;} #n_lianxi ul li:nth-child(6){width:100%;} #n_lianxi ul li span{} #n_lianxi ul li font{width: 36px;height: 36px;float: left;line-height: 2.625rem;text-align: center;border-radius: 50%;border: 1px solid #e6e6e6;display: inline-block;margin-right: 1.125rem;display:flex;align-items: center;justify-content: center;} #n_lianxi ul li font img{width: 40%;} #n_lianxi .con2:after{content:'';display:block;overflow: hidden; clear: both; height:0;} #n_lianxi .con2{} #n_lianxi .con2 p{float:left;margin:0 30px 0 0;} #n_lianxi .con2 a{display:block;font-size:14px;} #n_lianxi .con2 a i{display:block; position: relative; width:42px;height:42px;border-radius: 21px;font-size:14px;color:#FFFFFF;margin:0 auto; margin-bottom:8px;background:#0b6dc8;display:flex; align-items: center;justify-content: center;} #n_lianxi .con2 a i:hover{background:#0958a2;} /*#n_lianxi .con2 a i:before{content:'';display:block; position: absolute;background:#0762b7;top:0;left:0;width:100%;height:100%;}*/ #n_lianxi .con2 a i img{width:50%;} #n_lianxi .con2 span{display:inline-block;margin-right:30px;} .lianxi_ewm{overflow: hidden;} .lianxi_ewm img{float: left;width: 7.5rem;height: 7.5rem;margin-right: 1.5rem;} .lianxi_ewm .txt2{float: left;height: 7.5rem;font-size: .875rem;color: #575757;line-height: 1.5rem;} .n_map{width: 47%;height: 100%;position: absolute;top: 0;right: 0;border:1px solid #e5e5e5;border-left: 0;} .ar_article{font-size:1rem;color:#555555;line-height:2.25rem;text-align:justify;} .ar_article:after{content:'';display:block;overflow: hidden; clear: both; height:0;} .ar_article img{margin-bottom: 1.5rem;} .ar_article p{ color:#555555;line-height:200%; } .ar_article strong{font-weight:bold;} .ar_article td,.ar_article th{padding:15px;border: 1px solid #c6c5c5;font-size:1.125rem;} .ar_article td p,.ar_article th p{padding-bottom:0;margin-bottom:0;text-align: inherit;} .ar_article img{max-width:100%;} .ar_article a{} .ar_article h1,.ar_article h2,.ar_article h3,.ar_article h4,.ar_article h5,.ar_article h6{font-weight:bold;} .ar_article ul li, .ar_article ol li{padding-bottom:0 !important;margin-bottom:0 !important;} .ar_article ul li p, .ar_article ol li p{padding-bottom:0;} .ar_article ul, .ar_article ol{margin-bottom:15px;} .ar_article p:last-child{padding-bottom: 0;} /*新闻详情*/ #n_news_xq{width:100%;overflow:hidden;} .ar_title{margin-bottom:1.5rem;border-bottom:1px solid #e5e5e5;padding-bottom: .6rem;position:relative;} .ar_title h3{font-size:1.5rem;color:#313131;font-weight:bold;margin-bottom: 1.1rem;} .ar_title h3 i{display: inline-block;width: 5px;height: 20px;position: absolute;background: #0b6dc8;left: -22px;top: .125rem;} .ar_title h4{overflow: hidden;} .ar_title .time{font-size:.875rem;color:#6d6d6d;display: inline-block;margin-bottom:1rem;line-height:1rem;} .ar_title .time font{width:.9rem;height:1.125rem;float: left;margin-right:.5rem;} .ar_title .time font svg{max-width:100%;max-height:100%;} .ar_title h4 span{font-size:.875rem;color:#404040;margin-right:2.5rem;float: left;line-height: 35px;} .ar_title .butie{float:right;font-size:1.125rem;color:#383838;margin-top:-2rem;} .ar_title .butie b{font-size:3.375rem;color:#f5c237;font-family:"Geometr706 BlkCn BT";font-weight:normal;} .ar_title .butie font{font-size:1.5rem;color:#f5c237;} #n_news_xq .right_con{float:right;width: 25.75%;} #n_news_xq .left_con{width: 70%;float: left;padding-left: 4.5rem;} #n_news_xq .right_con>.box{padding:2.5rem 2.2rem;border: 1px solid #e5e5e5;} #n_news_xq .left_con>.box{} #right_search form{position:relative;width:100%;margin:0 auto;background:#fff;border:2px solid #eee;height:60px;} #right_search #keyword{width: 90%;height:56px;padding:0 20px;font-size:1.125rem;color:#696969;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;} #right_search .btn_blue{position:absolute;top:0;right:0;width: 40px;height:56px;border:0;line-height:4.25rem;background:url(../images/search.svg) center center no-repeat;background-size:1.125rem;font-size:1.125rem;color:#fff;cursor:pointer;text-transform:uppercase;} .news_tuijian .box{} .news_tuijian .tt{font-size: 1.25rem;color: #242424;line-height: 2rem;font-weight: bold;} .news_tuijian .tt i{display: inline-block;width: 5px;height: 21px;position: relative;background: #0b6dc8;margin-right: 10px;position: relative;top: .25rem;} .news_tuijian .tt span{font-size: 1rem;color: #0b6dc8;font-family: Poppins;margin-left:.625rem;font-weight: normal;} .news_tuijian .txt{padding: 1.5rem 0 .75rem;border-bottom: 1px solid #cccccc;position: relative;} .news_tuijian .txt:after{content:"";position:absolute;bottom:-1px;left:0;height:2px;background:#0b6dc8;display:block;width:68px;} .news_tuijian .txt h5{font-size: 1.125rem;line-height: 1.2;color: #404040;font-weight: bold;transition: .3s;margin-bottom: 1.125rem;} .news_tuijian .txt h5:hover{color: #0b6dc8;} .news_tuijian .txt p{font-size: .9375rem;color: #adadad;line-height: 1.5rem;height: 3rem;overflow: hidden;} .news_tuijian .txt .top_box{overflow: hidden;margin-top: 1rem;} .news_tuijian .txt .time{font-size: .9375rem;line-height: 2.625rem;font-family: Poppins;color: #989898;} .news_tuijian .txt .btn_more{float: right;font-size: .9375rem;color: #919191;} .news_tuijian .txt .btn_more:hover{color: #0b6dc8;} .news_tuijian .txt .arrow_anim{margin-top: 0;} .news_tuijian ul{padding-top: 1rem;} .news_tuijian ul li{height:2.625rem;} .news_tuijian ul li a{display: block;} .news_tuijian ul li h5{font-size:1rem;line-height:2.625rem;color:#6d6d6d;} .news_tuijian ul li h5:before{content:"";display: inline-block;width: 8px;height: 8px;border-radius: 50%;background:#0b6dc8;; margin-right:8px;} .news_tuijian ul li:hover h5{color:#0b6dc8 ;} .news_tuijian ul li:hover h5:before{color:#0b6dc8 ;} #ar_fot{margin-top:10px;position:relative;padding-bottom:3rem;width:100%;overflow:hidden;} #ar_fot .inbox{position:relative;} #ar_fot h3{display:block;font-size:14px;line-height:30px;color:#676869;width:35px;height:35px;transition:.3s;margin:0;} #ar_fot h3 a{display:block;width:35px;height:35px;} #ar_fot h3 a svg{max-width:100%;max-height:100%;} #ar_fot h3 a svg *{fill:#ccc;} #ar_fot h3 a:hover{color:#d9353c;} #ar_fot h3.prev{position: absolute;left:0;top:0;} #ar_fot h3.next{position: absolute;right:0;top:0;} #ar_fot h3 a:hover svg *{fill:#0b6dc8;} #ar_fot .bnt_back{font-size:14px;width:160px;height:35px;line-height:35px;margin:0 auto;text-align:center;border:1px solid #ccc;border-radius:20px;transition:.3s;} #ar_fot .bnt_back a{display:block;font-size:14px;color:#7f7f7f;transition:.3s;} #ar_fot .bnt_back:hover{border:1px solid #0b6dc8;} #ar_fot .bnt_back:hover a{color:#0b6dc8;} #piaofu_news{position: absolute;left:50%;margin-left: -800px;top:750px;z-index:99;} #piaofu_news.xg{position: fixed;left:50%;margin-left: -800px;top:150px;z-index:99;} #piaofu_news ul{} #piaofu_news ul li{position:relative;z-index:0;width:41px;height:41px;cursor:pointer;margin-bottom:20px;} #piaofu_news ul li span{position: absolute;z-index: 9;padding-left: 5px;width:5.5rem;height: 41px;line-height: 41px;right: 100%;text-align: center;font-size: .875rem;color: #fff;opacity: 0;} #piaofu_news ul li font{width:41px;height:41px;text-align:center;display:table-cell;vertical-align:middle;position: relative;z-index: 1;} #piaofu_news ul li font img{display: block;margin: 0 auto;} #piaofu_news ul li font:before{content: "";display: block;width: 100%;height: 100%;position: absolute;right: 0;top: 0;z-index: -1;border:2px solid #a9a9a9;border-radius: 21px;transition: .3s;} #piaofu_news ul li font:hover:before{border: 2px solid #0b6dc8;background: #0b6dc8;width:calc(5.5rem + 41px);} #piaofu_news ul li:hover span{opacity: 1;} /**/ .n_tuwen{padding:60px 0 65px;} .n_tuwen ul{float:left;} .n_tuwen ul li{float:left;width:calc(33.3% - 20px);height:465px;margin:0 30px 52px 0} .n_tuwen ul li:nth-child(3n){margin-right:0;} .n_tuwen ul li .img,.n_tuwen ul li .img img{width:100%;height:360px;position:relative;} .n_tuwen ul li .img:after{content:"";position:absolute;width:100%;height:0;top:0;left:0;filter:progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr='#663F3E3E', endColorstr='#663F3E3E');background:rgba(63,62,62,0.4);overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_tuwen ul li:hover .img:after{height:100%;} .n_tuwen ul li .con{background:#fff;border:#e5e7eb 1px solid;width:100%;padding:26px 20px 30px 20px;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;position:relative;z-index:1} .n_tuwen ul li .con:before{content:"";position:absolute;bottom:0;left:0;width:0;height:1px;background:#0b6dc8;} .n_tuwen ul li:hover .con:before{width:100%} .n_tuwen ul li:hover .con{padding:48px 20px 48px 20px;margin-top:-92px;} .n_tuwen ul li .con h5{font-size:16px;color:#3f3e3e;margin-bottom:12px;} .n_tuwen ul li .con h6{font-size:12px;color:#b6b6b6;height:0;overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_tuwen ul li:hover .con h6{height:34px;} .n_tuwen ul li .con p{font-size:12px;color:#b6b6b6;line-height:18px;height:18px;overflow:hidden;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;} .n_tuwen ul li:hover .con p{height:36px;color:#848383} /*==============分享插件=====================*/.ar_fx{margin:0 auto;text-align:center;} #j_shart_s_240{position:relative;white-space:nowrap;} #j_shart_s_240 .fx{position:relative;top:2px;cursor:pointer;} .ar_fx h4{font-size:.875rem;float: left;line-height: 35px;} .ar_fx .shart_box2{float: left;} #j_shart_s_240 a{display: inline-block !important;position:relative;cursor:pointer;float:none !important;background: none;} #j_shart_s_240 a:before{content:"";display:block;width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;z-index:2;background-size:auto 25px !important;} #j_shart_s_240 a:after{content:"";display:block;width:100%;height:100%;border-radius:50%;position:absolute;top:0;left:0;background:#fff;; transition:.5s;transform:scale(0);z-index:1;} #j_shart_s_240 a:hover:after{transform:scale(1);} #j_shart_s_240 a.bds_weixin:before{background:url(../images/share_weixin_gray.png) center no-repeat;background-size:auto 17px !important;} #j_shart_s_240 a.bds_sqq:before{background:url(../images/share_qq_gray.png) center no-repeat;background-size:auto 13px !important;} #j_shart_s_240 a.bds_tsina:before{background:url(../images/share_sina_gray.png) center no-repeat;background-size:auto 17px !important;} #j_shart_s_240 a.bds_count:hover{font-size:12px;} #j_shart_s_240 a:nth-child(1){transition:.6s .1s;} #j_shart_s_240 a:nth-child(2){transition:.6s .2s;} #j_shart_s_240 a:nth-child(3){transition:.6s .3s;} #j_shart_s_240 a:nth-child(4){transition:.6s .4s;} .arrow_anim{display: block;width: 2.625rem;height: 2.625rem;border-radius: 50%;background: #f5f7f9;position: relative;margin-top: 1.25rem;overflow: hidden;} .arrow_anim:before{content: "";display: block;width: 100%;height: 100%;background: url(../images/pro_i.png) center no-repeat;position: absolute;left: -100%;top: 0;background-size: 1.0625rem;transition: .5s;} .arrow_anim:after{content: "";display: block;width: 100%;height: 100%;background: url(../images/pro_i.png) center no-repeat;position: absolute;left: 0;top: 0;background-size: 1.0625rem;transition: .5s;} .item:hover .arrow_anim:before{left: 0;} .item:hover .arrow_anim:after{left: 100%;} .lianxi_bn{position: relative;margin-top: 12px;overflow: hidden;} .lianxi_bn .txt2{position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .lianxi_bn .txt2 h3{font-size: 1.5rem;color: #232323;float: right;margin-right: 2.25rem;} .lianxi_bn .txt2 span{font-size: 1rem;color: #858585;display: block;} .lianxi_bn img{width: 100%;display: block;transition: 1s;} .lianxi_bn:hover img{transform: scale(1.05) rotate(.1deg);} #n_licheng{width:100%;overflow:hidden;background:url(../images/n_licheng_bg.jpg) center bottom no-repeat;} #n_licheng ul{position: relative;} #n_licheng ul:first-child{margin-top: 2rem;} #n_licheng ul:first-child:before{content: "";width: 1.1875rem;height: 23px;background: url(../images/licheng_ico.png) center top no-repeat;background-size: contain;display: block;z-index: 999;position: absolute;top: -30px;margin-left:5.375rem;} #n_licheng ul li{position: relative;clear: both;margin-bottom: 1.5rem;} #n_licheng ul li .year{position:absolute;z-index:9;width:5.9375rem;top:50%;height:40px;line-height:40px;text-align:center;margin-top:-20px;} #n_licheng ul li .year span{font-size:1.5rem;color:#515355;white-space: nowrap;font-family: "宋体","SimSun";font-weight:bold;transition:.2s;position: absolute;right: 2rem;} #n_licheng ul li .year:before{content:"";width:10px;height:10px;background:#fff;border:2px solid #0b6dc8;display:block;border-radius:50%;position:absolute;top:50%;margin-top:-5px;right:-5px;transition:.5s;} #n_licheng ul li.slick-current .year:before{background:#0b6dc8;} #n_licheng ul li.slick-current .year span{color:#d9000f;font-size:1.625rem;} #n_licheng ul li:after{content:"";width:2px;height:calc(100% + 66px);background:#d0d1d3;display:block;position:absolute;top:-20px;left: 5.9375rem;} #n_licheng ul li .txt{margin-left:9.375rem;background: #fff;border: 1px solid #eaeaea;border-radius:3px;padding:1rem 2rem;font-size:1rem;color:#4e4e4e;line-height:1.7;position:relative;transition: .2s;} #n_licheng ul li:hover .txt{background: #0b6dc8;color: #fff;} #bnt_dsj_more{display:block;font-size: 1rem;width:7rem;height:2.25rem;line-height:2.25rem;text-align:center;text-align:center;position: relative;z-index: 9;border-radius:5px;color:#fff;background:#0b6dc8;-moz-transition: all 0.36s ease-in-out;-webkit-transition: all 0.36s ease-in-out;-o-transition: all 0.36s ease-in-out;-ms-transition: all 0.36s ease-in-out;transition: all 0.36s ease-in-out;margin-top: 2rem;text-align: center;margin-left: 2.25rem;} #n_licheng .bnt_more a:hover{background:#d83a1b;} #n_licheng .slide{display:none;} #n_biaodan .m{width:1200px;padding:0;} #n_biaodan .n_liuyan{margin-top:60px;} .n_liuyan{ margin-bottom:50px; overflow:hidden;} .n_liuyan .txt{ width:647px; float:right;} .n_liuyan .txt .tab{ display:table;} .n_liuyan .txt .tab_cl{ display:table-cell; vertical-align:middle; height:340px;} .j_form { position:relative; overflow:hidden; margin-right:-32px; } .j_form .fl,.j_form .fr{width:49%;} .j_form label{ width:100%; border:1px solid #e5e5e5; overflow:hidden;position:relative; display:block; height:45px; line-height:43px; margin: 0 0 23px 0; ont-size:12px; color:#bebebe; padding-left:120px;} .j_form .label .h_x{ left: 395px; top: -8px;position: absolute;} .j_form input[type="text"]{ height:43px; background:#fff; color:#676767; width:100%; border:none; border-radius:0px; display:block; padding:0 15px; font-size:12px; font-family:microsoft yahei;} .j_form input[type="text"]:focus{ } .j_form label strong{ font-weight:normal; display:block; background:#edeef0;border-right:1px solid #e5e5e5; color:#5e5f61; height:43px; line-height:43px; position:absolute; width: 120px; left:0px; top:0; font-size:14px; text-align:center; } .j_form .textarea_box{ width: 795px; height:113px; /*top:68px; left:405px; */background:#fff; } .j_form .textarea_box{ width:100%; } .j_form .textarea_box strong{ height:113px; line-height:106px;} .j_form textarea{ width: 656px; height: 106px; background:#fff; resize:none; color:#66656b; padding-right:10px; border: none; line-height:24px; font-size:12px; padding: 6px 15px; font-family:microsoft yahei; } .j_form textarea:focus{ } .yzm_box { position:relative; border: none; } .yzm_box strong{ height:45px !important; line-height:45px !important;} .yzm_box input[type="text"]{ height:43px; color:#666; width: 100% !important; font-size:12px; font-family:microsoft yahei;} .yzm{ position:absolute; right: 0; height:40px; top:0px;} .yzm a{ position:absolute; color:#adada6; right:-90px; height:40px; line-height:40px; width:80px; top:0;} .j_form input[type="submit"]{ float: right; width:378px; cursor:pointer; height:45px; background:#d80930; color:#fff; font-size:14px; border:none; transition:.3s; -webkit-transition:.3s; margin-right:32px;} .j_form input[type="submit"]:hover{ } #n_un_box .m{width:900px;padding:0;} @media (min-width: 1100px){#n_licheng ul:first-child:before{left: 50%;margin-left:-.59375rem;} #n_licheng ul li{width: 50%;margin-bottom: 15px;} #n_licheng ul li:after{left:-1px;} #n_licheng ul li:nth-child(odd){float: right;} #n_licheng ul li:nth-child(odd) .year:after{left:-1rem;right: auto;} #n_licheng ul li:nth-child(odd) .year:before{right: auto;left: -5px;} #n_licheng ul li:nth-child(odd) .year span{right:auto;left: 2rem;} #n_licheng ul li:nth-child(even) .txt{margin-left: 0;margin-right:9.375rem;text-align: right;} #n_licheng ul li:nth-child(even) .year{left: auto;right: 0;} #n_licheng ul li:nth-child(even):after{left: auto;right: -1px;} #bnt_dsj_more{margin: 0 auto;margin-top: 2rem;}} #n_zizhi{} #n_zizhi ul{margin: 0 -1.625rem;margin-top: -3.375rem;} #n_zizhi ul li{width: 50%;float: left;padding: 0 1.625rem;margin-top: 3.375rem;} #n_zizhi ul li a{position: relative;width: 100%;display: block;cursor: pointer;} #n_zizhi ul li .pic{width: 42%;position: relative;} #n_zizhi ul li .pic img{width: 100%;} #n_zizhi ul li .pic:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/zizhi_bg.png) center no-repeat;background-size: 100% 100%;} #n_zizhi ul li .pic:after{content: "";display: block;width: 100%;height: 24px;position: absolute;left: 0;bottom:-24px;background: url(../images/pic_yy.png) center top no-repeat;background-size: contain;} #n_zizhi ul li .txt{width: 58%;height: 100%;position: absolute;top: 0;right: 0;background: #fff;padding: 1.5rem 2.5rem;transition: .5s;} #n_zizhi ul li .txt h5{font-size: 1.125rem;font-family: "宋体","SimSun";color: #000000;margin-bottom: .875rem;transition: .5s;} #n_zizhi ul li .txt p{font-size: .8125rem;color: #585858;line-height: 1.5rem;max-height: 6rem;overflow: hidden;transition: .5s;} #n_zizhi ul li a:hover .txt{background: #0b6dc8;} #n_zizhi ul li a:hover .txt h5{color: #fff;} #n_zizhi ul li a:hover .txt p{color: #fff;} #n_liucheng2{width: 100%;overflow: hidden;} #n_liucheng2 ul{margin-top: -1.75rem;} #n_liucheng2 ul li{width: 20%;float: left;margin-top: 1.75rem;} #n_liucheng2 ul li .box{position: relative;text-align: center;} #n_liucheng2 ul li .pic{} #n_liucheng2 ul li .pic img{} #n_liucheng2 ul li .txt{position: absolute;height: 100%;left: 0;right: 8%;top: 0;text-align: center;} #n_liucheng2 ul li .txt span{font-size: 1.875rem;color: #858585;font-family: "宋体","SimSun";} #n_liucheng2 ul li .txt font{display: block;width: 2.375rem;height: 2.375rem;margin: 0 auto;text-align: center;margin-top: 1.125rem;margin-bottom:.875rem;} #n_liucheng2 ul li:hover .txt font img{animation: jello 1s;} #n_liucheng2 ul li .txt i{display: block;width: 14px;height: 1px;background: #0b6dc8;margin: 0 auto;margin-bottom: .625rem;} #n_liucheng2 ul li .txt h5{font-size: 1.375rem;color: #000;} #n_liucheng2 ul li .txt p{font-size: .875rem;color: #000;text-transform: uppercase;margin-top: .5rem;} #n_liucheng2 ul li.li_6{float: right;} #n_liucheng2 ul li.li_7{float: right;} #n_liucheng2 ul li.li_8{float: right;} #n_liucheng2 ul li.li_9{float: right;} #n_liucheng2 ul li.li_10{float: right;} #n_liucheng2 ul li.li_6 .txt{left: 8%;right: 0;} #n_liucheng2 ul li.li_7 .txt{left: 8%;right: 0;} #n_liucheng2 ul li.li_8 .txt{left: 8%;right: 0;} #n_liucheng2 ul li.li_9 .txt{left: 8%;right: 0;} #n_liucheng2 ul li.li_2 .txt i{background: #8a2cbb;} #n_liucheng2 ul li.li_3 .txt i{background: #ffa801;} #n_liucheng2 ul li.li_4 .txt i{background: #26a680;} #n_liucheng2 ul li.li_5 .txt i{background: #3975c6;} #n_liucheng2 ul li.li_6 .txt i{background: #ba6ff0;} #n_liucheng2 ul li.li_7 .txt i{background: #4dbee3;} #n_liucheng2 ul li.li_8 .txt i{background: #914991;} #n_liucheng2 ul li.li_9 .txt i{background: #c9b27c;} #n_liucheng2 ul li.li_10 .txt i{background: #26a680;} #n_liucheng2 .n_tt{text-align: center;margin-bottom: 3.5rem;} @-webkit-keyframes jello{from, 11.1%, to{-webkit-transform: none;transform: none} 22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)} 77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)}} @-moz-keyframes jello{from, 11.1%, to{-moz-transform: none;transform: none} 22.2%{-moz-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-moz-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)} 44.4%{-moz-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-moz-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-moz-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)} 77.7%{-moz-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)}} @keyframes jello{from, 11.1%, to{-webkit-transform: none;-moz-transform: none;transform: none} 22.2%{-webkit-transform: skewX(-12.5deg) skewY(-12.5deg);-moz-transform: skewX(-12.5deg) skewY(-12.5deg);transform: skewX(-12.5deg) skewY(-12.5deg)} 33.3%{-webkit-transform: skewX(6.25deg) skewY(6.25deg);-moz-transform: skewX(6.25deg) skewY(6.25deg);transform: skewX(6.25deg) skewY(6.25deg)} 44.4%{-webkit-transform: skewX(-3.125deg) skewY(-3.125deg);-moz-transform: skewX(-3.125deg) skewY(-3.125deg);transform: skewX(-3.125deg) skewY(-3.125deg)} 55.5%{-webkit-transform: skewX(1.5625deg) skewY(1.5625deg);-moz-transform: skewX(1.5625deg) skewY(1.5625deg);transform: skewX(1.5625deg) skewY(1.5625deg)} 66.6%{-webkit-transform: skewX(-.78125deg) skewY(-.78125deg);-moz-transform: skewX(-.78125deg) skewY(-.78125deg);transform: skewX(-.78125deg) skewY(-.78125deg)} 77.7%{-webkit-transform: skewX(0.390625deg) skewY(0.390625deg);-moz-transform: skewX(0.390625deg) skewY(0.390625deg);transform: skewX(0.390625deg) skewY(0.390625deg)} 88.8%{-webkit-transform: skewX(-.1953125deg) skewY(-.1953125deg);-moz-transform: skewX(-.1953125deg) skewY(-.1953125deg);transform: skewX(-.1953125deg) skewY(-.1953125deg)}} iframe{max-width: 100%;} .n_map iframe{height: 100%;} @media (max-width: 768px){iframe{height: 200px;} .ar_article .fl{float:none!important;margin-right:0!important;} } /*人才招聘*/ #n_join{overflow: hidden;} #n_join .img{width: 32.25%;float: left;} #n_join #list_slide{width: 67.75%;float: right;padding-left: 36px;} #n_join dt span{float: left;} #n_join .span01{width:20%;} #n_join .span02{width:15%;} #n_join .span03{width:15%;} #n_join .span03{width:15%;} #n_join .span05{max-width:20%;width: 150px;display: block;height: 100%;text-align: center;position: relative;} #n_join #list_slide{position:relative;margin-bottom: 3rem;} #n_join #list_slide dl{background:#fff;border: 1px solid #dee0e2;position: relative;margin-bottom:10px;} #n_join #list_slide dt{position:relative;cursor:pointer;height:9.375rem;transition:.5s;overflow: hidden;font-size: 1rem;color: #797979;padding: 2rem 0;padding-left: 3rem;display: flex;align-items: center;align-content: center;justify-content: space-between;} #n_join #list_slide dt span.span01{border-right: 1px solid #dcdcdc;} #n_join #list_slide dt span.span01 b{font-size: 1.3125rem;color: #131313;font-weight: bold;} #n_join #list_slide dt span.span01 .time{font-size: .875rem;color: #878787;display: block;padding-left: 1.25rem;background: url(../images/time.png) left center no-repeat;background-size: .8125rem;} #n_join #list_slide dt span.span05{background:url(../images/n_jia.png) center no-repeat ;background-size: 2rem !important;} #n_join #list_slide dt span.span05:before{content: "";display: block;width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: url(../images/pin.png) center no-repeat;background-size: 4.5rem;} #n_join .tc{transition:all ease 300ms;position: fixed;width: 100%;height: 100%;top: 0;left: 0;z-index:999999;pointer-events: none;filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity:0;opacity:0;overflow: auto;padding:3rem 0;} #n_join .tc.act{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;display: block;pointer-events: auto;} #n_join .tc-box{margin:0 auto;box-sizing:border-box;background:#fff;display: block;position:relative;z-index:1;-webkit-animation-duration: 1.2s;animation-duration: 1.2s;-webkit-animation-timing-function: linear;animation-timing-function: linear;-webkit-animation-fill-mode: forwards;animation-fill-mode: forwards;-webkit-animation-name: anim-close-2;animation-name: anim-close-2;} #n_join .tc.act .tc-box{-webkit-animation-name: anim-open-2;animation-name: anim-open-2;transform:scale(1);} #n_join .tc_close{position: absolute;cursor:pointer;color:#e13a39;font-size:22px;right: -50px;top: -50px;z-index:999;width:40px;height:40px;background:url(../images/close.png) center no-repeat;} #n_join .tc_bg{height: 100%;background: rgba(0,0,0,.7);position: fixed;top: 0;left: 0;width: 100%;z-index: 0;} #n_join .tc_txt{height:470px;overflow-y:auto;padding-right:30px;} #n_join .tc_zhaopin{width:850px;max-width: 90%;min-height:420px;padding: 3.5rem 3rem 4rem;border-radius:6px;background:#fff;text-align:left;} #n_join .tc_zhaopin .tt{font-size:1.625rem;color:#252525;margin-bottom:1.875rem;position:relative;padding-bottom:10px;text-align: center;font-weight: bold;} #n_join .hd{overflow: hidden;line-height: 4.375rem;display: flex;justify-content: space-around;border-top:1px solid #d5d5d5;border-bottom:1px solid #d5d5d5;font-size: 1rem;color: #000;margin-bottom: 4rem;} #n_join .tc_zhaopin p{font-size:.975rem;color:#131313;line-height:2.25rem;} @media (max-width: 1400px){#n_join .img{display: none;} #n_join #list_slide{width: 100%;float: none;padding-left: 0;} #foot .right{width: 35%;} .foot_lianxi .txt{width:calc(100% - 150px);} .foot_tel h4{font-size: 26px;} } @media (max-width: 480px){ #m_nav li .a h3{float:none;} #m_nav li .a{display:block;} #n_join .tc_close{right:0;width: 20px;height: 20px;background-size: 20px !important;top: -30px;} #n_join .span02{display: none;} #n_join #list_slide dt{padding-left: 10px;padding-top: 0;padding-bottom: 0;height: 7.5rem;} #n_join .span01{width:30%;} #n_join .span03{width: 20%;} #n_join .span05{width: 14%;} #n_join #list_slide dt span.span05:before{display: none;} .inner_main_nav{display:block;} .n_nav_box{display:none;} .inner_main_nav .m {width: 100%!important;padding:0;} .inner_main_nav .title{display:block;} .inner_main_nav .inner_nav{display:none;padding:15px 10px;} .inner_main_nav .inner_nav li,.inner_main_nav .inner_nav ul{float:none;} .inner_main_nav .inner_nav li a{padding: 10px 10px;text-align:left;} .inner_main_nav .inner_nav li a:hover,.inner_main_nav .inner_nav li .current { color: #104fa2; background: none;} }