/* ------------------------------------------------- * 鍏敤鏍峰紡琛 * ------------------------------------------------- */ body{font-family:"寰蒋闆呴粦","瀹嬩綋";max-width: 1920px; position: relative; font-size:14px; line-height: 1.28571; font-weight: 400; letter-spacing:-.1px; font-stretch:normal; font-style:normal; color: rgba(255, 255, 255, 1); color: #3f3f3f; background: rgba(255, 255, 255, 1); text-align:justify; -webkit-text-size-adjust:none; height:auto; -webkit-font-smoothing: subpixel-antialiased; /*chrome銆乻afari*/ -moz-osx-font-smoothing: grayscale;/*firefox*/} .clearfix{zoom:1} .clearfix:after,.clearfix:before{display:table;line-height:0;content:""} .clearfix:after{clear:both} .hidden{display:none;} /** 瀹氫箟HTML body **/ @media (max-width: 999px){ body {font-size: 12px; margin: 0 auto;} } a{color:#333;transition:400ms ease all;} a:focus {color: #333;outline: none;text-decoration: none;} a:hover {color: #333;outline: none;text-decoration: none;transition:400ms ease all;} .mykeyword{height:30px; line-height:30px; border-radius:6px; border:1px solid #ddd; width:300px; margin-top:-4px; padding-left:5px;} .mykeyword2{height:35px; line-height:35px; border-radius:6px; border:1px solid #ddd; width:100%; padding-left:5px;} /* == 鍏ㄥ眬 ======================================================================================================================================*/ .wrapper_full{margin: 0px auto; max-width: 100%; width: 100%; padding: 0 0px;} .wrapper_box{margin: 0px auto; max-width: 1600px; width: 100%; position: relative; padding: 0 30px;} .max1440{margin: 0px auto; max-width: 1400px; width: 100%; } .max1200{margin: 0px auto; max-width: 1200px; width: 100%; } @media (max-width:1440px){ .wrapper_full{padding: 0px 0px;} .wrapper_box{padding: 0px 30px; } } @media (max-width:1280px){ .wrapper_full{padding: 0px 0px;} .wrapper_box{padding: 0px 20px;} .max1440{padding: 0 20px;} .max1200{padding: 0 20px;} } @media (max-width:1023px){ .wrapper_full{padding: 0px 0px;} .wrapper_box{padding: 0px 10px;} .max1440{padding: 0 10px; overflow: hidden;} .max1200{padding: 0 10px; overflow: hidden;} } @media (max-width:767px){ .wrapper_full{padding: 0px 0px;} .wrapper_box{padding: 0px 10px;} .max1440{padding: 0 10px;} .max1200{padding: 0 10px;} } /* == 鍏ㄥ眬 ======================================================================================================================================*/ /** == 棣栭〉banner ======================================================================================================================================*/ .banner_box{ width: 100%; position: relative; padding-top: 0px;} .swiper-ban.swiper-container{} .swiper-ban.swiper-slide{ background: #000; width: 100%; height:auto;} .swiper-ban a {display: block; width: 100%; height:100%; overflow: hidden; position: relative;} .swiper-ban a .slide_full{width: 100%; height:620px;/*^banner楂樺害^*/ overflow: hidden; position: relative; background-repeat:no-repeat; background-position:center center; background-size:cover; /*transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; -webkit-animation:scalex 10s linear infinite;animation:scalex 10s linear infinite;*/} .swiper-ban a > img {position: absolute; left: 0 ; top: 0; width:100%; z-index: -1; } .swiper-ban a .bg_hei{position: absolute; left: 0 ; top: 0; width:100%; height: 100%; z-index: -1; background:linear-gradient(-150deg,#071025,#2a4881 50%); opacity: 0.0;/*^banner涓婅鐩栬壊^*/} /** banner鐐圭偣鐐 =====*/ .swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 80px;} .swiper-ban .swiper-pagination-bullet{background: #fff; width: 10px; height:5px; border-radius:5px; opacity: .9; transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s;} .swiper-ban .swiper-pagination-bullet-active {background: #0053cc; width: 30px; } /** banner绠ご =====*/ .swiper-ban .swiper-button-prev {left:30px; width: 50px; height: 50px; opacity:1; top: 50%;transition: all 0.5s ease-out;} .swiper-ban .swiper-button-next {right:30px; width: 50px; height: 50px;opacity:1;top: 50%;transition: all 0.5s ease-out;} .swiper-ban .swiper-button-prev {background-color:rgba(0,0,0,0.5);background-image:url(../images/left.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; } .swiper-ban .swiper-button-next { background-color:rgba(0,0,0,0.5);background-image:url(../images/right.png); background-repeat:no-repeat; background-position:center center; background-size:50%; text-align: center;border-radius:100%; } .swiper-ban .swiper-button-prev:hover{opacity: 0.8;left:40px;} .swiper-ban .swiper-button-next:hover{opacity: 0.8;right:40px;} .swiper-ban .swiper-button-prev.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/left.png);}/*^鍒板ご^*/ .swiper-ban .swiper-button-next.swiper-button-disabled{opacity:0.1;background-color:none;background-image:url(../images/right.png);}/*^鍒板ご^*/ .mobi-banner{display:none} .m-banner{width:100%;overflow:hidden;position:relative;} .m-banner .swiper-pagination-bullet{background:#fff;width:10px;height:10px;opacity:1} .m-banner .swiper-pagination-bullet-active{background-color:#05a045} .m-banner .swiper-slide img{max-width:100%;display:block} .m-banner .swiper-button-prev, .m-banner .swiper-button-next {outline: none;} @media (max-width: 1200px) { .swiper-ban a .slide_full{width: 100%; height:450px;} } @media (max-width: 1023px) { .banner_box{ width: 100%; position: relative; padding-top: 2.4rem;} .swiper-ban a .slide_full{width: 100%; height:500px;} .swiper-ban.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{ bottom: 10px;} } @media (max-width: 767px) { .pc-banner{display:none} .mobi-banner{display:block;margin-top:-10px} } /** == 棣栭〉banner ======================================================================================================================================*/ /** == 棣栭〉banner涓婃枃瀛 ======================================================================================================================================*/ .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 50px; font-weight: bold;} .ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 40px; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 30px; font-family: DINEngschriftStd;} @media (max-width: 1440px) { .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:30px; font-weight: bold;} .ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;} } @media (max-width: 1280px) { } @media (max-width: 1023px) { .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size:30px; font-weight: bold;} .ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 20px; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 20px; font-family: DINEngschriftStd;} } @media (max-width: 767px) { .wenzi_main{ position:absolute; width: 100%; margin: 0px auto; padding: 0px 20px; top: 50%; -webkit-transform:translateY(-50%); transform:translateY(-50%); text-align:center; z-index: 1; text-shadow: 1px 1px 1px #000;filter:shadow(Color=#000,Direction=10,Strength=10);text-transform:uppercase;} .ani-01 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.7rem; line-height: 1.6; font-weight: bold;} .ani-02 { height: auto; margin-bottom: 10px; color: #fff; font-size: 0.6rem; } .ani-03 { height: auto; margin-bottom: 0px; color: #fff; font-size: 0.5rem; font-family: DINEngschriftStd;display: none;} } /** == 棣栭〉banner涓婃枃瀛 ======================================================================================================================================*/ /** == pag_ban ====================================================================================*/ .pag_ban{position: relative;overflow: hidden;height: 350px; margin-top: 0px;transition: all 0.5s ease-out;} .pag_ban:before {content: ''; position: absolute; background-color: rgba(0, 16, 39, 0.8); height: 100%; width: 100%; top: 0;left: 0;} .pag_ban .imgbg {height: 100%;} .pag_ban .imgbg {background-position: center center;background-size: cover;background-repeat: no-repeat;} .pag_ban .imgbg img {display: none;} .pag_ban_tit{color: #fff; text-align:left; position: relative; width: 100%; margin: 0px auto; text-shadow: 1px 1px 1px #000; filter:shadow(Color=#000,Direction=10,Strength=10); top: 40%; -webkit-transform:translateY(-50%); transform:translateY(-50%); } .pag_ban_tit .tf30{ float: left; font-size: 36px; line-height: 30px; padding-bottom: 0px; font-weight: bold; text-transform: uppercase;} .pag_ban_tit .tf16{ float: right; font-size: 26px; line-height: 30px; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";} .pag_ban_tit .tf16 a{color:#fff;} .pag_ban_tit .guanjianci{ float: left; width: 100%; margin-top: 20px; color: #ccc;} .pag_ban_tit .guanjianci a{ color: #ccc; padding-right: 15px; display: inline-block;} .pag_ban_tit .guanjianci a:hover{color: #f98d0b;} @media (max-width:1366px){ } @media (max-width:1023px){ .pag_ban{margin-top: 2.6rem;height: 100px;} .pag_ban_tit {top: 50%;} .pag_ban_tit .guanjianci{display: none;} .pag_ban_tit .tf30{ text-align: center; width: 100%; font-size: 0.86rem;} .pag_ban_tit .tf16{ text-align: center; width: 100%; font-size: 0.6rem;} } /** == pag_ban ====================================================================================*/ .pag_ban_titm{margin-top: -60px;position: relative;padding-top: 15px;padding-bottom: 15px;} .titm_l{float: left;width: 80%;font-weight: bold;line-height: 32px;color: #000;} .titm_l a{display: inline-block;margin: 0px 10px;font-weight: 400;color: #333;} .titm_l a:hover{color: #0053cc;} .titm_r{float: right;width: 20%;text-align: right;} .search_box{width: 100%;height: 32px;line-height: 32px;position: relative;float: right;padding: 0px;border-radius: 50px;text-align: center;} .search_box form{height: 32px;line-height: 32px;padding: 0px;margin: 0px;} .search_box .input{width: 100%;height: 32px;line-height: 32px;text-align: left;border-width: 0;padding: 0px 0px 0px 25px;font-size: 14px;color: #666;background-color: #fff;border-radius: 50px;} .search_box .button{width: 20px;height: 20px;position: absolute;right: 10px;top: 7px;border-width: 0;cursor: pointer;font-size: 14px;color: #fff;background-image:url(..//images/sousuo.png.);background-repeat:no-repeat; background-position:center center; background-color: #fff;border-radius: 0px;} @media (max-width:1023px){ .pag_ban_titm{display: none;} } /** pc_header header ========================================================================================================================*/ .pc_header{width: 100%; height: 60px; position:relative; top: 0px; left: 0px; z-index: 9999; background:#0053cc; padding: 0px 0px; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out;} .pc_header.top_fixedY{position: relative;-webkit-transform: translateY(-100%);-ms-transform: translateY(-100%);transform: translateY(-100%);transition: all 0s ease-out; } /** .pc_header.top_fixedY 鍥哄畾椤堕儴婧㈠嚭 ======**/ .pc_header.top_fixed{-webkit-transform: translateY(0%); -ms-transform: translateY(0%); transform: translateY(0%);transition: all 0.5s ease-out;} /** .pc_header.top_fixedY 婊戝嚭椤堕儴鏄剧ず ======**/ .m_header{display: none;} @media (max-width:1023px){ .pc_header{display: none;} .m_header{display:block;} } /** logo ========================================================================================================================*/ .pc_header .wrapper_box{height: 100%;} .pc_header .logo{float: left; height: 100%; display: -webkit-flex; /* Safari */display: flex; -webkit-align-items: center; /* Safari 6.1+ */ align-items: center;} .pc_header .logo a{float: left; display: block;} .pc_header .logo a img{ max-width:auto;} @media (max-width:1200px){ } /** pc_nav 閫氱敤瀵艰埅 ====================================================================================*/ .pc_nav {width:100%; margin: 0px auto; float: right; } .pc_nav ul{ display: block;} .pc_nav:after,.pc_nav > ul:after {content: "";display: block;clear: both;visibility: hidden; line-height: 0;height: 0;} /*涓€绾ц彍鍗?/ .pc_nav > ul > li.nav-one {float: left; width:12.5%; display: block; position: relative;-webkit-perspective: 85px; -moz-perspective: 85px; -ms-perspective: 85px; perspective: 85px; -webkit-transform-style: preserve-3d; -moz-transform-style: preserve-3d; -ms-transform-style: preserve-3d; transform-style: preserve-3d; } .pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 60px; text-align: center; display: block;position: relative;} .pc_nav > ul > li.nav-one > a:before{height: 0%;position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: #f98d0b;transition: all 0.5s ease-out;content: "";z-index: -1;} .pc_nav > ul > li.nav-one:hover > a:before{height: 100%;position: absolute;bottom: 0px;left: 0px;width: 100%;background-color: #f98d0b;content: "";color: #fff;} .pc_nav > ul > li.nav-one:last-child{border-right: 0px solid #f98d0b;} .pc_nav > ul > li.nav-one > a.on{background: #f98d0b;color: #fff;} /*涓€绾ц彍鍗?/ @media (max-width:1440px){ .pc_nav > ul > li.nav-one > a {color: #fff; padding: 0px 0px 0px 0px; font-size: 16px; line-height: 60px; text-align: center; display: block; } } /*浜岀骇鑿滃崟*/ .pc_nav > ul > li.nav-one > ul.nav-two {opacity: 0; width: 100%;height: auto;top:auto;left: 0;padding-bottom: 0px; display: block;transition: all 0.3s ease-out; position: absolute;background: transparent;border-bottom-left-radius: 3px;border-bottom-right-radius: 3px;-webkit-transform-origin: 0px 0px;-moz-transform-origin: 0px 0px;-ms-transform-origin: 0px 0px;transform-origin: 0px 0px;-webkit-transform: rotateX(-60deg);-moz-transform: rotateX(-60deg);-ms-transform: rotateX(-60deg);transform: rotateX(-60deg);-moz-backface-visibility: hidden;-webkit-backface-visibility: hidden;-ms-backface-visibility: hidden;backface-visibility: hidden;} .pc_nav > ul > li.nav-one:hover > ul.nav-two { opacity: 1; -webkit-transform: rotateX(0deg);-moz-transform: rotateX(0deg);-ms-transform: rotateX(0deg);transform: rotateX(0deg);box-shadow:0 10px 20px 2px rgba(0, 0, 0, .1)} .pc_nav > ul > li.nav-one > ul.nav-two >li{height: 50px; transition: all 0.3s ease-out; position: relative;background-color:rgba(0,83,204,0.9);border-top: 1px solid rgba(255,255,255,.2);} .pc_nav > ul > li.nav-one > ul.nav-two >li:before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 0%;content: "";background-color: #0053cc;transition: all 0.5s ease-out;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover:before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 100%;content: "";background-color: #f98d0b;} .pc_nav > ul > li.nav-one > ul.nav-two >li >a{ color: #fff; font-size: 14px; width:100%; height:50px;line-height: 50px;padding:0px 0px; text-align: center;display: block; text-decoration: none;transition: all 0.2s ease-out;position: relative;} /*浜岀骇鑿滃崟*/ /*涓夌骇鑿滃崟*/ .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three{margin-left: 100%;top: 0;position: absolute; left: 0px;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three{left: auto; width: 100%;} .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three li{height: 0; width: 100%; display: block; transition: all 0s ease-out; position: relative; overflow: hidden;} .pc_nav > ul > li.nav-one > ul.nav-two >li:hover > ul.nav-three li{height: 50px; overflow: hidden; transition: all 0.2s ease-out;} .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a{width:100%; height:50px; line-height: 50px;padding:0px 0px; text-align: center; background:#666;color: #eeeeee; border-top: 1px solid #000;display: block; text-decoration: none; } .pc_nav > ul > li.nav-one > ul.nav-two >li > ul.nav-three >li >a:hover{ color: #fff; background: #000;} /*鏈変笁绾ц彍鍗曠殑灏忕澶?/ ul.nav-three::after {position: absolute; top: 25px; left: -20px;width: 4px; height: 4px; border-bottom: 1px solid #eee;border-right: 1px solid #eee; content: ""; -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg);-o-transform: rotate(-45deg); transform: rotate(-45deg);} /*涓夌骇鑿滃崟*/ /** pc_nav ====================================================================================*/ /** m_nav 绉诲姩绔彍鍗 ====================================================================================*/ .m_header{width: 100%;height:2.6rem; background:rgba(255, 255, 255, 1); position: fixed; top: 0px; left:0px; right: 0px; z-index: 9999; box-shadow: 0 0 5px 5px rgba(0, 0, 0, 0.1);transition: all 0.5s ease-out;} .m_header .header-section{width:100%; height: 100%; overflow: hidden; } .m_header .header-section .m_logo{height:100%; padding:0.4rem 0.6rem; float: left; overflow: hidden; } .m_header .header-section .m_logo a{display: block; height: 100%;} .m_header .header-section .m_logo a img{height:100%;} .m_header .header-section .nav-icon{ position: absolute; right:0.56rem; top: 0.9rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;} .m_header .header-section .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0} .m_header .header-section .nav-icon i span{display:inline-block;width:90%;height:1px;background-color:#000;position:relative;border-radius:2px} .m_header .header-section .nav-icon i:nth-of-type(1) span{top:20%} .m_header .header-section .nav-icon i:nth-of-type(2) span{top:45%;width:60%} .m_header .header-section .nav-icon i:nth-of-type(3) span{top:75%} .mo_fixed{ background:rgba(255, 255, 255, 0.9);} /*绉诲姩瀵艰埅logo鎸夐挳*/ .m_header .m-navbar{background:rgba(255, 255, 255, 0.9); position:fixed;width:100%;height:100%;z-index:9997;right:-100%;top:0;padding-bottom:.6rem;box-sizing:border-box;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);transition:all .4s cubic-bezier(.4,0,0,1);overflow-y:auto;-webkit-overflow-scrolling:touch;} .m_header .m-navbar.open{right: 0px;} .m-navbar .nav-closed{ height:2.6rem; position: relative; background:rgba(255, 255, 255, 0.9); } .m-navbar .nav-closed .m_logo{height:100%; padding:0.6rem 0.6rem; float: left; overflow: hidden; } .m-navbar .nav-closed .m_logo a{display: block; height: 100%;} .m-navbar .nav-closed .m_logo a img{height:100%;} .m_header .nav-closed .nav-icon{ position: absolute; right:0.56rem; top: 0.8rem; width:0.8rem;height:0.8rem; z-index:1000;font-size:0;text-align:right;cursor:pointer;} .m_header .nav-closed .nav-icon i{width:100%;height:100%;position:absolute;left:0;top:0} .m_header .nav-closed .nav-icon i span{display:inline-block;width:80%;height:2px;background-color:#000;position:relative; } .m_header .nav-closed .nav-icon i:nth-of-type(1) span{top:45%; right: 10%; transform:rotate(45deg);} .m_header .nav-closed .nav-icon i:nth-of-type(2) span{top:45%; right: 10%;transform:rotate(-45deg);} /*绉诲姩瀵艰埅寮瑰嚭淇℃伅*/ #navbar .m_navul{margin-top: 10%; width: 80%; margin-left: 10%; text-transform:uppercase;} #navbar .m_navul li{padding: 0 0.6rem;border-bottom: 0px solid rgba(255,255,255,0.1);transform: translateY(0);-webkit-transform: translateY(100%);transform: translateY(100%);transition: all .2s cubic-bezier(.5, 0, .2, 1) 0s;opacity: 0;} #navbar.open .m_navul li{opacity: 1;-webkit-transform: translateY(0); transform: translateY(0);} #navbar .m_navul li a{color: #333;font-size: 0.6rem;height:auto;line-height: 1rem; padding: 0.4rem 0px; width: 100%;display: block;text-decoration: none;} #navbar .m_navul li a i{float: right;line-height: 1rem;} #navbar .m_navul li a span{font-size: 0.32rem; color:#999; } #navbar .m_navul li a:hover{ color: #0053cc;} #navbar .m_navul li a:hover span{ color: #0053cc;} #navbar .m_navul li .dropdown_menu{display: none; border-top: 1px solid #0053cc;padding:0.2rem 0px;} #navbar .m_navul li.dropdown.active .dropdown_menu{display: block;} #navbar .m_navul li .dropdown_menu a{display: block; color: #0053cc; font-size: 0.48rem; line-height: 0.9rem;padding:0.2rem 0.5rem;box-sizing: border-box; } #navbar .m_navul li .dropdown_menu a:last-child{border: none;} #navbar .m_navul li .dropdown_menu a span{font-size: 0.32rem; color:#0053cc; } #navbar .m_navul li:nth-child(1) {transition: all 0.2s ease-out;} #navbar .m_navul li:nth-child(2) {transition: all 0.3s ease-out;} #navbar .m_navul li:nth-child(3) {transition: all 0.4s ease-out;} #navbar .m_navul li:nth-child(4) {transition: all 0.5s ease-out;} #navbar .m_navul li:nth-child(5) {transition: all 0.6s ease-out;} #navbar .m_navul li:nth-child(6) {transition: all 0.7s ease-out;} #navbar .m_navul li:nth-child(7) {transition: all 0.8s ease-out;} #navbar .m_navul li:nth-child(8) {transition: all 0.9s ease-out;} #navbar .m_navul li:nth-child(9) {transition: all 1.0s ease-out;} /** m_nav 绉诲姩绔彍鍗 ====================================================================================*/ .pc_header_top{padding: 12px 0px;background-color: #efefef; color: #777;} .pc_header_top span{float: left;} ul.pc_header_topm{float: right;} ul.pc_header_topm li{float: left;margin-left: 15px;} ul.pc_header_topm li a{color: #777;} ul.pc_header_topm li a:hover{color: #0053cc;} @media (max-width:1200px){ ul.pc_header_topm{display: none;} } @media (max-width:1023px){ .pc_header_top{display: none;} } .logom{padding: 30px 0px;} .logom_l{float: left;} .logom_l .logo{ height: 60px;} .logom_l .logo img{height: 100%;} .logom_c{float: left;padding-left: 20px; margin-left: 0px; margin-top:0px;line-height:1.5; } .logom_c h3{font-size: 22px;font-weight: bold; color: #232323; margin-bottom: 5px;} .logom_c .p1{font-size: 14px;} .logom_c span{color: #f98d0b;} .logom_r{float: right;position: relative;padding-left: 55px;} .logom_r i{position: absolute;background-image:url("../font/tel.svg");background-repeat:no-repeat; background-position:center center; background-size:45px;width: 50px;height: 50px;left: 0px;top: 0px;} .logom_r span{font-size: 14px;color: #333;} .logom_r .p1{font-size: 28px;font-weight: bold;font-family:Impact; color: #0053cc;} @media (max-width:1200px){ .logom_r{display: none;} } @media (max-width:1023px){ .logom{display: none;} } .index_shuzi{padding-top: 50px;padding-bottom: 50px;margin-top: -120px;z-index: 2;position: relative; } ul.shuzi{background-color: #0053cc;display: flex;box-shadow: 0 0 15px 5px rgba(0, 83, 204, 0.4);} ul.shuzi li{width: 25%;float: left;display: block;text-align: center;padding: 30px 20px;color: #fff; border-right: 1px solid #1761cd;} ul.shuzi li .p1 span{font-size: 50px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";} ul.shuzi li .p1 b{font-size: 14px; position: absolute;} ul.shuzi li .p2{margin: 10px 0px;font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;} @media (max-width:1200px){ .index_shuzi{padding-top: 20px;padding-bottom: 20px;margin-top: -90px;z-index: 2;position: relative;} ul.shuzi{background-color: #0053cc;display: flex;box-shadow: 0 0 15px 5px rgba(0, 83, 204, 0.4);} ul.shuzi li{width: 25%;float: left;display: block;text-align: center;padding: 30px 20px;color: #fff; border-right: 1px solid #1761cd;} ul.shuzi li .p1 span{font-size: 50px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";} ul.shuzi li .p1 b{font-size: 14px; position: absolute;} ul.shuzi li .p2{margin: 10px 0px;font-size: 16px;line-height: 20px;height: 20px;overflow: hidden;} } @media (max-width:999px){ .index_shuzi{padding-top: 0px;padding-bottom: 20px; padding-left: 0px; padding-right: 0px; margin-top: 0px;z-index: 2;position: relative;} ul.shuzi{background-color: #0053cc;display:block;box-shadow: 0 0 15px 5px rgba(0, 83, 204, 0.4);} ul.shuzi li{width: 50%; float: left;display: block;text-align: center;padding: 10px 10px;color: #fff; border-right: 1px solid #1761cd; border-bottom: 1px solid #1761cd;} ul.shuzi li .p1 span{font-size: 20px;font-weight: bold; font-family:HELVETICANEUELTPRO-THEX, "寰蒋闆呴粦";} ul.shuzi li .p1 b{font-size: 12px; position: absolute; padding-left: 5px; font-weight: 400;} ul.shuzi li .p2{margin: 0px 0px;font-size: 12px;line-height: 15px;height: 15px;overflow: hidden;} } /*index_shuzi--------------------------------*/ .index_dream{padding-top: 20px;padding-bottom: 50px;} .dream{position: relative;} .dream .dream_l{position: absolute;top: 0px;left: 0px;width: 600px; } .dream .dream_l:before{position: absolute;top: 50%;left: 0px;width: 100%;height: 130px;content: "";background-color: #0053cc;z-index: -1;margin-top: -65px;} .dream .dream_l .imgzoom{padding-bottom: 60%; width: 600px; margin: 0px auto; position: relative; overflow: hidden;box-shadow:0 0 25px rgba(0,83,204,0.35); } .dream .dream_l .imgzoom img{ width: 100%;min-height: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .dream .dream_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .dream .dream_r{min-height: 375px;padding: 20px 0px 20px 700px;} .dream .dream_r .h3{font-size: 46px;font-weight: bold;margin-bottom: 10px;} .dream .dream_r .h3 .s1{color: #0053cc;} .dream .dream_r .h3 .s2{color: #f98d0b;} .dream .dream_r .p1{font-size: 24px; margin-bottom: 25px;} .dream .dream_r .p2{font-size: 16px;line-height: 28px;height: 196px;overflow: hidden;} @media (max-width:1200px){ .index_dream{padding-top: 30px;padding-bottom: 30px;} .dream .dream_l{position: absolute;top: 20px;left: 0px;width: 400px; } .dream .dream_r{min-height: 305px;padding: 0px 0px 20px 450px;} .dream .dream_l .imgzoom{padding-bottom: 60%; width: 300px; margin: 0px auto; position: relative; overflow: hidden;box-shadow:0 0 25px rgba(0,83,204,0.35); } .dream .dream_r .p2{font-size: 14px;line-height: 25px;height: 150px;overflow: hidden;} } @media (max-width:999px){ .index_dream{padding-top:10px;padding-bottom: 10px;} .dream .dream_l{position:relative;top: 0px;left: 0px;width: 100%; } .dream .dream_l:before{position: absolute;top: 50%;left: 0px;width: 100%;height: 130px;content: "";background-color: #0053cc;z-index: -1;margin-top: -65px;} .dream .dream_l .imgzoom{padding-bottom: 60%; width: 100%; margin: 0px auto; position: relative; overflow: hidden;box-shadow:0 0 15px rgba(0,83,204,0.35); } .dream .dream_l .imgzoom img{ width: 100%;min-height: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .dream .dream_l:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .dream .dream_r{min-height: auto;padding: 20px 0px 20px 0px;} .dream .dream_r .h3{font-size: 26px;font-weight: bold;margin-bottom: 10px;} .dream .dream_r .h3 .s1{color: #0053cc;} .dream .dream_r .h3 .s2{color: #f98d0b;} .dream .dream_r .p1{font-size: 18px; margin-bottom: 15px;} .dream .dream_r .p2{font-size: 14px;line-height:30px;height:240px;overflow: hidden;} } /*index_dream----------------------------------*/ .index_title{text-align: center;} .index_title h3{font-size: 40px;font-weight: bold; color: #333; margin-bottom: 10px;} .index_title h3 b{ color:#0053cc;} .index_title p{position: relative;} .index_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;} .index_title span{position: relative;display: inline-block;} .index_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .index_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .index_title span i{font-size: 18px;color: #666;position: relative;display: inline-block;font-style: normal;position: relative; padding: 0px 15px;} .index_hezuo .index_title h3{ color: #fff;} .index_hezuo .index_title h3 b{ color:#f98d0b;} .index_hezuo .index_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 0px solid #fff;width: 100%;} .index_hezuo .index_title span{position: relative;display: inline-block;} .index_hezuo .index_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #f98d0b;width: 40px;} .index_hezuo .index_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #f98d0b;width: 40px;} .index_hezuo .index_title span i{font-size: 18px;color: #ccc;position: relative;display: inline-block;font-style: normal;position: relative; padding: 0px 15px;} .index_product{padding-top: 50px;padding-bottom: 50px;background-repeat:no-repeat; background-position:center center; background-size:cover;} ul.product_top{margin-top: 30px;display: flex; text-align: center; align-content: center; justify-content: center;} ul.product_top li{width: 25%; display: inline-block; background-color: #0053cc;border-right: 1px solid #fff;position: relative;} ul.product_top li:before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 0%;content: "";background-color: #f98d0b;transition: all 0.5s ease-out;} ul.product_top li:hover:before{height: 100%;} ul.product_top li.on:before{height: 100%;} ul.product_top li:last-child{border-right: 0px solid #fff;} ul.product_top li a{display: block;text-align: center;color: #fff;padding: 15px 0px;font-size: 16px;position: relative;height: 100%; font-weight: bold;} @media (max-width:1200px){ .index_product{padding-top: 30px;padding-bottom: 30px;} } @media (max-width:1023px){ .index_title{text-align: center;} .index_title h3{font-size: 0.9rem;font-weight: bold; color: #333; margin-bottom: 10px;} .index_title h3 b{ color:#0053cc;} .index_title p{position: relative;} .index_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;} .index_title span{position: relative;display: inline-block;} .index_title span:after{position: absolute;top: 45%;left: -20px;content: "";border-bottom: 3px solid #0053cc;width: 20px;} .index_title span:before{position: absolute;top: 45%;right: -20px;content: "";border-bottom: 3px solid #0053cc;width: 20px;} .index_title span i{font-size: 0.48rem;color: #666;position: relative;display: inline-block;font-style: normal;position: relative; padding: 0px 15px;} .index_hezuo .index_title span i{font-size: 0.48rem;color: #ccc;position: relative;display: inline-block;font-style: normal;position: relative; padding: 0px 15px;} .index_product{padding-top: 8%;padding-bottom: 8%;} ul.product_top{margin-top: 10px;display:block;} ul.product_top li{width: 25%;float: left; background-color: #0053cc;border-right: 1px solid #fff; border-bottom: 1px solid #fff;position: relative;} ul.product_top li:before{position: absolute;bottom: 0px;left: 0px;width: 100%;height: 0%;content: "";background-color: #f98d0b;transition: all 0.5s ease-out;} ul.product_top li:hover:before{height: 100%;} ul.product_top li.on:before{height: 100%;} ul.product_top li:last-child{border-right: 1px solid #fff; } ul.product_top li a{display: block;text-align: center;color: #fff;padding: 10px 0px;font-size: 0.56rem;position: relative;height: 100%;} } /*index_product-----------------------*/ /** swiper01_box ====================================================================================*/ .swiper01_box{ width:100%; position: relative; margin: 20px auto 0px auto; padding: 0px 0px; } /** 鐐 ============*/ .swiper01_box .swiper-container{padding: 10px 5px 50px 5px; height: auto;} .swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px; margin: 0px 10px; transition: all 0.5s ease-out;} .swiper01_box .swiper-pagination-bullet-active{ background: #f98d0b; width: 30px; opacity:1;} /** 宸﹀彸鎸夐挳 ============*/ .swiper01_box .swiper-button-prev {left: 10px;opacity:1; top: 30%; } .swiper01_box .swiper-button-next {right:10px;opacity:1;top: 30%; } .swiper01_box .swiper-button-prev {width: 20px;height: 70px; background-color:none;background-image:url(..//images/sleft.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper01_box .swiper-button-next {width: 20px;height: 70px; background-color:none;background-image:url(..//images/sright.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper01_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(..//images/slefth.png);} .swiper01_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(..//images/srighth.png);} .swiper01_box .swiper-button-prev.hide{opacity:0;} .swiper01_box .swiper-button-next.hide{opacity:0;} .swiper01_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1280px){ } @media screen and (max-width: 1023px){ .swiper01_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; } .swiper01_box .swiper-container{padding: 10px 5px 30px 5px; height: auto;} .swiper01_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper01_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 5px; height:5px;border-radius:5px; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper01_box .swiper-pagination-bullet-active{ background: #f98d0b; width: 30px; opacity:1;} } a.sw_item01{ display: block; background: #fff;} a.sw_item01:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);} a.sw_item01 .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; } a.sw_item01 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item01 .txt{padding: 20px 20px; width: 100%; text-align: center;} a.sw_item01 .txt .name{ font-size: 18px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;} a.sw_item01:hover .txt .name{color: #0053cc;} a.sw_item01 .txt span{display: inline-block;padding: 10px 40px; font-size: 12px; color: #666;} @media screen and (max-width: 1023px){ a.sw_item01{ display: block;} a.sw_item01:hover{box-shadow:0 0 15px rgba(0,0,0,0.15);} a.sw_item01 .imgzoom{padding-bottom: 80%; width: 100%; position: relative; overflow: hidden; } a.sw_item01 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item01:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item01 .txt{padding: 10px 10px; width: 100%; text-align: center;} a.sw_item01 .txt .name{ font-size: 14px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 0px;} a.sw_item01:hover .txt .name{color: #0053cc;} a.sw_item01 .txt span{display: inline-block;padding: 5px 10px; font-size: 12px; color: #666;} } /*swiper01_box-------------------------*/ .index_jiejue{padding-top: 50px;padding-bottom: 50px;} /** swiper08_box ====================================================================================*/ .swiper08_box{ width:100%; position: relative; margin: 30px auto 0px auto; padding: 0px 0px; } /** 鐐 ============*/ .swiper08_box .swiper-container{padding: 10px 5px 50px 5px; height: auto;} .swiper08_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper08_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 10px; height:10px;border-radius:5px; margin: 0px 10px; transition: all 0.5s ease-out;} .swiper08_box .swiper-pagination-bullet-active{ background: #f98d0b; width: 30px; opacity:1;} @media (max-width:1200px){ .index_jiejue{padding-top: 30px;padding-bottom: 30px;} } @media screen and (max-width: 1023px){ .index_jiejue{padding-top: 8%;padding-bottom: 4%;} .swiper08_box{ width:100%; position: relative; margin: 10px auto 0px auto; padding: 0px 0px; } .swiper08_box .swiper-pagination{width: 100%; text-align:center;} .swiper08_box .swiper-container{padding: 5px 0px 30px 0px; height: auto;} .swiper08_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper08_box .swiper-pagination-bullet{ background: #0053cc; opacity: 0.8; width: 5px; height:5px;border-radius:5px; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper08_box .swiper-pagination-bullet-active{ background: #f98d0b; width: 30px; opacity:1;} } a.sw_item08{ display: block; background: #fff;} a.sw_item08 .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } a.sw_item08 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item08:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item08 .txt{padding: 30px 20px; width: 80%;color: #fff; margin: auto; margin-top: -50px; z-index: 6; position: relative; background:#0053cc; text-align: center; border-top-left-radius:15px; border-bottom-right-radius:15px;transition: all 0.5s ease-out;} a.sw_item08 .txt .name{ font-size: 22px; color: #fff; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;} a.sw_item08 .txt .en{font-size: 16px; color: #ccc; } a.sw_item08:hover .txt{background: #fff; color: #0053cc;box-shadow:0 0 15px rgba(0,0,0,0.15);} a.sw_item08:hover .txt .name{color: #0053cc;} a.sw_item08:hover .txt .en{color: #0053cc;} @media screen and (max-width: 999px){ a.sw_item08{ display: block; background: #fff;} a.sw_item08 .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } a.sw_item08 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item08:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item08 .txt{padding: 10px 5px 5px; width: 80%;color: #fff; margin: auto; margin-top: -30px; z-index: 6; position: relative; background:#0053cc; text-align: center; border-top-left-radius:15px; border-bottom-right-radius:15px;transition: all 0.5s ease-out;} a.sw_item08 .txt .name{ font-size: 0.48rem; color: #fff; height:auto; line-height: 1; overflow: hidden;margin-bottom: 0px;} a.sw_item08 .txt .en{font-size: 0.4rem; color: #ccc; height: 15px; line-height: 15px; overflow: hidden; } a.sw_item08:hover .txt{background: #fff; color: #0053cc;box-shadow:0 0 15px rgba(0,0,0,0.15);} a.sw_item08:hover .txt .name{color: #0053cc;} a.sw_item08:hover .txt .en{color: #0053cc;} } /** index_jiejue ====================================================================================*/ .index_liucheng{padding-top: 50px;padding-bottom: 50px; background: #f8f8f8;} .index_lcbox{ padding: 50px 0px;} .index_lcboxa{ width: 18%; float: left; padding-right: 8%; background-image:url(../images/index_liuchengbg.png);background-repeat:no-repeat; background-position:right 35%; background-size:auto;} .index_lcboxa:last-child{ width: 10%;padding-right: 0%;} .index_lcboxa img{width: 100%;transition: all ease 0.3s;} .index_lcboxa:hover img{transform: scale(0.9);} .index_lcboxa span{ padding-top: 30px; font-size: 16px; display: block; text-align: center;} @media (max-width:1200px){ .index_liucheng{padding-top: 30px;padding-bottom: 30px;} } @media (max-width:999px){ .index_liucheng{padding-top: 8%;padding-bottom: 4%; background: #f8f8f8;} .index_lcbox{ padding: 20px 0px 0px 0px;} .index_lcboxa{ width: 33.3333%; float: left; padding-right: 4%; padding-left: 4%; margin-bottom: 20px; background-image:none;background-repeat:no-repeat; background-position:right 35%; background-size:auto;} .index_lcboxa:last-child{ width: 33.3333%; padding-right: 4%;} .index_lcboxa img{width: 100%;transition: all ease 0.3s;} .index_lcboxa:hover img{transform: scale(0.9);} .index_lcboxa span{ padding-top: 10px; font-size: 0.48rem; display: block; text-align: center;} } /** index_liucheng ====================================================================================*/ .index_hezuo{padding-top: 50px;padding-bottom: 60px;} .index_hzbox{ padding: 50px 0px 0px 0px; margin-left: -10px; margin-right: -10px;} .index_hzboxa{ width: 20%; padding: 10px 10px; float: left;} .index_hzboxa .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden;border-radius:10px; } .index_hzboxa .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .index_hzboxa:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} @media (max-width:1200px){ .index_hezuo{padding-top: 30px;padding-bottom: 30px;} } @media (max-width:999px){ .index_hezuo{padding-top: 8%;padding-bottom: 8%;} .index_hzbox{ padding: 20px 0px 0px 0px; margin-left: -5px; margin-right: -5px;} .index_hzboxa{ width: 33.3333%; padding: 5px 5px; float: left;} .index_hzboxa .imgzoom{padding-bottom: 50%; width: 100%; position: relative; overflow: hidden;border-radius:10px; } .index_hzboxa .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .index_hzboxa:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .index_hzboxa:last-child{ display: none;} .index_hzboxa:nth-child(1){ display: none;} } /** index_hezuo ====================================================================================*/ .index_news{padding-top: 50px;padding-bottom: 20px;} .index_newsm{margin-left: -10px; margin-right: -10px; padding: 30px 0px;} .index_newsm ul li{ width:58%;float:right; } .index_newsm ul li .title{ font-size:18px; font-weight:bold; margin:10px 0; } .index_newsm ul li .time{ height:30px; line-height:30px; } .index_newsm ul li .desc{ color:#999; border-bottom:dashed 1px #ccc; padding-bottom:10px; margin-bottom:10px; line-height:24px;} .index_newsm ul li:first-child{ width:40%; float:left; } .index_newsm ul li:first-child img{ width:100%; } .index_newsm ul li:first-child .desc{border-bottom:0} .index_newsm ul li a:hover{ color:#0053cc } /** index_news ====================================================================================*/ @media (max-width:1200px){ .index_news{padding-top: 30px;padding-bottom: 30px;} } @media (max-width:999px){ .index_news{padding-top: 8%;padding-bottom: 8%;} .index_newsm{margin-left: 0px; margin-right: 0px; padding: 20px 0px 0px 0px;} .index_newsm ul li{ width:100%;float:inherit; } .index_newsm ul li:first-child{ width:100%;float:inherit; } } .index_gg{padding-top: 50px;padding-bottom: 50px; color: #fff;} .index_gg .h3{ text-align: center; font-size: 42px; font-weight: bold;} .index_gg .tel{ text-align: center; font-size: 18px; padding-top: 20px; } @media (max-width:1200px){ .index_gg{padding-top: 30px;padding-bottom: 30px; } } @media (max-width:999px){ .index_gg{padding-top: 8%;padding-bottom: 8%; color: #fff;} .index_gg .h3{ text-align: center; font-size: 0.9rem; font-weight: bold;} .index_gg .tel{ text-align: center; font-size: 0.6rem; padding-top: 10px; } } /** index_gg ====================================================================================*/ .index_dingzhi{padding-top: 50px;padding-bottom: 50px;} .dingzhim{background-repeat:no-repeat; background-position:center center; background-size:cover;margin-top: 50px; background-image:url(../images/tsbg.jpg);} ul.dingzhim_m li{margin-bottom: 60px;width: 50%;float: left;position: relative;} ul.dingzhim_m li a{float: left;display: block;padding-right: 360px;padding-top: 50px;overflow: hidden;} ul.dingzhim_m li a .tit{margin-bottom: 20px;position: relative;} ul.dingzhim_m li a .tit h3{display: inline-block;;float: left; font-size: 20px;font-weight: bold;padding-left: 60px; line-height: 55px;height: 55px;overflow: hidden;} ul.dingzhim_m li a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 10px;color: #0053cc;font-weight: bold;font-size: 22px;float: left;position: absolute;top: 0px;left: 0px;} ul.dingzhim_m li a p{font-size: 16px;color: #666;line-height: 22px;height: 66px;overflow: hidden;} ul.dingzhim_m li span{display: block;top: 0px;right: 0px; position: absolute;width: 119px;height: 119px;} ul.dingzhim_m li span img{display: block;} ul.dingzhim_m li:nth-child(2n){margin-bottom: 60px;width: 50%;float: left;position: relative;} ul.dingzhim_m li:nth-child(2n) a{float: right;display: block;padding-right: 0px;padding-left: 360px;text-align: right;overflow: hidden;position: relative;} ul.dingzhim_m li:nth-child(2n) a .tit h3{display: inline-block;;float: right; font-size: 20px;font-weight: bold;padding-right: 60px;line-height: 55px;height: 55px;overflow: hidden;} ul.dingzhim_m li:nth-child(2n) a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 10px;color: #0053cc;font-weight: bold;font-size: 22px;float: right;position: absolute;top: 0px;right: 0px;left: auto;} ul.dingzhim_m li:nth-child(2n) a p{font-size: 16px;color: #666;line-height: 22px;height: 66px;overflow: hidden;text-align: left;} ul.dingzhim_m li:nth-child(2n) span{display: block;top: 0px;right: auto;left: 0px; position: absolute;width: 119px;height: 119px;} ul.dingzhim_m li:nth-child(2n) span img{display: block;} ul.dingzhim_m li:nth-child(3) a{float: right;display: block;padding-left: 0px;padding-right: 400px;text-align: left;} ul.dingzhim_m li:nth-child(4) a{float: right;display: block;padding-right: 0px;padding-left: 400px;text-align: right;} ul.dingzhim_m li:nth-child(1) span{top: 50px;right: 130px;} ul.dingzhim_m li:nth-child(2) span{top: 50px;right: 0px;left: 130px; } ul.dingzhim_m li:nth-child(3) span{top: 80px;right: 260px;} ul.dingzhim_m li:nth-child(4) span{top: 80px;right: 0px;left: 260px;} ul.dingzhim_m li:nth-child(5) span{top: 80px;right: 130px;} ul.dingzhim_m li:nth-child(6) span{top: 80px;right: 0px;left: 130px; } @media screen and (max-width: 1200px){ .index_dingzhi{padding-top: 50px;padding-bottom: 50px;} .dingzhim{background-repeat:no-repeat; background-position:center center; background-size:1000px;margin-top: 50px; background-image:url(../images/tsbg.jpg);} ul.dingzhim_m li{margin-bottom: 50px;width: 50%;float: left;position: relative;} ul.dingzhim_m li a{float: left;display: block;padding-right: 260px;padding-top: 30px;overflow: hidden;} ul.dingzhim_m li a .tit{margin-bottom: 20px;position: relative;} ul.dingzhim_m li a .tit h3{display: inline-block;;float: left; font-size: 20px;font-weight: bold;padding-left: 60px; line-height: 55px;height: 55px;overflow: hidden;} ul.dingzhim_m li a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 10px;color: #0053cc;font-weight: bold;font-size: 22px;float: left;position: absolute;top: 0px;left: 0px;} ul.dingzhim_m li a p{font-size: 16px;color: #666;line-height: 22px;height: 66px;overflow: hidden;} ul.dingzhim_m li span{display: block;top: 0px;right: 0px; position: absolute;width: 119px;height: 119px;} ul.dingzhim_m li span img{display: block;} ul.dingzhim_m li:nth-child(2n){margin-bottom: 50px;width: 50%;float: left;position: relative;} ul.dingzhim_m li:nth-child(2n) a{float: right;display: block;padding-right: 0px;padding-left: 260px;text-align: right;overflow: hidden;position: relative;} ul.dingzhim_m li:nth-child(2n) a .tit h3{display: inline-block;;float: right; font-size: 20px;font-weight: bold;padding-right: 60px;line-height: 55px;height: 55px;overflow: hidden;} ul.dingzhim_m li:nth-child(2n) a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 10px;color: #0053cc;font-weight: bold;font-size: 22px;float: right;position: absolute;top: 0px;right: 0px;left: auto;} ul.dingzhim_m li:nth-child(2n) a p{font-size: 16px;color: #666;line-height: 22px;height: 66px;overflow: hidden;text-align: left;} ul.dingzhim_m li:nth-child(2n) span{display: block;top: 0px;right: auto;left: 0px; position: absolute;width: 119px;height: 119px;} ul.dingzhim_m li:nth-child(2n) span img{display: block;} ul.dingzhim_m li:nth-child(3) a{float: right;display: block;padding-left: 0px;padding-right: 320px;text-align: left;} ul.dingzhim_m li:nth-child(4) a{float: right;display: block;padding-right: 0px;padding-left: 320px;text-align: right;} ul.dingzhim_m li:nth-child(1) span{top: 60px;right: 120px;} ul.dingzhim_m li:nth-child(2) span{top: 60px;right: 0px;left: 120px; } ul.dingzhim_m li:nth-child(3) span{top: 60px;right: 200px;} ul.dingzhim_m li:nth-child(4) span{top: 60px;right: 0px;left: 200px;} ul.dingzhim_m li:nth-child(5) span{top: 50px;right: 120px;} ul.dingzhim_m li:nth-child(6) span{top: 50px;right: 0px;left: 120px; } } @media screen and (max-width: 1023px){ .index_dingzhi{padding-top: 20px;padding-bottom: 20px;} .dingzhim{background-repeat:no-repeat; background-position:center center; background-size:1000px;margin-top: 20px; background-image:none;} ul.dingzhim_m li{margin-bottom: 10px;width: 100%;float: left;position: relative;} ul.dingzhim_m li a{float: left;display: block;padding-right: 0px;padding-top: 0px;overflow: hidden;} ul.dingzhim_m li a .tit{margin-bottom: 5px;position: relative;} ul.dingzhim_m li a .tit h3{display: inline-block;;float: left; font-size: 14px;font-weight: bold;padding-left: 35px; line-height: 30px;height: auto;overflow: hidden;} ul.dingzhim_m li a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 2px;color: #0053cc;font-weight: bold;font-size: 14px;float: left;position: absolute;top: 0px;left: 0px;} ul.dingzhim_m li a p{font-size: 12px;color: #666;line-height:18px;height: auto;overflow: hidden;} ul.dingzhim_m li span{display: block;top: 0px;right: 0px; position: absolute;width: 60px;height: 60px;} ul.dingzhim_m li span img{display: block;} ul.dingzhim_m li:nth-child(2n){margin-bottom: 10px;width: 100%;float: left;position: relative;} ul.dingzhim_m li:nth-child(2n) a{float: right;display: block;padding-right: 0px;padding-left: 0px;text-align: right;overflow: hidden;position: relative;} ul.dingzhim_m li:nth-child(2n) a .tit h3{display: inline-block;;float: right; font-size: 14px;font-weight: bold;padding-right: 35px;line-height: 30px;height: auto;overflow: hidden;} ul.dingzhim_m li:nth-child(2n) a .tit i{display: inline-block;font-style: normal;border: 3px solid #0053cc;padding: 2px;color: #0053cc;font-weight: bold;font-size: 14px;float: right;position: absolute;top: 0px;right: 0px;left: auto;} ul.dingzhim_m li:nth-child(2n) a p{font-size: 12px;color: #666;line-height: 22px;height: auto;overflow: hidden;text-align: left;} ul.dingzhim_m li:nth-child(2n) span{display: block;top: 0px;right: auto;left: 0px; position: absolute;width: 60px;height: 60px;} ul.dingzhim_m li:nth-child(2n) span img{display: block;} ul.dingzhim_m li:nth-child(3) a{float: left;display: block;padding-left: 0px;padding-right: 0px;text-align: left;} ul.dingzhim_m li:nth-child(4) a{float: right;display: block;padding-right: 0px;padding-left: 0px;text-align: right;} ul.dingzhim_m li:nth-child(1) span{top: 0px;right: 0px;display: none;} ul.dingzhim_m li:nth-child(2) span{top: 0px;right: 0px;left: 0px; display: none;} ul.dingzhim_m li:nth-child(3) span{top: 0px;right: 0px;display: none;} ul.dingzhim_m li:nth-child(4) span{top: 0px;right: 0px;left: 0px;display: none;} ul.dingzhim_m li:nth-child(5) span{top: 0px;right: 0px;display: none;} ul.dingzhim_m li:nth-child(6) span{top: 0px;right: 0px;left: 0px; display: none;} } /*index_dingzhi--------------------------------------------------------------------*/ .index_rexian{padding-top: 30px;padding-bottom: 30px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .rexianm{position: relative;} .rexianm .ibg{width: 280px;position: absolute;top: 0px;left: 0px;} .rexianm .ibg img{display: block;width: 280px;height: 280px;border-radius: 50%;} .rexian_txt{color: #fff;min-height: 280px; padding: 60px 0px 0px 400px;} .rexian_txt h3{color: #fff;font-size: 38px;font-weight: bold;border-bottom: 1px solid #999;display: inline-block;padding-bottom: 15px;margin-bottom: 15px;} .rexian_txt .tell{font-size: 20px;} .rexian_txt .tell span{font-size: 30px;font-weight: bold;display: inline-block;margin-bottom: 20px;padding-left: 10px;} .rexian_txt a{display: inline-block;font-size: 18px;color: #fff;background-color: #0053cc;border-radius: 10px;padding: 5px 45px;} @media screen and (max-width: 1023px){ .index_rexian{padding-top: 20px;padding-bottom: 20px;background-repeat:no-repeat; background-position:center center; background-size:cover;} .rexianm{position: relative;} .rexianm .ibg{width: 100%;position: relative;top: 0px;left: 0px;} .rexianm .ibg img{display: block;width: 100%;height: 100%;border-radius: 5%;} .rexian_txt{color: #fff;min-height: auto; padding: 0px 0px 0px 0px;margin-top: 10px;} .rexian_txt h3{color: #fff;font-size: 14px;font-weight: bold;border-bottom: 1px solid #999;display: inline-block;padding-bottom: 5px;margin-bottom: 5px;} .rexian_txt .tell{font-size: 14px;} .rexian_txt .tell span{font-size: 16px;font-weight: bold;display: inline-block;margin-bottom: 10px;padding-left: 10px;} .rexian_txt a{display: inline-block;font-size: 12px;color: #fff;background-color: #0053cc;border-radius: 10px;padding: 3px 20px;} } /*index_rexian---------------------------------*/ .index_youshi{padding-top: 50px;padding-bottom: 50px;} ul.youshi_nav{margin-top: 50px;bottom: -20px;position: relative;z-index: 2;} ul.youshi_nav li{float: left;width: 16.6666%;} ul.youshi_nav li a{display: block;text-align: center;color: #fff;background-color: #252423;margin: 0px auto;font-size: 20px;font-weight: bold;position: relative;width: 100px;height: 55px;} ul.youshi_nav li a i{display:block;width: 30px;height: 25px;margin: 0px auto;margin-bottom: 5px;} ul.youshi_nav li a:before {content: "";position: absolute;top: -25px;left: 0;width: 0;height:0;border-left: 50px solid transparent;border-right: 50px solid transparent;border-bottom: 25px solid #252423;transition:400ms ease all;} ul.youshi_nav li a:after {content: "";left: 0;width: 0;height: 0;bottom: -25px;position: absolute;border-left: 50px solid transparent;border-right: 50px solid transparent;border-top: 25px solid #252423;transition:400ms ease all;} ul.youshi_nav li a:hover:before{border-bottom: 25px solid #0053cc;} ul.youshi_nav li a:hover:after{border-top: 25px solid #0053cc;} ul.youshi_nav li a:hover{background-color: #0053cc;} ul.youshi_nav li.on a:before{border-bottom: 25px solid #0053cc;} ul.youshi_nav li.on a:after{border-top: 25px solid #0053cc;} ul.youshi_nav li.on a{background-color: #0053cc;} .youshi_list ul{display: none;} .youshi_list ul:first-child{display: block;} .youshi_list ul li img{width: 100%;} .youshi_list ul li a{position: relative;display: block;} .youshi_list ul li a .youshi_txt{position: absolute;top: 0px;left: 0px;width: 100%;padding: 6% 60% 0px 60px; } .youshi_txt .txt{background-color: #fff;padding: 30px;} .youshi_txt .txt h3{font-size: 48px;font-weight: bold;color: #0053cc;} .youshi_txt .txt .p1{font-size:28px;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 30px;} .youshi_txt .txt .p2{font-size: 16px;line-height: 26px;margin-bottom: 25px;position: relative;padding-left: 15px;height: 52px;overflow: hidden;} .youshi_txt .txt .p2 i{background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/yspico.jpg);width: 7px;height: 7px;position: absolute;top: 10px;left: 0px;} .youshi_txt .txt .p2 span{color: #f00;font-weight: bold;} @media screen and (max-width: 1200px){ .youshi_list ul li a{position: relative;display: block;} .youshi_list ul li a .youshi_txt{position: absolute;top: 0px;left: 0px;width: 100%;padding: 6% 60% 0px 40px; } .youshi_txt .txt{background-color: #fff;padding: 20px;} .youshi_txt .txt h3{font-size: 48px;font-weight: bold;color: #0053cc;} .youshi_txt .txt .p1{font-size:28px;font-weight: bold;height: 30px;line-height: 30px;overflow: hidden;margin-bottom: 15px;} .youshi_txt .txt .p2{font-size: 16px;line-height: 26px;margin-bottom: 15px;position: relative;padding-left: 15px;height: 52px;overflow: hidden;} .youshi_txt .txt .p2 i{background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/yspico.jpg);width: 7px;height: 7px;position: absolute;top: 10px;left: 0px;} .youshi_txt .txt .p2 span{color: #f00;font-weight: bold;} } @media screen and (max-width: 1023px){ .index_youshi{padding-top: 30px;padding-bottom: 30px;} ul.youshi_nav{margin-top: 0px;bottom: 0px;position: relative;z-index: 2;padding-top: 25px;} ul.youshi_nav li{float: left;width: 16.6666%;margin-bottom: 40px;} ul.youshi_nav li a{display: block;text-align: center;color: #fff;background-color: #252423;margin: 0px auto;font-size: 12px;font-weight: bold;position: relative;width: 50px;height: 35px;} ul.youshi_nav li a i{display:block;width: 15px;height: 15px;margin: 0px auto;margin-bottom: 0px;} ul.youshi_nav li a:before {content: "";position: absolute;top: -10px;left: 0;width: 0;height:0;border-left: 25px solid transparent;border-right: 25px solid transparent;border-bottom: 10px solid #252423;transition:400ms ease all;} ul.youshi_nav li a:after {content: "";left: 0;width: 0;height: 0;bottom: -10px;position: absolute;border-left: 25px solid transparent;border-right: 25px solid transparent;border-top: 10px solid #252423;transition:400ms ease all;} ul.youshi_nav li a:hover:before{border-bottom: 10px solid #0053cc;} ul.youshi_nav li a:hover:after{border-top: 10px solid #0053cc;} ul.youshi_nav li a:hover{background-color: #0053cc;} ul.youshi_nav li.on a:before{border-bottom: 10px solid #0053cc;} ul.youshi_nav li.on a:after{border-top: 10px solid #0053cc;} ul.youshi_nav li.on a{background-color: #0053cc;} .youshi_list ul{display: none;} .youshi_list ul:first-child{display: block;} .youshi_list ul li img{width: 100%;height: 500px;} .youshi_list ul li a{position: relative;display: block;} .youshi_list ul li a .youshi_txt{position: absolute;top: 0px;left: 0px;width: 100%;padding: 20px 10px 20px 10px; } .youshi_txt .txt{background-color: #fff;padding: 15px;} .youshi_txt .txt h3{font-size: 24px;font-weight: bold;color: #0053cc;} .youshi_txt .txt .p1{font-size:14px;font-weight: bold;height: auto;line-height: 20px;overflow: hidden;margin-bottom: 5px;} .youshi_txt .txt .p2{font-size: 12px;line-height: 18px;margin-bottom: 10px;position: relative;padding-left: 15px;height: 36px;overflow: hidden;} .youshi_txt .txt .p2 i{background-repeat:no-repeat; background-position:center center; background-size:cover; background-image:url(../images/yspico.jpg);width: 7px;height: 7px;position: absolute;top: 10px;left: 0px;} .youshi_txt .txt .p2 span{color: #f00;font-weight: bold;} } @media screen and (max-width: 768px){ .youshi_list ul li img{width: 100%;height: 300px;} ul.youshi_nav li{float: left;width: 16.6666%;margin-bottom: 30px;} } /*index_youshi-------------------------------------------------------*/ .index_kehu{padding-top: 90px;padding-bottom: 90px;} ul.kehu_list{margin-left: -10px;margin-right: -10px;margin-top: 50px;} ul.kehu_list li{float: left;width: 50%;padding: 10px 10px;} ul.kehu_list li a{display: block;position: relative;background-color: #fff;padding: 30px 30px 30px 0px;box-shadow:0 0 15px rgba(0,0,0,0.15);transition: all 0.5s ease-out;} ul.kehu_list li a:hover{background-color: #0053cc;} ul.kehu_list li a .list_img{position: absolute;top: 0px;left: 0px;width: 275px;padding: 30px 0px;} ul.kehu_list li a .list_img .imgzoom{padding-bottom: 74%; width: 100%; position: relative; overflow: hidden; } ul.kehu_list li a .list_img .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.kehu_list li a:hover .list_img .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.kehu_list li a .list_txt{padding-left: 300px;min-height: 206px;} ul.kehu_list li a .list_txt .name{font-size: 20px;line-height: 20px;height: 20px;overflow: hidden;margin-bottom: 20px;} ul.kehu_list li a:hover .list_txt .name{color: #fff;} ul.kehu_list li a .list_txt .p1{font-size: 14px;color: #999;line-height: 24px;height: 72px;overflow: hidden;margin-bottom: 30px;} ul.kehu_list li a:hover .list_txt .p1{color: #fff;} ul.kehu_list li a .list_txt span{display: inline-block;padding: 10px 20px;border: 1px solid #ddd;color: #999;transition: all 0.5s ease-out;} ul.kehu_list li a:hover .list_txt span{background-color: #252423;border: 1px solid #252423;color: #fff;padding: 10px 30px;} @media screen and (max-width: 1023px){ .index_kehu{padding-top: 20px;padding-bottom: 20px;} ul.kehu_list{margin-left: 0px;margin-right: 0px;margin-top: 50px;} ul.kehu_list li{float: left;width: 100%;padding: 10px 0px;} } @media screen and (max-width: 600px){ .index_kehu{padding-top: 20px;padding-bottom: 20px;} ul.kehu_list{margin-left: 0px;margin-right: 0px;margin-top: 10px;} ul.kehu_list li{float: left;width: 100%;padding: 5px 0px;} ul.kehu_list li a{display: block;position: relative;background-color: #fff;padding: 10px 10px 10px 0px;box-shadow:0 0 15px rgba(0,0,0,0.15);transition: all 0.5s ease-out;} ul.kehu_list li a:hover{background-color: #0053cc;} ul.kehu_list li a .list_img{position: absolute;top: 0px;left: 0px;width: 150px;padding: 10px 0px;} ul.kehu_list li a .list_img .imgzoom{padding-bottom: 74%; width: 100%; position: relative; overflow: hidden; } ul.kehu_list li a .list_img .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.kehu_list li a:hover .list_img .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.kehu_list li a .list_txt{padding-left: 160px;min-height: 112px;padding-top: 15px;} ul.kehu_list li a .list_txt .name{font-size: 14px;line-height: 22px;height: 44px;overflow: hidden;margin-bottom: 10px;} ul.kehu_list li a:hover .list_txt .name{color: #fff;} ul.kehu_list li a .list_txt .p1{font-size: 14px;color: #999;line-height: 24px;height: auto;overflow: hidden;margin-bottom: 10px;display: none;} ul.kehu_list li a:hover .list_txt .p1{color: #fff;} ul.kehu_list li a .list_txt span{display: inline-block;padding: 5px 10px;border: 1px solid #ddd;color: #999;transition: all 0.5s ease-out; font-size: 12px;} ul.kehu_list li a:hover .list_txt span{background-color: #252423;border: 1px solid #252423;color: #fff;padding: 5px 20px;} } /*index_kehu-----------------------------------------------------*/ .index_zixun{padding-top: 50px;padding-bottom: 50px;} ul.zixun_top{margin: 25px auto;text-align: center;font-size: 0px;} ul.zixun_top li{display: inline-block;position: relative;} ul.zixun_top li a{display: inline-block;padding: 10px 40px;border: 1px solid #999;font-size: 18px;} ul.zixun_top li a:hover{font-weight: bold;} ul.zixun_top li:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 3px solid #0053cc;width: 0%;transition: all 0.5s ease-out;display: inline-block;} ul.zixun_top li:hover:after{width: 100%;} ul.zixun_top li.on:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 3px solid #0053cc;width: 100%;transition: all 0.5s ease-out;display: inline-block;} ul.zixun_top li.on a{font-weight: bold;} @media screen and (max-width: 1023px){ .index_zixun{padding-top: 20px;padding-bottom: 20px;} ul.zixun_top{margin: 10px auto;text-align: center;font-size: 0px;} ul.zixun_top li{display: inline-block;position: relative;} ul.zixun_top li a{display: inline-block;padding: 3px 30px;border: 1px solid #999;font-size: 14px;} ul.zixun_top li a:hover{font-weight: bold;} ul.zixun_top li:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 3px solid #0053cc;width: 0%;transition: all 0.5s ease-out;display: inline-block;} ul.zixun_top li:hover:after{width: 100%;} ul.zixun_top li.on:after{content: "";position: absolute;bottom: 0px;left: 0px;border-bottom: 3px solid #0053cc;width: 100%;transition: all 0.5s ease-out;display: inline-block;} ul.zixun_top li.on a{font-weight: bold;} } /*index_zixun----------------------------------------*/ /** swiper02_box ====================================================================================*/ .swiper02_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; } /** 鐐 ============*/ .swiper02_box .swiper-container{padding: 30px 0px 40px 0px; height: auto;} .swiper02_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper02_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 10px; height:10px;border-radius:50%; margin: 0px 10px; transition: all 0.5s ease-out;} .swiper02_box .swiper-pagination-bullet-active{ background: #ffd400; width: 10px; opacity:1;} /** 宸﹀彸鎸夐挳 ============*/ .swiper02_box .swiper-button-prev {left: auto;opacity:1; top: 10%; right: 85px; } .swiper02_box .swiper-button-next {right:30px;opacity:1;top: 10%; } .swiper02_box .swiper-button-prev {width: 50px;height: 30px; background-color:none;background-image:url(../images/left01.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper02_box .swiper-button-next {width: 50px;height: 30px; background-color:none;background-image:url(../images/right01.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper02_box .swiper-button-prev.swiper-button-disabled{opacity:1;background-color:none;background-image:url(../images/left02.png);} .swiper02_box .swiper-button-next.swiper-button-disabled{opacity:1;background-color:none;background-image:url(../images/right02.png);} .swiper02_box .swiper-button-prev.hide{opacity:0;} .swiper02_box .swiper-button-next.hide{opacity:0;} .swiper02_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1280px){ } @media screen and (max-width: 1023px){ .swiper02_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; } .swiper02_box .swiper-pagination{width: 100%; text-align:center;} .swiper02_box .swiper-container{padding: 25px 0px 0px 0px; height: auto;} .swiper02_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 7px; height: 7px;border-radius:50%; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper02_box .swiper-pagination-bullet-active{ background: #ffd400; width: 7px; opacity:1;} .swiper02_box .swiper-button-prev {left: 42%;opacity:1; top: 10%} .swiper02_box .swiper-button-next {right:42%;opacity:1;top: 10%} .swiper02_box .swiper-button-prev {width: 25px;height: 25px; background-color:none; background-image:url(../images/left02.png); text-align: center;} .swiper02_box .swiper-button-next {width: 25px;height: 25px; background-color:none; background-image:url(../images/right02.png); text-align: center;} } a.sw_item02{ display: block; } a.sw_item02 .txt{padding: 20px 30px; width: 100%;transition: all 0.5s ease-out;} a.sw_item02 .txt .name{ font-size: 18px; color: #000; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 20px;} a.sw_item02 .txt .line{border-bottom: 1px dashed #666;margin-bottom: 20px;} a.sw_item02 .txt .p1{ font-size: 16px; color: #666;height: 52px; line-height: 26px; overflow: hidden; margin-bottom: 30px;} a.sw_item02:hover .txt .name{color: #0053cc;} a.sw_item02 .txt .time{color: #666;font-size: 14px;} @media screen and (max-width: 1023px){ a.sw_item02{ display: block; } a.sw_item02 .txt{padding: 10px 10px; width: 100%;transition: all 0.5s ease-out;} a.sw_item02 .txt .name{ font-size: 14px; color: #000; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;} a.sw_item02 .txt .line{border-bottom: 1px dashed #666;margin-bottom: 5px;} a.sw_item02 .txt .p1{ font-size: 12px; color: #666;height: auto; line-height: 22px; overflow: hidden; margin-bottom: 0px;} a.sw_item02:hover .txt .name{color: #0053cc;} a.sw_item02 .txt .time{color: #666;font-size: 14px;display: none;} } .index_about{padding-top: 90px;padding-bottom: 60px; background-repeat:no-repeat; background-position:center center; background-size:cover;color: #fff;} .about_l{float: left;width: 60%;} .about_l h4{font-size: 46px;font-weight: bold;line-height: 50px;height: 50px;overflow: hidden;margin-bottom: 10px;} .about_l span{font-size: 24px;margin-bottom: 20px;display: block;} .about_l i{display: block;padding: 10px;border: 1px solid #ddd;} .about_l i img{width: 100%;} .about_l .p1{padding-right: 150px;margin-top: 20px;font-size: 14px;line-height: 25px;height: 125px;overflow: hidden;} @media screen and (max-width: 1023px){ .index_about{padding-top: 15px;padding-bottom: 15px; background-repeat:no-repeat; background-position:center center; background-size:cover;background:none;color: #fff;} .about_l{float: left;width: 100%;} .about_l h4{font-size: 16px;font-weight: bold;line-height: 20px;height: auto;overflow: hidden;margin-bottom: 5px;} .about_l span{font-size: 14px;margin-bottom: 10px;display: block;} .about_l i{display: block;padding: 5px;border: 1px solid #ddd;} .about_l i img{width: 100%;} .about_l .p1{padding-right: 0px;margin-top: 10px;font-size: 12px;line-height: 22px;height: auto;overflow: hidden;} } /*index_about---------------------------*/ .footerm{padding-top: 90px;padding-bottom: 90px;} .yunu_link{padding: 20px 0px;} .yunu_link h4{font-size: 18px;font-weight: bold;border-bottom: 1px solid #ddd;color: #0053cc;padding-bottom: 15px;} .yunu_link h4 small{color: #999;font-size: 16px;font-weight: 400;} ul.yunu_list li{float: left;margin-right: 20px;margin-top: 20px;} ul.yunu_list li a{font-size: 14px;color: #333;} ul.yunu_list li a:hover{color: #0053cc;} @media screen and (max-width: 1023px){ .footerm{padding-top: 20px;padding-bottom: 20px;display: none;} } /*footerm------------------------*/ .footer{background-color: #001027;color: #fff;padding-top: 50px;padding-bottom: 0px;} .container{position: relative;} .container .container_r{position: absolute;top: 0px;right: 0px;width: 450px;text-align:right;} .footul{ float: left;padding: 0px 10% 30px 50px ;} .footul_t{ display: block; padding-bottom: 20px; font-size: 18px; } .footul_b{ display: block;} .footul_b a{ display: block; padding-bottom: 12px; font-size: 12px; color: #b5b5b5;} .footul_b a:hover{color: #fff;} .yjbbb{width: 116px; float: right;} .yjbbb img{width: 100%;} .yjbbb p{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 12px;margin-top: 7px;} .yjbba{margin-right: 15px; float: left;} .yjbba p{font-size: 14px;color: #b5b5b5;text-align: right;margin-bottom: 18px;} .yjbba p img{float: right;display: inline-block;margin-left: 11px;} .yjbba p a{color: #b5b5b5;} .cop_box{ border-top: 1px solid #011a3f;background-color: #001027;color: #b5b5b5; font-size: 12px; line-height: 1.6; padding-top: 15px;padding-bottom: 15px;} .cop_box a{color: #b5b5b5; } .cop_box a:hover{color: #0053cc; } .yqlj{color: #868686; padding-top: 15px;} .yqlj a{color: #868686; padding-right: 10px; display: inline-block; padding-bottom: 5px;} .yqlj a:hover{color: #0053cc; } @media screen and (max-width: 1200px){ .footul{ float: left; border-left: 1px solid #011a3f; padding: 0px 10% 30px 20px ;} } @media screen and (max-width: 999px){ .footer{background-color: #001027;color: #fff;padding-top: 8%;padding-bottom: 8%;} .container{position: relative;} .container .container_l{ display: none;} .container .container_r{position: relative;top: 0px;right: 0px;width: 100%;text-align:right; padding-right: 20px;} .yjbb{margin-top: 20px;} .yjbbb{width: 116px; float: right; display: none;} .yjbbb img{width: 100%;} .yjbbb p{text-align: center;font-size: 12px;color: #b5b5b5;line-height: 12px;margin-top: 7px;} .yjbba{margin-right: 15px; float: left; width: 100%;} .yjbba p{font-size: 0.48rem;color: #b5b5b5;text-align: right;margin-bottom: 10px;} .yjbba p img{float: right;display: inline-block;margin-left: 11px;} .cop_box{ border-top: 1px solid #011a3f;background-color: #001027;color: #b5b5b5; font-size: 0.44rem; line-height: 1.5; padding-top: 15px;padding-bottom: 90px;} .cop_box a{color: #b5b5b5; } .cop_box a:hover{color: #0053cc; } .yqlj{display: none;} } /*footer----------------------------------------------------*/ .pag_crumbs{padding-top: 20px;padding-bottom: 20px; border-bottom: 1px dashed #dcdcdc;margin-bottom: 20px;} .pag_crumbs span{border-left: 10px solid #666;padding-left: 10px;color: #333;} .pag_crumbs a{display: inline-block;color: #333;} .pag_crumbs a:hover{color: #0053cc;} .pag_crumbs a.on{color: #0053cc;} @media (max-width:1023px){ .pag_crumbs{padding-top: 10px;padding-bottom: 10px; border-bottom: 1px dashed #dcdcdc;margin-bottom: 10px;} .pag_crumbs span{border-left: 5px solid #666;padding-left: 10px;color: #333;} .pag_crumbs a{display: inline-block;color: #333;} .pag_crumbs a:hover{color: #0053cc;} .pag_crumbs a.on{color: #0053cc;} } /*pag_crumbs----------------------------*/ .pag_nav{padding-bottom: 30px; width: 100%; text-align: center; /*display:flex; justify-content: center;*/ } .pag_nav a {width: calc(15% - 20px);display:inline-block; background-color: #e0e9f8;text-align: center;color: #333; margin: 0px 5px 10px 5px; overflow: hidden; border-top-right-radius: 15px; border-bottom-left-radius: 15px;} .pag_nav a span{font-size: 16px;position: relative;display: block;padding: 15px 0px;z-index: 1;} .pag_nav a span:before{position: absolute;bottom: 0px;left: 0px;height: 0%;width: 100%;content: "";background-color: #0053cc;transition: all 0.5s ease-out;z-index: -1;} .pag_nav a:hover span:before{height: 100%;} .pag_nav a:hover{color: #fff;} .pag_nav a.on{color: #fff;} .pag_nav a.on span:before{height: 100%;} @media (max-width:1023px){ .pag_nav{padding-bottom: 10px; width: 100%; text-align: center; display:table; justify-content: center; } .pag_nav a { width: 31.3333%;display:block;float: left;background-color: #e0e9f8;text-align: center;color: #333; margin: 0px 1% 10px 1%; } .pag_nav a span{font-size: 12px;position: relative;display: block;padding: 10px 0px;z-index: 1;} .pag_nav a span:before{position: absolute;bottom: 0px;left: 0px;height: 0%;width: 100%;content: "";background-color: #0053cc;transition: all 0.5s ease-out;z-index: -1;} .pag_nav a:hover span:before{height: 100%;} .pag_nav a:hover{color: #fff;} } /*ul.about_top---------------------*/ .pag_main{padding-top: 40px;padding-bottom: 30px;} @media (max-width:1023px){ .pag_main{padding-top: 6%;padding-bottom: 20px;} } .pag_title{text-align: center;} .pag_title p{position: relative;} .pag_title span{position: relative;display: inline-block;} .pag_title span i{font-size: 28px;color: #333;position: relative;display: inline-block;font-style: normal;position: relative;background-color: #fff;padding: 0px 15px;font-weight: bold;} .pag_title .p1{font-size: 16px;text-transform: uppercase;color: #999;margin-top: 5px;} .pag_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .pag_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .pag_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;} @media (max-width:1023px){ .pag_title{text-align: center;} .pag_title p{position: relative;} .pag_title span{position: relative;display: inline-block;} .pag_title span i{font-size: 18px;color: #333;position: relative;display: inline-block;font-style: normal;position: relative;background-color: #fff;padding: 0px 15px;font-weight: bold;} .pag_title .p1{font-size: 12px;text-transform: uppercase;color: #999;margin-top: 5px;} .pag_title span:after{position: absolute;top: 50%;left: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .pag_title span:before{position: absolute;top: 50%;right: -40px;content: "";border-bottom: 3px solid #0053cc;width: 40px;} .pag_title p:before{position: absolute;top: 50%;left: 0px;content: "";border-bottom: 1px solid #eee;width: 100%;} } /*pag_title---------------------------------*/ .section{padding-top: 0px;padding-bottom: 20px;} .section_txt{margin-top: 30px;line-height: 2;font-size: 16px;color: #333;overflow: hidden;position: relative;} @media (max-width:1023px){ .section{padding-top: 0px;padding-bottom: 20px;} .section_txt{margin-top: 10px;line-height: 2;font-size: 0.56rem;color: #333;overflow: hidden;position: relative;} } /*section_t--------------------*/ .section2{padding-top: 60px;padding-bottom: 20px;} ul.team_list{margin-top: 20px;margin-left: -15px;margin-right: -15px;} ul.team_list p{text-align: center;line-height: 26px;margin-bottom: 20px;font-size: 16px;} ul.team_list li{float: left;width: 25%;padding: 0px 15px; margin-bottom: 20px;} ul.team_list li a{display: block;} ul.team_list li a .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } ul.team_list li a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.team_list li a .txt{text-align: center;padding: 15px; background-color: #0053cc;font-size: 14px;color: #fff;} ul.team_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.team_list li a:hover .txt{text-align: center;padding: 15px;background-color: #f98d0b;color: #fff;} @media (max-width:1023px){ .section2{padding-top: 20px;padding-bottom: 0px;} ul.team_list{margin-top: 10px;margin-left: -5px;margin-right: -5px;} ul.team_list p{text-align: center;line-height: 1.6;margin-bottom: 10px;font-size: 0.56rem;} ul.team_list li{float: left;width: 50%;padding: 0px 5px 10px 5px; margin-bottom: 0px;} ul.team_list li a{display: block;} ul.team_list li a .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } ul.team_list li a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.team_list li a .txt{text-align: center;padding: 10px 5px; background-color: #f2f2f2;font-size: 12px;color: #333;} ul.team_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.team_list li a:hover .txt{text-align: center;padding: 5px;background-color: #0053cc;color: #fff;} } /*section_b--------------------------*/ ul.about_list{padding-bottom: 20px; margin-left: -10px;margin-right: -10px;margin-top: 30px;} ul.about_list li{float: left;width: 25%;padding: 0px 10px 20px 10px;} ul.about_list li a{display: block;padding: 5px;border: 3px solid #e0e9f8;} ul.about_list li a .txt{text-align: center;padding: 0px 15px; background-color: #e0e9f8;margin-top: 5px;font-size: 16px; height: 40px; line-height: 40px; overflow: hidden;} ul.about_list li a .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } ul.about_list li a .imgzoom img{width: 100%; min-height: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.about_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.about_list li a:hover{border: 3px solid #0053cc;color: #0053cc;} ul.about_list li a:hover .txt{ background: #0053cc; color: #fff;} @media (max-width:1023px){ ul.about_list{padding-bottom: 0px; margin-left: -5px;margin-right: -5px;margin-top: 10px;} ul.about_list li{float: left;width: 50%;padding: 0px 5px 10px 5px;} ul.about_list li a{display: block;padding: 0px;border: 3px solid #e0e9f8;} ul.about_list li a .txt{text-align: center;padding: 0px 5px;background-color: #e0e9f8;margin-top: 0px;font-size: 12px;height: 30px; line-height: 30px;} ul.about_list li a .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } ul.about_list li a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.about_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.about_list li a:hover{border: 3px solid #0053cc;color: #0053cc;} } /*ul.about_list--------------------------*/ .pro_list{margin-left: -1%;margin-right: -1%; padding-top: 20px; padding-bottom: 30px;} .pro_list a{ display: block; background: #fff; width: 23%; margin: 15px 1%;border-radius:10px; float: left; overflow: hidden; box-shadow:0 0 15px rgba(0,0,0,0.1);} .pro_list a:hover{box-shadow:0 0 15px rgba(0,83,204,0.55);} .pro_list a .imgzoom{padding-bottom: 100%; width: 100%; position: relative; overflow: hidden; } .pro_list a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .pro_list a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .pro_list a .txt{padding: 20px 20px; width: 100%; text-align: center;} .pro_list a .txt .name{ font-size: 18px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;} .pro_list a:hover .txt .name{color: #0053cc;} .pro_list a .txt span{display: inline-block;padding: 10px 40px; font-size: 12px; color: #666;} @media (max-width:1023px){ .pro_list{margin-left: -1%;margin-right: -1%; padding-top: 10px; padding-bottom: 10px;} .pro_list a{ display: block; background: #fff; width: 48%; margin: 5px 1% 10px 1%;border-radius:10px; float: left; overflow: hidden; box-shadow:0 0 15px rgba(0,0,0,0.1);} .pro_list a:hover{box-shadow:0 0 15px rgba(0,83,204,0.55);} .pro_list a .imgzoom{padding-bottom:80%; width: 100%; position: relative; overflow: hidden; } .pro_list a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } .pro_list a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} .pro_list a .txt{padding: 10px 10px; width: 100%; text-align: center;} .pro_list a .txt .name{ font-size: 14px; color: #333; font-weight: bold; height: 20px; line-height: 20px; overflow: hidden;margin-bottom: 5px;} .pro_list a:hover .txt .name{color: #0053cc;} .pro_list a .txt span{display: inline-block;padding: 0px 10px 10px; font-size: 12px; color: #666;} } /*pro_list---------------------------------------*/ ul.news_list{ margin-top: 30px; } ul.news_list li{margin-bottom: 30px; transition: all 0.5s ease-out; border-bottom: 1px solid #e0e9f8;} ul.news_list li a{display: block;position: relative;} ul.news_list li a .list_img{position: absolute;width: 280px;top: 0px;left: 0px;} ul.news_list li a .list_img .imgzoom{padding-bottom:50%; width: 100%; position: relative; overflow: hidden; } ul.news_list li a .list_img .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; min-height: 100%;} ul.news_list li a .list_txt{padding-left: 320px;min-height: 170px;padding-top: 20px;} ul.news_list li a .list_txtwu{padding-left: 0px;min-height: 170px;padding-top: 20px;} ul.news_list li a .list_txt h4{font-size:18px; margin-bottom: 20px;height: 20px;line-height: 20px;overflow: hidden;color: #333;} ul.news_list li a .list_txt span{font-size: 12px;color: #999; display:block;margin-bottom: 10px;} ul.news_list li a .list_txt .p1{font-size: 14px;line-height: 25px;height: 50px;overflow: hidden;margin-bottom: 20px;color: #888;} ul.news_list li a:hover .list_txt h4{color: #0053cc;} ul.news_list li a:hover .list_img .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} @media (max-width:1023px){ ul.news_list{ margin-top: 20px; } ul.news_list li{margin-bottom: 15px; padding-bottom: 15px; transition: all 0.5s ease-out; border-bottom: 1px solid #e0e9f8;} ul.news_list li a{display: block;position: relative;} ul.news_list li a .list_img{position: absolute;width: 140px;top: 0px;left: 0px;} ul.news_list li a .list_img .imgzoom{padding-bottom: 60%; width: 100%; position: relative; overflow: hidden; } ul.news_list li a .list_img .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.news_list li a .list_txt{padding-left: 150px;min-height: 90px;padding-top: 5px;} ul.news_list li a .list_txtwu{padding-left: 0px;min-height: 80px;padding-top: 5px;} ul.news_list li a .list_txt h4{font-size:14px; margin-bottom:10px;height: 20px;line-height: 20px;overflow: hidden;color: #333;} ul.news_list li a .list_txt span{font-size: 12px;color: #999; display:block;margin-bottom: 10px; display: none;} ul.news_list li a .list_txt .p1{font-size: 12px; line-height: 20px;height: 40px;overflow: hidden;margin-bottom: 20px;color: #888;} ul.news_list li a .list_txtwu .p1{margin-bottom: 0px;} ul.news_list li a:hover .list_txt h4{color: #0053cc;} ul.news_list li a:hover .list_img .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} } /*news_list-----------------------------------------------------*/ .lianxi{padding-top: 30px;padding-bottom: 30px;} .lianxi_top{margin-bottom: 50px;margin-top: 20px;} .lianxi_bottom{margin-bottom: 30px;} .lianxi_bottom iframe{margin-top: 30px;height: 400px;} @media (max-width:1023px){ .lianxi{padding-top: 20px;padding-bottom: 30px;} .lianxi_top{margin-bottom: 10px;margin-top: 0px;} .lianxi_bottom{margin-bottom: 15px;} } @media (max-width:768px){ .lianxi_bottom iframe{margin-top: 10px;height: 200px;} } /*lianxi---------------------------------*/ .kefu{position: relative;margin-top: 30px; margin-bottom: 30px;background-color: #e0e9f8;} .kefu_l{width: 300px;position: absolute;top: 15px;left: 15px;} .kefu_r{min-height: 187px;padding: 20px 20px 20px 360px;} .kefu_r h4{font-size: 24px;margin: 10px 0px;color: #0053cc;font-weight: bold;} .kefu_r p{font-size: 14px;overflow: hidden;} @media (max-width:768px){ .kefu{position: relative;margin-top: 10px;margin-bottom: 20px;background-color: #e0e9f8;} .kefu_l{width: 100%;position: relative;top: 0px;left: 0px;} .kefu_r{min-height: auto;padding: 10px 10px 10px 10px;} .kefu_r h4{font-size: 14px;margin: 5px 0px;line-height: 14px; color: #0053cc;font-weight: bold;} .kefu_r p{font-size: 12px;line-height: 22px;height: auto;overflow: hidden;} } /*kefu----------------------------------------------*/ .lianxim{margin-left: -10px;margin-right: -10px;} .lianxim .lianxim_1{padding: 0px 10px;width: 25%;float: left;} .lianxim .lianxim_1 .warp{border: 1px solid #ddd;padding: 30px 20px;text-align: center;} .lianxim .lianxim_1 .warp span{display: block;font-size: 18px;margin-bottom: 10px;} .lianxim .lianxim_1 .warp img{width: 50px;height: 50px;margin-bottom: 10px;} .lianxim .lianxim_1 .warp .p1{font-size: 18px;line-height: 22px;height: 44px;overflow: hidden;} @media (max-width:768px){ .lianxim{margin-left: -5px;margin-right: -5px;} .lianxim .lianxim_1{padding: 0px 5px 10px 5px;width: 50%;float: left;} .lianxim .lianxim_1 .warp{border: 1px solid #ddd;padding: 10px 10px;text-align: center;} .lianxim .lianxim_1 .warp span{display: block;font-size: 12px;line-height: 14px; margin-bottom: 5px;} .lianxim .lianxim_1 .warp img{width: 25px;height: 25px;margin-bottom: 5px;} .lianxim .lianxim_1 .warp .p1{font-size: 12px;line-height: 12px;height: 12px;overflow: hidden;} } /*lianxim-------------------------------------*/ .pagm_r_danye{margin-bottom: 20px;padding-top: 10px;} .pagm_r_danye .danye_tit{text-align: center;} .pagm_r_danye .danye_tit h3{font-size: 24px;font-weight: bold;margin-bottom: 10px;} .pagm_r_danye .danye_tit span{margin: 0px 10px;color: #999;font-size: 14px;} .pagm_r_danye .p1{border: 1px solid #ddd;padding: 20px;margin-bottom: 20px;font-size: 14px;line-height: 24px;margin-top: 10px;text-align: left;} .pagm_r_danye .danye_txt{position: relative;line-height: 26px;color: #333;font-size: 14px;overflow: hidden;} @media (max-width:1023px){ .pagm_r_danye{margin-bottom: 10px;padding-top: 10px;} .pagm_r_danye .danye_tit{text-align: center;} .pagm_r_danye .danye_tit h3{font-size: 14px;font-weight: bold;margin-bottom: 5px;line-height: 14px;} .pagm_r_danye .danye_tit span{margin: 0px 10px;color: #999;font-size: 12px;} .pagm_r_danye .p1{border: 1px solid #ddd;padding: 5px;margin-bottom: 10px;font-size: 12px;line-height: 22px;margin-top: 10px;text-align: left;} .pagm_r_danye .danye_txt{position: relative;line-height: 22px;color: #333;font-size: 12px;overflow: hidden;} } /*pagm_r_danye--------------------------------*/ .tuijian{padding-top: 50px;} .tuijian h4{margin-bottom: 20px;font-size: 24px;font-weight: bold;} ul.tuijian_list li{border-top: 1px dashed #ddd;} ul.tuijian_list li a{display: block;line-height: 50px;height: 50px;} ul.tuijian_list li a p{font-size: 14px;overflow: hidden;float: left;width: 80%;line-height: 50px;height: 50px;} ul.tuijian_list li a:hover{color: #0053cc;} ul.tuijian_list li a span{float: right;font-size: 14px;} @media (max-width:1023px){ .tuijian{padding-top: 20px;} .tuijian h4{margin-bottom: 10px;font-size: 14px;font-weight: bold;} ul.tuijian_list li{border-top: 1px dashed #ddd;} ul.tuijian_list li a{display: block;line-height: 30px;height: 30px;} ul.tuijian_list li a p{font-size: 12px;overflow: hidden;float: left;width: 80%;line-height: 30px;height: 30px;} ul.tuijian_list li a:hover{color: #0053cc;} ul.tuijian_list li a span{float: right;font-size: 12px;} } /*tuijian-----------------------------*/ .return{margin-top: 10px;} .return a{display: inline-block;padding: 10px 15px;background-color: #0053cc;color: #fff;transition: all 0.5s ease-out;font-size: 14px;} .return a:hover{padding: 10px 25px;} @media (max-width: 1023px){ .return{margin-top: 5px;} .return a{display: inline-block;padding: 5px 10px;background-color: #0053cc;color: #fff;transition: all 0.5s ease-out;font-size: 12px;} .return a:hover{padding: 5px 15px;} } /*return-----------------------*/ .prom{position: relative; padding-top: 20px;} .prom_l{width: 400px; float: left;} .pc-slide{width:400px} .view .swiper-slide .img-center{width:100%;height:400px;line-height:400px} .view .swiper-container{width:100%} .preview{width:100%;margin-top:10px;position:relative} .preview .swiper-container{margin:0 30px} .preview .swiper-slide .img-center{border:1px solid #ddd;cursor:pointer;position:relative;} .preview .arrow-left{background:url(../images/feel3.png) no-repeat left top;position:absolute;left:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10} .preview .arrow-right{background:url(../images/feel4.png) no-repeat left bottom;position:absolute;right:0;top:50%;margin-top:-9px;width:9px;height:18px;z-index:10} .preview .active-nav .img-center{border-color:#05a045} div.zoomDiv{z-index:999;position:absolute;top:0;left:0;background:#fff;border:1px solid #ddd;display:none;text-align:center;overflow:hidden;font-size:0} div.zoomMask{position:absolute;background:url(../images/mask.png) repeat scroll 0 0 transparent;cursor:move;z-index:1} @media (max-width:1023px){ .prom_l{position: relative;top: 0px;left: 0px;width: 100%;} } /*prom--------------------------------------*/ .prom_r{min-height: 300px; width: calc(100% - 450px); float: right;} .prom_r h1{font-size: 24px; color: #000; border-bottom: 1px dotted #ccc; font-weight: bold;line-height: 30px; overflow: hidden;margin-bottom: 20px; padding-bottom: 20px;} .prom_r .p1{font-size: 14px;line-height: 25px;height: 200px;margin-bottom: 30px;overflow: hidden;} .prom_r a.a1{display: inline-block;padding: 10px 25px;color: #fff;background-color: #0053cc;font-size: 16px; margin-right: 20px;} .prom_r a.a2{display: inline-block;padding: 10px 25px;color: #fff;background-color: #f98d0b;font-size: 16px;} .prom_r a:hover{padding: 10px 35px;} .prom_txt{padding-top: 30px;} .prom_txt h4{font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #0053cc;display: inline-block;} .prom_txt p{border-top: 1px solid #ddd;padding-top: 15px;line-height: 26px;font-size: 14px;position: relative;overflow: hidden;color: #333;} .pag_canshu{padding-top: 50px;} .canshu_txt{position: relative;font-size: 16px;line-height: 2;color: #333;overflow: hidden;margin-top: 20px;} @media (max-width:1023px){ .prom{position: relative; padding-top: 0px;} .prom_r{min-height:auto; width:100%; float: right; margin-top: 20px;} .prom_r h1{font-size: 0.8rem; color: #000; border-bottom: 1px dotted #ccc; font-weight: bold;line-height: 30px; overflow: hidden;margin-bottom: 10px; padding-bottom: 10px;} .prom_r .p1{font-size: 14px;line-height: 25px;height: auto;margin-bottom: 30px;overflow: hidden;} .prom_r a.a1{display: inline-block;padding: 10px 25px;color: #fff;background-color: #0053cc;font-size: 16px; margin-right: 20px;} .prom_r a.a2{display: inline-block;padding: 10px 25px;color: #fff;background-color: #f98d0b;font-size: 16px;} .prom_r a:hover{padding: 10px 35px;} .prom_txt{padding-top: 30px;} .prom_txt h4{font-size: 24px;padding-bottom: 10px;border-bottom: 2px solid #0053cc;display: inline-block;} .prom_txt p{border-top: 1px solid #ddd;padding-top: 15px;line-height: 26px;font-size: 14px;position: relative;overflow: hidden;color: #333;} .pag_canshu{padding-top: 30px;} .canshu_txt{position: relative;font-size: 0.56rem;line-height: 2;color: #333;overflow: hidden;margin-top: 20px;} } .pag_yingyong{padding-top: 50px;} ul.yingyong_list{margin-left: -5px;margin-right: -5px;margin-top: 20px;} ul.yingyong_list li{width: 25%;float: left;padding: 0px 5px;} ul.yingyong_list li a{display: block;border: 1px solid #ddd;position: relative;} ul.yingyong_list li .txt{text-align: center;padding: 15px 10px;border: 1px solid #ddd;border-top: 0px solid #ddd;} ul.yingyong_list li .txt p{font-size: 16px;display: block;font-weight: bold;line-height: 20px;height: 20px;overflow: hidden;} ul.yingyong_list li:hover .txt p{color: #0053cc;} ul.yingyong_list li a .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; } ul.yingyong_list li a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.yingyong_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.yingyong_list li a .imgzoom .bg{position: absolute;top: 0px;right: 0px;width: 0%;background-color: #0053cc;height: 100%; transition: all 0.5s ease-out;} ul.yingyong_list li a .imgzoom .bg .bg_txt{padding: 30px 20px 20px 20px;height: 100%;} ul.yingyong_list li a:hover .imgzoom .bg{width: 100%;} ul.yingyong_list li a .imgzoom .bg .bg_txt .p1{color: #fff;font-size: 14px;line-height: 20px;height: 80px;overflow: hidden;} @media (max-width:1023px){ .pag_yingyong{padding-top: 30px;} ul.yingyong_list{margin-left: -5px;margin-right: -5px;margin-top: 20px;} ul.yingyong_list li{width: 50%;float: left;padding: 0px 5px;} } @media (max-width:768px){ .pag_yingyong{padding-top: 30px;} ul.yingyong_list{margin-left: -5px;margin-right: -5px;margin-top: 10px;} ul.yingyong_list li{width: 50%;float: left;padding: 5px 5px;} ul.yingyong_list li a{display: block;border: 1px solid #ddd;position: relative;} ul.yingyong_list li .txt{text-align: center;padding: 5px 5px;border: 1px solid #ddd;border-top: 0px solid #ddd;} ul.yingyong_list li .txt p{font-size: 12px;display: block;font-weight: bold;line-height: 18px;height: 36px;overflow: hidden;} ul.yingyong_list li:hover .txt p{color: #0053cc;} ul.yingyong_list li a .imgzoom{padding-bottom: 75%; width: 100%; position: relative; overflow: hidden; } ul.yingyong_list li a .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } ul.yingyong_list li a:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} ul.yingyong_list li a .imgzoom .bg{position: absolute;top: 0px;right: 0px;width: 0%;background-color: #0053cc;height: 100%; transition: all 0.5s ease-out;display: none;} ul.yingyong_list li a .imgzoom .bg .bg_txt{padding: 30px 20px 20px 20px;height: 100%;} ul.yingyong_list li a:hover .bg{width: 100%;} ul.yingyong_list li a .imgzoom .bg .bg_txt .p1{color: #fff;font-size: 14px;line-height: 20px;height: 80px;overflow: hidden;} } .pag_tese{padding-top: 50px;} ul.tese_list{margin-left: -10px;margin-right: -10px;margin-top: 80px;} ul.tese_list li{padding: 0px 10px;width: 33.3333%;float: left;margin-bottom: 80px;} ul.tese_list li .warp{text-align: center;border: 1px solid #ddd;position: relative;} ul.tese_list li .warp .img_center{position: absolute;top: -60px;left: 50%;margin-left: -60px;} ul.tese_list li .warp .img_center img{width: 120px;height: 120px;} ul.tese_list li .warp .txt_center{padding: 70px 20px 20px 20px;} ul.tese_list li .warp .txt_center h4{font-size: 18px;font-weight: bold;margin-bottom: 15px;} ul.tese_list li .warp .txt_center p{font-size: 14px;line-height: 25px;height: 75px;overflow: hidden;} @media (max-width:1023px){ .pag_tese{padding-top: 30px;} ul.tese_list{margin-left: -5px;margin-right: -5px;margin-top: 30px;} ul.tese_list li{padding: 0px 5px;width: 50%;float: left;margin-bottom: 25px;} ul.tese_list li:last-child{margin-bottom: 15px;} ul.tese_list li .warp{text-align: center;border: 1px solid #ddd;position: relative;} ul.tese_list li .warp .img_center{position: absolute;top: -25px;left: 50%;margin-left: -20px;} ul.tese_list li .warp .img_center img{width: 40px;height: 40px;} ul.tese_list li .warp .txt_center{padding: 10px 10px 10px 10px;} ul.tese_list li .warp .txt_center h4{font-size: 14px;font-weight: bold;margin-bottom: 5px;} ul.tese_list li .warp .txt_center p{font-size: 12px;line-height: 20px;height: 60px;overflow: hidden;} } .pag_lianxi{padding-top: 50px;} ul.lianxi_list{background-color: #e0e9f8;padding: 30px;margin-top: 30px;} ul.lianxi_list li{line-height: 50px;padding: 15px 0px; border-bottom: 1px solid #fff;} ul.lianxi_list h4{font-size: 22px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px;} ul.lianxi_list li img{float: left;padding-right: 20px;} ul.lianxi_list li p{font-size: 16px;} @media (max-width:1023px){ .pag_lianxi{padding-top: 30px;} ul.lianxi_list{background-color: #e0e9f8;padding: 10px;margin-top: 10px;} ul.lianxi_list li{line-height: 20px;padding: 10px 0px; border-bottom: 1px solid #fff;} ul.lianxi_list h4{font-size: 14px;font-weight: bold;border-bottom: 1px solid #fff;padding-bottom: 10px;} ul.lianxi_list li img{float: left;padding-right: 20px;width: 40px;} ul.lianxi_list li p{font-size: 12px;} } .pag_tuijian{padding-top: 30px;} .pag_tuijian h4{font-size: 24px;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 10px;position: relative;} .pag_tuijian h4:before{position: absolute;bottom: 0px;left: 0px;width: 100px;border-bottom: 2px solid #0053cc;content: "";} @media (max-width:1023px){ .pag_tuijian{padding-top: 30px;} .pag_tuijian h4{font-size: 18px;margin-bottom: 20px;border-bottom: 1px solid #ddd;padding-bottom: 10px;position: relative;} .pag_tuijian h4:before{position: absolute;bottom: 0px;left: 0px;width: 100px;border-bottom: 2px solid #0053cc;content: "";} } /** swiper01_box ====================================================================================*/ .swiper03_box{ width:100%; position: relative; margin: 0px auto 0px auto; padding: 0px 0px; } /** 鐐 ============*/ .swiper03_box .swiper-container{padding: 0px 0px 40px 0px; height: auto;} .swiper03_box .swiper-pagination{width: 100%; text-align:center; left: 0px; bottom: 10px; } .swiper03_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 10px; height:10px;border-radius:50%; margin: 0px 10px; transition: all 0.5s ease-out;} .swiper03_box .swiper-pagination-bullet-active{ background: #0053cc; width: 10px; opacity:1;} /** 宸﹀彸鎸夐挳 ============*/ .swiper03_box .swiper-button-prev {left: 10px;opacity:1; top: 30%; } .swiper03_box .swiper-button-next {right:10px;opacity:1;top: 30%; } .swiper03_box .swiper-button-prev {width: 20px;height: 70px; background-color:none;background-image:url(..//images/sleft.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper03_box .swiper-button-next {width: 20px;height: 70px; background-color:none;background-image:url(..//images/sright.png);background-repeat:no-repeat; background-position:center center; background-size:100%; text-align: center;} .swiper03_box .swiper-button-prev.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(..//images/slefth.png);} .swiper03_box .swiper-button-next.swiper-button-disabled{opacity:0.5;background-color:none;background-image:url(..//images/srighth.png);} .swiper03_box .swiper-button-prev.hide{opacity:0;} .swiper03_box .swiper-button-next.hide{opacity:0;} .swiper03_box .swiper-button-next,.swiper-button-prev{transition:opacity 0.5s;} @media screen and (max-width: 1280px){ } @media screen and (max-width: 1023px){ .swiper03_box{ width:100%; position: relative; margin: 20px auto 0px auto; padding: 0px 0px; } .swiper03_box .swiper-pagination{width: 100%; text-align:center;} .swiper03_box .swiper-container{padding: 0px 0px 30px 0px; height: auto;} .swiper03_box .swiper-pagination-bullet{ background: #fff; border: 1px solid #000; opacity: 0.8; width: 7px; height: 7px;border-radius:50%; margin: 0px 5px; transition: all 0.5s ease-out;} .swiper03_box .swiper-pagination-bullet-active{ background: #0053cc; width: 7px; opacity:1;} .swiper03_box .swiper-button-prev {left: 10px;opacity:1; top: 30%} .swiper03_box .swiper-button-next {right:10px;opacity:1;top: 30%} .swiper03_box .swiper-button-prev {width:10px;height: 70px; background-color:none; background-image:url(..//images/sleft.png); text-align: center;} .swiper03_box .swiper-button-next {width:10px;height: 70px; background-color:none; background-image:url(..//images/sright.png); text-align: center;} } a.sw_item03{ display: block;} a.sw_item03 .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } a.sw_item03 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item03:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item03 .txt{padding: 15px 15px; width: 100%; text-align: center;transition: all 0.5s ease-out;border: 1px solid #ddd;} a.sw_item03 .txt .p1{ font-size: 16px; color: #333; font-weight: 600; height: 20px; line-height: 20px; overflow: hidden;} a.sw_item03 .txt .p2{ font-size: 14px; color: #666; margin-top: 5px; height: 20px; line-height: 20px; overflow: hidden; } a.sw_item03:hover .txt .p1{color: #0053cc;} a.sw_item03:hover .txt .p2{color: #0053cc;} @media screen and (max-width: 1023px){ a.sw_item03{ display: block;} a.sw_item03 .imgzoom{padding-bottom: 70%; width: 100%; position: relative; overflow: hidden; } a.sw_item03 .imgzoom img{width: 100%; position: absolute;transition: all .5s cubic-bezier(.5, 0, .2, 1) 0s; } a.sw_item03:hover .imgzoom img{-webkit-transform: scale(1.10); -moz-transform: scale(1.10); -ms-transform: scale(1.10); -o-transform: scale(1.10); transform: scale(1.10);} a.sw_item03 .txt{padding: 5px 5px; width: 100%; text-align: center;transition: all 0.5s ease-out;border: 1px solid #ddd;} a.sw_item03 .txt .p1{ font-size: 14px; color: #333; font-weight: 600; height: auto; line-height: 20px; overflow: hidden;} a.sw_item03 .txt .p2{ font-size: 12px; color: #666; margin-top: 5px; height: 60px; line-height: 20px; overflow: hidden; } a.sw_item03:hover .txt .p1{color: #0053cc;} a.sw_item03:hover .txt .p2{color: #0053cc;} } .news_info{ padding: 0px 0% 20px 0%; width: 100%; margin: 0px auto; position: relative;} .news_info .h1{font-size: 26px; color: #000; line-height: 32px; font-weight: 400; text-align: center; } .news_info .meta{padding-bottom: 10px; margin-top: 20px; margin-bottom:20px; color: #999; font-size: 12px; text-align: center; border-bottom: 2px solid #dbdbdb;} .news_info .meta span{padding-right:20px;} .news_info .ms{ background: #ececec;font-size: 14px; line-height: 2; color: #333; padding: 20px 30px;} .news_info_content{padding: 30px 0px 0px 0px; width: 100%; font-size: 16px; line-height:2; color: #333; overflow: hidden;text-indent:2em;} .news_info_content a{font-weight: bold; color: #000;} .news_info_content a:hover{ color: #ff8538;} .news_info_content img{ padding: 10px 0px;} .news_info_tishi{ padding: 10px 0px; margin: 30px 0px; border: 1px solid #ececec; border-left: 0px; border-right: 0px; color: #666;} .newsvideok{ width: 40%; margin: 0px auto; display: block;} .newsvideoh{ width: 60%; margin: 0px auto; display: block;} @media (max-width:992px){ .newsvideok{ width: 90%;} .newsvideoh{ width: 100%; margin: 0px auto; display: block;} .news_info{ padding: 0px 0px 0px 0px; width: 100%; margin: 0px auto; position: relative;} .news_info .h1{font-size: 0.72rem; color: #000; line-height: 1rem; font-weight: 400; text-align: center; } .news_info .meta{padding-bottom: 10px; margin-top: 10px; margin-bottom:10px; color: #999; font-size: 0.44rem; text-align: center; border-bottom: 3px solid #dbdbdb;} .news_info .meta span{padding-right:10px;} .news_info .ms{ background: #ececec;font-size: 0.46rem; color: #666; padding: 10px 10px;} .news_info_content{padding: 20px 0px 30px 0px; width: 100%; font-size: 0.56rem; line-height: 1.8; color: #333; overflow: hidden;} .news_info_content a{font-weight: bold; color: #000;} .news_info_content a:hover{ color: #ff8538;} .news_info_content img{ padding: 10px 0px;} .news_info_content iframe{width: 100%; height: 250px;} .news_info_tishi{ padding: 10px 0px; margin: 20px 0px 0px 0px; border: 1px solid #ececec; border-left: 0px; border-right: 0px; color: #666;} } .fanye{ padding: 20px 0px 0px 0px; margin-top: 20px; border-top: 1px dotted #ccc;} .fanyea { padding-bottom: 10px; color: #333; font-size: 15px; } .fanyea a {color: #333; } .fanyea a:hover { color: #0053cc; } .fanyefh{} .fanyefh a{color: #333; background: #ccc; font-size: 15px; width: 100%; text-align: center; padding: 10px 30px; display: inline-block; margin:10px 0px 0px 0px; border-radius:2px;} .fanyefh a:hover{background:#0053cc; color: #fff; padding:10px 30px;} @media (max-width:992px){ .fanyea {font-size: 0.56rem; } .fanyefh a{font-size: 0.56rem; background:#0053cc; color: #fff;} } .news_tj01{padding:0px; width: 100%; margin-top: 20px; background: #f6f7f9; overflow: hidden; border-top-right-radius:15px;} .news_tj01_tit{ padding: 20px 0px; background-image:url(../images/index_nlbg.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;} .news_tj01_tit h5{color: #fff; font-size: 26px; padding-left: 30px; display: inline-block;} .news_tj01_tit span{color: #fff; font-size: 16px; padding-left: 10px; display: inline-block;} .news_tj01ul{padding: 10px 20px 20px;} .news_tj01ul li{ border-bottom: 1px dotted #ccc; width: 50%; float: left; padding: 13px 20px 13px 15px; background-image:url(../images/more1.png);background-repeat:no-repeat; background-position:left center; } .news_tj01ul li a{ color: #444;} .news_tj01ul li a:hover{ color: #0053cc;} .news_tj01ul li a p{ font-size: 14px; width: 75%; float: left; height: 20px; line-height: 20px; overflow: hidden;} .news_tj01ul li a span{ font-size: 12px;float: right; height: 20px; line-height: 20px;} .news_tj01ul a.more{ margin-top: 20px;color: #0053cc; display: block;} .news_tj01ul a.more:hover{padding-left: 10px;} @media (max-width:992px){ .news_tj01{padding:0px; width: 100%; margin-top: 20px; background: #f6f7f9; overflow: hidden; border-top-right-radius:15px;} .news_tj01_tit{ padding: 10px 0px; background-image:url(../images/index_nlbg.jpg);background-repeat:no-repeat; background-position:center center; background-size:cover;} .news_tj01_tit h5{color: #fff; font-size: 20px; padding-left: 20px; display: inline-block;} .news_tj01_tit span{color: #fff; font-size: 16px; padding-left: 10px; display: inline-block;} .news_tj01ul{padding: 10px 20px 20px;} .news_tj01ul li{ border-bottom: 1px dotted #ccc; width: 100%; float: left; padding: 8px 0px 8px 15px; background-image:url(../images/more1.png);background-repeat:no-repeat; background-position:left center; } .news_tj01ul li a{ color: #444;} .news_tj01ul li a:hover{ color: #0053cc;} .news_tj01ul li a p{ font-size: 14px; width: 75%; float: left; height: 20px; line-height: 20px; overflow: hidden;} .news_tj01ul li a span{ font-size: 12px;float: right; height: 20px; line-height: 20px;} .news_tj01ul a.more{ margin-top: 20px;color: #0053cc; display: block;} .news_tj01ul a.more:hover{padding-left: 10px;} } /** PC鍦ㄧ嚎瀹㈡湇 ====================================================================================*/ .pc_kefu{position:fixed; width: 70px;right:0;bottom:15%;margin-top:-200px;z-index:9999; } .pc_kefu dl{width: 100%;height: 70px;position: relative; z-index: 2; margin-bottom: 1px;} .pc_kefu dl dt{width: 70px;height: 70px; box-sizing: border-box; padding: 7px 0; color:#FFFFFF;background-color: #21282e;cursor: pointer;position: relative; z-index: 5;transition: all 0.6s ease; text-align: center; } .pc_kefu dl a{color: #fff;} .pc_kefu dl dt i{ display: inline-block; width: 25px; height: 25px;margin-top: 5px; background-repeat:no-repeat; background-position:center center; background-size:auto;} .pc_kefu dl dt p{ font-size: 12px; margin-top: 3px;} .pc_kefu dl dd{ width: 150px;min-height: 70px; line-height: 25px; color: #fff; background-color:rgba(0, 0, 0, 0.8);padding: 10px 20px;position: absolute; top: 0;right:-150px;z-index: 1;transition: all 0.6s ease;} .pc_kefu dl dd.wechat{padding: 10px 10px;} .pc_kefu dl:hover dt{background-color: #0053cc;} .pc_kefu dl:hover dd{right: 70px;} .pc_kefu dl dt i.ico1{background-image:url(../images/icon1.png);}/*鍦ㄧ嚎*/ .pc_kefu dl dt i.ico2{background-image:url(../images/icon2.png);}/*QQ*/ .pc_kefu dl dt i.ico3{background-image:url(../images/icon3.png);}/*寰俊*/ .pc_kefu dl dt i.ico4{background-image:url(../images/icon4.png);}/*鐢佃瘽*/ .pc_kefu dl dt i.ico5{background-image:url(../images/icon5.png);}/*閭*/ .pc_kefu dl dt i.ico6{background-image:url(../images/icon6.png);}/*寰崥*/ .pc_kefu dl dt i.ico7{background-image:url(../images/icon7.png);}/*鏌ユ壘*/ .pc_kefu dl dt i.ico8{background-image:url(../images/icon8.png);}/*鑱旂郴鎴戜滑*/ .pc_kefu dl dt i.ico9{background-image:url(../images/icon9.png);}/*鍒嗕韩*/ .pc_kefu dl dt i.ico10{background-image:url(../images/icon10.png);}/*杩斿洖*/ @media (max-width:1023px){ .pc_kefu{display: none;} } /** PC鍦ㄧ嚎瀹㈡湇 ====================================================================================*/ /** MOB鍦ㄧ嚎瀹㈡湇 ====================================================================================*/ .mob_kefu{display: none;} @media (max-width:1023px){ .mob_kefu{display:flex; position: fixed; bottom: 0px;left: 0px; width: 100%;background-color: #0053cc; z-index: 999; box-shadow:0 0 15px rgba(0,0,0,0.35);} .mob_kefu li{ color: #fff; padding: 10px 0px 10px 0px; width: 25%; float: left; text-align: center;} .mob_kefu li a{ display: block; color: #fff; font-size: 0.56rem;} .mob_kefu li a img{width: 25px;} .mob_kefu li a p{padding-top: 5px;} .mob_kefu_tel{width: 50px;position: absolute;left: calc(50% - 25px);top: -25px;animation: mob_kefu_teltiao 2s infinite;} .mob_kefu_tel img{width: 100%;} } @keyframes mob_kefu_teltiao { 0%, 20%, 53%, 80%, 100% { -webkit-transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); transition-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000); -webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0); } 40%, 43% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -14px, 0); transform: translate3d(0, -14px, 0); } 70% { -webkit-transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); transition-timing-function: cubic-bezier(0.755, 0.050, 0.855, 0.060); -webkit-transform: translate3d(0, -6px, 0); transform: translate3d(0, -6px, 0); } 90% { -webkit-transform: translate3d(0,-1px,0); transform: translate3d(0,-1px,0); } } /** MOB鍦ㄧ嚎瀹㈡湇 ====================================================================================*/ /** 鎵嬫満寰俊寮瑰嚭 ====================================================================================*/ @media (max-width:1023px){ .zhezhaoBox{position:fixed;width:100%;height:100%;background-color:rgba(0,0,0,.5);top:0;left:0;z-index:99999;} .wx_Box{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:80%;background-color:#fff;text-align:center;font-size:14px;padding:20px;border-radius:30px;z-index:999999;} .wx_Box>p{margin-top:10px} .wx_Box>img{width:60px;height:60px} .wx_Txt1{font-size:18px;font-weight:700;} .wx_conBtn{width:auto; display: inline-block; padding: 0px 20px; height:40px;color:#fff;font-size:16px;line-height:40px;text-align:center;margin:auto;background-color:#1aad19;margin-top:20px} .wx_conBtn a{display:block;color:#fff} .wx_close{text-align:right} .wx_close>img{width:32px;height:32px;display:inline-block} } /** 鎵嬫満寰俊寮瑰嚭 ====================================================================================*/ /*鍒嗛〉*/ .diypage { text-align: center; padding: 5px; padding: 50px 0; } .diypage ul.pagination{ width: auto!important; } .diypage ul.pagination li { display: inline } .diypage ul.pagination li a { display: inline-block; background-color: #F9F9F9; border: 0 none; border-radius: 6px; font-size: 14px; margin-left: 5px; text-decoration: none; display: inline-block; height: 32px; line-height: 32px; border: 1px solid #F9F9F9; padding: 0 8px; color: #0047D1 } .diypage ul.pagination li a:hover { background-color: #0047D1; color: #FFF } .diypage ul.pagination li a:active { background-color: #0047D1; color: #FFF } .diypage ul.pagination li.active a { background-color: #0047D1; border: 0 none; border-radius: 3px; color: white; font-size: 14px; font-weight: normal; display: inline-block; border: 1px solid #0047D1; } .diypage ul.pagination li.disabled a { border: #eee 1px solid; margin: 2px; color: #ddd } /*鍒嗛〉*/ .pc_header.fixed { position: fixed; top: 0; width: 100%; background: rgba(0,0,0,.5); } .pc_header .nav-logo{ display:none!important } .pc_header.fixed .nav-logo{ display:none!important; background-color:rgba(255,255,255,.6) }