* {
padding:0px;
margin:0px;
}
html {
font-size:62.5%;
}
body {
font-size:12px;
font-family:"微软雅黑";
}
body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, p, i, b, em, span, form, fieldset, legend, input, textarea, select, button, th, td {
margin:0;
padding:0;
font-style:normal;
}
h1, h2, h3, h4, h5, h6 {
list-style:none;
font-weight:normal;
}
input, select, button, textarea {
font-size:12px;
border:0;
background:none;
outline:none;
vertical-align:middle;
font-family:"微软雅黑";
}
button {
overflow:visible
}
img {
border:none;
}
li {
list-style:none;
}
a {
color:#555;
text-decoration:none;
}
a:hover {
color:#1173c2;
text-decoration:none !important;
}
.clear {
overflow:hidden;
clear:both;
height:0px;
}
::-webkit-scrollbar {
width:6px;
}
::-webkit-scrollbar-track {
background-color:#000;
}
::-webkit-scrollbar-thumb {
background-color:#aaa;
}
::-webkit-scrollbar-thumb:hover {
background-color:#1173c2;
}
::-webkit-scrollbar-thumb:active {
background-color:#1173c2;
}
@media only screen and (max-width:992px) {
input, textarea {
-webkit-appearance:none;
border-radius:0;
}
}
html.on {
height:100%;
overflow:hidden;
width:100%;
}
@media only screen and (max-width:992px) {
html.on {
height:100%;
overflow:hidden;
width:100%;
position:fixed;
}
}
.header {
width:100%;
padding:30px 0;
position:fixed;
top:0;
left:0;
z-index:9999;
}
.header .logo {
width:200px;
margin-left:20px;
float:left;
}
.header .logo img {
width:100%;
height:auto;
display:block;
}
.header .l_m {
position:absolute;
top:50%;
right:50px;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
.header .ss {
height:26px;
float:left;
margin-right:15px;
position:relative;
}
.header .ss input {
width:0;
height:26px;
border-bottom:1px solid #ddd;
position:absolute;
right:0;
top:0;
font-size:14px;
line-height:26px;
color:#fff;
opacity:0;
}
.header .ss:hover input {
width:140px;
padding-right:30px;
opacity:1;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
.header .ss button {
width:30px;
height:26px;
font-size:15px;
text-align:center;
line-height:26px;
color:#fff;
cursor:pointer;
position:relative;
z-index:1;
}
.header .yy {
height:26px;
float:right;
margin-right:20px;
}
.header .yy a {
font-size:15px;
line-height:26px;
color:#fff;
display:block;
}
.header .em {
font-size:18px;
line-height:26px;
color:#fff;
float:right;
margin-right:65px;
cursor:pointer;
}
.header .an {
width:30px;
height:20px;
cursor:pointer;
position:relative;
float:right;
margin-top:3px;
}
.header .an i {
position:absolute;
right:40px;
top:50%;
font-size:15px;
width:36px;
color:#fff;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
.header .an span {
width:30px;
height:2px;
background-color:#fff;
display:inline-block;
vertical-align:middle;
position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
.header .an.n span {
background:none;
}
.header .an span:before {
content:"";
position:absolute;
top:-8px;
left:0;
width:30px;
height:2px;
background-color:#fff;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
.header .an.n span:before {
transform:translateY(8px) rotateZ(-45deg);
-webkit-transform:translateY(8px) rotateZ(-45deg);
-moz-transform:translateY(8px) rotateZ(-45deg);
-ms-transform:translateY(8px) rotateZ(-45deg);
-o-transform:translateY(8px) rotateZ(-45deg);
}
.header .an span:after {
content:"";
position:absolute;
top:8px;
left:0;
width:30px;
height:2px;
background-color:#fff;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
.header .an.n span:after {
transform:translateY(-8px) rotateZ(45deg);
-webkit-transform:translateY(-8px) rotateZ(45deg);
-moz-transform:translateY(-8px) rotateZ(45deg);
-ms-transform:translateY(-8px) rotateZ(45deg);
-o-transform:translateY(-8px) rotateZ(45deg);
}
@media only screen and (max-width:992px) {
.header {
padding:10px 15px;
background-image:-webkit-linear-gradient(top,rgba(0,0,0,.9),rgba(255,255,255,0));
background-image:-moz-linear-gradient(top,rgba(0,0,0,.9),rgba(255,255,255,0));
background-image:-ms-linear-gradient(top,rgba(0,0,0,.9),rgba(255,255,255,0));
background-image:-o-linear-gradient(top,rgba(0,0,0,.9),rgba(255,255,255,0));
background-image:linear-gradient(top,rgba(0,0,0,.9),rgba(255,255,255,0));
}
.header .logo {
width:130px;
margin:0;
}
.header .l_m {
right:15px;
}
.header .ss {
display:none;
}
.header .yy {
height:26px;
float:right;
margin-right:60px;
}
.header .em {
display:none;
}
}
.ewm {
width:100%;
height:100%;
background-color:rgba(0, 0, 0, .95);
position:fixed;
top:0;
left:0;
z-index:999;
display:none;
}
.ewm .t_p {
width:230px;
background-color:#fff;
position:absolute;
left:50%;
top:50%;
transform:translate(-50%, -50%);
-webkit-transform:translate(-50%, -50%);
-moz-transform:translate(-50%, -50%);
-ms-transform:translate(-50%, -50%);
-o-transform:translate(-50%, -50%);
}
.ewm .t_p img {
width:100%;
height:auto;
display:block;
}
.ewm .t_p p {
font-size:15px;
line-height:30px;
text-align:center;
margin-bottom:10px;
}
.menu {
width:100%;
height:100%;
position:fixed;
top:0;
left:0;
background-color:rgba(0, 0, 0, .95);
z-index:999;
display:none;
}
.menu .nav {
width:1020px;
margin:0 auto;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%, -70%);
-webkit-transform:translate(-50%, -70%);
-moz-transform:translate(-50%, -70%);
-ms-transform:translate(-50%, -70%);
-o-transform:translate(-50%, -70%);
}
.menu .nav i {
font-size:14px;
line-height:54px;
text-align:right;
position:absolute;
width:50%;
height:54px;
right:15px;
top:50%;
display:none;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
.menu .nav ul li {
width:170px;
text-align:center;
float:left;
position:relative;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}
.menu .nav .y_j {
position:relative;
font-size:18px;
line-height:50px;
color:#fff;
}
.menu .nav .e_j a {
display:inline-block;
font-size:14px;
line-height:36px;
color:#aaa;
position:relative;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
.menu .nav .e_j a:after {
width:0;
height:1px;
background-color:#aaa;
content:"";
position:absolute;
left:50%;
bottom:0;
transform:translate(-50%, 0);
-webkit-transform:translate(-50%, 0);
-moz-transform:translate(-50%, 0);
-ms-transform:translate(-50%, 0);
-o-transform:translate(-50%, 0);
}
.menu .nav .e_j a:hover {
color:#fff;
}
.menu .nav .e_j a:hover:after {
width:100%;
transition:all .5s;
-o-transition:all .5s;
-ms-transition:all .5s;
-moz-transition:all .5s;
-webkit-transition:all .5s;
}
@media (min-width:992px) {
.menu .nav .e_j {
display:block !important;
}
}
@media only screen and (max-width:992px) {
.menu .nav {
width:100%;
padding:60px 15px 0;
position:relative;
top:auto;
left:auto;
transform:none;
-webkit-transform:none;
-moz-transform:none;
-ms-transform:none;
-o-transform:none;
}
.menu .nav i {
display:block;
}
.menu .nav ul {
margin-bottom:100px;
}
.menu .nav ul li {
width:100%;
height:auto;
text-align:left;
font-size:16px;
display:block;
transition:all .3s;
-o-transition:all .3s;
-ms-transition:all .3s;
-moz-transition:all .3s;
-webkit-transition:all .3s;
}
.menu .nav ul li a.o_lm {
color:#000;
}
.menu .nav ul li:hover a.o_lm {
color:#1173c2;
background:none;
}
.menu .nav .y_j {
border-bottom:1px solid #d7d7d7;
}
.menu .nav .e_j {
padding:10px 0;
border-bottom:1px solid #d7d7d7;
display:none;
}
}
.pc_ban {
width:100%;
height:100vh;
position:relative;
}
.pc_ban .b_j {
width:100%;
height:100%;
background:url(../images/b_j.png);
position:absolute;
top:0;
left:0;
}
.pc_ban .w_z {
width:80%;
position:absolute;
text-shadow:0 0 10px #444;
text-align:center;
color:#fff;
left:10%;
top:50%;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
.pc_ban .w_z h3 {
font-size:36px;
line-height:50px;
margin-bottom:10px;
}
.pc_ban .w_z p {
font-size:22px;
text-transform:uppercase;
line-height:36px;
}
.pc_ban .swiper-button-prev {
background:url(../images/banner-l.png) no-repeat;
width:36px;
height:36px;
margin-top:-18px;
background-size:36px 36px;
-webkit-background-size:36px 36px;
-moz-background-size:36px 36px;
-ms-background-size:36px 36px;
-o-background-size:36px 36px;
}
.pc_ban .swiper-button-next {
background:url(../images/banner-r.png) no-repeat;
width:36px;
height:36px;
margin-top:-18px;
background-size:36px 36px;
-webkit-background-size:36px 36px;
-moz-background-size:36px 36px;
-ms-background-size:36px 36px;
-o-background-size:36px 36px;
}
@media only screen and (max-width:992px) {
.pc_ban .w_z {
width:100%;
text-align:center;
padding:0 15px;
left:0;
transform:translate(0, -50%);
-webkit-transform:translate(0, -50%);
-moz-transform:translate(0, -50%);
-ms-transform:translate(0, -50%);
-o-transform:translate(0, -50%);
}
.pc_ban .w_z h3 {
font-size:24px;
line-height:30px;
}
.pc_ban .w_z p {
font-size:14px;
line-height:24px;
}
.pc_ban .swiper-button-prev {
display:none;
}
.pc_ban .swiper-button-next {
display:none;
}
}
.sy_gy .sy_wz {
color:#000;
}
.sy_gy .sy_wz p {
color:#666;
}
.sy_wz {
width:100%;
margin:0 auto;
text-align:left;
font-size:14px;
line-height:26px;
color:#fff;
}
.sy_wz img {
width:100%;
height:auto;
display:block;
}
.sy_wz .g_y {
margin-top:30px;
}
.sy_wz .t_p {
opacity:0;
}
.sy_wz .w_z {
opacity:0;
}
.sy_wz .n_r {
margin-top:15px;
}
.sy_wz .l_m {
margin-top:30px;
}
.sy_wz .l_m a {
border:1px solid #aaa;
font-size:14px;
line-height:36px;
text-align:center;
display:block;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.sy_wz .l_m a:hover {
border:1px solid #1173c2;
background-color:#1173c2;
color:#fff;
}
.sy_wz h3 {
font-size:36px;
line-height:46px;
text-align:center;
margin-top:60px;
margin-bottom:20px;
opacity:0;
}
.sy_wz h4 {
font-size:30px;
line-height:40px;
margin-bottom:20px;
}
.sy_wz p {
font-size:16px;
line-height:28px;
text-align:center;
margin-bottom:20px;
opacity:0;
}
.sy_wz a.m_r {
width:132px;
height:38px;
margin:20px auto 0;
border:1px solid #fff;
font-size:14px;
text-align:center;
color:#fff;
line-height:36px;
display:block;
position:relative;
opacity:0;
}
.sy_wz a.m_r:hover {
color:#1173c2;
}
.sy_wz a.m_r:before {
content:"";
width:0;
height:38px;
border:1px solid #1173c2;
border-width:1px 0 1px 0;
top:-1px;
left:-1px;
position:absolute;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.sy_wz a.m_r:after {
content:"";
width:132px;
height:0;
border:1px solid #1173c2;
border-width:0 1px 0 1px;
top:-1px;
left:-1px;
position:absolute;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.sy_wz a.m_r:hover:before {
width:132px;
}
.sy_wz a.m_r:hover:after {
height:38px;
}
@media only screen and (max-width:992px) {
.sy_wz {
font-size:12px;
line-height:24px;
}
.sy_wz .g_y {
margin-top:10px;
}
.sy_wz .l_m {
margin-top:0;
}
.sy_wz .l_m ul li {
margin-top:15px;
}
.sy_wz h3 {
font-size:22px;
line-height:30px;
margin-top:0;
margin-bottom:5px;
}
.sy_wz p {
font-size:14px;
line-height:24px;
margin-bottom:10px;
}
.sy_wz a.m_r {
display:none;
}
}
.active .sy_wz h3 {
animation:fadeInDown 1s 1s forwards;
}
.active .sy_wz p {
animation:fadeInDown 1s 1.5s forwards;
}
.active .sy_wz a.m_r {
animation:fadeInUp 1s 2s forwards;
}
.active .sy_wz .t_p {
animation:fadeInLeft 1s 1.5s forwards;
}
.active .sy_wz .w_z {
animation:fadeInRight 1s 1.5s forwards;
}
.swiper-xw {
padding-bottom:50px;
text-align:left;
opacity:0;
}
.swiper-xw .swiper-slide {
padding:10px;
background-color:#fff;
box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
-ms-box-sizing:border-box;
-o-box-sizing:border-box;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.swiper-xw .swiper-slide img {
width:100%;
height:auto;
display:block;
}
.swiper-xw .tp {
margin-bottom:10px;
}
.swiper-xw h3 {
font-size:15px;
color:#000;
margin-bottom:15px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.swiper-xw h3 a {
color:#000;
}
.swiper-xw .swiper-slide:hover h3 a {
color:#1173c2;
}
.swiper-xw p {
font-size:12px;
line-height:24px;
color:#777;
height:48px;
overflow:hidden;
}
.swiper-xw em {
width:100px;
height:1px;
background-color:#e7e7e7;
margin-bottom:10px;
display:block;
}
.swiper-xw .rq {
font-size:14px;
color:#999;
margin-top:10px;
}
.swiper-xw .rq i {
font-size:22px;
padding-right:10px;
color:#1173c2;
font-style:normal;
}
.swiper-xw .swiper-pagination-bullet {
width:30px;
height:2px;
background-color:#fff;
}
.swiper-xw .swiper-pagination-bullet-active {
background-color:#1173c2;
}
@media only screen and (max-width:995px) {
.swiper-xw {
padding:0 15px 50px;
margin-top:20px;
}
.swiper-xw .swiper-slide {
padding:.3rem;
}
.swiper-xw .tp {
margin-bottom:.5rem;
}
.swiper-xw h3 {
font-size:1.2rem;
margin-bottom:1rem;
}
.swiper-xw p {
font-size:1rem;
line-height:2rem;
height:4rem;
}
.swiper-xw em {
width:8rem;
margin-bottom:.5rem;
}
.swiper-xw .rq {
font-size:1rem;
margin-top:1rem;
}
.swiper-xw .rq i {
font-size:1.2rem;
padding-right:.5rem;
}
.swiper-xw .swiper-pagination-bullet {
margin:0 .5rem !important;
}
}
.active .swiper-xw {
animation:fadeInUp 1s 2s forwards;
}
.wrap {
opacity:0;
}
.wrap .n_r {
padding:20px;
text-align:center;
cursor:pointer;
}
.wrap .s_z {
font-size:22px;
line-height:50px;
width:160px;
height:160px;
border:2px solid #fff;
border-radius:50%;
padding:55px 0;
margin:0 auto 20px;
}
.wrap .s_z b {
font-size:36px;
font-family:Arial, Helvetica, sans-serif;
}
.wrap h4 {
font-size:22px;
margin-bottom:10px;
}
.wrap p {
font-size:15px;
line-height:30px;
}
@media only screen and (max-width:992px) {
.wrap .n_r {
margin-bottom:0;
margin-top:20px;
padding:0;
}
.wrap .s_z {
font-size:18px;
line-height:30px;
width:90px;
height:90px;
padding:30px 0;
margin:0 auto 15px;
}
.wrap .s_z b {
font-size:26px;
}
.wrap h4 {
font-size:16px;
margin-bottom:10px;
}
.wrap p {
font-size:12px;
line-height:22px;
}
}
.active .wrap {
animation:fadeInUp 1s 1.5s forwards;
}
.lx_wm {
margin-top:30px;
opacity:0;
}
.lx_wm ul li {
width:20%;
float:left;
}
.lx_wm ul li.on {
float:right;
}
.lx_wm img {
width:50px;
height:50px;
display:block;
margin:20px auto 0;
}
.lx_wm img.e_m {
width:56%;
height:auto;
margin:0 auto 5px;
}
.lx_wm h3 {
font-size:16px;
margin-top:10px;
margin-bottom:10px;
}
.lx_wm p {
font-size:14px;
line-height:32px;
}
.lx_wm b {
font-size:22px;
}
.lx_wm i {
width:50px;
height:3px;
background-color:rgba(255, 255, 255, .2);
display:block;
margin:0 auto 15px;
}
@media only screen and (max-width:992px) {
.lx_wm {
margin-top:20px;
opacity:0;
}
.lx_wm ul li {
width:50%;
float:left;
}
.lx_wm ul li.oz {
width:100%;
float:left;
}
.lx_wm img {
width:40px;
height:40px;
margin:15px auto 0;
}
.lx_wm img.e_m {
width:30%;
height:auto;
margin:0 auto 5px;
}
.lx_wm h3 {
font-size:15px;
margin-top:6px;
margin-bottom:6px;
}
.lx_wm p {
font-size:12px;
line-height:24px;
}
.lx_wm b {
font-size:18px;
}
.lx_wm i {
width:40px;
height:2px;
margin:0 auto 10px;
}
}
.active .lx_wm {
animation:fadeInUp 1s 1.5s forwards;
}
.ny_ban {
width:100%;
padding:70px 0 80px;
position:relative;
}
.ny_ban .b_j {
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
background-color:rgba(0, 0, 0, .3);
}
.ny_ban .w_z {
width:100%;
color:#fff;
text-align:center;
text-transform:uppercase;
position:relative;
}
.ny_ban .w_z h3 {
font-size:32px;
margin-bottom:15px;
}
.ny_ban .w_z p {
font-size:22px;
}
@media only screen and (max-width:992px) {
.ny_ban {
width:100%;
padding:120px 0 50px;
background-attachment:scroll !important;
}
.ny_ban .w_z {
width:100%;
color:#fff;
text-align:center;
text-transform:uppercase;
}
.ny_ban .w_z h3 {
font-size:22px;
margin-bottom:5px;
}
.ny_ban .w_z p {
font-size:18px;
}
}
.ny_ej {
width:100%;
border-bottom:1px solid #e7e7e7;
padding:15px 0;
font-size:15px;
line-height:36px;
position:relative;
}
.ny_ej .w_z {
position:relative;
padding:0 5%;
font-size:15px;
background-color:#1173c2;
line-height:46px;
color:#fff;
display:none;
}
.ny_ej .w_z i {
float:right;
font-size:15px;
line-height:46px;
}
.ny_ej ul {
text-align:center;
}
.ny_ej ul li {
margin:0 15px;
padding:0 20px;
display:inline-block;
}
.ny_ej ul li a {
display:block;
}
.ny_ej ul li a:hover {
border-bottom:2px solid #1173c2;
color:#1173c2;
}
.ny_ej ul li a.on {
border-bottom:2px solid #1173c2;
color:#1173c2;
}
@media only screen and (min-width:992px) {
.ny_ej ul {
display:block !important;
}
}
@media only screen and (max-width:992px) {
.ny_ej {
border:0;
padding:0;
}
.ny_ej .w_z {
display:block;
}
.ny_ej ul {
width:100%;
border-bottom:1px solid #e7e7e7;
background-color:#fff;
z-index:999;
display:none;
}
.ny_ej ul li {
display:block;
font-size:14px;
border-bottom:1px solid #e7e7e7;
text-align:center;
line-height:44px;
padding:0;
margin:0 5%;
}
.ny_ej ul li:last-child {
border-bottom:0;
}
.ny_ej ul li a {
padding:0;
border-radius:0;
}
.ny_ej ul li a:hover {
border-bottom:0;
color:#555;
}
.ny_ej ul li a.on {
border-bottom:0;
color:#555;
}
}
.ny_nr {
margin:50px auto 70px;
}
.ny_nr .ny_bt {
margin-bottom:15px;
text-align:center;
}
.ny_nr .ny_bt h3 {
font-size:26px;
margin-bottom:15px;
}
.ny_nr .ny_bt span {
width:44px;
height:2px;
background-color:#1173c2;
display:block;
margin:0 auto 30px;
}
.ny_nr .n_r {
font-size:14px;
line-height:28px;
color:#777;
}
.ny_nr .n_r p {
margin-bottom:20px;
}
.ny_nr .gy_sy ul li {
width:100%;
margin-bottom:25px;
overflow:hidden;
}
.ny_nr .gy_sy .t_p img {
width:100%;
height:266px;
display:block;
}
.ny_nr .gy_sy .w_z {
height:266px;
padding:20px;
border:1px solid #e7e7e7;
overflow:hidden;
}
.ny_nr .gy_sy .w_z h3 {
font-size:22px;
margin-bottom:20px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.ny_nr .gy_sy .w_z span {
font-size:14px;
line-height:26px;
color:#aaa;
}
.ny_nr .gy_sy .w_z p {
font-size:14px;
line-height:26px;
color:#777;
margin-top:10px;
margin-bottom:20px;
height:78px;
overflow:hidden;
}
.ny_nr .gy_sy .w_z a.x_q {
width:120px;
height:30px;
background-color:#1173c2;
font-size:14px;
color:#fff;
text-align:center;
line-height:30px;
display:block;
}
.ny_nr .d_t {
margin-bottom:30px;
}
.ny_nr .d_t img {
width:100%;
height:auto;
display:block;
}
.ny_nr .lianxi h3 {
margin-bottom:15px;
}
.ny_nr .lianxi h4 {
font-size:16px;
line-height:26px;
color:#888;
margin-bottom:15px;
}
.ny_nr .lianxi em {
width:30px;
height:2px;
background-color:#1173c2;
display:block;
margin-bottom:15px;
}
.ny_nr .lianxi b {
font-family:Arial, Helvetica, sans-serif;
color:#1173c2;
padding-left:5px;
font-size:20px !important;
}
.ny_nr .lianxi p {
font-size:16px;
line-height:40px;
}
.ny_nr .lianxi p i {
padding-right:10px;
color:#aaa;
}
.ny_nr .lianxi input.w_z {
width:32%;
height:40px;
font-size:14px;
line-height:40px;
margin-right:.3%;
margin-bottom:10px;
border:1px solid #e7e7e7;
padding:0 5px;
}
.ny_nr .lianxi input.a_n {
width:120px;
height:40px;
background-color:#1173c2;
font-size:14px;
color:#fff;
line-height:40px;
}
.ny_nr .lianxi textarea {
width:98%;
height:66px;
padding:5px;
border:1px solid #e7e7e7;
outline:none;
resize:none;
font-size:14px;
line-height:28px;
margin-bottom:10px;
}
.ny_nr .yema {
margin-top:40px;
text-align:center;
}
.ny_nr .yema ul li {
margin:0 5px;
display:inline-block;
}
.ny_nr .yema ul li a {
display:block;
border:1px solid #1173c2;
padding:0 12px;
font-size:14px;
line-height:30px;
text-align:center;
color:#555;
}
.ny_nr .yema ul li a.on {
background-color:#1173c2;
border:1px solid #1173c2;
color:#fff;
}
@media only screen and (max-width:992px) {
.ny_nr {
width:100%;
margin:20px auto 40px;
}
.ny_nr .ny_bt {
margin-bottom:10px;
margin-top:15px;
}
.ny_nr .ny_bt h3 {
font-size:18px;
margin-bottom:6px;
}
.ny_nr .ny_bt span {
width:36px;
margin:0 auto 20px;
}
.ny_nr .n_r {
font-size:12px;
line-height:24px;
}
.ny_nr .n_r p {
margin-bottom:15px;
}
.ny_nr .wd_zq {
margin-top:20px;
}
.ny_nr .wd_zq ul li {
border:0;
border-bottom:1px solid #d7d7d7;
margin-bottom:15px;
padding:0 0 15px;
}
.ny_nr .g_g {
width:100%;
overflow:hidden;
}
.ny_nr .g_g ul li {
width:49%;
margin-right:2%;
margin-top:1%;
margin-bottom:1%;
}
.ny_nr .g_g ul li:nth-child(2n) {
margin-right:0;
}
.ny_nr .g_g .tp img {
width:100%;
height:130px;
display:block;
}
.ny_nr .g_g .wz {
padding:5px;
}
.ny_nr .g_g .wz p {
font-size:12px;
line-height:20px;
height:40px;
}
.ny_nr .gy_sy ul li {
margin-bottom:20px;
overflow:hidden;
}
.ny_nr .gy_sy .t_p {
width:100%;
float:none;
margin-bottom:15px;
}
.ny_nr .gy_sy .t_p img {
height:auto;
}
.ny_nr .gy_sy .w_z {
width:100%;
height:auto;
padding:0;
border:0;
float:none;
}
.ny_nr .gy_sy .w_z h3 {
font-size:15px;
margin-bottom:10px;
}
.ny_nr .gy_sy .w_z span {
font-size:12px;
line-height:20px;
}
.ny_nr .gy_sy .w_z p {
font-size:12px;
line-height:20px;
margin-top:5px;
margin-bottom:10px;
height:40px;
}
.ny_nr .gy_sy .w_z a.x_q {
width:80px;
height:26px;
font-size:12px;
line-height:26px;
}
.ny_nr .d_t {
margin-bottom:0;
}
.ny_nr .lianxi h3 {
margin-top:20px;
font-size:18px;
}
.ny_nr .lianxi h4 {
font-size:14px;
line-height:24px;
}
.ny_nr .lianxi p {
font-size:14px;
line-height:32px;
}
.ny_nr .lianxi input.w_z {
width:100%;
height:36px;
line-height:36px;
}
.ny_nr .lianxi input.a_n {
width:100%;
height:36px;
line-height:36px;
}
.ny_nr .lianxi textarea {
width:100%;
}
.ny_nr .yema {
margin-top:20px;
}
.ny_nr .yema ul li a {
font-size:14px;
line-height:28px;
}
}
.rc_zp .sc {
padding:30px;
background-color:#1173c2;
margin-bottom:10px;
}
.rc_zp .sc input.j_g {
width:60%;
height:48px;
font-size:14px;
line-height:48px;
display:block;
}
.rc_zp .sc .xz {
width:300px;
height:48px;
background-color:#fff;
padding:0 10px;
font-size:14px;
line-height:48px;
float:left;
margin-right:20px;
position:relative;
}
.rc_zp .sc .xz i {
width:9px;
height:9px;
display:block;
background:url(../images/talent_choose.png) no-repeat;
position:absolute;
right:20px;
top:50%;
margin-top:-4px;
}
.rc_zp .sc .xz .ej {
position:absolute;
top:48px;
left:0;
width:100%;
height:182px;
padding:10px;
background-color:#f5f5f5;
position:absolute;
display:none;
overflow:auto;
}
.rc_zp .sc .xz .ej span {
font-size:14px;
line-height:32px;
display:block;
cursor:pointer;
}
.rc_zp .sc .a_n {
width:200px;
height:48px;
background-color:#ce440e;
font-size:14px;
line-height:48px;
color:#fff;
float:left;
}
.rc_zp .ts {
font-size:14px;
line-height:26px;
color:#888;
margin-top:20px;
margin-bottom:20px;
}
.rc_zp .ts a {
color:#1173c2;
}
.rc_zp .jr_lm {
border-bottom:1px solid #e7e7e7;
overflow:hidden;
}
.rc_zp .jr_lm.jt .jr_bt {
background-color:#f5f5f5;
font-size:14px;
color:#000;
}
.rc_zp .jr_bt {
padding:10px;
height:60px;
font-size:12px;
line-height:40px;
color:#555;
overflow:hidden;
cursor:pointer;
}
.rc_zp .jr_bt.on {
border-bottom:1px solid #e7e7e7;
}
.rc_zp .jr_bt span {
float:left;
width:25%;
text-align:center;
}
.rc_zp .jr_bt span.tl {
text-align:left;
}
.rc_zp .jr_nr {
background-color:#fff;
padding:20px 10px 10px;
font-size:12px;
line-height:26px;
margin-bottom:3px;
display:none;
}
.rc_zp .jr_nr .lm {
color:#333;
}
.rc_zp .jr_nr .js {
margin-bottom:20px;
color:#777;
}
@media only screen and (max-width:992px) {
.gz_jh {
margin:0 auto 30px;
}
.rc_zp .ts {
font-size:12px;
line-height:22px;
margin-bottom:10px;
}
.rc_zp .sc {
padding:20px;
}
.rc_zp .sc .xz {
width:100%;
margin:0 0 10px 0;
}
.rc_zp .sc .xz .ej {
z-index:9999;
}
.rc_zp .sc .a_n {
width:100%;
}
.rc_zp .jr_bt {
padding:5px 20px;
height:50px;
}
.rc_zp .jr_lm.jt .jr_bt {
padding:5px 20px;
line-height:40px;
}
.rc_zp .jr_nr {
padding:20px;
font-size:12px;
line-height:22px;
}
.rc_zp .jr_nr .lm {
margin-bottom:10px;
}
}
.footer {
width:100%;
background-color:#000;
padding:10px 0;
text-align:left;
font-size:12px;
color:#fff;
line-height:30px;
}
.footer.lx_db {
position:absolute;
bottom:0;
left:0;
opacity:0;
}
.footer select {
width:180px;
height:30px;
border:1px solid #fff;
font-size:12px;
line-height:30px;
float:right;
}
@media only screen and (max-width:992px) {
.footer {
padding:5px 0;
}
.footer .b_a {
text-align:center;
}
.footer .y_l {
display:none;
}
}
.active .footer.lx_db {
animation:fadeInUp 1s 1.5s forwards;
}
.xiaocms-page {
width:100%;
margin:0 auto;
margin-top:50px;
text-align:center
}
.xiaocms-page span {
display: inline-block;
height: 22px;
padding: 0 10px;
line-height: 22px;
background: #1173c2;
border: 1px solid #1173c2;
color: #fff;
text-align: center;
margin-left: 1px;
}
.xiaocms-page a {
display: inline-block;
height: 22px;
line-height: 22px;
background: #fff;
border: 1px solid #e3e3e3;
text-align: center;
color: #333;
padding: 0 10px;
margin-left: 1px;
}
.neiye .about h3 {
color:#0e6eb8;
margin-bottom:15px;
margin-top:0;
}
.neiye .about h4 {
font-size:16px;
color:#0e6eb8;
line-height:28px;
margin-bottom:20px;
}
.neiye .about h5 {
margin-top:15px;
font-size:16px;
color:#0e6eb8;
}
.neiye .about img {
width:100%;
height:auto;
display:block;
}
.neiye .about img.m_t {
margin-top:80px;
}
.neiye .about .t_p {
padding:5px;
border:1px solid #e7e7e7;
}
.neiye .about .t_p img {
width:100%;
height:auto;
display:block;
}
.neiye .about .w_z {
margin:15px 0;
text-align:center;
font-size:14px;
}
.neiye .product ul li {
margin-bottom:20px;
overflow:hidden;
}
.neiye .product .n_r {
border:1px solid #e7e7e7;
}
.neiye .product .t_p {
overflow:hidden;
}
.neiye .product .t_p img {
width:100%;
height:auto;
display:block;
transition:all 3s;
-webkit-transition:all 3s;
-moz-transition:all 3s;
-ms-transition:all 3s;
-o-transition:all 3s;
}
.neiye .product ul li:hover .t_p img {
transform:scale(1.1);
-webkit-transform:scale(1.1);
-moz-transform:scale(1.1);
-ms-transform:scale(1.1);
-o-transform:scale(1.1);
}
.neiye .product .w_z {
padding:20px 15px;
background-color:#fafafa;
}
.neiye .product .w_z h3 {
font-size:16px;
margin-top:0;
margin-bottom:10px;
text-overflow:ellipsis;
white-space:nowrap;
overflow:hidden;
}
.neiye .product .w_z p {
font-size:12px;
color:#888;
line-height:24px;
height:48px;
overflow:hidden;
}
.neiye .product .w_z a.mr {
display:block;
width:130px;
height:36px;
background-color:#a7a7a7;
font-size:15px;
color:#fff;
text-align:center;
line-height:36px;
margin-top:10px;
transition:all .5s;
-webkit-transition:all .5s;
-moz-transition:all .5s;
-ms-transition:all .5s;
-o-transition:all .5s;
}
.neiye .product ul li:hover .w_z a.mr {
box-shadow:inset 130px 0 0 0 #0e6eb8;
-webkit-box-shadow:inset 130px 0 0 0 #0e6eb8;
-moz-box-shadow:inset 130px 0 0 0 #0e6eb8;
-ms-box-shadow:inset 130px 0 0 0 #0e6eb8;
-o-box-shadow:inset 130px 0 0 0 #0e6eb8;
}
@media only screen and (max-width:992px) {
.neiye .about img.m_t {
margin-top:20px;
}
.neiye .about h3 {
font-size:18px;
margin-bottom:10px;
}
.neiye .about h4 {
font-size:14px;
margin-bottom:15px;
}
.neiye .about h5 {
margin-top:10px;
font-size:15px;
color:#0e6eb8;
}
.neiye .about ul li {
padding:0 15px;
}
.neiye .about .w_z {
margin:5px 0 10px;
}
}
.ny_nr .n_r img {
max-width:100%;
height:auto;
}
.gz_s {
position:absolute;
top:42px;
}
@media only screen and (max-width:992px) {
.gz_s {
position:absolute;
top:17px;
}
}