@charset "utf-8"; /* CSS Document */ html,body {color:#333;margin:0;height:100%;font-family:"Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:normal;} *, *:before, *:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;} a {text-decoration:none;color:#000;} a,label,button,input,select {-webkit-tap-highlight-color:rgba(0,0,0,0);} img {border:0;} html,body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,p,blockquote,pre,button,fieldset,form,input,legend,textarea,th,td {margin:0;padding:0;} a {text-decoration:none;} button {outline:0;} button,input,optgroup,select,textarea {margin:0;font:inherit;color:inherit;outline:none;} li {list-style:none;} .clear{ clear:both;} .pt50{ margin-top:50px;} body{font-family: "PingFangSC-Regular","Microsoft Yahei", "sans-serif", "Verdana", "SimSun", "Hiragino Sans GB" !important;overflow-x: hidden;} /*@font-face { font-family: heijianti; src: url('../fonts/heijianti.ttf') format('truetype'), url('../fonts/heijianti.woff') format('woff'), url('../fonts/heijianti.eot') format('embedded-opentype'), url('../fonts/heijianti.otf') format('opentype'), url('../fonts/heijianti.svg') format('svg'); } @font-face { font-family: zhongheijianti; src: url('../fonts/zhongheijianti.ttf') format('truetype'), url('../fonts/zhongheijianti.woff') format('woff'), url('../fonts/zhongheijianti.eot') format('embedded-opentype'), url('../fonts/zhongheijianti.otf') format('opentype'), url('../fonts/zhongheijianti.svg') format('svg'); } .heijianti{font-family: "heijianti" !important;} .zhongheijianti{font-family: "zhongheijianti" !important;}*/ .baidu{ display: none; } /*header*/ .w100{ width: 100%; background: #021E43;position: relative; } .header{ width: 1300px; margin:0 auto;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .header .logo{ width: 160px; padding-top:34px;} .header .logo img{ width: 100%; } .header .search{width: 175px; border: 1px solid rgba(0, 40, 85, 1); height:34px; margin-top: 30px;} .header .search .searchkeyword{ width:145px; height:34px; float:left; padding-left:10px; font-size: 12px; background: none; border: none; color: #fff;} .header .search input::-webkit-input-placeholder{color: rgba(255, 255, 255,0.5);} .header .search img{ width: 18px; height: 18px; margin-top: 8px;} .header .search button{ border: none; background: none; cursor:pointer; } .header .lang{ margin-left: 30px; } .header .lang select{ border:none; background: none;width: 105px;outline:none; color: rgba(255, 255, 255,0.7);margin-top: 35px; font-size: 14px;} .nav{width: 830px;padding-left: 100px; font-size: 16px; line-height: 90px;z-index:999;font-weight: bold; } .nav .nLi{ float:left; display:inline;} .nav .nLi h3{ float:left;} .nav .nLi h3 a{ display:block; padding:0 25px; font-size:16px; font-weight:bold; color: rgba(255, 255, 255,0.7);} .nav .nLi.on h3 a{ color: #fff; } .nav .nLi h3 a:hover{ color: #fff; } .nav .sub{ display:none; width:100%; left:0; top:90px; position:absolute; background:#fff;} .first{height: 100vh;} .second{} .second .second_menu{width: 1300px; margin: 0 auto; display: flex; padding-top:20px; padding-bottom: 20px;} .second_menu li{ width: 16.66666%; text-align: center; border-right: 1px solid #E4E4E4;font-family: "heijianti" !important; } .second_menu li:nth-child(6){ border-right: none; } .second_menu li .ico{} .second_menu li .text{ color: #989898; font-size: 16px;line-height: 30px; } .second_menu li.current .text{ color: #0F76C1; } .third{} .third .third_menu{ width: 1300px; margin: 0 auto; display: flex; padding-top:20px; padding-bottom: 20px; } .third .third_menu li{ width: 25%; text-align: center; border-right: 1px solid #E4E4E4;font-family: "heijianti" !important; } .third .third_menu li:nth-child(4){ border-right: none; } .third .third_menu li .ico{} .third .third_menu li .text{ color: #989898; font-size: 16px;line-height: 30px; } .third .third_menu li.current .text{ color: #0F76C1; } .nav .nLi.on h3 a.cur{position: relative; } .nav .nLi.on h3 a.cur:after{content: ''; background-image: url(../images/ic_triangle_up.png); background-repeat: no-repeat; background-position: center center; background-size: 100% 100%; width: 10px; height: 10px; position: absolute; left: 50%; margin-left: -5px; bottom: 0;} /* 鏈緥瀛恈ss */ .slideTxtBox{width: 1300px; margin:0 auto; text-align:center; } .slideTxtBox .hd{ height:80px; line-height:50px;position:relative; padding-top: 30px;} .slideTxtBox .hd ul{ display:table;margin:0 auto;} .slideTxtBox .hd ul li{text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:50px;cursor:pointer;height:40px;width:auto; width:auto;cursor:pointer; color: rgba(0,0,0,0.45);} .slideTxtBox .hd ul li.on{ height:50px; color: #021E43 !important;} .slideTxtBox .hd ul li.on a{ height:50px; color: #021E43 !important;} .slideTxtBox .hd ul li a{color: rgba(0,0,0,0.45) !important;} .slideTxtBox .hd ul li.on a:hover{ height:50px; color: #021E43 !important;} .slideTxtBox .bd{ margin-top: 30px; } .slideTxtBox .bd ul{ overflow:hidden; zoom:1;display:table;margin:0 auto; display: none;} .slideTxtBox .bd ul li{float:left;*float:none;*display:inline;*zoom:1;overflow:hidden; text-align:center; width: 236px; margin-right: 20px;} .slideTxtBox .bd ul li:nth-child(5){ margin-right: 0 } .slideTxtBox .bd ul li .pic{ text-align:center;width: 236px; position: relative;} .slideTxtBox .bd ul li .pic:hover{background: #E3F0FF; } .slideTxtBox .bd ul li .pic img{ width:236px; display:block;transform: translate3d(0,0,0);transition: transform .8s ease; margin: 0 auto;} .slideTxtBox .bd ul li .pic span{ position: absolute; top: 0; right: 20%;} .slideTxtBox .bd ul li .pic span img{ width: 30px; height: 30px; } .slideTxtBox .bd ul li .pic a:hover img{ transform: translate3d(0,4px,0); } .slideTxtBox .bd ul li dl{ line-height: 26px; padding-top: 10px;} .slideTxtBox .bd ul li dl a{color: rgba(0,0,0,0.75) !important; font-size: 14px;} .slideTxtBox .bd ul li dl a:hover{ color: #021E43 !important; } .pro_more{ text-align: center; color: #00A0D7; line-height: 40px; font-size: 16px; font-weight: 500; padding-top: 50px;} .pro_more a{ color: #0F76C1 !important; text-decoration: underline; } .pro_more a:hover{ color: #021E43 !important;text-decoration: underline; } /*footer*/ .footer{ width:100%; background:#021e43; padding-top: 50px;} .foot{ width: 1300px; margin: 0 auto; } .foot a { color: #a8aaba;} .foot a:hover { color: #fff !important;} .foot .footer-article { width: 100%;display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; } .foot .contact { float: left; width: 280px;} .foot .contact dt { width: 90px;} .foot .contact .footlogo { width: 110px } .foot .contact .footlogo img{ width: 100%; } .foot .contact .text { font-size: 14px;color: #fff; padding-top: 50px; padding-bottom: 10px;} .foot .contact .tel { font-size: 18px; color: #fff;} .foot .col-article { float: left; width: 290px;} .foot .col-article dt { margin-bottom: 30px; font-size: 18px; color: #fff; font-weight: bold;} .foot .col-article dd { margin-bottom:15px; overflow: hidden;} .foot .col-article dd a { font-size: 12px; color: #cccccc; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .foot .wx dd#tmall{ position: relative } .foot .wx dd#tmall ul.on{ background: #0F2F5E; } .foot .wx dd .stor_list{ position: absolute; right:-80px; top:-65px; background: #0F2F5E; padding:10px; border-radius: 5px; width: 144px;} .foot .wx dd .stor_list li{ width: 100%; line-height: 30px; } .foot .wx dd .stor_list li img{ width: 18px; height: 18px; margin-right: 5px; float: left; margin-top: 7px;} .foot .wx { float: left; width: 135px; margin-right: 0;} .foot .wx dt { margin-bottom: 30px; font-size: 18px; font-weight: normal; color: #fff; font-weight: bold;} .foot .wx dd { margin-bottom: 15px;} .foot .wx dd a { font-size: 12px; color: #d9d9d9; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .foot .wx dd img { display: block; width: 110px; height: 110px; margin: 5px 0; border-radius: 2px;} .foot .wx dd.other {display:flex;align-items:stretch;-webkit-align-items:stretch;flex-wrap:wrap; width: 100%; margin-top: 50px;} .foot .wx dd.other li{ margin-right: 20px;cursor: pointer;position: relative; } .foot .wx dd.other li img{ width:30px; height: 30px; } .foot .info-text {font-size: 12px; color: #d9d9d9; text-align: center; padding-top: 20px; padding-bottom: 30px; border-top: 1px solid rgba(255,255,255,0.1); margin-top: 10px;} .foot .info-text a{ color: #d9d9d9; } .foot .info-text a:hover{ color: #fff; } .blue{ background: #021e43;outline:none;border:none; } .wx_qrcode {width:301px;height:465px;background:#F9F9FA;box-shadow:0 2px 14px 0 rgba(0,0,0,0.2);border-radius:4px;position:absolute;bottom:50px;left:-126px;overflow:hidden;cursor:pointer;} .foot .wx dd.other li .wx_qrcode img{ width: 100%; height: auto; margin:0; } .wxMenuClose {width:20px !important;height:20px !important;position:absolute;top:20px;right:14px;margin:0 !important;} .footer-wechat {width:301px;height:166px;} .footer-wechat-code {width:100%;display:flex;justify-content:center;} .footer-wechat-code >img {width:220px !important;height:220px !important; margin-top: 35px !important; } /*鍒嗛〉*/ .pages{ width:100%;text-align:center; margin:5px auto; height:50px; line-height:50px; margin-bottom:70px;} .pages ul{ display:table;margin:10px auto; } .pages ul li{background:#e6e6e6;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;} .pages ul li.active{background:#0F76C1;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;color:#fff;} .pages ul li.disabled{background:#e6e6e6;text-align:center;float:left;*float:none;*display:inline;*zoom:1;margin-right:15px;cursor:pointer;height:40px;width:auto; line-height:40px; width:40px;} .pages ul li a.on{ background:#021e43; height:40px;width:auto; line-height:40px; color:#fff; text-align:center; display:block;} .pages ul li a{ color:#232323; display:block} /*杩斿洖澶撮儴*/ .cd-top {display:inline-block;height:70px;width:70px;position:fixed;bottom:250px; left:50%; margin-left:580px; overflow:hidden;text-indent:100%;white-space:nowrap;background:url(../images/ic_top.png) no-repeat center 50%;visibility:hidden;opacity:0;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;transition:all 0.3s; background-size: 100% 100%;} .cd-top.cd-is-visible {visibility:visible;opacity:1;} .cd-top:hover{background:url(../images/ic_top_hover.png) no-repeat center 50%;height:70px;width:70px;background-size: 100% 100%;}