/* ---------- reset ---------- */
html {
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%
}
html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td,
hr,
button,
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
margin: 0;
padding: 0;
}
body,
button,
input,
textarea,
select {
font: 0.75rem/1.5 'Noto Sans SC', 'Microsoft JhengHei', '-apple-system', 'Noto Sans', 'Helvetica Neue', 'Helvetica', 'Nimbus Sans L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', 'ST Heiti', 'SimHei';
-webkit-font-smoothing: antialiased;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
display: block
}
address,
caption,
cite,
code,
dfn,
em,
th,
var {
font-style: normal;
font-weight: 400;
}
table {
border-collapse: collapse;
border-spacing: 0
}
ol,
ul,
li {
list-style: none;
}
img {
max-width: 100%;
border: 0 none;
}
i,
em {
font-style: normal;
}
input,
select,
textarea {
font-size: 100%;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size: 100%;
font-weight: 400
}
a {
cursor: pointer;
text-decoration: none;
}
:focus {
outline: 0
}
::selection {
background: #3b94e2;
color: white;
}
::-moz-selection {
background: blue;
color: white;
}
::-webkit-selection {
background: blue;
color: white;
}
/* ---------- common ---------- */
html {
color: #333;
background: #fff
}
.w1200 {
width: 75rem;
margin: 0 auto;
}
.fl {
float: left;
}
.fr {
float: right;
}
.ta-c {
text-align: center !important;
}
.ta-l {
text-align: left !important;
}
.ta-r {
text-align: right !important;
}
.black {
color: #333 !important
}
.white {
color: #fff !important
}
.green {
color: #98ba2a !important
}
.red {
color: #e01d20 !important
}
.blue {
color: #00f !important
}
.skyblue {
color: #3DBAF7 !important
}
.honor-blue {
color: #00b5e2 !important
}
.gray {
color: #c0c0c0 !important
}
.yellow {
color: #ff0 !important
}
.bg-blue {
background-color: #3DBAF7 !important;
}
.bold {
font-weight: 700 !important
}
.hide,
.hidden {
display: none !important
}
.show {
display: block !important
}
.relative {
position: relative !important;
}
.absolute {
position: absolute !important;
}
.fixed {
position: fixed;
}
.fcn {
font-family: \5b8b\4f53
}
.inline-block {
display: inline-block;
*zoom: 1;
*display: inline
}
.clearfix:before,
.clearfix:after {
content: " ";
display: table
}
.clearfix:after {
clear: both
}
.clearfix {
*zoom: 1
}
.page_pc {
overflow: hidden;
}
.container {
/*width: 96.25rem;*/
width: calc(100% - 140px);
max-width: 1540px;
margin: 0 auto;
}
.container:before,
.container:after {
content: " ";
display: table
}
.container:after {
clear: both
}
.container {
*zoom: 1
}
.ftx01 {
color: #2378d4;
}
.ftx02 {
color: #b74506 !important;
}
.ftx03 {
color: #ec5051;
}
a.ftx01:hover {
color: #ec5051;
}
.btn_red {
background-color: #f42424 !important;
}
.btn_red:hover {
background-color: #ec5051 !important;
}
/*commen*/
.f12 {
font-size: 0.75rem
}
.f14 {
font-size: 0.875rem
}
.f16 {
font-size: 1rem
}
.f18 {
font-size: 1.125rem
}
.f20 {
font-size: 1.25rem
}
.f24 {
font-size: 1.5rem
}
.f26 {
font-size: 1.625rem
}
.f30 {
font-size: 1.875rem
}
.mt0 {
margin-top: 0 !important;
}
.mt30 {
margin-top: 1.875rem !important;
}
.mt75 {
margin-top: 4.6875rem !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.mb10 {
margin-bottom: 0.625rem !important;
}
.mb12 {
margin-bottom: 0.75rem !important;
}
.mb30 {
margin-bottom: 1.875rem !important;
}
.mb40 {
margin-bottom: 2.5rem !important;
}
.mb50 {
margin-bottom: 3.125rem !important;
}
.mb80 {
margin-bottom: 5rem !important;
}
.ml30 {
margin-left: 1.875rem !important;
}
.ml50 {
margin-left: 3.125rem !important;
}
.ml80 {
margin-left: 5rem !important;
}
.pd30 {
padding: 1.875rem;
}
.pt0 {
padding-top: 0 !important;
}
.pt30 {
padding-top: 1.875rem !important;
}
.pt100 {
padding-top: 6.25rem !important;
}
.pb0 {
padding-bottom: 0 !important;
}
.pb30 {
padding-bottom: 1.875rem !important;
}
.pb40 {
padding-bottom: 2.5rem !important;
}
.pb50 {
padding-bottom: 3.125rem !important;
}
.pb80 {
padding-bottom: 5rem !important;
}
.pb100 {
padding-bottom: 6.25rem !important;
}
.ov-h {
overflow: hidden;
}
/* clearfix */
.cf:before,
.cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1
}
:root {
--primary: rgb(40, 40, 40);
--secondary: rgb(128, 128, 128);
--mute: rgb(139, 142, 145);
--white: rgb(255, 255, 255);
--red: rgb(255, 87, 20);
--black: rgb(40, 40, 40);
--gray: rgb(100, 100, 100);
--dark: rgb(26, 26, 26);
--deep: rgb(20, 20, 20);
--light: rgb(236, 236, 236);
--top-nav: 4rem;
--left-pad: 15.5rem;
--right-pad: 10rem;
--font-family: 'Noto Sans SC', 'Microsoft JhengHei', '-apple-system', 'Noto Sans', 'Helvetica Neue', 'Helvetica', 'Nimbus Sans L', 'PingFang SC', 'Hiragino Sans GB', 'Noto Sans CJK SC', 'Source Han Sans SC', 'Source Han Sans CN', 'Microsoft YaHei', 'ST Heiti', 'SimHei';
;
}
body::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
border-radius: 5px;
background-color: #F5F5F5;
}
body::-webkit-scrollbar {
width: 8px;
background-color: #F5F5F5;
}
body::-webkit-scrollbar-thumb {
border-radius: 5px;
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);
background-color: #bdb9b9;
}
div::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
border-radius: 3px;
background-color: #F5F5F5;
}
div::-webkit-scrollbar {
width: 6px;
background-color: #F5F5F5;
}
div::-webkit-scrollbar-thumb {
border-radius: 3px;
-webkit-box-shadow: inset 0 0 3px rgba(0, 0, 0, .3);
background-color: #bdb9b9;
}
html {
font-size: 16px;
}
@media screen and (max-width:1440px) {
html {
font-size: 12px;
}
}
:root {
--primary: rgb(40, 40, 40);
--secondary: rgb(128, 128, 128);
--mute: #ffffff;
--white: rgb(255, 255, 255);
--red: #49b1f9;
--black: rgb(40, 40, 40);
--gray: rgb(100, 100, 100);
--dark: rgb(26, 26, 26);
--deep: rgb(20, 20, 20);
--light: rgb(236, 236, 236);
--top-nav: 4rem;
--left-pad: 15.5rem;
--right-pad: 10rem;
}
/* Heading Top Navigation */
.header {
position: fixed;
z-index: 990;
top: 0;
left: 0;
width: 100%;
background: linear-gradient(rgba(255, 255, 255, 255), rgba(255, 255, 255, 255));
transition: transform .5s ease, top .5s ease;
-webkit-transform-style: preserve-3d;
-webkit-backface-visibility: hidden;
}
.header .container {
width: calc(100% - 8.75rem);
padding: 0 4.375rem;
box-sizing: border-box;
max-width: 1772px;
}
.header .left {
float: left;
}
.header .logo1 {
display: none;
}
.h {
width: 100%;
background-color: #0766B9;
}
.h_top {
height: 34px;
line-height: 22px;
font-size: 14px;
color: rgb(255, 255, 255);
padding: 0 10.375rem;
}
.h_top i a {
color: #666;
padding: 0 5px;
}
.h_top .fr {
float: left;
}
.header .nav-logo {
padding: 0.5625rem 0;
display: block;
}
.header .right {
float: right;
}
.hd_nav {
float: left;
padding-right: 3rem;
}
.hd_nav .nav_item {
float: left;
padding: 1.5625rem 1.5rem;
position: relative;
}
.hd_nav .nav_item .nav-link {
font-size: 18px;
color: rgb(0, 0, 0);
line-height: 1.125rem;
padding: 0 2.0rem;
position: relative;
}
.hd_nav .nav_item .nav-link:hover {
color: #0766B9;
font-weight: 700;
}
.hd_nav .nav_item .nav-link::after {
content: "";
width: 0;
height: 2px;
position: absolute;
left: 30px;
bottom: -37px;
transition: all .4s ease;
}
.hd_nav .nav_item .nav-link:hover::after {
width: calc(100% - 60px);
}
.sub_list {
left: 0;
top: 60px;
height: auto;
z-index: 2;
width: 100%;
border-top: 1px solid #dde2ea;
background-color: #fff;
position: absolute;
}
.sub_list a {
display: block;
font-size: 16px;
color: #2b2e2e;
opacity: 0.9;
/*padding: 3px 0; */
position: relative;
font-weight: normal;
line-height: 35px;
}
.sub_list a:hover {
opacity: 1;
}
.sub_list a::after {
content: "";
width: 16px;
height: 16px;
position: absolute;
right: 30px;
top: 50%;
margin-top: -8px;
transition: all .4s ease;
background: url(../image/arr12.png) no-repeat left top;
}
.sub_list a:hover::after {
background: url(../image/arr12.png) no-repeat left bottom;
}
.sub_list .sub_list_con .alist {
width: 100%;
padding: 20px 20px;
}
.sub_list a:hover {
color: #0d6aba;
}
.header .search,
.header .language {
float: left;
}
.header .search {
margin-left: 4.375rem;
position: relative;
color: #000;
}
.m-search {
padding: 0.5625rem;
width: 110px;
height: 3.125rem;
background: url(../image/search.png) no-repeat center;
}
/*.header #form_s{ display: none;}*/
.header #form_s .opinst {
display: none;
}
.header #form_s input {
position: absolute;
top: 1.4rem;
width: 70px;
left: 52px;
border: 0;
background: none;
height: 24px;
line-height: 24px;
color: #000;
}
.header #form_s input::-webkit-input-placeholder {
color: #fff;
}
.header .language {
font-size: 1rem;
color: #fff;
line-height: 3.125rem;
padding: 1.5625rem;
background: url(../image/globe.png) no-repeat left center;
}
.header .language dt a {
color: #fff;
}
.header .language dd {
display: none;
}
@media screen and (max-width:1800px) {
.header .container {
width: calc(100% - 4.75rem);
padding: 0 0.375rem;
}
.hd_nav li:nth-child(2) .sub_list .sub_list_con {
padding-left: 0px;
}
}
@media screen and (max-width:1600px) {
.header .container {
width: calc(100% - 6.75rem);
padding: 0 0.375rem;
}
.h_top {
height: 34px;
line-height: 22px;
font-size: 14px;
color: rgb(255, 255, 255);
padding: 0 5.375rem;
}
.hd_nav {
padding-right: 0rem;
}
.hd_nav .nav_item {
padding: 1.1625rem 0;
}
.m-search {
padding: 1.1625rem 1.5625rem;
}
.header .language {
padding: 1.1625rem 1.5625rem;
}
/*
.sub_list{ top: 87.84px;} */
.header #form_s input {
top: 2rem;
}
.hd_nav .nav_item .nav-link::after {
bottom: -34px;
}
.hd_nav .nav_item .nav-link {
font-size: 18px;
line-height: 36px;
}
.header .language {
font-size: 14px;
}
.sub_list .img {
right: 30px;
}
.sub_list .sub_list_con {
width: 120px;
}
/* .hd_nav li:nth-child(1) .sub_list_con .alist{margin-left: 40px;}
.hd_nav li:nth-child(3) .sub_list_con .alist {margin-left: 295px;} */
.hd_nav li:last-child .sub_list_con .alist {
float: right;
margin-right: 25px;
}
.submenu_show .hd_nav .nav_item .txt,
.head_white .hd_nav .nav_item .txt {
color: #2b2e2e;
}
.submenu_show .hd_nav .nav_item.sublist_show .sub_list,
.head_white .hd_nav .nav_item.sublist_show .sub_list {
-webkit-animation: a_menu_item_show 0.2s ease-out both;
}
.submenu_show .hd_nav .nav_item.sublist_hide .sub_list,
.head_white .hd_nav .nav_item.sublist_hide .sub_list {
-webkit-animation: a_menu_item_hide 0.15s ease-out both;
}
.submenu_show .hd_nav .nav_item .menu_hook {
display: block;
}
.submenu_hide,
.sublist_hide {
pointer-events: none;
}
.sublist_show .nav-link {
font-weight: 500;
color: #000000;
}
}
@media screen and (max-width:1440px) {
.h_top {
padding: 0 9.375rem;
}
.header .container {
width: calc(100% - 8.75rem);
padding: 0 4.375rem;
}
.hd_nav {
padding-right: 10rem;
}
.header #form_s input {
top: 2.4rem;
}
.hd_nav .nav_item {
padding: 1.5625rem 0;
}
.m-search {
padding: 1.5625rem 1.5625rem;
}
.header .language {
padding: 1.5625rem 1.5625rem;
}
.hd_nav .nav_item .nav-link::after {
bottom: -28px;
}
/*
.hd_nav .nav_item .nav-link::after {
left: 30px;
}
.hd_nav .nav_item .nav-link:hover::after {width: calc(100% - 60px); }
*/
.sub_list {
top: 75px;
}
.sub_list .img {
right: 30px;
}
.sub_list .sub_list_con {
width: 600px;
}
.header #form_s #q {
height: 18px;
line-height: 18px;
}
}
.wxlist {
font-size: 1.25rem;
color: #5f5f5f;
line-height: 1.875rem;
padding: 1.875rem 0 0 0;
}
.wxlist dt,
.wxlist dd {
float: left;
margin-right: 97px;
margin-top: 5px;
}
.wxlist dd:last-of-type {
margin-right: 0px;
}
.wxlist dd a {
color: #5f5f5f;
background: url(../image/wx.jpg) no-repeat left;
padding-left: 1.5625rem;
}
.wxlist dd a:hover {
background: url(../image/wx-1.jpg) no-repeat left;
}
.fot-nav {
padding: 32px 0;
}
.fot-nav dl {
float: left;
/*margin-right: 6.25rem;*/
margin-right: 225px;
}
.fot-nav dl:last-of-type {
margin-right: 0px;
}
.fot-nav dt {
font-size: 1.125rem;
color: #3D3D3D;
margin-bottom: 1.25rem;
}
.fot-nav dd a {
font-size: 1rem;
color: #3D3D3D;
line-height: 1.875rem;
}
.fot-nav .fot-logo {
float: right;
margin-top: 1.875rem;
}
.copyright {
background: #14324d;
padding: 0.625rem 0;
font-size: 1rem;
color: #fff;
line-height: 1.875rem;
}
.copyright p {
text-align: center;
}
.copyright a {
font-size: 1rem;
color: #fff;
line-height: 1.875rem;
margin: 0 1.25rem;
}
.fixed-top {
position: fixed;
right: 1.25rem;
bottom: 5rem;
z-index: 99;
/*border: 2px solid #9e9d9d;*/
background: #0766B9;
border-radius: 50%;
height: 48px;
width: 48px;
}
.footer {
clear: both;
}
.footer .container {
width: 100%;
margin: 0 auto;
max-width: 1332px;
}
.wxlist {
padding-top: 100px;
}
.footer .wxlist .container {
border-bottom: 2px solid #D8D8D8;
padding-bottom: 28px;
}
.div_ewm {
box-shadow: 0 0 8px 8px rgba(0, 0, 0, .1);
border-radius: 8px;
position: absolute;
top: -165px;
display: none;
height: 150px;
width: 150px;
}
.div_ewm img {
border-radius: 8px;
width: 150px;
height: 150px;
}
.div_ewm:after,
.div_ewm:before {
border: solid transparent;
content: ' ';
height: 0;
left: 67px;
position: absolute;
width: 0;
}
.div_ewm:after {
border-width: 9px;
border-top-color: #fff;
top: 150px;
}
.fot-logo {
width: 225px;
float: left;
}
.fot-logo img {
width: 100%;
}
.gzwmdl {
width: calc(100% - 320px);
float: right;
}
.wrap_head {
transition: all 0.2s linear;
-webkit-transition: all 0.2s linear;
-moz-transition: all 0.2s linear;
-ms-transition: all 0.2s linear;
-o-transition: all 0.2s linear;
}
.head_white {
background: #fff;
border-bottom: 1px solid #dde2ea;
}
.head_white .hd_nav .nav_item .nav-link {
color: #2b2e2e;
}
.head_white .hd_nav .nav_item .nav-link:hover {
color: #0766B9;
font-weight: 700;
}
.head_white .language dt a {
color: #2b2e2e;
}
.head_white .logo {
display: none;
}
.head_white .logo {
width: 21.875rem;
max-width: 265px;
}
.header.wrap_head>div>div.left>a>img.logo {
width: 11.875rem;
max-width: 265px;
}
.head_white .logo1 {
display: block;
}
.head_white .logo1 {
width: 11.875rem;
max-width: 265px;
}
.head_white .m-search {
background: url(../image/search2.png) no-repeat center;
}
.head_white #form_s input {
color: #818284;
}
.head_white #form_s input::-webkit-input-placeholder {
color: #818284;
}
.head_white .language {
background: url(../image/globe2.png) no-repeat left center;
}
body>div>div.fixed-top>img {
width: 2.875rem
}
body>div>div.footer>div.fot-nav.wow.fadeInUp>div>div>img {
width: 225px;
}
/*.submenu_show .logo1{ display:block;}
.submenu_show .logo{ display:none;}*/
.submenu_show .hd_nav .nav_item .txt,
.head_white .hd_nav .nav_item .txt {
color: #2b2e2e;
}
/*.submenu_show .bg_hover{ display:block !important; width: 100%; height: 445px; background:rgba(255,255,255,1); z-index: -1; position: absolute; top: 0px; left: 0px; -webkit-animation:a_bg_hover_show 0.2s ease-out both; -webkit-transform-origin:50% 0%;}*/
.submenu_show .hd_nav .nav_item.sublist_show .sub_list,
.head_white .hd_nav .nav_item.sublist_show .sub_list {
-webkit-animation: a_menu_item_show 0.2s ease-out both;
}
.submenu_show .hd_nav .nav_item.sublist_hide .sub_list,
.head_white .hd_nav .nav_item.sublist_hide .sub_list {
-webkit-animation: a_menu_item_hide 0.15s ease-out both;
}
.submenu_show .hd_nav .nav_item .menu_hook {
display: block;
}
.submenu_hide,
.sublist_hide {
pointer-events: none;
}
.sublist_show .nav-link {
font-weight: 500;
color: #000000;
}
/* .sublist_show .nav-link::after {
content: "";
width: calc(100% - 70px)!important;
height: 1px;
position: absolute;
left: 35px!important;
bottom: -15px;
transition: all .4s ease;
background: #0766B9;
} */
/*.submenu_hide .bg_hover{ -webkit-animation:a_bg_hover_hide 0.15s ease-out both; -webkit-transform-origin:50% 0%;}
*/
@keyframes a_menu_item_show {
0% {
-
/*webkit-transform:translate(0px,-30px); */
opacity: 0;
}
100% {
/*-webkit-transform:translate(0px,0px);*/
opacity: 1;
}
}
@keyframes a_menu_item_hide {
0% {
/*-webkit-transform:translate(0px,0px);*/
opacity: 1;
}
100% {
/*-webkit-transform:translate(0px,-30px);*/
opacity: 0;
}
}
@keyframes a_bg_hover_show {
0% {
/*-webkit-transform:scale(1,0.5); */
opacity: 0;
}
100% {
/*-webkit-transform:scale(1,1); */
opacity: 1;
}
}
@keyframes a_bg_hover_hide {
0% {
/*-webkit-transform:scale(1,1);*/
opacity: 1;
}
100% {
/*-webkit-transform:scale(1,0.5);*/
opacity: 0;
}
}
@media only screen and (max-width:1440px) {
.hd_nav .nav_item .nav-link {
font-size: 16px;
}
.sub_list li a {
font-size: 14px;
}
.header .language {
font-size: 14px;
margin-left: 20px;
}
.hd_nav {
padding-right: 20px;
}
.container {
width: calc(100% - 160px);
margin: 0 80px;
}
.about .container {
width: calc(100% - 300px);
margin: 0 150px;
}
.ys .text1 .container {
width: calc(100% - 300px);
margin: 0 150px;
}
.footer .container {
width: calc(100% - 390px);
margin: 0 195px;
}
.wxlist {
padding-top: 100px;
}
.wxlist dt,
.wxlist dd {
float: left;
margin-right: 58px;
margin-top: 24px;
}
.fot-nav dl {
float: left;
/*margin-right: 6.25rem;*/
margin-right: 166px;
}
.wxlist dt,
.wxlist dd {
font-size: 16px;
}
.wxlist dt {
color: #3D3D3D;
font-weight: 700;
}
.wxlist dd a {
color: #3D3D3D;
}
.footer .wxlist .container {
border-bottom: 2px solid #D8D8D8;
padding-bottom: 28px;
}
.fot-nav dt {
font-size: 16px;
color: #3D3D3D;
font-weight: 700;
}
.fot-nav dd a {
font-size: 12px;
line-height: 30px;
}
}
@media only screen and (max-width:1360px) {
.header .container {
width: calc(100% - 100px);
margin: 0 50px;
padding: 0;
}
.hd_nav li:last-child .sub_list_con .alist {
margin-right: 45px;
}
.footer .container {
width: calc(100% - 200px);
margin: 0 100px;
}
}
@media only screen and (max-width:1280px) {
.header .container {
width: calc(100% - 100px);
margin: 0 50px;
padding: 0;
}
.footer .container {
width: calc(100% - 160px);
margin: 0 80px;
}
.sub_list .img {
max-width: 200px;
}
}
@media only screen and (max-width:1200px) {
.header .search {
margin-left: 0;
}
.sub_list .img {
max-width: 150px;
}
}
@media only screen and (max-width:1024px) {
.header .container {
width: calc(100% - 60px);
margin: 0 30px;
padding: 0;
}
.hd_nav {
padding-right: 10px;
}
.hd_nav .nav_item .nav-link {
padding: 0 0.8rem;
}
.header .search {
margin-left: 1rem;
}
.m-search {
width: 80px;
}
.sub_list .img {
width: 120px;
}
.sub_list .sub_list_con {
padding-left: 30px;
}
.sub_list a {
font-size: 14px;
}
.hd_nav li:last-child .sub_list_con .alist {
margin-right: 60px;
}
.footer .container {
width: calc(100% - 60px);
margin: 0 30px;
}
.fot-logo {
width: 165px;
}
.gzwmdl {
width: calc(100% - 220px);
}
.wxlist dt,
.wxlist dd {
margin-top: 14px;
}
.fot-nav dl {
margin-right: 145px;
}
}
.scroll-icon {
z-index: 9999;
position: absolute;
top: 15px;
width: 50%;
height: 50%;
margin-left: 25%;
}
.scroll-icon li {
position: absolute;
left: 0;
width: 100%;
height: 100%;
background: url(../image/return-top-2.png) top center no-repeat;
}
.scroll-icon .down1_ico {
top: 0;
}
.scroll-icon .down2_ico {
top: 9px;
}
.scroll-icon .down3_ico {
top: 18px;
}
.down1_ico {
opacity: 0;
top: 33px;
animation: myfirst 3s infinite;
-webkit-animation: myfirst 3s infinite;
-webkit-o-animation: myfirst 3s infinite;
-moz-animation: myfirst 3s infinite;
}
@keyframes myfirst {
0% {
opacity: 0;
top: 33px;
}
50% {
opacity: 1;
top: 0px;
}
100% {
opacity: 0;
top: -33px;
}
}
@-webkit-keyframes myfirst
/* Safari 与 Chrome */
{
0% {
opacity: 0;
top: 33px;
}
50% {
opacity: 1;
top: 0px;
}
100% {
opacity: 0;
top: -33px;
}
}
@-webkit-o-keyframes myfirst {
from {
background: red;
}
to {
background: yellow;
}
}
@-moz-keyframes myfirst {
0% {
opacity: 0;
top: 33px;
}
50% {
opacity: 1;
top: 0px;
}
100% {
opacity: 0;
top: -33px;
}
}
/* ==========================================================================
Sidebar
========================================================================== */
.overview {
color: #fff;
/* font: 300 18px/59px microsoft yahei;*/
font-size: 16px;
background: #006db9;
padding-left: 18px;
}
.sidenav {
/*background:#f1f4f2;*/
}
.sidenav li {
position: relative;
display: inline-block;
font-size: 14px;
text-align: center;
}
.sidenav li a {
padding-left: 30px;
padding-right: 30px;
}
.sub_nav {
/*background:#f1f4f2;*/
text-align: center;
margin-top: 20px;
}
.sidenav li:hover,
.sidenav .active {}
.sidenav .active:after {
content: "";
position: absolute;
width: calc(100% - 80px);
height: 2px;
overflow: hidden;
left: 40px;
/*margin-left: -30px;*/
bottom: 0;
background: #0766B9;
}
/*.sidenav li a:hover,*/
.sidenav li.active a {
color: #0766B9;
font-weight: bold;
}
.sidenav li:last-of-type a {}
.sidenav a::after {
content: "";
width: 0;
height: 2px;
position: absolute;
left: 40px;
/*margin-left: -30px;*/
bottom: 0;
transition: all .4s ease;
background: #0766B9;
}
/*.sidenav a:hover::after {width: calc(100% - 80px);}*/
/* overview */
.ln-menu-link {
display: block;
font-size: 16px;
position: relative;
font-size: 300;
*zoom: 1;
font-family: microsoft yahei;
line-height: 48px;
}
#ln-menustate {
display: none;
}
@media only screen and (max-width:920px) {
.sidenav li a {
padding-left: 20px;
padding-right: 20px;
}
.ln-menu-link {
font-size: 14px;
}
}
@media only screen and (max-width: 767px) {
.innertit {
display: none;
}
.relatedtit {
display: block;
}
.sidenav {
background: #fff;
}
.sidenav li {
width: 100%;
text-align: center;
border-right: 0;
padding: 0;
border: 0;
}
.sub_nav {
background: #fff;
}
.ln-menu-link .inco {
width: 30px;
height: 30px;
position: absolute;
top: 10px;
left: 30px;
}
.ln-menu-link {
line-height: 20px;
border-bottom: 1px solid #d7d7d7;
border-right: none;
border-left: none;
border-top: none;
margin: 0;
}
.overview.hidden {
display: block !important;
}
.sidenav li.on {
border-bottom: none;
}
.sub_nav li:first-child .ln-menu-link {
border-left: none;
}
}
.sidenav li.on a {
color: #10924e;
}
}
#ln-menustate {
display: none;
}
.localnav {
position: relative;
top: 0;
left: 0;
width: 100%;
z-index: 99;
}
.ln-wrapper {
position: relative;
top: 0;
left: 0;
width: 100%;
height: auto;
min-height: 100%;
z-index: 1
}
/* background */
.ln-background {
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 1;
background-color: #f1f4f2；
}
/*.ln-background:after { background-color: rgba(153,153,153,0.4); content: ""; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }*/
#ln-menustate:checked~.localnav .ln-background,
#ln-menustate:target~.localnav .ln-background {
background-color: rgba(255, 255, 255, 1);
max-height: none;
-webkit-transition: background-color 0.5s ease;
transition: background-color 0.5s ease
}
#ln-menustate:checked~.localnav .ln-background:after,
#ln-menustate:target~.localnav .ln-background:after {
background-color: #d6d6d6
}
.ln-content {
margin: 0 auto;
max-width: 1280px;
position: relative;
z-index: 2
}
.ln-curtain {
background: rgba(0, 0, 0, 0.3);
opacity: 0;
position: fixed;
top: 0;
left: 0;
width: 0;
height: 0;
z-index: 9;
-webkit-transition: opacity 0.2s ease;
transition: opacity 0.2s ease;
}
#ln-menustate:checked~.localnav .ln-curtain,
#ln-menustate:target~.localnav .ln-curtain {
-webkit-transition: opacity 1s ease 0.1s;
transition: opacity 1s ease 0.1s
}
.ln-actions {
float: left;
display: none;
}
.ln-action {
float: left;
margin-left: 24px
}
/* chevron */
.ln-menucta {
cursor: pointer;
display: block;
margin-right: -11px;
overflow: hidden;
width: 40px;
height: 48px;
-webkit-tap-highlight-color: transparent;
}
.ln-menucta-chevron {
display: block;
position: relative;
width: 100%;
height: 100%;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
-webkit-transform: translateY(10%);
-ms-transform: translateY(10%);
transform: translateY(10%)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
content: "";
display: block;
position: absolute;
top: 50%;
width: 12px;
height: 1px;
z-index: 1;
-webkit-transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: -webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1);
transition: transform 1s cubic-bezier(0.86, 0, 0.07, 1),
transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform 1s cubic-bezier(0.86, 0, 0.07, 1),
-webkit-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1),
-ms-transform-origin 1s cubic-bezier(0.86, 0, 0.07, 1)
}
.ln-menucta-chevron::before,
.ln-menucta-chevron::after {
background: #333
}
.ln-menucta-chevron::before {
-webkit-transform-origin: 100% 100%;
-ms-transform-origin: 100% 100%;
transform-origin: 100% 100%;
-webkit-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5);
right: 50%
}
.ln-menucta-chevron::after {
-webkit-transform-origin: 0% 100%;
-ms-transform-origin: 0% 100%;
transform-origin: 0% 100%;
-webkit-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5);
left: 50%
}
#ln-menustate:checked~.localnav .ln-menucta-chevron,
#ln-menustate:target~.localnav .ln-menucta-chevron {
-webkit-transform: translateY(-10%);
-ms-transform: translateY(-10%);
transform: translateY(-10%)
}
#ln-menustate:checked~.localnav .ln-menucta-chevron::before,
#ln-menustate:target~.localnav .ln-menucta-chevron::before {
-webkit-transform-origin: 100% 0%;
-ms-transform-origin: 100% 0%;
transform-origin: 100% 0%;
-webkit-transform: rotate(-40deg) scaleY(1.5);
-ms-transform: rotate(-40deg) scaleY(1.5);
transform: rotate(-40deg) scaleY(1.5)
}
#ln-menustate:checked~.localnav .ln-menucta-chevron::after,
#ln-menustate:target~.localnav .ln-menucta-chevron::after {
-webkit-transform-origin: 0% 0%;
-ms-transform-origin: 0% 0%;
transform-origin: 0% 0%;
-webkit-transform: rotate(40deg) scaleY(1.5);
-ms-transform: rotate(40deg) scaleY(1.5);
transform: rotate(40deg) scaleY(1.5)
}
.ln-menucta-anchor {
display: none;
position: absolute;
top: 0;
left: 0;
width: 1px;
height: 1px;
z-index: 10
}
.ln-menucta-anchor:focus {
outline-offset: -6px;
width: 100%;
height: 100%
}
.ln-menucta-anchor-close {
display: none
}
.ln-menucta-anchor-label {
position: absolute;
top: 0;
left: 0;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
-webkit-clip-path: inset(0px 0px 99.9% 99.9%);
clip-path: inset(0px 0px 99.9% 99.9%);
overflow: hidden;
height: 1px;
width: 1px;
padding: 0;
border: 0
}
#ln-menustate:checked~.ln-menucta-anchor-open,
#ln-menustate:target~.ln-menucta-anchor-open {
display: none
}
#ln-menustate:checked~.ln-menucta-anchor-close,
#ln-menustate:target~.ln-menucta-anchor-close {
display: block
}
@media only screen and (max-width: 768px) {
.content {
position: relative;
padding: 20px 0;
}
.col-main {
margin: 0;
}
.col-left {
float: left;
width: 200px;
margin-left: -100%;
margin: 0;
width: 100%;
position: absolute;
left: 0;
top: 0;
}
.localnav {
height: 48px
}
.overview {
float: left;
line-height: 48px;
padding: 0;
background: none;
color: #333;
}
.sidenav {
border-width: 0;
}
.ln-menu-link {
border-bottom: 0 none;
}
.ln-background {
min-height: 48px;
-webkit-transition: background-color 0.5s ease 0.7s;
transition: background-color 0.5s ease 0.7s
}
.ln-menu {
line-height: 48px;
padding-top: 0;
width: 100%;
}
.ln-button {
font-size: 14px;
}
.ln-menu-tray {
overflow: hidden;
pointer-events: none;
visibility: hidden;
width: 100%;
max-height: 0;
-webkit-transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
transition: max-height 0.5s cubic-bezier(0.28, 0.11, 0.32, 1) 0.4s, visibility 0s linear 1s;
}
#ln-menustate:checked~.localnav .ln-menu-tray,
#ln-menustate:target~.localnav .ln-menu-tray {
max-height: 400px;
max-height: -webkit-calc(100vh - 48px - 48px);
max-height: calc(100vh - 48px - 48px);
overflow-y: auto;
-webkit-overflow-scrolling: touch;
pointer-events: auto;
visibility: visible;
-webkit-transition-delay: 0.2s, 0s;
transition-delay: 0.2s, 0s
}
#ln-menustate:checked~.localnav.ln-opening .ln-menu-tray,
#ln-menustate:target~.localnav.ln-opening .ln-menu-tray {
overflow-y: hidden
}
#ln-menustate:checked~.localnav.ln-sticking .ln-menu-tray,
#ln-menustate:target~.localnav.ln-sticking .ln-menu-tray {
max-height: -webkit-calc(100vh - 48px);
max-height: calc(100vh - 48px)
}
.ln-curtain {
-webkit-transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s;
transition: opacity 1s ease 0.2s, width 0s ease 1.2s, height 0s ease 1.2s
}
#ln-menustate:checked~.ln-curtain,
#ln-menustate:target~.ln-curtain {
opacity: 1;
right: 0;
bottom: 0;
width: 100%;
height: 100%
}
.ln-actions {
display: block;
margin-left: 0;
padding: 0 16px;
position: absolute;
top: 0;
right: 0;
z-index: 1;
left: 75%
}
.ln-action {
margin-left: 16px
}
.ln-action-menucta {
margin-left: -20px;
position: absolute;
left: 0;
z-index: 1
}
.ln-action-button {
float: right;
margin-left: 27px
}
.ln-content {
padding: 0 20px;
}
.inner-cont {
margin: 10px;
}
.sidenav {
opacity: 1;
padding: 17px 10px 28px 10px;
-webkit-transform: translate3d(0, -150px, 0);
transform: translate3d(0, -150px, 0);
-webkit-transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
transition: opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s;
transition: transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s, opacity 0.7s cubic-bezier(0.23, 1, 0.32, 1) 0.2s, -webkit-transform 1s cubic-bezier(0.23, 1, 0.32, 1) 0.5s
}
.sidenav .level2 li,
.sidenav .level2 li a {
line-height: 20px;
}
#ln-menustate:checked~.localnav .sidenav,
#ln-menustate:target~.localnav .sidenav {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
-webkit-transition-delay: 0.2s, 0.4s;
transition-delay: 0.2s, 0.4s
}
.ln-menu-item {
display: block;
line-height: 48px;
margin-left: 0;
width: 100%;
padding: 0;
}
.ln-menu-item:first-child .ln-menu-link {
border-top: 0
}
.ln-menu-item:nth-child(1) .ln-menu-link {
-webkit-transition-delay: 0.07s;
transition-delay: 0.07s
}
.ln-menu-item:nth-child(2) .ln-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s
}
.ln-menu-item:nth-child(3) .ln-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s
}
.ln-menu-item:nth-child(4) .ln-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s
}
.ln-menu-item:nth-child(5) .ln-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s
}
.ln-menu-item:nth-child(6) .ln-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s
}
.ln-menu-item:nth-child(7) .ln-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s
}
#ln-menustate:checked~.localnav .ln-menu-item:nth-child(1) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(1) .ln-menu-link {
-webkit-transition-delay: 0.56s;
transition-delay: 0.56s
}
#ln-menustate:checked~.ln-menu-item:nth-child(2) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(2) .ln-menu-link {
-webkit-transition-delay: 0.49s;
transition-delay: 0.49s
}
#ln-menustate:checked~.ln-menu-item:nth-child(3) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(3) .ln-menu-link {
-webkit-transition-delay: 0.42s;
transition-delay: 0.42s
}
#ln-menustate:checked~.ln-menu-item:nth-child(4) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(4) .ln-menu-link {
-webkit-transition-delay: 0.35s;
transition-delay: 0.35s
}
#ln-menustate:checked~.ln-menu-item:nth-child(5) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(5) .ln-menu-link {
-webkit-transition-delay: 0.28s;
transition-delay: 0.28s
}
#ln-menustate:checked~.ln-menu-item:nth-child(6) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(6) .ln-menu-link {
-webkit-transition-delay: 0.21s;
transition-delay: 0.21s
}
#ln-menustate:checked~.ln-menu-item:nth-child(7) .ln-menu-link,
#ln-menustate:target~.ln-menu-item:nth-child(7) .ln-menu-link {
-webkit-transition-delay: 0.14s;
transition-delay: 0.14s
}
.ln-menu-link {
border-top: 1px solid rgba(214, 214, 214, 0.5);
display: block;
padding-top: 14px;
padding-bottom: 14px;
opacity: 0;
-webkit-transform: translate3d(0, -25px, 0);
transform: translate3d(0, -25px, 0);
-webkit-transition: 0.5s ease;
transition: 0.5s ease;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform
}
#ln-menustate:checked~.localnav .ln-menu-link,
#ln-menustate:target~.localnav .ln-menu-link {
opacity: 1;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0)
}
.ln-menucta-anchor {
display: block
}
}
@media only screen and (max-width: 767px) and (orientation: landscape) {
#ln-menustate:checked~.ln-menu-tray,
#ln-menustate:target~.ln-menu-tray {
max-height: 280px;
max-height: -webkit-calc(100vh - 48px - 48px);
max-height: calc(100vh - 48px - 48px)
}
}
@media only screen and (max-width: 767px) {
.ln-menu-link {
-webkit-border-radius: 0px;
-moz-border-radius: 0px;
-ms-border-radius: 0px;
-o-border-radius: 0px;
border-radius: 0px;
}
}
.contact-row03 {
height: 300px;
background: url(../image/probg04.jpg) center no-repeat;
background-size: cover;
}
.contact-row03 .tit {
width: 100%;
height: 60px;
line-height: 60px;
font-size: 36px;
font-weight: bold;
text-align: center;
padding-top: 120px;
}
.contact-row03 .tit a {
color: #fff;
}
.contact-row03 .tit img {
vertical-align: top;
margin-top: 16px;
margin-left: 10px;
}
.hezhb {
padding: 100px 180px 60px 180px;
}
.hzhb_tit {
line-height: 30px;
height: 30px;
font-size: 32px;
color: #0766B9;
font-weight: bold;
text-align: center;
position: relative;
padding-bottom: 20px;
margin-bottom: 45px;
}
.hzhb_tit:before {
content: "";
display: block;
bottom: 0;
left: 50%;
margin-left: -40px;
position: absolute;
width: 80px;
height: 2px;
background: #0766B9;
}
.owl-hzhb .owl-dots {
height: 0px;
overflow: hidden;
}
.nodata {
text-align: center;
line-height: 4em;
}
.layui-laypage a,
.layui-laypage span {
font-size: 14px;
padding: 0 10px
}
.layui-laypage a {
background-color: #F6F6F6;
border-radius: 8px !important;
margin-left: 8px !important;
margin-right: 8px !important;
}
.layui-laypage-curr {
border-radius: 8px !important;
margin-left: 10px !important;
margin-right: 8px !important;
}
.layui-laypage-em {
border-radius: 8px !important;
}
.layui-laypage-prev,
.layui-laypage-next {
border: 0 !important;
background-color: #fff !important;
}
#Lb_pager {
margin: 30px 0;
text-align: center;
}
#Lb_pager .pages a {
display: inline-block;
width: 28px;
height: 28px;
color: #000;
cursor: pointer;
line-height: 28px;
background: #E8E8E8;
font-size: 14px;
text-align: center;
margin: 0 5px;
border-radius: 8px !important;
}
#Lb_pager .pages .pgnext,
#Lb_pager .pages .pgprev {
width: 100px;
background: none;
}
#Lb_pager .pages .pgcurrent {
color: #fff;
cursor: default;
background: #0766B9;
}
#Lb_pager .pages .pgempty {
cursor: not-allowed;
background-color: #fff !important;
color: #d2d2d2 !important;
}
#Lb_pager .pages .page-num-current {
color: #fff;
text-decoration: none;
background: #0766B9;
}
.leftfix {
position: fixed;
top: 0px;
z-index: 99;
background-color: #fff;
width: 100%;
margin-top: 0;
}
.leftfix .ln-menu-link {
line-height: 60px;
}
.sub-banner {
width: 100%;
height: 580px;
position: relative;
}
.subbannertext {
position: absolute;
top: 265px;
left: 150px;
}
.subbannertext h1 {
font-size: 42px;
font-weight: bold;
line-height: 50px;
color: #FFFFFF;
}
.sub-banner .f-bt {
font-size: 16px;
font-weight: 400;
line-height: 50px;
color: #FFFFFF;
padding-left: 65px;
position: relative;
}
.sub-banner .ani-line:before,
.ani-line:after {
content: '';
position: absolute;
display: block;
width: 100%;
top: 26px;
height: 2px;
background-color: #FFFFFF;
transition: none;
}
.sub-banner .ani-line {
width: 40px;
position: absolute;
height: 50px;
left: 0rem;
opacity: 1;
}
.topmoheader {
display: none;
}
@media only screen and (max-width: 768px) {
.topmoheader {
display: block;
}
.header {
display: none !important;
}
.fot-logo {
width: 125px;
}
.gzwmdl {
width: calc(100% - 150px);
}
.wxlist dt,
.wxlist dd {
margin-top: 4px;
}
.wxlist dt,
.wxlist dd {
margin-right: 15px;
}
.fot-nav dl {
margin-right: 85px;
}
}
@media screen and (max-width:450px) {
.sub-banner {
height: 280px;
}
.subbannertext {
top: 65px;
left: 20px;
}
.subbannertext h1 {
font-size: 20px;
}
.fot-logo {
width: 165px;
}
.gzwmdl {
width: 100%;
}
.wxlist dt {
margin-right: 0px;
margin-top: 24px;
width: 100%;
}
.wxlist dd {
margin-right: 0px;
margin-top: 24px;
width: 50%;
}
.fot-nav dl {
margin-right: 0;
width: 33.33%;
height: 250px;
}
.section-5 .cont .text {
text-align: left;
}
@media screen and (max-width:1280px) {
.header,
.page_pc {
min-width: 1200px;
}
}
@media screen and (max-width:1024px) {
.header,
.page_pc {
min-width: 1000px;
}
}
@media screen and (max-width:768px) {
.header,
.page_pc {
min-width: auto;
}
}